.bg-body {
    background-repeat: round;
}

.unit-bg-body {
    background-image: url("../images/unit_bg.jpg");
}

.welcome-body {
    height: 100%;
}

.cheers-bg-body {
    background-image: url("../images/cheers.jpg");
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
    background-position-y: 20px;
}

.welcome-div {
    background-image: url("../images/unit_bg.jpg");
}
@media screen and (max-width: 1108px) {
    .welcome-div {
        background-repeat: no-repeat;
        background-position: center center;
    }
}

@media screen and (min-width: 1109px) {
    .welcome-div {
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 992px) {
    .welcome-row {
        margin-top: 100px;
    }
}

/*@media screen and (max-width: 991px) {*/
    /*.welcome-row {*/
        /*margin-top: 50px;*/
    /*}*/
/*}*/

.welcome-lang a {
    /*background-color: #fff;*/
    color: #fff;
}

/*.pre-login-submit {*/
    /*color: #fff;*/
    /*background-color: #337ab7;*/
    /*border-color: #2e6da4;*/
/*}*/

/*.pre-login-submit:hover {*/
    /*background-color: #878787;*/
/*}*/

.bg-body-img-1-1 {
    background-image: url("../images/3_6/background_1_1.jpg");
    background-repeat: round;
}
.bg-body-img-1-2 {
    background-image: url("../images/3_6/background_1_2.jpg");
    background-repeat: round;
}
.bg-body-img-1-3 {
    background-image: url("../images/3_6/background_1_3.jpg");
    background-repeat: round;
}
.bg-body-img-2-1 {
    background-image: url("../images/7_9/background_2_1.jpg");
    background-repeat: round;
}
.bg-body-img-2-2 {
    background-image: url("../images/7_9/background_2_2.jpg");
    background-repeat: round;
}
.bg-body-img-2-3 {
    background-image: url("../images/7_9/background_2_3.jpg");
    background-repeat: round;
}
.bg-body-img-3-1 {
    background-image: url("../images/10_12/background_3_1.png");
    background-repeat: round;
}
.bg-body-img-3-2 {
    background-image: url("../images/10_12/background_3_2.jpg");
    background-repeat: round;
}
.bg-body-img-4-1 {
    background-image: url("../images/13_16/background_4_1.jpg");
    background-repeat: round;
}
.bg-body-img-4-2 {
    background-image: url("../images/13_16/background_4_2.jpg");
    background-repeat: round;
}
.bg-body-img-4-3 {
    background-image: url("../images/13_16/background_4_3.jpg");
    background-repeat: round;
}
.bg-body-img-4-4 {
    background-image: url("../images/13_16/background_4_4.jpg");
    background-repeat: round;
}
.bg-body-img-4-5 {
    background-image: url("../images/13_16/background_4_5.jpg");
    background-repeat: round;
}
.bg-body-img-4-6 {
    background-image: url("../images/13_16/background_4_6.jpg");
    background-repeat: round;
}
.cheers {
    background-image: url("../images/cheers.jpg");
    background-repeat: round;
}
.bg-body .content-container{
    background-color: #ffffff;
    opacity: 0.96;
}
.floating-message{
    /*position: fixed;*/
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}
.jumbotron{
    padding-bottom: 0px;
}
.navbar-brand{
    cursor: default;
}
#basicUserProfile .form-group {
    margin-bottom: 25px;
    margin-top: 20px;
}

#passwordUserProfile .form-group {
    margin-bottom: 25px;
    margin-top: 20px;
}

.last-container {
    height: 140px;
}

.margin-top-container {
    height: 10px;
}

#login-form {
    margin-bottom: 0px !important;
}

#register-form {
    margin-bottom: 0px !important;
}

#password-reset-form {
    margin-bottom: 0px !important;
}

.login-container {
    margin-top: 30px;
    margin-bottom: 100px;
}

.login-container .alert {
    text-align: justify;
}

.login-container .alert ol {
    margin-top: 8px;
    margin-bottom: 10px;
}

.no-margin-hr{
    margin-top: 0px;
    margin-bottom: 0px;
}

#toolArea .pull-right {
    margin-bottom: 50px;
}

#questionArea {
    text-align: center;
}

.thumbnail-selected {
    border: 1px solid #ff0000;
}

.thumbnail-div .thumbnail{
    cursor: pointer;
}

