body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #2f4050;
    font-size: 11pt;
    color: #65656A;
    overflow-x: hidden;
}

    body.mini-navbar .profile-element,
    body.mini-navbar .nav-label,
    body.mini-navbar .navbar-default .nav li a span {
        display: block;
        background-color: #2f4050;
        /*margin-top:20px;*/
    }

    body.fixed-sidebar.mini-navbar .nav-label,
    body.fixed-sidebar.mini-navbar .navbar-default .nav li a span,
    body.canvas-menu.mini-navbar .nav-label,
    body.canvas-menu.mini-navbar .navbar-default .nav li a span {
        display: inline-block;
    }


    body.mini-navbar .nav-header {
        padding: 0;
        background-color: #2f4050;
    }

.top-navigation .navbar-nav .dropdown-menu > .active > a {
    background: white;
    color: #2f4050;
    font-weight: bold;
}

.top-navigation .nav > li a:hover,
.top-navigation .nav > li a:focus {
    background: #fff;
    color: #2f4050;
}

.top-navigation .nav > li.active {
    background: #fff;
    border: none;
}

    .top-navigation .nav > li.active > a {
        color: #2f4050;
    }

.top-navigation .navbar-brand {
    background: #2f4050;
    color: #fff;
    padding: 15px 25px;
}

.navbar-toggle {
    background-color: #2f4050;
    color: #fff;
    padding: 6px 12px;
    font-size: 14px;
}

.arrow {
    float: right;
    margin-top: 3px;
}

.navbar-default .footer {
    color: #ffffff;
    background-color: #2f4050;
}

.new-text-badge-client {
    background-color: #A7B1C2;
    border-radius: 2px;
    height: 16px;
    width: 34px;
    color: #2F4050;
    font-size: 10px !important;
    position: absolute;
    top: 3px;
    right: -42px;
    display:flex;
    align-items:center;
    justify-content:center;
}


.ibox-title h6 {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title h5 {
    display: inline-block;
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.ibox-title h4 {
    display: inline-block;
    font-size: 20px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}
/*collegeprep create test styles*/
.collegeprep-sections-title {
    font-size: 19px !important;
    /*margin: 0 0 7px;*/
    margin: 7px 0px;
    padding: 0;
}

.usmle-previous-test .collegeprep-sections-title, .usmle-create-test .usmle-sections-title {
    font-weight: 400 !important;
}

.collegeprep-subheaders-title {
    font-size: 18px !important;
    /*margin-left: 4px !important;*/
    padding-left: 8px !important;
}

.collegeprep-subheaders-ibox {
    border-width: 0px !important;
    background-color: #f3f3f4 !important;
    min-height: 40px !important;
    padding: 10px !important;
}

.collegeprep-ibox-content-quick {
    padding-top: 15px;
    margin-left: 15px;
    border-width: 0px;
}

.collegeprep-subsection-wrappers {
    border-color: #e7eaec !important;
    border-style: solid solid none !important;
    border-width: 1px 0px 0px 0px !important;
}

.collegeprep-subsection-ibox {
    border-style: none !important;
    padding-top: 26px !important;
}

    .collegeprep-subsection-ibox h5 {
        font-size: 17px !important;
        font-weight: 500 !important;
    }

.collegeprep-subheaders-ibox-content {
    border-width: 0px !important;
    /*padding-top: 15px !important;*/
    padding-bottom: 24px !important;
    margin-left: 21px !important;
}

.mcat-subheaders-iboxtitle {
    border-width: 0px !important;
}

/*end collegeprep create test styles*/

.ibox-title .header {
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0;
}

#content p, #content blockquote, #content tr, #content th, #content tbody, #content td, #content ul, #content li {
    font-size: 11pt;
    line-height: 1.6em;
    word-spacing: 1px;
}

#content ul {
    margin-left: 10px;
}

    #content ul li {
        padding: 5px 10px;
    }

