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

    SAS-Specific Bootstrap Styles

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

html {
    -webkit-tap-highlight-color: transparent;
}

.nunito-override {
    font-family: Nunito, sans-serif !important;
}

.nunito-medium-override {
    font-family: Nunito Medium, sans-serif !important;
}

#content:focus {
    outline: none;
}

#skip-to-main-content {
    background:none!important;
    color:inherit;
    border:none; 
    padding:0!important;
    font: inherit;
    border-bottom:1px solid #444; 
    cursor: pointer;
}

.img-thumbnail {
    line-height: 1.428571429;
}

.text-preview p img {
    max-width: 100%;
    height: auto;
} 


/* Styles on top of glyphicons */

.glyphicon-blue-info-sign {
    color: #004b96;
    text-decoration: none;
}

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px;
}

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

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

.dropdown-menu {
    background-clip: padding-box;
}

.btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px;
}

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px;
}

.navbar-right > li > a {
    padding-top: 1.4rem;
    padding-bottom: 0;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px;
}

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

.link-focus:focus {
    border-bottom-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);
}

.navbar-inverse {
    border-color: #090909;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #090909;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #090909;
    }
}

.pagination > li > a, .pagination > li > span {
    color: #004b96;
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    z-index: 3;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 2;
    background-color: #004b96;
    border-color: #004b96;
}

.container .jumbotron, .container-fluid .jumbotron {
    padding-right: unset;
    padding-left: unset;
    border-radius: 6px;
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.modal-content {
    font-size: 14px;
}

.tooltip-arrow {
    white-space: pre-wrap;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        margin-top: -15px;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px;
    }
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print, td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}


/* Technically not actually Bootstrap classes*/

.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;
}

.breadcrumb > * {
    margin-top: 15px;
}

.breadcrumb > * a:focus {
    outline: 0;
}

.breadcrumb > .active a, .breadcrumb > .active a:hover, .breadcrumb > .active a:focus {
    color: inherit;
    text-decoration: none;
}

.breadcrumb > *:first-child {
    margin-right: 0;
}


.btn {
    border-radius: 0;
    -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;
}

.btn-none {
    color: #1F5BA8;
    background: none;
    border: none;
}

.btn-none:active {
    box-shadow: none;
}

.btn-success {
    color: #FFFFFF;
    background: #5cb85c;
    border: 0;
    border-bottom: 2px solid #3d8b3d;
}

.btn-success:hover, .btn-success:focus {
    color: #FFFFFF;
    background: #80c780;
    border-bottom-color: #80c780;
    text-decoration: none;
    outline: 0;
}

.btn-custom {
    border: none;
}

.btn-link {
    font-size: 14px;
    padding: 0 5px 0 5px;
    color: #2A5488;
    text-transform: uppercase;
    font-family: Nunito Medium, sans-serif;
}

@media (min-width: 992px) {
    .btn-link {
        font-size: 14px;
        padding: 2px 16px 2px 16px;
        letter-spacing: 0.045em;
    }
}

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

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

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

.btn-lg, .btn-group-lg > .btn, .btn-sm, .btn-group-sm > .btn, .btn-xs, .btn-group-xs > .btn {
    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;
        transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
        color: #FFFFFF;
        background: #2A5488;
        border: 0;
        display: inline-block;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.5;
        padding: 0 14px;
    }
}

@media (min-width: 768px) and (min-width: 992px) {
    .btn_atSmall {
        border-bottom: 2px solid #003e7d;
    }
}

@media (min-width: 768px) {
    .btn_atSmall:hover, .btn_atSmall:focus {
        color: #FFFFFF;
        background: #2A5488;
        border-color: #4e84c4;
        text-decoration: none;
        outline: 0;
    }
}

.btn[disabled] {
    cursor: default !important;
}

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

.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;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

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

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

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

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

.form-control.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-btn > .form-control.btn {
    padding: 11px 15px;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../media/fonts/glyphicons-halflings-regular.eot");
    src: url("../media/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../media/fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../media/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../media/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../media/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

@font-face {
    font-family: 'Goldplay';
    src: url("../media/fonts/goldplay-regular.woff"),
         url("../media/fonts/goldplay-regular.woff2") format("woff2");
}

@font-face {
    font-family: "Proxima Nova";
    src: url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_bold_it-webfont.woff2") format("woff2"), url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_bold_it-webfont.woff") format("woff");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_bold-webfont.woff2") format("woff2"), url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_bold-webfont.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_it-webfont.woff2") format("woff2"), url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova_it-webfont.woff") format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova-webfont.woff2") format("woff2"), url("../media/fonts/proxima-nova/mark_simonson_-_proxima_nova-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.glyphicon-star-active {
    color: #f4c37d;
}

.container {
    max-width: 100%;
}

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

.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: top;
    }
}

body {
    font-family: Nunito, sans-serif;
    color: #464F57;
    padding-right: 0 !important;
}

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

.modal-video {
    background-color: #000000;
    text-align: center;
    font-size: 0;
}

