/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 14, 2017, 4:17:12 PM
    Author     : shuja
*/
@font-face {
    font-family: 'Aachen Bold';
    src: url('../fonts/aachen_bold-webfont.eot');
    src: url('../fonts/aachen_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aachen_bold-webfont.woff2') format('woff2'),
         url('../fonts/aachen_bold-webfont.woff') format('woff'),
         url('../fonts/aachen_bold-webfont.ttf') format('truetype'),
         url('../fonts/aachen_bold-webfont.svg#aachenbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Aachenn Regular';
    src: url('../fonts/aachenn_regular-webfont.eot');
    src: url('../fonts/aachenn_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aachenn_regular-webfont.woff2') format('woff2'),
         url('../fonts/aachenn_regular-webfont.woff') format('woff'),
         url('../fonts/aachenn_regular-webfont.ttf') format('truetype'),
         url('../fonts/aachenn_regular-webfont.svg#aachenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneue-webfont.eot');
    src: url('../fonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-webfont.svg#aachenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Helvetica Neu Bold';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
         url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
         url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
         url('../fonts/HelveticaNeue-Bold.svg#aachenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a{
    color:#69707a;
}
body{
     font-family: helveticaneue,Arial,san-serif;
     /*background: linear-gradient(#ffffff, #f8f8f8) repeat-x;
     background: -webkit-gradient(linear, top bottom, left right, from(#fff), to(#f8f8f8)) ;
     background: -moz-linear-gradient(top, #ffffff, #f8f8f8);
     filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');*/
     background: url('../images/Background.png') no-repeat;
     background-size: cover;
   }

.custom-container{
    max-width: 965px;
    text-align: center;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    
    font-weight: normal;
}
.row{
	margin:0px
}
#print_user_details.row.content-section {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}
.heading h1 {
   color: #073c69;
    font-size: 46px;
    line-height: 98.2px;
    margin-left: 0;
    padding-top: 18px;
    position: relative;
    text-align: center;
}
#gameLayout.row.content-section {
    margin: 25px 0;
}
.col-lg-12.col-md-12.col-sm-12.heading {
    padding-top: 46px;
    font-family: "Aachenn Regular";
}
#header_logo .logo>img {
    width: 45px;
}
footer h2,
h5,
.logo-text{
    font-family: "Aachenn Regular";
}
    .row.game-type-item-container {
    border: 1px solid;
    border-radius: 18px;
    margin-top: 28px;
    min-height: 350px;
    padding: 34px 120px 8px;
}
.game-type-item {
    display: inline-block;
    float: none;
    min-height: 115px;
  padding: 0 0 45px;
    font-size: 32px;
    line-height: 38.5px;
    color:#00000;
    width: 24%;
    font-family: Helvetica,Arial,san-serif;
}
#respond_button{
    margin: 15px auto;
}
#respond_button .timer-title {
    left: 2px;
    position: relative;
    top: 5px;
    font-size: 18px;
    color: orange;
}
.inhibitory-middle-menu {
    margin: 30px auto;
}
#sequence_text .timer-title {
    left: 2px;
    position: relative;
    top: 5px;
}
#print_button {
    position: relative;
    text-align: center;
    top: 52px;
    cursor: pointer;  
	display:none;
}

#print_button .menu-text{
	color: #608EC5;
}

.inhibitory-menu-print {
    margin-bottom: 45px !important;
}
#sequence_text {
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 90px;
    color: #073c69;
    height: 42px;
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
}
.col-lg-12.col-md-12.col-sm-12.company-info-container {
    margin-top: 54px;
    text-align: center;
}
.test-img {
    text-align: center;
}
.test-name {
    text-align: center;
margin-top: 16px;
font-size: 15px;
position: relative;
left: 3px;
line-height: 110%;
letter-spacing: 0px;
}
.row-custom-2 .game-type-item {
    display: inline-block;
    float: none;
}
.inner-container-game {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 51px;
}
.row-custom-2 {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}
footer {
display: inline-block;
    height: auto;
    padding: 24px 0 20px;
    text-align: center;
    width: 100%;
}
.col-lg-12.col-md-12.col-sm-12.footer-text {
/*    color: #c4c7ca;*/
 color: #69707A;
    font-size: 15px;
    line-height: 110%;
}

