html{
   margin:0;
	padding:0;
   height: 100%;
}
body{
   height:100%;
   background-color:#1b2530;
   background-color:orange;
   background-color:#edf3f7;

   margin:0;
	padding:0;
}
a{
   cursor:pointer;
}

.mainHeader{
   font-size:30px;
   padding:0px 0px 10px 0px;
   margin-bottom:10px;
   border-bottom:1px solid #dce1e4;
}

.form-control:focus{
   border:2px solid #89bfdf;
}

#quizowl{
   min-height:100%;
	position:relative;
}
#quizowl .mainWrap{
   height:100%;
   background-color:#edf3f7;
   padding-bottom:52px;
}
#quizowl .mainWrap .container{

}
#quizowl .mainWrap .container.padbottom{
   padding-bottom:30px;
}

.features{
   background-color:#dffbf2;
   padding:30px 0px;
}
.features .cell{
   text-align:center;
   padding:10px;
}

.features .glyphicon{
   font-size:50px;
   color:#3498db;
}
.features .cell p{
   font-size:18px;
}

.guides{
   background-color:#dffbf2;
   padding:30px 0px 0px 0px;
   text-align:center;
}
.guides .container{
   padding:30px 0px 30px 0px;
   border-top:1px solid #b0f0e5;
}
.guides .container .gwrap{
   border:1px solid #b0f0e8;
   padding-bottom:30px;
   margin-bottom:70px;
   background-color:#c1f5ee;
   border-radius:10px;
}
.guides h3{
   padding-bottom:30px;
   color:#00201c;
   text-shadow:0px 0x 2px white;
}
.guides .guildeButtonContainer a{
   font-size:18px;
   margin:10px 0px;
   width:80%;
}
.guides .guildeButtonContainer .alignLeft{
   text-align:center;
}
.guides .guildeButtonContainer .alignRight{
   text-align:center;
}

/************* main navigation **********/
.navbar{
   margin-bottom:0px;
}
.navBtnCenter{
   position:relative;
   top:0px;
   width:100%;
   display:block;
   margin-bottom:10px;
}
.navWelcome{
   position:relative;
   top:20px;
   color:white;
}
.genBtnSmall{
   padding:3px 10px 3px 10px !important;
}
/************* main navigation **********/


/************* About Us **********/
.aboutContent{
   padding-top:10px;
}
.aboutContent .textWrap{
   padding:20px 30px 20px 30px;
   background-color:#dffbf2;
   border:1px solid #a7f9d9;
   border-radius:10px;
   margin-bottom:20px;
}
.aboutContent .textWrap h4{
   color:#1e6e52;
   font-size:1.6em;
}
.aboutContent .textWrap p{
   text-align:left;
   color:#091b14;
}
/************* About Us **********/



/********** shared ***********/
.main_content{
   background-color:white;
}
footer{
   background-color:#1b2530;
   color:white;

   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   text-align: center;
}
footer p{
   padding:15px 0px 5px 0px;
}
/********** shared ***********/