.modal-video > div {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.display-flex {
    display: flex;
}

.height-0 {
    height: 0;
}

.nav-tabs {
    border: none;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.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) {
    .nav-tabs > li {
        font-size: 18px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .navbar-custom {
        margin: 16px 0 0;
    }
}

.navbar-custom .navbar-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

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

.navbar-custom .navbar-header:before, .navbar-custom .navbar-header:after {
    display: none;
}

@media (min-width: 768px) {
    .navbar-custom .navbar-header {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.navbar-custom .navbar-header-item_empty {
    padding-right: 40px;
}

.navbar-custom .navbar-header-item-title {
    display: none;
}

@media (min-width: 768px) {
    .navbar-custom .navbar-header-item-title {
        display: block;
        margin-top: 20px;
    }
}

.navbar-custom .navbar-title {
    display: inline-block;
    padding-left: 20px;
    margin-left: 20px;
    width: 338px;
    height: 76px;
    background: url("../media/images/global/logo-header-sas.svg") 20px 0 no-repeat;
    border-left: 1px solid #6d6f72;
    background-size: 318px;
}

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

@media (min-width: 992px) {
    .navbar-custom .navbar-title {
        padding-left: 40px;
        margin-left: 40px;
        width: 370px;
        height: 85px;
        width: 390px;
        background-position: 40px 0;
        background-size: 349px;
    }
    .navbar-custom .navbar-brand, .navbar-custom .navbar-brand-link {
        width: 250px;
        height: 60px;
    }
}

.navbar-custom .navbar-brand {
    float: none;
    margin: 0;
    padding: 0;
}

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

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

.navbar-custom .navbar-brand-link {
    background: url("../media/images/global/logo-header-west-academic-barbri.svg") no-repeat center;
    text-indent: -9999px;
    background-size: 12em;
}

@media (min-width: 768px) {
    #search-collapse {
        display: none !important;
    }
}

.search-parent-container {
    background-color: #1F5BA8;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 0 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-contents-container {
    display: flex;
    flex-direction: column;
    width: 80%;
}

    .search-contents-container .search-tips-container {
        align-self: flex-end;
        margin-bottom: 0.25em;
    }

    .search-contents-container .search-tips-container .text-small {
        color: #fff;
    }

.old-signin-container {
    display: block;
}

@media (min-width: 768px) {
    .old-signin-container {
        display: flex;
    }
}

.mobile-west-menu {
    display: block;
}

@media (min-width: 768px) {
    .mobile-west-menu {
        display: none;
    }
}

.mobile-west-menu-item {
    padding: 1em;
    background-color: rgba(139, 184, 232, 0.40);
}

.mobile-west-divider {
    height: 1px;
    background-color: rgba(115, 115, 115, 0.32);
}

.institution-change-container {
    display: flex;
    justify-content: space-between;
}

.institution-change-container .btn-link {
    text-transform: initial;
    font-size: 14px;
}

.mobile-west-menu-item .btn-link,
.mobile-west-menu-item a {
    text-decoration: underline;
    font-weight: bold;
}

.mobile-west-menu-item .btn-link:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*OK this is pretty hacky, and I wouldn't be suprised if someone came back here and asked, "What was he thinking?"
But, mozilla got rid of the "-moz-background-size" kit without fixing the svg background distortion.  The fact that
it works fine in Chrome, IE, and Edge drove me to use FireFox browser targeting in the css.
*/
@-moz-document url-prefix() {
    .navbar-custom .navbar-brand-link {
        background-size: contain;
    }
}

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

@media (min-width: 768px) {
    .navbar-custom .navbar-brand-link {
        background: url("../media/images/global/logo-header-west-academic-barbri.svg") no-repeat center;
        background-size: 11em;
    }

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

@media (min-width: 992px) {
    .navbar-custom .navbar-brand-link {
        background: url("../media/images/global/logo-header-west-academic-barbri.svg") no-repeat center;
        background-size: 14em;
    }

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

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

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

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

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

.navbar-custom .navbar-collapse {
    border-color: #dddddd;
    border: none;
    padding: 0;
    overflow-x: hidden;
}

.navbar-custom .navbar-toggle {
    float: none;
    margin: 0;
}

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

.navbar-header .glyphicon-search {
    left: 2px;
    top: 2px;
}

.navbar-header .navbar-search {
    border: 1px solid #1F5BA8;
}

    .navbar-header .navbar-search:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

.navbar-header .navbar-search.navbar-search-expanded {
    background-color: #1F5BA8;
}

.navbar-header .navbar-search.navbar-search-expanded .glyphicon-search {
    color: #fff;
}

.panel-default .panel-heading {
    height: 97px;
}

.panel-filter .panel-heading {
    border: none;
    padding: 5px;
    border-top: 1px solid #ddd;
}

.panel-group .panel + .panel {
    margin-top: 0; 
}

.panel-filter label {
    color: #464F57;
    font-family: Nunito Medium, sans-serif;
}

.panel-filter .panel-body {
    position: relative;
    padding: 10px 5px 5px;
}

.panel-filter .panel-heading+.panel-collapse>.panel-body, .panel-filter .panel-heading+.panel-collapse>.list-group {
    border-top: none;
}

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


.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-group-filter {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0; }
.panel-group-filter .panel + .panel {
    margin-top: 0; }

.panel-filter .panel-heading {
    border: none;
    padding: 5px;
    border-top: 1px solid #dddddd; }
.panel-filter .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%;
    right: 5px;
    margin-top: -4px; }

.panel-filter .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;
    top: 50%;
    right: 5px;
    margin-top: -4px;
    border-top-color: transparent;
    border-top: none; }

.panel-filter .panel-title > a:after {
    content: "";
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    z-index: 100; }

.panel-filter .panel-body {
    position: relative;
    padding: 10px 5px 5px; }

.panel-filter .panel-heading + .panel-collapse > .panel-body,
.panel-filter .panel-heading + .panel-collapse > .list-group {
    border-top: none; }

.panel-filter .panel-filter-meta {
    display: block;
    font-size: 10px;
    text-align: right;
    padding-right: 20px; }

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

.panel-results .panel-heading {
    position: relative;
    padding-left: 36px;
    color: #000000; }
.panel-results .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; }

.panel-results .panel-heading.active {
    background: #eeeeee;
    color: #000000; }
.panel-results .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-color: transparent;
    border-top: none; }

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

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

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

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

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

.panel.panel-results + .panel.panel-results {
    margin-top: 5px; }

.panel-heading {
    padding: 13px 20px;
    position: relative;
    overflow: hidden; }

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

.panel-heading-media {
    position: absolute;
    top: -20px;
    left: 20px;
    z-index: 1; }

.panel-heading-meta {
    position: relative;
    z-index: 2; }

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

.panel-footer {
    position: relative;
    text-align: right;
    font-size: 14px; }

.panel-footer > a {
    position: relative;
    display: inline-block;
    padding-right: 13px; }

.panel-footer > a:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #1F5BA8;
    top: 50%;
    right: 0;
    margin-top: -5px; }

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

    END OF SAS-SPECIFIC BOOTSTRAP STYLES

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

html, body {
    height: 100%;
}

button {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
    color: #2A5488;
}

a:hover, a:focus {
    color: #2A5488;
    text-decoration: underline;
}

a.bootstrapFocus:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a:hover, a:focus {
    text-decoration: underline;
}

strong, b {
    font-weight: bold;
}

em, i {
    font-style: italic;
}

[data-toggle="tooltip"]:hover {
    display: inline-block;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Bitter, serif;
    color: #2A5488;
    font-weight: normal;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 0;
}

h1, .h1 {
    font-size: 30px;
    line-height: 1.2;
}

h2, .h2 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 500;
}

h3, .h3 {
    font-size: 18px;
    line-height: 1.1667;
}

h4, .h4 {
    font-size: 16px;
    line-height: 1.2857;
}

h5, .h5 {
    font-size: 14px;
    line-height: 1.2857;
}

h6, .h6 {
    font-size: 12px;
    line-height: 1.1667;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

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

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

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

.h-cBlack {
    color: #000000;
}

.h-cGrey {
    color: #333333;
}

.h-cGreyDarkest {
    color: #636567;
}

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

.h-cWarning {
    color: #cf7f1e;
}

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

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

.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: 10px;
    line-height: 1.6;
}

.p-cWhite {
    color: #FFFFFF;
}

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

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

.page-header {
    padding-bottom: 12px;
    margin: 0 0 30px;
    border-bottom: 1px solid #dddddd;
}

.page-header-short {
    padding-bottom: 12px;
    margin: 0 0 20px;
    border-bottom: 1px solid #dddddd;
}

@media (min-width: 992px) {
    .page-header-lg {
        margin-top: 30px;
    }
}

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

.pull-right-nowrap {
    white-space: nowrap;
}

@media (min-width: 768px) {
    .hidden-sm {
        display: none;
    }
}

.well {
    padding: 20px;
    margin-bottom: 15px;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #000000;
    box-shadow: none;
}

.well-lg {
    padding: 24px;
    border-radius: 0;
}

.well-sm {
    padding: 9px;
    border-radius: 0;
}

.well-flush {
    margin-bottom: 0;
}

.well-custom {
    background: #FFFFFF;
    color: #333333;
    /* border: none; */
    /* @include box-shadow(0 0 5px 2px rgba($COLOR_BLACK, 0.15)); */
}

@media (max-width: 991px) {
    .well-sm-complementary {
        margin-top: 30px;
    }
}

@media (max-width: 1199px) {
    .well-md-complementary {
        margin-top: 30px;
    }
}

.header-item-link {
    display: none;
    color: #ffffff;
    font-size: 11px;
    line-height: 1.6;
}

@media (min-width: 768px) {
    .header-item-link {
        display: inline;
    }
}

.header-item-link:focus {
    outline: 0;
    color: #ffffff;
    text-decoration: underline;
}

.header-item-link:hover {
    color: #ffffff;
    text-decoration: none;
}

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

.footer {
    position: relative;
    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-barbri.svg");
    background-position: 0px 0px;
    width: 240px;
    height: 50px;
    object-fit: contain;
    text-indent: -9999px;
}

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


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

.footerNav {
    padding-top: 6px;
    list-style: none;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

@media (max-width: 768px) {
    .footerNav {
        margin-top: 4.5rem;
    }
}

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

.footerNav:after {
    clear: both;
}

@media (min-width: 767px) {
    .footerNav-item {
        float: left;
    }
}

.footerNav-item-link {
    font-size: 1rem;
    line-height: 1.6;
    color: #000000;
    padding-left: 6px;
}

.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;
    height: 75px;
}

@media (min-width: 768px) {
    .middle-footerNav-item-link {
        padding-right: 6px;
        border-width: 1px;
        border-right-style: solid;
        margin: 0;
    }
}

.logo-row {
    height: 75px;
}

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

.banner {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    background-color: #eeeeee;
}

.banner > * {
    display: block;
    width: 100%;
    vertical-align: top;
}

.banner.banner-logged-out {
    padding-top: 0;
    padding-bottom: 0;
}

.banner-logged-out img {
    vertical-align: middle !important;
    width: 100%;
    max-width: 25em;
}

.banner-logged-out .banner-image-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

@media (min-width: 768px) {
    .banner > * {
        width: 50%;
    }

    .banner-logged-out img {
        max-width: 100%;
    }
}

.banner-image {
    padding-bottom: 57.82%;
    background-size: cover;
}

@media (min-width: 768px) {
    .banner-image {
        padding-bottom: 1%;
    }
}

.cb-banner {
    display: block;
    background: url(/assets/media/images/sasBanner/cbBanner.jpg) no-repeat center;
    height: 66px;
    margin-bottom: 15px;
}

@media (max-width: 1200px) {
    .cb-banner {
        display: none;
    }
}

.banner-body {
    padding: 0 30px;
    color: #000000;
}

.banner-icons {
    float: right;
}

.banner-left {
    text-align: left;
    vertical-align: text-bottom;
}

h1.banner-header-top {
    font-family: "Goldplay", sans-serif, sans-serif;
    font-size: 12px;
    color: #001b72;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
}

h1.banner-header-bottom {
    font-family: "Goldplay", sans-serif;
    font-size: 25px;
    color: #001b72;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 20px;
}

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

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

@media (min-width: 768px) {
    .book-meta {
        text-align: right;
    }
}

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

.bookCover:focus {
    outline: none;
}

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

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

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

@media (min-width: 768px) {
    .bookCover-md-container {
        width: 100%;
    }
}

.bookCover-md-container > img {
    max-width: 100%;
}

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

.bookCover-md-badge {
    position: absolute;
    bottom: 4px;
    right: 0;
    left: 0;
}

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

.faq-item-title {
    font-weight: bold;
}

.faq-item {
    padding: 20px 0;
    margin-top: 20px;
    counter-increment: faqitem;
}

.faq-item + .faq-item {
    border-top: 1px solid #dddddd;
}

.faq-item-question {
    margin-top: 30px;
    font-size: 14px;
    font-weight: bold;
}

.faq-item-answer {
    font-size: 14px;
    line-height: 1.4;
}

.filter {
    margin-bottom: 30px;
}

.filter-split {
    font-size: 0;
    width: 100%;
}

.filter-split > * {
    display: inline-block;
    width: 50%;
}

.filter-split-main {
    width: 100%;
}

@media (min-width: 768px) {
    .filter-split-main {
        width: 66.666666%;
    }
}

.filter-split-main > * {
    margin-top: 0;
}

.filter-split-meta {
    width: 33.333333%;
    text-align: right;
    font-size: 16px;
}

.filter-ft > * > a {
    display: block;
    padding: 10px;
    font-size: 16px;
    text-align: center;
}


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

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


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

@media (min-width: 1200px) {
    .heroContent-bd {
        margin-top: 30px;
    }
}

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


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

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

@media (min-width: 768px) {
    .heroImage {
        display: block;
    }
}

.heroImage-md {
    display: block;
}

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

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

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


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

.icn {
    display: inline-block;
    vertical-align: middle;
    /*vertical-align: bottom;*/
    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-pdf-50 {
    width: 50px;
    height: 50px;
    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 0px;
    width: 120px;
    height: 124px;
}

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

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

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

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

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

.jp-state-muted .icn-volumeMute {
    background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
    background-position: 0px -280px;
    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 -245px;
    width: 34px;
    height: 34px;
}

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

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

@media (max-width: 768px) {
    .icn_untilSmall {
        display: inline-block;
        vertical-align: middle;
        /*vertical-align: bottom;*/
        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-listened {
        display: none;
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px 0px;
        width: 34px;
        height: 34px;
    }
    .icn-transcript {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px -70px;
        width: 34px;
        height: 34px;
    }
    .icn-play {
        background-image: url(../media/images/sprites/audioPlayer/sprite-core.png);
        background-position: 0px -35px;
        width: 34px;
        height: 34px;
    }
}


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

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

.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: 135px;
    height: 135px;
    overflow: hidden;
    vertical-align: bottom;
    background: #FFFFFF;
    border-radius: 100%;
    border: 2px solid #dddddd;
}

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

.image-circle-container img {
    width: 135px;
    height: auto;
}

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

.image-container {
    display: flex;
    position: relative;
    text-align: center;
    color: white;
    background-color: white;
    background-clip: content-box, padding-box;
    word-wrap: break-word;
}

.image-container a {
    display: inline-block;
}

.image-container a img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block;
}

/* Centered text */
.image-container-centered {
    position: absolute;
    top: 30%;
    left: 60%;
    transform: translate(-50%, -50%);
    font-size: x-large;
    font-weight: bold;
    color: #4e4f50;
}

.text-black {
    color: #000;
}

.text-phone-number {
    color: #004B96
}

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

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

.table-admin-area-text-size {
    font-size: 14px;
}

.textarea.form-control {
    height: auto;
}

.eula-overflow {
    overflow: auto;
    margin-bottom: 30px;
    resize: both;
}

.eulaLicenseContent ~ .eulaButtonsDiv {
    text-align: center;
}

.btn-skip-to {
    text-transform: none !important;
}

.my-subscription-body {
    padding-top: 30px;
}

.my-subscription-name-options {
    margin: 0 0 10px;
}

.my-subscription-sub-disclaimer {
    padding: 10px 0 10px 20px;
}

.my-subscription-notification-disclaimer {
    padding: 10px 0 10px;
}

.my-subscription-call-to-cancel {
    padding-top: 200px;
}

.my-subscription-extend-button {
    margin-top: 50px;
}

.navNoMyFavorites {
    width: 100px;
}

.paging-nav {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.paging-nav > li {
    display: inline;
}

.paging-nav > li > a, .paging-nav > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    color: #004b96;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.paging-nav > li:first-child > a, .paging-nav > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.paging-nav > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.paging-nav > li > a:hover, .paging-nav > li > a:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}

.paging-nav > .selected-page > a, .paging-nav > .selected-page > a:hover, .paging-nav > .selected-page > a:focus {
    z-index: 2;
    color: #fff;
    background-color: #004b96;
    border-color: #004b96;
    cursor: default;
}

.paging-nav > .disabled > a, .paging-nav > .disabled > a:hover, .paging-nav > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.media-body-text {
    font-size: 14px;
    line-height: 20px;
    color: #464F57;
    font-family: Nunito, sans-serif;
}

@media (min-width: 768px) {
    .collapse.collapse-mobile {
        display: block;
        height: auto !important;
    }
}

.dropdown-custom .dropdown-toggle .icn {
    margin-left: 10px;
}

.dropdown-custom .dropdown-menu {
    min-width: 170px;
    padding: 0;
    border-radius: 0;
}

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

.dropdown-custom .dropdown-menu > li > a:hover {
    color: #000000;
    background: #e3f0ff;
}

.dropdown-custom .divider {
    margin: 0;
    border-color: #cfcfcf;
}

.form-custom {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #dddddd;
}

label, .fieldLabel {
    margin-bottom: 5px;
    font-size: 14px;
    color: #1F5BA8;
    font-weight: normal;
}

.fieldLabel {
    display: block;
}

.fieldLabel-sm {
    margin-bottom: 3px;
}

.fieldLabel-lg {
    margin-bottom: 7px;
}

.fieldLabel-fLg {
    font-size: 18px;
}

.checkbox-fieldLabel {
    color: #333333;
    padding-left: 3px;
    font-weight: bold;
}

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

.vCenter {
    font-size: 0;
}

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

.logo {
    display: inline-block;
}

.logo_header {
    width: 200px;
    height: 70px;
}

.logo > svg {
    width: 100%;
    height: auto;
}


/* Adds text cursor on hover over search bar -- Bug 8039 */

#main_search, #searchinbook {
    cursor: text;
}

@media (min-width: 992px) {
    .mediaFlex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.mediaFlex-media {
    font-size: 0;
    width: 100%;
    text-align: center;
}

mediaFlex-media-b {
    font-size: 0;
    width: 100%;
    text-align: center;
}

@media (min-width: 992px) {
    .mediaFlex-media {
        width: 66.666666%;
    }

    .mediaFlex-media-b {
        width: 33.333333%;
        padding-left: 20px;
    }
}

.mediaFlex-media-video {
    position: relative;
}

.mediaFlex-media-video:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 34px solid rgba(109, 111, 114, 0.75);
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -17px;
    -webkit-transition: border-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out;
}

.mediaFlex-media-video:hover:after, .mediaFlex-media-video:focus:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 34px solid rgba(52, 99, 168, 0.75);
    -webkit-transition: border-color 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out;
}

.mediaFlex-media > img, .mediaFlex-media > a > img {
    max-width: 100%;
    height: auto;
}

.mediaFlex-bd {
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
}

.mediaFlex-bd-b {
    width: 100%;
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
}

@media (min-width: 992px) {
    .mediaFlex-bd {
        padding: 20px;
        width: 33.333333%;
        text-align: left;
        margin: auto;
    }

    .mediaFlex-bd-c {
        padding: 20px;
        width: 55%;
        text-align: left;
        margin: auto;
    }

    .mediaFlex-bd-b {
        padding: 20px;
        width: 66.666666%;
        text-align: left;
        margin: auto;
    }
}

@media(min-width: 250px) {
    .mobile-center {
        text-align: center;
    }
}

.mobileNav {
    display: block;
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .mobileNav {
        display: none;
    }
}

.mobileNav a:hover, .mobileNav a:focus {
    text-decoration: none;
    color: #1F5BA8;
    background-color: #f7f7f7;
}

.mobileNav ul {
    list-style-type: none;
    padding-left: 0;
}

.mobileNav a {
    display: block;
    padding: 10px;
    color: #000000;
}

.mobileNav-subnav {
    display: none;
}

.mobileNav-heading > a, .mobileNav-back {
    font-size: 18px;
    background-color: #eeeeee;
}

.mobileNav-heading:first-child > a, .mobileNav-back {
    border-bottom: 1px solid #dddddd;
}

.mobileNav-back {
    position: relative;
    text-indent: 20px;
}

.mobileNav-back:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -6px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #000000;
}

