.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: #333;
     /*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%;
 }
 /* .Opt:hover, .Opt.selectedAns {
     background-color: #BC141A;
     color: #fff;
 } */
 /*  .Opt.disabled, .Opt.disabled:hover {
    background: linear-gradient(to bottom, #ccc 0%, #999 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
} */
 /*#sbmt_btn {
    background: linear-gradient(to bottom, #6ddd35 1%, #4a9f40 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
     border: 1px solid #fefefe;
     border-radius: 5px;
     box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
     color: #fff;
     cursor: pointer;
     font-size: 16px;
     padding: 7px 16px;
     text-align: center;
     width: 15%;
     margin: 0px auto;
 }*/
 /*#sbmt_btn.disabled {
     background: linear-gradient(to bottom, #ccc 0%, #999 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }*/
 
 .sbmt_con {
     /*text-align: center;*/
     min-width: 440px;
     width: 70%;
     /*width: 100%;*/
 }
 /*.correctOpt .correct {*/
 
 .tick {
     /*display: inline-block;*/
     /*width: 28px;*/
     height: 27px;
    /* margin-right: 6%;
     margin-bottom: -2px;
     margin-left: -11%;*/
     /*visibility: hidden;*/
 }
 
 .correct {
     background: url("../images/pages/global/feeback_icon_sprite.png") 0px 0px;
     ;
     width: 28px;
     height: 27px;
     /*background-size: 100% auto;*/
 }
 /*.IncorrectOpt .Incorrect {*/
 
 .Incorrect {
     background: url("../images/pages/global/feeback_icon_sprite.png") -28px 0px;
     ;
     width: 28px;
     height: 27px;
     /*background-size: 100% auto;*/
 }
 
 #feedbackaa {
     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(0);
     -moz-transform: scale(0);
     -ms-transform: scale(0);
     -o-transform: scale(0);
     transform: scale(0);
     /*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;
 }
 
/* #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;
     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;
 }
 
 .checkboxFour input[type=checkbox]:checked + label {
     background: #BC141A;
     border-radius: 0px;
 }
 
 .checkboxFourInput {
     left: 1px;
     position: relative;
     top: 0.8px;
 }
 
 .label_txt {
     left: 26px;
     position: relative;
     top: -15px;
 }

 .optionsBG input[type=radio] {
     width: 20px;
     height: 20px;
     margin: 0;
     padding: 0;
     /*opacity: 0;*/ float: left;
     cursor: pointer;
 }
 
  .optionsBG input[type=checkbox] {
     width: 20px;
     height: 20px;
     margin: 0;
     padding: 0;
     /*opacity: 0;*/ float: left;
     cursor: pointer;
     margin-right: 10px;
 }
 .option_textDD
 {
     display: inline-block;
     float: left;
     width: 60%;
 }

 .dropdown
 {
     margin-left: 10px;
     float: left;
     width: 37%;
 }
     
 
 .cyuPage input[type=radio] {
     width: 30px;
     height: 22px;
     margin: 0px -5px -14px;
     opacity: 0;
     cursor: pointer;
 }
 
 .cyuPage input[type=radio] {
     width: 24px;
     height: 25px;
     margin: 4px -19px -14px;
     opacity: 0;
     cursor: pointer;
 }
 
 .cyuPage input[type=radio] + label {
     display: inline-block;
     /*margin-left: -28px;
     padding-left: 31px;*/
     background: url("../images/pages/global/radiobutton.png") 0px 0px;
     line-height: 32px;
     width: 24px;
     height: 25px;
 }
 
 .cyuPage input[type=radio]:checked + label {
     background: url('../images/pages/global/radiobutton.png') -27px 0;
     width: 24px;
     height: 25px;
     pointer: cursor;
 }
 
 .assess input[type=radio] {
     width: 30px;
     height: 28px;
     margin: 7px -45px -10px;
     opacity: 0;
     cursor: pointer;
 }
 
 .assess input[type=radio] + label {
     display: inline-block;
     margin-left: -41px;
     padding-left: 9px;
     background: url("../images/pages/global/radio_button.png") no-repeat scroll 1px 1px transparent;
     line-height: 29px;
     width: 21px;
     float: left;
     margin-top: 7px;
 }
 
 .assess input[type=radio]:checked + label {
     background: url('../images/pages/global/radio_button.png') -29px 1px;
     background-repeat: no-repeat;
 }
 
 .cyuPage input[type=checkbox] + label {
     display: inline-block;
     margin-left: -26px;
     padding-left: 31px;
     background: url("../images/pages/global/MMCQ_button.png") no-repeat scroll -28px 0px transparent;
     line-height: 32px;
     margin - top: -14px;
 }
 
 .cyuPage input[type=checkbox]:checked + label {
     background: url('../images/pages/global/MMCQ_button.png') no-repeat 4px 0px;
 }
 
 .assess input[type=checkbox] {
     /*width: 30px;
   height: 31px;
   margin: 7px -55px -14px;
   opacity: 50%;
   cursor: pointer;*/
 }
 
 .assess input[type=checkbox] + label {
     /*position: absolute;
   display: inline-block;
   padding-left: 9px;
   background: url("../images/pages/global/MMCQ_button.png") no-repeat scroll 1px 1px transparent;
   line-height: 31px;
   width: 21px;
   float: left;
   margin-top: 5px;
   margin-left: -4.3%;*/
     position: absolute;
     display: inline-block;
     padding-left: 9px;
     background: url("../images/pages/global/MMCQ_button.png") no-repeat scroll 0px 1px transparent;
     line-height: 31px;
     width: 21px;
     float: left;
     margin-top: 5px;
     left: 1%;
 }
 
 .assess input[type=checkbox]:checked + label {
     background: url('../images/pages/global/MMCQ_button.png') -32px 1px;
     background-repeat: no-repeat;
 }
 
 .questionContainer {
     /* border: 2px solid #58B1D9;*/
     width: 100%;
     padding-left: 0%;
     padding-top: 0%;
     padding-bottom: 1%;
     position: relative;
     padding: 19px 30px;
     background-color: rgba(255, 255, 255, 0);
 }
 
 .nameText {
     text-align: left;
     color: #00608a;
     font-size: 1.2em;
     font-weight: bold;
     font-family: "centralesansbook", Arial, Helvetica, sans-serif;
     width: 99.8%;
 }
 
 #contentHolder {
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 #optionContainer {
     /*margin-top: 2%;*/
     margin-bottom: 2%;
     margin-left:35px;
 }
 #optionContainer label{
     cursor: pointer;
 }
 
 .option {
     margin: 1% auto;
     min-height: 42px;
     background: #dedddc;
 }
 
 .itext {
     color: #00608a;
     font-size: 1em;
     font-family: "centralesansbook", Arial, Helvetica, sans-serif;
 }
 
 #optionContainer {
     margin-top: 2%;
     margin-bottom: 2%;
 }
 
 .questionSubmitBtn {
     background: url(../images/pages/global/buttons.png) 0px 0px;
     background-repeat: no-repeat;
     color: #FFF;
     font-size: 1em;
     font-style: italic;
     font-size: 16px;
     padding: 1%;
     border: none;
     outline: none;
     cursor: pointer;
     margin: 0 auto;
     position: relative;
     width: 98px;
     height: 36px;
     /*height: 43px;*/
 }
 
 .questionSubmitBtn:hover {
     background: url(../images/pages/global/buttons.png) 0px -37px;
     width: 98px;
     height: 36px;
     background-repeat: no-repeat;
 }
 
 .questionSubmitBtn:disabled {
     width: 98px;
     background: #605C5B;
     background-repeat: no-repeat;
     height: 36px;
     cursor: default;
 }
 
 .questiontryagainBtn {
     background: #605C5B;
     background-repeat: no-repeat;
     color: #FFF;
     font-size: 1em;
     font-style: italic;
     font-size: 16px;
     padding: 1%;
     border: none;
     outline: none;
     cursor: pointer;
     margin: 0 auto;
     position: relative;
     width: 98px;
     height: 36px;
     /* height: 43px;*/
 }
 
 .questiontryagainBtn:hover {
     /*background: url(../images/pages/global/buttons.png) 0px -37px;*/
     width: 98px;
     height: 36px;
     background-repeat: no-repeat;
 }
 
 .questiontryagainBtn:disabled {
     width: 85px;
     /*background: url(../images/pages/global/buttons.png) 0px -73px;*/
     background-repeat: no-repeat;
     cursor: default;
     height: 33px;
     border-radius: 5px;
     font-size: 1em;
     font-style: normal;
     font-weight: bold;
 }
 
 .btnContainer {
     /*text-align: right;*/
 }
 
 .feedbackContainer {
     border: 0px solid #fff;
     width: 100%;
     position: relative;
     display: none;
     background-color: rgba(255, 255, 255, 0);
     padding: 9px 28px;
 }
 
 .feedbackTitle {
     text-align: left;
     color: #c7102d;
     font-weight: bold;
     font-family: "centralesansbook", Arial, Helvetica, sans-serif;
     margin-bottom: 0%;
 }
 
 #correctContainer,
 #resetContainer,
 #incorrectContainer,
 #feedbck_IncorrectFinal {
     display: none;
 }
 
 .closeFeedback {
     background: url("../images/pages/global/close_button_small.png") no-repeat scroll 22px 1px rgba(0, 0, 0, 0);
     border: 0 none;
     height: 29px;
     position: absolute;
     right: 1%;
     top: 5%;
     width: 34px;
     cursor: pointer;
 }
 
 .closeFeedback:hover {
     background: url("../images/pages/global/close_button_small.png") no-repeat scroll 22px 1px rgba(0, 0, 0, 0);
 }
 
 .input_box {
     height: 100%;
     width: 48px;
     /*background: none repeat scroll 0% 0% #c7102d;*/
     float: left;
     text-align: center;
     padding-right: 7px;
 }
 
 .optionText {
     float: left;
     width: 76%;
     margin-left: 8px;
     margin-top: 5px;
 }
 
 @media only screen and (orientation: portrait) {
     .questionContainer {
         width: 90%;
     }
     .feedbackContainer {
         width: 89%;
     }
 }
 
 @media only screen and (max-width: 320px) and (max-height: 460px) {
     .tick {
         margin-left: -28%;
         margin-right: 17%;
     }
     .input_box {
         margin-right: 10px;
     }
     .cyuPage input[type="radio"] + label {
         line-height: 33px;
     }
     @media (min-width: 1250px) {
         /*.assess input[type="checkbox"] + label {
          margin-left: -85.5%;
     }*/
     }