/* topheader******************************************************************************************************/
.navbar-right-panel .nav-item{
    position: relative;
}
.topheader-itemCount{
    top: -2px;
    position: absolute;
    right: 0px !important;
    font-size: 11px !important;
    text-align: center;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 1;
}
.languageWrapper .language .btn{       
    text-transform: uppercase;      
}       
.languageWrapper .language .dropdown-menu{
    padding: 0.5rem !important;     
    right: 0px !important;      
    position: absolute !important;      
    left: auto !important;      

    transform: translate3d(0px, 33px, 0px) !important;      
    top: 0px !important;        
    max-height: 170px !important;
    /*overflow: hidden;   */    
}      
.languageWrapper .language .dropdown-menu .dropdown-item{       
    margin: 0px 0px 5px 0px; 
    font-size: 15px;        
    display: inline-block;      
    padding: 2px 5px;       
}
.switchContainer .nav-link.active{  
    text-transform: capitalize;     
    font-family: GilroyMedium;  
}       
.switchContainer{       
    margin-bottom: 10px;      
}       
.switchContainer .nav-link{     
    letter-spacing: 1px;      
    line-height: 1;       
    text-align: center;       
    font-size: 14px;     
    text-transform: capitalize;       
    font-family: GilroyMedium;        
    letter-spacing: 1px;      
}
/*need to keep this change*/
.wrapperBg{
    background: url("../images/background.png") no-repeat;
    background-repeat: no-repeat !important;
}
/*need to keep this change*/

/*#ui_login .leftWrapper .aboutContent p{
    margin-left: 10px;
}*/
/* topheader******************************************************************************************************/

/*Start  Query ******************************************************************************************************/
.queryWrapper .msgContent .subHeading .title .viewAll{
    cursor: pointer;
}
.queryWrapper .message .messageBody  .type_msg  .input_msg_write  .input-group-text{
    padding: 8px 15px !important;
}
.queryWrapper .message .messageBody  .type_msg  .input_msg_write  .input-group-text input[type="file"]{
    width: 50px;
    position: absolute;
    left: 0px;
    height: auto;
    z-index: 999999;
    opacity: 0;
    overflow: hidden;

}
.queryWrapper .message .messageBody .type_msg .input_msg_write .input-group-text{
    position: relative;
    cursor: pointer;
}
/*End Query ******************************************************************************************************/
#signup .form-group.input-group{
    /* background: var(--color-custmSecondaryColor) !important;*/
    border-right: 0px solid transparent;
    border-radius: 3px;
}
#popup_update_password .customForm .form-group .input-group-prepend .input-group-text,
#myProfile .form-group.input-group .input-group-prepend .input-group-text,
#signup .form-group.input-group .input-group-prepend .input-group-text{

    border-left: 0px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;  
}
#myProfile .form-group.input-group input,
#signup .form-group.input-group input {
    border-right: 0px solid transparent;
    margin-right: -2px;
}
#signup .form-group.input-group .input-group-prepend {
    margin-right: 0px;
}
.lwbtnSection .customCheckBoxWrap label{
    float: left;
} 

/*Validation CSS***********************************************************************/
/*Start need to keep this cahnge*/

/*#signup .form-group.input-group  div.error, */             
/*#signup .form-group.input-group  div.error, */      
/*#ui_SetPassword .form-group.input-group  div.error,       
#ui_resetPassword .form-group.input-group  div.error,*/        
#ui_login .form-group.input-group  div.error{
    position: absolute;
    font-size: 12px;

    bottom: -13px;
    letter-spacing: 1px;
    font-weight: 600;
}
#ui_SetPassword .form-group.input-group  div.error,       
#ui_resetPassword .form-group.input-group  div.error{
    order:13;
    -ms-flex-order:13;
}
#ui_SetPassword .form-group.input-group  div.error{
    width:100% !important;
    text-align:left !important;
    bottom:0px !important;
    position: relative  !important;
    order:13 !important;
}
/*End need to keep this cahnge*/
#ui_SetPassword .form-group.input-group div.error{
    order: 13 !important;
    position: relative !important;
    bottom: 0px !important;
    text-align: left !important;
    width: 100% !important;
}

/*keep this*/
.error{

    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
}
/*keep this*/

/*End Validation CSS***********************************************************************/    

/*Alert CSS**************************************************************************/
#ui_SetPassword  .alert,
#ui_resetPassword .alert{
    position: absolute;
    right: 0px !important;
    margin-right: 0px !important;
    z-index: 1;
    padding: 0.377rem 0.75rem;
    margin-bottom: 0px !important;
    font-size: 12px;
}
/*End of the Alert CSS***************************************************************/


/*Start Media Queries ******************************************************************************************************/
@media screen and (max-width: 576px) {
    .forumWrapper .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }

    #dashboard .leaderboard-details li{
        width: 31% !important;
    }
    .wrapperBg {
        height: -webkit-fill-available !important;
        background-size: cover !important;
        background-attachment: fixed !important;
        height: inherit;
    }
    .gridLayout .quickAction{
        padding-top: 0px !important;
    }
    #catlog .quickAction,
    #myLearning .quickAction{
        padding-top: 15px !important;
    }
    .sliderWrapper  .slide-category .slick-cloned{
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    #success_message_div .close{margin: 0px -2px 0px 14px;}
    #dashboard .card-deck #announcementWrapper + #announcementWrapper{
        width: 100% !important;
    }


    .gridLayout .quickAction .progresscont .ml-3{
        margin-left: 0px !important;
    }
    .fa-times:before {
        top: 1px;
        position: relative
    }
    #forum .discussionWrap .sent_msg div.d-flex,
    #forum .discussionWrap .received_withd_msg div.d-flex{
        display: block !important;
    }
    #forum .discussionWrap .sent_msg div.d-flex .time_date,
    #forum .discussionWrap .sent_msg div.d-flex  .name,
    #forum .discussionWrap .received_withd_msg div.d-flex .time_date,
    #forum .discussionWrap .received_withd_msg div.d-flex .name{
        width: 100%;
        display: block;
    }
    #ui_SetPassword .alert, #ui_resetPassword .alert{
        margin-bottom: 10px !important;
        position: relative;
        margin-top: 10px;
    }
    .wrapperBg {
        background: url(../images/mobBg.png) no-repeat;
        height: -webkit-fill-available !important;
        background-size: cover !important;
        background-position: 50% 50% !important;
        height: 100%;
    }
}
@media screen and (min-width: 768px){
    #queryDetail .modal-dialog.modal-md {
        max-width: 550px;
        width: 550px;
    }
    .msgAttachment  .modal-dialog.modal-md{
        max-width: 550px;
        width: 550px;
    }
}
@media screen and (min-width: 767px ) and (max-width: 991px){
    #ui_login .leftWrapper{
        width: 320px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    #ui_login .lowerBtnWrap div:nth-child(3){
        padding:0px;
    }
}
/*Height based Media query*******************/
@media (width:800px) and (height: 600px){
    #ui_login .exactCenter{
        width: 480px;
        height: 480px;
        right: -60px;
    }
    #signup .exactCenter{
        width: 560px;
        height: 560px;
    }

}
@media (width:1280px) and (height: 600px){
    #ui_login .exactCenter{
        width: 480px;
        height: 480px;
        right: -110px;
    }
    #signup .exactCenter{
        width: 550px;
        height: 550px;
    }
}
/*End Media Queries ******************************************************************************************************/

/*Start  Apsara 22-November-2019 Message Issues Resolved************************************************************/
.alert{
    padding: 0.377rem 0.75rem;
}
.messageWrapper .messageBlock .simplebar-mask{
    right: 12px;
}
.customForm .form-group .input-group .search-arrow-prepend{
    margin-right: 0px;
}
#masteradmin_form .dataTables_wrapper,
#instructors_form .dataTables_wrapper,
#linemanagers_form .dataTables_wrapper{
    display: block !important;
}
#linemanagers_form .dataTables_filter input,
#instructors_form .dataTables_filter input,
#masteradmin_form .dataTables_filter input{

    border: 0px solid transparent;
    height: 35px
}
#linemanagers_form .dataTables_filter label,
#instructors_form .dataTables_filter label,
#masteradmin_form .dataTables_filter label{
    float: right;
    color: transparent;
}
#linemanagers_form .dataTables_length select,
#instructors_form .dataTables_length select,
#masteradmin_form .dataTables_length select{
    border: 1px solid transparent;
    margin: 0px 5px;
    height: 35px;


    width: 60px;
    background-image: url(../images/dropdown.png) !important;
    background-position: 35px !important;
    background-repeat: no-repeat !important;
    background-size: 30% !important;
}
#linemanagers_form .dataTables_length label,
#instructors_form .dataTables_length label,
#masteradmin_form .dataTables_length label{
    float: left;

    font-size: 14px;
}

#cke_reply_body .cke_top,#cke_reply_body  .cke_bottom,
#cke_message_text .cke_top,#cke_message_text .cke_bottom{
    box-shadow: none !important;
}
.cke_toolgroup{
    box-shadow: none !important;
    border:1px solid transparent !important;

}

.dataTables_paginate .paginate_button a{

    margin: 0px 2px;
}
.dataTables_paginate .paginate_button.active a{

}
.modal .modal-body .table thead th {
    font-weight: 100;
}
.modal .modal-body .table thead th:after,
.modal .modal-body .table thead th:before{
    display: none;
}
.modal .modal-body  table.dataTable{
    margin-top: 15px;
}
.modal .modal-body div.dataTables_wrapper div.dataTables_info{

}
.composeMail .bootstrap-tagsinput{
    margin-bottom: 0px;
}
.messageWrapper .messageBlock .overlay .custom-control {
    display: inline-block;
    left: 20px;
    top: 20px;
}

.messageWrapper .view_email  .overlay .custom-control-label::before{
    left: -1.8rem;
    top: -1.3px;
    border: #eeeeee3b solid 5px;
}
.messageWrapper .view_email.active .overlay .custom-control-label::before{
    border: #4A4A4A solid 5px  !important;
}
.messageWrapper .view_email.active:hover .overlay .custom-control-label::before{
    border: #707070 solid 5px  !important;
}
.messageWrapper .messageBlock .custom-control-input:checked ~ .custom-control-label::before{
    border-color: #212529;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    background:transparent; 
}
#footer p {
    margin-bottom: 0px;
}
.simplebar-track.simplebar-horizontal{
    display: none;
}
#reply_query{
    margin-bottom: 15px;
}
.messageWrapper .messageBlock .custom-checkbox .custom-control-label::before{
    width: 32px;
    height: 32px;
}
.message .messageFooter .fileImgField .input-group-prepend{
    margin-right: 0px !important;
}
.message .messageFooter .fileImgField .input-group-prepend .input-group-text{
    border-right: 0px solid transparent;
    margin-right: -2px;
}

.message .messageFooter .fileImgField .input-group-prepend .krdoc{
    background: #1a5bab;
}
.message .messageFooter .fileImgField .input-group-prepend .krexcel{
    background: green;
}
.message .messageFooter .fileImgField .input-group-prepend .krimg{
    background: #0095ff;
}
.message .messageFooter .fileImgField .input-group-prepend .krppt{
    background: #e04c13;
}

.message .messageFooter .fileImgField .input-group-prepend .thumb-icons span{
    font-size: 25px;
}
.messageWrapper .message .attachment .fileImgField .filedata{
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    padding-left: 10px;
}
.messageWrapper .message .attachment .fileImgField .fileNames{
    margin: 0px;
}
.messageWrapper .message .attachment .fileImgField .input-group span.fa{
    left: 0px;
    padding: 0px 15px;
    border-left: 0px solid transparent;
    border-radius: 3px;
    margin-left: -5px;
}
/*End Apsara 22-November-2019 ***********************************************************************************/

/*25-11-2019 ******************************************************************************************************/
.queryWrapper .msgContent .msg_history .sent_msg p{
    word-break: break-all;
}
@media screen and (max-width: 767px){
    /*   .queryWrapper .messageBlock .card{
           width: 100%;
       }*/
    .queryWrapper .messageBlock .card.active:before{
        display: none;
    }
}
/*End of the Alert CSS***************************************************************/


/*Start Media Queries ******************************************************************************************************/
@media screen and (max-width: 576px) {
    .wrapperBg {
        background: url(../images/mobBg.png);
        height: -webkit-fill-available;
        background-size: cover;
        background-attachment: fixed;
        background-repeat:  no-repeat;
        height: inherit;
    }
}
@media screen and (max-width: 767px) {
    #ui_SetPassword .alert, #ui_resetPassword .alert{
        margin-bottom: 10px !important;
        position: relative;
        margin-top: 10px;
    }
    .wrapperBg {
        background: url(../images/mobBg.png);
        height: -webkit-fill-available;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;

    }
}
@media screen and (min-width: 768px){
    #queryDetail .modal-dialog.modal-md {
        max-width: 550px;
        width: 550px;
    }
    .msgAttachment  .modal-dialog.modal-md{
        max-width: 550px;
        width: 550px;
    }
    .calenderWrapper .nav-link {
        padding: 0.3rem 0.75rem;
        border-radius: 0.25rem;
        font-size: 16px;
        line-height: 1.2;
    }
    .calenderWrapper .fc-right .fc-button-group .fc-button{
        height: 1.9em !important;
    }
}
@media screen and (min-width: 767px ) and (max-width: 991px){
    #ui_login .leftWrapper{
        width: 320px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
    #ui_login .lowerBtnWrap div:nth-child(3){
        padding:0px;
    }
}
/*Height based Media query*******************/
@media (width:800px) and (height: 600px){
    #ui_login .exactCenter{
        width: 480px;
        height: 480px;
        right: -60px;
    }
    #signup .exactCenter{
        width: 560px;
        height: 560px;
    }

}
@media (width:1280px) and (height: 600px){
    #ui_login .exactCenter{
        width: 480px;
        height: 480px;
        right: -110px;
    }
    #signup .exactCenter{
        width: 550px;
        height: 550px;
    }
}
/*End Media Queries ******************************************************************************************************/

/*Start  Apsara 22-November-2019 Message Issues Resolved************************************************************/

.alert{
    padding: 0.377rem 0.75rem;
}
.messageWrapper .messageBlock .simplebar-mask{
    right: 12px;
}
.customForm .form-group .input-group .search-arrow-prepend{
    margin-right: 0px;
}
#specificteam_form .dataTables_wrapper,
#masteradmin_form .dataTables_wrapper,
#instructors_form .dataTables_wrapper,
#linemanagers_form .dataTables_wrapper{
    display: block !important;
}
#specificteam_form .dataTables_filter input,
#linemanagers_form .dataTables_filter input,
#instructors_form .dataTables_filter input,
#masteradmin_form .dataTables_filter input{

    border: 0px solid transparent;
    height: 35px
}
#specificteam_form .dataTables_filter label,
#linemanagers_form .dataTables_filter label,
#instructors_form .dataTables_filter label,
#masteradmin_form .dataTables_filter label{
    float: right;
    color: transparent;
}
#specificteam_form .dataTables_length select,
#linemanagers_form .dataTables_length select,
#instructors_form .dataTables_length select,
#masteradmin_form .dataTables_length select{
    border: 1px solid transparent;
    margin: 0px 5px;
    height: 35px;
    width: 60px;
    background-image: url(../images/dropdown.png) !important;
    background-position: 35px !important;
    background-repeat: no-repeat !important;
    background-size: 30% !important;
}
#specificteam_form .dataTables_length label,
#linemanagers_form .dataTables_length label,
#instructors_form .dataTables_length label,
#masteradmin_form .dataTables_length label{
    float: left;
    font-size: 14px;
}

#cke_reply_body .cke_top,#cke_reply_body  .cke_bottom,
#cke_message_text .cke_top,#cke_message_text .cke_bottom{
    box-shadow: none !important;
}
.cke_toolgroup{
    box-shadow: none !important;
    border:1px solid transparent !important;

}
.dataTables_filter input {
    padding: 6px;
    background-image: url(../images/search.png) !important;
    background-repeat: no-repeat !important;
    background-position: 4px !important;
    padding-left: 30px;
    line-height: 20px;
    background-size: 10% !important;
}
.dataTables_paginate  a,
.dataTables_paginate .paginate_button a{
    margin: 0px 2px;
}
.modal .modal-body .table thead th {
    font-weight: 100;
}
.modal .modal-body .table thead th:after,
.modal .modal-body .table thead th:before{
    display: none;
}
.modal .modal-body  table.dataTable{
    margin-top: 15px;
}
.composeMail .bootstrap-tagsinput{
    margin-bottom: 0px;
}
.messageWrapper .messageBlock .overlay .custom-control {
    display: inline-block;
    left: 20px;
    top: 20px;
}
.messageWrapper .view_email  .overlay .custom-control-label::before{
    left: -1.8rem;
    top: -1.3px;
    border: #eeeeee3b solid 5px;
}
.messageWrapper .view_email.active .overlay .custom-control-label::before{
    border: #4A4A4A solid 5px  !important;
}
.messageWrapper .view_email.active:hover .overlay .custom-control-label::before{
    border: #707070 solid 5px  !important;
}
.messageWrapper .messageBlock .custom-control-input:checked ~ .custom-control-label::before{
    border-color: #212529;
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{
    background:transparent; 
}
#footer p {
    margin-bottom: 0px;
}
.simplebar-track.simplebar-horizontal{
    display: none;
}
#reply_query{
    margin-bottom: 15px;
}
.messageWrapper .messageBlock .custom-checkbox .custom-control-label::before{
    width: 32px;
    height: 32px;
}
.message .messageFooter .fileImgField .input-group-prepend{
    margin-right: 0px !important;
}
.message .messageFooter .fileImgField .input-group-prepend .input-group-text{
    border-right: 0px solid transparent;
    margin-right: -2px;
}
.message .messageFooter .fileImgField .input-group-prepend .input-group-text .thumb-icons{
    border: 0px solid transparent; 
    padding: 5px 8px;
    border-radius: 0px;
    font-size: 16px;
}
.message .messageFooter .fileImgField .input-group-prepend .krdoc{
    background: #2b5796;
}
.message .messageFooter .fileImgField .input-group-prepend .krexcel{
    background: #1e7145;
}
.message .messageFooter .fileImgField .input-group-prepend .krimg{
    background: #f39b29;
}
.message .messageFooter .fileImgField .input-group-prepend .krppt{
    background: #d04525;
}
.message .messageFooter .fileImgField .input-group-prepend .krpdf{
    background: #c11e07;
}
.message .messageFooter .fileImgField .input-group-prepend .krmp3{
    background: #3eb5d0;
}
.message .messageFooter .fileImgField .input-group-prepend .krvideo{
    background: #f74141;
}
.message .messageFooter .fileImgField .input-group-prepend .thumb-icons span{
    font-size: 25px;
}
.messageWrapper .message .attachment .fileImgField .filedata{
    border-left: 0px solid transparent !important;
    border-right: 0px solid transparent !important;
    padding-left: 10px;
}
.messageWrapper .message .attachment .fileImgField .fileNames{
    margin: 0px;
}
.messageWrapper .message .attachment .fileImgField .thumb-icons span:before{

}
.messageWrapper .message .attachment .fileImgField .input-group span.fa{
    left: 0px;
    padding: 0px 15px;
    border-left: 0px solid transparent !important;
    border-radius: 3px;
    margin-left: -5px;
}
@media (min-width: 576px){
    .modal-sm{
        max-width: 300px;
        width: 300px !important;
    }
    .modal-dialog.modal-md {
        width: 550px !important;
        max-width: 550px !important;
    }
    .modal-dialog.modal-lg{
        width: 800px !important;
        max-width: 800px !important;
    }
    #unenroll-confirm-box .modal-dialog,
    #moduleInformationModal .modal-dialog,
    #unenroll-box .modal-dialog,
    #view-detail-feedback .modal-dialog,
    #disable_reason_modal .modal-dialog,
    #change_password_model .modal-dialog,
    #change-log-confirm-modal .modal-dialog,
    #searchInfoModal .modal-dialog,
    #confirm_model .modal-dialog,
    #optout_from_session_modal .modal-dialog,
    #moduleInformationModal .modal-dialog,
    #t_and_c_m  .modal-dialog,
    #couponInformationModal .modal-dialog,
    #queryDetail .modal-dialog,
    #attachment .modal-dialog,
    #splashModal .modal-dialog,
    #courseInformationModal .modal-dialog,
    #announcementDeleteModal .modal-dialog,
    #approve_reject_request .modal-dialog,
    #actions-confirm-box .modal-dialog{
        top: 45%;
        left: 50%;
        transform: translate(-50%,-50%);
        position: absolute;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px){
    .forumWrapper .modal-dialog {
        width: 70% !important;
        max-width: 70% !important;
    }
    #catlog .video-slide-image, #myLearning .video-slide-image, .dashboardfull .video-slide-image{
        height:200px;
    }
    #dashboard #leaderBoard #leader_board_dropdown{
        right: 80px;
        min-width: 145px;
    }
    .lpathbox .coursetype{
        border-right: 1px solid transparent;
    }
    #searchpop .searchWrap{
        width: 70%;
    }
    #searchpop .searchBtnWrap{
        width: 30%;
        padding: 0px;
    }
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after {
        height: 60px !important;
        top: -10px !important;
    }
    #badge_update .badge-card-wrapper .row div:last-child{
        padding: 0px !important;
        text-align: center;
    }
    .modal-dialog.modal-lg,
    .modal-dialog.modal-md {
        width: 550px !important;
        max-width: 550px !important;
    }
    #moduleInformationModal .modal-body,
    #t_and_c_m .modal-body,
    #queryDetail .modal-body,
    #attachment .modal-body,
    #splashModal .modal-body,
    #courseInformationModal .modal-body {
        max-height: 400px;
    }
    .accouncementWrapper  .pagination {
        justify-content: end;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    #dashboard #profile .profileBlock {
        margin-left: 15px;
        margin-top: 0px;
        margin-bottom: 15px;
        margin-right: 15px !important;
    }

    #dashboard .sliderWrapper .shift-right{
        transform:none !important;
    }


    .quickAction li.search{
        display: inline-block !important;
        border-right: 1px;
    }
    .modal-dialog.modal-lg{
        width: 700px !important;
        max-width: 700px !important;
    }
    .modal-dialog.modal-md{
        width: 600px !important;
        max-width: 600px !important;
    }
    #t_and_c_m .modal-body, 
    #attachment .modal-body,
    #splashModal .modal-body, 
    #courseInformationModal .modal-body {
        max-height: 400px !important;
    }
    #my-passport-ui .courseGraph .calenderInputWrap.d-flex{
        display: flex !important;
    }
    #my-passport-ui .courseGraph div.d-flex{
        display: block !important;
    }
    #my-passport-ui .courseGraph .calenderInputWrap{
        width: 100% !important;
    }
    #dashboard #marketingCalender #marketing-calendar-events .ei-events-container-mcal a{
        width: 100% !important;
        display: block !important;
    }
}

@media (max-width: 767px){
    .messageWrapper .messageBlock .card.active .card-body .fa.fa-chevron-right,
    .messageWrapper .messageBlock .card.active:before{
        display: none;
    }
    .messageWrapper .messageBlock .card{
        width: 99%;
    }
    .simplebar-offset{
        right:0px;
    }
    .composeMailBlock{
        left: 0px !important;
    }
    #myProfile .update_profile{
        margin-bottom: 10px;
    }
}
/*End Apsara 22-November-2019 ***********************************************************************************/

/*25-11-2019 ******************************************************************************************************/
.queryWrapper .msgContent .msg_history .sent_msg p{
    word-break: break-all;
}
@media screen and (max-width: 767px){
    .queryWrapper .messageBlock .card{
        min-width: 97%;
        max-width: 100% !important;
    }
    .queryWrapper .messageBlock .card.active:before{
        display: none;
    }
}
/*25-11-2019 *************************************************************************************************************/

/* 25-11-2019 Dashboard UI Issue**********************************************************************************************/
.calenderWrapper{
    position: relative;
    margin: 0 auto;
}
.calenderWrapper .fc-other-month {
    background-color: #1A1C1B !important;
}
.calenderWrapper .fc-other-month.fc-future{
    background-color: #1A1C1B !important;
}
.calenderWrapper .fc-past{
    background-color: #1A1C1B !important
}
.calenderWrapper .fc-button-agendaWeek{
    display:none;
}
.calenderWrapper   .fc-state-default{
    text-transform: capitalize ;
    border: 0px solid !important;
    border-radius: 5px !important;
    margin-right: 5px !important;
    text-shadow: none;
    box-shadow: none;
    padding: 0px !important;
    font-size: 14px !important;
}
.fc-toolbar .fc-state-active{
    font-size: 14px  !important;
    padding: 0px !important;
}
.fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right{
    width: 70px;
    font-size: 14px;
    padding: 0px !important;
}
.fc-toolbar .fc-center button{
    border-radius: 100% !important;
}
.calenderWrapper .fc-button-group{
    border:0px solid transparent !important;
}
.calenderWrapper  .fc-header td {
    white-space: nowrap;
    padding: 0px;
    width: 100%;
    display: block;
}
.calenderWrapper .fc-header-left{
    text-align:center;
}
.calenderWrapper  .fc-header-center{
    text-align: right;
    margin-top: 10px;
}
.calenderWrapper  .fc-widget-content {
    border-collapse: separate;
}
.fc-first td{
    border-top: 0.10rem solid #242424 !important;
}
.fc-day.fc-last{
    border-right: 0.10rem solid #242424 !important;
}

.calenderWrapper  .fc-state-active{
    text-transform: capitalize;
    border: 0px solid;
    border-radius: 5px;
    margin-right: 5px;
}
.calenderWrapper .fc-button-today{
    display:none;
}
td.fc-today {
    position: relative;
}
.fc-first th{  
    background:#1A1C1B !important;
    font-size:14px !important;
    font-weight:500 !important;
}
.fc-event-inner { 
    background: #38A2D4 !important;
    font-size: 12px!important;
    font-weight: 500!important;
    padding: 1px 10px!important;
    border-radius: 15px;
}
.calenderWrapper .fc-toolbar h2 {
    float: none;
    font-size: 20px;
    font-weight: 300;
    margin: 0 25px;
    display: inline-block;
    width: 15%;
    line-height: 1.3;
}
.fc-border-separate tr.fc-last th{
    border-bottom-width: 0.02rem;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-day-header{
    background: #1A1C1B !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 5px !important;
}
/*End 25-11-2019 Dashboard UI Issue*********************************************************************************************/

/*Start 26-11-2019 Dashboard UI Issue************************************************************************************/
#dashboard #upcomingCourse .course:last-child{
    margin-right: 0px !important;
}
#dashboard #profile .profileBlock{
    padding-left: 0px;
}
#dashboard #profile .profileInfo .name{
    word-break: break-all;
    height: 25px;
    overflow: hidden;
    line-height: 1.5;
}
#dashboard #profile .profileInfo .designation{
    height: 20px;
    word-break: break-all;
    overflow: hidden;
    display: block;
}
#dashboard #profile .quickLinks{
    border-radius: 3px;
}
#announcementWrapper .announcement li {
    width: 100% !important;
    display: block;
}
#announcementWrapper .announcement li .annTitle{
    display: block;
    font-family: GilroyBold;
    font-size: 16px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#announcementWrapper .announcement li .anndecrip{
    display: block;
    line-height: 25px;
    margin-bottom: 5px;
    font-size: 14px;
}
#announcementWrapper .announcement .annContent .anndescriptionWrapper{
    height: 150px;
    overflow: hidden;
}
#announcementWrapper .announcement .annContent .anndescriptionWrapper .jwplayer.jw-flag-aspect-mode{
    height: 150px !important;
}
#announcementWrapper .slider-counter{
    margin: 7px 55px 0px 0px;
    line-height: 1;
}
#announcementWrapper .owl-theme .owl-nav {
    width: 75px;
    line-height: 10px;
    position: absolute;
    right: -15px;
    top: -55px;
}
#announcementWrapper .announcement{
    margin-bottom: 0px;
}
.chartWrap{
    width: 49%;
    display: inline-block;
    vertical-align: top;
    outline:none;
}
.box-footer{
    width: 49%;
    display: inline-block;
    margin-top: 35px;
}
.chartLabelWrap{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.chartLabelWrap p a{

}
.chartLabelWrap p{
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 15px;
}
#marketingCalender .tab-content,
#expiringCertificateWrapper .tab-content,
#marketingCalender .tab-content,
#myprogress .tab-content{
    height: auto !important;
}
#marketingCalender .nav-tabs,
#expiringCertificateWrapper .nav-tabs,
#myprogress .nav-tabs{
    border-bottom: 1px solid transparent;
    margin-bottom: 1rem;
}
#marketingCalender .nav-tabs .nav-link,
#expiringCertificateWrapper .nav-tabs .nav-link,
#myprogress .nav-tabs .nav-link{
    border-radius: 0.25rem;
    padding: 0.25rem 1rem;
    margin-right:5px;
    font-size: 14px;
}
/*#expiringCertificateWrapper  .nav-tabs .nav-item,
#myprogress .nav-tabs .nav-item{
    margin-right: 5px;
}*/
#marketingCalender .scrtabs-tab-container,
#expiringCertificateWrapper .scrtabs-tab-container,
#expiringCertificateWrapper .scrtabs-tabs-fixed-container,
#myprogress .scrtabs-tab-container,
#myprogress .scrtabs-tabs-fixed-container{
    height: auto !important;
}
.leaderboard-details li{
    width: 19.5%  !important;
}
#dashboard #marketingCalender .ei-events-container-2,
#dashboard #marketingCalender .ei-events-container,
#dashboard #marketingCalender .ei-events-container-mcal{
    width: 100%;
    max-height: 203px !important; 
    overflow: auto;
}
#marketingCalender .ei-events-container, #marketingCalender .ei-events-container-2{
    display: flex; flex-wrap: wrap;
}
#marketingCalender .ei-content{width: 83%;}
.link{
    float:left;
    margin-right:10px;
    font-size:5px;
    font-family: GilroyRegular;
    letter-spacing:1px;
    line-height: 1.8;
    display:inline-block;
    padding-left:15px;
    padding-right: 10px;


}
#dashboard #marketingCalender .ei-events-container-2 a,
#dashboard #marketingCalender .ei-events-container a,
#dashboard #marketingCalender .ei-events-container-mcal a{
    width: 49% !important;
    display: inline-flex;
    margin: 2.5px;
}
#dashboard #marketingCalender .marketing-calendar-events{
    margin-bottom: 0px;
}
#dashboard #marketingCalender .ei-name{

}
#dashboard #marketingCalender  .ei-event{

    border:0px solid transparent;
    padding: 15px;
}