a.mobileNav-back:hover:before, a.mobileNav-back:focus:before {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 10px solid #1F5BA8;
}

.mobileNav-heading > a:hover, .mobileNav-heading > a:focus, a.mobileNav-back:hover, a.mobileNav-back:focus {
    color: #1F5BA8;
    background-color: #dddddd;
}

.mobileNav-subnav * + *, .mobileNav-filter + .mobileNav-filter, .mobileNav-metaitem + .mobileNav-metaitem {
    border-top: 1px solid #eeeeee;
}

.mobileNav-heading + .mobileNav-metaitem {
    border-top: 1px solid #dddddd;
}

.mobileNav-subnav-ft {
    border-top: 1px solid #dddddd;
    background-color: #f7f7f7;
}

.mobileNav-subheading + .mobileNav-subheading {
    border-top: 1px solid #eeeeee;
}

.mobileNav-subheading > a {
    color: #4e84c4;
    font-weight: bold;
}

.mobileNav-subheading:last-child > a {
    border-bottom: 1px solid #dddddd;
}

.mobileNav-subheading-toggle > a {
    position: relative;
}

.mobileNav-subheading-toggle > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #4e84c4;
}

.mobileNav-subheading-toggle > a:hover:after, .mobileNav-subheading-toggle > a:focus:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #1F5BA8;
}

