body {
    padding: 0px;
}

html.fa-events-icons-loading body {
    display: none;
}

hr {
    clear: both;
}

#notifications::after {
    content: "";
    clear: both;
    display: table;
}

#notifications a[data-toggle="dropdown"]:focus {
    color: #9c9ba3;
}

.nav-collapse #notifications {
    display: flex;
    align-items: center;
}

.nav-spacer {
    padding: 5px;
}

.navbar-inverse .nav>li a:focus {
    color: #9c9ba3;
}

.navbar-inverse .navbar-inner .nav-collapse li a {
    padding: 20px 7px 18px 7px;
}

.navbar {
    z-index: 1005 !important;
    min-height: 80px;
}

.navbar .brand {
    text-indent: -3000px;
    background: none;
    text-indent: 0;
    width: 272px;
    margin-top: 0.3em;
    padding: 10px 0px 10px 0;
}

.brand span {
    text-indent: -3000px;
    display: block;
}

.navbar .brand img {
    margin-top: -30px;
    margin-left: 10px;
}

.navbar .nav {
    margin-left: 30px;
}

.nav.pull-right {
    margin-left: 0px;
}

.nav-collapse i {
    display: block;
    margin: auto;
    font-size: 2.5em;
}

/*This span is applying to make margin between logo and #unauthorised menu*/

#login {
    float: left;
    margin-left: 15px;
    padding-top: 20px;
}

#login>* {
    float: left;
    margin-right: 5px;
}

#login .btn {
    margin-top: 0px;
}

#login .inline-block a {
    border: 0px;
    text-shadow: none !important;
    display: block;
    margin-top: -3px;
    font-size: 11px;
    margin-left: -3px;
    text-decoration: underline;
}

#login .inline-block a:hover {
    color: #0088CC !important;
    opacity: 1;
    background: none !important;
}

.inline-block {
    display: inline-block;
    margin-top: -4px;
}

.icon-eyehound {
    width: 140px !important;
    height: 48px !important;
}

#home .nav-stacked a {
    padding-left: 37px;
}

#home .span9 .span9,
#home .span9 .span9 .span6 {
    margin-left: 0px;
}

footer {
    display: block;
    clear: both;
    padding: 25px 10px;
    overflow: hidden;
    margin: 20px 0 0;
    margin-top: auto;
}

.navbar-inner,
.content.span12,
.navbar-inner .span12 {
    margin: auto;
    float: none;
}

body>.container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.content {
    margin: auto;
    margin: 0 10px;
    min-height: 450px;
}

.content.span12>.span12 {
    float: none;
}

.navbar .container {
    margin: auto;
    width: 1170px;
}

footer .span2 {
    float: left;
    margin-left: 20px;
    min-width: 120px;
}

footer .span2 a {
    margin-right: 0px;
}

.bottom-nav a {
    font-size: 14 px;
    white-space: nowrap;
}

.bottom-nav li {
    line-height: 30px;
}

footer .span2 {
    font-size: 2.5em !important;
    margin-right: 10px;
}

footer .span2 a {
    text-decoration: none !important;
    line-height: normal;
}

.bottom-nav ul {
    float: left;
    list-style: none;
    width: 23%;
    margin: 0px;
    min-width: 120px;
}

.bottom-nav ul:first-child {
    margin-left: 20px;
}

.bottom-nav {
    float: right;
    overflow: hidden;
}

.wrapper [class*="span"] {
    margin-left: 10px;
}

.dropdown-menu a i {
    font-size: 1.25em;
    display: inline;
    margin-left: 0px;
}

.navbar-inverse .dropdown-menu a {
    text-align: left;
    padding: 5px 10px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #eee !important;
}

.navbar-inverse .dropdown-menu a:last-child {
    border: 0px !important;
}

.bordered1 hr {
    clear: both;
}

#exam .bordered2 .btn {
    margin-top: 5px;
}

#exam .bordered2 .answer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#exam .bordered2 .answer-loader {
    float: left;
    margin-right: 5px;
    margin-left: -14px;
}

#exam .bordered2 .cross-out {
    outline: none;
}

#exam .bordered2 .cross-out[disabled] {
    background-color: transparent;
    cursor: not-allowed;
}

#exam .bordered2 .cross-out i {
    color: #999;
}

#exam dl.control-group dt {
    clear: both;
    overflow: hidden;
}

#exam dl.control-group dt>.control-label {
    float: left;
}

/* grey background for questions */

#exam .control-group .radio,
#exam dl .radio,
#exam dl .checkbox,
#exam dl .controls .radio,
#exam dl .controls .checkbox,
#exam .control-group .checkbox {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e5e5e5;
    padding: 10px;
}

#exam .question-results .control-group {
    margin-bottom: 5px;
}

#exam .question-results .control-group .control-label {
    text-align: left;
}

#exam .question-results .control-group .controls {
    margin-bottom: 5px;
    clear: right;
    /*font-size  :12px;*/
    min-height: 20px;
    margin-left: 0px;
}

#exam .question-results .control-group .control-label {
    clear: left;
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 130px;
}

#exam .question-results .span7 {
    margin-left: 0px;
}

h4+.row>.span3 {
    width: auto;
}

#help .content>.span3 {
    margin-left: 0px !important;
    float: left;
}

/*
#help.container>.content.span12 {
    margin-top: 6em !important;
}
*/

.row-fluid .span3+.span9 .centered {
    height: 3em;
    margin-top: 20px;
    max-width: 200px;
    text-align: left !important;
}

.progressbar-value {
    font-size: 13px;
    padding: 0 5px;
}

.pull-left.category-chart {
    margin-right: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -14px;
    margin-top: 2px;
    margin-right: 5px
}

.bordered1 {
    overflow: hidden;
}

#narrow .span6 {
    float: none;
    margin: auto;
}

#exam .span10,
#demo-exam .span10 {
    float: none;
    margin: auto;
    clear: both;
    margin-bottom: 20px;
}

#exam .progressbar {
    margin-left: 20px;
}

#exam dl,
#demo-exam dl {
    float: left;
    margin: 0px 0px 24px 0px;
    /* 10px 30px 10px 10px;*/
    overflow: hidden;
    width: 101%;
}

#exam dl dt,
#demo-exam dl dt {
    font-weight: normal !important;
    margin-bottom: 10px;
    margin-left: 0px !important;
    padding-left: 0px;
}

#exam dl dd,
#demo-exam dl dd {
    clear: both;
    overflow: hidden;
    border-radius: 5px;
    margin: 10px 10px 10px 0px;
    padding: 0px 0px 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #e5e5e5;
}

#exam dl dd .radio {
    clear: left;
}

#exam dl dd .progressbar {
    float: right;
    clear: right;
    margin: 10px;
}

#exam dl .span5,
#exam dl .span3 {
    margin: 0px;
}

#dashboard .progressbar {
    margin-bottom: 10px;
}

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

.bordered2 .btn-toolbar {
    font-size: 14px;
    margin: 10px 0;
}

.bordered2 .btn-toolbar span {
    float: left;
    padding-top: 10px;
    margin-right: 10px;
}

.bordered2 .btn-toolbar .btn {
    margin-top: 5px;
}

/* Questions Management header */

.questions-management__activity-and-notes .form-actions {
    border-top: 0 none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 19px 20px 20px;
    padding-left: 0;
    background: none;
}

.questions-management__activity-and-notes #notes-area {
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
}

.questions-management__edit-buttons .form-actions,
.questions-management__draft-buttons .form-actions,
.questions-management__pending-buttons .form-actions {
    border-top: 0 none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 19px 20px 20px;
    background: none;
}

.questions-management__edit-buttons .edit-buttons__actions .btn,
.questions-management__draft-buttons .draft-buttons__actions .btn,
.questions-management__pending-buttons .pending-buttons__actions .btn {
    margin-top: 5px;
}

.questions-management__section-container {
    padding-top: 10px !important;
}

.questions-management__section-title {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    color: #888888;
    border-bottom: 1px solid #dddddd;
}

/* Forms */

.form-flattened .controls {
    margin-top: 3px;
}

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

.form-modal {
    margin-bottom: 0;
}

/*  Responsive styles  */

.form-actions .btn {
    margin-top: 5px;
}

.content.span12 {
    padding: 20px 12px;
}

/* Special table styling */

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

.question-results th {
    text-align: left;
    padding-right: 5pt;
    vertical-align: top;
}

.table-editable input {
    margin-bottom: 0;
}

.table-editable td {
    padding-top: 3px;
    padding-bottom: 3px;
}

th.borderless,
td.borderless {
    border-top: none;
}

/* Make anything centered */

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

.centered .btn {
    margin: 2pt;
}

.centered .btn.disabled {
    margin-right: 0;
}

/* Make anything right-aligned */

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

/* Make previous floating cleared */

.clear {
    clear: both;
}

/* Make anything aligned to the middle */

.middled {
    vertical-align: middle !important;
}

/* Nice floating blocks for performance charts */

.performance-chart {
    width: 210px;
    float: left;
    margin: 10px 10px 0 10px;
}

.form-preview .control-label {
    padding-top: 0;
    width: 20px;
    font-weight: bold;
}

.form-preview .controls {
    margin-left: 30px;
}

/* Limit the size of category pie-chart on the Dashboard */

.category-chart {
    width: 210px;
    height: 200px;
}

#tab1 ul:first-child h3 {
    margin-left: -0.5em;
}

#tab1 ul:first-child {
    margin-left: 0.7em;
    margin-right: -0.7em;
}

#dashboard .span4 {
    margin-bottom: 10px;
}

#dashboard h2 {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 5px;
}

#dashboard ul.span6:first-child li {
    padding: 0 1em 1em 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* <Create invoice> */

.create-invoice__select-all-active {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 5px;
}

/* </Create invoice> */

/* <Dashboard v2> */

/* Helpers */

/* Prevents element selection via mouse. */
.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Dashboard main */

/* Empty grid banner */

.dashboard-v2 .dashboard-v2__empty-grid {
    display: none;
    padding: 15px;
    margin: 30px 0px;
    text-align: center;
}

/* Dragbox */

.dashboard-v2__dragbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    z-index: 4;
}

/* Important things */

.important-things__mobile {
    display: none !important;
}

.important-things__mobile>h2 {
    text-align: center;
    margin: 15px 0;
}

/* Dashboard cover */

.dashboard-v2__cover {
    display: none;
    position: absolute;
    z-index: 4;
    min-height: 150px;
    padding-top: 100px;
    text-align: center;
    background-color: rgba(211, 211, 211, 0.541);
}

.dashboard-v2__cover h1 {
    color: black;
}

/* Heading */

.dashboard-v2__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dashboard-v2__heading-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dashboard-v2__heading {
    display: inline-block;
    margin: 0;
    margin-right: 15px;
}

.dashboard-v2__configure {
    justify-self: self-end;
}

/* Buttons to toggle configure mode */

.dashboard-v2__configure__enable {
    display: inline-block;
}

.dashboard-v2__configure__disable {
    display: none;
}

.btn.dashboard-v2__configure__disable,
.btn.dashboard-v2__configure__enable {
    padding: 2px 13px;
    font-size: 0.9em;
    color: #333333;
    background-color: #f0f0f0;
    border: 1px solid #929292;
    border-radius: 5px;
}

/* Tile sizes */

/* ".x-tile" can be applied only to the item, not to the item's content */
.dashboard-v2 .xs-tile {
    width: 100px;
    height: 100px;
}

.dashboard-v2 .xs-tile-plus {
    width: 150px;
    height: 150px;
}

.dashboard-v2 .xs-tile-long {
    width: 100px;
    height: 200px;
}

.dashboard-v2 .xs-tile-long-plus {
    width: 150px;
    height: 250px;
}

.dashboard-v2 .xs-tile-wide {
    width: 200px;
    height: 100px;
}

.dashboard-v2 .xs-tile-wide-plus {
    width: 250px;
    height: 150px;
}

.dashboard-v2 .sm-tile {
    width: 200px;
    height: 200px;
}

.dashboard-v2 .sm-tile-plus {
    width: 250px;
    height: 250px;
}

.dashboard-v2 .sm-tile-long {
    width: 200px;
    height: 300px;
}

.dashboard-v2 .sm-tile-long-plus {
    width: 250px;
    height: 350px;
}

.dashboard-v2 .sm-tile-wide {
    width: 300px;
    height: 200px;
}

.dashboard-v2 .sm-tile-wide-plus {
    width: 350px;
    height: 250px;
}

.dashboard-v2 .md-tile {
    width: 300px;
    height: 300px;
}

.dashboard-v2 .md-tile-plus {
    width: 370px;
    height: 370px;
}

.dashboard-v2 .md-tile-long {
    width: 300px;
    height: 400px;
}

.dashboard-v2 .md-tile-long-plus {
    width: 350px;
    height: 450px;
}

.dashboard-v2 .md-tile-wide {
    width: 400px;
    height: 300px;
}

.dashboard-v2 .md-tile-wide-plus {
    width: 450px;
    height: 350px;
}

.dashboard-v2 .lg-tile {
    width: 400px;
    height: 400px;
}

.dashboard-v2 .lg-tile-plus {
    width: 450px;
    height: 450px;
}

.dashboard-v2 .lg-tile-long {
    width: 400px;
    height: 500px;
}

.dashboard-v2 .lg-tile-long-plus {
    width: 450px;
    height: 550px;
}

.dashboard-v2 .lg-tile-wide {
    width: 500px;
    height: 400px;
}

.dashboard-v2 .lg-tile-wide-plus {
    width: 550px;
    height: 450px;
}

.dashboard-v2 .xl-tile {
    width: 500px;
    height: 500px;
}

.dashboard-v2 .xl-tile-plus {
    width: 540px;
    height: 540px;
}

.dashboard-v2 .xl-tile-long {
    width: 500px;
    height: 600px;
}

.dashboard-v2 .xl-tile-long-plus {
    width: 550px;
    height: 650px;
}

.dashboard-v2 .xl-tile-long-wide {
    width: 60px;
    height: 500px;
}

.dashboard-v2 .xl-tile-long-wide-plus {
    width: 650px;
    height: 550px;
}

.dashboard-v2 .long-sm {
    height: 200px;
}

.dashboard-v2 .long-sm-plus {
    height: 300px;
}

.dashboard-v2 .long-md {
    height: 400px;
}

.dashboard-v2 .long-md-plus {
    height: 500px;
}

.dashboard-v2 .long-lg {
    height: 600px;
}

.dashboard-v2 .long-lg-plus {
    height: 700px;
}

.dashboard-v2 .long-xl {
    height: 800px;
}

/* Grid */

