form.registration-form fieldset {
display : none;
}
.body-black .almost_done {
    color: #fff !important;
    background: rgb(41, 41, 41) !important;
}
.body-black .app_sumary ul li
{
 color: #fff !important;
}
.btn-default
{
background:#0da8f0 !important;
color:#fff;
}
.btn-default:hover
{
background: #54595f !important;
}
.body-black .app_sumary ul li span
{
 color: #fff !important;
}
.body-black .complete_thnx {
    background: #484848;
    display: block;
    padding: 9px 10px;
    border-radius: 4px;
}
.body-black .ptbold {
    font-size: 18px;
    margin-bottom: 16px;
    color: #fff;
    font-weight: 600;
}

.label-text {
cursor : pointer;
font-size : 15px;
}
label {
font-size : 15px;
}
.hide
{
display:none;
}
.panel-default > .panel-heading {
color : #fff;
background-color : #405806;
border-color : #ddd;
font-weight : 700;
text-shadow : 1px 1px 3px #000c15;
border-radius : 15px 15px 0 0;
}
.table-bordered > tbody > tr > td {
font-size : 15px;
}
.panel-body .form-group {
margin-bottom : 6px;
}
.panel-body .form-control {
height : 41px;
}

.mnbps {
clear : both;
padding-left : 20px;
padding-top : 15px;
text-align : justify;
height:auto;
overflow: hidden;
}


ul.enroll_steps {
padding : 0;
}
.enroll_steps li::after {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #e6e6e6;
position : absolute;
right : -19px;
top : 0;
z-index : 1;
}
.active_step::after {
border-left : 20px solid #4187f7 !important ;
}
.enroll_steps li:first-child::before {
border-left : 20px solid #e6e6e6;
}
.enroll_steps li::before {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #fff;
position : absolute;
top : 0;
left : 0;
}
.enroll_steps li::after {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #e6e6e6;
position : absolute;
right : -19px;
top : 0;
z-index : 1;
}
.active_step::before {
border-left : 20px solid #4187f7 !important ;
}
.active_step::after {
border-left : 20px solid #4187f7 !important ;
}
.enroll_steps li {
width : 14%;
float : left;
list-style : none;
background : #e6e6e6;
padding : 10px;
position : relative;
text-align : center;
color : #333;
font-size : 14px;
}
li.active_step {
background : #4187f7;
color : #fff;
}
ul.enroll_steps {
padding : 0;
}
.enroll_steps li::after {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #e6e6e6;
position : absolute;
right : -19px;
top : 0;
z-index : 1;
}
.active_step::after {
border-left : 20px solid #4187f7 !important ;
}
.enroll_steps li:first-child::before {
border-left : 20px solid #e6e6e6;
}
.enroll_steps li::before {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #fff;
position : absolute;
top : 0;
left : 0;
}
.enroll_steps li::after {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #e6e6e6;
position : absolute;
right : -19px;
top : 0;
z-index : 1;
}
.active_step::before {
border-left : 20px solid #6ebe44 !important ;
}
.active_step::after {
border-left : 20px solid #74d1ea !important ;
}
.enroll_steps li {

float : left;
list-style : none;
background : #e6e6e6;
padding : 10px;
position : relative;
text-align : center;
color : #333;
font-size : 14px;
}
li.active_step {
background : #4187f7;
color : #fff;
}

#payment_card_number_o #payment_card_number {border-radius: 15px;}
#payment_card_number_o .input-group-addon {
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 10px;
}
#payment_card_number_o .input-group-addon span {font-size: 22px;}
@media (max-width:580px) {

.veryfirststep1 {
width : 24%;
line-height : 12px;
padding : 15px 0 0 25px !important ;
height : 40px;
vertical-align : middle;
text-align : center;
font-size : 10px !important ;
}
.veryfirststep
{
 width : 24%;
line-height : 12px;
padding : 15px 0 0 3px !important ;
height : 40px;
vertical-align : middle;
text-align : center;
font-size : 10px !important ;
}
}
@media (max-width:320px) {
.enroll_steps li {
font-size : 9px;
}
}
.checkbox label, .radio label {
min-height : 20px;
padding-left : 0;
margin-bottom : 0;
font-weight : 400;
cursor : pointer;
float : left;
padding-right : 20px;
}
.margin-bottom30 {
margin-bottom : 10px;
font-size : 14px;
line-height : 22px;
font-weight : 900;
}
.enroll_steps li {
width : 24.6%;
float : left;
list-style : none;
background : #929497;
padding : 8px;
position : relative;
text-align : center;
color : #fff;
font-size : 16px;
}
.enroll_steps li::after {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left :20px solid #929497;
position : absolute;
right : -19px;
top : 0;
z-index : 1;
}
.enroll_steps li::before {
content : "";
border-top : 20px solid transparent;
border-bottom : 20px solid transparent;
border-left : 20px solid #fff;
position : absolute;
top : 0;
left : 0;
}
li.active_step {
background : #74d1ea;
color : #fff;
}