/********** header ************/
header{

}
.header_gradient{
   background: #293849;
   background: -moz-linear-gradient(top,  #293849 0%, #293849 45%, #253242 55%, #1a242f 100%);
   background: -webkit-linear-gradient(top,  #293849 0%,#293849 45%,#253242 55%,#1a242f 100%);
   background: linear-gradient(to bottom,  #293849 0%,#293849 45%,#253242 55%,#1a242f 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293849', endColorstr='#1a242f',GradientType=0 );
}
/********** header ************/

/************ home ****************/
.callout{
   background-color:#7fb23b;
   background-image:url(../images/tealbg.jpg);
   border-bottom:3px solid #c4eadd;
   box-shadow:0px 0px 4px black;
}
.callout img.owl{
   height:300px;

   position:absolute;
   top:50%;
   left:-38px;
   margin-top:-150px;

   /*
   position:absolute;
   bottom:0px;
   */
}

.callout .callbox{
   position:relative;
   z-index:1;
   margin-top:30px;
   text-align:center;
}

.jumbotron .qod{
   font-size:20px;
   margin-bottom:15px;
}
.jumbotron .quote{
   color:#5a6e80;
}
.jumbotron .author{
   display:block;
   color:#9ba9b3;
   margin-top:15px;
   font-size:0.8em;
}
/************ home ****************/

/************ login ****************/
.mainWrap .loginContainer,
.mainWrap .loginErrorMessage{
   max-width:350px;
   margin:0px auto;
}
.loginBtn{
   padding-left:50px;
   padding-right:50px;
}
/************ login ****************/

/************ build ***************/
.testBuildContainer{
   margin:0px auto;
   padding:20px;
   max-width:600px;
   border:2px solid #dce4ec;
   border-radius:10px;
}
.testHeaderSubLabel{
   max-width:600px;
   margin:0px auto;
}

.control-label span.mandatory{
   color:red;
}
/************ build ***************/


/************ dashboard ***************/
.dash{
   padding-bottom:30px;
}
.dash h3{
   border-bottom:1px solid #dce1e4;
   padding-bottom:5px;
   margin-bottom:15px;
}

section.quiz_list{
   padding:10px 0px;
   margin-top:20px;
   border-top:1px solid #dce1e4;
}
section.quiz_list ul{
   list-style:none;
   margin:0px;
   padding:0px;
   width:100%;
}
section.quiz_list ul li{
   width:100%;
}
section.quiz_list ul.listHeader li{
   color:black;
   padding:10px;
   cursor:pointer;
   border-bottom:1px solid #adc7cf;
}
section.quiz_list ul.listHeader li:last-child{
   cursor:normal;
}
section.quiz_list ul.listHeader li span.glyphicon{
   color:black;
}
section.quiz_list .testListWrap{
   border-bottom:1px solid #adc7cf;
}

section.quiz_list ul.listBody{
   overflow:hidden;
}
section.quiz_list ul.listBody .quizStatus.design{
   color:#f39c12;
}
section.quiz_list ul.listBody .quizStatus.published{
   color:#18bc9c;
}
section.quiz_list ul.listBody .quizStatus.closed{
   color:#e74c3c;
}
section.quiz_list ul.listBody .icons button{
   cursor:pointer;
   padding:5px 10px;
   font-size:12px;
}
section.quiz_list ul.listBody li{
   margin-bottom: -99999px;
   padding-bottom: 99999px;
}
section.quiz_list ul.listBody li span.wrap{
   display:block;
   padding:12px 10px 0px 10px;
}
section.quiz_list ul.listBody li span.iconsWrap{
   padding:7px 10px 5px 10px;
}
section.quiz_list ul.listBody li:first-child{
   border-left:1px solid #adc7cf;
}
section.quiz_list ul.listBody li:last-child{
   border-right:1px solid #adc7cf;
}
section.quiz_list ul.listBody li.lighter{
   background-color:#eaeef0;
}
section.quiz_list ul.listBody li.darker{
   background-color:#d3dfe3;
}
section.quiz_list ul.listBody a{
   color:black;
   font-weight:bold;
}
.btnEdit{
   padding:3px 20px;
}
.noTestList{
   padding:50px;
   color:#33393b;
   background-color:#d8e0e2;
   border-color:#c0cdd0;
   border-radius:15px;
   margin:20px 0px;
}

.panel{
   text-align:left;
}
.panel h3{
   border:none;
   padding:0px;
   margin:0px;
}
.panel .panel-heading{
   position:relative;
   padding-right:60px;
}
.panel .panel-heading div.icons{
   position:absolute;
   top:7px;
   right:7px;
}
.panel .panel-heading div.icons .glyphicon{
   margin-left:10px;
   color:white;
   cursor:pointer;
}
.panel .panel-heading div.icons .glyphicon:hover{
   color:#b1ebff;
}

.tooltip-inner{
   min-width:100px;
   max-width:200px;
}
/************ dashboard ***************/

/******** buildModal ********/
.textMatchHelperBlock{
   padding-left:0px;
   color:gray;
   text-align:center;
   font-size:13px;
}
/******** buildModal ********/

/************* buildNavigation ***************/
.navbar .navbar-brand img{
   position:relative;
   top:-7px;
   width:80px;
}
.buildItemWrap{
   margin-bottom:30px;
}
.buildNavigation{
   text-align:center;
   border-bottom:1px solid #dce1e4;
   margin-bottom:30px;
}
.buildNavigation ul.nav{
   display:inline-block;
   zoom:1;
   #display:inline;
}
.questionWrap{
   padding-bottom:40px;
   margin-bottom:40px;
   border-bottom:1px solid #dce1e4;
   font-size:20px;
}
.questionWrap h4{
   margin-bottom:20px;
   font-size:23px;
}

/* for radios that have image choices */
.questionWrap img.imageChoice{
   max-width:100%;
   height:auto;
   display:block;
   margin:0px auto;
}
.questionWrap div.image div.radio,
.questionWrap div.image div.checkbox{
   text-align:center;
   margin:0px 0px 10px 0px;
}
.responseWrap div.image label{
   position:relative;
   border:3px solid #c7d3e9;
   border-radius:15px;
   font-size:14px;
}
.responseWrap div.image label .glyphicon-ok{
   position:absolute;
   left:50%;
   top:50%;
   width:35px;
   height:35px;
   margin-left:-17px;
   margin-top:-37px;
   display:none;
}
/*  remove the OK.. for mobile.. so they don't have to click twice..
.responseWrap div.image label:hover .glyphicon-ok{
   display:block;
   color:white;
   background-color:black;

   opacity:0.5;
}
*/
.responseWrap div.image label span{
   padding:10px 0px 0px 0px;
   height:50px;
   overflow:hidden;
   display:block;
}
.responseWrap:not(#foo) div.image label{
   padding:10px;
   background-image:none !important;
   background-color:black;
   color:white;
}
.responseWrap:not(#foo) div.image div > input[type='radio']:checked + label,
.responseWrap:not(#foo) div.image div > input[type='checkbox']:checked + label{
   padding:10px;
   background-image:none;
	color:black;
   background-color:#66b7ec;
   font-weight:normal;
}
.responseWrap:not(#foo) div.image div > input[type='radio']:checked + label .glyphicon-ok,
.responseWrap:not(#foo) div.image div > input[type='checkbox']:checked + label .glyphicon-ok{
   display:block;
   color:white;
   background-color:black;
}

/* now correct / incorrect displays */
.responseWrap .isReviewing .isCorrect{
   border:1px dashed #40e461;
   border-radius:10px;

}
.responseWrap .isReviewing .isSelected{
   border:1px solid #d6221a;
   border-radius:10px;
}
.responseWrap .isReviewing .isCorrect.isSelected{
   border:1px solid #40e461;
   border-radius:10px;
   background-image:url(../images/check_1x.png);
   background-position:right 10px center;
   background-repeat:no-repeat;
}

.responseWrap .isReviewing .isCorrect label,
.responseWrap .isReviewing .isSelected label{
   margin-top:0px;
}

.answerReview{
   padding:10px 20px;
   color:white;
   border-radius:10px;
}
.answerReview.correct{
   background-color:#bafcc9;
   color:black;
}
.answerReview.incorrect{
   background-color:#fcafac;
   color:black;
}

.answerReview .answerHeader{
   color:#d4170a;
}


.responseWrap .isReviewing .feedback{
   position:relative;
   border-radius:5px;
   padding:10px;
   margin:10px 0px;
   color:#686868;
}
.responseWrap .isReviewing .panel_danger .feedback{
   border:1px solid #e74c3c;
}
.responseWrap .isReviewing .panel-success .feedback{
   border:1px solid #18bc9c;
}

/** SELECT section (for word_match) **/
.questionWrap .isReviewing select.isWrong{
   border:2px solid #d6221a;
}
.questionWrap .isReviewing select.isRight{
   border:2px solid #40e461;
}

/** word match **/
.isReviewing .isWrong{
   border:2px solid #d6221a;
}
.isReviewing .isRight{
   border:2px solid #40e461;
}


/*** pictures ****/
.responseWrap .isReviewing label.isCorrect{
   border:3px solid #40e461 !important;
}
.responseWrap .isReviewing label.isSelected{
   border:3px solid #d6221a !important;
}
.responseWrap .isReviewing label.isCorrect.isSelected{
   border:3px solid #40e461 !important;
   background-image:url(../images/check_1x.png);
   background-position:right 10px center;
   background-repeat:no-repeat;
}

/************* buildNavigation ***************/



/************  Pages Panel Control ***************/
.buildItemWrap .panel-body .outerWrap{
   position:relative;
   padding-top:35px;
   text-align:left;
}
.buildItemWrap .panel-body .outerWrap .panelControlWrap{
   position:absolute;
   right:10px;
   top:10px;
}
.buildItemWrap .panel-body .outerWrap .panelControlWrap .btn{
   cursor:pointer;
   padding:5px 10px;
   font-size:12px;
}

/* remove buildItemWrap in other "page" pages.  this is to remove the extra top padding its outerWrap provides */
.pageItemWrap{
   margin-bottom:30px;
}
/************  Pages Panel Control ***************/



/*************  Special Topics Response ************/

.topicsResponseWrap.topWrap .tresponse{
   padding:10px;
}

.topicsResponseWrap{
   background-color:#66b7ec;
}
.topicsResponseWrap .t-gutter{
   float:left;
   width:100%;
}
.topicsResponseWrap .t-gutter.left{
   text-align:center;
}
.topicsResponseWrap .t-gutter.right{

}
.topicsResponseWrap .t-gutter.right .tresponse{
   float:left;
}

.topicsResponseWrap .t-gutter.left{
   padding:10px;
}
.topicsResponseWrap .t-gutter.right .tresponse{
   text-align:center;
   word-wrap:break-word;
}
.topicsResponseWrap .t-gutter.right .tresponse div.checkbox,
.topicsResponseWrap .t-gutter.right .tresponse div.radio{
   margin:0px;
}

.topicsContentWrap .topicsRow:nth-child(even){
   background-color:#ddf1fd;
}
.topicsContentWrap .topicsRow:nth-child(odd){
   background-color:#c8e9fc;
}


/* here is responsive classes */
.topicsResponseWrap .t-gutter.right .tresponse .lblText{
   display:none;
   font-size:18px;
}
.responseWrap:not(#foo) .topicsResponseWrap div > input[type='checkbox'] + label,
.responseWrap:not(#foo) .topicsResponseWrap div > input[type='radio'] + label{
   background-position: center center;
   min-height:46px;
   padding:5px;
   margin-top:0px;
}

.responseWrap:not(#foo) .topicsResponseWrap div > input[type='checkbox'] + label:hover{
   background-image:url(../images/checkbox_empty_over_1x.png);
}
.responseWrap:not(#foo) .topicsResponseWrap div > input[type='checkbox']:checked + label:hover{
   background-image:url(../images/checkbox_1x.png);
}
.responseWrap:not(#foo) .topicsResponseWrap div > input[type='radio'] + label:hover{
   background-image:url(../images/radio_empty_over.png);
}
.responseWrap:not(#foo) .topicsResponseWrap div > input[type='radio']:checked + label:hover{
   background-image:url(../images/radio1_1x.png);
}


/** gutter size calculations.  Below, the 'size' means number of responses **/
.topicsResponseWrap .t-gutter.left.size1{
   width:60%;
}
.topicsResponseWrap .t-gutter.right.size1{
   width:40%;
}
.topicsResponseWrap .t-gutter.right.size1 .tresponse{
   width:100%;
}
/** gutter size calculations.  Below, the 'size' means number of responses **/


/**  Responsive stuff for the grid **/


.topicsResponseWrap.topWrap{
   display:none;
}
.topicsResponseWrap.topWrap.size1{
   display:block;
}


.topicsResponseWrap .t-gutter.right.size2 .tresponse span.lblText,
.topicsResponseWrap .t-gutter.right.size3 .tresponse span.lblText{
   display:block;
   margin-top:80px;
   margin-bottom:20px;
}
.topicsResponseWrap .t-gutter.right.size3 .tresponse{

}

.topicsResponseWrap .t-gutter.right.size2 .tresponse{
   width:50%;
}
.topicsResponseWrap .t-gutter.right.size3 .tresponse{
   width:33.3333%;
}
.topicsResponseWrap .t-gutter.right.size4 .tresponse,
.topicsResponseWrap .t-gutter.right.size5 .tresponse,
.topicsResponseWrap .t-gutter.right.size6 .tresponse{
   width:100%;
}

.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size4 .tresponse label,
.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size5 .tresponse label,
.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size6 .tresponse label{
   background-position:10px center;
}
.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size4 .tresponse label span.lblText,
.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size5 .tresponse label span.lblText,
.responseWrap:not(#foo) .topicsResponseWrap .t-gutter.right.size6 .tresponse label span.lblText{
   display:block;
   text-align:left;
   padding-left:50px;
   margin-top:5px;
}
/**  Responsive stuff for the grid **/
/*************  Special Topics Response ************/



#buildQuestionForm label{
   padding-top:11px;
}
#buildQuestionForm .dropdown-menu li a{
   padding:10px 20px;
}
#buildQuestionForm .control-label{
   text-align:center;
}

#buildQuestionForm .formGroupSpacing{
   margin-bottom:20px;
   padding-bottom:20px;
}

#buildQuestionForm .formResponseSpacing{
   padding:0px 0px 10px 0px;
   margin-bottom:10px;
   border-bottom:1px solid black;
}

#buildQuestionForm .formResponseContainer{
   padding:0px;
}
#buildQuestionForm .formResponseContainer .removeIcon{
   position:relative;
   top:12px;
   color:black;
   cursor:pointer;
   font-weight:bold;
   font-size:25px;
}
#buildQuestionForm .formResponseContainer .removeIcon:hover{
   color:red;
}

