.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: 27px;
     margin-right: 0%;
     margin-bottom: 0px;
     margin-left: -3%;
     /*visibility: hidden;*/
 }

 .correct {
     background: url("../images/pages/global/correct.png") no-repeat;
     width: 21px;
     height: 16px;
     padding-right: 5px;
    /*  position: absolute;
    top: 12px;
    left: 30px; */
 }
 /*.IncorrectOpt .Incorrect {*/

 .Incorrect {
     background: url("../images/pages/global/incorrect.png")no-repeat;
     width: 16px;
     height: 16px;
     padding-right: 10px;
     /* position: absolute;
     top: 11px;
     left: 30px; */
     /*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/uncheck.png');
     line-height: 29px;
     margin-right: 10px;
     width: 29px;
     vertical-align: middle;
 }

 input[type=radio]:checked+label {
     background: url('../images/pages/global/checked.png');
 }

 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: 5px;*/
 }

 .option {
     margin: 1% auto;
 }

 .itext {
     color: #f5821f;
     font-size: 1em;
     font-family: Arial;
 }

 #optionContainer {
     margin-top: 2%;
     margin-bottom: 2%;
 }

 .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;
     }
 }