.col-lg-12.col-md-12.col-sm-12.footer-text-heading {
    color: #073c69;
}
.row.game-type-item-container {
 background: #fff none repeat scroll 0 0;
    border: 2px solid #7c7c7c;
    border-radius: 10px;
    min-height: 350px;
    padding: 100px 130px 17px;
}
/*.col-lg-12.col-md-12.col-sm-12.footer-text {
    color: #69707a;
    font-size: 36px;
    line-height: 43.2px;

}*/
.company-info {
    color: #8F8F8F;
    font-size: 17px;
}
/**
**Serial doting test page
**
***/
.serial-dotting-logo{
     font-size: 48px;
    line-height: 45px;
    margin-bottom: 40px;
    margin-top: 60px;
    text-align: center;
}
.logo-text {
    color: #073c69;
/*    margin-top: 10px;*/
    font-size: 22px;
}
.test-name h2 {
	color:#000;
    font-size: 17px;
    margin-top: 0;
    position: relative;
}
.test-img > img {
    left: 5px;
    position: relative;
    top: 0;
    width: 84px;
}
.serial-doting-body{
    /*background:#F9F9F9;*/
     background: url('../images/Background.png') no-repeat;
     background-size: cover;
}
.container.serial-doting-game-container {
 max-width: 967px;
 padding: 0px;
}
.serial-doting-game-container .col-lg-9.col-md-9.col-sm-9  {
    border-radius: 10px;
    min-height: 613px;
    text-align: center;
      border: 2px solid rgba(105,112,122,.75);
       background: #ffffff;
       width: 74.4%;
}
.container {
    padding-right: 17px;
    padding-left: 17px;
}


.content-section {
    margin-top: 25px;
/*    padding: 0 15%;*/
}

.button-container{
      border: 2px dashed rgba(105,112,122,.5);
          background: #ffffff;
          min-height: 613px;
           border-radius: 10px;
          
}
.button-inner-container {
    padding: 38px;
}
.serial-doting-game-container .col-lg-3.col-md-3.col-sm-3 {
        border-radius: 10px;
    min-height: 500px;
    padding: 0 0 11px 22px;
    width: 25.6%;

}
.timer-title {
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    left: 11px;
    bottom: 30px;
    color: #69707a;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: 'Helvetica Neu Bold';
}
.inhibitory-control-test .timer-title {
        bottom: -24px;
    left: 0px;
}
.serial-doting-desc .col-lg-9.col-md-9.col-sm-9.col-lg-offset-1.col-md-offset-1.col-sm-offset-1 {
   overflow-y:scroll; 
    max-height: 500px;
}
.desc-inner-container {
    padding: 85px 45px;
}
.serial-doting-desc h4 {
    text-align: left;
    font-family: 'Helvetica Neu Bold';
    font-size: 15px; 
    line-height: 100%;
}
.test-description-line {
     font-size: 15px;
    line-height: 120%;
    margin-top: 17px;
    text-align: left;
    
}
.test-description-line > p {
    margin: 0;
}
.serial-doting-desc .col-lg-3.col-md-3.col-sm-3 {
float: right;
margin-left: 0;
padding-top: 0;
padding-right: 0;
}
.serial-doting-desc .menu-bottom {
    margin-top: 128px;
    position: relative;
    text-align: center;
}
.go-to-test {
    color: #10a95b;
    text-align: center;
    font-size: 19px;
    margin-top: 6px;
    font-family: 'Helvetica Neu Bold';
}
.menu-middle {
    position: relative;
    text-align: center;
    top: 116px;
    cursor:pointer;
}
.menu-text {
    margin-top: 5px;
      font-size: 19px;
     font-family: 'Helvetica Neu Bold';
}
.menu-middle .menu-text {
   color:#69707a;
}
.content-section .col-lg-offset-1 {
    margin-left: 3%;
}
.menu-bottom.game {
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    display: inline-block;
    /*margin-top: 126px;*/
    position: absolute;
/*    padding: 0 47px;*/
    text-align: center;
    width: 145px;
    bottom: 53px;
}

.footer-text-heading h5 {
    font-size: 13px;
    line-height: 130%;
    margin-bottom: 3px;
    margin-top: 0;
}
.menu-top {
    margin: 0 auto;
    text-align: center;
}
.footer > p {
    margin-bottom: 5px;
}
.timer-text
{
       font-family: "Helvetica Neu Bold";
    font-size: 25px;
    margin: 0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    color: #073c69;

}