#dashboard #marketingCalender .marketing-calendar-info-icon{

}
#dashboard #marketingCalender .ei-event .ei-date .ei-day, 
#dashboard #marketingCalender .ei-event2 .ei-date .ei-day{


}
#marketing-calendar-events{
    margin-bottom: 0px !important;
}
#dashboard #marketingCalender .ei-nav-container-2,
#dashboard #marketingCalender .ei-nav-container,
#dashboard #marketingCalender .ei-nav-container-mcal{
    background: transparent;
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 15px;
}
#dashboard #marketingCalender #ei-events-2 h2,
#dashboard #marketingCalender #ei-events h2,
#dashboard #marketingCalender #marketing-calendar-events h2{
    display: inline;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0px 15px;

    line-height: 25px;
}
#dashboard #marketingCalender  .ei-nav-container i,
#dashboard #marketingCalender  .ei-nav-container-2 i,
#dashboard #marketingCalender .ei-nav-container-mcal i{
    display: inline;
    font-size: 20px;
    line-height: inherit;

    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 1;
}
#dashboard  #leaderBoard #leader_board_dropdown{
    float: right;
    min-width: 200px;
    position: absolute;
    right: 65px;
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 14px;
    top: 15px;
}
#teamCourComp .leaderboard-details,
#leaderBoard .leaderboard-details{
    padding: 0px !important;
}
#leaderBoard .leaderboard-details ul{
    padding: 0px;
    margin:0px;
    list-style: none;
}
#prev_next_team_completion,
#prev_next_leaderboard{
    position: absolute;
    z-index: 9;
    right: 35px;
    top: 20px;
    width: 50px;
    text-align: right;
}
#leaderBoard .leaderboard-details .norankli{
    width: 100% !important;

}
/*25-11-2019 ******************************************************************************************************/

/*25-11-2019 After merge*************/
/*no need to add this*/
/*.modal .modal-body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    border:solid transparent !important;
}*/
.modal .modal-body .custom-checkbox .custom-control-label{
    cursor: pointer;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination{
    float: right;
}
.cke_path{
    display: none;
}
@media (min-width: 992px){
    .modal-lg, .modal-xl {
        max-width: 800px;
        width: 800px;
    }   
}
/*End 25-11-2019 After merge*************/

/*start 27-11-2019 Dashboard UI Issue****************************************************************************************/
#prev_next_team_completion .nextarrow,
#prev_next_leaderboard .nextarrow{
    padding: 13px 6px 12px 5px !important;
    border-radius: 0px 40px 40px 0px;
    cursor: pointer;

}
#prev_next_team_completion .nextarrow img,
#prev_next_leaderboard .nextarrow img{
    left: 4px;
    position: relative;
    width: 10px;
    top: -2px;
}
#prev_next_team_completion .pervarrow,
#prev_next_leaderboard .pervarrow{
    border-radius: 40px 0px 0px 40px; 
    padding: 13px 6px 12px 5px !important;
    margin: -1px 0px -1px 0px;
    cursor: pointer;
}
#prev_next_team_completion .pervarrow img,
#prev_next_leaderboard .pervarrow img{
    width: 10px;
    right: -5px;
    position: relative;
    top: -2px;
}
#announcementWrapper .owl-theme .owl-nav button .carousel-control-prev-icon,
#announcementWrapper .owl-theme .owl-nav button .carousel-control-next-icon {
    background-size: 10px !important;
}
.carousel-control-prev-icon{
    /*  background-image: url('../images/arrowNext.png') !important;*/
    background-image: none !important;
}
.carousel-control-next-icon{
    /*    background-image: url('../images/arrowPervious.png') !important;*/
    background-image: none !important;

}
.calenderWrapper .fc-toolbar .fc-center button {
    height: 30px;
    width: 30px;
    margin: 0px !important;
}
.calenderWrapper .fc-next-button .fc-icon,
.calenderWrapper .fc-prev-button .fc-icon{
    display: inline-block;
    margin-left: 1px;

    margin-top: 4px;
}
.calenderWrapper .fc button .fc-icon {
    position: relative;
    top: .05em;
    margin: 4px 1px;
}
.calenderWrapper .fc-toolbar .fc-right{
    float: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: -45px;
    margin-bottom: 15px
}
.calenderWrapper .fc-toolbar .fc-center {
    display: block;
    float: none;
    position: relative;
    top: -45px;
}
.calenderWrapper .fc-toolbar .fc-center div:first-child{
    display: flex;
    width: 100%;
}
.calenderWrapper .scrtabs-tabs-fixed-container,
.calenderWrapper .scrtabs-tab-container{
    height: auto !important;
}
.calenderWrapper .calenderLabel{
    position: absolute;
    top: 120px;
}
.calenderWrapper .fc-row .fc-content-skeleton td{
    border: 0.10rem solid #242424;
    border-bottom: 0.10rem solid transparent !important;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.calenderWrapper .fc-widget-header{
    border-color:transparent;
    height: auto !important;
    line-height: 1.5 !important;
}
.calenderWrapper .fc-view.fc-month-view.fc-basic-view{
    border-left:1px solid  #242424; 
}
.calenderWrapper .fc-day-grid-event .fc-time {
    font-weight: bold;  
}
.sliderWrapper .slick-slide img,
#dashboard .sliderWrapper .slick-slide img{
    height: -webkit-fill-available !important;
    height: 100%;
    object-fit: cover;
    height: inherit;
}
@media screen and (min-width: 960px){
    .sliderWrapper .video-slide:hover,
    .sliderWrapper .video-item:hover {
        transform: translate3d(0,-8px,0) scale(1.2) !important;
    }
    .sliderWrapper .slick-first:hover,
    .sliderWrapper .slick-first:first-child:hover,
    .sliderWrapper .video-item:first-child:hover, 
    .sliderWrapper .video-item:nth-of-type(3n+1):hover {
        transform: translate3d(40px,-8px,0) scale(1.2) !important;
    }
    .sliderWrapper .slick-last:hover {
        transform: translate3d(-40px,-8px,0) scale(1.2) !important;
    }
}

.categorybg {
    background: #2C2C2C !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
    padding: 14px 15px 10px !important
}
.categorybg i {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    line-height: 26px !important;
    text-align: center !important;
    margin-right: 5px !important;
    top: -3px !important;
    position: relative !important;
    cursor: pointer;
}

#slider-animation{
    margin-left: -30px;
    margin-right: -30px;
    min-height: 528px; /* this css for elamb instance */
}
#slider-animation .prevnextlist .carousel-control-next-icon{
    width: 12px;
    margin-right: -3px !important;
}
#slider-animation .prevnextlist .carousel-control-prev-icon{
    width: 12px;
    margin-left: -1px !important;
}
#slider-animation .prevnextlist{
    width: 30px;
    height: 55px;
}
.carousel-control-next,
.carousel-control-prev{
    opacity: 1;
}
#kr-modal .modal-body{
    margin:0px !important;
    padding:0px;
}  
#kr-modal .modal-dialog .modal-header{
    display: block;
}
#kr-modal .modal-dialog .modal-header button.close{
    float: right;
}
#kr-modal .modal-dialog .modal-header .string-limit-name{
    line-height: 25px;    
    font-family: GilroyMedium;
    display: inline-block;
    font-size: 22px;
    float: left;
    width: 90%;
}
#kr-modal .modal-dialog .modal-body .string-limit-name{
    text-transform: capitalize;
    font-family: GilroyBold;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
#kr-modal .modal-dialog .modal-body .poptt{
    display: block;
    width: 100%;
    padding: 15px 15px 0px 15px;
}
#kr-modal .modal-dialog .modal-body .panel-pos{
    width: 100%;
}
#kr-modal .modal-dialog .modal-body .modal-description{
    padding: 0px 15px 0px 15px;
}
#kr-modal .modal-dialog .modal-body .panel-pos .no-padding{
    padding:0px;
}
#kr-modal .modal-dialog .modal-body .date-time-wrap-2{
    margin:0px;
}
#kr-modal .modal-dialog .modal-body .datewrapbox p{
    font-family: GilroyBold;
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
#kr-modal .modal-dialog .modal-body  .modal-end-date,
#kr-modal .modal-dialog .modal-body .modal-start-date{
    font-size: 16px;
    margin-left: 25px;
    margin-bottom: 0px;
}
@media screen and (min-width: 960px){
    .vs-video-description-drop {
        margin-top: -50px !important;
        position: relative !important;
    }
    /* this css for elamb instance */
    /*.vs-video-description-drop .tab-content{
        height: 600px;
    }*/
}

@media (max-width: 767px){
    .xmb15{
        margin-bottom: 15px;
    }
    .chartWrap img{
        max-width: 100%;
        height: auto;
    }
    .box-footer {
        margin-top: 30px;
    }
    #dashboard #myprogress,
    #dashboard #expiringCertificateWrapper,
    #dashboard #profile,
    #dashboard #announcementWrapper{
        margin-left:0px;
    }
    /*#dashboard .card-deck.mb80 {
        margin-bottom: 20px;
    }*/
    #dashboard #marketingCalender .ei-events-container-mcal a{
        width: 100% !important;
    }
    #slider-animation{
        margin-left:-15px !important;
        margin-right:-15px !important;
    }
    .equalHeightBlock{
        display: block;
        flex: none;
    }
    #dashboard #profile .profileBlock{
        margin-bottom: 15px;
        margin-top: 0px;
        margin-left: 0px;
    }
    #dashboard #profile .profileInfo{

        margin: 8px 8px 0px 8px;
    }
    #dashboard #profile .profileBlock{
        background: transparent;
    }
    #dashboard #profile{
        padding-top: 0px;
    }
}
/*End 27-11-2019 Dashboard UI Issue****************************************************************************************/

/*start 28-11-2019 Dashboard UI Issue****************************************************************************************/
#kr-modal .datewrapbox{    padding-bottom: 15px;
                           padding-top: 15px;
}

#kr-modal .datewrapbox i{
    margin-top: 5px;
}
#kr-modal .date-time-wrap-2 .col-md-6:nth-child(2){
    padding-left: 0px;
}
#kr-modal .date-time-wrap-2 .col-md-6:nth-child(2) .datewrapbox{
    border-right: 0px solid transparent;
}
.categorybg i{
    float: left;
    margin-right: 10px !important;
    margin-left: 0px !important;  
}
.btn:hover{
    opacity: 0.8;
}
.custmBtnPrimary:hover{

}
.custmBtnDefault{

}
.form-group input:-webkit-autofill {
    background-color: transparent !important;
}
.slick-next:before{
    /*background-image: url(../images/arrowPervious.png) !important;*/
    background-size: contain;
    background-repeat: no-repeat;
    /*color: transparent !important;*/

    margin-left: 0px;
    font-size: 16px;
}
.slick-prev:before{
    /* background-image: url(../images/arrowNext.png) !important;*/
    background-size: contain;
    background-repeat: no-repeat;
    /* color: transparent !important;*/

    margin-right: 0px;
    background-position: center;
    font-size: 16px;
}
.prev_nextArrow .pervarrow{
    border-radius: 40px 0px 0px 40px;


    padding: 12px 3px 13px 5px !important;
    cursor: pointer;
    margin-right: 2px;
}
.prev_nextArrow .nextarrow {


    padding: 12px 6px 13px 5px !important;
    border-radius: 0px 40px 40px 0px;
    cursor: pointer;
}
.prev_nextArrow .pervarrow img {
    width: 10px;
    right: -5px;
    position: relative;
    top: 0px;
}
.prev_nextArrow .nextarrow img{
    left: 4px;
    position: relative;
    width: 10px;
    top: 0px;
}
.prev_nextArrow{
    position: absolute;
    right: 15px;
    top: 18px;
    top: 15px;
    width: 50px;
    text-align: right
}
.messageWrapper .message .attachment .fileImgField .input-group span.fa{
    height: 42px;
}
/*dont add*/
/*.message .messageFooter .fileImgField .input-group-prepend{
    background: #f74141;
}*/
/*dont add*/
.messageWrapper .msgContent .messageBody{
    max-width: 100%;
    height: auto !important;
}
.messageWrapper .msgContent .messageBody img{
    max-width: 100%;
    height: auto;
}
@media (max-width: 767px){

    .card-deck .cardContent:nth-child(1){
        margin-bottom: 15px;
    }
    #expiringCertificateWrapper{
        margin-bottom: 0px !important;
    }
}
/*End 28-11-2019 Dashboard UI Issue****************************************************************************************/

/* 29-11-2019****/
/*.sliderWrapper  .slick-slide{
    height: 190px;
}*/
#signup .customForm .error,
#ui_login .error,
#ui_resetPassword .error,
#ui_activateLearner .error,
#ui_resetPassword .error{
    margin-top: 0px;
}
#ui_resetPassword .btn,
#ui_activateLearner .btn,
#ui_resetPassword .btn,
#ui_login .btn,
#signup .btn{
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.56;
}
@media (min-width: 767px){
    #ui_login .lowerBtnWrap div:nth-child(3){
        display: flex !important;
        justify-content: center;
        align-items: center;
    }
    #ui_login .exactCenter .alert{
        width: 95%;
        position: absolute;
        right: 0px !important;
        margin-right: 0px !important;
        z-index: 1;
        padding: 0.377rem 0.75rem;
        margin-bottom: 0px !important;
        font-size: 12px;
        top: -50px;
    }
    #ui_login .exactCenter .alert .close{
        font-size: 1rem;
        line-height: 1.4;
    }


}
@media screen and (max-width: 576px){
    .topheader-itemCount{
        top: 0px;
        right: -2px !important;
        font-size: 10px !important;
        padding: 2px 5px;
    }
    .messageWrapper .instantActionBtn .btn{
        font-size: 14px;
    }
    .messageWrapper .instantActionBtn .btn span{
        margin-right:5px !important;
    }
}

@media screen and (max-width: 767px){
    #ui_login .leftWrapper .aboutContent p {
        margin-left: 0px;
        word-break: break-all;
        width: 95%;
    }
    #signup .customForm .form-group .form-control, 
    #ui_login .customForm .form-group .form-control,
    #ui_resetPassword .customForm .form-group .form-control,
    #ui_activateLearner .customForm .form-group .form-control{
        margin-right: -1px;
    }
    .topheader-itemCount {
        top: 0px;
        right: -2px !important;
        font-size: 10px !important;
    }

}
@media screen and (min-width: 320px) and (max-width: 375px) {
    h1 {
        font-size: 1.5rem;
    }
    #ui_login .leftWrapper .login_info_content_link .name{
        font-size: 12px;
    }
    .lwbtnSection .customCheckBoxWrap label{
        font-size: 12px;
    }
    #ui_login .lwbtnSection a{
        font-size: 12px;
    }
    .topheader-itemCount{
        top: 0px;
        right: -2px !important;
        font-size: 10px !important;
        padding: 2px 5px;
    }
}
/* 29-11-2019****/

/*Start  2-12-2019*******************************************************************************************************/
.dashboardfull .bannerhero, .learningpathui .bannerhero{
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    background-size: cover !important;
}
.microsoftexcel-icon{
    background:#216a44;
}
.microsoftword-icon{
    background:#305386;
}
.microsoftpowerpoint-icon{
    background:#ba442b;
}
.file-icon{
    background: #023468;
}
/*need to add*/
.pdf-icon,.file-pdf-o-icon {
    background: #af2210;
}
.fileImgField .thumb-icons,
.accouncementWrapper .fileImgField .thumb-icons{
    padding: 5px;
    width: 45px;
    font-size: 15px;
    border-radius: 0px;
}
.fileImgField .thumb-icons [class^="icon-"],
.accouncementWrapper .fileImgField .thumb-icons [class^="icon-"],
.accouncementWrapper .fileImgField .thumb-icons   [class*=" icon-"]{
    font-size: 1.4rem;
}
.sliderWrapper .slick-prev,.sliderWrapper .slick-next{
    top:105px;
}
.mb-0{
    margin-bottom: 0px;
}
@media (max-width:576px){
    .calenderWrapper .fc-day-grid-container.fc-scroller{
        height: auto !important;
    }

    /*  .calenderWrapper .fc-unthemed th,.calenderWrapper .fc-unthemed td, 
     .calenderWrapper .fc-unthemed hr,
      .calenderWrapper .fc-unthemed thead,.calenderWrapper .fc-unthemed tbody, 
      .calenderWrapper .fc-unthemed .fc-row,
      .calenderWrapper .fc-unthemed .fc-popover{
          height: 46px !important;
      }*/
    .calenderWrapper .calenderLabel{
        font-size: 13px;
    }
    .calenderWrapper .fc-state-default.fc-corner-left{
        width: 50px;
    }
    .calenderWrapper .fc-agendaDay-button.fc-button.fc-state-default.fc-corner-right{
        width: 50px;
        font-size: 14px !important;

        padding: 0px !important;
        margin-right: 0px;
    }
    .calenderWrapper .calenderLabel{
        top:95px;
    }
    .calenderWrapper .fc-toolbar h2{
        font-size: 18px;

    }
    #dashboard .cardContent {
        padding: 10px;
    }
    .chartWrap img{
        margin-left: -10px;
    }
    .box-footer{
        width: 52%;
    }
    .chartWrap{
        width: 45%;
    }
    #dashboard #leaderBoard #leader_board_dropdown{
        position: static;
        top: 0px;
        float: none;
        margin-bottom: 15px;
        width: 100% !important;
    }
    .accouncementWrapper .fileImgField {
        width: 100% !important;
        margin: 0px !important;
    }
    #dashboard #marketingCalender .ei-nav-container-mcal{
        position: relative;
        padding: 0px 15px 15px 15px;
    }
    #expiringCertificateWrapper {margin-bottom: 15px !important;}
}
@media (max-width:767px){
    .popContent .mainContent{
        height: calc(100vh - 110px);
    }
    #announcementWrapper .owl-theme .owl-nav button{
        padding: 3px !important;
    }
    #announcementWrapper .owl-theme .owl-next,
    #announcementWrapper .owl-theme .owl-prev {
        border-radius: 100%;
    }
    #announcementWrapper .owl-theme .owl-nav {
        width: 70px;
        line-height: 10px;
        position: absolute;
        right: -10px;
        top: -40px;
        margin: 0px;
    }
    #announcementWrapper .slider-counter {
        margin: 7px 65px 0px 0px;

    }
    #dashboard .sliderWrapper{
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }
    #dashboard .sliderWrapper .slide-category,
    #dashboard .sliderWrapper .slide-category.slide-container{
        margin-bottom: 0px;
    }
    #dashboard  #slider-animation{
        margin-bottom: 15px !important;

    }
    #dashboard .show-vs-drop{
        margin-bottom: 0px !important;
    }
    #dashboard  .sliderWrapper .slick-slide{
        margin-bottom: 15px !important;
    }
    #dashboard .prev_nextArrow {
        position: absolute;
        right: 5px;
        top: 10px;
    }
    #prev_next_team_completion .pervarrow,
    #prev_next_leaderboard .pervarrow,
    .prev_nextArrow .pervarrow{

        border-radius: 100%;
        margin-right: 0px;
        width: 26px;
        height: 26px;
        display: inline-block;
    }
    #prev_next_team_completion .pervarrow img,
    #prev_next_leaderboard .pervarrow img,
    .prev_nextArrow .pervarrow img {
        right: 0px;
        position: relative;
        top: -11px;
        width: 8px;
    }
    #prev_next_team_completion .nextarrow,
    #prev_next_leaderboard .nextarrow,
    .prev_nextArrow .nextarrow {
        margin: 1px;
        border-radius: 100%;
        cursor: pointer;
        width: 26px;
        height: 26px;
        display: inline-block;
    }
    #prev_next_team_completion .nextarrow img,
    #prev_next_leaderboard .nextarrow img,
    .prev_nextArrow .nextarrow img {
        left: 2px;
        position: relative;
        width: 8px;
        top: -11px;
    }
    #announcementWrapper .owl-theme .owl-prev{
        margin-right: 3px !important; 
    }
    .accouncementWrapper .fileImgField {
        width: 70% !important;
        margin-bottom: 15px !important;
    }
    .prev_nextArrow{
        top: 10px;
        width: 70px;
    }
    #prev_next_team_completion,
    #prev_next_leaderboard {
        right: 10px;
        top: 10px;
        width: 70px;
    }
    .navbar-nav > .user-menu .img-profile{ margin: -5px -4px -5px -5px !important; }

}
@media (min-width: 576px) and (max-width: 767px){
    .calenderWrapper .calenderLabel{
        display: flex;
    }
}



@media (min-width: 767px){
    .calenderWrapper .calenderLabel{
        display: flex;
    }
}
/* End 2-12-2019*********************************************************************************************************/

/* Start 3-12-2019*******************************************************************************************************/

.video-slide-details h4{
    /* overflow: hidden !important;
     text-overflow: ellipsis !important;
     width: 200px;*/
    max-height: 34px;
    word-break: break-all;
    padding-right: 10px;
    overflow:hidden;
}
.modal .modal-body .mainHeading{
    /*height: 25px;*/
    overflow: hidden;
    text-overflow: ellipsis !important;
}
#dashboard .card-deck .cardContent:nth-child(1){
    margin-right: 3px !important;

}
p{
    word-wrap: break-word;
    margin-bottom: 0.2rem;
}
.dashboardfull .blockWrapper .card-deck:nth-child(1),
.dashboardfull .blockWrapper .sliderWrapper:nth-child(1){
    margin-top: 95px !important;
}
/*End 3-12-2019*******************************************************************************************************/

/*Start 4-12-2019*******************************************************************************************************/
#ui_login .aboutContent .simplebar-content{
    width: 95%;
}
/* no need to add this*/
/*main{
    min-height: 80vh;
}*/
@media screen and (max-width: 576px){
    #certifications_users_report_table_filter{
        width: 100%;
    }
    #certifications_users_report_table_filter label{
        margin-left: -65px;
    }
    #linemanagers_form .dataTables_length label, 
    #instructors_form .dataTables_length label,
    #masteradmin_form .dataTables_length label{
        float: none !important;
    }
    #linemanagers_form .dataTables_filter label,
    #instructors_form .dataTables_filter label,
    #masteradmin_form .dataTables_filter label{
        float: none !important;
        margin-left: -65px;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination{
        justify-content: center;
    }
}
.calenderWrapper .fc-ltr .fc-axis{
    background: #1A1C1B;
    text-align:center;
}
.calenderWrapper .fc-unthemed hr,
.calenderWrapper .fc-unthemed .fc-popover .fc-header{
    background: transparent !important;
}
.accouncementWrapper .video div {
    font-size: 16px;
}

.page-link:focus{
    box-shadow: none;
}
@media screen and (max-width: 767px){
    .imageUploadblock{
        width:100% !important;
    }
    #my-passport-ui .leaderBoard-wrapper.cardContent{
        margin-bottom: 0px !important;
        padding-bottom: 0px;
    }
}
/*End 4-12-2019*******************************************************************************************************/

/*Start 5-12-2019*******************************************************************************************************/
@media screen and (min-width: 768px) and (max-width: 991px){
    #badges-leaderboard .equalHeightBlock{
        display: block !important;
        flex: none !important;
    }
    #my-passport-ui .leaderBoard-wrapper.cardContent{
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .quickAction li.search .form-group{
        width: 320px;
    }
    /* #myProfile .cardColumn .form-group {
             width: calc(48%);
             float: left;
             margin-bottom: 15px;
         }
         #myProfile .cardColumn .form-group:nth-child(2n+1){
         margin-right: 15px !important;
         }*/
    .accouncementWrapper .fileImgField, .attachment .fileImgField{
        width: 65%;
    }
    .queryWrapper .msgContent .msg_history .received_withd_msg,
    .queryWrapper .msgContent .msg_history .sent_msg{
        width: 60%;
    }

}
#myProfile .fileUpload input{
    width: 25px;
    left: 25px;
    position: relative;
}
#myProfile .fileUpload span.btn{
    position: absolute;
    top: -140px;
    left: 40px;
    opacity: 0;
}
.calenderWrapper .hr{
    position: relative;
    bottom: -42px;
}
.calenderWrapper .fc-toolbar .fc-center div:first-child{
    display: flex;
    justify-content: space-between;
}
/*Start 5-12-2019*******************************************************************************************************/

/*Start 6-12-2019*******************************************************************************************************/
.settingWrapper #systemDiagnostics .card-body .cardWrap img{
    height: 25px;
    float: left;
    margin-right: 5px;
}
.settingWrapper #systemDiagnostics .card-body .cardWrap p.title{
    font-weight: 700;
    text-align: left;
    line-height: 25px;
    font-size: 15px;
}
.settingWrapper #systemDiagnostics .card-body .cardWrap p.content{
    clear: both;
    margin-left: 32px;
    word-break: break-word;
    text-align: left;
    font-size: 12px;
    line-height: 1;
}
.settingWrapper .cardWrap.flex-fill{
    flex:1 1 !important;
}
#systemDiagnostics{
    margin-right: 0px;
}
@media  screen and (min-width: 1024px) {
    #myProfile #update_profile .form-group:nth-child(3){
        margin-bottom: 0px !important;
        padding-bottom: 24px;
    }
    .sliderWrapper + style + .card-deck{
        margin-top: 50px !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1365px){
    .discussion-forumbx .forumlist{width: 48.8% !important;}
    .settingWrapper #systemDiagnostics .card-body .cardWrap p.title{
        font-size: 12px;
        line-height: 20px;
    }
    .settingWrapper #systemDiagnostics .card-body .cardWrap{
        padding:5px;
    }
    .settingWrapper #systemDiagnostics .card-body .cardWrap img{
        height: 20px;
    }
    .settingWrapper #systemDiagnostics .card-body .cardWrap p.content{
        margin-left: 20px;
        font-size: 10px;
    }
    #splashPage h5{
        font-size:15px;
    }
}
/*End 6-12-2019*******************************************************************************************************/

/*Start 7-12-2019*******************************************************************************************************/
#signup .customForm .form-group .input-group-prepend,
#ui_login .customForm .form-group .input-group-prepend,
#ui_resetPassword .customForm .form-group .input-group-prepend,
#ui_activateLearner .customForm .form-group .input-group-prepend{
    border-radius: 3px;
}
@media (max-width: 767px){
    .calenderWrapper .fc-toolbar h2{
        width: auto !important;
        line-height: 32px;
    }

    #knowledgeRespository_ui .quickAction li.search{
        display: inline-block;
        width: 80% !important;
        padding-right: 5px;
    }
    #knowledgeRespository_ui .quickAction{
        display: block !important;
    }
    #knowledgeRespository_ui .search ul.tagit{
        width: 80% !important;
    }
    #knowledgeRespository_ui .quickAction li.search .form-group{
        min-width:100px !important;
        width: 85% !important;
    }
    #knowledgeRespository_ui .quickAction li a span.fa{
        margin-left: 10px;
    }
}
/*End 7-12-2019*******************************************************************************************************/

/*Start 9-12-2019*******************************************************************************************************/
.simplebar-scrollbar{
    border-radius: 10px;
}
/*End 9-12-2019*******************************************************************************************************/
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon.box-wrap{

    border-radius: 4px;
    margin-right: 5px;
    vertical-align: top;
    width: 35px;
    height: 28px;
    text-align: center;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon.box-wrap .fa{
    line-height: 25px;
}
#knowledgeRespository_ui .ico-moon span[class^="icon-"]{
    line-height: 1.5;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon .fa {
    line-height: 25px;
}
#knowledgeRespository_ui .search ul.tagit{
    background: transparent !important;
    border:0px solid transparent;
    padding: 0px;
    width: 89%;
    z-index: 1 !important;
    max-height: 66px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px 0px 3px 3px;
}
#knowledgeRespository_ui .keywords-top-header{
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px){
    .filter-card .form-group:nth-child(4){
        justify-content: center;
    }
    #prev_next_team_completion .nextarrow,
    #prev_next_leaderboard .nextarrow, .prev_nextArrow .nextarrow,
    #prev_next_team_completion .pervarrow,
    #prev_next_leaderboard .pervarrow, .prev_nextArrow .pervarrow{
        padding: 3px 0px 5px 0px !important;
        text-align: center;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .quickAction li a span.fa{
        margin-left: 10px;  
    }
    #knowledgeRespository_ui .search ul.tagit{
        width: 75% !important;
    }
    #dashboard #marketingCalender .ei-event{
        margin-bottom: 5px;
    }
    #my-passport-ui .leaderBCardContent,
    #my-passport-ui .badgesCardcontent{
        background: none !important;
    }
    #badges-leaderboard .badgesCardcontent {
        padding: 0px 15px !important;
        margin: 0px !important;
        margin-bottom: 15px !important;
    }
    #my-passport-ui #badge_update .prev_nextArrow {
        right: 30px !important;
    }
    #my-passport-ui .leaderBCardContent{
        padding: 0px 15px !important;
    }
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card{background:transparent;margin-bottom: 10px;border:none;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-border{border:5px solid }
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-border.borderR_none{border-right:none;}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper{position:relative;margin-bottom:10px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .pdf-icon{background:#af2210;}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .doc-type-icon{position: absolute;bottom: 1px;left: 5px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .card-icon-row{justify-content:center;margin-bottom:5px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .card-icon-row:first-child{margin-top:6px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .card-icon-row:last-child{margin-bottom:0px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .ico-awesome-wrapper{display: flex;align-items: center;justify-content: center;padding:0px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .ico-awesome-wrapper .ico-awesome{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: #141414;}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body{position:relative;padding: 10px 0 15px 0px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body p{margin-bottom: .7rem;font-size: 1.1em;line-height: 1.3em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper{list-style:none;padding:0px;margin:0px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li{display:inline-block;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon{ padding: 2px 6px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon:hover{cursor:pointer;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper .fa.fa-pie-chart{color:#fca83a;}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper{background:#141414;position: absolute;bottom: -25px;padding:5px 0;visibility:hidden;opacity:0;transition:all .3s ease;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper.active{visibility:visible;opacity:1;top: -10px;bottom:0;width:100%;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-title{font-weight:800;padding-left:5px;padding-right: 5px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-title,
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .fa-key,
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .fa-chevron-circle-down{color:#979797;text-transform: uppercase;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .fa-chevron-circle-down{font-size:22px;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-content{margin-top:5px;display:inline-block;max-height: 66px;overflow-y: auto;}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-content .keywords{    border-radius: 3px;
                                                                                                                          border: 1px solid #979797;
                                                                                                                          margin-right: 6px;
                                                                                                                          padding: 2px 6px;
                                                                                                                          display: inline-block;
                                                                                                                          margin-bottom: 6px;
                                                                                                                          float: left;
}

#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .close-keywords:hover{cursor:pointer;}
.iframelaunch iframe{
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    background: #fff !important;
    border: 0px solid transparent;
}
.iframelaunch iframe.scorm-frame{
    padding: 15px 0px;
}
/*End 9-12-2019*******************************************************************************************************/

/*start  10-12-2019*******************************************************************************************************/
#knowledgeRespository_ui .quickAction form{
    margin-bottom: 0px !important;
}
#topHeader .navbar-right-panel .nav-item:last-child .nav-link{
    margin-right:0px !important;
}
.alert{
    width: 100%;
}
/*End 10-12-2019*******************************************************************************************************/

/*Start 11-12-2019*******************************************************************************************************/
.calenderWrapper .fc-row .fc-content-skeleton{
    padding-bottom: 0px !important;
}
#my-passport-ui .cardContent .form-group .form-control{
    margin-right: 5px;
    padding-left: 0px;
    border-left: 0px solid transparent !important;
}
/*End 11-12-2019*******************************************************************************************************/

