/*@font-face {
    font-family: 'Futura Medium';
    src: url('fonts/Futura Medium.woff2') format('woff2'),
        url('fonts/Futura.woff') format('woff'),
        url('fonts/Futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura.woff') format('woff'),
        url('fonts/Futura.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Medium';
    src: url('fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('fonts/FuturaPT-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

/*@font-face{
    font-family:futura-pt;
    src:url('fonts/futura_pt_700_normal_woff2') format("woff2"),
        url('fonts/futura_pt_700_normal_woff') format("woff"),
        url('fonts/futura_pt_700_normal_open_type') format("opentype");
    font-weight:700;
    font-style:normal;
}
@font-face{
    font-family:futura-pt;
    src:url('fonts/futura_pt_400_normal_woff2') format("woff2"),
        url('fonts/futura_pt_400_normal_woff') format("woff"),
        url('fonts/futura_pt_400_normal_open_type') format("opentype");
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:futura-pt;
    src:url('fonts/futura_pt_400_italic_woff2') format("woff2"),
        url('fonts/futura_pt_400_italic_woff') format("woff"),
        url('fonts/futura_pt_400_italic_open_type') format("opentype");
    font-weight:400;
    font-style:italic;
}
@font-face{
    font-family:futura-pt;
    src:url('fonts/futura_pt_800_normal_woff2') format("woff2"),
        url('fonts/futura_pt_800_normal_woff') format("woff"),
        url('fonts/futura_pt_800_normal_open_type') format("opentype");
    font-weight:800;
    font-style:normal;
}*/

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{
    /*font-family: futura-pt !important;*/
    /*letter-spacing: 0.02em;*/
    /*    font-weight: 600 !important;
        font-size: 15px;*/
}
.nav-tabs-custom-new > .nav-tabs > li > a {
    /*font-size: 15px !important;*/
}
.skin-blue .main-header .navbar .nav > li > a{
    font-weight: 600 !important;
    /*font-size: 14px;*/
}
.skin-blue .box-title{
    /*font-family: futura-pt !important;*/
    /*font-size: 18px;*/
    /*letter-spacing: .02em;*/
    /*font-weight: 500 !important;*/
}
.statuswrapbox h3, .statuswrapbox1 h3 {
    margin: 6px 0px 0px 0px !important; 
}
.skin-blue .main-header .navbar .nav > li > a i{ margin-top: -2px; margin-right: 5px;}
.skin-blue .main-header .navbar .nav > li > a .fa-search{margin-right: 3px;}
.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: center;}

.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: 18px !important;*/
}
.leaderboard-details ul li div:first-child {
    float: left;
    width: 32px !important;
    font-weight: 400;
    margin: 0 0 0 10px;
    line-height: 31px !important;
    height: 31px !important;

}
#myLeaderboard{
    height: 290px;
}
.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: 271px !important;
    overflow: hidden;
    width: 100%;
    background: #fff !important;
    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 !important; }*/
.box-calendar .box-header{ margin: 0px !important; }
.box-profile .box-body{     padding: 5px 10px 21px 10px !important; }
/*.box-profile h4{ font-size: 18px !important; }*/
.box-profile span{ 
    /*font-size: 16px !important;*/ 
    color: #999;}
.box-dashticket .box-header{ border: 0px !important;margin: 0;     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: 3px;
}
.date-time-wrap h1 { margin:3px 0px;
                     color: #000; font-size: 16px !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 !important;
}
.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: 360px;
    overflow-y: auto;
}
.ei-events-container-2 {
    height: 360px;
    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 !important;
    border-bottom: 1px solid #dfdfdf;
}
.leaderboard-details ul li:nth-child(even) {
    background: #fff !important;
    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 !important;
    padding-top: 8px !important;
}
.myRank .fa-star{
    top: 9px !important;
}

.courses-wrap p {
    font-weight: 400 !important;
}
.nav {padding-left: 5px;}
.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: 18px !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;}
    .box-header {padding: 24px 20px !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;}
    .jwplayer.jw-flag-aspect-mode {height: 180px !important;}
    .navbar-custom-menu .navbar-nav > li > a{padding-left: 7px !important; padding-right: 7px !important;}
}

