html {
    font-size: 10px;
    height: 100%
}

@media(min-width: 1199px) {
    html {
        font-size: 10px !important
    }
}

@media(min-width: 1440px) {
    html {
        font-size: 12px !important
    }
}

body {
    color: #000;
    height: 100%;
    font-size: 1.752rem;
    font-family: "Coda",system-ui;
    font-weight: 400;
    font-style: normal;
    background: #f6f5f5
}

strong, b {
    font-weight: 800
}

.login_wrapper {
    min-height: 100%
}

.login_sec_l {
    flex: 0 0 auto;
    width: 100%;
    letter-spacing: -0.03rem
}

@media(min-width: 768px) {
    .login_sec_l {
        width: 53.3%
    }
}

.login_sec_r {
    flex: 0 0 auto;
    width: 46.7%;
    background-size: cover !important;
    background-position: center !important
}

    .login_sec_r .dfm_logo {
        height: 8.274rem;
        width: 16.67rem;
        top: 4.1rem;
        right: 4.33rem;
        position: absolute;
        z-index: 2
    }

.login_form {
    padding: 2rem 10.2rem 2rem 8.2rem;
    width: 100%
}

    .login_form .logo {
        width: 17.976rem
    }

    .login_form h1 {
        font-size: 4.16rem;
        line-height: 1.41875;
        font-weight: 400;
        margin: 5.2rem 0 .8rem
    }

    .login_form p {
        line-height: 1.41904;
        margin-bottom: 3.832rem
    }

    .login_form form label {
        font-weight: 400;
        line-height: 1.41904;
        margin-bottom: 1.095rem
    }

    .login_form form input.form-control {
        height: 5.9rem;
        background: #eaecf0;
        border: .109rem solid #eaecf0 !important;
        box-shadow: none !important;
        outline: 0 !important;
        font-weight: 400;
        font-size: 1.752rem;
        line-height: 1.645;
        letter-spacing: .035rem;
        padding: 0 2.19rem
    }

    .login_form form .show_pass_icon {
        position: absolute;
        right: 2.408rem;
        width: 2.19rem;
        height: auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .login_form form .show_pass_icon + input.form-control {
            padding-right: 5rem
        }

    .login_form form .form-group {
        margin-bottom: 2.737rem
    }

    .login_form form .fp_link {
        margin-top: 1.095rem
    }

        .login_form form .fp_link a {
            line-height: 1.41904;
            text-decoration: none
        }

    .login_form .submit_btn {
        height: 5.802rem;
        background: #5a24e9 !important;
        border: 0 !important;
        outline: 0 !important;
        font-size: 2.19rem;
        line-height: 1.41940639;
        letter-spacing: 0;
        color: #fff !important;
        border-radius: 0 !important
    }

.container {
    max-width: 124.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem
}

header {
    padding: 2rem 0
}

    header .logo {
        width: 6.735rem;
        height: 6.776rem;
        margin-right: 1.7rem
    }

    header .logo_txt {
        font-size: .986rem;
        line-height: 1.4171;
        letter-spacing: 0
    }

.notify_icon {
    width: 4.8rem;
    height: 4.8rem;
    border-radius: .8rem;
    background: #f4ebff;
    position: relative
}

    .notify_icon img {
        width: 2.4rem;
        height: auto
    }

    .notify_icon span {
        width: .667rem;
        height: .667rem;
        top: .6rem;
        right: .6rem;
        border-radius: 50%;
        background: #6429ec;
        position: absolute;
        z-index: 1;
        display: block
    }

.userdropdownWrap .dropdown-menu {
    width: 100%
}

.userdropdownWrap .dropdown-item {
    font-size: 1.7rem
}

.userdropdown {
    font-size: 1.4rem;
    line-height: 1.42857143;
    font-weight: 400;
    margin-left: 2.4rem
}

    .userdropdown img {
        width: 6rem;
        height: 6rem;
        border-radius: .8rem;
        object-fit: cover;
        object-position: center
    }

    .userdropdown .user_info {
        margin-left: .8rem
    }

        .userdropdown .user_info span {
            color: #737791
        }

.db_wrapper {
    padding: 2.6rem 0
}

    .db_wrapper h1 {
        font-size: 2.8rem;
        line-height: 1.41928571;
        font-weight: 400;
        letter-spacing: 0
    }

.session_dropdown {
    width: 22rem;
    height: 6rem;
    background-color: #fff;
    padding: 0 2.4rem;
    box-shadow: none !important;
    border: 1px solid #5a24e9 !important;
    border-radius: 0 !important;
    font-size: 1.8rem;
    line-height: 1.55555556
}

.db_count_wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-left: -0.8rem;
    margin-right: -0.8rem
}

    .db_count_wrap > li {
        padding: .9rem .8rem
    }

    .db_count_wrap .db_count_inner {
        height: 18.5rem;
        padding: 1.3rem 2.8rem
    }

        .db_count_wrap .db_count_inner h3 {
            font-size: 4.824rem;
            line-height: 1.41850652
        }

        .db_count_wrap .db_count_inner p {
            font-size: 2.412rem;
            line-height: 1.42030418
        }

    .db_count_wrap li:nth-child(1) .db_count_inner {
        background: #f4ebff
    }

        .db_count_wrap li:nth-child(1) .db_count_inner h3, .db_count_wrap li:nth-child(1) .db_count_inner p {
            color: #53389e
        }

    .db_count_wrap li:nth-child(2) .db_count_inner {
        background: #e0f2fe
    }

        .db_count_wrap li:nth-child(2) .db_count_inner h3, .db_count_wrap li:nth-child(2) .db_count_inner p {
            color: #065986
        }

    .db_count_wrap li:nth-child(4) .db_count_inner {
        background: #fee4e2
    }

        .db_count_wrap li:nth-child(4) .db_count_inner h3, .db_count_wrap li:nth-child(4) .db_count_inner p {
            color: #912018
        }

    .db_count_wrap li:nth-child(3) .db_count_inner {
        background: #d1fadf
    }

        .db_count_wrap li:nth-child(3) .db_count_inner h3, .db_count_wrap li:nth-child(3) .db_count_inner p {
            color: #05603a
        }

    .db_count_wrap li:nth-child(5) .db_count_inner {
        background: #fef0c7
    }

        .db_count_wrap li:nth-child(5) .db_count_inner h3, .db_count_wrap li:nth-child(5) .db_count_inner p {
            color: #93370d
        }