#gameIframe
{
    position: absolute;
    width: 96%;
    height: 96%;
    left: 2%;
    top: 2%;
    border: none;
}
#gameIframeScreenShot
{
    position: absolute;
    width: 96%;
    height: 96%;
    left: 2%;
    top: 2%;
    border: none;
}
.col-lg-7.col-md-7.col-sm-7.input-fields {
    margin-top: 21px;
     display: none;
}
.col-lg-7.col-md-7.col-sm-7.input-fields > input {
    border: 1px solid rgba(105, 112, 122, 0.75);
    border-radius: 7px;
    padding: 12px;
    width: 100%;
}
/** Serial doting test **/
.instrunction-set ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.instrunction-set ul li::before {
  content: "• ";
  color: #EE7D07; /* or whatever color you prefer */
}
.instrunction-set {
    margin-top: 15px;
}
.serial-doting-body a {
    text-decoration: none;
}
.text-bold {
    font-family: "Helvetica Neu Bold";
}
/**
  Confirmation popup css
*/
.overlay-print-confirmation {
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
}
.over-inner-container {
    height: 100%;
    position: absolute;
    width: 100%;
}
.over-inner-container .col-lg-3.col-md-3.col-sm-3 {
    margin-bottom: 33px;
    margin-top: 45px;
    width: 100%;
}
.button-confirmation-text > p:nth-child(1) {
    display: none;
}
.ok-confirmation {
    display: inline-block;
    padding: 6px 0;
    text-align: center;
    width: 55px;
    cursor: pointer;
}
.ok-cancel {
    display: block;
    float: left;
    height: 25px;
    margin-left: 0;
    padding-top: 12px;
    color: #D0001A;
}
.menu-middle.Sequence {
    margin: 10px auto;
    position: relative;
    text-align: center;
    top: 148px;
}
.menu-middle.Sequence.impingements {
    top: 225px;
}
.over-inner-container .row {
    position: relative;
}
.over-lay {
    background: white none repeat scroll 0 0;
    height: 100%;
    opacity: 0.5;
    width: 100%;
}
.start-test .menu-text {
    color: #4cbe83;
    font-size: 19px;
}
.Sequence .timer-title {
    left: 2px;
    position: relative;
    top: 0;
}
.tap-test-menu-container{
    border-radius: 10px;
    min-height: 500px;
    padding: 0 0 11px 22px;
    width: 25.6%;
}
.tap-test-menu-top{
    margin: 0px auto;
    text-align: center;
}
.tap-test-menu-text{
    margin-top: 5px;
    font-size: 18px;
    font-family: 'Helvetica Neu Bold';
}
.tap-test-start-test{
        top: 131px;
}
.tap-test-start{
    color: #4cbe83;
    margin-top: 6px;
    left: 0px;
}
.tap-test-menu-middle-sequence{
    margin: 10px auto;
    position: relative;
    text-align: center;
    top: 146px;
}
.tap-test-sequence{
    left: 0px;
    position: relative;
    top: 3px;
}
.tap-test-game-timer {
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 145px;
    bottom: 51px;
}
.tap-test-game-time {
    position: absolute;
    display: inline-block;
    width: 100%;
    text-align: center;
    left: 11px;
    bottom: 30px;
    color: #69707a;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: 'Helvetica Neu Bold';
}
.menu-middle.start-test {
    top: 130px;
}
.menu-text.Sequence {
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    margin: 0 auto;
     padding: 6px 0;
    position: relative;
    text-align: center;
    width: 100%;
      color: #073c69;
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
}
.ok-text {
    display: block;
    float: left;
    margin-left: 10px;
    min-height: 25px;
    padding-top: 12px;
    vertical-align: middle;
    color:#2EB36F;
}
.ok-confirmation > img {
    float: left;
}
.over-inner-container .row {
     border: 2px solid rgba(105, 112, 122, 0.75);
    border-radius: 5px;
    margin: 0 auto;
    max-width: 400px;
    min-height: 180px;
    text-align: center;
    top: 50%;
     background: #fff none repeat;
}
.menu-middle.print-tap-test {
    top: 58px;
}
.finsih-part-a .menu-text {
    color: #d0011b;
}
.part-b-link {
    position: relative;
    text-align: center;
    top: 148px;
}




