/* You can add global styles to this file, and also import other style files */

a {
  cursor: pointer;
}

.btn-blue { background: #009cff; color: #fff; outline: none; font-size: 17px; transition: .2s;}
.btn-blue:hover {background: #000; color: #fff;}

.btn-white { background: #fff; border: 1px solid #c4cdd5; color: #492897; outline: none;  font-size: 17px; transition: .2s;}
.btn-whute:hover {background: #c4cdd5; color: #fff;}


.btn-blue2 { background: #492897; color: #fff;  outline: none; padding:7px 20px; font-size: 13px; transition: .2s;}
.btn-blue2:hover {background: #000; color: #fff;}

.btn-white2 { background: #fff; border: 1px solid #c4cdd5; color: #492897; outline: none; padding:7px 20px; font-size: 13px; transition: .2s;}
.btn-whute2:hover {background: #c4cdd5; color: #fff;}


.login-form {}


/*.login-form .login-logo img { width: 181px;}*/
.mainlog {
  width: 100%; 
}
.login-form {margin-top: 20%;}
.login-form {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.login-logo { text-align: center;}
.login-form h2 {font-size: 20px; text-align: center; color: #fff; font-weight: 400; font-family: 'Segoe UI'; margin: 30px 0;}
.login-form input {}
.login-form .form-group {}
.login-form .form-group .input-group-prepend {/* background: #ccc; */}
.login-form .form-group .input-group-prepend .input-group-text {background: #eee;color: #aaa;font-size: 17px;width: 51px;text-align: center;padding-left: 18px;}
.login-form .form-group  .form-control {font-size: 15px;min-height: 51px;outline: none;}
.login-form .form-group .btn {height: 51px;}
.login-form .form-group .bot-btns .btn-link {color: #fff;font-weight: 600;border-bottom: 1px solid #fff; text-decoration: none; opacity: .7;}





body{ background:#f5f6f8; font-family:'Roboto'; }
a{color:#007bff}


.border-bottom{border-bottom:1px solid #dfe4e8;}
.border-top{border-top:1px solid #dfe4e8;}
.border-left{border-left:1px solid #dfe4e8;}
.border-right{border-right:1px solid #dfe4e8;}


 
.header {background: #181818; padding: 10px 25px;}
/*.logoblackbg {background: #181818;}*/
.header nav.navbar a.navbar-brand {width: 126px; border-right: 1px solid rgb(255 255 255 / .3); padding: 0;}
.header nav.navbar .navbar-nav {width: 100%;}
.header nav.navbar .welome-wdh {width: auto;}
.header nav.navbar .welome-wdh .nav-item ,
.header nav.navbar .navbar-nav .nav-item .nav-link{  color: #fff;  font-size: 13.6px; margin: 0 3px;  font-weight: 500;}
.header nav.navbar .welome-wdh li,.header nav.navbar .welome-wdh li.nav-item { margin: 0 0;}
.header nav.navbar .welome-wdh li span.dsh-user {display: inline-block;margin-top:8px;color: #fff; font-size: 14.6px;}
.header nav.navbar .navbar-nav .nav-item.userfl, .header nav.navbar .navbar-nav .nav-item.logut { margin-left: auto; color: #fff;}
.header nav.navbar .navbar-nav .nav-item.userfl{   text-align: right; font-size: 28px; padding: 0; margin-top: -3px; margin-bottom: -3px; width: 70px;  border-left: 1px solid rgb(255 255 255 / .3);}
.header nav.navbar .navbar-nav .nav-item.logut{margin: 0;}

 

.siteholder {padding: 0 35px; margin-bottom: 100px;}
.heading1 {font-size:25px; color: #000000; font-weight: 505;}
.heading1 ul.orderul {float: right;  padding: 0; list-style: none; font-family:'Roboto';}
.heading1 ul.orderul li {display: inline-block; font-size: 15px; padding: 0 15px;  font-family:'Roboto';color: #000; font-weight: 400; letter-spacing: 1px;}
.heading1 ul.orderul li:last-child { padding-right: 0; border-left: 1px solid #ccc;}
.heading1 ul.orderul li strong {  font-size: 17px; margin-right: 8px;}

h3.heading1.margin-bottom-25.padding-bottom-25.margin-top-30.border-bottom {}
h3.heading1 span { font-size: 13px; line-height: normal; font-weight: normal; opacity: .8; margin: 0 3px;}
h3.heading1 span.un-fu-status {opacity: 1;  padding: 3px 10px 2px 20px;}
h3.heading1 span.un-fu-status:before { top: 5px;}


.pidge-delivery {font-size: 20px;  clear: both; font-weight: 505;} 
.pidge-delivery a {float: right; font-weight: 500; font-size: 14px; color: #4a2898; border-bottom: solid 1px #4a2898;  border-top: solid 1px transparent; padding-bottom: 2px;} 
.pidge-delivery a:hover{border-bottom: solid 1px transparent; border-top: solid 1px #525252;color: #525252; text-decoration: none;} 
.brd-com {display: block; font-size: 15px; color: rgb(0 0 0 / .8); }
.brd-com a{ font-size: 15px; color: rgb(0 0 0 / .6); text-decoration: none; }
.brd-com a:hover{color: #4a2898; text-decoration: underline;}
.card{padding: 24px 30px; border-radius: 4px;}

  .pidge-delivery .btn-blue { background: #492897; color: #fff; outline: none; font-size: 17px; transition: .2s;}
.pidge-delivery .btn-blue:hover {background: #000; color: #fff;}

.pidge-delivery .btn-white { background: #fff; border: 1px solid #c4cdd5; color: #492897; outline: none;  font-size: 17px; transition: .2s;}
.pidge-delivery .btn-whute:hover {background: #c4cdd5; color: #fff;}


.pidge-delivery .btn-blue2 { background: #492897; color: #fff;  outline: none; padding:7px 20px; font-size: 13px; transition: .2s;}
.pidge-delivery .btn-blue2:hover {background: #000; color: #fff;}

.pidge-delivery .btn-white2 { background: #fff; border: 1px solid #c4cdd5; color: #492897; outline: none; padding:7px 20px; font-size: 13px; transition: .2s;}
.pidge-delivery .btn-whute2:hover {background: #c4cdd5; color: #fff;}

.carriernme {font-size: 20px;font-weight: 505;}
.carriernme span {font-weight: normal;font-size: 16px;}
.carriernme span .enable{color: #4a2898; font-size: 20px; text-decoration: none; font-weight: 505;}
.carriernme .update{font-weight: 500; font-size: 14px; color: #4a2898; border-bottom: solid 1px #4a2898;  border-top: solid 1px transparent; padding-bottom: 2px;}
.carriernme .update:hover{border-bottom: solid 1px transparent; border-top: solid 1px #525252;color: #525252; text-decoration: none;} 
ul.weekdays {margin: 0; }
ul.weekdays li {list-style: none;display: inline-flex;font-size: 15px;margin-right: 20px;line-height: 24px;}
ul.weekdays li i.fa {color: #492897;padding: 3px;font-size: 24px;border-radius: 20px;margin-right: 5px;}
ul.weekdays li i.fa.fa-times-circle {color: #ff2222;} 
 .ratezone-table, .ratezone-table th {font-size: 15px; font-weight: normal;}
 .ratezone-table th {border-top: 0 none;} 

 .ratezone-table2 td , .ratezone-table2 th {font-size: 15px; font-weight: 505; padding: 18px 9px; background: #fff;}
 .ratezone-table3 th {border-top: 0 none;} 


.available-delivery {font-size: 15px;}
.available-delivery h5{ font-size: 18px;  font-weight: 505;float:left;}
.available-delivery .badge { margin-left: 32px; opacity: .8; font-weight: normal; padding: 2px 10px 4px;}
.subheading3{ font-size:20px; color: rgb(0 0 0 / .6); font-weight: 505; }
.subtextg3{ font-size: 15px; color:#758391; }

.check-color{font-size: 15px;position: relative;display: inline-flex;line-height: 18px;margin-bottom: 30px;width: 25%;}
.check-color input{opacity: 0;position: absolute; left: 0;}
.check-color input + span{position: relative; display: inline-block; height: 20px; width: 20px; border:1px solid #e1e1e1 ;padding-left: 2px;margin-right: 9px;}
.check-color input[type="checkbox"]:checked + span:after {content: '✓';position: absolute;font-size: 22px;line-height: 16px;color: #492897;}
.pedge-from > .form-group{ }
.pedge-from > .form-group > label {color: #454f5b;font-size: 18px;font-weight: 505;}
.pedge-from > .form-group > .form-control{ font-size: 15px;  color: #2f2f2f; font-size: 15px; height: 46px;}
 
ul.startendtime {list-style: none;margin: 0;padding: 0;}
ul.startendtime li {list-style: none;display: inline-block;width: 30%;font-size: 15px;}
ul.startendtime li:nth-child(1), ul.startendtime li:nth-child(3) { width: 20%;}
ul.startendtime li:nth-child(3) {text-align: center;} 
ul.startendtime li .input-group-text {background: #fff;border-right: 0 none;}
ul.startendtime li .form-control {border-left: 0 none;padding-left: 0;}

ul.zonecode-cl { margin: 0; padding: 0;}
ul.zonecode-cl li { list-style: none; background: #e8e8e8; margin: 2px 15px 15px 0; font-size: 13px; border-radius: 2px; position: relative; display: inline-block; padding: 1px 3px;}
ul.zonecode-cl li a { position: absolute; background: #000; color: #fff; font-size: 6px; font-family: cursive; font-weight: bold; padding: 0 2px; border-radius: 15px; top: -3px;}

.zonebox { display: flex; border: 1px solid #ced4da; border-radius: 0.25rem; padding: 5px;}
.zonebox .form-control { border: 0 none; padding-top: 0; outline: none;}



 

.data-table-white .dataTables_filter label { font-size: 0;}
table tr th,  table tr td { font-weight: 505; text-align: left; padding: 10px 7px; border-bottom: 1px solid #dddddd; font-family: 'Segoe UI';}
table tr td p { font-size: 13px; margin: 0 0 3px 0;font-family: 'Segoe UI';}

.dataTables_wrapper {}
.dataTables_wrapper .dataTables_length {float: left; padding-left: 15px;}
.dataTables_wrapper .dataTables_filter {float: right;}
.dataTables_wrapper table {clear: both; width: 100%;}
#orders_table table thead tr th ,
.dataTables_wrapper table thead tr th {width: auto !important; font-size:15px;}
#orders_table tbody tr td ,
.dataTables_wrapper table tbody tr td { font-size:14px; color:rgba(32, 34, 35, 1); }

.dataTables_wrapper .dataTables_length label{ color: rgba(32, 34, 35, 1); font-size: 14px;text-transform: capitalize;}
.dataTables_wrapper .dataTables_length label select{  padding: .375rem 1rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 4px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.dataTables_wrapper .dataTables_filter label{font-size: 0;}
.dataTables_wrapper .dataTables_filter label input[type="search"] {height: calc(1.5em + .75rem + 2px);  padding: .375rem .75rem;  font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box;  border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 100%;  outline: none;  background: url(../images/search-icon.png) #fff;  background-position: 8px 8px;  background-repeat: no-repeat;  padding-left: 32px; width: 400px;}
.dataTables_wrapper .dataTables_info { float: left; color: #495057; font-size: 13.5px; margin-top: 30px;}
.dataTables_wrapper  .dataTables_paginate {float: right; padding: 0; margin-top: 30px;}
.dataTables_wrapper .dataTables_paginate a {border: 1px solid transparent !important; font-size: 14px; color: #989898; padding: 5px 10px !important; margin: 15px 5px;}
.dataTables_wrapper .dataTables_paginate span { margin: 0 5px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: #000000 !important; border-radius: 15px;}


div#unfulfilled.tab-pane table tr th:nth-child(3),
div#unfulfilled.tab-pane table tr th:nth-child(5) { width: 17%;}
span.cust-address { font-size: 13px;color: #8c8c8c;}
.tab-pane table tr td p.cust-name { font-size: 15px;}

.data-table-white { border-radius: 4px; position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125);}
.data-table-white table.dataTable.display {border: 0 none;}
.data-table-white table.dataTable thead th, .data-table-white table.dataTable thead td {border-bottom: 1px solid #dddddd;}
.data-table-white table.dataTable thead th{font-weight: 505;}
.data-table-white .dataTables_filter { padding: 25px 25px 15px 25px; width: 100%;}
.data-table-white .dataTables_filter label { width: 100%;}
.data-table-white table.dataTable.display tbody tr.even .sorting_1,
.data-table-white table.dataTable.display tbody tr.odd .sorting_1,
.data-table-white table.dataTable.stripe tbody tr.odd,.data-table-white  table.dataTable.display tbody tr.odd{background: #fff;}
.data-table-white table.dataTable.stripe tbody tr td{vertical-align: middle;}
.imgbrodr{border: 1px solid #dfe4e8; border-radius:3px;}
.data-table-white .dataTables_wrapper {}
.data-table-white .dataTables_wrapper .dataTables_length {display:none}
div#DataTables_Table_0_info {}
.data-table-white .dataTables_wrapper .dataTables_info {padding: 8px 15px;}
.data-table-white .dataTables_wrapper .paging_simple_numbers { padding: 0; margin-right: 15px;}
.data-table-white .dataTables_wrapper .paging_simple_numbers a {padding: 2px 10px;  background: #fff;  border: 1px solid #ccc !important;  margin: 0 0 0 -1px; outline: none;}
.data-table-white .dataTables_wrapper .paging_simple_numbers a.previous {border-radius: 4px 0 0 4px;}
.data-table-white .dataTables_wrapper .paging_simple_numbers a.next {border-radius: 0 4px 4px 0;}
.data-table-white .dataTables_wrapper .paging_simple_numbers a.current {background: #4a2898; color: #fff !important;}
.data-table-white table.dataTable tbody td {}
.data-table-white table.dataTable tbody td p { font-size: 13px;  margin: 0 0 3px 0;}
.data-table-white table.dataTable tbody td p.cust-name { font-size: 15px;}
.data-table-white table.dataTable tbody td  span.cust-address { font-size: 13px; color: #8c8c8c;}
.data-table-white table.dataTable tbody td .bx-qty {display: flex;}
.data-table-white table.dataTable tbody td .bx-qty .cts {}
.data-table-white table.dataTable tbody td .bx-qty .cts span.graybt {display: block; background: #e2e2e2; border-radius: 4px;  text-align: center;  padding: 3px 9px;  margin-bottom: 3px;  font-size: 15px;}
.data-table-white table.dataTable tbody td .bx-qty > span { margin-right: 9px;}
table.dataTable thead th:first-child,table.dataTable  td:first-child {padding-left: 15px;}
ul.data-nav-tab {padding: 0 30px;}
ul.nav.nav-tabs.data-nav-tab {}
ul.data-nav-tab li {display: inline-flex;}
ul.data-nav-tab li a {padding: 12px 15px;font-size: 15px;color: #909090;font-weight: 500;margin-bottom: -1px;border-bottom: 2px solid transparent;}
ul.data-nav-tab li a.active {border-bottom: 2px solid #4a2898;color: #4a2898;}



.fu-un {display: inline-flex; font-size: 13px; background: #ccc; border-radius: 13px; padding: 1px  8px 1px 7px;}
.fu-un span {border-radius: 10px; border: 3px solid #989898; display: inline-block; height: 10px; width: 10px;  margin: 5px 3px 0 0;}
.unfulfiled{background: #ffea8a; color:#595130}
.unfulfiled span{border: 3px solid #8a6116;}

a#DataTables_Table_3_first {}


.dataTables_wrapper .dataTables_paginate .paginate_button {border: 1px solid #ccc;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid #ccc; margin: 0 0 0 -1px; padding: 2px 11px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  margin: 0 0 0 -1px;padding: 2px 11px; background: #4a2898; color: #fff !important;}
.dataTables_paginate,
.data-table-white .dataTables_wrapper .dataTables_info {padding: 15px; margin-top: 7px;}
div#DataTables_Table_3_info {}



.tickettable .nav-tabs { background: #fff; border-radius:  6px 6px 0 0; box-shadow: 0px -2px 5px rgb(23 24 24 / 5%), 0px 1px 2px rgb(0 0 0 / 15%); padding: 0 15px;}
.tickettable .nav-tabs li.nav-item a { margin: 0; border: 0 none; color: #6c6c6c; border-bottom: 3px solid transparent; padding: 13px 23px; font-weight: 500; font-size: 14px;}
.siteholder .tickettable .dataTables_wrapper { border-radius: 0 0 6px 6px; box-shadow: 0px 2px 5px rgb(23 24 24 / 5%), 0px 1px 2px rgb(0 0 0 / 15%);}
.tickettable .nav-tabs li.nav-item  a.active { color: #000; border-bottom: 3px solid #69f;}
.siteholder .tickettable .dataTables_wrapper table  tbody tr td:first-child  a { font-size: 14px; color: rgba(32, 34, 35, 1);}


.un-list {}

.un-list ul {
  margin: 15px 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.un-list ul li {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: initial;
  /* width: 10%; */
}

.un-list ul li img {
  padding: 2px;
  border: 1px solid #ccc;
  margin-right: 30px;
}

.un-list ul li .numb {
  display: inline-block;
  background: #8f9ea9;
  position: absolute;
  width: 29px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  border-radius: 15px;
  position: absolute;
  right: 14px;
  top: -5px;
  border: 2px solid #fff;
}

.btnloader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #999999;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.un-list ul li .p-name {
  font-size: 18px;
  color: #347a9e;
}

.un-list ul li:nth-child(2) {
  width: 50%;
}
 

.un-list ul li:last-child {
  text-align: right;
  width: 33%;
}
.photolink-list {
  margin-left: 8%;
  display: flex;
  flex-wrap: wrap;
}

.prd-name-link {
  flex: 0 0 29%;
  font-size: 14px;
  margin: 0 2%;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
}
.chehshis-lane {}

.chehshis-lane .cheh-lane {
  float: right;
  font-size: 13px;
  opacity: .5;
}

.chehshis-lane .lane {
  float: left;
}
.btns {
  display: block;
  width: 100%;
  margin-top: 18px;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*Ankit Css*/
.unfulfilled-sec-print-job:before {  top: 6px !important;}
button.print-job-btn1-generate { padding: 5px 15px; background: #6699FF; /* color: #fff; */ outline: none; border: none; border-radius: 4px; margin-right: 2px;}
button.print-job-btn1-generate:hover {background: #000; color: #6699FF}
button.print-job-btn1-generate a{color: #fff; font-weight: 500; text-decoration: none; font-style: none;  }
 button.print-job-btn2-generate a img { width: 12px; margin-right: 10px; margin-left: 5px; /*margin-bottom: 50px;*/}
button.print-job-btn2-generate { background: #fff;  padding: 5px 7px 4px 7px; outline: none; border: 1px solid #ddd; border-radius: 4px;}
button.print-job-btn2-generate a{color: #000; font-weight: 500; text-decoration: none; font-style: none;}
button.priority-order { display: none; padding: 5px 15px; background: #6699FF; outline: none; border: none; border-radius: 4px; margin-right: 7px;}
button.recycle { display: none; padding: 5px 15px; background: #6699FF; outline: none; border: none; border-radius: 4px; margin-right: 7px;}
button.priority-order:hover {background: #000; color: #6699FF}
button.recycle:hover {background: #000; color: #6699FF}
input.print-job-datepicker-input { float: right; width: 18%; margin-left: 12px; height: calc(1.5em + .75rem + 2px); min-height: 40px; padding: .375rem .75rem; font-size: 14px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; /*width: 100%;*/ outline: none; background: url(../images/calender.png) #fff;
 background-position: 8px 8px; background-repeat: no-repeat; padding-left: 32px; }
div#ui-datepicker-div { position: absolute; top: 210px; left: 1073.91px; z-index: 1; display: block; width: 223px; display: none;  }
/*.input-icons i {         position: absolute; 
        } 
          
        .input-icons { 
            width: 100%; 
            margin-bottom: 10px; 
        } 
          
        .icon { 
            padding: 10px; 
            color: green; 
            min-width: 50px; 
            text-align: center; 
        } 
          
        .input-field { 
            width: 100%; 
            padding: 10px; 
            text-align: center; 
        }*/
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 {cursor: pointer; background-repeat: no-repeat; background-position: center right;}
table.dataTable thead .sorting {background-image: url('../images/sort_both.png');}
table.dataTable thead .sorting_asc {background-image: url('../images/sort_asc.png');}
table.dataTable thead .sorting_desc {background-image: url('../images/sort_desc.png');}
table.dataTable thead th:first-child {background: none;}
/*table.dataTable thead th:last-child, table.dataTable tbody td:last-child {text-align:center}*/


/*16-1*/
/*.lovesenti-category {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px
}*/
.lovesenti-category-select {
    border: 2px solid #ddd;
    padding: 6px 10px 6px 10px;
    color: #495057;
    border-radius: 5px;
    margin-left: 12px;
    width: 30%;
}
.lovesenti-category-reset {
    margin-bottom: 12px;
    border-bottom: 2px solid #007bff;
}
.lovesenti-category-reset a{text-decoration: none;}
.lovesenti-category-maindiv {float: right; width: 57%; display: flex; padding: 20px 15px 0;}
.lovesenti-category {
    display: flex;
    justify-content: flex-end;
}
input.print-job-datepicker-input{width: 100%;}
.dataTables_wrapper .dataTables_filter label input[type="search"]{margin-right: 12px;}
/**/
.lovesenti-category-maindiv {}
.dataTables_wrapper .dataTables_filter { width: 25%; float: left;}
.dataTables_wrapper .dataTables_filter label{width: 100%; padding: 0 15px 0 30px;margin: 0 0 16px;}
.dataTables_wrapper .dataTables_filter label input[type="search"]{width: 100%;height: 40px;}

table#orders_table { clear: both; width: 100%;}


.dashboard-logo {
    display: inline-block;
}
.header nav.navbar {
    padding: 0;
}
.header nav.navbar .welome-wdh .nav-item a#navbarDropdown {
    margin-right: 0;
}
.header .row {       
    align-items: center;
}
.siteholder .dataTables_wrapper {
    background: #fff;
    padding: 20px 0 0;
    border-radius: 6px;  
    box-shadow: 0px 0px 5px rgb(23 24 24 / 5%), 0px 1px 2px rgb(0 0 0 / 15%);
}
.siteholder table#orders_table tr th, .siteholder table#orders_table tr td {
    padding: 10px 15px;
}
.siteholder table#orders_table br {
    display: none;
}
.siteholder table#orders_table thead th {
    border-top: 1px solid #ddd;
}
.siteholder table#orders_table tr td {
    font-weight: 500;                      
    line-height: 24px;
}
.siteholder select {
    cursor: pointer;
    border: 1px solid #ced4da !important;
    font-size: 14px;        
    border-radius: 4px;
    min-height: 40px;
    height: 40px;                                      
    background-image: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 98% center; 
    -webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
}
.siteholder select:focus {
    outline: none;
    box-shadow: none;
}
.siteholder table#orders_table tbody tr {
   -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.siteholder table#orders_table tbody tr:hover {
  background: #f9fafb;
}
.siteholder table#orders_table tbody tr.odd {
    background: #fdfdfd;
}
.siteholder table#orders_table tbody tr:last-child td {
    border: 0;
}
.siteholder #orders_table thead th:last-child {
    width: 500px !important;
}
.siteholder table#orders_table tr td:last-child {
    white-space: nowrap;
}
a.single_pdf_generate {
    margin: 0 3px 0 4px;
}
a.single_pdf_generate:hover {
    text-decoration: none;
}
.Polaris-Card {
    box-shadow: 0 0 5px rgb(23 24 24 / 5%), 0 1px 2px rgb(0 0 0 / 15%);
    background: #fff;
    min-height: 450px;
    border-radius: 0.3rem;
}
.Polaris-Card__Section {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    background: #fbfbfb;
    border-radius: 0.3rem 0.3rem 0 0;
}
.myImg {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.myImg img.col-md-3 {
    padding: 10px;
    min-height: 125px;
    max-height: 125px;
    object-fit: cover;
}

p.btndown.Polaris-Button:hover {
    background: #e7e7e7;
}

#manualorders_table_wrapper  .dataTables_filter {
    width: 47%;
    float: right;
}

@media screen and (min-width: 1000px) and (max-width:1260px) {
  div#orders_table_wrapper table thead tr th,
  div#orders_table_wrapper table tbody tr td{padding:10px 4px;}
  div#orders_table_wrapper table thead tr th:last-child,
  div#orders_table_wrapper table tbody tr td:last-child {padding-right: 0;}
  div#orders_table_wrapper table thead tr th:first-child,
  div#orders_table_wrapper table tbody tr td:first-child {padding-left: 0;}
}


@media screen and (min-width: 1000px) and (max-width:1146px) {
div#orders_table_wrapper table tbody tr td:last-child button {width: 100%; display: block; margin: 4px 0;}
}
@media screen and (max-width:768px) {
  .col-md-2.logoblackbg {margin: -15px -30px 0 -30px;text-align: center;padding: 15px;width: calc(100% + 60px);}
  .header .col-sm-3 {width: 20%;padding: 0;}
  .header .col-sm-9 {width: 80%;  padding: 0;}
  .header nav.navbar .navbar-nav {flex-direction: row;}  
  .navbar-light .navbar-toggler {color: rgb(255 255 255 / 50%); border-color: #fff;margin-top: 7px;}  
  .navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
  .header  .navbar-nav{position: relative;}
  .header div#navbarSupportedContent{position: absolute; top:50px; z-index: 1;}
  .header div#navbarSupportedContent  .navbar-nav {flex-direction: column; min-width: 250px;background: #393838;border-radius: 0 0 5px 5px;left: 0;}
  .header nav.navbar li.nav-item.dropdown  .dropdown-menu.show {position: absolute;left: -100px;}



.row.print-job-heading-index-page {padding: 0 !important;    align-items: center;}
.row.print-job-heading-index-page .text-right {display: flex;flex-direction: column;  width: 100%;}
.row.print-job-heading-index-page .text-right button.print-job-btn1-generate {margin: 5px 0;}
button#bulk_image_generate {margin-top: 5px !important;}
button#bulk_image_generate+a.btn-white { margin-top: 10px;}
.siteholder > .container-fluid ,
.siteholder form > .container-fluid {padding: 0;margin: 0 -15px;width: calc(100% + 30px);}
.siteholder form > .container-fluid .lovesenti-category-maindiv {width: 100%;float: inherit;padding: 15px 0;
    flex-direction: column;} 
.dataTables_wrapper .dataTables_filter {float: right;width: 45%;}
 
div#create_filter .modal-dialog {max-width: 380px;width: 90%;margin: 10% auto;}
.siteholder .dataTables_wrapper {overflow-y:auto;}
.dataTables_wrapper .datatable tr th {white-space: nowrap;}
.choose_one, select#item_name_contain, input#item_name, .main_class .form-control {margin-bottom: 15px;}

#orders_table tbody tr td button, .dataTables_wrapper table tbody tr td button {min-width: 52px;}
button#bulk_image_generate+button.btn.btn-primary { margin-top: 8px !important;}

.siteholder.downloads_page {padding: 0 10px;}
.siteholder.downloads_page .Polaris-Card {min-height: 200px;margin-bottom: 15px;}
.siteholder.downloads_page .image-upload.search_barholder.mt-0 {margin: 15px 0 0;width: 100%;}
.siteholder.downloads_page select.my_class {width: 100%;margin: 0 0 15px;}

.uploadcare--widget__button {margin: 15px 0 !important;width: 100% !important;max-width: 100% !important;display: block;}

.uploadcare--widget.uploadcare--widget_status_ready {width: 100%;}

.lovesenti-category-maindiv {}
.lovesenti-category-maindiv select {margin: 11px 0 0; width: 100%;}

form#check-form {flex-direction: column;}
form#check-form select.my_class {width: 100%;}
form#check-form .image-upload {width: 100% !important; margin: 15px 0 0 !important;}
form#check-form button.uploadcare--widget__button {margin: 15px 0 !important;}
form#check-form p#form-reset {margin: 0 !important;}

}
/*//download page css*/

.search_barholder { position: relative;}
.search_barholder input { height: 48px; text-indent: 35px; border: 2px solid #d6d4d4; font-size: 14px;}
.search_barholder input:focus { box-shadow: none; border: 2px solid blue;}
.search_barholder .fa { position: absolute;  top: 12px; left: 16px; font-size: 20px; opacity: .6;color: #212529;}
.search_barholder button { position: absolute; top: 6px; right: 6px;font-size: 0.9rem;padding: 0.375rem 0.75rem; background: blue;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url("{{asset('images/loader.gif')}}") no-repeat center center rgba(0,0,0,0.25)}
.fileUpload {position: relative; overflow: hidden;}
.image-upload {width: 46%; position: relative; display: inline-block; margin-left: 12px;}
.image-upload .f-input {height: 48px; background-color: white; border: 2px solid #d6d4d4; border-radius: 0.2rem; padding: 0 120px 0 45px; text-indent: 0; width: 100%;}
.siteholder select.my_class { height: 48px; border: 2px solid #d6d4d4 !important;}
.fileUpload.btn.btn--browse { position: absolute; top: 0; background: transparent; border: 0; left: 2px; width: 40px; color: #7a7c7f; font-size: 20px;}
.image-upload .generate {position: absolute; right: 5px; top: 6px;}
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.uploadcare--widget__button {padding: 10px 13px  !important;margin-left: 10px  !important;background: #fff; color: #157cfc ;border: 2px solid #157cfc  !important;}
.btn--browse{ border: 1px solid gray; border-left: 0; border-radius: 0 2px 2px 0; background-color: #ccc; color: black; height: 42px; padding: 10px 14px;}
.order-download .heading1 {margin: 0;}
.order-download .row {align-items: center;}
.my_class { text-transform: capitalize; padding: 10px 15px; width: 140px; color: #333; background-color: white; font-weight: 400;}
.my_class:focus {outline: 0;}
.add-text { cursor: default; /* opacity: 0.5; */}
.myImg {padding: 15px 0;}
.myImg .count { margin-bottom: 15px;}
.myImg .count img { background: #fff; padding: 5px; box-shadow: 0 0 3px 1px #b7b7b7; height: 100%; object-fit: cover; /* margin-bottom: 15px; */}
.myImg .count span.name { position: absolute; background: #000; width: 15px; height: 15px; line-height: initial; color: #fff; font-size: 12px; text-align: center; font-family: 'Roboto'; border-radius: 20px; top: -4px; right: 4px;}

.name{cursor: pointer;}
form#check-form { display: flex; flex-wrap: wrap;}

.addthisimage .modal-dialog {max-width: 45rem;} 
.addthisimage .modal-dialog .modal-content .modal-body > .d-flex {min-height: 65vh;align-items: center;}
.addthisimage .modal-dialog .modal-content .modal-body > .d-flex img {max-height: 60vh;align-items: center;}

.addthisimage .modal-content {border-radius: 0.5rem;}
.addthisimage .modal-title { margin-bottom: 0; line-height: 1.2; color: rgba(32, 34, 35, 1); font-size: 1.2rem; font-weight: 400;}
.addthisimage .docs-demo .img-container { border: 1px dashed #1f5199; border-radius: 0.5rem; background: rgba(250, 251, 251, 1);}
.addthisimage .img-container { min-height: 325px; max-height: 325px;}
#getCroppedCanvasModal { margin-left: -6px;}
.modal-header .close:focus { outline: none;}
.CodeMirror-gutter-wrapper {left: -30px;}
.myImg .count { margin-bottom: 15px;}
td.dataTables_empty { text-align: center;}
.siteholder table#orders_table tr td:last-child > span.odrdnd{display :block}