/* Minification failed. Returning unminified contents.
(7529,18): run-time error CSS1030: Expected identifier, found '['
 */
@font-face {
    font-family: 'Bitter';
    src: url("../media/fonts/Bitter/Bitter-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Bitter';
    src: url("../media/fonts/Bitter/Bitter-Italic-VariableFont_wght.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: 'Bitter Medium';
    src: url("../media/fonts/Bitter/static/Bitter-Medium.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Bitter Medium';
    src: url("../media/fonts/Bitter/static/Bitter-MediumItalic.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: 'Bitter Light';
    src: url("../media/fonts/Bitter/static/Bitter-Light.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Bitter Light';
    src: url("../media/fonts/Bitter/static/Bitter-LightItalic.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: 'Nunito';
    src: url("../media/fonts/Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Nunito';
    src: url("../media/fonts/Nunito/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Medium';
    src: url("../media/fonts/Nunito/static/Nunito-Medium.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Medium';
    src: url("../media/fonts/Nunito/static/Nunito-MediumItalic.ttf") format("truetype");
    font-style: italic;
}

@font-face {
    font-family: 'Nunito Light';
    src: url("../media/fonts/Nunito/static/Nunito-Light.ttf") format("truetype");
    font-style: normal;
}

@font-face {
    font-family: 'Nunito Light';
    src: url("../media/fonts/Nunito/static/Nunito-LightItalic.ttf") format("truetype");
    font-style: italic;
}

html, body {
    height: 100%;
}

body {
    font-family: Nunito, sans-serif;
    color: #333333;
    font-size: 18px;
    line-height: 1.1667;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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: #1F5BA8;
}

a:hover, a:focus {
    color: #1F5BA8;
    text-decoration: underline;
}

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

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #1F5BA8;
    font-weight: normal;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-family: Bitter, serif;
}

h5, h6, .h5, .h6 {
    font-family: Bitter, serif;
}

.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, .h-spacing {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.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-med {
    margin-bottom: 10px;
}

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

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

.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:hover {
    color: #000000;
    background: #e3f0ff;
}

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

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

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

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

.form-control[readonly] {
    background: #FFFFFF;
    font-style: italic;
}

.has-error .form-control, .has-success .form-control {
    padding-right: 30px;
}

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

.form-group-flush {
    margin-bottom: 0;
}

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

.form-group-lg {
    margin-bottom: 30px;
}

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

.form-alert > .alert {
    margin-bottom: 0;
}

.form-alert > .alert + .alert {
    margin-top: 20px;
}

.form-field {
    position: relative;
}

.has-error .form-field:after, .has-success .form-field:after, .has-loading .form-field:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
}

.has-error .radio .form-field:after, .has-success .radio .form-field:after, .has-loading .radio .form-field:after, .has-error .checkbox .form-field:after, .has-success .checkbox .form-field:after, .has-loading .checkbox .form-field:after {
    display: none;
}

.has-success .form-field:after {
    margin-top: -9px;
    background-image: url(../media/images/sprites/icn/sprite-core.png);
    background-position: 0px -166px;
    width: 18px;
    height: 18px;
}

.has-error .form-field:after {
    margin-top: -9px;
    background-image: url(../media/images/sprites/icn/sprite-core.png);
    background-position: 0px -280px;
    width: 18px;
    height: 18px;
}

.has-loading .form-field:after {
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: url("../media/images/global/icn-loading-sm.gif") 0 0 no-repeat;
}

.radio label, .radio .fieldLabel, .checkbox label, .checkbox .fieldLabel {
    font-weight: normal;
    color: #333333;
}

.radio-lg, .radio-lg label, .checkbox-lg, .checkbox-lg label {
    font-size: 16px;
}

.radio-lg, input[type="radio"], .checkbox-lg input[type="checkbox"] {
    margin-top: 2px;
    margin-top: 2px \9;
}

textarea.form-control-lg {
    height: 115px;
}

.help-block, .ajaxHelp-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    color: inherit;
    font-size: 14px;
}

.help-block:empty, .ajaxHelp-block:empty {
    margin: 0;
    padding: 0;
}

.help-block a, .ajaxHelp-block a {
    color: inherit;
    text-decoration: underline;
}

.has-success .help-block, .has-success .ajaxHelp-block {
    color: #3f9e45;
}

.has-error .help-block, .has-error .ajaxHelp-block {
    color: #c44e4e;
}

@media(min-width: 768px) {
    .user-has-ep-account {
        float: right !important;
        margin-bottom: .8rem;
    }
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-brand-link {
    display: block;
    width: 203px;
    height: 75px;

}

.navbar-custom .navbar-nav {
    padding-top: 1.4rem;
    margin: 0;
    border-bottom: 1px solid #dddddd;
}

.navbar-custom .navbar-nav > li > a {
    color: #1F5BA8;
}

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
    background: none;
    color: #1F5BA8;
    text-decoration: underline;
}

.navbar-custom .navbar-nav > li > a:focus {
    outline: 0;
}

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

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

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

.navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    font-size: 14px;
    color: #333333;
    padding: 8px 10px;
}

.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    outline: 0;
    color: #000000;
    background: #e3f0ff;
}

.navbar-custom .navbar-nav .open .dropdown-menu > .active > a, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background: #e3f0ff;
}

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

.navbar-custom .navbar-link {
    color: #1F5BA8;
}

.navbar-custom .navbar-link:hover {
    color: #1F5BA8;
    text-decoration: underline;
}

.navbar-custom .navbar-link:focus {
    outline: 0;
}

.navbar-custom .btn-link {
    color: #2A5488;
}

    .navbar-custom .btn-link:hover, .navbar-custom .btn-link:focus {
        color: #2A5488;
        text-decoration: underline;
    }

.panel {
    margin-bottom: 0;
    box-shadow: none;
}

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

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

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

.panel-default .panel-heading-title {
    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; }

.popover {
    min-width: 250px;
}

.popover-content {
    font-size: 13px;
    line-height: 1.1667;
}

.popover-content ul {
    margin: 3px 0 0;
    padding-left: 17px;
}

.popover-content ul > li {
    margin-top: 2px;
}

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

.btn-primary {
    color: #FFFFFF;
    background: #2A5488;
    border: 0;
    border-bottom: 2px solid #003e7d;
}

.btn-primary:hover, .btn-primary:focus {
    color: #FFFFFF;
    background: #4e84c4;
    border-color: #4e84c4;
    text-decoration: none;
    outline: 0;
}

.btn-primary-search {
    border-top: 2px solid #2A5488;
    border-bottom: 2px solid #2A5488;
}

.btn-default {
    color: #000000;
    background: #eeeeee;
    border: 0;
    border-bottom: 2px solid #d4d4d4;
}

.btn-default:hover, .btn-default:focus {
    background: #d4d4d4;
    border-color: #d4d4d4;
    text-decoration: none;
    outline: 0;
}

.breadcrumb {
    background: none;
    margin: -15px 0 25px 0;
    padding: 0;
    font-size: 14px;
    border-radius: 0;
}
  
@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom: 30px;
    }
}
  
.breadcrumb > * {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 38px;
    margin-top: 15px;
}
  
.breadcrumb > * + li:before {
    display: none;
}
  
.breadcrumb > *:after {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: -1px;
    right: -25px;
    margin-left: 17px;
    background-image: url(../media/images/sprites/icn/sprite-core.png);
    background-position: 0px -341px;
    width: 10px;
    height: 20px;
}
  
.breadcrumb > * a, .breadcrumb > * a:hover {
    color: #004b96;
}
  
.breadcrumb > * a:focus {
    outline: 0;
}
  
.breadcrumb > .active {
    color: #333333;
    background: none;
}
  
.breadcrumb > .active a, .breadcrumb > .active a:hover, .breadcrumb > .active a:focus {
    color: inherit;
    text-decoration: none;
}
  
.breadcrumb > *:first-child {
    margin-right: 0;
}
  
.breadcrumb > *:first-child a {
    display: inline-block;
    position: relative;
    background: #969696;
    margin-right: 30px;
    padding: 4px 2px 4px 8px;
    -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;
}
  
.breadcrumb > *:first-child a:focus {
    background: #7e8083;
}
  
.breadcrumb > *:first-child a:focus:after {
    border-left-color: #7e8083;
}
  
.breadcrumb > *:first-child:after {
    display: none;
}
  
.breadcrumb > *:first-child a:after {
    content: " ";
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: auto;
    left: 100%;
    margin-left: 0;
    background: none;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #969696;
    -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;
}
  
.breadcrumb > *:last-child {
    margin-right: 0;
}
  
.breadcrumb > *:last-child:after {
    display: none;
}

.tab-content > .wait-for-load {
    /* 
       Acts as a display: none
       Flash doesn't work with display: none, so jPlayer breaks
       Instead, we banish it to an alternate dimension of css hacks
       until jPlayer is loaded then we can use display: none;
   */
    display: block;
    position: absolute;
    left: -99999px;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 220px;
    }
    .dl-horizontal dd {
        margin-left: 240px;
    }
}

.d-flex {
    display: flex;
}

/* -----------------------------------
    Select2 
-------------------------------------- */

.select2-container {
    margin: 0;
    position: relative;
    display: block;
    vertical-align: middle;
    font-size: 14px; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
    /* webkit */
    /* firefox */
    box-sizing: border-box;
    /* css3 */ }

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #dddddd;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
    background-image: -webkit-linear-gradient(bottom, #eee 0%, #fff 50%);
    background-image: linear-gradient(to top, #eee 0%, #fff 50%); }

html[dir="rtl"] .select2-container .select2-choice {
    padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #dddddd;
    border-radius: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
    background-image: -webkit-linear-gradient(top, #eee 0%, #fff 90%);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
    margin-left: 26px;
    margin-right: 0; }

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url("../media/images/sprites/select2/select2.png") right top no-repeat;
    cursor: pointer;
    outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block; }

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer; }

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    /* styles required for IE to work */
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #dddddd;
    border-top: 0;
    border-radius: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #dddddd;
    border-bottom: 0;
    border-radius: 0;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none; }

.select2-display-none {
    display: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb; }

.select2-drop-auto-width {
    border-top: 1px solid #dddddd;
    width: auto; }

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #dddddd;
    border-radius: 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: -webkit-linear-gradient(bottom, #ccc 0%, #eee 60%);
    background-image: linear-gradient(to top, #ccc 0%, #eee 60%); }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #dddddd;
    border-radius: 0; }

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../media/images/sprites/select2/select2.png") no-repeat 0 1px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
    background-position: 2px 1px; }

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 4px 4px 0 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap; }

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #dddddd;
    border-radius: 0;
    box-shadow: none;
    background: #fff url("../media/images/sprites/select2/select2.png") no-repeat 100% -22px;
    background: url("../media/images/sprites/select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url("../media/images/sprites/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url("../media/images/sprites/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0;
    background: url("../media/images/sprites/select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

html[dir="rtl"] .select2-search input {
    padding: 4px 5px 4px 20px;
    background: #fff url("../media/images/sprites/select2/select2.png") no-repeat -37px -22px;
    background: url("../media/images/sprites/select2/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url("../media/images/sprites/select2/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url("../media/images/sprites/select2/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0;
    background: url("../media/images/sprites/select2/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-search input.select2-active {
    background: #fff url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%;
    background: url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(top, #fff 85%, #eee 99%) 0 0;
    background: url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-linear-gradient(bottom, #fff 0%, #eee 50%);
    background-image: linear-gradient(to top, #fff 0%, #eee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    -webkit-filter: none;
    filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
    border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -16px 1px; }

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/* results */
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    font-size: 14px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: transparent; }

html[dir="rtl"] .select2-results {
    padding: 0 4px 0 0;
    margin: 4px 0 4px 4px; }

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0; }

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
    font-weight: bold; }

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.select2-results-dept-1 .select2-result-label {
    padding-left: 20px; }

.select2-results-dept-2 .select2-result-label {
    padding-left: 40px; }

.select2-results-dept-3 .select2-result-label {
    padding-left: 60px; }

.select2-results-dept-4 .select2-result-label {
    padding-left: 80px; }

.select2-results-dept-5 .select2-result-label {
    padding-left: 100px; }

.select2-results-dept-6 .select2-result-label {
    padding-left: 110px; }

.select2-results-dept-7 .select2-result-label {
    padding-left: 120px; }

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff; }

.select2-results li em {
    background: #feffde;
    font-style: normal; }

.select2-results .select2-highlighted em {
    background: transparent; }

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item;
    padding-left: 5px; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default; }

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default; }

.select2-results .select2-selected {
    display: none; }

.select2-more-results.select2-active {
    background: #f4f4f4 url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100%; }

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, 0.2); }

.select2-more-results {
    background: #f4f4f4;
    display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
    border: 1px solid #dddddd;
    cursor: text;
    overflow: hidden;
    background-color: #fff; }

html[dir="rtl"] .select2-container-multi .select2-choices {
    padding: 0 0 0 5px; }

.select2-locked {
    padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
    min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
    list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li {
    float: right; }

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    width: 100% !important;
    /* border-top: 1px solid $COLOR_GREY_BORDER !important; */
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    box-shadow: none;
    background: transparent !important; }

.select2-search-choice + .select2-search-field,
.ui-select-has-items .select2-search-field {
    position: relative;
    border-top: 1px solid #dddddd !important; }

.select2-search-field > .glyphicon.glyphicon-search {
    padding-left: 5px;
}

/*targets Chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .select2-container-multi .select2-choices .select2-search-field {
        margin: 0;
        padding: 3px 5px 3px 18px;
        white-space: nowrap;
    }
}

/* targets IE only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .select2-search-field > .glyphicon.glyphicon-search {
        position: absolute;
        top: auto;
        bottom: 7px;
        right: 7px;
    }
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url("../media/images/sprites/select2/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
    color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 5px 3px 5px;
    position: relative;
    line-height: 1;
    color: #333;
    cursor: default;
    /* border: 1px solid $COLOR_GREY_BORDER; */
    border-radius: 0;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background-color: #e4e4e4; */ }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 18px 3px 5px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4; }

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -6.5px;
    font-size: 1px;
    outline: none;
    background: url("../media/images/sprites/select2/select2.png") right top no-repeat; }

html[dir="rtl"] .select2-search-choice-close {
    right: auto;
    left: 3px; }

.select2-container-multi .select2-search-choice-close {
    left: 3px; }

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
    left: auto;
    right: 2px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline; }

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

.select2-display {
    display: none; }

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll; }

.select2-result-single {
    padding: 0px;
}

/*targets Chrome*/
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .select2-container-multi .select2-choices .select2-search-choice {
        margin: 3px 5px 3px 18px;
    }
}