.fright {
float : right;
}

input[type="file"] {
height : 35px;
margin : 0;
padding : 0 20px;
vertical-align : bottom;
background : #f8f8f8;
border : #ddd solid 1px;
font-family : 'Roboto', sans-serif;
font-size : 16px;
font-weight : 300;
line-height : 30px;
color : #888;
border-radius : 4px;
box-shadow : none;
transition : all 0.3s;
}
input[type="radio"] {
margin-top : 8px !important ;
}
textarea, textarea.form-control {
padding-top : 10px;
padding-bottom : 10px;
line-height : 30px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, textarea.form-control:focus {
outline : 0;
background : #fff;
border : #ccc solid 1px;
}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, textarea.form-control:-moz-placeholder {
color : #888;
}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder {
color : #888;
}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder {
color : #888;
}

button.btn:hover {
opacity : 0.6;
color : #fff;
}
button.btn:active {
outline : 0;
opacity : 0.6;
color : #fff;
box-shadow : none;
}
button.btn:focus {
outline : 0;
opacity : 0.6;
background : #26A69A;
color : #fff;
}
button.btn:active:focus, button.btn.active:focus {
outline : 0;
opacity : 0.6;
background : #26A69A;
color : #fff;
}
.btn-link-1 {
display : inline-block;
height : 50px;
margin : 0 5px;
padding : 16px 20px 0 20px;
background : #26A69A;
font-size : 16px;
font-weight : 300;
line-height : 16px;
color : #fff;
border-radius : 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active {
outline : 0;
opacity : 0.6;
color : #fff;
}
.btn-link-2 {
display : inline-block;
height : 50px;
margin : 0 5px;
padding : 15px 20px 0 20px;
background : rgb(0 0 0 / 0.3);
border : #fff solid 1px;
font-size : 16px;
font-weight : 300;
line-height : 16px;
color : #fff;
border-radius : 4px;
}
.btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus {
outline : 0;
opacity : 0.6;
background : rgb(0 0 0 / 0.3);
color : #fff;
}
.form-box {
padding-top : 0;

}
.form-top {
overflow : hidden;
padding : 0 25px 15px 25px;
background : #26A69A;
border-radius : 4px 4px 0 0;
text-align : left;
color : #fff;
transition : opacity 0.3s ease-in-out;
}
.form-top h3 {
color : #fff;
}


form .form-bottom button.btn {
min-width : 105px;
}
form .form-bottom .input-error {
border-color : #d03e3e;
color : #d03e3e;
}
form.registration-form fieldset {
display : none;
}
.error {
display : none;
}
form.registration-form fieldset {
margin-bottom : 22px !important ;
}
#msform fieldset .uploading-file select {
width : 80%;
}
#msform input[type="file"] {
width : 0.1px;
height : 0.1px;
opacity : 0;
overflow : hidden;
position : absolute;
z-index : -1;
}
#msform .uploading-box label {
background : url("../../images/upload.png") 0 0 /117px auto no-repeat scroll rgb(0 0 0 / 0);
cursor : pointer;
display : inline-block;
font-size : 18px;
font-weight : 600;
height : 126px;
margin-bottom : 5px;
position : absolute;
top : -2px;
width : 126px;
font-size : 0;
left : 0;
}
#msform fieldset .uploading-file select {
display : inline-block;
float : left;
width : 80%;
}
.uploading-box {
display : inline-block;
float : none;

position : relative;
width : 200px;
height : 119px;
}
.uploading-file::after, .uploading-file::before {
display : block;
clear : both;
content : "";
}
.uploading-file {
display : block;
margin : 0 auto;
float : none;
}
.uploading-box::after, .uploading-box::before {
display : block;
clear : both;
content : "";
}
#msform fieldset .uploading-file select {
width : 80%;
}
.add_p {
background : #606060;
width : 100%;
float : left;
margin-top : 5px;
padding : 4px 0;
text-transform : capitalize;
}
#dynamic_image_append > div .removeImage, #upload_all_type_proof > div .removeImage {
background : #000;
border : 0;
color : #fff;
border-radius : 50%;
height : 30px;
width : 30px;
position : absolute;
top : -16px;
right : -11px;
}
#dynamic_image_append > div, #upload_all_type_proof > div {
width : 150px;
height : 150px;
float : left;
margin-right : 20px;
position : relative;
margin-bottom : 30px;
border : #4e4e4e solid 1px;
}
#dynamic_image_append > div img, #upload_all_type_proof > div img {
width : 100%;
height : 100%;
}
.dynamic_tpiv_image {
width : 100%;
float : left;
margin-top : 30px;
}
.dynamic_tpiv_image > div {
width : 200px;
height : 200px;
float : left;
margin-right : 20px;
position : relative;
margin-bottom : 30px;
border : #4e4e4e solid 1px;
}
.dynamic_tpiv_image > div .removeImage {
background : #000;
border : 0;
color : #fff;
border-radius : 50%;
height : 30px;
width : 30px;
position : absolute;
top : -16px;
right : -11px;
}
.dynamic_tpiv_image > div img {
width : 100%;
height : 100%;
}
.dataplanr_left {
background : #fff;
border-radius : 7px;
padding : 15px;
margin-right : -16px;
position : relative;
}
.dataplanr_left .selected_plan {
position : absolute;
top : 0;
right : -50px;
z-index : 2;
top : 61px;
background : #337ab7;
width : 80px;
color : #fff;
text-decoration : none;
border-radius : 50%;
height : 80px;
font-size : 40px;
}
.dataplanr_left .selected_plan .fa.fa-check {
display : none;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-check {
display : block;
}
.dataplanr_left .selected_plan .fa.fa-plus {
display : block;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-plus {
display : none;
}
.dataplanr_left .selected_plan .fa {
color : #fff;
padding : 20px 0 0 0;
}
.dataplanr_left .selected_plan .fa.fa-check {
display : none;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-check {
display : block;
}
.dataplanr_left .selected_plan .fa.fa-plus {
display : block;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-plus {
display : none;
}
.dataplanr_left .selected_plan .fa {
color : #fff;
padding : 20px 0 0 0;
}
.selected_plan {
text-align : center;
}
#msform h3.upload-prf {
text-align : center;
font-size : 32px;
font-weight : 600;
}
.radio .cr .cr-icon {
color : #038baf;
font-size : 13px;
}
.radio .cr {
border : #038baf solid 1px;
box-shadow : 0 6px 9px 7px #c7c7c7 inset;
width : 21px;
height : 21px;
}
.night .radio .cr {
border : #038baf solid 1px;
box-shadow : 0 6px 9px 7px #000 inset;
}
.night .radio .cr .cr-icon {
color : #fff;
font-size : 13px;
}
.margin-bottom30 {
margin-bottom : 30px;
}
#second-tpiv-div, #first-tpiv-div {
margin-top : 10px;
}
#msform p.pricefont {
font-size : 50px;
font-weight : 600;
text-align : center;
margin : 0;
padding : 53px 0 0 0;
}
.night #msform p.pricefont {
color : #000;
}
#msform p.voice_font {
margin : 0;
text-align : center;
font-size : 14px;
padding : 0 0 53px 0;
}
.night #msform p.voice_font {
color : #000;
}
.dataplanr_right {
background : #fff;
border-radius : 5px;
padding : 15px;
}
#msform ul.data_feture li {
color : #000;
text-align : left;
font-size : 16px;
line-height : 26px;
position : relative;
padding-left : 18px;
list-style : none;
}
#msform ul.data_feture li::before {
display : block;
clear : both;
content : "";
width : 8px;
height : 8px;
background : #474747;
position : absolute;
left : 0;
border-radius : 100%;
top : 9px;
}
#msform ul.data_feture li.fem {
font-weight : 600;
margin : 6px 0 10px 0;
padding-left : 0;
}
#msform ul.data_feture li.fem::before {
display : block;
clear : both;
content : "";
width : 0;
height : 0;
background : none;
position : absolute;
left : 0;
border-radius : 100%;
top : 9px;
}
#msform ul.data_feture {
padding : 0;
margin : 0;
}
#msform h3.upload-prf {
text-align : center;
font-size : 32px;
font-weight : 600;
}