#buildQuestionForm .formResponseContainer .fileInputContainer{
   /*padding:12px 0px 10px 0px;*/
}
#buildQuestionForm .formResponseContainer .fileInput{
   position:absolute;

   visibility:hidden;

}

#buildQuestionForm .responseFileLabel{
   padding:4px;
   margin:0px 5px;
   width:90%;
   color:black;
   background-color:#c4d2d0;
   text-align:center;
   border-radius:10px;
}
#buildQuestionForm .responseFileLabel.chosen{
   background-color:#3498db;
   color:white;
}
#buildQuestionForm .responseFileLabel span.fileLabelText{
   display:block;
   padding:6px;
   border:1px dashed white;
   border-radius:10px;
}

#buildQuestionForm .has-error .responseFileLabel{
   border:2px solid red;
}

/*************  BuildModal ************/
#buildModal .modal-lg{
   /*
   width:1200px;
   */
}
.normalContent{
}
.editContent,
.conclusionContent{
   display:none;
   text-align:right;
}
/*************  BuildModal ************/




/***************** settings ******************/
.settings .form-group{
   border-bottom:1px dashed #c9d2d3;
   padding-bottom:20px;
}
.settings .form-group label.control-label{
   padding:12px 10px 0px 0px;
   text-align:right;
}