.dashboard-v2__grid {
    position: relative;
    visibility: hidden;
}

.dashboard-v2__item {
    z-index: 1;
    position: absolute;
    display: inline-block;
    margin: 15px;
    padding: 15px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 9px -3px rgba(56, 56, 56, 1);
    cursor: initial;
}

/* Mini tiles */

.dashboard-v2__available-widgets {
    margin-bottom: 15px;
}

.dashboard-v2__available-widgets .available-widgets__mini-tiles::after {
    content: "";
    display: table;
    clear: both;
}

.dashboard-v2__available-widgets .available-widgets__mini-tile-cover:hover {
    text-decoration: none;
}

.dashboard-v2__available-widgets .available-widgets__mini-tile {
    float: left;
    width: 120px;
    height: 120px;
    margin: 5px;
    padding: 15px;
    font-size: 0.8em;
    background-color: white;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
}

.dashboard-v2__available-widgets .available-widgets__mini-tile .mini-tile__content {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.dashboard-v2__available-widgets .available-widgets__mini-tile .mini-tile__content .content__icon {
    margin: 0;
    margin-bottom: 5px;
    line-height: 0;
}

.dashboard-v2__available-widgets .available-widgets__mini-tile .mini-tile__content .content__icon svg {
    width: 2.8em;
    height: auto;
    margin: 0;
    fill: currentColor;
}

/* Dashboard item */

.dashboard-v2__item.muuri-item-dragging {
    z-index: 3;
}

.dashboard-v2__item.muuri-item-releasing {
    z-index: 2;
}

.dashboard-v2__item .muuri-item-hidden {
    z-index: 0;
}

.dashboard-v2 .muuri-item-placeholder {
    border: 1px dashed #3d3d3d;
    background-color: transparent;
}

/* Dashboard item content */

.dashboard-v2__item-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.dashboard-v2__item-content .btn-void {
    font-weight: bold
}

.dashboard-v2__item-content .img-container {
    margin: 15px 0;
}

/* Dashboard tile actions panel and drag zone */

.dashboard-v2__tiles-actions {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 15px;
    touch-action: none;
}

.dashboard-v2__item-drag-zone {
    display: inline-block;
    box-sizing: border-box;
    width: 80%;
    padding: 10px;
    text-align: center;
    background-color: rgb(228, 228, 228);
    border: 1px dashed #333333;
    cursor: grab;
}

.dashboard-v2__item-removal {
    display: inline-block;
    box-sizing: border-box;
    margin-left: 15px;
    cursor: pointer;
}

/* Question bank usage chart */

.dashboard-v2__item-content .categorystats__content-container {
    display: flex;
    justify-content: center;
}

.dashboard-v2__item-content .categorystats__chart-placeholder {
    text-align: center;
}

.dashboard-v2__item-content .chart-placeholder__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-weight: bolder;
}

/* Type 1 product */

.dashboard-v2__item-content .type-1-product__buttons {
    margin: 15px 0;
    text-align: center;
}

/* Type 2 product */

.dashboard-v2__item-content .type-2-product__buttons {
    margin: 15px 0;
    text-align: center;
}

.dashboard-v2__item-content .type-2-product__free-credits {
    margin: 15px 0;
    text-align: center;
}

.dashboard-v2__item-content .type-2-product__video .view-intro-shadows {
    border: 1px solid #ddd;
}

/* Post */

.dashboard-v2__item-content .post__image {
    margin: 15px 0;
    text-align: center;
}

.dashboard-v2__item-content .post__text-preview {
    line-height: 1em;
}

/* Forum */

.dashboard-v2__item-content .dashboard-threads__mobile {
    display: none;
}

/* Subscription */

.dashboard-v2__item-content .subscription__status {
    margin-top: 25px;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 5px;
}

.dashboard-v2__item-content .subscription__status .icon-info-sign {
    margin: 0 5px;
    line-height: 0;
}

.dashboard-v2__item-content .subscription__actions {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 5px;
}

.dashboard-v2__item-content .subscription__addons-management {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    border-radius: 5px;
}

.dashboard-v2__item-content .subscription__active-addons .addons-list .active-addon a {
    text-align: left;
    font-size: 0.8em;
    box-shadow: none;
}

.dashboard-v2__item-content .subscription__active-addons .addons-list .active-addon a:hover,
.dashboard-v2__item-content .subscription__active-addons .addons-list .active-addon a:focus {
    color: white;
    background-color: #175ecf;
    background-image: none;
}

.dashboard-v2__item-content .subscription__available-addons .addons-list .available-addon a {
    text-align: left;
    font-size: 0.8em;
    background-image: none;
    background-color: white;
    box-shadow: none;
}

.dashboard-v2__item-content .subscription__available-addons .addons-list .available-addon a:hover,
.dashboard-v2__item-content .subscription__available-addons .addons-list .available-addon a:focus {
    color: white;
    background-color: #00b28f;
    background-image: none;
}

.dashboard-v2__item-content .subscription__database-reset {
    margin: 15px 0;
    padding: 10px;
    text-align: center;
    border: 1px solid #da4f49;
    border-radius: 5px;
}

/* Generic widget content */

.dashboard-v2__item-content .generic-widget__button {
    text-align: center;
}

.dashboard-v2__item-content__actions {
    display: none;
    font-size: 1.3em;
    color: #12b18f;
    text-align: right;
    border-bottom: 1px dashed lightgray;
}

.dashboard-v2__item-content__actions span[class^="icon"] {
    cursor: pointer;
}

.dashboard-v2__item[data-id="categorystats"]>.dashboard-v2__item-content {
    overflow-x: hidden;
    overflow-y: auto;
}

/* </Dashboard v2> */

/* <Profile picture cropper> */

.picture-edit-area__edited-picture {
    display: flex;
    justify-content: center;
    align-items: center;
}

.picture-edit-area__actions {
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.picture-edit-area.rounded-cropper .cropper-view-box,
.picture-edit-area.rounded-cropper .cropper-face {
    border-radius: 50% !important;
}

/* </Profile picture cropper> */

/* <Pricing page v2> */

.pricing__products {
    margin-top: 30px;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.pricing__products .btn,
.pricing__products .btn:hover,
.pricing__card .card__action .btn {
    color: white;
    background-color: #29323D;
    background-image: none;
}

.pricing__cards {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.pricing__card {
    flex-basis: 25%;
    height: 500px;
    margin: 0 5px;
}

.pricing__card .card__promo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10%;
    font-size: 1rem;
    font-weight: bolder;
    text-transform: uppercase;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #29323D;
}

.pricing__card .card__contents {
    height: 90%;
    border: 1px solid #999b9e;
}

.pricing__card .card__title {
    box-sizing: border-box;
    height: 45%;
    padding: 20px;
    text-align: center;
    background-color: #EDF0F4;
}

.pricing__card .card__title .title__product {
    align-items: center;
    height: 40%;
}

.pricing__card .card__title .title__product h3 a {
    text-decoration: underline;
}

#help div.pricing__card div.card__title div.title__product h3 {
    height: 100%;
    padding: 0;
    padding-bottom: 0;
    border-bottom: none !important;
}

.pricing__card .card__title .title__period {
    height: 20%;
    margin-bottom: 10px;
    font-weight: bolder;
}

.pricing__card .card__title .title__price {
    height: 40%;
}

.pricing__card .card__title .title__price .price {
    position: relative;
}

.pricing__card .card__title .title__price .dollar-sign {
    position: absolute;
    left: -11px;
    top: -14px;
    font-size: 1rem;
    font-weight: bolder;
    text-decoration: none;
}

.pricing__card .card__title .title__price .old-price-container .price .dollar-sign {
    top: -9px;
}

.price__old {
    font-size: 1.5rem;
    font-weight: bolder;
    text-decoration: line-through;
}

.price__current {
    font-size: 2rem;
    font-weight: bolder;
}

.pricing__cards .card__body {
    height: 45%;
}

.pricing__card .card__body .body__features .feature {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #EDF0F4;
}

.body__features .feature .feature__icon {
    flex-basis: 20%;
    text-align: center;
}

.body__features .feature .feature__content {
    flex-basis: 80%;
    text-align: center;
}

.pricing__card .card__action {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10%;
}

.pricing__faq {
    box-sizing: border-box;
    width: 100%;
    margin-top: 3rem;
    padding: 20px;
}

.pricing__faq .faq__heading {
    margin-bottom: 2rem;
    text-align: center;
}

.faq__questions .accordion-heading .accordion-toggle {
    color: #29323D;
    font-weight: bolder;
}

.faq__questions .accordion-heading .accordion-toggle:hover {
    text-decoration: none;
}

.faq__questions .accordion-body .accordion-inner {
    padding: 0 15px;
    padding-bottom: 15px;
}

/* </Pricing page v2> */

/* <Products page> */

.xq-products__item-title {
    padding-left: 15px !important;
    width: 70%;
}

.xq-products__item-services {
    padding-left: 15px !important;
}

.xq-products__summary-title {
    padding-left: 15px !important;
    width: 70%;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.xq-products__item-price {
    width: 20%;
    font-weight: bold;
}

.xq-products__item-add {
    width: 10%;
    padding-right: 15px !important;
    text-align: right !important;
}

.xq-products__item {
    margin-bottom: 0;
}

.xq-products__product-toggle {
    background-color: none;
    border: 1px solid #00b28f;
}

.xq-products__product-toggle span[class*="icon-chevron-"] {
    margin-right: 16px;
}

.xq-products__product-toggle:hover {
    text-decoration: none;
}

.xq-products__product-group {
    border: none !important;
}

.xq-products__product-group .accordion-body {
    border: 1px solid #00b28f;
}

/* </Products page> */

/* <Account confirmation> */

.confirmation__form .form__input-container {
    float: none !important;
}

.confirmation__form .form__submit-container {
    box-sizing: border-box;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.confirmation__prompts,
.login__prompts,
.register__prompts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: none !important;
    margin-left: 0 !important;
    margin-top: 5px;
}

.confirmation__prompts a,
.login__prompts a,
.register__prompts a {
    margin: 5px 0;
}

/* </Account confirmation> */

/* <Help-Products> */

#packages .package {
    padding: 10px;
}

#products #products__fst::after,
#products #products__snd::after {
    display: table;
    content: "";
    clear: both;
}

/* </Help-Products> */

/* <Team management> */

.team__view-ranking {
    border: 1px solid #999999 !important;
}

.team__member-actions-divider {
    margin: 0 -12px;
}

/* </Team management> */

/* <Member Performance v2> */

.performance-chart-v2 {
    display: flex;
    justify-content: center;
}

.performance-chart-v2__change-chart {
    margin-top: 25px;
    margin-bottom: 30px;
    text-align: center;
}

.performance-chart-v2__chart-container.bubble-container,
.performance-chart-v2__chart-container.bar-container,
.performance-chart-v2__table-container {
    display: inline-block;
    box-sizing: border-box;
    width: 70%;
}

.performance-chart-v2__table-container .table {
    width: 100%;
}

.performance-chart-v2__legend {
    display: none;
    box-sizing: border-box;
    width: 25%;
    height: 310px;
    margin: 0;
    margin-right: 30px;
}

.performance-chart-v2__legend div[class$="description"] {
    padding: 10px;
}

.performance-chart-v2__legend .legend__bubble-controls,
.performance-chart-v2__legend .legend__bar-description {
    display: none;
}

.performance-chart-v2__legend .legend__bubble-controls .bubble-controls__available-categories {
    position: relative;
    margin-bottom: 15px;
}

.performance-chart-v2__legend .legend__bubble-controls .bubble-controls__available-categories .dropdown-toggle {
    box-sizing: border-box;
    width: 100%;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category {
    display: flex;
    border: 1px solid #ddd;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li:first-of-type {
    text-align: center;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li:last-of-type .category {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category .select-category {
    width: 85%;
    padding: 8px 12px;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category .select-category:hover {
    text-decoration: none;
    background-color: #eeeeee;
}


.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category .remove-category {
    width: 15%;
    padding: 8px 12px;
    text-align: center;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category .remove-category:hover {
    cursor: pointer;
    background-color: #eeeeee;
}

.performance-chart-v2__legend .legend__bubble-controls .nav-tabs li .category .remove-category:hover a {
    text-decoration: none;
}

.performance-chart-v2__legend .legend__bubble-controls .bubble-controls__available-categories .dropdown-menu {
    width: 100%;
}

.performance-chart-v2__legend .legend__bubble-controls button[disabled] {
    cursor: not-allowed;
}

.performance-chart-v2__legend .legend__bubble-controls h2 {
    text-align: center;
}

.performance-chart-v2__legend .legend__bubble-controls li {
    font-size: 14px;
}

.performance-chart-v2__legend .bubble-controls__added-categories {
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}

.performance-chart-v2__legend .bubble-controls__added-categories .none-added {
    font-size: 1em;
}

.performance-chart-v2__legend .legend__table-description p {
    padding: 10px;
}

/* </Member Performance v2> */

/* <CAT> */

.cat__title {
    float: left;
}

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

/* </CAT> */

/* <Quick Quiz> */

.qq__title {
    float: left;
}

/* </Quick Quiz> */

/* <Team Performance v2> */

.t-performance__switch {
    margin: 10px 0;
    text-align: center;
}

.t-performance__switch button:disabled {
    cursor: not-allowed;
}

.t-performance__container {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
}

.t-performance__container>.t-performance__visualization {
    flex-grow: 2;
    flex-basis: 0;
}

.t-performance__container>.t-performance__legend {
    flex-grow: 1;
    flex-basis: 0;
}

.t-performance__legend {
    margin-right: 15px;
    padding: 10px;
}

.t-performance__legend select {
    box-sizing: border-box;
    width: 100%;
}

/* </Team Performance v2> */

/* <Testimonials> */

.ob-testimonials__container {
    padding-top: 35px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ob-testimonials__container .carousel,
#media #testimonials.carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.ob-testimonials__container .carousel-inner,
#media #testimonials.carousel .carousel-inner {
    width: 85%;
    min-height: 200px;
}

.ob-testimonials__container .carousel-indicators,
#media #testimonials.carousel .carousel-indicators {
    margin: 0 !important;
}

.ob-testimonials__container .carousel-control,
#media #testimonials.carousel .carousel-control {
    position: static;
    display: flex;
    clear: both;
    height: 100%;
    width: auto;
    background: none;
    border: none;
    opacity: 1;
}

#media #testimonials.carousel .carousel-control {
    width: 60px;
    height: auto;
}

.ob-testimonials__container .carousel-control[data-slide="next"],
#media #testimonials.carousel .carousel-control[data-slide="next"] {
    justify-content: center;
}

.ob-testimonials__container .carousel-control[data-slide="prev"],
#media #testimonials.carousel .carousel-control[data-slide="prev"] {
    justify-content: center;
}