.checkbox label, .radio label {
min-height : 20px;
padding-left : 0;
margin-bottom : 0;
font-weight : 400;
cursor : pointer;
float : left;
padding-right : 20px;
}
.select_box {
background : #a3ceff;
background-size : auto;
background-size : auto;
background-size : 100% 100%;
border-radius : 14px;
color : #fff;
display : block;
font-size : 21px;
height : auto;
position : relative;
margin : 0 0 50px 0;
padding : 0 0 20px 0;
text-decoration : none !important ;
width : 100%;
border : #4489ff solid 2px;
max-width : 302px;
overflow : hidden;
min-height : 280px !important ;
text-align : center;
}
.select_box.liheap img {
width : 100%;
}
a.sel_lfy {
background : #4489ff;
border : 0;
padding : 7px 30px;
font-size : 17px;
text-transform : uppercase;
color : #fff;
text-decoration : none;
cursor : pointer;
font-weight : 500;
border-radius : 5px;
}
.select_box p {
text-align : center;
color : #181818;
margin-top : 13px;
font-size : 14px;
font-weight : 500;
min-height : 45px;
}
.modal-body {
height : auto;
overflow : hidden;
}
.select_box.selected {
box-shadow : 0 0 0 3px #05313a;
}
.select_box.selected {
background : #2f4e83;
}
.select_box.selected p {
color : #fff;
}
.add_p {
background : #606060;
width : 100%;
float : left;
margin-top : 5px;
padding : 4px 13px !important ;
text-transform : capitalize;
color : #fff;
}
.dataplanr_right {
padding-left : 32px !important ;
}
.mandetory {
color : red !important ;
}
.margin-bottom30 {
margin-bottom : 10px;
}
.table>tbody>tr>td
{
font-size:14px;
width:50%;
word-break: break-all;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;}
/*totltip*/
/*tootltip new*/
.tooltips::before {
  content: '';
  position: absolute;
  top: -9px;
  left: 6px;
  margin-left: -8px;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  width: 18px;
  height: 18px;
  display: none;
}
.tooltips:hover.tooltips::before {
  display: block;
}
a.tooltips span::after {
display:none!important;
}
a.tooltips {
  display: inline-block !important;
}
/*end tootltip new*/