.sessions_title {
    font-size: 3.2rem;
    line-height: 1.42;
    font-weight: 400
}

.view_btns button {
    width: 4.5rem;
    height: 4.5rem;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    box-shadow: none !important
}

    .view_btns button.active {
        background: #e9d7fe
    }

        .view_btns button.active path {
            stroke: #6941c6
        }

    .view_btns button svg {
        width: 2.7rem
    }

    .view_btns button:not(:last-child) {
        margin-right: .8rem
    }

.sessions_th {
    background: #5a24e9;
    padding: 1.1rem 0;
    color: #fff;
    margin-bottom: 2.2rem
}

    .sessions_th li {
        font-size: 2.2rem;
        line-height: 1.42
    }

        .sessions_th li:nth-child(1) {
            padding: 0 4.2rem 0 3.2rem;
            min-width: 25rem;
            width: 25rem
        }

        .sessions_th li:nth-child(2) {
            padding: 0 4.2rem;
            flex-grow: 1
        }

        .sessions_th li:nth-child(3) {
            padding: 0 3.2rem 0 4.2rem;
            min-width: 23.8rem;
            width: 23.8rem
        }

.session_list > li {
    margin-bottom: 2.4rem
}

    .session_list > li .session_cmnt {
        padding: 3rem 0;
        background: #fff
    }

        .session_list > li .session_cmnt li:nth-child(1) {
            padding: 0 4.2rem 0 3.2rem;
            min-width: 25rem;
            width: 25rem
        }

        .session_list > li .session_cmnt li:nth-child(3) {
            padding: 0 4.2rem;
            flex-grow: 1;
            margin-top: 2rem
        }

            .session_list > li .session_cmnt li:nth-child(3), .session_list > li .session_cmnt li:nth-child(3) button {
                font-size: 2.2rem;
                line-height: 1.42;
                text-align: left
            }

@media(min-width: 768px) {
    .session_list > li .session_cmnt li:nth-child(3) {
        margin-top: 0;
        border-left: .1rem solid #b8b8b8;
        border-right: .1rem solid #b8b8b8
    }
}