/* </Testimonials> */

/* <Admin Dashboard> */

.admin-dashboard__title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

/* </Admin Dashboard> */

/* < CME Payinfo> */

.cme-payinfo__buttons .btn:not([class~="btn-primary"]) {
    width: 150px;
}

/* </ CME Payinfo> */

/* <Search Widget> */

#site-search-app--mobile {
    clear: both;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}

#site-search-app--mobile .SearchWidgetApp {
    width: 100%;
    margin: 0;
}

.SearchWidgetApp {
    position: relative;
    display: inline-block;
    width: 150px;
    margin-left: 10px;
}

.SearchWidgetApp .widget-loader {
    position: absolute;
    right: -25px;
    top: 6px;
}

/* </Search Widget> */

/* <Take Test React App> */

.QuestionHeader {
    display: flex;
    justify-content: space-between;
}

.QuestionBody__no-shadow {
    box-shadow: none !important;
}

.QuestionBody__sample-case-dropdown {
    color: white !important;
    background-color: #3aa0d7 !important;
}

.QuestionBody__sample-case-description {
    border: 1px solid #3aa0d7 !important;
}

.QuestionBody__sample-case-dropdown svg {
    color: white;
}

.QuestionMedia__media {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-evenly;
    width: 100%;
    margin-left: 0;
    list-style: none;
}

.QuestionMedia__media-item {
    display: inline;
    position: relative;
    width: 25%;
    flex-grow: 1;
    margin: 15px;
    padding: 15px;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.QuestionMedia__media-item img,
.QuestionMedia__media-item iframe {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.QuestionMedia__media-item img {
    cursor: zoom-in;
}

.QuestionMedia__media-item iframe {
    cursor: pointer;
}

.QuestionAnswers__answer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.QuestionAnswers__answer .cross-out {
    margin-right: 10px;
}

.TestsList__list .btn-link {
    margin-top: 0 !important;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

.TestsList__list {
    margin-left: 0 !important;
}

.TestsList__list #tests-listing.table.table-striped {
    display: table !important;
    width: 100% !important;
}

.QuestionComments__CommentsHeading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.QuestionComments__CommentsHeading h4 {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
}

.QuestionComments__CommentsHeading a {
    font-size: 0.75em;
}

.QuestionComments__CommentsCount {
    background: url(/assets/svg/commentsG.svg) no-repeat;
    background-size: 100% auto;
    width: 2em;
    float: left;
    text-align: center;
    height: 2em;
    padding-top: 0.2em;
    margin-right: 0.5em;
}

.QuestionComments__CommentsCountLabel {
    padding-top: 2px;
}

.QuestionComments__CommentsActions {
    display: flex;
    gap: 5px;
}

.QuestionComments__CommentsActions button {
    font-size: 0.75em;
}

.QuestionComment__Replies {
    margin-left: 30px;
}

.QuestionComment__Wrapper {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin: 20px 0;
}

.QuestionComment__Comment {
    display: flex;
}

.QuestionComment__Content {
    flex-grow: 1;
    padding-right: 20px;
    font-size: 14px;
}

.QuestionComment__NewCommentActions {
    display: flex;
    gap: 5px;
}

.QuestionComment__ReplySection {
    margin-top: 10px;
}

.QuestionComment__ReplySection textarea {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

.CommentInput {
    margin-top: 10px;
}

.CommentInput textarea {
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}

.CommentInput__Actions {
    display: flex;
    gap: 5px;
}

.QuestionComment__Avatar {
    display: flex;
    justify-content: center;
    min-height: 2.5em;
    max-height: 2.6em;
    min-width: 2.6em;
    margin-right: 15px;
}

.QuestionComment__Avatar .userpic img {
    min-height: 2.5em;
    max-height: 2.6em;
}

.QuestionComment__Text {
    margin: 5px 0;
}

.QuestionComment__Actions {
    display: flex;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.QuestionComment__Actions .btn {
    margin-top: 0 !important;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    color: #9c9ba3;
}

.QuestionComment__Date .btn-report {
    color: inherit;
    margin-top: 0 !important;
    margin-left: 5px;
    padding: 0;
}

.QuestionComment__Date .btn-report:hover,
.QuestionComment__Actions .btn-like:hover,
.QuestionComment__Actions .btn-reply:hover {
    text-decoration: none;
}

.QuestionComment__Actions .btn-like:hover {
    color: #cc4b37;
}

.QuestionComment__Actions .btn-like.isliked {
    color: #cc4b37;
}

.QuestionComment__ShowMoreBtn {
    margin-top: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
}

.NotesInput {
    max-width: 100%;
    min-width: 200px;
}

/* </Take Test React App> */

/* <Create Test React App> */

.CreateTestApp_Wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.CreateTestApp {
    width: 70%;
}

.WizardControls {
    text-align: center;
}

.StepSection__OptionRadio,
.StepSection__OptionDisabledRadio,
.StepSection__OptionCheckbox,
.StepSection__DisabledOptionCheckbox {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 15px !important;
    cursor: pointer;
}

.StepSection__OptionCheckbox,
.StepSection__OptionRadio,
.StepSection__OptionDisabledRadio {
    transition: box-shadow 0.2s ease-in-out;
}

.StepSection__OptionCheckbox {
    display: inline-flex !important;
    align-items: center;
}

.StepSection__OptionCheckbox:hover:not(.disabled),
.StepSection__OptionRadio:hover {
    color: #1976d2;
    border-color: #1976d2;
    box-shadow: inset 0px 0px 0px 1px #1976d2;
}

.StepSection__OptionCheckbox input {
    margin-top: 0;
    margin-right: 5px;
}

.StepSection__OptionCheckbox.disabled {
    color: #ccc;
}

.StepSection__OptionDisabledRadio input,
.StepSection__OptionRadio input {
    visibility: hidden;
    width: 0;
}

.StepSection__OptionRadio.checked {
    color: #1976d2;
    font-weight: bold;
    box-shadow: inset 0px 0px 0px 1px #1976d2;
}

.StepSection__DisabledOptionCheckbox {
    display: inline-flex !important;
    align-items: center;
    color: #1976d2;
}

.StepSection__DisabledOptionCheckbox:hover,
.StepSection__DisabledOptionCheckbox:focus {
    text-decoration: underline;
}

.StepSection__DisabledOptionCheckboxIcon {
    display: inline-flex;
    margin-left: 3px;
}

.StepSection__DisabledOptionCheckboxIconContainer {
    display: inline-flex
}

.TopicChipDisabled {
    opacity: 0.38;
    cursor: not-allowed !important;
}

.StepCategories__ToggleAll {
    display: inline-block !important;
    margin-left: 3px;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 17px;
    border: 1px solid #1976d2;
    border-radius: 16px;
}

.StepCategories__ToggleAll>span {
    cursor: pointer;
}

.CreateTestApp_noQuestionsMessage {
    padding: 5px;
    border: 1px solid red;
    margin-bottom: 15px;
    border-radius: 4px;
}

/* </Create Test React App> */

/* <Career Center> */

/* My Jobs List */

.career-center__my-smth-header .my-smth-header__search-jobs {
    width: 30% !important;
}

/* Job Search & Job Page */

.career-center__search-bar.bordered2 {
    box-shadow: 0px 0px 5px 1px #eeeeee;
    overflow: visible;
}

.career-center__search-bar .search-bar__block {
    box-sizing: border-box;
}

.career-center__search-bar .search-bar__search {
    width: 100%;
}

.career-center__search-bar .search-bar__where .xq-input-combined__icon {
    top: 6px;
}

.career-center__search-bar .search-bar__search .xq-input-combined__input-container {
    width: 39%;
}

.career-center__search-bar .search-bar__search .search-bar__clear-input {
    width: 25px;
    text-align: center;
    right: 10px;
    top: 2px;
    cursor: pointer;
}

.career-center__search-bar .search-bar__filters {
    position: relative;
    background-color: white;
}

.career-center__search-bar .search-bar__filters .accordion-inner {
    padding: 15px;
    border: 1px solid #ccc;
}

.career-center__search-bar .search-bar__filters .clear-location-input {
    position: absolute;
    right: 10px;
    top: 2px;
}

.career-center__search-bar .search-bar__filters .clear-location-input:hover {
    text-decoration: none;
}

#search-filters.career-center__search-filters {
    padding: 15px;
    padding-top: 10px;
}

#search-filters.career-center__search-filters {
    box-shadow: 0px 0px 5px 1px #eeeeee;
}

.career-center__search-filters .search-filters__no-criteria {
    text-align: center;
    font-weight: bold;
}

.career-center__search-filters .search-filters__no-criteria a {
    cursor: help;
}

.career-center__search-filters .search-filters__no-criteria a:hover {
    text-decoration: none;
    cursor: help;
}

.career-center__search-filters .search-filters-active {
    margin-top: 5px;
    margin-right: 2px;
    padding: 2px 10px;
    font-size: small;
    border: 1px solid currentColor;
}

.career-center__search-filters .search-filters-active:hover,
.career-center__search-filters .search-filters-active:active {
    text-decoration: none;
    box-shadow: 0px 0px 1px 1px currentColor;

}

.career-center__search-filters .search-filters-active .icon-remove {
    margin-left: 5px;
}

.job-search-results__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job-search-results__sorting {
    width: 100px;
}

.career-center__job-post {
    margin-bottom: 20px;
    font-size: 0.9rem;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 0px 5px 1px #eeeeee;
    cursor: pointer;
}

.career-center__job-post .job-post__attributes {
    margin-bottom: 10px;
}

.career-center__job-post .job-post__body,
.career-center__job-post .job-post__footer {
    padding: 20px 15px;
}

.career-center__job-post .job-post__footer {
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.6;
}

.career-center__job-post .job-post__company-logo {
    margin-left: 15px;
}

.career-center__job-post .job-post__company-logo img {
    max-width: 150px;
    max-height: 150px;
}

.career-center__job-post .job-post__summary .summary__text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.6em;
}

.career-center__job-post .job-post__general-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -5px;
}

.career-center__job-post .job-post__general-info .general-info__salary .salary__value {
    margin: 5px 0;
    font-size: 1.3rem;
}

.career-center__job-post .job-post__general-info .general-info__company {
    margin-bottom: -5px;
}

.career-center__job-post .job-post__conditions {
    margin-top: 10px;
}

.career-center__job-post .job-post__conditions button[class*="xq-pill"],
.job-search-results__post-preview .job-info__conditions span[class*="xq-pill"] {
    margin-top: 5px;
    margin-right: 5px;
}

.career-center__job-post .job-post__footer {
    border-top: 1px solid #EEEEEE;
}

.job-page__editor-tools .editor-tools__job-status {
    margin-right: 15px;
}

.job-page__editor-tools .editor-tools__job-status,
.job-page__editor-tools .editor-tools__job-events {
    display: inline-block;
    text-align: left;
}

.career-center__job-page .btn-block {
    margin-top: 15px;
    padding: 10px 0;
    font-weight: bold;
}

.career-center__job-page .job-page__job-description .job-description__header,
.post-preview__post-details .post-details__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.career-center__job-page .job-page__job-description .job-description__header {
    margin-bottom: 25px;
}

.career-center__job-page .job-page__job-description .job-description__summary {
    font-size: 1.8em;
    margin-top: 5px;
    margin-bottom: 8px;
}

.career-center__job-page .job-page__job-description .job-description__salary {
    margin-bottom: 10px;
    font-size: 1.5em;
}

.career-center__job-page .job-page__job-description .job-description__conditions {
    margin-top: -5px;
    margin-bottom: 10px;
}

.career-center__job-page .job-page__job-description .job-description__conditions span[class*="xq-pill"] {
    margin-right: 5px;
    margin-top: 5px;
}

.career-center__job-page .job-page__company-details .company-details__logo-container {
    text-align: center;
}

.career-center__job-page .job-page__company-details .company-details__logo {
    max-width: 200px;
    max-height: 200px;
}

article.bordered2.job-search-results__post-preview,
.job-search-results__post-skeleton {
    box-shadow: 0px 0px 5px 1px #eeeeee !important;
    padding: 20px !important;
    font-size: 1em;
}

.post-preview__close {
    margin-left: 10px;
    cursor: pointer;
}

.job-search-results__post-preview .post-details__summary {
    font-size: 1.4em;
    margin-bottom: 7px;
}

.job-search-results__post-preview .job-info__conditions {
    font-size: 0.9em;
    margin-bottom: 12px;
}

.job-search-results__post-preview .job-info__salary {
    margin: 5px 0 !important;
    padding: 0;
    font-size: 1.2em;
    color: #333;
    border-bottom: none;
}

.job-search-results__post-preview .post-details__employer-info .icon-map-marker {
    margin-right: 0;
}

.post-details__job-description .job-description__description {
    margin-top: 10px;
}

.job-search-results__post-preview .post-details__job-description .job-description__description {
    overflow-x: hidden;
    overflow-y: auto;
}

.job-search-results__post-preview .post-preview__buttons {
    margin-top: 15px;
}

.job-search-results__post-preview .toggle__save[data-save="false"] {
    color: white;
    background-color: #3a87ad;
}

.job-search-results__post-preview .toggle__save[data-save="true"] {
    color: #3a87ad;
    background-color: transparent;
}

.job-search-results__selected-post {
    border: 1px solid #333
}

/* Save Searches */

.job-search-results__post-preview .post-preview__save-search {
    padding-left: 0;
}