/*Start 12-12-2019*******************************************************************************************************/
.leader-profile-img{
    height: 210px;
    object-fit: cover;
}
.externalCert-box-wrapper .externalCert-box-content .form-control{
    background:transparent;
}
/* My passport CSS By Tushar Deokar 15/11/2019 END ***************************************/

.certificate-wrapper .certificate-tabs .nav-link.active:after{content: '';position: absolute;left: 44%;bottom: -17%;width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;clear: both;}
#badges-leaderboard .badges-wrapper .badges-header-wrapper,
#badges-leaderboard .leaderBoard-wrapper .leaderBoard-header-wrapper{padding:15px;}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-title,
#badges-leaderboard .leaderBoard-wrapper .leaderBoard-header-wrapper .leaderBoard-title {letter-spacing:0.08em;font-size: 1.2em;font-weight:600;}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-title,
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul{margin-bottom:0px;}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul.badges-status-list{

    font-weight: 700;
}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul.badges-status-list li:not(:last-child):after {content: "";margin-left: 10px;}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul.badges-status-list li{display:inline;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{    
    content: "";
    margin-left: 10px;
    position: absolute;
    right: 0;
    top: -15px;
    z-index: 99999;
    height: 70px;
}

#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-img-icon{width: 100%;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-details{
    margin-left:5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-details .badge-details-title{}
.fa-star{margin-right:3px;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-desc-title{letter-spacing:0.05em;margin-bottom: .2em;    font-weight: 700;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-desc-wrapper{padding-top:15px;padding-bottom:15px;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-desc-wrapper p:last-child{margin-bottom:0px;}
#badges-leaderboard .badges-wrapper .badge-card-wrapper .badge-desc-wrapper p{}

    #badges-leaderboard .leaderBoard-wrapper .leader-card-row, .leaderboardbx .leaderBoard-wrapper .leader-card-row{margin-left:0px;margin-right:0px;}  
#badges-leaderboard .leaderBoard-wrapper .leader-card-row ul li.list-inline-item:not(:last-child), .leaderboardbx .leaderBoard-wrapper .leader-card-row ul li.list-inline-item:not(:last-child){margin-right: .35rem;}  
#badges-leaderboard .leaderBoard-wrapper .leader-card-row div[class^="col-"], .leaderboardbx .leaderBoard-wrapper .leader-card-row div[class^="col-"] {padding:0px;}    
#badges-leaderboard .leaderBoard-wrapper .leader-card-row .leader-card .leader-name,  .leaderboardbx .leaderBoard-wrapper .leader-card-row .leader-card .leader-name {  
    margin-bottom:0px;white-space: nowrap; padding: 5px; font-weight: 600;  
    overflow: hidden;   
    text-overflow: ellipsis;    
}
#badges-leaderboard .leaderBoard-wrapper .leader-card-row .fa-star, .leaderboardbx .leaderBoard-wrapper .leader-card-row .fa-star{padding: 5px;}    
#badges-leaderboard .badge-card-wrapper .badge-details .fa-star,    
#badges-leaderboard .leaderBoard-wrapper .leader-card-row .fa-star, .leaderboardbx .leaderBoard-wrapper .leader-card-row .fa-star   
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul.badges-status-list li .fa-star{    
    color: #f8ae45 !important;  
}   
#badges-leaderboard .leaderBoard-wrapper .leader-card-row .leader-card, .leaderboardbx .leaderBoard-wrapper .leader-card-row .leader-card{padding-bottom:0px; position:relative; border:1px solid #dfdfdf;} 
.certificate-wrapper .certificate-tabs .nav-link .fa{padding-right:6px;}    
#badges-leaderboard .leaderBoard-wrapper .leader-card-row .leader-card .leader-rank, .leaderboardbx .leaderBoard-wrapper .leader-card-row .leader-card .leader-rank{position:absolute;top:0;right:0;padding:3px 8px;background:#dfdfdf; font-size:1em;}
p .read-more, p .read-less{}
.morecontent span {display: none;}
.morelink {display: inline-block;}
.hide{display:none !important;}

/* External Certificate form  */
.externalCert-box-wrapper{ 
    background: #2c2c2c;
    /* width: 35%;*/
    /* position: fixed;*/
    /* right:-100%;
     opacity: 1;
     transition: all 1s ease;
     visibility: visible;
     z-index: 1032;
     top: 0px;
     overflow-y: scroll;*/

}
.externalCert-box-wrapper.active{right:0px;}
.externalCert-box-wrapper .externalCert-box-title{background:#373737;padding:10px;}
.externalCert-box-wrapper .externalCert-box-title .externalCert-box-header-text{
    margin:0px;
    margin-left:10px;

    letter-spacing:0.1em;
    font-size: 20px;

    margin: 0px;
    font-family: GilroyMedium;
}

.externalCert-box-wrapper .ico-moon.single-ico{width: 65px;font-size: 2.2em;padding:0px;}

.externalCert-box-wrapper .close-btn{background:#4c4c4c;padding: 8px;border-radius: 5px;line-height:0px;}
.externalCert-box-wrapper .close-btn:hover{cursor:pointer;}
.externalCert-box-wrapper .close-btn .fa-sign-out{font-size: 1.4em;color:#fff;}

/*.externalCert-box-wrapper .externalCert-box-content{padding:20px;}*/

.externalCert-box-wrapper .externalCert-box-content .form-control{border:1px solid }
.externalCert-box-wrapper .externalCert-box-content .form-control,
.externalCert-box-wrapper .externalCert-box-content label{}
.externalCert-box-wrapper .externalCert-box-content .submit-btn{}
.externalCert-box-wrapper .externalCert-box-content .cancel-btn{}
.dataTables_filter label{
    color: transparent;
    margin: 0px;
}
/* External Certificate form  end */
#my-passport-ui .chartLabelWrap li{
    width: 49%;
    float: left;
}
#my-passport-ui .myCourceChart{
    align-items: center;
    justify-content: center;
    display: flex;
}
#my-passport-ui .myCourceChart .box-footer{
    margin-top: 0px;
}
#my-passport-ui   #submit_course_date{
    font-size: 17px;
}
#my-passport-ui .leaderBoard-wrapper .leader-card-row ul{
    display: contents;
}
#my-passport-ui .leaderBoard-wrapper .leader-card-row ul li{
   width: 15.76%;   
  margin-right: 10px;   
  vertical-align: top;  
  margin-bottom: 10px;
}
.certificate-right-button-wrapper .transcripts-dropdown .selection-dropdown #close_chooser,
.certificate-wrapper .transcripts-dropdown .close_chooser{

    color: #fff;
}
.badgesCardcontent{
    padding: 0px !important;
    margin:0px 15px;
}
#my-passport-ui .leaderBCardContent,
#my-passport-ui .badgesCardcontent,
#my-passport-ui .cardContent{

}
#my-passport-ui .leaderBoard-wrapper.cardContent ,
#my-passport-ui .badges-wrapper.cardContent{
    padding-left:0px !important;
    padding-right:0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-status-box ul.badges-status-list li .fa{

}
.inner-content .table{
    margin-bottom: 0px;
}
#certificates_wrapper  .inner-content .certificate-table,
#certificates_wrapper .dataTables_scrollHeadInner .certificate-table,
#certificates_wrapper .dataTables_scrollHeadInner,
#certificates_wrapper  .inner-content .table{
    width: 100% !important;
}
/*need to add this*/
.dataTables_info,
.certificate-wrapper .dataTables_info{
    margin-top: 15px;
    font-weight: 600;
}
#renderGraph{
    display: inline-block;
    float: left;
    width: 100%;
}
#my-badges .badge-counts {
    float: right;   
    padding-right: 10px !important;
}

#my-badges .badge-card-body {
    padding-top: 10px;
}
#my-badges .badge-card-body {

}
#my-badges .badge-card-body .badge-details span{
    color: #fff;
}
#my-badges .badge-card-body .badge-details i {

}
#my-badges .badge-card-body .badgr-icon {
    line-height: 40px;
}
#my-badges .badge-counts .badge-count-card i {
    font-size: 18px;
    font-weight: 600;
    margin-right: 6px;
    line-height: 15px;

}
#my-badges .badge-counts .badge-count-card {
    float: left;
    background: #3E3E3E;
    line-height: 1;
    border-radius: 3px;
    font-size: 14px;
    margin: 0px 5px 0px 11px;
    display: flex;
    color: #fff;
    padding: .5rem 1rem;
}
#my-badges .badge-count-wrapper {
    float: right;
}
#my-badges .badge-card {
    background: #000;
    margin-left: 0px;
    margin-right: 15px;
    padding: 12px 3px 12px 4px;
    background: #141414;
    margin-bottom: 10px;
}
/*need to add this*/
#course_requests_ui .inner-content,
#reports_ui .inner-content,
#my-passport-ui .inner-content {
    padding: 0px 25px 0px 25px;
    margin: 0;
}

.certificate-wrapper .dataTables_info {
    color: #fff;
}
.certificate-wrapper .btn-apply-filter,
.certificate-wrapper .btn-clear-filter{
    color: #fff;
    width: 47%;
    float: left;            
}
.certificate-wrapper .btn-apply-filter {
    margin-right: 9px;
}
.certificate-wrapper .btn-clear-filter {

    color: #fff;           
}
.certificates-dropdown .dropdown-menu {
    padding: 5px !important;
    margin-top: 10px !important;
    width: 255px;
    padding: 15px 10px 15px 10px !important;
}

.certificate-wrapper table th {
    color: #fff;
}
.certificate-wrapper table td {
    font-weight: 500;
}


.dataTables_filter input,
.certificate-wrapper .dataTables_filter input{
    background: #3e3e3e;
    border: none;
    padding: 10px;

    padding: 6px;
    background-image: url(assets/images/search.png);
    background-repeat: no-repeat;
    background-position: 4px;
    padding-left: 30px;
    line-height: 20px;
    background-size: 8% !important;
    height: auto;
    border-radius: 2.5px;
    width: 250px;
}

.certificate-wrapper select:after {
    background: #fff;
}
/*need to add this*/
.certificate-wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length{

    display: inline-block;
    font-family: GilroyMedium;
} 
/*need to add this*/
#course_requests_ui .dataTables_wrapper .dataTables_length, 
.certificate-wrapper .dataTables_length {
    width: 50%;
}
/*need to add this*/
.dataTables_wrapper .dataTables_filter,
.certificate-wrapper .dataTables_filter{
    display: inline-block;
    width: 50%;
    text-align: right;
    float: right;

}
.certificate-wrapper select {
    margin-left: 8px;
    width: 58px;
    padding: 7px 6px 3px 7px;
    border: none;
    /*keep the change*/

    border-radius: 2px;
}
.certificate-wrapper .paginate_button {
    color: #fff;        
    padding: 0 10px 0px 10px;
    font-weight: 600;
    cursor: pointer;
}
.paginate_button.current {

}
.certificate-wrapper .paging_simple_numbers {
    float: right;
    position: relative;
    top: -20px;
}
.certificate-wrapper .certificate-tab-content {
    width: 100%;
    height: auto;
}
.certificate-wrapper .certificate-tabs .nav-link.active {
    position: relative;

} 
#reports_ui .certificates-dropdown .reportSelection-dropdown-btn i,
.certificate-wrapper .dropdown .dropdown-toggle i,
#leaderBoard .dropdown .dropdown-toggle i{
    float: right;
    font-size: 19px;
    margin-left: 10px;
    margin-top: 1px;
    font-weight: 600;
}
#showFilterRender, #show_hide_adv_search i{    font-size: 19px !important;}
.certificate-wrapper .certificate-tabs .nav-link, .certificate-wrapper .status-dropdown-btn,
#leaderBoard .leaderboard-dropdown-btn, .btn-ext-certificate{
    /*background: #3e3e3e; 
    color: #fff; */ /* css remove for story 203 */
    margin-right: 10px;
    font-weight: 400;
    border-radius: 2px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: GilroyBold;
    letter-spacing: 1px;
    line-height: 1.5;
}
.certificate-wrapper .status-dropdown-btn{padding: .4rem .6rem;}

#leaderBoard .leaderboard-dropdown-btn {
    line-height: 21px;
    font-size: 13px;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}
.certificate-wrapper .dropdown .dropdown-toggle::after,
#leaderBoard .dropdown .dropdown-toggle::after {          
    display: none;
}
#reports_ui .reportSelection-dropdown-btn,
.certificate-wrapper .status-dropdown-btn,
.certificate-wrapper .leaderBoard-wrapper select, .report-search-wrapper select{
    border: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    padding: .4rem .6rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: GilroyBold;
}
.certificate-wrapper .status-dropdown-btn:focus, .certificate-wrapper .status-dropdown-btn:hover,
#leaderBoard .leaderboard-dropdown-btn:hover{
    border: none;
}
.certificate-wrapper .dropdown {
    float: left;
}
#leaderBoard .dropdown-menu {
    width: 282px !important;
}
.certificate-wrapper .dropdown-menu, #leaderBoard .dropdown-menu {
    background: #3e3e3e;
}

.certificate-wrapper .btn-view {
    color: #fff;
    background: #f76402;
    font-size: 12px;
    padding: 1px 8px 1px 7px;
}
.certificate-wrapper .btn-filter i{
    margin: 0 !important;
}
.certificate-wrapper .btn-ext-certificate {
    padding: 6px 10px 4px 10px;
}
.certificate-wrapper .btn-ext-certificate, .certificate-wrapper .btn-filter, .report-search-wrapper .btn-filter {
    background: #3e3e3e;
    color: #fff;
    font-size: 14px;
    float: left;
    margin-right: 10px;
    letter-spacing: 0.04em;
}

.certificate-wrapper .btn-ext-certificate .fa{padding-right: 5px;}

.certificate-wrapper .certificate-tabs {
    width: 100%;
}
.certificate-wrapper .nav-wrapper {
    margin-bottom: 8px;
}
.certificate-wrapper .nav-wrapper .nav-item {
    margin-bottom: 10px;
}
.certificate-wrapper .certificate-tab-content {
    margin-top: 0px;
}
/*.certificate-wrapper .selection-dropdown {
    width: 542px;
    left: -200% !important;
    padding: 25px 15px 25px 15px;
}*/
.certificate-wrapper .selection-dropdown .custom-control, .customCheckBoxWrap {

    margin: 10px 0px 10px 0px;
}
.certificate-wrapper .csv-icon-wrapper {
    padding-left: 10px;
    font-size: 24px;
    color: #fff;
}
/*#my-passport-ui .card-deck .cardContent {
    margin-bottom: 10px;
}*/
.badge-card-body {
    height: 176px;
    overflow-x: hidden;
}

.user-details-wrapper .edit-icon {
    padding: 2px 6px 2px 6px;
    width: 25px;
    border-radius: 50%;
}
.user-details-wrapper .edit-icon i{
    font-size: 12px;
    margin-left: 2px;
}
.user-details-wrapper .edit-icon-wrapper {
    margin-top: -6px;
    margin-right: -6px;
}
.user-details {
    padding: 11px 0px 12px 0px;
    line-height: 26px;
    font-size: 16px;
}
.user-details .user-detail {
    font-weight: 500;
    word-wrap: break-word;
    font-family: GilroyMedium;
    line-height: 1.2;
}
#my-passport-ui .profileInfo {
    padding-top: 15px !important;
    padding-bottom: 15px;
}
@media screen and (max-width: 575px) {
    .edit-icon-wrapper {
        position: absolute;
        right: 15px;
        margin-top: -10px !important;
    }
    #my-badges .badge-count-wrapper {
        float: left;
    }
}
@media screen and (max-width: 767px) {
    .edit-icon-wrapper {
        position: absolute;
        right: 15px;
        margin-top: -10px !important;
    }
    #my-passport-ui .chartLabelWrap li{
        width: 100%;
    }
    #my-passport-ui .chartLabelWrap li p{
        margin-bottom: 5px;
    }
    .certificate-wrapper .selection-dropdown {
        width: auto;
        padding: 3px;
        left: 0 !important;
    }
    .certificate-wrapper .nav-wrapper{
        padding: 0 !important;
    }
    .certificate-wrapper .transcripts-dropdown, .certificate-wrapper .certificates-dropdown {
        float: left;
    }
    .certificate-wrapper .dataTables_filter input {
        width: 160px;
    }
    .certificate-wrapper select {
        width: 60px;
    }
    #leaderBoard .dropdown-menu {
        width: 293px !important;
    }
    #my-badges .badge-counts {
        padding: 0;
    }
    #my-badges .badge-counts .badge-count-card {
        padding: 13px !important;
        font-size: 13px !important;
    }
    .certificate-wrapper .status-dropdown-btn {
        padding: 6px 6px 5px 6px;
    }
    .certificate-wrapper .btn-ext-certificate{
        padding-top: 5px;           
    }
    .certificate-wrapper .btn-filter,
    .certificate-wrapper .btn-ext-certificate {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .certificate-wrapper .csv-icon-wrapper {
        padding: 0;
    }
    .certificate-tabs button {
        border-radius: 0px;
    }

}


/*End 12-12-2019*******************************************************************************************************/

/*Start 13-12-2019*******************************************************************************************************/
.msgContent .message .messageFooter{
    margin-top: 15px;
    margin-bottom: 15px;
}
/*#my-passport-ui .certificate-right-button-wrapper{
    position: relative;
}
#my-passport-ui .certificate-wrapper .dataTables_length{
    display: inline-block;
    width: 51.5%;
}
#my-passport-ui .certificate-wrapper .dataTables_filter{
    display: inline-block;
    position: absolute;
    margin-top: 5px;
}
#my-passport-ui .certificate-right-button-wrapper .transcripts-dropdown,
#my-passport-ui  .certificate-right-button-wrapper .certificates-dropdown{
    position: absolute;
    top: 5px;
}*/
@media (max-width: 576px){
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{
        border-right:0px solid transparent !important;
    }
    #my-passport-ui .courseGraph .form-group{
        height: auto !important;
        margin-bottom: 0px !important;
    }
    #my-passport-ui .courseGraph div.d-flex{
        display: block !important;
    }
    #my-passport-ui .courseGraph .calenderInputWrap.d-flex{
        display: flex !important;
        width: 100%;
        margin-bottom: 10px !important;
    }
    #my-passport-ui .courseGraph .form-group{

        width: 100% !important;

    }
    #my-passport-ui .courseGraph .form-group input{
        float: none !important;
        max-width: auto !important;
    }
    #course_requests_ui .dataTables_wrapper .dataTables_length,
    #my-passport-ui .certificate-wrapper .dataTables_length {
        display: inline-block !important;
        width: 50% !important;
        text-align: center;
    }
    #my-passport-ui .certificate-right-button-wrapper div.d-flex{
        justify-content: left !important;
        margin-bottom: 5px;
    }
    #course_requests_ui .dataTables_filter,
    #my-passport-ui .certificate-wrapper .dataTables_filter{
        display: inline-block !important;
        text-align: center;
        width: 50% !important;
    }
    #my-passport-ui .certificate-wrapper .dataTables_filter input{
        margin-top: 0px !important;
    }

}
@media (min-width: 576px) and (max-width: 768px){
    #my-passport-ui .leaderBoard-wrapper .leader-card-row ul li{
        width: 15.7%;
    }
}
@media (max-width: 767px){
    .modal .modal-header button.close{
        line-height: 1.2 !important;
    }
    #my-passport-ui .scrtabs-tabs-fixed-container{
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    #dashboard .sliderWrapper .shift-right,
    #dashboard .sliderWrapper .shift-left{
        transform: none !important;
    }
    .learningpathui .box::after{
        display: none;
    }
    .certificate-tabs .row{
        margin: 0px;
    }
    #my-passport-ui .certificate-right-button-wrapper .transcripts-dropdown,
    #my-passport-ui .certificate-right-button-wrapper .certificates-dropdown,
    #my-passport-ui .certificate-wrapper .dataTables_filter{
        position: relative;
        margin-top: 0px;
    }
    .table a.btn{
        margin-bottom: 5px;
    }
    #course_requests_ui .dataTables_info,
    .certificate-wrapper .dataTables_info{
        text-align: center;
    }
    #course_requests_ui .dataTables_wrapper .dataTables_paginate,
    .certificate-wrapper .paging_simple_numbers{

        text-align: center;
        margin-top: 5px;
        float: none !important;
        top: 0px !important;
    }
    #reports_ui .inner-content, #course_requests_ui .inner-content{
        padding: 0px 15px 15px 15px !important;
    }
    #my-passport-ui .inner-content{
        padding: 0px 15px 0px 15px !important;
    }
    #my-passport-ui #myprogress{
        width: 100%;
    }
    #my-passport-ui #profile{
        padding: 0px 15px 15px 15px;
        width: 100%;
    }  
    #my-passport-ui #badges-leaderboard .leaderBoard-wrapper .prev_nextArrow{
        right: 35px !important;
    }
    #my-passport-ui .badges-wrapper .prev_nextArrow{
        right: 35px !important;
    }
}

#my-passport-ui .courseGraph .form-group{
    display: flex;
    width: 50%;
    margin:0px;
    /*height: 30px;*/
}

#my-passport-ui #date-dropdown .form-group .input-group-prepend .input-group-text{ 
    border: 1px solid #3e3e3e;
}

#my-passport-ui .courseGraph .calenderInputWrap .form-group .input-group-prepend .input-group-text {
    background: #434343 !important;
}

.certificate-tabs .nav-tabs{
    border-bottom: 0px solid transparent;
}
/*keep the change*/
.table .btn {
    margin-bottom: 5px;
}
.table thead td,
.table thead th{
    line-height: 1.2;
}
@media (min-width: 768px) and (max-width: 991px){
    #badges-leaderboard .leaderBoard-wrapper .leader-card-row ul li.list-inline-item:last-child{
        margin-right: 0px !important;
    }
    #my-passport-ui .leaderBoard-wrapper .leader-card-row ul li{
        width: 15.8%;
    }
    .courseGraph .myCourceChart  .chartWrap img{
        max-width: 100%;
        height: auto;
    }
    #my-passport-ui .myCourceChart{
        margin-top: 15px;
    }
    #dashboard #profile .profileBlock{
        margin-right: 8px;
    }


    #my-passport-ui .certificate-right-button-wrapper .transcripts-dropdown,
    #my-passport-ui .certificate-right-button-wrapper .certificates-dropdown{
        position: relative;
        top: 0px;
    }
}


@media (min-width: 768px) and (max-width: 1024px){
    #dashboard #my-passport-ui .card-deck .cardContent {
        margin-bottom: 0px;
    }
    .user-details-wrapper .user-details{
        margin-top: 20px;
    }
    .user-details-wrapper .edit-icon-wrapper{
        margin-right: -6px;
        position: absolute;
        margin-top: 15px;
        right: 15px;
    }
    #my-passport-ui .inner-content, #reports_ui .inner-content, #course_requests_ui .inner-content{
        padding: 0px 15px 15px 15px;
    }
    #my-passport-ui .chartLabelWrap li{
        width: 100%;
    }
    .certificate-wrapper .certificate-tabs .nav-link{
        padding: .8rem 0.75rem;
        font-size: 16px;
        letter-spacing: 0px;
    }
    #my-passport-ui .myCourceChart .box-footer{
        margin-left: 15px;
    }
}

@media (min-width: 1024px){
    body.dashboardfull .card-deck .cardContent:nth-child(1) {
        width: 49%;
    }
}
@media screen and (max-width: 1024px) and (min-width: 991px){
    #my-passport-ui .leaderBoard-wrapper .leader-card-row ul li {
        width: 47%;
    }

}
@media (min-width: 1024px) and (max-width: 1330px){
    #my-passport-ui .chartLabelWrap li{
        width: 100%;
    }
    #my-passport-ui .leaderBoard-wrapper .leader-card-row ul li{
        width: 31%;
    }
}
/*End 13-12-2019*******************************************************************************************************/

/*Start 17-12-2019*******************************************************************************************************/
.calenderWrapper .fc-unthemed .fc-widget-header th.fc-day-header{
    line-height: auto !important;
}
.pageHeader ul.tagit {
    border-width: 1px;
    border-color: transparent;
    z-index: 2 !important;
    background: transparent;
    padding: 3px 0px 3px 3px;
    border-radius: 4px;
    font-size: 13px;
    max-height: 66px;
    width: 88% !important;
}
.pageHeader ul.tagit input[type="text"] {
    background: none;
}
.pageHeader ul.tagit li.tagit-choice {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #C5CCDB;
    background: none;
    background-color: rgba(0, 0, 0, 0);
    background-color: #f3f3f3;
    font-weight: normal;
}
.leaderBWrapper  .leaderboard-details .leader-card {
    padding-bottom: 20px;
    position: relative;
}
.leaderBWrapper .leaderboard-details .leader-rank{
    position: absolute;
    top: 0;
    right: 0;


    padding: 3px 5px;
    font-size: 1em;
    min-width: 22px;
    text-align: center;
}
    .leaderBWrapper .leaderboard-details  .fa-star, .leaderboardbx .fa-star {   
    color: #f8ae45; 
}
.leaderBWrapper .leaderboard-details .leader-name {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.leaderBWrapper  .leaderboard-details ul {
    display: contents;
}
#prev_next_team_completion,
#leaderBoard .leaderBWrapper #prev_next_leaderboard{
    right:15px;
}
.leaderBWrapper .leaderboard-details{
    display: flex;
}
.certificate-wrapper .certificate-tabs .nav-link.active{
    border-color:transparent;
}
#my-passport-ui .user-details-wrapper .user-details .row{
    margin-bottom: 5px;
}
#topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .dropdown-item span{
    vertical-align: middle;
}
#dashboardWig .ui-state-default{
    border-color: transparent !important;
}
#myProfile .text-center.py-2.mt-3{
    margin-top: 0px !important;
}
/*End 17-12-2019*******************************************************************************************************/

/*start 18-12-2019*******************************************************************************************************/
#ui_whitetheme #topHeader .navbar-right-panel .nav-item .dropdown-toggle:hover{
    opacity: 0.8;
}
.calenderWrapper .singleCalender  + .hr{
    bottom: -30px;
}
.calenderWrapper .singleCalender h6{

    font-family: GilroyMedium;
    letter-spacing: 1px;
}
.custom-control-input:focus~.custom-control-label::before{
    box-shadow: none !important;
}

#myProfile .fileUpload #btn_change_picture:hover{
    opacity: 1;
}
.accouncementWrapper .attachment{
    margin-top: 15px;
}
.calenderWrapper .fc-unthemed  td{
    border: 0.10rem solid #242424;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-color:transparent !important;
}
#my-passport-ui #badge_update .prev_nextArrow{
    right:15px;
}
.badges-leaderboard-dropdown .badges-wrapper .badges-status-box{
    text-align: right;
    right: 50px;
    position: relative;
    line-height: 25px;
}

/*start 18-12-2019*******************************************************************************************************/

/*Start:-Apsara 19-12-2019 *******************************************************************************************/
/*White theme**/
#ui_whitetheme #linemanager_myteam_ui #linemanagermyteam_wrapper .card.member-card{
    background: #fff;
}
/*White theme**/
.accouncementWrapper .video div{
    word-break: break-all;
}

