/* --------------------------

    EP-SPECIFIC BOOTSTRAP STYLES

   --------------------------*/

select {
    background: #fff !important;
}


/*a:focus {
    outline: none;
    outline-offset: 0;
}*/

body {
    padding-right: 0 !important;
}

body.modal-open {
    /* override modal-open padding*/
    padding-right: 0 !important;
}


.link-focus:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.blue-border:focus {
    border: 1px solid blue;
    margin: 5px 0 5px;
}

.blue-border > *:first-child a:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    /*right: auto;*/
    left: 100%;
    margin-left: 0;
    background: none;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #595959;
    -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
}

.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > th {
    background-color: #f5f5f5;
}

.form-control::-moz-placeholder {
    color: #777777;
}

.form-control:-ms-input-placeholder {
    color: #777777;
}

.form-control::-webkit-input-placeholder {
    color: #777777;
}

.form-control-feedback {
    top: 25px;
    pointer-events: unset;
}


@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.3px;
        font-size: unset;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        font-size: unset;
    }
}

.btn-danger {
    border-color: #d43d3a;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
        background-color: #c92e2c;
        border-color: #ac2525;
    }

    .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
        border-color: #d43d3a;
    }

.btn-link {
    color: #1F5BA8;
    cursor: pointer;
}

    .btn-link:hover, .btn-link:focus {
        color: #2a6596;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #428bca;
}

.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
    outline: 0;
}

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {
    min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
    color: #777777;
    min-width: 30px;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

    .media, .media .media {
        margin-top: 15px;
    }

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #e1edf7;
}

.tooltip-inner {
    text-decoration: none;
}

#add-institution-form .tooltip,
#edit-institution-form .tooltip,
#edit-institutional-rule-form .tooltip {
    width: 200px;
}


/* From the bootstrap-custom.css file in EP*/

.form-control {
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 7px 10px;
    font-size: 14px;
    background-color: #FFFFFF;
    border: 1px solid #dddddd;
    border-radius: 0;
}

    .form-control::-webkit-input-placeholder {
        font-style: italic;
    }

    .form-control:-moz-placeholder {
        font-style: italic;
    }

    .form-control::-moz-placeholder {
        font-style: italic;
    }

    .form-control:-ms-input-placeholder {
        font-style: italic;
    }

    .form-control.hasPlaceholderText {
        font-style: italic;
    }

    .form-control:focus {
        border-color: transparent;
        -webkit-box-shadow: 0 0 5px #81b0e8;
        box-shadow: 0 0 5px #81b0e8;
    }

.form-control-tall {
    height: 34px;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    outline: thin dotted;
    outline: 5px auto-webkit-focus-ring-color;
    outline-offset: -2px;
}

.form-control.input-lg {
    padding: 11px 15px;
}

.form-group-p {
    margin-bottom: 10px;
}

.form-group-xl {
    margin-bottom: 45px;
}

.form-group-divided {
    margin-bottom: 15px;
}

    .form-group-divided:first-child:before {
        content: normal;
    }

    .form-group-divided:before {
        content: '';
        display: block;
        width: 50%;
        border-top: 2px solid #eeeeee;
        margin-bottom: 15px;
    }

.p1 input[type="checkbox"], .p1 input[type="radio"] {
    margin-top: 8px;
}

.checkbox-wide label, .radio-wide label {
    padding-left: 40px;
}

.checkbox-wide input[type="checkbox"], .radio-wide input[type="radio"] {
    margin-left: -40px;
}

.btn {
    border-radius: 0;
    -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -ms-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
}

.btn-custom {
    border: none;
}

.btn-link {
    color: #1F5BA8;
}

    .btn-link:hover, .btn-link:focus {
        outline: 0;
        color: #1F5BA8;
        text-decoration: underline;
    }

.btn-lg {
    font-size: 16px;
}

.btn-sm {
    font-size: 12px;
    padding: 0 14px;
}

.btn-lg, .btn-sm, .btn-xs {
    border-radius: 0;
}

@media (min-width: 768px) {
    .btn_atSmall {
        border-radius: 0;
        -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -ms-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        color: #ffffff;
        background: #004b96;
        border: 0;
        border-bottom: 2px solid #003e7d;
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        padding: 0 14px;
    }

        .btn_atSmall:hover, .btn_atSmall:focus {
            color: #ffffff;
            background: #4e84c4;
            border-bottom-color: #4e84c4;
            text-decoration: none;
            outline: 0;
        }
}

/* btn_wa_transcript DESKTOP view */
@media (min-width: 768px) {
    .btn_wa_transcript {
        border-radius: 0;
        -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -ms-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        color: #ffffff;
        background: #004b96;
        border: 0;
        border-bottom: 2px solid #003e7d;
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        padding: 0 14px;
    }

    .btn_wa_transcript:hover, .btn_wa_transcript:focus {
        color: #ffffff;
        background: #4e84c4;
        border-bottom-color: #4e84c4;
        text-decoration: none;
        outline: 0;
    }
}

/* btn_wa_transcript MOBILE view */
@media (max-width: 767px) {
    .btn_wa_transcript {
        border-radius: 0;
        -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -ms-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        color: #ffffff;
        background: #004b96;
        border: 0;
        border-bottom: 2px solid #003e7d;
        display: block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        padding: 0 14px;
    }

    .btn_wa_transcript:hover, .btn_wa_transcript:focus {
        color: #ffffff;
        background: #4e84c4;
        border-bottom-color: #4e84c4;
        text-decoration: none;
        outline: 0;
    }
}

/* Custom CSS for row in audio lecture table */
.track-info-alt {
    padding-right: 5px;
}
.outer-div-alt {
    width: 100%;
    float: left;
}
.left-bar-alt {
    width: 84%;
    display: inline-block;
}
.right-bar-alt {
    width: 15%;
    display: inline-block;
}
.listened-span {
    display: inline-block;
}
.transcript-a {
    display: inline-block;
    min-width: 110px;
}
@media (min-width: 768px) { /* Desktop View */
    .listened-span {
        float: right;
    }
    .right-bar-alt {
        text-align: right;
    }
}
@media (max-width: 767px) { /* Mobile View */
    .left-bar-alt {
        display: block;
    }
    .right-bar-alt {
        display: block;
    }
    .right-bar-alt .transcript-a {
        margin-left: 0px;
        margin-top: 4px;
    }
}



@media (min-width: 992px) {
    .col-md-divided:last-child {
        padding-left: 50px;
    }

    .col-md-divided:not(:last-child) {
        border-right: 1px solid #dddddd;
        padding-right: 50px;
    }

    .create-course-btn {
        margin-top: 1.5em;
    }
}

@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom: 30px;
    }
}


.breadcrumb > .active {
    color: #707372;
}


.dropdown-custom .dropdown-menu > li > a {
    padding: 8px 10px;
    color: #707372;
}

.input-group-addon {
    border-radius: 0;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
}


@media(max-width: 768px) {
    .navbar-header {
        padding-bottom: 20px;
    }

    .navbar-collapse {
        margin-bottom: 0
    }
}


.navbar-custom {
    background: none;
    border: none;
    font-size: 14px;
    margin: 18px 0 15px;
    padding: 0 0 0;
}

.navbar-my-account {
    padding: 5px 0 0 0;
    text-decoration: none !important;
    color: #1F5BA8;
    line-height: 20px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .navbar-custom {
        margin-bottom: 15px;
        border-radius: 0;
    }
}

.navbar-custom .navbar-brand {
    height: 74px;
    width: 200px;
    float: left;
    padding: 0;
}

    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
        background-color: none;
    }

.navbar-custom .navbar-brand-link {
    background-size: 125px 46px;
}

.no-svg .navbar-custom .navbar-brand-link {
    background-image: url("../media/images/global/logo-header-west-academic.png");
    width: 200px;
}

@media (min-width: 768px) {
    .navbar-custom .navbar-brand, .navbar-custom .navbar-brand-link {
        width: 200px;
        height: 74px;
    }

    .navbar-custom .navbar-brand {
        margin-bottom: 15px;
        margin-left: 0;
    }

    .navbar-custom .navbar-brand-link {
        background-size: 200px 74px;
    }
}

.navbar-custom .navbar-toggle {
    margin: 10px 0 0;
}

@media (min-width: 768px) {
    .navbar-custom .navbar-toggle {
        margin-top: 27px;
    }
}

@media (min-width: 768px) {
    .navbar-custom .navbar-nav {
        margin-top: 23px;
        border-bottom: 0;
    }

    .navbar-header {
        padding-bottom: 0;
    }
}

.navbar-custom .navbar-nav > .disabled > a, .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus {
    background: none;
    color: #333333;
    text-decoration: none;
}

    .navbar-custom .navbar-nav > .disabled > a:focus {
        outline: 0;
        text-decoration: underline;
    }

.navbar-custom .navbar-nav .dropdown .dropdown-toggle {
    padding-left: 0;
    border: 0;
    background-color: transparent;
}

.navbar-custom .navbar-nav .dropdown > a, .navbar-custom .navbar-nav .dropdown > a:hover, .navbar-custom .navbar-nav .dropdown > a:focus {
    color: #333333;
}

    .navbar-custom .navbar-nav .dropdown > a:hover, .navbar-custom .navbar-nav .dropdown > a:focus {
        text-decoration: underline;
    }

.navbar-custom .navbar-nav .dropdown .divider {
    border-color: #cfcfcf;
}

@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu {
        margin-bottom: 15px;
        border: 1px solid #cfcfcf;
    }
}

.navbar-custom .navbar-collapse {
    border-color: #dddddd;
}

@media(max-width: 768px) {
    .navbar-custom .navbar-collapse {
        border-bottom: 1px solid #dddddd;
    }
}

.navbar-custom .btn-link[disabled]:hover, .navbar-custom .btn-link[disabled]:focus, fieldset[disabled] .navbar-custom .btn-link:hover, fieldset[disabled] .navbar-custom .btn-link:focus {
    color: #1F5BA8;
    text-decoration: none;
}

ul > #institutions-dropdown {
    margin-bottom: 10px;
    top: 2px;
}

.navbar-nav.navbar-right:last-child {
    align-items: baseline;
    display: flex;
}

@media (max-width: 768px) {
    .navbar-nav.navbar-right:last-child {
        align-items: inherit;
        display: block;
    }
}

.alert-sm {
    font-size: 14px;
}

.alert-lg, .alert-lg.alert-custom {
    font-size: 18px;
}

.alert-custom {
    position: relative;
    margin-left: 25px;
    padding: 0;
    background: none;
    font-size: 14px;
    border: none;
}

    .alert-custom:before {
        content: " ";
        position: absolute;
        top: 0;
        left: -25px;
    }

    .alert-custom ul {
        list-style: disc;
        margin: 5px 0 0 15px;
        padding: 0;
    }

        .alert-custom ul li {
            margin: 0;
            padding: 0;
            font-size: 12px;
        }

            .alert-custom ul li + li {
                margin-top: 3px;
            }

    .alert-custom.alert-success {
        color: #3f9e45;
    }

        .alert-custom.alert-success:before {
            background-image: url(../media/images/sprites/icn/sprite-core.png);
            background-position: 0px -166px;
            width: 18px;
            height: 18px;
        }

    .alert-custom.alert-warning {
        color: #cf7f1e;
    }

        .alert-custom.alert-warning:before {
            background-image: url(../media/images/sprites/icn/sprite-core.png);
            background-position: 0px -147px;
            width: 18px;
            height: 18px;
        }

    .alert-custom.alert-danger {
        color: #c44e4e;
    }

        .alert-custom.alert-danger:before {
            background-image: url(../media/images/sprites/icn/sprite-core.png);
            background-position: 0px -280px;
            width: 18px;
            height: 18px;
        }

    .alert-custom.alert-loading:before {
        width: 18px;
        height: 18px;
        background: url("../media/images/global/icn-loading-sm.gif") 0 0 no-repeat;
    }

    .alert-custom.alert-lg.alert-success:before {
        background-image: url(../media/images/sprites/icn/sprite-core.png);
        background-position: 0px -607px;
        width: 32px;
        height: 32px;
    }

    .alert-custom.alert-lg.alert-warning:before {
        background-image: url(../media/images/sprites/icn/sprite-core.png);
        background-position: 0px -706px;
        width: 32px;
        height: 32px;
    }

    .alert-custom.alert-lg.alert-danger:before {
        background-image: url(../media/images/sprites/icn/sprite-core.png);
        background-position: 0px -640px;
        width: 32px;
        height: 32px;
    }