.job-search-results__post-preview .post-preview__searches-list {
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left: 0;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.job-search-results__post-preview .post-preview__searches-list li {
    padding: 5px 10px;
    border-bottom: 1px solid lightgray;
}

.job-search-results__post-preview .post-preview__searches-list li:last-of-type {
    border-bottom: none;
}

.job-search-results__post-preview .post-preview__save-input-container {
    display: none;
}

.job-search-results__post-preview .post-preview__save-input-container button,
.job-search-results__post-preview .post-preview__save-input-container input {
    flex-grow: 1;
}

.job-search-results__post-preview .post-preview__save-input-container input {
    flex-basis: 75%;
}

.job-search-results__post-preview .post-preview__save-input-container button {
    height: 30px;
    border-radius: 0;
}

/* Edit Job Post */

.edit-job__location-container {
    position: relative;
}

.edit-job__location-container .loader-small {
    position: absolute;
    top: 4px;
    right: 10px;
}

input.edit-job__location {
    padding-right: 20px;
    box-sizing: border-box;
    height: auto;
    width: 370px;
}

/* Job Application */

.job-application__user-name {
    display: flex;
}

.job-application__name-part {
    flex-grow: 1;
}

/* Job Stats */

.job-post__stats-container {
    box-sizing: border-box;
    min-height: 400px;
}

.job-post__stats-container .job-post__timeline-stats-chart {
    width: 100% !important;
    height: auto !important;
    max-height: 500px;
}

.job-post__stats-container .job-post__alltime-stats-chart {
    width: 100% !important;
    height: auto !important;
    max-height: 500px;
}

.user-jobs__list-actions .dropdown a[data-toggle="dropdown"] {
    background-color: transparent;
    background-image: none;
}

.user-jobs__list-actions .dropdown a[data-toggle="dropdown"]:hover {
    background-color: rgb(224, 224, 224);
}

.user-jobs__list-actions .dropdown .dropdown-menu a:hover,
.user-jobs__list-actions .dropdown .dropdown-menu a:focus {
    color: unset !important;
    background-image: none !important;
    background-color: rgb(224, 224, 224) !important;
}

/* </Career Center> */

/* <Team Management> */


.team-management__assignee-performance .assignee-performance__assignees {
    height: 300px;
    overflow-x: visible;
    overflow-y: auto;
}

/* </Team Management> */

/* <Test Review> */

.review__controls button[class^="btn"] {
    margin: 0 5px;
}

/* </Test Review> */

#narrow .form-horizontal .form-actions {
    margin-bottom: 0px !important;
}

.alert {
    margin-bottom: 10px;
}

.alert.alert-info {
    clear: both;
}

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

/* Enhance the form of the listing with search (convention is id=form1) */

#searched-list #form1 select,
#searched-list #form1 input,
#searched-list #form1 .btn {
    margin: 2pt;
}

#searched-list #form1 {
    margin-bottom: 10pt;
}

/* Additional pending between Contibutors rows */

#help .bordered2 .span6 {
    margin-bottom: 10px;
}

/* Switch */

.switch-wrapper a {
    width: 50px;
    height: 24px;
    background: #aaa;
    color: white;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    text-shadow: -1px 1px 1px #555;
    float: left;
    margin: 0 10px;
    box-shadow: 0 0 10px #666 inset
}

.toggle {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    height: 18px;
    width: 16px;
    margin: 2px;
    background-color: white;
    float: left;
    color: #aaa;
    text-align: center;
    -webkit-box-shadow: 0px 0px 4px rgba(35, 35, 35, 0.75);
    -moz-box-shadow: 0px 0px 4px rgba(35, 35, 35, 0.75);
    box-shadow: 0px 0px 4px rgba(35, 35, 35, 0.75);
    padding: 0 2px 2px;
    text-shadow: none;
    font-size: 12px;
}

.switch-wrapper {
    float: left;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
}

.switch-wrapper>span {
    width: 35%;
    float: left;
}

.switch-wrapper.span5 {
    margin-left: 0px;
}

.switch-wrapper.well {
    padding: 10px;
    margin-right: 10px;
}

.switch-wrapper a.on .toggle {
    float: right;
}

/* Contributors */

#contributors-info {
    margin-left: 0px;
    margin-bottom: 24px;
}

#contributors-info img {
    margin: 20px auto auto 20px;
}

#help .span9 .span2 {
    margin-bottom: 20px;
}

#help .span9 .span2 p {
    font-family: "open sans condensed", Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0;
}

#help .span9 .span2 p+p {
    font-weight: normal;
    margin-bottom: 5px;
}

#help .contributors__container {
    display: flex;
    flex-wrap: wrap;
}

#help .contributors__contributor {
    margin: 15px 0 !important;
    flex-basis: 20%;
    text-align: center;
}

#help .contributors__contributor img {
    height: 150px;
    width: auto;
}

/* Posts */

#posts .bordered2 {
    padding-top: 0px;
}

#posts h2 {
    color: #555;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 6px;
}

#posts .bordered2 h3 {
    border-bottom: 0px;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

#posts .post-content .span9 h2,
#posts .post-content .span9 h3,
#posts .post-content .span9 h1 {
    border-bottom: 0px;
    float: none !important
}

#posts h4 a {
    color: #555;
}

#posts h4 a:hover {
    color: #023262;
}

#posts .post-item {
    padding: 12px;
}

.month-break h2 {
    padding-left: 20px;
}

#posts li.span4 h3,
#posts li.span5 h3 {
    margin-bottom: 10px !important;
}

#posts li.span5 p,
#posts li.span4 p {
    margin-top: 10px;
}

#posts li.span5 {
    margin-bottom: 20px;
    width: 47%;
}

#posts li.span5 img,
#posts li.span4 img {
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

#posts li.span4 {
    width: 31%;
}

#posts small a:first-child,
#posts .comment-header+a {
    font-weight: bold;
}

#posts .comment-reply {
    margin-top: 5px;
    margin-bottom: 10px;
}

time {
    font-style: italic;
}

.posts-list {
    margin: 0px;
    overflow: hidden;
    list-style: none;
}

.month-break {
    display: block;
    clear: both;
}

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

.post-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.post-content {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.post-comments .user-comment {
    list-style: none;
}

.post-comments ul {
    list-style: none;
}

.post-comments li ul {
    margin-left: 36px;
    margin-top: 12px;
}

#posts .user-comment h3 {
    border-bottom: 0px !important;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-bottom: 0px;
}

#posts .user-comment label {
    font-weight: bold;
    font-size: 20px;
    color: #999;
}

.post-content .img-polaroid {
    float: left;
    max-width: 410px;
    margin: 0 12px 12px 0;
}

.post-content .span3 {
    margin: 0 0 0 18px;
}

.post-content .span3 img {
    float: left;
    margin-right: 10px;
}

.post-content .span3 div {
    overflow: hidden;
    margin-bottom: 12px;
}

.posts-list-short,
.posts-list {
    margin: 1em 0 0;
    padding: 0px;
    list-style: none;
}

.posts-list li h4 {
    margin-top: 0px;
}

.posts-list-short li,
.posts-list li {
    overflow: hidden;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e2e2e2;
}

.posts-list-short li:last-child,
.posts-list li:last-child {
    border-bottom: 0px;
}

.posts-list a img:first-child {
    float: left;
    margin-right: 12px;
}

.posts-list-short img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.posts-list-short h4 {
    margin-top: 0px;
}

#recent-posts .span3:first-child {
    margin-left: 0px;
}

.post-content .span3 h2 {
    line-height: 24px;
    margin-top: 0;
    padding-bottom: 8px;
}

#posts .img-wrapper img {
    padding: 4px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    float: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin: 0 1em 1em 0;
    padding: 4px;
}

.reply-link:hover {
    text-decoration: none;
    border-bottom: 1px solid #005588;
}

.comment-header a.muted:hover {
    text-decoration: none;
    border-bottom: 1px solid #005588;
}

.posts-horizontal-list {
    margin: 0px;
    padding: 0px
}

.posts-horizontal-list li {
    height: 16em;
}

.post-horizontal-list .span3 img {
    margin-bottom: 10px;
}

.posts-horizontal-list h2 {
    border-bottom: 1px solid #D5D5D5;
    padding-bottom: 5px;
}

.posts-list-short a.img {
    float: left;
}

.post-content .span9 img {
    margin: 1em;
}

/* Dashboard subscriber styles */

.dashboard-subscription ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dashboard-subscription .btn {
    width: 200px;
    text-align: left;
    margin-bottom: 12px;
}

.dashboard-subscription .span6 .span6>span {
    margin: -8px 0 10px;
    display: block;
    font-size: 12px;
}

.dashboard-subscription sup {
    top: 0px;
}

.dashboard-subscription h4 {
    margin-top: 20px;
}

.dashboard-subscription .subscription-status {
    margin: 15px 0;
}

.table-flexible {
    width: auto;
}

.row>.alert {
    margin-left: 30px;
}

.confirm_training_level_wrapper {
    position: relative;
}

.confirm_training_level_wrapper #confirm_training_level {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    margin-left: auto;
    margin-right: auto;
}

#exam .span12 .span12 {
    margin: 0px;
}

#unauthorised {
    margin-top: 1.5em;
    float: right;
}

#unauthorised li {
    float: left;
}

.leaderboard .row-fluid .span3 {
    float: right;
}

.leaderboard .row-fluid .span6 {
    float: left;
}

/* <Standardized Exam - Edit> */

.picked-teams {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 5px;
}

.picked-teams__team-template {
    display: none;
}

.picked-teams__team {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 10px;
    border: 1px solid rgb(129, 129, 129);
    border-radius: 4px;
}

.picked-teams__team .team-remove {
    padding: 0;
    background-color: transparent;
    border: none;
}

.picked-teams__team .team-remove i {
    color: #2c2c2c;
    opacity: 0.7;
}

.picked-teams__team .team-remove i:hover,
.picked-teams__team .team-remove i:focus {
    opacity: 1;
}

/* </Standardized Exam - Edit> */

/* <User CME Activities> */

.user-cme__container {
    overflow: visible;
}

.user-cme__column {
    width: 100px;
}

.user-cme__actions {
    z-index: 1030 !important;
    text-align: left;
}

/* </User CME Activities> */

/* <Shopping Cart> */

#cme-cart__loader,
#purchase-cart__loader {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 50px;
    top: 47%;
    left: calc(50% - 47px);
    text-align: center;
    font-size: x-large;
}

#cme-cart__loader .loader-small,
#purchase-cart__loader .loader-small {
    display: inline-block;
}

#cme-cart-toggle,
#purchase-cart-toggle {
    position: fixed;
    top: 90px;
    right: calc(50% - 75px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100px;
    background-color: white;
    box-shadow: 0px 0px 2px 0px black;
}

#cme-cart-toggle .show-cme-cart,
#purchase-cart-toggle .show-purchase-cart {
    display: none;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px;
}

#cme-cart-toggle .show-cme-cart:hover,
#purchase-cart-toggle .show-purchase-cart:hover {
    text-decoration: none;
}

#cme-cart-toggle #cart-loader,
#purchase-cart-toggle #cart-loader {
    margin: 16px;
}

#cme-cart-toggle .cart-preview__credits,
#cme-cart-toggle .cart-preview__price,
#purchase-cart-toggle .cart-preview__items,
#purchase-cart-toggle .cart-preview__price {
    font-size: small;
}

.coupon-input-container__coupon-input,
.coupon-input-container__apply-btn {
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.coupon-input-container__coupon-input .coupon-input__input,
.coupon-input-container__coupon-input .coupon-input__discard-btn {
    box-sizing: border-box;
    height: auto;
}

.coupon-input-container__coupon-input .coupon-input__input {
    width: 90%;
}

.coupon-input-container__coupon-input .coupon-input__discard-btn {
    width: 10%;
    height: 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.coupon-input-container__apply-btn {
    display: block;
    margin-top: 5px;
}

.cme-cart-actions,
.purchase-cart-actions {
    text-align: center;
}

.close-cart-btn-container {
    margin-bottom: 10px;
    text-align: center;
}

/* </CME Cart> */

/* <CBPS> */

.cbps__paused-tests {
    max-height: 334px;
    overflow-x: hidden;
    overflow-y: auto;
}

.cbps__actions-search-container {
    position: relative;
    box-sizing: border-box;
}

.cbps__available-search {
    margin-bottom: 15px !important;
}

.cbps__actions-search-container .icon-remove {
    position: absolute;
    right: 21px;
    top: 2px;
    cursor: pointer;
}

.cbps__actions-search-container .loader-small {
    display: none;
    position: absolute;
    right: 21px;
    top: 7px;
}

.cbps__actions-search-container input {
    padding-right: 33px;
}

.cbps__simulation-sections {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    /*margin-top   : 15px;*/
    margin: 0;
    border-bottom: none;
}

.cbps__simulation-sections>li {
    display: inline-block;
    float: none;
}

.cbps__simulation-section {
    display: flex !important;
    flex-direction: column;
    height: 550px;
    padding: 10px;
    border: 1px solid #e4e4e4;
}

.cbps__media-section {
    padding-top: 0;
}

.cbps__media-section .cbps__list-heading {
    padding-top: 10px;
    margin-bottom: 0;
}

.cbps__media-section .control-group {
    padding: 10px 0;
    margin-bottom: 10px;
}

.cbps__available-actions-section,
.cbps__selected-actions-section {
    padding: 0;
}

.cbps__available-actions-section .cbps__list-heading {
    padding: 10px;
    margin-bottom: 0;
}

.cbps__actions-search-container {
    padding: 0 10px;
}

.cbps__available-actions.span12 {
    margin-left: 0;
    border-top: 1px solid #e4e4e4;
}

.cbps__available-actions.span12 .available-action {
    padding: 1px 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
}

.cbps__available-actions.span12 .available-action:last-of-type {
    border-bottom: none;
}

.cbps__available-actions.span12 .available-action:active,
.cbps__available-actions.span12 .available-action.was-picked {
    background-color: rgb(231, 231, 231);
}

.cbps__available-actions.span12 .available-action.was-picked {
    cursor: not-allowed;
}

.cbps__available-actions,
.cbps__selected-actions,
.cpbs__section-media {
    flex-grow: 1;
    overflow: auto;
}

.cbps__selected-actions,
.cpbs__section-media {
    border-top: 1px solid #e4e4e4;
}

.cbps__selected-actions-section .cbps__list-heading {
    padding: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.cbps__selected-actions-section .cbps__selection-modifiers {
    padding: 10px;
}

.cpbs__section-media {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.cpbs__section-media {
    justify-content: space-evenly;
}

.cbps__picked-responses {
    overflow-x: hidden;
    overflow-y: auto;
}

.cbps-media__image-preview {
    max-height: 150px;
    max-width: 150px;
    box-sizing: border-box;
}

.cbps-media__image-preview--small {
    max-height: 100px;
    max-width: 100px;
}

.cbps__media-upload-bar .progressbar-upload-bar {
    width: 0%;
}

.cpbs__counter {
    display: block !important;
}

.cbps__delay-btn {
    margin-bottom: 0px;
}

.cpbs__images-select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}

.cpbs__images-select .images-select__image {
    flex-basis: 30%;
    margin-bottom: 15px;
}

.cpbs__images-select .images-select__image label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: baseline;
}

.cbps__preview-media__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cbps__preview-media__item {
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
}

.cbps__preview-media__container .cbps__preview-media__item {
    flex-basis: 20%;
    display: flex;
    height: 120px;
    width: 120px;
    align-items: center;
    justify-content: center;
}

.cbps__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
}

.cbps__heading #test-timer {
    color: red;
    font-size: inherit;
}