@media (max-width: 900px){
a.tooltips span {
  width: 180px!important;
}	
	
}
@media (max-width:801px) {
  a.tooltips span {
    width: 150px !important;
    left: 50px !important;
  }
}

@media (max-width: 712px) {
  a.tooltips span {
    width: 129px !important;
    left: 50px !important;
  }
}

@media (max-width: 650px) {
  a.tooltips span {
    width: 129px !important;
    left: 20px !important;
  }
}
/*end tooltip*/




@media only screen and (max-width:600px) {
spl {
    font-size: 27px;
}
h3 {
    font-size: 18px;
}
form .form-bottom button.btn {
min-width: 80px;
font-size: 13px;
padding: 5px 7px!important;
}

	
form .form-bottom button.btn {
min-width : 80px;
}
.margin-bottom30 {
padding-top : 16px;
}
#msform p.pricefont {
font-size : 23px;
}
#msform ul.data_feture li {
color : #000;
text-align : left;
font-size : 13px;
}
button.btnnew {

}
.swal-text {
font-size : 18px;
}
.progress {
height : 35px;
}




@media (max-width:580px)
{
.main-nav.nav > li > a {
    padding: 5px 4px;
    font-size: 14px;
}

}
.progress .skill {
font : normal normal 12px "Open Sans Web";
line-height : 35px;
padding : 0;
margin : 0 0 0 20px;
text-transform : uppercase;
}
.progress .skill .val {
float : right;
font-style : normal;
margin : 0 20px 0 0;
}
.progress-bar {
text-align : left;
transition-duration : 3s;
}
#dynamic_image_append > div {
margin-top : 10px !important ;
}