#mobile-search {
    margin: 1em 0 0 0;
    border-radius: 5em 0 0 5em;
    height: 3em;
}

.mobileSearch .input-group {
        width: 100%;
    }

    .mobileSearch .input-group-btn .btn-primary-search {
        margin: 1em 0 0 -2px;
        background-color: #fff;
        border-radius: 0 5em 5em 0;
        height: 3em;
    }

        .mobileSearch .input-group-btn .btn-primary-search:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

    .mobileSearch .input-group-btn .glyphicon-search {
        top: 4px;
        right: 3px;
        color: #1F5BA8;
    }

@media (min-width: 768px) {
    .mobileSearch {
        display: none;
    }
}

.mobileSearch .pull-right {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobileSearch .input-group {
    clear: both;
}

.panelFlex {
    width: 100%;
    border: 1px solid #dddddd;
}

.panelFlex-img {
    border: none;
}

.panelFlex-img .panelFlex-bd {
    padding: 0;
}

.panelFlex-hd, .panelFlex-ft {
    background: #eeeeee;
}

.panelFlex-bd {
    padding: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.promoContentModule {
    padding: 0;
    position: relative;
}

.promoContentModule a img,
.promoContentModule img {
    width: 100%;
    height: 100%;
}

.promoContentModule .panelFlex > a img {
    width: auto;
}

@media (max-width: 750px) {
    .promoContentModule a img {
        max-width: 750px;
        height: auto;
    }
    .promoContentModule .panelFlex > a img {
        max-width: 750px;
    }
}

.promo-content-title {
    position: absolute;
    top: 15%;
    color: #2A5488;
    font-size: 24px;
    height: 26px;
    overflow-y: hidden;
    font-family: Bitter, serif;
}


.promoContentModule:hover .promo-content-title {
    text-decoration: underline;
}

.promo-content-text {
    position: absolute;
    top: 35%;
    width: 47%;
    height: 66%;
    overflow-y: hidden;
    line-height: 1.3em;
    font-family: Nunito, sans-serif;
    color: #464F57;
    font-size: 18px;
}

.promoContentModule:hover .promo-content-text {
    text-decoration: underline;
}

.promo-content-right {
    left: 53%;
}

.promo-content-left {
    left: 5%;
}

@media (max-width: 1200px) {
    .promo-content-text {
        font-size: 14px;
    }

    .promo-content-title {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .promo-content-text {
        font-size: 18px;
    }
}

@media (max-width: 507px) {
    .promo-content-text {
        font-size: 14px;
    }
    .promo-content-title {
        top: 5%;
        font-size: 18px;
    }
    .promo-content-text {
        top: 25%;
    }
    .promo-content-left {
        width: 50%;
    }
    .promo-content-title.promo-content-left {
        width: 94%;
    }
}

@media (max-width: 380px) {
    .promo-content-text {
        font-size: 10px;
    }
    .promo-content-title {
        top: 5%;
        font-size: 14px;
    }
    .promo-content-text {
        top: 25%;
    }
    .promo-content-left {
        width: 45%;
    }
    .promo-content-title.promo-content-left {
        width: 94%;
    }
}

.panelFlex-media .panelFlex-bd {
    padding: 0;
}

.panelFlex-hd {
    height: 97px;
    padding: 0 30px;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}


/* this is to target Safari explicitly since it can't render borders correctly */

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .panelFlex-hd {
        border-bottom: none;
    }
}

.panelFlex-hd-title {
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: 0;
}

.panelFlex-hd-title-2-line {
    height: 70%;
}

.panelFlex-hd-subtitle {
    height: 10%;
    font-size: 15px;
}

.panelFlex-ft {
    padding: 10px 15px;
    font-size: 14px;
    text-align: right;
    color: #1F5BA8;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
}

.panelFlex-ft > a {
    color: inherit;
    text-decoration: none;
    padding-right: 13px;
    position: relative;
}

.panelFlex-ft > a:after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    z-index: 2;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #1F5BA8;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

.panelFlex-ft > a:hover {
    text-decoration: underline;
}

.primaryNav {
    display: none;
    text-align: right;
}

@media (min-width: 768px) {
    .primaryNav {
        display: block;
    }
}

.primaryNav .pull-right {
    padding-right: 70px;
    margin-bottom: 5px;
}

.primaryNav-items {
    text-align: left;
}

.primaryNav-items > * {
    padding: 7px 0;
    display: inline-block;
}

.primaryNav-items a {
    font-size: 16px;
}

.primaryNav-items > * + * {
    margin-left: 40px;
}

.primaryNav-items > *.active > a {
    font-weight: bold;
}

.primaryNav-flex {
    clear: both;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .primaryNav-flex {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.primaryNav-flex > * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    white-space: nowrap;
    padding: 0;
}

.primaryNav-tips {
    margin-bottom: 5px;
}

.primaryNav-flex-search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.primaryNav-flex-search-form {
    width: 100%;
}

.primaryNav-search {
    width: 100%;
    max-width: 507px;
    display: inline-block;
}

@media (min-width: 992px) {
    .primaryNav-search {
        max-width: 689px;
    }
}

@media (min-width: 1200px) {
    .primaryNav-search {
        max-width: 889px;
    }
}

@media (min-width: 480px) {
    .resultItem > * {
        display: table-cell;
        vertical-align: top;
    }
}

.resultItem-thumbnail {
    padding-right: 30px;
}

.resultItem-bd-definition {
    width: 100%;
}

.resultItem-bd-heading {
    margin-top: 0;
    font-size: 18px;
    font-family: Nunito, sans-serif;
}

.resultItem-bd-snippet {
    font-size: 14px;
    line-height: 1.428571429;
}

.resultItem-bd-snippet-link, .resultItem-bd-snippet-link:hover {
    color: #333333;
    text-decoration: none;
}

.resultItem-bd-authors {
    font-size: 14px;
    line-height: 1.428571429;
}

.resultItem-bd-matches {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.45;
}

.resultList-grid .resultItem {
    /*display: inline-block;*/
    text-align: center;
}

.resultList-grid .resultItem > * {
    display: block;
}

.resultList-grid .resultItem-thumbnail {
    padding: 0;
}

.resultList-grid .resultItem-bd-list {
    display: none;
}

.resultList-grid .resultItem-bd-heading {
    margin-top: 0;
    font-size: 14px;
}

.resultList {
    padding-left: 0;
    margin: 0;
    list-style-type: none;
}

.resultList > * {
    vertical-align: top;
    padding-top: 15px;
}

.resultList > * + * {
    margin-top: 15px;
    border-top: 1px solid #dddddd;
}

.resultList-grid {
    font-size: 0;
    margin: -30px 0 0 -30px;
}

.resultList-grid > * {
    display: inline-block;
    width: 50%;
    padding: 30px 0 0 30px;
}

@media (min-width: 992px) {
    .resultList-grid > * {
        width: 25%;
    }
}

.resultList-grid > * + * {
    margin-top: 0;
    border: none;
}

.dictionaryItem {
    padding: 15px;
    padding-left: 0px;
    margin-bottom: 15px;
    border: 1px solid #dddddd;
}

@media (min-width: 992px) {
    .sortbar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        vertical-align: top;
        margin-bottom: 15px;
    }
}

.sortbar > * + * {
    margin-left: 20px;
}

.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;
}

.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);
}