.cbps__list-heading {
    font-size: 1.1rem;
    margin-bottom: 10px;
    margin-top: 5px;
}

.cbps__simulation-description,
.cbps__simulation-explanation {
    flex-basis: 75%;
    font-size: 0.9rem;
    line-height: 1.1rem;
}

.cbps__description-media,
.cbps__explanation-media {
    display: flex;
    flex-basis: 25%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 10px;
}

.cbps__description-media>.cbps__preview-media__item,
.cbps__explanation-media>.cbps__preview-media__item {
    margin-bottom: 10px;
    margin-right: 10px;
}

.cbps__explanation-content {
    display: flex;
}

#cbps__media-accordion .accordion-inner {
    background-color: white;
}

#cbps__media-accordion .accordion-heading a {
    color: #333;
}

#cbps__media-accordion .accordion-heading a:hover {
    text-decoration: none;
}

.cbps__information-container {
    padding: 20px;
    margin-bottom: 10px;
    border-top: none !important;
}

.cbps__simulation-information {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.cbps__simulation-information .cbps__preview-media__container {
    flex-grow: 1;
}

.cbps__simulation-information .cbps__preview-media__container {
    flex-basis: 50%;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    justify-content: center;
}

.cbps__simulation-information .cbps__preview-media__container .cbps__preview-media__item {
    height: auto;
    margin-right: 10px;
    margin-top: 10px;
}

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

.cbps__actions-cog .dropdown-menu {
    font-size: 1rem;
}

.cbps__button-active-tab {
    border-bottom: none;
}

.cbps__button-inactive-tab .test-navigation {
    margin: 0;
    border-radius: 0;
    border: none;
    margin-left: 0;
    border: 1px solid #E4E4E4 !important;
}

.cbps__button-next-section {
    border: 1px solid #E4E4E4 !important;
    font-weight: bold;
}

/* </CBPS> */

/* <Simulations autosave> */

.simulation__save-status {
    z-index: 100;
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding: 10px 20px;
    color: #333;
    font-weight: bolder;
    border: 1px solid #333;
    border-radius: 5px;
    background-color: rgb(231, 231, 231);
}

.save-error {
    color: white;
    background-color: rgb(216, 0, 0);
}

.save-success {
    color: white;
    background-color: rgb(1, 126, 1);

}

.save-basic {
    color: #333;
    background-color: rgb(231, 231, 231);
    border: 1px solid #333;
}

.save-basic,
.save-success,
.save-error {
    text-align: center;
}

.save-success,
.save-error {
    border: none;
}

/* </Simulations autosave> */

/* <Drag-n-Drop> */

#drag-and-drop__container {
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    border: 2px dashed #c0c0c0;
}

.drag-and-drop__md {
    width: 70%;
}

#drag-and-drop__container.highlight {
    border-color: #333;
}

#drag-and-drop__container.drag-and-drop__error {
    border: 2px dashed red;
    color: red;
}

p {
    margin-top: 0;
}

.drag-and-drop__gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.drag-and-drop__gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 5px;
}

.drag-and-drop__button {
    display: inline-block;
    padding: 10px;
    margin-bottom: 0;
    border-radius: 5px;
    color: #333;
    border: 1px solid #333;
    cursor: pointer;
}

.drag-and-drop__button:hover {
    background: rgb(231, 231, 231);
}

#drag-and-drop__files {
    display: none;
}


/* </Drag-n-Drop> */

/* <CBPS Simulation> */

button.btn-link-media,
button.btn-delete-response {
    height: 30px;
    width: 60px;
}

.cbps__complete-simulation {
    float: right !important;
}

/* </CBPS Simulation> */

/* <Comments> */

.comments__guidelines {
    margin-top: 20px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.comments__guidelines .icon-info-sign {
    font-size: larger;
}

.comments__guidelines ul {
    list-style: initial;
}

.comments__guidelines p {
    margin-bottom: 0;
}

.comments__comments-table {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
}

/* </Comments> */

/* <Thread Management> */

.admin-thread-management__comments li {
    word-break: normal;
}

/* </Thread Management> */

/* <Simulation videos> */

.simulation-video-frame__container {
    position: relative;
    min-height: 500px;
}

.simulation-video-frame__splash {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.2em;
    text-align: center;
}

.simulation-video-frame__splash {
    color: #555;
}

.simulation-video-frame__splash .error-text {
    color: rgb(231, 14, 14);
}

#exam .simulation-video-frame__splash .error-text .error-icon {
    font-size: 1.5em !important;
    margin-bottom: 10px;
}

/* </Simulation videos> */

/* <Stripe form> */

.stripe-form {
    margin-top: 1rem !important;
    width: 40%;
    margin: auto;
}

.stripe-form__container {
    overflow: hidden;
}

.stripe-form__close-button {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    font-size: 1rem;
}

.stripe-form .label-text {
    color: #787070;
    font-size: 14px;
}

.stripe-form .help-block {
    margin-top: 0;
    margin-bottom: 15px;
}

.stripe-form .StripeElement {
    padding: 10px 12px;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    color: #000;
    font-size: 14px;
    border: 1px solid #d0d4da;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 0 1px 0 #d0d4da;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

#submit-button.stripe-form__pay-btn {
    color: white;
    background-color: #353144;
}

#submit-button.stripe-form__pay-btn:hover {
    background-color: #413d51;
}

.stripe-form .StripeElement:focus {
    box-shadow: 0 1px 5px 1px #a4aaaf;
    border: 1px solid #d0d4da;
}

.stripe-form .StripeElement--focus {
    box-shadow: 0 1px 5px 1px #a4aaaf;
}

.stripe-form__legal-notice {
    margin: 15px 0;
}

.stripe-form__splash {
    position: relative;
}

.stripe-form__status,
.stripe-form__status-content {
    width: 100%;
    height: 100%;
}

.stripe-form__status-content {
    display: flex;
    justify-content: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.2em;
}

.stripe-form__status-content .loader-normal {
    margin-bottom: 10px;
}

.stripe-form__success-label {
    margin-bottom: 0;
    color: green;
    font-weight: bold;
}

/* </Stripe form> */

/* <Products purchase section> */

.purchase-products__stepper {
    padding: 0 10%;
}

.purchase-products__cart-container {
    position: relative;
}

.purchase-products__cart-container #products-table-container {
    max-height: 400px;
    overflow: auto;
}

.purchase-products__mobile-cart-btn__container {
    position: fixed;
    top: 10px;
    left: 50%;
    border: 1px solid #00b28f;
    background: white;
    transform: translateX(-50%);
}

.purchase-products__mobile-cart-btn {
    position: relative;
    margin-right: 10px;
}

.purchase-products__mobile-cart-btn .btn-link {
    font-size: 1.5rem;
}


.purchase-products__mobile-cart-btn .icon-time {
    font-size: 1rem
}

.purchase-products__mobile-cart-btn .btn-link:hover {
    text-decoration: none;
}

.purchase-products__mobile-cart-counter {
    position: absolute;
    left: 75%;
    top: 27%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    padding: 2px;
    color: white;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    background-color: crimson;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*
.purchase-products__cart-item-name,
.purchase-products__cart-item-price {
    color: #757474;
}
*/
.purchase-products__cart-item-remove {
    width: 20px;
}

.purchase-products__cart-item-remove .icon-remove {
    margin-top: 2px;
    color: lightgray;
    font-size: 15px;
}

.purchase-products__cart-item-remove .icon-remove:hover {
    text-decoration: none;
}

.purchase-products__coupon-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase-products__coupon-input {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px;
}

/* </Products purchase section> */

/* <Flashcard> */

#flashcards-home h1 {
    margin-top: 30px;
}

.flashcard-content__navigation-controls {
    display: flex;
    justify-content: space-between;
}

.flashcard-content__navigation-controls>.btns-left,
.flashcard-content__navigation-controls>.btns-right {
    display: flex;
    flex-basis: 34%;
}

.flashcard-content__navigation-controls>.btns-left {
    justify-content: flex-start;
}

.flashcard-content__navigation-controls>.btns-right {
    justify-content: flex-end;
}

#flashcards-timer-container {
    text-align: center;
}

#flashcards-dropdowns-container {
    position: absolute;
    bottom: 0;
}

#card-content.flashcard-content {
    overflow: visible;
}

.flashcards-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flashcard-loader {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.flashcard-loader div[class*="xq-skeleton-item"] {
    border-radius: 5px;

}

.flashcard-loader__title {
    width: 200px;
    height: 30px;
}

.flashcard-loader__images {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.flashcard-loader__images .xq-skeleton-item {
    width: 50%;
    height: 300px;
}

.flashcard-loader__text {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.flashcard-loader__text div[class*="xq-skeleton-item"] {
    height: 20px;
}

#flashcards-header {
    overflow: visible;
    margin-bottom: 0;
}

#flashcards-header .flashcard-title__actions {
    margin-left: 0.7rem;
    text-transform: initial;
}

.flashcard-content__flashcard-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.flashcard-content__flashcard-title h2 {
    margin-bottom: 0;
}

.flashcard-content__actions-dropdown {
    z-index: 1000 !important;
    top: 80%;
    right: 0;
    left: initial;
    max-height: 350px !important;
}

.flashcard-content__actions-dropdown a {
    font-size: 12px;
}

.flashcard-title__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.flashcard-title__actions {
    display: flex;
}

.flashcard-content__notes-block {
    padding: 15px 0;
}

.flashcard-content__toggle-notes {
    color: #333 !important;
}

.flashcard-content__navigation-controls div.vote {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}

#exam .flashcard-content__navigation-controls .button-next {
    margin-right: 3px;
}

#exam .flashcard-content__navigation-controls .button-previous {
    margin-left: 3px;
}

#exam .flashcard-content__navigation-controls div.vote .vote-buttons a {
    background-color: white;
    background-image: none;
    border: 1px solid #888888;
    box-shadow: none;
}

#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="0"].disabled,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="0"].disabled i,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="0"]:hover,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="0"]:hover i {
    color: red !important;
    border-color: red;
}

#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="1"].disabled,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="1"].disabled i,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="1"]:hover,
#exam .flashcard-content__navigation-controls div.vote .vote-buttons a[isupvote="1"]:hover i {
    color: green !important;
    border-color: green;
}

#exam .flashcard-content__navigation-controls .button-next.card-nav,
#exam .flashcard-content__navigation-controls .button-previous.card-nav {
    color: #888;
    border: 1px solid #888;
    background-color: white;
    background-image: none;
    box-shadow: none;
}

/* </Flashcard> */


#qg-select-package,
#qg-select-addon {
    padding: 5px;
}

#qg-customer .dropdown-menu li a i[class^="icon-"] {
    display: inline-block;
    width: 20px;
}

@media (max-width:1170px) {
    .navbar .nav {
        margin-left: 20px !important;
        margin-right: 0;
    }

    .navbar-inverse .navbar-inner .nav-collapse li a {
        padding: 20px 5px 18px 5px;
    }

    .career-center__search-bar .search-bar__search {
        width: 100%;
    }

    .career-center__search-bar .search-bar__buttons {
        width: 100%;
        margin-top: 15px;
        float: none;
    }
}

@media (min-width:768px) and (max-width:979px) {
    #help .content.span12 {
        margin-top: 30px;
    }

    #exam dt .control-label {
        width: auto;
    }

    .form-horizontal .control-label {
        width: 100px;
        text-align: left;
    }

    .form-horizontal .controls {
        margin-left: 125px;
    }

    #home .nav-stacked a {
        padding-left: 12px !important;
    }

    .number {
        width: 45px;
    }

    .number+p {
        line-height: 120%;
        margin-top: 16px;
    }

    #home .nav-stacked a:hover {
        background: #4f839f !important;
    }

    .create-deck-btns {
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .register .user-data__form .controls input {
        width: 256px;
    }
}

