body {
    font-family: Arial, sans-serif;
}

input {
    font-family: Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.number,
.orange-button,
.blue-button,
legend,
.item-price,
.packages dt,
#glow-box {
    font-family: 'Open Sans Condensed', sans-serif;
}

h1 {
    color      : #DE6638;
    font-size  : 30px;
    line-height: 120%;
}

h2 {
    font-size  : 24px;
    line-height: 24px;
}

h3 {
    line-height: 24px;
    font-size  : 20px;
}

h3 small {
    font-size: 16px;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #444444;
}

a:focus {
    outline: none;
}

q {
    font-family: "Times New Roman", Times, serif;
    font-style : italic;
}

table td,
table td label {
    font-size: 12px;
}

table.table-review td {
    font-size: 14px;
}

table.table-review td a {
    padding: 0 20px;
}

#home h2 {
    color: white;
}

h1.exam-header .pull-right,
#test-timer {
    font-size  : 24px;
    font-weight: bold;
    color      : #777;
}

input[type=password],
input[type=text],
input[type=select],
textarea {
    background: url(/assets/img/layout/input-bg.png) top left no-repeat #ffffea;
}

select {
    background: #ffffea;
}

.input-xlarge-half {
    width: 200px !important;
}

.input-medium {
    width: 110px;
}

legend {
    font-weight: bold;
    color      : #555
}

legend.xq-legend-plain {
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    color: inherit;
    width: auto;
    border: 0;
    margin-bottom: 5px;
}

.xq-section-heading {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    font-weight: bold;
    color: #555;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

h4.reportTitle {
    font-weight: bold;
    font-size: 18px;
    color: #555;
    padding: 15px 5px 5px 5px;
    line-height: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.lineheightNormal {
    line-height: 1.3em;
}

#page-cover {
    z-index   : 10000;
    position  : fixed;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 100%;
    background: whitesmoke;
    text-align: center;
}

/* override non-editable controls styling */

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    background-color : #f4f4d6;
    webkit-box-shadow: none;
    -moz-box-shadow  : none;
    box-shadow       : none !important;
    border-color     : #ccc !important;
    background       : #f8f8f8 !important;
    color            : #888;
}

footer {
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
}

footer .span12 {
    float : none;
    margin: auto;
}

.number {
    font-style           : normal;
    text-shadow          : -1px 1px 1px #b5640b, 1px 1px 1px #b5640b;
    color                : white;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    padding              : 7px;
    font-weight          : bold;
    font-size            : 22px;
    border               : 1px solid #d89531;
    float                : left;
    margin-right         : 10px;
}

.larger {
    font-size: larger;
}

.smaller {
    font-size: smaller;
}

.lighter {
    color: #5d5d5d;
}

/* <Custom Elements> */

/* Pill */

span[class*="xq-pill"],
button[class*="xq-pill"],
a[class*="xq-pill"] {
    display         : inline-block;
    padding         : 5px 10px;
    text-align      : center;
    border-width    : 1px;
    border-style    : solid;
    border-color    : inherit;
    background-color: inherit;
    white-space     : nowrap;
}

.xq-pill--round {
    padding      : 2px 10px !important;
    border-radius: 15px;
}

.xq-pill--square {
    border-radius: 5px;
}

/* Copy Icon */

.xq-copy--small {
    margin-left: 5px;
    font-size  : 0.95rem;
    opacity    : 0.7;
    cursor     : pointer;
}

/* Icon with text */

span[class*="xq-label-icon"] *[class*="icon-"],
div[class*="xq-label-icon"] *[class*="icon-"] {
    display   : inline-block;
    width     : 17px;
    text-align: center;
}

.xq-label-icon--sm {
    font-size: 0.7rem;
}

.xq-label-icon--md {
    font-size: 1rem;
}

.xq-label-icon--lg *[class*="icon-"] {
    margin-right: 5px;
}

.xq-label-icon--lg {
    font-size: 1.2rem;
}

.xq-label-icon--xl {
    font-size: 1.8rem;
}

/* Input with label and icon */

.xq-input-combined {
    display : block;
    position: relative;
}

.xq-input-combined__input-container,
.xq-input-combined__buttons-container {
    display   : inline-block;
    position  : relative;
    box-sizing: border-box;
}

.xq-input-combined__input-container {
    width: 80%;
}

input.xq-input-combined__input {
    box-sizing   : border-box;
    height       : auto !important;
    width        : 100%;
    padding-left : 85px;
    padding-right: 40px;
    margin-bottom: 0;
}

label.xq-input-combined__label {
    position   : absolute;
    top        : 4px;
    left       : 15px;
    display    : inline-block;
    font-weight: bold;
    font-size  : inherit;
    line-height: initial;
    opacity    : 0.9;
}

.xq-input-combined__icon {
    position: absolute;
    right   : 13px;
    top     : 1px;
}

.xq-input-combined__buttons-container {
    float     : right;
    width     : 20%;
    text-align: center;
}

.xq-input-combined__buttons-container .btn {
    box-sizing   : border-box;
    width        : 50%;
    border-radius: 0;
}

/* Skeletons */

@keyframes shimmer {
    0% {
        background-position: -450px 0;
    }

    100% {
        background-position: 450px 0;
    }
}