#dashboardWig .ui-state-default {
    border: 1px solid transparent !important;
    background: transparent;
}
.settingWrapper  #timezone_form .card-deck .card:nth-child(2){
    background-color: transparent;
}
#myProfile #update_password .form-group div.error,
#myProfile .cardContent .form-group label.error {
    position: absolute;
    font-size: 11px;
    color: red;
    line-height: 1;
    letter-spacing: 1px;
    font-weight: 600;
    width: auto;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card{

    margin-bottom: 60px;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-profile-img{
    margin-top: 1.6rem;
    width:100px;
    height: 100px;
    object-fit: cover;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-details{
    padding: 0.9rem 0 0.7em 0;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-details .member-name{
    font-size:1.40rem;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-name{

    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px;
    font-family: GilroyBold;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status{
    margin-bottom: 0.7em;padding: 0px 5px;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container{
    padding-bottom:10px;
    padding-right: 12px;
    padding-left: 12px;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{
    margin-top: 10px;
    padding: 0 10px;
    font-weight:600;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status  .status-circle{
    margin-right:6px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    line-height: 25px;

    letter-spacing: .1em;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .not-started .status-circle{
    opacity: 0.65;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .in-progress .status-circle{
    opacity: 0.65;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .completed .status-circle{
    opacity: 0.65;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .not-completed .status-circle{
    opacity: 0.65;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card.member-card{
    position:relative;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card.member-card .message-wrapper{
    position: absolute;
    top: 10px;
    right: 10px;

    width: 35px;
    border-radius: 50px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card.member-card .message-wrapper .fa-envelope{
    font-size:1.3em; 
    color: #fff;
}
#linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{
    padding: 0 6px;
}
.btn-details, .go-btn, .download-csv-btn{


}
.go-btn, .download-csv-btn{
    margin-top:0px;
}
.filter .fa-filter{

}
.pageHeader .filter{
    padding-right: 20px;
}
.filter-card .titleFilter{

    margin-bottom: 15px;
    font-size: 20px;
    font-family: GilroyMedium;
}
.close{
    cursor:pointer;
}
.img-100{
    max-width: 100%;
    height: auto;
}
.dashboardfull  #dashboard .card-deck.mb80{
    margin-top:50px !important;
}
@media screen and (max-width: 576px){
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card{
        margin-bottom: 15px !important;
    }
}
@media screen  and (max-width: 767px){
    #ui_recommendations .sliderWrapper.recommendedSlider .title.sliderTitle,
    #dashboard .sliderWrapper.catalogdashboard  .title.sliderTitle,
    #dashboard .sliderWrapper.dashboard-courses .title.sliderTitle{
        position: relative !important;
        width: 100%;
    }

    #ui_recommendations .sliderWrapper.recommendedSlider .slick-list,
    #dashboard .sliderWrapper.catalogdashboard  .slick-list,
    #dashboard .sliderWrapper.dashboard-courses .slick-list{
        padding-top: 0px !important;
    }

    #ui_recommendations .sliderWrapper.recommendedSlider .slick-track,
    #dashboard .sliderWrapper.catalogdashboard  .slick-track,
    #dashboard .sliderWrapper.dashboard-courses .slick-track{
        position: relative !important;
        top: 0px !important;
    }
    .dashboardfull  #dashboard .card-deck.mb80{
        margin-top: 15px !important;
    }
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card{
        margin-bottom: 30px;
    }
    #linemanager_myteam_ui .filter-card .btn-apply-filter,#linemanager_myteam_ui .filter-card .btn-clear-filter{
        float: none;
    }
    .filter-card .form-row:nth-child(2) .form-group {
        display: block !important;
        text-align: center;
    }
}
/*End:-Apsara 19-12-2019 *******************************************************************************************/

/*Start:- Sarfraj 20-12-2019****************************************************************************************/
.loading { background: rgba(0, 0, 0, 0.9) !important;}
#ui_whitetheme .loading { background: rgba(255, 255, 255, 0.9) !important;}
.lds-ellipsis {
    width: 80px;
    height: 80px;
    margin: auto;
    text-align: center;
    position: relative;
    top: 50%;   
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}
/*End:- Sarfraj 20-12-2019****************************************************************************************/

/*Start:-Apsara 20-12-2019****************************************************************************************/
[class^="icon-"]:before, [class*=" icon-"]:before{
    color:#fff;
}
.brdcrumblink a{
    font-weight: 500;

}
select{
    -moz-white-space: pre-wrap;
    -o-white-space: pre-wrap;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#myProfile .profilePic .fa{
    position: relative !important;
    top: -15px !important;
}
#myProfile .profilePic input[type="file"]{
    position: relative;
    width: 15px;
    height: 15px;
    top: -25px;
    opacity: 0;
}
/*End:-Apsara 20-12-2019****************************************************************************************/

/*Start:- Apsara 21-12-2019****************************************************************************************/
/*need to add this in white theme*/
#ui_whitetheme  .btn-filter,
#ui_whitetheme  .report-search-wrapper .reportSelection-dropdown-btn,
#ui_whitetheme  .request-dropdown-btn,
#ui_whitetheme .dataTables_wrapper .dataTables_length select{
    background-color:#fff !important;
}

table.dataTable thead .sorting:after{
    display: none !important;
}
.dataTables_wrapper .dataTables_length select{
    height: auto;
    margin-right: 5px;   
}
.dataTables_wrapper.form-inline{
    width: 100% !important;
    display: inline-table;
}
div.dataTables_wrapper div.dataTables_info{
    padding-top:0px !important;
}
.dataTables_wrapper .dataTables_paginate{
    float: right;
    position: relative;
    top: -25px;
    font-weight: 600;
}
#signup .formWrapper{
    max-height: 320px;
}
#showSelection  .filter-card label{ 
    font-size:16px !important;  
}
#reports_ui #new_report_render .filterWrap .filter-card label{
    font-size:16px !important;
    display: block;
}
ul.tagit input[type="text"] {

}
.accouncementWrapper .video div{
    word-break: break-all;
}
.audio-icon{
    background: #3eb5d0;
}

.icon-microsoftword:before{
    color:#fff !important;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body ul.card-icons-wrapper li.card-icon .fa.fa-check-circle{
    color:#058239;
}
/*no need to add this*/
/*.fa.fa-check-circle{color:#058239;}*/
.zip-icon{
    background:#ecba79; 
}

.url-icon{background: #47b094;}
.img-icon,.image-icon{background: #f39b29;}
.video-icon{background:#f74141}
.microsoftexcel-icon{background:#216a44;}
.microsoftword-icon{background:#305386;}
.microsoftpowerpoint-icon{background:#ba442b;}
.pdf-icon,
.video-icon,
.img-icon,
.url-icon,
.microsoftexcel-icon,
.microsoftword-icon,
.microsoftpowerpoint-icon{border-radius:5px;}
.ico-moon{font-size: 2.5em;text-align: center; padding-top: 0px;
          padding-right: 6px;
          padding-left: 1px;
          padding-bottom: 7px;}
.ico-moon.single-ico{width: 60px;font-size:1.4em;}
.ico-moon.single-ico>div{padding:3px 0;}
.ico-moon span[class^="icon-"],.ico-moon span.fa{top: 1.5px;position: relative;line-height: 1.5 !important;}
.ico-moon span[class^="icon-"]:before,.ico-moon span.fa{color:#fff;}
@media screen and (min-width: 768px){
    .announcements-media {margin:5px 15px 5px 0 !important;}
}
#myProfile .profileInfo .profilePic img{
    height: 120px;
    object-fit: cover;
}
#myProfile .cardContent .form-group label.error{
    margin-top: 2px;
}
/*End:- Apsara 21-12-2019****************************************************************************************/

/*Start:- Apsara 23-12-2019****************************************************************************************/
#topHeader .navbar-nav.navbar-left-panel .nav-item  .nav-link{
    padding: .3rem 1rem;
}
#topHeader nav.navbar .navbar-brand  img{
    max-width: 120px;
}
header.sticky{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
/*.ico-moon span.fa{
    font-size: 37px;
}*/
#topHeader .navbar-nav.navbar-left-panel .nav-item.active .nav-link:before{

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 40%;
    margin: auto;
    position: absolute;
    width: 0;
    bottom: 0px;
}
/*White theme*/
#ui_whitetheme #myProfile .form-group.input-group .input-group-prepend .input-group-text{
    background-color: #eee !important;
}
#ui_whitetheme #myProfile  .form-group.input-group .fa{
    color: #a2a2a2;
}
#ui_whitetheme .rightModalHeader{
    background-color: #fff;
}
#ui_whitetheme .externalCert-box-wrapper .externalCert-box-content .form-control{
    background:#fff !important;
}
/*White theme*/
#myProfile #update_password .form-group.input-group div.error{
    bottom: -12px;
}
#myProfile textarea.form-control.error,
#myProfile input.form-control.error{
    font-weight: 100;
    letter-spacing: 0px;  
}
#myProfile .profilePic #file-error{
    position: absolute;
    width: 200px !important;
    display: block;
    text-align: center;
    top: 115px;
    left: -120px;
    color: #fff;
}
#t_and_c_m .splash_page-media #myElement,
#splashModal .splash_page-media #myElement,
#t_and_c_m .splash_page-media .splash_img,
#splashModal .splash_page-media .splash_img{
    max-width: 300px;
    margin: 0px 10px 0px 0px;
    float: left;
}
#t_and_c_m  .splash_page-media .video,
#splashModal .splash_page-media .video{
    max-width: 300px;
    margin: 0px 10px 0px 0px;
    float: left;
}
#t_and_c_m .splash_page-media .fileImgField,
#splashModal .splash_page-media .fileImgField{
    width: 400px;
}

/*End:- Apsara 23-12-2019****************************************************************************************/

/*Start Prashant 17-12-2019 till 23-12-2019*******************************************************************************************************/
#myModal #introductionSession .sessionborder{position: relative; z-index: 1;}
#catlog .boxsavedfilter, #myLearning .boxsavedfilter, #ui_recommendations .boxsavedfilter{ width: 100%; padding-top: 15px; margin-bottom: 15px;}
#catlog .box-inner, #myLearning .box-inner, #ui_recommendations .box-inner{ padding: 15px;}
.boxsavedfilter .form-group {    margin-bottom: 1rem !important;}
.filtersave .fa{ margin-left: 5px !important; cursor: pointer;
                 font-size: 18px !important;
                 line-height: 19px;
                 float: left;}
.quickAction .search .bordsearch{ border-top: 1px solid #999999; position: relative;  right: 0px; left: -3px; top: 7px;}
.quickAction li.search .fa-question-circle{ position: relative; top: -6px !important; right: -10px !important;}
.video-item{ border:2px solid transparent; overflow: inherit !important; }
#catlog  .calenderWrapper{ margin-top: 15px;}
.quickAction li.sort .dropdown-item{ margin-bottom: 1px;}
.dashboardfull .box, .learningpathui .box{ width: 25%; display: table; float: left;   margin: 0px;   padding: 2% 0% 2% 2%;   height: 86%;}
.banner-rightimg{opacity:0.9; width: 75%; height: 86%; display: inline-block; float: left;  background-repeat: no-repeat !important;    background-position: 50% 50% !important;    background-size: cover !important;    object-fit: contain; min-height:480px; }
.bg-over{
    background:-moz-linear-gradient(to right, #000 1%, transparent);
    background:-webkit-linear-gradient(to right, #000 1%, transparent);
    background:linear-gradient(to right, #000 1%, transparent);
    /*    background: radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 98%); 
                background:-moz-radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 98%);
            background:-webkit-radial-gradient(circle, rgba(0,0,0,0) 40%, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 98%);*/
    width: 25%; height: 100%;}
.bg-over:before{   content:''; position:absolute;  
                   background:linear-gradient(to right, #000 1%, transparent);
                   background:-moz-linear-gradient(to right, #000 1%, transparent);
                   background:-webkit-linear-gradient(to right, #000 1%, transparent);
                   width: 16%; height: 100%;}
.cont{  display: table-cell;  vertical-align: middle;}
.filter-card{background: #2c2c2c;}
.commonAccordion .card-body .card-header{ padding: 0px; }
.commonAccordion  h5{margin-bottom: 0px;}
.commonAccordion {padding: 10px;}
.morelink{ }
.learningpathui .mlmr{  margin: 0px -30px 15px -70px !important;}
.video-slide{overflow:inherit !important;}
.iframelaunch .session-section {

    padding: 20px 15px 20px 15px;
    height: 100%;
    position: absolute;
    width: 100%;
}
.iframelaunch .tab-content { height: auto;}

.iframelaunch .jwplayer.jw-flag-aspect-mode {
    height: 100% !important;
    position: absolute;
}
.iframelaunch #introductionSession, .iframelaunch #locationSession{ height: auto !important;}
.iframelaunch .assessment-frame, .iframelaunch .survey-frame, .iframelaunch #myPdf{ border: 0px; width: 100%; height: 100%; position: absolute;}
#myLearning .carousel-lo .item .panel-thumbnail{cursor: pointer;}
.alert{ border-radius: 0px;}
/*#catlog .video-slide-image, #myLearning .video-slide-image,#catlog .video-item img, #myLearning .video-item img{ max-height: 230px;  
    object-fit: cover;}*/
#signup .btn-file{    text-transform: capitalize;
                      line-height: 15px;
                      font-size: 13px;
                      text-align: left;
                      min-height: 39px;
                      width: 100%;
                      /* max-height: 38px;*/}
#mylearningTabContent .fileupload, .signUpBody .btn-file {
    position: relative;
    overflow: hidden;
}
#mylearningTabContent .fileupload input, .signUpBody .btn-file input {
    position: absolute;
    font-size: 50px;
    cursor: pointer;
    opacity: 0;
    right: 0;
    top: 0;
}
.video-slide-image .courseInfo { z-index: 8; position: absolute;}
.iframelaunch .owl-item .item {    width: 94%;}
.iframelaunch .boxfiles{       border: 2px dotted ;
                               display: inline-block;
                               border-radius: 3%;
                               width: 300px;
                               height: 300px;
                               padding: 25px;
                               margin: 12% 38%;
                               text-align: center;}
.iframelaunch .microsoftword-icon, .iframelaunch .zip-icon,.iframelaunch .url-icon, .iframelaunch .microsoftpowerpoint-icon, .iframelaunch .img-icon, .iframelaunch .microsoftexcel-icon  {    
    font-size: 75px;
    border-radius: 50% !important;
    width: 160px;
    height: 160px;
    display: inline-block;
    text-align: center;
    line-height: 185px;
    margin-bottom: 20px;}
.owl-item .panel-info .attendence {font-weight: 600;}
/*.catalogDetailsTab .nav-item {
    margin-bottom: -4px !important;
}*/
#catlog .video-item:hover .video-slide-details h4, #ui_recommendations .video-slide:hover .video-slide-details h4,
.catalogdashboard .video-slide:hover .video-slide-details h4{  bottom: 20px;}
/*.modal-pdf iframe{ min-height: 500px;}*/
/*.modal-doc iframe{ min-height: 500px;}*/
.upcomingcourseui .catalogDetailsTab .nav-item {
    margin-bottom: 0px !important;
}
#catlog .upcomingcourseui .owl-carousel .owl-item a { cursor: pointer;}
#dashboard .alert-info{ margin-bottom:0px;     margin-top: 1px;}
.slick-track:after{opacity: 0;}
.courseDesc, .panel-info .description{ line-height: 1.2;}
@media (min-width: 992px) {
    .animate {
        animation-duration: 0.5s;
        -webkit-animation-duration: 0.5s;
        animation-fill-mode: both;
        -webkit-animation-fill-mode: both;
    }
}

@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform:translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}
.video-slide img, .video-item img{
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@media screen and (min-width: 960px) and (max-width:1280px){
    /* this css commented for elamb instance */
    /*.vs-video-description-drop .tab-content {  height: 484px;}*/
    /*.vs-video-description-drop{ height: 530px !important;}*/
   
}
.carousel-lo .item .panel-info .generalInfo .title{       word-break: break-word;}
#learningObjCarousel {
    padding: 1% 0%;
    border-top:0px !important;
}
.gobtn{
    border-radius: 50%;
    width: 28px;
    margin: 2px 0px 0px 8px;
    height: 28px;
    text-align: center;
    padding: 0px 0px 0px 3px;
    line-height: 28px;
    cursor: pointer;
}
.enteraccess{height: 32px; border-radius: 3px !important; padding: 0px 5px; font-size: 14px;}
.titleforsession{  padding:0px 8px; position:relative; top:10px;}
.zindexborder{z-index:2;}
.commonAccordionContent .tab-content{ height:320px;}
.drop-display:before{    background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.0) 50%,rgba(0,0,0,.0) 100%);
                         background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.0) 50%,rgba(0,0,0,.0) 100%);
                         background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.0) 50%,rgba(0,0,0,.0) 100%);}
.boxincont a{  border: 0px !important; }
/* Start css for elamb instance */
#catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content, #ui_recommendations .vs-video-description-drop .tab-content{ 
    min-height: 350px; /* Mantis-10578 change min-height 480 to 350 for remove default extram space in below session details */
}
/* end css for elamb instance */
#map-container{    height: 200px;}
#catlog svg, #myLearning svg, #ui_recommendations svg {
    width: 32px;
    height: 32px;

    vertical-align: bottom;
    stroke-width:1.2px;

}
.module-img svg {
    width: 32px;
    height: 32px;
    vertical-align: bottom;
    stroke-width:1px;
}   
#catlog .owl-carousel .owl-item a, #ui_recommendations .owl-carousel .owl-item a{cursor: default;} 
#courseInformationModal .panel-body {display: inline-block;
                                     padding: 0px 0px 0px 0px;
                                     margin-top: 15px;} 
#courseInformationModal .panel-heading h5, #catlog .owl-item .sessionItem a{cursor:pointer;}    
#catlog .carousel-lo .sessionItem:hover .panel-thumbnail, #catlog .carousel-lo .sessionItem.active .panel-thumbnail, 
#myLearning .carousel-lo .sessionItem:hover .panel-thumbnail, #myLearning .carousel-lo .sessionItem.active .panel-thumbnail,
#ui_recommendations .carousel-lo .sessionItem:hover .panel-thumbnail, #ui_recommendations .carousel-lo .sessionItem.active .panel-thumbnail
{ cursor:pointer;}
#catlog .calenderWrapper .hr {  bottom: -32px;} 
#catlog .calenderWrapper .calenderLabel { /*top: 100px;*/}  
#right_modal_nb .box { width: 100%;}
#right_modal_nb .ms-drop ul > li{text-align: left;}
#right_modal_nb .modal-content{border-radius:0px;}
.modalbackopacity{background: rgba(0,0,0,0.5); }
.couponWrap .fa-certificate{ font-size: 30px;}
.coupon .tengah {
    width: 100% !important;
    position:relative;
    border:2px dashed #2c2c2c;
}
.coupon p{ margin-bottom: 0px;}
.video-item-content { margin: 0px !important;}
#ui_whitetheme .commonAccordion .card-body .card-header{ border-bottom: 0px;}
.datepicker-dropdown { 
    top: 0;
    left: 0;
    padding: 4px;
    background-color: #fff;
    border-radius: 10px;
}
.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.commonAccordionContent .card-body .tab-content{    height:auto !important;}
#catlog .owl-theme .owl-nav [class*=owl-]:hover,  #myLearning .owl-theme .owl-nav [class*=owl-]:hover, #ui_recommendations .owl-theme .owl-nav [class*=owl-]:hover { background:transparent !important;}
#catlog .custmBtnDefault, #catlog .custmBtnPrimary, #catlog .custmBtnSecondary, 
#myLearning .custmBtnDefault, #myLearning .custmBtnPrimary, #myLearning .custmBtnSecondary, 
#courseInformationModal .btn-outline-secondary, #mylearningTabContent .custmBtnPrimary, #mylearningTabContent .custmBtnDefault,
#ui_recommendations .custmBtnDefault, #ui_recommendations .custmBtnPrimary, #ui_recommendations .custmBtnSecondary
{ margin-bottom:5px !important;}
/*.expert-height, #learningObjCarousel{ height:450px;}*/ /* this css commente for elamb instance */
.iframelaunch #learningObjCarousel{height: fit-content;height: min-content; box-shadow: 0px 0px 18px  rgba(0,0,0,0.3);}
#myLearning .modal{padding: 0px !important;}
#detailsSideBar { height: auto !important;}
.panel-info .description p{ margin-bottom: 3px;}

.upcomingcoursett{    width: 100%;
                      position: absolute;
                      left: 0;
                      bottom: 0;
                      background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.8) 100%);
                      background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.8) 100%);
                      background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.8) 100%);
                      padding: 3px 10px;
                      transition: all .3s;
                      -webkit-transition: all .3s;
                      -moz-transition: all .3s;
                      backface-visibility: hidden;
                      transform: translateZ(0);
                      opacity: 1;}