@media (max-width: 1220px) {
    /* Dashboard v2 */

    .important-things__mobile {
        display: block !important;
    }

    .important-things__destkop {
        display: none !important;
    }

    .dashboard-v2 .grid-container {
        width: 100%;
    }

    .dashboard-v2__item-content .subscription__status,
    .dashboard-v2 .subscription__actions,
    .dashboard-v2 .subscription__addons-management,
    .dashboard-v2 .subscription__database-reset {
        margin: 10px 0px;
        padding: 5px;
    }

    .dashboard-v2 .subscription__actions,
    .dashboard-v2 .subscription__addons-management,
    .dashboard-v2 .subscription__database-reset {
        flex-direction: column;
    }

    .dashboard-v2 .subscription__actions .btn,
    .dashboard-v2 .subscription__addons-management .btn,
    .dashboard-v2 .subscription__database-reset .btn {
        box-sizing: border-box;
        width: 100%;
    }

    .dashboard-v2__item-content .post__image img {
        margin: 0;
        width: 35%;
        height: auto;
    }

    .dashboard-v2__item-content .post__title,
    .dashboard-v2__item-content .post__text-preview {
        font-size: 0.9em;
    }

    .dashboard-v2 .md-tile-plus {
        width: 300px;
        height: 300px;
    }

    .dashboard-v2__item-content .buy-database-reset .description {
        display: none;
    }

    .dashboard-v2__item-content .apply-database-reset .information {
        display: none;
    }

    .dashboard-v2__item-content .dashboard-threads__desktop {
        display: none;
    }

    .dashboard-v2__item-content .dashboard-threads__mobile {
        display: initial;
    }

    .dashboard-v2__item-content .categorystats__chart-placeholder .chart-placeholder__image {
        max-width: 90%;
    }

    .dashboard-subscription .span6 .span6 {
        width: 90%;
        margin-left: 0px;
    }

    .nav-collapse>.divider {
        width: 31%;
    }

    .subscription-status-btns .span6 {
        width: 100%;
        margin-left: 0;
    }

    .dashboard-subscription .span12 {
        margin-left: 0 !important;
    }

    .dashboard-subscription .span12 h3 {
        padding-left: 6px;
    }

    .register .user-data__form .controls input {
        width: 100%;
    }

    /* CME Purchase */

    .cme__purchase-filter {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }

    .cme__purchase-filter .input-xlarge {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    /* Create Test App */

    .CreateTestApp {
        width: 100%;
    }

    /* Take Test App */

    .QuestionHeader {
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
}

@media (max-width:1170px) {
    /* Career Center */

    .career-center__search-bar .search-bar__search .xq-input-combined__input-container,
    .career-center__search-bar .search-bar__search .xq-input-combined__buttons-container {
        float: none;
        width: 100%;
        text-align: center;
    }

    .career-center__search-bar .search-bar__search .xq-input-combined__input-container:nth-of-type(2n) {
        margin-top: 10px;
    }

    .career-center__search-bar .search-bar__search .xq-input-combined__buttons-container {
        margin-top: 20px;
    }
}

@media (max-width:979px) {
    #unauthorised {
        float: left;
        margin: 0px;
    }

    .container .navbar-inner>.span12 {
        width: auto;
    }

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

    .navbar-inverse .nav-collapse #unauthorised a:hover {
        background: white !important;
    }

    .navbar-inverse #nav-button {
        margin: 0px;
        border-radius: 0px;
    }

    .confirm_training_level_wrapper #confirm_training_level {
        -webkit-transform: translate(0, 50%);
        transform: translate(0, 50%);
        margin-left: auto;
        margin-right: auto;
    }

    /* Exam notes */

    .exam-notes__filter {
        display: flex;
        flex-direction: column;
    }

    .exam-notes__filter input {
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    .exam-notes__filter .exam-notes__date-divider {
        display: none;
    }

    .exam-notes__filter .exam-notes__to {
        margin-top: 5px;
    }

    .exam-notes__filter .exam-notes__reset {
        margin-top: 10px;
        border: 1px solid #585858;
    }

    .post-header .pull-right {
        float: none;
    }

    .posts-horizontal-list .span3,
    #home .bordered .posts-horizontal-list .span4 {
        margin: 10px 2% !important;
        width: 40%;
        float: left !important;
        clear: none !important;
        min-width: 275px !important;
    }

    .posts-horizontal-list .span3 {
        margin-right: 1em;
    }

    .post-content .span3 {
        margin-left: 12px;
    }

    #posts li.span4 {
        width: 30%;
    }

    #forum .title-actions.pull-right {
        float: none;
        margin: 15px 0;
        text-align: center;
    }

    .leaderboard .well {
        width: auto;
        margin-bottom: 10px;
    }

    .leaderboard img {
        margin: 20px 0px;
        float: left;
    }

    #notifications {
        clear: both
    }

    footer .span9 {
        width: 100%;
    }

    .bottom-nav.span6 ul:first-child {
        margin-left: 0px;
    }

    #notifications {
        margin-top: -10px;
    }

    #login {
        float: none;
        margin-left: 20px;
        padding-top: 7px;
    }

    .well {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .row>.alert {
        margin-top: 15px;
    }

    .nav-collapse #notifications {
        display: block;
    }

    .navbar-inverse .navbar-inner .nav-collapse li a {
        background: url("/assets/img/layout/top-line-bg.png") repeat-x scroll 0 transparent !important;
        border: 1px solid #ddd !important;
        font-size: 14px !important;
        padding: 9px 15px !important;
        text-align: left !important;
        margin-bottom: 0px !important;
    }

    .navbar {
        position: relative !important;
        margin-bottom: 0px !important;
    }

    .navbar-inverse .navbar-inner .nav-collapse li a:hover {
        background: white !important;
        opacity: 1 !important;
        color: #666 !important;
    }

    .navbar .nav {
        border: 0 !important;
        margin-left: 0px !important;
        margin-bottom: 0;
    }

    .nav-collapse i {
        display: inline !important;
        font-size: 1em !important;
        margin-left: 0 !important;
        margin-right: 12px !important;
    }

    .bottom-nav ul {
        width: 30%;
    }

    .bottom-nav ul:first-child {
        margin-left: 20px;
        width: 35%;
    }

    /* Userpic */

    .userpic {
        display: inline-block;
        margin-right: 0.5em;
    }

    #qg-customer>a {
        margin-top: 0;
        margin-left: 0;
    }

    /* Profile picture */

    .profile-picture .form-actions {
        padding: 0;
        text-align: center;
    }

    /* Confirmation form */

    .confirmation__form .form__input-container .input-container__input {
        box-sizing: border-box;
        width: 100% !important;
        height: auto !important;
    }

    /* Team dashboard */

    .team__renew-member,
    .team__create-assignment,
    .team__view-ranking {
        box-sizing: border-box;
        width: 100%;
    }

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

    .team__create-personal-assignment {
        margin: 0;
    }

    .team__search-member {
        box-sizing: border-box;
        width: 60%;
    }

    .team__search-member input#search-users {
        width: 70%;
    }

    /* Performance chart v2 */

    .performance-chart-v2 {
        flex-direction: column;
        align-items: center;
    }

    .performance-chart-v2__change-chart {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .performance-chart-v2__change-chart .btn {
        margin: 5px 0;
    }

    .performance-chart-v2__legend {
        height: auto;
        width: 100%;
        margin-right: 0;
    }

    .performance-chart-v2__legend .bubble-controls__added-categories {
        height: 150px;
        margin-top: 20px;
    }

    .performance-chart-v2__legend div[class$="description"] {
        padding: 0;
    }

    .performance-chart-v2__legend div[class$="description"] {
        margin-bottom: 25px;
    }

    .performance-chart-v2__table-container {
        width: 100%;
    }

    /* CAT */

    .cat__title-actions,
    .cat__title {
        float: none;
        text-align: center;
    }

    /* CAT & Quick Quiz */

    .cat__container,
    .qq__container {
        margin-top: 1.3em;
    }

    /* Team Performance v2 */

    .t-performance__switch button {
        box-sizing: border-box;
        width: 100%;
        margin-top: 10px;
    }

    .t-performance__container {
        flex-direction: column;
        margin-top: 10px;
    }

    .t-performance__legend {
        margin: 0;
        margin-bottom: 10px;
    }

    .t-performance__legend .well {
        margin: 0;
    }

    .t-performance__legend .well select {
        width: 100%;
    }

    /* Contributors */

    #help .contributors__container {
        justify-content: center;
    }

    #help .contributors__contributor {
        flex-basis: 30%;
    }

    /* Pricing v2 */

    .pricing__cards {
        flex-wrap: wrap;
    }

    .pricing__card {
        flex-basis: 45%;
        margin-bottom: 25px;
    }

    /* Create assignment - Step 2 */

    .searchquestions__tabs {
        font-size: smaller;
    }

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

    .searchquestions__tab-1 .search-input .reset-btn,
    .searchquestions__tab-1 .search-input input,
    .searchquestions__tab-2 .reset-btn {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
    }

    .searchquestions__tab-1 #categories,
    .searchquestions__tab-1 #topics {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        margin-top: 5px;
    }

    .searchquestions__tab-2 .questionid-input-label {
        display: block;
        margin-bottom: 5px;
        text-align: center;
    }

    .searchquestions__tab-2 input {
        width: 100% !important;
    }

    /* Admin Dashboard */

    .admin-dashboard__title {
        flex-direction: column-reverse;
        align-items: center;
    }

    .admin-dashboard__tiles .span4 {
        margin-bottom: 10px;
    }

    /* ORB Insights */

    .orb-insights__packages {
        text-align: center;
    }

    .orb-insights__filters {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }

    .orb-insights__filters .filters__date {
        text-align: center;
    }

    .orb-insights__filters .filters__buttons {
        display: flex;
        flex-direction: column;
    }

    .orb-insights__filters .filters__buttons *[class*="btn"]:not([name="submit"]) {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        margin: 2px 0;
    }

    .orb-insights__filters .filters__buttons button[name="submit"] {
        align-self: center;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    /* Payment Insights */

    .payment-insights__filters {
        display: block;
        text-align: center;
    }

    .payment-insights__buttons {
        display: flex;
        flex-direction: column;
    }

    .payment-insights__buttons *[class*="btn"]:not([name="submit"]) {
        display: inline-block;
        box-sizing: border-box;
        width: 100%;
        margin: 2px 0;
    }

    .payment-insights__buttons button[name="submit"] {
        margin-top: 5px;
        margin-bottom: 10px;
        align-self: center;
    }

    /* CME Cart */

    #cme-cart {
        padding: 10px !important;
    }

    #cme-cart #cart-container {
        padding: 15px;
    }

    #cme-cart-toggle {
        left: 10px;
        top: calc(50vh - 40px);
        height: 80px;
        width: 130px;
        font-size: 1rem;
    }

    #cme-cart-toggle .cart-preview__credits,
    #cme-cart-toggle .cart-preview__price {
        font-weight: bolder;
        font-size: 0.7rem;
    }

    #cme-cart-toggle .show-cme-cart {
        padding: 0;
    }

    #cme-cart-toggle .show-cme-cart .icon-shopping-cart {
        margin-top: 1px;
    }

    /* CME Payinfo */

    .cme-payinfo__buttons {
        padding: 0 !important;
    }

    .cme-payinfo__buttons .btn {
        box-sizing: border-box;
        width: 100% !important;
        margin-top: 5px !important;
    }

    .cme-payinfo__buttons .btn-primary {
        margin-bottom: 10px;
    }

    /* CPBS */

    .cpbs__images-select .images-select__image,
    .cbps__preview-media__container .cbps__preview-media__item {
        flex-basis: 25%;
    }

    .cbps__heading {
        margin-top: 0 !important;
    }

    .cbps__simulation-information,
    .cbps__explanation-content {
        flex-direction: column;
    }

    .cbps__simulation-description {
        flex-basis: 100%;
    }

    .cbps__simulation-information .cbps__preview-media__container {
        flex-basis: auto;
    }

    .cbps__simulation-information .cbps__preview-media__container .cbps__preview-media__item {
        flex-basis: 20%;
    }

    .cbps__simulation-description {
        margin-right: 0;
    }

    .cbps__complete-simulation {
        float: none !important;
    }

    /* Search Widget */

    .SearchWidgetApp .widget-loader {
        position: absolute;
        right: 13px;
        top: 7px;
    }

    .react-autosuggest__input {
        padding-right: 40px;
    }

    /* React Take Test App */

    .QuestionMedia__media-item {
        width: 40%;
        box-sizing: border-box;
    }

    /* Career Center */

    .span6.job-search-results__container,
    .span6.job-search-results__post-preview-container {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }

    .job-search-results__post-preview.bordered2 {
        box-shadow: none !important;
        border: 1px solid #333 !important;
    }

    .career-center__my-smth-header {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .career-center__my-smth-header .my-smth-header__filters span {
        display: block;
    }

    .career-center__my-smth-header .my-smth-header__filters span:nth-of-type(2n) {
        margin: 5px 0;
    }

    .career-center__my-smth-header .my-smth-header__search-jobs input,
    .career-center__my-smth-header .my-smth-header__search-jobs {
        width: 100% !important;
    }

    .career-center__my-smth-header .my-smth-header__choose-dates .centered {
        display: flex;
    }

    .career-center__my-smth-header .my-smth-header__choose-dates input {
        flex-grow: 1;
    }

    .career-center__my-smth-header .my-smth-header__criteria select {
        width: 100%;
    }

    .career-center__my-smth-header .my-smth-header__buttons {
        margin-top: 10px !important;
        text-align: center;
    }

    /* Comments */

    .comments__guidelines .icon-info-sign {
        float: none;
        display: block;
        text-align: center;
    }

    /* Product purchase section */

    .purchase-products__cart-container #products-table-container {
        max-height: none;
        overflow: auto;
    }

    #purchase-cart__cart-content {
        margin-top: 20px;
    }

    #purchase-cart__cart-content .cme-cart-actions {
        margin-bottom: 15px;
    }

    .purchase-products__cart-container {
        padding: 0 10px;
    }

    [data-pushbar-direction=left][data-pushbar-id],
    [data-pushbar-direction=right][data-pushbar-id] {
        width: 400px !important;
    }

    .bordered2.purchase-products__wrapper {
        z-index: 1002;
        padding: 0;
        border-left: 1px solid #333 !important;
        border-radius: 0;
    }

    .purchase-products__products-list {
        width: 100% !important;
    }

    /* Flashcards */

    .flashcard-content__flashcard-title {
        flex-direction: column;
        align-items: center;
    }

    .flashcard-content__notes-block {
        padding: 10px;
    }

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

    .flashcard-content__navigation-controls {
        align-items: center;
    }

    .flashcard-content__navigation-controls>.btns-left {
        flex-direction: column-reverse;
    }

    .flashcard-content__navigation-controls>.btns-right {
        flex-direction: column;
    }

    .flashcard-content__navigation-controls>.btns-left {
        align-items: flex-start;
    }

    .flashcard-content__navigation-controls>.btns-right {
        align-items: flex-end;
    }

    #exam .flashcard-content__navigation-controls .button-next {
        margin-right: 0px;
    }

    #exam .flashcard-content__navigation-controls .button-previous {
        margin-left: 0px;
    }

    #exam .flashcard-content__navigation-controls div.vote .vote-buttons a {
        margin: 0 !important;
        border-radius: 3px;
    }

    #exam .flashcard-content__navigation-controls .button-next,
    #exam .flashcard-content__navigation-controls .button-previous {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 65px;
        height: 30px;
        padding: 10px;
        border: 1px solid currentColor;
    }

    #exam .flashcard-content__navigation-controls .button-next {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #exam .flashcard-content__navigation-controls .button-previous {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }


    #exam .flashcard-content__navigation-controls .button-next .button-text,
    #exam .flashcard-content__navigation-controls .button-previous .button-text {
        font-size: 10px;
    }

    #exam .flashcard-content__navigation-controls .button-next [class^="icon-"],
    #exam .flashcard-content__navigation-controls .button-previous [class^="icon-"] {
        font-size: 20px !important;
    }

    /* Create Test App */

    .StepQuestionsNumber {
        display: flex;
        flex-wrap: wrap;
    }

    .StepQuestionsNumber__Slider {
        display: none !important;
    }

    .QuestionHeaderLabels {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }

    /* Test review */

    .review__controls {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
}

@media (min-width: 979px) and (max-width: 1200px) {
    .container>.span12 {
        width: auto !important;
    }

    .navbar.navbar-inverse .span12 {
        width: auto !important;
    }

    /* Career Center */

    .span6.job-search-results__container,
    .span6.job-search-results__post-preview-container {
        display: block;
        float: none;
        width: 724px;
        margin: auto;
    }

    .career-center__search-bar .search-bar__search .xq-input-combined__input-container,
    .career-center__search-bar .search-bar__search .xq-input-combined__buttons-container {
        float: none;
        width: 100%;
        text-align: center;
    }

    .career-center__search-bar .search-bar__search .xq-input-combined__buttons-container {
        margin-top: 20px;
    }

    .job-search-results__post-preview.bordered2 {
        box-shadow: none !important;
        border: 1px solid #333 !important;
    }
}

@media (max-width:1190px) and (min-width: 979px) {

    .posts-list-short a.img,
    .posts-list-short img {
        clear: both !important;
        float: none !important;
        overflow: hidden !important
    }

    #help .span9 {
        width: 74%;
    }
}

