@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:#ffffff; -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 a{ display:block; padding:15px 24px; display:block; color:#6a707e; border-left:5px solid #fff;}
.sidebar-menu ul li a i{ margin-right:6px;}
.sidebar-menu ul li a:hover, .sidebar-menu ul li.active a{ background:#ecf7fc; color:#6a707e; text-decoration:none; border-left:5px solid #42b1e1;}
.sidebar-menu ul li a:hover i{ color:#42b1e1;}
.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{ background:#f3f6f9; width:300px; padding: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:30px;}
.header .search .form-control{ background:url(./../images/search.png) no-repeat 15px #f3f3f3; border:none; 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:#aaaaaa;}
.header .dropdown-toggle{ padding:0 24px 0 0; margin:0; background:none; position:relative; color:#6a707e; outline:0;}
.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;}

.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}

.table-content .table {border-collapse:collapse; margin:0; padding:0; width:100% !important; table-layout:fixed; font-size:14px; background:#fff;}
.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 > thead > tr > th, .table-content .table > tbody > tr > td {padding:12px;}
.table-content .table > thead > tr > th { font-weight:600; background:#e6e9ec; border:none;}
.table-content .table > tbody > tr > td{vertical-align:middle; border:none;}
.table-content .table > tbody > tr{ background:#fff; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease;transition:all 0.3s ease;}
.table-content .table > tbody > tr:hover{-webkit-transform:-webkit-scale(1.015) -webkit-rotate(0); transform:scale(1.015) rotate(0); -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);} 
@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; }
.page-title h1{font-size: 20px;}
.page-title .btn{font-size: 11px;}
}
.table-content .table > tbody > tr > td ul{ margin:0; padding:0; list-style:none; text-align:right;}
.table-content .table > tbody > tr > td ul li{ display:inline-block; font-size:16px;}
.table-content .table > tbody > tr > td ul li + li{ margin-left:15px;}

.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:url(./../images/bg.jpg) no-repeat center; background-size:cover; min-height:100vh;}
/*.login-box{ background:#fff; border-radius:15px; margin:0 auto; max-width:450px; overflow:hidden;}*/
.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:#41b0e0;}
.login-box  input[type="checkbox"]:checked + label span:before{ left:25px;}
.login-box  input[type="submit"]{ background:#41b0e0; 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:#666c6c; 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 0; text-align:center;}
.login-box .content{ padding:30px;}
.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;}
*/

.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;}

/* datatable custom  */
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
}
/* datatable custom  */


span.asterisk-sign {
    color: red;
}

label.error {
    color: red;
}

ul.accordion li a.activAcc:before {
    /*content: "\f077";*/
    content: "\276E";
    
}

ul.accordion li a.toggle:before {
    position: absolute;
    /*content: "\f078";*/
    content: "\276F";
    font-family: 'Font Awesome 5 Free';
    font-size: 16px;
    /*top: 12px;*/
    right: 12px;
    color: #42b1e1;
     -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.accordion .inner{margin-left: 20px;}
.lableTitle{font-weight: 500;}
.lableTitle1{font-weight: bold;}

.desk-menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 0px 0px 30px;
}
.sidebar.adminBar, .sidebar.adminBar ~ .header .logo {
    width: 100px;
    transition: all .4s ease-in-out;
}
.sidebar.adminBar .sidebar-menu ul li a .menuText {
    margin-left: -100vw;
    transition: all .4s ease-in-out;
}
.sidebar.adminBar .sidebar-menu ul li ul {
    margin-left: 8px;
}
.sidebar.adminBar ~ .wrapper {
    transition: all .4s ease-in-out;
    margin-left: 100px;
}
.sidebar.adminBar.view-icon-text, 
.sidebar.adminBar.view-icon-text ~ .header .logo {
    width: 300px;
}
.sidebar.adminBar.view-icon-text .sidebar-menu ul li a .menuText {
    margin-left: 0;
}
.sidebar.adminBar.view-icon-text .sidebar-menu ul li ul {
    margin-left: 20px;
}
.sidebar.adminBar.view-icon-text ~ .wrapper {
    margin-left: 300px;
}
.dataTables_length, .dataTables_filter{display:none}
#userList {position: relative;}
#userList .list-unstyled{background-color: #eee;    position: absolute;    display: inline-block;    width: 100%;}
#userList .list-unstyled li{padding: 12px;}
.photo-content{
    background: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 15%);
    padding: 15px;
    margin-bottom: 15px;
}
.photo-box .full-img{
    position: relative;
    padding-bottom: 56.2%;
}
.photo-box .full-img img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.thumbnail-class{
    height: 100%;
}
.thumbnail-div{
    height: 100%;
}