.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    border-radius: 10px;
    min-height: 500px;
    padding: 0 0 11px 20px;
    width: 25.2%;
}

.inhibitory-control-test  .col-lg-9.col-md-9.col-sm-9 {
    border-radius: 10px;
    min-height: 613px;
    text-align: center;
    border: 2px solid rgba(105,112,122,.75);
    background: #ffffff;
    width: 74.8%;
}
.ok-confirmation.ok {
    width: 68px;
}
.ok-confirmation.cancel {
    left: 18px;
    position: relative;
    top: -6px;
}


/***

################################################################################################
               TRAIL MAKING TEST PAGES CSS
################################################################################################

**/
.trail-making-test .serial-doting-desc .menu-bottom {
    margin-top: 67px;   
}
.trail-making-test .menu-bottom.part-b-button {
    margin-top: 31px;
}
.trail-making-test .menu-middle.start-test {
    top: 130px;
}
.trail-making-test .menu-bottom.game{
        bottom: 51px;
}
.trail-making-test  .part-b-link {
  position:relative;
  text-align:center;
  top:93px;
}
/****************
###########################################################################################
              LINE DRAWING TEST
###########################################################################################
*************/
.line-drawing-test #print_button.menu-middle {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 52px;
}
.line-drawing-test .menu-middle.Sequence.impingements {
    top: 154px;
    width: 93px;
}
.line-drawing-test .menu-text.Sequence {
    padding: 2px 5px;
}
.menu-middle.Sequence.impingements.before-print {
    top: 130px;
}
/**
######################################################################################
                          INHIBITORY CONTOL TEST
######################################################################################
**/
.inhibitory-control-test .menu-text {
    margin-top: 5px;
}
.inhibitory-middle-menu {
    margin: 37px auto;
}
.inhibitory-control-test #sequence_text {
    margin: 4px auto;
}
/*@media (max-width: 1000px)
{
.trail-making-test .menu-middle.start-test {
    top: 7px;
}
.trail-making-test .menu-bottom.game {
    bottom: 0;
}

    .serial-doting-body .menu-bottom.part-a-button {
    margin-right: 29px;
}
.serial-doting-desc .menu-bottom.part-b-button, .serial-doting-desc .menu-bottom.part-a-button {
    float: left;
    left: 100px;
}
.menu-middle.Sequence {
    margin: 10px auto;
    position: relative;
    text-align: center;
    top: 119px;
}
#print_user_details.row.content-section {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0 3% 0 7%;
}
.part-b-link {
    float: left;
    left: 200px;
    position: relative;
    top: 9px;
    width: auto;
}
    .menu-middle.Sequence.impingements {
    left: 178px;
    top: 5px;
}
  .serial-doting-game-container .col-lg-3.col-md-3.col-sm-3 {
    float: left;
    margin: 0;
    min-height: 200px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    width: 100%;
}
.menu-middle {
    left: 190px;
}
.button-container {
    min-height: 110px;
    height: 110px;
}
.serial-doting-desc .menu-bottom {
    bottom: 0;
    float: right;
    margin-top: 8px;
    position: relative;
    text-align: center;
}
.button-inner-container {
    display: inline-block;
    padding: 10px 28px;
    width: 100%;
}
.menu-top {
    float: left;
    margin: 8px auto 0;
    text-align: center;
}
.serial-doting-desc .menu-bottom {
    bottom: 0;
    float: right;
    margin-top: 8px;
    position: relative;
    text-align: center;
}
.menu-middle {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 8px;
}
.menu-bottom.game {
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    bottom: -15px;
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    text-align: center;
    width: 145px;
}
.timer-title {
    bottom: auto;
    display: inline-block;
    float: right;
    font-family: "Helvetica Neu Bold";
    font-size: 12px;
    left: auto;
    margin-bottom: 4px;
    position: relative;
    right: -86px;
    text-align: center;
    top: 68px;
    width: auto;
}
.menu-middle.Sequence {
    left: 68px;
}
.menu-middle {
    left: 79px;
}
.menu-middle.start-test {
    margin-left: 44px;
    top: 8px;
}
.menu-middle.Sequence {
    margin: 15px auto 15px 18px;
    margin: 9px auto 0 50px;
    position: relative;
    text-align: center;
    top:0px;
}
#sequence_text {
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    margin: 0 auto;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 90px;
    color: #073c69;
    height: 42px;
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
}
.Sequence .timer-title {
    left: -17px;
    position: relative;
    top: 10px;
}
.serial-doting-game-container .col-lg-9.col-md-9.col-sm-9 {width: 100%;}

.inhibitory-control-test .menu-middle.Sequence {
    float: left;
    left: 40px;
    margin-top: 18px;
    top: 0;
}
.inhibitory-control-test .Sequence .timer-title {
    top: 6px;
}
.inhibitory-control-test .menu-middle.Sequence.respond {
    margin-top: 0;
}
.inhibitory-control-test .col-lg-9.col-md-9.col-sm-9 {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.inhibitory-control-test .menu-top{
    float: right;
}
.inhibitory-control-test .menu-bottom.game {
    float: left;
    height: auto;
    position: relative;
    top: 0;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    min-height: 180px;
    padding: 0;
    width: 100%;
    margin-top:30px;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 27px;
    width: 100%;
    right: 0;
}
.inhibitory-control-test .button-container {
    min-height: 110px;
    height: 110px;
}
.inhibitory-control-test .button-inner-container {
    min-height: 131px;
    padding: 20px 38px;
}

.inhibitory-control-test .menu-middle.Sequence {
    float: left;
    left: 119px;
    margin-top: 18px;
    top: 0;
}
.inhibitory-control-test .Sequence .timer-title {
    top: 6px;
}
.inhibitory-control-test .menu-middle.Sequence.respond {
    margin-top: 0;
}
.inhibitory-control-test .col-lg-9.col-md-9.col-sm-9 {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.inhibitory-control-test .menu-top{
    float: right;
}
.inhibitory-control-test .menu-bottom.game {
    float: left;
    height: 45px;
    position: relative;
    top: 13px;
    
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    min-height: 180px;
    padding: 0;
    width: 75%;
    margin-top:30px;
      float: none;
    margin:36px auto;
    text-align: center;
}
.inhibitory-control-test .menu-middle.start-test {
    top: 10px;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 9px;
    width: 100%;
}
.inhibitory-control-test .button-inner-container {
    min-height: 131px;
    padding: 20px 38px;
}
.inhibitory-control-test .timer-text {
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
    margin: 0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    color: #073c69;
        border-radius: 5px;
    border: 2px solid #d5d5d5;
}


.inhibitory-control-test .menu-text.Sequence {
    width: 120px;
}
.inhibitory-control-test .menu-bottom.game{
    border:none;
}
.inhibitory-control-test .menu-bottom.game {
    top: 11px;
     float: left;
    height: auto;
    position: relative;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 3px;
    width: 100%;
}
.line-drawing-test #print_button.menu-middle {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 6px;
}
.line-drawing-test .menu-middle.Sequence.impingements {
    top: 10px;
    width: 93px;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3{
    width: 100%;
}
#print_button {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 7px;
}
.trail-making-test .serial-doting-desc .menu-bottom {
    margin-top: 10px;
}
.trail-making-test .menu-bottom.part-b-button {
    margin-top: 11px;
}
.col-lg-7.col-md-7.col-sm-7.input-fields {
    left: 0;
    margin: 21px auto;
    position: relative;
    width: 100%
}
}*/
@media (max-width: 1000px)
{


.trail-making-test .menu-middle.start-test {
    top: 7px;
}
.trail-making-test .menu-bottom.game {
    bottom: 0;
}

    .serial-doting-body .menu-bottom.part-a-button {
    margin-right: 29px;
}
.serial-doting-desc .menu-bottom.part-b-button, .serial-doting-desc .menu-bottom.part-a-button {
    float: left;
    left: 100px;
}
.menu-middle.Sequence {
    margin: 10px auto;
    position: relative;
    text-align: center;
    top: 119px;
}
#print_user_details.row.content-section {
    margin: 0 5%;
    position: relative;
    text-align: center;
    width: 90%;
}
.part-b-link {
    float: left;
    left: 200px;
    position: relative;
    top: 9px;
    width: auto;
}
    .menu-middle.Sequence.impingements {
    left: 178px;
    top: 5px;
}
  .serial-doting-game-container .col-lg-3.col-md-3.col-sm-3 {
    float: left;
    margin: 0;
    min-height: 200px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    width: 100%;
}
.menu-middle {
    left: 190px;
}
.button-container {
    min-height: 110px;
    height: 110px;
}
.serial-doting-desc .menu-bottom {
    bottom: 0;
    float: right;
    margin-top: 8px;
    position: relative;
    text-align: center;
}
.button-inner-container {
    display: inline-block;
    padding: 10px 28px;
    width: 100%;
}
.menu-top {
    float: left;
    margin: 8px auto 0;
    text-align: center;
}
.serial-doting-desc .menu-bottom {
    bottom: 0;
    float: right;
    margin-top: 8px;
    position: relative;
    text-align: center;
}
.menu-middle {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 8px;
}
.menu-bottom.game {
    border: 2px solid #d5d5d5;
    border-radius: 5px;
    bottom: -15px;
    display: inline-block;
    float: right;
    position: relative;
    right: 0;
    text-align: center;
    width: 145px;
}
.timer-title {
    bottom: auto;
    display: inline-block;
    float: right;
    font-family: "Helvetica Neu Bold";
    font-size: 12px;
    left: auto;
    margin-bottom: 4px;
    position: relative;
    right: -86px;
    text-align: center;
    top: 68px;
    width: auto;
}
.menu-middle.Sequence {
    left: 68px;
}
.menu-middle {
    left: 79px;
}
.inhibitory-menu-print{
	left: 490px;
}
.menu-middle.start-test {
    margin-left: 44px;
    top: 8px;
}
.menu-middle.Sequence {
    margin: 15px auto 15px 18px;
    margin: 9px auto 0 50px;
    position: relative;
    text-align: center;
    top:0px !important;
}

