/*-- // Common // --*/
body{font-family: 'Roboto', sans-serif;font-size: 14px;color:#3B465C;font-weight: 400;}
.br-light{border-color: #E4E9EF;width: 100%;display: block;margin: 35px 0;}
.link{color: #1C569F !important;}
a:hover, a:focus, a:active, button:hover, button:focus, button:focus, .btn-link:hover, .btn-link:focus, .btn-link:active{text-decoration: none;}
.br-0{border: 0 !important;}
ul{margin: 0;padding: 0;list-style: none;}
button:focus, a:focus, input:focus, .btn.focus, .btn:focus, .custom-select:focus{outline: none;box-shadow: none !important;}
.box-center-text{display: flex;justify-content: center;align-content: center;color: #D1D1D1;font-size: 34px;font-weight: 700;text-align: center;}
.form-control::placeholder{color: #969696;}
:hover{transition: 0.3s;}
/*-- // Full Height Block // --*/
.fixed-height{height: calc(100vh - 126px);}
.fixed-height.cleans-page {height: calc(100vh - 0px);}
.fixed-height.tab-fixed-height{height: calc(100vh - 195px);} 
.fixed-height .main-content{height: 100%;}
.fixed-height .grid-height{height: calc(100% - 62px);overflow-y: auto;}
.fixed-height .grid-height.grid-height-type1{height: calc(100% - 240px);}
.fixed-height.cleans-page .grid-height.grid-height-type1{height: calc(100% - 330px);}
@media only screen and (max-width: 812px) {
    .fixed-height {
        height: calc(100vh + 170px);
    }
    
    .fixed-height .grid-height.grid-height-type1, .fixed-height .grid-height {
        height: calc(100% - 195px);
    }

    .fixed-height.wo-filter
    {
        height: calc(100vh - 55px);
    }
    

    .fixed-height.wo-filter .grid-height {
        height: calc(100% - 55px);
    }

    .fixed-height.tab-fixed-height {
        height: calc(100vh - 15px);
    }

    .fixed-height.tab-fixed-height .grid-height {
        height: calc(100% - 55px);
    }
}

@media only screen and (max-width: 767px) {
    .fixed-height.cleans-page {
        height: 100%;
    }
}

@media only screen and (max-width: 414px) {
    .fixed-height {
        height: calc(100vh + 320px);
    }
    
    .fixed-height .grid-height.grid-height-type1 {
        height: calc(100% - 490px);
    }

    
    .fixed-height.wo-filter
    {
        height: calc(100vh);
    }

    .fixed-height.wo-filter .grid-height {
        height: calc(100% - 135px);
    }

    .fixed-height.tab-fixed-height {
        height: calc(100vh - 5px);
    }

    .fixed-height.tab-fixed-height .grid-height
    {
        height: calc(100% - 125px)
    }


}
/*-- // Sign In // --*/
.container-signin{width:100%;background: url(../images/bg-login.jpg) no-repeat center;position: relative;height: 100vh;background-size: cover;}
.wrap-signin{width:700px;height:calc(100vh - 30px);background:#fff;border-radius:17px;position:relative;padding: 50px;display: flex;flex-direction: column;justify-content: center;margin:15px;position: absolute;right:0;}
.signin-logo{margin-bottom: 40px;}
.signin-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;max-width: 310px;margin: 0 auto;overflow-y: auto;}
.signin-form-title{display:block;width:100%;font-size:31px;color:#333;line-height:1.2;color:#36465B;font-weight: 500;font-size: 24px;margin:55px 0 28px 0;text-align: center;}
.code-block{background: rgba(246, 248, 248, 0.72);border-radius: 10px;padding: 15px;;}
.code-block p{margin: 0;padding: 0;}
.code-block strong{margin-bottom: 10px;display: block;}
/* .qr-code-wrapper{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;} */
.qr-code-wrapper{margin-bottom: 15px;}
/* .qr-code-block{width: 150px;height: 150px;} */
.qr-code-detail{width: calc(100% - 160px);}
/*-- // Form // --*/
.form-control::placeholder{color: #C4C4C4;}
.wd-form{width: 100%;}
.signin-form .form-group{margin-bottom: 10px;}
.form-group.required-field .control-label::after, .form-group .control-label.form-required::after {content: "*";color: #EC2424;margin-left: 2px;}
.form-control, .custom-select{border-color: #D8D8D8;padding: 10px 15px;height: 40px;border-radius: 5px;font-weight: 400;background: #fff;font-size: 14px;color: #484848;}
.form-control:focus{border-color: #D8D8D8;}
.dropdown-toggle{position: relative;text-align: left;}
.dropdown-toggle::after{position: absolute;content: "\f110";border: 0;font-family: 'LineAwesome';right: 0; width: auto;height: auto;top: 4px;}
.calendar-dd{width: 170px}
.calendar-dd .dropdown-toggle{padding: 5px 32px 5px 15px;height: 40px;border-radius: 6px;border: 0;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);background:#fff;color: #484848;font-size: 14px;width: 100%;}
.calendar-dd .dropdown-toggle::after{right: 15px;top: 10px;}
.calendar-dd .dropdown-menu{border: #D7DAE2 1px solid;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);width: 170px;font-size: 14px;border-radius: 10px;margin-top: 4px;}
.filter-left-block .calendar-dd .dropdown-menu{max-height:300px;overflow-y:auto;}
.inline-field > label{padding-top:7px;}
.inline-field label{margin: 0;}
span.label-span {line-height: 35px; font-weight: 600;}
.field-label{position: relative;}
.field-label > input{padding-right: 48px;}
.field-label > strong{position: absolute;right: 25px;top: 10px;font-weight: 600;color: #262C5D;}
.mandatory-field label::after{content:"*";color:#f35252;padding-left:3px;}
.mandatory-field label.error-text:after{content:none;}
.error-field > div{position:relative;}
.error-field > div a{position: absolute;right: -3px;top: 12px;background-color: #f35252;color: #fff;font-size: 13px;font-weight: 700;width: 15px;height: 15px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 0;}
.error-field .form-control{border-color:#f35252;}
.error-text{color:#f35252;text-align:right;font-size:12px;display:block;}
.error-text.error-fix{position: absolute;right: 0;bottom: -18px;margin: 0;}
.clean-para-form .form-group.error-field > div a{right:10px;}
.clean-para-form .form-group.error-field > div .field-label a{right:-4px;}
.table-scroll td .tooltip-danger a{background-color: #f35252;color: #fff;font-size: 13px;font-weight: 700;width: 15px;height: 15px;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;top: 8px;right: 3px;}
.table-wrap td .error-field input{border-color: #f35252;}
.table-wrap td .error-field input{padding: 0 20px 0 7px;}
.right-nav{display:flex;align-items: center;}
.org-name{margin-right:10px;}
/*-- // Tooltip // --*/
.tooltip-inner {color: #fff;background-color: #f35252;border: 1px solid #f35252;opacity: 1;}
.tooltip.bs-tooltip-top .arrow:before {border-top-color: #a91212;}
.tooltip.bs-tooltip-right .arrow:before {border-right-color: #a91212;}
.tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color: #a91212;}
.tooltip.bs-tooltip-left .arrow:before {border-left-color: #a91212;}
/*-- // Button // --*/
.btn-primary{background: #1C569F;border-color: #1C569F;border-radius: 10px;padding: 7px 15px;min-width:90px;}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: rgba(28, 86, 159,0.8);border-color: rgba(28, 86, 159,0.8);}
.btn-primary.disabled, .btn-primary:disabled{background: rgba(28, 86, 159,0.8);border-color: rgba(28, 86, 159,0.8);opacity: 0.6;}
.btn-secondary{background: #1C569F;border-color: #1C569F;border-radius: 10px;padding: 8px 25px;font-weight: 600;}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{background: #1C569F;border-color: #1C569F;}
.btn-secondary.disabled, .btn-secondary:disabled{background: #1C569F;border-color: #1C569F;opacity: 0.6;}
.btn-light{background: #eff2f4;border-color: #eff2f4;border-radius: 10px;padding: 8px 25px;font-weight: 400;min-width: 90px;}
.btn-light:hover, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background: #e9edf0;border-color: #e9edf0;}
.btn-light.disabled, .btn-light:disabled{background: #e9edf0;border-color: #e9edf0;opacity: 0.6;}
.btn .la{font-weight: 600;}
/*-- // Upload // --*/
.upload-btn-wrapper {position: relative;overflow: hidden;display: flex;justify-content: center;margin: 0 auto 35px auto;width: 160px;height: 160px;}
.upload-btn-wrapper .btn {border: 1px solid #D3D3D3;color: #030303;background-color: #FFF7F7;padding: 8px 20px;border-radius: 8px;font-size: 14px;height: 160px;width: 160px;}
.upload-btn-wrapper .btn > i{display: block;font-weight: 600;margin-bottom: 5px;}
.upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;right: 0;top: 0;opacity: 0;cursor: pointer;}
.upload-img-wrapper{border-radius: 8px;overflow: hidden;width: 160px;height: 160px;position: relative;margin: 0 auto 35px auto;}
.upload-img-wrapper > img{height: 100%;}
.upload-img-wrapper .upload-btn {position: absolute;overflow: hidden;display: flex;right: 0;bottom: 0;left: 0;top: 0;align-items: center;justify-content: center;opacity: 0;}
.upload-img-wrapper:hover .upload-btn{opacity: 1;}
.upload-img-wrapper .btn {border: 0;padding: 0;color: #ffffff;background-color: #1C569F;border-radius: 8px;font-size: 20px;font-weight: bold;width: 40px;height: 40px;border-radius: 50%;}
.upload-img-wrapper .upload-btn input[type=file] {font-size: 100px;position: absolute;right: 0;top: 0;opacity: 0;cursor: pointer;}
.file-upload{position: relative;overflow: hidden;display: inline-block;}
.file-upload .btn {padding: 9px 20px;border-radius: 8px;font-size: 14px;}
.file-upload .btn > .la{margin-right:7px;}
.file-upload input[type=file] {font-size: 100px;position: absolute;right: 0;top: 0;opacity: 0;cursor:pointer;}
/*-- // Custom Select // --*/
.custom-select{background:url(../images/dropdown-arrow.png) no-repeat right .75rem center/8px 16px;}
/*-- // Dashboard // --*/
/*-- // Card // --*/
.card{position: relative;background-color: #fff;border-radius: 10px;padding: 30px;border: 0;
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.05);-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.05);box-shadow: 0px 2px 3px rgba(0,0,0,0.05);}
.main-content{margin: 0;padding: 15px 0;}
/*-- // Topbar // --*/
.topbar{z-index:50;min-height:70px;position:fixed;width:calc(100% - 280px);display: flex;justify-content: space-between;align-items: center;padding: 0 15px;}
.mini-sidebar .topbar{width: calc(100% - 70px)}
.topbar .navbar-collapse{padding:0}
.topbar .top-navbar{padding:0;justify-content: space-between;}
.navbar-header{background:#262C5D;min-width:70px}
.navbar-header .navbar-brand{padding: 0;display: block;margin: 0 auto;text-align: center;line-height:70px;}
.navbar-header .navbar-brand > span{max-width: 85%;display: block;margin: 0 auto;}
.navbar-header .navbar-brand > b{display:none;max-width: 40px;margin: 0 auto;}
.mini-sidebar .navbar-header .navbar-brand b{display:inline-block}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link{padding-left:0;padding-right:0;font-size:26px;line-height:50px;color: #707070;}
.bar1, .bar3 {width: 25px;height: 2px;background-color: #707070;margin: 6px 0;border-radius: 10px;transition: 0.4s;}
.bar2{width: 17px;height: 2px;background-color: #707070;margin: 6px 0;border-radius: 10px;transition: 0.4s;}
.topbar .top-navbar .navbar-nav>.nav-item>span{line-height:45px;font-size:24px;font-weight:500;color:#fff;padding:0 10px}
.topbar .dropdown-menu{box-shadow:1px 0 20px rgba(0,0,0,.06);-webkit-box-shadow:1px 0 20px rgba(0,0,0,.06);-moz-box-shadow:1px 0 20px rgba(0,0,0,.06);border-color:#D7DAE2;font-size: 14px;padding: 0;margin:0;border-radius: 10px;overflow: hidden;}
.fixed-layout .left-sidebar,.fixed-layout .topbar{position:fixed;top: 0;}
.topbar .dropdown-toggle{font-size: 15px;padding: 3px 25px 3px 0;color: #212F47;height: 30px;}
.topbar .dropdown-menu .dropdown-item{padding: 7px 15px;}
.dropdown-item.active, .dropdown-item:active{background-color: #f8f9fa;color: #16181b;}
/*-- // Sidebar // --*/
.left-sidebar{position:absolute;width:280px;height:100%;top:0;z-index:20;box-shadow:1px 0 20px rgba(0,0,0,.08);background: #262C5D;}
.scroll-sidebar{margin-top: 30px;}
.scroll-sidebar,.sidebar-nav .has-arrow{position:relative;}
.scroll-sidebar.ps .ps__scrollbar-y-rail{left:2px;right:auto;background:0 0;width:6px}
.collapse.in{display:block}
.sidebar-nav ul li{list-style:none;margin-bottom: 2px;}
.sidebar-nav ul li a.active{color: #ffffff;}
.sidebar-nav ul li.active a{color: #ffffff;}
.sidebar-nav ul li a{color:#fff;padding:13px 35px 13px 15px;display:block;align-items:center;font-size:14px;font-weight:500;}
.sidebar-nav ul li ul{padding: 10px 0 10px 35px;}
.sidebar-nav > ul li > ul li a{padding:7px 35px 7px 15px;border-bottom:0;font-size: 13px;color:#7a868e;}
.sidebar-nav ul li ul ul{padding-left:15px}
.sidebar-nav ul li.nav-devider{height:1px;background:#e9ecef;display:block;margin:15px 0}
.sidebar-nav>ul>li>a i{width:25px;font-size:1.3rem;display:inline-block;vertical-align:middle;color:#fff}
form label,table th{font-weight:400}
.sidebar-nav .has-arrow::after{position:absolute;content:'';width:7px;height:7px;border-width:1px 0 0 1px;border-style:solid;border-color:#ffffff;right:20px;-webkit-transform:rotate(135deg) translate(0,-50%);-ms-transform:rotate(135deg) translate(0,-50%);-o-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;top:24px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.sidebar-nav .has-arrow:active::after, .sidebar-nav .has-arrow:hover::after, .sidebar-nav .has-arrow.active::after{border-color: #fff;}
.sidebar-nav .has-arrow[aria-expanded=true]::after,.sidebar-nav li>.has-arrow.active::after{-webkit-transform:rotate(-135deg) translate(0,-50%);-ms-transform:rotate(-135deg) translate(0,-50%);-o-transform:rotate(-135deg) translate(0,-50%);top:42%;width:7px;transform:rotate(-135deg) translate(0,-50%)}
.fixed-header .page-wrapper,.fixed-layout .page-wrapper{padding-top:70px}
.fixed-sidebar .left-sidebar,.fixed-sidebar .navbar-header{position:fixed}
.fixed-sidebar .navbar-collapse{margin-left:280px}
.fixed-sidebar.mini-sidebar .footer,.fixed-sidebar.mini-sidebar .navbar-collapse{margin-left:70px}
.logo-center .top-navbar .navbar-header{position:absolute;left:0;right:0;margin:0 auto}
.clean-para-form .form-group .form-control{margin-right: 15px;width:calc(100% - 15px);}
/*-- // Background // --*/
.theme-style .topbar{background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.05);}
.theme-style .sidebar-nav > ul > li:hover a,
.theme-style .sidebar-nav > ul > li:hover i{color: #fff;}
.theme-style .sidebar-nav > ul > li.active a,
.theme-style .sidebar-nav > ul > li.active i{color:#fff;background: #1C569F;border-radius: 33px;}
.theme-style .sidebar-nav > ul li > ul li a:hover, .theme-style .sidebar-nav > ul li > ul li a:active, .theme-style .sidebar-nav > ul li > ul li a:focus, .theme-style .sidebar-nav > ul li > ul li a.active{background: transparent;color: #fff;}
/*-- // Main Content // --*/
.page-wrapper{background:#EEEEF2;position:relative}
/*-- // Admin Title // --*/
.page-titles{margin-left: 25px;}
.page-titles h4{margin-bottom:0;margin-top:0;color: #000000;}
.page-titles h4 > span{color:#bbdff7;font-weight: 300;}
.footer,html body .navbar-dark .mailbox ul li h5{color:#212529}
.footer{bottom:0;left:0;padding:17px 15px;right:0;border-top:1px solid #e9ecef;background:#fff}
/*-- // Sidebar scroll // --*/
.scroll-sidebar{height:calc(100% - 100px)}
.scroll-sidebar.ps .ps__scrollbar-y-rail{left:2px;right:auto;background:0 0;width:6px}
.ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden!important;-ms-overflow-style:none}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
.ps{overflow:auto!important}
}
.ps.ps--active-x>.ps__scrollbar-x-rail,.ps.ps--active-y>.ps__scrollbar-y-rail{display:block;background-color:transparent}
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:transparent;width:8px}
.ps>.ps__scrollbar-x-rail{display:none;position:absolute;opacity:0;bottom:0;height:6px}
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{position:absolute;background-color:rgba(255,255,255,.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;bottom:2px;height:6px}
.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x,.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x{height:6px}
.ps>.ps__scrollbar-y-rail{display:none;position:absolute;opacity:0;right:0;width:6px}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y{position:absolute;background-color:rgba(255, 255, 255, 0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;right:2px;width:6px}
.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y,.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y{width:6px}
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:rgba(0,0,0,.2);opacity:.9}
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:rgba(0,0,0,.2);height:6px}
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:rgba(0,0,0,.2);width:6px}
.ps:hover>.ps__scrollbar-x-rail,.ps:hover>.ps__scrollbar-y-rail{opacity:.6}
.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y{background-color:rgba(0,0,0,.2)}
/*-- // Filter // --*/
.filter-wrapper{display: flex;justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;}
.filter-left-block{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 5px;}
.filter-right-block{margin-bottom: 5px;}
.filter-left-block > label{font-weight: 600;color: #000000;font-size: 18px;margin: 0;margin-right: 15px;}
.filter-left-block > .form-group{margin: 0 10px 0 0;position: relative;}
.filter-left-block .form-control{padding: 5px 15px;height: 40px;border-radius: 6px;border: 0;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);}
.search-block{min-width: 300px;}
/*-- // Dashboard // --*/
.dashboard-block{min-height: 300px;}
.detail-title{font-size: 20px;color: #000000;margin-bottom: 5px;}
.detail-title-inner {font-size: 20px; color: #000000; margin-bottom: 20px; font-weight: 600;}
.assets-title{color: #A3A3A3;font-size: 14px;}
.box-spacing{padding:0 30px;}
.form-btn-wrap{text-align: right;}
.serial-no{background: #f8f7f8;margin: 0 -30px 1.5rem -30px;padding: 0 30px;}
.serial-no .form-group{margin: 1rem -15px;}
/*-- // Modal // --*/
.modal{padding:0 !important;}
.custom-modal .modal-header{align-items: center;padding:1rem 20px;}
.custom-modal .modal-body{padding:1rem 20px;}
.custom-modal .modal-header .modal-title{font-weight: 700;font-size: 20px;color: #000000;}
/*-- // Confirm Modal // --*/
.modal-confirm {color: #636363;max-width: 400px;margin: 0 auto;}
.modal-confirm .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
.modal-confirm .modal-header {display: block;border-bottom: none;   position: relative;}
.modal-confirm h4 {text-align: center;font-size: 26px;margin: 30px 0 -10px;}
.modal-confirm .close {position: absolute;top: -5px;right: -2px;}
.modal-confirm .modal-body {color: #999;}
.modal-confirm .modal-footer {justify-content: center;border: none;text-align: center;border-radius: 5px;font-size: 14px;padding: 0;}
.modal-confirm .modal-footer a {color: #999;}		
.modal-confirm .icon-box {width: 80px;height: 80px;margin-top: 25px;margin-right: auto;margin-left: auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #f15e5e;}
.modal-confirm .icon-box i {color: #f15e5e;font-size: 46px;display: inline-block;margin-top: 13px;}
.trigger-btn {display: inline-block;margin: 100px auto;}
/*-- // Tabs // --*/
.tab-wrapper .nav-tabs {display:none;border: 0;background: #FFFFFF;}
.tab-wrapper .nav-tabs .nav-item{margin: 0 25px 0 0;}
.tab-wrapper .nav-tabs .nav-link{font-size: 16px;color: #000000;border: 0;padding: 20px 5px;border-bottom: 5px transparent solid;}
.tab-wrapper .nav-tabs .nav-link.active{border-color: #1C569F;}
/*-- // Status // --*/
.status{width: 14px;height: 14px;border-radius: 50%;margin:0 auto;}
.status.active-status{background: #6AC962;}
.status.inactive-status{background: #A8A8A8;}
/*-- // Table // --*/
.table-scroll .grid-title td, .table-scroll .grid-title th{font-weight: 600;padding: 5px;}
.table-scroll {position:relative;width:100%;margin:auto;overflow:hidden;border-radius: 10px;border: 1px #eee solid;}
.table-wrap {width:100%;overflow:auto;}
.table-scroll table {width:100%;margin:auto;border-collapse:separate;border-spacing:0;}
.table-scroll th, .table-scroll td {padding:11px;background:#fff;white-space:nowrap;vertical-align:middle;border:0.001rem solid #eee;border-bottom:0;border-right: 0;border-left: 0;text-align: center;}
.table-scroll tr:first-child th, .table-scroll tr:first-child td{border-top: 0;}
.table-scroll th:first-child, .table-scroll td:first-child{border-left: 0;}
.table-scroll td{padding:6px 10px;}
.table-wrap th{font-weight: 600;}
.table-wrap td input{border: 0;width: 90px;height: 30px;text-align: center;color: #000;border: 1px solid #eee;padding: 0 7px;}
.table-scroll th.fixed-side{text-align: left;background: #f8f7f8;width: 350px;}
.table-scroll th:nth-child(2), .table-scroll td:nth-child(2){border-left: 1px #eee solid;}
.table-scroll th.fixed-side>span{border: 0;display: block;font-size: 13px;}
.table-scroll th.fixed-side label>strong{font-size: 12px;color: rgba(0,0,0,0.3);}
.table-scroll thead {background:#f9f9f9;}
.clone {position:absolute;top:0;left:0;pointer-events:none;}
.clone th, .clone td {visibility:hidden}
.clone td, .clone th {border-color:transparent;border:0.001rem solid #eee;border-bottom:0;border-right: 0;}
.clone tbody th {visibility:visible;color:rgb(0, 0, 0);}
.clone .fixed-side {background:#fff;visibility:visible;}
.clone thead, .clone tfoot{background:transparent;}
.br-none{border: 0 !important;}
.grid-spacing{padding:0;overflow: hidden;font-size: 26px;color: #e5e5e5}
.grid-spacing.no-data{min-height: 300px;}
.input-block{position: relative;width: 90px;height: 30px;margin: 0 auto;}
/*-- // Custom CHeckbox // --*/
.custom-checkbox .custom-control-label{width: 20px;height: 20px;}
.custom-control-label::before{border: #bbb solid 1px;width: 20px;height: 20px;top: 0;left: 0;}
.custom-checkbox .custom-control-label::before{border-radius: 5px;}
.custom-control-label::after{width: 20px;height: 20px;left: 0;}
.custom-control-input{z-index: 1;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #1C569F;}
.custom-control-input:checked~.custom-control-label::before{border-color: #1C569F;background-color: #1C569F;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image: none;content: "\f17b";font-family: 'LineAwesome';font-size: 14px;color: #fff;font-weight: 600;padding: 0px 3px;line-height: 20px;top: 0;}
.custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color: #bbb;}
/*-- // Upload File // --*/
.height-full{height: calc(100vh - 126px);}
.height-full .main-content{height: 100%;}
.center-block{height: calc(100% - 55px);width: 100%;display: flex;align-items: center;justify-content: center;}
.upload-block{box-shadow: 0px 2px 3px rgba(0,0,0,0.05);background: #fff;width: 900px;max-height: 500px;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 30px;}
.upload-block .arrow-bg{background: #1C569F;color: #fff;font-size: 5rem;width: 150px;height: 150px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 55px;}
.download-link{color: #1C569F;font-size: 16px;font-weight: 700;margin-top: 15px;}
.download-link:hover, .download-link:focus{color: #1C569F;}
.file-upload-lg.file-upload .btn{font-size: 16px;font-weight: 600;padding: 8px 40px;}
.file-name{margin-top: 5px;}
.upload-list{padding: 15px 25px;}
.upload-list h3{color: #000000;font-size: 20px;font-weight: 700;}
.status-block{font-size: 15px;display: flex;margin: 15px;}
.status-block > div{margin-right: 50px;}
.status-block > div strong{font-weight: 700;font-size: 30px;display: block;}
.grid-wrap{margin: 15px;border: #D9D9D9 solid 1px;}
.text-green{color: #13B76B !important;}
.text-red{color: #FF3131 !important;}
.file-wrapper-name {position: relative;}		
.file-wrapper-name .file-name{position: absolute;right: 15px;top: -26px;left: 0;margin: 0 auto;text-align: center;}
/*-- // IE Hack // --*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .topbar{padding:12px 15px;}
    .wrap-signin, .signin-form{display:block;}
    .signin-form{height:95.8%}
}
/*-- // Media // --*/
@media (min-width:768px) {
    .navbar-header{flex-shrink:0}
    .navbar-header .navbar-brand{padding-top:0}    
    .sidebar-nav ul{margin:0;padding:0 10px}
    .mini-sidebar .sidebar-nav ul{padding:0 10px}
    .mini-sidebar .top-navbar .navbar-header{width:70px;text-align:center;flex-shrink:0;padding-left:0}
    .footer,.page-wrapper{margin-left:280px}
    .mini-sidebar .footer,.mini-sidebar .page-wrapper{margin-left:70px}
    .mini-sidebar .left-sidebar,.mini-sidebar .user-profile{width:70px}
    .mini-sidebar .scroll-sidebar{padding-bottom:0;position:absolute;height:calc(100vh - 100px)}
    .mini-sidebar .scroll-sidebar .u-dropdown{display:none}
    .mini-sidebar .sidebar-nav{background:0 0}
    .mini-sidebar .sidebar-nav .sidebarnav li{position:relative}
    .mini-sidebar .sidebar-nav .sidebarnav>li>ul{position:absolute;left:70px;top:51px;width:220px;padding-bottom:10px;z-index:1001;background:#f9f9f9;display:none;padding-left:1px}
    .mini-sidebar .sidebar-nav .sidebarnav>li:hover>ul{height:auto!important;overflow:auto}
    .mini-sidebar .sidebar-nav .sidebarnav>li>a{width:calc(70px - 20px);padding:15px}
    .mini-sidebar .sidebar-nav .sidebarnav>li:hover>a{width:290px;background:#1C569F;color: #fff;border-radius: 33px;}
    .mini-sidebar .sidebar-nav .sidebarnav>li:hover>a .hide-menu{display:inline-block;vertical-align: middle;}
    .mini-sidebar .sidebar-nav .sidebarnav>li:hover>a .label{display:none}
    .mini-sidebar .sidebar-nav .sidebarnav>li:hover>ul,.mini-sidebar .sidebar-nav .sidebarnav>li:hover>ul.collapse{display:block}
    .mini-sidebar .sidebar-nav .sidebarnav .hide-menu,.mini-sidebar .sidebar-nav .sidebarnav .nav-small-cap,.mini-sidebar .sidebar-nav .sidebarnav .sidebar-footer,.mini-sidebar .sidebar-nav .sidebarnav .user-profile .profile-text,.mini-sidebar .sidebar-nav .sidebarnav>.label,.mini-sidebar .sidebar-nav .sidebarnav>li>a.has-arrow:after{display:none}
    .mini-sidebar .sidebar-nav .sidebarnav>li>ul{right: 0;padding-top: 20px;z-index: 1;background: #1C569F;margin-top: -20px;}
    .mini-sidebar .sidebar-nav > ul li > ul li a{color: #fff;}
    /*-- // Tabs // --*/
    .tab-wrapper .nav-tabs {display: flex;padding: 0 15px;}
    .tab-wrapper .tab-pane {border: none;}
    .tab-wrapper .tab-pane .card-header {display:none;}  
    .tab-wrapper .tab-pane .collapse{display:block;}
}
@media only screen and (max-width: 1600px) {
    .signin-form, .signin-form.form-sm{width: 100%;}
    .card{padding: 15px;}
    .card.grid-spacing{padding: 0;}
    .serial-no{margin: 0 -15px 1.5rem -15px;padding: 0 15px;}
    .status-block > div{margin-right: 20px;}
}
@media only screen and (max-width: 1365px) {
	.wrap-signin{padding:35px;left: 0;margin: 15px auto;}
	.signin-form, .signin-form.form-sm{width: 80%;}
    .signin-more{width: 50%;}
    .modal-lg, .modal-xl{max-width: 80%;}
}
@media (max-width:1200px) {    
    .box-spacing{padding: 0;}
}
@media (max-width:1023px) {
    .inbox-center a{width:200px}
    .d-flex{display:block!important}
    .d-flex.no-block{display:flex!important}
    .app-search .form-control{width: 200px;}
    .custom-select.header-select{min-width: 230px;}
    .app-search .form-control:focus{width:200px;}
}
@media only screen and (max-width: 991px) {
    .signin-form, .signin-form.form-sm{width: 100%;}
    .modal-lg, .modal-xl{max-width: 80%;}
}
@media only screen and (max-width: 767px) {
	.wrap-signin{width: calc(100% - 30px);padding: 20px 15px;}
    .topbar .top-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:nowrap;-webkit-align-items:center}
    .topbar .top-navbar .navbar-collapse{display:flex;width:100%}
    .topbar .top-navbar .navbar-nav{flex-direction:row}
    .topbar .top-navbar .navbar-nav>.nav-item.show{position:static}
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu{width:100%;margin-top:0}
    .topbar .top-navbar .navbar-nav .dropdown-menu{position:absolute}    
    .sidebar-nav{padding: 0;}
    .mini-sidebar .topbar{width: 100%;}
    .mini-sidebar .sidebar-nav ul{padding:0 10px}
    .fixed-sidebar.mini-sidebar .navbar-header{position:relative}
    .fixed-sidebar.mini-sidebar .navbar-collapse{margin-left:0}
    .mini-sidebar .left-sidebar,.mini-sidebar .sidebar-footer{left:-280px}
    .mini-sidebar.show-sidebar .left-sidebar,.mini-sidebar.show-sidebar .sidebar-footer{left:0}
    /*-- // Tabs // --*/
    .tab-wrapper .tab-content > .tab-pane {display: block !important;opacity: 1;}
    .tab-wrapper .tab-content > .tab-pane .card-header{background: #fff;margin: 0 -15px;}
    .tab-wrapper .tab-content > .tab-pane.active .card-header{border-bottom: #1C569F 5px solid;}
    .tab-wrapper .tab-content > .tab-pane .card-header a{font-size: 16px;color: #000000;}
}
@media only screen and (max-width: 480px){    
    .search-block{min-width: 100%;}
    .page-titles{margin-left: 10px;}
    .page-titles h4{font-size: 20px;}
}
@media (max-height:900px) {
    .signin-form{max-width: 450px;}
    .signin-logo{max-width: 280px;margin-bottom: 20px;}    
}

.row-ttl {
    position: relative;
  }
  
  .row-ttl:after {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 1.3px;
    background: #cacad3;
  }
  
  span.ttl-text {
    background: #cacad3;
    color: #343e52;
    padding: 5px 10px;
    z-index: 2;
    position: relative;
    font-size: 11px;
    border-radius: 2px;
    font-weight: 500;
  }

  nav.sidebar-nav li a {
    font-size: 18px;
    font-weight: 700;
    color: #fff !important;
    margin: 0rem 0 !important;
    padding-left: 1rem;
    display: flex;
    line-height: 20px;

  }
  
  nav.sidebar-nav li ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
  padding: 0.8rem 2rem;
  }
  
  sidebar-nav ul li ul li a .la {
    width: 30px;
}

  nav.sidebar-nav li ul li a:hover {
  background: #1c569f;
  border-radius: 33px;
  }

  .topbar .dropdown-wrapper .dropdown-menu {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000029;
    border-radius: 5px;
    border: none;
  }
  .sidebar-nav .has-arrow::after {
    width: 12px !important;
    height: 12px;
    top: 24px;
  }
  .sidebar-nav ul li ul li.active a, .sidebar-nav ul li ul li.active a:hover, .sidebar-nav ul li ul li a:hover, .sidebar-nav ul li ul li.active a:focus {
    background: #1c569f !important;
    border-radius: 33px;
}
.sidebar-nav ul li ul li a {
    border-radius: 33px; 
}

.password{
    padding-left: 6px;;
}

.cookie-concent {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999999;
    bottom: 0;
}

.cookie-concent .card {
    border-radius: 0;
    background-color: #1c569f;
    color: #ffffff;
    padding: 15px;
}

.cookie-concent .card-body{
    padding: 0;
}

.cookie-concent .card-link {
    color: #1abc9c;
}

.cookie-concent button.card-link{
    background-color: #1abc9c;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.cookie-concent button.btn-border {
    background: transparent;
    border-color: #ffffff;
}

.cookie-concent span.la { padding-right: 10px; color: #f1c40f; font-size: 36px;}
.cookie-concent .card-title { display: flex; align-items: center;}
.list-bullet { list-style: disc; padding-left: 15px;}
.list-bullet li { margin-bottom: 10px;}
.la-check-circle-o.fs-22{
    font-size: 22px;
    color: #f35252;
  }

.error-field .k-multiselect.k-header { border-color: #f35252;}