@media (min-width: 979px) {
    [class*="span"] {
        margin-left: 20px;
    }

    .content.span12 {
        padding: 10px 12px;
    }

    .navbar-inverse .navbar-inner>li>a:focus {
        color: #4f839f !important;
    }

    #exam .row {
        margin-left: -20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #narrow .span6 {
        width: 550px;
    }

    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 252px;
    }

    #exam .control-group .span7 {
        width: 72%;
    }

    .form-search input,
    .form-inline input,
    .form-horizontal input,
    .form-search textarea,
    .form-inline textarea,
    .form-horizontal textarea,
    .form-search select,
    .form-inline select,
    .form-horizontal select,
    .form-search .help-inline,
    .form-inline .help-inline,
    .form-horizontal .help-inline,
    .form-search .uneditable-input,
    .form-inline .uneditable-input,
    .form-horizontal .uneditable-input,
    .form-search .input-prepend,
    .form-inline .input-prepend,
    .form-horizontal .input-prepend,
    .form-search .input-append,
    .form-inline .input-append,
    .form-horizontal .input-append {
        width: auto;
    }

    /* Team dashboard */

    .team__member-actions-divider {
        display: none;
    }

    .team__member-actions a {
        display: block;
    }
}

@media (min-width: 768px) {
    .posts-list-short {
        overflow: hidden;
    }

    #home .span3 .bordered {
        margin-right: -20px;
    }

    #help .content>.span9 {
        float: right;
    }

    .table-flexible {
        width: auto;
    }

    .samplecase-buttons {
        float: right;
    }
}

.vote-buttons {
    margin-right: 5px;
}

@media (max-width: 768px) {
    #exam dl dd .progressbar {
        clear: none;
        float: right;
        margin: 10px;
        width: 240px;
    }

    .row-fluid .offset2:first-child {
        margin: 0;
    }

    .row>.alert {
        margin-left: 0px;
    }

    #exam dl dd label {
        float: left
    }

    #exam .control-group .controls {
        display: inline;
        margin-left: 0px;
    }

    .posts-list-short li {
        margin-top: 20px;
        float: left;
        clear: none;
        width: 275px;
    }

    .posts-horizontal-list .span4,
    #recent-posts .span3 {
        margin: 10px 2% !important;
        width: 40%;
        float: left;
    }

    .post-content .span3 {
        margin: 0px;
    }

    .post-content .span9,
    .post-content .span3 {
        width: 100%;
    }

    #posts .bordered2.row-fluid {
        width: auto;
    }

    #posts li.span4,
    #posts li.span5 {
        margin-bottom: 20px;
        width: 47%;
        float: left;
        margin-left: 10px;
    }

    .switch-wrapper.span5 {
        width: 95%;
    }

    #help .span9 .span2 {
        float: left;
        margin-left: 1em;
        margin-top: 10px;
        width: 30%;
    }

    #help .span9 {
        float: none;
        width: 100%;
    }

    #exam .span10 {
        width: 100% !important;
    }

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

    .bordered1 {
        margin: auto;
    }

    #glow-box {
        margin: 68px 10px 116px 338px
    }

    #exam .control-group .controls {
        clear: both !important;
    }

    .number {
        padding-left: 10px;
    }

    body>.container {
        background-position: 0 -15px;
    }

    .content.span12 {
        padding: 0px 12px;
    }

    #help .span9 {
        margin: 0px 0px 20px 0px;
    }

    #help .content.span12>.span3 {
        width: 100%;
    }

    .leaderboard .row-fluid .span3 {
        float: none;
    }

    .mob-flex-rev-col {
        display: flex;
        flex-direction: column-reverse;
    }

    #exam .control-group .controls {
        display: block !important;
        margin-left: 0px;
    }

    .flashcards-home-title {
        padding: 0 6px 10px;
    }

    /* User profile */

    #user-profile__header,
    #user-settings__header,
    #user-billing__header {
        margin-top: 35px !important;
    }

    /* Dashboard v2 */

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

    .dashboard-v2__available-widgets {
        text-align: center;
    }

    .dashboard-v2 .md-tile-plus {
        width: 280px;
        height: 280px;
    }

    .dashboard-v2__item-content .subscription__actions,
    .dashboard-v2__item-content .subscription__addons-management,
    .dashboard-v2__item-content .subscription__database-reset {
        padding: 0;
        margin: 7px 0;
        border: none;
    }

    .dashboard-v2 .subscription__database-reset .apply-database-reset .information {
        display: none;
    }

    .dashboard-v2__item-content .subscription__status {
        margin-top: 0;
    }

    .dashboard-v2__heading-container {
        margin-bottom: 15px;
    }

    .dashboard-v2__item {
        margin: 5px;
    }

    .dashboard-v2__item-content .post__image {
        margin: 5px 0;
    }

    .dashboard-v2__item-content .post__image img {
        width: 30%;
        height: auto;
    }

    .dashboard-v2__item-content .post__title {
        margin: 5px 0;
    }

    .dashboard-v2__item-content .dashboard-threads,
    .dashboard-v2__item-content .dashboard-threads__mobile {
        font-size: 0.9em;
    }

    .dashboard-v2__item-content .categorystats__chart-placeholder .chart-placeholder__image {
        max-width: 80%;
    }

    /* Profile picture */

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

    .product-block__available-packages {
        margin: 0;
    }

    /* Pricing page v2 */

    /* Team dashboard */

    .team__create-assignment {
        margin-bottom: 0;
    }

    .team__clear-input {
        box-sizing: border-box;
        width: 100%;
    }

    .team__search-member input#search-users {
        width: 100%;
    }

    /* CAT & Quick Quiz */

    .qq__title-actions,
    .cat__title-actions {
        clear: none !important;
    }

    /* Pricing v2 */

    .pricing__card {
        margin: 15px 5px;
        flex-basis: 100%;
    }

    /* CBPS */

    .cpbs__images-select .images-select__image,
    .cbps__preview-media__container .cbps__preview-media__item {
        flex-basis: 30%;
    }

    .cpbs__section-media,
    .cbps__selected-actions,
    .cbps__available-actions {
        height: 300px;
    }

    .cbps__simulation-section:nth-of-type(2n) {
        margin: 2rem 0;
    }

    .cbps__heading {
        margin-top: 1rem !important;
    }

    /* Redeem/Purchase CME */

    .redeem-cme__table,
    .purchase-cme__table,
    .redeem-cme__table thead,
    .purchase-cme__table thead,
    .redeem-cme__table tbody,
    .purchase-cme__table tbody,
    .redeem-cme__table th,
    .purchase-cme__table th,
    .redeem-cme__table td,
    .purchase-cme__table td,
    .redeem-cme__table tr,
    .purchase-cme__table tr {
        display: block;
    }

    .redeem-cme__table thead tr,
    .purchase-cme__table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .redeem-cme__table tr,
    .purchase-cme__table tr {
        border-bottom: 1px solid #ccc;
    }

    .redeem-cme__table td,
    .purchase-cme__table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        text-align: left !important;
    }

    .redeem-cme__table td:last-of-type,
    .purchase-cme__table td:last-of-type {
        padding-left: 0;
        text-align: center !important;
    }

    .redeem-cme__table td:before,
    .purchase-cme__table td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .redeem-cme__table td:nth-of-type(1):before {
        content: "Date";
    }

    .redeem-cme__table td:nth-of-type(2):before {
        content: "Credits";
    }

    .redeem-cme__table td:nth-of-type(3):before {
        content: "Price";
    }

    .redeem-cme__table td:nth-of-type(4):before {
        content: "Topics";
    }

    .purchase-cme__table td:nth-of-type(1):before {
        content: "Module";
    }

    .purchase-cme__table td:nth-of-type(2):before {
        content: "Credits";
    }

    .purchase-cme__table td:nth-of-type(3):before {
        content: "Questions";
    }

    .purchase-cme__table td:nth-of-type(4):before {
        content: "Price";
    }

    /* Testimonials */

    .ob-testimonials__container #testimonials.carousel,
    #media #testimonials.carousel {
        flex-direction: column;
        width: 100% !important;
        margin-left: -5px;
        margin-right: -5px;
    }

    .ob-testimonials__container #testimonials.carousel .carousel-controls,
    #media #testimonials.carousel .carousel-controls {
        margin-top: 50px;
        display: flex !important;
        justify-content: space-between;
    }

    /* Career Center */

    .career-center__job-page .job-page__body {
        display: flex;
        flex-direction: column-reverse;
    }

    .career-center__job-page .job-page__company-details {
        display: flex;
        flex-direction: row-reverse;
    }

    .career-center__job-page .job-page__company-details .company-details__logo-container,
    .career-center__job-page .job-page__company-details .company-details__name {
        flex-basis: 50%;
    }

    .career-center__job-page .job-page__company-details .company-details__name {
        text-align: left !important;
    }

    .career-center__job-page .job-page__company-details .company-details__logo-container {
        text-align: right;
    }

    .career-center__job-page .job-page__company-details .company-details__logo {
        max-width: 150px;
        max-height: 150px;
    }

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


    .user-jobs__list td {
        display: block;
    }

    .user-jobs__list-actions.visible-phone {
        display: block !important;
    }

    /* Team Management */

    .team-management__assignee-performance {
        margin-top: 25px;
    }

    /* React Take Test App */

    .QuestionMedia__media {
        justify-content: center;
    }

    .QuestionMedia__media-item {
        width: 100%;
    }

    /* Create Test App */

    .RangeSection__Container {
        flex-direction: column !important;
    }

    .CategoriesSection__CategoryContainer {
        flex-wrap: wrap !important;
    }

    .CategoriesSection__CategoryContainer>.CategoriesSection__Category {
        display: none;
    }

    /* React Take Test App */

    #exam .bordered2 .answer-container {
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .navbar-inverse .navbar-inner {
        padding: 0px;
    }

    #posts h1 {
        font-size: 24px;
    }

    #posts h2 {
        font-size: 18px;
    }

    #exam dl dd label {
        clear: both !important;
        float: left;
    }

    .bordered2 .btn-toolbar .btn-group {
        float: left;
        margin-left: 0;
    }

    .bordered2 .btn-toolbar {
        overflow: hidden;
    }

    #home h1 {
        float: none !important;
    }

    #exam h1 {
        float: left !important;
    }

    h1.exam-header .pull-right {
        float: left !important;
        clear: both;
    }

    #exam h1.exam-header {
        float: none !important;
    }

    h1>span {
        float: left;
        margin-right: 10px
    }

    #help .content>.span3 {
        float: none !important;
    }

    #help .form-inline.span5 {
        padding: 0px !important;
        box-shadow: none;
        background: none;
        text-align: left;
    }

    #help .form-inline.span5 input {
        width: 95%;
    }

    #help .form-inline.span5 .btn {
        margin-top: 10px;
    }

    #email_form_fieldset .control-group:first-child>label {
        float: left;
    }

    .alert .close {
        visibility: hidden;
        width: 0px;
        height: 0px;
    }

    #exam .scheduled-maintenance {
        visibility: hidden;
        width: 0;
        height: 0;
        margin: 0 !important;
        padding: 0;
    }

    #glow-box {
        margin: 20px 10px;
        float: none;
    }

    .bordered2 {
        clear: both;
    }

    #exam .navbar-inner .btn {
        margin-top: 4px;
    }

    #exam .btn-navbar {
        margin-top: 10px !important;
    }

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

    #exam .bordered2 .btn+.pull-right {
        float: none;
    }

    .bottom-nav ul:first-child {
        width: 100%;
        margin-left: 0;
    }

    .content.span12>.row+.span12 {
        margin-left: 0px;
        float: none;
    }

    .bottom-nav ul {
        margin: 0px;
        width: 100%;
    }

    .bottom-nav a {
        font-size: 14px;
        padding: 10px;
        display: block;
    }

    #twitter-fb {
        width: 70px;
    }

    .bottom-nav a:hover {
        background: #ddd;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
    }

    footer .span12 {
        padding-left: 0px;
    }

    #login>* {
        margin-top: 5px !important;
    }

    #login .inline-block {
        margin-top: 6px !important;
    }

    .switch-wrapper>span {
        width: 30% !important;
        float: left;
    }

    h1.exam-header small {
        display: block;
        margin-top: 5px;
    }

    .post-content img.span6,
    .posts-list a img:first-child {
        clear: both;
        float: none;
        margin-bottom: 20px;
        width: 95%
    }

    .post-content img.span6 {
        width: 100%
    }

    #posts li.span4,
    #posts li.span5 {
        margin-bottom: 20px;
        width: 90% !important;
        display: block
    }

    #help .span9 .span2 {
        float: left;
        margin-left: 1em;
        width: 30% !important;
        margin-top: 10px;
    }

    #help .contributors__contributor {
        flex-basis: 50%;
    }

    #help .contributors__contributor img {
        height: 170px;
    }

    #exam .bordered2 .vote {
        float: left !important;
        clear: both !important;
    }

    /* Test review */

    .review__controls {
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: initial;
        gap: 0;
    }

    .review__controls div[class^="pull-"] {
        float: none !important;
    }

    .review__controls a[class^="btn"],
    .review__controls button[class^="btn"] {
        box-sizing: border-box;
        width: 100%;
        margin-top: 10px !important;
        margin-left: 0;
        margin-right: 0;
    }

    /*---Pricing---*/

    .pricing h3>span {
        font-size: 18px;
    }

    .pricing div div {
        padding: 12px 12px 12px 20px;
    }

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

    #exam .bordered2 .cross-out {
        margin-right: 5px;
    }

    #exam .bordered2 .cross-out .crossout i[class^="icon-"] {
        font-size: larger !important;
    }

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

    #exam #flashcards-header {
        float: none !important;
    }

    #exam #flashcards-header #flashcards-title {
        float: none !important;
    }

    #flashcards-timer-container {
        float: none !important;
    }

    #flashcards-dropdowns-container {
        position: static;
    }

    /* Dashboard v2 */

    .dashboard-v2__title {
        flex-direction: column;
    }

    .dashboard-v2 .md-tile-plus {
        width: 250px;
        height: 250px;
    }

    .dashboard-v2__item-drag-zone {
        font-size: 0.9em;
    }

    .dashboard-v2__item-content .subscription__actions,
    .dashboard-v2__item-content .subscription__addons-management,
    .dashboard-v2__item-content .subscription__database-reset {
        margin: 0;
    }

    .dashboard-v2__item-content .dashboard-threads,
    .dashboard-v2__item-content .dashboard-threads__mobile {
        font-size: 0.85em;
    }

    .dashboard-v2__available-widgets .available-widgets__mini-tile {
        width: 110px;
        height: 110px;
        margin: 5px;
    }

    /* Team dashboard */

    .team__create-personal-assignment {
        box-sizing: border-box;
        width: 100%;
    }

    .team__member-actions-divider {
        display: none;
    }

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

    .team__member-actions a {
        display: block;
    }

    /* Confirmation form */

    .confirmation__form .controls,
    .login__form .controls,
    .register .controls {
        width: 83% !important;
    }

    /* Performance v2 */

    .performance-chart-v2__legend .bubble-controls__added-categories {
        height: 200px;
    }

    /* ORB Insights */

    .orb-insights__packages {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        margin-bottom: -10px;
    }

    .orb-insights__filters .filters__date span {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    /* Payment Insights */

    .payment-insights__filters .part_1 {
        display: block;
    }

    /* Testimonials */

    .ob-testimonials__container .carousel-inner,
    #media #testimonials.carousel .carousel-inner {
        min-height: 250px;
    }

    #media #testimonials.carousel .carousel-control img {
        width: 60px;
        height: auto;
    }

    /* Career Center */

    .career-center__job-post .job-post__general-info {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: flex-start;
    }

    .career-center__job-post .job-post__company-logo {
        align-self: center;
        margin-bottom: 10px;
    }

    .job-search-results__post-preview .post-preview__buttons {
        display: flex;
        flex-direction: column;
    }

    .job-search-results__post-preview .post-preview__buttons a:nth-of-type(2n) {
        margin: 10px 0;
    }

    /* Users Management */

    .users-management__table-cell--mobile {
        display: block;
    }

    /* CBPS */

    .cbps__heading {
        margin-top: 1rem;
        flex-direction: column;
    }

    .cbps__actions-cog {
        display: block;
        margin-top: 5px;
        margin-left: 0;
        text-align: center;
    }

    .cbps__actions-cog .dropdown-menu {
        text-align: left;
    }

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

    /* Comments */

    #comments__user-guidelines.comments__guidelines .icon-info-sign {
        font-size: 18px !important;
    }

    /* Stripe form */

    .stripe-form {
        width: 90%;
    }


    /* Create Test App */

    #exam h1.QuestionHeader {
        float: none !important;
    }
}