.upcomingcoursett h4{
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 0.5px 1px #000;
}
.upcomingcoursett font{ font-size: 12px; color: #fff;}
.alert .close{    color: #fff; opacity:1;}

@media screen and (max-width: 812px) {
    /* Start css for elamb instance */
    .dashboardfull .tab-content, .learningpathui .tab-content, .dashboardfull .carousel-inner, .learningpathui .carousel-inner, .dashboardfull .absolute, .learningpathui .absolute{min-height: 540px;}
/* end css for elamb instance */
    #dashboard .video-category, #ui_recommendations .video-category {height: 255px;}
    /*    .video-slide-details h4{bottom: 35px !important; line-height: 1.1 !important;}*/

    .lpathbox .coursetype{border:0px;}
    #certificates-table .dataTables_length, #certificates-table .dataTables_filter  {display: inline-block !important;  width: auto !important;}
    .vs-drop-details .nav-tabs{  white-space: nowrap;
                                 display:block!important;
                                 flex-wrap: nowrap;
                                 max-width: 100%;
                                 overflow-x: scroll;
                                 overflow-y: hidden;
                                 text-align: center;
                                 -webkit-overflow-scrolling: touch}
    .vs-drop-details  .nav li {display: inline-block}
    #catlog .custmBtnDefault, #catlog .custmBtnPrimary, #catlog .custmBtnSecondary, 
    #myLearning .custmBtnDefault, #myLearning .custmBtnPrimary, #myLearning .custmBtnSecondary,
    #ui_recommendations .custmBtnDefault, #ui_recommendations .custmBtnPrimary, #ui_recommendations .custmBtnSecondary
    { margin-bottom:3px;}
    #catlog .box-inner,#myLearning .box-inner, #ui_recommendations .box-inner{ padding: 0px;}
    .banner-rightimg .bg-over:before {
        content: '';
        position: absolute;
        background: linear-gradient(to bottom, transparent, #000 20% ) !important;
        background:-moz-linear-gradient(to bottom, transparent, #000 20% ) !important;
        background:-webkit-linear-gradient(to bottom, transparent, #000 20% ) !important;
        width: 100% !important;
        height: 89% !important;
        bottom: 0 !important;
    }
    #ui_whitetheme  .banner-rightimg .bg-over:before {
        background: linear-gradient(to bottom, transparent, #fff 20% ) !important;
        background:-moz-linear-gradient(to bottom, transparent, #fff 20% ) !important;
        background:-webkit-linear-gradient(to bottom, transparent, #fff 20% )!important;
    }
    #learningObjCarousel .custmBtnPrimary{font-size: .80rem;}
    #learningObjCarousel .carousel-inner{width: 97% !important; }
    .banner-rightimg{background-position: 50% 0% !important; background-size: contain !important;}
    .banner-rightimg .bg-over {   background: radial-gradient(circle, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
                                  background:-moz-radial-gradient(circle, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
                                  background:-webkit-radial-gradient(circle, rgba(0,0,0,0) 100%, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) !important;
    }
    /* below css commented for elamb instance */
    /*#catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content {    height: 490px;}*/
    /*#catlog .vs-video-description-drop, #catlog .dashboardfull .absolute, #catlog .learningpathui .absolute, 
    #myLearning .vs-video-description-drop, #myLearning .dashboardfull .absolute, #myLearning .learningpathui .absolute,
    #ui_recommendations .vs-video-description-drop, #ui_recommendations .dashboardfull .absolute, #ui_recommendations .learningpathui .absolute
    {    height: 540px;}*/
    .learningpathui .vs-video-description-drop{    position: relative !important;}
    #catlog .dashboardfull .wrapper, #catlog .learningpathui .wrapper, #myLearning .dashboardfull .wrapper, #myLearning .learningpathui .wrapper, #ui_recommendations .learningpathui .wrapper{ z-index:10;}
    #catlog .pageHeader ul.tagit, #myLearning .pageHeader ul.tagit, #ui_recommendations .pageHeader ul.tagit{    width: 80% !important;}
    #catlog .lpathbox h5, #myLearning .lpathbox h5, #ui_recommendations .lpathbox h5{padding: 0px 15px 0px 0px;}
    .learningpathui .vs-video-description-drop { margin: 0px -30px 15px -70px !important;}
    .banner-rightimg { width: 100%; height: 92%;}

    #catlog .video-slide-image,
    #myLearning .video-slide-image,
    .dashboardfull  .video-slide-image{
        height: 196px;
    }

    #catlog .video-item img,
    #myLearning .video-item img,
    #ui_recommendations .video-slide img,
    #myLearning .video-item img{ 
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    }

    /*.sliderWrapper .slick-slide { height: 200px;}*/
    /*.expert-height, #learningObjCarousel { height: 360px;}*/ /* this css commented for elamb instance */
    .commonThumbnailSlider .carousel-control-next-icon{    margin: 0px 0px 0px -15px;}
    .popContent .leftPartheader {   position: relative;   margin-top: 0px;   top: 45px;}
    .popContent .header .leftPartheader .toggleBar{margin-right: 20px;     line-height: 1.8; position: absolute; top: -45px; z-index: 99; padding:inherit;}
    .popContent .header .leftPartheader .title{    width: 100%;}
    .popContent .rightPartheader{    top: 20px;    position: absolute;    width: 90%;     text-align: center; margin-bottom: 0px;}
    .popContent .header .popUpClose{    position: absolute;    right: 0;     margin-left: 0px;    line-height: 1.4;}
    .popContent .header {    padding: 20px 20px 10px 20px;    min-height: 110px;}
    .slick-prev, .slick-next { width: 24px;    height: 36px;}
    .bg-over {width: 100%;}
    .keywords {display: none;}
    .dashboardfull .carousel-control-next, .dashboardfull .carousel-control-prev{   bottom: 12%;}
    #slider-animation .prevnextlist {  width: 28px;    height: 40px;}
    .slick-prev, .slick-next { width: 26px !important;    height: 36px !important;}
    .video-category .slick-prev { left: -11px !important;} .video-category .slick-next { right: -11px !important;}
    .btn{ padding: .3rem .75rem;}
} 
/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 736px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
    .popContent .mainContent {
        height: calc(92vh - 43px);
    }
    #myLearning .modal{ height: 100% !important; }
    .popContent .header .rightPartheader .btn{padding:0.15rem 0.5rem;}
}
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .popContent .mainContent {
        height: calc(92vh - 43px);
    }
}

/* Portrait and Landscape */
/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
    .sliderWrapper .slick-prev{
        left: -25px !important;
    }
    .sliderWrapper .slick-next{
        right: -25px !important;
    }
    /*.dashboardfull .vs-video-description-drop{height:598px;}*/ /* this css commented for elamb instance */
    .banner-rightimg .bg-over::before {
        background: linear-gradient(to bottom, transparent, #000 36% ) !important;
        background:-moz-linear-gradient(to bottom, transparent, #000 36% ) !important;
        background:-webkit-linear-gradient(to bottom, transparent, #000 36% ) !important;
        height: 72% !important;} 
    #catlog #video-list-loaded .vs-video-description-drop, #myLearning #video-list-loaded .vs-video-description-drop {    margin: 15px -30px 30px -30px !important;}
    .banner-rightimg .bg-over{        background: linear-gradient(to bottom, transparent, #000 60% ) !important; width: 100%;}
    .banner-rightimg { background-position: 50% -50% !important;}
    .vs-video-description-drop{position: relative;}
    .popContent .rightPartheader{ width: 94%; }
    #recommand_slider .vs-video-description-drop {    margin: 0px -45px 20px -45px !important;}
    #dashboard .sliderWrapper .slick-slide img{height: 200px; object-fit: cover;}
    .dashboardfull .video-slide-image{height: 200px !important;}
    .sliderWrapper .active-slide .slick-slide img{height: 200px !important;}
    .slide-category, .slide-category.slide-container, #dashboard .sliderWrapper  {    margin: 20px 0px 20px 0px !important;}
    #dashboard .vs-video-description-drop {  margin: 0px -45px 0px -45px !important;}
    .dashboardfull .equalHeightBlock{flex: inherit;width: 100% !important;max-width: 100%;}
    .dashboardfull #dashboard .card-deck.mb80 {  margin-top:0px !important;    margin-bottom: 0px;}
    #dashboard .card-deck .cardContent {  margin-bottom: 40px;}
    #topHeader .navbar-right-panel .nav-item .nav-link { margin: 0px 10px;}
   /* #ui_recommendations .vs-video-description-drop .tab-content { height: 490px;}
    #ui_recommendations .dashboardfull .bannerhero { height: 540px;}
*/ /* this css commented for elamb instance */
    #dashboard .video-category, #ui_recommendations .video-category { height: 250px;}
    #dashboard .sliderWrapper .video-list-slider.show-list-slider,
    #ui_recommendations .sliderWrapper .video-list-slider.show-list-slider{height:250px;}

    .gridLayout #video-list-loaded[items-per-row="5"] .video-item {
        width: 49.5% !important;
    }
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {

    /*.vs-video-description-drop {height: 600px !important;}*/ /* this css commented for elamb instance */
    .vs-video-description-drop{margin: 0px -45px 0px -45px !important;}
    .banner-rightimg{width: 60%;}
    .dashboardfull .box, .learningpathui .box { width: 40%;}
    #dashboard .video-category, #ui_recommendations .video-category { height: 225px;}
    #dashboard .sliderWrapper .video-list-slider.show-list-slider,
    #ui_recommendations .sliderWrapper .video-list-slider.show-list-slider{height:225px;}
    /* below css commented for elamb instance */
    /*.dashboardfull .bannerhero, .learningpathui .bannerhero{    height: 600px;}  
    .dashboardfull .tab-content, .learningpathui .tab-content {    height: 552px;}
    .dashboardfull .carousel-inner, .learningpathui .carousel-inner {  height: 600px;}*/
    .dashboardfull .inner-content {  margin: 25px 25px 25px 25px;}
    /*.expert-height, #learningObjCarousel { height: 400px;}*/ /* this css commented for elamb instance */
    .banner-rightimg, .dashboardfull .box, .learningpathui .box{height: 100%;}
    /* below css commented for elamb instance */
    /*.dashboardfull .absolute, .learningpathui .absolute{height: 552px;}*/
    /*#catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content, #ui_recommendations .vs-video-description-drop .tab-content{height: 475px;}*/
    .vs-drop-details .nav-tabs {
        white-space: nowrap;
        display: block !important;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        text-align: center;
        -webkit-overflow-scrolling: touch;
    }
    .user-details-wrapper .edit-icon-wrapper{margin-top: 0px;}
    #ui_whitetheme .bg-over::before{width:25%;}
    #ui_whitetheme  .absolute,
    #ui_whitetheme #slider-animation  .absolute,
    #ui_whitetheme #catlog .vs-video-description-drop .tab-content,
    #ui_whitetheme #myLearning .vs-video-description-drop .tab-content,
    #ui_whitetheme  #ui_recommendations .tab-content {
        background: linear-gradient(to right, #fff 25%, #fff) !important;
        background:-moz-linear-gradient(to right, #fff 25%, #fff) !important;
        background:-webkit-linear-gradient(to right, #fff 25%, #fff) !important;
    }
    #my-passport-ui .courseGraph .form-group{
        height: auto !important;
    }
    #my-passport-ui .leaderBCardContent, #my-passport-ui .badgesCardcontent,
    #my-passport-ui .cardContent {

    }
    #badges-leaderboard .badgesCardcontent{
        padding: 0px !important;
        margin:0px 15px !important;
    }
    #my-passport-ui #badge_update .prev_nextArrow{
        right: 15px !important;
    }
    #dashboard #my-passport-ui .leaderBoard-wrapper .leaderBoard-header-wrapper + .container-fluid{
        padding: 0px !important;
    }
    .vs-drop-details .nav li {
        display: inline-block;
    }
    #dashboard .sliderWrapper .video-slide:hover, #dashboard .sliderWrapper .video-item:hover{
        transform: none !important;
    }
    #dashboard #leaderBoard #leader_board_dropdown{
        width: 100%;
        margin-bottom: 15px;
        float: none;
        min-width: 100%;
        position: static;
    }
    .gridLayout .slide-category, .slide-category.slide-container{
        margin-bottom: 0px !important;
    }
    .gridLayout #video-list-loaded[items-per-row="5"] .video-item {
        width: 24.5% !important;
    }
    #catlog .video-slide-image,
    #myLearning .video-slide-image,
    .dashboardfull .video-slide-image,
    .dashboardfull .video-slide-image {
        height: 161px;
        object-fit: cover;
    }
    #myLearning .video-item img,
    #catlog .video-item img,
    #ui_recommendations .video-slide img {
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    }
    .gridLayout #video-list-loaded[items-per-row="5"] .video-item {
        width: 24.5% !important;
    }

}
@media screen and (max-width: 640px) {
    .searchmobbox{    position: absolute;
                      top: 41px;
                      z-index: 999;
                      padding: 10px;
                      width: 380px;
                      background: rgb(238, 238, 238);
                      left: -190px;}
    #catalog .owl-item .item, #myLearning .owl-item .item{   width: 90%;}
    #catlog .searchmobbox .form-group,
    #myLearning .searchmobbox .form-group,
    #ui_recommendations .searchmobbox .form-group{width:303px;}
    .learningpathui .vs-video-description-drop { margin: 0px -15px 15px -38px !important;}
    .leaderboard-details li { width: 31.5% !important;}
    .dashboardfull .video-slide-image { height: 200px; max-height: 200px;}
    #dashboard .video-slide:hover img,
    #dashboard .active-slide .video-slide-image img{
        height: -webkit-fill-available !important;
        object-fit: cover;}
}
@media screen and (min-width: 1150px) and (max-width: 1199px) {
    .sliderWrapper .slick-list,  
    .sliderWrapper .video-list-slider.show-list-slider{
        height: 225px;
    }
    .video-category {
        height: 235px !important;
    }
/* below css commented for elamb instance */
    /*.dashboardfull .carousel-inner, .learningpathui .carousel-inner {    height: 580px;}
    .dashboardfull .tab-content, .learningpathui .tab-content {    height: 530px;}
    .dashboardfull .absolute, .learningpathui .absolute{height: 530px;}*/
    .banner-rightimg {width: 70%;     height: 100%;}
    .dashboardfull .box, .learningpathui .box { width: 30%;     height: 100%;}
    /* below css commented for elamb instance */
    /*#catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content, #ui_recommendations .vs-video-description-drop .tab-content  { height: 483px;}*/
    /*.dashboardfull .bannerhero, .learningpathui .bannerhero{    height: 483px;}*/
    #learningObjCarousel .carousel-lo .owl-nav { top: 12px !important;}
    .sliderWrapper .slick-slide { height: 176px;}
}
@media screen and (min-width: 1150px) and (max-width: 1920px) {    
    .dashboardfull .inner-content { margin: 35px 25px 25px 25px;}
    .dashboardfull .tab-pane.askExpertTab .inner-content { margin: 25px 25px 25px 25px;}
}


.search-div-1{padding: 0px !important;}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .filterWrap .filter-card .input-group-text,
    .filter-Wrap .filterCalenderWrap .input-group-text{
        padding: .375rem .50rem !important;
    }
    .sliderWrapper .slick-prev, .sliderWrapper .slick-next { top: 85px;}
    #catlog .video-slide-image, #myLearning .video-slide-image, #catlog .video-item img, 
    #myLearning .video-item img, #catlog .video-item img, .dashboardfull  .video-slide-image{height:-webkit-fill-available; object-fit: cover;}
    .upcomingCourse.owl-carousel .owl-item img { height: 121px;    object-fit: cover; }
    /*  .sliderWrapper .slick-slide { height: 150px;}*/
    .video-category { height: 225px !important;}
    /*.video-slide:hover img, .active-slide .video-slide-image img{ height: 146px !important;  object-fit: cover;}*/
    #ui_recommendations .vs-video-description-drop { margin: 0px -45px 20px -45px !important;}
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
    /* below css added for elamb instance */
     .learningpathui .box, .learningpathui .banner-rightimg, #catlog .box,#catlog .banner-rightimg,
    #myLearning .banner-rightimg, #myLearning .box, .carousel-inner .banner-rightimg, .carousel-inner .box,
    #mylearningTabContent .banner-rightimg, #mylearningTabContent .box,
    #ui_recommendations .box, #ui_recommendations .banner-rightimg
    { height: 93%; min-height: 480px;}
    /* below css commented for elamb instance */
    /*.dashboardfull .absolute, .dashboardfull .tab-content { height: 483px;}*/
    /*.dashboardfull .carousel-inner, .learningpathui .carousel-inner, .vs-video-description-drop {height: 530px !important;}*/
    .sliderWrapper .slick-list,  
    .sliderWrapper .video-list-slider.show-list-slider{
        height: 220px;
    }

/* below css commented for elamb instance */
   /* #catlog .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute,
    #myLearning .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute, 
    #ui_recommendations .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute
    {  height: 530px;}
    #catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content,
    #ui_recommendations .vs-video-description-drop .tab-content    { height: 483px;}
    .dashboardfull .bannerhero, .learningpathui .bannerhero{    height: 483px;}*/
    .gridLayout .slide-category, .slide-category.slide-container{    margin-bottom: 0px;}
    .banner-rightimg {width: 67%;     height: 100%;}
    .dashboardfull .box, .learningpathui .box { width: 33%;     height: 100%;}

    .commonAccordionContent .sessionheight{       height: 238px !important;
                                                  padding-right: 15px;
                                                  display: inline-block;
                                                  width: 100%;}
    .gridLayout #learningObjCarousel .carousel-lo .owl-prev, .gridLayout #learningObjCarousel .carousel-lo .owl-next { top: -10%;    right: 0.3%;}
    /* below css commented for elamb instance */
    /*.expert-height, #learningObjCarousel, .rulesheight {     padding-right: 12px;    height: 320px; }*/
    /*#introductionSession, #locationSession{height: 350px !important;}*/
    .carousel-lo .owl-next, .carousel-lo .owl-prev{top: -10%;}
    #slider-animation .prevnextlist {  width: 26px;    height: 48px;}
    .iframelaunch .owl-item .item, .owl-item .item { width: 86%;}
    #catlog .video-slide-image,
    #myLearning .video-slide-image,
    .dashboardfull  .video-slide-image,
    .dashboardfull  .video-slide-image{
        height: 161px;
        object-fit: cover;
    }

    /*.sliderWrapper .slick-slide { height: 180px !important;}
    .sliderWrapper .slide-category  { height: 200px !important;}*/

    /*outer wrapper height*/

    /*inner wrapper img within outer wrapper*/
    #catlog .video-item img, 
    #myLearning .video-item img,
    #ui_recommendations .video-item img{
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    }
    /*outer wrapper height*/

}
@media screen and (min-width: 1170px) and (max-width: 1175px) { 
    #catlog .video-slide-image,
    #myLearning .video-slide-image,
    .dashboardfull  .video-slide-image,
    .dashboardfull  .video-slide-image{
        height: 140px;
        object-fit: cover;
    }
    #catlog .video-item img, 
    #myLearning .video-item img,
    #ui_recommendations .video-item img{
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    } 
}
@media screen and (min-width: 1366px) and (max-width: 1440px) {
.discussion-forumbx .forumlist{width: 48.8% !important;}
    .gridLayout .vs-video-description-drop {  margin: 0px -18px 15px -32px }
    /*.dashboardfull .absolute, .dashboardfull .tab-content { height: 483px;}*/ /* this css commented for elamb instance */
    .banner-rightimg, .dashboardfull .box{  height: 100%;}
    .iframelaunch #map-container{height: 300px;}
    /* below css commented for elamb instance */
    /*.dashboardfull .carousel-inner, .learningpathui .carousel-inner, .vs-video-description-drop {height: 530px !important;}*/
    /*.expert-height, #learningObjCarousel, .rulesheight { padding-right: 12px;    height: 280px;}*/
    #myLearning .video-item img,
    #catlog .video-item img,
    #ui_recommendations .video-slide img{ 
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    }

    .upcomingCourse.owl-carousel .owl-item img { height: 139px;    object-fit: cover; }
    .video-category { height: 225px !important;}
    /* .video-slide:hover img{ height: 160px !important;  object-fit: cover;}*/
    /* .active-slide .video-slide img{ height: 157px !important;  object-fit: cover;}*/
    .sliderWrapper .slick-prev, .sliderWrapper .slick-next { top: 95px;}
    #ui_recommendations .vs-video-description-drop { margin: 0px -45px 20px -45px !important;}

    /*#ui_recommendations .sliderWrapper .slide-category,
    #dashboard .sliderWrapper .slick-slide { 
        height: 180px;
    }
    #ui_recommendations .sliderWrapper .slide-category,
    #dashboard .sliderWrapper .slide-category  {
     height: 200px;*/
    /* }*/

    /* below css added for elamb instance */
     .learningpathui .box, .learningpathui .banner-rightimg, #catlog .box,#catlog .banner-rightimg,
    #myLearning .banner-rightimg, #myLearning .box, .carousel-inner .banner-rightimg, .carousel-inner .box,
    #mylearningTabContent .banner-rightimg, #mylearningTabContent .box,
    #ui_recommendations .box, #ui_recommendations .banner-rightimg
    { height: 93%; min-height: 480px;}
}
@media screen and (min-width: 1440px) and (max-width: 1600px) {
    /* below css commented for elamb instance */
    /*.dashboardfull .absolute, .dashboardfull .tab-content { min-height: 483px !important;}*/
    /*.dashboardfull .carousel-inner, .learningpathui .carousel-inner, .vs-video-description-drop {height: 530px !important;}*/
    .sliderWrapper .slick-list,  
    .sliderWrapper .video-list-slider.show-list-slider{
        height: 220px;
    }
    /* below css commented for elamb instance */
    /*#catlog .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute,
    #myLearning .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute, 
    #ui_recommendations .vs-video-description-drop, .dashboardfull .absolute, .learningpathui .absolute
    {  height: 530px !important;}
    #catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content,
    #ui_recommendations .vs-video-description-drop .tab-content    { height: 483px !important;}
    .dashboardfull .bannerhero, .learningpathui .bannerhero{    height: 483px;}*/
    .gridLayout .slide-category, .slide-category.slide-container{    margin-bottom: 0px;}
    .banner-rightimg {width: 67%;     height: 100%; min-height: 480px;}
    .dashboardfull .box, .learningpathui .box { width: 33%;     height: 100%;}

    .commonAccordionContent .sessionheight{       height: 238px !important;
                                                  padding-right: 15px;
                                                  display: inline-block;
                                                  width: 100%;}
    .gridLayout #learningObjCarousel .carousel-lo .owl-prev, .gridLayout #learningObjCarousel .carousel-lo .owl-next { top: -10%;    right: 0.3%;}
   /* below css commented for elamb instance */
    /*.expert-height, #learningObjCarousel, .rulesheight {padding-right: 12px;height: 320px !important;}*/
    /*#introductionSession, #locationSession{height: 350px !important;}*/
    .carousel-lo .owl-next, .carousel-lo .owl-prev{top: -10%;}
    #slider-animation .prevnextlist {  width: 26px;    height: 48px;}
    .iframelaunch .owl-item .item, .owl-item .item { width: 86%;}

    .gridLayout .slide-category, .slide-category.slide-container{
        margin-bottom: 0px;
    }
    #catlog .video-slide-image,
    #myLearning .video-slide-image,
    .dashboardfull .video-slide-image,
    .dashboardfull .video-slide-image {
        height: 161px;
        object-fit: cover;
    }
    #myLearning .video-item img,
    #catlog .video-item img,
    #ui_recommendations .video-slide img {
        height: -webkit-fill-available;
        height: 100%;
        object-fit: cover;
    }
    .video-category { height: 225px !important;}
    /*  #ui_recommendations .sliderWrapper .slide-category,
      #dashboard .sliderWrapper .slick-slide  {
       height: 180px;
      }
      #ui_recommendations .sliderWrapper .slide-category ,
      #dashboard .sliderWrapper .slide-category  { height: 200px;}*/
}

@media screen and (min-width: 1600px) and (max-width:1900px){
    .sliderWrapper .slick-list,  
    .sliderWrapper .video-list-slider.show-list-slider{
        height: 245px;
    }
    .gridLayout .slide-category, .slide-category.slide-container{
        margin-bottom: 0px;
    }
    .leader-profile-img{ height: 145px !important; }
    .video-slide-image{height: 190px !important;}
    /*  .sliderWrapper .slick-slide{height: 190px !important;}*/
    #ui_recommendations .video-slide-image{height: 189px !important;}
    #ui_recommendations .sliderWrapper .slick-slide{height: 189px !important;}
    .leader-profile-img{ height: 180px; }
    .video-slide img{ height: 189px !important;  object-fit: cover;}
    /*.video-slide:hover img{ height: 186px !important;  object-fit: cover;}*/
    /*.active-slide .video-slide-image img { height: 186px !important;  object-fit: cover;}*/
    .video-category { height: 245px !important;}
    .upcomingCourse.owl-carousel .owl-item img { height: 155px;    object-fit: cover; }


    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .card-icon-row .ico-moon span.fa{
        font-size: 32px !important;
    }

}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
    .gridLayout .slide-category, .slide-category.slide-container{
        margin-bottom: 0px;
    }
    /* below css commented for elamb instance */
   /* #catlog .vs-video-description-drop .tab-content, #myLearning .vs-video-description-drop .tab-content, .carousel-inner .vs-video-description-drop .tab-content,
    #ui_recommendations .vs-video-description-drop .tab-content
    { height: 600px;}*/
    /*.upcomingcourseui .absolute { position: absolute;    height: 700px;}*/
    .gridLayout .vs-video-description-drop { margin: 0px -15px 0px -30px ;}
    .commonAccordionContent .sessionheight{       height: 348px !important;
                                                  padding-right: 15px;
                                                  display: inline-block;
                                                  width: 100%;}
    .learningpathui .box, .learningpathui .banner-rightimg, #catlog .box,#catlog .banner-rightimg,
    #myLearning .banner-rightimg, #myLearning .box, .carousel-inner .banner-rightimg, .carousel-inner .box,
    #mylearningTabContent .banner-rightimg, #mylearningTabContent .box,
    #ui_recommendations .box, #ui_recommendations .banner-rightimg
    { height: 93%; min-height: 480px;}
    /*.carousel-inner .tab-content { height: 603px;}*/ /* this css commented for elamb instance */
    .gridLayout #learningObjCarousel .carousel-lo .owl-prev, .gridLayout #learningObjCarousel .carousel-lo .owl-next { top: 10%;    right: 0.1%;}
    /* below css commented for elamb instance */
    /*.expert-height, #learningObjCarousel, .rulesheight  {     padding-right: 12px;    height: 410px; }*/
    /*#introductionSession, #locationSession{height: 350px !important;}*/
    .leader-profile-img{ height: 180px; }
    .video-slide-image{height: 221px;}
    /* .sliderWrapper .slick-slide{height: 221px;}*/
    #ui_recommendations .video-slide-image{height: 225px;}
    #ui_recommendations .sliderWrapper .slick-slide{height: 225px;}
    .video-slide img{ height: 225px;  object-fit: cover;}
    /* .video-slide:hover img{ height: 221px;  object-fit: cover;}*/
    /* .active-slide .video-slide-image img{ height: 217px ;  object-fit: cover;}*/
    .video-category { height: 280px;}
    #ui_recommendations .slick-track:after, #ui_recommendations .slick-track:after{display:none !important;}
    #ui_recommendations .vs-video-description-drop { margin: 0px -45px 20px -44px !important;}
    #ui_recommendations .quickAction li.search{ border-right:0px;}
    .upcomingCourse.owl-carousel .owl-item img { height: 186px;    object-fit: cover; }
    #topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu.show{    margin-right: 0px;}
}
.alert-info{background: #0087be; color:#fff; border-color:#0087be;}
.alert-success{background: #4ab866; color:#fff; border-color:#4ab866;}
.alert-warning{background: #f0b849; color:#fff; border-color:#f0b849;}
.alert-danger{background: #ef4a4a; color:#fff; border-color:#ef4a4a;}
.alert-success .btn-blue, .alert-info .custmBtnDefault { background:#fff !important; color:#333 !important; padding: 2px 10px; margin-left: 5px; cursor:pointer; }
.alert-success .btn-blue:hover, .alert-info .custmBtnDefault:hover { background:#fff; color:#333 !important;  opacity:0.8;}
#learningObjCarousel{ width:100% !important;}

#catlog .commonAccordion .card {width:100%;}
#ui_whitetheme #myModal .absolute {
    background: linear-gradient(to right, transparent 25%, transparent) !important;
    background:-moz-linear-gradient(to right, transparent 25%, transparent) !important;
    background:-webkit-linear-gradient(to right, transparent 25%, transparent) !important;
}
@media screen and  (min-width: 1920px) {
    .gridLayout .slide-category, .slide-category.slide-container{
        margin-bottom: 0px;
    }
}
/*End Prashant 17-12-2019 till 23-12-2019*******************************************************************************************************/

/*Start 23-12-2019**************************************************************/
/*white theme*/
#ui_whitetheme #course_requests_ui #action,
#ui_whitetheme  #external_certificate,
#ui_whitetheme #report_name, #ui_whitetheme #external_certificate_new{
    background-color: #fff !important;
    border-color: transparent;
    padding: .4rem 1.4rem .4rem .6rem !important;
}
#ui_whitetheme .csv-icon-wrapper svg {
    fill: #333 !important;
}
/*white theme*/
#t_and_c_m .fileImgField .form-group .input-group .input-group-prepend,
#splashModal .fileImgField .form-group .input-group .input-group-prepend,
.accouncementWrapper .fileImgField .form-group .input-group .input-group-prepend{
    margin-right: -1px;
}
#t_and_c_m .fileImgField .form-group .input-group input,
#splashModal .fileImgField .form-group .input-group input,
.accouncementWrapper .fileImgField .form-group .input-group input{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px;
}
#my-passport-ui .certificate-wrapper .filterWrap,
#new_report_render .filterWrap{
    margin-top: 15px;
    margin-bottom: 15px;
}
#reports_ui .certificates-dropdown  .dropdown .dropdown-toggle i{
    font-size: 20px;
    font-weight: 600; 
    line-height: 1; 
} 
#reports_ui .certificates-dropdown  .btn-filter{
    line-height: 1;
}
.certificate-wrapper .dataTables_filter input{
    color: #333;
}
#certifications_users_report_table_filter{
    float: right;
    width: auto;
}
.csv-icon-wrapper svg{
    height: 35px;
    width: 35px;
    vertical-align: top;
}
.csv-icon-wrapper svg {
    fill: #fff !important;
}
.certificate-wrapper.card-deck.mb80{
    margin-bottom: 0px !important;
}
/*End 23-12-2019**************************************************************/

/*Start 26-12-2019**************************************************************/
#ui_whitetheme .modal .modal-body .custom-checkbox .custom-control-label:before{
    background-color:#fff !important;
}
#ui_whitetheme #course_requests_ui .paginate_button {
    color: #333;
}
#ui_whitetheme .dataTables_filter label input{
    color: #333;
}
.radioSelectionWrapper .radio-custom-box{
    margin: 0px 0px 0px 15px;
}
#course_requests_ui .table .custom-control-label::before{
    width:20px;
    height:20px;
    top: -2px;
    cursor: pointer;
    position:relative;
    left: 0px;
}
#course_requests_ui .table .custom-control-input{
    position: absolute;
    left: 3px;
    top: 2px;
    z-index: 1;
    cursor: pointer;
}

#course_requests_ui .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
#course_requests_ui .table .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    left: 6px;
    top: 1px;
    width: 7px;
    height: 12px;
    /*border-width: 0 3px 3px 0;*/
    border-width: 0 3px 3px 0 !important; /*added imp for hide dubble border*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
#course_requests_ui .table .custom-checkbox .custom-control-label::after{
    left: 0px;
}
/*#course_requests_ui .table .custom-control-input:checked~.custom-control-label::before{
            color: #fff;
    border-color: 
    background-color: #fff;
}*/
#specificteam_form .dataTables_wrapper .table .custom-checkbox,
#instructors_form .dataTables_wrapper .table .custom-checkbox,
#masteradminModal .dataTables_wrapper .table .custom-checkbox,
#linemanagerModal .dataTables_wrapper .table .custom-checkbox,
#course_requests_ui .table .custom-checkbox{
    padding-left: 0px !important;
}
#course_requests_ui .table .custom-checkbox  input{
    position: absolute;
    left: 4px;
    top: 2px;
    opacity: 0;
    z-index: 1; 
}
.logoWrapper img{
    width:150px;
}
#t_and_c_m  .fileImgField .input-group-prepend .input-group-text,
#splashModal .fileImgField .input-group-prepend .input-group-text{ 
    padding: 0px;
}
@media screen and (max-width: 576px){
    .radioSelectionWrapper .radio-custom-box{
        margin: 0px 0px 0px 10px !important;
    }
    #signup .formWrapper{
        max-height: 150px;
    }
    #course_requests_ui .course_requestsform .dropdown:nth-child(1){
        width: calc(100% - 60px);
    }
    #t_and_c_m .splash_page-media .splash_img,
    #t_and_c_m .splash_page-media #myElement,
    #splashModal .splash_page-media #myElement,
    #splashModal .splash_page-media .splash_img{
        width: 100%;
        margin:0px 0px 15px 0px;
    }
}
@media screen and (max-width: 767px){
    #topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .switchContainer .nav-link{
        padding: 0.5rem !important;
    }
    #myProfile .cardColumn .form-group:nth-child(3n+2){
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    #myProfile .cardColumn .form-group{
        width: calc(100%);
    }
    .inner-content .pageHeader h3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    #t_and_c_m  .doc,
    #splashModal .doc{
        width: 100%;
    }
}

@media screen  and (min-width: 768px){
    #t_and_c_m .doc,
    #splashModal .doc{
        width: 60%;
    }
}
.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url('<?php echo LEARNER_UI_ASSETS; ?>/images/loading.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: 1;
}
#info_domain_modal .modal-body p{
    margin-bottom: 0px;
}
#KRInformationModal .threeGriedTier .div:nth-child(2){
    border-right:0px solid transparent !important;
}

.messageWrapper .composeMail .bootstrap-tagsinput .tag{
    border-radius: 3px; 
}
.messageWrapper .composeMail .bootstrap-tagsinput .tag{
    font-size: 12px;
    padding:2px 5px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    background-image: none;
}
/*End 26-12-2019**************************************************************/

/*Start:- Apsara 27-12-2019**************************************************************/
@media screen and (min-width: 768px){
    #ui_login .contentWrapper{
        transform: translate(0%, -50%);
        top:50%;
    }
    #ui_resetPassword .contentWrapper,
    #ui_activateLearner .contentWrapper,
    #ui_SetPassword .contentWrapper{
        top: 50%;
        transform: translate(0%, -50%);
    }
}
.messageWrapper .messageBlock .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    left: -21px;
    top: 5px !important;
    width: 7px;
    height: 12px;

    border-width: 0 3px 3px 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.even, .table-striped>tbody>tr:nth-of-type(odd){
    color: inherit !important;
}
[data-toggle="popover"]{
    cursor:pointer;
}
.report-search-wrapper  .csv-icon-wrapper {
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.inactiveLink {
    pointer-events: none;
    cursor: default !important;
}
#knowledgeRespository_ui .filter-card{
    margin:15px;
}
@media screen and (max-width: 576px){
    .ico-moon {
        font-size: 3.9em;
    }
    #knowledgeRespository_ui #knowledgeRespository_wrapper .course_cnt{
        padding: 0px !important;
    }   
    .accouncementWrapper .fileImgField{
        width: 100% !important;
    }
}
@media screen and (min-width: 991px){
    /*#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper{
            height: 130px;
    }*/
    #knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper img.card-img-top{
        height: 100%;
        object-fit: cover;
    }
    #knowledgeRespository_ui  .doc-type-icon span{
        top: 0px !important;
    }
    #knowledgeRespository_ui  .doc-type-icon span[class^="icon-"]:before{
        font-size: 20px !important;
    }
}

@media screen and (max-width: 767px){
    .settingWrapper #dashboardWig .cardBg .cardContent{
        margin-bottom: 0px !important;
    }
    #knowledgeRespository_ui .filter-card{
        margin: 15px 0px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){



    .settingWrapper .card-deck {
        display: block !important;
    }
    .settingWrapper #dashboardWig .cardBg .cardContent {
        margin-bottom: 15px !important;
    }
    .settingWrapper .card-deck .card:nth-child(2) {
        margin-right: 0px;
        margin-left: 0px;
    }
    .settingWrapper .card-deck .cardContent:nth-child(1) {
        margin-bottom: 15px;
    }
}

.sliderWrapper .shift-left{
    transform:translate3d(-40px,0,0) !important;
    -webkit-transform:translate3d(-40px,0,0) !important;
    -moz-transform:translate3d(-40px,0,0) !important;
}
.sliderWrapper .shift-right{
    transform:translate3d(40px,0,0) !important;
    -webkit-transform:translate3d(40px,0,0) !important;
    -moz-transform:translate3d(40px,0,0) !important;
}

/* For footer to get sticky at bottom */
html {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Avoid the IE 10-11 `min-height` bug. */
}
main {
    flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
footer {
    flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */
}
/* For footer to get sticky at bottom */

#dashboard .leaderBWrapper .leaderboard-details .leader-card{
    padding-bottom: 0px;
}
#my-passport-ui .custom-control-label::before{
    height: 20px;
    width: 20px;
}
.custom-checkbox .custom-control-label::before{
    border-radius: 2px;
}
.filterWrap .filter-card .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
    left: -17px;
    top: 7px !important;
    width: 5px;
    height: 10px;

    border-width: 0 3px 3px 0 !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.custom-control-label::after{
    cursor: pointer;
}

#topHeader nav.navbar{
    display: block;
}
#topHeader .navbar-collapse{
    padding: 0px 15px;

}
#topHeader .navbar-left-panel .nav-item a{
    /* color: #fff ;*/

}
#topHeader .navbar-left-panel .nav-item.active > a span{
    /* color: #fff;*/

    opacity: 1;
}
.sticky ~ main,
.sticky + main {
    /* padding-top: 90px;*/
    padding-top: 100px;
}
/*End:- Apsara 28-12-2019**************************************************************/