.session_list > li .session_cmnt li:nth-child(2) {
    padding: 0 3.2rem 0 4.2rem;
    min-width: 23.8rem;
    width: 23.8rem
}

.session_list .action_btns .btn svg {
    width: 5.8rem;
    height: 6rem
}

.session_list .action_btns input:checked.voteup + svg path {
    fill: #12b76a;
    stroke: #054f31
}

.session_list .action_btns input:checked.votedown + svg path {
    fill: #f04438;
    stroke: #912018
}

.cmnt_user_info img {
    min-width: 5.6rem;
    max-width: 5.6rem;
    min-height: 5.6rem;
    max-height: 5.6rem;
    border-radius: 50%;
    margin-right: 1.6rem;
    object-fit: cover;
    object-position: center
}

.cmnt_user_info h3 {
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400
}

.cmnt_user_info p {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #667085
}

.session_cmnt_status_wrap {
    background: #58fb95;
    padding: 0 2.6rem
}

    .session_cmnt_status_wrap p {
        padding: 1rem 0;
        font-size: 2.4rem;
        line-height: 1.42
    }

    .session_cmnt_status_wrap .status_label {
        margin: 1rem 0;
        display: inline-block;
        padding: .65rem 1.24rem;
        border-radius: 1.6rem;
        font-size: 1.447rem;
        line-height: 1.4288703;
        background: #fe2033;
        color: #fff
    }

@media(min-width: 768px) {
    .session_cmnt_status_wrap .status_label {
        margin-left: 2.4rem
    }
}

.session_cmnt_status_wrap .status_label.answered {
    background: #054f31
}

.sessionModal .modal-header {
    padding: 2.7rem 5.8rem 0
}

.sessionModal .modal-body {
    margin-top: 2.2rem;
    padding: 0 5.5rem 4.6rem
}

.sessionModal .modal_cmnt_txt {
    margin: 2rem 0 3.4rem;
    font-size: 4rem;
    line-height: 1.42;
    font-weight: 400;
    text-align: justify
}

@media(max-width: 767px) {
    .sessionModal .modal_cmnt_txt {
        font-size: 3rem
    }
}

.sessionModal .modal-dialog {
    max-width: 121.8rem
}

.sessionModal .status_btn {
    max-width: 24.222rem;
    height: 8.495rem;
    width: 100%;
    padding: 1rem 3.933rem;
    border: .14rem solid #5a24e9;
    font-size: 2.528rem;
    line-height: 3.933rem
}

    .sessionModal .status_btn svg {
        width: 3.37rem;
        margin-right: 1.6rem
    }

.sessionModal input:checked + .status_btn {
    background: #039855;
    color: #fff;
    border-color: #039855
}

    .sessionModal input:checked + .status_btn svg path {
        stroke: #fff
    }

.modal_next_prev_btns {
    margin-top: 6.3rem
}

    .modal_next_prev_btns p {
        font-size: 2.4rem;
        line-height: 1.167
    }

    .modal_next_prev_btns button {
        width: 12.2rem;
        height: 5.996rem;
        padding: .5rem .8rem .5rem .8rem;
        border: 0 !important;
        font-size: 1.8rem;
        line-height: 1.556;
        background: #5a24e9;
        color: #fff !important
    }

        .modal_next_prev_btns button svg {
            width: 1.6rem
        }

.cmnt_outer:not(:last-child) {
    border-bottom: 1px solid #676767
}

.cmnt_outer input[type=checkbox]:checked + .modal_cmnt_txt {
    color: #b8b8b8
}

.cmnt_outer:first-child .modal_cmnt_txt {
    margin-top: 0 !important
}

.cmnt_outer:last-child .modal_cmnt_txt {
    margin-bottom: 0 !important
}

@media(max-width: 767px) {
    .session_list > li .session_cmnt li:nth-child(2), .session_list > li .session_cmnt li:nth-child(1), .session_list > li .session_cmnt li:nth-child(3) {
        padding: 0 2rem;
        width: auto;
        min-width: auto
    }

    .session_list .action_btns .btn {
        margin-left: 3rem
    }

        .session_list .action_btns .btn svg {
            width: 3.8rem;
            height: auto
        }
}

@media(max-width: 575px) {
    .login_form {
        padding: 2rem 4rem
    }

        .login_form h1 {
            font-size: 3.8rem;
            margin-top: 4rem
        }
}