.settings .form-group .inner{
   padding:0px;
   margin:0px;
}
.settings .form-group .inner .sublabel,
.settings .form-group .grayoutText{
   color:#97a6a7;
}
.settings .form-group .grayoutText{
   padding-left:0px;
   text-align:center;
}

.settings .form-group label.control-label.padTopInner,
.settings .form-group .padTopInner{
   padding-top:20px;
}

.settings .form-group .padTopInnerSmall{
   padding-top:12px;
}
.settings .form-group .inner input[type='checkbox']{
   position:relative;
   top:5px;
   width:25px;
   height:25px;
   display:inline-block;
   zoom:1;
   #display:inline;
}
/***************** settings ******************/


/***************** Grading ******************/
.grading .gradingHeader{
   border-bottom:1px solid #dce1e4;
   padding:10px 0px;
}
.grading .gradingHeader div{
   font-size:20px;
}

.grading .gradingRow{
   border-bottom:1px dashed #dce1e4;
   padding:10px 0px;
}
.grading .gradingRow div.left{
   border-right:1px solid #dce1e4;
   font-size:23px;
}
.grading .gradingRow div label{
   padding:6px 0px;
   margin:0px;
   text-align:right;
   width:40px;
   text-align:left;
}
.grading .gradingRow .topIndent{
   padding-top:8px;
   font-size:20px;
}
.grading .gradingRow input{
   max-width:70px;
}
/***************** Grading ******************/