div[class*="xq-skeleton-item"],
span[class*="xq-skeleton-item"] {
    display          : inline-block;
    height           : 30px;
    box-sizing       : border-box;
    background-color : #d9d9d9;
    background-image : linear-gradient(to right, #d9d9d9 0%, rgba(238, 229, 229, 0.692) 20%, #d9d9d9 40%, #d9d9d9 100%);
    background-repeat: no-repeat;
    background-size  : cover;
    animation        : shimmer 1.5s linear infinite;
}

.xq-skeleton-item-100 {
    width: 100%;
}

.xq-skeleton-item-50 {
    width: 49%;
}

.xq-skeleton-item-25 {
    width: 24%;
}

.xq-skeleton-item-15 {
    width: 15%;
}

/* Stepper */

.xq-stepper__wrapper {
    display        : flex;
    justify-content: space-between;
    margin-bottom  : 20px;
}

.xq-stepper__item {
    position          : relative;
    display           : flex;
    -ms-flex-direction: column;
    flex-direction    : column;
    align-items       : center;
    -ms-flex          : 1;
    flex              : 1;
}

.xq-stepper__item::before {
    position     : absolute;
    content      : "";
    border-bottom: 2px solid #ccc;
    width        : 100%;
    top          : 10px;
    left         : -50%;
    z-index      : 2;
}

.xq-stepper__item::after {
    position     : absolute;
    content      : "";
    border-bottom: 2px solid #ccc;
    width        : 100%;
    top          : 10px;
    left         : 50%;
    z-index      : 2;
}

.xq-stepper__item .step-counter {
    position       : relative;
    z-index        : 5;
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 18px;
    height         : 18px;
    border-radius  : 50%;
    background     : white;
    border         : 2px solid #ccc;
    margin-bottom  : 2px;
}

.xq-stepper__item .step-counter .round-block {
    width        : 10px;
    height       : 10px;
    border-radius: 50%;
    background   : #ccc;
}

.xq-stepper__item.active {
    font-weight: bold;
}

.xq-stepper__item.completed .step-counter {
    border: 2px solid #00b28f;
}

.xq-stepper__item.completed .step-counter .round-block {
    background-color: #00b28f;
}

.xq-stepper__item.completed::after {
    position     : absolute;
    content      : "";
    border-bottom: 2px solid #00b28f;
    width        : 100%;
    top          : 10px;
    left         : 50%;
    z-index      : 3;
}

.xq-stepper__item.current .step-counter {
    border: 2px solid #ccc;
}

.xq-stepper__item.current .step-counter .round-block {
    background-color: #00b28f;
}

.xq-stepper__item:first-child::before {
    content: none;
}

.xq-stepper__item:last-child::after {
    content: none;
}

/* Switch */

.xq-switch {
    position: relative;
    display : inline-block;
    width   : 50px;
    height  : 30px;
}

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

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

.xq-switch .slider:before {
    position          : absolute;
    content           : "";
    height            : 20px;
    width             : 20px;
    left              : 5px;
    bottom            : 5px;
    background-color  : white;
    -webkit-transition: .4s;
    transition        : .4s;
}

.xq-switch input:checked+.slider {
    background-color: #00b28f;
}

.xq-switch input:focus+.slider {
    box-shadow: 0 0 1px #00b28f;
}

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

/* Toggle */

.xq-toggle {
    --xq-toggle-h: 24px;
    --xq-toggle-pad: 2px;
    --xq-toggle-font: 13px;
    --xq-toggle-gap: 7px;
    position    : relative;
    display     : inline-flex;
    align-items : center;
    gap         : var(--xq-toggle-gap);
    vertical-align: middle;
    white-space : nowrap;
    cursor      : pointer;
    font-size   : var(--xq-toggle-font);
    line-height : 1;
}

.xq-toggle.sm { --xq-toggle-h: 18px; --xq-toggle-pad: 2px; --xq-toggle-gap: 6px; }
.xq-toggle.md { --xq-toggle-h: 24px; --xq-toggle-pad: 2px; --xq-toggle-font: 13px; --xq-toggle-gap: 7px; }

.xq-toggle input {
    position     : absolute;
    opacity      : 0;
    width        : 0;
    height       : 0;
    pointer-events: none;
}

.xq-toggle-slider {
    position        : relative;
    flex            : none;
    display         : inline-block;
    width           : calc(var(--xq-toggle-h) * 1.65);
    height          : var(--xq-toggle-h);
    background-color: #39393d;
    border-radius   : 2px;
    transition      : background-color 0.2s ease;
}

.xq-toggle-slider::before {
    content         : "";
    position        : absolute;
    top             : var(--xq-toggle-pad);
    left            : var(--xq-toggle-pad);
    width           : calc(var(--xq-toggle-h) - var(--xq-toggle-pad) * 2);
    height          : calc(var(--xq-toggle-h) - var(--xq-toggle-pad) * 2);
    background-color: #ffffff;
    border-radius   : 2px;
    box-shadow      : 0 2px 4px rgba(0, 0, 0, 0.3);
    transition      : transform 0.2s ease;
}

/* Default checked-state color; per-tenant custom.css overrides this with the brand color. */
.xq-toggle input:checked + .xq-toggle-slider {
    background-color: #34c759;
}

.xq-toggle input:checked + .xq-toggle-slider::before {
    transform: translateX(calc(var(--xq-toggle-h) * 0.65));
}

.xq-toggle input:focus-visible + .xq-toggle-slider {
    outline       : 2px solid #0a84ff;
    outline-offset: 2px;
}

/* </Custom Elements> */

/* <Custom Styles> */

.xq-hide-header__all,
.xq-hide-footer__all {
    display: none;
}

.xq-full-width {
    box-sizing: border-box;
    width     : 100%;
    height    : auto !important;
}

.xq-text-center {
    text-align: center !important;
}

.xq-pt-0 {
    padding-top: 0 !important;
}

.xq-mb-0 {
    margin-bottom: 0 !important;
}

.xq-mb-5 {
    margin-bottom: 5px;
}

.xq-mb-10 {
    margin-bottom: 10px !important;
}

.xq-mb-15 {
    margin-bottom: 15px !important;
}

.xq-mb-20 {
    margin-bottom: 20px !important;
}

.xq-mt-0 {
    margin-top: 0 !important;
}

.xq-mt-5 {
    margin-top: 5px !important;
}

.xq-mt-10 {
    margin-top: 10px !important;
}

.xq-mt-15 {
    margin-top: 15px !important;
}

.xq-mt-20 {
    margin-top: 20px !important;
}

.xq-ml-0 {
    margin-left: 0 !important;
}

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

.xq-ml-10 {
    margin-left: 10px;
}

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

.xq-mr-5 {
    margin-right: 5px;
}

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

.xq-my-10 {
    margin: 10px 0;
}

.xq-gap-5 {
    gap: 5px;
}

.xq-d-inline-block {
    display: inline-block;
}

.xq-d-block {
    display: block;
}

.xq-d-none {
    display: none;
}

.xq-flex {
    display: flex;
}

.xq-flex-col {
    flex-direction: column;
}

.xq-justify-between {
    justify-content: space-between;
}

.xq-justify-center {
    justify-content: center;
}

.xq-justify-end {
    justify-content: end;
}

.xq-align-center {
    align-items: center;
}

.xq-flex-grow {
    flex-grow: 1;
}

.xq-overflow-visible {
    overflow: visible !important;
}

.xq-no-pointer-events {
    pointer-events: none;
}

.xq-text-right {
    text-align: right !important;
}

.xq-opaque {
    opacity: 0.5 !important;
}

.xq-cursor-blocked {
    cursor: not-allowed !important;
}

.xq-cursor-blocked {
    cursor: not-allowed !important;
}

.xq-v-hidden {
    visibility: hidden !important;
}

.xq-pos-relative {
    position: relative;
}

.xq-tablefont-lg td,
.xq-tablefont-lg th {
    font-size: 1rem !important;
}

.xq-tablefont-lg td>*:not(button):not(i):not(svg), 
.xq-tablefont-lg th>*:not(button):not(i):not(svg) {
    font-size: 1rem !important;
}

.xq-tablefont-lg td>button *:not(i):not(svg),
.xq-tablefont-lg th>button *:not(i):not(svg) {
    font-size: 1rem !important;
}

.xq-tablefont-lg td .larger,
.xq-tablefont-lg th .larger {
    font-size: 1rem !important;
}

.xq-tablefont-xl td,
.xq-tablefont-xl th {
    font-size: 1.1rem !important;
}

.xq-tablefont-xl td>*:not(button):not(i):not(svg),
.xq-tablefont-xl th>*:not(button):not(i):not(svg) {
    font-size: 1.1rem !important;
}

.xq-tablefont-xl td>button *:not(i):not(svg),
.xq-tablefont-xl th>button *:not(i):not(svg) {
    font-size: 1.1rem !important;
}

.xq-tablefont-xl td .larger,
.xq-tablefont-xl th .larger {
    font-size: 1.1rem !important;
}

.xq-modal-size-xl {
    width: 860px;
    margin: -250px 0 0 -430px;
}

.xq-modal-size-xxl {
    width: 1160px;
    margin: -250px 0 0 -580px;
}

/* </Custom Styles> */

/* Navigation styles */

.navbar-inverse .navbar-inner {
    background: none;
    border    : none;
    box-shadow: none;
    filter    : none;
}

.navbar {
    margin-bottom: 0px;
}

.nav-collapse a:hover {
    background : white !important;
    opacity    : 0.4;
    filter     : alpha(opacity=40);
    text-shadow: none;
}

#unauthorised a:hover,
#unauthorised a:active {
    background: none !important;
}

.nav-collapse a:active {
    background: white !important;
}

.nav-collapse a {
    color      : #666;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4) !important;
    text-align : center;
    min-width  : 60px;
}

.nav-collapse a:active {
    color      : #5488a5;
    background : white !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}

.navbar-inverse .navbar-inner .nav-collapse a {
    font-size: 12px;
}

.navbar-inverse a:focus {
    color: #ddd;
}

.nav-collapse #unauthorised li a {
    font-weight: bold;
    font-size  : 20px !important;
    text-shadow: none !important;
    float      : left;
    opacity    : 1;
    padding    : 0.5em 1em !important;
}

.navbar-inverse .navbar-inner .nav-collapse #unauthorised li a {
    border: 0px;
}

.nav-collapse #unauthorised #nav-button:hover {
    text-decoration: none;
}

#help .navbar .nav,
#narrow .navbar .nav,
#home .navbar .nav {
    border: 0
}

.nav-collapse>ul#unauthorized a:hover {
    background: none !important;
    color     : #666 !important;
}

#nav-button {
    background           : #115577;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    margin-left          : 1.5em;
}

.nav-collapse>ul {
    display   : inline;
    list-style: none;
}

.navbar .nav {
    border-left : 1px solid #012243;
    border-right: 1px solid #023363;
}

.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
    color: #828282;
}

.navbar-inverse .nav>.active>a,
.navbar-inverse .nav>.active>a:hover,
.navbar-inverse .nav>.active>a:focus {
    background-color: #FFFFFF !important;
    color           : #568baa !important;
}

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

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #568baa;
}

.dropdown-menu a i {
    margin-right: 0.25em;
}

.dropdown-narrow {
    min-width: 100px;
}

.navbar-inverse .btn-navbar {
    background: #5387a4;
    margin-top: 15px;
}

.navbar-inverse .btn-navbar:hover {
    background: #83a7d4;
    margin-top: 15px;
}

.navbar-inverse .dropdown-menu a:hover {
    background: #4F839F !important;
    color     : #ECF8FF !important;
    opacity   : 1;
}

/* Search bar styles */

.react-autosuggest__container {
    position: relative;
}

.react-autosuggest__input {
    display      : inline-block;
    box-sizing   : border-box;
    width        : 100%;
    height       : auto !important;
    margin-bottom: 0 !important;
}

.react-autosuggest__suggestions-container--open,
.search-widget__message {
    z-index         : 2;
    right           : 0px;
    position        : absolute;
    width           : 600px;
    max-height      : 300px;
    overflow        : hidden auto;
    background-color: white;
    border          : 1px solid #d1d1d1;
}

#site-search-app--mobile .react-autosuggest__suggestions-container--open,
#site-search-app--mobile .search-widget__message {
    left : 0;
    width: 100%;
}

.search-widget__message {
    height: auto;
}

.react-autosuggest__section-title,
.search-widget__message .text,
.search-widget__message .error-text {
    margin-left     : 10px;
    margin-right    : 10px;
    margin-bottom   : 10px;
    padding         : 10px;
    font-size       : larger;
    color           : white;
    background-color: #00b28f;
    border-radius   : 10px;
}

.search-widget__message .text,
.search-widget__message .error-text {
    box-sizing   : border-box;
    display      : inline-block;
    margin       : 0;
    width        : 100%;
    border-radius: 0;
}

.search-widget__message .error-text {
    background-color: rgb(212, 0, 0);
}