/*Start:- Tushar 31-12-2019**************************************************************/
/* Knowledge repository CSS By Tushar Deokar 11/11/2019 ********************************/
.white-icon{color:#f7f7f7;}
.white-color{color:#FFF;}
.title-line{height: 1px;background: #979797;display: inline-block !important;}
/*.fa.fa-folder{color:#fff; font-size:4.5em;}*/
#overlay {
    position: fixed;
    display: none;
    width: 100%; 
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6); 
    z-index: 1031; 
    cursor: pointer;
}
#overlay.active{
    display:block;
}
.info-box-wrapper{ 
    background: #2c2c2c;
    width: 35%;
    position: fixed;
    right: -100%;
    opacity: 1;
    transition: all 1s ease;
    visibility: visible;
    z-index: 1032;
    top: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.info-box-wrapper.active{right:0px;}
.info-box-wrapper .info-box-title{background:#373737;padding:10px;}
.info-box-wrapper .info-box-title .info-header-text{margin:0px; margin-left:10px;}

.info-box-wrapper .ico-moon.single-ico{width: 65px;font-size: 2.2em;padding:0px;}

.info-box-wrapper .close-btn{background:#4c4c4c;padding: 8px;border-radius: 5px;line-height:0px;}
.info-box-wrapper .close-btn:hover{cursor:pointer;}
.info-box-wrapper .close-btn .fa-sign-out{font-size: 1.4em;color:#fff;}

.info-box-wrapper .info-box-content{padding:20px;}
.input-search{ 
    padding: 6px;
    border: none;
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 4px;
    padding-left: 30px;
    line-height: 20px;
    background-size: 5%;
    caret-color: #fff;
}

.question-mark-icon{
    width:20px;
    height:20px;
    border-radius:50px;
    text-align: center;
    line-height:20px;
    margin-right:10px;
}

.v-line{width: 2px;height: 40px; margin: 0 5px;}
.h-line {width: 8%;height: 1px;position: relative;}
.h-line:after{content: "";position: absolute;width: 98%;height: 1px;right: 0px;}
.knowledge-repository-filter button{background:none;}
.filter-card{
    padding: 0.8rem;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.filter-card label{
    font-size:16px;
}

.standard-reports-btn{background:#3e3e3e;}
.reports-subheading{font-size: 1.2em;}
.go-btn:hover,.download-csv-btn:hover{color:#fff;}
.dataTables_wrapper .dataTables_length select,
#courses-report-table-wrapper select {
    margin-left: 8px;
    width: 58px;
    padding: 7px 6px 3px 7px;
    border: none;
    border-radius: 2px;
}
#courses-report-table-wrapper .courses-report-table {margin-top: 5px;}
#courses-report-table-wrapper .paginate_button {
    padding: 0 10px 0px 10px;
    font-weight: 600;
    cursor: pointer;
}
#courses-report-table-wrapper .paging_simple_numbers {float: right;}
.report-search-wrapper .dropdown {
    float: left;
}
.btn-filter {
  /*  background: #3e3e3e;
    color: #fff;*/
    font-size: 14px;
    float: left;
    margin-right: 10px;
}
.report-search-wrapper .reportSelection-dropdown-btn, .request-dropdown-btn {
    border: none;
    font-size: 14px;
    font-weight: 500;
   /* background: #3e3e3e;*/
    margin-right: 10px;
    /*color: #fff;*/
    border-radius: 2px;
}

.request-dropdown-btn:hover{color:#fff;}

.report-search-wrapper .status-dropdown-btn {
    padding: .4rem .6rem;
}
.fa-file-word-o{padding-right:7px;}
#reports_ui .standard-reports-menu{
    width:100%;
}

.standard-reports-btn span{padding-right:50px;}
.report-search-wrapper .dropdown-menu{
    background: #3e3e3e;
    padding: 5px !important;
    width: 210px;
    padding: 15px 10px 15px 10px !important;
    left:-90px;
}
.report-search-wrapper .dropdown-menu .dropdown-item{color:#fff;}
.inner-content h5 {

    font-size: 18px;
}
.report-search-wrapper .btn-apply-filter {
    background: #f76402;
    margin-right: 9px;
}
.report-search-wrapper .btn-apply-filter, .report-search-wrapper .btn-clear-filter {
    color: #fff;
    width: 47%;
    float: left;
}

.dropdown-toggle::after{display:none;}
.dataTables_wrapper .dataTables_length select,
.certificate-wrapper select,.standard-reports-btn{
    background-image: url(../images/dropdown.png) !important;
    background-color: #2D2D2E !important;
    background-position: calc(100% - 5px) center !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
}
.certificate-wrapper .leaderBoard-wrapper select{
    background-image:  url(../images/dropdown.png) !important;
    background-repeat: no-repeat !important;
    background-size: 25px !important;
    background-position: 98% !important;
}

.standard-reports-btn{
    background-position: 225px !important;
    background-size: 8% !important;
}

.csv-icon{transition: all .3s ease;}
.csv-icon:hover{cursor:pointer;opacity:1;}
.dataTables_wrapper{margin-top:5px;}
.btn-apply-filter,.btn-clear-filter,.btn-apply-filter:hover,.btn-clear-filter:hover{}
.btn-apply-filter {margin-right: 9px;}
.filter-card .btn-apply-filter, .filter-card .btn-clear-filter{width:auto;}
.filter .fa-filter:hover{cursor:pointer;}
/* Reports CSS By Tushar Deokar 19/11/2019 END **************************************/

/* Course Requests CSS By Tushar Deokar 19/11/2019 *****************************************/
.radio-custom-box{float:left;}
.radio-custom {opacity: 0;position: absolute;}
.radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;margin: 5px;cursor: pointer;}
.radio-custom:focus ,.radio-custom-label:focus, .radio-custom-box:focus{outline:none;}
.radio-custom-label {position: relative;}
.radio-custom:checked + .radio-custom-label:before{}
.radio-custom + .radio-custom-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 1px;
    margin-right: 10px;
    text-align: center;
    font-family: GilroyMedium;
}
.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';

    font-size:0.8em;
}

#reports_ui .dropdown-menu, #course_requests_ui .dropdown-menu{background: #3E3E3E;}

@media (max-width:1920px){

    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-details .member-name{font-size:1.40rem;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{font-size:15px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .status-circle{width: 32px;height: 32px;line-height: 32px;margin-right: 10px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container{padding-bottom: 20px;padding-right: 20px;padding-left: 20px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{margin-top: 20px;} 
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{top:2px;}
    .input-search{background-size:3.5%;}
    /*.filter-card label, .btn-apply-filter,.btn-clear-filter{font-size:1.2em;}*/
}

@media (max-width:1600px){

    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container{padding-bottom: 13px;
                                                                                                 padding-right: 10px;
                                                                                                 padding-left: 10px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .status-circle{width: 28px;
                                                                                                     height: 28px;
                                                                                                     line-height: 28px;
                                                                                                     margin-right: 8px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{font-size: 15px;margin-top:13px;}
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{top:-2px;}
}

@media (max-width:1440px){


    #knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-content{max-height:60px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-details .member-name{font-size: 1.50rem;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{font-size:1em;}
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{top:-13px;}
}

@media (max-width:1366px){   
    .title-line{width: 59%;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{padding:0 6px;}
    .input-search{background-size:6%;}
}

@media (max-width:1280px){
    #knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .card-icon-row{margin-bottom: 2px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box{padding: 0 8px;font-size:0.9em;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container{    padding-bottom: 10px;
                                                                                                     padding-right: 10px;
                                                                                                     padding-left: 10px;}
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .member-details .member-name{font-size:1.40em;}
}


@media (max-width:1024px){
    #ui_whitetheme #myLearning .iframelaunch .session-section .tab-content{
        background: none !important;
    }
    .mousescroll-downs{ display: none;}
    #dashboard .slide-text-status, .slide-text-status{opacity: 1 !important;}
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{height: 110px;top:-35px;}
    .input-search{background-size:9%;}

    .owl-carousel.owl-drag .owl-item,
    .owl-carousel .owl-stage{
        touch-action: unset !important;
    }
    .sliderWrapper .shift-left{
        transform: none !important;
    }
}

@media (min-width:768px){
    div.dataTables_wrapper div.dataTables_filter {
        text-align: right !important;
    }

    .info-box-wrapper{
        width:50%;
    } 
    #badges-leaderboard .badges-wrapper .badge-card-wrapper{padding: 10px 0;}
    #badges-leaderboard .badges-wrapper .badge-card-wrapper .v-line-right:after{border:none;}
    .input-search{background-size:3.5%;}
}


@media (max-width:480px){
    .signUpBody{overflow: hidden; position: fixed; }
    .signUpBody .wrapperBg{ position: fixed; }
    .signUpBody .backgroundNone{width:100%;}
    #signup .formWrapper {    max-height: 300px; -webkit-overflow-scrolling:touch; }
    #dashboard .cardContent h5{
        font-size: 18px;
    }
    div.dataTables_wrapper div.dataTables_length{
        display: block !important;
    }
    div.dataTables_wrapper div.dataTables_filter {
        text-align: center;
    }
    .newReportRender .dataTables_filter input{
        width: 160px !important;
    }
    .lpathbox .boxin {
        padding: 10px 20px 10px 0px;
    }
    .lpathbox .boxincont {
        margin-left: -35px;
    }
    .mr-1 {
        margin-right: 0.15rem !important;
    }
    #btnUnenroll{
        margin-right:  0px !important;
    }
    .info-box-wrapper, .externalCert-box-wrapper {width:100%;}

    #badges-leaderboard .badges-wrapper .badges-header-wrapper .badges-title{margin-bottom:10px;}
    #badges-leaderboard .leaderBoard-wrapper .leader-card-row ul li.list-inline-item{width:48%;}
    .input-search {background-size: 6%;padding-left: 25px;}
    #badges-leaderboard .leaderBoard-wrapper .leader-card-row ul li.list-inline-item:nth-child(2n+1){
        margin-right: 0px !important;
    }
    #badges-leaderboard .leaderBoard-wrapper .leader-card-row ul#ul_my_rank li.list-inline-item:nth-child(1){
        margin-right: .35rem !important;
    }
}

@media (max-width:411px){
    .input-search{background-size: 7%;padding-left: 22px;}
}


@media (max-width:375px){
    #myModal .modal-doc, #myModal .modal-pdf {top: 49% !important;}
    .input-search{background-size:11%;padding-left: 20px;}
    .dataTables_filter{display: contents;}
    .dataTables_length{margin-bottom:5px;}
    .certificate-wrapper .certificate-tabs .nav-link.active:after{bottom:-10%;}
}

@media (max-width: 360px){
    #signup .formWrapper {    max-height: 250px;}
    #knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-body .keywords-wrapper .keywords-content{max-height:75px;}
.popContent .mainContent { height: calc(100vh - 76px); }
    #myLearning .modal{ height: 100% !important; }
    .popContent .header .rightPartheader .btn{padding:0.15rem 0.5rem;}
}

#topHeader .navbar-collapse.rmBgClrHeader{
    color: #333 !important;
}

#ul_my_rank .list-inline-item:nth-child(1) {
    margin-right: .5rem;
}

@media (max-width: 576px){
    .ico-moon{font-size: 35px;
    }
    .dashboardfull .box h2,
    .dashboardfull .inner-content h2,
    .learningpathui .inner-content h2,
    .learningpathui .box h2{
        font-size: 20px !important;
        max-height: 50px !important;
        overflow: hidden !important;
    }
    .dashboardfull .box .flex.mt-3.mb-3{
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    .dashboardfull .box .flex.mt-3.mb-3 a{
        margin-bottom: 0px !important;
    }
    .dashboardfull .box .progresscont{
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important;
    }
    .dashboardfull .box .courseDesc{
        height: 32px;
        overflow: hidden;
    }

}
#topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .switchContainer li{
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column; 
}
#topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .switchContainer .nav-link{
    color: #fff;
    border-radius: 3px;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column; 
}
#topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .switchContainer li:nth-child(1) a{
    margin:0px !important;
}
.fileImgField .form-group{
    margin-bottom:0px;
}
.messageWrapper  .composeMail .bootstrap-tagsinput input{

} 
/*@media (max-width: 576px){
   #actions-confirm-box .modal-dialog {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50px);
    position: absolute;
    } 
}
*/
/*End:- Apsara 31-12-2019**************************************************************/

/*Start:- Apsara 1-12-2019**************************************************************/
/*internal css on message page*/
.bootstrap-tagsinput {
    position: relative;
    min-height: 36px; 
}
.bootstrap-tagsinput input {
    position: absolute;
    left: 12px;
    top: 6px;
}
.bootstrap-tagsinput span:first-child {
    margin-left: 30px;
}
/*internal css on message page*/
@media screen and (max-width: 576px){
    .modal div.dataTables_wrapper div.dataTables_length{
        display: block !important;
    }
    .modal .dataTables_wrapper .dataTables_paginate{
        float: none !important;
        top: 0px;
        text-align: center;
    }
    #search_table_length select{
        display: inline-block !important;
    }
    div.dataTables_wrapper div.dataTables_length{
        display: inline-block;
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_filter{
        display: block;
        float: none;
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 767px){
    .dataTables_wrapper .dataTables_paginate{
        float: none !important;
        top: 0px;
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_info{
        text-align: center;
    }
    .messageWrapper .composeMail .dropData button{
        margin: 2px 0px;
    } 
}
main.queryMainWrap,
main.messageMainWrap{
    display: flex;
    overflow: hidden;
    height: calc(100vh - 200px);
    position: relative;
    width: 100%;
}
.messageWrapper #mobDiv4,
.messageWrapper #mobDiv1{
    height: calc(100vh - 285px);
}
.messageWrapper #mobDiv3{
    height: calc(100vh - 285px);
}
.messageWrapper .messageBlock {
    height: calc(100vh - 345px);
}
#t_and_c_m  .modal-body{
    max-height: 400px;
}
#moduleInformationModal .modal-body,
#queryDetail .modal-body,
#attachment .modal-body,
#splashModal .modal-body,
#courseInformationModal .modal-body {
    max-height: 500px;
}

#ui_login .lowerBtnWrap{
    align-items: center;
}
#ui_login .lowerBtnWrap .counterWrap #next,
#ui_login .lowerBtnWrap .counterWrap #prev{
    cursor: pointer;
}
@media screen and (min-width: 1200px) and (max-width: 1335px){
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box:nth-child(1),
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box:nth-child(3){
        padding-right: 0px !important;
    }
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box:nth-child(2),
    #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .container .status-box:nth-child(4){
        padding-left: 0px !important;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1199px){
    #topHeader .navbar-left-panel .nav-item a {
        font-size: 15px;
        padding-right: 0.4rem !important;
        padding-left: 0.4rem !important;
        margin: 0px 2px;
    }
}
/*@media screen and (max-width: 1600px){
    .leader-profile-img{
        height: 180px;
    }
}*/
#badges-leaderboard .prev_nextArrow .pervarrow{
    margin-right: 1px;
}
/*End:- Apsara 1-12-2019**************************************************************/

/*start:- 1-12-2019 Internal css of myLearning**************************************************************/

input[type="checkbox"][disabled]{
    cursor: not-allowed;
}
@media screen and (max-width: 576px) {
    #catlog #video-list-loaded[items-per-row="5"] .video-item,
    #myLearning #video-list-loaded[items-per-row="5"] .video-item {
        width: 100% !important;
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 768px) and (min-width: 578px) {
    #myLearning #video-list-loaded[items-per-row="5"] .video-item,
    #catlog #video-list-loaded[items-per-row="5"] .video-item {
        width: 49.5% !important;
        margin-bottom: 5px;
    }
    #myModal .modal-doc, #myModal .modal-pdf {top: 49% !important;}
}
/*    #myPdf {
        height: 600px;
    }*/
.completed-module {
    background: rgba(255, 255, 255, 0.6);
    color: #008459;
    font-size: 67px;
    text-align: center;
    position: absolute;
    width: 88.1%;
    left: 3px;
    border-radius: 3px;
    height: 64%;
}
.fancybox-opened iframe{ 
    width: 100%;
    height: 99%;        
}

.fancybox-opened {
    z-index: 9999;
}

#map-container{
    height: 150px;
}
.mySlides {
    transition: 1s;
    left: 0;
}
#catlog input[type='file'] {
    color: transparent;    
    direction: rtl; 
    width: 100px; 
}
#detailsSideBar{
    height: 335px;
}
.session-section {
    background: #fff;
    padding: 20px 15px 20px 15px;
}
#video-list-loaded .vs-video-description-drop {
    margin-top: 0px !important;
}
#map-container{
    min-height: 150px;
}
.header-without-section { margin: 0px -6px !important; padding: 3px 6px 10px 6px !important;  } 
@-moz-document url-prefix() {
    .test{
        margin-top:5px;
    }
}
.header-without-section {  margin: 0px -6px !important;  padding: 3px 6px 10px 6px !important; }

.feedback-div{
    background: #d4d8e0;
    padding: 5px 16px;
    margin: 16px 0px 0px -14px;
}
.assessment-div-display{
    margin: 15px;
    background: #fff;
    padding: 10px 15px;
}
.rtoptimer{ width: 280px !important;}
#video-list-loaded .vs-video-description-drop {
    margin-top: 0px !important;
}

#catlog .table-bordered td, #catlog .table-bordered th{

}
.header-without-section { margin: 0px -6px !important; padding: 3px 6px 10px 6px !important;  } 
/*End:- 1-12-2019 Internal css of myLearning**************************************************************/

/*Start:- Apsara 3-12-2019**************************************************************/
[type=search]{
    outline: none;
}
#knowledgeRespository_wrapper .card-img-wrapper  .card-icon-row .ico-moon .url-icon .fa.fa-link{
    line-height: 1.55 !important;
}
.custom-control-input:disabled~.custom-control-label{
    opacity: 0.5;
    color: inherit !important;
}
#searchpop .search-div{
    max-width: 100% !important;
    margin: 0px;
}
#searchpop .search_helper_global{
    font-size: 20px;
    margin: 0px;
}
#search_table_wrapper .table-bordered td,#search_table_wrapper .table-bordered th,
#search_table_wrapper .table td {
    border:0px solid transparent;
}
#search_table_wrapper #search_table a{
    font-family: GilroyMedium;
    font-weight: 500;
}
#search_table_wrapper .table{
    border:0px solid transparent !important;
    margin:0px;
}
#search_table_wrapper .dataTables_filter{
    width: auto;
    display: none;
}
#searchpop ul.tagit{
    border: 0px solid transparent;
    flex-grow: 2;
    margin: 0px;
    padding: 6px 10px 6px 10px;
}
#searchpop .searchWrap{
    display: flex;
    align-items: center;
}
#searchpop  .hr{
    width: 5%;
    margin: 0px;
    border-top: 1px solid #999999;
}
#searchpop  .searchBtnWrap{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
#searchpop  .searchBtnWrap button.close{
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-size: 16px;
    width: 25px;
    height: 25px;
    border-radius: 100%;
}
/*End:- Apsara3-12-2019**************************************************************/

/*Start:- Apsara 7-12-2019**************************************************************/
#reports_ui #new_report_render .select2-container{
    width: 100% !important;
}
#reports_ui #new_report_render .select2-container--default .select2-selection--multiple,
#reports_ui #new_report_render .select2-container--default.select2-container--focus .select2-selection--multiple{
    background: #555;
}
#reports_ui #new_report_render  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    float: right;
    margin-left: 5px;
    margin-right: 0px;
}
#attachment #myPdf{
    position: relative !important;
    height: 400px;
}
/*For my learning page if get conflicting then add parent*/
.video-item:hover>.video-slide-details,
.video-item:hover>.video-item-content .video-slide-details {
    opacity: 1;
}
.video-item:hover>.show-vs-drop, .video-item:hover>.show-vs-drop, .video-item:hover .slide-text-status {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    display: inline-block !important;
}
.video-item:hover .video-slide-details h4 {
    bottom: 40px;
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
}
/*For my learning page if get conflicting then add parent*/
.customForm .form-group input{
    font-weight: 100;
    letter-spacing: 0px;
}
/*knowledge repository card height fix issue*/
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .card-icon-row:last-child{
    height: 100% !important;
    margin-top:0px !important;
    padding: 0px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .row{
    padding: 5px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper  .ico-moon div{
    display: flex;
    align-items: center;
    justify-content: center;  
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row  .ico-moon{
    width: 50%;
    height: 50%;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper  .ico-moon div{
    height: 100%; 
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .ico-awesome-wrapper{

    border: 0px solid transparent !important;
    padding: 0px 6px 0px 0px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-img-wrapper .ico-awesome-wrapper img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon{
    padding: 3px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(3),
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(4){
    padding-bottom: 0px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(2),
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(4){
    padding-right: 0px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(1),
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(3){
    padding-left: 0px;
}
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(1),
#knowledgeRespository_ui #knowledgeRespository_wrapper .card .card-icon-row .ico-moon:nth-child(2){
    padding-top: 0px;
}

#knowledgeRespository_wrapper .row{
    margin: 0px;
}
.select2-container--default .select2-selection--multiple{
    background: #555;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    max-height: 66px;
    overflow-x: hidden;
    overflow-y: auto;
}
header {
    transition:  800ms ease;
}
html{
    font-family: GilroyRegular;
}
@media screen and (min-width: 991px){
    .course_cnt{
        padding-right: 15px;
        padding-left: 0px;
    }
}

/*knowledge repository card height fix issue*/
/*End:- Apsara 7-12-2019**************************************************************/

/*Start:- Apsara 8-12-2019**************************************************************/
/*#signup .form-group.input-group .input-group-prepend{
        position: absolute;
    right: 0px;
    height: 40px;
}*/
.dataTables_scrollBody table{
    margin-top: 0px !important;
}
@media screen and (max-width: 576px){
    #reports_ui .download-csv-btn img{
        display: none;
    }
    #reports_ui .downloadBtn{
        margin:0px !important;
    }
    .newReportRender .reportSearch {
        position: static !important;
    }
    .newReportRender .filterWrap{
        position: static !important;
    }
}

@media screen and (min-width: 768px){
    .msgAttachment .modal-dialog.modal-md {
        max-width: 800px;
        width: 800px;
    }
    .dataTables_wrapper .dataTables_length label{
        margin-bottom: 0px;
    }
}
@media screen and (min-width: 1200px){
    .msgAttachment .modal-dialog.modal-md {
        max-width: 800px;
        width: 800px;
    }
}
:focus {
    outline: transparent auto 1px !important;
    outline :none !important;
}
#reports_ui select#report_name,
.course_requestsform select#action{
    background-image: url(../images/dropdown.png) !important;
    background-position: calc(100% - 5px) center !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;


    font-size: 15px;
}
.newReportRender{
    position: relative;
}
.newReportRender .reportSearch{
    position: absolute;
    right: 15px;
    top: 24px;
}
.newReportRender .filterWrap{
/*    top: 45px;*/
    position: relative;
}
#knowledgeRespository_wrapper .card-img-top{
    border-radius: 0px;
}
@media screen and (min-width: 1400px) and (max-width: 1920px){
    .ico-moon {
        font-size: 30px;
    }
}
@media screen and (min-width: 1921px){
    .ico-moon {
        font-size: 40px;
    }
}

/*End:- Apsara 8-12-2019**************************************************************/


/*Start:- Apsara 9-12-2019**************************************************************/
#my-passport-ui .courseGraph .calenderInputWrap{
    width: 55%;
}
.filterWrap .filter-card .input-group input,
#my-passport-ui #date-dropdown .form-group input{
    border-left: 0px solid transparent !important;
    padding-left: 0px !important;
}
.queryWrapper a.attachment{

}
select{
    font-family: inherit;
}
.queryWrapper .moreShortInfo p:nth-child(2){
    margin-left: 15px;
}
#myProfile .cardContent .form-group label{
    display: block;
    width: 100%;
    margin-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .queryWrapper .messageBlock .card.active .card-body span img{
        width: 8px;
        right: -12px;
    }
    .queryWrapper .messageBlock .card.active:before{
        right: -15px;
    }
    #myProfile .cardColumn + .text-center{
        clear: both;
    }
}
@media screen and (min-width: 768px) and (max-width: 1100px){
    #querymsg .outgoing_msg_img{
        width: auto
    }
}
/*End:- Apsara 9-1-2020**************************************************************/

/*Start:- Apsara 13-1-2020**************************************************************/
#ui_login .lowerBtnWrap ul li p{
    overflow:auto !important;
    overflow-x: hidden !important;
}
#myProfile .cardContent .form-group input[type="file"] + label.error{
    bottom: -21px;
    width: auto !important;
}
#myProfile .text-center.py-2.mt-3{
    clear: both;
}
#searchpop ul.tagit li.tagit-new {

    width: -webkit-fill-available;
    width: inherit;
}
/*@media screen and (min-width: 992px){
    #myProfile .cardColumn .form-group:nth-child(3n+2) {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    #myProfile .cardColumn .form-group {
        width: calc(31.7%);
        float: left;
        margin-bottom: 15px;
    }
}*/

/*@media screen and (min-width: 1199px){
        #myProfile .cardColumn .form-group:nth-child(3n+2) {
            margin-right: 15px !important;
            margin-left: 15px !important;
        }   
        #myProfile .cardColumn .form-group {
            width: calc(32%);
            float: left;
            margin-bottom: 15px;
        }
}*/


/*End:- Apsara 13-1-2020**************************************************************/

/*Start:- Apsara 14-1-2020**************************************************************/
.dataTable  .custom-control-label{
    vertical-align: middle;
}
#announcementWrapper .owl-theme .owl-nav button:hover{

}
a[disabled]{cursor:not-allowed !important;}

/* Discussion Forum css should not impact any other page css*/
.forumWrapper .write_msg{
    padding:10px;
}
.forumWrapper .write_msg img{
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.forumWrapper .write_msg .input_msg_write .msg_send_btn{
    font-size: 18px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    width: 50px;
}
.forumWrapper .write_msg .input_msg_write .msg_send_btn .fa{
    margin: 0 auto;
    align-items: center;
    align-content: center;
    display: flex;
    height: 100%;
}
.iconList  .fa-comments::before{ margin-right: 2px; }
.forumWrapper .modal-dialog{
    width:48% !important;
    max-width: 48% !important;
}
.forumWrapper .rightModalHeader h4{
    line-height: 1.8;
}
.forumWrapper .rightModalHeader{
    padding: 15px;
}
.forumWrapper .write_msg .input-group{
    padding:10px 15px;

}
.forumWrapper .write_msg .input_msg_write {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.forumWrapper .type_msg{
    padding: 20px 15px;
    border-radius: 5px;
}
.forumWrapper .write_msg input,
.forumWrapper .type_msg input{
    background: transparent;
    border:0px solid transparent;
    height: 30px;
    padding: 0px;
}
.forumWrapper .write_msg .input-group-text,
.forumWrapper .type_msg .input-group-text{
    background: transparent;
    border:0px solid transparent !important;
    padding: 0px 15px 0px 0px;
}
.forumWrapper .type_msg .input-group-text .fa{
    color: #999999;
    font-size: 22px;
}
.forumWrapper  .box-inner{
    padding: 15px;
    width: 100%;
}
.forumWrapper .iconList a{

}
.forumWrapper .outgoing_msg .outgoing_msg_img img,
.forumWrapper .incoming_msg .incoming_msg_img img, .replycommentcls img{
    width: 50px;
    height: 50px;
    object-fit: cover;

}
.forumWrapper .outgoing_msg .sent_msg,
.forumWrapper .incoming_msg .received_msg{
    margin-left: 15px;
    width: 100%;
}
.forumWrapper .incoming_msg {
    background: #4C4C4C;
}
.disabled_forum .incoming_msg {
    background: #222 !important;
}
.forumWrapper .outgoing_msg .name,
.forumWrapper .incoming_msg .name{

}
.forumWrapper .discussionWrap{
    background:#373737;
    border-radius: 3px;
    margin-bottom: 15px;
}
.forumWrapper .discussionscroll{
    max-height: 300px;
}
.forumWrapper .edit_write_msg{
    padding: 0px !important;
    margin-top: 15px !important;
}
/* .forumWrapper .msg_send_btn {
     line-height: 1;
 }*/
.forumWrapper .disscussionMsg{
    padding: 15px;
}
.forumWrapper  .outgoing_msg{
    width: 95%;
    right: 0px !important;
    margin: 0 0 0 auto;
}
.outgoing_msg.submsg{width:86%;}
#forum input.write_msg{
    font-size:1rem;
    font-weight:100;
    letter-spacing:0px;
}
#forum .forum-Wrap .type_msg .input_msg_write{
    align-items: center;
}
@media screen and (max-width: 576px){
    .forumWrapper .modal-dialog{
        width: 90% !important;
        max-width: 90% !important;
    }
    .forumWrapper .rightModalHeader h4{
        line-height: 2.5;
        font-size: 15px;
    }
    .forumWrapper .write_msg .input-group-text, .forumWrapper .type_msg .input-group-text{
        padding: 0px 10px 0px 0px;
    }
    .forumWrapper .write_msg input, .forumWrapper .type_msg input{
        font-size: 15px;
    }
    .forumWrapper .outgoing_msg_img{
        width: 25%;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .forumWrapper .rightModalHeader h4{
        line-height: 2.5;
        font-size: 15px;
    }
    .forumWrapper .modal-dialog{
        width: 75% !important;
        max-width: 75% !important;
    }
}

.toolbox{    position:relative;}
.tooltip2 {    transform: none;   }
.tooltip2:hover > .tooltip-text, .tooltip2:hover > .toolbox {
    pointer-events: auto;
    opacity: 1.0;
}
.tooltip2 > .tooltip-text, .tooltip2 >.toolbox {
    display: block;
    position: absolute;
    z-index: 6000;
    overflow: visible;
    padding: 5px 8px;
    margin-top: 10px;
    line-height: 16px;
    border-radius: 4px;
    text-align: left;
    color: #fff;
    background: #000;
    pointer-events: none;
    opacity: 0.0;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 200px;
    max-height: 150px;
}

/* Arrow */
.tooltip2 > .tooltip-text:before, .tooltip2 > .toolbox:before  {
    display: inline;
    top: -5px;
    content: "";
    position: absolute;
    border: solid;
    border-color: rgba(0, 0, 0, 1) transparent;
    border-width: 0 .5em .5em .5em;
    z-index: 6000;
    left: 20px;
}

/* Invisible area so you can hover over tooltip */
.tooltip2 > .tooltip-text:after, .tooltip2 > .toolbox:after  {
    top: -20px;
    content: " ";
    display: block;
    height: 20px;
    position: absolute;
    width: 60px;
    left: 20px;
}

.toolbox > .tooltip-text {
    overflow-y: auto;
    max-height: 300px;
    display: block;
}
.likepop li {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    line-height: 38px;
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    float: left;
    width: 100%;
}
.likepop .thumb-xs {
    width: 24px;
    /* height: 24px; */
    display: inline-block;
}  
.likepop .thumb-xs img{
    width: 24px;
    height: 24px;
    display: inline-block;
} 
.likepop {    padding: 0px;}
#forum .box{
    width: 100%;
}
#forum .custmBtnPrimary{
    margin-bottom: 0px !important;
}
/* Discussion Forum css should not impact any other page css*/
#my-passport-ui .scrtabs-tabs-movable-container{
    position: relative !important;
}
.chartWrap img {
    max-width: 100%;
    height: auto;
}
.no-padding{
    padding: 0px;
}