.dataplanr_left {
background : #fff;
border-radius : 7px;
padding : 15px;
margin-right : -16px;
position : relative;
}
.dataplanr_left .selected_plan {
position : absolute;
top : 0;
right : -50px;
z-index : 2;
top : 61px;
background : #337ab7;
width : 80px;
color : #fff;
text-decoration : none;
border-radius : 50%;
height : 80px;
font-size : 40px;
}
.dataplanr_left .selected_plan .fa.fa-check {
display : none;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-check {
display : block;
}
.dataplanr_left .selected_plan .fa.fa-plus {
display : block;
}
.dataplanr_left .selected_plan.selecte_plan_box .fa.fa-plus {
display : none;
}
.dataplanr_left .selected_plan .fa {
color : #fff;
padding : 20px 0 0 0;
}
.dataplanr_left .selected_plan {
position : absolute;
top : 0;
right : -50px;
z-index : 2;
top : 61px;
background : #337ab7;
width : 60px;
color : #fff;
text-decoration : none;
border-radius : 50%;
height : 60px;
font-size : 30px;
}
}
.body-black .blackred
{
color: #F00 !important;
}
.almost_done {
    margin-top: 0px;
    background: #FBFDFA;
	padding: 0 30px;
}
.almost_done h2 {
        font-size: 26px;
    text-transform: capitalize;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border: 2px solid #04b317;
    padding-top: 10px;
}		
.q_box_inner span {
    display: block;
    width: 200px;
    margin: 0 auto;
}
.q_box_inner span {
    display: block;
    width: 200px;
    min-height: 138px;
    margin: 30px auto 43px;
}
.q_box_inner {
    border-right: 1px solid #ccc;
    min-height: 370px;
}
.q_box_inner.boxin_last {
    border-right: 0;
}
.q_box_inner h3 {
    font-size: 16px;
    margin-bottom: 17px;
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
}
.q_box_inner p {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}
.q_box h4 {
    font-size: 27px;
    margin: 82px 0 17px;
    text-transform: capitalize;
	    text-align: center;
    color: #747474;
}
.app_sumary p {
    text-align: center;
}
.app_sumary ul li {
    display: inline-block;
    width: 20%;
    color:#606060;
    font-size: 14px;
    text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 7px;
}
.app_sumary ul li:nth-child(2n) {
    width: 79%;
	color:#333;
	font-weight: 500;
}
.pop_wrp {
    width: 100%;
    max-width: 500px;
    border:2px solid #04b317;
    padding: 10px 20px;
    margin: 18px auto 18px;
    box-shadow: inset 0px 0 -1px 1px #ccc;
}
.lqwrp {
    width: 200px;
    margin: 20px auto 40px;
    display: block;
}
.ptextcenter {
    font-size: 15px;
    text-align: center;
}
.ptbold {
    font-size: 18px;
    margin-bottom: 16px;
    color: #000;
    font-weight: 600;
}
.pbutton {
    border: 0;
    background: #0c5ea4;
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 5px;
    margin-right: 24px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
.pbutton:hover {
    background:#0a6bbf;
}
.bwrapper {
    text-align: center;
    margin: 40px 0;
}
.thxwrp {
    margin: 36px 0 8px;
    display: block;
}
.approved_box {
    margin-top: 20px;
}
.q_box_inner .pbutton {
    margin: 22px auto 0;
    display: block;
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    padding: 12px 30px;
    text-align: center;
    color: #fff !important;
}
.bwrapper.nv p {
    font-size: 13px;
    margin: 20px 0 0;
}
.pop_wrp ul {
    margin: 0;
    padding: 0;
}
.complete_thnx {
    background: #dbffe0;
    display: block;
    padding: 9px 10px;
    border-radius: 4px;
}
.complete_thnx p {
    margin: 0;
}
.apply_icon img {
    margin-bottom: 89px;
    margin-top: 57px;
    width: 150px;
    display: block;
    margin-right: AUTO;
    margin-left: auto;
}
.div-check-box
{
	width: 50px;
	height: 50px;
	background: green;
	border-radius: 45px;
	text-align: center;
	top: -43px;
	position: absolute;
	right: -10px;
}
.myselectBox {
  margin-top: 20px;
}
#fc_frame, #fc_frame.fc-widget-normal {
  right: 25px !important;
}










@media(min-width:1451px) and (max-width:1754px)
{
.q_box_inner {
    border-right: 1px solid #ccc;
    min-height: 410px;
}
}
@media(min-width:1031px) and (max-width:1450px)
{
.q_box_inner {
    border-right: 1px solid #ccc;
    min-height: 430px;
}
.q_box_inner .pbutton {
    margin: 22px auto 0;
    font-size: 12px;
      padding: 12px 5px;
}
}
@media(min-width:768px) and (max-width:1030px)
{
.q_box_inner {
    border-right: 1px solid #ccc;
    min-height: 449px;
}

}



