/******************************** GRID ***********************************************
Author: TrieuNH
Custom style make left column fixed with
*/
.grid-by-category{
   min-height: 100%;
}
.grid-by-category .main-content{

}
.grid-by-category .left-content{	
    padding:10px;  
    float: left;    
}
.grid-by-category .left-content-area{
   border-right: solid 1px #eee; 
   min-width: 280px;
}
.grid-by-category .left-content-ship{
   width: 180px;
}
.grid-by-category .right-content{		
   overflow: hidden;
   padding:10px;
}
.grid-by-category .right-content-ship{
   border-left: solid 1px #eee; 
}
.grid-overview{

}
.grid-overview .grid-title{
   padding-left:20px;
}
.grid-overview .grid-content
{
    padding:0 20px;	
}
.btn-disable
{
   cursor: not-allowed;
   pointer-events: none;

   /*Button disabled - CSS color class*/
   color: #c0c0c0;
   background-color: #ffffff;
}

.mx-scrollcontainer-middle .mx-scrollcontainer-wrapper{
  min-width: 100%;
}
.layout-atlas .region-topbar .navbar-brand {
   height: 85px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}


.layout-atlas .region-topbar .topbar-content .container-fluid{
   padding-left: 0px;
   padding-right: 0px;
}

.homepage-topbar-user-info--container{
padding: 8px 10px;
}
.homepage-topbar-user-info--container .mx-dataview-content{
   display: flex;
}
.homepage-topbar-user-info--container .homepage-topbar-avatar-container{
   margin-right: 10px;
}
.homepage-topbar-user-info--container .homepage-topbar-name-container{
   padding: 8px 10px;
}

.ship-edit-drop-drag-col{
   min-width:200px;
}
.ship-edit-drop-drag-icon-col{
   min-width: 35px;
}
.ship-edit-drop-drag-zone{
  
}

.grid-ship-title{
   color: #0595DB;
   font-size: larger;
   font-weight: bold;
}
.grid-ship-title:hover{
   color: #036290;
}
.gird-ship-loading-condition{
   
}
.grid-ship-image{
   max-height: 100px !important;
   max-width:100% !important;
}
/********************************END GRID ***********************************************/
.drop-zone-container{
display: flex;
}
.drop-zone-left{
 float:left; 
  margin-right:20px;
  width: 70%;
}
.drop-zone-right{
   padding-top: 45px;
   width: 30%;
}
@media screen and (max-width: 1366px) {
   .drop-zone-left { 
    float: none;
    margin-right:0;
    width:100%;  
  }
  .drop-zone-right{
   padding-top: 45px;
   width:100%;
  }
}
/******************************Mobile*********************************************/
.user-info-container{
   
   }
   .user-info-container .mx-dataview-content{
      display: flex;
   }
   .user-info-container .avatar-container{
      margin-right: 10px;
   }
   .user-info-container .name-container{
    
   }
   .user-info-container .avatar-container {
      width: 46px;
       height: 46px;
       position: relative;
       overflow: hidden;
       border-radius: 50%;
      background-color: #fff;
      border: 0px;
   }
   .user-info-container .avatar-container img {
     display: inline;
     margin: 0 auto;
     height: 100%;
     width: auto;
   }