#sequence_text {
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    margin: 0 auto;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 90px;
    color: #073c69;
    height: 42px;
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
}
.Sequence .timer-title {
    left: -17px;
    position: relative;
    top: 10px;
}
.serial-doting-game-container .col-lg-9.col-md-9.col-sm-9 {width: 100%;}

.inhibitory-control-test .menu-middle.Sequence {
    float: left;
    left: 40px;
    margin-top: 18px;
    top: 0;
}
.inhibitory-control-test .Sequence .timer-title {
    top: 6px;
}
.inhibitory-control-test .menu-middle.Sequence.respond {
    margin-top: 0;
}
.inhibitory-control-test .col-lg-9.col-md-9.col-sm-9 {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.inhibitory-control-test .menu-top{
    float: right;
}
.inhibitory-control-test .menu-bottom.game {
    float: left;
    height: auto;
    position: relative;
    top: 0;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    min-height: 180px;
    padding: 0;
    width: 100%;
    margin-top:30px;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 27px;
    width: 100%;
    right: 0;
}
.inhibitory-control-test .button-container {
    min-height: 110px;
    height: 110px;
}
.inhibitory-control-test .button-inner-container {
    min-height: 131px;
    padding: 20px 38px;
}

.inhibitory-control-test .menu-middle.Sequence {
    float: left;
    left: 119px;
    margin-top: 18px;
    top: 0;
}
.inhibitory-control-test .Sequence .timer-title {
    top: 6px;
}
.inhibitory-control-test .menu-middle.Sequence.respond {
    margin-top: 0;
}
.inhibitory-control-test .col-lg-9.col-md-9.col-sm-9 {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.inhibitory-control-test .menu-top{
    float: right;
}
.inhibitory-control-test .menu-bottom.game {
    float: left;
    height: 45px;
    position: relative;
    top: 13px;
    
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    min-height: 180px;
    padding: 0;
    width: 75%;
    margin-top:30px;
      float: none;
    margin:36px auto;
    text-align: center;
}
.inhibitory-control-test .menu-middle.start-test {
    top: 10px;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 9px;
    width: 100%;
}
.inhibitory-control-test .button-inner-container {
    min-height: 131px;
    padding: 20px 38px;
}
.inhibitory-control-test .timer-text {
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
    margin: 0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    color: #073c69;
        border-radius: 5px;
    border: 2px solid #d5d5d5;
}


.inhibitory-control-test .menu-text.Sequence {
    width: 120px;
}
.inhibitory-control-test .menu-bottom.game{
    border:none;
}
.inhibitory-control-test .menu-bottom.game {
    top: 11px;
     float: left;
    height: auto;
    position: relative;
}
.inhibitory-control-test .timer-title {
      display: inline-block;
    float: left;
    left: auto;
    position: relative;
    top: 3px;
    width: 100%;
}
.line-drawing-test #print_button.menu-middle {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 6px;
}
.line-drawing-test .menu-middle.Sequence.impingements {
    top: 10px;
    width: 93px;
}
.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3{
    width: 100%;
}
#print_button {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 8px;
}
.trail-making-test .serial-doting-desc .menu-bottom {
    margin-top: 10px;
}
.trail-making-test .menu-bottom.part-b-button {
    margin-top: 11px;
}
.col-lg-7.col-md-7.col-sm-7.input-fields {
    left: 0;
    margin: 21px auto;
    position: relative;
    width: 100%
}
.container {
     width: 100%; 
}
#respond_button {
    margin: 5px 0 0 0;
}
    .button-inner-container img{
        width: 50px;
    }
    .container.custom-container {
    /*margin: 0 30px;*/
}
.row.game-type-item-container {
    margin: 28px 20px 0;
    padding: 115px 0 0;
}
.content-section .col-sm-9 {
    width: 100%;
}
.content-section .col-sm-2 {
    width: 100%;
}
.serial-doting-game-container .col-lg-2.col-md-2.col-sm-2 {
    border: 2px solid #efefef;
    border-radius: 10px;
    margin-left: 0;
    min-height: 50px;
    padding: 22px 29px 0;
    margin-top: 10px;
    background: #ffffff;
}