.react-autosuggest__section-title:first-of-type {
    margin-top: 10px;
}

.react-autosuggest__section-title span[class^="icon"] {
    display     : inline-block;
    margin-right: 10px;
}

.react-autosuggest__suggestions-list {
    margin         : 0;
    list-style-type: none;
}

.react-autosuggest__suggestion {
    margin: 15px;
}

.react-autosuggest__suggestion--highlighted .content__description {
    background-color: rgb(240, 240, 240);
}

.react-autosuggest__suggestion .suggestion__content a:hover {
    text-decoration: none;
}

.react-autosuggest__suggestion .suggestion__content a:hover .content__description {
    background-color: rgb(240, 240, 240);
}

.react-autosuggest__suggestion .suggestion__content a {
    display: flex;
    padding: 0 !important;
}

.react-autosuggest__suggestion .suggestion__content .content__title {
    display         : inline-block;
    box-sizing      : border-box;
    align-self      : center;
    margin          : 0;
    padding         : 0 10px;
    flex-basis      : 25%;
    text-align      : right;
    color           : #333333;
    font-size       : 0.8rem;
    font-weight     : bold;
    background-color: #fff;
}

.react-autosuggest__suggestion .suggestion__content .content__description {
    display      : inline-block;
    box-sizing   : border-box;
    margin-bottom: 0;
    padding      : 0 10px;
    flex-basis   : 75%;
    text-align   : left;
    font-weight  : bolder;
    color        : #616161;
    border-left  : 1px solid #00b28f;
}

/* Font colors */

.text-info {
    color: #3a87ad;
}

.text-success {
    color: #468847;
}

.text-error {
    color: #b94a48;
}

.text-warning {
    color: #c09851;
}

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

/* Content styles */

#help .dropdown-menu {
    list-style: none !important;
}

#login .btn-success:hover,
#login .btn-success:active,
#login .btn-success:focus {
    background-color: #de6638 !important;
    opacity         : 1;
    text-shadow     : -1px 1px 1px #B5640B, 1px 1px 1px #B5640B !important;
    color           : #fff !important;
}

#login .btn-success {
    background        : rgb(255, 165, 61);
    /* Old browsers */
    background        : -moz-linear-gradient(top, rgba(255, 165, 61, 1) 0%, rgba(255, 165, 61, 1) 4%, rgba(245, 142, 28, 1) 6%, rgba(225, 130, 25, 1) 68%, rgba(226, 144, 26, 1) 100%);
    /* FF3.6+ */
    background        : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 165, 61, 1)), color-stop(4%, rgba(255, 165, 61, 1)), color-stop(6%, rgba(245, 142, 28, 1)), color-stop(68%, rgba(225, 130, 25, 1)), color-stop(100%, rgba(226, 144, 26, 1)));
    /* Chrome,Safari4+ */
    background        : -webkit-linear-gradient(top, rgba(255, 165, 61, 1) 0%, rgba(255, 165, 61, 1) 4%, rgba(245, 142, 28, 1) 6%, rgba(225, 130, 25, 1) 68%, rgba(226, 144, 26, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background        : -o-linear-gradient(top, rgba(255, 165, 61, 1) 0%, rgba(255, 165, 61, 1) 4%, rgba(245, 142, 28, 1) 6%, rgba(225, 130, 25, 1) 68%, rgba(226, 144, 26, 1) 100%);
    /* Opera 11.10+ */
    background        : -ms-linear-gradient(top, rgba(255, 165, 61, 1) 0%, rgba(255, 165, 61, 1) 4%, rgba(245, 142, 28, 1) 6%, rgba(225, 130, 25, 1) 68%, rgba(226, 144, 26, 1) 100%);
    /* IE10+ */
    background        : linear-gradient(to bottom, rgba(255, 165, 61, 1) 0%, rgba(255, 165, 61, 1) 4%, rgba(245, 142, 28, 1) 6%, rgba(225, 130, 25, 1) 68%, rgba(226, 144, 26, 1) 100%);
    /* W3C */
    text-shadow       : -1px 1px 1px #B5640B, 1px 1px 1px #B5640B !important;
    -moz-border-radius: 15px;
    border-radius     : 15px;
    color             : white;
    font-size         : 14px;
    padding           : 8px;
    min-width         : inherit !important;
}

/* Buttons */

.btn-large {
    font-size: 18px !important;
}

.btn-xlarge {
    padding  : 10px 17px !important;
    font-size: 20px !important;
}

/* Flat style buttons */

.btn.btn-void {
    border             : 2px solid #e6e6e6;
    background         : transparent;
    color              : #6c6b70;
    background-image   : url(/assets/svg/chevron-small-right.svg);
    background-position: right center;
    background-repeat  : no-repeat;
    padding-right      : 2em;
    padding-top        : 0.5em;
    padding-bottom     : 0.5em;
}

.btn.btn-void:hover {
    border             : 2px solid #e6e6e6;
    background         : transparent;
    background-image   : url(/assets/svg/chevron-small-right.svg);
    background-position: right center;
    background-repeat  : no-repeat;
    padding-right      : 2em;
    padding-top        : 0.5em;
    padding-bottom     : 0.5em;
}

.btn-group .btn {
    margin       : 0 1px 0 0 !important;
    border-radius: 0 !important;
}

.pricing .btn-group .btn.btn-success {
    margin: 0 !important;
}

#login.form-inline input {
    font-size: 12px;
}

#login.form-inline label.checkbox {
    font-size: 12px;
}

#glow-box {
    border-radius     : 15px;
    -moz-border-radius: 15px;
    max-height        : 168px;
    padding           : 5px 18px 18px;
    float             : right;
}

#glow-box h3 {
    color         : #4f829f;
    padding-bottom: 5px;
    border-bottom : 1px #afafaf solid;
}

#glow-box a {
    text-decoration: none;
}

#glow-box ul {
    list-style: none;
    margin    : 0 0 10px 0;
    font-size : 14px;
    color     : #676767;
    font-style: italic;
    overflow  : hidden;
}

#glow-box li {
    padding      : 10px 0;
    line-height  : 110%;
    border-bottom: 1px #afafaf solid;
}

#glow-box li:last-child {
    border-bottom: none;
}

/* Product demo page */

.form-inline.span5 {
    background   : none repeat scroll 0 0 #EEEEEE;
    border-radius: 7px 7px 7px 7px;
    box-shadow   : 0 0 5px #DDDDDD inset;
    float        : none !important;
    margin       : 0 auto !important;
    padding      : 10px;
    text-align   : center;
}

/*  Side navigation  */

#help .nav-stacked,
#home .nav-stacked {
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    -moz-box-shadow      : 0 2px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow   : 0 2px 15px rgba(0, 0, 0, 0.15);
    box-shadow           : 0 2px 15px rgba(0, 0, 0, 0.15);
}

.icon-eyehound {
    background: url(/assets/img/decorations/eyehound-smallgrey.png) no-repeat !important;
    display   : block;
}

/* bordered widgets */

#home .span9 .bordered {
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    -moz-box-shadow      : 0 2px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow   : 0 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow           : 0 2px 15px rgba(0, 0, 0, 0.2);
    padding              : 10px 10px 10px 90px;
    overflow             : hidden;
}

.bordered {
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    -moz-box-shadow      : 0 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow   : 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow           : 0 2px 5px rgba(0, 0, 0, 0.2);
    padding              : 10px;
    margin-bottom        : 10px;
}

#home .span3 .bordered h3 {
    margin               : -10px -10px 10px -10px;
    color                : #ecf8ff;
    text-shadow          : 0.1em 0.05em 0.05em #1B4157;
    border-color         : #4b7892;
    border-top           : 1px solid #80a7bc;
    background           : rgb(84, 136, 165);
    /* Old browsers */
    background           : -moz-linear-gradient(top, rgba(84, 136, 165, 1) 0%, rgba(73, 124, 152, 1) 100%);
    /* FF3.6+ */
    background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(84, 136, 165, 1)), color-stop(100%, rgba(73, 124, 152, 1)));
    /* Chrome,Safari4+ */
    background           : -webkit-linear-gradient(top, rgba(84, 136, 165, 1) 0%, rgba(73, 124, 152, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background           : -o-linear-gradient(top, rgba(84, 136, 165, 1) 0%, rgba(73, 124, 152, 1) 100%);
    /* Opera 11.10+ */
    background           : -ms-linear-gradient(top, rgba(84, 136, 165, 1) 0%, rgba(73, 124, 152, 1) 100%);
    /* IE10+ */
    background           : linear-gradient(to bottom, rgba(84, 136, 165, 1) 0%, rgba(73, 124, 152, 1) 100%);
    /* W3C */
    filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5488a5', endColorstr='#497c98', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius   : 4px 4px 0 0;
    border-radius        : 4px 4px 0 0;
    padding-left         : 10px;
}

#home .span3 .bordered h3 {
    color      : #ecf8ff;
    text-shadow: 0.1em 0.05em 0.05em #1B4157;
    font-size  : 18px;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
}

#home .span9 .bordered h3 {
    color        : #df5f11;
    border-bottom: 1px solid #e9e9e9;
}

/*--bordered content--*/

