/*Loader Start*/


.intro_details .intro_p .card_block ul li {
    margin-left: 0;
    padding: 0 10px;
    margin-bottom: 10px;
}

    .intro_details .intro_p .card_block ul li:before {
        content: none;
    }
.intro_details .intro_p .w-login ul .card_content .card-content-inner {
    height: calc(100% - 85px);
}
.intro_details .intro_p ul.cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

.intro_details .intro_p ul .cards_item {
    /*display: flex;*/
}

    /*.intro_details .intro_p ul .cards_item:last-child {
        padding-right: 0;
    }*/

.intro_details .intro_p ul .card {
    border-radius: 5px;
    filter: drop-shadow(0px 5px 10.5px rgba(0,0,0,0.09));
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: none;
    height: 100%;
}

.intro_details .intro_p ul .card_image {
    position: relative;
    /*background-color: #f1f1f1;*/
    width: 100%;
    margin: auto;
    min-height: 170px;
    max-height: 170px;
    display: flex;
    text-align: center;
    /*max-height: 233px;
    min-height: 233px;*/
    /*max-height: inherit;
    min-height: inherit;*/
}

    .intro_details .intro_p ul .card_image img {
        /*width: 100%;*/
        width: auto;
        margin: auto;
        text-align:center;
        border-radius: 0.25rem;
        /*height: 100%;*/
        /* object-fit: cover; */
        height: auto;
    }

.intro_details .intro_p ul .card_price {
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .intro_details .intro_p ul .card_price span {
        font-size: 15px;
        line-height: 13px;
        color: #ffffff;
        font-weight: 500;
        border-radius: 5px;
        background-color: #bf301c;
        padding: 10px 15px;
    }

.intro_details .intro_p ul .card_content {
    position: relative;
    padding: 25px 12px 15px;
    height: 100%;
}

    .intro_details .intro_p ul .card_content .card-content-inner {
        /*max-height: 105px;
        overflow: auto;
        min-height: 105px;*/
        height: calc(100% - 150px);
    }

        .intro_details .intro_p ul .card_content .card-content-inner.custom-scrollbar::-webkit-scrollbar-thumb, .intro_details .intro_p ul .card_content .card-content-inner.custom-scrollbar::-webkit-scrollbar-track {
            border-radius: 8px;
        }

.intro_details .intro_p ul .card-bottom hr {
    margin-top: 15px;
    border-top: 1px solid rgba(224, 224, 224, 0.502);
    width: 100%;
}

.intro_details .intro_p ul .card-bottom .prgbarCardCoursewise {
    top: 22px;
    right: 25px;
}

    .intro_details .intro_p ul .card-bottom .prgbarCardCoursewise .txt-per {
        font-size: 13px;
        font-weight: 400;
    }

    .intro_details .intro_p ul .card-bottom .prgbarCardCoursewise span {
        float: right;
    }

    .intro_details .intro_p ul .card-bottom .prgbarCardCoursewise .progress {
        background-color: #c7cfd7;
        border-radius: 50px;
        height: 10px;
    }

.intro_details .intro_p ul .card-bottom .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.intro_details .intro_p ul .card-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.intro_details .intro_p ul .card-bottom .prgbarCardCoursewise .progress .progress-bar {
    background-color: #68BF84;
}

.intro_details .intro_p .card-content-btns {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .intro_details .intro_p .card-content-btns .button_block a {
        border-radius: 5px;
        background-color: #bf301c;
        font-size: 17px;
        line-height: 11px;
        color: #ffffff;
        font-weight: 400;
        padding: 11px 15px;
    }

        .intro_details .intro_p .card-content-btns .button_block a.btn-res {
            background-color: #68BF84;
        }

            .intro_details .intro_p .card-content-btns .button_block a.btn-res:hover {
                background-color: #46a464;
            }

        .intro_details .intro_p .card-content-btns .button_block a.btn-red {
            background-color: #bf301c;
        }

            .intro_details .intro_p .card-content-btns .button_block a.btn-red:hover {
                background-color: #a92310;
            }

.intro_details .intro_p .mandatory_icon svg {
    width: 100%;
}
.intro_details .intro_p ul .card_title {
    /*min-height: 72px;
    max-height: 72px;*/
    display: inline-flex;
}
    .intro_details .intro_p ul .card_title a {
        position: relative;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #bf301c;
        display: inline-block;
        line-height: 20px;
        text-decoration: none;
        transition: all 0.3s ease 0s;
    }

    .intro_details .intro_p ul .card_title a:hover {
        color: #bf301c;
        cursor:default;
    }

.intro_details .intro_p ul .note {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 7px 15px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    line-height: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

    .intro_details .intro_p ul .note.btn-live {
        background-color: rgba(175, 38, 38, 0.609);
    }

    .intro_details .intro_p ul .note.btn-online {
        background-color: rgba(29, 104, 151, 0.6);
    }

    /*.intro_details .intro_p ul .note.bg-curriculam {
        background-color: rgba(219, 190, 0, 0.6);
    }*/

    .intro_details .intro_p ul .note.btn-curriculam {
        background-color: rgba(219, 190, 0, 0.64);
    }

.intro_details .intro_p ul .card_text .small-magenta {
    color: #303030;
    font-size: 13px;
    margin-bottom: 0;
   
    letter-spacing: normal;
}

.intro_details .intro_p ul .card_text strong {
    color: #A4A4A4;
}



.modal-backdrop {
    z-index: 1035 !important;
}

#loading {
    text-align: center;
    padding-top: 20px;
}

#loadingDiv {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(69, 89, 97, 0.87);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    text-align: center;
}

    #loadingDiv .processingDiv {
        position: absolute;
        top: 36%;
        transform: translate(-50%, -50%);
        left: 50%;
    }

.processingDiv, .processingDiv:before, .processingDiv:after, .processingDiv i, .processingDiv i:before, .processingDiv i:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.processingDiv {
    color: red;
    font-size: 10px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

    .processingDiv:before, .processingDiv:after, .processingDiv i:before, .processingDiv i:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .processingDiv:before, .processingDiv i:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
        color: #cc4c2f;
    }

    .processingDiv:after, .processingDiv i:after {
        left: 3.5em;
        color: blue
    }

    .processingDiv i:after {
        left: 7em;
    }

    .processingDiv i:before {
        left: -7em;
    }

.processingDiv {
    color: #b73b36
}

    .processingDiv:before {
        color: #cc4c2f
    }

    .processingDiv:after {
        color: #98233e
    }

    .processingDiv i:before {
        color: #f36b24
    }

    .processingDiv i:after {
        color: #740649
    }

.BadgeImage {
    margin: 0 7px 7px 0
}

.BadgeImage-detail {
    /*width: 20px;*/
    height: 22px;
    padding: 0;
    margin: -3px 4px 0;
}

.module_desc .media .BadgeImage-detail {
    /*width: 23px;*/
    height: 18px;
    margin-left: 5px;
}

.welcome_details .BadgeImage-detail {
    /* width: 23px;*/
    height: 18px;
    margin-left: 5px;
}

.resp-tabs-list li.resp-tab-item .like-share.like-share-badge {
    background: #fff;
    margin-left: 1px;
    border-radius: 5px 5px 0 0;
    top: 1px;
    position: relative;
}

.share .share-detail {
    width: 250px;
    max-height: 380px;
    overflow-x: hidden;
    overflow-y: scroll;
}

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

#loadingDiv .close {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 10px;
    right: 30px;
    border-radius: 25px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
}

    #loadingDiv .close:hover {
        color: #fff;
        background-color: #fa7631;
    }

.k-loading-image {
    position: relative
}

.k-loading-color {
    display: none;
}

.k-loading-image .processingDiv {
    position: absolute;
    top: 36%;
    left: 50%;
}

.k-loading-image .processingDiv {
}

    .k-loading-image .processingDiv,
    .k-loading-image .processingDiv:before,
    .k-loading-image .processingDiv:after,
    .k-loading-image .processingDiv i,
    .k-loading-image .processingDiv i:before,
    .k-loading-image .processingDiv i:after {
        width: 1.5em;
        height: 1.5em
    }

        .k-loading-image .processingDiv:before, .k-loading-image .processingDiv i:before {
            left: -2.5em
        }

        .k-loading-image .processingDiv:after, .k-loading-image .processingDiv i:after {
            left: 2.5em
        }

        .k-loading-image .processingDiv i:before {
            left: -5em
        }

        .k-loading-image .processingDiv i:after {
            left: 5em
        }
/*Loader END*/
.WrapText {
    word-wrap: break-word;
}

/*================== Assessment Start ============*/
.customMain {
    flex: 1 0 auto;
}

    .customMain .login-form {
        width: 100%;
        margin-bottom: 50px;
    }

    .customMain span.border-twotone {
        border-left: 7px solid #993351;
        display: block;
        content: "";
        position: absolute;
        left: -11px;
        height: 100%;
    }

    .customMain .welcome-box-dashboard.register {
        margin-top: 0px;
    }

    .customMain .welcome-box-dashboard {
        margin-top: 20px;
    }

        .customMain .welcome-box-dashboard h1 {
            font-size: 33px;
            color: #84225e;
            font-weight: 400;
            text-transform: uppercase;
            position: relative;
            border-left: none;
            left: -9px;
            padding-left: 10px;
            margin-bottom: 20px;
            margin-top: 7px;
        }

            .customMain .welcome-box-dashboard h1 b {
                color: #84225e;
                font-weight: 700;
                text-transform: uppercase;
            }

                .customMain .welcome-box-dashboard h1 b:after {
                    content: '';
                    position: absolute;
                    width: 50px;
                    bottom: 8px;
                    margin-left: 15px;
                    border-bottom: 1px dashed #91225e;
                }

            .customMain .welcome-box-dashboard h1 p {
                font-size: 20px;
                font-weight: 300;
                color: #7d7d7d;
                text-transform: none;
                margin-top: 13px;
                border-top: 1px #ccc dashed;
                padding: 10px 25px 10px 25px;
                display: table;
                margin: 10px auto 0 auto;
            }

        .customMain .welcome-box-dashboard .dashboard-top-left {
            margin-top: 5px;
            margin-left: 12px;
        }

            .customMain .welcome-box-dashboard .dashboard-top-left h5 {
                text-transform: uppercase;
                color: #84225e;
            }

            .customMain .welcome-box-dashboard .dashboard-top-left ul {
                list-style: none;
                margin: 0;
                padding: 0;
            }

                .customMain .welcome-box-dashboard .dashboard-top-left ul li {
                    color: #7d7d7d;
                    font-size: 15px;
                    margin-bottom: 10px;
                    background-image: url(../img/arrow-welcome-dashboard.png);
                    background-repeat: no-repeat;
                    background-position: 0 5px;
                    padding-left: 20px;
                }

                .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list {
                    counter-reset: steps-counter;
                    display: flex;
                    flex: 0 0 100%;
                    flex-wrap: wrap;
                    margin-top: 20px;
                }

                    .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li {
                        counter-increment: steps-counter;
                        padding-left: 45px;
                        position: relative;
                        background: none;
                        margin: 0;
                        max-width: 50%;
                        padding: 0px 18px 0px 45px;
                        line-height: 1.2;
                        margin-bottom: 15px;
                    }

                        .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li::before {
                            content: "";
                            width: 10px;
                            height: 10px;
                            border-radius: 0;
                            background: #ab3e47;
                            position: absolute;
                            left: 22px;
                            top: 18px;
                            margin-top: -8px;
                            transform: rotate(45deg);
                        }

                        .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li::after {
                            content: counter(steps-counter);
                            width: 30px;
                            height: 30px;
                            border-radius: 30px;
                            text-align: center;
                            color: #fff;
                            background: #ab3e47;
                            position: absolute;
                            top: 0;
                            left: 0;
                            line-height: 30px;
                            font-weight: 900;
                            box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
                        }

    .customMain .custom-presentation-box {
        box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.16);
        background-color: #38384f;
        border-radius: 10px;
        max-width: 85%;
        padding: 50px 0 30px 0;
        margin: 70px auto 60px auto;
    }

        .customMain .custom-presentation-box h2 {
            font-size: 30px;
            text-transform: uppercase;
            color: #fff;
        }

            .customMain .custom-presentation-box h2 span {
                font-size: 20px;
                font-weight: 300;
                display: block;
            }

        .customMain .custom-presentation-box a {
            background: linear-gradient(180deg, #983152 0%, #e4642a 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#983152', endColorstr='#e4642a',GradientType=0 );
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            font-size: 15px;
            padding: 10px 50px;
            border-radius: 50px;
            margin: 0 auto;
            display: table;
            position: relative;
            top: 60px;
        }

            .customMain .custom-presentation-box a span {
                display: block;
                font-size: 18px;
                font-weight: bold;
            }

.contentarea.my_profile_forms .card-header.blue_bg {
    background-color: #585876;
}

.contentarea.my_profile_forms .card.iconbg {
    background: url("../img/education_light.png") no-repeat;
    background-position: 95% 80%;
    background-size: 14%;
}

.contentarea.my_profile_forms .card-body.w80 {
    width: 80%;
    border: none;
}

.contentarea {
    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: -ms-linear-gradient(90deg, #d9d9d9 0%, #fff 100%);
    box-shadow: 0px 0px 43px 0px rgba(6, 6, 6, 0.16);
    background-color: #f9f9f9;
    transform: translate(0);
    position: relative;
    margin-bottom: 40px;
    top: 0;
    left: 0;
    vertical-align: middle;
    padding: 40px 30px;*/
}

    .contentarea .answercontainer {
        margin: 20px 0 20px 50px;
    }

        .contentarea .answercontainer .custom-control-input:checked ~ .custom-control-label::before {
            background: transparent;
            border-color: #91225e;
        }

        .contentarea .answercontainer .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
            background-image: url("../img/download.svg");
        }

        .contentarea .answercontainer .custom-radio .custom-control-input:checked ~ .custom-control-label {
            color: #91225e;
            font-weight: bold;
        }

        .contentarea .answercontainer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
            background-image: url("../img/checksign.png");
        }

        .contentarea .answercontainer .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
            color: #91225e;
            font-weight: bold;
        }

        .contentarea .answercontainer .custom-checkbox .custom-control-label:before {
            border-radius: 0.15rem;
        }

        .contentarea .answercontainer .custom-control {
            min-height: 2rem;
        }

            .contentarea .answercontainer .custom-control .custom-control-label {
                color: #353535;
                word-break: break-word;
            }

    .contentarea .question_box.iconbg {
        background: url("../img/que-bg-icn-01.png") no-repeat;
        background-position: bottom right;
        background-size: 17%;
    }

    .contentarea .question_box .help-icn-top {
        position: absolute;
        right: -17px;
        top: -22px;
        z-index: 1;
    }

    .contentarea .question_box .ans_status {
        text-transform: uppercase;
        color: #fff;
        display: inline-block;
        width: auto;
        margin-top: 15px;
    }

        .contentarea .question_box .ans_status .ans_success {
            border-radius: 3px;
            padding: 5px 10px;
            background-color: #3a7917;
        }

        .contentarea .question_box .ans_status .ans_wrong {
            border-radius: 3px;
            padding: 5px 10px;
            background-color: #df4040;
        }

    .contentarea .question_box .que_list {
        padding: 0 35px;
        margin: 35px 0;
    }

        .contentarea .question_box .que_list .question h4 {
            color: #91225e;
            font-weight: 600;
            padding-left: 50px;
            position: relative;
            font-size: 1.3rem;
            line-height: 1.3;
        }

            .contentarea .question_box .que_list .question h4:before {
                width: 46px;
                height: 25px;
                content: " ";
                position: absolute;
                top: 0;
                left: 0;
                background-image: url("../img/que_arrow.png");
                background-repeat: no-repeat;
            }

        .contentarea .question_box .que_list .question .comment_box {
            margin-left: 50px;
            background-color: #f5f5f5;
            display: inline-block;
            border-radius: 6px;
            position: relative;
            font-size: 14px;
        }

            .contentarea .question_box .que_list .question .comment_box .img_cmnt {
                background-color: #fff;
                float: left;
                padding: 4px 3px;
                border-bottom-right-radius: 100px;
                border-top-right-radius: 100px;
                margin-right: 6px;
                margin-top: -5px;
            }

                .contentarea .question_box .que_list .question .comment_box .img_cmnt img {
                    width: 21px;
                }

            .contentarea .question_box .que_list .question .comment_box .comment_text {
                padding: 5px 25px 0 0;
                vertical-align: middle;
                line-height: 1.5;
                margin-top: 0;
                float: left;
            }

    .contentarea .question_box .qDiv {
        width: 100px;
        height: 200px;
        background-color: #c0c0cc;
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px;
        border-right: 7px solid #dadae1;
        border-bottom: 2px solid #dadae1;
        border-top: 2px solid #dadae1;
        border-left: 0;
        font-size: 5rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        font-weight: 500;
        padding: 0 9px;
        color: #d1d1da;
        margin-left: -5px;
    }

    /*================== Assessment End ============*/

    /*================== question_summary ============*/
    .contentarea.question_summary {
        background-color: #fff;
        padding: 0 0 10px 0;
    }

        .contentarea.question_summary .question_box {
            box-shadow: none;
            background-color: transparent;
        }

            .contentarea.question_summary .question_box .login {
                padding: 20px 0 40px;
            }

            .contentarea.question_summary .question_box .help-icn-top {
                right: 0px;
                top: -15px;
            }

            .contentarea.question_summary .question_box .que_list {
                margin: 0;
            }

        .contentarea.question_summary .column {
            align-self: center;
        }

        .contentarea.question_summary .educational_context {
            padding: 0 40px 0 20px;
        }

            .contentarea.question_summary .educational_context .icn_title {
                display: flex;
                align-items: center;
                margin-bottom: 20px;
                width: 96%;
            }

                .contentarea.question_summary .educational_context .icn_title h4 {
                    margin-left: 25px;
                    letter-spacing: 6px;
                    text-transform: uppercase;
                    color: #91225e;
                    font-size: 20px;
                }

            .contentarea.question_summary .educational_context p {
                color: #353535;
                font-size: 16px;
                width: 96%;
            }

            .contentarea.question_summary .educational_context .context_list {
                width: 96%;
            }

                .contentarea.question_summary .educational_context .context_list ul {
                    padding: 0;
                }

                    .contentarea.question_summary .educational_context .context_list ul li {
                        position: relative;
                        list-style: none;
                        padding-left: 50px;
                        margin-bottom: 10px;
                    }

                        .contentarea.question_summary .educational_context .context_list ul li:before {
                            width: 46px;
                            height: 25px;
                            content: " ";
                            position: absolute;
                            top: 2px;
                            left: 0;
                            background-image: url(../img/que_arrow.png);
                            background-repeat: no-repeat;
                            background-size: 76%;
                        }

            .contentarea.question_summary .educational_context .references p {
                font-size: 12px;
            }

            .contentarea.question_summary .educational_context .video_block, .contentarea.question_summary .educational_context .image_gallery {
                width: 96%;
            }

