@charset "utf-8";
/* CSS Document */
.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%; }

.login-bg{ background:url(/alectron/assets/images/bg.jpg) no-repeat center; background-size:cover; min-height:100vh;}
.login-box{ background:#fff; padding:55px; border-radius:15px; margin:0 auto; max-width:530px;}
.shadow-img{ line-height:0; text-align:center;}
.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:#fbad18;}
.login-box  input[type="checkbox"]:checked + label span:before{ left:25px;}
.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:#fbad18; text-decoration:none;}

.header{ background:#fff; position:fixed; top:0; left:250px; right:0; z-index:500; padding:15px 35px; z-index:210}
.logo img{ width:86px;}
.header ul{ margin-left:auto; margin-bottom:0; padding:0; list-style:none;}
.header ul li{ float:left;}
.header-search { width:100%; max-width:25%;}
.header-search .form-control, .header-search .form-control:focus{ background:url(/alectron/assets/images/search.png) no-repeat right 15px center; padding-right:32px;}


#page{ padding-top:88px;}
.dashboard-wrapper{ padding:40px;}
.dashboard-wrapper .content{ background:#fff; padding:40px; -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.05); box-shadow:0 0 20px 0 rgba(0,0,0,0.05);}
.dashboard-wrapper .content .title .form-group{ margin-bottom:0;}
.dashboard-wrapper .content .title .form-group + .form-group{ margin-left:10px;}
.dashboard-wrapper .content .title .form-control, .dashboard-wrapper .content .title .form-control:focus{ border-radius:30px; height:30px; padding:0 8px; width:140px; font-size:14px; background:#f3f3f7; box-shadow:none;}
.quick-access .row{ margin-left:-8px; margin-right:-8px;}
.quick-access .row [class*=col-]{ margin-top:16px; padding-left:8px; padding-right:8px; -ms-flex:0 0 20%; flex:0 0 20%; max-width:20%;}
.quick-access .row [class*=col-] .btn{ text-align:left; position:relative;}
.quick-access .row [class*=col-] .btn:after{top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px; content:'\f105'; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute;}
.footer{ background:#fff; padding:20px; text-align:center;}

.sidebar{ background:#fff; width:250px; position:fixed; z-index:211; padding-top:0; top:0; left:0; bottom:0;  font-size:16px; -moz-transition:all 0.5s ease;  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; overflow:auto; overflow-x:hidden; -webkit-box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1); box-shadow: 10px 0 10px 0 rgba(0,0,0,0.1);}
.sidebar .main-menu{ margin:0; padding:0; list-style:none;}
.sidebar .main-menu > li{ /*-bottom:1px solid rgba(255,255,255,0.2);*/}
.sidebar .main-menu > li:last-child{ border-bottom:none;}
.sidebar .main-menu > li > a{color:#676e8a; padding:10px 15px; display:block; position:relative}
.sidebar .main-menu > li > a:hover {color:#676e8a; background:#fff; text-decoration:none;}
.sidebar .main-menu > li > a.parent:after{ content:''; right:20px; background:url(/alectron/assets/images/drop-icon.jpg); height:22px; width:22px; position:absolute; top:50%; margin-top:-11px;}
.sidebar .main-menu li:hover > a,.sidebar .main-menu li.current-menu-item > a, .sidebar .main-menu li.current-menu-parent > a{color:#676e8a; background:#fff;}
.sidebar .main-menu ul{ margin:0; padding:0 0 0 55px; list-style:none; background:#fff;}
/*.sidebar .main-menu ul li{border-bottom:1px solid rgba(255,255,255,0.2);}*/
.sidebar .main-menu ul li:last-child{ border:none;}
.sidebar .main-menu ul li a{ padding:6px 0; color:#676e8a; display:block;}
.sidebar .main-menu ul li a:hover{ color:#676e8a; text-decoration:none; }

.lgoin-logo img{ width:135px}
.body-wrapper{ min-height:calc(100vh - 155px); margin-left:240px; padding:40px;}
.footer.footer-inner{ margin-left:250px;}
.footer.footer-inner .footmenu{ margin-left:auto;}
.footer.footer-inner .footmenu ul{ margin:0 0 0 auto; padding:0; list-style:none;}
.footer.footer-inner .footmenu ul li{ display:inline-block;}
.footer.footer-inner .footmenu ul li + li{ margin-left:16px;}
.table-list button{ padding:0; border:none; background:none;}
.table-list a{ color:#333079; text-decoration:underline;}
.table-list{ font-size:15px;}
.table-list .table > thead > tr > th{ border:none; background:#e9e9ee;}
.table-list .table > tbody > tr > td{ vertical-align:middle; background:#fff;}
.table-list .media{ align-items:center;}
.menu-btn{ height:36px; width:36px; padding:0; border:none; background:url(/alectron/assets/images/menu.png) no-repeat center; background-size:26px;}
.menu-btn.active{ background:url(/alectron/assets/images/cancel.png) no-repeat center; background-size:26px;}
.sidebar .menu-btn{ height:36px; width:36px; padding:0; border:none; background:url(/alectron/assets/images/cancel.png) no-repeat center; background-size:26px; margin-left:auto; margin-right:16px;}
.action-btn{ margin:0; padding:0; list-style:none; min-width:160px;}
.action-btn li{ float:left;}
.action-btn li + li{ margin-left:8px;}
.action-btn li a{ display:block; color:#fff; text-align:center; border-radius:8px; height:34px; width:34px; line-height:34px;}
.action-btn li:nth-child(1) a{ background:#7ee2ff;}
.action-btn li:nth-child(2) a{ background:#78c091;}
.action-btn li:nth-child(3) a{ background:#ff9770;}
.body-wrapper .card-header .form-control{ background:#f4f5fa; border:none; width:120px;}