.bordered2 {
    background           : #F5F5F5;
    border               : 6px solid white;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    -moz-box-shadow      : 0 2px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow   : 0 2px 15px rgba(0, 0, 0, 0.1);
    box-shadow           : 0 2px 15px rgba(0, 0, 0, 0.1);
    margin-bottom        : 20px;
    padding              : 20px 20px 30px;
    overflow             : hidden;
}

.bordered2 h3 {
    border-bottom : 1px solid #ddd;
    margin-bottom : 0.5em !important;
    padding-bottom: 10px;
    color         : #555;
    margin-top    : 1em;
}

.bordered2 .nav-tabs>.active>a,
.bordered2 .nav-tabs>.active>a:hover {
    background-color: #F5F5F5;
}

.nav-tabs .open .years-stat-dropdown {
    color              : #555555;
    background-color   : #ffffff;
    border             : 1px solid #ddd;
    border-bottom-color: transparent;
    cursor             : default;
}

.nav-tabs .open .years-stat-dropdown .caret {
    border-top-color   : #555555 !important;
    border-bottom-color: #555555 !important;
}

#team .bordered2,
#admin .bordered2 {
    overflow: visible;
}

#help .form-horizontal {
    border    : none;
    box-shadow: none;
}

#help h3 {
    border-bottom: 1px solid #D5D5D5;
}

#nice-lists .bordered2 ul {
    list-style: square outside none;
    margin    : 0 0 10px 15px;
    color     : #777;
}

#nice-lists .bordered2 ul ul {
    list-style: disc outside none;
}

#help img,
.row-fluid .span3+.span9 img {
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
}

#help .span6 img {
    -moz-box-shadow   : 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border            : 3px solid #F9F9F9;
    box-shadow        : 0 2px 5px rgba(0, 0, 0, 0.1);
    margin            : 0 0 5px -10px;
}

.row-fluid .span3+.span9 .centered {
    font-family: 'Open Sans Condensed', sans-serif;
}

.alert-warning {
    border: 1px solid #EDD4A8;
    color : #C09851;
}

.alert-info a {
    font-weight: bold;
}

.alert-info a.btn {
    font-weight: normal;
}

.icon-highlighted,
.text-highlighted {
    color: #f89406 !important;
}

.text-highlighted {
    font-weight: 800;
}

.exam-nav-btns #button-previous,
.exam-nav-btns #button-next,
.simulation-nav-btns #button-previous,
.simulation-nav-btns #button-next {
    padding  : 15px 25px;
    font-size: 1.5rem;
}

.simulation-btns-container {
    margin-top: 15px;
}

.exam-actn-btns,
.simulation-actn-btns {
    display: flex;
    height : 60px;

    justify-content: center;
    align-items    : center;
}

.exam-actn-btns .btn:nth-child(2n),
.simulation-actn-btns .btn:nth-child(2n) {
    margin-left : 10px;
    margin-right: 10px;
}

.exam-actn-btns .btn:last-child,
.simulation-actn-btns .btn:last-child {
    margin-right: 0;
}

.exam-asses-btns,
.simulation-vote-btns {
    margin-top: 20px;
    clear     : both;
    text-align: center;
}

.exam-asses-btns .vote-buttons .btn,
.simulation-vote-btns .vote-buttons .btn {
    padding         : 15px;
    font-size       : 1.5rem;
    background-image: none !important;
    background-color: white;
    border          : 1px solid #e6e7e9;
    border-radius   : 2px;
}

.vote-buttons .vote-up i,
a.vote-up.btn:hover i.icon-thumbs-up {
    color: #00aa39 !important;
}

.vote-buttons .vote-down i,
a.vote-down.btn:hover i.icon-thumbs-down {
    color: rgba(255, 0, 0, 0.856) !important;
}

.vote-buttons .vote-down,
.vote-buttons .vote-up {
    background-color: #f7f8f9 !important;
}

#exam .bordered2 table {
    display : block;
    overflow: auto;
    width   : 80% !important;
}

#exam .bordered2 {
    overflow: hidden;
}

#exam .bordered2 table.table-bordered {
    display : table;
    overflow: inherit;
}

#exam .no-background {
    background: none;
}

/* Progress bar and styles for the Dashboard */

#tab1 ul:first-child li p {
    overflow     : hidden;
    font-size    : 14px;
    font-style   : italic;
    margin-bottom: 0px;
}

#tab1 .row-fluid .span6 span {
    line-height: 1.3em;
}

#tab1 li .pull-right+p {
    font-style   : normal;
    margin-bottom: 0;
}

#tab1 .label {
    text-shadow: none;
    padding    : 1px 3px 2px !important;
    font-style : italic;
    font-weight: normal;
    font-size  : 13px;
    color      : #2c2c2c;
    background : #ccc;
}

#tab1 ul>li:nth-child(odd) {
    border-bottom : 1px solid #eeeeee;
    margin-bottom : 1em;
    padding-bottom: 0.5em !important;
}

#tab1 .label-info {
    background-color: #d8eafa;
}

#tab1 .label-warning {
    background-color: #f8db84;
}

h3 sup,
h3 sup a {
    color: #999;
}

.progressbar {
    background           : #E0EEEE;
    box-shadow           : inset 0 0 5px #aaa;
    border-radius        : 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    min-width            : 100px;
    max-width            : 350px;
}

.progressbar-green {
    height               : 24px;
    box-shadow           : inset 0 0 5px #999999;
    border-radius        : 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    background           : rgb(132, 206, 225);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background           : url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0Y2VlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTkwOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background           : -moz-linear-gradient(top, rgba(132, 206, 225, 1) 0%, rgba(90, 144, 158, 1) 100%);
    /* FF3.6+ */
    background           : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(132, 206, 225, 1)), color-stop(100%, rgba(90, 144, 158, 1)));
    /* Chrome,Safari4+ */
    background           : -webkit-linear-gradient(top, rgba(132, 206, 225, 1) 0%, rgba(90, 144, 158, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background           : -o-linear-gradient(top, rgba(132, 206, 225, 1) 0%, rgba(90, 144, 158, 1) 100%);
    /* Opera 11.10+ */
    background           : -ms-linear-gradient(top, rgba(132, 206, 225, 1) 0%, rgba(90, 144, 158, 1) 100%);
    /* IE10+ */
    background           : linear-gradient(to bottom, rgba(132, 206, 225, 1) 0%, rgba(90, 144, 158, 1) 100%);
    /* W3C */
    filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#84cee1', endColorstr='#5a909e', GradientType=0);
    /* IE6-8 */
}

.progressbar-yellow {
    height    : 24px;
    background: #efa03f;
}

.progressbar-red {
    height    : 24px;
    background: url(/assets/img/progressbar/foreground-red.gif) no-repeat;
}

.progressbar-small {
    width     : 60px;
    background: url(/assets/img/progressbar/background-small.gif) no-repeat;
}

.progressbar-green-small {
    height    : 15px;
    background: url(/assets/img/progressbar/foreground-green-small.gif) no-repeat;
}

.progressbar-yellow-small {
    height    : 15px;
    background: url(/assets/img/progressbar/foreground-yellow-small.gif) no-repeat;
}

.progressbar-red-small {
    height    : 15px;
    background: url(/assets/img/progressbar/foreground-red-small.gif) no-repeat;
}

.progressbar-upload-box {
    width             : 80%;
    height            : 18px;
    margin-bottom     : 20px;
    overflow          : hidden;
    background-color  : #f5f5f5;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow        : inset 0 1px 2px rgba(0, 0, 0, .1);
}

.progressbar-upload-bar {
    height    : 18px;
    background: #468847;
}

/* From prototype */

/* Special listing cells */

.stats {
    width: 40px;
}

.created {
    width: 90px;
}

.updated {
    width: 130px;
}

.nowrap {
    white-space   : nowrap;
    vertical-align: top;
}

/* Smallest input */

.input-nano {
    width: 50px;
}

/* Additional input sizing to fit default modal window size */

.input-date {
    width: 80px;
}

/* Size to fit two inputs in width of xlarge */

.input-xlarge-half {
    width: 135px;
}

/* Intermediate size for textareas */

.input-xmlarge {
    width: 400px;
}

/* Fullsize input for textareas */

.input-xxxlarge {
    width: 99%;
}

/*Preview sample case - Notes*/

.case-editor-info__created-label {
    color: blue;
}

.case-editor-info__modified-label {
    color: rgb(236, 154, 0);
}

.case-editor-info__checked-label {
    color: green;
}

.case-editor-info__notes .case-editor-info__notes-label {
    font-weight: bolder;
}

.case-editor-info__notes .case-editor-info__save-btn-container {
    text-align: center;
}

.case-editor-info__notes .case-editor-info__textarea {
    box-sizing: border-box;
    width     : 100%;

    resize: vertical;
}

/* Cases management - Previews */

.samplecases__preview-case .btn {
    margin-top: 0 !important;
}

.samplecases__edit-question,
.samplecases__edit-case,
.samplecases__preview-case {
    overflow: visible !important;
}

.samplecases__edit-question .form-actions .btn,
.samplecases__edit-case .form-actions .btn,
.samplecases__preview-case .form-actions .btn,
.samplecases__edit-draft .form-actions .btn {
    margin-top: 0;
}


/* Marker for required inputs */

.required {
    color      : #b94a48;
    font-weight: bold;
}

/* Action controls aligned with page title */

.title-actions {
    float: right;
}

/* Styling for questions review screen */

.question-marked {
    font-weight     : bold;
    color           : #fff;
    background-color: #3A87AD;
}

.question-unanswered {
    font-weight     : bold;
    color           : #fff;
    background-color: #B94A48;
}

.question-correct {
    color      : green;
    font-weight: bold;
}

.question-incorrect {
    color          : red;
    font-weight    : bold;
    text-decoration: line-through;
}

.question-crossed-out {
    text-decoration: line-through;
    color          : #999999;
    /*muted*/
}

.question-incorrect-simple {
    color      : red;
    font-weight: bold;
}

.question-missed {
    color          : green;
    font-weight    : bold;
    text-decoration: line-through;
}

/* Some styles for the autogrow textarea */

.autogrow-textarea {
    margin-bottom: 0;
    resize       : none;
}

.caption-length-counter {
    line-height: 1.1;
    text-align : right;
    color      : rgb(202, 202, 202);
}

/* Loading progress animations */

.loader-normal {
    background-image: url(/assets/img/ajax-loader-normal.gif);
    width           : 32px;
    height          : 32px;
}

.loader-small {
    background-image: url(/assets/img/ajax-loader-small.gif);
    width           : 16px;
    height          : 16px;
}

.loader-tiny {
    background-image: url(/assets/img/ajax-loader-tiny.gif);
    width           : 10px;
    height          : 10px;
}

/* Draggable containers */

form .draggable {
    width : 450px;
    cursor: move;
}

/* Test review question block */

.review-question {
    float           : left;
    padding         : 5px 7px;
    margin          : 2px 3px;
    background-color: #f5f5f5;
    border          : 1px solid #E3E3E3;
}

.question-topic {
    font-weight: bold;
    color      : #bb2b2b;
}

/* Enlarge the icons for action links */

.rightened i,
i.enlarged {
    font-size   : 14pt;
    padding-left: 3px;
}

.label-enlarged {
    font-size: 11pt;
    padding  : 3px;
}

.label-status {
    font-size: 11pt;
    padding  : 15px;
}

#notifications .badge {
    left    : 45px;
    padding : 3px;
    position: absolute;
    top     : 10px;
}

