thead{background: #f8f9fa !important;} /*e7f3ff*/
thead:hover, thead tr:hover{background: #f8f9fa !important;}
.dataTables_processing {margin-top: -50px !important;z-index: 20000 !important;}
tr:hover {background: #f1f5f9 !important;}
.alert.alert-success.fade.in {display: none;}
h4 a,h5 a {color: #1e293b}
input.form-control.form-control-sm { position: absolute; width: 20% !important; top: 0px; line-height: 33px; left: 10px; border-radius: 0.375rem; }
#DataTables_Table_0_length select.form-select.form-select-sm { position: absolute; bottom: 15px; right: 10px;z-index:100;}
.dt-buttons {position: absolute !important; right: 10px; top: 7px;}
.dt-button{background: #64748b !important;border: 0px !important;color: white !important;border-radius: 5px !important;font-weight: 600;}
.dt-button:hover{background: #8fa2bd !important;}
.dataTables_filter{margin: 15px 0 30px 0;}
.pagination{display: flex;justify-content: center !important;}
.dataTables_length{position: absolute;right: 0;bottom: 0;z-index: 100; } /* z-index: 100; */
.dataTables_info { position: absolute; left: 0; bottom: 0; }
.table-card { margin: -1.5rem; }
.dataTables_scroll { overflow: auto !important; width: 100%; }
.select2-selection__choice, .select2-selection__choice__remove { background: dodgerblue !important; color: #fff !important; border: 1px solid rgb(0, 119, 255) !important; 
padding-left: 5px !important;}
.dataTables_wrapper .icon-lg { width: 100px !important; height: 4rem !important; }
.dataTables_wrapper table tr:nth-child(odd) .icon-lg { background-color: dodgerblue; }
.dataTables_wrapper table tr:nth-child(even) .icon-lg { background-color: #75c543; }
/* .dataTables_wrapper table tr td:nth-child(2), .dataTables_wrapper table tr th:nth-child(2) { padding-left: 0px; }
.dataTables_wrapper table tr td:nth-child(1), .dataTables_wrapper table tr th:nth-child(1) { text-align: center; }
.dataTables_wrapper table tr td:last-child, .dataTables_wrapper table tr th:last-child { text-align: center; }
.dataTables_wrapper table tr td:first-child, .dataTables_wrapper table tr th:first-child { width: 20px; } */
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:hover { color:#fff !important; }
#card-errors, .error{color: red;}
span.select2-selection__arrow{display:none;}
.select2-selection__rendered small{display:none;}
.select2-container--default .select2-results__option--selected { background-color: #1e90ff21 !important; }
.select2-container--default .select2-results__option--selected:before { content: '\2713'; font-size: 16px; margin-right: 5px; float: right; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1e90ff21 !important;color: dodgerblue !important; }
.select2-container--default .select2-results__option--selected h5 { color: dodgerblue !important; }
.select2-selection__rendered h5{font-weight: 600 !important;}
.select2-results__option:hover{background-color: #1e90ff21 !important;color: dodgerblue !important;}
.select2-dropdown{ border: none !important; background: white ; box-shadow: 0px 2px 3px -1px; padding: 7px 0px;}
.select2-container { max-width: 500px; }
#adminBundleForm .select2-container { max-width: 700px; }
.shortenedSelect { max-width: 350px; }

@media(max-width: 1299px) {
input.form-control.form-control-sm{width: 25% !important;}.dbl_responsive{overflow-x: auto;}
#DataTables_Table_0_paginate, #DataTables_Table_1_paginate, #DataTables_Table_2_paginate, #DataTables_Table_3_paginate, #DataTables_Table_4_paginate { padding-bottom: 50px; height: 130px; }
#datatable_tabletools_paginate, #recent_orders_table_paginate { height: 120px; }
#dt_basic_paginate, #example_paginate { height: 120px; }
}

@media(max-width: 1024px) { 
.report-select-table-containter { left: 30%; } 
#datatable_tabletools_paginate, #analytics_paginate, #dt_basic1_paginate { height: 120px; }
}

@media only screen and (max-width: 999px) {
input.form-control.form-control-sm{width: 40% !important;}
.modal .dataTables_wrapper div.dataTables_paginate {margin: 11px 0px 55px 0px !important;}
.pagination{gap: 8px;flex-wrap: wrap;}
.dataTables_wrapper div.dataTables_paginate {margin: 0px 0px 2px 0px !important;padding: 13px !important;}
/* #datatable_tabletools_length, #datatable_tabletools_info { bottom: -50px !important;  }
#DataTables_Table_0_length, #DataTables_Table_0_info { bottom: -50px !important; */
  #DataTables_Table_0_paginate, #DataTables_Table_1_paginate,#DataTables_Table_2_paginate, #DataTables_Table_3_paginate, #DataTables_Table_4_paginate { height: 150px; }
  #datatable_tabletools_paginate, #recent_orders_table_paginate { height: 150px; }
#all_orders_wrapper .dt-bottom-row, #shipped_orders_wrapper .dt-bottom-row, #pickup_orders_wrapper .dt-bottom-row,
#cancelled_orders_wrapper .dt-bottom-row, #recet_paymenttable_wrapper .dt-bottom-row { height: 120px; }
#dataTable_paginate, #dt_basic2_paginate, #data_table_teacher_paginate, #dt_basic1_paginate { height: 120px; }
.select2-container { max-width: 500px; }
}
@media only screen and (max-width: 768px) { 
 #datatable_tabletools_paginate { margin-top: 70px; } 
 #DataTables_Table_0_paginate, #DataTables_Table_1_paginate, #DataTables_Table_2_paginate, #DataTables_Table_3_paginate, #DataTables_Table_4_paginate { margin-top: 70px; }
 .bs-stepper .step-trigger { white-space: pre-wrap; }
 .report-select-table-containter { left: 0px; width: 300px; }
 .position-relative .dataTables_wrapper { padding-bottom: 1px; }
 #example_paginate { height: 160px; }
 .select2-container { max-width: 350px !important; }
 input.form-control.form-control-sm { width: 32% !important; }
}
@media(max-width: 425px){.pagination{/* margin-top: 35px !important; */ flex-wrap: wrap;}
/* #datatable_tabletools_length, #datatable_tabletools_info {  bottom: 100px !important;  } */
#data_table_teacher_paginate { height: 110px; }
.select2-container { max-width: 300px !important; }
#tabContent .dataTables_paginate { height: 120px; }
}
@media(max-width: 375px){
  div#dt_basic1_info {position: relative;}
  /* #DataTables_Table_0_length { bottom: 100px !important;  } */
  .dt-buttons {top: 66px;position: relative !important;right: -6px; }
  .dbl_responsive { margin-top: 70px; }
  input.form-control.form-control-sm { width: 90% !important; top: 10px;}
  /* #DataTables_Table_0_length, #DataTables_Table_0_info { text-align: center !important; width:100%; } */
  /* #DataTables_Table_0_length select.form-select.form-select-sm { position: relative !important; bottom: 30px;z-index:100;} */
  .dt-row { margin-top: 30px; }
  #all_orders_wrapper .dt-bottom-row, #shipped_orders_wrapper .dt-bottom-row, #pickup_orders_wrapper .dt-bottom-row,
#cancelled_orders_wrapper .dt-bottom-row, #recet_paymenttable_wrapper .dt-bottom-row { height: 150px; margin-top: 0px; }
.dataTables_info { font-size: 13px; }
div.dataTables_wrapper div.dataTables_length { padding: 16px 10px !important; }
.pagination{ gap: 4px; flex-wrap: wrap;}

} 

/* ------------ */
.dataTables_scrollHeadInner{width: auto !important;padding:0px !important;}
.table{width: 100% !important;}
.modal .dataTables_wrapper div.dataTables_paginate {margin: 0px 0px 52px 0px !important; padding: 13px !important;}


.poptip { position: relative; display: inline-block; }
.poptip .poptiptext { visibility: hidden; width: 160px; background-color: #353F4F; color: white; text-align: center; border-radius: 6px; padding: 5px; font-size: 12px;position: absolute; z-index: 100000; bottom: 95%; left: 50%; margin-left: -79px; }
.poptip .poptiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -7px; border-width: 5px; border-style: solid;border-color: #353F4F transparent transparent transparent; }
.poptip .poptipimg { visibility: hidden; width: auto; background-color: #353F4F; color: white; text-align: center; border-radius: 6px; padding: 5px;position: absolute; z-index: 100000; bottom: 95%; left: 50%; }
.poptip:hover .poptiptext { visibility: visible; }.poptip:hover .poptipimg { visibility: visible; }.pop_scroll { max-height: 400px; overflow-y: auto; }


 div#getconformassignusertable_wrapper .dataTables_filter {margin: 15px 0 5px 0;}

/* 
div#getconformassignusertable_length {bottom: auto;}
div#getconformassignusertable_paginate{margin: 0px 0px 0px 56px !important;}
div#getconformassignusertable_paginate .pagination{justify-content: end !important;}

@media(max-width: 991px){.modal .dataTables_wrapper div#getconformassignusertable_paginate {margin: 11px 0px 55px 0px !important;}div#getconformassignusertable_paginate .pagination{justify-content: center !important;}} */


/* groups css */
.assignusers .dataTables_filter input.form-control.form-control-sm,
.assignroles .dataTables_filter input.form-control.form-control-sm,
.assigncourses .dataTables_filter input.form-control.form-control-sm,
.assigntests .dataTables_filter input.form-control.form-control-sm,
.assignliveclass .dataTables_filter input.form-control.form-control-sm{ top: 63px !important; }

#grouupsdetails .dataTables_filter { margin: 15px 0 0 0; }

    .copy-btn {position: relative; display: inline-block;  margin-top: 10px;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
    .copy-btn:hover {cursor: pointer; text-decoration: none;}
    .copy-btn:hover:before {opacity: 1;}    
    .copy-btn:before {content: "Copy"; display: inline-block; position: absolute; letter-spacing: 0px; opacity: 0; right: -55%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; top: -1px; padding: 2px 4px; font-weight: 600; font-size: 11px;}
    .copy-btn:after { content: ""; width: 18px; height: 18px; cursor: pointer; display: inline-block; vertical-align: bottom; margin-left: 0px;}
    .p-success:before {content: "Copied";text-align: center;border:none;-webkit-animation-name: slideOutUp;animation-name: slideOutUp;-webkit-animation-duration: .9s;animation-duration: .9s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}