.display-none {
    display: none;
}

.ui-select-highlight {
    font-weight: bold;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url("../media/images/sprites/select2/select2x2.png") !important;
        background-repeat: no-repeat !important;
        background-size: 60px 40px !important; }
    .select2-search input {
        background-position: 100% -21px !important; } }

.form-control .select2-choice {
    border: 0;
    border-radius: 0; }

.form-control .select2-choice .select2-arrow {
    border-radius: 0; }

.form-control.select2-container {
    height: auto !important;
    padding: 0; }

.form-control.select2-container.select2-dropdown-open {
    border-color: #5897FB;
    border-radius: 0; }

.form-control .select2-container.select2-dropdown-open .select2-choices {
    border-radius: 0; }

.form-control.select2-container .select2-choices {
    border: 0 !important;
    border-radius: 0; }

.control-group.warning .select2-container .select2-choice,
.control-group.warning .select2-container .select2-choices,
.control-group.warning .select2-container-active .select2-choice,
.control-group.warning .select2-container-active .select2-choices,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.warning .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.warning .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #C09853 !important; }

.control-group.warning .select2-container .select2-choice div {
    border-left: 1px solid #C09853 !important;
    background: #FCF8E3 !important; }

.control-group.error .select2-container .select2-choice,
.control-group.error .select2-container .select2-choices,
.control-group.error .select2-container-active .select2-choice,
.control-group.error .select2-container-active .select2-choices,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.error .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.error .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #B94A48 !important; }

.control-group.error .select2-container .select2-choice div {
    border-left: 1px solid #B94A48 !important;
    background: #F2DEDE !important; }

.control-group.info .select2-container .select2-choice,
.control-group.info .select2-container .select2-choices,
.control-group.info .select2-container-active .select2-choice,
.control-group.info .select2-container-active .select2-choices,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.info .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.info .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #3A87AD !important; }

.control-group.info .select2-container .select2-choice div {
    border-left: 1px solid #3A87AD !important;
    background: #D9EDF7 !important; }

.control-group.success .select2-container .select2-choice,
.control-group.success .select2-container .select2-choices,
.control-group.success .select2-container-active .select2-choice,
.control-group.success .select2-container-active .select2-choices,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choice,
.control-group.success .select2-dropdown-open.select2-drop-above .select2-choices,
.control-group.success .select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #468847 !important; }

.control-group.success .select2-container .select2-choice div {
    border-left: 1px solid #468847 !important;
    background: #DFF0D8 !important; }

.select2-container {
    display: block; }
.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-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;
}

blockquote {
  font-size: 14px;
}

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

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

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

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

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

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

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

.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;
  width: 20px;
  height: 20px;
  background-image: url(../media/images/sprites/icn/sprite-core.png);
  background-position: 50px 50px;
  background-repeat: no-repeat;
  background-color: transparent;
  font-size: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

.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 img {
  display: block;
  margin: 0 auto;
}


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

.vCenter {
  font-size: 0;
}

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

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


/* Margins */


/* Bottom */

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

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

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

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

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


/* Right */

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

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

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


/* Top */

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

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

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

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

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

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


/* Padding */
.padding-10 {
    padding: 10px;
}

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

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

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

.padding-bottom-15 {
    padding-bottom: 15px;
}

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

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

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

.hList {
  font-size: 0;
}


/* ---------------------------------------------------------------------
List Results 
--------------------------------------------------------------------- */

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

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

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


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

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

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

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

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


/* Sortbar */

.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 */

.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-subtitle {
  display: block;
  font-size: 80%;
  color: inherit;
  margin-top: 4px;
}

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

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


/* Blocks */

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

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

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


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


/* ---------------------------------------------------------------------
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
Breakpoint: Default
------------------------------------------------------------------------ */

.site-container {
  margin: 0 auto;
}

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

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

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

.footer-bar {
    margin-top: 1rem;
}

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

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

/* Wowza Player */

/* Visibility: hidden lets us still access the object through JS */
#playerContainer {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: hidden;
}

/*--------------------------------------------------
               Eula Modal Styling
--------------------------------------------------*/
#eulaModal {
    max-height: 100%;
    overflow-y: hidden;
}

#eulaModal .modal-dialog {
    height: 100%;
}