.alert-lg.alert-custom {
    margin-left: 40px;
}

    .alert-lg.alert-custom:before {
        top: -5px;
        left: -40px;
    }

    .alert-lg.alert-custom ul {
        margin-top: 0;
    }

        .alert-lg.alert-custom ul li {
            font-size: 14px;
            line-height: 1.2857;
        }

@media (min-width: 768px) {
    .media-sm, .media-sm .media-sm-body {
        overflow: hidden;
        zoom: 1;
    }

        .media-sm, .media-sm .media {
            margin-top: 15px;
        }

            .media-sm:first-child {
                margin-top: 0;
            }

            .media-sm .media-sm-object {
                display: block;
            }

            .media-sm .media-sm-heading {
                margin: 0 0 5px;
            }

            .media-sm > .pull-sm {
                float: left;
            }

            .media-sm > .pull-sm-left {
                margin-right: 10px;
            }

            .media-sm > .pull-sm-left-lg {
                margin-right: 30px;
            }

            .media-sm > .pull-sm-right {
                margin-left: 10px;
            }
}

.panel {
    margin-bottom: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default, .panel-default .panel-heading, .panel-default .panel-body {
    background-color: none;
    border-color: #dddddd;
    border-radius: 0;
}

    .panel-default .panel-heading {
        background: #eeeeee;
    }

    .panel-default .panel-body {
        background: #FFFFFF;
    }

.panel-custom, .panel-custom .panel-heading, .panel-custom .panel-body {
    background-color: none;
    border-color: #dddddd;
    border-radius: 0;
}

    .panel-custom .panel-body {
        padding-bottom: 25px;
    }

.panel-heading-lg {
    padding: 10px 30px;
}

.panel-body {
    padding: 25px 20px 10px;
}

@media (min-width: 768px) {
    .pull-right-sm {
        float: right;
    }
}

@media (min-width: 992px) {
    .text-right-md {
        text-align: right;
    }

    .padding-right-0-md {
        padding-right: 0;
    }

    .padding-left-0-md {
        padding-left: 0;
    }
}


/* ---------------------------------------------------------------------
Variables
------------------------------------------------------------------------ */

.well-custom {
    background: #FFFFFF;
    border: none;
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
}

.well-custom-banner {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    padding: 15px;
}

.nav-tabs-custom {
    font-size: 14px;
}

.tab-content-custom {
    font-size: 14px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-10{
    padding: 10px;
}

.padidng-bottom-10{
    padding-bottom: 10px;
}

/* -----------------------------

    END OF EP-SPECIFIC BOOTSTRAP STYLES

   -----------------------------  */

cite {
    font-style: normal;
}

.p {
    display: block;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.p1 {
    font-size: 18px;
    line-height: 1.6667;
}

.p2 {
    font-size: 14px;
    line-height: 1.42857;
}

.p3 {
    font-size: 12px;
    line-height: 1.25;
}

.p4 {
    font-size: 11px;
    line-height: 1.6;
}

.p-cWhite {
    color: #FFFFFF;
}

.p-cGrey {
    color: #707372;
}

.p-lhMed {
    line-height: 1.7143;
}

.p-fSecondary {
    font-family: "Goldplay";
}

.p-centered {
    text-align: center;
}

.p-link {
    color: #004b96;
    cursor: pointer;
}

    .p-link:hover {
        text-decoration: underline;
    }

.p-radio {
    padding-left: 20px;
}

.h-fSecondary {
    font-family: "Goldplay";
}

.h-tCtr {
    text-align: center;
}

.h-tRight {
    text-align: right;
}

.h-tUppercase {
    text-transform: uppercase;
}

.h-cBlack {
    color: #000000;
}

.h-cLightBlack {
    color: #333333;
}

.h-cGrey {
    color: #707372;
}

.h-cGreyDarkest {
    color: #636567;
}

.h-cBlueDarker {
    color: #133d8d;
}

.h-cWarning {
    color: #c24300;
}

.hdg-link:focus {
    outline: 0;
}

.hdg-link:hover {
    text-decoration: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.dataTables_wrapper {
    font-size: 14px;
}

    .dataTables_wrapper .form-control {
        font-size: 12px;
    }

.dataTables_detail_row {
    background-color: #f9f9f9 !important;
}

.dataTables_word_break tbody td {
    word-break: break-word;
    vertical-align: top;
}

.table-docs {
    border-top: 1px solid #7e8083;
    font-family: "Goldplay";
    font-size: 14px;
}

    .table-docs > thead > tr > th, .table-docs > thead > tr > td, .table-docs > tbody > tr > th, .table-docs > tbody > tr > td, .table-docs > tfoot > tr > th, .table-docs > tfoot > tr > td {
        padding-left: 20px;
        padding-right: 20px;
        vertical-align: middle;
        color: #333333;
    }

        .table-docs > thead > tr > th:first-of-type {
            text-align: left;
        }

    .table-docs > thead {
        border: 1px solid #7e8083;
    }

        .table-docs > thead > tr > th {
            border-bottom: 1px solid #7e8083;
            background-color: #FFFFFF;
            color: #333333;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
        }

    .table-docs > tbody > tr:nth-child(odd) > td {
        background-color: #eeeeee;
    }


/*!
 * THIS FILE HAS BEEN GENERATED BY AN AUTOMATED TOOL.
 * DO NOT MODIFY DIRECTLY. INSTEAD, MODIFY THE APPROPRIATE SOURCE CODE.
 *
 * west-academic v1.0.0 (dev)
 * Example project for Client.
 * Build Date: 2015-10-15
 */


/* ---------------------------------------------------------------------
 Modern Styles
------------------------------------------------------------------------ */


/*

This file should only be used to import various modules.
All style rule sets should live in module-specific files.

*/


/* ---------------------------------------------------------------------
Variables
------------------------------------------------------------------------ */


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/


/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/


/* ---------------------------------------------------------------------
Mixins
------------------------------------------------------------------------ */


/* ---------------------------------------------------------------------
Vendor Prefixes
------------------------------------------------------------------------ */


/* ---------------------------------------------------------------------
Target Browsers: All
Media Type: Screen, Projection
Breakpoint: All Sizes (Mobile First)
------------------------------------------------------------------------ */


/* ---
Landmark Styles
--- */


/* ---------------------------------------------------------------------
Footer
Breakpoint: Default
------------------------------------------------------------------------ */

.footer {
    position: relative;
    margin: 70px 0 100px;
    padding: 17px 0 86px;
}

.footer-logo, .footer-logo-link {
    display: block;
}

.footer-logo {
    display: flex;
    justify-content: end;
}



.footer-logo-col {
    display: flex;
    justify-content: center;
    padding-right: 10px;
}

@media (max-width: 768px) {
    .footer-logo {
        justify-content: center;
    }
}

.footer-logo {
    margin-bottom: 3px;
}

.footer-logo-link {
    background-image: url(../media/images/global/logo-header-west-academic-footer.svg);
    background-position: 0px 0px;
    width: 253px;
    height: 60px;
    object-fit: contain;
    text-indent: -9999px;
}

.footer-copyright {
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 1rem;
}


/* ---------------------------------------------------------------------
Footer Navigation
Breakpoint: Default
------------------------------------------------------------------------ */

.footerNav {
    margin: 30px 0 0;
    padding-top: 6px;
    list-style: none;
}

    .footerNav:before, .footerNav:after {
        content: " ";
        display: table;
    }

    .footerNav:after {
        clear: both;
    }

.footerNav-item-link {
    font-size: 1rem;
    line-height: 1.6;
}

    .footerNav-item-link:focus {
        outline: 0;
        text-decoration: underline;
    }

    .footerNav-item-link:hover {
        text-decoration: none;
    }

.footer-nav-col {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

/* ---
Container Styles
--- */


/* ---------------------------------------------------------------------
Banner
Breakpoint: Default
------------------------------------------------------------------------ */

.banner {
    padding: 20px 0 10px;
    border-top: 14px solid #133d8d;
}

.banner-container > .row > * + * {
    margin-top: 30px;
}


/* ---------------------------------------------------------------------
Banner Item
Breakpoint: Default
------------------------------------------------------------------------ */

.bannerItem-bd {
    margin-top: 7px;
}


/* ---------------------------------------------------------------------
Box
Breakpoint: Default
------------------------------------------------------------------------ */

.box-hd {
    margin-bottom: 10px;
}

.box-hd-xs {
    margin-bottom: 2px;
}

.box-md {
    margin-top: 10px;
    margin-bottom: 30px;
}


/* ---------------------------------------------------------------------
Book
Breakpoint: Default
------------------------------------------------------------------------ */

.book-hd {
    margin-bottom: 35px;
}

.book-meta {
    margin: 0 22px 10px;
}

.book-bd-tabbed .book-meta {
    margin-left: 0;
    margin-right: 0;
}

.book-bd-tabbed {
    padding: 55px 20px 0;
    margin-bottom: 50px;
    border: 1px solid #dddddd;
    position: relative;
    z-index: 1;
}

.book-bd-tabs {
    overflow: hidden;
    margin-bottom: -1px;
    padding: 0;
    -webkit-box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    position: relative;
    z-index: 10;
}

    .book-bd-tabs:before, .book-bd-tabs:after {
        content: " ";
        display: table;
    }

    .book-bd-tabs:after {
        clear: both;
    }

.book-bd-tabs-tab {
    float: left;
    width: 49%;
    list-style: none;
    margin-top: 10px;
}

* + .book-bd-tabs-tab {
    margin-left: 2%;
}

.book-bd-tabs-tab > a {
    display: block;
    background-color: #d6d6d6;
    padding: 10px;
    -webkit-box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 -15px 15px -15px rgba(0, 0, 0, 0.3) inset;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
}

    .book-bd-tabs-tab > a.active {
        border-top: 1px solid #dddddd;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
        background-color: #FFFFFF;
    }


/* ---------------------------------------------------------------------
Book Cover
Breakpoint: Default
------------------------------------------------------------------------ */

.bookCover {
    display: block;
    text-align: center;
}

    .bookCover:focus {
        outline: none;
    }

    .bookCover:hover {
        text-decoration: none;
    }

.bookCover-md {
    position: relative;
    margin-bottom: 20px;
}

.bookCover-md-container {
    display: inline-block;
    position: relative;
}

.bookCover-md > img {
    margin: 0 auto;
    height: 230px;
}

.bookCover-md-badge {
    position: absolute;
    bottom: 4px;
    width: 100%;
}

    .bookCover-md-badge .align-right {
        transform: translate(58px, 4px);
    }

.bookCover-md-newBadge {
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #004b96;
    color: white;
    padding: 10px 20px;
}

.bookCover-img {
    height: 190px;
}

.bookDetail-bookCover-img {
    height: 165px;
}

.bookCover-hd {
    height: 63px;
}

.bookCover-cb {
    height: 25px;
    margin-bottom: 5px;
}

.bookCover-md-discountBadge {
    background-color: #004b96;
    height: 18px;
    left: -11px;
    padding: 1px 11px;
    position: absolute;
    top: 20px;
    transform: perspective(16px) rotate3d(-467, 194, 978, -49deg);
    width: 80px;
}

.bookCover-md-discountBadgePrice {
    color: white;
    position: absolute;
    top: 21px;
    transform: rotate(-45deg);
}

/* ---------------------------------------------------------------------
Button List
Breakpoint: Default
------------------------------------------------------------------------ */
.btnList > * {
    display: block;
}

    .btnList > * + * {
        margin-top: 10px;
    }


/* ---------------------------------------------------------------------
Horizontal List
Breakpoint: Default
------------------------------------------------------------------------ */

.hList {
    font-size: 0;
}

    .hList > * {
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
        font-size: 18px;
    }

        .hList > *:first-child {
            margin-left: 0;
        }

.hList-pipe > * {
    margin-left: 10px;
}

    .hList-pipe > *:before {
        content: "|";
        margin-right: 10px;
    }

    .hList-pipe > *:first-child:before {
        content: normal;
    }

.hList-sm > * {
    margin-left: 10px;
}

.hList-smStack {
    margin-bottom: -6px;
}

    .hList-smStack > * {
        margin-right: 10px;
        margin-left: 0;
        margin-bottom: 6px;
    }

        .hList-smStack > *:last-child {
            margin-right: 0;
        }


/* ---------------------------------------------------------------------
Hook
Breakpoint: Default
Desc: Very similar to .box or .section but content is always centered
------------------------------------------------------------------------ */

.hook {
    margin-bottom: 29px;
    display: block;
}

.hook-md, .hook-bd {
    text-align: center;
}

    .hook-md > img, .hook-md-link > img {
        margin: 0 auto;
    }

.hook-md-link {
    display: block;
}

.hook-bd {
    margin-top: 20px;
}


/* ---------------------------------------------------------------------
Hero
Breakpoint: Default
------------------------------------------------------------------------ */

.hero {
    padding: 15px 20px 20px;
    background: #eeeeee;
    border: 1px solid #dddddd;
}


/* ---------------------------------------------------------------------
Hero Content
Breakpoint: Default
------------------------------------------------------------------------ */

.heroContent-meta {
    margin-top: 17px;
    padding: 12px 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.heroContent-bd {
    margin-top: 20px;
}


/* ---------------------------------------------------------------------
Hero Image
Breakpoint: Default
------------------------------------------------------------------------ */

.heroImage {
    display: inline-block;
    position: relative;
    margin-top: 5px;
}

.heroImage-md {
    display: block;
}

    .heroImage-md:focus {
        outline: 0;
    }

        .heroImage-md:focus * {
            border-color: #595959;
        }

.heroImage-badge {
    position: absolute;
    right: 14px;
    bottom: 2px;
}


/* ---------------------------------------------------------------------
Section
Breakpoint: Default
------------------------------------------------------------------------ */

.section_relative {
    position: relative;
}

.section-lg {
    margin-top: 30px;
}

.section-flush {
    margin-top: 0;
}

.section-hd, .section-meta, .section-bd, .section-ft {
    position: relative;
}

.section-hd {
    z-index: 400;
}

.section-subhead {
    margin-top: -20px;
}

.section-meta {
    z-index: 300;
    margin-top: 45px;
}

.my-bookshelf-section-meta {
    display: none;
}

.section-bd {
    z-index: 200;
    margin-top: 45px;
    margin-bottom: 45px;
}

.my-bookshelf-section-bd {
    margin-top: 25px;
}

.section-ft {
    z-index: 100;
}

#go-to-cart {
    min-width: 112px;
}


/* ---------------------------------------------------------------------
Toggle Content
Breakpoint: Default
------------------------------------------------------------------------ */

.toggleContent-item_isHidden {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    overflow: hidden !important;
}

.toggleContent-item_isActive {
    display: block;
}


/* ---------------------------------------------------------------------
Vertical List
Breakpoint: Default
------------------------------------------------------------------------ */

.vList > * {
    display: block;
    margin-bottom: 20px;
}

    .vList > *:last-child {
        margin-bottom: 0;
    }


/* ---
Content Styles
--- */


/* ---------------------------------------------------------------------
Icon
Breakpoint: Default
------------------------------------------------------------------------ */

.icn {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-image: url(../media/images/sprites/icn/sprite-core.png);
    background-position: 50px 50px;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0;
}

.icn-add {
    background-position: 0px -362px;
}

.icn-article {
    background-position: 0px -185px;
}

.icn-clock {
    background-position: 0px -320px;
}

.icn-helpOutline {
    background-position: 0px -242px;
}

.icn-addSm {
    width: 15px;
    height: 14px;
    background-position: 0px 0px;
}

.icn-loop {
    width: 20px;
    height: 20px;
    background-position: 0px -299px;
}

.icn-feedback {
    width: 20px;
    height: 24px;
    background-position: 0px -408px;
}

.icn-logout {
    width: 20px;
    height: 24px;
    background-position: 0px -433px;
}

.icn-profile {
    width: 20px;
    height: 24px;
    background-position: 0px -458px;
}

.icn-home {
    width: 20px;
    height: 24px;
    background-position: 0px -383px;
}

.icn-bookClose {
    width: 20px;
    height: 24px;
    background-position: 0px -483px;
}

.icn-bookOpen {
    width: 26px;
    height: 18px;
    background-position: 0px -204px;
}

.icn-bookOpenSm {
    width: 23px;
    height: 17px;
    background-position: 0px -111px;
}

.icn-bookOpenBlueSm {
    width: 26px;
    height: 17px;
    background-position: 0px -75px;
}

.icn-bookOpenLinkSm {
    width: 23px;
    height: 17px;
    background-position: 0px -93px;
}

.icn-bundlesSm {
    width: 23px;
    height: 17px;
    background-position: 0px -129px;
}

.icn-arrowDown {
    width: 14px;
    height: 14px;
    background-position: 0px -15px;
}

.icn-triangleDown {
    width: 18px;
    height: 14px;
    background-position: 0px -45px;
}

.icn-triangleRight {
    width: 10px;
    height: 20px;
    background-position: 0px -341px;
}

.icn-warning {
    width: 32px;
    height: 32px;
    background-position: 0px -706px;
}

.icn-flagGrey {
    width: 32px;
    height: 32px;
    background-position: 0px -739px;
}

.icn-flagBlue {
    width: 32px;
    height: 32px;
    background-position: 0px -574px;
}

.icn-helpSolid {
    width: 32px;
    height: 32px;
    background-position: 0px -508px;
}

.icn-helpSolidSm {
    width: 18px;
    height: 18px;
    background-position: 0px -261px;
}

.icn-checkmark {
    width: 32px;
    height: 32px;
    background-position: 0px -607px;
}

.icn-alert {
    width: 32px;
    height: 32px;
    background-position: 0px -673px;
}

.icn-incorrect {
    width: 32px;
    height: 32px;
    background-position: 0px -640px;
}

.icn-pdf {
    width: 32px;
    height: 32px;
    background-position: 0px -541px;
}

.icn-lock {
    width: 14px;
    height: 14px;
    background-position: 0px -60px;
}

.icn-user {
    width: 14px;
    height: 14px;
    background-position: 0px -30px;
}

.icn-titleBookOpen {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -127px;
    width: 123px;
    height: 126px;
}

.icn-titleBookStack {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -889px;
    width: 123px;
    height: 126px;
}

.icn-titleCumulativeBook {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -254px;
    width: 123px;
    height: 126px;
}

.icn-titleCumulativeGraph {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -381px;
    width: 123px;
    height: 126px;
}

.icn-titleCumulativeQuiz {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -508px;
    width: 123px;
    height: 126px;
}

.icn-titleDictionary {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -635px;
    width: 123px;
    height: 126px;
}

.icn-titleHelp {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -762px;
    width: 123px;
    height: 126px;
}

.icn-titleIndividualResults {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px 0px;
    width: 123px;
    height: 126px;
}

.icn-titleLecture {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1016px;
    width: 123px;
    height: 126px;
}

.icn-titleOutline {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1143px;
    width: 123px;
    height: 126px;
}

.icn-titleQuiz {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1270px;
    width: 123px;
    height: 126px;
}

.icn-titleSettings {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1397px;
    width: 123px;
    height: 126px;
}

.icn-titleSummaryResults {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1524px;
    width: 123px;
    height: 126px;
}

.icn-titleSupporting {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1651px;
    width: 123px;
    height: 126px;
}

.icn-titleVideos {
    background-image: url(../media/images/sprites/title/sprite-core.png);
    background-position: 0px -1778px;
    width: 123px;
    height: 126px;
}

.icn-volumeMute {
    background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
    background-position: 0px -280px;
    width: 34px;
    height: 34px;
}

    .icn-volumeMute:hover, .icn-volumeMute:focus {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px -245px;
        width: 34px;
        height: 34px;
    }

.jp-state-muted .icn-volumeMute {
    background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
    background-position: 0px -350px;
    width: 34px;
    height: 34px;
}

    .jp-state-muted .icn-volumeMute:hover, .jp-state-muted .icn-volumeMute:focus {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px -315px;
        width: 34px;
        height: 34px;
    }

.icn-volumeFull {
    background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
    background-position: 0px -210px;
    width: 34px;
    height: 34px;
}

    .icn-volumeFull:hover, .icn-volumeFull:focus {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px 0px;
        width: 34px;
        height: 34px;
    }

.icn-fullScreen {
    background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
    background-position: 0px -175px;
    width: 34px;
    height: 34px;
}

    .icn-fullScreen:hover, .icn-fullScreen:focus {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px -35px;
        width: 34px;
        height: 34px;
    }

.icn-fileExcel {
    background-image: url(../media/images/sprites/file/sprite-core.png);
    background-position: 0px 0px;
    width: 40px;
    height: 40px;
}

.icn-fileWord {
    background-image: url(../media/images/sprites/file/sprite-core.png);
    background-position: 0px -164px;
    width: 40px;
    height: 40px;
}

.icn-filePowerpoint {
    background-image: url(../media/images/sprites/file/sprite-core.png);
    background-position: 0px -123px;
    width: 40px;
    height: 40px;
}

.icn-filePdf {
    background-image: url(../media/images/sprites/file/sprite-core.png);
    background-position: 0px -82px;
    width: 40px;
    height: 40px;
}

.icn-fileBmp {
    background-image: url(../media/images/fileTypes/bmp.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileGif {
    background-image: url(../media/images/fileTypes/gif.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileJpg {
    background-image: url(../media/images/fileTypes/jpg.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileMov {
    background-image: url(../media/images/fileTypes/mov.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileMp3 {
    background-image: url(../media/images/fileTypes/mp3.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileMp4 {
    background-image: url(../media/images/fileTypes/mp4.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-filePng {
    background-image: url(../media/images/fileTypes/png.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileRtf {
    background-image: url(../media/images/fileTypes/rtf.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileTiff {
    background-image: url(../media/images/fileTypes/tiff.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileTxt {
    background-image: url(../media/images/fileTypes/txt.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileUrl {
    background-image: url(../media/images/fileTypes/url.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileZip {
    background-image: url(../media/images/fileTypes/zip.png);
    width: 40px;
    height: 40px;
    background-position: 0px 0px;
}

.icn-fileGeneric {
    background-image: url(../media/images/sprites/file/sprite-core.png);
    background-position: 0px -41px;
    width: 40px;
    height: 40px;
}


/* ---------------------------------------------------------------------
Icon Badge
Breakpoint: Default
------------------------------------------------------------------------ */

.icnBadge {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    padding: 6px;
    background: #004b96;
    font-size: 12px;
    line-height: 1;
    color: #FFFFFF;
    border: 1px solid #004b96;
}

.icnBadge-info {
    background: #f9f9f9;
    border: 1px solid #dddddd;
}

.icnBadge > * {
    display: inline-block;
    vertical-align: middle;
}

.icnBadge-hd {
    position: relative;
    overflow: hidden;
    top: 2px;
}

.icnBadge-container {
    overflow: hidden;
}

.icnBadge-md {
    float: right;
    margin-left: 8px;
}

.icnBadge-ft {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 0;
}

.icnBadge-ft-sm {
    top: 3px;
    right: 3px;
}


/* ---------------------------------------------------------------------
Image
Breakpoint: Default
------------------------------------------------------------------------ */

.image {
    display: table;
}

.image-circle {
    display: table-cell;
    width: 190px;
    height: 190px;
    overflow: hidden;
    vertical-align: bottom;
    background: #FFFFFF;
    -webkit-border-radius: 195px;
    border-radius: 195px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    border: 2px solid #dddddd;
}

.image-circle-container {
    display: block;
    height: 190px;
}

.image-circle img {
    display: block;
    margin: 0 auto;
}

.image-circle .institutional-quiz-img {
    margin: 30px;
    height: 175px;
}


/* ---------------------------------------------------------------------
Link Call to Action
Breakpoint: Default
------------------------------------------------------------------------ */

.linkCTA:focus {
    outline-width: 0;
}

.linkCTA-uNoHover:hover, .linkCTA-uNoHover:focus, .linkCTA-nestedLink:hover {
    text-decoration: none;
}

.linkCTA-uNoHover:focus {
    outline-width: 5px;
}

.linkCTA-fSecondary {
    font-family: "Goldplay";
}

.linkCTA-fSm {
    font-size: 14px;
}

.linkCTA-cSecondary {
    color: #4e84c4;
}

.linkCTA-disabled {
    color: #707372;
}

    .linkCTA-disabled:hover, .linkCTA-disabled:focus {
        text-decoration: none;
    }

.linkCTA-cBlack {
    color: #000000;
}

.linkCTA-success {
    color: #3f9e45;
}

.linkCTA-error {
    color: #c44e4e;
}

.linkCTA-warning {
    color: #cf7f1e;
}

.linkCTA-txt {
    color: #707372;
}

.linkCTA:hover .linkCTA-link {
    text-decoration: underline;
}


/* ---
Layout Styles
--- */


/* ---------------------------------------------------------------------
Blocks
Breakpoint: Default
------------------------------------------------------------------------ */

.blocks {
    margin: 0;
    padding: 0;
    font-size: 0;
    /* remove inline block whitespace */
}

    .blocks > * {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 30px 0 0;
        /* space blocks horizontally and vertically - offset is handled by .blocks */
        font-size: 16px;
        /* return the font size */
    }

        .blocks > *:first-child {
            padding-top: 0;
        }


/* ---------------------------------------------------------------------
Flexible Grid
------------------------------------------------------------------------ */

.flexGrid {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.flexGrid-row {
    display: table-row;
}

.flexGrid-cell {
    display: table-cell;
    /* padding-left: 40px; */
    word-wrap: break-word;
}

    .flexGrid-cell:first-child {
        padding-left: 0;
    }


/* ---------------------------------------------------------------------
gridTable - vertically center child elements using table layout
------------------------------------------------------------------------ */

.gridTable {
    display: table;
    width: 100%;
}

.gridTable-item {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.gridTable-item_1of12 {
    width: 8.33%;
}

.gridTable-item_2of12 {
    width: 16.66%;
}

.gridTable-item_3of12 {
    width: 25%;
}

.gridTable-item_4of12 {
    width: 33.33%;
}

.gridTable-item_5of12 {
    width: 41.66%;
}

.gridTable-item_6of12 {
    width: 50%;
}

.gridTable-item_7of12 {
    width: 58.33%;
}

.gridTable-item_8of12 {
    width: 66.66%;
}

.gridTable-item_9of12 {
    width: 75%;
}

.gridTable-item_10of12 {
    width: 83.33%;
}

.gridTable-item_11of12 {
    width: 91.66%;
}

.gridTable-item_12of12 {
    width: 100%;
}


/* ---------------------------------------------------------------------
Table Row
Breakpoint: Default
------------------------------------------------------------------------ */

.tableRow-item + .tableRow-item {
    margin-top: 5px;
}


/* ---------------------------------------------------------------------
Site
Breakpoint: Default
------------------------------------------------------------------------ */

.site-container {
    margin: 0 auto;
}

.site {
    display: table;
    height: 100%;
    width: 100%;
}

.site-hd, .site-bd {
    display: table-row;
    height: 1px;
    position: relative;
}

.site-hd {
    z-index: 400;
}

.site-bd {
    height: auto;
    z-index: 300;
}

.site-ft {
    z-index: 100;
}

.site-bar {
    width: 100%;
    height: 18px;
    background: #1F5BA8;
}


/* ---------------------------------------------------------------------
Utilities
Breakpoint: Default
------------------------------------------------------------------------ */

.isVisuallyHidden {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    clip: rect(1px 1px 1px 1px) !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    overflow: hidden !important;
}

.hiddenUntilFocused:focus-within {
    height: 4em !important;
    width: 12em !important;
    position: absolute !important;
    top: 19px !important;
    left: 5px !important;
    clip: initial !important;
    font-size: 14px;
}

.relative {
    position: relative;
}

.float:before, .float:after {
    content: " ";
    display: table;
}

.float:after {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}


/* ---------------------------------------------------------------------
vCenter - vertically center child elements within a container
------------------------------------------------------------------------ */

.vCenter {
    font-size: 0;
}

    .vCenter > * {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }


/* ---------------------------------------------------------------------
Viewport
Breakpoint: Default
------------------------------------------------------------------------ */

.viewport-sm {
    max-width: 470px;
    margin-left: auto;
    margin-right: auto;
}

.viewport-lg {
    max-width: 635px;
}


/* ---
Plugin Styles
--- */


/* ---------------------------------------------------------------------
jPlayer layout
------------------------------------------------------------------------ */


/* Container for audio player */

.jp-wrapper {
    color: #333333;
    padding-bottom: 20px;
}

    .jp-wrapper button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        outline: none;
        font-size: 0;
    }


/* Container for title and number of tracks */

.jp-header {
    border: 1px solid #636567;
    padding: 10px 5px;
    font-size: 15px;
}


/* Title of subject area */

.jp-topic {
    font-size: 18px;
    font-weight: bold;
}


/* Container for playlist */

.jp-list {
    border: 1px solid #eeeeee;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

    .jp-list li {
        padding: 8px;
    }


        /* Alternate row color for quicker track identification */

        .jp-list li:nth-child(odd) {
            background: #eeeeee;
        }


        /* Vertically center content inside list items */

        .jp-list li > * {
            height: 40px;
        }


/* Link/target for individual track */

.jp-playlist-item {
    color: #333333;
}

    .jp-playlist-item:hover, .jp-playlist-item:active {
        color: #3463a8;
        text-decoration: none;
    }


/* Indicator for currently playing track */

.jp-playlist-current {
    font-weight: bold;
}

.jp-jplayer {
    margin: 20px auto 0;
}

.jp-listened_atSmall {
    display: none;
    /*margin-right: 15px;*/
    padding: 2px 6px;
    vertical-align: top;
    background-color: #6d6f72;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

.jp-transcript {
    visibility: hidden;
}


/* ---------------------------------------------------------------------
jPlayer controls
------------------------------------------------------------------------ */


/* Container for all controls */

.jp-interface {
    margin: 10px 0 30px;
}


/* Center control buttons */

.jp-controls {
    text-align: center;
}


/* Play button - circle shape */

.jp-play, .jp-pause {
    position: relative;
    border: 0;
    margin-left: 8px;
    margin-right: 8px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #004B96;
}

.jp-pause {
    display: none;
}

    .jp-play:hover,
    .jp-pause:hover,
    .jp-play:focus,
    .jp-pause:focus,
    .jp-previous:hover,
    .jp-next:hover,
    .jp-previous:focus,
    .jp-next:focus {
        background-color: #0064c7;
    }


/* Play button - CSS triangle */

.jp-play::before {
    top: 11px;
    left: 17px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 23px solid #ffffff;
}


/* Play button - drop shadow effect */

.jp-play::after, .jp-pause::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #004B96;
}


/* Pause button - made using CSS gradient stops */

.jp-pause::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 13px;
    height: 50%;
    width: 48%;
    background-image: linear-gradient(to right, #ffffff, #ffffff 37.5%, #004B96 37.5%, #004B96 62.5%, #ffffff 62.5%, #ffffff);
    /* fallback for IE 9 */
    background-image: url(../media/images/global/jp-pause.png);
}


/* Previous and Next buttons - circle shapes */

.jp-previous, .jp-next {
    position: relative;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #004B96;
}

/* Previous button - CSS triangles #1 */

.jp-previous-icon::before {
    top: 6px;
    left: 4px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ffffff;
}


/* Previous button - CSS triangle #2 */

.jp-previous-icon::after {
    top: 6px;
    left: 11px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #ffffff;
}


/* Next button - CSS triangle #1 */

.jp-next-icon::before {
    top: 6px;
    left: 7px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ffffff;
}


/* Next button - CSS triangle #2 */

.jp-next-icon::after {
    top: 6px;
    left: 14px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #ffffff;
}


/* Previous and Next buttons - drop shadow effect */

.jp-previous::after, .jp-next::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #004B96;
}


/* Progress bar */

.jp-progress {
    width: 60%;
    margin: 20px 0;
    border: 1px solid #004B96;
    border-radius: 5px;
}

.jp-play-bar {
    width: 0;
    height: 8px;
    border-radius: 5px;
    background-color: #004B96;
}

.jp-now-playing {
    font-size: 14px;
}


/* Time progress */

.jp-time-elapsed {
    width: 30%;
    font-size: 12px;
    text-align: center;
}

/* Playback Rate */

.jp-playback-rate {
    width: 10%;
    font-size: 12px;
    text-align: center;
}

/* Volume bar */

.jp-volume-controls {
    display: block;
}

.jp-volume-bar {
    width: 100%;
    border: 1px solid #004B96;
    border-radius: 5px;
}

.jp-volume-bar-value {
    height: 8px;
    border-radius: 5px;
    background-color: #004B96;
    width: 80%;
}


/* Full Screen */

.jp-full-screen {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.jp-state-full-screen {
    width: 100%;
    padding: 0;
    background-color: #000000;
}

    .jp-state-full-screen .jp-jplayer {
        margin: 0;
    }

    .jp-state-full-screen .jp-gui {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #000000;
    }

    .jp-state-full-screen .jp-interface {
        margin: 20px auto;
    }

    .jp-state-full-screen .jp-playlist, .jp-state-full-screen .jp-header {
        display: none;
    }

@media (max-width: 768px) {
    .jp-jplayer {
        width: 100% !important;
    }

        .jp-jplayer video, .jp-jplayer img {
            width: 100% !important;
        }
}

.jwplayerWrapper {
    position: relative;
    max-width: 480px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    /* ---------------------------------------------------------------------
Target Browsers: All
Media Type: Screen, Projection
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---
Landmark Styles
--- */
    /* ---------------------------------------------------------------------
Footer Navigation
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---
Container Styles
--- */
    /* ---------------------------------------------------------------------
Banner
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Banner Item
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Book
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Book Cover
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Button List
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Hero Image
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---
Content Styles
--- */
    /* ---
Layout Styles
--- */
    /* ---------------------------------------------------------------------
Blocks
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Flexible Grid
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Table Row
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Utilities
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    /* ---
Plugin Styles
--- */
    /* ---------------------------------------------------------------------
jPlayer styles
Breakpoint: $SCREEN_SM (Tablet)
------------------------------------------------------------------------ */
    .footerNav-item {
        float: left;
    }

        .footerNav-item:first-child {
            margin-left: 0;
        }

        .footerNav-item:last-child {
            margin-right: 0;
        }

    .banner {
        background: url("../media/images/global/banner-book-bg.png") 0 top no-repeat;
    }

    .banner-container > .row > * + * {
        margin-top: 20px;
    }

    .bannerItem {
        margin-left: 210px;
        margin-right: 0;
    }

    .book-meta-right-align {
        text-align: right;
    }

    .btnList {
        font-size: 0;
    }

        .btnList > * {
            display: inline-block;
            vertical-align: middle;
        }

            .btnList > * + * {
                margin-top: 0;
            }

        .btnList > *, .btnList > .btn {
            margin-right: 10px;
            vertical-align: middle;
        }

    .btnList-md > *, .btnList-md > .btn {
        margin-right: 20px;
    }

    .btnList-lg > *, .btnList-lg > .btn {
        margin-right: 30px;
    }

    .btnList > *:last-child, .btnList > .btn:last-child {
        margin-right: 0;
    }

    .heroImage {
        display: block;
    }

    .blocks {
        margin-left: -30px;
    }

        .blocks > * {
            display: inline-block;
            vertical-align: top;
            padding-left: 30px;
        }

    .blocks-2up > * {
        width: 50%;
    }

        .blocks-2up > *:nth-child(1), .blocks-2up > *:nth-child(2) {
            margin-top: 0;
        }

    .blocks-3up > * {
        width: 33.33333%;
    }

        .blocks-3up > *:nth-child(1), .blocks-3up > *:nth-child(2), .blocks-3up > *:nth-child(3) {
            padding-top: 0;
        }

    .blocks-4up > * {
        width: 25%;
        padding-top: 70px;
    }

        .blocks-4up > *:nth-child(1), .blocks-4up > *:nth-child(2), .blocks-4up > *:nth-child(3), .blocks-4up > *:nth-child(4) {
            padding-top: 0;
        }

    .flexGrid {
        table-layout: auto;
    }

    .flexGrid-cell {
        padding-left: 40px;
        word-wrap: normal;
    }

    .tableRow {
        display: table;
        width: 100%;
    }

    .tableRow_wAuto {
        width: auto;
    }

    .mix-tableRow_sRightSm {
        padding-right: 10px;
    }

    .mix-tableRow_sRightLg {
        padding-right: 30px;
    }

    .tableRow-item {
        display: table-cell;
        vertical-align: middle;
    }

    .tableRow-item_gutter {
        padding: 0 10px;
    }

    .tableRow-item_1of10 {
        width: 10%;
    }

    .tableRow-item_2of10 {
        width: 20%;
    }

    .tableRow-item_3of10 {
        width: 30%;
    }

    .tableRow-item_4of10 {
        width: 40%;
    }

    .tableRow-item_5of10 {
        width: 50%;
    }

    .tableRow-item_6of10 {
        width: 60%;
    }

    .tableRow-item_7of10 {
        width: 70%;
    }

    .tableRow-item_8of10 {
        width: 80%;
    }

    .tableRow-item_9of10 {
        width: 100%;
    }

    .tableRow-item_icnXsm {
        width: 27px;
    }

    .tableRow-item_icnSm {
        width: 32px;
    }

    .tableRow-item_icnMed {
        width: 45px;
    }

    .mix-tableRow-item_sSm {
        padding: 10px 20px;
    }

        .mix-tableRow-item_sSm:first-child {
            padding-left: 0;
        }

        .mix-tableRow-item_sSm:last-child {
            padding-right: 0;
        }

    .mix-tableRow-item_vTop {
        vertical-align: top;
    }

    .mix-tableRow-item_vBottom {
        vertical-align: bottom;
    }

    .mix-tableRow-item_outline {
        border: 1px solid #dddddd;
    }

    .mix-tableRow-item_bLeftSm {
        border-left: 1px solid #707372;
    }

    .mix-tableRow-item_bRightSm {
        border-right: 1px solid #dddddd;
    }

    .mix-tableRow-item_tCenter {
        text-align: center;
    }

    .float-sm-left {
        float: left;
    }

    .float-sm-right {
        float: right;
    }

    .jp-interface {
        margin: 40px 0 60px;
    }

    .jp-list li {
        padding: 0 20px;
    }
}

@media (min-width: 992px) {
    /* ---------------------------------------------------------------------
Target Browsers: All
Media Type: Screen, Projection
Breakpoint: $SCREEN_MD (Desktop)
------------------------------------------------------------------------ */
    /* ---
Landmark Styles
--- */
    /* ---------------------------------------------------------------------
Footer
Breakpoint: $SCREEN_MD (Desktop)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Footer Navigation
Breakpoint: $SCREEN_MD (Desktop)
------------------------------------------------------------------------ */
    /* ---
Container Styles
--- */
    /* ---------------------------------------------------------------------
Banner Item
Breakpoint: $SCREEN_MD (Desktop)
------------------------------------------------------------------------ */
    /* ---------------------------------------------------------------------
Banner Item
Breakpoint: $SCREEN_MD (Desktop)
------------------------------------------------------------------------ */
    /* ---
Content Styles
--- */
    /* ---
Layout Styles
--- */
    .footer {
        padding-bottom: 46px;
    }

    .footerNav {
        float: right;
        margin-top: 0;
    }

    .banner-container > .row > * + * {
        margin-top: 0;
    }

    .bannerItem {
        margin-left: 0;
    }

    .bannerItem-left {
        margin-left: 210px;
    }

    .bannerItem-container {
        padding-right: 20px;
        border-right: 1px solid #707372;
    }
}

@media (min-width: 1200px) {
}


/* Other Media Queries
@todo - shoudl it be a mixin for inline breakpoitns?
@media (max-width: $SCREEN_XS_MAX) { ... }
@media (min-width: $SCREEN_SM_MIN) and (max-width: $SCREEN_SM_MAX) { ... }
@media (min-width: $SCREEN_MD_MIN) and (max-width: $SCREEN_MD_MAX) { ... }
@media (min-width: $SCREEN_LG_MIN) { ... }
*/

/*Used on Book Detail page*/
.asset-panel-content {
    height: 220px;
    margin-bottom: 15px;
    padding-top: 0;
}

.asset-panel-image {
    max-width: 100%;
    max-height: 150px;
}

.smaller-asset-panel-image {
    max-width: 100%;
    max-height: 125px;
}

.asset-button-text-wrap {
    white-space: normal;
}

.learning-library-expired {
    font-size: 14px;
}

.courses-body-text {
    font-size: 13px;
    color: #5B6770;
    padding: 15px 0px;
}

.additional-assets-container {
    bottom: 63px;
    text-align: center;
}

.additional-assets-container a:hover,
.additional-assets-container a:focus
{
    text-decoration: none;
}

@media (min-width: 992px) {
    .col-md-6-assets {
        width: 50%;
        float: left;
        height: 399px;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .additional-assets-container {
        position: absolute;
        width: calc(100% - 70px);
    }
}

/*Used for iFrames*/
iframe {
    outline: none;
    display: block;
    width: 100%;
    height: auto;
    border-style: none;
}

/*Homepage styles*/

.homepage-bd {
    background: url(../media/images/global/casebook_bkgd.jpg) #f3f5f6 no-repeat top center;
}

.casebook_homepage .casebook_content {
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-top: 35px;
}

.casebook_homepage .casebook_headline {
    margin-left: 10px;
}

.casebook_homepage h1 {
    color: #396bb7;
    margin: 0;
    font-size: 36px;
}

.casebook_homepage h2 {
    color: #396bb7;
    text-transform: uppercase;
    font-weight: bold;
}

.casebook_homepage .pod_container {
    margin-top: 270px;
}

    .casebook_homepage .pod_container .pod {
        width: 310px;
        float: left;
        margin: 0 50px 25px 10px;
    }

        .casebook_homepage .pod_container .pod.last {
            margin: 0 0 25px 10px;
        }

    .casebook_homepage .pod_container h3 {
        background: url(../media/images/global/icon.png) no-repeat top left;
        padding-left: 64px;
        height: 50px;
        font-size: 30px;
        line-height: 68px;
        margin-top: 0;
    }

    .casebook_homepage .pod_container p {
        line-height: 1.3em;
    }

.site-ft .footer {
    margin-top: 0;
}

/*eProducts Homepage*/

.home-bd .container {
    background-image: url(../media/images/global/eproducts_bkrd_05-01-2019.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.home-bd .container {
    padding-right: 0;
    padding-left: 0;
}

.eproducts_homepage .eproducts_content {
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding-top: 35px;
}

.eproducts_homepage .eproducts_headline {
    margin-left: 25px;
}

.eproducts_homepage h1 {
    color: #396bb7;
    margin: 0;
    font-size: 36px;
}

.eproducts_homepage h2 {
    color: #5b6770;
    font-weight: bold;
    font-size: 16px;
}

.eproducts_homepage p {
    font-size: 16px;
    line-height: 21px;
}

.home-ft .footer {
    margin-top: 0;
}


/*  mobile styles  */
@media (max-width: 540px) {
    .home-bd .container {
        background-image: none;
        background-color: #e9eef4;
    }

    .eproducts_homepage .eproducts_content {
        padding-top: 15px;
    }

    .eproducts_homepage .eproducts_headline {
        margin-left: 10px;
        width: 90%;
        margin-bottom: 25px;
    }
}

@media (min-width: 541px) and (max-width: 767px) {
    .eproducts_content_h1 {
        text-align: left;
    }

    .home-bd .container {
        background-image: none;
        background-color: #e9eef4;
    }

    .container {
        width: 520px;
    }

    .eproducts_homepage .eproducts_content {
        height: 250px;
        padding-top: 20px;
    }

    .eproducts_homepage .eproducts_headline {
        width: 85%;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .eproducts_content_h1 {
        text-align: left;
    }

    .home-bd .container {
        background-image: none;
        background-color: #e9eef4;
    }

    .eproducts_homepage .eproducts_content {
        height: 442px;
        padding-top: 20px;
    }

    .eproducts_homepage .eproducts_headline {
        width: 65%;
    }
}

@media (min-width: 992px) {
    .eproducts_content_h1 {
        text-align: right;
    }

    .home-bd .container {
        background-size: unset;
    }

    .eproducts_homepage .eproducts_content {
        height: 572px;
        padding-top: 35px;
    }

    .eproducts_homepage .eproducts_headline {
        width: 55%;
        margin-left: 30px;
    }
}

@media (min-width: 1200px) {
    .eproducts_homepage .eproducts_content {
        height: 600px;
    }
}

/*Table of Links*/
.tol_info_text {
    margin-top: 5px;
    font-size: 14px;
}

.tol_page-header {
    margin-bottom: 10px;
}

.tol_section-bd {
    margin-top: 10px;
}

/*Free Trial*/
.freeTrial {
    font-size: 14px;
}

.freeTrialHeaderText {
    margin-top: 10px;
    margin-bottom: 10px;
}

.freeTrialSubject {
    font-weight: bold;
    color: #707372;
}

.freeTrialSubtext {
    font-size: 10px;
    margin-top: 10px;
}

.freeTrialButtons {
    margin-top: 10px;
}

.freeTrialValidator {
    color: #ff0000;
    font-size: 16px;
    font-weight: bold;
}

.noFreeTrialHeaderText {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.freeTrialDescription {
    color: #707372;
    padding-left: -1.5em;
    text-indent: 1.5em;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-55 {
    margin-right: 55px;
}

.margin-right-70 {
    margin-right: 70px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-35 {
    margin-top: 35px;
}

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

.margin-left-15 {
    margin-left: 15px;
}

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


.margin-top-30 {
    margin-top: 30px;
}

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

.margin-top-15 {
    margin-top: 15px;
}

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

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

.display-block {
    display: block;
}

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

.padding-top-35 {
    padding-top: 35px;
}

.no-padding {
    padding: 0;
}

.background-white {
    background-color: #ffffff;
}

.border-word {
    border-style: solid;
    border-color: #2C3481;
    border-width: 1px;
}

.text_right {
    text-align: right;
}

.icn-transcript {
    margin-left: 15px;
}

#audioLectureStoreLink {
    text-decoration: underline;
}

.display-none {
    display: none;
}

.display-flex {
    display: flex;
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-body-text {
    font-size: 14px;
    line-height: 20px;
    margin: 1em 0 1em 0;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.media > * {
    display: block;
}

@media (min-width: 768px) {
    .media > * {
        display: table-cell;
    }
}

.media-body {
    position: relative;
    width: auto;
}

.media-left {
    padding-right: 0;
    padding-bottom: 20px;
    vertical-align: middle;
}

@media (min-width: 768px) {
    .media-left {
        padding-right: 30px;
        padding-bottom: 0;
        vertical-align: middle;
    }
}

.showHideText {
    color: #1F5BA8;
    text-decoration: none;
}

    .showHideText:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.whitespace-preline {
    white-space: pre-line;
}

.whitespace-prewrap {
    white-space: pre-wrap;
}

.show-hide-book-icon {
    font-size: 1.3em;
    color: #163f8d;
}

/* Used on Book Edit page */

.ui-draggable,
.ui-droppable {
    background-position: top;
}

#module-sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 600px;
    overflow: hidden;
}

    #module-sortable li {
        border: thin black solid;
        margin: 3px 3px 3px 0;
        padding: 1px;
        float: left;
        /*display: inline-block;*/
        width: 275px;
        height: 155px;
        text-align: center;
        overflow: hidden;
    }

        #module-sortable li:hover {
            cursor: pointer;
        }

        #module-sortable li.ui-sortable-helper {
            cursor: move;
        }

.module-position-icon {
    height: 123px;
    width: 126px;
    filter: grayscale(90%) opacity(60%) blur(.75px);
}

.position-modal-asset-name {
    margin-top: 5px;
}

#EditModulePositions {
    margin-right: 5px;
}

.js-modal-error-message {
    color: #c44e4e;
    font-size: 14px;
}

.course-select {
    max-width: 250px;
}

.course-select-center {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.no-padding-top-bottom {
    padding-top: 0;
    padding-bottom: 0;
}


/*dictionary asset*/
@media (min-width: 768px) {
    .dictionary-image {
        width: 33%;
        padding-top: 30px !important;
    }

    .dictionary-definition {
        width: 66%;
        padding-top: 25px !important;
    }

    .dictionary-asset-box {
        max-height: 270px;
        overflow-y: auto;
    }

    .dictionary-terms-select {
        width: 270px;
    }
}

@media (max-width: 767px) {
    .dictionary-image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px !important;
    }

    .dictionary-definition {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -40px !important;
    }

    .dictionary-asset-box {
        max-height: 530px;
        overflow-y: auto;
    }

    .dictionary-terms-select {
        width: 100%;
    }
}

/* Professors Select2 styles on Enroll page */
@media (min-width: 768px) {
    .professors-image {
        width: 33%;
        padding-top: 30px !important;
    }

    .professors-definition {
        width: 66%;
    }

    .professors-asset-box {
        max-height: 270px;
        overflow-y: auto;
    }

    .professors-select {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .professors-image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px !important;
    }

    .professors-definition {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .professors-asset-box {
        max-height: 530px;
        overflow-y: auto;
    }

    .professors-select {
        width: 100%;
    }
}

.enroll-professors-container {
    height: 200px;
    margin-bottom: 15px;
    padding-top: 0;
}

.throbber {
    background: url("/media/images/sprites/spinner/throbber.gif") 0 0 no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/*Used for faculty tabs*/
.detail-page-nav-tabs > li#student_materials > a {
    margin-right: 8px;
    z-index: 2;
}

.detail-page-nav-tabs > li#faculty_resources > a {
    margin-left: 8px;
    z-index: 2;
}

.detail-page-nav-tabs > li#marklogic_book > a {
    margin-left: 8px;
    z-index: 2;
}

#faculty_tabs {
    width: 66%;
    border: none;
}

.student_materials_tab:focus {
    border: thin grey dotted !important;
}


/*Study aid detail page styles*/
.detail-page-nav-tabs {
    border: none;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .detail-page-nav-tabs > li {
        display: block;
        text-align: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1 auto;
        -ms-flex: 1 auto;
        flex: 1 auto;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        font-size: 14px;
    }

@media (min-width: 768px) {
    .detail-page-nav-tabs > li {
        font-size: 18px;
    }
}


.detail-page-nav-tabs > li > a {
    margin: 0;
    background-color: #eeeeee;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
    padding: 5px 7px;
}

@media (min-width: 480px) {
    .detail-page-nav-tabs > li > a {
        margin: 0 3px;
        padding: 8px 11px;
    }
}

@media (min-width: 768px) {
    .detail-page-nav-tabs > li > a {
        margin: 0 5px;
        padding: 10px 15px;
    }
}

.detail-page-nav-tabs > li:first-child > a {
    margin-left: 0;
}

.detail-page-nav-tabs > li:last-child > a {
    margin-right: 0;
}

.detail-page-nav-tabs > li > a:hover {
    background-color: #dddddd;
    border-color: transparent;
}

.detail-page-nav-tabs > li.active > a,
.detail-page-nav-tabs > li.active > a:hover,
.detail-page-nav-tabs > li.active > a:focus {
    border-color: #dddddd;
    border-bottom-color: transparent;
}

.detail-page-nav-tabs > li:last-child.active > a {
    border-bottom: 1px solid transparent;
}

.detail-page-nav-tabs > li > a {
    border-radius: 0;
}

.detail-page-course-row {
    padding-left: 15px;
    padding-right: 15px;
}

@media(min-width: 992px) {
    .detail-page-course-row {
        height: 34px;
        line-height: 34px;
    }
}


/*Detail Page Panels*/
.detail-page-panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.detail-page-panel-body {
    padding: 15px;
    color: #333333;
}

    .detail-page-panel-body:before,
    .detail-page-panel-body:after {
        content: " ";
        display: table;
    }

    .detail-page-panel-body:after {
        clear: both;
    }

.detail-page-panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .detail-page-panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.detail-page-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .detail-page-panel-title > a,
    .detail-page-panel-title > small,
    .detail-page-panel-title > .small,
    .detail-page-panel-title > small > a,
    .detail-page-panel-title > .small > a {
        color: inherit;
    }

.detail-page-panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.detail-page-panel > .list-group,
.detail-page-panel > .detail-page-panel-collapse > .list-group {
    margin-bottom: 0;
}

    .detail-page-panel > .list-group .list-group-item,
    .detail-page-panel > .detail-page-panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .detail-page-panel > .list-group:first-child .list-group-item:first-child,
    .detail-page-panel > .detail-page-panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .detail-page-panel > .list-group:last-child .list-group-item:last-child,
    .detail-page-panel > .detail-page-panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.detail-page-panel > .detail-page-panel-heading + .detail-page-panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.detail-page-panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .detail-page-panel-footer {
    border-top-width: 0;
}

.detail-page-panel > .table,
.detail-page-panel > .table-responsive > .table,
.detail-page-panel > .detail-page-panel-collapse > .table {
    margin-bottom: 0;
}

    .detail-page-panel > .table caption,
    .detail-page-panel > .table-responsive > .table caption,
    .detail-page-panel > .detail-page-panel-collapse > .table caption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .detail-page-panel > .table:first-child,
    .detail-page-panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .detail-page-panel > .table:first-child > thead:first-child > tr:first-child,
        .detail-page-panel > .table:first-child > tbody:first-child > tr:first-child,
        .detail-page-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .detail-page-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .detail-page-panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .detail-page-panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .detail-page-panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .detail-page-panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .detail-page-panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .detail-page-panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .detail-page-panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .detail-page-panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .detail-page-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .detail-page-panel > .table:last-child,
    .detail-page-panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .detail-page-panel > .table:last-child > tbody:last-child > tr:last-child,
        .detail-page-panel > .table:last-child > tfoot:last-child > tr:last-child,
        .detail-page-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .detail-page-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            .detail-page-panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .detail-page-panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .detail-page-panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .detail-page-panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .detail-page-panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .detail-page-panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .detail-page-panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .detail-page-panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .detail-page-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .detail-page-panel > .detail-page-panel-body + .table,
    .detail-page-panel > .detail-page-panel-body + .table-responsive,
    .detail-page-panel > .table + .detail-page-panel-body,
    .detail-page-panel > .table-responsive + .detail-page-panel-body {
        border-top: 1px solid #ddd;
    }

    .detail-page-panel > .table > tbody:first-child > tr:first-child th,
    .detail-page-panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.detail-page-panel > .table-bordered,
.detail-page-panel > .table-responsive > .table-bordered {
    border: 0;
}

    .detail-page-panel > .table-bordered > thead > tr > th:first-child,
    .detail-page-panel > .table-bordered > thead > tr > td:first-child,
    .detail-page-panel > .table-bordered > tbody > tr > th:first-child,
    .detail-page-panel > .table-bordered > tbody > tr > td:first-child,
    .detail-page-panel > .table-bordered > tfoot > tr > th:first-child,
    .detail-page-panel > .table-bordered > tfoot > tr > td:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .detail-page-panel > .table-bordered > thead > tr > th:last-child,
    .detail-page-panel > .table-bordered > thead > tr > td:last-child,
    .detail-page-panel > .table-bordered > tbody > tr > th:last-child,
    .detail-page-panel > .table-bordered > tbody > tr > td:last-child,
    .detail-page-panel > .table-bordered > tfoot > tr > th:last-child,
    .detail-page-panel > .table-bordered > tfoot > tr > td:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .detail-page-panel > .table-bordered > thead > tr:first-child > td,
    .detail-page-panel > .table-bordered > thead > tr:first-child > th,
    .detail-page-panel > .table-bordered > tbody > tr:first-child > td,
    .detail-page-panel > .table-bordered > tbody > tr:first-child > th,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .detail-page-panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .detail-page-panel > .table-bordered > tbody > tr:last-child > td,
    .detail-page-panel > .table-bordered > tbody > tr:last-child > th,
    .detail-page-panel > .table-bordered > tfoot > tr:last-child > td,
    .detail-page-panel > .table-bordered > tfoot > tr:last-child > th,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .detail-page-panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .detail-page-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.detail-page-panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.detail-page-panel-group {
    margin-bottom: 20px;
}

    .detail-page-panel-group .detail-page-panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .detail-page-panel-group .detail-page-panel + .detail-page-panel {
            margin-top: 5px;
        }

    .detail-page-panel-group .detail-page-panel-heading {
        border-bottom: 0;
    }

        .detail-page-panel-group .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body,
        .detail-page-panel-group .detail-page-panel-heading + .detail-page-panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .detail-page-panel-group .detail-page-panel-footer {
        border-top: 0;
    }

        .detail-page-panel-group .detail-page-panel-footer + .detail-page-panel-collapse .detail-page-panel-body {
            border-bottom: 1px solid #ddd;
        }

.detail-page-panel-default {
    border-color: #ddd;
}

    .detail-page-panel-default > .detail-page-panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .detail-page-panel-default > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #ddd;
        }

        .detail-page-panel-default > .detail-page-panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .detail-page-panel-default > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #ddd;
    }

.detail-page-panel-primary {
    border-color: #337ab7;
}

    .detail-page-panel-primary > .detail-page-panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .detail-page-panel-primary > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #337ab7;
        }

        .detail-page-panel-primary > .detail-page-panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .detail-page-panel-primary > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #337ab7;
    }

.detail-page-panel-success {
    border-color: #d6e9c6;
}

    .detail-page-panel-success > .detail-page-panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .detail-page-panel-success > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #d6e9c6;
        }

        .detail-page-panel-success > .detail-page-panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .detail-page-panel-success > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #d6e9c6;
    }

.detail-page-panel-info {
    border-color: #bce8f1;
}

    .detail-page-panel-info > .detail-page-panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .detail-page-panel-info > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #bce8f1;
        }

        .detail-page-panel-info > .detail-page-panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .detail-page-panel-info > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #bce8f1;
    }

.detail-page-panel-warning {
    border-color: #faebcc;
}

    .detail-page-panel-warning > .detail-page-panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .detail-page-panel-warning > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #faebcc;
        }

        .detail-page-panel-warning > .detail-page-panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .detail-page-panel-warning > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #faebcc;
    }

.detail-page-panel-danger {
    border-color: #ebccd1;
}

    .detail-page-panel-danger > .detail-page-panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .detail-page-panel-danger > .detail-page-panel-heading + .detail-page-panel-collapse > .detail-page-panel-body {
            border-top-color: #ebccd1;
        }

        .detail-page-panel-danger > .detail-page-panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .detail-page-panel-danger > .detail-page-panel-footer + .detail-page-panel-collapse > .detail-page-panel-body {
        border-bottom-color: #ebccd1;
    }

.detail-page-nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .detail-page-nav:before,
    .detail-page-nav:after {
        content: " ";
        display: table;
    }

    .detail-page-nav:after {
        clear: both;
    }

    .detail-page-nav > li {
        position: relative;
        display: block;
    }

        .detail-page-nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .detail-page-nav > li > a:hover,
            .detail-page-nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .detail-page-nav > li.disabled > a {
            color: #777777;
        }

            .detail-page-nav > li.disabled > a:hover,
            .detail-page-nav > li.disabled > a:focus {
                color: #777777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .detail-page-nav .open > a,
    .detail-page-nav .open > a:hover,
    .detail-page-nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #337ab7;
    }

    .detail-page-nav .detail-page-nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .detail-page-nav > li > a > img {
        max-width: none;
    }

.detail-page-nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .detail-page-nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .detail-page-nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

            .detail-page-nav-tabs > li > a:hover {
                border-color: #eeeeee #eeeeee #ddd;
            }

        .detail-page-nav-tabs > li.active > a,
        .detail-page-nav-tabs > li.active > a:hover,
        .detail-page-nav-tabs > li.active > a:focus {
            color: #555555;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default;
        }

.detail-page-nav-pills > li {
    float: left;
}

    .detail-page-nav-pills > li > a {
        border-radius: 4px;
    }

    .detail-page-nav-pills > li + li {
        margin-left: 2px;
    }

    .detail-page-nav-pills > li.active > a,
    .detail-page-nav-pills > li.active > a:hover,
    .detail-page-nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #337ab7;
    }

.detail-page-nav-stacked > li {
    float: none;
}

    .detail-page-nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0;
    }

.detail-page-nav-justified, .detail-page-nav-tabs.detail-page-nav-justified {
    width: 100%;
}

    .detail-page-nav-justified > li, .detail-page-nav-tabs.detail-page-nav-justified > li {
        float: none;
    }

        .detail-page-nav-justified > li > a, .detail-page-nav-tabs.detail-page-nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px;
        }

    .detail-page-nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

@media (min-width: 768px) {
    .detail-page-nav-justified > li, .detail-page-nav-tabs.detail-page-nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .detail-page-nav-justified > li > a, .detail-page-nav-tabs.detail-page-nav-justified > li > a {
            margin-bottom: 0;
        }
}

.detail-page-nav-tabs-justified, .detail-page-nav-tabs.detail-page-nav-justified {
    border-bottom: 0;
}

    .detail-page-nav-tabs-justified > li > a, .detail-page-nav-tabs.detail-page-nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
    }

    .detail-page-nav-tabs-justified > .active > a,
    .detail-page-nav-tabs.detail-page-nav-justified > .active > a, .detail-page-nav-tabs-justified > .active > a:hover,
    .detail-page-nav-tabs.detail-page-nav-justified > .active > a:hover, .detail-page-nav-tabs-justified > .active > a:focus, .detail-page-nav-tabs.detail-page-nav-justified > .active > a:focus {
        border: 1px solid #ddd;
    }

@media (min-width: 768px) {
    .detail-page-nav-tabs-justified > li > a, .detail-page-nav-tabs.detail-page-nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .detail-page-nav-tabs-justified > .active > a,
    .detail-page-nav-tabs.detail-page-nav-justified > .active > a, .detail-page-nav-tabs-justified > .active > a:hover,
    .detail-page-nav-tabs.detail-page-nav-justified > .active > a:hover, .detail-page-nav-tabs-justified > .active > a:focus, .detail-page-nav-tabs.detail-page-nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }

.list-results {
    list-style-type: none;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.42857;
    margin-bottom: 0;
}

.list-results-item > .search-preview {
    display: block;
    padding: 10px 15px 11px 15px;
    color: #333333;
}

.list-results-show-chapter {
    margin: 10px 15px 11px 15px;
}

.list-results-item + .list-results-item {
    border-top: 1px solid #eaeaea;
}

.list-results-item > .search-preview:hover,
.list-results-item > .search-preview:focus {
    color: #133d8d;
    background-color: rgba(221, 221, 221, 0.25);
    text-decoration: none;
}

.list-pad {
    font-size: 14px;
    line-height: 1.42857;
}

    .list-pad > * + * {
        margin-top: 5px;
    }

.list-delimited {
    font-size: 0;
    text-align: right;
}

    .list-delimited > * + * {
        border-left: 1px solid #333333;
    }

    .list-delimited > *:last-child > a {
        padding-right: 0;
    }

.list-limited {
    border: 1px solid #dddddd;
    max-height: 250px;
    padding-left: 5px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.toc-wrapper ol {
    list-style: none;
}

.toc-wrapper .toggle-arrow {
    position: relative;
}

    .toc-wrapper .toggle-arrow:before {
        width: 0;
        height: 0;
        content: '';
        z-index: 2;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #636567;
        top: 3px;
        right: 10px;
        position: absolute;
    }

    .toc-wrapper .toggle-arrow.expanded:before {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 8px solid #636567;
        top: 5px;
        right: 10px;
    }


.detail-page-panel-results,
.detail-page-panel-results .detail-page-panel-heading,
.detail-page-panel-results .detail-page-panel-body {
    background-color: none;
    border-color: #dddddd;
    border-radius: 0;
}

    .detail-page-panel-results .detail-page-panel-heading {
        position: relative;
        padding-left: 36px;
        color: #000000;
    }

        .detail-page-panel-results .detail-page-panel-heading:after {
            width: 0;
            height: 0;
            content: '';
            position: absolute;
            z-index: 2;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 8px solid #636567;
            top: 50%;
            left: 13px;
            margin-top: -4px;
        }

        .detail-page-panel-results .detail-page-panel-heading.active {
            background: #eeeeee;
            color: #000000;
        }

            .detail-page-panel-results .detail-page-panel-heading.active:after {
                width: 0;
                height: 0;
                content: '';
                position: absolute;
                z-index: 2;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 8px solid #636567;
                border-top: none;
                border-top-color: transparent;
            }

    .detail-page-panel-results .detail-page-panel-title > a:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100;
    }

    .detail-page-panel-results .gridTable .detail-page-panel-title > a:after {
        top: -13px;
        right: -20px;
        bottom: -13px;
        left: -36px;
    }

    .detail-page-panel-results .btn_atSmall {
        position: relative;
        z-index: 110;
    }

    .detail-page-panel-results .detail-page-panel-heading {
        background: #eeeeee;
        color: #000000;
    }

    .detail-page-panel-results .detail-page-panel-body {
        background: #FFFFFF;
        padding: 0;
    }

.detail-page-panel.panel-results + .detail-page-panel.panel-results {
    margin-top: 5px;
}

.text-subtitle {
    display: block;
    font-size: 80%;
    color: inherit;
    margin-top: 4px;
}

.text-highlight {
    background-color: rgba(51, 122, 183, 0.15);
}

    .text-highlight:hover,
    .text-highlight:focus {
        text-decoration: none;
    }

        .text-highlight:hover:before,
        .text-highlight:focus:before {
            background-color: rgba(40, 96, 144, 0.15);
        }

.detail-page-form-control {
    height: 36px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    font-size: 14px;
    color: #333333;
    background-color: #FFFFFF;
    border: 2px solid #004b96;
    border-radius: 0;
    box-sizing: border-box;
}

    .detail-page-form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .detail-page-form-control:-ms-input-placeholder {
        color: #999;
    }

    .detail-page-form-control::-webkit-input-placeholder {
        color: #999;
    }

    .detail-page-form-control[readonly] {
        background: #FFFFFF;
        font-style: italic;
    }

    .detail-page-form-control:focus {
        box-shadow: 0 0 5px #81b0e8;
    }

.sortbar-options {
    margin-top: 20px;
    text-align: right;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .sortbar-options {
        margin-top: 0;
    }

        .sortbar-options.sortbar-options-search {
            margin-top: 5px;
        }
}

.sortbar-options > * {
    display: inline-block;
    vertical-align: top;
}

.ui-autocomplete-input {
    cursor: text !important;
    color: #000000;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
    z-index: 9999 !important;
}

.ui-menu .ui-menu-item {
    color: #333333;
    font-size: 14px;
}

    .ui-menu .ui-menu-item:hover {
        background-color: rgb(213, 232, 246) !important;
    }

    .ui-menu .ui-menu-item a:hover {
        border: none;
        text-decoration: none;
        background-color: transparent;
    }

    .ui-menu .ui-menu-item a {
        background: transparent !important;
    }

hr.chapter-preview {
    margin-bottom: 20px;
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.text-preview .text-highlight + .text-highlight:before {
    content: " ";
}

.underline {
    text-decoration: underline;
}

span + span.underline:before {
    text-decoration: none;
    content: " ";
}

.strike {
    text-decoration: line-through;
}

span + span.strike:before {
    content: " ";
    text-decoration: none;
}

.bold {
    font-weight: bold;
}

.black-text {
    color: #000;
}

span + span.bold:before {
    content: " ";
    text-decoration: none;
}

.italic {
    font-style: italic;
}

span + span.italic:before {
    content: " ";
    text-decoration: none;
}

.text-preview {
    font-size: 14px;
    line-height: 1.42857;
}

    .text-preview p + p {
        margin-top: 1em;
    }

a.clearAnchorStyle {
    color: inherit !important;
    text-decoration: none !important;
    cursor: text !important;
}

    a.clearAnchorStyle:hover {
        color: inherit !important;
        text-decoration: none !important;
        cursor: text !important;
    }

.text-preview a:hover {
    cursor: pointer;
    cursor: hand;
}

.btn-space {
    margin-right: 10px;
}

/* Institutional Rules Page*/

.form-checkbox {
    margin-top: 5px;
}

.school-name-text {
    padding-top: 5px;
}

.text-decoration-none {
    text-decoration: none !important;
}

.width-50-percent {
    width: 50% !important;
}

.inline-block {
    display: inline-block !important;
}

.font-size-12px {
    font-size: 12px;
}

.font-size-14px {
    font-size: 14px;
}

.font-size-20px {
    font-size: 20px;
}

.cursor-pointer:hover {
    cursor: pointer;
}

/* Audio Player */

#playerContainer {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: hidden;
}

.current-track {
    font-weight: bold;
}

/* Supporting Documents Page */
#supporting-documents-section tr > td:nth-child(2) {
    text-align: center;
}

/* Simulations Page*/
.simulation-name-column {
    min-width: 13em;
}

.simulation-viewed {
    padding: 2px 6px;
    vertical-align: bottom;
    background-color: #6d6f72;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

@media(min-width: 768px) {
    .user-has-sas-account {
        float: right !important;
    }
}

@media(max-width: 768px) {
    .user-has-sas-account {
        margin-top: 10px;
    }
}

/* Edit book page */
/* Break up url to prevent overflow */
td.url-column {
    -moz-word-break: break-all;
    -o-word-break: break-all;
    word-break: break-all;
}

/* Don't break on hyphens for Material Number */
.bundle-material-code-column {
    white-space: nowrap;
}

/* Fix weird background on module position boxes */
.asset-module-li {
    background: none !important;
}

/* Used to make textarea only able to stretch vertically */
textarea.fixed-width {
    resize: vertical;
}

textarea.lg-height {
    height: 200px;
}


/*Short Answer/Essay Question Stuff*/
.short-answer-authors {
    text-align: right;
}

.short-answer-question-list {
    list-style: none;
    text-align: left;
    padding-left: 0;
}

    .short-answer-question-list li[role="presentation"] {
        padding: 15px 5px;
    }

    .short-answer-question-list li.divider {
        background-color: grey;
        width: 100%;
        height: 2px;
    }

.short-answer-list-container {
    background-color: #eeeeee;
}

.short-answer-question-answer {
    padding: 0 60px 60px;
}

    .short-answer-question-answer > .tab-pane {
        position: absolute;
        left: -999999px;
    }

    .short-answer-question-answer > .active {
        position: relative;
        left: 0;
    }

.short-answer-viewed {
    padding-left: 10px;
    color: red;
}

.no-border {
    border: none;
}


@media(min-width: 992px) {
    .authored-by {
        float: right;
    }
}

.question-pool-panel-body {
    padding: 0 !important;
    background: #eeeeee !important;
}

.no-border-radius {
    -ms-border-radius: 0 !important;
    border-radius: 0 !important;
}

.panel-title .trigger:before {
    content: '\e082';
    font-family: 'Goldplay';
    vertical-align: text-bottom;
    margin-right: 10px;
}

.panel-title .trigger.collapsed:before {
    content: '\e081';
}

.panel-title .trigger:hover, .panel-title .trigger:focus {
    text-decoration: none;
}

.question-pool-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #1F5BA8;
    background-color: white;
    -ms-border-radius: 0;
    border-radius: 0;
}

a .viewed {
    font-size: 15px;
    color: #db0000;
}

#userMenuDropdown {
    padding-right: 0;
}

.envelope-icon {
    height: 32px;
    margin-right: 1.5em;
}

.number-of-messages-indicator {
    background-color: #DE0909;
    border-radius: 50%;
    color: white;
    display: none;
    font-size: 12px;
    height: 16px;
    padding-top: 1px;
    position: absolute;
    right: 18px;
    text-align: center;
    top: 0;
    width: 16px;
}

#navbar-notifications-container {
    display: none;
    float: right;
    margin-top: 11px;
    position: relative;
}

@media (max-width: 768px) {
    #notifications-container {
        display: none;
    }

    #navbar-notifications-container {
        display: block;
    }
}

.key-to-bundle-label {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
    margin-bottom: 0;
}

/* Increase contrast of select2 placeholder */
.select2-selection__placeholder {
    color: #767676 !important;
}

.read-offline-img {
    width: 100%;
}

/* Institutions Drop Down*/
@media (min-width: 768px) {
    #institutions-dropdown {
        display: inline-block;
        float: left;
        margin-right: 2em;
    }
}

.list-spaced li {
    margin: 10px 0;
}

legend {
    border-bottom: none;
}

/*------------ QUIZZING --------------*/


/* Scroll to Top of Page */

#top-control {
    z-index: 300;
    width: 41px;
    height: 38px;
    background-color: rgb(102, 102, 102);
    position: fixed;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    border-radius: 3px;
    transition: background 0.1s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

    #top-control:hover {
        background-color: #4E4D4A;
    }

#top-control-chevron {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*Fixed Document Table Not Fitting*/
.table-setup {
    table-layout: fixed;
    width: 100%;
}

.table-item-wrapper {
    word-wrap: break-word;
}


/*Question Pool Maintenance*/
.addQuestionForm, .addAnswerForm {
    padding: 20px;
}

.correct-answer-icon, .hide-author-override {
    display: none;
}

.add-question-tab-content, .add-question-nav-tabs {
    width: 70%;
}

.add-question-tab-content-wide, .add-question-nav-tabs-wide {
    width: 100%;
}

    .add-question-nav-tabs > li.active > a, .add-question-nav-tabs > li.active > a:hover, .add-question-nav-tabs > li.active > a:focus {
        color: white;
        background-color: #004b96;
    }

.correct-answer-error, .question-required-error, .answer-required-error, .authors-required-error, .answer-display-later-than-question-error, .stop-display-later-than-start-q-error, .stop-display-later-than-start-a-error, .minimum-answers-error {
    display: none;
    color: red;
}

.start-stop-date-error {
    border-color: red;
}


#SelectExcerpt-Top, #CloseExcerpt-Top {
    float: right;
    margin-left: 10px;
}

#tags-text-area {
    width: 400px;
}

.excerpt-field {
    width: 50%;
}

#AddExcerpt {
    margin-top: 5px;
}

#institution-text {
    margin: 0;
}

.add-question-nav-tabs li a {
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.vertical-align-center {
    vertical-align: middle !important;
}

.width-150 {
    width: 150px;
}

.text-area-placeholder {
    min-height: 164px;
}

/*Overriding DataTable Style that centers reorder cells*/
table.dataTable td.reorder {
    text-align: left;
}

/* Feather Icons */
.feather {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.feather-sm {
    width: 20px;
    height: 20px;
}

.btn .feather {
    vertical-align: bottom;
}

.cant-add-question {
    color: red;
}

#select-all, #clear-all {
    cursor: pointer;
}

li.reorder {
    text-align: center;
    cursor: move;
}

.list-group-item[aria-pressed="true"] {
    background: #eeeeee;
}

.success {
    color: green;
}

.failure {
    color: red;
}

.flex {
    display: flex;
}

.flex-md {
    display: block;
}

@media(min-width:768px) {
    .flex-md {
        display: flex;
    }
}

.space-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

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

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    margin-top: 0.2em;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #999;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #004b96;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* opposing labled switch */
.opposing-label-switch {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .opposing-label-switch label.switch {
        margin-inline: 0.2rem;
    }

/* LTI EP */
.ep-lti-header img {
    height: 115px;
}

.lti-img-container {
    display: inline-block;
    width: 92px;
    vertical-align: middle;
}

.lti-title-container {
    display: inline-block;
    width: calc(100% - 96px);
    vertical-align: middle;
    padding: 0px 10px;
}

.faculty-add-quiz-header .lti-title-container h1 {
    margin-top: 0;
}

#quiz-picker-section {
    font-size: 18px;
}

#edit-quizzes-button {
    margin-bottom: 45px;
}

#quiz-picker-groups-container {
    margin-bottom: 60px;
}

.quiz-selection-container {
    margin-bottom: 10px;
}

.custom-tag {
    color: #FFFFFF;
    background-color: #004b96;
    padding: 4px;
    font-size: 12px;
    max-height: 22px;
    margin-left: 15px;
}

.quiz-title-container {
    display: flex;
    width: 95%;
    align-items: center;
}

.quiz-picker-bottom-banner.fixed-bottom-banner {
    display: flex;
    align-items: center;
}

/*Top aligned for the Faculty Add Quiz Header because these can get really long*/
.faculty-add-quiz-header .lti-img-container {
    vertical-align: top;
}

.disable-cursor {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Notifications Page Specific CSS */
/* Base for label styling */
.notifications-checkbox:not(:checked),
.notifications-checkbox:checked {
    left: -9999px;
    position: absolute;
}

.notifications-checkbox:not(:checked) + label,
.notifications-checkbox:checked + label {
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    height: 9px;
    padding-left: 1.95em;
    position: relative;
}

/* checkbox aspect */
.notifications-checkbox:not(:checked) + label:before,
.notifications-checkbox:checked + label:before {
    background: #fff;
    border: 2px solid #ccc;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    content: '';
    height: 1.25em;
    left: 0;
    position: absolute;
    top: -1px;
    width: 1.25em;
}

/* checked mark aspect */
.notifications-checkbox:not(:checked) + label:after,
.notifications-checkbox:checked + label:after {
    content: '\2713\0020';
    font-size: 1.3em;
    left: .13em;
    line-height: 0.8;
    position: absolute;
    top: .12em;
    transition: all .2s;
}

/* checked mark aspect changes */
.notifications-checkbox:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.notifications-checkbox:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.notifications-checkbox:disabled:not(:checked) + label:before,
.notifications-checkbox:disabled:checked + label:before {
    background-color: #ddd;
    border-color: #bbb;
    box-shadow: none;
}

.notifications-checkbox:disabled:checked + label:after {
    color: #999;
}

.notifications-checkbox:disabled + label {
    color: #aaa;
}
/* accessibility */
.notifications-checkbox:checked:focus + label:before,
.notifications-checkbox:not(:checked):focus + label:before {
    border: 2px solid #66afe9;
}

#global-actions-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.notifications-subject {
    color: #1F5BA8;
}

.notifications-subject > a:hover,
.notifications-subject > a:focus {
    text-decoration: none;
}

.content-row {
    display: none;
}

.content-row td {
    padding-bottom: 20px;
}

.subject-row td {
    padding-bottom: 20px;
}

#delete-notifications {
    display: none;
}

#no-notifications-container,
#notifications-table-container {
    display: none;
}

/* Content Selection Styles */
.chapter-selection-container,
.quiz-selection-container {
    display: flex;
    align-items: center;
}

.flex-grow-2 {
    flex-grow: 2;
}

.select-resource-header {
    cursor: pointer;
}

.select-resource-header:hover,
.select-resource-header:focus {
    text-decoration: none;
}

.lti-modular-section-content {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.lti-modular-content-type-section {
    flex: 10%;
    text-align: left;
    margin-left: 15px;
}

.lti-modular-content-title-section {
    flex: 45%;
    text-align: left;
    margin-left: 5px;
}

.lti-modular-links-section {
    flex: 44.99%;
    text-align: right;
}

.lti-modular-left-section {
    flex: 55%;
    text-align: left;
    margin-left: 15px;
}

.expando-indicator {
    font-size: 20px;
    vertical-align: middle;
}

#chapters-section {
    width: 60%;
}

#custom-page-number {
    width: 75px;
}

/* Configuring West Academic Course for LTI */
.course-configuration-header,
.course-configuration-subheader {
    font-weight: bold;
    margin-bottom: 40px;
}

.course-configuration-subheader {
    color: #000;
}

/* REGION: West Academic Course for LTI styles */
.lti-module {
    max-width: 250px;
}

.lti-module .hook-md {
    margin-top: 20px;
}

.external-asset-panel-content {
    margin-bottom: 0;
    height: 200px;
}

#quizzes-section {
    width: 80%;
}

.asset-chapter-select {
    width: 100%;
}
/* ENDREGION: West Academic Course for LTI styles */

/* REGION: LTI No Access Specific styles */

#no-access-container a:hover,
#no-access-container a:focus {
    cursor: pointer;
    text-decoration: none;
}