.menu-bottom {
    bottom: 15px;
    left: 16px;
    position: relative;
    float: right;
    
    margin-top: 16px;
}
.menu-top {
    margin: 0 auto;
    text-align: center;
    float: left;
    margin-top: 8px;
}
.serial-doting-desc .menu-bottom {
    bottom: 0;
    float: right;
    margin-top: 8px;
    position: relative;
    text-align: center;
}
.button-inner-container {
    display: inline-block;
    padding: 10px 28px;
    width: 100%;
}
.serial-doting-game-container .col-lg-3.col-md-3.col-sm-3 {
/*    float: left;
    min-height: 200px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
   margin: 0 50px;
    width: 90%;*/
float: left;
    margin: 0 5%;
    min-height: 110px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    width: 90%;
}
.button-container {
    min-height: 110px;
    height: 110px;
}
.menu-middle {
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: center;
    top: 8px;
    float: left;
    margin: 0 auto;
}
.menu-bottom {
    bottom: 0;
    float: right;
    left: 0px;
    margin-top: 31px;
}
.game-type-item{
    width:25%;
}
.trail-making-test .menu-bottom{
    bottom: 0;
}
.menu-bottom.game{
    margin-top: 46px;
    position: relative;
    bottom: 0px;
    left: 0px;
}