@media (max-width: 480px) {
    #exam .bordered2 .pull-right {
        float: left !important;
        clear: none !important;
    }

    #exam .bordered2 .vote {
        float: left !important;
        clear: both !important;
        width: 100%;
    }

    #unauthorised li {
        float: none;
        width: 100%;
    }

    #unauthorised a {
        width: 100%;
    }

    .navbar .brand {
        width: 210px !important;
    }

    #glow-box h2 {
        font-size: 20px !important;
    }

    #exam dl dd .progressbar {
        clear: both;
        float: left;
        margin: 0 10px 12px 10px;
        width: 240px;
    }

    /* Dashboard v2 */

    .dashboard-v2__heading-container {
        flex-direction: column;
    }

    .dashboard-v2__heading {
        margin-right: 0;
    }

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

    .dashboard-v2__purchase-modal__footer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .dashboard-v2__purchase-modal__footer a.btn {
        margin: 5px 0;
    }

    .dashboard-v2__available-widgets .available-widgets__mini-tile {
        width: 100px;
        height: 100px;
        margin: 5px;
        font-size: 0.7em;
    }

    /* Pricing page v2 */

    #products #packages .package,
    #products #packages .sale-label {
        width: 14em;
    }

    /* Team dashboard */

    .team__create-template,
    .team__use-template,
    .team__use-random-questions {
        box-sizing: border-box;
        width: 100%;
    }

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

    /* Confirmation form */

    .confirmation__form .controls,
    .confirmation__form .control-label,
    .login__form .controls,
    .login__form .control-label,
    .register .controls,
    .register .control-label {
        margin-left: 20px !important;
    }

    /* Forum buttons */

    .forum__btn-container {
        float: none;
    }

    a.forum__wide-btn {
        box-sizing: border-box;
        width: 100%;
        margin: 5px 0;
        margin-left: 0 !important;
    }

    /* Quick Quiz */

    .qq__title-actions,
    .qq__title {
        float: none;
        text-align: center;
    }

    /* Admin Dashboard */

    .admin-dashboard__title .btn-toolbar {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .admin-dashboard__title .btn-toolbar .btn {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }

    /* CPBS */

    .cpbs__images-select .images-select__image,
    .cbps__preview-media__container .cbps__preview-media__item {
        flex-basis: 45%;
    }

    /* Contributors */

    #help .contributors__contributor {
        flex-basis: 100%;
    }

    /* Career Center */

    .career-center__job-page .job-page__company-details {
        flex-direction: column;
    }

    .career-center__job-page .job-page__company-details .company-details__logo-container {
        text-align: center;
    }

    .jobs__shopping-cart-footer {
        display: flex;
        flex-direction: column;
    }

    .jobs__shopping-cart-footer .btn {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }

    /* Comments */

    #comments__user-guidelines.comments__guidelines .icon-info-sign {
        float: none !important;
    }

    /* Simulation videos */

    .simulation-video-frame__container .simulation-video-frame {
        height: auto;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    /* Styles */
    #help .nav-stacked a,
    #home .nav-stacked a {
        font-size: 18px;
        padding: 20px;
        background: none;
    }
}

.protected {
    -webkit-user-select: none;
    -khtml-user-drag: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

/*---html5 fix---*/

header,
nav,
section,
article,
aside,
footer {
    display: block;
}

/* Oral Boards */

#swap-main {
    display: none;
}

#video-captions {
    overflow: auto;
    max-height: 400px;
}

#video-container hr {
    margin: 10px 0;
}

#video-comments-counter {
    margin-right: 20px;
}

.oral-boards__intro-video {
    text-align: center;
}

/* qx ads */

#xqa {
    text-align: center !important;
}

/* Flashcards */

.deck-container {
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.deck-title {
    overflow: hidden;
}

/* Jobs */

.jobs-criteria-container {
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.jobs-days-box {
    margin: 5px 0;
}

.jobs-days-box span {
    margin: 0 3px;
}

/* Payment Providers */

.stripe-form__wrapper,
.affirm-form__wrapper {
    margin-top: 1rem;
    margin-bottom: 4.5rem;
}

.payinfo_form-buttons {
    padding-left: 0 !important;
    text-align: center;
}

.payinfo__payment-amount .control-label {
    margin-bottom: 0;
    padding-top: 3px;
    text-align: left;
    font-size: 1rem;
}

.payinfo__payment-amount .controls {
    margin-left: 0;
}

#paypal-button-container-wrapper {
    display: flex;
    justify-content: center;
}

#paypal-button-container-wrapper #paypal-button-container {
    flex-grow: 1;
    max-width: 750px;
}

#affirm-button-container,
#stripe-button-container {
    display: flex;
    justify-content: center;
}

#affirm-button-container #affirm-button,
#stripe-button-container #stripe-button {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 10px 15px;
    justify-content: center;
    width: 100%;
    max-width: 750px;
    min-height: 47px;
    background-color: #4a4af4;
    border-radius: 4px;
    box-sizing: border-box;
    border: none;
}

#stripe-button-container #stripe-button {
    align-items: center;
    background-color: #353144;
}

#affirm-button-container #affirm-button img, 
#stripe-button-container #stripe-button img {
    max-width: 60px;
    height: auto;
}

#stripe-button-container #stripe-button img {
    max-width: 55px;
}

#affirm-button-container #affirm-button span#affirm-button-text,
#affirm-button-container #affirm-button span#affirm-button-loader-text,
#stripe-button-container #stripe-button span#stripe-button-text,
#stripe-button-container #stripe-button span#stripe-button-loader-text {
    font-size: 1.2rem;
    color: white;
}

#affirm-button-container #affirm-button span#affirm-button-loader-text,
#stripe-button-container #stripe-button span#stripe-button-loader-text {
    display: none;
}

#affirm-button-container #affirm-button #affirm-button-spinner,
#stripe-button-container #stripe-button #stripe-button-spinner {
    display: none;
    color: white;
    font-size: 1.1rem;
}

#affirm-button-container #affirm-button:hover,
#stripe-button-container #stripe-button:hover {
    background-color: #4444e1;
    text-decoration: none;
}

#stripe-button-container #stripe-button:hover {
    background-color: #413d51
}

#affirm-button-container #affirm-button:disabled,
#stripe-button-container #stripe-button:disabled {
    align-items: center;
    background-color: #4444e1;
    text-decoration: none;
    opacity: 0.8;
    cursor: not-allowed;
}

#stripe-button-container #stripe-button:disabled {
        background-color: #353144;
}

@media (max-width: 380px) {
    #affirm-button-container #affirm-button img,
    #stripe-button-container #stripe-button img {
        max-width: 55px;
        height: auto;
    }
}

/* New Website Navbar */

.new-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.new-navbar-login {
    flex-direction: column;
    align-items: normal;
    justify-content: center;
    margin-bottom: 0.3rem;
    margin-top: 1.4rem;
}

.new-navbar__features-menu {
    display: flex;
    margin-top: 2rem !important;
}

#main-menu.new-navbar__features-menu a {
    padding: 0.9rem 1rem 0.9rem 0;
    margin: 0 1rem 0 0;
}

.new-navbar__left-side {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-grow: 1;
}

.new-navbar__right-side {
    display: flex;
    align-items: center;
    justify-self: flex-end;
    gap: 1.5rem;
    height: 50px;
}

.new-navbar__right-side #notifications-content li:hover .muted {
    color: white;
}

.new-navbar__right-side #notifications-counter {
    position: absolute;
    top: -5px;
    left: 8px;
    padding: 2px 3px;
}

.new-navbar__logo-container {
    display: inline-block;
    max-width: 220px;
}

.new-navbar__login-btns {
    display: flex;
    flex-grow: 1;
    gap: 0.8rem;
    justify-content: end;
}

.new-navbar__login-btns a {
    padding: 0.4em 1em;
}

.new-navbar__login-btns a:hover {
    text-decoration: none;
}

.new-navbar__login-btns .demo-btn {
    margin-left: 1rem;
}

.new-navbar__nav-items {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.5rem !important;
    margin: 0 !important;
}

.new-navbar__nav-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50px;
    gap: 0.1rem;
    color: #999;
}

li.new-navbar__nav-item {
    position: relative;
    height: 50px;
    color: #999;
}

li.new-navbar__nav-item a.nav-item__link {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    height: 100%;
    padding: 0 !important;
}

li.new-navbar__nav-item a.nav-item__link i {
    color: #999;
}

.new-navbar__nav-item #notifications-expand {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.new-navbar__nav-item .userpic {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-height: 30px;
    width: 100%;
}

.new-navbar__nav-item .userpic img {
    height: 100%;
    width: auto;
}

.nav-item__menu-trigger {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    height: 100%;
    padding: 0;
    font-family: 'Lato', sans-serif;
    color: #999999;
    line-height: inherit;
    border: none;
    outline: none;
    background: transparent;
}

.new-navbar__nav-item .item-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    min-height: 30px;
    width: 100%;
}

.new-navbar__nav-item .item-icon {
    font-size: 1.5rem;
}

.new-navbar__nav-item .nav-item__name {
    display: inline-block;
    height: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: inherit;
}

.new-navbar__nav-item .nav-item__name i.fa-caret-down {
    margin-left: 0.2rem;
}

.new-navbar__nav-item .nav-item__menu-content {
    position: absolute;
    top: 52px;
    right: 0;
    display: none;
    justify-content: space-between;
    padding: 0.4rem;
    border-radius: 5px;
    border: 2px solid #eee;
    background: #FFF;
}

.new-navbar__nav-item .nav-item__menu-content .dropdown-menu {
    position: relative;
    display: block;
    background: transparent;
    border: none;
    box-shadow: none;
}

.new-navbar__nav-item .nav-item__menu-content .dropdown-menu.user-menu a {
    color: #6c6b71;
}

.new-navbar__nav-item .nav-item__menu-content .dropdown-menu.user-menu li.active a,
.new-navbar__nav-item .nav-item__menu-content .dropdown-menu.user-menu li.active a:focus,
.new-navbar__nav-item .nav-item__menu-content .dropdown-menu.user-menu li.active a:active {
    color: white;
}


.new-navbar__nav-item .nav-item__menu-content .dropdown-menu.user-menu a i {
    display: inline-block;
    width: 20px;
}

.new-navbar__nav-item .new-navbar__discover-menu {
    position: absolute;
    top: 52px;
    right: 0;
    display: none;
    justify-content: space-between;
    min-width: 600px;
    padding: 1rem;
    border-radius: 5px;
    border: 2px solid #eee;
    background: #FFF;
}

.new-navbar__discover-menu .discover-menu__left-list,
.new-navbar__discover-menu .discover-menu__right-list {
    width: 50%;
}

.new-navbar__discover-menu .discover-menu__left-list {
    display: flex;
    flex-direction: column;
    padding-right: 1rem;
    border-right: 2px solid #eee;
}

.new-navbar__discover-menu .discover-menu__right-list {
    padding-left: 1rem;
}

.discover-menu__left-list .left-list__list-item {
    display: flex;
    align-items: start;
    gap: 0.6rem;
    padding: 0.8rem;
    border-radius: 8px;
    background-color: white;
    border: none;
    outline: none;
    color: inherit;
}

.discover-menu__left-list .left-list__list-item .item-icon-container {
    display: flex;
    justify-content: center;
    align-items: start;
    min-width: 30px;
}

.discover-menu__left-list .left-list__list-item i.item-icon {
    font-size: 1.4rem;
}

.discover-menu__left-list .left-list__list-item:hover {
    background-color: #F0F0F0;
    cursor: pointer;
}

.discover-menu__left-list .left-list__list-item .title {
    color: #333;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.discover-menu__left-list .left-list__list-item i.fa-arrow-right {
    color: #333;
    visibility: hidden;
    margin-left: 0.4rem;
}

.discover-menu__left-list .left-list__list-item:hover i.fa-arrow-right {
    visibility: visible;
}

.discover-menu__left-list .left-list__list-item .description {
    color: #A1A1A1;
    text-align: left;
}

.discover-menu__right-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.discover-menu__features-list {
    display: none;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

.features-list__items {
    display: none;
    flex-direction: column;
    justify-content: start;
    gap: 0.8rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.features-list__item {
    display: flex;
    align-items: center;
    max-height: fit-content;
    gap: 0.4rem;
    font-weight: 700;
    color: #333;
}

.features-list__item:hover {
    text-decoration: none;
}

.features-list__title {
    margin-bottom: 0.8rem;
    color: #A1A1A1;
    font-weight: 700;
}