#eulaModal .modal-content {
    height: 93%;
}

#eulaModal .modal-body {
    height: calc(98% - 7em);
    overflow-y: auto;
}

#eulaModal .modal-header {
    height: 3.5em;
}

/* Audio player overrides for links */

.gridTable-item .js-play-track {
    color: #636567;
}

.gridTable-item .js-play-track:hover {
        text-decoration: none;
        color: #3463a8;
    }

.gridTable-item .js-play-track:focus {
        text-decoration: none;
        color: #636567
    }

.h1-bold {
    font-weight: bold;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 18px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #999;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 24px;
        width: 24px;
        left: 0px;
        bottom: -3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        box-shadow: 0 0 5px #999;
        border: 1px solid #999
    }

input:checked + .slider {
    background-color: #004b96;
}

input:focus + .slider {
    box-shadow: 0 0 7px #004b96;
}

input:checked + .slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


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

    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;
}
/* ---------------------------------------------------------------------
jPlayer styles
------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------
jPlayer layout
------------------------------------------------------------------------ */
/* Container for audio player */
.jp-wrapper {
    color: #636567;
}

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

    .jp-wrapper .btn-primary {
        color: #FFFFFF;
        background: #2A5488;
        border: 0;
        font-size: 14px;
        border-bottom: 2px solid #003e7d;
    }

        .jp-wrapper .btn-primary:hover,
        .jp-wrapper .btn-primary:focus {
            color: #FFFFFF;
            background: #4e84c4;
            border-color: #4e84c4;
            text-decoration: none;
            outline: 0;
        }

    .jp-wrapper .btn-primary-search {
        border-top: 2px solid #2A5488;
    }