/***************** Publish ******************/

.topPublishSection{
   border-bottom:2px solid #a4c5d8;
   margin-bottom:30px;
}

.publish h4{
   font-size:20px;
}

.publish .form-group{
   border-bottom:0px;
   margin-bottom:0px;
}

.publish .publishContent{
   padding-top:12px;
}
.publish .publishContent.status{
   color:#006588;
   font-weight:bold;
}
.publish .btnPublish{
   font-size:25px;
}
.publish.statusBox{
   padding:20px;
   font-size:19px;
}
.publish.statusBox span.status{
   color:orange;
   font-weight:bold;
}

.publish ul.publishNav{
   list-style:none;
   margin:0px;
   padding:0px;
}
.publish ul.publishNav li{
   padding:5px 0px;
}
.publish ul.publishNav li button{
   width:100%;
   font-size:16px;
   padding:10px 10px;
}
.publish ul.publishNav li button.selected{
   background: #1e5799;
   background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
   background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
   background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );

   border:1px solid #0f5ca1;
}

.publish .linkContainer{
   position:relative;
   padding-bottom:50px;
}
.publish .linkContainer:last-child{
   padding-bottom:2px;
}
.publish .linkContainer em{
   color:#6e8186;
   font-style:normal;
   padding-left:15px;
}
.publish .linkContainer .leftBullet{
   position:absolute;
   left:0px;
   top:0px;
   padding:20px;
   background-color:#97d2f5;
   border-right:1px solid #58bbf6;
}
.publish .linkWrap{
   position:relative;
   padding:20px 20px 20px 100px;
   background-color:#d1eaf9;
   border:1px solid #8bc7eb;
}

