/*@import url('Roboto.css');*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
/*
.roboto {font-family: "Roboto";}
.roboto-c {font-family: "Roboto Condensed";}
*/
ul, ol{
    list-style: none;
}
body, .btn{font-family: 'Roboto', sans-serif !important;}
/*body, body.modal-open{overflow: hidden !important;}*/
 .StatusBar {
     padding: 0 10px;
     background: #fff;
     border-radius: 5px !important;
     box-shadow: 0 0 8px 1px #f1f1f1;
}
 .StatusBarWrapper {
     padding-top: 50px;
     padding-bottom: 10px;
}
 .StatusBarWrapper .StatusLine {
     list-style-type: none;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-left: 0;
}
 .StatusBarWrapper .StatusLine .li {
     transition: all 200ms ease-in;
}
 .StatusBarWrapper .StatusLine .li .timestamp {
     margin-bottom: 20px;
     padding: 0px 40px;
     display: flex;
     flex-direction: column;
     align-items: center;
     font-weight: 100;
}
 .status {
     padding: 0px 30px;
     display: flex;
     justify-content: center;
     border-top: 2px solid #D6DCE0;
     position: relative;
     transition: all 200ms ease-in;
     cursor: pointer;
     white-space: nowrap;
    top: 0px;
    left: 0px;
}