.notification-unread a span.message {
    font-weight: bold;
}

.notification a span.muted {
    font-size: smaller;
}

/* Create test page category label */

.category-label {
    margin-bottom: 0;
}

/* Hacks to support editor syntax on site */

blockquote b {
    font-weight: bold;
}

blockquote cite {
    font-weight  : bold;
    display      : block;
    border-bottom: 1px solid #eee;
    margin-bottom: 2px;
}

/* custom footer images */

/* Social */

.social a {
    background-size: auto 100% !important;
    width          : 36px !important;
    height         : 36px;
    text-indent    : -3000px !important;
    margin         : 0 0.5em 0.5em 0;
    float          : left;
}

.social {
    clear        : both;
    overflow     : hidden;
    margin-bottom: 1em;
    margin-top   : -0.4em;
}

#footer-fb:hover,
#footer-fb {
    background: url('/assets/img/social/fb.png') right center no-repeat;
}

#footer-tw:hover,
#footer-tw {
    background: url('/assets/img/social/twitter.png') right center no-repeat;
}

#footer-ig:hover,
#footer-ig {
    background: url('/assets/img/social/instagram.png') right center no-repeat;
}

#footer-tw:hover,
#footer-fb:hover,
#footer-ig:hover {
    background-position: left center !important;
}

.OQ {
    font-size   : 13px !important;
    padding-left: 0 !important;
}

/* Search results highlighting */

.highlighted {
    background-color: #F3F781;
    padding         : 0 1pt 0 2pt;
}

/* Question comment section styles */

.comment-label {
    border-bottom: 1px dotted #ccc;
}

.form-comment label {
    font-size    : 12px;
    margin-bottom: 1px;
}

#exam .comment-form textarea {
    margin: 3px 0;
}

#exam .comment-form__content {
    box-sizing: border-box;
}

/* Fix for extra-shadow for chackboxes inside "error" box */

.control-group.error .checkbox,
.control-group.error .radio {
    box-shadow: none;
}

/* Fix the question number/letter width */

.question-number {
    display   : block;
    float     : left;
    text-align: center;
    width     : 25px;
}

/* Special version of the well */

.well-humble {
    padding: 10px;
}

.well-social {
    padding: 5px 10px;
    float  : left;
}

h1.exam-header {
    clear   : both;
    overflow: hidden;
}

.bottom-nav h4 {
    color: #3781AC;
}

/* Leaderboards well */

.leaderboard .span8 {
    margin-left: 0;
}

.leaderboard img {
    float: right;
}

.leaderboard .icon-arrow-down {
    color: red;
}

.leaderboard strong {
    font-weight: bold;
    display    : inline-block;
    padding    : 5px 10px;
}

.leaderboard .icon-arrow-up {
    color: green;
}

/* Custom icons */

.addons:before {
    content      : url(/assets/img/decorations/addons-transparent.png);
    float        : left;
    margin-bottom: -6px;
    margin-left  : -5px;
    margin-right : 5px;
    margin-top   : -3px;
}

.orange {
    color: #de8848;
}

.orange-addons:before {
    content     : url(/assets/img/decorations/addons-orange.png);
    margin-right: 5px;
    margin-left : 5px;
}

/* Packages & addons pricing */

.pricing {
    clear   : both;
    overflow: hidden;
}

.pricing>div {
    width        : 252px;
    box-shadow   : 0 0 5px #BBBBBB;
    float        : left;
    margin-right : 20px;
    margin-bottom: 20px;
}

.pricing h3 {
    overflow             : hidden;
    padding              : 12px 24px;
    margin               : 0 !important;
    color                : #f5f5f5;
    font-size            : 26px;
    border-radius        : 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius   : 5px 5px 0 0;
}

.pricing h3 .tip {
    color: #a9d9ef;
}

.pricing div>i {
    color: #9E9997;
}

.pricing h3>span {
    padding-top  : 10px;
    float        : left;
    margin-bottom: 10px;
}

.pricing#addons h3 {
    background : #9e9997;
    padding-top: 14px;
    padding    : 6px 18px 12px;
}

.pricing#addons .badge {
    border-radius: 0;
    display      : block;
    font-size    : 14px;
    font-weight  : normal;
    margin-bottom: 2px;
    margin-top   : -17px;
    padding      : 4px 9px 2px;
    text-align   : center;
}

.pricing .subscription-time span {
    font-size: 18px !important;
}

.pricing .item-price .tip,
.pricing h3 .tip {
    font-size: 18px;
}

.pricing div>i {
    font-size   : 36px !important;
    font-style  : normal;
    font-family : Arial, Helvetica, sans-serif;
    margin-right: 20px;
}

.pricing div:last-child {
    border-radius        : 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius   : 0 0 5px 5px;
}

.pricing div:first-child {
    border-radius        : 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius   : 5px 5px 0 0;
}

.pricing div div {
    padding      : 24px;
    border-bottom: 1px solid #dddddd;
    border-left  : 1px solid #dddddd;
    border-right : 1px solid #dddddd;
    background   : white;
    font-size    : 24px;
    color        : #333;
}

.pricing div div span {
    font-size: 24px;
}

.pricing .item-price {
    font-size  : 26px;
    font-weight: bold;
    color      : #da6a17;
}

.pricing .item-price .was {
    text-decoration: line-through;
    font-weight    : normal;
    color          : #333;
    margin-right   : 3px;
}

.pricing .btn-group {
    text-align: center;
}

.pricing .btn-group>.btn+.btn {
    margin-left: -7px;
}

.pricing .badge-warning+div {
    padding-top: 17px;
}

.pricing .tiny-package h3 {
    background  : url(/assets/img/pricing/tiny-tree.png) no-repeat 12px 12px #799b60;
    padding-left: 68px;
}

.pricing .small-package h3 {
    background  : url(/assets/img/pricing/small-tree.png) no-repeat 12px 12px #60939b;
    padding-left: 68px;
}

.pricing .large-package h3 {
    background  : url(/assets/img/pricing/large-tree.png) no-repeat 12px 12px #da6a17;
    padding-left: 68px;
}

.pricing .icon-question-sign {
    font-size: 18px;
}

/* A bit of tuning for the question/case image labels */

.thumbnail div {
    padding  : 5px;
    font-size: smaller;
}

/* Colorbox. Image title container tweaks */

#colorbox #cboxWrapper #cboxContent .cboxTitleFull {
    padding   : 10px 0;
    color     : #000000;
    background: white;
}

#colorbox #cboxWrapper #cboxContent #cboxTitle {
    color: black;
}

#colorbox #cboxWrapper #cboxContent #cboxTitle .cboxShowMore,
#colorbox #cboxWrapper #cboxContent #cboxTitle .cboxShowLess {
    cursor: pointer;
}

