@font-face {
    font-family: 'gothamrnd-bold-webfont';
    src: url("../.r./fonts/gothamrnd-bold-webfont.eot?") format("eot"),url("../../fonts/gothamrnd-bold-webfont.woff") format("woff"),url("../../fonts/gothamrnd-bold-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndBoldIta';
    src: url("../../fonts/gothamrnd-boldita-webfont.woff") format("woff"),url("../../fonts/gothamrnd-boldita-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndBook';
    src: url("../../fonts/gothamrnd-book-webfont.eot?") format("eot"),url("../../fonts/gothamrnd-book-webfont.woff") format("woff"),url("../../fonts/gothamrnd-book-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndLight';
    src: url("../../fonts/gothamrnd-bookita-webfont.woff") format("woff"),url("../../fonts/gothamrnd-bookita-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndLightIta';
    src: url("../../fonts/gothamrnd-light-webfont.woff") format("woff"),url("../../fonts/gothamrnd-light-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndMedIta';
    src: url("../../fonts/gothamrnd-lightita-webfont.woff") format("woff"),url("../../fonts/gothamrnd-lightita-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndMedium';
    src: url("../../fonts/gothamrnd-medium-webfont.eot?") format("eot"),url("../../fonts/gothamrnd-medium-webfont.woff") format("woff"),url("../../fonts/gothamrnd-medium-webfont.ttf") format("truetype");
}

@font-face {
    font-family: 'GothamRndBookIta';
    src: url("../../fonts/gothamrnd-medita-webfont.woff") format("woff"),url("../../fonts/gothamrnd-medita-webfont.ttf") format("truetype");
}

body {
    background-color: #fff;
    font-family: "GothamRndBook", sans-serif !important;
    height: 100%;
    -ms-overflow-style: scrollbar;
    margin-top: 120px;
}

h1 {
    font-family: "gothamrnd-bold-webfont", sans-serif !important;
}

h2 {
    font-family: 'GothamRndMedium', sans-serif !important;
}

h3 {
    font-family: 'GothamRndMedium', sans-serif;
    font-size: 20px;
}

h4 {
    font-family: 'GothamRndMedium', sans-serif;
    font-size: 18px;
}

p {
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 26px !important;
}

legend {
    font-size: 16px;
    font-weight: bold;
}

a {
    color: #009ee3;
}

    a:hover {
        color: #8b8b8b;
    }

.bg-charcoal {
    background-color: #474F56;
}

.bg-charcoal-dark {
    background-color: #40474D;
}

.bg-green {
    background-color: #009ee3;
}

.bg-white {
    background-color: #fff;
}

.text-green {
    color: #009ee3 !important;
}

.text-grey {
    color: #9F9F9F !important;
}

.text-white {
    color: #fff !important;
}

.text-charcoal {
    color: #474F56 !important;
}

.hr-charcoal-thick {
    border-top: 3px solid #474F56;
}

.no-pad-left {
    padding-left: 0px;
}

.field-validation-error {
    color: #b94a48;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}

.hideOverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}

.metaTable tr td:first-child {
    font-weight: bold;
}

textarea {
    resize: none;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container-general {
    padding: 15px;
    background-color: #fff;
}

ol.list-impact {
    font-weight: bold;
}

    ol.list-impact > li div {
        font-weight: normal;
        margin-left: 20px;
    }

ol.list-nested-count {
    counter-reset: section;
    list-style-type: none;
    padding: 0;
}

    ol.list-nested-count li {
        counter-increment: section;
        margin-bottom: 15px;
    }

        ol.list-nested-count li:before {
            content: counters(section,".") ". ";
            float: left;
            margin-right: 15px;
        }

.list-item-container {
    overflow: hidden;
}

.no-select-content {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.back-to-top {
    position: fixed;
    bottom: 60px;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235,235,235,0.8);
    font-size: 12px;
    padding: 1em;
    display: none;
    font-weight: bold;
    opacity: 0.5;
}

    .back-to-top:hover {
        background-color: rgba(135,135,135,0.5);
        text-decoration: none;
        color: #F9F9F9;
        opacity: 1;
    }

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate(-300px, 0) scale(4);
        direction: ltr;
    }

.cursorPointer {
    cursor: pointer;
}

.sortablePlaceHolder {
    margin-bottom: 15px;
    border: 2px dashed #9F9F9F;
    background: url("./Images/homePlus.png") no-repeat center;
}

.koContainer {
    display: none;
    margin-bottom: 20px;
}

.siteFooter {
    background-color: #40474D;
    color: #8b8b8b;
    padding: 10px 0px 5px 0px;
    margin-top: 100px;
}

.siteFooterUs {
    padding-left: 0 !important;
}

.siteFooter li {
    display: inline;
}

    .siteFooter li a {
        color: #8b8b8b;
        margin-left: 1em;
    }

.siteFooterLinks {
    padding-right: 0px;
}

.action-buttons {
    padding-top: 20px;
    padding-bottom: 20px;
}

.modal-footer > .action-buttons {
    padding-top: 0px !important;
}

.action-buttons > button {
    margin-left: 20px;
    float: right;
}

.action-buttons-left > button {
    margin-left: 0px !important;
    margin-right: 20px;
    float: left !important;
}

.action-buttons > button > i {
    margin-right: 15px;
}

.action-buttons > i {
    color: #9F9F9F !important;
    margin-left: 20px;
    float: right;
}

    .action-buttons > i:hover {
        color: #40474D !important;
        cursor: pointer;
    }

.modal-header {
    border-bottom-style: dashed;
}

.modal-title {
    font-weight: bold;
}

.modal-footer {
    border-top-style: dashed;
}

.modal-footer-buttonbar {
    padding-bottom: 5px;
}

    .modal-footer-buttonbar button {
        margin-bottom: 15px;
    }

.modal-footer-actions i {
    color: #9F9F9F !important;
    margin-left: 20px;
}

    .modal-footer-actions i:hover {
        color: #40474D !important;
        cursor: pointer;
    }

.modalConfirm .modal-title {
    display: inline;
    margin-left: 20px;
}

.modalConfirm .modal-header i {
    font-size: 20px;
    color: #009ee3;
}

.modalConfirm .modal-footer {
    font-size: 16px;
    color: #9F9F9F !important;
}

    .modalConfirm .modal-footer i {
        cursor: pointer;
        margin-left: 30px;
    }

        .modalConfirm .modal-footer i:hover {
            color: #474F56 !important;
        }

@media (min-width: 1200px) {
    .col4-sidebar.affix {
        width: 365px;
    }

    .col4-sidebar.affix-top {
        width: 365px;
    }

    .col4-sidebar.affix-bottom {
        width: 365px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col4-sidebar.affix {
        width: 300px;
    }

    .col4-sidebar.affix-top {
        width: 300px;
    }

    .col4-sidebar.affix-bottom {
        width: 300px;
    }
}

@media (max-width: 768px), (max-width: 992px) {
    .col4-sidebar {
        position: static !important;
        width: auto !important;
        top: 0 !important;
    }
}

.affix-bottom {
    position: absolute;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background-color: #888888;
    -moz-box-shadow: #888 0px 0px 11px;
    -webkit-box-shadow: #888 0px 0px 11px;
    box-shadow: #888 0px 0px 11px;
}

    .responsive-video:hover {
        -moz-box-shadow: #009ee3 0px 0px 11px;
        -webkit-box-shadow: #009ee3 0px 0px 11px;
        box-shadow: #009ee3 0px 0px 11px;
    }

    .responsive-video iframe, .responsive-video object, .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

input[type='date'] {
    line-height: normal !important;
}

.btn {
    font-family: 'GothamRndMedium', sans-serif !important;
    margin: 2px;
}

.btn-rounded {
    outline: none;
    border-radius: 40px !important;
}

.nav.nav-tabs {
    color: #474F56 !important;
    font-family: 'GothamRndMedium', sans-serif !important;
    font-size: 16px;
    text-align: center;
}

    .nav.nav-tabs > li > a {
        color: #9F9F9F !important;
        background-color: #eee;
        margin-right: 2px;
        border: 1px solid #ddd;
        padding: 15px 0px 15px 0px;
    }

    .nav.nav-tabs.teal > li > a {
        background-color: #009ee3;
        color: #fff !important;
    }

    .nav.nav-tabs > li > a:hover {
        color: #474F56 !important;
        background-color: #ddd;
    }

    .nav.nav-tabs > li.active > a {
        color: #009ee3 !important;
        border-bottom-color: #fff;
        background-color: #fff;
    }

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

    .nav.nav-tabs.nav-tabs-no-border {
        border: 0 !important;
    }

        .nav.nav-tabs.nav-tabs-no-border > li > a {
            border: 0 !important;
        }

    .nav.nav-tabs > li.left {
        padding-right: 3px;
        width: 50%;
    }

    .nav.nav-tabs > li.right {
        padding-left: 3px;
        width: 50%;
    }

@media (max-width: 768px) {
    .nav-tabs > li {
        float: none;
        width: 100% !important;
        margin-right: 0px !important;
    }

        .nav-tabs > li > a {
            margin-right: 0px !important;
        }

    .nav.nav-tabs > li.left {
        padding-right: 0px;
    }

    .nav.nav-tabs > li.right {
        padding-left: 0px;
    }
}

@media (max-width: 768px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }

    .navbar-default .navbar-nav > li > .dropdown-menu {
        margin-left: 20px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #009ee3;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #F9F9F9;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.navbar {
    border-radius: 0px;
}

.navbar-blue {
    background-color: #009ee3;
    border-bottom: 1px solid #fff;
}

.navbar-default .navbar-nav > li > .dropdown-menu {
    border: 2px solid #474F56;
    border-top: 0 !important;
    padding-top: 0px;
}

    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        padding: 10px 5px 10px 10px;
        font-weight: bold;
    }

        .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover {
            color: #474F56;
            background-color: #EDF7F6;
        }

    .navbar-default .navbar-nav > li > .dropdown-menu > .dropdown-header {
        background-color: #474F56;
        color: #fff;
        padding: 10px;
    }

.navbar-default .navbar-nav > li > a {
    font-family: 'GothamRndMedium', sans-serif !important;
    color: #fff;
    font-size: 18px;
    padding: 20px 10px;
}

.navbar-default .navbar-nav > li:not(.dropdown) > a:hover {
    background-color: #40474D;
    color: #F9F9F9 !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #40474D;
    color: #F9F9F9 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #505960;
    color: #009ee3;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #8b8b8b;
    background-color: #40474D;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}

.navbar-default .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 12px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid #8b8b8b;
    border-radius: 4px;
}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #8b8b8b;
    }

    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

.navbar-default {
    background-color: #474F56;
    color: #009ee3;
    border: 0;
}

    .navbar-default .navbar-brand {
        padding: 14px 15px;
    }

    .navbar-default .navbar-collapse {
        padding-right: 0 !important;
        max-height: 100% !important;
    }

.navbar-green {
    background-color: #009ee3;
}

    .navbar-green .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

.btn-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-width: 3px;
}

    .btn-outline:active, .btn-outline.active, .open .dropdown-toggle.btn-outline {
        background-image: none;
    }

.btn-green {
    color: #fff;
}

    .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active {
        color: #fff;
        background-color: #00a6da;
        border-color: #00a5d7;
    }

    .btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active {
        color: #fff;
        background-color: #009ee3;
        border-color: #009ee3;
    }

.btn-blue {
    color: #fff;
    background-color: #00B8F1;
    border-color: #00B8F1;
}

    .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active {
        color: #fff;
        background-color: #00a6da;
        border-color: #00a5d7;
    }

.btn-grey {
    color: #fff;
    background-color: #9F9F9F;
    border-color: #9F9F9F;
}

    .btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active {
        color: #fff;
        background-color: #949494;
        border-color: #929292;
    }

    .btn-grey.disabled:hover, .btn-grey.disabled:focus, .btn-grey.disabled:active, .btn-grey.disabled.active, .btn-grey[disabled]:hover, .btn-grey[disabled]:focus, .btn-grey[disabled]:active, .btn-grey[disabled].active, fieldset[disabled] .btn-grey:hover, fieldset[disabled] .btn-grey:focus, fieldset[disabled] .btn-grey:active, fieldset[disabled] .btn-grey.active {
        color: #fff;
        background-color: #9F9F9F;
        border-color: #9F9F9F;
    }

.btn-green-outline {
    color: #009ee3;
    background-color: transparent;
    border-color: #009ee3;
    border-width: 3px;
}

    .btn-green-outline:hover, .btn-green-outline:focus, .btn-green-outline:active, .btn-green-outline.active, .open .dropdown-toggle.btn-green-outline {
        color: #fff;
        background-color: #009ee3;
        border-color: #009ee3;
    }

    .btn-green-outline:active, .btn-green-outline.active, .open .dropdown-toggle.btn-green-outline {
        background-image: none;
    }

    .btn-green-outline.disabled, .btn-green-outline[disabled], fieldset[disabled] .btn-green-outline, .btn-green-outline.disabled:hover, .btn-green-outline[disabled]:hover, fieldset[disabled] .btn-green-outline:hover, .btn-green-outline.disabled:focus, .btn-green-outline[disabled]:focus, fieldset[disabled] .btn-green-outline:focus, .btn-green-outline.disabled:active, .btn-green-outline[disabled]:active, fieldset[disabled] .btn-green-outline:active, .btn-green-outline.disabled.active, .btn-green-outline[disabled].active, fieldset[disabled] .btn-green-outline.active {
        color: #74dbd1;
        background-color: #fff;
        border-color: #74dbd1;
    }

.btn-grey-outline {
    color: #9F9F9F;
    background-color: transparent;
    border-color: #9F9F9F;
    border-width: 3px;
}

    .btn-grey-outline:hover, .btn-grey-outline:focus, .btn-grey-outline:active, .btn-grey-outline.active, .open .dropdown-toggle.btn-grey-outline {
        color: #fff;
        background-color: #9F9F9F;
        border-color: #9F9F9F;
    }

    .btn-grey-outline:active, .btn-grey-outline.active, .open .dropdown-toggle.btn-grey-outline {
        background-image: none;
    }

    .btn-grey-outline.disabled, .btn-grey-outline[disabled], fieldset[disabled] .btn-grey-outline, .btn-grey-outline.disabled:hover, .btn-grey-outline[disabled]:hover, fieldset[disabled] .btn-grey-outline:hover, .btn-grey-outline.disabled:focus, .btn-grey-outline[disabled]:focus, fieldset[disabled] .btn-grey-outline:focus, .btn-grey-outline.disabled:active, .btn-grey-outline[disabled]:active, fieldset[disabled] .btn-grey-outline:active, .btn-grey-outline.disabled.active, .btn-grey-outline[disabled].active, fieldset[disabled] .btn-grey-outline.active {
        color: #b8b8b8;
        background-color: #fff;
        border-color: #b8b8b8;
    }

.btn-white-outline {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    border-width: 3px;
}

    .btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline:active, .btn-white-outline.active, .open .dropdown-toggle.btn-white-outline {
        color: #009ee3;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white-outline:active, .btn-white-outline.active, .open .dropdown-toggle.btn-white-outline {
        background-image: none;
    }

    .btn-white-outline.disabled, .btn-white-outline[disabled], fieldset[disabled] .btn-white-outline, .btn-white-outline.disabled:hover, .btn-white-outline[disabled]:hover, fieldset[disabled] .btn-white-outline:hover, .btn-white-outline.disabled:focus, .btn-white-outline[disabled]:focus, fieldset[disabled] .btn-white-outline:focus, .btn-white-outline.disabled:active, .btn-white-outline[disabled]:active, fieldset[disabled] .btn-white-outline:active, .btn-white-outline.disabled.active, .btn-white-outline[disabled].active, fieldset[disabled] .btn-white-outline.active {
        color: #fff;
        background-color: transparent;
        border-color: #fff;
    }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #009ee3 !important;
    -moz-box-shadow: #009ee3 0px 0px 4px;
    -webkit-box-shadow: #009ee3 0px 0px 4px;
    box-shadow: #009ee3 0px 0px 4px;
    outline: 0;
    outline: thin dotted \9;
}

.loadingModalBody {
    background: url("/Images/Loading.gif") no-repeat center;
    height: 75px;
}

.panel-group-green, .panel-group-red, .panel-group-purple, .panel-group-charcoal {
    border: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .panel-group-green .panel, .panel-group-red .panel, .panel-group-purple .panel, .panel-group-charcoal .panel {
        border: 0 !important;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: #fff 0px 0px 0px;
        -webkit-box-shadow: #fff 0px 0px 0px;
        box-shadow: #fff 0px 0px 0px;
    }

    .panel-group-green .panel-body, .panel-group-red .panel-body, .panel-group-purple .panel-body, .panel-group-charcoal .panel-body {
        padding: 20px;
    }

    .panel-group-green .panel-heading, .panel-group-red .panel-heading, .panel-group-purple .panel-heading, .panel-group-charcoal .panel-heading {
        background-color: #009ee3;
        color: #fff;
        font-size: 18px;
        font-family: 'GothamRndMedium', sans-serif !important;
        min-height: 60px;
        padding: 15px 50px 15px 15px;
        cursor: pointer;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: relative;
    }

    .panel-group-green .panel-heading-with-logo, .panel-group-red .panel-heading-with-logo, .panel-group-purple .panel-heading-with-logo, .panel-group-charcoal .panel-heading-with-logo {
        background-color: #009ee3;
        color: #fff;
        font-size: 18px;
        font-family: 'GothamRndMedium', sans-serif !important;
        height: 60px;
        padding-left: 15px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: relative;
    }

    .panel-group-green .panel-heading:before, .panel-group-red .panel-heading:before, .panel-group-purple .panel-heading:before, .panel-group-charcoal .panel-heading:before {
        font-family: FontAwesome;
        color: #fff;
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .panel-group-green .panel-heading:not(.collapsed):before, .panel-group-red .panel-heading:not(.collapsed):before, .panel-group-purple .panel-heading:not(.collapsed):before, .panel-group-charcoal .panel-heading:not(.collapsed):before {
        content: "\f077";
    }

    .panel-group-green .panel-heading.collapsed:before, .panel-group-red .panel-heading.collapsed:before, .panel-group-purple .panel-heading.collapsed:before, .panel-group-charcoal .panel-heading.collapsed:before {
        content: "\f078";
    }

    .panel-group-green.no-collapse .panel-heading, .panel-group-red.no-collapse .panel-heading, .panel-group-purple.no-collapse .panel-heading, .panel-group-charcoal.no-collapse .panel-heading, .panel-group-blue.no-collapse .panel-heading {
        cursor: default !important;
    }

        .panel-group-green.no-collapse .panel-heading:before, .panel-group-red.no-collapse .panel-heading:before, .panel-group-purple.no-collapse .panel-heading:before, .panel-group-charcoal.no-collapse .panel-heading:before, .panel-group-blue.no-collapse .panel-heading:before {
            content: "" !important;
        }

    .panel-group-red .panel-heading, .panel-group-red .panel-heading-with-logo {
        background-color: #e89090;
    }

    .panel-group-purple .panel-heading, .panel-group-purple .panel-heading-with-logo {
        background-color: #a498ae;
    }

    .panel-group-charcoal .panel-heading, .panel-group-charcoal .panel-heading-with-logo {
        background-color: #bebebe;
    }

.collapse-heading {
    position: relative;
    cursor: pointer;
}

    .collapse-heading:before {
        color: #009ee3;
        content: "\f077";
        font-family: FontAwesome;
        position: absolute;
        font-size: 20px;
        top: -5px;
        right: 0px;
    }

    .collapse-heading.collapsed:before {
        content: "\f078";
    }

.well, .panel-heading {
    background-image: none !important;
}

.well-green-dashed {
    background-color: inherit;
    border: 1px dashed #009ee3;
}

.twitter-typeahead {
    width: 100%;
    position: relative;
}

    .twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
        margin-bottom: 0;
        width: 100%;
        height: 34px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .twitter-typeahead .tt-hint {
        color: #a1a1a1;
        z-index: 1;
        padding: 6px 12px;
        border: 1px solid transparent;
    }

    .twitter-typeahead .tt-query {
        z-index: 2;
        border-radius: 4px !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 1100 !important;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

    .tt-suggestion.tt-is-under-cursor {
        color: #fff;
        background-color: #0081c2;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #0088cc,#0077b3);
    }

        .tt-suggestion.tt-is-under-cursor a {
            color: #fff;
        }

    .tt-suggestion p {
        margin: 0;
    }

.dashed-border-green {
    border-style: dashed;
    border-color: #009ee3;
    border-width: 1px;
    padding: 10px;
}

.dashed-border-charcoal {
    border-style: dashed;
    border-color: #474F56;
    border-width: 1px;
    padding: 10px;
}

.has-switch span.switch-primary, .has-switch span.switch-left {
    background-color: #474F56 !important;
    background-image: linear-gradient(to bottom, #474f56,#bebebe) !important;
    color: #fff !important;
}

.cke_reset_all, .cke_reset_all * {
    font-family: "GothamRndBook", sans-serif !important;
    font-size: 14px !important;
}

.cke {
    border: 1px solid #ddd !important;
    -moz-border-radius: 4;
    -webkit-border-radius: 4;
    border-radius: 4;
}

.cke_top {
    background-color: #bebebe !important;
    background-image: linear-gradient(to bottom, #f5f5f5,#bebebe) !important;
}

.cke_toolgroup {
    background-color: #bebebe !important;
    background-image: linear-gradient(to bottom, #f5f5f5,#bebebe) !important;
}

.cke_dialog_background_cover {
    background-color: #000 !important;
    opacity: .5 !important;
}

.cke_dialog_body {
    border: 1px solid rgba(0,0,0,0.3) !important;
    box-shadow: 0 3px 7px rgba(0,0,0,0.3) !important;
    padding: 5px 0 0 0 !important;
    background-color: #fff !important;
    border-radius: border-radius(6) !important;
    position: relative !important;
}

.cke_dialog_title {
    min-height: 16.428571429px !important;
    padding: 15px 15px 15px 10px !important;
    border-bottom: 1px dashed #ddd !important;
    background-color: #fff !important;
    background-image: none !important;
    font-family: 'GothamRndMedium', sans-serif !important;
    font-size: 20px !important;
}

.cke_dialog_footer {
    padding: 10px !important;
    margin-top: 0px !important;
    text-align: right !important;
    border-top: 1px dashed #ddd !important;
    font-size: 16px !important;
    background-color: #fff !important;
    background-image: none !important;
    outline: none !important;
}

.cke_dialog_close_button {
    top: 22px !important;
}

.cke_dialog_contents_body {
    height: auto !important;
}

.cke_resizer {
    display: none !important;
}

.cke_dialog_ui_labeled_label {
    display: inline-block !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
}

select.cke_dialog_ui_input_select {
    height: 30px !important;
    width: 100% !important;
    min-width: 100px !important;
}

div.cke_dialog_ui_input_select {
    width: 100% !important;
}

.select2-container .select2-choice {
    height: 32px !important;
    background-image: none !important;
}

    .select2-container .select2-choice > .select2-chosen {
        padding-top: 4px;
        padding-left: 8px;
    }

#headLogo {
    display: block;
}

.headLogoBranded {
    display: none;
}

.isBranded body {
    background-color: #fff;
}

.isBranded .head {
    min-height: 100px;
    color: #fff;
}

    .isBranded .head .navbar-header {
        min-height: 100px;
    }

.isBranded .headLogo {
    display: none;
}

.isBranded .headLogoBranded {
    display: block;
}

    .isBranded .headLogoBranded img {
        max-height: 75px;
    }

.isBrandedApi .headNavbarRight {
    display: none;
}

.isViaAutoApply .headNavbarRight > li:not(.siteSettings) {
    display: none;
}

.isBrandedApi .headNavbarLeft, .isViaAutoApply .headNavbarLeft {
    display: none;
}

.isBrandedApi .headNavbarToggle {
    display: none;
}

.isBranded .siteFooterLinks {
    display: none;
}

@media (min-width: 768px) {
    .isBranded .head .navbar-collapse {
        position: relative;
    }

    .isBranded .headNavbarRight {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .isBranded .headNavbarLeft {
        position: absolute;
        left: 175px;
        bottom: 0px;
    }
}

#topnavbar {
    max-height: 50px;
}

.InfoList {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

    .InfoList > li {
        margin-bottom: 10px;
    }

        .InfoList > li > span:first-child {
            font-weight: bold;
            margin-right: 15px;
            min-width: 100px;
            display: inline-block;
        }

.InfoTitle {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #474F56;
}

.SSTFeedbackPanel {
    border: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}

    .SSTFeedbackPanel .SSTFeedbackHeading {
        background-color: #009ee3;
        color: #fff;
        font-size: 18px;
        font-family: 'GothamRndMedium', sans-serif !important;
        height: 60px;
        padding: 15px 0px 15px 15px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

.selectedPanelSST {
    color: #EDF7F6;
    background-color: #474F56;
    font-weight: bold;
}

.selectedItemID {
    background-color: #474F56 !important;
    color: #009ee3 !important;
}

.validation-summary-errors.alert.alert-danger a {
    color: #a94442;
    text-decoration: underline;
}

.validation-summary-errors.alert.alert-danger > span {
    font-weight: bold;
    margin-bottom: 15px;
}

.validation-summary-valid {
    display: none;
}

.notification-alert {
    border-radius: 0px;
    display: none;
}

.notification-alert-padding {
    margin-top: 35px;
}

.dragContainer {
    border: 4px solid black;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 15px 0;
    border-color: transparent #0086bf transparent transparent;
}


.scenarioAnswerSeperator {
    width: 100%;
    border-top: 1px #009ee3 solid;
    margin: 20px 0 20px 0;
}

.rightTriangleSmall {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 20px 0 0;
    border-color: #0086bf transparent transparent transparent;
    float: right;
}

.leftTriangleSmall {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 4px 0;
    border-color: transparent #0086bf transparent transparent;
    float: left;
}

.Intro {
    background-color: #009ee3;
    padding: 20px;
    color: #fff;
    font-size: 22px;
    font-family: 'GothamRndMedium', sans-serif !important;
    position: relative;
}

.Exercise {
    padding: 10px;
}

.InlineDropDown {
    line-height: 30px;
}

.ui-dialog-buttonset > button {
    color: #fff !important;
    background-color: #009ee3;
    border-color: #009ee3 !important;
    font-family: 'GothamRndMedium', sans-serif !important;
    margin: 2px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-transform: none;
}

.ConfidenceQuestion {
    padding: 10px 0 10px 0;
}

.ui-dialog-titlebar {
    display: none;
}

.siteLogo {
    margin-top: -140px;
    margin-bottom: -20px;    
}

.siteLogo img {
    height: 150px;
}

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

.Scenario {
    padding: 20px;
    -moz-box-shadow: #eee 0px 0px 10px;
    -webkit-box-shadow: #eee 0px 0px 10px;
    box-shadow: #eee 0px 0px 10px;
    min-height: 100px;
}

.sstScenario {
    padding: 20px;
    -moz-box-shadow: #eee 0px 0px 10px;
    -webkit-box-shadow: #eee 0px 0px 10px;
    box-shadow: #eee 0px 0px 10px;
    margin-bottom: 20px;
}

.nrtScenario {
    padding: 20px;
    -moz-box-shadow: #eee 0px 0px 10px;
    -webkit-box-shadow: #eee 0px 0px 10px;
    box-shadow: #eee 0px 0px 10px;
    margin-bottom: 20px;
}

.ScenarioContainer {
    margin: 20px 10px 0 10px;
}

.ScenarioYellow {
    background: #FFFFA5;
    border: 2px dashed #9F814E;
    padding: 10px;
    margin: 20px 0 10px 0;
}

.questionOption {
    padding: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    border-style: solid;
}

    .questionOption.isRank {
        cursor: move;        
    }

    .questionOption.isRank .mover {
        width: 50px;
        text-align: center;
    }

        .questionOption.isRank:hover, .questionOption.isPick:hover {
            -moz-box-shadow: #ddd 0px 0px 13px;
            -webkit-box-shadow: #ddd 0px 0px 13px;
            box-shadow: #ddd 0px 0px 13px;
        }

    .questionOption > .panel-body {
        padding: 0;
        padding-left: 10px;
    }

    .questionOption .indexContainer {        
        width: 120px;        
    }    
    
.questionOptionText.rank {    
    float: left;
}

.questionOptionContainer {
    width: 100%;
}

.questionOptionContainer tr {
    vertical-align: middle;
}

.questionOptionIndex, .questionOptionIndexIdentifier {
    font-weight: bold;
    font-size: 20px;
    background-color: #009ee3;
    color: #fff;
    text-align: center;
    height: 40px;
    width: 40px;
    padding-top: 5px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    display: inline-block;
}

.questionOptionIndexIdentifier {
    background-color: #474F56;
}

.questionOption .questionOptionText {
    font-weight: bold;      
}

.ContentContainer {
    margin: 0 50px 0 50px;
}

.bold {
    font-weight: bold;
}

.IntroContainer {
    background-color: #fff;
    padding: 20px 20px 60px 20px;
}

    .IntroContainer li {
        padding: 5px 0 5px 0;
    }

.EditParaInfo {
    background: #aaa;
    float: right;
    padding: 5px;
    overflow: auto;
    color: #fff;
    margin: 0 -10px -10px 0;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.PickSelected {
    border: 1px dashed #34A834;
    background: #DEFFDE;
}



.isRank:hover, .isPick:hover {
    border-color: #009ee3;
}

    .isRank:hover .bigV {
        color: #009ee3;
    }

.bigV {    
    font-size: 20px;
    color: #474F56;
}


.ModuleQuestionTitleContainer {
    color: #aaa;
}

.ModuleTitle {
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.TitleDash {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

.QuestionNumber {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
}

.TimerContainer {
    background: #fff;
    width: 100px;
    color: #000;
    position: absolute;
    right: 8px;
    top: -2px;
    bottom: -2px;
}

    .TimerContainer .Time {
        font-size: 20px;
        color: #009ee3;
        font-weight: bold;
        position: absolute;
        width: 100px;
        height: 100px;
        text-align: center;
        top: 17px;
    }

    .TimerContainer .TimeTakenText {
        font-size: 10px;
        color: #ccc;
        position: absolute;
        width: 100px;
        height: 100px;
        text-align: center;
        top: 45px;
    }

.slidedown {
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.slideup {
    -webkit-transition: all 0.5s ease 0.2s;
    -moz-transition: all 0.5s ease 0.2s;
    -o-transition: all 0.5s ease 0.2s;
    transition: all 0.5s ease 0.2s;
}

.slideupText {
    -webkit-transition: all 0.5s ease 0.0s;
    -moz-transition: all 0.5s ease 0.0s;
    -o-transition: all 0.5s ease 0.0s;
    transition: all 0.5s ease 0.0s;
}

.slidedownText {
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.2s;
}

.slideup {
    bottom: 100px;
}

.slidedown {
    bottom: -2px;
}

.slidedownText {
    opacity: 1;
}

.slideupText {
    opacity: 0;
}

.btn.previous[disabled] {
    box-shadow: initial !important;
}

.btn.previous {
    background: #66d0ff; 
    border-color: #66d0ff;
    box-shadow: inset 0px -6px 0px -5px rgb(0, 176, 255);
}
.btn.previous {
    background: #66d0ff; 
    border-color: #66d0ff;
    box-shadow: inset 0px -6px 0px -5px rgb(0, 176, 255);
}

.btn.previous:hover {
    background: #4dc8ff;
    border-color: #4dc8ff;
    box-shadow: inset 0px -6px 0px -5px rgb(0, 176, 255);
}


.ie8 .OldIeInvisible {
    visibility:hidden;
}