#next-step-container {
    margin-top: 2em;
}

#next-step-container .list-item {
    margin: 1em 0 0 5em;
}

.content-box {
    background: white;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 3px 10px -2px rgba(0 0 0 / 25%);
    margin: 1em 0 0 5em;
    overflow: hidden;
    padding: 1.2em;
    position: relative;
    transition: 0.2s;
    width: 50%;
}

.close-content-button {
    color: #999;
    cursor: pointer;
    transform: rotate( 45deg );
    font-weight: 400;
    border: 0;
    background: none;
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 34px;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 12px;
    transition: 0.2s;
    user-select: none;
}

#redeem-learn-more-link {
    color: #5b6770;
}

#redeem-learn-more-link:hover,
#redeem-learn-more-link:focus {
    text-decoration: none;
}

/* Mobile Specific styles */
@media(max-width: 768px) {
    #next-step-container .list-item {
        margin: 1em 0 0 0em;
    }

    .content-box {
        margin: 1em 0 0 0em;
        width: 100%;
    }
}

/* ENDREGION: LTI No Access Specific styles */

/* REGION: LTI Purchase Digital Access Specific styles */

#book-and-bundle-info {
    margin-bottom: 2em;
    margin-top: 2.5em;
}

#book-and-bundle-info .h2 {
    color: #333333
}

