/*Dashboard home page css*/
.small-box .icon>img { position: absolute; right: 15px; top: 20px; }
.brand-link { border-bottom: 1px solid #494e54 !important; color: #494e54 !important; }
.sidebar-white { background-color: #F5F5F5; }
.sidebar a { color: #494e54 !important; }
.nav-sidebar .nav-item .nav-link:hover, .nav-sidebar .nav-item .nav-link:focus { background-color: rgb(73, 78, 84, 0.1) !important; }
.nav-pills .nav-link.active p, .nav-pills .show>.nav-link { color: #007bff !important; background-color: transparent; }
.nav-sidebar .nav-treeview { padding-left: 10px; }
.nav-sidebar .nav-link p { line-height: 1; color: #000; font-size: .9rem; }
.nav-sidebar .nav-link p span { font-size: .7rem; color: rgba(0, 0, 0, 0.54); }
.bg-secondary-2 { background-color: #26a69a !important; }
.bg-warning-2 { background-color: #f2c037 !important; }
.bg-gradient-red-orange { background-image: -webkit-linear-gradient(90deg, #ff6a00, #ee0979); color: #ee0979; }

/*side menu css*/
.active .menu-icon-black {
    display: none;
}
.active .menu-icon-blue {
    display: inline-block;
}
.menu-icon-blue {
    display: none;
} 

/*Dashboard home page css*/

/*create men orders form css*/
.search-icon { position: absolute; top: 5px; right: 10px; background: transparent; border: none; }
.line-height-1 { line-height: 1; }
.did-floating-label-content { position: relative; margin-bottom: 0; }
.did-floating-label { color: #ff9900; font-size: 13px; font-weight: normal; position: absolute; pointer-events: none; left: 8px; top: 11px; padding: 0 5px; background: #fff; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.did-floating-input, .did-floating-select { background: none; border: 1px solid #ff9900; border-radius: 2px; box-sizing: border-box; color: #ff9900; font-size: 13px; height: 35px; padding: 0 15px; position: relative; text-decoration: none; width: 100%; outline: none; }
.did-floating-input:focus, .did-floating-select:focus { outline: none; }
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label { top: -6px; font-size: 11px; color: #ff9900; }
.did-floating-input:focus { border: 1px solid #ff9900; }
select.did-floating-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.did-floating-select::-ms-expand { display: none; }
.did-floating-input:not(:placeholder-shown) ~ .did-floating-label { top: -7px; font-size: 11px; }
.did-floating-select:not([value=""]):valid ~ .did-floating-label { top: -7px; font-size: 11px; }
.did-floating-select[value=""]:focus ~ .did-floating-label { top: 11px; font-size: 13px; }

/*.did-floating-label {position: absolute; top: 6px; pointer-events: none; left: 8px; transition: 0.2s ease all;-moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; color: #495057; font-weight: normal !important;}
.did-floating-select { background: none; border: 1px solid #ff9900; border-radius: 2px; box-sizing: border-box; color: #ff9900; font-size: 13px; height: 35px; padding: 0 15px; position: relative; text-decoration: none; width: 100%; outline: none; }
.did-floating-input:focus ~ .did-floating-label, .did-floating-select:focus ~ .did-floating-label {top: 0px; font-size: 10px; color: #027be3;}
.did-floating-label-content .form-control:focus { box-shadow: none; outline: none; border-color: #027be3; font-size: 12px; padding-top: 17px;} 
select.did-floating-select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select.did-floating-select::-ms-expand {display: none;}
.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {top: 0;  font-size: 11px;}
.did-floating-select[value=""]:focus ~ .did-floating-label {top: 11px;font-size: 13px;}*/
label.trigger { top: -16px; color: #555; background-color: #fff; width: 100px; }
table.dataTable thead th, table.dataTable thead td { border-top: none !important; border-bottom: none !important; width: auto !important; font-weight: bold !important; padding: 10px 15px !important; font-size: 12px; font-weight: bold !important; }
table.dataTable tfoot th, table.dataTable tfoot td { border-top: none !important; }
table.dataTable thead td button img { width: 20px; }
.add-item-btn { font-size: 12px; }

/*create men orders form css*/

/* DATATABLES */
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent !important; }
.dataTables_wrapper { padding-bottom: 30px !important; }
.dataTables_length { float: left !important; }
.dataTables_filter label { margin-right: 5px !important; }
.html5buttons { float: right !important; }
.html5buttons a { border: 1px solid #e7eaec !important; background: #fff !important; color: #676a6c !important; box-shadow: none !important; padding: 6px 8px !important; font-size: 12px !important; }
.html5buttons a:hover, .html5buttons a:focus:active { background-color: #eee !important; color: inherit !important; border-color: #d2d2d2 !important; }
div.dt-button-info { z-index: 100 !important; }
table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; }
.op-btn { margin-right: 22px; }
.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-invalid, .was-validated .form-control:invalid { background-image: none !important; }
.show1 { border: 1px solid #ccc; padding: 5px; }
.show1 .show {
    padding: 5px;
}
.show1 .show:hover {background-color: #007bff; color:#fff;}
#name-error, #email-error, #location-error, .error {
    top: -15px;
    position: relative;
    display: block !important;
} 

.main-header .nav-link { height: auto !important; }
.welcome-user .dropdown-menu { min-width: 8.7rem !important;}
.clients-search-form .dataTables_wrapper { padding: 10px 0;}
.clients-search-form .modal-body{ padding: 0 1rem;}
.checkbox-design label { font-size: 14px; } 
.shirt-styles table thead tr th, .shirt-styles table tbody tr th {
    background-color: #0d6efd !important;
    color: #fff;
} 
.shirt-styles th, .shirt-styles td { border: 1px solid #fff; }
.shirt-styles table thead tr th:last-child {background-color:transparent !important;}
.shirt-styles input{padding: 5px !important;}
.shirt-styles select { padding: 0 !important; } 
.tie-orders-add-item .table thead th{    min-width: 130px;
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
  }
.tie-orders-add-item .table select {padding: 0 5px;}
.notes {
    min-width: 300px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0.5em 0em !important; border: 0 !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus {background: transparent !important; border: 0 !important; box-shadow: none !important; }
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, 
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {background-color: #fff !important; box-shadow: none !important;}
#add-new-row td {
    padding: 0.1rem; 
}


/*--------Start thread color css-----------*/
.thread-color-dropdown .dropdown-item:focus, .thread-color-dropdown .dropdown-item:hover { background-color: #007bff; color: #fff; }
.thread-color-dropdown .btn-secondary.focus, .thread-color-dropdown .btn-secondary:focus, .thread-color-dropdown 
.show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important; border-color: #80bdff !important; }
.color-square { width: 30px; height: 30px; }
.thread-color-dropdown .dropdown-toggle::after { display: none; }
.original-color { background-color: #cd7f32; }
.navy-blue-color { background-color: #142954; }
.silver-color { background-color: #c0c0c0; }
.bronze-color { background-color: #d4a369; }
.off-white-color { background-color: #f8f0e3; }
.gold-color { background-color: #ddaa00; }
.olive-color { background-color: #373e02; }
.copper-color { background-color: #c9643b; }
.brown-color { background-color: #773300; }
.green-color { background-color: #008542; }
.ozone-color { background-color: #1cbfd0; }

.mc-51-White-color { background-color: #fff; }
.mc-52-off-White-color { background-color: #f6f4e7; }
.mc-53-silver-gray-color { background-color: #c5d1d4; }
.mc-54-gray-color { background-color: #98999b; }
.mc-55-dark-gray-color { background-color: #343434; }
.mc-56-black-color { background-color: #010508; }
.mc-57-dark-blue-color { background-color: #1a2948; }
.mc-58-navy-blue-color { background-color: #182955; }
.mc-59-blue-color { background-color: #0000ff; }
.mc-60-royal-blue-color { background-color: #213ac8; }
.mc-61-twilight-blue-color { background-color: #1cbfd0; }
.mc-62-texas-blue-color { background-color: #002d71; }
.mc-63-bright-blue-color { background-color: #00aade; }
.mc-64-slate-blue-color { background-color: #6d7dae; }
.mc-65-light-blue-color { background-color: #add8e6; }
.mc-66-illusion-blue-color { background-color: #c9d3dc; }
.mc-67-ozone-color { background-color: #b3d7ef; }
.mc-68-atlantic-blue-color { background-color: #b3d7ef; }
.mc-68-atlantic-blue-color { background-color: #008997; }
.mc-69-dark-purple-color { background-color: #301934; }
.mc-70-purple-color { background-color: #824ed2; }
.mc-71-violet-color { background-color: #7f00ff; }
.mc-72-lavender-color { background-color: #7f00ff; }
.mc-73-lilac-color { background-color: #e5cffd; }
.mc-74-rose-wine-color { background-color: #cfa9b6; }
.mc-75-fuschia-color { background-color: #a32052; }
.mc-76-magenta-color { background-color: #ff1d65; }
.mc-77-shocking-pink-color { background-color: #d54094; }
.mc-78-pink-color { background-color: #ff90b0; }
.mc-79-light-pink-color { background-color: #f7c9c9; }	
.mc-80-burgundy-color { background-color: #460000; }
.mc-81-red-color { background-color: #ff0000; }	
.mc-82-orange-color { background-color: #ff5e00; }
.mc-83-brunt-orange-color { background-color: #a35030; }	
.mc-84-peach-color { background-color: #ffcba2; }
.mc-85-copper-color { background-color: #b87333; }	
.mc-86-light-bronze-color { background-color: #94673d; }
.mc-87-gold-color { background-color: #ddaa00; }	
.mc-88-yellow-color { background-color: #fded35; }
.mc-89-dark-yellow-color { background-color: #ffd802; }	
.mc-90-soft-yellow-color { background-color: #fff7b2; }	
.mc-91-lemonade-color { background-color: #fee895; }	
.mc-92-biege-color { background-color: #e1cdb4; }	
.mc-93-dark-brown-color { background-color: #3f2419; }	
.mc-94-brown-color { background-color: #5c4033; }	
.mc-95-light-brown-color { background-color: #c4a484; }	
.mc-96-olive-color { background-color: #373e02; }
.mc-97-dark-green-color { background-color: #134635; }
.mc-98-kiwi-color { background-color: #9daa4d; }
.mc-99-green-color { background-color: #008542; }
.mc-100-light-green-color { background-color: #c0d59d; }
.mc-101-mint-color { background-color: #e2ffec; }
.mc-102-sea-frost-color { background-color: #e3f525; }

/*--------End thread color css-----------*/

table.dataTable { width: 100% !important; }
.client-model .modal-dialog { max-width: 100% !important;}
.client-model .modal {padding-right: 19px !important; padding-left: 19px !important;}  
div.dataTables_wrapper div.dataTables_processing {height: auto;}  
.color-dropdown .dropdown-menu.show { overflow-y: scroll; height: 400px;}  


/*--------End thread color css-----------*/

  
.custom-control-label::after, .custom-control-label::before {top: 0 !important; left: -1.2rem !important; width: 1.2rem !important; height: 1.2rem !important; box-shadow: none !important;}
.custom-checkbox .custom-control-input {z-index: 1 !important; left: 6px !important;}  
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {background-color: #007bff !important;} 
.custom-control-label::before {background-color: #fff !important;}   
.create-shirt-order-form table thead tr th,  .create-shirt-order-form table tbody tr th { background-color: #0d6efd !important; color: #fff; border: 1px solid;} 

/*item added css*/
.items-added {
        min-height: 320px; 
        font-size: 13px;   
      }
      .items-added table {
          margin-bottom: 0;  
      }
      .items-added table tr td{
        border-top:0;
        min-width: 90px;
        padding: 0.3rem 0.4rem;
        text-align: left;
      }
      .items-added table tr td lable {
        min-height: 40px;
        font-size: 13px;
        font-weight: 500;
      } 
      .items-added .border-right {
        border-right: 1px solid #b3b3b3!important; 
      }
      .items-added .border { 
        border-color: #9d9d9d!important;
        display: inline-block;      
      }
      .items-added .p-2 {
        padding: 0.3rem 0.5rem!important;
      }
      .items-added label {
          font-weight: 500;
      }
      .uploadDoc-input {font-size: 12px;}
      .bd-right {border-right: 1px solid #007bff;}
      .savePrintEmail-btn .btn {width: 140px;}
      .posterPics-title {margin-left: 250px;}





/*Floating label css*/
.input_wrap{position:relative ;}
.search-top{top: 12px;}
.input_wrap .form-control
{
  height: calc(3rem + 2px);
  padding-top:12px;
}
input.form-control,select.form-control{height: calc(3rem + 2px) !important;}
.input_wrap textarea.form-control{height: auto;}
.input_wrap.input-wrap-textarea .float-lbl
{
    background-color: #fff;
    display: block;
    width: calc(100% - 32px);
    left: 12px;
    right: 20px;
    top: 10px;
    /* padding-top:5px; */
}
.input_wrap .float-lbl
{

    color: #495057;
    /* background-color: #fff; */
    position: absolute;
    top: 16px;
    left: 12px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
    margin-bottom: 0;
    font-weight: 400 !important;
    line-height: 15px;
    font-size: 16px;
    pointer-events:none;
    
}
/* .input_wrap .form-control:valid + label,  */
.input_wrap input.form-control:not(:placeholder-shown) ~ .float-lbl,
.input_wrap input.form-control:focus + .float-lbl, .input_wrap input.form-control:focus ~ .float-lbl,
.input_wrap textarea.form-control:not(:placeholder-shown) ~ .float-lbl,
.input_wrap textarea.form-control:focus + .float-lbl, .input_wrap textarea.form-control:focus ~ .float-lbl,
.input_wrap select.form-control:focus ~ .float-lbl,
.input_wrap select.form-control:not([value=""]):valid ~ .float-lbl
{
  top: 3px;
  left:10px;
  font-size: 12px;
  color:#007bff;
}
.input_wrap textarea.form-control:not(:placeholder-shown) ~ .float-lbl,
.input_wrap textarea.form-control:focus + .float-lbl, .input_wrap textarea.form-control:focus ~ .float-lbl
{
  top: 1px;
  padding-top: 3px;
}
.input_wrap select.form-control option[value=""]{height: 0;}
.form-control:focus
{border-color: #007bff !important;box-shadow: none !important;}
.thread-color-dropdown button{height: 50px;}
.rules-control{
  width: 100px;
}
/*==========================================================
            Responsive start 
==========================================================*/
@media (max-width: 1500px) {
  .d-flex {
    display: flex!important;
    flex-wrap: wrap;
}

}
@media (max-width: 1300px) {
  

}


@media (max-width: 768px) {
  .html5buttons {float: none !important; margin-top: 10px !important; }
  .dataTables_length {float: none !important; }
  .dataTables_wrapper .dataTables_paginate .paginate_button {min-width: auto !important;}
  .html5buttons { float: none !important; margin-top: 10px !important; }
  .dataTables_length { float: none !important; }
}

.error-permission {
  color: red;
  margin-top: 10px;
} 
.main-sidebar, .main-sidebar::before {
  transition: margin-left .3s ease-in-out,width .3s ease-in-out;
  width: 262px;
}