@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap');
body{background-color: rgb(246, 246, 246);}
body,h1, h2, h3, h4, h5, h6{font-family: 'Lexend Deca', sans-serif !important;}
/*Top Header Css*/
.help-icon{color: #4a4a4a !important; font-size: 18px !important;}
.page-header.navbar{height: 60px !important}
.page-header.navbar,.cd-header aside,.page-logo .menuicon{background-color: #ffffff !important;}
.page-header.navbar{box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; border:none !important}
.page-header-inner{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.page-header.navbar .page-logo{height:auto !important;padding:0px !important; margin-top:0px !important; float:none !important;display:flex; justify-content: center;align-items: center;;}
.page-header.navbar .page-logo .menuicon{padding:30px 0px !important}
.page-header.navbar .page-logo > .logo-image, .page-header.navbar .page-logo > a{float: none !important;padding:0px !important}
.page-header.navbar .page-logo a.contactbtn{padding:0px !important; margin-top: 0px !important}
.page-header.navbar .top-menu{padding:0px !important; float:none !important}
.page-container{top: 60px !important}
.cd-header aside{top: 60px !important}
.top-menu>ul{display:flex; align-items: center;justify-content: center;;}
.top-menu>.navbar-nav>li>a>img{width:20px;height:20px;}
.top-menu .dropdown-user{display:flex !important; justify-content: center;align-items: center;;}
.top-menu .dropdown-user ul li a img {margin-right:10px;}
.top-menu .dropdown-user ul li a, .dropdown-menu{font-family: 'Lexend Deca', sans-serif !important;}
.top-menu .dropdown-user .userimg{width:40px !important;height: 40px !important;}
/*Top Header Css End*/

/*Left Menu Nav*/
.cd-header aside > ul > li > a{background: #fff !important;border-radius: 5px !important}
.cd-header aside ul li a i{background: url('../images/new_icons/menuicon_sprites.png') no-repeat !important;width: 22px !important;height: 22px !important;}
.cd-header aside ul li a i.sideicon1 {background-position: -14px -14px !important;}
.cd-header aside ul li a i.sideicon2 {background-position: -67px -15px !important;}
.cd-header aside ul li a i.sideicon3 {background-position: -122px -15px !important;}
.cd-header aside ul li a i.sideicon4 {background-position: -181px -17px !important;}
.cd-header aside ul li a i.sideicon5 {background-position: -344px -18px !important;}
.cd-header aside ul li a i.sideicon6 {background-position: -289px -17px !important;}
.cd-header aside ul li a i.sideicon7 {background-position: -232px -20px !important;}
.cd-header aside ul li.active a i.sideicon1, .cd-header aside ul li:hover a i.sideicon1 {background-position: -14px -74px !important;}
.cd-header aside ul li.active a i.sideicon2, .cd-header aside ul li:hover a i.sideicon2 {background-position: -64px -74px !important;}
.cd-header aside ul li.active a i.sideicon3, .cd-header aside ul li:hover a i.sideicon3 {background-position: -122px -73px !important;}
.cd-header aside ul li.active a i.sideicon4, .cd-header aside ul li:hover a i.sideicon4 {background-position: -181px -72px !important;}
.cd-header aside ul li.active a i.sideicon5, .cd-header aside ul li:hover a i.sideicon5 {background-position: -343px -67px !important;}
.cd-header aside ul li.active a i.sideicon6, .cd-header aside ul li:hover a i.sideicon6 {background-position: -289px -70px !important;}
.cd-header aside ul li.active a i.sideicon7, .cd-header aside ul li:hover a i.sideicon7 {background-position: -234px -69px !important;}
.main-menus>li{margin-bottom: 20px !important}
.cd-header aside ul li a span{color:#222222;}
.cd-header aside > ul > li > a > span{color:#fff;}
/*Left Menu Nav End*/

/*Footer Button*/
.footer-button .btn-circle{border-radius: 5px !important;}
/*Footer Button End */

/*Normal Listing And Detail Page Css*/
ul.chats{padding: 20px !important;}
.search-input{background: #fff !important}
.chats li .message h2, h3{font-size: 14px;}
.chats li{border: 1px solid #ddd}
.chats li.active-hr, .chats li:hover{border-width: 2px !important; box-shadow: none !important;}
.chats .user-id{border-left: 1px solid #ddd !important;}
.contact-list .search-user{background-color: #fff;border-bottom: 1px solid #ddd;padding:30px 30px !important}
#infinite_scroll{height: calc(100vh - 250px);}
.search-usericon button i{background: url('../images/new_icons/search-usericon_green.png') no-repeat;}
.person-details, .location-details, .page-details{background: #fff;color: #222222;}
.tabbable-line.clearfix.custom-tabs-block{box-shadow: none !important;}
.empAddress{background-color: #fff !important;}
.custom-tabs-block{border-top: 1px solid #ddd;}
.tabbable-custom > .nav-tabs.custom-tabs > li.active{border-right:1px solid #ddd !important;}
.tabbable-custom > .nav-tabs.custom-tabs > li.active{border-color: #ddd !important}
.tabbable-custom > .nav-tabs.custom-tabs > li{border-bottom: 1px solid #ddd !important;}
#participant-detail .indication_avtar .event_detail.personal_detail.event_data{margin-left: 10px !important;}
.indication_avtar .personal_detail h4{background-color: #fff;}
.indication_avtar .personal_detail h4 a{color:#222222 !important}
.person-edit-details{background-color: #fff !important;color:#222 !important}
.person-edit-details .indication_avtar label{color:#333 !important}
.row-height{border-bottom: 1px solid #ddd;}
.person-edit-details{background-color: #fff !important;color: #222 !important;}
.person-id-details,.location-id-details{border-left: 1px solid #ddd;background-color: #fff !important;color:#222 !important}
.person-id-details h5:first-of-type, .location-id-details h5:first-of-type{border-bottom: 1px solid #ddd;}
.role-info .person_type{box-shadow: none !important;}
#user-list .fullName .FirstName, #user-list .fullName .LastName{font-size: 14px; font-weight: 600;}
/*.chats li.active-hr, .chats li:hover{border-color: #756c70 !important;}*/
/*Normal Listing And Detail Page Css*/

/*Contact Page*/
.role-info .person_type{margin-bottom:5px !important}
/*
    .role-info .person_type{background-image: -webkit-linear-gradient(-90deg, rgb(117 108 112) 0%, rgb(117 108 112) 100%) !important; margin-bottom:5px !important}
*/
/*Contact Page End*/

/*Dashboard*/
.dashboard-stat{background-color: #756c70 !important;}
/*Dashboard*/


/* Administration Menu */
.app-admin-settings-container .administration-menus {width: 280px;border-width: 2px;border-style: solid;border-color: rgb(231, 231, 231);border-image: initial;border-radius: 11px; margin: 0px 10px;padding: 0px;}
.app-admin-settings-container .administration-title { padding: 15px 20px; background: #ffffff; border-radius: 10px 10px 0 0; display: flex; justify-content: space-between; align-items: center; }
.app-admin-settings-container .administration-title .form-group { width: 300px !important; margin: 0; }
.app-admin-settings-container .administration-title .form-group .form-control { background: #EDF0F5; border-color: #edf0f5 !important; height: 40px; min-height: 40px !important; }
.app-admin-settings-container .administration-title .form-group .search-button { right: 0; font-size: 16px; color: var(--gray-100); }
.app-admin-settings-container .administration-title h2 { margin: 0; padding-left: 0; font-size: 20px !important; color: #222222; font-weight: normal; }
.app-admin-settings-container .administration-menus.adm-mn h2 span { background: rgba(239, 252, 229, 1); }
.app-admin-settings-container .administration-menus.sem-mn h2 span { background: rgba(255, 243, 219, 1); }
.app-admin-settings-container .administration-menus.sys-mn h2 span { background: rgba(236, 244, 255, 1); }
.app-admin-settings-container .administration-menus.uas-mn h2 span { background: rgba(255, 238, 236, 1); }
.app-admin-settings-container .administration-menus ul a:hover { padding-left: 10px; }
.app-admin-settings-container .administration-menus.adm-mn ul a:hover { color: rgba(115, 182, 57, 1); opacity: 1; }
.app-admin-settings-container .administration-menus.sem-mn ul a:hover { color: rgba(237, 158, 0, 1); opacity: 1; }
.app-admin-settings-container .administration-menus.sys-mn ul a:hover { color: rgba(49, 133, 240, 1); opacity: 1; }
.app-admin-settings-container .administration-menus.uas-mn ul a:hover { color: rgba(238, 99, 82, 1); opacity: 1; }

.app-admin-settings-container .administration-data { background: #fff; width: 100%; display: flex; justify-content: center; padding: 30px; border-radius: 0; margin-top: 5px; }
.app-admin-settings-container .administration-data ul { padding: 0; margin-bottom: 0; display: flex; flex-direction: column; }
.app-admin-settings-container .administration-data ul { height: 505px !important; padding: 0 20px; overflow-y: auto; }
.app-admin-settings-container .administration-data ul li { display: flex; border-bottom: 1px solid #e7e7e7 ; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.app-admin-settings-container .administration-data ul li:last-child { border-bottom: none; }
.app-admin-settings-container .administration-data.adm-mn ul li:last-child { border: none !important; }
.app-admin-settings-container .administration-data ul a { width: 100%; padding: 15px 0; color: #222222; font-size: 14px; line-height: 18px; opacity: 0.8; transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; }
.app-admin-settings-container .administration-data ul a.active { color: #73B639; padding-left: 10px; }
.app-admin-settings-container .administration-data h2 { display: flex; justify-content: center; flex-direction: column-reverse; align-items: center; margin: 0 0 10px; padding: 35px 20px 25px; font-size: 18px; line-height: 21px; color: #222222; font-weight: normal; border-bottom: 1px solid #e7e7e7; }
.app-admin-settings-container .administration-data h2 span { width: 56px; height: 56px; border-radius: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }

.app-admin-settings-container .administration-data i{color: #756c70 !important;margin-bottom: 15px !important; margin-top:0px !important}
/* Administration Menu End*/

.qualifications-page .list_wrapper li{background-color: #fff !important;}

/*.tabbable-custom{border-top:1px solid #ddd;}*/

#tab_detail_form .single-edit-wrapper-vue{border-bottom: 1px solid #ddd;}

.cd-header aside > ul > li > a > span{min-width: 230px;}
.cd-header aside li ul.subnav{max-width: 230px;min-width: 230px;}

/* Footer */
.page-footer{background: #756c70 !important;}

/*Widget*/
#widget h2{font-size: 14px !important;}
.widget-sidebar select#instanceType{font-size: 13px !important;}
#widget .card-inside h4{font-size: 13px !important;}

.vgt-table .select2-search-field input{font-family: 'Lexend Deca', sans-serif !important}
/*Filter*/


@media screen and (max-width: 1500px) {
    .page-header.navbar .top-menu{padding:0px !important}
    .cd-header .page-container{top: 60px !important}
    .cd-header aside{top: 60px !important}
}

@media screen and (max-width: 1400px){
    .indication_avtar .personal_detail h2, .indication_avtar .personal_detail h4, .indication_avtar .personal_detail h5 {background: #fff !important;}
}

@media screen and (min-width: 1600px) {
    .page-container {
        width: 1570px;
        margin-left:auto;
        margin-right:auto;
    }

    ul.chats{padding:30px !important}
}
@media screen and (min-width: 1900px) {
    .page-container {
        width: 1870px;
        margin-left:auto;
        margin-right:auto;
    }

    ul.chats{padding:30px !important}
}
#qual_container #qual_graph ul#search_results{
    border: 1px solid #ddd;
}
#qual_container #qual_graph .seminar_list_wrap{
    border: 1px solid #ddd;
    background: #fff;
}
#editSectionsPopup  #section_container .seminar_list_wrap{
    border: 1px solid #ddd;
    background: #fff;
}
#editSectionsPopup  #section_container ul#search_results{
    border: 1px solid #ddd;
}