/*================ end ===============*/


.card .card-header {
    text-transform: uppercase;
    font-size: 22px
}

    .card .card-header small {
        font-size: 14px;
        text-transform: capitalize;
        display: block
    }

.card .goto_account a {
    text-transform: uppercase;
    font-weight: 400
}

.innerDiv .banner_text {
    height: 61px
}




.contentarea .answercontainer {
    margin: 20px 0 20px 50px
}

    .contentarea .answercontainer .custom-control-input:checked ~ .custom-control-label::before {
        background: transparent;
        border-color: #91225e
    }

    .contentarea .answercontainer .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("../img/download.svg")
    }

    .contentarea .answercontainer .custom-radio .custom-control-input:checked ~ .custom-control-label {
        color: #91225e;
        font-weight: bold
    }

    .contentarea .answercontainer .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
        background-image: url("../img/checksign.png")
    }

    .contentarea .answercontainer .custom-checkbox .custom-control-input:checked ~ .custom-control-label {
        color: #91225e;
        font-weight: bold
    }

    .contentarea .answercontainer .custom-checkbox .custom-control-label:before {
        border-radius: 0.15rem
    }

    .contentarea .answercontainer .custom-control {
        min-height: 2rem
    }

        .contentarea .answercontainer .custom-control .custom-control-label {
            color: #353535;
            word-break: break-word
        }

.contentarea .question_box.iconbg {
    background: url("../img/que-bg-icn-01.png") no-repeat;
    background-position: bottom right;
    background-size: 17%
}

.contentarea .question_box .help-icn-top {
    position: absolute;
    right: -17px;
    top: -22px;
    z-index: 1
}

.contentarea .question_box .ans_status {
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    width: auto;
    margin-top: 15px
}

    .contentarea .question_box .ans_status .ans_success {
        border-radius: 3px;
        padding: 5px 10px;
        background-color: #3a7917
    }

    .contentarea .question_box .ans_status .ans_wrong {
        border-radius: 3px;
        padding: 5px 10px;
        background-color: #df4040
    }

.contentarea .question_box .que_list {
    padding: 0 35px;
    margin: 35px 0
}

    .contentarea .question_box .que_list .question h4 {
        color: #91225e;
        font-weight: 600;
        padding-left: 50px;
        position: relative;
        font-size: 1.3rem;
        line-height: 1.3
    }

        .contentarea .question_box .que_list .question h4:before {
            width: 46px;
            height: 25px;
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            background-image: url("../img/que_arrow.png");
            background-repeat: no-repeat
        }

    .contentarea .question_box .que_list .question .comment_box {
        margin-left: 50px;
        background-color: #f5f5f5;
        display: inline-block;
        border-radius: 6px;
        position: relative;
        font-size: 14px
    }

        .contentarea .question_box .que_list .question .comment_box .img_cmnt {
            background-color: #fff;
            float: left;
            padding: 4px 3px;
            border-bottom-right-radius: 100px;
            border-top-right-radius: 100px;
            margin-right: 6px;
            margin-top: -5px
        }

            .contentarea .question_box .que_list .question .comment_box .img_cmnt img {
                width: 21px
            }

        .contentarea .question_box .que_list .question .comment_box .comment_text {
            padding: 5px 25px 0 0;
            vertical-align: middle;
            line-height: 1.5;
            margin-top: 0;
            float: left
        }

.contentarea .question_box .qDiv {
    width: 100px;
    height: 200px;
    background-color: #c0c0cc;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border-right: 7px solid #dadae1;
    border-bottom: 2px solid #dadae1;
    border-top: 2px solid #dadae1;
    border-left: 0;
    font-size: 5rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-weight: 500;
    padding: 0 9px;
    color: #d1d1da;
    margin-left: -5px
}

.contentarea.question_summary {
    background-color: #fff;
    padding: 0 0 10px 0
}

    .contentarea.question_summary .question_box {
        box-shadow: none;
        background-color: transparent
    }

        .contentarea.question_summary .question_box .login {
            padding: 20px 0 40px
        }

        .contentarea.question_summary .question_box .help-icn-top {
            right: 0px;
            top: -15px
        }

        .contentarea.question_summary .question_box .que_list {
            margin: 0
        }

    .contentarea.question_summary .column {
        align-self: center
    }

    .contentarea.question_summary .educational_context {
        padding: 0 40px 0 20px
    }

        .contentarea.question_summary .educational_context .icn_title {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
            width: 96%
        }

            .contentarea.question_summary .educational_context .icn_title h4 {
                margin-left: 25px;
                letter-spacing: 6px;
                text-transform: uppercase;
                color: #91225e;
                font-size: 20px
            }

        .contentarea.question_summary .educational_context p {
            color: #353535;
            font-size: 16px;
            width: 96%
        }

        .contentarea.question_summary .educational_context .context_list {
            width: 96%
        }

            .contentarea.question_summary .educational_context .context_list ul {
                padding: 0
            }

                .contentarea.question_summary .educational_context .context_list ul li {
                    position: relative;
                    list-style: none;
                    padding-left: 50px;
                    margin-bottom: 10px
                }

                    .contentarea.question_summary .educational_context .context_list ul li:before {
                        width: 46px;
                        height: 25px;
                        content: " ";
                        position: absolute;
                        top: 2px;
                        left: 0;
                        background-image: url(../img/que_arrow.png);
                        background-repeat: no-repeat;
                        background-size: 76%
                    }

        .contentarea.question_summary .educational_context .references p {
            font-size: 12px
        }

        .contentarea.question_summary .educational_context .video_block, .contentarea.question_summary .educational_context .image_gallery {
            width: 96%
        }

div#target.newClass {
    position: sticky;
    top: 0px;
    z-index: 9999
}

    div#target.newClass .help-icn-top {
        right: -25px;
        top: 15px
    }

font.req {
    color: red;
    margin-left: 5px;
    font-size: 14px
}

.bgwhite {
    box-shadow: 0px 0px 43px 0px rgba(6,6,6,0.16);
    background-color: #ffffff;
    min-height: 160px;
    vertical-align: middle;
    width: 100%;
    padding: 15px 20px
}

.arrow_btn {
    font-size: 0.9em;
    font-weight: bold;
    width: 32px;
    height: 65px;
    position: absolute;
    left: -31px;
    top: 50%;
    text-align: center;
    z-index: -1;
    transition: 0.5s ease;
    transform: translate(0%, -50%);
    align-items: center;
    display: flex;
    border-bottom-left-radius: 90px;
    border-top-left-radius: 90px;
    background-color: #9a3351;
    border: 5px solid #b66e83;
    border-right: 0
}

.btn:focus {
    box-shadow: none
}

ul.lineicon {
    padding: 0
}

    ul.lineicon li {
        position: relative;
        list-style: none;
        margin-bottom: 10px;
        padding-left: 40px
    }

        ul.lineicon li:before {
            height: 10px;
            content: " ";
            left: 0px;
            background-image: url(../img/arrow_line.png);
            background-repeat: no-repeat;
            margin-right: 10px;
            width: 30px;
            position: absolute;
            top: 5px
        }

        ul.lineicon li a {
            color: #212529
        }

            ul.lineicon li a img {
                margin-left: 5px
            }

            ul.lineicon li a:hover {
                color: #91225e
            }

ul.circularicon {
    padding: 0
}

    ul.circularicon li {
        position: relative;
        list-style: none;
        padding-left: 40px;
        margin-bottom: 10px
    }

        ul.circularicon li:before {
            width: 46px;
            height: 25px;
            content: " ";
            position: absolute;
            top: 4px;
            left: 0;
            background-image: url(../img/que_arrow_small.png);
            background-repeat: no-repeat
        }

        ul.circularicon li a {
            color: #212529
        }

            ul.circularicon li a img {
                margin-left: 5px
            }

            ul.circularicon li a:hover {
                color: #91225e
            }

.assessment_msg {
    background-color: #fff;
    box-shadow: 0px 5px 16px 0px rgba(6,6,6,0.07);
    border-radius: 50px;
    padding: 15px 15px 15px 15px;
    position: relative;
    width: 100%;
    margin-top: -42px
}

    .assessment_msg .circle_arrow_btn {
        border: none;
        width: 53px;
        height: 53px;
        background-color: #474761;
        left: 0
    }

    .assessment_msg p {
        margin-bottom: 0;
        margin-left: 51px
    }

        .assessment_msg p strong {
            text-transform: uppercase
        }

.error_message {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px
}

    .error_message p, .error_message i.fa {
        color: #cc3333;
        margin-bottom: 0
    }

    .error_message p {
        font-size: 14px;
        font-weight: 500;
        padding: 5px 10px;
        background-color: #ffeeee;
        width: auto;
        display: inline-block
    }

    .error_message i.fa {
        margin-right: 5px
    }

.validation_msg {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    background-color: #ffeeee;
    width: auto;
    display: inline-block;
    color: #cc3333;
    margin-bottom: 10px
}

    .validation_msg:before {
        content: '\f071';
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        margin-right: 10px
    }



.checkDiv {
    width: 149px;
    align-items: center;
    color: #d1d1da;
    text-align: center;
    justify-content: center;
    background-image: url(../img/notification_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left
}



main.login-form .card-body {
    padding: 1.25rem 4.25rem
}

.radio_section {
    margin: 25px auto;
    text-align: center
}

.radiobtn {
    position: relative;
    display: inline-block;
    margin: 0 8px
}

    .radiobtn label {
        display: block;
        background: #b6b6b6;
        color: #fff;
        border-radius: 25px;
        padding: 10px 40px 10px 14px;
        margin-bottom: 5px;
        width: 160px;
        text-align: left;
        box-shadow: 1px 1px 8px 1px #ccc;
        cursor: pointer
    }

        .radiobtn label:after, .radiobtn label:before {
            content: "";
            position: absolute;
            right: 1px;
            top: 2px;
            width: 40px;
            height: 40px;
            border-radius: 25px;
            background: #b6b6b6
        }

        .radiobtn label:before {
            background: transparent;
            transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s,0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
            z-index: 2;
            overflow: hidden;
            background-repeat: no-repeat;
            background-size: 13px;
            background-position: center;
            width: 0;
            height: 0;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+)
        }

    .radiobtn input[type="radio"] {
        display: none;
        position: absolute;
        width: 100%;
        appearance: none
    }

        .radiobtn input[type="radio"]:checked + label {
            background: #b6b6b6;
            animation-name: blink;
            animation-duration: 1s;
            border-color: #909090;
            box-shadow: 1px 1px 8px 1px #ccc
        }

            .radiobtn input[type="radio"]:checked + label:after {
                background: #909090
            }

            .radiobtn input[type="radio"]:checked + label:before {
                width: 40px;
                height: 40px
            }

.custom-control-input:checked ~ .custom-control-label::before {
    background: #5b5b5b;
    border-color: #5b5b5b
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none
}

.form_bottom {
    display: flex;
    align-items: center
}

.control-label:after {
    content: "(*)";
    color: red;
    margin-left: 5px
}

a {
    text-decoration: none
}


.customMain {
    flex: 1 0 auto
}



.main_title p {
    font-weight: 300
}



.validation_msg.field-validation-valid {
    height: 0;
    visibility: hidden;
    display: inline-block;
    padding: 0
}

.validation_msg.field-validation-error {
    height: auto;
    visibility: visible;
    display: block;
    padding: inherit
}

.queComment {
    font-size: 14px;
    color: #575962;
    margin-top: 5px;
    font-weight: 500;
}

span.themecolor {
    /*color: #91225e;*/
    color: #136294;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    /*background-color: #91225e;*/
    background-color: #5b5b5b;
}

.questionDiv .OuterChartLabelDiv {
    margin-left: 2.5rem;
}

p.noteAlt {
    background-color: #f0f7fb;
    background-image: url(../Images/notesicn.png);
    background-position: 9px 0px;
    background-repeat: no-repeat;
    border-left: solid 4px #3498db;
    line-height: 18px;
    overflow: hidden;
    padding: 15px 60px;
}