.StatusLine .disabled
{  pointer-events: none;
 
  opacity: 0.5;
  background: #CCC;
     }

 .status h4 {
     font-weight: 600;
     font-size: 12px;
}
 .Tabs .status h4 {
     margin-top: 20px;
     font-size: 13px;
}
 .status:before {
     content: "";
     font-family: Material Design Icons;
     font-size: 18px;
     text-align: center;
     color: #959595;
     width: 25px;
     height: 25px;
     background-color: white;
     border-radius: 25px;
     border: 1px solid #ddd;
     position: absolute;
     top: -15px;
     right: 0;
     left: 0;
     margin: 0 auto;
     transition: all 200ms ease-in;
}
 .Tabs .status:before {
     width: 50px;
     height: 50px;
     top: -30px;
     font-size: 30px !important;
     line-height: 50px !important;
}
 .status.Registration:before {
     content: "\F6BB";
}
 .status.OnlineTest:before {
     content: "\f379";
     font-size: 16px;
     line-height: 27px;
}
 .status.Application:before {
     content: "\f614";
     font-size: 17px;
     line-height: 25px;
}
 .status.ApprovalDocuments:before {
     content: "\f219";
     font-size: 16px;
     line-height: 25px;
}
 .status.UploadedDocuments:before {
     content: "\f259";
     font-size: 16px;
     line-height: 25px;
}
 .status.Assessment:before {
     content: "\f4f0";
     font-size: 16px;
     line-height: 25px;
}
 .status.Accreditation:before {
     content: "\f53a";
     font-size: 16px;
     line-height: 25px;
}
 .status.ProgressChart:before {
     content: "\f127";
     font-size: 16px;
     line-height: 30px;
}
 .status.Guidelines:before {
     content: "\f14e";
     font-size: 16px;
     line-height: 30px;
}
 .status.Applicationform:before {
     content: "\f14d";
     font-size: 16px;
     line-height: 30px;
}
 .status.Declarationform:before {
     content: "\f14e";
     font-size: 16px;
     line-height: 30px;
}
 .status.Declarationform:after {
     content: "\f0c9";
     line-height: 30px;
     font-family: Material Design Icons;
     font-size: 22px;
     text-align: center;
     color: #000000;
     width: 25px;
     height: 25px;
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;
     margin: 0 auto;
     padding-left: 10px;
     transition: all 200ms ease-in;
}
 .li.complete .status {
     border-top: 2px solid #66DC71;
}
 .li.complete .status:before {
     background-color: #66DC71;
     color: #fff;
     border: none;
     transition: all 200ms ease-in;
}
 .li.complete .status h4 {
     color: #66DC71;
}
 .li.Tabs.active .status h4 {
     color: #63d6ff;
}
 .li.Tabs.active .status:before {
     color: #fff;
     background-color: #63d6ff;
     border-color: #63d6ff;
}
 .li.Tabs.active .status:after {
     color: #fff;
}
 .li.Tabs.active .status {
     border-color: #63d6ff;
}
 .li.Tabs a {
     color: #959595;
     text-decoration: none;
}
 .ancBlock {
     color: #23527c;
}
 @media (min-device-width: 320px) and (max-device-width: 700px) {
     .timeline {
         list-style-type: none;
         display: block;
    }
     .li {
         transition: all 200ms ease-in;
         display: flex;
         width: inherit;
    }
     .timestamp {
         width: 100px;
    }
     .status:before {
         left: -8%;
         top: 30%;
         transition: all 200ms ease-in;
    }
}
 button {
     position: absolute;
     width: 100px;
     min-width: 100px;
     padding: 20px;
     margin: 20px;
     font-family: "Titillium Web" , sans serif;
     border: none;
     color: white;
     font-size: 16px;
     text-align: center;
}
 #toggleButton {
     position: absolute;
     left: 50px;
     top: 20px;
     background-color: #75C7F6;
}
 .BoxWrapper {
     padding: 0 0;
     margin: 15px 0;
}
 .WrapLeft {
     width: 50px;
     height: 50px;
     border-radius: 100% !important;
     overflow: hidden;
}
 .WrapLeft i {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: block;
     font-size: 35px;
     color: #fff;
}
 .mdi-account {
     background: #ff6b6b;
}
 .mdi-account-network {
     background: #63d6ff;
}
 .mdi-account-switch {
     background: #7373ff;
}
 .mdi-school {
     background: #f76fff;
}
 .WrapPro {
     width: 100%;
}
 .WrapBox {
     display: flex;
     min-height: 70px;
     background: #fff;
     padding: 0 15px;
     align-items: center;
     border-radius: 5px !important;
     box-shadow: 0 0 8px 1px #f1f1f1;
}
 .WrapRight h4 {
     margin: 0;
     font-size: 15px;
     font-weight: 600;
     padding-left: 15px;
}
 .WrapRight h5 {
     margin: 0;
     font-weight: 500;
     font-size: 14px;
     padding-left: 15px;
     margin-top: 3px;
}
 .WrapChart {
     height: 300px;
     background: #fff;
     border-radius: 5px !important;
     box-shadow: 0 0 8px 1px #f1f1f1;
}
 .pie_progress {
     width: 160px;
     margin: 10px auto;
     position: relative;
     margin-top: 40px;
}
 .WrapPieChart {
     background: #fff;
     height: 230px;
     display: flex;
     align-items: center;
     border-radius: 5px !important;
     box-shadow: 0 0 8px 1px #f1f1f1;
}
 .icon {
     position: absolute;
     top: 0;
     font-size: 30px;
     color: #3daf2c;
     left: 0;
     right: 0;
     bottom: 0;
     text-align: center;
     line-height: 120px;
}
 .pie_progress__number {
     position: absolute;
     top: 0;
     font-size: 30px;
     color: #3daf2c;
     left: 0;
     font-weight: 900;
     right: 0;
     bottom: 0;
     text-align: center;
     line-height: 200px;
     z-index: 99;
     text-shadow: 0px 0px 7px #ffffff;
     -webkit-text-stroke: 1px #ffffff;
}
 .pie_progress__label {
     font-size: 16px;
     position: absolute;
     left: -30px;
     right: -50px;
     text-align: center;
     top: -30px;
}
 .PageTitle {
     background: #fff;
     margin-bottom: 13px;
     border-radius: 0px 5px 5px 0px !important;
     border-left: 5px solid #777070;
}
 .PageTitle .PageTitleWrap {
     padding: 10px;
}
 .PageTitle .PageTitleWrap h4 {
     margin: 0;
     font-size: 16px;
     font-weight: 500;
}
 .ohcpTab > .ohcpTabPane {
     width: 100%;
}
 .ohcpTab > .active {
     display: block;
}
 .ohcpTab {
     padding: 10px;
     background: #fff;
     display: flex;
}
 .subheader {
     font-size: 15px;
     font-weight: 500;
     margin-bottom: 10px;
     border-bottom: 3px double #ccc;
     padding-left: 5px;
}
 .Guidelines > .Application > ul > li{
    margin: 5px 0;
}
 .Guidelines > .Application > ul > li > ol > li {
    margin: 3px 0;
    list-style: none;
}
 .Guidelines > .Application > ul > li > ol {
    padding-left: 10px;
}
 @media (max-width: 1024px) and (min-width: 767px) {
     .status {
         padding: 0 15px;
    }
}
 @media (max-width: 768px) and (min-width: 425px) {
     .status {
         padding: 0 7px;
    }
     .status h4 {
         font-size: 11px;
    }
}
/* Stepper Styling */
 .stepper-container {
     background-color: rgba(255, 255, 255, 0.25);
     padding: 1rem;
     margin-bottom: 2em;
     border-radius: 5em;
}
 .stepper {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .step {
     display: flex;
     flex-direction: row;
     align-items: baseline;
     width: 100%;
}
 .step:after {
     content: '';
     display: block;
     width: 100%;
     position: relative;
     height: 3px;
     top: -5px;
     background-color: #d8dce1;
}
 .step:before {
     content: '';
     display: block;
     width: 100%;
     position: relative;
     height: 3px;
     top: -5px;
     background-color: #d8dce1;
}
 .step:last-child {
     flex-basis: 70%;
}
 .step:last-child:after {
     display: none;
}
 .step:first-child {
     flex-basis: 70%;
}
 .step:first-child:before {
     display: none;
}
 .step.active {
     color: white;
}
 .step.active:before, .step.active:after {
     background-color: #1EB53A;
}
 .step.active + .step:not(.active):before {
     background-color: #1EB53A;
}
 .step-inner {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     z-index: 999;
     flex: 2% 0 0;
}
 .step-header {
     flex: 96% 0 0;
     color: #333;
     margin-left: 7px;
}
 .step-header > a{
    padding: 7px 10px;
    display: block;
    text-decoration: none;
    color: #333;
}
 .step-header:hover{
    background: #f2f2f2;
}
 .step-header h4{
    margin: 0;
     font-size: 15px;
     font-weight: 600;
}
 .active .step-circle {
     background-color: #1EB53A;
}
 .active h4{
    color: #1EB53A;
}
 .step-circle {
     height: 30px;
     width: 30px;
     border-radius: 20px !important;
     background-color: #d8dce1;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .vertical .stepper {
     flex-direction: column;
}
 .vertical .step {
     position: relative;
     flex-direction: row;
     align-items: flex-start;
     width: 100%;
     min-height: 3em;
     flex-wrap: wrap;
}
 .vertical .step:after {
     display: inline;
     width: 3px;
     position: absolute;
     height: 100%;
     left: 14px;
     top: .5em;
     z-index: 9;
}
 .vertical .step:before {
     display: none;
}
 .vertical .step-content {
     flex: 98% 0 0;
     color: #3C4859;
     margin-left: 3%;
}
 .step-content {
    display: none;
}
 .isContent{
    display: block !important;
}
 .step-circle span i{
    margin: 0;
}
 .step-pane {
     padding: 10px;
}
 .SelectOne{
     padding: 10px 0;
    width: 100%;
     margin-bottom: 10px;
}
 .SelectOne h5{
    margin: 0;
     font-weight: 600;
     color: #4fa210;
    padding-bottom: 5px;
     border-bottom: 1px dashed;
}
 .ulRadioList, .CheckBoxList {
     padding-left: 15px;
     list-style: none;
}
 .ulRadioList li{
    width: auto;
     display: inline-block;
    margin-right: 15px;
}
 .CheckBoxList {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
 .CheckBoxList li {
     flex: 48% 0 0;
     margin-right: 10px;
     padding: 4px 0 4px 10px;
}
 .Size100 li{
    flex: 100% 0 0;
}
 .ulRadioList li{
    padding: 4px 10px 4px 10px;
}
 .ulSedation li > label:hover, .CollapsingList li > label:hover, .CheckBoxList li:hover, .ulRadioList li:hover, .LegendCheckbox > label:hover, .ulInlineTXT li > label:hover{
    background: #f3f3f34f;
}
/*Checkboxes styles*/
 input[type="checkbox"] {
     display: none;
}
 input[type="checkbox"] + label {
     display: block;
     position: relative;
     padding-left: 30px;
     margin-bottom: 10px;
     font: 14px/20px;
     color: #5d5d5d;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
}
 input[type="checkbox"] + label:last-child {
     margin-bottom: 0;
}
 input[type="checkbox"] + label:before {
     content: '';
     display: block;
     width: 15px;
     height: 15px;
     border: 2px solid rgb(30,136,229);/*#63d6ff*/
     position: absolute;
     left: 0;
     top: 2px;
     opacity: .6;
     -webkit-transition: all .12s, border-color .08s;
     transition: all .12s, border-color .08s;
}
 input[type="checkbox"]:checked + label:before {
     width: 8px;
     top: -2px;
     left: 6px;
     border-radius: 0;
     opacity: 1;
     border-top-color: transparent;
     border-left-color: transparent;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 [type="radio"]:checked, [type="radio"]:not(:checked) {
     position: absolute;
     left: -9999px;
}
 [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
     position: relative;
     padding-left: 25px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #666;
     margin: 0;
     width: 100%;
}
 [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 2px;
     width: 16px;
     height: 16px;
     border: 2px solid rgb(30,136,229);
     border-radius: 100%;
     background: #fff;
}
 [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
     content: '';
     width: 8px;
     height: 8px;
     background: rgb(30,136,229);
     position: absolute;
     top: 6px;
     left: 4px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
}
 [type="radio"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
}
 .pane-content{
    margin-bottom: 30px;
    display: flex;
     flex-wrap: wrap;
}
 .dvTarif{
    padding: 5px;
     width: 100%;
     margin-top: 10px;
}
 .GridCol, .dvTableGrid, .dvCheckBoxList{
    width: 100%;
}
 .dvTableGrid{
    margin: 10px 0;
        display: flex;
}
.GridCol{display: flex;}
 .dvTarif h5, .SubHeadingH5 {
     margin: 0;
     font-weight: 600;
     font-size: 13px;
     line-height: 24px;
     padding-left: 20px;
    /*border-bottom: 1px dashed;
     margin-bottom: 15px;
    */
}
 .SubHeadingH5{
    margin: 0;
    width: 100%;
}
 .SubHeadingH5 hr{
    margin: 5px 0;
    border-color: #dadada;
}
 .dvTarif h5 img, .SubHeadingH5 img{
     width: 17px;
     height: 17px;
     margin-top: -4px;
    margin-right: 15px;
}
 .input-group{
    display: flex;
}
 .input-group .form-control {
     width: 300px !important;
     height: 28px !important;
     border-right: 0;
}
 .input-group span .btn{
    margin: 0;
     text-shadow: 0 1px 0 #fff;
     background-repeat: repeat-x;
     border-color: #ccc;
     background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
}
 hr{
    margin: 10px 0;
    border-color: #01445d;
    width: 100%;
}
 hr.dashed{
    border-style: dashed;
}
 hr.double{
    border-style: double;
    border-width: 3px
}
 hr.dotted{
    border-style: dotted;
}
 hr.groove{
    border-style: groove;
}
 hr.ridge{
    border-style: ridge;
}
 input[type=text], input[type=password], select, textarea, .form-control {
     padding: 3px 5px;
     border-radius: 0px;
     border: 1px solid #e4ecff;
     background: #fff!important;
     color: #666;
     width: 100%;
     line-height: 17px;
     outline: none !important;
     height: 28px!important;
}
.form-control:focus, input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus{border-color: #0288D1;}
 label.bold{
    font-weight: bold;
}
 .tblResult{
     width:100%;
     border-right:1px solid #def1df;
}
 .tblResult td{
     border-left:1px solid #def1df;
     border-bottom:1px solid #def1df;
     padding: 2px 5px;
     font-size: 14px;
    border-width: 1px;
    white-space:nowrap;
}
 .tblResult tr:nth-child(even){
     background:#fdfffe;
    transition: all 0.3s ease 0s;
}
 .tblResult tr:nth-child(odd){
     background:#ffffff;
     text-align: left!important;
}
 #tblResult_Head tr th {
    background-image: url(../images/caret-arrow-up.png);
     background-size: 14px;
     background-repeat: no-repeat;
     background-position:right;
}
 .tblResult thead th {
    border-left: 1px solid #27a4b0;
     white-space: nowrap;
    background-color: #27a4b0;
     color: #fff;
     text-align: left;
     padding: 6px 5px;
     font-size: 13px;
     font-weight: 600;
}
 .tblResult td a{
    color: #3C4859;
}
 .CollapsingList li label, .LegendCheckbox label, .ulSedation li > label{
    padding-top: 3px;
    padding-bottom: 3px;
}
 .CollapsingList li input[type="checkbox"] + label:before{
    left: 6px;
    top: 5px;
}
 .CollapsingList li input[type="checkbox"]:checked + label:before{
    left: 12px;
    top: 2px;
}
 .LegendCheckbox input[type="checkbox"] + label:before{
    left: 6px;
    top: 5px;
}
 .LegendCheckbox input[type="checkbox"]:checked + label:before{
    left: 12px;
    top: 2px;
}
 .ulSedation input[type="checkbox"] + label:before{
    left: 6px;
    top: 5px;
}
 .ulSedation input[type="checkbox"]:checked + label:before{
    left: 12px;
    top: 2px;
}
 .CollapsingList li label{
    width: 100%;
}
 .CollapsingList li [type="radio"]:checked + label:before, .CollapsingList li [type="radio"]:not(:checked) + label:before{
    top: 4px;
    left: 6px;
}
 .CollapsingList li [type="radio"]:checked + label:after, .CollapsingList li [type="radio"]:not(:checked) + label:after{
    top: 8px;
    left: 10px;
}
 .ulSedation li [type="radio"]:checked + label:before, .ulSedation li [type="radio"]:not(:checked) + label:before{
    top: 4px;
    left: 6px;
}
 .ulSedation li [type="radio"]:checked + label:after, .ulSedation li [type="radio"]:not(:checked) + label:after{
    top: 8px;
    left: 10px;
}
 .ulSedation, .CollapsingList{
    padding-left: 25px;
    width: 100%;
}
 .SubCheckboxList{
    padding-left: 30px;
    margin-bottom: 10px;
    width: 100%;
}
 .SubPart{
    display: none;
    flex-wrap: wrap;
    padding: 2px 0;
    margin-bottom: 10px;
    width:100%;
}

 .isSubPart{
    display: flex !important;
}
 .FlexList{
    display: flex;
}
 .FlexList li{
    margin-right: 15px;
}
 .FlexList li > label{
    padding-right: 10px;
}
 .RadioList, .LegendCheckbox, .BoiMedical{
    width: 100%;
}
 .mb-20{
    margin-bottom: 20px;
}
 .col-sm-12.mb-20{
    margin-top: 10px;
}
 .ulInlineTXT{
    display: flex;
    width: 100%;
    clear: both;
}
 .ulInlineTXT li {
    margin-right: 15px;
    display: flex;
}
 .ulInlineTXT li:nth-child(2){
    flex: 36% 0 0;
}
 .ulInlineTXT li:nth-child(3){
    flex: 36% 0 0;
}
 .ulInlineTXT li:nth-child(1){
    flex: 20% 0 0;
}
 .ulInlineTXT li span{
    display: block;
}
 .ulInlineTXT li span:first-child{
    flex: 30% 0 0;
    line-height: 26px;
    white-space: nowrap;
}
 .ulInlineTXT li span:last-child{
    flex: 50% 0 0;
}
.ulInlineTXT li > label
{
    display: flex;align-items: center;height: 28px;
    }
.ulInlineTXT li > input[type="checkbox"]:checked + label:before {top: 4px;left: 16px;}
.ulInlineTXT li > input[type="checkbox"] + label:before {top: 6px;left: 10px;}
.OtherRadio.ulInlineTXT li:nth-child(2){flex: 72% 0 0;}
.OtherRadio.ulInlineTXT li:nth-child(2) span{flex: 92% 0 0;}
 hr.Sepreter{
    border-color: transparent;
}
.p0{padding: 0 !important;}
/* Nav */
 .tabs nav {
     text-align: center;
}
 .tabs nav ul {
     position: relative;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: -moz-flex;
     display: -ms-flex;
     display: flex;
     margin: 0 auto;
     padding: 0;
     max-width: 1200px;
     list-style: none;
     -ms-box-orient: horizontal;
     -ms-box-pack: center;
     -webkit-flex-flow: row wrap;
     -moz-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-justify-content: left;
     -moz-justify-content: left;
     -ms-justify-content: left;
     justify-content: left;
     border-bottom: 2px solid #ddd;
}
 .tabs nav ul li {
     position: relative;
     z-index: 1;
     display: block;
     margin: 0;
     text-align: center;
     -webkit-flex: 1;
     -moz-flex: 1;
     -ms-flex: 1;
     flex: 10% 0 0;
}
 .tabs nav a {
     position: relative;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     line-height: 2.5;
     width: 100%;
     text-decoration: none;
}
 .tabs nav a span {
     vertical-align: middle;
     font-size: 0.75em;
}
 .tabs nav li.tab-current a {
     color: #74777b;
}
 .tabs nav a:focus {
     outline: none;
}
/* Content */
 .content-wrap {
     position: relative;
}
 .content-wrap section {
     display: none;
     margin: 0 auto;
     padding: 1em;
     max-width: 1200px;
     text-align: left;
}
 .content-wrap section.content-current {
     display: block;
}
 .content-wrap section p {
     margin: 0;
     padding: 0.75em 0;
     color: rgba(40,44,42,0.05);
     font-weight: 900;
     font-size: 4em;
     line-height: 1;
}
/*****************************/
/* Moving Line */
/*****************************/
 .tabs-style-linemove nav {
     background: #fff;
}
 .tabs-style-linemove nav li:last-child::before {
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 100%;
     height: 2px;
     background: #2CC185;
     content: '';
     -webkit-transition: -webkit-transform 0.3s;
     transition: transform 0.3s;
}
/* Move the line */
 .tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
     -webkit-transform: translate3d(-200%,0,0);
     transform: translate3d(-200%,0,0);
}
 .tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
     -webkit-transform: translate3d(-100%,0,0);
     transform: translate3d(-100%,0,0);
}
 .tabs-style-linemove nav a {
     padding: 10px 0;
     color: #74777b;
     line-height: 1;
     -webkit-transition: color 0.3s, -webkit-transform 0.3s;
     transition: color 0.3s, transform 0.3s;
     font-size: 15px;
     letter-spacing: 0.3px;
}
 .tabs-style-linemove nav li.tab-current a {
     color: #2CC185;
     -webkit-transform: translate3d(0,8px,0);
     transform: translate3d(0,0px,0);
}
 .tabs-style-linemove nav a span {
     font-weight: 700;
}
 .tabs {
     position: relative;
     overflow: hidden;
     margin: 0 auto;
     width: 100%;
     font-weight: 300;
     font-size: 13px;
}
 .text-red{
    color: Red;
}
 .text-blue{
    color: Blue;
}
h5.text-blue, h5.text-red{font-weight: 500;}
 label{
    width: 100%;
}
 button{
    margin: 0;
}
 div{
    text-align: left;
}
 .RowFlex{
    display: flex;
    line-height: 28px;
    margin-bottom: 5px
}
 .RowFlex span select{
    margin-left: 10px;
     width: 120px;
}
.width100{width: 100%;}
 .SectionWrap div[class="col-"]{
    min-height:60px;
}
 .ColSetter{
    min-height: 60px;
}
 .ColSetterHalf{
    min-height: 35px;
    padding-top: 3px;
    padding-bottom: 3px;
}
 .UploadDocs li{
    display: flex;justify-content: space-between;
}
 .UploadDocs li label{
    width: 100%;
    margin: 0;
}
 .UploadDocs li label:last-child{
    width: inherit;
    height: 20px;
    margin: 0;
    display: flex;
}
 .UploadDocs li label:last-child i, .UploadDocs li label:last-child a{
    display: block;
     height: 20px;
     width: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 18px;
}
 .UploadDocs li label:last-child a{
    color: #607d8b;
}
 .UploadDocs li label:last-child a:hover{
    color: #0e94b3;
}
.ListYesNo li{display: flex;}
.ListYesNo li label:first-child{flex: 30% 0 0;margin: 0;}
.ListYesNo li label:last-child{flex: 70% 0 0;display: flex;margin: 0;}
.ListYesNo li label:last-child label{width: 120px;margin: 0;}
.LawList{list-style: decimal inside;padding: 0;width: 100%;padding-left: 10px;} 
.LawList li{font-size: 14px;font-weight: 500;padding: 3px 0;padding-left: 5px;}
.LawList li:hover{background: #f3f3f34f;}   
.menu-toggler.sidebar-toggler {
    width: 45px;
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MenuToggler {
    display: inline-block;
    height: 2px;
    width: 22px;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff;
    position: relative;
}

.MenuToggler::before,
.MenuToggler::after {
    display: inline-block;
    height: 2px;
    width: 22px;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
}

.MenuToggler::before,
.MenuToggler::after {
    display: inline-block;
    height: 2px;
    width: 22px;
    border-radius: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 2.85714px center;
    transform-origin: 2.85714px center;
}

.MenuToggler::after {
    top: -6px;
}

.MenuToggler::before {
    top: 6px;
}
.SoftName, .SoftName:hover, .SoftName:focus, .SoftName:active {
    font-family: 'Cookie', cursive;
   font-size: 25px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: 1px;
    color: #fff;
    text-decoration: none;
}
.scrtabs-tab-container * {box-sizing: border-box;}
.scrtabs-tab-container {height: 42px;}
@media(max-width: 768px){.scrtabs-tab-container {margin-left: -10px;margin-right: -10px;}.sm-mb-10{margin-bottom:10px;}}
.scrtabs-tab-container .tab-content {clear: left;}
.scrtabs-tabs-fixed-container {float: left;height: 42px;overflow: hidden;width: 100%;}
.scrtabs-tabs-movable-container {position: relative;}
.scrtabs-tabs-movable-container .tab-content {display: none;}
.scrtabs-tab-scroll-arrow {border-top: none;color: #428bca;cursor: pointer;float: left;font-size: 22px;line-height: 40px;height: 40px;width: 30px;text-align: center;}
.scrtabs-tab-scroll-arrow:hover {background-color: #eeeeee;}
.scrtabs-tabs-fixed-container ul.nav-tabs {height: 41px;}
.scrtabs-tabs-fixed-container ul.nav-tabs > li {white-space: nowrap;}
.scrtabs-tab-content-outside-movable-container .nav-tabs {display: none;}
.nav-pills { border-bottom: 2px solid #DDD; }
.PatProRgt .nav-pills { border-bottom: 3px double #DDD; }
.nav-pills > li.active > a, .nav-tabs > li.active > a:focus, .nav-pills > li.active > a:hover { border-width: 0; }
.nav-pills > li > a { border: none; color: #666;font-weight: 600;}
.nav-pills > li.active > a, .nav-pills > li > a:hover { border: none; color: #399bff !important; background: transparent; }
.nav-pills > li > a::after {content: "";background: #4285F4;height: 2px;position: absolute;width: 100%;left: 0px;bottom: -2px;transition: all 250ms ease 0s;transform: scale(0);}
.PatProRgt .nav-pills > li > a::after {content:''; border-top: 1px solid #4285F4;border-bottom: 1px solid #4285F4;height: 3px;position: absolute;width: 100%;left: 0px;bottom: -2px;transition: all 250ms ease 0s;transform: scale(0);}
.nav-pills > li.active > a::after, .nav-pills > li:hover > a::after { transform: scale(1); }
.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666;font-size: 13px;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 10px 0; }
.tab-content{padding:5px;border: 0;}
.Header_top{display: none;}
.portlet.light.bordered > .portlet-title {border-bottom: 9px solid #eef1f5;margin-left: -12px;margin-right: -12px;padding: 5px 10px;margin-bottom: 5px;position: relative;}
.portlet.light > .portlet-title > .caption:before {content: '';width: 3px;background: #2196F3;position: absolute;left: 2px;top: 0;bottom: 0;}
.form_desi{min-height: 60px;}
.form_desi_Half{min-height: 35px;}
div[class*="col-"]{padding-left: 0 !important;}
ul.ulPortlet {padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap;}        
ul.ulPortlet li{flex: 50% 0 0;display: flex;min-height: 25px;align-items: center;}
ul.ulPortlet li span:first-child{flex: 40% 0 0;font-weight: 600;color: #4276a4;}
.flex-100{flex: 100% 0 0 !important;}
.modal-body{display: flex;}
.modal-body > div{width: 100%;flex: 100% 0 0;}
.btn{position: inherit;margin: 0 2px;}
label {width: 100%;display: block;font-weight: 500;font-size: 13px;}
.modal .modal-header {
    border-bottom: 0px solid #EFEFEF;
    background: rgb(100,181,246);
        color: #fff;    
}
.modal .modal-header .page-title{color: #fff;letter-spacing: 0.1px;}
.modal.in .modal-dialog{ margin-top: 50px;}
.PortletSubTitle{padding: 5px 10px;padding-bottom: 0;margin-bottom: 10px;clear: both;border-bottom: 2px solid #e4ecff;}
.PortletSubTitle:after, .PortletSubTitle:before {content: " ";display: table;}
.PortletSubTitle:after{clear: both;}
.PortletSubTitle .caption{float: left;display: inline-block;font-size: 14px;line-height: 18px;color: #666;padding: 2px 0 0;position: relative;}
.PortletSubTitle .caption .page-title {color: rgb(3,169,244);font-weight: 500;margin: 0;font-size: 15px;letter-spacing: 0.1px;}
.PortletSubTitle > .caption span:before {content: '';height: 2px;background: rgb(3,169,244);position: absolute;left: -5px;right: -10px;bottom: -2px;}
.table-responsive{width: 100%;}
.page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i.mdi{font-size: 18px;}
#ddlLocation {background-color: #4276a400 !important;border: 0px solid #ffffff;padding: 3px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding-right: 25px;}
#ddlLocation option{background: #4276a4;}
.LocationDropdown:before {content: "\f107";font-family: FontAwesome;font-size: 14px;position: absolute;right: 15px;color: #fff;top: 0;bottom: 0;line-height: 40px;}
.d-flex{display: flex;}
.PortletSubTitle.tabbable-line .caption{padding: 5px 0 5px 0;}
.PortletSubTitle.tabbable-line > .nav-tabs{float: right;}
.PortletSubTitle.tabbable-line > .nav-tabs > li > a{padding: 5px 15px;}
.profile-content > .portlet.light > .portlet-body > .tab-content {padding: 0px 15px 10px;}
.page-sidebar.collapse{z-index: 9999;}
/*.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li > .sub-menu{max-height: 250px;}*/
input[type="radio"][disabled]+label, input[type="radio"].disabled+label, input[type="checkbox"][disabled]+label, input[type="checkbox"].disabled+label{cursor: not-allowed;background: #f3f3f34f;}
ol ul.ulInlineTXT{margin-bottom: 10px;}
.LegendCheckbox.isDisabled{background: rgba(0, 59, 88, 0.22);margin-bottom: 5px;}
.LegendCheckbox.isDisabled input[type="checkbox"] + label:before{border-color: rgb(84,110,122);border-top-color: transparent;border-left-color: transparent;}
.LegendCheckbox.isDisabled input[type="checkbox"] + label{color: rgb(84,110,122);letter-spacing: 0.1px;}



.QuizList 
{
    list-style-type: decimal;
    font-weight: bold;
    margin: 0; 
}

.QuizList ul{
    padding: 0;
    padding-left: 10px;
}
    
    .QuizList li
    {
        margin-top:13px;
     position: relative;
     }
     
.QuizList  {
    counter-reset: list;
}
.QuizList  > li {
    list-style: none;
}
.QuizList  > li:before {
    content: counter(list) ") ";
    counter-increment: list;
    position: absolute;
    left: -18px;
}
.QuizList  > li:after {
    content: "Q.";
    position: absolute;
    left: -35px;
    top: 0;
}

.QuizList .QuizSubOption
{
    padding-left:10px;
 }