@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');

body, .box-title, .sidebar i div, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .date-time-wrap h2, .date-time-wrap p, .btn-tra, .red-box p, .red-box p span,
.skin-blue .main-header .navbar .nav>li>a, .panel-body span, .panel-body p, .ui-widget, .btn-white, .btn-transperant, .btn-file, .btn-white-catalog, .btn-default, .btn-tran, .form-control, input[type="radio"] + label, .news_cover, .ticker_container span {
   font-family: 'Inter', serif !important;
   /* letter-spacing: 0.02em;*/
    font-weight: 400 !important;
    font-size: 15px;
}
html, .messageBody, .email-body, .popover-content, .popover, .tooltip, .btn .btn-transperant-blue, .btn-white, .btn-transperant, .btn-file, .btn-white-catalog, .btn-default, .btn-tran, .skin-blue .btn-blue, .btn-blue, a.btn-blue, .btn-profile, .btn-info, .btn-tra-catlog, .skin-blue .model-btn-pro, .skin-blue .update-btn, .skin-blue .coupon-input-btn, .back-btn, .progress-bar, .object li a:hover, .object li .active{
    font-family: 'Inter', serif !important;
}
.login_info_content_heading h1{font-size:36px !important;}
.sidebar i div, .skin-blue .main-header .navbar .nav>li>a{font-weight: 600 !important;}
.nav-tabs-custom-new > .nav-tabs > li > a, .model-btn-pro, .status_icon-2, .logbg {
    font-size: 15px !important;
}
.discussion-forumbx li, .discussion-forumbx li a{font-size: 15px;}
.dropdown-menu{ font-size: 15px !important; font-weight: 600 !important; }
.catlog-content p, .tooltip,  .popover-content, .popover{line-height: 16px; font-size: 14px !important;}
.btn-white-catalog, .btn-blue-catalog{ font-size: 15px !important;}
.fc-ltr .fc-basic-view .fc-day-number{font-size: 18px !important;}
.skin-blue .box-title{
   font-family: 'Inter', serif !important;
    font-size: 20px;
   /* letter-spacing: .02em;*/
    font-weight: 400 !important;
}
.btn-new-large, .login-input{ font-size: 16px !important; }
/*.form-actions .checkbox label, .form-actions .radio label{line-height: 14px !important;}*/
.inputSlice select {font-size: 14px !important; padding: 2px 24px 1px 0px !important;}
.filter-details p, .catlog-content h4, .Schedule-text p{ font-size: 14px !important; font-weight: 400 !important; }
.keywordsTag span{
    font-size: 14px !important; padding: 1px 5px !important; font-weight: 600 !important;}
.statuswrapbox h3, .statuswrapbox1 h3 {
    margin: 6px 0px 0px 0px !important; 
}
.skin-blue .main-header .navbar .nav > li > a i{ margin-top: -5px;}
.leaderboard-details ul li b{ text-align: left; font-weight: 400;}
.dropdown-menu .btn, .btn{ font-weight: 600 !important;}
.badge-heading{
    font-size: 18px !important;
}
.date-time-wrap {
    background-color: #fff;
    padding: 10px 10px;
}
.date-time-wrap i {
    color: #333;
    font-size: 20px;
}
.course-title h3 {
    line-height: 1.4 !important;
    color: #000;
}
.courses-wrap { text-align: left;}