@media(max-width:1184px)
{
.q_box_inner span {
    display: block;
    width: auto;
    margin: 30px auto 43px;
}
.q_box_inner img {
    width: 130px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.q_box_inner span {
    display: block;
    width: auto;
    margin: 30px auto 43px;
}
.apply_icon img {
    margin-bottom: 63px;
}
}
@media(max-width:610px)
{
.q_box_inner img {
    width: 82px;
}
.apply_icon img {
    margin-bottom: 46px;
}
.q_box_inner h3 {
    font-size: 14px;
}
.q_box_inner {
    border-right: 1px solid #ccc;
    min-height: 370px;
    width: 48%;
    padding: 0 2%;
    margin: 0;
}
.almost_done {
    margin-top: 0px;
    background: #FBFDFA;
    padding: 0 5px;
}
.q_box_inner .pbutton {
    margin: 22px auto 0;
    font-size: 12px;
    padding: 6px 15px;
}
.app_sumary ul li:nth-child(2n) {
    width: 67%;
    color: #333;
		vertical-align:top;
    font-weight: 500;
}
.app_sumary ul li {
    width: 30%;
	vertical-align:top;
}
.almost_done h2 {
    font-size: 16px;
    font-weight: 600;
}
.approved_box {
    margin-top: 0;
}
.q_box h4 {
    font-size: 18px;
    margin: 42px 0 17px;
    color: #747474;
    font-weight: 600;
}
.complete_thnx p {
    margin: 0;
    font-size: 12px;
    line-height: 15px!important;
}
.lqwrp img {
    border: 0;
    width: 103px;
    display: block;
    margin: 0 auto;
}
}
@media(max-width:430px)
{
.q_box_inner {
    border-right: 0;
    min-height:auto;
    width: 98%;
    padding: 0 2%;
    margin: 0;
}
.q_box_inner img {
    width: 132px;
}
.pbutton {
    padding: 12px 10px;
    font-size: 11px;
	    margin-right: 5px;
}
}




.form-bottom
{
padding: 25px 25px 30px 35px;
}

@media screen and (max-width: 600px) {
.form-bottom
{
padding: 25px 8px 30px 10px !important;
}
.signup-bt
{
    padding: 10px 20px !important;
}
#msform h3.upload-prf {
  font-size: 22px;
}
.margin-bottomN30 {
  margin-bottom: 10px;
}
/*for hand*/
.row.showebbconcent label.ch-container {
    padding-left: 50px;
}

.row.showebbconcent label.ch-container input {
    left: 20px;
}

.row.showebbconcent label.ch-container span.checkmark {
    left: 20px;
}

.row.showebbconcent img.myarraow {
    left: -9px !important;
}

/*end for hand*/
#myidsl {
  padding: 0 20px;
}

}
.padding-bottom-10
{
padding-bottom: 10px;
}
.btn-next1
{
color: #fff;
}
/* .hegon-bootom-c-ara { */
    /* font-size: 14px; */
/* } */
.hegon-bootom-c-ara {
    font-size: 14px;
    min-height: 150px;
}
.hexgon-area
{
position:relative;
}
/* .tickDIV */
/* { */
/* position: absolute; */
/* left: 0px; */
/* top: 0px; */
/* width: 100%; */
/* height: 100%; */
/* z-index: 0; */
/* text-align: center; */
/* background:transparent; */
/* } */
.tickDIV {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
    background: #bedac62e;
    border-radius:40px;
}
.progame_list_box .tickDIV
 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height:calc(100% - 80px);
    z-index: 0;
    text-align: center;
    background: #4491323d;
	/* background: #bedac62e; */
    border-radius: 0;
}
 .myselectBox.selected#program_list_1000 div#tickDIV_1000 {
     position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% - 80px);
    z-index: 0;
    text-align: center;
    background: #4491323d;
    /* background: #bedac62e; */
    border-radius: 0;
}
.myselectBox.selected#program_list_1000 div#tickDIV_1000 img.tickIMG
{
    display: block;
    width: 40%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;	
	
}
.progame_list_box .tickDIV .tickIMG
{
	display: block;
    width:40%;
    height: auto;
    margin: 0 auto;
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
}