.assetment_notificaiton_box {
    background-color: #EBEEF3;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: #d3d6db 1px solid;
    color: #333;
}

    .assetment_notificaiton_box .btn {
        line-height: 1;
    }

    .assetment_notificaiton_box .newstart {
        background-color: #BF301C;
    }

        .assetment_notificaiton_box .newstart:hover {
            background-color: #a82e1d;
        }

    .assetment_notificaiton_box .reviewbtn {
        background-color: #136294;
        margin-left: 5px;
    }

        .assetment_notificaiton_box .reviewbtn:hover {
            background-color: #0c3e5e;
        }

.ass_status_row {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.assetment_notificaiton_box .status_text {
    font-size: 18px;
    padding-right: 15px;
}

.assetment_notificaiton_box .status_content p {
    font-size: 18px;
    margin: 0;
}

    .assetment_notificaiton_box .status_content p strong {
        font-weight: 900;
        color: #BF301C;
    }

.assetment_notificaiton_box .socring_row {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

    .assetment_notificaiton_box .socring_row .score_cell {
        background: #242424;
        padding: 10px;
        line-height: 1;
        margin-right: 5px;
        border-radius: 5px;
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        border-bottom: 3px solid #136294;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

        .assetment_notificaiton_box .socring_row .score_cell strong {
            color: #d5ebf9;
            font-weight: 900;
        }

.answer_status {
    padding-left: 40px;
    font-size: 16px;
}

    .answer_status i {
        margin-right: 5px;
    }

    .answer_status .answer_text {
        display: inline-block;
        padding: 5px 7px;
        border-radius: 3px;
    }

    .answer_status.incorrect .answer_text {
        color: #dd4949;
        background: #e8d0d0;
    }

    .answer_status.correct .answer_text {
        color: #2a641d;
        background: #d5e8d0;
    }

    .answer_status.correct, .answer_status incorrect {
        margin-bottom: 5px;
    }

.disabled {
    pointer-events: none;
    opacity: .6;
}


/*Post-Assessment summary Comparison between pre & Post*/

.your_perfomance_box {
    background-color: #EBEEF3;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: #d3d6db 1px solid;
    color: #333;
    font-size: 16px;
}

    .your_perfomance_box .heading {
        font-weight: 700;
        color: #136294;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .your_perfomance_box .box_inner {
        display: flex;
    }

        .your_perfomance_box .box_inner > div {
            width: 100%;
            max-width: 50%;
        }

    .your_perfomance_box .options {
        display: flex;
        margin-bottom: 10px;
        margin-top: 5px;
    }

        .your_perfomance_box .options .opt_item {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            font-weight: 900;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 30px;
            background: rgba(0,0,0,0.2);
            border-radius: 30px;
            margin-right: 3px;
        }

        .your_perfomance_box .options .selected {
            background-color: #136294;
            color: #fff;
        }

    .your_perfomance_box .btn {
        line-height: 1;
        cursor: default;
        pointer-events: none;
        font-size: 13px;
    }

    .your_perfomance_box .incorrect {
        color: #dd4949;
        background: #e8d0d0;
    }

    .your_perfomance_box .correct {
        color: #2a641d;
        background: #b8cab4;
    }

    .your_perfomance_box .options.checkboxes .opt_item {
        border-radius: 1px;
    }

    .your_perfomance_box .options .text_ans {
        margin-right: 5px;
    }

        .your_perfomance_box .options .text_ans input {
            border: 0;
            padding: 0;
            font-weight: 900;
            font-size: 14px;
            line-height: 1;
            background: rgba(0,0,0,0.2);
            height: 30px;
            line-height: 29px;
            padding: 9px 7px 5px 7px;
        }

/*End*/

.k-tooltip-content {
    color: #fff;
}

#ShowNotificationfullview .card {
    margin-bottom: 40px
}

    #ShowNotificationfullview .card .btn-theme {
        margin: 10px 5px 20px;
    }

        #ShowNotificationfullview .card .btn-theme:last-child {
            margin-bottom: 20px
        }

.badge {
    padding: 5px 2px;
    width: 22px;
    height: 22px;
}


/*Certificate Page*/



#CertificateLstDiv {
    min-height: 100px;
    padding: 0 10px 15px 10px
}

.checkDiv {
    width: 149px;
    align-items: center;
    color: #d1d1da;
    text-align: center;
    justify-content: center;
    background-image: url(../img/notification_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
}

.container .my_profile_forms .signupform .k-dropdown .k-state-default {
    height: 35px !important
}

.multistep_align {
    display: flex;
}

.download-btn, .email-btn, .print-btn {
    border: none
}

.download-btn {
    background: #BF301C;
}

.email-btn {
    background-color: #2E6F98;
}

.print-btn {
    background-color: #484848;
}

.email-btn:hover, .email-btn:focus, .email-btn:active {
    color: #fff;
    background-color: #2E6F98;
    border-color: #2E6F98;
}

.download-btn:hover, .download-btn:focus, .download-btn:active {
    color: #fff;
    background-color: #BF301C;
    border-color: #BF301C;
}

.print-btn:hover, .print-btn:focus, .print-btn:active {
    color: #fff;
    background-color: #484848;
    border-color: #484848;
}

/*Profile Page Areas Of Interest END*/
.main-area-of-interest .list-group-item {
    border: none;
    padding-left: 0;
    padding-bottom: 7px;
    padding-top: 0;
}

    .main-area-of-interest .list-group-item::before {
        content: "\f105";
        font-family: FontAwesome;
        margin-right: 7px;
    }

.main-area-of-interest li .list-group {
    padding-left: 1.2rem;
}

    .main-area-of-interest li .list-group .list-group-item {
        padding-bottom: 0;
    }
/*Profile Page Areas Of Interest END*/

.filtericn i {
    font-size: 11px;
}

.related_info .action a {
    cursor: default !important;
}

.status_btn button {
    cursor: default !important;
}

.left_lbl_Forum {
    padding-top: 8px;
    padding-right: 15px;
    font-size: 15px;
    width: 152px;
    padding-left: 16px
}

.control_wrp_Forum {
    max-width: 615px;
}

.fr-element {
    min-height: 180px !important;
}

/*Flora Editor Image Manager*/
.fr-modal .fr-modal-wrapper .fr-modal-head {
    border: 1px solid #BF301C !important;
    background: #BF301C !important;
}

.fr-image-container .fr-insert-img {
    margin-left: 27px !important;
}

.fr-image-container .fr-delete-img {
    display: none !important;
}

.fr-modal-head .fr-modal-more {
    display: none !important;
}
/*Flora Editor Image Manager*/

/*Certificate Page END*/

#discussion_board h5 {
    word-break: break-all;
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    
    .intro_details .intro_p ul .card_title a{
        font-size: 14px;
    }
    .que_list .demo .scroll-wrapper {
        max-height: 320px
    }

    .contentarea.question_summary .column {
        align-self: flex-start
    }

    .contentarea.question_summary .question_box .que_list .question {
        padding-right: 20px
    }
}

/*
    deleted duplicate my profile css
*/

.workadd {
    display: block;
    border-bottom: 1px solid #993351;
    text-transform: uppercase;
    font-weight: 700;
    color: #993351;
    margin-bottom: 0
}

.user_name_loged {
    color: #fff;
    cursor: default
}

.k-popup.k-list-container {
    background: #fff;
    border-color: #ced4da;
    font-size: 14px !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.09)
}

    .k-popup.k-list-container .k-list > .k-state-focused.k-state-selected {
        box-shadow: none
    }

    .k-popup.k-list-container .k-list .k-state-hover {
        background-color: #e6e6e6
    }

.kendo_panel .k-panelbar {
    border-radius: 0.75rem;
    border: 0
}

    .kendo_panel .k-panelbar > li {
        border-radius: 0.75rem
    }

        .kendo_panel .k-panelbar > li > .k-header {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 500;
            background: linear-gradient(to right, #9a3351 34%, #e76629 96%);
            border: 0;
            color: #fff;
            border-radius: 0.75rem 0.75rem 0 0;
            padding-right: 50px
        }

            .kendo_panel .k-panelbar > li > .k-header > .k-icon {
                width: 30px;
                height: 30px;
                background: rgba(0,0,0,0.25);
                border-radius: 30px;
                right: 6px;
                margin-top: -15px
            }

    .kendo_panel .k-panelbar .k-content {
        border: 0;
        border-radius: 0.75rem
    }

.top-setting-menu li a em {
    margin-right: 10px
}

.preview_top_bar {
    border-radius: 10px !important
}

    .preview_top_bar .slideview {
        padding: 4px 9px 0
    }

        .preview_top_bar .slideview .slide_view_action {
            padding: 5px
        }

        .preview_top_bar .slideview .left_action {
            margin: 0
        }

.rec-edu .edu-detail-sec .multi_edu_repeat .col-sm-12.col-md-7 {
    display: flex;
    flex-direction: column
}

    .rec-edu .edu-detail-sec .multi_edu_repeat .col-sm-12.col-md-7 p {
        margin-bottom: 6px
    }

.rec-edu .edu-detail-sec .multi_edu_repeat > .col-xs-12.col-sm-6.col-md-4:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed rgba(255,255,255,0.2)
}

.rec-edu .edu-detail-sec .multi_edu_repeat .begin-edu {
    min-height: 106px;
    max-height: 106px;
    align-items: end
}

.downloadpre-popup {
    margin-top: -10px;
    margin-bottom: 20px
}

    .downloadpre-popup .col-sm-12 {
        padding-left: 0
    }

    .downloadpre-popup .btn-submit.btn-downloadpre {
        display: inline-block
    }

    .downloadpre-popup .msg-preview {
        margin: 7px 0 12px 0;
        display: inline-block
    }

.my_profile_forms .signupform {
    box-shadow: none;
}

    .my_profile_forms .signupform .card-body {
        border: none;
    }

    .my_profile_forms .signupform .assetment_lists .card {
        margin-top: 0;
        border-radius: 5px;
        margin-bottom: 0px;
        border: none;
    }

        .my_profile_forms .signupform .assetment_lists .card .card-header {
            border-radius: 5px 5px 0 0;
            /*background: #fff;*/
            background: transparent;
            color: #9a3351;
            text-transform: none;
            font-size: 16px;
            font-weight: 600;
            padding: 0px;
        }

        .my_profile_forms .signupform .assetment_lists .card .card-title {
            margin-bottom: 0;
            font-size: 1.3em;
            /*color: #91225e;*/
            color: #136294;
            line-height: 1.2;
            position: relative;
            padding-left: 41px
        }

            .my_profile_forms .signupform .assetment_lists .card .card-title .q_num {
                position: absolute;
                width: 30px;
                height: 30px;
                border-radius: 20px;
                /* background: #e1622c; */
                left: 0;
                /*color: #a1225e;*/
                color: #136294;
                text-align: center;
                font-weight: 600;
                line-height: 27px;
                font-size: 22px;
                top: 0px;
            }

        .my_profile_forms .signupform .assetment_lists .card .card-body {
            padding: 10px;
            border-radius: 0 0 5px 5px
        }

        .my_profile_forms .signupform .assetment_lists .card:not(:first-child) {
            /*margin-top: 15px*/
        }

    .my_profile_forms .signupform .assetment_lists .form-control {
        border-radius: 5px
    }

.anwsers_list ul, .anwsers_list li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 16px
}

.anwsers_list ul {
    counter-reset: anwsers;
    margin-left: 40px
}

    .anwsers_list ul li {
        counter-increment: anwsers;
        position: relative;
        padding-left: 20px
    }

        .anwsers_list ul li:before {
            content: counter(anwsers, upper-alpha) ".";
            position: absolute;
            top: 0;
            left: 0;
            font-weight: 600;
            /*color: #a1225e;*/
            color: #136294;
        }

    .anwsers_list ul.noOption li {
        list-style: none;
        padding-left: 0px;
    }

        .anwsers_list ul.noOption li:before {
            content: none;
        }

    .anwsers_list ul li .custom-control .custom-control-label {
        padding-top: 2px
    }

    .anwsers_list ul li:not(:first-child) {
        margin-top: 10px
    }

    .anwsers_list ul.horizontal_list {
        display: flex;
        flex-wrap: wrap
    }

        .anwsers_list ul.horizontal_list li {
            margin: 0;
            max-width: 50%;
            margin-right: 15px
        }

.max-200 {
    max-width: 200px
}

.max-350 {
    max-width: 350px
}

.max-500 {
    max-width: 500px;
}

.ratings_table .table {
    border-radius: 5px
}

    .ratings_table .table th {
        font-size: 14px;
        line-height: 1.2;
    }

    .ratings_table .table td {
        font-size: 14px;
        line-height: 1.2;
        text-align: center;
    }

        .ratings_table .table td:first-child {
            text-align: left;
        }

.ratings_table .reatings_num {
    border-radius: 5px;
    display: inline-flex;
    flex-flow: wrap
}

    .ratings_table .reatings_num .rating_item {
        padding: 5px 10px;
        border: 1px solid #dee2e6;
        margin-left: -1px;
        margin-bottom: -1px
    }

    .ratings_table .reatings_num .custom-control {
        margin: 0
    }

        .ratings_table .reatings_num .custom-control .custom-control-label {
            padding-top: 3px
        }


.swal-overlay .swal-footer .swal-button-container:last-child {
    margin-right: 0;
}

.swal-overlay .swal-footer {
    text-align: center;
}

    .swal-overlay .swal-footer button {
        border-radius: 50px;
        transition: all .2s ease-in-out;
    }

.swal-button--cancel {
    background-color: #136294 !important;
    color: white;
}

.swal-footer .swal-button-container .swal-button--cancel:hover {
    background-color: #BF301C !important;
}

.swal-overlay .swal-footer button:focus {
    box-shadow: none;
}


.swal2-confirm {
    border-radius: 50px !important;
    transition: all .2s ease-in-out;
    background-color: #BF301C !important;
    color: white;
    border: none;
}

    .swal2-confirm:hover {
        background-color: #136294 !important;
    }

.swal2-cancel {
    border-radius: 50px !important;
    transition: all .2s ease-in-out;
    background-color: #136294 !important;
    color: white;
    border: none;
}

    .swal2-cancel:hover {
        background-color: #BF301C !important;
    }

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        /*max-width: 1420px*/
    }
}

@media (max-width: 1600px) {
    
    main.login-form {
        width: 100%;
        position: relative;
        margin-bottom: 100px
    }

        main.login-form .card-body {
            padding: 1.25rem
        }

    .footer {
        position: relative
    }

        .footer .useful_links {
            margin: 10px 0
        }

    .rcc-login, .login_details {
        transform: translate(0);
        position: relative;
        margin-bottom: 40px;
        min-height: 560px;
        top: 0;
        left: 0
    }

        .rcc-login .login_details .login_box, .rcc-login .login_details .guest_user, .login_details .login_details .login_box, .login_details .login_details .guest_user {
            width: 100%
        }

    .container .rcc-login .login_details {
        max-width: 500px
    }
}

