@charset "utf-8";
/* CSS Document */
ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }
.table-cell {display:table-cell; vertical-align:middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }

.site-header{ padding:40px 0 0 0; background:#fff; position:relative; z-index:1000;}
.site-header .container{ position:relative; z-index:100;}
.site-header:after{ background:url(images/logo-back.png) no-repeat center; height:161px; position:absolute; top:100%; margin-top:-1px; left:0; right:0; content:'';}
.site-header ul{ float:right; margin:0; padding:0; list-style:none;}
.site-header ul li{ float:left; margin-right:30px; text-transform:uppercase; line-height:74px;}
.site-header ul li:lst-child{ margin-right:0;}
.site-header ul li a{ color:#545353;}
.site-header .logo{ margin:0 auto; width:auto; max-width:320px; position:relative; bottom:-30px;}
.site-footer{ padding:40px 0; color:#fff;}
.site-footer [class*=col-]:last-child{ text-align:right;}
.site-footer a{ color:#7e7e7e;}
.site-footer a:hover{ color:#000;}

.sidebar{ width:300px; position:fixed; top:0; bottom:0; left:0; overflow:auto; z-index:200; overflow-x:hidden; background:#093060; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.sidebar-menu{ padding:80px 0 40px 0;}
.sidebar-menu ul{ margin:0; padding:0; list-style:none;}
.sidebar-menu ul li{ display:block; border-bottom:1px solid rgba(255,255,255,0.1)}
.sidebar-menu ul li a{ display:block; padding:20px 24px; display:block; color:#fff; font-size:20px; font-weight:600;}
.sidebar-menu ul li a i{ margin-right:12px; vertical-align:middle}
.sidebar-menu ul li a:hover, .sidebar-menu ul li.active a{ background:#c39911; color:#fff; text-decoration:none;}
.sidebar-menu .d-block{background:#f3f6f9; padding:0 16px;}
.sidebar-menu .d-block .logo-img a{ line-height:80px;}

.header{ background:#ffffff; position:fixed; top:0; left:0; right:0; z-index:500; padding:0; z-index:210}
.header .logo{padding:0 0 0 15px;}
.header .logo-img a{ line-height:80px;}
.header .logo a.tools{ color:#aaaaaa; margin-left:auto; font-size:24px;}
.header .logo .menu-btn{ color:#aaaaaa; font-size:24px; background:none; border:none; cursor:pointer;}
.header h5{ color:#fff; margin:0 0 0 24px; padding-left:24px; border-left:1px solid #fff;}
.header .search{ width:350px; margin-left:auto;}
.header .search .form-control, .header .search .form-control:focus{ background:url(images/search.png) no-repeat 15px #fff; border-color:#d8d8d8; font-size:14px; border-radius:6px; height:50px; padding-left:40px;}
.header .action-items{ margin-left:auto;}
.header .action-items .button{ height:48px; width:48px; text-align:center; line-height:48px; font-size:22px; color:#0e1a35;}
.header .dropdown-toggle{ padding:0 24px 0 0; margin:0; background:none; position:relative; color:#0e1a35; outline:0; font-weight:600;}
.header .dropdown-toggle img{ width:45px; height:45px;}
.header .dropdown-toggle:after{ position:absolute; margin:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:15px; right:10px;}
.menu-close{ background:none; color:#aaaaaa; font-size:30px;}

.bg-1{background:rgb(29,62,117); background:linear-gradient(45deg, rgba(29,62,117,1) 0%, rgba(64,116,167,1) 100%);}
.bg-2{background:rgb(38,148,242); background:linear-gradient(45deg, rgba(38,148,242,1) 0%, rgba(66,177,225,1) 100%); } 
.bg-3{ background:rgb(154,86,255);background:linear-gradient(45deg, rgba(154,86,255,1) 0%, rgba(215,138,253,1) 100%); } 
.bg-4{background:rgb(35,189,184);background:linear-gradient(45deg, rgba(35,189,184,1) 0%, rgba(67,231,148,1) 100%);} 

.wrapper{ padding:80px 0 0 0; margin-left:300px; position:relative; z-index:100; background:#f3f6f9; min-height:calc(100vh - 69px);}
.wrapper-content{ padding:24px;}
.wrapper .box-content{ background:#fff; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1); box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.wrapper .box-content .card-body, .wrapper .box-content .card-header{ border:none; border-radius:0; background:#fff; padding:1rem;}
.wrapper .box-content .card-header h4{ margin:0;}
.wrapper .box-content .card-header .form-control{ font-size:14px; border-radius:20px; width:150px;}

.wrapper .box-content .media{ align-items:center;}
.wrapper .box-content .media + .media{ margin-top:24px;}
.wrapper .box-content .media .media-left{ width:90px; margin-right:20px;}
.wrapper .box-content .media .media-left .progress-bar{ background-color:#eb0d0d;}

.row.stats{ margin-left:-10px; margin-right:-10px;}
.row.stats [class*=col-] { padding-left:10px; padding-right:10px; margin-bottom:24px;}
.stats .box .media{ align-items:center; -webkit-align-items:center; padding:30px; color:#fff; -webkit-box-shadow:0 3px 10px 0 rgba(119,119,119,0.15); box-shadow:0 3px 10px 0 rgba(119,119,119,0.15); border-radius:6px;}
.stats .box .media h3{ font-weight:600; margin-bottom:0;}
.stats .box .media .icon{margin-right:16px; width:70px;}

.footer{ text-align:center; padding:24px; margin-left:300px; background:#fff; font-size:14px;}
.footer ul{ margin-left:auto; margin-bottom:0; padding:0; list-style:none;}
.footer ul li{ display:inline-block;}
.footer ul li + li:after{ content:"|"; margin:0 6px; float:left;}
.stats .item .box + .box{ margin-top:15px;}
.stats .shadow-img{ line-height:0;}

.page-title{ padding:16px 24px; background:#e7e7f8;}
.page-title h1{ margin:0; font-size:22px; font-weight:600; color:#42b1e1;}
.content-table{ }
.content-table .table > thead > tr > th{ background:#093060; color:#fff;}
.content-table .table > tbody > tr > td ul { margin:0; padding:0; list-style:none;}
.content-table .table > tbody > tr > td ul li + li{ margin-left:15px;}
.content-table .table > tbody > tr > td { vertical-align:middle; background:#fff;}
.content-table  .btn, .content-table .table > tbody > tr > td ul li a{ font-size:24px; color:#093060;}

.box-card{ background:#fff; -webkit-box-shadow:0 3px 10px 0 rgba(119,119,119,0.1); box-shadow:0 3px 10px 0 rgba(119,119,119,0.1);}
.box-card .card, .box-card .card-header, .box-card .card-body{ background:none; border:none;}
.box-card .card-title{ margin:0;}
.box-card .card-header .dd-fld{ margin-left:auto; width:180px;}


body.noscroll{ overflow:hidden;}
.body-overlay{ background:rgba(0,0,0,0.50); position:fixed; left:-100%; top:0; bottom:0; width:100%; height:100%; z-index:220; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease;transition:all 0.3s ease;}
.body-overlay.active{ left:0;}
.footer.footer-page{ margin:0; background:#f2f2f2;}

#page{ padding-top:120px; padding-bottom:40px; background:#fff; min-height:calc(100vh - 69px)}
.sidebar.sidebar-page{ left:-300}
.sidebar.sidebar-page.active{ left:0}

.main-title{ margin-bottom:35px;}
.main-title h1{ color:#0e1a35; font-size:36px;}
.table-content .table > tbody > tr.odd > td{ background:#fff;}
.table-content .table > tbody > tr > td{ vertical-align:middle; color:#0e1a35}

.event-calendar{ background:#fff;}
.filter-form-wrap{ background:#fff; -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,0.15); box-shadow:0 0 12px 0 rgba(0,0,0,0.15); padding:24px; border-radius:6px;}

.photo-box{background:#fff; -webkit-box-shadow:0 0 12px 0 rgba(0,0,0,0.15); box-shadow:0 0 12px 0 rgba(0,0,0,0.15); border-radius:6px; overflow:hidden; position:relative; font-size:15px;}
.photo-box span.number{ color:#fff; background:#42b1e1; height:40px; width:40px; border:2px solid #fff; border-radius:4px; line-height:35px; text-align:center; font-size:20px; font-weight:600; position:absolute; top:24px; left:24px; z-index:1000}
.photo-box .title{ font-weight:600}
.photo-box time{ color:#42b1e1; font-weight:700;}

.check-list ul{display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none;}
.check-list ul:after{ display:none;}
.check-list ul li{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; background:url(images/check.png) no-repeat left; padding-left:24px; margin-bottom:6px;}

.card-body.icons .row{margin-left:-5px; margin-right:-5px;}
.card-body.icons .row [class*=col-]{-ms-flex:0 0 10%; flex:0 0 10%; max-width:10%; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.card-body.icons a{ display:block; background:#fff; -webkit-box-shadow:0 10px 30px 0 rgba(0,0,0,0.1); box-shadow:0 10px 30px 0 rgba(0,0,0,0.1); display:block; text-align:center; position:relative;}
.card-body.icons a:before{ content:''; display:block; padding-top:100%;}
.card-body.icons a img{left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); position:absolute;}

.login-bg{ background:#162c4d; position:relative; min-height:100vh;}
.login-bg:before{ content:''; position:absolute; top:0; left:0; right:0; background:#0e2e5d; height:328px; z-index:1;}
.login-box{ background:#fff; border-radius:15px; margin:0 auto; max-width:530px; overflow:hidden; position:relative; z-index:100;}
.shadow-img{ line-height:0; text-align:center; margin:0 auto; max-width:450px;}
.login-box .form-control, .login-box .form-control:focus{ border-top:none; border-left:none; border-right:none; border-bottom:2px solid #cfcfcf; border-radius:0; box-shadow:none; background:none; padding-left:0; padding-right:0;}
.login-box input[type="checkbox"] { display:none;}
.login-box input[type="checkbox"] + label {margin-bottom:0; cursor:pointer;}
.login-box input[type="checkbox"] + label span { position:relative; height:15px; background:#d7d7d7; border-radius:30px; display:block; width:50px;}
.login-box input[type="checkbox"] + label span:before{ background:#fff; height:25px; width:25px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15); box-shadow:0 0 10px 0 rgba(0,0,0,0.15); position:absolute; content:''; left:0; border-radius:50%; pointer-events:none; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.login-box input[type="checkbox"]:checked + label span { background:#c19b0a;}
.login-box input[type="checkbox"]:checked + label span:before{ left:25px;}
.login-box input[type="submit"]{ background:#c19b0a; height:55px; width:195px; border-radius:6px; margin:0 auto; display:block; border:none; cursor:pointer; color:#fff; text-transform:uppercase; font-weight:700;}
.login-box input[type="submit"]:hover{ background:#000; color:#fff;}
.login-box{ color:rgba(0,0,0,0.5)}
.login-box a{ text-decoration:underline; color:rgba(0,0,0,0.5)}
.login-box a:hover{ color:#3b379c; text-decoration:none;}
.lgoin-logo{ padding:30px 30px; text-align:center;}
.lgoin-logo h3{ color:#162c4d; text-transform:uppercase; padding-top:24px;}
.login-box .content{ padding:30px; background:#f7f7f7;}
.login-box .form-control.user{ background-image:url(images/user-icon.png); background-repeat:no-repeat; background-position:right center;}
.login-box .form-control.pass{ background-image:url(images/lock.png); background-repeat:no-repeat; background-position:right center;}
.login-footer{ color:#fff;}

.icon-info .row [class*=col-]{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.icon-info .row [class*=col-] .media{ align-items:center; padding:24px;}
.icon-info .row [class*=col-] .media-body{ margin-left:15px;}
.icon-info .row [class*=col-] + [class*=col-]{ border-left:1px solid #d8d8d8;}
.icon-info .row [class*=col-] .media h3{ margin:0;}

.user .row .col-3{-ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.user .row .col-6{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.user .content{ padding:30px;}
.user .content ul{ margin:0; padding:0; list-style:none;}
.user .content ul li{ float:left; text-align:center; padding:0 10px; width:20%;}
.user .content ul li img{border-radius:50%;}

.sidebar.sidebar-hide{ left:-300px;}
.sidebar.sidebar-hide.active{ left:0;}
.header.header-portal{ background:#fff; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);}
.header.header-portal .logo{ background:#fff;}
/*.header.header-portal .action-items .button, .header.header-portal .dropdown-toggle{ color:#fff;}*/
.header.header-portal .menu-btn { margin-right:24px; /*color:#fff;*/ font-size:24px; padding:0; height:40px; width:40px; border:none; background:none;}
.wrapper-bg{ background:url(images/bg-1.jpg) no-repeat center; background-size:cover;}
.portal-box{ background:#fff; text-align:center;}
.portal-box img{ margin-bottom:16px; height:150px; width:auto;}

html, body {
    width: 100%;
    height: 100%;
}

.all-login-wrap {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.btns-body {
    flex-grow: 1;
}

.all-login-wrap .head, .all-login-wrap .foot {
    flex-shrink: 0;
}

.all-login-wrap{ background:#172b4c; min-height:100vh;}
.all-login-wrap .container{ max-width:1580px;}
.all-login-wrap .head{ background:#fff; border-bottom:6px solid #1a4b90;}
.all-login-wrap .head .logo-icon{ padding:20px 16px; background:#fff; border-radius:0 0 15px 15px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; position:relative; margin-bottom:-30px}
.all-login-wrap .head .logo-text{ margin:0 20px;}
.all-login-wrap .head h4{ color:#c29b0b; border-left:2px solid #c29b0b; padding-left:20px; text-transform:uppercase;}

.btns-body a{ color:#000000; text-align:center; font-weight:700; font-size:30px; text-transform:uppercase;}
.btns-body a .icon{ height:150px; width:150px; line-height:150px; border-radius:50%; margin:0 auto; position:relative; z-index:10; background:#c19b0a;}
.btns-body a .label{ background:#fff; padding:115px 24px 40px; border-radius:15px; margin:-75px 0 0 0; position:relative; z-index:1;}
.btns-body{ padding:7rem 0;}
.all-login-wrap .foot { text-align:center; padding:15px 0; color:#e6e5e5; margin:0; background:none; opacity:0.4;}