.text-italic {
    font-style: italic;
}

.text-subtitle {
    display: block;
    font-size: 80%;
    color: inherit;
    margin-top: 4px;
}

.text-small {
    font-size: 11px;
}

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

.text-preview p + p {
    margin-top: 1em;
}

.toc {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    color: #636567;
    font-size: 14px;
}

.toc li {
    border-top: 1px solid #dddddd;
}

.toc ol, .toc ul {
    padding-left: 0;
    margin-bottom: 0;
}

.toc ol li, .toc ul li {
    list-style-type: none;
}

.toc li > a {
    color: inherit;
    display: block;
    padding: 8px 10px;
    padding: 10px 15px 11px 15px;
    -webkit-transition: color 200ms ease-in-out, background-color 100ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 100ms ease-in-out;
}

.toc li > a:hover, .toc li > a:focus {
    color: #3463a8;
    text-decoration: none;
    background-color: #eeeeee;
}

.toc-unstyled > li {
    list-style-type: none;
}

.toc > ol {
    list-style-type: upper-roman;
}

.toc > ol li {
    counter-increment: upperroman;
}

.toc > ol li > a:before {
    content: counter(upperroman, upper-roman) ". ";
}

.toc-unstyled > .toc-hd:before {
    content: "";
}

.toc-hd > a {
    background-color: #f7f7f7;
}