@media (max-width: 1024px) {
    .rcc-login {
        width: 100%
    }

        .rcc-login .rcc_ {
            max-height: 100%
        }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .rcc-login .login_details .login_box, .rcc-login .login_details .guest_user, .login_details .login_details .login_box, .login_details .login_details .guest_user {
        width: 100%
    }

    .rcc-login .login_info, .login_details .login_info {
        padding: 20px 30px
    }

    .content_main .content_inner.rg_activity {
        padding: 3rem 1.5rem !important;
        margin: 0 15px
    }

    .copyright {
        display: flex;
        text-align: left;
        align-items: center;
        border-bottom: 1px dashed #616161;
        padding-bottom: 18px
    }

        .copyright img.border-right {
            border-right: 1px dashed #616161 !important
        }

    #guestUserDiv .btn.btn-blue {
        font-size: 14px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .featured-card .owl-wrapper .owl-item .post-slide .post-content .post-content-inner .post-title a {
        font-size: 16px;
    }

    .image_gallery div[data-fancybox] {
        max-width: 30%
    }

        .image_gallery div[data-fancybox]:hover a.icon_info {
            left: -10px;
            background-size: 75%
        }

        .image_gallery div[data-fancybox] a.icon_info {
            left: -10px;
            background-size: 75%
        }

    .footer .useful_links {
        text-align: center
    }

    .footer .copyright {
        text-align: center
    }

    .assessment_msg p {
        font-size: 14px
    }

    #guestUserDiv .btn.btn-blue {
        font-size: 14px
    }

    .buttons_3 button {
        margin-right: 13px
    }

    .dashboard_main .btn-lightblue, .dashboard_main .btn-lightpurple, .dashboard_main .btn-theme {
        padding: 5px 11px;
        font-size: 11px
    }

    .dashboard_main .result_summary .center_block {
        margin: auto 15px
    }

        .dashboard_main .result_summary .center_block button .btn-theme {
            font-size: 14px
        }

    .btn-lightblue, .btn-lightpurple, .btn-theme {
        padding: 5px 9px
    }

    .activity_banner .banner_text .txt h2 {
        line-height: 1.2
    }

        .activity_banner .banner_text .txt h2 strong {
            font-size: 18px;
            font-weight: 500
        }

    .slideview .slide_view_action .btn-primary {
        font-size: 13px
    }

    .container .rcc-login .login_details .login_box a {
        font-size: 14px;
        padding: 8px 2px;
        text-align: right
    }

    .contentarea.question_summary .question_box .que_list .question h4 {
        font-size: 20px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container .rcc-login .login_details.fx_login {
        padding-top: 0;
        padding-bottom: 0
    }

    .container .rcc-login .login_details {
        min-height: auto
    }

    .login_details.fx_login .login_box, .login_details.fx_login #guestUserDiv {
        position: inherit;
        top: auto;
        transform: none
    }

    .activity_banner .banner_text .txt h2 {
        line-height: 1.2
    }

        .activity_banner .banner_text .txt h2 strong {
            font-size: 14px;
            font-weight: 600
        }

    .dashboard_main {
        display: block
    }

        .dashboard_main .dashboard_result {
            width: 100%
        }

            .dashboard_main .dashboard_result .buttons_3.align_center {
                bottom: auto
            }

    .help-icn-top {
        top: -15px
    }

        .help-icn-top img {
            width: 35px
        }

    .notification_panel .notification_details {
        padding: 17px 0 40px;
        margin-left: 15px;
        width: 100%
    }

        .notification_panel .notification_details p {
            font-size: 15px
        }

    .notification_panel {
        margin-bottom: 40px
    }

    .summary_title {
        margin-top: 0;
        margin-left: 0
    }

        .summary_title h5 {
            font-size: 18px;
            display: block;
            text-align: center;
            margin-bottom: 0
        }

    .assessment_level {
        margin-bottom: 25px;
        width: 90%
    }

        .assessment_level .level_status {
            font-size: 18px
        }

        .assessment_level p {
            font-size: 14px
        }

    .circle_arrow_btn {
        width: 53px;
        height: 53px;
        padding: 9px
    }

    .assessment_msg {
        position: inherit;
        top: 0;
        width: 100%;
        border-radius: 0px;
        margin-top: 0px
    }

        .assessment_msg p {
            margin-left: 32px;
            font-size: 14px;
            margin-top: -6px
        }

        .assessment_msg .circle_arrow_btn {
            position: inherit;
            margin-left: -20px;
            width: 43px;
            height: 43px;
            float: left
        }

    .summary_panel .resource_div .ad_inner .summary_heading .circle_icn {
        display: none
    }

    .summary_panel .resource_div .ad_inner .summary_heading h6 {
        margin-left: 0
    }

    .summary_panel .card-header {
        padding-bottom: 0.75rem
    }

        .summary_panel .card-header .knowledge_status {
            font-size: 14px
        }

    .summary_panel .summary_heading h6 {
        margin-left: 0px;
        font-size: 15px
    }

    .summary_panel .summary_heading .circle_icn {
        display: none
    }

    .summary_panel .summary_desc p {
        font-size: 14px
    }

    .summary_panel ul.lineicon li, .summary_panel ul.circularicon li {
        font-size: 14px;
        margin-bottom: 2px
    }

    .customMain .welcome-box-dashboard h1 {
        font-size: 28px
    }

    .customMain .welcome-box-dashboard .dashboard-top-left h5 {
        font-size: 16px
    }

    .contentarea.question_summary .educational_context p {
        font-size: 14px
    }

    .contentarea.question_summary .educational_context .context_list ul li {
        font-size: 14px;
        padding-left: 40px
    }

        .contentarea.question_summary .educational_context .context_list ul li:before {
            background-size: 57%;
            top: 3px
        }

    .contentarea.question_summary .educational_context .icn_title h4 {
        font-size: 17px
    }

    .contentarea.question_summary .que_list {
        padding-left: 20px
    }

    .contentarea.question_summary .col {
        flex-basis: auto;
        margin-bottom: 20px
    }

        .contentarea.question_summary .col:last-child {
            margin-bottom: 0px
        }

    .references {
        padding: 9px 15px
    }

    .ans_status {
        font-size: 13px
    }

    ul.lineicon li, ul.circularicon li {
        font-size: 14px
    }

    .navbar-nav {
        flex-direction: row
    }

        .navbar-nav .dropdown-menu {
            position: absolute
        }

    .welcome_header.header_title .navbar-dark ul .menu-icn .list-notificacao::before {
        left: 45px
    }

    .welcome_header.header_title .navbar-dark ul li a.home-icn {
        text-align: center
    }

    .rec-edu .edu-sec .begin-edu a {
        font-size: 12px;
        padding: 6px 5px
    }

    .slideview .slideview_title_text h3 {
        font-size: 23px
    }

    .slideview .slide_view_action .left_action, .slideview .slide_view_action .right_action {
        display: block
    }

    .slideview .main_slide_view .topic_panel {
        max-width: 240px
    }

    .slideview .main_slide_view .topic_list ul li {
        font-size: 13px
    }

    .slideview .main_slide_view.panel_hide .topic_panel {
        margin-left: -240px
    }

    .topic_slide_list ul li {
        max-width: 167px
    }

    .content_main.bg-light .container .education-one h5.custom-pre-text {
        font-size: 20px
    }

    .content_main.bg-light .container .education-one p.create-you {
        margin: 16px 0 0 0;
        font-size: 16px
    }

    .content_main.bg-light .container .education-one a {
        font-size: 14px
    }

        .content_main.bg-light .container .education-one a span {
            font-size: 12px
        }

    .content_main.bg-light .container .education-one .btn-own-pre {
        padding: 5px 10px;
        border-radius: 3px
    }

    .presentation_table .form-check-inline {
        margin-right: 3px
    }

    .presentation_table .form-check-label {
        font-size: 13px
    }

    .presentation_table #presentationList th {
        font-size: 14px;
        vertical-align: middle
    }

    .presentation_table #presentationList td {
        font-size: 14px
    }

        .presentation_table #presentationList td a {
            margin: 0 3px !important
        }

            .presentation_table #presentationList td a.presentationtitlelink {
                font-size: 14px
            }

    #divAvailabelTopicsForFirst .follow-info, #divAvailabelTopics .follow-info {
        padding-bottom: 22px;
        padding-top: 22px
    }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec .btn-sec .submit-btn, #divAvailabelTopicsForFirst .follow-info .follow-info-sec .btn-sec .cancel-btn, #divAvailabelTopics .follow-info .follow-info-sec .btn-sec .submit-btn, #divAvailabelTopics .follow-info .follow-info-sec .btn-sec .cancel-btn {
            font-size: 15px;
            padding: 7px 20px;
            margin-top: 16px
        }

    #divAvailabelTopicsForFirst::before, #divAvailabelTopics::before {
        left: 50%
    }

    .footer ul li a {
        font-size: 14px
    }

    .footer .copyright {
        font-size: 14px;
        padding-bottom: 10px
    }

        .footer .copyright img {
            height: 50px;
            border-right: none;
            padding-right: 0px;
            margin-right: 0px
        }

        .footer .copyright .automsg {
            margin-left: 5px
        }

    .customMain main.container {
        max-width: 700px
    }

    .preview_Prev, .preview_Next {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .preview_Prev {
        left: -45px
    }

    .preview_Next {
        right: -45px
    }

    .usermenu {
        padding-top: 15px !important
    }

    .innerDiv .activity_banner .banner_text .txt {
        padding-left: 0;
        float: none;
        padding-right: 0px
    }

        .innerDiv .activity_banner .banner_text .txt h2 {
            text-align: left;
            font-size: 21px
        }

    .innerDiv .breadcrumb {
        padding: 5px 0
    }

        .innerDiv .breadcrumb .breadcrumb-item {
            font-size: 14px
        }

    .innerDiv .breadcrumb-item + .breadcrumb-item {
        padding-left: 0
    }

    .contentarea .question_box .qDiv {
        width: 60px;
        height: 110px;
        font-size: 2rem
    }

    .contentarea .question_box .que_list {
        margin-left: 0;
        margin-right: 0
    }

        .contentarea .question_box .que_list .question h4 {
            font-size: 18px;
            padding-left: 35px
        }

            .contentarea .question_box .que_list .question h4:before {
                background-size: 100% 100%;
                width: 26px;
                height: 17px
            }

    .contentarea .answercontainer {
        margin-left: 30px
    }

        .contentarea .answercontainer .custom-control .custom-control-label {
            font-size: 14px
        }

    .contentarea.question_summary .question_box .que_list {
        margin-bottom: 20px
    }

    .my_profile_forms .signupform .assetment_lists .card {
        padding: 0;
        margin-bottom: 10px
    }

        .my_profile_forms .signupform .assetment_lists .card .card-title {
            font-size: 1em;
            padding-left: 29px
        }

            .my_profile_forms .signupform .assetment_lists .card .card-title .q_num {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 11px;
                top: 2px
            }

        .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list ul {
            margin-left: 0
        }

        .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list li {
            font-size: 14px
        }

            .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list li:before {
                top: 2px
            }

    .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li {
        max-width: 50%
    }

    .footer .copyright, .footer .useful_links {
        text-align: center
    }

    div#target.newClass .help-icn-top {
        right: -10px;
        top: 10px
    }

    div#target.newClass .notification_panel .notification_details {
        margin-right: 25px
    }
}