.start-test .menu-text
{
    font-size: 15px;
}
.menu-text, .go-to-test {
/*    font-size: 12px;*/
    font-size: 15px;
    line-height: 100%;
}
.timer-title {
    left: 278px;
}
/*.menu-middle {
    left:190px;
}*/

.menu-bottom.game {
    margin-top: 9px;
}
.timer-title {
 bottom: auto;
    left: auto;
    position: relative;
    top: 61px;
    width: auto;
}

.container.serial-doting-game-container.serial-doting-game-container {
    margin: 0 50px;
}
.serial-doting-game-container .col-lg-9.col-md-9.col-sm-9{ margin: 0 5%;
    width: 90%;}
.container.serial-doting-game-container.serial-doting-game-container {
    margin: 0 0;
}
.serial-doting-desc .menu-bottom.part-b-button, .serial-doting-desc .menu-bottom.part-a-button {
    float: left;
    left: 100px;
}
.inhibitory-control-test .menu-middle.Sequence {
    float: left;
    left: 100px;
    margin-top: 15px;
    top: 0;
}
.inhibitory-control-test .Sequence .timer-title {
    top: 6px;
}
.inhibitory-control-test .menu-middle.Sequence.respond {
    margin-top: 0;
}
.inhibitory-control-test .col-lg-9.col-md-9.col-sm-9 {
    float: none;
    margin: 0 50px;
    text-align: center;
}