@media (max-width: 1024px){
    .box {
        height: 520px;
    }
    .announcements-img {
        height: 180px;
    }
    .announcements-btn {    height: 124px !important;}
    .announcements-dsc-p {    height: 132px;}
    .ei-events-container {
        height: 340px;
        overflow-y: auto;
    }
    .ei-events-container-2 {
        height: 340px;
        overflow-y: auto;
    }
    .badge-wrap-btn {    bottom: 8px;}
    .box-header {padding: 23px 8px !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: 205px !important;
}
.announceheight .jwplayer{ width: 92% !important; }
.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;
}
.announceheight .string-limit-name{ line-height: normal !important; }
@media (min-width: 768px) and (max-width:812px) {
    .course-content .string-limit-details {
        height: 66px !important;
    }
    .string-limit-details{height:160px !important;}
    .announceheight {
        height: 200px !important;
    }
    .announceheight .custmtonyimg {
        width: 35% !important;
    }
    .announceheight .jwplayer{ width: 54% !important; }
    .jwplayer.jw-flag-aspect-mode { height: 170px !important;}
}
@media (min-width: 1024px){
    .string-limit-details{max-height:160px !important;}
    .announcenoimage{height: 190px !important;}
    .course-content .string-limit-details {
        min-height: 74px !important;
    }
}
@media (max-width:736px){
    .string-limit-details{max-height:180px !important;}
    .announceheight .custmtonyimg {
        width: 55% !important;
    }
    .announceheight .jwplayer{ width: 50% !important; }
    .announcenoimage{ height: 185px !important; }
    .user-footer .btn-blue.right-modal-btn{ max-width: 130px; white-space: normal !important; }
}

@media (min-width: 1200px) and (max-width:1300px){
    .course-content .string-limit-details {
        height: 55px !important;
    }
    .announcenoimage {
        border: 1px solid #dfdfdf;
        padding:13.5px 15px 24.5px 15px !important;
        height: 160px !important;
    }
    .announceheight .custmtonyimg{width: 57% !important;}
    .user-footer .btn-blue.right-modal-btn{ max-width: 126px; white-space: normal !important; }
    /*below css added for mantis-6326 */
    .sepretor-line { margin: 5px 5px 0px 5px !important;}
    .nav > li > a { padding: 10px 5px !important;}
    /* css end for mantis-6326 */
}
@media (max-width:640px){
    .announceheight .jwplayer{ width: 90% !important; }
} 
@media (min-width: 1439px) and (max-width:1440px){
    .box-header { padding: 14.5px 20px !important;}
}   
@media (min-width: 1366px) and (max-width:1440px){
    .box-header { padding: 15.7px 20px;}
    .course-content .string-limit-details {
        height: 76px !important;
    }
    .announceheight .jwplayer.jw-flag-aspect-mode {height: 165px!important;}
    .announceheight .custmtonyimg{width: 56% !important;}
    .user-footer .btn-blue.right-modal-btn{ max-width: 126px; white-space: normal; }
    .custom-pro img{ max-width: 120px !important; }
    /*below css added for mantis-6326 */
    .sepretor-line {    margin: 5px 5px 0px 5px !important;}
    .nav > li > a{padding: 10px !important;}
    /* css end for mantis-6326 */
}  
@media (min-width: 1441px) and (max-width:1600px){
    .course-content .string-limit-details {
        height: 85px !important;
    }
    .announceheight .custmtonyimg{width: 48% !important;}
    .announceheight .jwplayer.jw-flag-aspect-mode {min-height: 170px!important;height: 80% !important;}
    .box-header {    padding: 11.5px 20px;}
    .user-footer .btn-blue.right-modal-btn{ max-width: 130px; white-space: normal !important; }
    .custom-pro img{ max-width:73% !important; }
}  
@media (min-width: 1620px) and (max-width:1920px){
    .custom-pro img { max-width: 72% !important;}
    .box-header { padding: 13.5px 20px;}
    .course-content .string-limit-details {
        height: 135px !important;
    }
    .announceheight .custmtonyimg{width: 38% !important;}
    .announceheight .jwplayer.jw-flag-aspect-mode {min-height: 170px!important;height: 80% !important;}
    .user-footer .btn-blue.right-modal-btn{ max-width: 130px; white-space: normal !important; }
    .custom-pro img{ max-width:72% !important; }
}
/*--- Tony branch specific CSS applied on 12 March 2019 branch tony-story-2255-2256  ---*/
.te .coupon-wrap h4{ font-size: 14px; }
.announceheight .jwplayer.jw-flag-aspect-mode {width: 100% !important;}
@media (min-width: 1300px) and (max-width:1366px){
    /*below css added for mantis-6326 */
    .sepretor-line {    margin: 5px 5px 0px 5px !important;}
    .nav > li > a{padding: 10px !important;}
    /* css end for mantis-6326 */
}
.nav .icon-lightbulb-o {margin-right: 0px !important;}
.filter-details p{color: inherit !important;}
    #close-mycart>span{
    font-size: 28px;
    font-weight: 300;
    opacity: 1 !important;
    text-shadow: 0 1px 0 #000;
    top: 23px !important;
    right: 12px;
}