#content blockquote {
    padding-left: 20px;
}


@media (max-width: 767px) {

    .hidden-xs {
        display: none !important;
    }

    .center-xs {
        text-align: center;
    }

    .left-xs {
        text-align: left;
    }

    .right-xs {
        text-align: right;
    }

    .collegeprep-sections-title {
        font-size: 1.1em !important;
        margin:8px 0px;
    }

    /*.collegeprep-ibox-content-quick {
        margin-left: 0px;
    }*/

    .collegeprep-subheaders-ibox-content {
        margin-left: 0px !important;
    }

    .collegeprep-subheaders-ibox-content-custom {
        padding-left: 2px;
    }

    .labelAlignmentHelper {
        margin-left: 30px;
    }

    .checkboxAlignmentHelper {
        margin-left: -30px !important;
    }

        .checkboxAlignmentHelper div {
            margin-left: -30px;
        }

        .checkboxAlignmentHelper label {
            margin-left: 35px;
        }

    .collegeprep-subheaders-title {
        font-size: 1.1em !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-sm {
        display: none !important;
    }

    .center-sm {
        text-align: center;
    }

    .left-sm {
        text-align: left;
    }

    .right-sm {
        text-align: right;
    }

    .col-sm-nopad {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-md {
        display: none !important;
    }

    .center-md {
        text-align: center;
    }

    .left-md {
        text-align: left;
    }

    .right-md {
        text-align: right;
    }

    .col-md-nopad {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 1200px) {

    .hidden-lg {
        display: none !important;
    }

    .center-lg {
        text-align: center;
    }

    .left-lg {
        text-align: left;
    }

    .right-lg {
        text-align: right;
    }

    .col-lg-nopad {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.col-nopad {
    padding: 0px;
}

.col-pad20 {
    padding-right: 20px;
    padding-left: 20px;
}

@media (max-width:767px) {
    .col-xs-nopad {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) {
    .col-pad60-sm {
        padding-right: 20px;
        padding-left: 20px;
    }

    .col-pad20 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 992px) {
    .col-pad60-sm {
        padding-right: 40px;
        padding-left: 40px;
    }

    .col-pad20 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

a {
    color: #2196f3;
    text-decoration: none !important;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.btn-fcfilter {
    background-color: #ffffff;
    border-color: #bebec1;
    color: #707075;
}

    .btn-fcfilter:hover,
    .btn-fcfilter:focus,
    .btn-fcfilter:active,
    .btn-fcfilter.active,
    .open .dropdown-toggle.btn-fcfilter {
        color: #2196F3 !important;
    }

    .btn-fcfilter:active,
    .btn-fcfilter.active,
    .open .dropdown-toggle.btn-fcfilter {
        background-color: #cbcbcd;
        border-color: #bebec1;
    }

        .btn-fcfilter.disabled,
        .btn-fcfilter.disabled:hover,
        .btn-fcfilter.disabled:focus,
        .btn-fcfilter.disabled:active,
        .btn-fcfilter.disabled.active,
        .btn-fcfilter[disabled],
        .btn-fcfilter[disabled]:hover,
        .btn-fcfilter[disabled]:focus,
        .btn-fcfilter[disabled]:active,
        .btn-fcfilter.active[disabled],
        fieldset[disabled] .btn-fcfilter,
        fieldset[disabled] .btn-fcfilter:hover,
        fieldset[disabled] .btn-fcfilter:focus,
        fieldset[disabled] .btn-fcfilter:active,
        fieldset[disabled] .btn-fcfilter.active {
            background-color: #cbcbcd;
            border-color: #bebec1;
        }
/*for the font display text in header do not show any button events*/
.fontSlider #fontDisplay, #fontDisplayMenu {
    background-color: #ffffff;
    border-color: #bebec1;
    color: #707075;
    cursor: default;
}

.btn-radio {
    background-color: #ffffff;
    border-color: #1c84c6;
    color: #1c84c6;
}

    .btn-radio:hover,
    .btn-radio:focus,
    .btn-radio:active,
    .btn-radio.active,
    .open .dropdown-toggle.btn-radio {
        background-color: #2196f3;
        border-color: #2196f3;
        color: #FFFFFF;
    }

    .btn-radio:active,
    .btn-radio.active,
    .open .dropdown-toggle.btn-radio {
        background-color: #2196f3;
        border-color: #2196f3;
    }

        .btn-radio.disabled,
        .btn-radio.disabled:hover,
        .btn-radio.disabled:focus,
        .btn-radio.disabled:active,
        .btn-radio.disabled.active,
        .btn-radio[disabled],
        .btn-radio[disabled]:hover,
        .btn-radio[disabled]:focus,
        .btn-radio[disabled]:active,
        .btn-radio.active[disabled],
        fieldset[disabled] .btn-radio,
        fieldset[disabled] .btn-radio:hover,
        fieldset[disabled] .btn-radio:focus,
        fieldset[disabled] .btn-radio:active,
        fieldset[disabled] .btn-radio.active {
            background-color: #bbbbbb;
            border-color: #bbbbbb;
        }

.btn-success {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFFFFF;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-color: #1a7bb9;
        border-color: #1a7bb9;
        color: #FFFFFF;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }

        .btn-success.disabled,
        .btn-success.disabled:hover,
        .btn-success.disabled:focus,
        .btn-success.disabled:active,
        .btn-success.disabled.active,
        .btn-success[disabled],
        .btn-success[disabled]:hover,
        .btn-success[disabled]:focus,
        .btn-success[disabled]:active,
        .btn-success.active[disabled],
        fieldset[disabled] .btn-success,
        fieldset[disabled] .btn-success:hover,
        fieldset[disabled] .btn-success:focus,
        fieldset[disabled] .btn-success:active,
        fieldset[disabled] .btn-success.active {
            background-color: #1f90d8;
            border-color: #1f90d8;
        }

.btn-info {
    background-color: #23c6c8;
    border-color: #23c6c8;
    color: #FFFFFF;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-color: #21b9bb;
        border-color: #21b9bb;
        color: #FFFFFF;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-image: none;
    }

        .btn-info.disabled,
        .btn-info.disabled:hover,
        .btn-info.disabled:focus,
        .btn-info.disabled:active,
        .btn-info.disabled.active,
        .btn-info[disabled],
        .btn-info[disabled]:hover,
        .btn-info[disabled]:focus,
        .btn-info[disabled]:active,
        .btn-info.active[disabled],
        fieldset[disabled] .btn-info,
        fieldset[disabled] .btn-info:hover,
        fieldset[disabled] .btn-info:focus,
        fieldset[disabled] .btn-info:active,
        fieldset[disabled] .btn-info.active {
            background-color: #26d7d9;
            border-color: #26d7d9;
        }

.btn-default {
    background-color: #c2c2c2;
    border-color: #c2c2c2;
    color: #FFFFFF;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-color: #bababa;
        border-color: #bababa;
        color: #FFFFFF;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }

        .btn-default.disabled,
        .btn-default.disabled:hover,
        .btn-default.disabled:focus,
        .btn-default.disabled:active,
        .btn-default.disabled.active,
        .btn-default[disabled],
        .btn-default[disabled]:hover,
        .btn-default[disabled]:focus,
        .btn-default[disabled]:active,
        .btn-default.active[disabled],
        fieldset[disabled] .btn-default,
        fieldset[disabled] .btn-default:hover,
        fieldset[disabled] .btn-default:focus,
        fieldset[disabled] .btn-default:active,
        fieldset[disabled] .btn-default.active {
            background-color: #cccccc;
            border-color: #cccccc;
        }



button.btn-primary.dim {
    box-shadow: inset 0px 0px 0px #178cb5, 0px 5px 0px 0px #178cb5, 0px 10px 5px #178cb5;
}

.btn-primary.btn-outline {
    color: #2196f3;
    background-color: #ffffff;
    border: solid 1px #2196f3;
    border-bottom: solid 4px #2196f3;
}

    .btn-primary.btn-outline:hover {
        color: #fff;
    }

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.disablecolor {
    color: #535252;
}

.floatLeft {
    float: left;
}

.label-primary, .badge-primary {
    background-color: #2196f3;
    color: white;
}

.badge {
    color: #000000;
}

.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border: none;
    padding: 7px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: normal;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: #17B5EC;
        border: none;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-color: #2196f3;
        border-color: #2196f3;
        color: #FFFFFF;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

        .btn-primary.disabled,
        .btn-primary.disabled:hover,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:active,
        .btn-primary.disabled.active,
        .btn-primary[disabled],
        .btn-primary[disabled]:hover,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:active,
        .btn-primary.active[disabled],
        fieldset[disabled] .btn-primary,
        fieldset[disabled] .btn-primary:hover,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:active,
        fieldset[disabled] .btn-primary.active {
            background-color: #88cee7;
            border-color: #88cee7;
        }


.padding5 {
    padding: 5px;
}

.top-padding5 {
    padding-top: 5px;
}

.top-padding10 {
    padding-top: 10px;
}

.top-padding20 {
    padding-top: 20px;
}

.margin5 {
    margin: 5px;
}

.top-margin5 {
    margin-top: 5px;
}

.top-margin10 {
    margin-top: 10px;
}

.top-margin20 {
    margin-top: 20px;
}

.top-margin40 {
    margin-top: 40px;
}


.left-margin5 {
    margin-left: 5px;
}

.left-margin10 {
    margin-left: 10px;
}

.left-margin20 {
    margin-left: 20px;
}

.right-margin5 {
    margin-right: 5px;
}

.right-margin10 {
    margin-right: 10px;
}

.right-margin20 {
    margin-right: 20px;
}


.align-vert-center {
    display: table-cell;
    vertical-align: middle;
}

.label-correct, .badge-correct {
    background-color: #69c869;
    color: white;
}

.label-incorrect, .badge-incorrect {
    background-color: #f05a5b;
    color: white;
}

.label-omitted, .badge-omitted {
    background-color: #689bf7;
    color: white;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 5px;
    background-color: #17B5EC;
    color: white;
    border: solid 1px #7a7a7a;
    border-bottom: none;
}

.modal-title {
    color: white;
    margin-left: 5px;
}


.modal-header.has-success {
    background-color: #1ab394;
}

.modal-header.has-warning {
    background-color: #f8ac59;
}

.modal-header.has-error {
    background-color: #ed5565;
}

.profile-element h2 {
    color: #fff;
    font-weight: 500;
}

.profile-element h3 {
    color: #ededed;
    font-weight: 700;
}

.nav-header {
    padding: 20px 15px;
    margin-bottom: 20px;
    background: url("../../../css/patterns/header-profile.png") no-repeat;
    background-color: #293846;
}

.nav > li.active {
    border-left: 4px solid #2196f3;
    background: #293846;
}

.nopadding {
    padding: 0 !important;
}

.nopadding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.sidebar-collapse {
    /*railOpacity: 0.9;*/
    /*overflow-y: auto !important;*/
}

.modalpopup-content {
    position: fixed;
    right: 50%;
    margin-right: -300px;
    background-color: #FFFFFF;
    border: 5px solid #2196f3;
    z-index: 1901;
    overflow: auto;
    max-height: 90%;
    max-width: 90%;
    top: 30%;
    padding: 10px;
}

.modal-backdrop.in {
    opacity: 0.75;
}

.modal .fade, .modal.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
    }
}

@media (max-width: 767px) {
    .modal-dialog {
        margin: 0px auto;
    }
}

.modal-content {
    webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0px;
}

.modal-header {
    min-height: 16.43px;
    padding: 16px;
    border-bottom: none;
    background-size: cover;
    font-size: 14pt;
}

.modal-header-logo {
    width: 30px;
    height: 30px;
    background-size: 30px;
    color: white;
    font-size: 14pt;
}

.modal-header .close {
    transition: opacity .3s;
    right: 1px;
    color: #fff;
    opacity: .8;
    font-size: 36px;
}

    .modal-header .close:hover {
        transition: opacity .3s;
        opacity: 1;
    }


.modal-body {
    margin: auto;
    padding: 20px;
    line-height: 20px;
}

    .modal-body li {
        line-height: 23px;
    }

@media (max-width: 320px) {
    .modal-body {
        padding-bottom: 16px;
    }
}

.p-modal {
    text-align: center;
    font-size: 14px;
    margin-top: 40px;
    color: #888888;
}

@media (max-width: 320px) {
    .p-modal {
        margin-top: 20px;
    }
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.expirytimer {
    background-color: #f73131;
    border: none;
    padding-top: 30px;
    font-size: 12pt;
    color: #ffffff;
    padding: 15px;
}

    .expirytimer .time {
        font-weight: 700;
        font-size: 24px;
    }

    .expirytimer .description {
        font-weight: 200;
        font-size: 14px;
    }

.nav.navbar-top-links .dropdown-alerts {
    font-size: 13px;
}

.gridStyle {
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 400px;
}

.gridStyle2 {
    border: 1px solid #d4d4d4;
    width: 500px;
    height: 300px;
}

.form-control:focus,
.single-line:focus {
    border-color: #1c84c6 !important;
}

.timeline-item .date i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    width: 75px;
    text-align: center;
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    border-left: 1px solid #e7eaec;
    background: #f8f8f8;
}

blockquote {
    background-color: white;
    border: none;
    font-size:inherit;
}


.navbar-static-top {
    position: fixed;
}

.main-content {
    padding-top: 61px;
}


@media only screen and (min-device-height : 768px) {
    #page-wrapper {
        min-height: 728px;
    }
}

@media only screen and (min-device-height : 1024px) {
    #page-wrapper {
        min-height: 994px;
    }
}


.disabledlink {
    color: #9f9f9f;
}


    .disabledlink a {
        color: #9f9f9f;
    }



.demo-banner {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9000;
    cursor: default;
    background: url("../img/demo-banner.png") no-repeat;
    width: 120px;
    height: 120px;
}

.label-plain {
    background-color: white;
    /*border:solid 1px #2196f3;*/
    border: solid 1px #b2b2b2;
    color: #2196f3;
}

.label-plain-disabled {
    background-color: white;
    border: solid 1px #b2b2b2;
    color: #b2b2b2;
}

.login {
    max-width: 500px;
    margin: auto;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 72px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 72px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 72px 0px rgba(0,0,0,0.75);
}

    .login .header {
        background: #005494; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(left top, #0a9ccf, #005494); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(bottom right, #0a9ccf, #005494); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(bottom right, #0a9ccf, #005494); /* For Firefox 3.6 to 15 */
        background: linear-gradient(to bottom right, #0a9ccf, #005494); /* Standard syntax */
        padding: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .login .header h1 {
            font-size: 40px;
            color: white;
            margin-top: 5px;
        }

    .login .body {
        width: 400px;
        margin: auto;
        padding-bottom: 30px;
    }

        .login .body h1 {
            border-bottom: solid 1px #e1e1e1;
            padding-bottom: 10px;
            color: #858585;
        }

    .login input[type="text"], .login input[type="password"] {
        background-color: white;
        border: none;
        border-bottom: solid 1px #e1e1e1;
    }

.date-weight{
    font-weight:600 !important;
}


.notificationContainer {
    background-color: #04ca81;
    color: white;
    font-size: 11pt;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

.actionButton {
    cursor: pointer;
    margin-left: 20px;
    color: #FFD300;
    font-weight: 700;
}

.topNavRenewButton {
    background-color: #f8a11c !important;
    color: white;
    border-color: #f8a11c !important;
    border-radius: 50px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(39,39,39,.75);
    -moz-box-shadow: 0 2px 5px 0 rgba(39,39,39,.75);
    box-shadow: 0 2px 5px 0 rgba(39,39,39,.75);
    padding-top: 4px;
    padding-bottom: 6px;
}

.topNavRenewButton:hover {
    color: white;
    background-color: #ffac00 !important;
}


.thin-scrollbar-div {
    scrollbar-width: thin;
}

    /* width */
    .thin-scrollbar-div::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    /* Track */
    .thin-scrollbar-div::-webkit-scrollbar-track {
        background: none;
    }

    /* Handle */
    .thin-scrollbar-div::-webkit-scrollbar-thumb {
        background: #ddd;
    }

        /* Handle on hover */
        .thin-scrollbar-div::-webkit-scrollbar-thumb:hover {
            background: lightgrey;
            cursor: pointer;
        }

.sidebar-navigation {
    overflow: auto;
    scrollbar-color: lightgray transparent;
}

    .sidebar-navigation::-webkit-scrollbar {
        width: 8px;
    }

    .sidebar-navigation::-webkit-scrollbar-thumb {
        border: 1px solid #293846;
    }


/* Topnav Dropdown Menu*/
.account-section {
    margin: auto;
    width: 240px;
    margin-bottom: 5px;
    margin-top: 20px;
}
.account-section .account-btn {
    color: #fff;
    line-height:30px;
    height:30px;
    display:block;
    width: 240px;
    background-color: #2196f3;
    border: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 2px;
    font-weight: normal;
    font-size:0.875rem;
    text-align: center;
    cursor:pointer;
}
.account-section .subtext {
      margin-top: 10px;
      font-size: 12px;
      color: #a7b1c2;
      text-align: center;
}

.course-select .course-option {
    width: 300px;
    background: white;
    border: none;
    padding: 0 16px;
    padding-left: 4.5rem !important;
    text-align:left;
    white-space: nowrap;
    overflow: hidden;
    line-height: 48px;
    height: 48px;
    max-width: 100%;
    cursor: pointer;
    outline:none;
    font-weight: 400;
    font-size: 15px;
    color: #65656A !important;
}
.course-select .course-option:hover {
    background: rgba(0,0,0,0.04);
}

.course-select .selected-course {
    width: 300px;
    background: rgba(0,0,0,0.04);
    border: none;
    padding: 0 16px;
    padding-left: 4.5rem !important;
    text-align:left;
    white-space: nowrap;
    overflow: hidden;
    line-height: 48px;
    height: 48px;
    max-width: 100%;
    cursor: pointer;
    outline:none;
    font-weight: 400;
    font-size: 15px;
    color: #2196f3 !important;
}

.course-select .subtext {
    font-weight: 100;
    color: #a7b1c2;
    position:relative;
    top: -2px;
    font-size: 15px;
}

.course-select-title {
  color: #313131;
  font-size: 15px;
  margin: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight:500;
}

.course-select-menu {
  border-radius: 4px !important;
  box-shadow: 0 0 12px 0 rgba(0,0,0,0.22);
  padding-top:8px;
  padding-bottom:8px;
  overflow-y: scroll;
  scrollbar-width: thin;
  max-height: calc(100vh - 100% - 48px);
  z-index: 1000;
}
.course-select-menu::-webkit-scrollbar {
width: 6px;
height: 6px;
}

.course-select-menu::-webkit-scrollbar-track {
background: none;
}

.course-select-menu::-webkit-scrollbar-thumb {
background: #ddd;
}

.course-select-menu::-webkit-scrollbar-thumb:hover {
    background: lightgrey;
    cursor: pointer;
}