@charset "utf-8";
/* CSS Document */


.sidebar{ width:260px; 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:94px 0 40px 0;}
.sidebar-menu ul{ margin:0; padding:0; list-style:none;}
.sidebar-menu ul li{ display:block; }
.sidebar-menu ul li:last-child{border-top:1px solid rgba(255,255,255,0.1)}
.sidebar-menu ul li a{ display:flex; align-items:center; padding:0 24px; color:#ecf7fd; font-size:15px; font-weight:500; height:50px;}
.sidebar-menu ul li a img{ margin-right:12px; vertical-align:middle}
.sidebar-menu ul li a:hover, .sidebar-menu ul li.active a{ background:#006cb3; color:#ecf7fd; text-decoration:none;}
.sidebar-menu h6{ font-size:11px; text-transform:uppercase; color:#abafb3; padding:30px 24px 15px 24px; font-weight:400; margin-bottom:0;}
.sidebar-menu .d-block{background:#fff; padding:0 16px;}
.sidebar-menu .d-block .logo-img a{ line-height:80px;}
.sidebar-menu .d-block .logo-img img{ height:70px; width:auto;}
.sidebar-menu .d-block .menu-close{ font-size:24px; background:none; border:none; padding:0; margin-left:auto;}

.header{ background:#ffffff; position:fixed; top:0; left:0; right:0; z-index:500; padding:0; z-index:210; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;}
.header .logo{padding:0 0 0 15px;}
.header .logo-img img{ height:74px; width:auto; height:94px; line-height:94px;}
.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 .action-items{ margin-left:auto;}
.header .action-items .button{ height:40px; width:40px; text-align:center; line-height:40px; font-size:22px; color:#aaaaaa; margin-right:15px;}
.header .dropdown-toggle{ padding:0 24px 0 0; margin:0; background:none; position:relative; color:#0e1a35; outline:0; font-weight:600; color:#6a707e; border:none; font-size:16px;}
.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;}

.wrapper{ background:#ecf7fd; position:relative; z-index:10; margin-left:260px; padding:130px 36px 0; min-height:100vh;}
.box-row .box{ background:#006bb3; padding:30px; border-radius:20px; color:#fff;}
.box-row .box h5{ font-weight:600; font-size:18px; margin-bottom:2px;}
.box-row .box h3{ font-size:28px; color:#9ad8f6; font-weight:500;}
.box-row .icon{ width:50px; margin-right:16px;}
.box-row [class*=col-]{ margin-bottom:35px;}

.box-content{ background-color:#fff; border-radius:25px;}
.box-content.p-md-5{ padding:37px !important;}
.box-shadow{box-shadow: rgba(100, 100, 111, 0.05) 0px 7px 29px 0px;}
.box-bg{ background:url(images/box-bg.jpg) no-repeat center; background-size:cover;}
.box-content .title button{ background:url(images/arrow-down.png); height:30px; width:30px; border:none; margin-left:auto; cursor:pointer;}
.box-content h5{ font-size:18px; margin-bottom:0;}
.box-content .title h5 span{ color:#55aade; font-size:14px; margin-left:10px;}
.box-content .title a{ color:#55aade; font-size:14px; margin-left:auto; text-decoration:none; font-weight:500;}
.box-content .tr{ background: url(images/up-arrow.png) no-repeat left; padding-left:65px;}
.box-content .tr h5{ margin:0;}
.box-content .tr h4{ font-size:28px; color:#55aade; font-weight:600;}
.box-content .tr .graphic{ width:90px; margin-left:16px;}

.footer{ padding:35px 16px; font-size:16px;}
.footer ul{ margin:0; padding:0; list-style:none;}

.login-header{ padding:26px 0; text-align:center;}
.login-body{ padding:90px; background-size:cover; background-position:center; background-repeat:no-repeat; border-top:10px solid #019ae1;}
.login-body + .footer{ padding:30px 0;}
.login-body h5{ color:#fff; font-weight:600; text-align:center; text-transform:uppercase;}
.login-body form [class*=mb-] .form-control, .login-body form [class*=mb-] .form-control:focus, .login-body form [class*=mb-] .form-control:active{ border:none; background-position:20px center; background-repeat:no-repeat; height:70px; padding-left:64px; background-color:#fff;}
.login-body form [class*=mb-]:nth-child(1) .form-control{ background-image:url('https://welfareaid.ecnet.dev/assets/images/new/images/user-dark.png')}
.login-body form [class*=mb-]:nth-child(2) .form-control{ background-image:url('https://welfareaid.ecnet.dev/assets/images/new/images/lock.png')}
.login-body form input[type=submit]{ background:#6aa829; color:#fff; font-weight:700; border-radius:8px; border:none; margin:0 auto; display:block; width:194px; height:57px; font-size:21px; text-transform:uppercase;}
.login-body form a{ display:block; color:#fff; font-weight:600; text-decoration:underline; text-align:center;}
@media (min-width:576px) {
}

@media (min-width:768px) {
.box-row .box{ padding:30px;}
.login-footer{ font-size:17px;}
.login-footer ul, .footer ul{ display:flex; justify-content:center; align-items:center;}
.login-footer ul li + li:before, .footer ul li + li:before{ content:"|"; float:left; margin:0 10px;}
}

@media(min-width:992px){
.login-content .content{ padding:60px;}	
.login-header{ padding-left:50px; padding-right:50px;}
}