.toc > ol li ol {
    list-style-type: decimal;
}

.toc > ol li ol li {
    counter-increment: decimal;
}

.toc > ol li ol li > a {
    padding-left: 20px;
}

.toc > ol li ol li > a:before {
    content: counter(decimal, decimal) ". ";
}

.toc > ol li ol li ol {
    list-style-type: lower-alpha;
}

.toc > ol li ol li ol li {
    counter-increment: loweralpha;
}

.toc > ol li ol li ol li > a {
    padding-left: 40px;
}

.toc > ol li ol li ol li > a:before {
    content: counter(loweralpha, lower-alpha) ". ";
}

.toc > ul {
    list-style-type: disc;
}

.toc > ul li {
    counter-increment: disc;
}

.toc > ul li > a:before {
    content: counter(disc, disc) " ";
}

.toc > ul li ul {
    list-style-type: circle;
}

.toc > ul li ul li {
    counter-increment: circle;
}

.toc > ul li ul li > a {
    padding-left: 20px;
}

.toc > ul li ul li > a:before {
    content: counter(circle, circle) " ";
}

.toc > ul li ul li ul {
    list-style-type: square;
}

.toc > ul li ul li ul li {
    counter-increment: square;
}

.toc > ul li ul li ul li > a {
    padding-left: 40px;
}

.toc > ul li ul li ul li > a:before {
    content: counter(square, square) " ";
}

.toc-hd {
    font-weight: bold;
}

.toc-hd > ol, .toc-hd > ul {
    font-weight: normal;
}

.top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px);
    -webkit-transition: -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out;
    z-index: 100;
}

@media (min-width: 992px) {
    .top {
        display: none;
    }
}

.top.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.top > a {
    display: block;
    background-color: rgba(52, 99, 168, 0.75);
    color: white;
    padding: 11px 12px 12px;
    text-align: center;
}

.top > a:hover, .top > a:focus {
    text-decoration: none;
}

.view-toggle {
    white-space: nowrap;
    color: #dddddd;
}

.view-toggle > a {
    color: #cfcfcf;
}

.view-toggle > a.active {
    color: #4e84c4;
}

.view-toggle > * {
    margin-left: 10px;
}

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

@media (min-width: 480px) {
    .blocks {
        margin-left: -30px;
    }
}

.blocks > * {
    display: block;
    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 */
    vertical-align: top;
}

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

@media (min-width: 480px) {
    .blocks > * {
        display: inline-block;
        vertical-align: top;
        padding-left: 30px;
    }
}

@media (min-width: 480px) {
    .blocks-2up > * {
        width: 50%;
    }
    .blocks-2up > *:nth-child(1), .blocks-2up > *:nth-child(2) {
        padding-top: 0;
    }
}

@media (min-width: 480px) {
    .blocks-3up > * {
        width: 33.33333%;
    }
    .blocks-3up > *:nth-child(1), .blocks-3up > *:nth-child(2), .blocks-3up > *:nth-child(3) {
        padding-top: 0;
    }
}

@media (min-width: 768px) {
    .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;
    }
}

.blocks-2up4up {
    margin: -30px 0 0 -30px;
}

.blocks-2up4up > * {
    width: 50%;
    display: inline-block;
    padding: 30px 0 0 30px;
}

.blocks-2up4up > *:first-child {
    padding-top: 30px;
}

@media (min-width: 768px) {
    .blocks-2up4up > * {
        width: 25%;
    }
}

.blocks-3up-center {
    text-align: center;
}

.blocksFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

/* IE10/11-specific hack -- otherwise for some reason IE makes the width 4000 when the screen is small*/
@media (max-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .blocksFlex {
        max-width: 768px;
    }
}

@media (max-width: 480px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .blocksFlex {
        max-width: 480px;
    }
}

.blocksFlex-item {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .blocksFlex-item {
        width: 50%;
    }
    .blocksFlex-item:nth-child(even) {
        padding-left: 30px;
    }
}

.column {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    line-height: 1.45;
}