.box-header {
    padding: 17px 20px;
    border-bottom: 1px solid #eff0f1;
    margin-bottom: 12px;
}
.box {
    height: 525px;
}
.leaderboard-details ul li b {
    margin-top: 0px !important;
 /*   line-height: 30px !important;*/
    font-size: 16px !important;
}
.leaderboard-details ul li div:first-child {
    float: left;
    width: 30px !important;
    font-weight: 400;
    margin: 0 0 0 10px;
    line-height: 30px !important;
    height: 30px !important;

}
.leaderboardcount{    
    line-height: 32px;
    margin-right: 37px;
    float: right;
    color: #7f7f7f;
}
.chart-img{
    padding-bottom: 50px;
}
.pie-legend{
    line-height: 26px;
}
.datepicker-days td{font-size: 13px;}
.aspect {
    height: 220px !important;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding: 0px 4px;
    margin-top: 4px;

}
#announcement_content, #carousel-announcement-generic, #my_announcement_sequence_no_1, .carousel-inner carousel-announcements {
    height: 498px !important;
}
.box-profile .box{ height: auto; }
.box-calendar .box-header{ margin: 0px !important; }
.box-profile .box-body{     padding: 5px 10px 15px 10px; }
.box-profile h4{ font-size: 18px !important; }
.box-profile span{ font-size: 16px !important; color: #999;}
.box-dashticket .box-header{ border: 0px;     margin-bottom: 0px;}
.box-dashticket .box-header:hover{background:#fe0;}
.box-dashticket i{
    width: 49px;
    height: 49px;
    text-align: center;
    padding: 0px;
    font-size: 26px;
    line-height: 46px;
    border-radius: 50%;
    }
.select-leaderboard .select2-selection.select2-selection--single {
    height: 40px !important;
    border-width: 1px!important;
    background: #f6f6f6;
}
.select-leaderboard .select2-selection__rendered {
    line-height: 40px !important;
    margin-top: -7px !important;
}
.select-leaderboard .select2-selection .select2-selection__arrow {
    height: 38px !important;
}
.leaderboard-details ul li {
    /*margin-bottom: 4px !important;*/
    padding: 5px;
}
.date-time-wrap h1 { margin:4px 0px;  color: #666; font-size: 14px !important;}
.date-time-wrap h2, .date-time-wrap p{
    color: #666; font-size: 14px !important;}
.carousel-control>.fa {
    border: 1px solid #333;
    color: #333;
    display: inline-block;
    font-size: 25px;
    height: 30px;
    line-height: 28px;
    margin-top: -4px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    width: 30px;
    z-index: 5;
}
.border-coursebox{
    border: 1px solid #ddd;
    min-height: 70px;
    padding: 7px 5px 3px 5px;
    margin: 0px 1px 0px 1px !important;
}
.skin-blue .my-courses-btn {
    background-color: #fff;
}
.my-courses-btn {
    height: 84px;
    padding: 0px 12px;
}
.announcements-btn{
height: 110px !important;
padding-top: 10px;
}
.mrtop-12{ margin-top: -12px !important}
.courses-wrap p {
    font-size: 16px;
    color: #6d6d6d;
    line-height: 19px;
}
.ei-events-container {
    height: 305px;
    overflow-y: auto;
}
.ei-events-container-2 {
    height:305px;
    overflow-y: auto;
}
/*.leaderboard-details ul li b {
    font-weight: 500 !important;}
.leaderboard_list li{
    padding: 15px 0 !important;
}*/

.leaderboard_list li span:last-child b{
    top: 16px !important;
}
.leaderboard-details ul li div:first-child {
    float: left;
    font-weight: 400;
    line-height: 29px;
    text-align: center;
    width: 35px;
    /* padding: 0px !important; */
    height: 30px;
    color: #fff;
    border-radius: 50%;
}
.leaderboard-details ul li:nth-child(odd) {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
}
.leaderboard-details ul li:nth-child(even) {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
}
.leaderboard-details ul li span:nth-child(2) img {
    /*margin: 0 10px 0 16px !important;*/
    width: 30px;
    height: 30px;
}

#ul_my_rank .my-rank {
    background: #efefef;
    border-color: #efefef;
    min-height: 136px;
    /*padding-top: 15px !important;*/
}

.courses-wrap p {
    font-weight: 400 !important;
}
.nav {padding-left: 20px;}
.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion {
    margin-right: 5px;
    display: inline-block;
}
.box .nav-stacked > li{ text-align: left;}
.profile_pic {
    background-color: #cccccc;
    height: 120px;
    background-size: cover !important;
}
.announcements-img {
    height: 240px;
}
.announcements-dsc-p {
    height: 112px;
}
.courses-wrap p {padding: 0px 15px;}
.ei-content .ei-name {
    font-size: 16px !important;
}
@media (max-width: 768px){
    .box {height: 560px;}
}

@media (max-width: 800px){
    .announcements-img-div {height: 190px !important;}
    .announcements-dsc-p {height: 153px !important;}
    .announcements-btn{height: 111px !important;}
}

@media (min-width: 360px)and (max-width: 640px){
    .announcements-img-div {height: 190px !important;}
    .announcements-dsc-p {height: 116px !important;}
    .announcements-btn{height: 121px !important;}

}

@media (max-width: 1024px){
    .navbar-nav>.user-menu .user-image{width: 30px; height: 30px;}
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu{top: 30px !important;}
    .navbar-nav .dropdown-menu svg{margin-right: 10px !important;}
    .box {
        height: 520px;
    }
    .announcements-img {
        height: 180px;
    }
    .announcements-btn {    height: 124px !important;}
    .announcements-dsc-p {    height: 132px;}
    .ei-events-container {
        height: 305px;
        overflow-y: auto;
    }
    .ei-events-container-2 {
        height: 305px;
        overflow-y: auto;
    }
    .badge-wrap-btn {    bottom: 8px;}
    .box-header {padding: 15px !important;}
    /*    .announcements-btn{height: 71px !important;}*/
    .nav {
        padding-left: 5px;
        font-size: 15px;
    }
    .aspect {   height: 212px !important;}

    .box-profile h3{ font-size: 18px !important;}
    .box-dashticket i {

        width: 44px;
        height: 44px;
        text-align: center;
        padding: 0px;
        font-size: 22px;
        line-height: 43px;
    }
    .course-title {
        padding: 16px 20px !important;
        height: 54px !important;
    }

}
@media (max-width: 1280px){
    #announcement_content, #carousel-announcement-generic, #my_announcement_sequence_no_1, .carousel-inner carousel-announcements {
        height: 474px!important;
    }
    /*.box {
        height: 545px;
    }*/
}
/*--- Tony branch specific CSS applied on 12 March 2019 branch tony-story-2255-2256  ---*/
.announceheight {
    height: 345px !important;
    margin-bottom: 12px;
}
.announceheight .custmtonyimg{width: 65% !important;}
/*.announcenoimage {
    border: 1px solid #dfdfdf;
    padding: 25.5px 15px  !important;
    min-height: 205px !important;
    display: inline-block;
    width: 100%;
    margin-top: 0px !important;
    text-align: center;
}*/
@media (min-width: 768px) and (max-width:812px) {
    .announceheight .string-limit-details{height:auto !important;}
}
@media (min-width: 1024px){
    .announceheight .string-limit-details{height:auto !important;}
}
@media (max-width:736px){
    .announceheight .string-limit-details{height:auto !important;}
}

@media (min-width: 1200px) and (max-width:1300px){
.announcenoimage {
  /*  border: 1px solid #dfdfdf;
    padding:13.5px 15px 24.5px 15px !important;
    height: 160px !important;*/
}
.announceheight .custmtonyimg{width: 57% !important;}
/*below css added for mantis-5938 */
.sepretor-line {    margin: 5px 5px 0px 5px !important;}
.nav > li > a {    padding: 10px 10px !important;}
/* css end for mantis-5938 */
}
@media (min-width: 1366px) and (max-width:1440px){
   .announceheight .jwplayer.jw-flag-aspect-mode {height: 165px!important;}
    .announceheight .custmtonyimg{width: 56% !important;}
}  
@media (min-width: 1441px) and (max-width:1600px){
    .announceheight .custmtonyimg{width: 48% !important;}
   .announceheight .jwplayer.jw-flag-aspect-mode {height: 170px!important;}
}  
@media (min-width: 1620px) and (max-width:1920px){
    .announceheight .custmtonyimg{width: 38% !important;}
       .announceheight .jwplayer.jw-flag-aspect-mode {min-height: 170px!important;height: 80% !important;}
}  
/*--- Tony branch specific CSS applied on 12 March 2019 branch tony-story-2255-2256  ---*/
.skin-blue .main-header .navbar .nav > li > a{margin-left: 0px !important;}

#ul_my_rank li.my-rank img {
    /*width: 100% !important;*/
    /*margin: 3px !important;*/
    border-radius: 4px;
    margin-bottom: 5px !important;
}
#ul_my_rank li.my-rank div
{
    margin: -5px 0 0 -5px !important;
}

#leaderboard #myLeaderboard li, #leaderboard .leaderboard-details ul.myRank {
    width: calc(15% - 20px);
    text-align: center;
    margin: 5px 5px;
    min-height: 136px;
}