/*
* responsive.css
* File include item demo only specific css only
******************************************************************************/

.btn-primary {background-color: #263c8f;  border-color: #263c8f;}
.app-brand .layout-menu-toggle { background-color: #263c8f;}
/* .total-box{min-height: 175px;} */
.total-box h4 {font-size: 30px; font-weight: 700; color: #263c8f;}
.bg-menu-theme .menu-inner>.menu-item.active>.menu-link { color: #fdfdff;background-color: rgb(38 60 143) !important;}
.select-seach {padding-left: 15px!important; padding-right: 15px!important;}
.search-btn{margin: 0px; padding: 0px 10px;border: 1px solid #d9dee3; border-radius: 0px 6px 6px 0px;}

.logo-box{ display:flex; align-items: center;justify-content: center;}
.menu .app-brand.demo{height:auto;margin-top: 0px; padding: 20px 0px;}
.menu-vertical .menu-inner>.menu-item {margin: 0.0625rem 0; border-top: solid 1px #cccccc6b;padding: 3px 0px;}
.viewbox{padding:20px!important; border-radius: 20px;}
.viewbox h5{border-bottom: solid 1px #ccc; padding: 12px; font-size: 25px; color:#14245e !important; font-weight: 700;}
.table:not(.table-dark) th { color: #061628;}
.form-select {display: inline-block;
    /* width: auto; */
}
.table-responsive {margin-bottom: 20px!important;}
.pagination {justify-content: flex-end;}
.card {box-shadow:none;}



/*scrollbar*/
.visible-scrollbar,
.invisible-scrollbar,
.table-responsive {
  display: block;
  width: 100%;
  overflow: auto;
  height: auto;
}

.invisible-scrollbar::-webkit-scrollbar { display: none;}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
.table-responsive::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa; /* or add it to the track */
}

/* Add a thumb */
.table-responsive::-webkit-scrollbar-thumb {
  background: #000;
}
/*end scrollbar*/


.dataTables_filter label {display: flex;align-items: center; margin: 0px 0px 20px;}

.dataTables_filter input {margin-left: 5px;}


/*reports page*/

.reports-three-box{ padding:0px; border-radius: 10px; box-shadow: 0px 0px 5px #ccc; font-size:14px;  }
.reports-three-box h5{font-size: 15px;background-color: #263c8f; color: #fff; padding: 10px 15px; border-radius: 10px 10px 0px 0px; margin-bottom: 5px;}

.reports-three-box ul li a{color: #000!important;}
.reports-three-box ul li a:hover{color:#0c81b5!important;}

.bg-label-success {background-color:#3daf05 !important; color: #ffffff !important;font-size: 12px; padding: 8px 10px;}
.bg-label-danger {background-color: #e55036!important; color: #ffffff !important; font-size: 12px; padding: 8px 10px;}

/*end reports page*/


.logo_login img{width:115px; }
.btnsign-in{background-color: #263c8f!important;border-color: #263c8f!important; }
.btnsign-in:hover{background-color:#5456cc!important;border-color:#5456cc!important; }

.loginbg{display: block; position: fixed;}

.dataTables_filter{float: right;}

.min-max-box{display: flex;}
.min-max-box tr input{ border-radius: 4px; border: solid 1px #ccc; padding: 6px 20px; }


@media(max-width:767px){
.viewbox h5 {border-bottom: solid 1px #ccc; font-size: 20px;}
 .create-btns button{width: 100%; margin: 5px 0px;}
 .filterbox{width: 100%; margin-bottom: 10px;}

 .select2{ width: 100%; }
 .input-group { margin-bottom: 10px;}

 .btn-primary { width: 100%; margin-bottom: 10px;margin-top: 10px;}
 .py-3 {padding-bottom: 0rem !important;}

.btn-secondary { width: 100%;}

.form-select {    margin-bottom: 0px;}

.dataTables_length{text-align: center;margin-bottom: 10px;}

.bg-footer-theme {text-align: center;}

.loginbg { position: relative;
}

.min-max-box {display: flex;flex-direction: column-reverse;}
.min-max-box tr input { padding: 6px 6px;}



}