.Opt {
     /*background-color: #D1D5D5;*/
     /*background-position: 12px center;*/
     /*background-repeat: no-repeat;*/
     /*order-radius: 0px;
     box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);*/
     color: #000;
     /*cursor: pointer;*/
     font-size: 16px;
     margin-bottom: 5px;
     margin-top: 2px;
     padding: 3px 0px 3px 12px;
     position: relative;
     min-width: 440px;
     width: 85%;
 }
 
 .options {
     position: relative;
     margin-top: 3%;
 }
 
 .sbmt_con {
     /*text-align: center;*/
     min-width: 440px;
     width: 70%;
     /*width: 100%;*/
 }
 /*.correctOpt .correct {*/
 
 .tick {
     display: inline-block;
     width: 28px;
     height: 16px;
     margin-right: 0%;
     margin-bottom: 0px;
     margin-left: -3%;
     /*visibility: hidden;*/
 }
 
 .correct {
     background: url("../images/pages/global/correct.png") no-repeat;
     width: 28px;
     height: 16px;
     /*padding-right: 5px;*/
 }
 /*.IncorrectOpt .Incorrect {*/
 
 .Incorrect {
     background: url("../images/pages/global/incorrect.png")no-repeat;
     width: 28px;
     height: 16px;
     /*padding-right: 10px;*/
     /*background-size: 100% auto;*/
 }
 
 #feedback {
     background-color: white;
     background-position: 14px 5px;
     background-repeat: no-repeat;
     border: 1px solid #aaaaaa;
     border-radius: 8px;
     box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
     box-sizing: border-box;
     visibility: hidden;
     /*margin: 10px auto 10px 15px;
     /* margin: 0 auto;*/
     margin-top: 10px;
     min-height: 100px;
     padding: 10px;
     position: relative;
     text-align: center;
     width: 70%;
     /*to rotate it*/
     /*transform*/
     /* -webkit-transform: scale(0) rotate(180deg);
     -moz-transform: scale(0) rotate(180deg);
     -ms-transform: scale(0) rotate(180deg);
     -o-transform: scale(0) rotate(180deg);
     transform: scale(0) rotate(180deg);*/
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     /*transition*/
     -webkit-transition: all 0.4s ease-in;
     -moz-transition: all 0.4s ease-in;
     -o-transition: all 0.4s ease-in;
     transition: all 0.4s ease-in;
 }
 
 .feedbck_correct {
     display: none;
 }
 
 .feedbck_correct {
     display: none;
 }
 
 .overlaydiv {
     background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
     /*border: 5px solid #fff;*/
     border-radius: 5px;
     display: none;
     height: 79.2%;
     left: 17.8%;
     position: absolute;
     top: 10.4%;
     width: 66.2%;
     z-index: 1;
 }
 
 #retry {
    /* background-image: url("../images/pages/MCQs/retry.png");*/
     background-position: 0 0;
     background-repeat: no-repeat;
     cursor: pointer;
     height: 39px;
     left: 50%;
     margin-left: -90px;
     margin-top: -39px;
     position: absolute;
     top: 100%;
     width: 179px;
     color: #fff;
     font-size: 15px;
     padding-top: 15px;
     /*display: none;*/
     visibility: hidden;
 }
 /* true false css start*/
 
 .container {
     min-height: 60px;
     padding: 15px 0;
     position: relative;
     width: 100%;
 }
 
 .radioB {
     cursor: pointer;
     float: left;
     margin-left: 10px;
     margin-right: 10px;
     width: 60px;
 }
 
 .radioB:hover {
     /* background-color: #dddddd;*/
 }
 
 .questions {
     margin-bottom: 5px;
     padding: 7px;
     background-color: #d6c2ad;
     margin-right: 15px;
     min-height: 20px;
     min-width: 440px;
     width: 70%;
     border-radius: 4px;
 }
 
 .radios {
     float: right;
 }
 
 div {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 .ques_txt {
     width: 20%;
 }
 /* Radio button design css*/
 
 .checkboxFour {
     width: 22px;
     height: 22px;
     background: #D1D5D5;
     top: -1px;
     /* margin: 20px 90px;*/
     border-radius: 100%;
     position: relative;
     -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
     float: left;
 }
 
 .checkboxFour label {
     display: block;
     height: 17.5px;
     left: 1.8px;
     top: 2px;
     width: 18.2px;
     border-radius: 100px;
     transition: all .5s ease;
     cursor: pointer;
     position: absolute;
     z-index: 1;
     background: #333;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
     box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5);
 }
 
 .checkboxFour input[type=radio]:checked + label {
     background: #BC141A;
     cursor: default;
 }
 
 .checkboxFour input[type=checkbox]:checked + label {
     background: #BC141A;
     border-radius: 0px;
     cursor: default;
 }
 
 .checkboxFourInput {
     left: 1px;
     position: relative;
     top: 0.8px;
 }
 
 .label_txt {
     left: 26px;
     position: relative;
     top: -15px;
 }
 
 input[type=radio] {
     width: 20px;
     height: 20px;
     margin: 0;
     padding: 0;
     opacity: 0;
     cursor: pointer;
 }
 
 input[type=checkbox] {
     width: 28px;
     margin: 0;
     padding: 0;
     opacity: 0;
     cursor: pointer;
 }
 
 input[type=radio] + label {
     display: inline-block;
     margin-left: -20px;
     padding-left: 0;
     background: url('../images/pages/global/radio_btn_sprite.png') 0 0;
     line-height: 20px;
     margin-right: 10px;
     width: 20px;
 }
 
 input[type=radio]:checked + label {
     background: url('../images/pages/global/radio_btn_sprite.png') -20px 0;
 }
 
 input[type=checkbox] + label {
     display: inline-block;
     margin-left: -20px;
     padding-left: 0;
     background: url('../images/pages/global/check_btn_sprite.png') no-repeat 0 0;
     line-height: 20px;
     margin-right: 10px;
     width: 17px;
 }
 
 input[type=checkbox]:checked + label {
     /*background: url('../images/pages/global/check_btn_sprite.png') no-repeat -17px 0;*/
 }
 
 .questionContainer {
     /*border: 2px solid #BC141A;*/
     width: 63%;
     /*padding-left: 3%;
     padding-right: 1%;
     padding-top: 1%;
     padding-bottom: 1%;*/
     position: relative;
     box-sizing: border-box;
     /*background-color: rgba(255, 255, 255, 0.5);*/
     z-index: 20;
 }
 
 .nameText {
     text-align: left;
     color: #004b34;
     font-size: 1.2em;
     font-weight: bold;
     font-family: Arial;
     width: 99.8%;
     margin-left: 13px;
 }
 
 #contentHolder {
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 #optionContainer {
     margin-top: 1%;
     margin-bottom: 1%;
     padding-left: 3%;
 }
 
 .option {
     margin: 1% auto;
 }
 
 .itext {
     color: #f5821f;
     font-size: 1em;
     font-family: Arial;
 }
  
 .questionSubmitBtn,
 .button1 {
     /*background: url(../images/pages/global/button_bg.png) repeat-x;*/
     background: #2e88b5;
     color: #FFF;
     padding: 0 10px;
     font-weight: bold;
     border-radius: 5px;
     border: none;
     outline: none;
     cursor: pointer;
     margin: 0 auto;
     width: auto;
     height: 27px;
     padding-bottom: 1px;
     letter-spacing: 1px;
     font-family: arial;
     -webkit-appearance: none;
 }
 
 .questionSubmitBtn:hover {}
 
 .questionSubmitBtn:disabled {
     cursor: default !important;
     background: #46b9fa;
     /*background: url(../images/pages/global/button_bg_disable.png) repeat-x;*/
 }
 
 .btnContainer {
     text-align: center;
 }
 
 .feedbackContainer {
     /*border: 1px solid #000;*/
     width: 70%;
     position: relative;
     display: none;
     box-sizing: border-box;
     background-color: #fff;
     z-index: 1;
     color: #000;
     bottom: 0;
     position: absolute;
 }
 
 .feedbackTitle {
     text-align: left;
     color: #004b34;
     font-size: 1.2em;
     font-weight: bold;
     font-family: Arial;
     margin-bottom: 1%;
 }
 
 #correctContainer,
 #resetContainer,
 #incorrectContainer {
     display: none;
 }
 
 .closeFeedback {
     background: url("../images/pages/global/close_sprite.png") repeat scroll -44px 0px rgba(0, 0, 0, 0);
     border: 0 none;
     height: 44px;
     position: absolute;
     right: 1%;
     top: 0%;
     width: 44px;
     cursor: pointer;
 }
 
 .closeFeedback:hover {
     background: url("../images/pages/global/close_sprite.png") repeat scroll -0px -0px rgba(0, 0, 0, 0);
 }
 
 .closeFeedback:focus {
     outline: none;
 }
 
 @media only screen and (orientation: portrait) {
     .questionContainer {
         width: 100%;
     }
     .feedbackContainer {
         width: 100%;
     }
 }
 
 @media screen and (max-width: 962px) and (orientation: landscape) {
     .feedbackContainer {
         width: 35%;
         float: right;
         margin: 0;
         background-color: rgba(188, 20, 26, 1);
     }
     .questionContainer {
         float: left;
     }
 }