
h1 {
    font-size: 28px;
    color: #000000;
    font-family: 'STIX Two Text';
    font-weight: 600;
}
.text-left {
    text-align: left;
}
.emailPreview {
    font-weight: 600;
    font-size: 1.2em;
}
.jebbeeBtn {
    font-size: 1.2em;
    font-weight: 600;
}
.main-menu .navbar-header .navbar-brand {
    margin-top: 0px;
}
.main-menu.menu-light .navigation .navigation-header {
    color: #A6A4B0;
    margin: 0;
    padding: 12px 22px;
    line-height: 1.5;
    letter-spacing: .01rem;
}
.main-menu .main-menu-content {
    /*    margin-top: 20px; */
}
.badge.badge-light-void {
    background-color: rgba(78, 78, 78, 0.12);
    color: #d2d2d2 !important; 
}

.main-menu .navbar-header {
    z-index: 99;
}
.header-navbar.navbar-static-top {
    background-color: #fff;
    height: 77px;
}
.navigation .navigation-header.adminMenu {
    color: #fff;
    margin: 0 0 0.8rem 2.2rem;
    padding: 0;
    line-height: 1.5;
    letter-spacing: .01rem;
}
.main-menu-content .navigation-main.adminMenu {
    background-color: #1c1f29;
}
.main-menu-content .navigation-main .navigation-header.adminMenu {
    color: #676D7D;
} 
.main-menu-content .navigation-main.adminMenu li a {
    color: #ffffff!important;
}
.dark-layout .main-menu-content .navigation-main.adminMenu {
    background-color: #ffffff;
}
.dark-layout .main-menu-content .navigation-main .navigation-header.adminMenu {
    color: #676D7D;
}
.dark-layout .main-menu-content .navigation-main.adminMenu li a {
    color: #625F6E!important;
}
.jebbeeLogo {
    height: 65px;
    padding-left: 36px;
    padding-top: 8px;
}
.brand-logo {
    background-image: url(../../app-assets/images/logo/Jebbee_Logo_V2-\(WHITE\).png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nav-pills .nav-link {
    display: inherit;
}
.btn-primary {
    border-radius: 25px;
}
.btn.btn-link {
    padding: 0;
    color:#9950F0 !important;
    background-color: #ffffff !important;
    border: 0px solid #ffffff;
}
/* .form-control {
    border-radius: 25px;
} */
.btn {
    border-radius: 25px;
}
.brand-text {
    line-height: 0.8em;
    padding-top: 12px;
    font-size: 3.7em !important;
    font-family: 'Corinthia', cursive;
    color: #fff !important;
    margin-left: 55px;
}

.auth-brand-text {
    font-size: 5.7em !important;
    font-family: 'Corinthia', cursive;
    color: #9950F0 !important; 
}

.main-menu .navbar-header {
    height: 5.5em;
    background-color: #2b2b2b;
}

#scrollUp {
    display: none;
}

.main-menu.menu-light .navigation>li.active>a {
    background: -webkit-linear-gradient(332deg, #9950F0, #9950F0);
    background: linear-gradient(118deg, #9950F0, #9950F0);
    box-shadow: 5px 5px 5px 0px rgb(56 56 56 / 40%);
    border-radius: 25px;
}

.main-menu.menu-dark .navigation>li.active>a {
    background: -webkit-linear-gradient(332deg, #9950F0, #9950F0);
    background: linear-gradient(118deg, #9950F0, #9950F0);
    box-shadow: 5px 5px 5px 0px rgb(56 56 56 / 40%);
    color: #FFF;
    font-weight: 400;
    border-radius: 4px;
    border-radius: 25px;
}
.avatar-content svg {
    height: 28px;
    width: 28px;
}

.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .feather-play-circle {
    height: 32px;
    width: 35px;
    display: none;
}

.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper .feather-play-circle {
    stroke: #BABFC7;
}

.backgroundVideo {
    background-size: cover;
    background-repeat: no-repeat;
}

.background-1 {
    background-image: url(../../app-assets/images/videos/02.jpeg);
    background-position: center;
}

.background-2 {
    background-image: url(../../app-assets/images/videos/03.jpeg);
    background-position: center;
}

.background-3 {
    background-image: url(../../app-assets/images/videos/04.jpeg);
    background-position: center;
}

.background-4 {
    background-image: url(../../app-assets/images/videos/06.jpeg);
    background-position: center;
}

.background-5 {
    background-image: url(../../app-assets/images/videos/07.jpeg);
    background-position: center;
}

.lightText {
    color: #ccc
}

.videoPreviewPanel {
    width: 100%;
    height: 400px;
    background-color: #fff;
}


.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper {
    height: 13.5rem;
}

.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .list-group-labels,
.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .storage-status {
    margin-top: 0px;
}

@media (min-width: 576px) {
    .modal-slide-in .modal-dialog.sidebar-xxl {
        width: 100rem;
    }
}

.modal-wide {
    width: calc(100% - 260px) !important;
}
.timeline .timeline-item .timeline-event {
    min-height: 1rem;
}
.timeline .timeline-item:not(:last-child) {
    padding-bottom: 1.3rem;
}
#careerList td {
    vertical-align: top;
}
.alertbox {
    border: 1px solid #f4f222;
    background-color: #fdfddc;
    border-radius: 5px;
}
.messagebox {
    padding: 10px;
    background-color: #f9f9f9;
    border: 1px solid #d8d6de;
    border-radius: 0.357rem;
}
.statusbox {
    padding: 10px;
    background-color: #f8fff3;
    border: 1px solid #35af23;
    border-radius: 0.357rem;
}
.statusbox hr, .statusbox b {
    color: #35af23;
    margin: 0.5em 0;
}
.messageVariable {
    color: #9950F0 !important; 

}
.questionPreview {
    border: 1px solid #d8d6de;
    background-color: #f8f8f8;
    border-radius: 5px;
}
.deleteIcon {
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 10px;
    height: 1.5em;
    width: 1.5em;
    padding: 2px;
}
.instructions {
    background-color: #f7f7f7;
    border: 1px solid #eeeeee;
    border-radius: 5px;    
    padding: 20px;
}
.jtblVCD {
    background-color: #e9e8ed !important;
}
.jebbeeTM {
    font-size: 0.6em;
    position: relative;
    top: -1em;
}

#tandc li, #tandc li p {
    padding-bottom: 10px;
}
#tandc .tandcBold {
    font-weight: 600;
}
.jtValue {
    text-align: center;
    font-size: 1em;
}
.jtValue span {
    font-size: 0.8em;
}
#videoRecap td {
    padding: 4px;
}
.userIntro, .userHighlights, .userStatus {
    min-height: 110px;
}
.userStatus {

}
.hardSkill, .softSkill, .interest, .big5, .career, .school {
    padding: 6px 0px;
}
.big5Category {
    border-radius: 10px;
}
.big5CatO {
    background-color: #efffee !important;
}
.big5CatC {
    background-color: #daf0ff !important;
}
.big5CatE {
    background-color: #ffeae8 !important;
}
.big5CatA {
    background-color: #fffae5 !important;
}
.big5CatN {
    background-color: #ffefe3 !important;
}
.big5SumO {
    border: 1px solid #4DA54B;
    background-color: #efffee !important;
}
.big5SumC {
    border: 1px solid #1E87D2;
    background-color: #daf0ff !important;
}
.big5SumE {
    border: 1px solid #A11F14;
    background-color: #ffeae8 !important;
}
.big5SumA {
    border: 1px solid #F0C91F;
    background-color: #fffae5 !important;
}
.big5SumN {
    border: 1px solid #D77425;
    background-color: #ffefe3 !important;
}
.jQuestion {
    font-weight: 600;
}
.jAnswer {
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #9950f0;
    color: #9950f0;
    margin: 10px;
}
#jListSelect .btn-primary {
    background-color: #f1f1f1 !important;
    border: 2px solid #9950f0 !important;
    color: #9950f0 !important;
    margin: 6px;
}
#jListSelect .btn-primary.active {
    background-color: #9950f0 !important;
    border: 2px solid #9950f0 !important;
    color: #ffffff !important;
    margin: 6px;
}
.dropzone-jebbee {
    height: 500px;
    border: 1px dashed #d8d6de;
    padding: 4px; text-align: center;
}
.editor-jebbee {
    min-height: 800px;
}
#step1, #step2, #step3, #step4, #step5, #step6, #step7 {
    min-height: 520px;
}