@media (max-width: 767px) {
    div#target.newClass .help-icn-top {
        right: -10px;
        top: 10px
    }

    div#target.newClass .notification_panel .notification_details {
        margin-right: 25px
    }

    .footer .copyright, .footer .useful_links {
        text-align: center
    }

        .footer .copyright img {
            padding-right: 0
        }

    .m-order-12 {
        order: 12
    }

    #divProficiencyList {
        margin-bottom: 20px
    }

    #flip_title {
        display: block
    }

    #collapse_panel {
        display: none
    }

    .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list {
        display: block
    }

        .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li {
            max-width: 100%
        }

    #dvDisclaimer .modal .modal-content .modal-header {
        padding: 0.3rem 0.7rem
    }

        #dvDisclaimer .modal .modal-content .modal-header .modal-title {
            font-size: 20px
        }

    #dvDisclaimer .modal .modal-content .my_profile_forms .signupform .form_btn {
        margin-top: 30px
    }

        #dvDisclaimer .modal .modal-content .my_profile_forms .signupform .form_btn .btn-theme {
            margin-bottom: 10px;
            min-width: 100px;
            min-height: 37px;
            font-size: 14px
        }

    .maintp_title h5 {
        font-size: 1rem
    }

    .activity_banner .banner_text .dashboard_i {
        position: relative;
        margin-top: 5px;
        padding-top: 0
    }

        .activity_banner .banner_text .dashboard_i i.fa {
            width: 25px;
            height: 25px;
            line-height: 25px;
            font-size: 12px
        }

    .container .rcc-login .login_details.fx_login {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 15px
    }

    .container .rcc-login .login_details {
        min-height: auto
    }

    .login_details.fx_login .login_box, .login_details.fx_login #guestUserDiv {
        position: inherit;
        top: auto;
        transform: none
    }

    .rcc-login .login_info {
        padding: 15px
    }

        .rcc-login .login_info .title {
            font-size: 15px
        }

    .rcc-login .video_block .video_frame {
        width: 100%
    }

    .container .rcc-login .login_details {
        width: 80%
    }

        .container .rcc-login .login_details .login_box a {
            font-size: 14px;
            padding: 2px;
            text-align: right
        }

        .container .rcc-login .login_details .login_box .arrow_btn {
            display: none
        }

    .login_details.fx_login .login_box, .login_details.fx_login #guestUserDiv {
        position: inherit;
        top: auto;
        transform: none
    }

    .login_details .login_box .arrow_btn i.fa {
        margin-left: 8px
    }

    .col.bdr_line {
        border: none
    }

    .contentarea {
        padding: 25px 15px
    }

        .contentarea .question_box .qDiv {
            width: 60px;
            height: 110px;
            font-size: 2rem
        }

        .contentarea .question_box .que_list {
            margin-left: 0;
            margin-right: 0;
            padding: 0
        }

            .contentarea .question_box .que_list .question h4 {
                font-size: 17px;
                padding-left: 35px;
                padding-right: 15px
            }

                .contentarea .question_box .que_list .question h4:before {
                    background-size: 100% 100%;
                    width: 26px;
                    height: 17px
                }

            .contentarea .question_box .que_list .question .comment_box {
                margin-left: 33px
            }

            .contentarea .question_box .que_list .submitbtn .btn {
                font-size: 0.8rem;
                min-width: auto;
                margin: 0 4px;
                min-height: auto
            }

                .contentarea .question_box .que_list .submitbtn .btn.btn-theme {
                    padding: 8px 22px
                }

        .contentarea .question_box .help-icn-top {
            top: -15px;
            right: -7px
        }

            .contentarea .question_box .help-icn-top img {
                width: 30px
            }

        .contentarea .question_box.iconbg {
            background-position: right 95%
        }

        .contentarea .answercontainer {
            margin-left: 30px
        }

            .contentarea .answercontainer .custom-control .custom-control-label {
                font-size: 14px
            }

    .innerDiv #bannerText {
        align-items: flex-start
    }

    .innerDiv .activity_banner .banner_text .txt {
        padding: 0 0 6px 0;
        width: 90%
    }

        .innerDiv .activity_banner .banner_text .txt h2 {
            font-size: 18px;
            text-align: left
        }

    .innerDiv .breadcrumb {
        justify-content: center;
        float: none;
        padding: 0 0 5px
    }

        .innerDiv .breadcrumb .breadcrumb-item {
            font-size: 13px
        }

    .innerDiv .breadcrumb-item + .breadcrumb-item {
        padding-left: 0
    }

    .contentarea.question_summary .question_box .login {
        padding-top: 20px
    }

    .contentarea.question_summary .question_box .que_list {
        padding: 0 15px 0 15px;
        margin-bottom: 20px
    }

    .contentarea.question_summary .question_box .help-icn-top {
        right: 10px;
        top: -5px
    }

    .contentarea.question_summary .educational_context {
        padding-right: 15px;
        border-top: 1px dashed #ccc;
        padding-top: 25px
    }

        .contentarea.question_summary .educational_context .icn_title h4 {
            font-size: 17px
        }

        .contentarea.question_summary .educational_context p {
            font-size: 14px
        }

        .contentarea.question_summary .educational_context .context_list ul li {
            font-size: 14px;
            padding-left: 41px
        }

            .contentarea.question_summary .educational_context .context_list ul li:before {
                width: 31px;
                height: 20px;
                background-size: 100% 100%
            }

    .contentarea.question_summary .col {
        flex-basis: auto
    }

    .help-icn-top {
        top: -15px
    }

        .help-icn-top img {
            width: 35px
        }

    .notification_panel .notification_details {
        padding: 17px 15px;
        margin-left: 0;
        width: 100%
    }

        .notification_panel .notification_details p {
            font-size: 15px;
            padding-bottom: 25px
        }

    .dashboard_buttons button {
        margin-left: 0;
        font-size: 13px;
        margin-right: 10px
    }

    .notification_panel {
        margin-bottom: 40px
    }

    .summary_title {
        margin-top: 0;
        margin-left: 0
    }

        .summary_title h5 {
            font-size: 18px;
            display: block;
            text-align: center;
            margin-bottom: 0
        }

    .assessment_level {
        margin-bottom: 25px;
        width: 90%
    }

        .assessment_level .level_status {
            font-size: 18px
        }

        .assessment_level p {
            font-size: 14px
        }

    .circle_arrow_btn {
        width: 53px;
        height: 53px;
        padding: 9px
    }

    .assessment_msg {
        position: inherit;
        top: 0;
        width: 100%;
        border-radius: 0px;
        margin-top: 0px
    }

        .assessment_msg p {
            margin-left: 22px;
            font-size: 14px;
            margin-top: -6px
        }

        .assessment_msg .circle_arrow_btn {
            position: inherit;
            margin-left: -20px;
            width: 33px;
            height: 33px;
            padding: 7px;
            float: left
        }

    .summary_panel .resource_div .ad_inner .summary_heading .circle_icn {
        display: none
    }

    .summary_panel .resource_div .ad_inner .summary_heading h6 {
        margin-left: 0
    }

    .summary_panel .card-header {
        padding-bottom: 0.75rem
    }

        .summary_panel .card-header .knowledge_status {
            font-size: 14px;
            float: none;
            margin-top: 0.5rem
        }

    .summary_panel .summary_heading h6 {
        margin-left: 0px;
        font-size: 15px
    }

    .summary_panel .summary_heading .circle_icn {
        display: none
    }

    .summary_panel .summary_desc p {
        font-size: 14px
    }

    .summary_panel .col {
        flex-basis: auto;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 20px
    }

        .summary_panel .col:last-child {
            border-bottom: none;
            margin-bottom: 0px
        }

    ul.lineicon li, ul.circularicon li {
        font-size: 14px;
        margin-bottom: 10px;
        align-items: flex-start
    }

        ul.lineicon li:before {
            background-size: 76%
        }

    .dashboard_main {
        display: block
    }

        .dashboard_main .dashboard_result {
            width: 100%;
            margin-right: 0
        }

            .dashboard_main .dashboard_result .result_summary {
                display: flex;
                padding: 15px 15px 0;
                border-bottom: 1px dashed #5f5f60
            }

                .dashboard_main .dashboard_result .result_summary .result_info {
                    width: 70%;
                    margin-top: 0
                }

                .dashboard_main .dashboard_result .result_summary .result_status {
                    width: 100%;
                    position: absolute;
                    top: -31px;
                    right: -5px
                }

                    .dashboard_main .dashboard_result .result_summary .result_status .status_label {
                        font-size: 11px;
                        padding: 6px 14px
                    }

                .dashboard_main .dashboard_result .result_summary .center_block {
                    margin: 0 0 20px
                }

                    .dashboard_main .dashboard_result .result_summary .center_block button {
                        margin-top: 0
                    }

            .dashboard_main .dashboard_result .buttons_3.align_center {
                position: inherit;
                padding: 0 15px;
                display: block;
                margin-bottom: 10px
            }

                .dashboard_main .dashboard_result .buttons_3.align_center button {
                    margin-bottom: 10px;
                    margin-right: 10px
                }

        .dashboard_main .btn_claim {
            position: absolute;
            bottom: auto;
            right: -16px;
            padding: 0 15px;
            margin-top: 0;
            top: -20px
        }

    .progress_details {
        width: 100%;
        padding: 0 15px;
        margin: 10px 0 0
    }

    .customMain .welcome-box-dashboard h1 b::after {
        width: 12%
    }

    .jw-breakpoint-2 .jw-display .jw-icon {
        width: 47px !important;
        height: 47px !important;
        line-height: 47px !important
    }

    .image_gallery img {
        height: 82px
    }

    .image_gallery div[data-fancybox] {
        max-width: 45%
    }

        .image_gallery div[data-fancybox]:hover a.icon_info {
            left: 0px;
            background-size: 75%
        }

    .image_gallery a.icon_info {
        left: -10px;
        background-size: 75%
    }

    .ans_status .ans_success, .ans_status .ans_wrong {
        font-size: 14px
    }

    .rcc-login {
        min-height: 100px
    }

    main.login-form {
        width: 90%
    }

    .bd-placeholder-img-lg {
        font-size: 3.5rem
    }

    .rcc_details .video_ {
        width: 100%;
        margin: auto
    }

    .copyright {
        font-size: 0.80rem;
        text-align: center
    }

        .copyright img {
            display: block;
            margin: 0px auto !important;
            border: 0;
            padding-bottom: 15px;
            max-width: 150px
        }

            .copyright img.border-right {
                border-right: none !important
            }

            .copyright img.pr-3, .copyright img.mr-3 {
                padding-right: 0px !important
            }

    .useful_links {
        text-align: center
    }

        .useful_links ul li a {
            font-size: 0.80rem
        }

    .activity_banner .banner_text {
        height: auto;
        background-size: auto;
        background-position: center bottom
    }

        .activity_banner .banner_text .txt {
            top: 0;
            padding-bottom: 51px
        }

            .activity_banner .banner_text .txt h2 {
                font-size: 14px;
                padding-top: 8px
            }

    .activity_banner.loginactivity .banner_text {
        height: auto
    }

        .activity_banner.loginactivity .banner_text .txt {
            padding-bottom: 7px
        }

            .activity_banner.loginactivity .banner_text .txt h2 {
                font-size: 17px
            }

    .container .my_profile_forms .signupform .card {
        padding: 0 20px
    }

        .container .my_profile_forms .signupform .card .btn.btn-secondary {
            background: linear-gradient(to right, #9a3351 34%, #e76629 96%);
            border: none
        }

        .container .my_profile_forms .signupform .card .form_link {
            width: 100%;
            margin: 10px 0 0 0 !important
        }

    .container .rcc-login .login_details {
        min-height: 100px;
        padding-top: 0;
        padding-bottom: 0
    }

        .container .rcc-login .login_details .login_box {
            display: block;
            width: 100%;
            border-radius: 10px
        }

            .container .rcc-login .login_details .login_box .btn_radius {
                font-size: 0.75rem;
                white-space: inherit
            }

    .customMain .welcome-box-dashboard h1 {
        font-size: 22px;
        margin-bottom: 0
    }

        .customMain .welcome-box-dashboard h1 p {
            font-size: 16px
        }

    .customMain .welcome-box-dashboard .dashboard-top-left ul.num_list li {
        max-width: 100%
    }

    .customMain .content_inner.rg_activity {
        margin: auto
    }

    .customMain .content_inner.p-5 {
        padding: 1.5rem !important
    }

    .customMain .content_main.py-5 {
        padding-top: 1rem !important
    }

    .customMain .content_main .container .custom-presentation-box.no_cta_btn h2 {
        font-size: 25px
    }

    .customMain .activity_banner .container .help-icn-top {
        right: 0
    }

        .customMain .activity_banner .container .help-icn-top img {
            width: 55px
        }

    .my_profile_forms .signupform .assetment_lists .card {
        padding: 0;
        margin-bottom: 10px
    }

        .my_profile_forms .signupform .assetment_lists .card .card-title {
            font-size: 1em;
            padding-left: 29px
        }

            .my_profile_forms .signupform .assetment_lists .card .card-title .q_num {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 11px;
                top: 2px
            }

        .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list ul {
            margin-left: 0
        }

        .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list li {
            font-size: 14px
        }

            .my_profile_forms .signupform .assetment_lists .card .card-body .anwsers_list li:before {
                top: 2px
            }

    .contentarea.my_profile_forms {
        padding-bottom: 20px
    }

    .main_title h3 {
        font-size: 18px
    }

    .content_main.bg-light .main_title h3::before {
        height: 100%
    }

    .content_main.bg-light .container .education-one {
        margin-bottom: 15px;
        height: auto
    }

    .presentation_table {
        overflow: auto
    }

    #dvCheckBox.text-right {
        text-align: left !important
    }

    .navbar-nav {
        flex-direction: row
    }

    .usermenu .peer {
        padding: 0;
        margin: 0 2px
    }

    .welcome_header.header_title .navbar-dark ul .menu-icn i {
        font-size: 14px
    }

    .welcome_header.header_title .navbar-dark ul li a.home-icn {
        font-size: 10px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 6px;
        margin: 0
    }

    .welcome_header.header_title nav {
        flex-wrap: nowrap;
        padding-right: 0
    }

    .usermenu {
        font-size: 12px
    }

    .welcome_header.header_title .navbar-dark .navbar-nav {
        padding-right: 0
    }

        .welcome_header.header_title .navbar-dark .navbar-nav .menu-icn .dropdown-menu {
            position: absolute
        }

            .welcome_header.header_title .navbar-dark .navbar-nav .menu-icn .dropdown-menu.list-notificacao {
                left: -132px;
                min-width: 16rem
            }

                .welcome_header.header_title .navbar-dark .navbar-nav .menu-icn .dropdown-menu.list-notificacao .notofication-title .noti-right a {
                    font-size: 10px
                }

                .welcome_header.header_title .navbar-dark .navbar-nav .menu-icn .dropdown-menu.list-notificacao::before {
                    left: 147px
                }

                .welcome_header.header_title .navbar-dark .navbar-nav .menu-icn .dropdown-menu.list-notificacao .top-setting-menu li a {
                    font-size: 14px
                }

    .content_main .slideview .slideview_title::before {
        top: 66%
    }

    .content_main .slideview .precess_ceircle {
        margin-top: 25px
    }

        .content_main .slideview .precess_ceircle span {
            padding: 8px
        }

    .content_main .slideview .slideview_title_text h3 {
        font-size: 20px
    }

    .content_main .slideview .slide_view_action .msg-save {
        margin: 3px 0 8px 55px
    }

    .content_main .slideview .slide_view_action .btn-primary {
        font-size: 11px;
        padding: 4px 7px;
        margin-bottom: 6px;
        vertical-align: top
    }

        .content_main .slideview .slide_view_action .btn-primary:last-child {
            margin-right: 2px
        }

    .content_main .slideview .slide_view_action .btn-warning {
        padding: 4px 8px;
        font-size: 11px;
        margin-right: 5px
    }

    .content_main .slideview .slide_view_action .left_action, .content_main .slideview .slide_view_action .right_action {
        display: block
    }

    .content_main .slideview .main_slide_view .topic_panel {
        max-width: 240px
    }

    .content_main .slideview .main_slide_view .topic_list ul li {
        font-size: 13px;
        padding-top: 3px
    }

    .content_main .slideview .main_slide_view.panel_hide .topic_panel {
        margin-left: -240px
    }

    .presentation_table .form-check-inline {
        margin-right: 3px
    }

    .presentation_table .form-check-label {
        font-size: 13px
    }

    .presentation_table #presentationList th {
        font-size: 14px;
        vertical-align: middle
    }

    .presentation_table #presentationList td {
        font-size: 14px
    }

        .presentation_table #presentationList td a.presentationtitlelink {
            font-size: 14px
        }

    #divAvailabelTopicsForFirst .follow-info, #divAvailabelTopics .follow-info {
        padding-bottom: 22px;
        padding-top: 22px
    }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec .simple-ser-form, #divAvailabelTopics .follow-info .follow-info-sec .simple-ser-form {
            margin-bottom: 0
        }

            #divAvailabelTopicsForFirst .follow-info .follow-info-sec .simple-ser-form lable, #divAvailabelTopics .follow-info .follow-info-sec .simple-ser-form lable {
                font-size: 14px;
                margin: 8px 0 5px 0;
                display: block;
                line-height: normal
            }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec h3, #divAvailabelTopics .follow-info .follow-info-sec h3 {
            font-size: 16px
        }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec .topic_title h5, #divAvailabelTopics .follow-info .follow-info-sec .topic_title h5 {
            line-height: normal;
            margin: 8px 0 6px -13px
        }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec ul li, #divAvailabelTopics .follow-info .follow-info-sec ul li {
            width: 100%;
            margin-bottom: 7px
        }

            #divAvailabelTopicsForFirst .follow-info .follow-info-sec ul li lable, #divAvailabelTopics .follow-info .follow-info-sec ul li lable {
                line-height: normal
            }

        #divAvailabelTopicsForFirst .follow-info .follow-info-sec .btn-sec .submit-btn, #divAvailabelTopicsForFirst .follow-info .follow-info-sec .btn-sec .cancel-btn, #divAvailabelTopics .follow-info .follow-info-sec .btn-sec .submit-btn, #divAvailabelTopics .follow-info .follow-info-sec .btn-sec .cancel-btn {
            font-size: 15px;
            padding: 7px 20px;
            margin-top: 16px
        }

    .k-widget.k-window {
        width: 90% !important;
        margin: 0 auto
    }

        .k-widget.k-window .k-window-content.k-content p {
            font-size: 16px;
            line-height: 22px
        }

    .slide_navs_wrp {
        padding: 17px 10px 0 10px
    }

        .slide_navs_wrp .slide_navs {
            width: 100%;
            text-align: center
        }

            .slide_navs_wrp .slide_navs .btn {
                font-size: 13px;
                padding: 8px 0
            }

        .slide_navs_wrp .slide_counts {
            padding: 8px 30px;
            font-size: 13px
        }

    .view_online_wrp .preview_Prev {
        left: 0;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    .view_online_wrp .preview_Next {
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px
    }

    #divAvailabelTopicsForFirst::before, #divAvailabelTopics::before {
        left: 50%
    }

    .bd-placeholder-img {
        height: auto
    }

    .content_main .card .card-body p.card-text {
        height: auto;
        max-height: 100%;
        overflow: visible
    }

    .usermenu {
        padding-top: 15px !important
    }

    .dashboard_i i.fa {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }

    .welcome_header.header_title {
        padding: 0 !important
    }

        .welcome_header.header_title .logo_img img {
            margin: 7px 0
        }

    .education-screeen .resp-tab-content .go-to-post-assessment {
        font-size: 14px;
    }
}