/*End:- Apsara 14-1-2020**************************************************************/

/*Start:- Apsara 23-1-2020**************************************************************/
.iframelaunch  .popContent  .session-section .alertModalPadding{
    padding: 0px 15px;
}
#ul_my_rank li center{
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carousel.pointer-event {
    -ms-touch-action: unset;
    touch-action: unset;
}
.scrtabs-tab-scroll-arrow{
    margin-top: 2px !important;
}
.messageMainWrap .msgContent .subHeading{
    width: 100%;
}
.accouncementWrapper .btnclose{
    box-shadow: none;
    padding: 0px;
    border: 0px solid transparent;
    border-radius: 0%;
    background: transparent;
}
@media screen and (max-width: 430px){
    .report-search-wrapper .dropdown.certificateDrop{
        width: 32% !important;
        float: left;
        display: inline-block;  
    }
}

@media screen and (max-width: 480px){
    #searchpop .searchWrap{
        width: 65% !important;
    }
    #searchpop .searchBtnWrap{
        width: 35% !important;
        padding: 0px;
    }
}


@media screen and (max-width: 576px){
    #reports_ui .or-text{
        width: 15%;
        text-align: center;
    }
    #searchpop .searchWrap{
        width: 70%;
    }
    #searchpop .searchBtnWrap{
        width: 30%;
        padding: 0px;
    }
    .commonThumbnailSlider .owl-carousel .owl-item img,
    .learningObjCarousel .owl-carousel .owl-item img{
        height: 150px;
        object-fit: cover;
    }
    .commonThumbnailSlider .owl-item .item,
    .learningObjCarousel .owl-item .item {
        width: 100% !important;
    }
    #learningObjCarousel .carousel-inner {
        width: 100% !important;
    }

    #learningObjCarousel .carousel-lo .owl-nav {
        top: 30px !important;
    }
    #knowledgeRespository_wrapper .brdWrapper{
        display: flex;
        align-items: center;
        align-content: center;
    }
    #knowledgeRespository_wrapper .brdWrapper .brdcrumblink{
        width: 50%;
    }
    #knowledgeRespository_wrapper .brdWrapper .backBtn{
        width: 50%;
        text-align: right;
    }
    .owl-item .item{
        width: 90%; 
    }
    #catlog .carousel-lo .sessionItem:hover .panel-thumbnail{
        width: 97% !important;
    }
    .commonAccordionContent .nav-tabs .nav-link{
        padding: 0.50rem 0.50rem !important;
        font-size: 0.85rem;
    }
    #kr-modal .date-time-wrap-2 .col-md-6:nth-child(2){
        padding-left: 15px;
    }
    #dashboard .cardContent .viewAll{
        display: block;
        border-left: 0px solid transparent;
        padding: 0px;
        margin: 0px;
    }
    .accouncementWrapper  .pagination {
        align-items: center;
        justify-content: center;
    }
    #badges-leaderboard .badges-wrapper .badge-card-wrapper{
        padding: 15px 0px 0px 0px;
    }
    .upcomingCourse.owl-carousel .owl-item img{
        height: 250px;
        object-fit: cover;
    }
    .learningpathui .lpathbox .width-set-list .row{
        margin:0px !important;
    }
    .gridLayout.lpDetailsPage .pageHeader .quickAction{
        padding-top: 0px !important;
    }
    .commonAccordionContent #location .d-flex{
        display: block !important;
    }
    .commonAccordionContent .description{
        margin-bottom: 15px;
    }
    .learningpathui .width-set-list .boxincont .col-md-auto{
        padding: 0px !important;
    }

    #expiringCertificateWrapper .nav-tabs .nav-link, #myprogress .nav-tabs .nav-link{
        padding: 0.25rem 0.50rem;
    }

}
@media screen and (max-width: 767px){
    .pageHeader h3 span {
        margin-right: 10px;
    }
    .quickAction li.search{
        display: none !important;
    }
    #reports_ui .download-csv-btn{
        display: flex;
        align-items: center;
    }

    #expiringCertificateWrapper .scrtabs-tab-scroll-arrow {
        display: none !important;
    }
    #ui_login .lowerBtnWrap .counterWrap{
        position: relative;
    }
    #linemanager_myteam_ui .pageHeader .filter{
        padding: 0px !important;
    }
    #linemanager_myteam_ui .filterWrap .col-12{
        padding: 0px !important;
    }
    #my-passport-ui #badges-leaderboard .leaderBCardContent,
    #my-passport-ui #badges-leaderboard .badgesCardcontent{
        margin: 0px 0px 0px 0px !important;
        padding: 0px 15px !important;
        background: none !important;
    }
    #dashboard  .drop-display:before{
        z-index: 0;
    }
    .badges-leaderboard-dropdown .badges-wrapper .badges-status-box{
        left: 0px;
        right: 0px;
        text-align: left;
    }
    .queryWrapper .messageBlock {
        height: calc(100vh - 280px);
    }
    .queryWrapper .msgContent .msg_history {
        height: calc(100vh - 490px);
    }
    .dashboardfull .box h2, 
    .dashboardfull .inner-content h2,
    .learningpathui .inner-content h2,
    .learningpathui .box h2{

        word-break: break-word;
        padding-right: 20px;  
    }
    .dataTable .custom-control-label{
        vertical-align: top;
    }
    .accouncementWrapper .btnclose span{
        top:0px;
    }
    #announcementWrapper .owl-theme .owl-nav button .carousel-control-prev-icon,
    #announcementWrapper .owl-theme .owl-nav button .carousel-control-next-icon{
        background-size: 8px !important; 
    }

    .slide-text-status{
        opacity: 1 !important;
    }


}

/*dashboard fixes for mobile*/

/*End:- Apsara 23-1-2020**************************************************************/
.lpathbox .boxincont h5{
    font-family: GilroyMedium;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.learningpathui .box::after{
    border-bottom: 10px solid #000;
}
.learningpathui .box::after{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 12%;
    margin: auto;
    position: absolute;
    top: -10px;
    width: 0;
}
.filterWrap .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    min-height: 30px;
}
#popup_update_password .customForm .form-group .input-group-prepend,
#signup .customForm .form-group .input-group-prepend{
    display: flex;
}
#popup_update_password .customForm #l_pass-error,
#signup .customForm #l_pass-error{
    order:13;
}
.backgroundNone{
    background: none !important;
}
#ui_whitetheme #signup .form-group.input-group.backgroundNone{
    background: none !important;
}
.form-control.error{

}
#disable_reason_modal .modal-header .modal-title {
    width: 90%;
}
#popup_update_password  #l_pass-error{
    width:100% !important;
}
/*Landscape mode 576 to 767*/
@media only screen and (min-device-width: 576px) and (max-device-width: 767px) and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
    .announcements-media{
        width: auto !important;
    }
    .messageWrapper .messageBlock,
    .messageWrapper #mobDiv4, .messageWrapper #mobDiv1,
    main.queryMainWrap, main.messageMainWrap{
        height: auto !important;
    }
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"] {
        line-height: 1.0;
        align-items: center;
        align-content: center;
        display: flex;
    }
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .card-icon-row .ico-moon span.fa {
        font-size: 1.5rem; 
    }

}

@media (max-width: 480px){
    .modal .modal-dialog{
        top: 45% !important;
        left: 48% !important;
        transform: translate(-50%,-50%) !important;
        position: absolute;
    }
    .modal-dialog,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-lg,
    .modal-dialog.modal-md {
        width: 340px !important;
        max-width: 340px !important;
    }
    #knowledgeRespository_ui .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .ico-moon span.fa {
        font-size: 2rem !important; 
    }
    #knowledgeRespository_ui  .doc-type-icon span[class^="icon-"]:before{
        font-size: 20px !important;
    }
}
@media (max-width: 576px){
    .modal .modal-dialog{
        top: 45%;
        left: 48%;
        transform: translate(-50%,-50%) !important;
        position: absolute;
    }
    .modal-dialog,
    .modal-dialog.modal-sm,
    .modal-dialog.modal-lg,
    .modal-dialog.modal-md {
        width: 90% !important;
        max-width: 90% !important;
    }
    .modal .modal-body{
        max-height: 350px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #knowledgeRespository_ui .ico-moon span[class^="icon-"] {
        line-height: 1.0;
        align-items: center;
        align-content: center;
        display: flex;
    }
    #knowledgeRespository_ui .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .ico-moon span.fa {
        font-size: 2.5rem; 
    }

    #knowledgeRespository_ui .doc-type-icon  span.fa,
    #knowledgeRespository_ui .doc-type-icon  span[class^="icon-"]:before{
        font-size: 20px !important;
    }
}

/*30-1-2020************************************************************/
/*added to remove the scroll of the body*/
.ui_loginBody{
    min-height: -webkit-fill-available !important;

}
.setforgotPasswordBody,
.forgotPasswordBody,
.signUpBody{
    position: static;
    min-height: -webkit-fill-available !important;
    height: inherit;
}
/*added to remove the scroll of the body*/
#view-detail-feedback .fname,
#view-detail-feedback .fdate{
    padding-left: 5px;
    margin-right: 15px;
}


@media  (max-width: 1024px){

    .sliderWrapper.dashboard-courses .video-item .video-slide-details h4,
    .sliderWrapper.dashboard-courses .video-slide-details h4,
    #myLearning .video-slide-details h4,
    #myLearning .video-item .video-slide-details h4{
        bottom: 40px !important;
    }
    .mousescroll-downs{
        display: none;
    }
}

@media  (min-width: 991px) and (max-width: 1024px){
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"] {
        line-height: 1.0;
        align-items: center;
        align-content: center;
        display: flex;
    }
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .card-icon-row .ico-moon span.fa {
        font-size: 1.5rem; 
    }
}
@media  (min-width: 1024px) and (max-width: 1366px){
    #myModal .modal-doc, #myModal .modal-pdf {top: 49% !important;}
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"] {
        line-height: 1.0;
        align-items: center;
        align-content: center;
        display: flex;
    }
    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .card-icon-row .ico-moon span.fa {
        font-size: 28px; 
    }
}
/*30-1-2020************************************************************/
.btnclose{
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
}
#sessionAccordion{
    max-height: 350px;
    overflow: auto;
}
.scrtabs-tab-scroll-arrow{
    display: none !important;
}
.scrtabs-tabs-fixed-container{
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
@media  (max-width: 576px){
    .modal.right .modal-dialog{
        transform: none !important;
        top: 0%;
        left: auto !important;
        right: 0% !important;
    }
    .modal.right .modal-dialog .modal-body {
        height: 100% !important;
        max-height: 100% !important;
    }
}

/*-- added by dhiraj --*/
#Demo_Material_Modal .modal-header{
    display:block;
}
#Demo_Material_Modal .modal-body{
    height:auto !important;
    max-height: fit-content !important;
}
/*-- End --*/

#my-passport-ui #prev_next_leaderboard{
    right: 12px !important;
    top:12px !important;
}
.scrtabs-tab-container {
    height: auto !important;
}
.scrtabs-tabs-fixed-container{
    height: auto !important;
}
#external_certificate{
    min-width: 200px !important;
    text-transform: uppercase;
    font-family: GilroyBold;
    font-size: 14px;
}
#share_diagnostics_btn{
    display: flex;
    align-items: center;
}
.lpathbox .incomplete {
    background: #9a9494 !important;
    color: #9a9494 !important;
}
.form-row{
    margin:0px !important;
}
.accouncementWrapper .btnclose  span{
    border: 0px solid transparent;
    z-index: 5;
    cursor: pointer;


    height: 30px;
    font-size: 20px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
/*remove default icon of input from ie11*/
::-ms-clear {
    display: none;
}
/*End remove default icon of input from ie11*/

/* remove focus from input field*/
input:focus {
    outline: 0;
}
/*End remove focus from input field*/

/*Internal css of dashboard Banner*/
.banner-loader-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
}
.banner-loader-wrapper img {
    top: 40%;
    position: absolute;
    left: 50%;
    transform: translate(-50% , -50%);
}
/*Internal css of dashboard Banner*/

/*Internal css of dashboard.blade*/
#slider-animation .wpvs-close-video-drop {
    display: none !important;
}
#dashboard  #myProgreeDonutChart{
    left: 0px !important;
}
/*Internal css of dashboard.blade*/

/*ipad issue*/
@supports (-webkit-overflow-scrolling: touch) {
    #ui_whitetheme #signup .customForm .form-group .form-control,
    #ui_whitetheme #ui_login .customForm .form-group .form-control,
    #ui_whitetheme #ui_resetPassword .customForm .form-group .form-control,
    #ui_whitetheme #ui_activateLearner .customForm .form-group .form-control{
        background: #fff !important;
    }
}

#badges-leaderboard .leaderBoard-wrapper .leader-card-row{
    display: block;
}
#my-passport-ui .leaderBoard-wrapper .leader-card-row ul {
    display: inline;
     padding:0px;   
    width:100%;
}
@media  (min-width: 1024px){
    #dashboard .card-deck #announcementWrapper + #announcementWrapper{
        max-width: 49.5% !important;
    }
}

@-moz-document url-prefix() {
    .wrapperBg,
    .overlayWrapperBg{
        height: 100%;
    }
}




/*arrow issue for ipad*/
.sliderWrapper .slide-category.slide-shortcode, .slide-category.slide-shortcode:first-of-type{
    overflow: visible !important;
}
.sliderWrapper .slick-prev {
    left: -30px !important;
}  
.sliderWrapper .slick-next {
    right: -30px !important;
} 
.sliderWrapper .slick-list{
    overflow: hidden !important;
} 
.sliderWrapper .slick-prev, .sliderWrapper .slick-next{
    top:43% !important;
}
.sliderWrapper .video-list-slider.show-list-slider{
    display: block !important;
}
/*arrow issue for ipad*/  

.learningpathui .lpathbox .sessionWrap.lpsessions .commonAccordionContent.courseSessionDetails + .alert{
    margin-top: 35px;
}
/*only for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .modal .modal-header button.close {
        line-height: 30px;
    }

}

/*For larger device*/
@media screen and  (min-width:1920px){

    #knowledgeRespository_ui .card-icon-row .ico-moon span[class^="icon-"]:before,
    #knowledgeRespository_ui .card-icon-row .ico-moon span.fa {
        font-size: 38px; 
    }

    .sliderWrapper .slick-list,  
    .sliderWrapper .video-list-slider.show-list-slider{
        height: 290px;
    }
    #ui_resetPassword .exactCenter,
    #ui_activateLearner .exactCenter,
    #ui_SetPassword .exactCenter{
        width: 480px;
        height: 480px;
        right: -120px;
    }
    #ui_login .exactCenter{
        width: 700px;
        height: 700px;
        right: -300px;
    }
    #signup .exactCenter{
        width: 800px;
        height: 800px;
    }
    #signup .formWrapper{
        max-height: 450px;
    }
    #ui_SetPassword .formtitle,
    #signup .formtitle,
    #ui_login .formtitle,
    #ui_resetPassword .formtitle,
    #ui_activateLearner .formtitle{
        font-size: 25px;
    }

}

@media screen and (max-width: 767px){
    .orWrapper{
        display: none;
    }
    .iframelaunch .mainContent .session-section .mobsession .col-2,
    .iframelaunch .mainContent .session-section .mobsession .col{
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .iframelaunch .mainContent .session-section .mobsession .endTime,
    .iframelaunch .mainContent .session-section .mobsession .breakTo,
    .iframelaunch .mainContent .session-section .mobsession .breakForm,
    .iframelaunch .mainContent .session-section .mobsession .startTime{
        margin-top: 10px !important;
    }
    #ui_recommendations .quickAction{
        display: flex !important;
        align-items: center !important;
    }
    #reports_ui .certificates-dropdown .btn-filter{
        line-height: 1.6;
    }
    #external_certificate{
        max-width: 200px !important;
        min-width: auto !important;
    }
    .sliderWrapper .slick-next{
        right: -25px !important;
    }
    .sliderWrapper .slick-prev {
        left: -25px !important;
    }
    .sliderWrapper .slick-prev,
    .sliderWrapper .slick-next{
        top: 40% !important;
    }
    #dashboard .card-deck #announcementWrapper + #announcementWrapper{
        width: 100% !important;
        max-width: 100% !important;
    }
}
.sliderWrapper.learningpathui .slide-category{
    height: auto !important;
} 

#sessionAccordion .card-header .title a{
    width:100% !important;
}
.courseGraph .alert{
    margin-top: 15px;
}
#signup .customForm .form-group textarea{
    line-height: 1 !important;
}
.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 2px 10px !important;
    border-radius: 15px !important;
    line-height: 1.1 !important;
}
.calenderWrapper .fc-day-grid-event .fc-time {

    border-right: 1px solid #fff !important;
    padding-right: 5px !important;
}


#externalCert #external_certificate_form .custom-file-input, .thumb-img .custom-file-input{
    width: auto !important;
}
#externalCert #external_certificate_form  .selected-file-name{
    word-break: break-all;
}

/* css to fix  hover effect of slick slider */
#ui_recommendations .sliderWrapper.recommendedSlider .title.sliderTitle,
#dashboard .sliderWrapper.catalogdashboard  .title.sliderTitle,
#dashboard .sliderWrapper.dashboard-courses .title.sliderTitle{
    position: absolute;
    width: 100%;
    z-index: 999;
}
#ui_recommendations .sliderWrapper.recommendedSlider .slick-track,
#dashboard .sliderWrapper.catalogdashboard .slick-track,
#dashboard .sliderWrapper.dashboard-courses .slick-track{
    position: relative;
    top: 10px; 
}
#ui_recommendations .sliderWrapper.recommendedSlider .slick-list,
#dashboard .sliderWrapper.catalogdashboard .slick-list,
#dashboard .sliderWrapper.dashboard-courses .slick-list{
    padding-top: 25px;
}
/* css to fix  hover effect of slick slider */

@media screen and (min-width: 1024px){
    /*Start recommendation enter subscription code error message*/
    #myLearning .sessionWrap .commonAccordionContent #subscription_code_error,
    #catlog .sessionWrap .commonAccordionContent #subscription_code_error,
    #ui_recommendations .sessionWrap .commonAccordionContent #subscription_code_error{
        display: block;
        position: absolute;
        bottom: -15px;
    }
    /*End recommendation enter subscription code error message*/

    .commonAccordionContent .sessionheight{ 
        height: 248px !important;
        padding-right: 15px;
        display: inline-block;
        width: 100%;
    }

}

/*2-3-2020******/
.filterWrap .filter-card .customCheckBoxWrap{
    margin-bottom: 5px !important;
}

#course_requests tr td:last-child{
    width: 100px !important;
}
.bannerhero .keywordWrap{
    margin-left: 25px;
}
.reportQuickAccess select{
    padding-right: 25px !important;
}
#recommand_slider .alert{
    margin-top: 15px;
}
.bannerhero .keywords .keywordWrap .btn-outline-secondary{
    margin-right: 8px !important;
    max-width: 150px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.commonAccordion  .collapse.show .card-header .title{
    font-size: 18px !important; 
}
.commonAccordion .card-header + .collapse.show .title{
    margin-bottom: 2px !important;
}
#ui_login .alert{
    z-index: 1;
}
.inputBtn{

    line-height: 1;
    background: transparent;
    border: 0px solid;
    color: #fff;
    text-transform: uppercase;
    font-family: GilroyBold;
    letter-spacing: 1px;
}
.vs-drop-details .box .courseDetailsInfo span{
    top: 2px;
    position: relative;
}
.navbar-dark .navbar-toggler-icon {
    background-image: none;
}
.ui-sortable .ui-sortable-handle {
    -ms-touch-action: auto !important;
    touch-action: auto !important;
}
#ui_login .alert .close{
    font-size: 1rem;
}
#ui_whitetheme .iframelaunch .session-section .commonAccordion{
    background: #fff;
}
#ui_whitetheme .iframelaunch .session-section .commonAccordion .card{
    background: #fff;
}
#ui_whitetheme .iframelaunch .session-section .commonAccordion .card .collapse.show .card{
    margin-bottom: 5px;
}
#sessionAccordionContentModal .timeline-icon {
    margin: 5px 2px 15px 2px !important;
}
.sessionWrap.lpsessions  .commonAccordionContent.courseSessionDetails + .alert{
    margin-top: 25px;
}
#ui_whitetheme #catlog .forumWrapper .type_msg .input-group-text,
#catlog .forumWrapper .type_msg .input-group-text{
    border: 0px solid transparent !important;
}
main + .content-wrapper-2{
    overflow-x: hidden;
}
.orOuterWrapper{
    display: flex;align-items:center;
}
.orWrapper{
    display: flex;
    align-items: center;
    flex-grow: 2;
}
.orWrapper .orInnerWrapper{
    display: flex;
    margin-bottom: 5px;
    margin-right:5px;
    flex-grow:2;
}
.orWrapper .orInnerWrapper .leftHr{
    width:20%;
    margin-left:0px;
    margin-right:0px;
}
.orWrapper .orInnerWrapper .rightHr{
    width:80%;
    margin-left:0px;
    margin-right:0px;
}
.orWrapper .orInnerWrapper .or{
    padding:5px;
}
.ei-events-container > div:last-child,
.ei-events-container > div:last-child .ei-events-container-mcal > div:last-child {
    border-bottom:2px solid transparent;
}
.messageWrapper .message .messageFooter .attachment .fileImgField{
    margin-bottom: 0px !important;
}
#reports_ui #interactions .col-md-12{
    padding:0px !important;
}
.ei-events-container > div:last-child,
.ei-events-container-2 > div:last-child .ei-events-container-mcal > div:last-child{
    border-bottom: 2px solid transparent !important;
}

@media screen and (min-width: 576px) and (max-width: 767px){
    .modal .dataTables_wrapper .dataTables_paginate {
        float: right !important;
        top: -25px;
        text-align: right;
    }
    .forumWrapper .modal-dialog {
        width: 70% !important;
        max-width: 70% !important;
    }
    #learningObjCarousel .carousel-inner {
        width: 100% !important;
    }
    .commonThumbnailSlider .owl-item .item, .learningObjCarousel .owl-item .item {
        width: 100% !important;
    }
}
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
    .gridLayout #video-list-loaded[items-per-row="5"] .video-item{
        width: 24.7% !important;
    }
}

@media (width: 1280px) and (max-height:720px){
    /*#slider-animation .carousel-inner{
        height:514px;
    }
    #slider-animation .tab-content,
    #slider-animation  .absolute{
        height:468px !important;
    }*/
    .dashboardfull .bannerhero,
    .learningpathui .bannerhero{
        height:483px;

    }
} 

/*23-3-2020 ticket #3379********/
#signup .simplebar-track.simplebar-vertical{
    width: 7px !important;
    background: #ccc;
}
.simplebar-scrollbar{
    position:absolute;
    right:0px;
    width:7px;

}

/*23-3-2020****/



/*18-3-2020*/

/*added for to remove js margin height and margin when theme get change*/
#myModal .modal-dialog.middle-pop{
    margin:0.5rem auto !important;
    height:auto !important;
}

/*18-3-2020
 ie specific css*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){



    .messageWrapper .messageBlock .card .card-body .fa.fa-chevron-right{
        width: 2rem;

        line-height: 2.4;
        border-bottom-right-radius: 50%;
        border-top-right-radius: 50%;
        z-index: -1;
        height: 2rem;
        text-align: right;
        right: -18px;
        top: 15px;
    }
    .messageWrapper .messageBlock .card .card-body .fa.fa-chevron-right::before{
        right: 5px;
        position: absolute;
    }

    #topHeader .navbar-left-panel .nav-item.active > a span{
        color: #fff !important;
    }
    body{
        height: 100vh !important;
    }

    select::-ms-expand{
        display: none;
    }
    .overlayWrapperBg{
        height:100% !important;
    }
    #knowledgeRespository_ui #knowledgeRespository_wrapper .card{
        display: block !important;
    }
    #ui_whitetheme .quickAction li.search .form-group .form-control{
        background: #fff !important;
    }
    #forum .forum-Wrap .type_msg .msg_send_btn{
        min-width: 100px !important;
        text-align:center !important;
    }
    #myProfile #update_password .form-group.input-group div.error,
    #signup .customForm input + .error,
    #ui_login input  + .error,
    #ui_resetPassword input + .error,
    #ui_activateLearner input + .error,
    #ui_resetPassword input + .error{
        width:100% !important;
        text-align: left !important;
        left:0px !important;
    }

    .messageWrapper .modal .dataTables_wrapper .dataTables_filter,
    .certificate-wrapper .dataTables_filter{
        width:auto !important;
    }
    #topHeader .navbar-right-panel .nav-item .dropdown-toggle + .dropdown-menu .switchContainer .nav-link{
        flex: auto !important;
        width:100px;
    }
    .checkmark::after{ 
        content:"✔";
    }

    .customCheckBoxWrap .checkmark::after{
        left:2px !important;
        top:-2px !important;
        transform: rotate(0deg) !important;
        -ms-transform:rotate(0deg) !important;
        -webkit-transform:rotate(0deg) !important;
        border:solid transparent !important;
        width: 0px !important;
        height: 0px !important;
        border-width: 0 0px 0px 0 !important;
    }

    #reports_ui .customCheckBoxWrap .checkmark::after{
        top:-5px !important;
    }
    #my-passport-ui .custom-control-label::before{

    }
    .radio-custom + .radio-custom-label::before{
        padding: 0px !important;
    }
    #course_requests_ui .custom-checkbox .custom-control-label{

    }
    #course_requests_ui .table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    #course_requests_ui .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
        left:3px !important;
        top:-5px !important;

    }
    #course_requests_ui .dataTables_wrapper :checked.custom-control-input ~ .custom-control-label::before{
        background-color: #3e3e3e;
    }
    #course_requests_ui .table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    #course_requests_ui .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    .modal .modal-body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    #dashboardWig .widget .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after,
    .instantActionBtn .custom-radio .custom-control-input:checked ~ .custom-control-label::after,
    .filterWrap .filter-card .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
        width:0px !important;
        height:0px !important;
        border:solid transparent !important;
        border-width: 0px 0px 0px 0px !important;
        -webkit-transform:rotate(0deg) !important;
        -ms-transform:rotate(0deg) !important;
        transform:rotate(0deg) !important;
        opacity: 0.8;
        content:"✔" !important;
    }

    .messageWrapper .messageBlock .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
        width:0px !important;
        height:0px !important;
        border:solid transparent !important;
        border-width: 0px 0px 0px 0px !important;
        -webkit-transform:rotate(0deg) !important;
        -ms-transform:rotate(0deg) !important;
        transform:rotate(0deg) !important;
        opacity: 0.8;
        color: #fff !important;
        content:"✔" !important;
        left: -23px;
        top: 5px !important;
    }
    .dataTables_wrapper .dataTables_length  select,
    #courses-report-table-wrapper select{
        color:#fff !important;
    }
    #ui_whitetheme .dataTables_wrapper .dataTables_length  select,
    #ui_whitetheme #courses-report-table-wrapper select{
        color:#333 !important;
    }

    .filterWrap .filter-card .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
        left:-22px !important;
        top:0px !important;
    }
    .filter-card label,
    #my-passport-ui .filter-card label,
    .customCheckBoxWrap a{
        color:#fff !important;
    }
    #ui_whitetheme .filter-card label,
    #ui_whitetheme .customCheckBoxWrap a{
        color:#333 !important;
    }
    ul.tagit input[type="text"]{
        color: #fff !important;
    }
    #ui_whitetheme ul.tagit input[type="text"]{
        color: #000 !important;
    }

    /*For dark theme calender*/
    #dashboard #marketingCalender .ei-name{
        color:#eee;
    }
    #dashboard #marketingCalender .ei-event{
        background: #000;
    }
    #dashboard #marketingCalender .ei-event .ei-date .ei-day,
    #dashboard #marketingCalender .ei-event2 .ei-date .ei-day{
        background: #3e3e3e;
        color: #eee;
    }
    /*end dark theme calender*/

    #ui_whitetheme  #dashboard #marketingCalender .ei-event{
        background: #e5e5e5;
    }
    #ui_whitetheme #dashboard #marketingCalender .ei-event .ei-date .ei-day,
    #ui_whitetheme #dashboard #marketingCalender .ei-event2 .ei-date .ei-day{
        background: #3e3e3e;
        color: #eee;
    }
    #ui_whitetheme #dashboard #marketingCalender .ei-name{
        color:#333;
    }
    .modal .modal-body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
        left:-20px;
        top:0px !important;
    }

    #ui_whitetheme #specificteam_form .dataTables_length select,
    #ui_whitetheme #linemanagers_form .dataTables_length select,
    #ui_whitetheme #masteradmin_form .dataTables_length select,
    #ui_whitetheme #instructors_form .dataTables_length select{
        background: #fff !important;
    }
    #new_report_render #showSelection .filter-card .col-12{
        flex:none !important;
    }

    #timezone_form #dashboardWig .widget .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
        left: -17px !important;
        top: 0px !important;
    }
    #timezone_form #dateFormat .custom-radio .custom-control-input:checked ~ .custom-control-label::after{
        color : #fff !important;
    }
    .instantActionBtn .custom-radio .custom-control-input:checked ~ .custom-control-label::after{
        left:-20px !important;
        top:2px !important;
        background:none;
        color: #fff !important;
    }

    #ui_whitetheme #dashboardWig .widget :checked.custom-control-input ~ .custom-control-label::before{
        border: 1px solid #ddd !important;
    }
    #dashboardWig .widget :checked.custom-control-input ~ .custom-control-label::before{
        border: 1px solid #434343 !important;
    }
    #ui_whitetheme .queryWrapper .messageBlock .card.active,
    #ui_whitetheme .messageWrapper .messageBlock .card.active{
        background: #f5f5f5 !important;
    }
    .queryWrapper .messageBlock .card.active,
    .messageWrapper .messageBlock .card.active{
        background: #4A4A4A !important;
    }

    .video-item-grid .active-slide::after,
    .video-list-slider .active-slide::after{
        bottom: 10px !important;
        content: "\f0d7" !important;
        width: 0px !important;
        height: 0px !important;
        border-top: solid 0px transparent !important;
        border-left: solid 0px transparent !important;
        border-right: solid 0px transparent !important;
        font: normal normal normal 30px/1 FontAwesome;
    }

    #ui_whitetheme #course_requests_ui .radio-custom-label{
        color: #3e3e3e !important;
    }
    .commonThumbnailSlider .carousel-control-prev-icon{
        background-repeat: no-repeat !important;
    }
    .commonThumbnailSlider .carousel-control-next-icon{
        background-repeat: no-repeat !important;
        background-position: 18px !important;
    }
}