/* Assist Mode popover boxes styling */

.popover-title {
    padding: 4px 14px 3px 14px;
}

.popover-title a {
    font-family: arial, sans-serif;
    font-size  : 13px;
}

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

/* Addon purchase decorations */

.recommended {
    border-color: red;
}

.post-comments .icon-comment {
    color      : white;
    text-shadow: 1px 1px 2px #999;
}

/*---Flashcards---*/

.flashcards-home-heading {
    background-color: white;
}

.flashcards-home-heading>a:hover {
    text-decoration: none;
}

.flashcards-home-title {
    padding      : 24px 6px 10px;
    color        : #555555;
    border-bottom: 1px solid lightgray;
}

.flashcards-home-title>small {
    color: #555555;
}

.subscription-status-btns:nth-child(2) {
    margin-top: 20px;
}

.accordion-inner {
    border : none;
    padding: 0;
}

.accordion-body .bordered2 {
    border       : none !important;
    margin-bottom: 0;
}

div[id^="subscr-status_"] .span12 {
    margin-left: 0 !important;
}

.subscription-status-mobile {
    padding-top   : 10px !important;
    padding-bottom: 10px !important;
}

.subscription-status-mobile h3 {
    margin-top: 10px !important;
}

/* styling comments */

.post-comments ol {
    counter-reset: li;
    /* Initiate a counter */
    margin-left  : 0;
    /* Remove the default left margin */
    padding-left : 0;
    /* Remove the default left padding */
}

.post-comments ol>li {
    position  : relative;
    /* Create a positioning context */
    margin    : 0 0 6px 2em;
    /* Give each list item a left margin to make room for the numbers */
    padding   : 0 8px 4px;
    /* Add some spacing around the content */
    list-style: none;
    /* Disable the normal item numbering */
}

.post-comments ol>li:before {
    content          : counter(li);
    /* Use the counter as content */
    counter-increment: li;
    /* Increment the counter by 1 */
    /* Position and style the number */
    position         : absolute;
    top              : -2px;
    left             : -2em;
    margin-right     : 8px;
    padding          : 4px;
    width            : 2em;
    color            : #555;
    background       : url('/assets/img/decorations/white-circle.png') no-repeat scroll 6px 1px rgba(0, 0, 0, 0);
    font-weight      : bold;
    font-family      : "Helvetica Neue", Arial, sans-serif;
    text-align       : center;
}

#posts .user-comment textarea[name="comment"] {
    resize: vertical;
}

/* Enlarge icons for smaller (touch) screens */

.icon-sm svg {
    height: 20px;
    width : 20px;
    margin: 0 1px;
}

.completed-hours {
    font-size  : 16px;
    font-weight: bold;
}

.activity-button {
    text-transform: uppercase;
    white-space   : nowrap;
}

.activity-infobox {
    margin     : 20px 0;
    padding    : 30px;
    font-size  : larger;
    font-weight: bold;
}

.cme-category {
    clear: both;
}

.cme-category>div {
    width           : 190px;
    height          : 120px;
    box-shadow      : 0 0 5px #BBBBBB;
    float           : left;
    margin          : 10px 20px 20px 0;
    text-align      : center;
    background-color: #eeeeee;
    border-radius   : 6px;
    padding         : 30px 30px;
}

.cme-pricing-card {
    height: 190px !important;
}

.cme-category>div>div {
    /*font-weight: bold;*/
}

.cme-category>div>div>i {
    color: #9e9997;
}

.cme-category-free>h2>a,
.cme-category-free>h2>a>i {
    color: #da4f49;
}

/* Forum styles */

.thread-box {
    padding: 0.7em 0.5em 0.9em 0.5em;
}

.thread-box .thread-stats {
    border-left : 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    padding     : 0 1em;
    font-size   : smaller;
}

.thread-box .thread-reply {
    text-align: right;
    padding   : 0.5em 1em;
    font-size : smaller;
}

.thread-box .thread-userpic {
    padding     : 0 !important;
    margin-top  : -0.2em;
    width       : 3em;
    margin-right: 0.7em;
    text-align  : center;
}

.thread-title {
    /*font-size: larger;*/
}

.container .thread-title a {
    line-height  : 1.1em !important;
    margin-bottom: 0.3em;
    display      : inherit;
}

.thread-unread {
    font-weight: bold;
}

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

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

.thread-actions i.muted {
    margin-left: 5px;
    font-size  : smaller;
}

.thread-userinfo .muted {
    font-size: smaller;
}

.thread-message {
    padding-bottom: 20px;
    margin-bottom : 20px;
    border-bottom : 5px solid #eeeeee;
}

.thread-message-content {
    padding-bottom: 20px;
    border-bottom : 2px solid #eeeeee;
}

.thread-message-content blockquote {
    background-color: #f8fdff;
    padding         : 4px 4px 4px 10px;
    border-left     : 3px solid #5db6da;
}

.thread-message-content .quote-preview {
    height  : 150px;
    overflow: hidden;
}

.thread-message-content .expand-action {
    font-size  : smaller;
    text-align : center;
    padding-top: 10px;
}

.thread-message-signature {
    margin     : 10px 0 10px 0;
    padding-top: 5px;
}

.thread-message-info {
    margin   : 10px 0 10px 0;
    font-size: small;
}

.forum-profile-stat {
    color       : #999999;
    margin-right: 10px;
}

/* Forum 04-07 */

.small-italic {
    font-size  : 0.9em;
    font-style : italic;
    color      : #676767;
    line-height: 1.1em;
}

.thread-message-signature {
    line-height: 1.3em !important;
}

#forum h1 {
    border-bottom : 3px double #eee;
    padding-bottom: 0.5em;
}

#forum .profile .span2.thread-userinfo {
    padding-bottom: 1em;
}

.forum-profile-recent {
    padding    : 0.7em 0;
    border-top : 1px solid #eee;
    line-height: 1.3em;
    font-size  : 0.9em;
}

.sceditor-button-vimeo div {
    background-image   : url('/assets/svg/vimeo.svg') !important;
    background-size    : cover;
    background-position: center;
    background-repeat  : no-repeat !important;
}

#forum .thread-actions.pull-right {
    margin-top: -2.5em;
}

.thread-userinfo {
    line-height: 1em;
}

.thread-userinfo dl {
    clear  : both;
    margin : 0.5em 0.8em;
    padding: 0;
}

.thread-userinfo dt {
    float     : left;
    font-style: normal;
}

.thread-userinfo dd {
    float    : right;
    font-size: 0.75em;
}

.profile .thread-userinfo>div {
    text-align: center;
}

.span2.thread-userinfo {
    text-align   : center;
    margin-bottom: 0.5em;
    border       : 1px solid #eee;
    padding      : 0.3em 0 0 0;
    border-radius: 0.2em;
    min-width    : 9em;
}

#forum .profile .span2.thread-userinfo {
    min-width: 10em;
}

.thread-message-info {
    font-size: 0.75em;
}

.thread-userinfo .muted {
    font-size: 0.8em;
}

.thread-userinfo .small-italic {
    background: #eee;
    display   : block;
    padding   : 0.3em 0.5em 0.4em 0.5em;
    text-align: center;
}

.thread-userinfo .lineheightNormal {
    line-height: 1.1em;
    display    : block;
    margin-top : 1em;
    font-size  : 0.75em;
}

#forum .title-actions.pull-right {
    margin-top: -4em;
}

#forum .thread-actions {
    padding-bottom: 0;
    margin-top    : 2em;
}

#forum .thread-actions .btn {
    font-size: 12px;
}

.thread-userinfo img {
    clip-path        : circle(45px at center);
    -webkit-clip-path: circle(45px at center);
    margin-top       : 0.6em;
    margin-bottom    : 0.1em;
    max-width        : 6em;
    min-height       : 6em;
    background       : #eee;
}

#form1 .thread-userinfo img,
#form0 .thread-userinfo img {
    clip-path        : circle(40px at center);
    -webkit-clip-path: circle(40px at center);
}

#forum .main-border.bordered2 {
    clear: both;
}

#forum.container>.content.span12 {
    margin-top: 10em !important;
}

#forum.container>.content.span12.content-member {
    margin-top: 6em !important;
}

.thread-unread a::before {
    content          : ' ';
    background-image : url('/resources/ophthoquestions/img/decorations/chevron-small-right.svg');
    float            : left;
    height           : 44px;
    margin-top       : -3px;
    width            : 20px;
    margin-right     : .2em;
    background-repeat: no-repeat;
    background-size  : auto 55%;
    margin-left      : -0.7em;
}

/* forum avatar ribbon */

.ribbon {
    width     : 100%;
    position  : relative;
    background: #ddd;
    text-align: center;
    margin    : 0.5em -0.5em 0;
}

.ribbon .ribbon-content:before,
.ribbon .ribbon-content:after {
    content     : "";
    position    : absolute;
    display     : block;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
    bottom      : -0.4em;
}

.ribbon .ribbon-content:before {
    left        : 0;
    border-width: 0.5em 0 0 0.5em;
}

.ribbon .ribbon-content:after {
    right       : 0;
    border-width: 0.5em 0.5em 0 0;
}

