/*---------------------Fonts----------------------------*/

@font-face {
    font-family: 'Helvetica';
    src: url('webfonts/Helvetica-Light.eot');
    src: url('webfonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Helvetica-Light.woff2') format('woff2'),
        url('webfonts/Helvetica-Light.woff') format('woff'),
        url('webfonts/Helvetica-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('webfonts/Helvetica-Bold.eot');
    src: url('webfonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Helvetica-Bold.woff2') format('woff2'),
        url('webfonts/Helvetica-Bold.woff') format('woff'),
        url('webfonts/Helvetica-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica';
    src: url('webfonts/Helvetica.eot');
    src: url('webfonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Helvetica.woff2') format('woff2'),
        url('webfonts/Helvetica.woff') format('woff'),
        url('webfonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Krylon';
    src: url('webfonts/Krylon-Regular.eot');
    src: url('webfonts/Krylon-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/Krylon-Regular.woff2') format('woff2'),
        url('webfonts/Krylon-Regular.woff') format('woff'),
        url('webfonts/Krylon-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('webfonts/HelveticaNeue-Medium.eot');
    src: url('webfontss/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('webfontss/HelveticaNeue-Medium.woff2') format('woff2'),
        url('webfonts/HelveticaNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('webfonts/HelveticaNeue-Bold.eot');
    src: url('webfonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('webfonts/HelveticaNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('webfonts/HelveticaNeue-Light.eot');
    src: url('webfonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('webfonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('webfonts/HelveticaNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('webfonts/HelveticaNeue.eot');
    src: url('webfonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('webfonts/HelveticaNeue.woff2') format('woff2'),
        url('webfonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/*---------------------Common------------------------------*/

html, body {
    height: 100%;
    font-family: 'Helvetica';
    font-weight: normal;
    background: #F5F5F5;
    font-size: 13px;
}
.h1, h1 {
    font-family: 'Krylon';
    font-weight: normal;
}
 .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6 h6 {
    font-family: 'Helvetica';
    font-weight: normal;
}
a {
    color: #5A4FF3;
    text-decoration: none;
}
a:hover{
    color:#4c42db;
    text-decoration: none;
}
.mg-t-0 { 
    margin-top: 0 !important; 
}
.btn { font-size: 13px !important; }
.form-control { 
    background-color: #fffaf5;
    background-image: none;
    border: 1px solid #f7d6bd;
    border-radius: 5px;
    padding: 6px 10px;
    width: 100%;
    height: 40px;
    font-size: 13px;
}

.material-symbols-outlined {
    font-size: 22px;
}

.required {
    color: #e74c3c;
    font-size: 14px;
}

.form-group textarea {
    background-color: #fffaf5;
    background-image: none;
    border: 1px solid #f7d6bd;
    border-radius: 5px;
    padding: 6px 15px;
    width: 100%;
    resize: none;

}
.form-control:focus,.form-group textarea:focus,.data-custon-pick .form-control:focus {
    border-color: #D86D2F;
    outline: 0;
    box-shadow: none;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, 
.btn-primary.disabled:hover, .btn-primary[disabled].focus, 
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary.focus, fieldset[disabled] 
.btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    border-color: #f37d26 !important;
    outline: none !important;
}
.btn-save {
    color: #fff;
    background-color: #d86d2f;
    border-color: #d86d2f;
    padding: 7px 15px;
}
.btn-save:hover,.btn-save:focus,.btn-save:active {
    color: #fff;
    background-color: #c95c1d;
    border-color: #c95c1d;
}
.btn-primary.focus, .btn-primary:focus {
    border-color: #f37d26 !important;
    outline: none !important;
}
.main-content {
    width: 100%;
    float: left;
    padding-top: 60px;
}
.btn-purple {
    color: #fff;
    background-color: #5A4FF3;
    border-color: #5A4FF3;
}
.btn-purple:hover,.btn-purple:focus,
.btn-purple:active {
    color: #fff;
    background-color: #4c42db;
    border-color: #4c42db;
}
.btn.active.focus, .btn.active:focus, .btn.focus, 
.btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: 0px;
}

.mCS-light-1.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
    background-color: #d86d2f;
}

.btn-border-purple {
    background: transparent;
    border: 1px solid #5A4FF3;
    color: #5A4FF3;
    padding: 7px 15px;
}
.btn-border-purple:hover,.btn-border-purple:focus {
    background: #5A4FF3;
    color:#fff;
}
.btn-border-delete {
    background: transparent;
    border: 1px solid #EB0505;
    color: #EB0505;
    padding: 7px 10px;
}
.btn-border-delete:hover,.btn-border-delete:focus {
    background: #EB0505;
    color:#fff;
}
.status_active { background: transparent; color: #047609; font-size: 13px; font-weight: normal; padding: 0;}
.status_inactive { background: transparent; color: #c3b122; font-size: 13px; font-weight: normal; padding: 0;}

 input[type=radio] {
    appearance: none;
    padding: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #168524;
    border-radius:50%;
    position: relative;
    top: 3px;
    margin-right: 2px;
}
input[type=radio]:checked {
    background: url(img/green1.png) #168524 no-repeat;
    background-position: -116px 0px;
}
input[type=checkbox] {
    appearance: none;
    padding: 0;
    height: 17px;
    width: 17px;
    background-color: #fff;
    border: 1px solid #168524;
    position: relative;
    top: 3px;
    border-radius: 3px;
    margin-right: 2px;
}
input[type=checkbox]:checked {
    background: url(img/green1.png) #168524 no-repeat;
    background-position: -33px 0px;
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus  {
    outline: none;
    outline-offset:0; 
}

/*---------------------Sidebar------------------------------*/

#sidebar {
    width: 180px;
    min-width: 180px;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px #dddddd;
}
.message-menu .mCSB_outside+.mCSB_scrollTools, .notification-menu .mCSB_outside+.mCSB_scrollTools, .left-custom-menu-adp-wrap .mCSB_outside+.mCSB_scrollTools { width: 5px;}
#sidebar .sidebar-header {border-bottom:1px solid #e9e9e9;  padding: 15px 0px 15px 0px; margin-bottom: 10px; position: relative;}
.all-content-wrapper { margin-left: 180px;}
.sidebar-nav .metismenu > li.active {background: #D86D2F;}
.sidebar-nav .metismenu > li.active a{color: #fff;}
.sidebar-nav .metismenu a { font-size: 13px; font-weight: 400; letter-spacing: 0.5px;color: #000;}
.sidebar-nav .metismenu li .icon-wrap { color: #ffffff;}
.sidebar-nav .metismenu a:hover, .sidebar-nav .metismenu a:focus, .sidebar-nav .metismenu a:active { color: #fff; background: #D86D2F;}
.metismenu .has-arrow:after { -webkit-transform: rotate(134deg) translateY(-50%);  transform: rotate(134deg) translateY(-50%);}

.sidebar-nav .metismenu ul.submenu-angle li{margin-top:0px;border-bottom: 1px solid #ededed;} 
.sidebar-nav .metismenu ul.submenu-angle li { position: relative;}
.sidebar-nav .metismenu ul.submenu-angle li:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    position: absolute;
    left: 18px;
    top: 15px;
    border-radius: 10px;
}
.sidebar-nav .metismenu ul.submenu-angle li:hover::before,
.sidebar-nav .metismenu ul.submenu-angle li:focus::before,
.sidebar-nav .metismenu ul.submenu-angle li:active::before,
.sidebar-nav .metismenu ul.submenu-angle li.active::before {background: #D86D2F;border: 1px solid #D86D2F;}

.sidebar-nav .metismenu ul.submenu-angle li a:hover,
.sidebar-nav .metismenu ul.submenu-angle li a:focus,
.sidebar-nav .metismenu ul.submenu-angle li a:active,
.sidebar-nav .metismenu ul.submenu-angle li.active {color: #D86D2F; background: transparent;}


.sidebar-nav .icon-img { position: absolute; left: 15px;background: url(img/menu_icons.png); width: 20px; height: 204px;}
.sidebar-nav .menu-text { float: left;  padding-left: 25px;}
.sidebar-nav .dashboard { width: 14px;  height: 14px; top: 15px;background-position: 0px -15px;}
.sidebar-nav .masterdata { width: 14px;  height: 16px; top: 13px; background-position: 0px 157px;}
.sidebar-nav .users {width: 18px;  height: 16px; top: 14px; background-position: 0px 123px;}
.sidebar-nav .consultations {width: 17px;  height: 17px;  top:12px;background-position: 0px 88px;}
.sidebar-nav .courses {width: 13px;  height: 17px; top: 13px; background-position: 0px 52px;}
.sidebar-nav .setting {width: 15px;  height: 16px; top: 13px;background-position: 0px 17px;}

.sidebar-nav .metismenu a:hover .dashboard,.sidebar-nav .metismenu a:focus .dashboard,
.sidebar-nav .metismenu a:active .dashboard,.sidebar-nav .metismenu > li.active .dashboard  { background-position: 0px 0px;}
.sidebar-nav .metismenu a:hover .masterdata,.sidebar-nav .metismenu a:focus .masterdata,
.sidebar-nav .metismenu a:active .masterdata,.sidebar-nav .metismenu > li.active .masterdata  { background-position: 0px 174px;}
.sidebar-nav .metismenu a:hover .users,.sidebar-nav .metismenu a:focus .users,
.sidebar-nav .metismenu a:active .users,.sidebar-nav .metismenu > li.active .users  { background-position: 0px 140px;}
.sidebar-nav .metismenu a:hover .consultations,.sidebar-nav .metismenu a:focus .consultations,
.sidebar-nav .metismenu a:active .consultations,.sidebar-nav .metismenu > li.active .consultations  { background-position: 0px 106px;}
.sidebar-nav .metismenu a:hover .courses,.sidebar-nav .metismenu a:focus .courses,
.sidebar-nav .metismenu a:active .courses,.sidebar-nav .metismenu > li.active .courses  { background-position: 0px 70px;}
.sidebar-nav .metismenu a:hover .setting,.sidebar-nav .metismenu a:focus .setting,
.sidebar-nav .metismenu a:active .setting,.sidebar-nav .metismenu > li.active .setting  { background-position: 0px 33px;}

#sidebar.active .metismenu li .menu-text { display: none;}
.sidebar-nav .metismenu ul.submenu-angle li.active a { color: #D86D2F;}

.sidebar-nav .metismenu li ul.submenu-angle li a {
    color: #000;
    padding: 10px 15px 10px 34px;
}
/*---------------------Header Topbar------------------------------*/

.header-top-area { background: #ffffff; left: 180px; box-shadow: 0px 0px 5px 3px #cccccc6b;}
.header-right-info ul.header-right-menu > li > a { color: #5A4FF3;}
.indicator-nt { background: #D86D2F;}
.header-right-info ul.header-right-menu li .author-log { right: 0; left: auto;}
.header-top-wraper h1 { font-size: 16px; margin: 0; color: #000; font-weight: 600;letter-spacing: 1px; line-height: inherit; padding: 10px 0px;}
.header-right-info ul.header-right-menu li.open > a {color: #5A4FF3;}
.header-right-info ul.header-right-menu li .notification-author {  left: auto; right: 0;}
 ul.notification-menu li .notification-icon { width: 30px; height: 30px; line-height: 30px; font-size: 10px; border-radius: 50%;  margin: 5px 5px 5px 0px;}
 ul.notification-menu li .notification-content h2 { font-size: 14px; font-weight: 500; font-family: 'Helvetica Neue'; margin-bottom: 5px;}
.header-right-info ul.notification-menu li { display: block; width: 100%; border-bottom: 1px solid #ece6e6;}
.header-right-info ul.header-right-menu li ul.notification-menu li a { margin: 12px 20px;}
ul.notification-menu li .notification-content p { font-size: 12px; line-height: 18px;}

#sidebar .sidebar-header img { height: 30px;}

.header-right-info .profile-switch { display: block; margin-left: 10px;}
.header-right-info .profile-switch a { background: #d86d2f; color: #fff; padding: 6px 10px; border: none; font-size: 12px; border-radius: 4px;}
.header-right-info .profile-switch a:hover { background: #c95c1d;}

/*---------------------Form Container------------------------------*/

.form-card{ border-radius: 5px;  background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);  padding: 20px;  margin-top: 20px; padding-bottom: 10px; float: left; width: 100%;}
.form-card .chosen-container-single .chosen-single,
.form-card .chosen-container-active.chosen-with-drop .chosen-single,
.table_head .chosen-container-single .chosen-single,
.table_head .chosen-container-active.chosen-with-drop .chosen-single { background-color: #fffaf5; background-image: none; border: 1px solid #f7d6bd; border-radius: 5px; padding: 6px 10px; width: 100%; height: 40px; line-height: 24px;font-size: 13px; box-shadow: none;outline: none;}
 .table_head .chosen-container-single .chosen-search input[type="text"] { background: #fffaf5; border: 1px solid #D86D2F; -webkit-box-shadow: inset 0 1px 1px #D86D2F; box-shadow: inset 0 1px 1px #D86D2F; outline: none; padding: 7px 20px 7px 4px;}
.form-card .chosen-container-single .chosen-single div b, .table_head .chosen-container-single .chosen-single div b { background-position: 0 12px;}
.form-card label { font-weight: normal;font-size: 13px; margin-bottom: 7px; display: block;}
.form-card .form-group { margin-bottom: 20px;}
.form-card .i-checks label { display: inline-block;}
.form-card .chosen-container .chosen-drop, .table_head .chosen-container .chosen-drop { background: #fffaf5; border: 1px solid #D86D2F;}
.form-card .chosen-container-single .chosen-search input[type="text"] { background: #fffaf5; border: 1px solid #D86D2F; -webkit-box-shadow: inset 0 1px 1px #D86D2F; box-shadow: inset 0 1px 1px #D86D2F; outline: none; padding: 10px 20px 10px 4px;}
.form-card .input-group-addon { background-color: #fffaf5; border: 1px solid #f7d6bd;}

.form-card .chosen-container-multi .chosen-choices {background-color: #fffaf5; background-image: none; border: 1px solid #f7d6bd; border-radius: 5px; padding: 3px 10px 4px 10px; width: 100%; line-height: 30px;box-shadow:none;outline:none; font-size: 13px;}
.form-card .chosen-container-multi.chosen-container-active .chosen-choices{border: 1px solid #D86D2F;}

.form-card .chosen-container-multi .chosen-choices .search-choice { background: #c95c1d; color: #fff;}
.form-card .active-result.highlighted, .table_head .active-result.highlighted { background: #c95c1d !important; }

.form-card .flex{display: flex;}
.form-card .uploadbox { display: inline-block; padding-right: 20px;}
.form-card .profile_img { width: 40px; height: 40px;  display: inline-block; margin-top: 28px;}
.form-card .profile_img img { max-width: 100%; border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; height: 40px; object-fit: cover; object-position: center;}
.form-card .contract_imgs {  display: inline-block; margin-top: 28px; width: 60%;}
.form-card .contract_imgs img { display: inline-block; margin: 0px 5px 10px 5px;  border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; width: 40px;  height: 40px; object-fit: cover;  object-position: center;}

.submit_btn { width: 100%; float: left; margin-top: 30px; margin-bottom: 15px;text-align: right;}
.form-card .add_btn {text-align: right; padding-right: 25px; margin-bottom: 10px;}
.logo-type img { max-width: 100%; border: 1px solid #f7d6bd; padding: 1px; border-radius: 5px; height: 45px; object-fit: cover; object-position: center; background: #070b25;}

.table_head .filter-cell .chosen-container-single .chosen-single {
    height: 38px;
    border: 1px solid #f7d6bd;
    box-shadow: none;
    outline: none;
}

.table_head .filter-cell .chosen-container {
    font-size: 13px;
}



.table_head .filter-cell .chosen-container-active{height: 38px;}
.table_head .filter-cell .chosen-container-active a.chosen-single { border: 1px solid #D86D2F;}
.form-card .filter-cell .chosen-container-single .chosen-single div b, .table_head .chosen-container-single .chosen-single div b {
    background-position: 0 10px;
}
.form-card h3 {
    color: #141414;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Helvetica Neue';
}

/*---------------------Table Content------------------------------*/

.card-wrap{width:100%;height:auto;float:left;}
.data_table{ border-radius: 5px;  background: #FFF; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);  padding: 20px;  margin-top: 20px; padding-bottom: 10px;}

.data_table img.table_img { width: 40px;  max-width: 100%;  border: 1px solid #f7d6bd; padding: 2px;  border-radius: 5px; height: 40px; object-fit: contain;  object-position: center;}
.data_table table { width: 100%;}
.data_table table thead tr th { padding: 13px 10px; border-bottom: 2px solid #f3ddd0; background: #FFF3EC;}
.data_table table tbody tr td { padding: 10px;  border-bottom: 1px solid #e9e9e9;}

.data_table table .action_btn .view { background: transparent; padding: 0;  border: none;  font-size: 16px; margin-right: 0;  margin-left: 15px;color: #333;}
.data_table table .action_btn .edit { background: transparent; padding: 0; color: #333; border: none;  font-size: 16px; margin-right: 0;  margin-left: 15px;}
.data_table table .action_btn .delete { background: transparent; padding: 0; color: #333; border: none;  font-size: 16px; margin-right: 0;  margin-left: 15px;}
.data_table table .action_btn .timeslot {
    background: transparent;
    padding: 0;
    color: #333;
    border: none;
    font-size: 16px;
    margin-right: 0;
    margin-left: 15px;
}
.data_table .custom-pagination { text-align: right;}
.data_table .custom-pagination .pagination { margin: 25px 0px 10px 0px; position: relative;top: 0;}
.data_table .custom-pagination ul.pagination li a { font-size: 14px; color: #000;  border: 1px solid #efefef; padding: 7px 13px;}
.data_table .custom-pagination ul.pagination li a i { color: #5A4FF3; font-size: 18px; font-weight: 600;}
.custom-pagination ul.pagination li a:hover,.custom-pagination ul.pagination li a:focus,.custom-pagination ul.pagination li.active a { background: #5A4FF3; color: #fff;}
.custom-pagination ul.pagination li a:hover i,.custom-pagination ul.pagination li a:focus i { color: #fff;}

.table_head { display: block; margin-bottom: 15px;}
.table_head .filter-cell { display: flex; align-items: center;}
.table_head .filter-cell .form-control {  height: 38px;}
.table_head .filter-cell.role label { width: 60px;}
.table_head .exportbtn {  display: block; text-align: right;}
.table_head .input-group-addon { background-color: #fffaf5; border: 1px solid #f7d6bd;}
.table_head .filter-cell.status label { width: 85px; line-height: 15px;}
.table_head .filter-cell label { margin:0px;}
.table_head .form-control { height: 38px; font-size: 13px;}

.searchform .form-control:focus { background-color: #fffaf5;  background-image: none;  border: 1px solid #D86D2F; border-radius: 5px; padding: 6px 10px; width: 100%;  height: 38px;}
.searchform {width: 100%; position: relative;}
.searchform:after { content: ''; width: 1px; height: 38px; background: #f7d6bd;  position: absolute; right: 42px; top: 0;}
.searchform .search-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #5A4FF3;
    transition: .5s ease-out;
    font-size: 16px;
    background: transparent;
    border: none;
    padding: 10px 13px;
    cursor: pointer;
}
.table_head .exportbtn .material-symbols-outlined {
    font-size: 18px;
    float: left;
    margin-right: 6px;
}

/*---------------------Popup Container------------------------------*/


.maincontent_popup .model_title {
    position: absolute;
    top: -35px;
    max-width: 100%;
    left: 10px;
}

.maincontent_popup .modal-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
}
.maincontent_popup .modal-footer a {
    color: #EB0505;
}

.maincontent_popup .modal-header .close {
    position: relative;
    z-index: 9;
}
.modal-content {  border-radius: 11px;}
.maincontent_popup .modal-header {
    background-color: #D86D2F;
    padding: 15px;
    border-radius: 9px 9px 0px 0px;
}
.maincontent_popup h3.model_title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    width: 100%;
    margin: 0;
    text-align: center;
}


.form-card .form-group .tagify__tag>div {
    border-radius: 0.1875rem;
    background: #c95c1d;
    color: #fff !important;
}

.form-card .form-group .tagify__tag__removeBtn {
    margin-right: 0.375rem;
    margin-left: 0.1875rem;
    color: #ffffff;
    background: #c95c1d;
}
.form-card .form-group .tagify__tag {
    z-index: inherit;
    background: #c95c1d;
    border-radius: 2px;
}
.form-card .form-group .tagify__tag__removeBtn:hover+div>span {
    opacity: 1;
}

.form-card .form-group  .tagify__tag>div .tagify__tag-text {
    font-size: 13px;
    padding: 1px;
}


/*---------------------Popup Content ------------------------------*/
.vander_dataview {
    background-color: #e7e8eb;
    padding: 25px;
    margin-bottom: 20px;
    font-family: 'Helvetica Neue';
}
.vander_dataview ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}
.vander_dataview ul li {
    width: 33.33%;
    flex-wrap:wrap;
    overflow: scroll;
    display: flex;
    font-size: 13px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding: 10px 15px;
    border-right: solid 1px #ddd;
    align-items: flex-start;
    margin-top: -1px;
}

.vander_dataview ul li label {
    color: #000;
    margin: 0;
    margin-right: 5px;
    font-weight: 500;
}
.vander_dataview .detail_info {
    padding: 10px 15px;
    background: #fff;
    min-height: 50px;
}

.vander_dataview ul li.col-md-6 {
    width: 50%;
}
.vander_dataview ul li.col-md-12 {
    width: 100%;
}

.vander_dataview .contract_imgs img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border: 1px solid #f7d6bd;
    padding: 2px;
    border-radius: 5px;
}
.vander_dataview h4 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Helvetica Neue';
}

/*---------------------Content Container------------------------------*/

.usertype { background: url(img/after_login.jpg);  width: 100%; float: left; height: 100vh;position: relative;}
.usertype-cell { margin: 0;  position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto;}
.usertype-cell ul {display: flex;}
.usertype-cell ul li { display: inline-block; margin: 5px 12px;}
.usertype-cell ul li button {display: block;color: #D86D2F;padding: 0;border: 0;background-color: transparent;transition: 0.4s; }
.usertype-cell ul li button:hover {  color: #5A4FF3;    -webkit-transform: translateY(-10px); transform: translateY(-10px); cursor: pointer;}
.usertype-cell ul li button:hover .welcome-cell {border: 4px solid #D86D2F;}
.usertype-cell .welcome-cell {  background: #fff;  text-align: center; min-height: 130px; border-radius: 10px; width: 170px; padding: 15px;float: left;border: 4px solid transparent;}
.usertype-cell .welcome-cell .iconbox { display: block; text-align: center; margin-bottom: 10px;}
.usertype-cell .welcome-cell .iconbox img { height: 60px;}
.usertype-cell .welcome-cell p { font-weight: 400; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 0;}

.title-section {width: 100%; height: auto;  float: left; margin-top: 25px;}
.title-section h2 { font-size: 18px; margin: 0; line-height: 35px;}
.title-rightcell { display: flex; float: right;}
.title-rightcell ul li { display: inline-block; padding-left: 10px;}
.add-btn { background: #fff; color: #168524; padding:7px 12px; border: 1px solid #168524;}
.add-btn:hover,.add-btn:focus { background: #168524;color: #fff;}



.product-status { width: 100%; float: left; margin-top: 25px;}



/*pawan style 30/july/23*/

.user_profile_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 15px;
    margin: 20px 0;
}

.user_profile_head .profile_avt {
    display: flex;
    align-items: center;
}

.user_profile_head .profile_avt img {
    border: solid 3px #EBEBEB;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    object-fit: cover;
}

.user_dtl_cnt {
    margin-left: 15px;
}

.user_dtl_cnt h4 {
    color: #141414;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

.user_dtl_cnt h6 {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.user_profile_head .head_right .edit_btn {
    border-radius: 5px;
    border: 1px solid #5A4FF3;
    background-color: #fff;
    color: #5A4FF3;
    display: flex;
    align-items: center;
    padding: 7px 15px;
    outline: 0;
    box-shadow: none;
}
.user_profile_head .head_right .edit_btn .material-symbols-outlined{font-size:20px; }
.user_profile_head .head_right .edit_btn:hover{background:#5A4FF3;color:#fff;}

.user_profile_head .head_right .edit_btn span {
    margin-right: 3px;
}

.prfile_detail_inner {
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 25px;
    margin-bottom: 20px;
}

.profile_heading h3 {
    color: #141414;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px;
}

ul.profile_list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    align-items: center;
}

ul.profile_list li:last-child {
    margin-bottom: 0;
}

ul.profile_list li>span {
    width: 20%;
    display: flex;
    align-items: center;
    color: #777;
    font-size: 13px;
    font-weight: 400;
}

ul.profile_list li>span span {
    margin-right: 6px;
    font-weight: 200;   
}

ul.profile_list li b {
    color: #000;
    font-family: Helvetica;
    font-size: 13px;
    font-weight: 500;
    width: 80%;
}

ul.profile_list li b img {
    width: 40px;
    margin-left: 15px;
    border: 1px solid #f7d6bd;
      padding: 1px; 
      border-radius: 5px;
     height: 40px; 
     object-fit: cover;
    object-position: center;
}
}
.account_detail_sec ul.profile_list {
    margin-bottom: 15px;
}

.account_detail_sec ul.profile_list li>span {
    width: 50%;
}

.account_detail_sec ul.profile_list li b {
    width: 50%;
}

.account_detail_sec ul.profile_list {
    border: solid 1px #ddd;
    padding: 12px;
    border-radius: 5px;
    background-color: #f5f5f5;
}

.account_detail_sec ul.profile_list li {
    margin-bottom: 15px;
}

.account_detail_sec ul.profile_list li:last-child {
    margin: 0;
}

.form_heading_pro h3 {
    color: #141414;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight:500; 
    font-family: 'Helvetica Neue';
}

.gender_box label {
    margin-right: 10px;
    display: inline-block;
}

.back_link{
    width:100%;
    float:left;
    text-align:center;
    margin-top:15px;
}
.logo-pro {
    display: none;
}
.logo-pro img {
    height: 70px;
}

.permi_box {
    border-top: 1px solid #e7e7e7;
    padding-top: 15px;
}
.permi_box .form-group {
    margin-bottom: 15px;
}
.permi_box h4 {
    font-size: 15px;
    font-weight: 500;
    color: #d86d2f;
}

/**********************************Preloader Demo 25*********************/
/************************************************************************/

#ts-preloader-absolute26 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.8); 
}



#ts-preloader-absolute25 {
    position: absolute;
    left: 50%;
    top: 60%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
}

[class^="tsperloader_loader"] {
    width: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
}
[class^="tsperloader_loader"] > div {
 float: left;
 background: #d86d2f;
 height: 100%;
 width: 5px;
 margin-right: 1px;
 display: inline-block;
}
[class^="tsperloader_loader"] .tsperloader25_1 {
 -webkit-animation-delay: 0.05s;
 -moz-animation-delay: 0.05s;
 -o-animation-delay: 0.05s;
 animation-delay: 0.05s;
}
[class^="tsperloader_loader"] .tsperloader25_2 {
 -webkit-animation-delay: 0.1s;
 -moz-animation-delay: 0.1s;
 -o-animation-delay: 0.1s;
 animation-delay: 0.1s;
}
[class^="tsperloader_loader"] .tsperloader25_3 {
 -webkit-animation-delay: 0.15s;
 -moz-animation-delay: 0.15s;
 -o-animation-delay: 0.15s;
 animation-delay: 0.15s;
}
[class^="tsperloader_loader"] .tsperloader25_4 {
 -webkit-animation-delay: 0.2s;
 -moz-animation-delay: 0.2s;
 -o-animation-delay: 0.2s;
 animation-delay: 0.2s;
}
[class^="tsperloader_loader"] .tsperloader25_5 {
 -webkit-animation-delay: 0.25s;
 -moz-animation-delay: 0.25s;
 -o-animation-delay: 0.25s;
 animation-delay: 0.25s;
}
[class^="tsperloader_loader"] .tsperloader25_6 {
 -webkit-animation-delay: 0.3s;
 -moz-animation-delay: 0.3s;
 -o-animation-delay: 0.3s;
 animation-delay: 0.3s;
}
[class^="tsperloader_loader"] .tsperloader25_7 {
 -webkit-animation-delay: 0.35s;
 -moz-animation-delay: 0.35s;
 -o-animation-delay: 0.35s;
 animation-delay: 0.35s;
}
[class^="tsperloader_loader"] .tsperloader25_8 {
 -webkit-animation-delay: 0.4s;
 -moz-animation-delay: 0.4s;
 -o-animation-delay: 0.4s;
 animation-delay: 0.4s;
}
[class^="tsperloader_loader"] .tsperloader25_9 {
 -webkit-animation-delay: 0.45s;
 -moz-animation-delay: 0.45s;
 -o-animation-delay: 0.45s;
 animation-delay: 0.45s;
}
[class^="tsperloader_loader"] .tsperloader25_10 {
 -webkit-animation-delay: 0.5s;
 -moz-animation-delay: 0.5s;
 -o-animation-delay: 0.5s;
 animation-delay: 0.5s;
}

.tsperloader_loader2 > div {
    -webkit-animation: loading2 1.5s infinite ease-in-out;
    -moz-animation: loading2 1.5s infinite ease-in-out;
    -o-animation: loading2 1.5s infinite ease-in-out;
    animation: loading2 1.5s infinite ease-in-out;
    -webkit-transform: scaleY(0.05) translateX(-5px);
    -moz-transform: scaleY(0.05) translateX(-5px);
    -ms-transform: scaleY(0.05) translateX(-5px);
    -o-transform: scaleY(0.05) translateX(-5px);
    transform: scaleY(0.05) translateX(-5px);
}
 @-webkit-keyframes loading2 {
 10% {
 background: #d86d2f;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #d86d2f;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@-moz-keyframes loading2 {
 10% {
 background: #d86d2f;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #d86d2f;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@-o-keyframes loading2 {
 10% {
 background: #d86d2f;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #d86d2f;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}
@keyframes loading2 {
 10% {
 background: #d86d2f;
}
 15% {
 -webkit-transform: scaleY(1.2) translateX(10px);
 -moz-transform: scaleY(1.2) translateX(10px);
 -ms-transform: scaleY(1.2) translateX(10px);
 -o-transform: scaleY(1.2) translateX(10px);
 transform: scaleY(1.2) translateX(10px);
 background: #d86d2f;
}
 90%, 100% {
 -webkit-transform: scaleY(0.05) translateX(-5px);
 -moz-transform: scaleY(0.05) translateX(-5px);
 -ms-transform: scaleY(0.05) translateX(-5px);
 -o-transform: scaleY(0.05) translateX(-5px);
 transform: scaleY(0.05) translateX(-5px);
}
}

ul.side_bar_list li a{
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.024px;
    font-family: 'Poppins', sans-serif !important;
    display: inline-flex;
    width: 100%;
    margin: 15px 0;
    align-items: center;
}

.side_bar_list .active a,ul.side_bar_list li a:hover {
    color: #d86d2f;
}


ul.side_bar_list li a span {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: #4C98FF;
    color: #F2F8FF;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px;
    margin-right: 10px;
}
ul.side_bar_list li:nth-of-type(odd) span {
    background-color: #883DF2 !important;
}


.tagify.form-control {
    padding: 0px 6px 0px 10px;
    height: auto;
    line-height: 38px;
    color: #000;
   box-shadow: none;
    outline: none;
}
.tagify.form-control:focus,.tagify.tagify--focus {
    border-color: #D86D2F !important;
    outline: 0;
    box-shadow: none;
}

.tagify.tagify--focus

.tagify.tagify--focus:focus {
    border-color: #D86D2F !important;
    outline: 0;
    box-shadow: none;
}

.admin_tab {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.admin_tab .product-payment-inner-st {
    padding: 0;
    background: transparent;
}

.admin_tab #myTabCustom.tab-review-design li a{
    padding-right: 40px;
    text-transform:capitalize;
}
.admin_tab #myTabCustom.tab-review-design li a {
    padding-right: 40px;
    text-transform: capitalize;
    position: relative;
    transition: all .4s ease 0s;
}
.admin_tab #myTabCustom.tab-review-design li a:before {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 0%;
    height: 2px;
    background: #006DF0;
    content: "";
    transition:all .4s ease 0s;
}
.admin_tab #myTabCustom.tab-review-design li.active a:before {
    position: absolute;
    bottom: -15px;
    left: 0px;
    width: 80%;
    height: 2px;
    background: #006DF0;
    content: "";
    transition:all .4s ease 0s;
}

.admin_tab #myTab3.tab-review-design, 
.admin_tab #myTabedu1.tab-review-design,
.admin_tab #myTabCustom.tab-review-design {
    padding: 15px 15px 15px 15px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
}

.admin_tab #myTabedu1.tab-review-design li a,
.admin_tab #myTabCustom.tab-review-design li a {
    font-size: 14px;
    font-weight: 500;
    color: #252525;
    font-family: 'Helvetica Neue';
} 
.admin_tab ul.tab-review-design li.active a {
    color: #d86d2f !important;
}
.admin_tab #myTabedu1.tab-review-design li.active a:before,
.admin_tab #myTabCustom.tab-review-design li.active a:before {
    bottom: -18px;
    background: #d86d2f;
    content: "";
}
.admin_tab .custom-product-edit { background: none; }

.icon_list {
    display: block;
    height: 100px;
    overflow-y: auto;
}
.icon_list img.libicon {
    width: 35px;
    height: 35px;
    margin: 10px 10px 10px 0px;
    display: inline-block;
    cursor: pointer;
}
.icon_list img.libicon.active {
    padding: 3px;
    border-radius: 4px;
    border: 1px solid #d86d2f;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #d86d2f;
}
.outcomes_row {
    margin-bottom: 15px;
    background: #fdfdfd;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
}
.testi_img {
    width: 100px;
}
/*---------------------Error Page CSS------------------------------*/

.error-pagewrap { background: url(img/error_bg.png);  width: 100%; float: left; height: 100vh;position: relative;background-position: center center; background-repeat: no-repeat;}
.error-pagewrap h1 { color: #fff; font-size: 40px; text-align: center;letter-spacing: 2px;}
.error-pagewrap p { text-align: center; color: #fff; font-size: 16px;}
.error-pagewrap .content-error .counter { color: #ff8a46;}

.data_table table tbody tr td img.testi_img { width: 50px;}

.mCustomScrollBox {
    padding-bottom: 60px;
}


@media (min-width: 800px) and (max-width:1175px) {
    .main-content {  padding-top: 0;}
    .data_table .asset-inner {overflow-x:scroll;}
    .data_table table thead tr th {white-space:nowrap;}
    .data_table table tbody tr td {white-space:nowrap;}
}

/*---------------------Media Query CSS------------------------------*/

@media screen and (max-width: 768px) {
    .logo-pro {
        display: block;
    }
}