/* Container for title and number of tracks */
.jp-header {
    border: 1px solid #636567;
    padding: 10px 5px;
    font-size: 15px;
}

/* Title of subject area */
.jp-topic {
    font-size: 18px;
    font-weight: bold;
}

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

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

@media (min-width: 768px) {
    .jp-list li {
        padding: 0 20px;
    }
}

/* Alternate row color for quicker track identification */
.jp-list li:nth-child(odd) {
    background: #eeeeee;
}

/* Vertically center content inside list items */
.jp-list li > * {
    height: 40px;
}

/* Link/target for individual track */
.jp-playlist-item {
    color: #636567;
}

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

/* Indicator for currently playing track */
/* Disable ability to click on it */
.jp-playlist-current.jp-playlist-item {
    pointer-events: none;
    cursor: default;
    font-weight: bold;
}

.jp-transcript {
    visibility: hidden;
}


/* ---------------------------------------------------------------------
jPlayer controls
------------------------------------------------------------------------ */
/* Container for all controls */
.jp-interface {
    margin: 30px 0;
}

.js-book-detail .jp-interface {
    margin: 0;
    padding-top: 20px;
}

@media (min-width: 768px) {
    .jp-interface {
        margin: 20px 0;
    }
}

/* Center control buttons */
.jp-controls {
    text-align: center;
}