.emailListContainer{
   padding:15px;
   background-color:#d1eaf9;
   border:1px solid #8bc7eb;
   border-radius:5px;
}
.emailListContainer .emailItem{
   position:relative;
   display:inline-block;
   zoom:1;
   #display:inline;
   margin:10px;
   background-color:#86c2e6;
   border:1px solid #33a4e7;
}
.emailListContainer .emailItem em{
   display:block;
   font-style:normal;
   padding:5px 45px 5px 5px;
   color:black;
}
.emailListContainer .emailItem .closeX{
   position:absolute;
   right:0px;
   top:0px;
   background-color:#07669f;
   color:white;
   padding:5px 12px;
   cursor:pointer;
}
.emailListContainer .emailItem .closeX:hover{
   background-color:#012c47;
}
.emailListContainer .emailItem .closeX.disabled{
   cursor:not-allowed;
   background-color:#3e83ac;
}
.emailListContainer .emailItem .closeX.disabled:hover{
   background-color:#3e83ac;
}

.emailListLabel{
   display:block;
   padding:5px 10px;
   text-align:center;
   font-size:18px;
   /*
   background-color:#6ec2f4;
   border:1px solid #18a7fc;
   */
}
.emailAddWrap{
   background-color:#d1eaf9;
   border:1px solid #8bc7eb;
   margin-bottom:20px;
   padding-bottom:20px;
   border-radius:5px;
}
.emailAddWrap .btnContainer{
   padding-top:20px;
   text-align:center;
}

.emailContentWrap{
   padding:15px 0px 15px 0px;
}

.midpos{
   text-align:center;
   padding-top:20px;
}

.duplicateError,
.publishError{
   color:red;
   text-align:center;
   padding-bottom:20px;
}
/***************** Publish ******************/





/*************** Help Section Images ***********/
.help_section img{
   width:100%;
   margin:10px 0px;
   border:1px solid #bfd4e1;
   max-width:400px;
   display:block;
   margin-left:20px;
   box-shadow:0px 0px 5px #93c7e9;
}
.help_section ul li ul li img{
   max-width:350px;
}
.help_section ul{
   margin:0px;
   padding:0px 0px 0px 10px;
   list-style:outside;
}
.help_section ul li{
   color:#24313a;
   font-weight:normal;
   padding: 10px 0px;
   border-bottom:1px solid #bfd6e7;
}
.help_section ul li:last-child{
   border:none;
}
.help_section ul li:nth-child(even){
   /* background-color: #cbdae5; */
}
.help_section ul li.noListStyle{
   list-style:none outside none;
}
.help_section ul li ul{
   list-style: circle;
   padding-left:25px;
}
.help_section .helpItem{
   border-bottom: 1px solid #b5c4cd;
   margin-bottom:30px;
}
.help_section .text-muted{
   font-weight:normal;
}
.help_section img.inline{
   display:inline;
   border:none;
   max-width:250px;
}
/*
img.img_help1{
   max-width:812px;
}
img.img_help2{
   max-width:594px;
}
img.img_help3{
   max-width:741px;
}
*/
/*************** Help Section Images ***********/



/*************** Test Classes ******************/

.testWrap .headerWrap{
   padding-bottom:15px;
   border-bottom: 1px solid #c4cdd2;
   margin-bottom:15px;
}

.testWrap .entryFormContainer{
   max-width:500px;
   margin:0px auto;
}

