@charset "utf-8";
@import url("font.css");

/* Component */
.alignL {text-align:left!important;}
.alignC {text-align:center!important;}
.alignR {text-align:right!important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {clear:both !important;}
.clear::after{content:"";display: block;clear: both;}

/* font color */
.fcBlack{color:#232323 !important;}
.fcGrayB{color:#464646 !important;}
.fcGray{color:#777 !important;}
.fcGrayN{color:#999 !important;}
.fcRed{color:red !important;}
.fcOrg{color:#ff7a00 !important;}
.fcBlue{color:#1f5cd1 !important;}
.fcBlue-down{color:#015bc8 !important;}
.fcGreen{color:#009900 !important;}
.fcPurple{color:#7800cc !important;}

/* font size */
.f90, .text-sm {font-size:90% !important;}
.f110{font-size:110% !important;}

/* font weight */
.fwb{font-weight:500!important;}
.fwn{font-weight:400!important;}
.fws{font-weight:300!important;}

/* padding, margin style */
.pd0	{padding:0 !important;}
.pd10	{padding:10px !important;}

.pt0	{padding-top:0 !important;}
.pt5	{padding-top:5px !important;}
.pt10	{padding-top:10px !important;}
.pt15	{padding-top:15px !important;}
.pt20	{padding-top:20px !important;}
.pt25	{padding-top:25px !important;}
.pt30	{padding-top:30px !important;}

.pb0	{padding-bottom:0 !important;}
.pb5	{padding-bottom:5px !important;}
.pb10	{padding-bottom:10px !important;}
.pb15	{padding-bottom:15px !important;}
.pb20	{padding-bottom:20px !important;}
.pb30	{padding-bottom:30px !important;}

.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20	{padding-left:20px !important;}

.pr0	{padding-right:0px !important;}
.pr5	{padding-right:5px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}

.mg0	{margin:0 !important;}

.mgt0	{margin-top:0px !important;}
.mgt1	{margin-top:1px !important;}
.mgt2	{margin-top:2px !important;}
.mgt3	{margin-top:3px !important;}
.mgt5	{margin-top:5px !important;}
.mgt10	{margin-top:10px !important;}
.mgt15	{margin-top:15px !important;}
.mgt20	{margin-top:20px !important;}
.mgt30	{margin-top:30px !important;}
.mgt40	{margin-top:40px !important;}
.mgt50	{margin-top:50px !important;}
.mgt60	{margin-top:60px !important;}
.mgt70	{margin-top:70px !important;}
.mgt80	{margin-top:80px !important;}
.mgt90	{margin-top:90px !important;}
.mgt100	{margin-top:100px !important;}
.mgt-2  {margin-top:-2px !important;}

.mgb0	{margin-bottom:0px !important;}
.mgb2	{margin-bottom:2px !important;}
.mgb5	{margin-bottom:5px !important;}
.mgb10	{margin-bottom:10px !important;}
.mgb15	{margin-bottom:15px !important;}
.mgb20	{margin-bottom:20px !important;}
.mgb30	{margin-bottom:30px !important;}
.mgb50	{margin-bottom:50px !important;}
.mgb70	{margin-bottom:70px !important;}
.mgb80	{margin-bottom:80px !important;}

.mgl0	{margin-left:0px !important;}
.mgl5	{margin-left:5px !important;}
.mgl10	{margin-left:10px !important;}
.mgl15	{margin-left:15px !important;}
.mgl20	{margin-left:20px !important;}
.mgl25	{margin-left:25px !important;}
.mgl30	{margin-left:30px !important;}
.mgl40	{margin-left:40px !important;}
.mgl50	{margin-left:40px !important;}

.mgr0	{margin-right:0px !important;}
.mgr5	{margin-right:5px !important;}
.mgr10	{margin-right:10px !important;}
.mgr15	{margin-right:15px !important;}
.mgr20	{margin-right:20px !important;}

.noBr	{border:0!important;}

:root {--bs-body-font-weight: 300;}
.vertical-collpsed .logo span.logo-sm {
    position: relative;
    left: -7px;
}

.login_wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;    
    background-size: cover;
    padding: 15px;
  }

.login_wrapper.admin{background-image: url('/assets/images/bg_main3.jpg');background-position:center bottom;}
.login_wrapper.dist{background-image: url('/assets/images/bg_main.jpg');background-position: right bottom;}
.login_wrapper, .login_wrapper * {box-sizing:border-box;}
.login_wrapper_inner {display:table;width:100%;height:100%;}
.lgn_wrap_outer {display:table-cell; vertical-align:middle; }
.login_main {padding:20px 0; background-color: #0096ee; background-repeat: repeat-x; background: linear-gradient(to bottom right,#003655 0,#0066a1 50%,#0096ee 100%)}
.login_silver {padding:20px 0; background-color: #802bff; background-repeat: repeat-x; background: linear-gradient(to bottom right,#330a6f 0,#330a6f 50%,#802bff 100%)}
.login-img {padding:15px 0;text-align:center;}
.login_tit {margin-bottom:0;font-family:Roboto;font-weight:700;color:#fff;}
.login_txt {margin-bottom:0;font-size:0.825rem;color:#fff;}
.copyright {font-size:0.75rem;}

.admin .btn-login {
    color: #fff;
    background-color: #0066a1;
    border-color: #0066a1;
}
.admin .btn-login:hover {
    color: #fff;
    background-color: #0096ee;
    border-color: #0096ee;
}

.dist .btn-login {
    color: #fff;
    background-color: #330a6f;
    border-color: #330a6f;
}
.dist .btn-login:hover {
    color: #fff;
    background-color: #802bff;
    border-color: #802bff;
}

.page-title-box h4 {
    font-size:inherit;
}
.card.card-bordered { 
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 6%);
    box-shadow: 0 0.5rem 1rem rgb(18 38 63 / 6%);
}
.card.card-search {background-color:#fffce1;}
.card-box {
    display:block;
    height:100%;
    padding: 1.25rem 1.25rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ddd;
    border-radius: 0.25rem;    
    -webkit-box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
    box-shadow: 0 0.75rem 1.5rem rgb(18 38 63 / 3%);
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.card-box:hover, .card-box:active {color:#fff; background-color: #556ee6;}
.card-box:hover h4, .card-box:active h4 {color:#fff;}
.card-box .check-nav-icon {font-size:36px;}
.card-search .col-form-label {
    padding-bottom: 0.47rem;
}

.col-form-txt {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    margin-bottom:0;
    line-height: 1.5;
}

.srh-box-bl {background-color:#c7e4ec;}

table.table {font-size:13px;--bs-table-hover-bg: #ffffcc!important;}
table thead th {line-height:16px;font-weight:500;}
table tbody th, table tbody td {line-height:16px;}
table.table-narrow thead th {padding:0.5rem;}
table.table-narrow tbody th, table.table-narrow tbody td {padding:0.25rem 0.5rem;}
table.table-striped tbody tr:hover {background-color:yellow!important;}
table.table-bordered2 th, table.table-bordered2 td {border-left:1px solid #ddd!important;border-bottom:1px solid #ddd!important;}
table.table-bordered2 th:first-child {border-left:none!important;}
table .txt-wrap {white-space:normal!important;}
table .td-min {min-width:200px;}
table.table-striped thead th {--bs-table-bg: #dfe4f1;}
.sticky-table-header .table-striped thead th {--bs-table-bg: #7497e4!important; border-color: #556ee6!important;color: #fff!important;}

table.table-desc th, table.table-desc td {padding:5px 15px 5px 0;line-height:14px;border-bottom:1px solid #e4e0bd;}
table.table-desc tr:last-child th, table.table-desc tr:last-child td {border-bottom:none;}
table.table-desc th {color:#5e3ac2;}
table.table-desc td {color:rgb(59, 116, 240);}
table.table-nodevide th, table.table-nodevide td {border-bottom:none;}

table.table-dataview thead th {background-color:#d4dcf1;}
table.table-dataview tbody th {background-color:#f7f7f7;}
table.table-dataview th, table.table-dataview td {border-left:1px solid #ddd!important;border-bottom:1px solid #ddd!important;}
table.table-dataview thead th {border-left:1px solid #ccc!important;}
table.table-dataview th:first-child {border-left:none!important;}

ul.li-w-50 li {float:left; padding:0 10px 0 0; width:50%; box-sizing:border-box;}
.ins-info-box1 {padding:1rem; min-height:120px;background: #f8f9fa; border-radius:3px;}
.ins-info-box2 {padding:1rem; min-height:120px;background: #faf0ed; border-radius:3px;}
.l1-active {background-color:#d1ecf3;}
.box-images {width:100%;height:450px;text-align: center;border:1px solid #ccc;background-color: #f7f7f7;}
.des-short {display: block; overflow:hidden; width:95%; white-space: normal; word-wrap:break-word; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; }

body[data-sidebar=colored] .vertical-menu{background-color:#330a6f!important;}
body[data-sidebar=colored] .navbar-brand-box{background-color:#330a6f!important;}
body[data-layout=horizontal][data-topbar=colored] #page-topbar{background-color:#330a6f!important;}
@media (min-width:992px){
    body[data-layout=horizontal][data-topbar=colored] .topnav{background-color:#330a6f!important;}
}

#sidebar-menu ul li a {font-weight:500;}
body[data-sidebar=dark] #sidebar-menu ul li a {color: #bec5da;}
.btn.header-item {font-size:0.875rem;}

.mainBg {background-image:url(/assets/images/profile-img.png); background-position:right bottom; background-size:300%;}