.inhibitory-control-test .menu-top{
    float: right;
}

.inhibitory-control-test .col-lg-3.col-md-3.col-sm-3 {
    min-height: 110px;
    padding: 0;
    width: 90%;
    margin-top:30px;
     float: none;
    margin:35px 50px;
    text-align: center;
}

.inhibitory-control-test .button-container {
    min-height: 110px;
    height: 110px;
}
.inhibitory-control-test .button-inner-container {
    min-height: 110px;
    padding: 10px 38px;
}
.heading h1 {
   color: #073c69;
    font-size: 34px;
    line-height: 43.2px;
    padding-top: 18px;
    position: relative;
    text-align: center;
    margin: 25px 0 20px 0;
}
.game-type-item {
    width: 32%;
       padding: 0 0 53px;
}
.col-lg-12.col-md-12.col-sm-12.company-info-container {
    margin-top: 32px;
    text-align: center;
}
/**************
LINE DRAWING TEST
*/
.line-drawing-test .serial-doting-game-container .col-lg-9.col-md-9.col-sm-9 {
/*    float: none;
    margin: 0 auto;
    width: 78%;
      min-height: 450px;*/
 float: left;
    margin: 0 5%;
    min-height: 585px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    width: 90%;
}
.line-drawing-test .serial-doting-game-container .col-lg-3.col-md-3.col-sm-3 {
/*    float: none;
    margin: 0 auto;
    min-height: 115px;
    padding-top: 14px;
    width: 78%;*/
    float: left;
    margin: 0 5%;
    min-height: 110px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 33px;
    width: 90%;
}
.line-drawing-test .menu-top {
/*    float: right;*/
    float: left;
    position: relative;
/*    right: 29px;*/
    right: 0px; 
}
.line-drawing-test #print_button.menu-middle {
/*    float: right;*/
    margin-right: 141px !important;
    position: relative;
    top: 9px;
    float: left;
}
.menu-text {
   margin-top: 6px;}
.line-drawing-test .menu-middle.Sequence.impingements {
 	left: 200px;
    top: 13px;
    width: 71px;
	margin-top: 22px;
}
.line-drawing-test .Sequence .timer-title {
    font-size: 12px;
    left: -7px;
    position: relative;
    top: 0;
}
.line-drawing-test .timer-text {
    color: #073c69;
    font-family: "Helvetica Neu Bold";
    font-size: 25px;
    margin: 0;
    padding: 1px 0;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}
.line-drawing-test .menu-bottom.game {
    float: left;
    left: -80px;
    margin-top: 22px;
    width: 104px;
}
.line-drawing-test .timer-title {
    bottom: auto;
    float: left;
    left: -148px;
    position: relative;
    top: 56px;
    width: auto;
}

.line-drawing-test #print_user_details {
/*   left: 10px;*/
    margin: 0 auto;
    position: relative;
    width: 94%;
}
/*#print_button {
    cursor: pointer;
    position: relative;
    text-align: center;
    top: 7px;
}*/
.trail-making-test .serial-doting-desc .menu-bottom {
    margin-top: 10px;
}
.col-lg-7.col-md-7.col-sm-7.input-fields {
     left: 36px;
    position: relative;
    text-align: center;
    width: 94%;
}
}

@media(max-width:645px)
{
 .serial-doting-game-container .col-lg-2.col-md-2.col-sm-2 {
    min-height: 88px;
}
.menu-top {
    float: left;
}
}
#print_user_details
{
    
}
.print-details-second
{
    margin-top:25px;
}
.print_input_heading
{
    font-family: helvetica neu bold; 
    color: #69707a;    
    font-size: 12px;    
    font-weight: inherit;    
    margin-bottom: 5px;
    float: left;
}
.print_input
{
    font-family: Arial;
    width: 100%;
    height: 45px;
    border-radius: 5px;
    border: 2px #d8d8d8 solid;
    padding-left: 10px;
    font-weight: normal;
    font-size: 16px;
    color: #344b6d;
}
.print_input:focus{
    outline: none;
    border-color: #9ecaed;

}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   opacity: 0.5;
   font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
   opacity: 0.5;
   font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
   opacity: 0.5;
   font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
   opacity: 0.5;
   font-size: 14px;
}