#spinner-div {
  position: fixed;
 
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}

.login-clean {
    background:#f1f7fc;
    padding:80px 0;
  }
  
  .login-clean form {
    max-width:320px;
    width:90%;
    margin:0 auto;
    background-color:#ffffff;
    padding:40px;
    border-radius:4px;
    color:#505e6c;
    box-shadow:1px 1px 5px rgba(0,0,0,0.1);
  }
  
  .login-clean .illustration {
    text-align:center;
    padding:0 0 20px;
    font-size:100px;
    color:rgb(244,71,107);
  }
  
  .login-clean form .form-control {
    background:#f7f9fc;
    border:none;
    border-bottom:1px solid #dfe7f1;
    border-radius:0;
    box-shadow:none;
    outline:none;
    color:inherit;
    text-indent:8px;
    height:42px;
  }
  
  .login-clean form .btn-primary {
    background:#EC2324;
    border:none;
    border-radius:4px;
    padding:11px;
    box-shadow:none;
    margin-top:26px;
    text-shadow:none;
    outline:none !important;
  }
  
  .login-clean form .btn-primary:hover, .login-clean form .btn-primary:active {
    background:#eb3b60;
  }
  
  .login-clean form .btn-primary:active {
    transform:translateY(1px);
  }
  
  .login-clean form .forgot {
    display:block;
    text-align:center;
    font-size:12px;
    color:#6f7a85;
    opacity:0.9;
    text-decoration:none;
  }
  
  .login-clean form .forgot:hover, .login-clean form .forgot:active {
    opacity:1;
    text-decoration:none;
  }
  .dt-cell:last-child .dt-cell__content, .dt-cell:last-child .dt-cell__edit {
    
    padding-right: 20px;
	}
  .dt-cell--header {
    height: 60px!important;
   
  }
  .dt-cell--header .dt-cell__content{
    white-space:unset;
  }
  #datatable .dt-cell--col-1{
    display:none;
  }
  #datatable .dt-cell--col-2{
    display:none;
  }
  #datatable .dt-cell--col-11{
    display:none;
  }
   .dt-cell--col-0{
    width:40px;
  }
  .dt-scrollable {
    height: 60vw;
   
}
#datatable {
  font-size: 0.8em;
}
.dt-row {
  /*
  justify-content: center;
  */
}
.table-fixed {
  width: 100%;
  background-color: #f3f3f3;
}
.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #f39c12;
  border-color: #e67e22;
}
.hascomments{
  color:red;
}
#SelectCustomerBody .dropdown-menu {
  width: 100%;
}
#SelectCustomerBody .dropdown-item{
  white-space: normal!important;
  border-bottom: 1px solid #ccc!important;

}
/*
@media (min-width: 576px){
.container, .container-sm {
    max-width: 100vw;
}
}
*/
@media screen and (max-width: 900px){
  #datatable .dt-cell--col-3 {
    display: none;
  }
  #datatable .dt-cell--col-7 {
    display: none;
  }
  #datatable .dt-cell--col-8 {
    display: none;
  }
  #datatable .dt-cell--col-9 {
    display: none;
  }
  #datatable .dt-cell--col-10 {
    display: none;
  }
  #datatable .dt-cell--col-4 {
    width:100%;
  }
  #datatable .dt-cell--col-5 {
    width: 70px !important;
  }
  .dt-cell__content.dt-cell__content--header-5 {
    width: 70px!important;
    padding: 0;
}
.dt-instance-1 .dt-cell__content--col-5 {
  width: 70px!important;
}
.dt-instance-1 .dt-cell__edit--col-5 {
  width: 70px!important;
}
#datatable .dt-cell--col-6 {
  width: 70px !important;
}
.dt-cell__content.dt-cell__content--header-6 {
  width: 70px!important;
  padding: 0;
}
.dt-instance-1 .dt-cell__content--col-6 {
  width: 70px!important;
}
.dt-instance-1 .dt-cell__edit--col-6 {
  width: 70px!important;
}
.dt-instance-1 .dt-cell__content--col-4{
  width:100%!important;
}
  .dt-scrollable {
width:unset!important;
  }
  .dt-row {
    /* justify-content: center; */
    width: 100%;
}
}