@media (max-width: 479px) {
    .dashboard_main .dashboard_result .result_summary {
        flex-direction: column
    }

        .dashboard_main .dashboard_result .result_summary .result_info {
            width: 100%
        }

    .image_gallery div[data-fancybox] {
        max-width: 45%
    }

        .image_gallery div[data-fancybox]:hover a.icon_info {
            left: -10px;
            background-size: 75%
        }

    .image_gallery a.icon_info {
        left: -10px;
        background-size: 75%
    }

    .welcome_header.header_title h5 {
        float: none;
        text-align: center
    }

    .welcome_header.header_title .navbar-nav.ml-auto {
        margin-left: initial !important
    }

    .usermenu {
        height: 12px
    }

    .innerDiv #bannerText {
        display: block
    }

    .container .rcc-login .login_details {
        width: 100%
    }

    .notification_panel .notification_details p {
        padding-bottom: 0px
    }

    .dashboard_buttons {
        position: inherit;
        bottom: 0;
        left: 2px;
        padding: 0 15px 15px
    }

        .dashboard_buttons button {
            margin-bottom: 10px;
            margin-left: 0;
            padding: .25rem 1rem;
            margin-right: 10px
        }

    .submitbtn .btn {
        font-size: 0.8rem;
        min-width: auto;
        margin: 0 4px;
        min-height: auto
    }

        .submitbtn .btn.btn-theme {
            padding: 8px 22px
        }

    .multibtn .centerbtn {
        position: inherit;
        left: 0;
        transform: translate(0%, 50%)
    }

    .content_main .content_inner .content_title h6 {
        font-size: 14px
    }

    .content_main .welcome-box-dashboard h1 {
        margin-bottom: 0
    }

    .content_main .welcome-box-dashboard .dashboard-top-left h5 {
        font-size: 16px
    }

    .content_main .welcome-box-dashboard .dashboard-top-left ul.num_list li {
        max-width: 100%
    }

    .welcome_header.header_title {
        padding: 0 !important
    }

        .welcome_header.header_title .logo_img img {
            max-width: 70px;
            margin-top: 13px
        }

        .welcome_header.header_title .navbar-dark {
            padding-right: 0;
            justify-content: center;
            display: flex
        }

            .welcome_header.header_title .navbar-dark ul {
                margin-top: 0 !important
            }

                .welcome_header.header_title .navbar-dark ul .menu-icn i {
                    font-size: 14px;
                    margin: 0px 7px
                }

                .welcome_header.header_title .navbar-dark ul li a.home-icn {
                    font-size: 10px;
                    width: 25px;
                    height: 25px;
                    text-align: center;
                    line-height: 6px;
                    margin: 0
                }

            .welcome_header.header_title .navbar-dark .usermenu {
                font-size: 13px;
                padding: 9px 0px !important
            }

                .welcome_header.header_title .navbar-dark .usermenu .peer {
                    padding: 0
                }

                .welcome_header.header_title .navbar-dark .usermenu .logout_i i.fa {
                    font-size: 18px
                }

        .welcome_header.header_title nav {
            flex-wrap: nowrap;
            position: relative;
            margin-top: 0;
            padding-left: 0px
        }

    .rcc-login .login_details .login_box, .rcc-login .login_details .guest_user {
        width: 100%
    }

    .signup.bg-light, .forgotpassword.bg-light, .registerform.bg-light {
        padding: 20px 15px
    }

    .signup .card, .forgotpassword .card {
        padding: 5px 0
    }

        .signup .card .card-header, .forgotpassword .card .card-header {
            font-size: 25px;
            line-height: normal
        }

        .signup .card .card-body, .forgotpassword .card .card-body {
            padding: 0 1.25rem 1.25rem 1.25rem
        }

            .signup .card .card-body .radio_section, .forgotpassword .card .card-body .radio_section {
                margin: 0 auto 10px auto
            }

            .signup .card .card-body .form_bottom, .forgotpassword .card .card-body .form_bottom {
                display: block;
                text-align: center
            }

                .signup .card .card-body .form_bottom .form_link, .forgotpassword .card .card-body .form_bottom .form_link {
                    font-size: 14px;
                    margin-top: 10px
                }

                .signup .card .card-body .form_bottom .btn.btn-secondary, .forgotpassword .card .card-body .form_bottom .btn.btn-secondary {
                    font-size: 13px;
                    padding: 6px 14px
                }

            .signup .card .card-body .btn.btn-secondary, .signup .card .card-body .btn-danger.btn-login, .forgotpassword .card .card-body .btn.btn-secondary, .forgotpassword .card .card-body .btn-danger.btn-login {
                padding: 4px 21px;
                margin-right: 6px;
                font-size: 14px
            }

    .signup .g-recaptcha, .forgotpassword .g-recaptcha {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .content_main .slideview .slideview_title {
        display: table !important
    }

        .content_main .slideview .slideview_title .slideview_title_text {
            font-size: 20px
        }

        .content_main .slideview .slideview_title::before {
            bottom: 22px;
            top: inherit;
            width: 100%
        }

    .content_main .slideview .main_slide_view.panel_hide .topic_panel {
        margin-left: -226px
    }

    .content_main .slideview .precess_ceircle {
        float: left;
        margin-top: 26px;
        margin-left: 22px
    }

        .content_main .slideview .precess_ceircle:not(:last-child) {
            margin-right: 23px;
            margin-left: 32px
        }

    #dvDisclaimer .content_main {
        box-shadow: none
    }

    #dvDisclaimer .modal-header {
        background: #892b64;
        background: linear-gradient(90deg, #892b64 0%, #892b64 40%, #e36635 100%)
    }

    #dvDisclaimer #ClosePopup {
        background: linear-gradient(90deg, #892b64 0%, #892b64 40%, #e36635 100%);
        color: #fff;
        border: none
    }

    .btn_radius {
        padding: 5px 20px
    }
}

@media (max-width: 400px) {
    .dashboard_main .dashboard_result {
        width: 100%
    }

        .dashboard_main .dashboard_result .result_summary {
            flex-direction: column
        }

            .dashboard_main .dashboard_result .result_summary .result_info {
                width: 100%;
                margin-top: 45px
            }

            .dashboard_main .dashboard_result .result_summary .result_status {
                width: 100%;
                position: absolute;
                top: -27px;
                right: -7px
            }

        .dashboard_main .dashboard_result:nth-child(2n) .result_summary .result_info {
            margin-top: 0
        }
}
/*# sourceMappingURL=style.min.css.map */

.swal-button {
    background-color: #BF301C;
}

.swal-button--danger:hover {
    background-color: #136294;
}

.swal-button:not([disabled]):hover {
    background-color: #136294
}

.swal-button:active {
    background-color: #BF301C
}

/*.has_stiky_btns .content_sitcky_btns {
    top: calc(105px + 1.5rem);
}*/

/*Payment form*/
.left_lbl {
    padding-top: 8px;
    padding-right: 15px;
    font-size: 15px;
    width: 250px;
    padding-left: 16px
}

.control_wrp {
    max-width: 500px;
}

    .control_wrp input[type="text"] {
        display: block;
        width: 100%;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        padding-right: 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #f0f0f07a;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

.cuponcode_wrp {
    display: flex;
}

    .cuponcode_wrp .btnDiscount {
        margin-left: 5px;
        height: calc(1.5em + .75rem + 2px);
        padding: .375rem .75rem;
        font-weight: bold;
        background: #136294;
        color: #fff;
        border-radius: 0.25rem;
        display: block;
    }

.control_wrp .cc_note {
    display: flex;
    margin-top: 10px;
}

    .control_wrp .cc_note .paymentCvvmsg {
        padding-left: 10px;
    }

.control_wrp input[type="text"].cvvBox {
    width: 150px;
}

.paymentactivitiBox-title {
    background-color: #EBEEF3;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: #d3d6db 1px solid;
    color: #333;
    font-size: 16px;
    margin-left: -15px;
}

    .paymentactivitiBox-title h1 {
        font-weight: 700;
        color: #136294;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0;
        margin: 0;
    }

.register_for {
    display: flex;
    margin-top: 10px;
}

    .register_for .divRegForLeft {
        width: 235px;
        padding-right: 15px;
    }

    .register_for .divRegForRight b {
        font-weight: normal;
    }

.paymentactivitiBox-title {
    background-color: #EBEEF3;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    border: #d3d6db 1px solid;
    color: #333;
    font-size: 16px;
    margin-left: -15px;
}

    .paymentactivitiBox-title h1 {
        font-weight: 700;
        color: #136294;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        padding: 0;
        margin: 0;
    }

.register_for {
    display: flex;
    margin-top: 10px;
}

    .register_for .divRegForLeft {
        width: 235px;
        padding-right: 15px;
    }

    .register_for .divRegForRight b {
        font-weight: normal;
    }

#dvFullDiscount {
    background: #dcf0dc;
    padding: 10px;
    color: #000;
    margin-bottom: 15px;
    margin-right: 15px;
    width: auto;
}

@media (max-width:767px) {
    .register_for {
        display: block
    }

        .register_for .divRegForLeft {
            font-weight: bold
        }

    .cuponcode_wrp, .control_wrp {
        padding-left: 16px
    }

    .paymentactivitiBox-title {
        margin-right: -15px
    }

    #dvFullDiscount {
        margin-bottom: 0;
        margin-right: 0px;
        width: 100%;
    }
}
/*End Payment form*/


/* shrinked Share popup - added on 03-12-2020*/
.resp-tabs-list li.resp-tab-item .like-share .share-form-dropdown .dropdown-menu {
    top: 24px
}

.share .share-detail {
    padding: 10px 15px
}

.resp-tabs-list li.resp-tab-item .like-share .share-form-dropdown .dropdown-menu .share-popup legend {
    font-size: 13px;
    margin-bottom: 0.3rem;
}

.share .share-detail fieldset p {
    margin-bottom: 0.3rem
}

.share .share-detail fieldset .g-recaptcha {
    height: 52px;
    -webkit-transform: scale(0.67) !important;
    transform: scale(0.67) !important;
}

.share-buttons .url {
    font-size: 12px;
    line-height: 1.1
}

.resp-tabs-list li.resp-tab-item .like-share .share-form-dropdown .dropdown-menu .option {
    line-height: 1;
    font-size: 0.85rem
}

.resp-tabs-list li.resp-tab-item .like-share .share-form-dropdown .dropdown-menu .share-social-media-bg {
    width: 1.8rem;
    height: 1.8rem
}
/*End block*/


/*my profile readonly*/

#usercontrolform.disabled .control-label {
    font-weight: 700 !important
}

#usercontrolform.disabled {
    opacity: 1
}

    #usercontrolform.disabled .form-control {
        border: 1px solid #ced4da59;
        font-weight: 400 !important
    }

    #usercontrolform.disabled .k-dropdown .k-state-default {
        border: 1px solid #ced4da59;
        font-weight: 400 !important;
    }

    #usercontrolform.disabled .k-dropdown-wrap .k-i-arrow-60-down {
        visibility: hidden;
    }

    #usercontrolform.disabled .k-multiselect-wrap.k-floatwrap::before {
        visibility: hidden;
    }

    #usercontrolform.disabled .k-multiselect .k-multiselect-wrap {
        border: 1px solid #ced4da59;
    }

        #usercontrolform.disabled .k-multiselect .k-multiselect-wrap .k-select {
            visibility: hidden;
        }

        #usercontrolform.disabled .k-multiselect .k-multiselect-wrap .k-button {
            padding-left: 5px;
            padding-right: 5px;
            font-weight: 400 !important;
            font-size: 14px;
            background: #ececeb;
            color: #495057;
        }

#divLiveDate .admintwoCols {
    display: inline-block;
    margin: 5px 10px 14px 0
}

#divLiveDate input#btnSubmit:focus {
    /*background-color: #e1622d;*/
    box-shadow: none
}

#divLiveDate input#btnSubmit {
    /*background-color: #9d3550;*/
    border: none;
    text-transform: uppercase;
    padding: 8px 18px
}

.admintwoCols.status-front {
    float: right;
    top: 40px;
    position: relative
}

.availableSlideNo {
    font-size: 12px
}



/*User profile - added on 09/12/2020*/

.same_align {
    display: flex;
    /*align-items: center;*/
}

.my_profile_forms .newform .signupform .form-control, #usercontrolform.disabled.newform .form-control {
    height: auto;
    /*height: calc(0.4em + .65rem + 2px);*/
    border: none;
    padding: 0;
    font-size: 15px;
    margin-top: -4px;
}

.my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label {
    font-size: 15px;
    font-weight: 500 !important;
    line-height: 1;
    text-align: right;
    margin-bottom: 0;
}

.my_profile_forms .newform .signupform .card-header {
    border-top-left-radius: 5px;
    background: #bf301c40;
    /* border-left: 4px solid #bf301c; */
    padding: 9px 25px;
    color: #bf301c;
    font-weight: 500;
    background: #EBEEF3;
    border: 0;
    color: #136294;
    border-top-right-radius: 5px;
}

.my_profile_forms .newform .signupform .card-body {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
}

.my_profile_forms .newform .kendo_panel .k-panelbar > li > .k-header > .k-icon::before {
    color: #fff;
}

.my_profile_forms .newform .kendo_panel .k-panelbar > li > .k-header > .k-icon {
    background: #136294;
    display: none;
}

.my_profile_forms .newform .kendo_panel ul li a.k-header {
    border-radius: 5px 5px 0 0;
}

.my_profile_forms .newform .kendo_panel ul li a.k-header {
    font-size: 17px;
}

.newform div#AddressView, .newform div#testView {
    display: inline-block;
    width: 100%;
}

.w100 {
    width: 100%;
}

.container .my_profile_forms .newform .signupform .k-dropdown .k-state-default {
    border: none !important;
    height: 21px !important;
}

.my_profile_forms .newform .signupform .k-dropdown .k-state-default .k-input {
    padding: 0;
    font-size: 15px;
    text-indent: 0;
}

.my_profile_forms .newform .signupform .k-multiselect .k-multiselect-wrap {
    border: none !important;
    height: 0px !important;
    padding: 0;
}

select::-ms-expand {
    display: none;
}

.my_profile_forms .newform .signupform .control-label:after, #usercontrolform.disabled.newform .control-label:after {
    content: ":";
    color: #000;
    /* width: 2px; */
    /* height: 10px; */
    display: inline-block;
}

.my_profile_forms .newform .signupform .control-label.aa:after {
    display: none;
}

.my_profile_forms .newform .signupform .k-multiselect .k-multiselect-wrap .k-button:first-child {
    margin-left: 0;
}

.my_profile_forms .newform .signupform .k-multiselect.k-widget {
    border: none;
    height: auto;
}

/*End block*/

/* all notification page css created on 12-09-2020 */
.admintwoCols .form-control:focus {
    box-shadow: none;
}

.admininpCol .k-datepicker .k-picker-wrap:hover .k-select {
    background-image: none;
    background-color: transparent;
}

.admintwoCols .form-control {
    border-radius: 0;
}

.k-window .k-window-titlebar {
    border-radius: 0;
    background: #BF301C;
    color: #fff;
}


.navbar-right .list-notificacao .notification_scroll .notofication-title {
    border-bottom: 1px #ccc dashed;
    margin-bottom: 12px;
    padding-bottom: 6px
}

    .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-right, .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-title {
        width: 48%;
        display: inline-block;
        vertical-align: top
    }

    .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-title {
        color: #84225e;
        text-transform: uppercase;
        line-height: normal
    }

        .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-title span {
            text-transform: none;
            color: #a0a0a0;
            font-size: 13px;
            display: block
        }

            .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-title span span {
                display: inline
            }

    .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-right {
        float: right;
        font-size: 13px;
        color: #616161;
        text-transform: none;
        text-align: right
    }

        .navbar-right .list-notificacao .notification_scroll .notofication-title .noti-right a {
            color: #fff;
            padding: 8px;
            background: #fa7631;
            border-radius: 3px;
            font-size: 12px;
            display: inline-block;
            line-height: 1;
            margin-left: auto;
            margin-right: 0
        }

