/** bootstrap 3 css **/
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}
/** ---------------- **/
body {
   /*background: linear-gradient(120deg, #379178, #29ab87, #86E9CE) !important;*/
   background: #fff;
}

a {
   color: #333;
}

body.page-long-height {
   min-height: 800px;
}

.sidebar-logo {
   width: 100%;
}

footer {
   color: #000;
   font-size: 12px;
   padding: 15px 0px 30px;
}

footer a {
   color: #333;
}

textarea {
   min-height: 100px;
}

.form-input-text {
   /*padding: 5px;*/
   font-weight: bold;
}

.details-table {
   max-height: 600px;
   overflow: auto;
}

.page-header {
   margin-bottom: 10px;
}

.page-header .btn-primary {
   margin-left: 5px;
}

.page-login {
   background: white;
}

.input-suggestion {
   max-width: 100%;
   position: relative;
}

.input-suggestion a {
   text-decoration: underline;
   display: inline-block;
   padding: 3px;
}

.dashboard-member-frm-search {
   min-height: 100px;
}

.sidebar-offcanvas {
   max-height: calc(100vh - 63px) !important;
   overflow: auto;
}

/** custom multiple files uploader **/
.btn-upload-attachments {

}
.uploaded-files-container {
   height: 150px;
   overflow-y: auto;
}

.multiple-files-upload-container {
   height: 100px;
   max-height: 100%;
   overflow-y: auto;
}
.multiple-files-upload-container .file-reader-error {
   text-align: center;
   font-weight: bold;
   font-size: 20px;
   color: #000;
}
.multiple-files-upload-container .attachments-placeholder {
   text-align: center;
   font-size: 20px;
   color: #d0d0d0;
}
.file-box-sigle, .uploaded-files-single {
   display: inline-block;
   position: relative;
   width: 50px;
   height: 50px;
   margin-right: 10px;
}
.file-image-box-single {
   max-width: 100%;
}
.file-btn-remove-single, .uploaded-files-single-remove {
   position: absolute;
   top: 0;
   right: 0;
   color: #fff !important;
   border-radius: 5px;
   padding: 3px;
   display: block;
   background-color: #D62D1F !important;
   font-weight: bold;
   cursor: pointer;
   font-size: 15px;
}
/** end:custom multiple file uploader **/

/** custom datalist **/
.search-data-list {
   position: absolute;
   top: 100%;
   height: 0;
   max-height: 160px;
   overflow-y: auto;
   width: 100%;
   background-color: #fff;
   box-shadow: 3px 5px 10px #888888;
   z-index: 1050;
   transition: height 0.5s;
   -webkit-transition: height 0.5s;
}

.data-list-expand {
   height: 160px !important;
}

.search-group {
   position: relative;
}

.result-search, .result-default {
   padding: 20px;
}

.result-search-single {
   padding-top: 5px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(0,0,0,.05);
}

.result-search-title {
   font-weight: bold;
}

.result-search-content {

}

.result-search-image {
   margin: auto;
}

.result-search-button {

}
.result-search-button .btn {
   margin-right: 5px;
}
/**  end:custom datalist **/

.education-group, .remark-group {
   border: 1px solid rgba(0, 0, 0, 0.125);
   margin-bottom: 10px;
}

.sub-title {
   margin-bottom: 15px;
}

.form-tabs {
   background-color: #fff;
   padding-top: 10px;
}

.form-tabs .tab-content{
   background-color: #fff;
   padding: 5px;
   min-height: 300px;
}

.table-responsive td:last-child, .table-responsive th:last-child{
   width: 150px;
}

.croppic-image-box-rect {
   width: 250px;
}

.croppic-image-box-square {
   width: 150px;
}

.croppic {
   width: 100%;
   height: 150px;
   position: relative;
   margin-bottom: 10px;
   border: 3px solid #FFF;
   box-sizing: content-box;
   -moz-box-sizing: content-box;
   border-radius: 2px;
   background-image: url(/images/vendor/croppic-js/placeholder.png?6a883ee…);
   background-repeat: no-repeat;
   background-position: center;
   box-shadow: none;
   background-size: 100%;   
}

.croppic-image-box #croppic {
   width: 100%;
   margin: 0;
   margin-bottom: 10px;
   height: 150px;
   box-shadow: none;
   background-size: 100%;   
}

.btn-upload-img {
   width: 100%;
   display: block;
   text-align: center;
   cursor: pointer;  
}

.cropControlRemoveCroppedImage {
   display: none !important;
}

#croppic .cropImgWrapper, .croppic .cropImgWrapper {
   top: 0;
}

.invalid-feedback {
   display: block !important;
}

.img-thumb-index {
   width: auto;
   height: 50px;
}
/* Image Upload Placeholder Preview */
.img-preview {
   padding: 10px;
   margin-bottom: 10px;
   width: 120px;
   height: 120px;
   border-radius: 4px;
   border: 1px solid #DDDDDD;
}
.img-preview a {
   display: inline-block;
   overflow: hidden;
   width: 100px;
   height: 100px;
}
.img-preview img {
   width: auto;
   height: 100px;
}
.has-error .img-preview {
   border: 1px solid #dd4b39;
}
/* Image Popup Preview */
#modal-img-popup img {
   max-width: 100%;
   max-height: 100%;
}
/* Bootstrap Modal */
.modal-body {
   margin: 0;
   /* max-height: calc(100vh - 165px); */
}
.modal .modal-dialog.modal-mdlg {
   width: 800px;
}
/* Bootstrap Modal Form */
.modal .modal-body .form-group {
   margin-left: 0;
   margin-right: 0;
}