/*18-3-2020 ie specific css*/

/* ie specific css within media query*/
@media screen and (min-width: 767px){

    _:-ms-fullscreen, :root #ui_login .lowerBtnWrap div:nth-child(3){
        display: block !important;
    }
    #ui_login .lowerBtnWrap .counterWrap{
        bottom:-10px;
    }
}
@media screen and (max-width: 1600px){

    _:-ms-fullscreen, :root #linemanager_myteam_ui #linemanagermyteam_wrapper .card .card-body .member-status .status-circle{
        margin-right: 2px !important;
    }

}
/* ie specific css*/



@media (width: 1600px) and (height: 900px){
    #signup .exactCenter{
        width:680px;
        height: 680px;
    }
    #signup .formWrapper{
        max-height: 370px;
    }
}
@media (width: 1280px) and (height: 1024px){
    #signup .exactCenter{
        width:680px;
        height: 680px;
    }
    #signup .formWrapper{
        max-height: 370px;
    }
}

.anndescriptionWrapper img{
    display:block;
    height: 150px !important;
    width: 100%;
    object-fit: contain !important;

    padding: 2px;
}
.icano{font-size: 14px; margin-top: 4px;}
#ei-events h2{ line-height: 25px !important; }

/* 16-june*/

.assessment .btn-orange:hover, .assessment .btnReset:hover, .assessment .uploadBtn:hover,
.assessment-instruction-page .btn-save:hover, .survey .btnReset:hover{
    opacity: 0.8;
}

/*mantis-4529 Dev: Sarfraj */
.iframelaunch .pdf-icon{ 
    font-size: 70px; 
    border-radius: 50% !important; 
    width: 160px; 
    height: 160px; 
    display: inline-block; 
    text-align: center; 
    line-height: 170px; 
    margin-bottom: 20px;
} 
@media screen and (min-width: 768px) and (max-width: 1024px){
    #learningObjCarousel .owl-carousel .owl-item{width: 363.558px !important; margin-right:-20px!important; }
    #learningObjCarousel .owl-carousel .owl-stage{ min-width: 1600px !important; }
    #myModal  #learningObjCarousel .owl-carousel .owl-item{width: 381.509px !important; margin-right:-20px!important; }
}
@media screen and (min-width: 1200px) and (max-width: 1280px){
    /* mantis-4935 start */
    #learningObjCarousel .owl-carousel .owl-item{
        width: 312px !important; 
        margin-right:-20px!important; }
    /* mantis-4935 end */
    #learningObjCarousel .owl-carousel .owl-stage-outer{margin: 0px 30px;}
    #learningObjCarousel .owl-carousel .owl-stage{ min-width: 1600px !important; }
    #myModal  #learningObjCarousel .owl-carousel .owl-item{width: 323.5px !important; margin-right:-20px!important; }
}
@media screen and (min-width: 1200px) and (max-width: 1275px){
    #myModal  #learningObjCarousel .owl-carousel .owl-item{width: 307.5px !important; }
}

@media screen and (min-width: 1300px) and (max-width: 1366px){
    /*#learningObjCarousel .owl-carousel .owl-item{width: 340px !important; margin-right:-20px!important; }*/
    #learningObjCarousel .owl-carousel .owl-stage{ min-width: 1920px !important; }
    #myModal  #learningObjCarousel .owl-carousel .owl-item{width:346px !important; margin-right:-20px!important; }
}

@media screen and (min-width: 1440px) and (max-width: 1600px){
    /*#learningObjCarousel .owl-carousel .owl-item{width: 394.25px !important; margin-right:-20px!important; }*/
    #learningObjCarousel .owl-carousel .owl-stage{ min-width: 1920px !important; }
    #myModal  #learningObjCarousel .owl-carousel .owl-item{width: 407.25px !important; margin-right:-20px!important; }
    #myModal .modal-doc, #myModal .modal-pdf {top: 49% !important;}
}

@media screen and (min-width: 1900px) and (max-width: 1920px){
    #myModal .modal-doc, #myModal .modal-pdf {top: 49% !important;}
    /*#learningObjCarousel .owl-carousel .owl-item{width: 470.5px !important; margin-right:-20px!important; }*/
    #learningObjCarousel .owl-carousel .owl-stage{ min-width: 2450px !important; }

    #myModal  #learningObjCarousel .owl-carousel .owl-item{width: 491.5px !important; margin-right:-20px!important; }
    .dashboardfull .tab-content, .learningpathui .tab-content, .dashboardfull .absolute, .learningpathui .absolute{min-height: 560px;}
    .learningpathui .box, .learningpathui .banner-rightimg, #catlog .box, #catlog .banner-rightimg, #myLearning .banner-rightimg, #myLearning .box, .carousel-inner .banner-rightimg, .carousel-inner .box, #mylearningTabContent .banner-rightimg, #mylearningTabContent .box, #ui_recommendations .box, #ui_recommendations .banner-rightimg
    {min-height: 560px;}
}


#biosimplebar { height: 250px; overflow: auto; }
#biosimplebar img{ width: 100%; height: auto; }
/*start css for mantis-3252 added by Prashant*/
#signup .formWrapper{display: inline-block;
                     overflow-x: hidden;
                     width: 100%;
}
#signup .formWrapper{  -ms-overflow-style: none;  /* Internet Explorer 10+ */
                       scrollbar-width: none;   }
#signup .formWrapper::-webkit-scrollbar { 
    width: 0px;  /* Safari and Chrome */
    background: transparent;
}
/*End css for mantis-3252 added by Prashant*/
#ui_whitetheme .inner-content .dataTables_wrapper .table thead th, 
#ui_whitetheme .inner-content .dataTables_wrapper .table td, .certificate-wrapper table th, .certificate-wrapper table td   
{word-wrap: break-word; min-width: 150px;}
.w130{ width: 130px !important; }
.certificate-table{
    table-layout: fixed !important;
}
/*Start css for mantis-4672 added by Mamata...discussed with prashant*/
.navbar-nav > .user-menu .img-profile {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: -5px 5px -4px -4px;
    }
   /* End css for mantis-4672*/

/*start css for mantis-4771 added by Prashant*/
/*editted by apsara for mantis-5154 and for responsive css*/
.slide-text span{display: inline-block;}
.slide-text .progress{height: 0.22rem; background: #515151;}
.slide-text-status{font-size: 10px; width: 110px;}
.slide-text .progress-bar{height: 0.22rem;}

@media screen and (min-width: 1200px ) and (max-width: 1280px){
    .slide-text .progress{width: 210px;}
    .video-item:hover .slide-text .progress{width: 100px;}
    .video-slide:hover .progress{width: 100px;}
    .slide-text-status{width: 105px;}
}
@media screen and (min-width: 1300px ) and (max-width: 1440px){
    .slide-text .progress{width: 238px;}
    .video-item:hover .slide-text .progress{width: 110px;}
    .video-slide:hover .progress{width: 120px;}
}
@media screen and (min-width: 1600px ) and (max-width: 1920px){
    .slide-text .progress{width: 278px;}
    .slide-text-status{font-size: 11px; width: 140px;}
    .video-item:hover .slide-text .progress{width: 132px;}
    .video-slide:hover .progress{width: 136px;}
}
@media screen and (min-width: 360px ) and (max-width: 767px){
    #myModal .modal-doc, #myModal .modal-pdf  {top: 49% !important;}
    .slide-text-status { font-size: 13px; width: 125px;}
    .slide-text .progress{width: 165px;}
    .slide-text-status {opacity: 1; display: inline-block !important;}
}
@media screen and (min-width: 768px ) and (max-width: 1024px){
    .slide-text-status { font-size: 13px; width: 140px;}
    .slide-text .progress{width: 175px;}
    .slide-text-status {opacity: 1; display: inline-block !important;}
}

/*End css for ticket-4771 added by Prashant*/

@media screen and (min-width: 320px) and (max-width: 576px){
    .forumWrapper .modal-dialog {
        width: 100% !important;
        max-width: 100% !important;
    }
    #dashboard #marketingCalender .ei-events-container a,
    #dashboard #marketingCalender .ei-events-container-2 a{  width: 98% !important; }
    #dashboard #marketingCalender{margin-top: 15px;}
    #dashboard #marketingCalender .ei-nav-container-mcal {  padding: 4px 15px 2px 15px;}
    #dashboard #marketingCalender .ei-nav-container, #dashboard #marketingCalender .ei-nav-container-2{
        position: relative; width: 100%;
        right: 0px;
        top: -10px;
        padding: 5px;}
    .progress{ width: 108px !important; }
    #dashboard #slider-animation .dashboardfull .box, #catlog .dashboardfull .box, #myLearning .dashboardfull .box, 
    #dashboard .dashboardfull .box, #ui_recommendations .dashboardfull .box
    {top: 140px  !important;}
    #dashboard #marketingCalender .ei-nav-container-mcal{width: 100%; margin: -10px 0px 5px 0px;}
}
.accouncementWrapper h1{font-size: 2.25rem;}
.d-flex.iconList div, .d-flex.iconList p{display: inline-block; } 
.deeplinkui { margin: 0px -15px !important; }
@media (max-width: 1024px){
    #footer{
        text-align:center;
    }
    .footerlogo{
        float: none;
        margin-bottom: 10px;
        left: auto;
        border: 6px;}
}
/*Mantis-6244 : Mamata P (Discussed with prashant)*/
/*.ui_loginBody .form-group {
    margin-bottom: 10px !important;
}*/
/*ENd*/
@media (min-width: 1150px) and (max-width: 1199px){
    .dashboardfull .box .courseTitle, .dashboardfull .inner-content .courseTitle,
    .learningpathui .inner-content .courseTitle,
    .learningpathui .box .courseTitle,
    .dashboardfull .box h2, .dashboardfull .inner-content h2,
    .learningpathui .inner-content h2, .learningpathui .box h2{
        font-size:1.3rem !important;
    }
}

@media (min-width: 1200px) and (max-width: 1330px){
    .dashboardfull .box .courseTitle, .dashboardfull .inner-content .courseTitle,
    .learningpathui .inner-content .courseTitle,
    .learningpathui .box .courseTitle,  .dashboardfull .box h2, .dashboardfull .inner-content h2,
    .learningpathui .inner-content h2, .learningpathui .box h2{
        font-size:1.5rem !important;
    }
}
@media (min-width: 1601px) and (max-width: 1920px){
    .dashboardfull .box .courseTitle, .dashboardfull .inner-content .courseTitle,
    .learningpathui .inner-content .courseTitle,
    .learningpathui .box .courseTitle,  .dashboardfull .box h2, .dashboardfull .inner-content h2,
    .learningpathui .inner-content h2, .learningpathui .box h2{
        font-size:1.5rem !important;
    }
}

/*Start- fixing height of a calender day height for mobile version - mantis-4869*/
@media screen and (max-width:767px){
    .fc-agendaDay-view .fc-time-grid-container{
        height:875px !important;
    }
}
/*End- fixing height of a calender day height for mobile version - mantis-4869*/

/* Trello-176 as per at 29-12-20
*/
.lo-download_msg{
    margin:-10px -10px 10px -10px;
}
#portal_expiry_model .freezetitle{ font-size: 16px; font-weight: 600; }
/*Start css for ticket-5826 added by Prashant*/
@media screen and (min-width:1200px) and (max-width:1920px){
    #dashboard .cardContent.equalHeightBlock{ min-height: 270px; }
    #dashboard #profile .profileBlock{padding-bottom: 32px;}
    #dashboard #profile .quickLinks{padding: 23px 15px;}
}
@media screen and (min-width:1023px) and (max-width:1024px){
    #dashboard .cardContent.equalHeightBlock{ min-height: 265px; }
}
@media screen and (min-width:360px) and (max-width:992px){
    #dashboard #marketingCalender .ei-events-container-mcal{height: auto !important;}
}
/*End css for ticket-5826 added by Prashant*/

/*Start- fixing height of a calender day height for mobile version - mantis-4869*/
@media screen and (max-width:767px){
    .fc-agendaDay-view .fc-time-grid-container{
        height:875px !important;
    }
    .coursetabs .nav-tabs{padding-bottom: 16px;}
}
/*End- fixing height of a calender day height for mobile version - mantis-4869*/
.coursetabs{ position: relative; overflow-x: auto; overflow-y: hidden; }
.coursetabs li{ white-space: nowrap; }
.coursetabs .nav-tabs{cursor: pointer;padding-bottom: 6px; position: relative; z-index: 9;}
.coursetabs .nav{flex-wrap: unset !important;}
.certificate-wrapper .coursetabs .nav-link{padding: 0.25rem 0.65rem; font-family:GilroyRegular;
                                           font-size: 1rem; letter-spacing:0.5px;
                                           text-transform: none;}
.certificate-wrapper .coursetabs .nav-link.active::after{left: 35%; bottom: -14%;}

.vs-video-description-drop{ height: auto !important; }
.dashboardfull .tab-content > .active{margin-bottom: -17px;}
.learningpathui .inner-content h2, .learningpathui .box h2{padding-top: 15px !important;}
.learningpathui .inner-content{ margin-bottom: -25px !important; padding-bottom: 25px; }
.bannerhero .circleHeart {width: auto;height: 38px;
                          border-radius: 4px;
                          padding: .375rem .75rem;
                          font-size: 17px;
                          position: relative;}
.circleHeart{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 31px !important;
}
.defaultHeart{
    color: #fff;        
    background: #757575;
    font-size: 15px;
    cursor: pointer;
}
.redHeart{
    cursor: pointer;
}
.whislistWrap{
    top: 42px;
    display: relative;
    display: inline-block;
    position: absolute;
    z-index: 10;
    left: 10px;
}

    /** Trello-215 style start */
    .social-share a{
        text-decoration: none;
        margin: 0px 5px;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 21px;
        border: 1px solid transparent;
        text-align: center;
        border-radius: 4px;
    }
    .social-share .facebook{color: #3B5998 !important; cursor: pointer; }
    .social-share .twitter{color: #55ACEE !important; cursor: pointer;}
    .social-share .linkedin{color: #007bb5 !important; cursor: pointer;}
    .social-share .mail{color: #dd4b39 !important; cursor: pointer;}
    .social-share .fa-envelope{color: #dd4b39 !important; cursor: pointer;}

    .social-share .facebook:hover{background: #3B5998 !important; color:#fff !important; }
    .social-share .twitter:hover{background: #55ACEE !important; color:#fff !important; }
    .social-share .linkedin:hover{background: #007bb5 !important; color:#fff !important;}
    .social-share .mail:hover{background: #dd4b39 !important; color:#fff !important; }
    .social-share .mail:hover .fa-envelope{color: #fff !important;}

    .sharesocial .copytext{height: 40px; text-align: left;}
    .sharesocial .modal-header {padding: 12px 15px 12px 15px;}
    .sharesocial .modal-body {padding:20px;}
    .sharesocial .modal-dialog{ width: 480px; }
    .sharesocial .custmBtnPrimary{border-radius: 0px 4px 4px 0px;}
    /* Trello-215 style end */

/* css started for trello-216*/
.btn__effect {
  display: inline-block;
  position: relative;
}
.effect-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(25deg);
}
.effect-group .effect {
  display: block;
  position: absolute;
  top: 38%;
  left: 50%;
  width: 20px;
  transform-origin: 0px 2px;
}
.effect-group .effect:nth-child(2) {
  transform: rotate(72deg);
}
.effect-group .effect:nth-child(3) {
  transform: rotate(144deg);
}
.effect-group .effect:nth-child(4) {
  transform: rotate(216deg);
}
.effect-group .effect:nth-child(5) {
  transform: rotate(288deg);
}
.effect-group .effect:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  border-radius: 1.5px;
  height: 3px;
  background: #000;
  animation: fireworkLine 0.5s linear 0.1s;
}
.effect-group .effect:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  right: 10%;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #000;
  transform: scale(0, 0);
    animation: fireworkPoint 0.5s linear 0.1s;
}

.active .effect:before {
  animation: fireworkLine 0.5s linear 0.1s;
}
.active .effect:after {
  animation: fireworkPoint 0.5s linear 0.1s;
}

@keyframes fireworkLine {
  0% {
    right: 20%;
    transform: scale(0, 0);
  }
  25% {
    right: 20%;
    width: 6px;
    transform: scale(1, 1.3);
  }
  35% {
    right: 0;
    width: 35%;
  }
  70% {
    right: 0;
    width: 4px;
    transform: scale(1, 1.3);
  }
  100% {
    right: 0;
    transform: scale(0, 0);
  }
}
@keyframes fireworkPoint {
  30% {
    transform: scale(0, 0);
  }
  60% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 0);
  }
}
@keyframes bounceIn {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.25);
  }
  50% {
    transform: scale(0.9);
  }
  70% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1);
  }
}
/*End css for ticket-5826 added by Prashant*/
/* start css for elamb instance */
.vs-video-description-drop{ height: auto !important; }
.dashboardfull .tab-content > .active{margin-bottom: -17px;}
.learningpathui .inner-content h2, .learningpathui .box h2{padding-top: 15px !important;}
.learningpathui .inner-content{ margin-bottom: -25px !important; padding-bottom: 25px; }
/* end css for elamb instance */
/*start css for ticket 7081*/
#marketingCalender .tab-content, #expiringCertificateWrapper .tab-content, #marketingCalender .tab-content, 
#myprogress .tab-content{min-height: auto !important;}
/* end css for ticket 7081*/
 /* css end for trello-216*/


/* start Rating functionality css*/
  .stars {
        color: #f89e23;
        font-size: 1.2em;
    }
    .rating-cls a {
        text-decoration: none;
    }
    .open_rating_modal {
        cursor: pointer;
    }
    .rating {
        width: 200px;
        margin: 0 auto 1em;
        font-size: 30px;
        overflow: hidden;
    }
    .rating input {
        float: right;
        opacity: 0;
        position: absolute;
    }
    .rating a,
    .rating label {
        float:right;
        color: #aaa;
        text-decoration: none;
        -webkit-transition: color .4s;
        -moz-transition: color .4s;
        -o-transition: color .4s;
        transition: color .4s;
    }
    .rating label:hover ~ label,
    .rating input:focus ~ label,
    .rating label:hover,
    .rating a:hover,
    .rating a:hover ~ a,
    .rating a:focus,
    .rating a:focus ~ a     {
        color: orange;
        cursor: pointer;
    }
    .rating2 {
        direction: rtl;
    }
    .rating2 a {
        float:none
    }
    #add_ratingID li{display: inline-block;color: #fff;text-shadow: 0 0 2px #f89e23;font-size:30px;}
    #add_ratingID .highlight, .selected {color:#f89e23;text-shadow: 0 0 1px #f89e23;}
.popstar{
background: #f89e23;
color: #fff;
width: 50px;
height: 50px;
font-size: 30px;
border-radius: 50%;
line-height: 46px;
text-align: center;
position: relative;
bottom: -38px;
z-index: 9999;
display: inline-block;
}
.popstar i{ margin:0px; }
.stars, .stars i  { margin:0px 1px 0px 1.5px; color: #f89e23 !important;  font-weight: 600; }
.rating-cls lable{ font-weight: 600; }
#rating_modal .modal-header{display: inline-block; width: 100%; background: transparent; text-align: center;}
#ui_whitetheme #rating_modal .modal-header{display: inline-block; width: 100%; background: transparent !important; text-align: center;}
.ratingbadge{bottom: 35px;
position: absolute; right: 8px;
font-size: 12px;
font-weight: 800;}
#add_ratingID .fa.fa-star{ color: #fff;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #f89e23;}
   #add_ratingID .highlight .fa.fa-star, #add_ratingID .selected .fa.fa-star{ color: #f89e23;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #f89e23;}
/* end Rating functionality css*/
.video-item:hover .ratingbadge, .video-slide:hover .ratingbadge{
    bottom: 58px;
    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;}
@media screen and (min-width:360px) and (max-width:992px){
.iframelaunch.myModal{ height: 100% !important; }
.ratingbadge{ bottom: 72px !important;}
.align-self-center.learningPathImg{align-self: normal !important;}
.catelog-rating-cls.pull-left{ float: inherit !important; }
}
.discussion-forumbx li{list-style-type: none; border-bottom: 1px solid #dfdfdf; padding: 19px 5px;}
.discussion-forumbx li:nth-last-child{ border:0px; }
.discussion-forumbx  a{text-decoration: none; color: #333; }
.discussionhead .btn-sm{padding:0px 8px;}
.discussion-forumbx .forumlist{background: #dfdfdf; padding:15px; border-radius: 4px; width: 49%; display: inline-flex;
    margin-bottom: 5px; margin-right: 5px;  }
    .ttforum{font-size: 16px;}
    .discussionaction{font-size: 15px;}
    .discussionForumName{cursor: pointer;}    .discussionForumName:hover{color:#212121;}
    .dicussionContent.disabled_forum{background-color: #dfdfdf !important; cursor: not-allowed;}
    .forumWrapper .d-flex.iconList div, .forumWrapper  .d-flex.iconList p {display: inherit !important;}
    .discussionBar{margin-bottom: -15px;}
    .disabled_forum .name,  .disabled_forum .time_date,  .disabled_forum .discussionForumName,  .disabled_forum .incoming_msg_img, .disabled_forum .iconList {opacity: 0.5 !important;}
    .event {
    padding: 15px 15px 0px 15px;
    background: #000;
}
.event-heading>a {
    text-decoration: none;
    color: #333;
}
.thumb-sm {
    width: 48px;
    margin: -5px 14px 10px 0;
}
.img-circle {
    border-radius: 50%; width: 100%;
}
.post-links>li {
    float: left;
    list-style: none;
    margin: 10px 15px 10px 0;
}
.incoming_msg{border-bottom: 1px solid #6c6c6c;}
.discussion-forumbx .disabled_forum{opacity: 0.4; cursor: not-allowed;}
 .fa-share{cursor:pointer;} 
.certificate-wrapper select{width: 100%;}   
    .modal .modal-body button.close{margin: 0px;    
padding: 0rem;  
border-radius: 100%;    
width: 25px;    
height: 25px;   
line-height: 25px;  
left: -6px; 
position: relative; 
opacity: 1; 
z-index: 99;    
font-size: 20px;}   
#getLearnersDetails .certificate-wrapper .nav-wrapper .nav-item{display: inline-block !important;}  
#getLearnersDetails .modal-body{max-height: 600px !important;}  
#getLearnersDetails .card-body.filter-card label { margin: 0px 15px;}
    
/*#getLearnersDetails #ui_whitetheme .modal .modal-body .table thead th { 
    width: 15px !important; 
    min-width: 15px;    
    padding-right: 5px; 
}   
.gridLayout .video-item .slick-slide .fa-info, .gridLayout .video-slide-image .fa-info {    
    width: 26px;    
    height: 26px;   
    line-height: 29px;  
    font-size: 16px;    
}   
.gridLayout .video-item .circleHeart {  
    width: 26px;    
    height: 26px;   
    line-height: 28px !important;   
}   
.gridLayout .video-item .ellipsisdrop {     
    width: 26px;    
    font-size: 20px;    
    line-height: 31px;  
}   
.gridLayout .video-item .whislistWrap{left: 12px;top: 44px} 
.ellipsisdrop.addtopclass { 
    top: 76px !important;   
}  */ 
 

 
    /*Vinayak CSS added for modal alignmnet */
#getLearnersDetails #all_learner #send_mail_user_table_wrapper #send_mail_user_table_filter label{float:right}
#getLearnersDetails .tab-pane .report-search-wrapper #show_hide_col_chooser{margin-right:0px}
#getLearnersDetails.modal .modal-body button.close{ left: 0;}
#getLearnersDetails .tab-pane .reportSearch{margin-bottom:10px}

#getLearnersDetails tr td:first-child{
width: 70px !important;
    max-width: 70px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}

#getLearnersDetails thead tr th:first-child {
    min-width: 70px !important;
    width: 70px !important;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
}
 
.leaderBoard-title{    letter-spacing: 0.08em; font-size: 1.2em; font-weight: 600; color: #333;}
.border-bottm-ddd {
    border-bottom: 1px solid #ddd;
}
.pr25{padding-right: 25px !important}
.p15{padding: 15px;}

#myLearning .dropdown.sort .sortIcon span {
    margin-left: 0;
    width: 30px;
    text-align: right;
}

#catlog .sort .sortIcon .sortIconDrop{
    margin-left: 0;
    width: 30px;
    text-align: right;
}
#getLearnersDetails .dashpopup .box{
    width:100% !important;
}
#getLearnersDetails .dashpopup table{margin:0px !important;}
#getLearnersDetails .dashpopup table thead th{border-top:1px solid #dee2e6 !important;}
@media screen and (min-width:1200px) and (max-width:1920px){
.changesWidth .dataTables_scroll {
    width:760px !important;
}
}
.announcements-media ul {
    display: inline-block;
}

.payment_submit_form .btn.disabled, .payment_submit_form .btn:disabled {
    opacity: .65;
}

#linemanagermyteam_wrapper .member-details .member-status{
    padding: 0px 5px;
}
#create_mail_course .bootstrap-tagsinput{margin-bottom: 0px}
.pageHeader h3.p-l-0{padding-left: 0;}

#forum .box-inner{
    padding: 15px 0px 0px 1px;
}
.disscussionMsg .name {
    font-weight: 600;
}
#email_body button:hover{opacity:0.6;}
.coursetabs .nav-link, .certificate-wrapper .certificate-tabs .nav-link, .certificate-wrapper .status-dropdown-btn, #leaderBoard .leaderboard-dropdown-btn, .btn-ext-certificate {
    
    cursor: pointer;
}
#courseInformationModal .c_desc:last-child {
    margin-bottom: 15px;
}
#courseInformationModal.modal .modal-body .threeGriedTier {
    border: 0;
    margin-top: 0;
}


.pageHeader .pagetitleblock h3 { 
    padding-left: 0;margin-top: 10px;
}
button.slick-disabled {
    cursor: default !important;
}
#new_report_render .filterWrap .filter-card .customCheckBoxWrap{
    margin-bottom: 15px !important;
}
#video-list-loaded .dropdown-menu.show {
    transform: scale(0.85) translate3d(-20px, 35px, 0px) !important; 
}
#catFilterForm .input-group-text { 
    padding: 0.375rem 0rem 0.375rem 0.75rem;
}
.pageHeader .quickAction li.search {
    padding-right: 30px;
}
.modal#courseInformationModal .modal-body .mainHeading { 
    font-size: 16px; 
}
.modal#courseInformationModal  .modal-body .threeGriedTier {
    border:0;
    margin: 0;
}
.mb15{margin-bottom: 15px}
.mb0{margin-bottom: 0}

#current_learning_record.table.certificate-table td{
    line-height: 20px;
    border-bottom: 1px solid #d3d3d3 !important;
    color: #323232 !important;
}
.queryMainWrap .queryWrapper .msgContent .type_msg .input-group {
    margin-right: 3px;border:0;
}
.msgContent #addCommandForm .justify-content-between{margin-bottom: 10px}
#ui_whitetheme .incoming_msg { 
    padding-bottom: 10px;
}
#ui_whitetheme .queryWrapper .msgContent .msg_history .sent_msg {
   border:0;
}
#dashboard .leaderboard-details li {
    width: 18.8% !important;
}

.buttonfix{
    position: absolute; margin-top: 10px;
}
.pb50{margin-bottom: 50px;}
.top5{top: 5px !important}

#externalCert .rightModalHeader {
    padding: 15px;
}
.customCheckBoxWrap .checkmark{margin-right: 5px; top: 1px !important;}
.report-search-wrapper .certificates-dropdown select{background-position: calc(100% - 10px) 14px!important;}
#getLearnersDetails .card-body.filter-card .form-group.col-12 label { margin: 0px !important;}
#getLearnersDetails .certificate-wrapper .filterWrap select{padding: 9px 6px 8px 7px; border-radius: 3px;  margin: 0px !important;}
/*#getLearnersDetails tr td, #getLearnersDetails thead tr th{min-width: 180px !important;}*/
#getLearnersDetails tr td:first-child, #getLearnersDetails thead tr th:first-child{min-width: 70px !important;}
#send_mail_user_table{margin-top: 0px !important;}
#getLearnersDetails tr td, #getLearnersDetails thead tr th{min-width: 180px !important;}
#topHeader .custmBtnPrimary{ padding: 0.3rem 0.5rem !important;}

/*css added by Prashant for base branch*/
main.pb-4{padding-bottom: 55px !important;}
#myModal.scormpopup .modal-dialog.middle-pop{
  width: 95% !important;
    max-width: 95% !important;
    margin: 2% !important;
}
.scormpopup .downloadpopup{ width: 800px !important;  max-width: 800px !important;}
.learningpathui .commonAccordion, .learningpathui .commonAccordionContent {margin-top: 25px !important;}
#deleteConfirmationChat{background: rgba(0,0,0,0.5) !important;}
.ms-parent.form-control{padding: 0px !important;}
.input-group-text.bg-transparent{border-color: #ced4da;}
.not-allowed-pointer.grayscale{cursor: not-allowed !important;  filter: grayscale(1);  opacity: 0.7;}