#image-and-available-bundles-container {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1.5em;
}

#image-container {
    margin-left: 4em;
}

#available-bundle-formats {
    margin: 1em 0 0 6em;
}

#available-bundle-formats .form-group-sm {
    font-size: 18px;
    margin-left: .7em;
    margin-top: 1.5em;
}

#available-bundle-formats .form-group-sm input {
    height: 20px;
    margin-left: -30px;
    margin-top: 0.5px;
    width: 20px;
}

#available-bundle-formats .form-group-sm label {
    font-size: 18px;
}

#available-bundle-formats .form-group-sm .p-radio {
    font-size: 15px;
}

#available-bundle-formats .btn-actions {
    margin-top: 4em;
}

#available-bundle-formats .form-group .btn-lg {
    font-size:20px;
}

#available-bundle-formats .form-group .btn-lg:focus,
#available-bundle-formats .form-group .btn-lg:hover{
    text-decoration: none;
}

#available-bundle-formats .form-group .btn-lg:focus {
        border: 1px solid black;
}

.bundle-price {
    display: inline-block;
    font-size: 18px;
    margin-left: 1em;
}

/* Mobile Specific styles */
@media(max-width: 768px) {
    #image-and-available-bundles-container {
        flex-wrap: wrap;
    }
    #available-bundle-formats {
        margin: 1em 0 0 0em;
    }
}