.navbar-right .list-notificacao .notification_scroll .notification-main .media-left i {
    margin: 0;
    margin-right: 5px;
    border-radius: 100%;
    padding: 0;
    font-size: 17px;
    color: #bf301d;
}

.navbar-right .list-notificacao .notification_scroll .notification-main .media-body p {
    font-size: 13px;
    line-height: normal;
    margin-bottom: 0;
    font-weight: 700
}

    .navbar-right .list-notificacao .notification_scroll .notification-main .media-body p.read {
        font-weight: 400;
    }

.navbar-right .list-notificacao .notification_scroll .notification-main .media-body a {
    color: #000;
    margin: 0;
    text-transform: uppercase;
    font-size: 13px;
    transition: none;
    display: inline-block;
    width: 100%;
}

.navbar-right .list-notificacao .notification_scroll .notification-main + .notification-main {
    /*margin-top: 10px*/
}

.navbar-right .list-notificacao .notification_scroll .notification-main .media-body p span {
    color: #888;
    display: block
}

.navbar-right .list-notificacao .notification_scroll .notification-main:hover {
    background-color: #007bb6;
}

    .navbar-right .list-notificacao .notification_scroll .notification-main:hover .media-body a {
        color: #fff;
    }

    .navbar-right .list-notificacao .notification_scroll .notification-main:hover .media-body p span {
        color: #fff;
    }

    .navbar-right .list-notificacao .notification_scroll .notification-main:hover .media-left i {
        color: #fff;
    }

.navbar-right .list-notificacao .notification_scroll {
    overflow: auto;
    max-height: 330px;
}

.navbar-right .list-notificacao .notofication-title .noti-right a {
    font-weight: 500;
}

.noti-title {
    color: #bf301d;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-right .list-notificacao .notofication-viewall {
    padding: 11px 10px 5px 10px;
}

.k-window-titlebar .k-window-action {
    width: auto;
    height: auto;
    opacity: 1;
}

.k-button.k-bare .k-icon {
    opacity: 1;
}

.k-window-titlebar .k-window-actions {
    right: 0.8rem;
    top: auto;
}

    .k-window-titlebar .k-window-actions .k-button:hover::before {
        opacity: 0;
    }
/*End block*/

/*certificated page*/
.thankyour_wrp_inner .related_activities {
    border-radius: 15px;
    align-self: flex-start;
    padding-bottom: 30px;
}

    .thankyour_wrp_inner .related_activities .related_course_items .module_desc .media img {
        width: 90px;
    }

.relatedactivity_scroll {
    max-height: 414px;
    overflow: auto;
}

.check_drop + .check_drop {
    margin-top: 15px
}

.check_drop {
    display: flex;
}

    .check_drop .cert_drop_wrp {
        margin-left: 15px
    }

    .check_drop .InnerCertChkTitleDiv {
        padding-top: 5px
    }

    .check_drop .reqMsgDiv {
        padding-top: 3px;
        color: #e76629
    }

/*.DivDrpDwnCertificateCreditCls .k-dropdown-wrap {
    height: 25px !important;
}

.DivDrpDwnCertificateCreditCls .k-input {
    line-height: 1.2em !important;
}*/
/*end*/

/* LOGIN PAGE */
.login-pg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px;
}

    .login-pg .login-inner-box {
        background-color: #E8E8E8;
        border: #C9C9C9 1px solid;
        border-radius: 10px;
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .login-pg .login-inner-box .login-ttl {
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
        }

            .login-pg .login-inner-box .login-ttl span {
                display: block;
                font-size: 15px;
                font-weight: normal;
                margin: 20px 0 0 0;
            }

        .login-pg .login-inner-box .btn {
            background-color: #BF301C;
            margin-top: 20px;
            font-size: 14px;
            padding: .375rem 1.2em;
        }

        .login-pg .login-inner-box .login-txt-btn {
            margin: 0 auto;
            -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
        }

    .login-pg .logn-or {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }

        .login-pg .logn-or span {
            margin: 0 auto;
            font-size: 4rem;
            color: #cacaca;
        }

@media screen and (max-width: 991px) {
    .login-pg {
        display: block;
    }

        .login-pg .login-inner-box, .login-pg .col-md-2 {
            margin: 0 auto;
        }
}

/*/ ASK EXPERT /
/ 10-12-2020 /*/
.expert_card .expert_card_content h3 {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    /*white-space: nowrap;*/
    /*display: -webkit-box;*/
    -webkit-line-clamp: 2;
}

.epert_row .owl-carousel .owl-stage, .epert_row .owl-carousel .owl-stage .owl-stage-outer, .epert_row .owl-carousel .owl-stage .owl-item, .epert_row .owl-carousel .owl-stage .owl-item .expert_card {
    display: flex;
    /*width: 100% !important;
    min-width:252px;*/
}

    .epert_row .owl-carousel .owl-stage .owl-stage-outer {
        flex-direction: column;
    }

    .epert_row .owl-carousel .owl-stage .owl-item .expert_card {
        flex-direction: column;
    }

        .epert_row .owl-carousel .owl-stage .owl-item .expert_card .expert_card_content {
            display: flex;
            flex-direction: column;
            height: 100%;
        }

.expert_card .headshot img {
    width: 113px;
}

.epert_row .owl-carousel .owl-stage .owl-item .item {
    width: 100%;
    display: flex;
}

.expert_card .expert_card_content .expert_action {
    margin: auto;
    margin-top: 15px;
    display: flex;
    margin: 0 auto;
    align-items: end;
    height: 100%;
}

.epert_row .owl-carousel .owl-stage .owl-item .expert_card .expert_card_content p {
    margin: 0 0 15px 0;
}

.epert_row .owl-theme .owl-nav {
    top: 32%;
}

.aske_expert_modal .modal-header {
    justify-content: flex-end;
}

.aske_expert_modal .modal_title_wrp {
    padding: 10px 15px;
}

/*share-dropdown*/
.expert_card .expert_action .dropdown-menu {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    width: 270px;
    padding: 0;
    margin: 0;
    background: #136294;
    margin-top: 67px;
    left: 50% !important;
}

    .expert_card .expert_action .dropdown-menu::before {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7.5px 10px 7.5px;
        border-color: transparent transparent #136294 transparent;
        position: absolute;
        top: -10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.expert_card .expert_action .share-popup {
    text-align: center;
}

    .expert_card .expert_action .share-popup .share-detail {
        padding: 15px;
    }

        .expert_card .expert_action .share-popup .share-detail fieldset legend {
            text-align: left;
            line-height: 1;
        }

            .expert_card .expert_action .share-popup .share-detail fieldset legend .name {
                text-transform: uppercase;
                font-size: 14px;
                font-weight: 700;
            }

        .expert_card .expert_action .share-popup .share-detail fieldset p {
            margin-top: 5px;
        }

            .expert_card .expert_action .share-popup .share-detail fieldset p img {
                max-width: 100%;
            }

        .expert_card .expert_action .share-popup .share-detail fieldset textarea, .expert_card .expert_action .share-popup .share-detail fieldset #textarea {
            border-radius: 7px;
        }

        .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone {
            margin-bottom: 10px;
            margin-top: 5px;
        }

            .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone .drop_content {
                border-radius: 7px;
                background: rgba(0, 0, 0, 0.1);
                border: 1px dashed rgba(0, 0, 0, 0.2);
                color: #fff;
                position: relative;
                padding: 10px;
                text-align: center;
            }

                .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone .drop_content .main_upload_filed {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    opacity: 0;
                    cursor: pointer;
                }

                .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone .drop_content .btn {
                    line-height: 1;
                    font-size: 12px;
                    padding: 5px;
                }

                .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone .drop_content .or {
                    display: block;
                    font-size: 12px;
                }

            .expert_card .expert_action .share-popup .share-detail fieldset .file_drop_zone .note {
                display: block;
                font-size: 11px;
                text-align: right;
                color: #fff;
                padding-top: 5px;
            }

        .expert_card .expert_action .share-popup .share-detail fieldset p {
            margin-bottom: 10px;
        }

/*.aske_expert_modal .owl-carousel.owl-loaded {
    display: flex;
    justify-content: center;
}*/

.aske_expert_modal .owl-carousel .owl-stage-outer {
    /*overflow: initial;*/
    /*display: flex;
    justify-content: center;*/
}

/*end*/

.file_drop_zone_md .note {
    color: #fff;
    font-size: 13px;
}

.share-detail input {
    padding: 5px 18px;
}

.share-detail .file_drop_zone_md input {
    text-overflow: ellipsis;
    overflow: hidden;
}

.expert_action a.dropdown-toggle:after {
    border: none;
}
/*/ ASK EXPERT /*/


/*sharedropdown-intro page */
.resp-tabs-list li.resp-tab-item .like-share .share-form-dropdown .dropdown-menu.intro {
    transform: none !important;
    top: 32px !important;
}
/*end*/


.activitiBox-title {
    margin: 0px;
    /*padding: 1px 0;*/
    padding: 10px;
    font-size: 1rem;
    color: #3B3B3B;
    background: #f5f5f5;
    /*text-align: center;*/
    font-weight: 500;
}

.my_profile_forms .kendo_panel ul li a.k-header {
    background: #EBEEF3;
    color: #136294;
}

.navbar-right .list-notificacao {
    width: 300px;
    right: -9px !important;
}

    .navbar-right .list-notificacao .notofication-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        padding: 5px 10px 10px 10px;
        line-height: 1.2;
        border-bottom: 1px solid #ccc;
        align-items: center;
        /*padding-bottom: 5px;*/
    }

        .navbar-right .list-notificacao .notofication-title .noti-right a {
            display: block;
            text-transform: uppercase;
            font-size: 12px !important;
            padding: 10px;
            background: #007bb6;
            border-radius: 50px;
            line-height: 1;
            white-space: nowrap;
            margin-left: 10px;
        }

    .navbar-right .list-notificacao .notification_scroll .notification-main {
        padding: 6px 10px;
    }

    .navbar-right .list-notificacao .notofication-viewall {
        text-align: center;
        padding: 10px 11px 3px 10px;
        border-top: 1px solid #ccc;
    }

        .navbar-right .list-notificacao .notofication-viewall a {
            display: inline-block;
            padding: 5px 10px;
            background: #BF301C;
            border-radius: 50px;
        }

/*User dashboard event calander link*/
.user_details .event_calendar a {
    display: flex;
}
/*end code*/

.darkGrey, .purple {
    color: #136294;
}

.modal-toptitle {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 0;
    padding-right: 15px;
}

    .modal-toptitle .modal_title_wrp {
        background: #BF301C;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*padding: 5px 10px 5px 10px;*/
        border-radius: 10px 10px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 15px;
    }

        .modal-toptitle .modal_title_wrp .modal-title {
            font-size: 18px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 0;
            margin: 0;
            line-height: 1;
            padding-left: 10px;
        }

    .modal-toptitle .resp-tabs-list li.resp-tab-active {
        margin-bottom: 0;
    }

.informative_div {
    width: 100%;
    height: 10em;
    position: relative;
}

    .informative_div .activity-warning {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        font-size: 1rem;
        text-transform: none;
        font-weight: 500;
    }

/*dashboard event calander event number circle */
.user_details .value_circle .number_circle {
    top: -3px;
    width: 24px;
    height: 24px;
    background-color: #DC3545;
    left: 34px;
    /*end block*/
}

/*all notification page with sort button*/
.thead-secondary .btnSort {
    float: right;
    font-size: 12px;
    font-weight: 400;
}
/*end block*/

/*Video Player*/
.PopUpWidth {
    max-width: 800px;
}

.PopUpWidth80 {
    /*max-width: 80%;*/
    max-width: 1135px;
}

.footer .rightpart {
    width: 93%;
}

#EducationVideoPlayer #iframeWeb {
    min-height: 530px;
    max-width: 720px;
    margin: auto;
}

#iframeWeb {
    min-height: 530px;
    margin: auto;
}

#dvIframe {
    text-align: center;
}

#iframePopUp {
    min-height: 530px;
    max-width: 890px;
    margin: auto;
}

#dvIframePopUp {
    text-align: center;
}

#dvnoticount.badge-danger {
    background-color: #136294;
}

/*#dvIframePopUp.EducationVideoPlayer {
    height: 610px;
    width: 860px;
}*/

#dvIframePopUp.EducationVideoPlayer {
    height: 652px;
    width: 100%;
}

#dvIframePopUp #iframePopUp, #dvIframePopUp #iframeVideoPopUp {
    min-height: 100%;
    max-width: 100%;
    margin: auto;
}


#dvIframePopUp .footer {
    padding-bottom: 5px;
}

/*notificaiton shorintg*/
.col_short span {
    position: relative;
    margin: auto;
    padding-right: 25px;
}

    .col_short span button {
        position: absolute;
        right: 0;
        top: 2px;
        display: block;
        width: 20px;
        height: 20px;
        background: #ccc;
        padding: 0;
        margin: 0;
        border: 0;
        text-align: center;
        font-size: 10px;
        color: #136294;
        cursor: pointer
    }

        .col_short span button .k-i-sort-asc-sm {
            display: none
        }

        .col_short span button.asc .k-i-sort-desc-sm {
            display: none
        }

        .col_short span button.dsc .k-i-sort-asc-sm {
            display: none
        }

        .col_short span button.asc .k-i-sort-asc-sm {
            display: inline-flex
        }

        .col_short span button.dsc .k-i-sort-desc-sm {
            display: inline-flex
        }

        .col_short span button:hover {
            color: #fff;
            background: #353535
        }
/*end*/

.EducationVideoPlayer {
    position: relative;
    height: 530px;
    width: 671px;
    margin: 0 auto;
}

    .EducationVideoPlayer #iframeWeb {
        min-height: inherit;
        max-width: inherit;
        margin: auto;
        width: 100% !important;
        height: 100% !important;
    }

/* followup certi*/
.followcertibuttons {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.followupcertificatecontent {
    max-width: 1200px;
    margin: auto;
    margin-top: 20px;
}

.your_perfomance_box .followupcertiheadermsg {
    font-weight: 700;
    color: #136294;
    text-transform: uppercase;
    font-size: 18px;
}

/*end block*/


/*ask the expert side buttons*/
.modal-open {
    padding-right: 0px !important;
}

body[data="KD"] .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

body[data="KD"] {
    overflow: hidden;
}
/*end block*/

/*Certificate Popup - View Badge Button*/
.cer-badge {
    margin-right: 20px;
}

    .cer-badge .btn-bage {
        padding: 5px 15px;
        border-radius: .25rem;
    }

#cboxLoadedContent {
    position: relative;
}

#cboxContent #cboxClose {
    right: 10px;
    top: 0;
}

/*user profile*/
.my_profile_forms .newform .signupform .clpracticingarea .k-multiselect .k-multiselect-wrap {
    height: auto !important;
    align-items: center;
    display: flex;
    width: 100%;
}

.my_profile_forms .newform .signupform .clpracticingarea .k-multiselect-wrap .k-input {
    line-height: unset;
    min-height: unset;
}