.thread-message-content {
    min-height: 4em;
}

.thread-title a {
    font-weight: bold;
    color      : #555
}

.thread-box .small-italic a {
    color: #676767;
}

.thread-box .small-italic span {
    font-style: normal;
}

.thread-title a {
    line-height: 110%;
    display    : inherit;
}

.thread-title a:visited {
    font-weight: normal;
}

#forum h2 {
    margin-bottom: 0.3em;
    color        : #555;
    font-size    : 20px;
    clear        : both
}

#forum .thread-box .icon-lock {
    margin: 0.5em;
}

#forum h2 i {
    font-size: 0.8em;
}

.thread-reply a {
    line-height: 110%;
    display    : inherit;
}

.thread-box .thread-userpic img {
    clip-path        : circle(20px at center);
    -webkit-clip-path: circle(20px at center);
    min-height       : 3em;
}

/* Comments for exam results */

.question-comments .userpic {
    float       : left;
    margin-left : -0.2em;
    margin-right: 0.5em;
    margin-top  : 1em;
}

.question-comments h4 {
    font-size: 16px;
}

.comment-reply small {
    font-size: 70%;
}

.question-comments .comment-reply {
    border-bottom : 1px solid #eee;
    padding-bottom: 7px;
    overflow      : hidden;
    clear         : both;
}

#exam .comment-header {
    margin-top: 1em;
}

#exam .question-comments h4 span {
    background     : url('/assets/svg/commentsG.svg') no-repeat;
    background-size: 100% auto;
    width          : 2em;
    float          : left;
    text-align     : center;
    height         : 2em;
    padding-top    : 0.1em;
    margin-right   : 0.5em;
}

.comment-icon {
    width          : 1.5em;
    height         : auto;
    background     : url('/assets/svg/commentsG.svg') no-repeat;
    background-size: 90% auto;
    float          : left;
    margin-top     : 1.2em;
    margin-right   : 0.5em;
    margin-left    : 0.5em;
}

ul .comment-icon {
    margin-top: 0.2em;
}

.question-comments ol {
    margin-left: 0;
}

.question-comments ol>li {
    border-top: 1px solid #eee;
    margin-top: -1px;
}

.question-comments ul,
.question-comments ol {
    list-style: none;
}

.question-comments ol {
    margin-left: 0;
}

.question-comments ol ul {
    list-style: none;
    padding   : 0;
}

.question-comments ol>i {
    float       : left;
    margin-top  : 0.8em;
    font-size   : 1.3em;
    margin-right: 0.5em;
    color       : #999;
}

.question-comments ol li>svg {
    float       : left;
    margin-top  : 1.2em;
    margin-right: 0.8em;
}

.question-comments ol li ul li>svg {
    margin-top: 0.2em;
}

.question-comments input[type="checkbox"] {
    margin-top: -2px;
}

.question-comments .form-vertical {
    /*margin-left: 1.9em;*/
}

#exam .comment-form textarea {
    margin: 1em 0;
}

.question-comments svg+.comment-header+.comment-body {
    padding: 0em 1em 0 2.2em;
}

.question-comments h4 {
    font-size: 16px;
}

.question-comments .comment-body {
    padding : 0em 1em 0 0;
    clear   : right;
    overflow: hidden;
}

.posted {
    font-weight: bold;
}

.question-comments ul .userpic {
    margin-top: 0em;
}

.question-comments textarea,
#comment-form textarea {
    height            : 5em;
    margin-bottom     : 1em;
    border-radius     : 4px;
    border            : 2px solid #eee;
    margin-top        : 0.5em;
    background        : #fff;
    width             : 100%;
    -webkit-box-shadow: none;
    box-shadow        : none;
}

/*--End comments -*/

.userpic {
    display: inherit;
}

#qg-customer>a {
    margin-top : -0.1em;
    margin-left: -1em;
}

.userpic img {
    min-height   : 1.5em;
    max-height   : 1.9em;
    border-radius: 50% !important;
}

.question-results .userpic img {
    clip-path        : circle(19px at center);
    -webkit-clip-path: circle(19px at center);
    min-height       : 2.5em;
    max-height       : 2.6em;
    float            : left;
}

.main-border .thread-box>.span3 {
    padding-left: 0;
    margin-left : 0;
}

.thread-box .span9 .muted {
    font-size  : 0.75em;
    font-style : italic;
    line-height: 1em;
}

.thread-striped div.thread-box:nth-child(2n+1) {
    background-color: #fff;
}

.thread-striped div.thread-box:nth-child(2n) {
    background-color: #f5f5f5;
}

.thread-striped.bordered2 {
    padding      : 0;
    border       : 0;
    border-radius: 0 0 3px 3px;
}

/* help certification styles */

.table-certification td {
    vertical-align: top !important;
}

.certification-title-col {
    width      : 10%;
    font-weight: bold;
}

.certification-content-col {
    width: 45%;
}

.certification-content-list li {
    margin-top: 10px;
}

/* Other styles */

.help-block,
.help-inline {
    font-size : 85%;
    font-style: italic;
}

/* Testimonials */

.testimonials__testimonial-content {
    padding-left     : 9px;
    font-weight      : bold;
    background-color : transparent !important;
    border-left-width: 2px;
    border-left-style: solid;
}

/* Dash threads listing */

.dashboard-threads dd,
.dashboard-threads__mobile dd {
    margin: 10px 0;
}

.dashboard-threads a,
.dashboard-threads__mobile a {
    font-weight: bold;
}

.dashboard-threads span,
.dashboard-threads__mobile span {
    font-size: smaller;
}

/* CBPS */

.cbps-action--selected,
.cpbs__bottom-border {
    border-bottom: 1px solid #ccc;
}

.cbps-action--selected {
    display          : flex;
    padding          : 2px 10px;
    justify-content  : space-between;
    align-items      : center;
    font-size        : 14px;
    /*min-height     : 60px;*/
}

.cbps-action--selected .remove-selected {
    margin-left: 10px;
}

.cbps-product-categories {
    margin-left: 20px;
}

@media (max-width: 979px) {

    #forum .profile .span2.thread-userinfo,
    #forum .profile .span2.thread-userinfo dl {
        float: left;
    }

    #forum .profile .span2.thread-userinfo {
        margin-right: 1em;
    }

    .thread-box .thread-stats {
        padding  : 0 0.5em;
        font-size: 0.75em;
    }

    #forum .thread-actions.pull-right {
        clear        : both;
        overflow     : hidden;
        margin-top   : 1em;
        margin-bottom: 1em;
    }

    #forum.container>.content.span12 {
        margin-top: 1em !important;
    }

    #forum.container>.content.span12.content-member {
        margin-top: 1em !important;
    }

    #dashboard>.span12 {
        width: 96%;
    }

    #notifications .badge {
        visibility: hidden;
    }

    a i {
        margin: 2pt;
    }

    #unauthorised a:hover,
    #unauthorised a:active {
        background: white !important;
    }

    .exam-btns-container,
    .simulation-btns-container {
        display       : flex;
        flex-direction: column-reverse;
    }

    .exam-actn-btns,
    .simulation-actn-btns {
        height        : initial;
        flex-direction: column;
        align-items   : unset;
    }

    .exam-actn-btns .btn,
    .simulation-actn-btns .btn {
        margin-top: 10px !important;
    }

    .exam-actn-btns .btn:nth-child(2n),
    .simulation-actn-btns .btn:nth-child(2n) {
        margin-left : 0;
        margin-right: 0;
    }

    .exam-nav-btns,
    .simulation-nav-btns {
        display        : flex;
        margin-top     : 10px;
        justify-content: space-between;
    }

    .exam-nav-btns #button-previous,
    .exam-nav-btns #button-next,
    .simulation-nav-btns #button-previous,
    .simulation-nav-btns #button-next {
        padding: 20px !important;
        float  : none;
    }
}

@media (max-width: 767px) {
    .span2.thread-userinfo {
        max-width   : 10em;
        margin-right: 1em;
        float       : left;
    }

    #forum .thread-message .span10 {
        width: 60%;
        float: left;
    }

    #forum .span12 .thread-actions .pull-right,
    #forum .span12>.pull-left {
        float     : none !important;
        display   : block !important;
        margin    : 0 0 0.5em 0 !important;
        clear     : both !important;
        background: #f9f9f9;
    }

    #forum .thread-actions .pull-right {
        margin-bottom: 1em !important;
        background   : #f9f9f9;
    }

    #forum .pull-left .pagination {
        margin-bottom: -1.5em;
    }

    #forum h1 {
        margin-bottom: 0em;
    }

    #forum .title-actions.pull-right {
        margin-top: 0;
        clear     : both;
    }

    .thread-box .muted,
    .thread-box .thread-title {
        float: right;
        width: 85%;
    }

    .thread-title a::before {
        height           : 20px;
        margin-top       : -1px;
        width            : 20px;
        margin-right     : .2em;
        background-repeat: no-repeat;
        background-size  : auto 110%;
        margin-left      : -0.5em;
    }

    #help .span9 .span2 {
        height: 200px;
    }
}