/* ENDREGION: LTI Purchase Digital Access Specific styles */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    font-family: "Goldplay";
    color: #333333;
    font-weight: normal;
    outline: none;
    font-size: 14px;
}


    .collapsible[aria-expanded="false"]::after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 10px;
        color: #333333;
        float: left;
        margin-right: 10px;
        margin-top: 2px;
    }

    .collapsible[aria-expanded="true"]::after {
        content: "\2796"; /* Unicode character for "minus" sign (-) */
        font-size: 10px;
        color: #333333;
        float: left;
        margin-right: 10px;
        margin-top: 2px;
    }

/* Style the collapsible content. Note: hidden by default */
.content {
    display: none;
    overflow: hidden;
}

/* Have text display in the center but also left aligned */
.div-centered {
    text-align: left;
    margin: auto;
    width: 50%;
}

/* LTI-Specific CSS */
hr.lti-hr {
    margin-bottom: 20px;
    margin-top: 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.lti-transcript {
    font-size: 14px;
    line-height: 1.42857;
}

.lti-bookshelf {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
}
.lti-bookshelf-row {
    display: flex;
    flex-direction: row;
    height: 190px; /* Needs to be same as height for .lti-bookshelf-img */

    cursor: pointer;
    margin-bottom: 20px;
}
.lti-bookshelf-col-img {
    display: flex;
    flex-direction: column;
}
.lti-bookshelf-col-text {
    display: flex;
    flex-direction: column;
}
.lti-bookshelf-text-col {
    display: flex;
    flex-direction: column;
}
.lti-bookshelf-text-row {
    display: flex;
    flex-direction: row;
    margin-left: 15px;
}
.lti-bookshelf-img {
    height: 190px; /* Needs to be same as height for .lti-bookshelf-row */
    width: auto;
}

/*HTML Book Styles*/
.index-list {
    white-space: nowrap;
}

.index-list-item{
    display:inline-block;
   
}
.index-list-item .index-link {
    padding-left: 12px;
    padding-right: 12px;
}

.index-list-table{
    display:table;
    margin:0 auto;
}

.html-search-options{
    display:none;
}

/*Auto Bundle Redemptions*/

.redemption-btn{
    margin-top: 10px;
}

#Redemptions th {
}

/*Flex Display*/

.display-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.vertical-logo {
    width: 200px;
}

.horizontal-logo {
    width: 333px;
}

@media (max-width: 450px) {
    .horizontal-logo {
        width: 222px;
    }
}

@media (max-width: 767px) {
    .quiz-reporting-panel {
        min-height: 56rem;
    }

    .view-individual-results {
        margin-top: 2rem;
    }
}