@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(/assets/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;}
.login-wrapper{ padding:320px 0 120px 0; position:relative; background:url(/assets/images/login-bbg.jpg) no-repeat center; background-size:cover;}
.login-wrapper .login-form{ background:#fff; position:relative; border-radius:10px; padding:50px;}
.login-wrapper .login-form .man{ position:absolute; bottom:-50px; left:-150px}
.login-wrapper .container{ position:relative; z-index:100;}
.login-wrapper h2{ margin-bottom:24px; color:#444444; text-align:center; font-size:24px;}
.login-wrapper .form-group{ margin-bottom:30px;}
.login-wrapper .form-control{ height:48px; border:none; border-bottom:2px solid #cccccc; border-radius:10px; padding-right:55px; border-radius:0; padding-left:0; color:#bbbbbb;}
.login-wrapper .form-control:focus, .login-wrapper .form-control:active{ background:#fff; border-color:#43cc93; color:#444444; box-shadow:none;}
.login-wrapper .btn{ height:48px; margin-top:24px;}
.login-wrapper ul{ padding-top:24px; margin:0; padding:0; list-style:none; text-align:center;}
.login-wrapper ul li{ display:inline-block; font-size:20px; color:#fff;}
.login-wrapper ul li:after{ content:"|"; float:right; margin:0 6px 0 8px;}
.login-wrapper ul li:last-child:after{ display:none;}
.login-wrapper ul li a{ color:#fff; display:inline-block;}
.login-wrapper ul li:last-child a{ background:url(/assets/images/link-arrow.svg) no-repeat right; background-size:16px; padding-right:24px;}
.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:240px; position:fixed; top:0; bottom:0; left:0; overflow:auto; z-index:200; overflow-x:hidden; background:#464646; -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;}
.sidebar-menu ul li + li{ border-top:1px solid #656565;}
.sidebar-menu ul li a{ display:block; padding:15px 30px; display:block; color:#fff; font-size:17px; line-height:19px;}
.sidebar-menu ul li a:hover, .sidebar-menu ul li.active a{ background:#da2a2e; color:#fff; text-decoration:none;}
.sidebar-menu ul li a img{ margin-right:10px; float:left}

.header{ background:#f5f5f5; position:fixed; top:0; left:0; right:0; z-index:500; padding:0 30px; z-index:210}
.header .logo{ padding:24px 0; position:relative; line-height:0;}
.header .logo:after{ height:3px; width:80px; left:50%; margin-left:-40px; background:#6c34da; position:absolute; bottom:0; content:'';}
.header h5{ color:#fff; margin:0 0 0 24px; padding-left:24px; border-left:1px solid #fff;}
.header .user-info{ font-size:12px; text-align:right; color:#fff;}
.header .user-info h4{ font-size:18px; font-weight:400; margin:0;}
.header .logout{ height:36px; width:36px; line-height:36px; font-size:26px; text-align:center; margin-left:16px; color:#fff;}
.header .menu-open{height:36px; width:36px; background:url(/assets/images/toogle-open.png) no-repeat center; border:none; outline:0; padding:0;}
.sidebar .menu-close{height:36px; width:36px; background:url(/assets/images/close.svg) no-repeat center; border:none; outline:0; padding:0; margin-left:15px; background-size:30px;}
.user{height:36px; width:36px; background:url(/assets/images/user.jpg) no-repeat center; margin-left:auto;}

.wrapper{ padding:120px 40px 40px 40px; margin-left:240px; position:relative; z-index:100; background:#ffffff; min-height:calc(100vh - 80px);}
.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:20px;}
.stats .box{ -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);}
.stats .box .media{ align-items:center; -webkit-align-items:center;}
.stats .box .media{ background:#000000; padding:30px; color:#fff; border-top:6px solid #da2a2e;}
.stats .box .media h2{ font-weight:400; margin-bottom:0; font-size:50px;}
.stats .box .media .icon{margin-left:16px;}
.wrapper .box .form-control, .wrapper .box .form-control:focus{ height:60px; border:1px solid #f3f3f7; border-radius:0; background:#f3f3f7;}
.wrapper .box input[type=submit]{ color:#fff; text-align:center; text-transform:uppercase; height:60px; background:#000000; width:100%; border:none;}
.wrapper .box input[type=submit]:hover{ background:#62199d; color:#fff;}
.wrapper .box [class*=col-] ul{ margin:0; padding:0; list-style:none;}
.wrapper .box [class*=col-] ul li{ background:url(/assets/images/bullet.png) no-repeat left; padding-left:16px; margin-bottom:8px;}
.wrapper .box [class*=col-] ul li:last-child{ margin-bottom:0;}
.footer{ text-align:center; padding:24px; margin-left:240px; 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;}
.collapse-block .btn{ position:relative; font-size:22px; font-weight:700; border-radius:0; text-align:left; padding:12px 24px; display:none;}
.collapse-block .btn[aria-expanded="false"]:after{font-family:'Font Awesome 5 Free'; font-weight:900; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:15px; content:'\f078'; position:absolute;}
.collapse-block .btn[aria-expanded="true"]:after{font-family:'Font Awesome 5 Free'; font-weight:900; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:15px; content:'\f077'; position:absolute;}
.collapse-block .card-body{ margin:0; padding:0; border:none; border-radius:0;}
.collapse-block .collapse:not(.show), .sidebar-menu .collapse{ display:block;}

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:-240px}
.sidebar.sidebar-page.active{ left:0}

.page-menu .navbar-nav .nav-link{ background:#000000; color:#fff; font-weight:500; border-radius:8px;}
.page-menu .navbar-expand-lg .navbar-nav .nav-link, .page-menu .nav-link {padding:10px 20px;}
.page-menu .navbar-nav .nav-link:hover{ background:#612ed5; color:#fff;}
.page-menu .nav-item{ margin:0 2px;}
.page-menu .navbar{ padding:0;}
.page-menu .navbar-toggler{ background:url(/assets/images/toogle-close.png) no-repeat center #000; border-color:#000;}

.title h4{ font-weight:500;}
.title [class*=col-]:last-child{ text-align:right;}
.title [class*=col-] .form-control, .title [class*=col-] .form-control:focus{ font-size:16px; background:url(/assets/images/search.png) no-repeat right #fff;}


.table-content .table {border-collapse:collapse; margin:0; padding:0; width:100%; table-layout:fixed; font-size:14px;}
.table-content .table caption {font-size:1.5em; margin:.5em 0 .75em; }
.table-content .table > tr {padding:0;  overflow-wrap:break-word;
  word-wrap:break-word;}
.table-content .table tr:nth-child(even){ background:#f8f6fe;}
.table-content .table > thead > tr > th, .table-content .table > tbody > tr > td {padding:12px;}
.table-content .table > thead > tr > th { font-weight:400; background:#f8f6fe; border:none;}
.table-content .table > tbody > tr > td:first-child{ font-weight:500;}
.table-content .table > tbody > tr > td{ border-bottom:1px solid #efefef;}
@media screen and (max-width:768px) {
.table-content .table {border:0; }
.table-content .table caption {font-size:1.3em; }
.table-content .table thead {border:none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.table-content .table > tr {border-bottom:1px solid #939393; display:block; margin-bottom:.625em; }
.table-content .table > tbody > tr > td {border-bottom:1px solid #939393; display:block; text-align:right; }
.table-content .table > tbody > tr > td::before {content:attr(aria-label); content:attr(data-label); float:left; font-weight:bold; text-transform:uppercase; }
.table-content .table > tbody > tr > td:last-child {border-bottom:0; }
}
.table-content .table > tbody > tr > td button{ background-color:inherit; border:none; padding:0; height:25px; width:25px;}
.table-content .table > tbody > tr > td button.edit{ background:url(/assets/images/pen.png);}
.table-content .table > tbody > tr > td button.delete{ background:url(/assets/images/trash.png);}
.table-content .table > tbody > tr > td button  + button{ margin-left:15px;}
.table-content .table > tbody > tr > td  .email{white-space:nowrap; width:98%; overflow:hidden; text-overflow:clip; display:block;}