@media (max-width:640px) {

    /* Create assignment page */
    .social {
        margin-left: 1em;
    }

    .question-results h4 {
        clear      : both;
        margin-top : 1em !important;
        padding-top: 1em;
    }

    .social {
        margin: 10px;
    }

    dl.muted {
        visibility: hidden;
        display   : none;
    }

    .span2.thread-userinfo {
        max-width  : 100%;
        float      : none;
        padding-top: 1em;
        text-align : left;
        overflow   : hidden;
        clear      : both;
        margin     : 1em 0;
    }

    .thread-userinfo img {
        clip-path        : circle(35px at center);
        -webkit-clip-path: circle(35px at center);
        margin-top       : -0.5em;
        margin-bottom    : 0.5em;
        max-height       : 5em;
        margin-right     : 1em;
        float            : left;
        margin-left      : 0.7em;
    }

    .thread-message {
        border : 0;
        margin : 0;
        padding: 0;
    }

    .thread-userinfo .lineheightNormal {
        margin-top: 0;
        text-align: left;
    }

    .thread-userinfo br {
        display   : none;
        visibility: hidden;
    }

    .thread-userinfo .small-italic {
        background: none;
        text-align: left;
    }

    .thread-message .span10 {
        width    : 100% !important;
        max-width: 100% !important;
    }

    .thread-box .span9 {
        max-width: 95%;
    }

    .bordered2 {
        padding: 10px 10px 20px 10px;
    }

    #exam .vote-buttons a {
        border-radius: 100%;
        margin-top   : 20px !important;
        font-size    : 0px;
        width        : 30px;
        height       : 30px;
        padding      : 10px !important;
        margin-left  : 5px;
    }

    #exam .bordered2 .vote-buttons i {
        font-size: 22px !important;
        color    : #888;
    }

    #exam .bordered2 .btn {
        padding: 0.3em 0.5em;
    }

    #exam .exam-asses-btns .vote-buttons a {
        padding      : 15px !important;
        margin-top   : 15px !important;
        margin-left  : 0 !important;
        font-size    : 1.5rem;
        border-radius: 0 !important;
    }

    #exam .bordered2 [class^="icon-"] {
        font-size: 20px !important;
    }

    #exam .bordered2 .pull-right {
        float: left;
    }

    #exam .bordered2 .pull-left {
        margin-right: 3px;
    }

    #exam .bordered2 .question-results .reply-link.pull-right {
        float: right;
    }

    .pull-left.assignment {
        width: 100% !important;
    }

    h1.exam-header small,
    h1.exam-header .pull-right,
    #test-timer {
        font-size: 18px !important;
    }

    h1.exam-header {
        font-size: 24px !important;
    }

    .pull-right.assignment {
        float        : none !important;
        margin-bottom: 12px;
    }

    h3>small {
        display: block
    }

    #help .bordered2 .span6 {
        text-align: center;
    }

    #glow-box {
        max-height: inherit;
    }

    #home .span9 .bordered {
        background-image: none;
        padding         : 10px 20px;
    }
}

@media (max-width: 480px) {
    .pull-left.thread-userpic {
        display   : none;
        visibility: hidden;
    }

    .thread-box {
        padding: 1em 0.5em 1em 0.5em;
    }

    .thread-box .muted,
    .thread-box .thread-title {
        float: none;
        width: 95%;
    }

    .question-results+hr+.pull-left {
        margin-bottom: 10px;
    }
}

/* Styles for images in gallery */

.img-container {
    position: relative;
}

.img-overlay {
    position  : absolute;
    top       : 0;
    left      : 0;
    width     : 100%;
    height    : 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
}

.img-container:hover .img-overlay {
    display   : block;
    background: rgba(0, 0, 0, .3);
}

.img-btn {
    position   : absolute;
    width      : 100%;
    left       : 0;
    padding-top: 20px;
    text-align : center;
    opacity    : 0;
    transition : opacity .35s ease;
}

.img-btn a {
    width     : 50%;
    padding   : 6px 18px;
    text-align: center;
    color     : white;
    z-index   : 1;
}

.img-container:hover .img-btn {
    opacity: 1;
}

.img-container:hover .img-hover {
    opacity: 0.5;
}

/* Styles for likes */

.button-like {
    background-color: transparent;
    text-decoration : none;
    cursor          : pointer;
    transition      : all ease 0.4s;
}

.like-container {
    margin-top    : 10px;
    margin-bottom : 0;
    position      : relative;
    vertical-align: middle;
    text-align    : center;
    display       : inline-block;
    float         : left;
    color         : #9c9ba3;
}

.button-like .fa,
.button-like span {
    transition: all ease 0.4s;
}

.button-like:focus {
    background-color: transparent;
}

.button-like:focus .fa,
.button-like:focus span {
    color: #9c9ba3;
}

.button-like:hover {
    border-color    : #cc4b37;
    background-color: transparent;
}

.button-like:hover .fa,
.button-like:hover span {
    color: #cc4b37;
}

.liked {
    border-color: #cc4b37;
    color       : #cc4b37;
}

.liked .fa {
    color: #cc4b37;
}

.liked:focus {
    border-color: #cc4b37;
    color       : #cc4b37;
}

.liked:focus .fa,
.liked:focus span {
    color: #cc4b37;
}

.liked:hover {
    border-color: #cc4b37;
    color       : #cc4b37;
}

.liked:hover .fa,
.liked:hover span {
    color: #cc4b37;
}

.reply-link-comment {
    margin: 10px 10px 0 10px;
}

.muted-link,
.muted-link i {
    color: #9c9ba3;
}

.view-intro-shadows {
    border: 1px solid #ddd;
}

.cpt-0 {
    padding-top: 0 !important;
}

.cpb-0 {
    padding-bottom: 0 !important;
}

.dashboard-icon-container {
    font-size    : 30px;
    text-align   : center;
    margin-left  : 30%;
    border       : 1px solid black;
    border-radius: 25px;
    padding      : 5px 10px;
}

.admin-dash-summary-container {
    min-height    : 200px !important;
    position      : relative;
    padding       : 10px;
    padding-bottom: 40px;
    border-radius : 5px;
    border        : 1px solid #777777;
}

.admin-dash-summary-icon {
    position: absolute !important;
    right   : 10px;
    bottom  : 10px;
    padding : 0 !important;
    color   : #777777;
    border  : none !important;
}

.label-big {
    font-size: 1em;
}

.a-btn {
    cursor: pointer;
}

button.options-delete {
    background: none;
    border: 0;
    padding: 0;
    color: #0088cc;
    cursor: pointer;
}

button.labels-remove,
button.labels-assign {
    background: none;
    border: 0;
    padding: 0;
    color: #0088cc;
    cursor: pointer;
}

.hide {
    display: none;
}

.center-spy {
    margin    : auto;
    right     : 50%;
    text-align: center;
}

.bottom-5percent {
    bottom: 5%;
}

.alert-box {
    position   : fixed;
    z-index    : 1060;
    top        : 0px;
    left       : 47%;
    text-align : center;
    width      : 200px;
    margin-left: -50px;
    opacity    : 0;
}

.bottom-nav li.copyright a.edcetera::before {
    content: "" !important;
}

.edcetera-logo,
.edcetera-logo:hover {
    display     : block;
    height      : 38px;
    max-width   : 180px;
    padding-left: 0 !important;
}


/* ============================================================
   Goal Progress Widget
   ============================================================ */

.goal-progress {
    width        : 500px;
    border       : 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 6px;
    background-color: #fff;
}

.goal-progress a {
    display        : flex;
    align-items    : center;
    text-decoration: none;
    color          : inherit;
}

/* --- Label (icon) --- */

.goal-progress-label {
    flex       : 0 0 28px;
    width      : 28px;
    text-align : center;
    color      : #666;
    font-size  : 12px;
    line-height: 1;
}

.goal-progress a:hover .goal-progress-label {
    color: #333;
}

/* --- Segments bar --- */

.goal-progress-segments {
    flex          : 0 0 386px;  /* 500 - 28 - 80 - 6px*2 gaps */
    width         : 386px;
    height        : 18px;
    display       : flex;
    flex-direction: row;
    overflow      : hidden;
    background    : #E0EEEE;
    box-shadow    : inset 0 0 4px #aaa;
    border-radius : 2px;
}

.goal-progress-segments > div {
    height    : 100%;
    min-width : 0;
    flex-shrink: 0;
}

.goal-progress-green {
    background: linear-gradient(to bottom, #84cee1 0%, #5a909e 100%);
}

.goal-progress-yellow {
    background: linear-gradient(to bottom, #f5b85a 0%, #d4882a 100%);
}

.goal-progress-red {
    background: linear-gradient(to bottom, #f07070 0%, #c03030 100%);
}

/* --- Stats --- */

.goal-progress-stats {
    flex       : 0 0 80px;
    width      : 80px;
    font-size  : 12px;
    color      : #555;
    white-space: nowrap;
    text-align : center;
    line-height: 1;
    font-weight: bold;
}

.goal-progress a:hover .goal-progress-stats {
    color: #222;
}

.goal-progress-stats .fa-triangle-exclamation {
    color: #c07000;
}