.user .row .col-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 80%;
    max-width: 80%;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.user .col-9 .content ul li {
    float: left;
    text-align: center;
    padding: 0 10px;
    width: 15%;
}
.iv_wrap{
    position: relative;
    width: 100%;
}
.iv_wrap .img_wrap{
    position: relative;
    padding-bottom: 56.2%;
}
.iv_wrap .img_wrap img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.iv_wrap .iv_delete{
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    padding: 0;
    font-size: 11px;
}

.check_design{
    display: flex;
    align-items: center;
}
.check_point{
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}
.ctm_check .check_point{
    border: 1px solid #42b1e1;
}
.ctm_check .check_squre{
    display: inline-block;
    width: 17px;
    height: 17px;
}
.ctm_unchecked .check_point{
    border: 1px solid #666;
}
.ctm_unchecked .check_squre{
    background: transparent;
}
.ctm_check .check_squre{
    background-color: #42b1e1;
}
.check_text{
    width: calc(100% - 23px);
    padding-left: 10px;
}
.user .content { padding: 15px;}
.col-3{border-right: 1px solid #d8d8d8;}
.sq-radio{position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sq-radio input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;width:25px;height:25px;border-radius:5px;background-color:#42b1e1}
.sq-radio:hover input ~ .checkmark{background-color:#42b1e1}
.checkmark:after{content:"";position:absolute;display:none}
.sq-radio input:checked ~ .checkmark:after{display:block}
.sq-radio .checkmark:after{top:6px;left:6px;width:13px;height:13px;border-radius:2px;background-color:#fff}
.table td{/*padding: 5px 12px !important;*/vertical-align: middle;}
.checkbox-button{cursor:pointer}
input[type=checkbox]{box-sizing:border-box;padding:0}
input{font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid rgba(0,0,0,.15);border-radius:0;outline:0;background-color:transparent}
.checkbox-button__input{opacity:0;position:absolute}
.checkbox-button__control{position:relative;display:inline-block;width:30px;height:30px;vertical-align:middle;background-color:inherit;color:#017b5f;border:2px solid #666}
.checkbox-button__input:checked+.checkbox-button__control:after{content:"";display:block;position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:#42b1e1}
.checkbox-button__input:checked+.checkbox-button__control{border-color:#42b1e1}
.checkbox-button__control{transform:scale(0.75)}
.notificatin_dropdown{
    display: flex;
    align-items: center;
}
.notificatin_dropdown .dropdown-menu{
    top: 100% !important;
    transform: unset !important;
    left: unset !important;
    right: 0 !important;
    margin-top: 10px;
    min-width: 400px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.05);
    padding: 0 !important;
}
.notify_list{
    max-height: 400px;
    overflow-y: auto;
}
/* width */
.notify_list::-webkit-scrollbar {
    width: 6px;
  }
  
/* Track */
.notify_list::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.notify_list::-webkit-scrollbar-thumb {
    background: rgba(170, 170, 170, 0.6);
    border-radius: 10px;

}
  
.nd_title{
    padding: 5px 8px;
    background: #fff;
    border-bottom: 1px solid rgba(221, 230, 233, 0.48);
    color: #444;
}
.nd_title span{
    font-size: 13px;
}
.nd_title span a{
    color: #42b1e1;
}
.fr{
    float: right;
}
.nd_title .dot {
    padding: 0 3px;
}
a.nlist_item{
    color: #555;
    font-size: 13px;
    position: relative;
    display: flex;
    padding: 10px 15px;
    border: 1px solid rgba(221, 221, 221, 0.41) !important;
    transition: all 0.5s;
}
a.nlist_item:hover{
    background-color: #edeff5 !important;
}
.unread-notification {
    background-color: #edeff5 !important;
}
.nu_img{
    width: 30px;
    height: 30px;
    
}
.text-off {
    opacity: 0.6;
}
.nu_img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.nc_heading{
    padding: 0 0 5px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.nDate{
    font-size: 11px;
}
.nu_content{
    padding-left: 10px;
    width: calc(100% - 30px);
}
.nf_content p{
    margin-bottom: 8px;
}
.nf_content p:last-child{
    margin-bottom: 0;
}

.notify_footer{
    background-color: #f2f4f6;
    border-top: 1px solid #fff;
    padding: 10px 15px;
    text-align: center;
}
.notify_footer a{
    color: #42b1e1;
    display: inline-block;
    font-size: 13px;
}
.notificationCounter {
  position: absolute;
  font-size: xx-small !important;
  margin-left: -5px;
  margin-top: -10px;
  background-color: var(--orange);
  color: white;
}
.user .content { padding: 15px;}
.col-3{border-right: 1px solid #d8d8d8;}
.sq-radio{position:relative;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sq-radio input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;width:25px;height:25px;border-radius:5px;background-color:#42b1e1}
.sq-radio:hover input ~ .checkmark{background-color:#42b1e1}
.checkmark:after{content:"";position:absolute;display:none}
.sq-radio input:checked ~ .checkmark:after{display:block}
.sq-radio .checkmark:after{top:6px;left:6px;width:13px;height:13px;border-radius:2px;background-color:#fff}
.table td{vertical-align: middle;}
.checkbox-button{cursor:pointer}
input[type=checkbox]{box-sizing:border-box;padding:0}
input{font-size:1rem;line-height:1.5;padding:11px 23px;border:1px solid rgba(0,0,0,.15);border-radius:0;outline:0;background-color:transparent}
.checkbox-button__input{opacity:0;position:absolute}
.checkbox-button__control{position:relative;display:inline-block;width:55px;height:55px;vertical-align:middle;background-color:inherit;color:#017b5f;border:2px solid #666}
.checkbox-button__input:checked+.checkbox-button__control:after{content:"";display:block;position:absolute;top:3px;left:3px;width:45px;height:45px;background-color:#42b1e1}
.checkbox-button__input:checked+.checkbox-button__control{border-color:#42b1e1}


.btn-primary {
    color: #fff !important;
    background-color: #42b1e1 !important;
    border-color: #42b1e1 !important;
}
.btn-primary:is(:hover, :active, :focus) {
    background-color: #008edb !important;
    border-color: #008edb !important;
}
.btn-warning {
    color: #fff !important;
}
.header .search .form-control {
    background-color: #f3f3f3 !important;
}

.login-wrapper{ background:url(./../images/bg.jpg) no-repeat center; background-size:cover; position:relative; min-height:100vh;}

.login-wrapper .login-box{ max-width:528px; padding:80px 24px; margin:0 auto; position:relative; z-index:2;}
.login-wrapper .login-box .logo{ line-height:1; margin-bottom:20px; text-align:center;}

.login-wrapper .login-box .form-box{ padding:40px 50px; background:#fff; border-radius:12px;}
.login-wrapper .login-box .form-box h4{ text-align:center;}
.login-wrapper .login-box .form-box .form-control{ border:none; border-bottom:2px solid #bbbbbb; box-shadow:none; border-radius:0; padding:12px 0; background:none; /*font-size:20px;*/}
.login-wrapper .login-box .form-box .form-control:focus{ border-bottom:2px solid #0fabdc; box-shadow:none; background:none;}
.login-wrapper .login-box .form-box .form-control::-moz-placeholder {color:#bbbbbb; opacity:1; }
.login-wrapper .login-box .form-box .form-control::placeholder { color:#bbbbbb; opacity:1; }
.login-wrapper .login-box .form-box .d-flex p{ /*font-size:20px;*/ margin:0; color:#000;}
.login-wrapper .login-box .form-box .d-flex input[type="checkbox"] { display:none;}
.login-wrapper .login-box .form-box .d-flex input[type="checkbox"] + label {cursor:pointer; margin-left:auto; height:16px; width:44px; position:relative; margin-bottom:0; border-radius:40px; background:#d8d8d8;}
.login-wrapper .login-box .form-box .d-flex input[type="checkbox"] + label span {border-radius:50%; height:28px; width:28px; top:50%; margin-top:-14px; left:0; background:#fff; position:absolute; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.1); box-shadow:0 0 6px 0 rgba(0,0,0,0.1);}
.login-wrapper .login-box .form-box .d-flex input[type="checkbox"]:checked + label{ background:#0fabdc;}
.login-wrapper .login-box .form-box .d-flex input[type="checkbox"]:checked + label span { left:16px;}
.login-wrapper .login-box .form-box input[type="submit"]{ height:57px; width:235px; background:#41afe0; border-radius:50px; display:block; margin:0 auto; border:none; color:#fff; font-size:18px; font-weight:700; cursor:pointer;}
.login-wrapper .login-box .form-box input[type="submit"]:hover{background:#666c6c; color:#fff;}
.login-wrapper .login-box .form-box .text-center, .login-wrapper .login-box .form-box .text-center a{ color:rgba(0,0,0,0.5);}
.login-wrapper .login-box .form-box .text-center a:hover{ color:rgba(0,0,0,1);}
.login-wrapper .login-box .shadow-img{ line-height:0;}
.login-wrapper .login-box .footer-text{ color:#7e7d7d; font-size:14px; text-align:center;}

.wBg{
    /* background-color: #ffffff; */
}
.fsection{
    margin-top: 25px;
}
.fmain .fsection:first-child{
    margin-top: 0;
}
.fs_head{
    border-bottom: 1px solid #9a9ca1;
    padding: 15px 0;
}
.fs_head h5{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}
.fs_list1{
    padding:15px 0;
    display: flex;
    border-bottom: 1px solid #cfd1d6;
}
.aCenter{
    align-items: center;
}
.fsl_left{
    width: 170px;
}
.fsl_right{
    width: calc(100% - 170px);
}
.fs_label{
    display: block;
    font-size: 14px;
}
.fs_text{
    font-size: 14px;
}
.fs_select select{
    width: auto;
    cursor: pointer;
}

.fs_datepicker input[type="date"]{
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    border-radius: 0.25rem;
}

.fs_des_content{
    padding:15px 0;
    border-top: 1px solid #cfd1d6;
    border-bottom: 1px solid #cfd1d6;
}

.fs_check_input{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fs_input_edit{
    width: calc(100% - 70px);
}
.full_width{
    width: 100%;
}
.fs_input_edit input[type="text"]{
    width: 100%;
}
.fs_table_content table{
    width: 100%;
    border: 1px solid #cfd1d6;
}
.fs_table_content table thead tr th{
    font-size: 14px;
    font-weight: 300;
}
.fs_table_content table thead tr th sup{
    color: red;
}
.fs_table_content  table thead tr th,
.fs_table_content  table tbody tr td {
    border: 1px solid #cfd1d6;
    border-left: unset;
    border-right: unset;
    padding: 10px;
    font-size: 14px;
}
/* .fs_table_content  table tbody tr td:first-child{
    width: 150px;
} */
.td_150{
    width: 150px;
}
.tbl_action{
    text-align: center;
}
.tbl_action a{
    color: red;
    display: inline-block;
    font-size: 14px;
}

.tbl_inp input[type="text"]{
    width: 100%;
}
.tbl_inp input[type="number"]{
    width: 100%;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 0.25rem;
    padding: 0.85rem 0.75rem;
    /* -moz-appearance: textfield; */
}
.tbl_inp input[type="number"]{}

/* .tbl_inp input[type="number"]::-webkit-outer-spin-button,
.tbl_inp input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} */
.inp_120{
    width: 120px;
}
.add_entery_btn button{
    display: inline-block;
    background: transparent;
    padding: 0 ;
    font-size: 15px;
    color: #42b1e1;
}
.hb_none{
    border-bottom: none;
}
.tbl_timepicker input[type="time"]{
    border-radius: 0.25rem;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
    border-radius: 0.25rem;
}

.fs_browse{
    position: relative;
}
.fs_browse label{
    display: inline-block;
    background: transparent;
    padding: 0 ;
    font-size: 15px;
    color: #42b1e1;
    margin: 0;
    cursor: pointer;
}
.fs_browse input[type="file"]{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: -1;
}


.updte_btns{
    display: flex;
    justify-content: flex-end;
}
.blue_select{
    display: inline-block;
    width: auto;
    padding: 0.7rem 1.25rem;
    font-size: 14px;
    background-color: #42b1e1;
    color: #fff;
    cursor: pointer;
}
.blue_select:focus{
    background-color: #42b1e1;
    color: #fff;
}

.fs_input_date_time input[type="datetime-local"]{
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}
.fs_input_date input[type="date"]{
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
}

.fs_multi_select{

}
.fs_multi_select .bootstrap-select{
    width: 100% !important;
}

.w4060 .fsl_left{
    width: 40%;
}
.w4060 .fsl_right{
    width: 60%;
}

.fs_table_content table.timesheet_tbl thead tr th, 
.fs_table_content table.timesheet_tbl tbody tr td{
    white-space: nowrap;
}
table.timesheet_tbl .tbl_inp input[type="number"]{
    padding: 11px 11px;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    -moz-appearance: textfield;
}
table.timesheet_tbl .tbl_inp input[type="number"]::-webkit-outer-spin-button,
table.timesheet_tbl .tbl_inp input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
table.timesheet_tbl .tbl_timepicker input[type="time"]{
    padding: 11px 11px;
}
.inp100{
    min-width: 100px;
}
.inp150{
    min-width:150px
}
.inp200{
    min-width: 200px;
}



@media screen and (max-width:767px) {
    .fs_input_edit {
        width: calc(100% - 30px);
    }
    .fs_list1{
        flex-wrap: wrap;
    }
    .fsl_left {
        width: 100%;
    }
    .fsl_right {
        width: 100%;
    }
    .fs_label{
        margin-bottom: 8px;
    }
    .fs_select select{
        width: 100%;
    }
    .fs_input_edit {
        width: 100%;
    }
    .fs_input_date_time input[type="datetime-local"]{
        width: 100%;
    }
    .fs_datepicker input[type="date"]{
        width: 100%;
    }
    .fs_input_date input[type="date"]{
        width: 100%;
    }
    .w4060 .fsl_left {
        width: 100%;
    }
    .w4060 .fsl_right {
        width: 100%;
    }
    .tbl_inp input[type="text"]{
        min-width: 150px;
    }
    .tbl_inp input[type="number"]{
        min-width: 150px;
    }
    .td_150{
        width: unset;
    }
    .inp_120 {
        width: 100%;
    }
    .updte_btns{
        justify-content: center;
    }
}