@media (min-width: 768px) {
    .column_2up {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

@media (min-width: 768px) {
    .column_3up {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

ol.column > li {
    counter-increment: item;
}

ol.column > li:before {
    content: counter(item) ". ";
    color: #1F5BA8;
}


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

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

.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%;
}

.gridTable-item-text {
    width: 75%;
    padding: 10px 0px;
}

.gridTable-item-center-text {
    text-align: center;
}

.gridTable-header {
    background-color: #8BB8E8 !important;
    color: #333333;
}

.hList {
    font-size: 0;
    padding: 0;
    list-style-type: none;
}

.hList > * {
    display: inline-block;
    margin-top: 6px;
    margin-right: 6px;
}

.hList-dashed > * {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    position: relative;
}

@media (min-width: 768px) {
    .hList-dashed > * {
        display: inline-block;
        margin-right: 6px;
    }
}

@media (min-width: 768px) {
    .hList-dashed > * + * {
        padding-left: 12px;
    }
}

@media (min-width: 768px) {
    .hList-dashed > * + *:before {
        content: "-";
        position: absolute;
        left: 0;
    }
}

.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-play-track {
    margin: 10px 0px 10px 15px;
}

.list-results-show-chapter {
    margin: 10px 15px 10px 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;
}


/* ---------------------------------------------------------------------
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-meta {
    z-index: 300;
    margin-top: 45px;
}

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

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

.site-container {
    margin: 0 auto;
}

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

@media (min-width: 768px) {
    .site-hd {
        background-color: #eceeef;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .site-bd > .container {
        margin-top: 30px;
    }

    #lti-body .container {
        margin-top: 5px;
    }
}

.site-hd, .site-bd, .site-ft {
    display: table-row;
    position: relative;
}

.site-hd, .site-ft {
    height: 1px;
}

#lti-body .container {
    margin-bottom: 10px;
}

.lti-site-ft {
    background: #fff;
    bottom: 0;
    color: #777;
    display: flex;
    font-size: 16px;
    justify-content: center;
    left: 0;
    margin-top: 5px;
    position: fixed;
    width: 100%;
    z-index: 2;
    -moz-box-shadow: 3px 7px 4px 6px #ccc;
    -webkit-box-shadow: 3px 7px 4px 6px #ccc;
    box-shadow: 3px 7px 4px 6px #ccc;
}

.site-bar {
    width: 100%;
    min-height: 18px;
    background: #2A5488;
}

.site-bar-nav {
    width: 100%;
    margin: 0;
    padding: 5px 0 0;
    background: #ffffff;
}

.site-bar-nav > * {
    display: none;
}

@media (min-width: 768px) {
    .site-bar-nav > * {
        margin-top: 9px;
        display: block;
    }
}

.vr {
    margin-bottom: 10px;
}

.vr_x2 {
    margin-bottom: 20px;
}

.vr_x3 {
    margin-bottom: 30px;
}

.vr_x4 {
    margin-bottom: 40px;
}

.ui-autocomplete-input {
    cursor: text;
}


/* ------- Admin Tools Area styles ------- */


/* Audio Title/Track Maintenance */

.no-bottom-margin {
    margin-bottom: 0;
}

.spinner {
    display: none;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    opacity: .75;
    background-color: gray;
}

.spinnerContainer {
    top: 40%;
    left: 40%;
    position: absolute;
    width: 400px;
    background-color: white;
    padding: 40px;
}


/* SAS Institutional Engine */

.sas-institutional-engine-search-control-group {
    padding: 10px 0 30px 0;
    margin: 10px 0 30px 0;
}

.sas-institutional-engine-search-control-left {
    width: 65%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

.sas-institutional-engine-search-control-right {
    width: 35%;
    float: right;
    padding: 8px 0 0 10px;
}

.sas-institutional-engine-search-results-div {
    padding: 0 0 15px;
    margin: 0 0 15px;
    clear: both;
}


/* Royalty Usage Data */

.royalty-data-form-group {
    padding: 20px 0 20px 0;
}

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


/*--------------------------------------------------
            All Subjects Page Styling
--------------------------------------------------*/

h2[id$="Subjects"] {
    border-bottom: 1px solid #ddd;
}

.letter-picker-list {
    border: 1px solid #bbb;
    padding: 10px 0px;
    font-size: 0;
    margin-bottom: 20px;
}

.letter-picker-list > li {
    border-right: 1px solid #ddd;
    font-size: 20px;
    padding: 0px 8px;
}

.letter-picker-list > li:last-child {
    border-right: none;
}

.subject-item {
    margin: 5px 0px;
}

.subject-item-name {
    display: inline-table;
    width: 35%;
}


/*--------------------------------------------------
               Book Detail Styling
--------------------------------------------------*/

/* Audio Track on Android */
.current-track {
    font-weight: bold;
}

.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;
}

.other-editions {
    position: absolute;
    right: 0;
    bottom: 10px;
}

@media (max-width: 767px) {
    .other-editions {
        position: initial;
    }
}

.throbber {
    background: url("/assets/media/images/throbber.gif") 0 0 no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.learn-more {
    font-size: 14px;
    padding-left: 5px;
}

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

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

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

/* Indicator for previously played track */
/* use JS to display when played */
.jp-listened_atSmall {
    margin-right: 15px;
    padding: 2px 6px;
    background-color: #bdbdbd;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

@media(min-width: 768px) {
    .max-width-450 {
        max-width: 450px;
    }
}


/* Additional West Academic custom styles */

.validation-summary-errors {
    padding: 10px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15);
    background-image: url(../media/images/westAcademicCustomIcons/validationErrorSummary.png);
    background-repeat: no-repeat;
    background-position: 5px;
    padding-left: 45px;
    font-weight: bold;
    color: #A95349;
    background-color: #FFC7D3;
    border: 1px solid #A95349;
    margin: 0 0 20px;
}

.field-validation-valid {
    color: #A95349;
}

.error {
    color: #A95349;
}

.west-academic-login {
    margin: auto;
    margin-top: 70px;
    width: 500px;
}

.west-academic-login-password {
    width: 85%;
    display: inline;
}

ul.west-academic-no-bullets, li.west-academic-no-bullets {
    list-style-type: none !important;
}

li.ui-menu-item {
    color: #333333;
    font-size: 14px;
}

.text-decoration-none {
    text-decoration: none !important;
}

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;
}

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;
}

span + span.bold:before {
    content: " ";
    text-decoration: none;
}

.italic {
    font-style: italic;
}

span + span.italic:before {
    content: " ";
    text-decoration: none;
}

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

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

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

/* My Online Books override for PBI 9126*/

.sp-expire-text {
    line-height: 1.7;
}


/* User Search Results */

.update-message-pull-right {
    float: right;
    color: green;
}

.update-online-book-is-lapsed, .update-subscription-is-lapsed {
    margin-top: 15px;
}

.update-subscription-expiration-date, .update-online-book-expiration-date, .admin-expiration-date-btn {
    margin-top: 5px;
}

#reset-user-search-results {
    margin-bottom: 20px;
}

.admin-search-tooltip {
    text-decoration: none !important;
    margin-top: 5px;
}

/* Book Chapter Page */
#right-align-highlights-link {
    font-size: 16px;
    padding-bottom: 10px;
    text-align: right;
}

.watermark {
    display: none;
}

/* Notes and highlights Page*/
.notes-highlights-spacer {
    padding-left: 1.1em;
}

.left-spacing {
    margin-left: 5em;
}