.question-title{
    margin-bottom: 60px;
}

.no-answer-select-error, .no-answer-typein-error, .no-number-answer-typein-error, .not-all-answers-typein-error{
    text-align: center;
}

#reportSearchFilter .navbar-right{
    margin-right: 5px;
}

#searchByDateFilterId {
    margin-top: 8px;
}

.disabled-link {
    text-decoration: none !important;
    cursor: default;
}

#orderDesc span{
    cursor: pointer;
}

#orderAsc span{
    cursor: pointer;
}

.panel-heading{
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.panel-title {
    margin-bottom: 5px;
}

#itemsPerPageId {
    margin-top: 8px;
}

#chartdiv {
    width		: 100%;
    height		: 500px;
    font-size	: 11px;
}

.navbar.navbar-inverse.navbar-fixed-bottom {
    margin-bottom: 30px !important;
}

.answerbox33 {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 35%;
}

.answerbox33 input{
    width: 80px;
    text-align: center;
    display: inline;
}

.answerbox33 td {
    text-align: center;
}

.alert {
    text-align: center;
}

.legend-div {
    margin-top: 56px;
    margin-bottom: 40px;
}

.answerboxFT {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.answerboxFT input{
    width: 70%;
    text-align: center;
    display: inline;
}

.answerboxFT td {
    text-align: center;
}

.answerboxRem {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.answerboxRem input{
    width: 70%;
    text-align: center;
    display: inline;
}

.answerboxRem td {
    text-align: center;
}

.answerboxAud {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.answerboxAud input{
    width: 70%;
    text-align: center;
    display: inline;
}

.answerboxAud td {
    text-align: center;
}
/*.header-container {*/
    /*font-weight: bold;*/
/*}*/

#startTestForm {
    font-size: 18px;
}

.startTestField {
    /*width: 350px;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*background-color: #ffffff;*/
    opacity: 0.96;
    /*height: 125px;*/
}

.startPracticeField {
    /*width: 350px;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*background-color: #ffffff;*/
    opacity: 0.96;
    /*height: 125px;*/
}

.opacityMSG {
    text-align: center;
    opacity: 0.96;
}

#testAge{
    margin-left: 5px;
    margin-right: 5px;
}

.answerboxvpm {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.answerboxvpm input{
    width: 80px;
    text-align: center;
    display: inline;
}

.answerboxvpm td {
    text-align: center;
}

.no-border {
    border: none;
}

.thumbnail-border {
    border: 1px solid #ddd;
}

#sq-box {
    height: 237px;
}

.opacity-section {
    opacity: 0.9;
}

.header-container .dropdown-menu>li>a {
    font-weight: bold;
}

.navbar-fixed-bottom {
 padding-top: 8px;
}

.instruction-question-area {
    height: 499px;
}

.audio-question-area {
    height: 414px;
}

.image-question-image {
    height: 198px;
}

.blink-1-image-question-area {
    height: 414px;
}

.text-question-image {
    height: 277px !important;
}

.text-question-area {
    height: 571px;
}

.image-question-area {
    min-height: 352px;
}

.caption {
    margin-bottom: 40px;
}

.navbar {
    margin-bottom: 10px;
}

.question-image {
    height: 150px !important;
}

.answer-image {
    height: 100px !important;
}

.three-three-box-reference-image {
    height: 320px !important;
}

.three-three-box-reference-question-area {
    height: 1030px;
}

.blink-sequence-image-question-area{
    height: 414px;
}

.flip-turn-question-area {
    height: 1265px;
}

.flip-turn-reference-image {
    width: 400px;
    height: 197px;
}

.remember-question-area {
    height: 635px;
}

.text-reference-image {
    height: 400px;
    width: 237px;
}

.text-reference-question-area {
    height: 1040px;
}

#questionArea input {
    text-align: center;
    font-size: 30px;
}

.VPM-question-area {
    height: 571px;
}

.VPM-question-image-area {
    height: 390px !important;
}

.intl-tel-input.allow-dropdown {
    width: 100%;
}

.intl-tel-input {
    display: table-cell;
}

#nt-example1 {
    margin: auto;
    padding-left: 0px;
}

#nt-example1-container {
    text-align: center;
}

#nt-example1-container i {
    font-size: 36px;
    margin: 8px;
    cursor: pointer;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#nt-example1-container i:hover {
    color: #333;
}