.btn-clear {
   background-color: grey;
}


.navbar.default-layout .navbar-brand-wrapper .brand-logo-mini img {
   width: 60%;
   margin: auto;
}

.main-panel {
   background-color: #f2f8f9 !important;
}

.navbar.default-layout {
   background: linear-gradient(120deg, #fff, #FF5221) !important;
}

.breadcrumb li {
   padding: 5px;
}

.login-logo {
   max-width: 100% !important;
   height: 120px !important;
   font-size: 30px;
   text-align: center;
}

.login-logo-title {
   color: #fff !important;
}

.login-logo img{
   width: 300px;
   padding: 10px;
   border-radius: 5px;
}

@media screen and (max-width: 575px) {

   .login-logo {
      height: 130px !important;
   }

   .login-logo img{
      width: 150px;
   }
}

.login-logo a, .login-logo a:hover {
   text-decoration: none;
   color: #000;
}

.fb-page-box {
   position: relative;
}

.fb-page-box .fb-page-con {
   width: 320px;
   margin: auto;
   position: relative;
}

.fb-page-box .btn-join-us {
   padding: 15px;
   width: 100%;

}

.login-box-body {
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
   background-color: #fff;
   margin-bottom: 10px;
}

#request-join-form .invalid-feedback {
   color: #dc3545;
   background: wheat;
   padding: 5px;
}

@media screen and (max-width: 991px) {
   .sidebar-offcanvas {
      max-height: 100% !important;
      height: 100%;
   }
   .g-recaptcha {
      transform:scale(0.70);
      -webkit-transform:scale(0.70);
      transform-origin:0 0;
      -webkit-transform-origin:0 0;
   }
}

@media screen and (max-width: 575px) {
   .login-logo img {
      width: 100px;
   }
}

@media (min-width: 992px) {
   .sidebar {
      position: fixed;
   }
   .main-panel {
      margin-left: 255px;
   }
}

@media (min-width: 425px) {
   .form-inline .input-group {
       display: inline-flex;
       width: auto !important;
   }
}

.btn-primary {
   background: #FDEB4F;
   color: #D62D1F !important;
   border: 1px solid #FDEB4F;
}

.btn-primary:hover {
   background: #FDEB4F;
   color: #D62D1F;
   border: 1px solid #FDEB4F;
}

.modal-box {
   display: block; 
   width: auto; 
   height: 300px;
}

.select2-selection {
   height: 33px;
}

.form-icon {
   float: left;
   padding: 5px;
}

.info-box table td {
   max-width: 100px;
   white-space: nowrap;
   overflow: scroll;
}


.col-form-label {
   font-weight: bold;
}

.form-control-static {
   padding: 5px 0px;
}

.form-horizontal .form-group {
   border-bottom: 1px solid #eee;
   margin-bottom: 5px;
}

table.dataTable pre {
   padding: 0px;
   font-size: 13px;
   margin: 0px;
   font-family: "Poppins", sans-serif;
}

textarea.bigger-font {
   font-size: 16px;
   color: black !important;
   width: 100%;
}

div.card-title-bold {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.view-title {
   font-weight: bold;
   margin-left: 0;
}

div.card-border-gray {
   margin: 10px;
   border: 2px solid lightgray;
}

div.grid-pd-10 {
   padding: 10px;
}

#block-unmatch {
   display: none;
}

#tbl-unmatch {
   margin-bottom: 30px;
   background-color: pink;
}

.text-description-small {
   font-size: 14px;
   text-align: center;
}

.card-margin {
   margin: 10px 0;
}

.panel-padding {
   padding: 15px;
}

#lots-info-modal-dialog {
   max-width: 850px;
}

#is-super-agent {
   width: 20px;
   height: 20px;
}

.label-cbm-total, .label-weight-total {
   font-size: 18px;
}

   .badge_text span{
      font-size: 24px;
   }

.color_indicator__colorbox{
   width: 10px;
   height: 10px;
   background-color: #8862e0;
   display: inline-block;
}

.Total_exclude_indicator .color_indicator__colorbox{
   background-color: #424964;
}

.main-panel-deactive {
   width: 100%;
   margin-left:0;
}

.navbar-logo-deactive {
   width: 0 !important;
}

#assigned_user + .select2-container {
   flex: 1 1 0;
   min-width: 80px;
}

#assigned_user + .select2-container .select2-selection {
   border: 1px solid #f2f2f2;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   padding-bottom: 30px;
}

@media (max-width:991px){
   .navbar-main-menu {
      width: 100% !important;
   }
}

@media (max-width: 576px) {
   .hide-item-mb {
      display: none !important;
   }

   .label-cbm-total, .label-weight-total {
      font-size: 16px;
   }
}

#cbm_total_mb, #weight_total_mb {
   font-size: 16px;
}