/* Login Partial */
.west-menu {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media (min-width: 768px) {
    .west-menu {
        align-items: end;
    }
}

.top-level-container {
    display: none;
}

.top-level-container.old-mobile {
    display: flex;
    flex-direction: column;
    align-items: start;
}

@media (min-width: 768px) {
    .top-level-container,
    .top-level-container.old-mobile {
        display: flex;
        flex-direction: column;
        align-items: end;
    }
}

.lower-level-container {
    display: flex;
    align-items: center;
}

/* Institutions Drop Down*/

/* Notifications Icon */
.envelope-icon {
    height: 3em;
    margin-right: 0.5em;
}

@media (min-width: 768px) {
    .envelope-icon {
        height: 2.5em;
        margin: 0 0 0.5em 1em;
    }
}

.number-of-messages-indicator {
    background-color: #DE0909;
    border-radius: 50%;
    color: white;
    display: none;
    font-size: 12px;
    height: 16px;
    padding-left: 1px;
    padding-top: 1px;
    position: absolute;
    text-align: center;
    top: 0;
    right: 18px;
    width: 16px;
}

@media (max-width: 767px) {
    #notifications-container {
        display: none;
    }

    #navbar-notifications-container {
        display: inline-block;
    }
}

.navbar-custom .navbar-nav {
    display: flex;
}

.navbar-custom .navbar-nav.flex-flow-column {
    flex-flow: column;
}

.nav-account-links {
    margin-left: 2em;
}

@media (max-width: 767px) {
    .navbar-custom .navbar-nav {
        align-items: inherit;
        display: block;
    }

    .nav-account-links {
        margin-left: 0;
    }
}

/* Listen Anywhere Module */
#listenAnywhereContainer {
    font-size: 1em;
    position: absolute;
    width: 50%;
    left: 28px;
    top: 30px;
}

#anywhereText {
    font-size: 1.6em;
}

#listenAnywhereHeader {
    font-size: 1.3em;
    width: 125%;
    margin-bottom: 54px;
}

#listenAnywhereBody {
    line-height: 1.7;
    font-size: .98em;
}

@media (max-width: 1200px) {
    #listenAnywhereContainer {
        font-size: .8em;
    }

    #listenAnywhereHeader {
        margin-bottom: 20px;
    }
}

@media (max-width: 990px) {
    #listenAnywhereContainer {
        font-size: 1em;
    }
}

@media (max-width: 550px) {
    #listenAnywhereContainer {
        font-size: .8em;
    }
}

@media (max-width: 420px) {
    #listenAnywhereContainer {
        font-size: .6em;
    }
}

@media (max-width: 320px) {
    #listenAnywhereContainer {
        font-size: .5em;
    }
}

.list-spaced li {
    margin: 10px 0;
}

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

.keywords {
    display: none;
}

.dataTables_wrapper {
    font-size: 14px;
}

.data-table.panel-default .panel-heading {
    background: #eee;
}

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

.data-table.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 13px 20px;
    position: relative;
    overflow: hidden;
    height: auto;
}

.data-table .control-label {
    padding-top: 0;
}

.data-table .form-group {
    margin: 0;
}

.data-table .form-control {
    border: 1px solid #ccc;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
    text-align: center;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

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

#import-email-panel .form-control,
#import-email-panel.panel-default .panel-heading {
    height: auto;
}

.field-validation-error {
    color: #c44e4e;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* 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;
}


.fixedWidthTextArea {
    resize: vertical;
}

/* LTI Pages*/

#all-subjects-section .letter-picker-container a {
    text-decoration: underline;
}

#favorites-section {
    padding-bottom: 1em;
}

.select-all-subjects-header:hover,
.select-all-subjects-header:focus,
.select-content-type-header:hover,
.select-content-type-header:focus,
.select-series-header:hover,
.select-series-header:focus,
.select-favorites-header:hover,
.select-favorites-header:focus,
.expando-header:hover,
.expando-header:focus {
    text-decoration: none;
}

.expando-indicator {
    font-size: 20px;
    vertical-align: middle;
}

.picker-expandable-section .subject-item-name {
    width: initial;
}

.letter-divider {
    background-color: #bbb;
    width: 1px;
}

.letter-divider:last-of-type {
    display: none;
}

.letter-picker-container {
    border: 1px solid #bbb;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 8px;
}

.all-subjects-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.subject-grouping-container {
    width: 49%;
}

.landing-link-row div.col-md-4:nth-child(n+4) {
    margin-top: 1em;
}

.landing-link-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.landing-link-row .link {
    flex: 1 1 30%;
}

#return-container {
    margin-bottom: 5px;
}

#lti-reading-preview-container {
    padding-bottom: 30px;
}

#fixed-footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: #fff;
    z-index: 3;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;
}

.footer-action-buttons {
    float: right;
    font-size: 16px;
    margin: 8px;
    min-width: 75px;
}

.footer-action-buttons:nth-child(1) {
    margin: 8px 50px 8px 0;
}

#readings-section .panel-body,
#readings-section .vr_x4 {
    margin: 0;
    padding: 0;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
    color: white;
    background-color: white;
    cursor: pointer;
    padding: 18px 18px 18px 0px;
    width: 100%;
    border: none;
    text-align: left;
    font-family: "Goldplay", sans-serif;
    color: #1F5BA8;
    font-weight: normal;
    outline: none;
    font-size: 30px;
}


    .collapsible:after {
        content: '\02795'; /* Unicode character for "plus" sign (+) */
        font-size: 25px;
        color: #1F5BA8;
        float: left;
        margin-right: 10px;
    }

.active-collapse:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Style the collapsible content. Note: hidden by default */
.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
}

.active-collapse:[aria-expanded="true"] {
    background-color: #42DCA3;
}

.banner-text-align-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}

@media (max-width: 450px) {
    .horizontal-logo {
        width: 222px;
    }
}

/* Global Nav */
@media (min-width: 768px) {
    #banner-span {
        width: 750px
    }
}

@media (min-width: 992px) {
    #banner-span {
        width: 970px
    }
}

@media (min-width: 1200px) {
    #banner-span {
        width: 1170px
    }
}

/* Change Institution Modal */
#changeInstitutionModal h4 {
    color: #000;
    font-weight: bold;
}

#changeInstitutionModal .modal-footer button {
    width: 100%;
    border: none;
    background-color: #fff;
    height: 4em;
    color: #1F5BA8;
    border-radius: 0 0 5px 5px;
}

#changeInstitutionModal .modal-footer button:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#changeInstitutionModal .modal-body {
    padding: 0;
}

#changeInstitutionModal .modal-footer {
    padding: 0;
}

#institution-radio-list label {
    color: black;
    margin-left: 0.5em;
    font-size: 1.1em;
    width: 100%;
}

#institution-radio-list input {
    -webkit-transform: scale(2); /* Chrome, Safari, Opera */
    transform: scale(2);
    margin: 1em;
}

.institution-radio-item {
    padding-top: 0.3em;
    border-top: 1px solid #e5e5e5;
}

/* reorder css */

.draggable {
    cursor: pointer;
    display: flex;
}

/* edit icon */
.edit-icon {
    height: 1.5em;
    margin-right: 0.5em;
}

@media (min-width: 768px) {
    .edit-icon {
        height: 1.5em;
        margin: 0 0 0.5em 1em;
    }
}

/* Barbri Styles */
.barbri-h1 {
    font-family: Bitter, serif;
    font-size: 30px;
    color: #2A5488;
}