#nt-example1 li {
    color: #4e4e4e;
    overflow: hidden;
    height: 80px;
    padding: 10px;
    line-height: 30px;
    list-style: none;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.news-container {
    background: #d9d9d9;
}

@media screen and (min-width: 1133px) {
    .index-header {
        margin-top: -30px;
        padding-left: 40px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 680px) and (max-width: 1132px) {
    .index-header {
        margin-top: -20px;
        padding-left: 40px;
        padding-right: 20px;
    }
}

@media screen and (min-width: 422px) and (max-width: 679px) {
    .index-header {
        margin-top: -30px;
        padding-left: 40px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 421px) {
    .index-header {
        margin-top: -30px;
        padding-left: 10px; padding-right: 5px
    }
}

.news-alert {
    padding: 0px !important;
    height: 45px;
    overflow: hidden;
}

.news-alert-close {
    opacity: 0.7 !important;
    top: -35px !important;
    right: 0px !important;
}

.content-container hr {
    margin-top: 0px;
}

.text-answer-div {
    margin-bottom: 25px;
}

.admin-panel .row{
    text-align: center;
}

.admin-panel {
    margin-bottom: 100px;
}

.tooltip {
    font-size: 20px !important;
}

.navbar-brand {
    font-size: 16px !important;
}

.nav>li>a {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.bottom-div {
    position: absolute !important;
    bottom: 0;
}

.updated-datagrid-cell {
    background: #F08080;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background-color: #f5f5f5 !important;
}

.nav_up{
    padding:7px;
    background-color:white;
    border:1px solid #CCC;
    position:fixed;
    background:transparent url(../images/arrow_up.png) no-repeat top left;
    background-position:50% 50%;
    width:36px;
    height:36px;
    bottom:100px;
    left:30px;
    white-space:nowrap;
    cursor: pointer;
    opacity: 1;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
    -khtml-border-top-right-radius:3px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.nav_down{
    padding:7px;
    background-color:white;
    border:1px solid #CCC;
    position:fixed;
    background:transparent url(../images/arrow_down.png) no-repeat top left;
    background-position:50% 50%;
    width:36px;
    height:36px;
    bottom:100px;
    left:70px;
    white-space:nowrap;
    cursor: pointer;
    opacity: 1;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
    -khtml-border-top-right-radius:3px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#toGenerateActivationCode {
    margin-top: 0px;
}

.ui-dialog-content.ui-widget-content {
    height: auto !important;
}

.dialog-btn{
    display: none;
}

.small-font-table label {
    font-size: 12px;
}

.small-font-table span {
    font-size: 12px;
}

.icon-span {
    margin: 5px;
}

.center-div {
    text-align: center;
}

#table thead {
    background-color: #006a72;
    color: #eee;
}

.codeInfoDiv {
    font-size: 14px;
}

.ajax-load {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/ajax-loader.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajax-load {
    display: block;
}

.navbar-fixed-bottom p {
    margin-bottom: 10px;
}

#calendar {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*margin: 0 auto;*/
    /*background-color: #eee;*/
}

#question-panel {
    margin-bottom: 60px;
}

.navbar-botton-custom {
    background-color:#696969;
    color:#fff;
}

.tc-progress-style10 {overflow: visible;margin-top: 20px;box-shadow: none;background: #eee;padding: 0px;height: 12px;border-radius: 6px;}
.tc-progress-style10 + .tc-progress-style10 {margin-top: 60px;}
.tc-progress-style10 .progress-bar {position: relative;text-align: left;border-radius: 10px;line-height: 30px;margin-left: -1px;box-shadow: none;}
.tc-progress-style10 .pb-label {position: absolute;left: 2px;top: -35px;color: #888;font-size: 16px;font-weight: 600;}
.tc-progress-style10 .pb-percent {position: absolute;width: 36px;height: 36px;line-height: 32px;background: #fff;color: #337ab7;font-size: 11px;top: 50%;text-align: center;z-index: 10;text-align: center;right: -1px;font-weight: 600;transform: translateY(-50%);border: 2px solid #337ab7;border-radius: 50%;text-align: center;}
.tc-progress-style10 .progress-bar-success .pb-percent {border-color: #5cb85c;color: #5cb85c;}
.tc-progress-style10 .progress-bar-info .pb-percent {border-color: #5bc0de;color: #5bc0de;}
.tc-progress-style10 .progress-bar-warning .pb-percent {border-color: #f0ad4e;color: #f0ad4e;}
.tc-progress-style10 .progress-bar-danger .pb-percent {border-color: #d9534f;color: #d9534f;}
/*.header-container {*/
    /*background-image: url("../images/NeuroLAT_logo.png");*/
/*}*/

.panel-heading-img{
    width: 100%;
}

.panel-default {
    border-color: #fff;
}

.panel-default>.panel-heading {
    background-color: inherit;
    border-color: inherit;
}

.welcome-word-div {
    margin-bottom: 50px;
}

.welcome-word-div h3 {
    margin-top: 0px;
    color: #fff;
}

.tc-modal-title {
    font-weight: 700;
}

.tc-modal-list-title {
    font-weight: 600;
    margin-bottom: 30px;
}

.tc-modal-dialog{
    overflow-y: initial !important
}
.tc-modal-body{
    height: 500px;
    overflow-y: auto;
}

.tc-modal-body-list{
    font-size: 16px;
    margin-bottom: 10px;
}

.primary-link{
    color: #337ab7;
}

.primary-link:active, .primary-link:focus, .primary-link:hover {
    color:#204d74;
}

.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
    color: #337ab7;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #204d74;
}

.dropdown-menu>li>a {
    color: #337ab7;
}

.dropdown-menu>li>a:hover {
    color: #204d74;
}

.dropdown-menu {
    font-size: 16px;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #204d74;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #337ab7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #204d74;
    }
}

.login-panel-message{
    color: #fff;
    font-style: italic;
    font-size: 19px;
}

.login-panel-training{
    background-color: #fff;
    border: none;
    border-radius: 26px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.login-panel-training .alert {
    padding: 5px !important;
}

.a-wrap {
    white-space: normal;
}

.vertical-align {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

@media screen and (min-width: 526px) {
    .btn-font-small {
        font-size: 18px;
    }
}

@media screen and (max-width: 525px) and (min-width: 505px) {
    .btn-font-small {
        font-size: 17px;
    }
}

@media screen and (max-width: 504px) and (min-width: 483px) {
    .btn-font-small {
        font-size: 16px;
    }
}

@media screen and (max-width: 482px) and (min-width: 462px) {
    .btn-font-small {
        font-size: 15px;
    }
}

@media screen and (max-width: 461px) and (min-width: 441px) {
    .btn-font-small {
        font-size: 14px;
    }
}

@media screen and (max-width: 440px) {
    .btn-font-small {
        font-size: 13px;
    }
}

@media screen and (min-width: 1245px) {
    #simple-calendar .fc-center h2 {
        font-size: 20px;
    }
}

#simple-calendar .fc-right, .toolbar {
    display: none;
}

#simple-calendar a {
     color: #337ab7;
}

#simple-calendar a:focus, a:hover {
    color: #204d74;
}

#simple-calendar .glyphicon img {
    width: 18px !important;
    height: 18px !important;
}

.jsPanel-btn-maximize {
    display: none !important;
}

#calendar a {
    color: #337ab7;
}

#calendar a:focus, a:hover {
    color: #204d74;
}

#userProfile h2 {
    color: #fff;
}

#userProfile h3 {
    color: #fff;
}

#userProfile label {
    color: #fff;
}

#passwordUserProfile h2 {
    color: #fff;
}

#passwordUserProfile h3 {
    color: #fff;
}

#passwordUserProfile label {
    color: #fff;
}

.diagnostic-assessment-modal-header {
    margin-top: 25px;
    margin-bottom: 40px;
}
.diagnostic-assessment-modal-sub-header {
    margin-bottom: 15px;
}

.diagnostic-assessment-modal-div {
    margin-top: 15px;
    margin-bottom: 15px;
}

.check-box-btn-on {
    background-color: #f2f2f2;
}

.check-box-btn-off {
    background-color: #f2f2f2;
}

.check-box-btn-on-active {
    background-color: #ff7075;
    color: #fff;
}

.check-box-btn-off-active {
    background-color: #00c39f;
    color: #fff;
}

.diagnostic-assessment-modal-table-header {
    background-color: #6698cb;
    color: #fff;
}

.small-footer {
    font-size: 13px;
}

.welcome-row .site-name {
    color: #65b3e1;
    font-size: 24px;
}