.my_profile_forms .newform .signupform .k-multiselect-wrap .k-input {
    text-indent: unset;
}
/*.my_profile_forms .signupform .clpracticingarea .k-multiselect {
    align-items: center;
    display: flex;
    width: 100%;
}*/
/*end block*/
/*exit feedback form*/
.exit-course-btns {
    position: absolute;
    width: 100%;
    bottom: -5%;
    text-align: center;
}

.subBox_achl, .popup, .subBox_achl form, .subBox_achl form .my_profile_forms, .subBox_achl form .my_profile_forms .row, .subBox_achl form .my_profile_forms .row > div {
    min-height: 397px;
}

    .subBox_achl form .my_profile_forms.resp-tab-content {
        padding: 15px 20px 35px 20px;
    }

.exit-course-btns input:first-child {
    margin-right: 10px;
}

/*end block*/

/*Certificate Popup - View Badge Button*/

.additional-res-inner-box {
    cursor: pointer;
}

@media screen and (min-width: 1280px) and (max-width: 1366px) {
    .education-screeen .resp-tab-content .go-to-post-assessment {
        top: 46px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .education-screeen .resp-tab-content .go-to-post-assessment {
        top: 46px
    }

    #iframeWeb {
        min-height: 480px;
    }

    .intro_details .intro_p ul.cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .EducationVideoPlayer {
        height: 490px;
        width: 600px;
    }

    .footer .rightpart {
        width: 90% !important;
    }

    #dvIframePopUp.EducationVideoPlayer {
        height: 495px;
        width: 600px;
    }

    .k-widget.k-window {
        width: 90% !important;
        margin: 0 auto;
    }

    .course_details .intro_details .intro_p .multisteps-form__panel.p-4 {
        padding: 0 !important;
    }

    #introduction .course_catalog_item {
        display: block;
    }

    #introduction .credit {
        width: auto;
    }

    .intro_details .intro_p .course_catalog_item .action {
        display: flex;
        float: left;
    }

    .intro_details .intro_p .prgbarCardCoursewise {
        float: right;
    }

    .intro_details .intro_p .welcome_info.fulltable .boxes:first-child {
        width: auto;
    }
}

@media screen and (max-width: 767px) {

    .intro_details .intro_p ul.cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .intro_details .intro_p ul .card_image {
        /*max-height: 100%;*/
        max-height: inherit;
        min-height: inherit;
    }
    .intro_details .intro_p ul .card_content, .intro_details .intro_p ul .card_content .card-content-inner {
        height: auto;
    }
    .intro_details .intro_p .w-login ul .card_content .card-content-inner {
        height: auto;
    }
    #iframeWeb {
        min-height: 273px;
    }

    #iframePopUp {
        min-height: 273px;
    }

    .multisteps-form.course_details {
        padding-left: 15px;
        padding-right: 15px
    }

    .education-screeen .resp-tab-content .go-to-post-assessment {
        top: 40px
    }

    .footer .rightpart {
        height: 100px;
        width: 76%;
    }

    .EducationVideoPlayer {
        height: 389px;
        width: 420px;
    }

    #dvIframePopUp.EducationVideoPlayer {
        height: 500px;
        /*width: 420px;*/
    }

    #dvIframePopUp #iframePopUp {
        min-height: 100%;
    }

    .multisteps-form.course_details {
        padding-left: 0;
        padding-right: 0;
    }

    .course_details .intro_details .intro_p .multisteps-form__panel.p-4 {
        padding: 0 !important;
    }

    .mob-toggler {
        display: flex;
        background-color: #2e6f98;
        color: #fff;
    }

    #introduction .module_desc .media img {
        width: auto;
    }

    #introduction .register_btn .btn-theme {
        padding: 7px 15px;
    }

    .intro_details .intro_p .collaps_content {
        padding-left: 0;
    }

    .intro_details .intro_p .pc_relation .accordion-child {
        margin-left: 0;
    }

        .intro_details .intro_p .pc_relation .accordion-child .accordion-content {
            border: 1px solid #cdcfd1;
            margin-bottom: 10px;
            margin-top: -5px;
        }

    .intro_details .intro_p .pc_relation .accordion-parent.open .accordion-content {
        border-top: none;
    }

    .intro_details .intro_p .pc_relation .resp-tab-content .course_catalog_item .col.col-md-auto .action .free {
        margin: 0px 5px !important;
    }

    .intro_details .intro_p .pc_relation .mandatory_legend .d-flex {
        flex-wrap: wrap;
    }

        .intro_details .intro_p .pc_relation .mandatory_legend .d-flex .ml-auto {
            margin-left: 0 !important;
        }

    .intro_details .intro_p .pc_relation .mandatory_legend .fl_item {
        margin-bottom: 0;
    }

    .intro_details .intro_p .pc_relation .welcome_info.fulltable .boxes:first-child {
        width: auto;
    }
}


@media screen and (max-width: 700px) {
    .intro_details .intro_p ul.cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .intro_details .intro_p ul .card-bottom .prgbarCardCoursewise.invisible {
        display: none !important;
    }

    /*.intro_details .intro_p ul .card_content .card-content-inner {
        max-height: 100%;
        min-height: auto;
    }*/
}


@media screen and (max-width: 575px) {

    .intro_details .intro_p ul .card_title a {
        font-size: 14px;
        line-height: 1.2;
    }

    .card-content-btns .button_block a {
        font-size: 15px;
        padding: 8px 12px;
        min-width: auto;
    }

    .intro_details .intro_p ul .note {
        font-size: 13px;
        padding: 5px 10px;
    }

    .intro_details .intro_p ul .card_price span {
        font-size: 13px;
        padding: 8px 10px;
    }

    .intro_details .intro_p ul .card_text .small-magenta {
        font-size: 13px;
    }

    .intro_details .intro_p ul.cards {
        width: 100%;
        margin: auto;
    }

    .EducationVideoPlayer {
        height: 78vw;
        width: 65vw;
        /*max-height: 340px;*/
    }

    #dvIframePopUp.EducationVideoPlayer {
        height: 600px;
        width: 93vw;
        max-height: 600px;
    }

    #CertificateContentDetails-container .d-flex.justify-content-end .mr-1, #CertificateContentDetails-container .d-flex.justify-content-end div:last-child {
        display: inline-block;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #CertificateContentDetails-container .d-flex.justify-content-end {
        display: inline-block !important;
        width: 100%;
    }

    .intro_details .intro_p .course_catalog_item .col.col-md-auto .action {
        float: none;
    }

    .intro_details .intro_p .pc_relation .mandatory_legend .fl_item {
        margin-bottom: 10px;
    }

        .intro_details .intro_p .pc_relation .mandatory_legend .fl_item:last-child {
            margin-bottom: 0px;
        }
}
/*end block*/

/*GET CERTIFICATE*/
.cetificateInputMsg {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.subBox_achl .row2Regsi {
    margin-bottom: 15px;
}

.subBox_achl .registerInput {
    color: #000;
    width: 100%;
    padding: 10px 0px 10px 5px;
    background: #F3F3F4;
    border: 1px solid #D2D2D2;
    -webkit-border-radius: 4px !important;
    float: left !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px;
    border-radius: 4px !important;
    margin-bottom: 10px;
    margin-top: 5px;
}
/*GET CERTIFICATE END*/

.chatlogout {
    position: absolute;
    right: 0;
    top: -16px;
    display: block;
    padding: 8px 10px;
    font-size: 12px;
    background: #136294;
    border-radius: 23px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}

    .chatlogout img {
        width: 15px;
        margin-top: -4px;
        margin-right: 5px;
    }

    .chatlogout a:hover {
        color: white;
        text-decoration: underline;
    }

.message_box {
    width: 17rem;
}

.has_stiky_btns .chat_list_menu #startChatLink a {
    background: #136294;
    margin: 0;
    line-height: 1.3;
    border-radius: 9px;
    padding: 12px 15px 12px 15px;
    width: 170px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    white-space: normal;
}

.has_stiky_btns .chat_list_menu #chatNoUserListHeader {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    border: 0;
    line-height: 1;
    text-align: center;
    padding: 10px 8px 8px 8px;
    margin: 0 10px;
    background: #f1d0cb;
    border-radius: 12px;
    color: #821e10;
}

.message_header {
    background: #BF301C;
    color: #fff;
    margin-top: 0px;
    border-radius: 5px 5px 0 0;
}

    .message_header h3 {
        color: #fff;
    }

    .message_header .close {
        color: #fff;
        font-size: 16px;
        opacity: 4;
        float: none;
        text-shadow: none;
        width: auto;
    }

.message_box {
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    bottom: 10px;
    right: 10px;
    border-radius: 0.5rem;
}

.message_header {
    background: #BF301C;
    color: #fff;
    margin-top: 0px;
    border-radius: 5px 5px 0 0;
}

    .message_header h3 {
        color: #fff;
    }

    .message_header .close {
        color: #fff;
        font-size: 16px;
        opacity: 4;
        float: none;
        text-shadow: none;
        width: auto;
    }

.input_box {
    padding-left: 5px;
    background-color: #e5e9ec;
    border-top-color: #e3e9f3;
    border-radius: 0 0 0.5rem 0.5rem;
}

.message_input {
    background: transparent;
}

.input_box .enter {
    color: #136294;
    font-size: 16px;
}


.p2 p {
    border-radius: 0.5rem 0 0.5rem 0.5rem;
}

.p1 p {
    border-radius: 0 0.5rem 0.5rem 0.5rem;
}

.input_box {
    padding-left: 5px;
}


    .input_box .enter {
        color: #136294;
        font-size: 16px;
    }


/*user profile*/
@media only screen and (min-width: 992px) and (max-width: 5000px) {

    .epert_row .owl-carousel .owl-stage, .epert_row .owl-carousel .owl-stage .owl-stage-outer, .epert_row .owl-carousel .owl-stage .owl-item, .epert_row .owl-carousel .owl-stage .owl-item .expert_card {
        width: 100% !important;
        min-width: 252px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #usercontrolform.disabled.newform .form-row {
        padding: 0;
    }

    #usercontrolform.disabled.newform .form-row {
        border-bottom: none;
    }

    .w50 {
        flex: 0 0 50% !important;
        ;
        max-width: 50% !important;
        ;
    }

    .col-minus {
        max-width: 41.666667%;
        flex: 0 0 41.666667%;
        margin-left: 0 !important;
    }
}


@media screen and (max-width: 991px) {
    .my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label {
        text-align: left;
    }

    .my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label {
        margin-bottom: 8px;
    }

    .same_align {
        display: block;
    }

    .my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label.col-md-7 {
        padding: 0;
    }

    .my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label.ml-3 {
        margin-left: 0 !important;
    }

    .container .my_profile_forms .signupform .card {
        padding: 0;
    }

    .my_profile_forms .newform .signupform .card-body.pl-2 {
        padding-left: 20px !important;
    }

    #usercontrolform.disabled.newform .form-row {
        padding: 15px 0px 5px;
    }

        #usercontrolform.disabled.newform .form-row:last-child {
            border-bottom: none;
        }

    /*#usercontrolform.disabled.newform .form-row:nth-child(2n+1) {
            background-color: #ececec;
        }

        #usercontrolform.disabled.newform .form-row:nth-child(2n) {
            background-color: #ddd;
        }*/

    .my_profile_forms .newform .signupform .form-control, #usercontrolform.disabled.newform .form-control {
        background-color: transparent;
    }

    #usercontrolform.disabled.newform .k-multiselect .k-multiselect-wrap {
        background: transparent;
    }

    .my_profile_forms .kendo_panel ul {
        margin-top: 20px;
    }

    .my_profile_forms .newform .signupform .control-label, #usercontrolform.disabled.newform .control-label.pl-2 {
        padding-left: 0 !important;
    }

    .my_profile_forms .kendo_panel ul li a.k-header {
        padding: 3px 10px 3px 20px;
    }

    #usercontrolform.disabled.newform .form-row {
        border-bottom: 1px dotted #ccc;
    }

    .bdr-none {
        border-bottom: none !important;
    }
}


/*end block*/


/* Issue regarding overlap z-index fixing*/

@media screen and (max-width: 1199px) {
   
    .main-header {
        z-index: 1001;
    }
}

/*end block*/


.chatlogout:hover {
    color: #fff;
}

.user_details .user_profile .user_name .user_profession {
    color: #8D98A7 !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .navbar-header > .container-fluid {
        height: 90px;
    }

    .sticky-footer-wrapper .flex-fill {
        min-height: calc(100vh - 72px);
    }

    .WrapText {
        display: block;
    }

    body {
        display: block;
        min-height: 1px;
    }

    .resp-tabs-container {
        -ms-box-shadow: 0px 0px 21px 0px #ccc;
        box-shadow: 0px 0px 21px 0px #ccc;
        -webkit-box-shadow: 0px 0px 21px 0px #ccc;
        -moz-box-shadow: 0px 0px 21px 0px #ccc;
    }

    .main-header {
        box-shadow: 0px 6px 25px 0px #ccc;
        -webkit-box-shadow: 0px 6px 25px 0px #ccc;
        -moz-box-shadow: 0px 6px 25px 0px #ccc;
    }

    .user_details {
        -ms-box-shadow: 0px 0px 21px 0px #ccc;
        box-shadow: 0px 0px 21px 0px #ccc;
        -webkit-box-shadow: 0px 0px 21px 0px #ccc;
        -moz-box-shadow: 0px 0px 21px 0px #ccc;
    }

    .sticky-footer-wrapper .main-panel #dash_horizontalTab .flex-fill {
        min-height: auto;
    }

    .liked_btn.filled a {
        background-image: url('/assets/images/heart-fill.png');
        background-size: 100% 100%;
        display: block;
        width: 29px;
        height: 29px;
    }

    .liked_btn.filled .heart_filled {
        display: block !important;
    }

    .liked_btn.filled .heart_outline {
        display: none !important;
    }

    .liked_btn a {
        background-image: url('/assets/images/heart-out.png');
        background-size: 100% 100%;
        display: block;
        width: 29px;
        height: 29px;
    }

    .liked_btn .heart_filled {
        display: none !important;
    }

    .liked_btn .heart_outline {
        display: block !important;
    }

    .liked_btn span {
        display: none !important;
    }

        .liked_btn span a i.fas {
            display: none !important;
        }
}

.heart_filled, .heart_outline {
    display: none;
}

input[type=text]::-ms-clear {
    display: none
}

.welcome_info .boxes.joblocation {
    white-space: normal;
}

/*for discussion board*/
.answer_container .listing_items ul li span.listing_info {
    color: #000;
}

.answer_container .answer_details p {
    color: #555;
}
/*end block*/

/*share and fav back area */
.resp-tabs-list li {
    cursor: default;
}
/*end block*/

/*exit course feedback form header*/
#ShowExitFeedbackForm_wnd_title {
    white-space: normal;
    padding-right: 20px;
}
/*end block*/

/*curriculum course popup*/
/*.grid_modal .modal-header .sts {
    border-right: none !important;
    max-width: 141px !important;
}*/
.grid_modal .modal-header .sts {
    max-width: 140px !important;
}

.grid_modal .modal-header .act {
    max-width: 80.5px;
}

.swal2-container {
    z-index: 9999999 !important;
}
.intro_details .intro_p .pc_relation span.module_desc {
    display: block;
    padding-left: 18px;
}
@media only screen and (min-width: 1366px) and (max-width: 5000px) {
    .my_profile_forms .signupform .assetment_lists .card .card-title .q_num {
        width: 32px;
    }
}