/* Play button - circle shape */
.jp-play,
.jp-pause {
    position: relative;
    border: 0;
    margin-left: 8px;
    margin-right: 8px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #2A5488;
}

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

    /* Play button - drop shadow effect */
    .jp-play::after,
    .jp-pause::after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 2px;
        left: 0;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #3463a8;
    }

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

/* Previous and Next buttons - circle shapes */
.jp-previous,
.jp-next {
    position: relative;
    border: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #2A5488;
}

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

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

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

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

/* Previous and Next buttons - drop shadow effect */
.jp-previous::after,
.jp-next::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #3463a8;
}

/* Progress bar */
.jp-progress {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #3463a8;
    border-radius: 5px;
}

@media (min-width: 768px) {
    .jp-progress {
        width: 60%;
    }
}

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

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

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

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

@media(max-width: 767px) {
    .jp-time-elapsed {
        width: 100%;
    }

    .jp-playback-rate {
        width: 100%;
    }

    .jp-now-playing {
        width: 100%;
        text-align: center;
    }
}

/* Volume bar */
.jp-volume-controls {
    display: block;
}

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

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

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

table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc{cursor:pointer;*cursor:hand}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("/Content/DataTables-1.10.13/images/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("/Content/DataTables-1.10.13/images/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("/Content/DataTables-1.10.13/images/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("/Content/DataTables-1.10.13/images/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("/Content/DataTables-1.10.13/images/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#fff}table.dataTable tbody tr.selected{background-color:#b0bed9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:#f5f5f5}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{-webkit-box-sizing:content-box;box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dcdcdc));background:-webkit-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-moz-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-ms-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:-o-linear-gradient(top,#fff 0%,#dcdcdc 100%);background:linear-gradient(to bottom,#fff 0%,#dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:#fff;background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(25%,rgba(255,255,255,.9)),color-stop(75%,rgba(255,255,255,.9)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.9) 25%,rgba(255,255,255,.9) 75%,rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table,.dataTables_wrapper.no-footer div.dataTables_scrollBody table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width:767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:.5em}}@media screen and (max-width:640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:.5em}}
table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:.5}table.dataTable thead .sorting:after{opacity:.2}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width:767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0}
table.dt-rowReorder-float{position:absolute !important;opacity:0.8;table-layout:fixed;outline:2px solid #337ab7;outline-offset:-2px;z-index:2001}tr.dt-rowReorder-moving{outline:2px solid #888;outline-offset:-2px}body.dt-rowReorder-noOverflow{overflow-x:hidden}table.dataTable td.reorder{text-align:center;cursor:move}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}div.dtr-bs-modal table.table tr:first-child td{border-top:none}