.testWrap .introduction,
.testWrap .conclusion{
   padding:10px;
   font-size:22px;
   margin:30px 0px 50px 0px;
}

.testQuestionsContainer{
   position:relative;
}
.testQuestionsContainer .cover{
   position:absolute;
   left:0px;
   top:0px;
   z-index:1;
   width:100%;
   height:100%;
   background-color:white;
   opacity:0.7;
}
.testQuestionsContainer .testQuestionLoader{
   position:fixed;
   left:50%;
   top:50%;
   margin-left:-10px;
   margin-top:-10px;
}
/*************** Test Classes ******************/




/************** QUIZ PAGES !!!!!!!!!!!!!! ***********************/

.quizContent{
}
.progressContainer{
   padding:3px;
   border:1px solid #033251;
   border-top:1px solid #0d67a3;
   background-color:#0a6fb2;
   margin:20px 0px;
   border-radiius:7px;
   -moz-border-radius:7px;
   -webkit-border-radius:7px;
}
.progress{
   padding:0px;
   height:15px;
   margin-bottom:0px;
   background-color:#dfeaf1;
   border:1px solid #abdeff;
}
.progress .progress-bar{
   font-size:12px;
   line-height:15px;
}
.progressbar{
   height:20px;
   background-color:#a7f9bc;
   border:1px solid #37c35a;
   margin:20px 0px;
   border-radius:7px;
   overflow:hidden;
}
.progressbar .inner{
   height:20px;
   width:0%;
   background-color:#156c9b;
}
.nextBtnWrap{
   text-align:center;
}
.quizError{
   max-width:500px;
   text-align:center;
   margin:10px auto 30px auto;
}
.scorePageWrap{
   padding:30px 0px 10px 0px;
}
.scorePageWrap .xOutofX{
   font-size:20px;
}
.scorePageWrap .xOutofX i{
   font-style:normal;
   color:#0094bc;
   font-weight:bold;
   text-decoration:underline;
}
.scorePageWrap .totalScore{
   margin:15px 0px 20px 0px;
   font-size:18px;
}
.scorePageWrap .totalScore b{
   font-size:50px;
   color:#3498db;
   display:block;
}
.conclusionWrap{
   background-color:#3498db;
   color:white;
   max-width:500px;
   margin:0px auto 30px auto;
}
.scoreOwl{
   max-width:300px;
}

/************** QUIZ PAGES !!!!!!!!!!!!!! ***********************/



/******* Score page ***********/
.conclusionScore h2{
   margin-top:5px;
}
/******* Score page ***********/



/************ misc ****************/
.center{
   text-align:center;
}
.centerAlign{
   margin:0px auto;
}
.alignLeft{
   text-align:left;
}
.alignRight{
   text-align:right;
}
.smallItemAlign{
   text-align:center;
}
.nodisplay{
   display:none;
}
.notVisible{
   visibility:hidden;
}
.noMargin{
   margin:0px;
}
.noPadding{
   padding:0px;
}
.red{
   color:red;
}
.pointer{
   cursor:pointer;
}
.marginBottom{
   margin-bottom:20px;
}

.is-table-row {
   display: table;
}
.is-table-row [class*="col-"] {
   float: none;
   display: table_cell;
   vertical-align: top;
}
.callout .is-table-row .owl_wrap{
   display:none;
}

.sublabel{
   margin-top:0px;
   margin-bottom:5px;
}
.formGroupSpacing{
   margin-bottom:10px;
   padding-bottom:10px;
}
.dottedBottom{
   border-bottom:1px dashed #d6e1ea;
}

.cke_button__about{
   display:none !important;
}
.cke_chrome{
   border:2px solid #d6e1ea !important;
   border-radius:3px;
}
.cke_top{
   border-bottom:2px solid #d6e1ea !important;
}
.cke_focus{
   border-color:#2c3e50 !important;
}

.noPadLeft{
   padding-left:0px;
   padding-right:0px;
}
.noPadRight{
   padding-left:0px;
   padding-right:0px;
}
.marginRight{
   margin-right:20px;
}
.marginRightSmall{
   margin-right:5px;
}

.clearfix{
	zoom:1;
}
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.floatLeft{
   float:left;
}