/* .tickIMG */
/* { */
/* margin-top:70%; */
/* } */
.tickIMG {
    margin-top: 70%;
    display: none;
}
.floatL
{
float:left;
}

.divhr
{
	width: 100%;
	height: 20px;
	border-bottom: 1px solid black;
	text-align: center;
	clear: both;
	margin-top: 15px;
}
.spl
{
	font-size: 40px;
	background-color: #F3F5F6;
	padding: 0 10px;
	line-height:40px;
}
.textc1
{
	text-align:center;
}
.textc2
{
	text-align: right;
}
.nopadding
{
padding:0px;
}
.tickDIV
{
display:none;
}










.margin-bottomN30 {
    margin-bottom: 30px;
}
.assessment-container
{
    max-width: 1240px;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
	background: #ccc;
	max-height:300px;
	overflow-y:auto;
	
}
.ui-menu .ui-menu {
	position: absolute;
}
.shadowInput
{
	height:50px !important;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

.margin-topN30
{
margin-top:32px;
}
.widthfull
{
    width: 100%;
}
.ch-container
{
float:left;
}
.swal-button--cancel
{
background: #9C27B0;
}
.swal-button--cancel:hover
{
background: #9e54ab;
}
.hexgon-area-bt
{
	margin: 25px auto 0px auto !important;
}
.plan-box-round2
{
margin: 0px auto 60px auto; 
}
.form-box
{
    width: 100%;
}
.mb-xl
{
   width: 100%;
}
.modal-dialog.popup {
  max-width: 900px !important;width: 95%;
}
div#payment_card_number_o {
    position: relative !important;
}
#payment span.input-group-addon {
    position: absolute !important;
    right: 10px;
    top: 13px;
}
.notice_box {
  background: #e5f5ff;
  padding: 15px;
  border-radius: 4px;
  font-size: 15px;
}
.swal-modal .swal-button {
  background-color: #74d1ea !important;
}
div.swal-modal .swal-button:hover {
  background-color: #1d252d !important;
  background: #1d252d !important;
  box-shadow:0 0 1px 1px #ccc;
}


/*----------------- custom captcha css start ----------*/
.captcha_inner input[type="text"] {
    height:40px !important;
    border: 0px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: 0 0 0px 1px #ccc !important;
    padding: 0 10px;
}
.captcha_box {
    display: flex;
    flex-direction: column;
    max-width: 462px;
    padding: 15px 20px 21px;
    border-radius: 8px;
    box-shadow: rgba(154, 154, 154, 0.5) 0px 0px 1px 1px;
    width: 100%;
}
.captcha_wrapper h2 {
    color: #333;
    font-weight: 600;
    font-size:24px;
}
.captcha_wrapper {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    /* margin-top: 20px; */
    padding-top: 20px;
}
.captcha_inner {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
.image-option {
    width: 20%;
    height: auto;
    margin: 5px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 4px;
}
.image-option.active {
    border: 2px solid #1259ca;
    width: 23%;
}
.image-option:hover {
    border:1px solid #1259ca;
}
.image-option.active:hover{border: 2px solid #1259ca;}
.color-box {
    width: 84px;
    height: 53px;
    display: flex;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
    align-items: center;
    border: 1px solid #ccc;
}
.color-box.red { background-color: red; }
.color-box.green { background-color: green; }
.color-box.blue { background-color: blue; }
.color-box.yellow { background-color: yellow; }
#captcha-options {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: center;
}
.color-box.active, .color-box:hover {
    border: 2px solid #2a2a2a;
}
.color-box.active {
    height: 59px;
    width: 87px;
}

@media(min-width:768px) and (max-width:991px)
{

    .logo-area a img.img-responsive {
        width: 126px;
        max-width: 126px;
    }
    .navbar-collapse.collapse {
        margin: 0;
        padding: 0;
    }
    .logo-area .container {
        width: 98%;
        padding: 0 1%;
    }
    .main-nav.nav > li > a {
        position: relative;
        display: block;
        padding: 5px 4px;
        font-size: 11px;
    }
}
@media(min-width:768px) and (max-width:800px)
{
    .main-nav.nav > li > a {
        position: relative;
        display: block;
        padding: 5px 3px;
        font-size: 11px;
    }
}
@media(max-width:575px)
{
    .captcha_wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    #captcha_img_box img {
        width: 100%;
    }
}


.mt-xs {
    min-height: 100px;
}
/*----------------- custom captcha css end ----------*/