.error-message{
   color:red;
}
.width100p{
   width:100%;
}
.hidden,
.hide{
   display:none;
}
.boxsize{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.pp{
   color:#dbdedf;
}


.animate{
	-webkit-transition: all 500ms cubic-bezier(0.050, 0.840, 0.430, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	-moz-transition: all 500ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	-o-transition: all 500ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	transition: all 500ms cubic-bezier(0.050, 0.840, 0.430, 1.020); /* custom */
}
.animateSlow{
	-webkit-transition: all 800ms cubic-bezier(0.050, 0.840, 0.430, 1); /* older webkit */
	-webkit-transition: all 800ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	-moz-transition: all 800ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	-o-transition: all 800ms cubic-bezier(0.050, 0.840, 0.430, 1.020);
	transition: all 800ms cubic-bezier(0.050, 0.840, 0.430, 1.020); /* custom */
}
.animateBounce{
   -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
   -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
           transition: all 400ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
           transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}



.responseWrap:not(#foo) div > input[type='radio'],
.responseWrap:not(#foo) div > input[type='checkbox']{
	opacity:0;
	cursor:pointer;
}
.responseWrap:not(#foo) div label.radio,
.responseWrap:not(#foo) div label.checkbox{
	background:url(../images/radio_empty.png) 0px center no-repeat;
   padding:5px 0px 5px 40px;
}
.responseWrap:not(#foo) div > input[type='radio']:checked + label{
	background-image:url(../images/radio1_1x.png);
	color:#0b7aab;
}
.responseWrap:not(#foo) div > input[type='checkbox'] + label{
	background-image:url(../images/checkbox_empty_1x.png);
}
.responseWrap:not(#foo) div > input[type='checkbox']:checked + label{
	background-image:url(../images/checkbox_1x.png);
	color:#0b7aab;
}

/************ misc ****************/



.checkJ:not(#foo) input[type='checkbox']{
   position:absolute;
   opacity:0;
}
.checkJ:not(#foo) > input[type='checkbox'] + label{
   background:url(../images/checkbox_empty_1x.png) 13px center no-repeat;
   padding:4px 0px 0px 47px;
   cursor:pointer;
   text-align:left;
}
.checkJ:not(#foo) > input[type='checkbox']:checked + label{
   background-image:url(../images/checkbox_1x.png);
	color:#0b7aab;
}
.checkJ:not(#foo) > input[type='checkbox']:checked + label span.nodisplay{
}

/* disabled */
.checkJ:not(#foo) > input[type='checkbox']:checked + label.disabled{
   background-image:url(../images/checkbox_disabled_1x.png);
	color:#647580;
}





/***** reports.. *******/
.scoreWrap ul{
   margin:0px;
   padding:0px;
   list-style:none;
}
.scoreWrap ul li{
   padding:11px 7px;
   text-align:center;
}
.scoreWrap ul.scoreHeader li{
   background-color:#3498db !important;
   color:white;
   font-weight:bold;
}
.scoreWrap ul.scoreHeader li:first-child{
   border-top-left-radius: 10px;
}
.scoreWrap ul.scoreHeader li:last-child{
   border-top-right-radius: 10px;
}

.scoreWrap ul.scoreRow:nth-child(even){
   background-color:#d1eff9;
}

.scoreWrap .btnActionWrap{
   padding:7px 0px;
}
.scoreWrap .btnActionWrap button{
   position:relative;
   top:0px;
   cursor:pointer;
   padding:5px 10px;
   font-size:15px;
}

/***** reports.. *******/



/*
.formResponseSpacing:not(#foo) div > input[type='radio'],
.formResponseSpacing:not(#foo) div > input[type='checkbox']{
	opacity:1;
	cursor:pointer;
}
.formResponseSpacing:not(#foo) div > label{
	background:url(../images/radio_empty.png) 20px center no-repeat;
   padding:5px 0px 5px 57px;
}
.formResponseSpacing:not(#foo) div > input[type='radio']:checked + label{
	background-image:url(../images/radio1_1x.png);
	color:#0b7aab;
}
.formResponseSpacing:not(#foo) div > input[type='checkbox'] + label{
	background-image:url(../images/checkbox_empty_1x.png);
}
.formResponseSpacing:not(#foo) div.col-sm-3 > input[type='checkbox']:checked + label{
	background-image:url(../images/checkbox_1x.png);
	color:#0b7aab;
}
*/