/* For Registration pages */
/* parent cover div class name is view-registration */

@import url("https://fonts.googleapis.com/css?family=Poppins");

@font-face {
    font-family: Restora;
    src: url("nasir-udin-restora/RestoraExtraLight.otf") format("opentype");
}
body * {
 font-size: 100%;
 font-family: 'Poppins';
}
.registo #es textarea.o-form-control {background: #F7EFED!important; border-radius: 6px !important; }
#sp-section-4 { display:none !important; }
.ils-reg-lft-div { 
	height: 90vh;  
 	position: relative;
    padding-top: 50px;
    margin: 0px;
    color: white;
    border-radius: 25px;
	background: url('https://iluvsugar.com/images/ils_registration_background.jpeg'); 
    background-repeat: no-repeat; 
    background-size: cover;
/*	box-shadow: inset 0 0 0 2000px #a5a5a54d;*/
    background-position: center bottom;
}
.top-head {
	padding-left: 30px;
}
.top-head .th-1 h1 {
	font-size: 42px;
	font-family: Restora !important;
	font-weight: bold !important;
}
.top-head .th-2 {
	font-size: 18px;
}
.ils-reg-rgt-div {
	padding-top: 50px;
	padding-left: 80px;
/*	height: 90vh;*/
}
.bottom-head {
    position: absolute;
	bottom: 20px;	
    left: 50%;
    transform: translateX(-50%);
}
.bottom-head a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #fff;
    font-size: 13px !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
}
body #es .es-stepbar .es-stepbar__lists>li.active a {
    background: #A5312B !important;
    color: #fff;
}

body #es .es-stepbar .es-stepbar__lists>li>a {
    background: #F3EDE8;
    color: #3D3B3A;
}
body #es .es-stepbar .es-stepbar__lists>li>a:hover {
    background: #A5312B !important;
    color: #fff;
}
body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    height: 2px;
    background: none;
}
body #es .es-stepbar .es-stepbar__lists a:link {
    font-weight: 400;
}
body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
	width:60px;
}
body #es .btn-es-primary {
    background: #A5312B !important;
    width: 140px;
    height: 50px;
    padding-top: 12px;
    font-size: 16px;
    font-weight: bold;
}
body #es .btn-es-primary:hover {
	background: #F7EFED !important;
	color: #1E1E1E !important;
	border: none !important;
}
body #es .btn-es-default-o {
	background: #F7EFED !important;
    width: 140px;
    height: 50px;
    padding-top: 12px;
    font-size: 16px;
    font-weight: bold;
    color: #1E1E1E;
    border: none !important;
}
body #es .btn-es-default-o:hover {
	background: #A5312B !important;
	color: #fff !important;
	border: none !important;
}
body #es .es-stepbar .es-stepbar__lists>li.active.past a { 
	background: #FFD33A !important;
}
body #es .es-stepbar .es-stepbar__lists>li.divider-vertical.active {
    background: none !important;
}
body #es .o-radio--inline label {
    text-transform: uppercase; !important;
}
.reg-btn {
	margin-top: 40px;
}
.es-radio-group-es-fields-93 .o-radio {
    margin-bottom: 15px !important;
}
body #es .o-radio label {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 400;
	margin-left: 20px;
/*	margin-bottom: 15px;*/
}

body #es .o-radio label:before {
    width: 18px;
    height: 18px;
    border: 2px solid #A5312B;
    border-radius: 25%;
    background-color: #fff;
    margin-left: -20px !important;
    margin-top: 5px;
}
body #es .o-radio label:after
{
    width: 10px;
    height: 10px;
    left: -16px !important;
    margin-top: 4px;
}
body #es .o-radio input[type="radio"]:checked+label:before {
    background-color: #FFF;
    border-color: #A5312B;
}
.view-registration #es .o-radio {
    margin-top: 0px !important;
}
.view-registration #data-registration-field-cover-10 .o-radio label:before {
    visibility: hidden !important;
}
body #es .o-radio input[type="radio"]:checked+label:after {
    background-color: #A5312B !important;
    border-radius: 25%;
}
body #es .o-checkbox label
{
	padding: 9px 20px 9px 20px;
    font-weight: normal !important;
}
.o-help-block strong {
	color: #A5312B;
	font-weight: bold !important;
}
#data-registration-field-cover-11 .o-grid__cell {
    float: left;
    width: auto;
}
#data-registration-field-cover-11 .o-select-group {
    width: auto !important;
}
#data-registration-field-cover-11 .o-select-group .o-select-group__drop {
    display: none !important;
}
body #es .o-select-group__drop {
    z-index: 9999;
    right: 17px;
}
#data-registration-field-cover-97 .o-control-input {
    width:150px !important;
}
body #es-fields-97 {
    text-transform: uppercase !important;
}
/*body .es-radio-group-es-fields-179 .o-radio {
    width: 110px !important;
}
body #es #data-registration-field-cover-179 .o-radio label {
    padding: 5px !important;
}
body #es #data-registration-field-cover-179 .o-radio input[type="radio"]:checked+label {
    font-weight: bold !important;
  border: 1px solid #918888 !important;
}
#data-registration-field-cover-179 .o-radio {
    display: inline-block !important;
    text-align: center;
    margin-right: 15px;
    vertical-align: top;
}
#data-registration-field-cover-179 .o-radio label {
    margin-left: 0px !important;
}
#data-registration-field-cover-179 .o-radio label:before{
    visibility: hidden;
    width: 0px !important;
}
#data-registration-field-cover-179 .o-radio label:after{
    visibility: hidden;
    width: 0px !important;
}
#data-registration-field-cover-179 .o-radio .color {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#data-registration-field-cover-179 .o-radio:nth-child(1) .color
{
    background-color: #000;
}
#data-registration-field-cover-179 .o-radio:nth-child(2) .color 
{
    background-color: brown;
}
#data-registration-field-cover-179 .o-radio:nth-child(3) .color
{
    background-color: #8D2623;
}
#data-registration-field-cover-179 .o-radio:nth-child(4) .color
{
    background-color: red;
}
#data-registration-field-cover-179 .o-radio:nth-child(5) .color
{
    background-color: #F3E09C;
}
#data-registration-field-cover-179 .o-radio:nth-child(6) .color
{
    background-color: #fff;
    border: 1px solid #000;
}
#data-registration-field-cover-179 .o-radio:nth-child(7) .color
{
    background-color: grey;
}
#data-registration-field-cover-179 .o-radio:nth-child(8) .color
{
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
/*#data-registration-field-cover-179 .o-radio:nth-child(9) .color
{
    background-image: linear-gradient(to bottom, violet, green, yellow, orange, blue, indigo, red );
}//
#data-registration-field-cover-179 .o-radio:nth-child(9) .color
{
    background-color: #BDB8BD;
}
#data-registration-field-cover-179 .o-radio:nth-child(10) .color
{
    background-color: lightgray;
}
#data-registration-field-cover-179 .o-radio:nth-child(10) .color:before
{
    content: "?";
    font-weight: bold;
    font-size: 40px;
    top: 21px;
    position: absolute;
    right: 40px;
}*/

/** for 192 hair fild **/
#data-registration-field-cover-192 .o-control-label {
    margin-top: 0x !important;
}
#data-registration-field-cover-192 .o-checkbox {
    display: inline-block !important;
    text-align: center;
    margin-right: 0px;
    vertical-align: top;
    background: transparent !important;
    border: 1px solid transparent !important;
    width: 105px !important;
}
#data-registration-field-cover-192 .o-checkbox label {
    margin-left: 0px !important;
}
#data-registration-field-cover-192 .o-checkbox label:before{
    visibility: hidden;
    width: 0px !important;
}
#data-registration-field-cover-192 .o-checkbox label:after{
    visibility: hidden;
    width: 0px !important;
}
#data-registration-field-cover-192 .o-checkbox .color {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(1) .color
{
    background-color: #000 !important;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(2) .color 
{
    background-color: brown;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(3) .color
{
    background-color: #8D2623;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(4) .color
{
    background-color: red;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(5) .color
{
    background-color: #F3E09C;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(6) .color
{
    background-color: #fff;
    border: 1px solid #000;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(7) .color
{
    background-color: grey;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(8) .color
{
    background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}
/*#data-registration-field-cover-192 .o-checkbox:nth-child(9) .color
{
    background-image: linear-gradient(to bottom, violet, green, yellow, orange, blue, indigo, red );
}*/
#data-registration-field-cover-192 .o-checkbox:nth-child(9) .color
{
    background-color: #BDB8BD;
}
#data-registration-field-cover-192 .o-checkbox:nth-child(10) .color
{
    background-color: lightgray;
}
#data-registration-field-cover-192 .o-radio:nth-child(10) .color:before
{
    content: "?";
    font-weight: bold;
    font-size: 40px;
    top: 21px;
    position: absolute;
    right: 40px;
}
.view-registration #es #data-registration-field-cover-192 .o-checkbox input[type="checkbox"]:checked+label {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #918888 !important;
    border-radius: 0px !important;
    font-weight: bold !important;
}

#data-registration-field-cover-153 .o-radio {
    float: left;
    margin-right: 50px;
}
#data-registration-field-cover-154 .o-radio {
    float: left;
    margin-right: 50px;
}
#data-registration-field-cover-181 .o-radio {
    float: left;
    margin-right: 50px;
}
#data-registration-field-cover-170 {
    padding: 15px;
    background: #F7EFED;
    font-weight: 400;
    border-radius: 6px;
  font-size: 17px !important;
}
body .ils_field_106 .o-control-label {
    padding: 0 !important;
}
body #es #ils_step_8 .o-form-actions {
    margin-top: 0px !important;
}
body .ils_field_106 .o-checkbox input[type="checkbox"]:checked+label {
    color: #000 !important;
    background: none !important;
}
#terms-es-fields-106 {
    padding: 3px !important;
}
#data-registration-field-cover-176 .o-radio{
   width:35% !important;
   display: inline-block;
}
body #day, body #month, body #year, body #es-fields-97 {
    background-color: #F0F2F4 !important;
}
.ils_field_166 .es-snackbar2__title, .ils_field_168 .es-snackbar2__title,  .ils_field_167 .es-snackbar2__title {
    font-size: 17px !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    letter-spacing: 2.5px;
    font-weight: bold !important;
}
.ils_field_170 {
    margin-top: 40px;
}
#es #ils_step_1 .o-form-control {
    height: 40px !important;
    background: #f000;
    border-bottom: 1px solid #dfdfdf;
    border-top: none !important;
    border-left: none !important;
    border-radius: 0px !important;
    border-right: none !important;
    padding: 0px !important;
}
.lvl-1 { 
    padding-top: 80px; 
    padding-bottom: 40px;
}
.lvl-1-icon {
    font-size: 80px;
}
.lvl-2 {
    margin-bottom: 30px;
}
.lvl-2 h2 {
    font-family: Restora !important;
    font-weight: bold !important;
}
.head2 h4 {
    line-height: 40px !important;
}
.lvl-4 {
    margin-top: 60px;
    background: #F5F1ED;
    padding: 50px;
    margin-bottom: 60px;
    border-radius: 15px;
}
.head3 {
    color: #A5312B;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
}
.head4{
    font-size: 16px;
    font-weight: 600;
}
.lvl-5 .btn-main {
    color: #fff !important;
    background-color: #A5312B !important;
    border: none !important;
    padding: 15px 20px 15px 20px !important;
}
body #es .o-form-horizontal .o-control-label {
    letter-spacing: 1.5px !important;
}
body #es .o-radio label {
    padding: 2px 0px 0px 8px;
}
#ils_step_4 .reg-btn {
    margin-top: 40px;
}

@media (min-width: 1025px) {
    body #es #data-registration-field-cover-16 .g-list-unstyled {
        display: inline-flex;
    }
    .avatar-upload-field {
        margin-left: 45%;
        margin-top: 120px;
    }   
    .ils-browse-text {
        position: absolute !important;
        margin-left: 14% !important;
    }
}

.ils_field_1 {
    display: none;
}
#upload-avatar {
    visibility: hidden;
    width: 0px;
    height: 0px;
}

#data-registration-field-cover-16 .g-list-unstyled .selected .btn-es-default {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
#data-registration-field-cover-16 .g-list-unstyled .selected .btn-es-danger {
    margin-top: 0px;
}
#data-registration-field-cover-16 .g-list-unstyled .selected {
    text-align: center;
    width: 100%;
}
#upload-avatar {
    width: 0px !important;
}
body #es .o-input-group__btn:last-child>.btn {
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}
#es .btn-file:before {
    display: none !important;
}
body .btn-file {
    width: 150px !important;
    padding: 15px !important;
    height: 50px !important;
    font-size: 14px !important;
    background-color: #F7EFED !important;
    border: 1px dashed #000 !important;
}
.ils_field_159 .o-checkbox {
    text-transform: lowercase !important;
}
.ils_field_159 .o-checkbox label {
    text-transform: capitalize !important;
}
.ils-file-prview {
    width: 150px !important;
    height: 206px !important;
    object-fit: contain !important;
}
.ils_field_182 .t-fs--sm, .ils_field_184 .t-fs--sm, .ils_field_185 .t-fs--sm, .ils_field_186 .t-fs--sm {
    display: none;
}
#es input[type="file"] {
  color: rgba(0, 0, 0, 0);
  margin-left: 30px !important;
}
.ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
    display: inline-flex;
    width:22%;
}
.ils_field_183 .es-snackbar2s__title{
    font-size: 18px !important;
    text-transform: uppercase;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1.5px;
    font-weight: 600 !important;
}
body .ils_field_183 .es-snackbar2 {
    background-color: #fff !important;
}
#es .data-field-file-item .file-name .close {
    margin-left: 0px !important;
}
.file-move {
    display: none;
}
.file-wrap {
    word-wrap: break-word;
}
.file-name span {
    display: none !important ;
}
.file-name {
    width: 100% !important;
    height: auto;
    overflow: hidden;
}
.maxsize {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
}
.data-field-file-item {
    text-align: left !important;
}
.data-field-file-item .alert {
    padding: 0px !important;
}
#es .data-field-file-item .file-name .close {
    font-size: 16px !important;
    border: 1px solid #fff !important;
    background-color: #A5312B !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-weight: bold !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
}
#es .data-field-file-item .file-name {
    background: #fff !important; 
    border: none !important;
    padding: 0px !important;
}
.ils-file-prview {
    cursor: pointer;
}
.ils-fileup {
    visibility: hidden;
}
#es .data-field-file-item .file-name .close {
    position: absolute !important;
    top:0 !important;
    right:0 !important;
}
body {
    background-color: #000 !important;
}
.ils-reg-cover {
    background-color: #fff !important;
    padding: 20px;
}
#es .es-stepbar .divider-vertical-last {
    background: none !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .ils-browse-text {
        position: inherit !important;
        margin-left: 0% !important;
    }
    #upload-avatar {
        display: none !important;
    }
    .ils-file-prview {
        width: 90px !important;
        height: 160px !important;
        object-fit: contain !important;
    }
    #data-registration-field-cover-16 .g-list-unstyled .selected .btn-es-default {
        margin-bottom: 20px !important;
    }
}
.ils-browse-text {
    margin-top: 20px;
    color: #A5312B;
    line-height: 18px;
  font-size: 15px;
}
.view-registration.layout-completed #sp-section-10 {
    display: none !important;
}
.view-registration.layout-activation #sp-section-10 {
    display: none !important;
}
.view-registration.layout-completed .container {
    background: #fff !important;
    padding: 30px !important;
}
.view-registration.layout-activation .container {
    background: #fff !important;
    padding: 30px !important;
}
.view-registration .body-wrapper .ils-reg-cover .ils-small-cover  {
  -webkit-transform: scale(0.95) !important;
  -moz-transform: scale(0.95) !important;
  -o-transform: scale(0.95) !important;
  -ms-transform: scale(0.95) !important;
  transform: scale(0.95) !important;
}
.ils_field_144 .o-form-group {
    color: #000;
}
#ils_step_2 .maxsize {
    margin-top: 0px !important;
}
#ils_step_2 .reg-btn {
    margin-top: -50px !important;
}
body #es .es-story-privacy .es-privacy .es-privacy-toggle:focus, body #es .es-story-privacy .es-privacy .es-privacy-toggle:active, body #es .btn-es-primary:active, body #es .btn-es-primary:focus
{
    background-color: rgb(165, 49, 43) !important;
}
body #es .btn-es-primary:active:hover, body #es .btn-es-primary:active:focus, body #es .btn-es-primary:active.focus, body #es .btn-es-primary.active:hover, body #es .btn-es-primary.active:focus, body #es .btn-es-primary.active.focus, .open>.dropdown-toggle#es .btn-es-primary:hover, .open>.dropdown-toggle#es .btn-es-primary:focus, .open>.dropdown-toggle#es .btn-es-primary.focus
{
    background-color: rgb(165, 49, 43) !important;
}

.view-registration .es-checkbox-group-es-fields-189 .o-checkbox {
    width: 32%;
    text-align: left !important;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    border: none !important;
    margin-left: 20px !important;
}
.view-registration .es-checkbox-group-es-fields-189 .o-checkbox label {
    padding: 3px 0px 0px 8px !important;
}
.view-registration #es .es-checkbox-group-es-fields-189 .o-checkbox label:before {
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #A5312B !important;
    border-radius: 25% !important;
    background-color: #fff !important;
    margin-left: -20px !important;
    margin-top: 5px !important;
    content: " " !important;
}
.view-registration #es .es-checkbox-group-es-fields-189 .o-checkbox input[type="checkbox"]:checked+label {
    background-color: transparent !important;
    color: #000 !important;
}
.view-registration #es .es-checkbox-group-es-fields-189 .o-checkbox input[type="checkbox"]:checked+label:after {
    height: 9px;
    width: 9px;
    position: absolute;
    top: 9px;
    left: 0px;
    padding: 5px;
    content: " " !important;
    background: #A5312B;
}

/* for fiels 193 education */
.view-registration .es-checkbox-group-es-fields-193 .o-checkbox {
    width: 32%;
    text-align: left !important;
    background: transparent !important;
    border-radius: 0px !important;
    padding: 0px !important;
    font-weight: 600 !important;
    border: none !important;
    margin-left: 20px !important;
}
.view-registration .es-checkbox-group-es-fields-193 .o-checkbox label {
    padding: 3px 0px 0px 8px !important;
}
.view-registration #es .es-checkbox-group-es-fields-193 .o-checkbox label:before {
    visibility: visible !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #A5312B !important;
    border-radius: 25% !important;
    background-color: #fff !important;
    margin-left: -20px !important;
    margin-top: 5px !important;
    content: " " !important;
}
.view-registration #es .es-checkbox-group-es-fields-193 .o-checkbox input[type="checkbox"]:checked+label {
    background-color: transparent !important;
    color: #000 !important;
}
.view-registration #es .es-checkbox-group-es-fields-193 .o-checkbox input[type="checkbox"]:checked+label:after {
    height: 9px;
    width: 9px;
    position: absolute;
    top: 9px;
    left: 0px;
    padding: 5px;
    content: " " !important;
    background: #A5312B;
}
.field-file-error {
    color: #a5312b !important;
}
.field-file-error .close {
    background: #a5312b;
    border-radius: 25%;
    color: #fff;
    width: 25px;
}
.ils-confirm-img {
    margin-top: 10px;
}
#ils-error-confirm {
    color: red;
    margin-top: 5px;
    margin-bottom: 15px;
}
.view-registration .field-icon {
    float: right;
    font-size: 18px;
    margin-right: 10px;
    margin-top: -4%;
    position: relative;
    z-index: 2;
}

#es .data-field-file-item
{
    height: 1px !important;
    margin: 0px !important;
}
/*** For Mobile Screens **/

#es.is-mobile .ils_field_11 .o-grid--gutters>.o-grid__cell {
    padding: 0px 5px 0px 0px !important;
}
#es.is-mobile .es-dialog-header {
    padding: 40px;
}
.view-registration #es.is-mobile .field-icon {
    margin-top: -8%;
}
#es.is-mobile .es-dialog-content * {
    padding: 20px;
}
#es.is-mobile #ils_step_4 .o-form-horizontal .o-form-group {
    display: none !important;
}
.view-registration #es.is-mobile .es-checkbox-group-es-fields-193 .o-checkbox
{
    width: 38%;
}
#es.is-mobile #ils_step_8 .es-hr {
    display: none;
}
#es.is-mobile #ils_step_5 .rhide-out {
    margin-top: -40px;
}
.registo #es.is-mobile #ils_step_8 textarea.o-form-control
{
    font-size: 10px;
}
#es.is-mobile #ils_step_8 .o-form-horizontal .o-form-group {
    margin-bottom: 0px;
}
#es.is-mobile .ils_field_106 label{
    font-size: 14px;
}
#es.is-mobile .lvl-1 {
    padding-top: 0px;
    padding-bottom: 20px;
}
#es.is-mobile .lvl-4 {
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 1281px) {
    .ils-browse-text center {
        text-align: left !important;
    }
    .ils-reg-rgt-div {
        padding-top: 50px;
        padding-left: 80px !important;
    }
    #data-registration-field-cover-16 .g-list-unstyled .selected {
        width: 300px !important;
    }
    #data-registration-field-cover-11 .es-fields-error-note {
        left: 0;
        position: absolute;
        margin-top: 62px;
    }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
    .ils-browse-text center {
        text-align: center !important;
    }
    .ils-reg-rgt-div {
        padding-top: 50px;
        padding-left: 80px !important;
    }
    #data-registration-field-cover-16 .g-list-unstyled .selected {
        width: 300px !important;
    }
    .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
        width: 49%;
    }
    body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
        width: 32px;
    }
    #data-registration-field-cover-11 .es-fields-error-note {
        left: 0;
        position: absolute;
        margin-top: 62px;
    }
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  .ils-reg-lft-div {
    display: none;
  }
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  }
   body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 25px;
  }
   .o-input-group{
      display:flex;
      justify-content:center;
  }
    .ils-browse-text center {
        text-align: center !important;
    }
    .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
     width: 24%;
    }
    #data-registration-field-cover-11 .es-fields-error-note {
        left: 0;
        position: absolute;
        margin-top: 62px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .ils-reg-lft-div {
    display: none;
  } 
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  } 
    body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 25px;
  }
    .ils-browse-text center {
        text-align: center !important;
    }
    .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
        width: 24%;
    }
    #data-registration-field-cover-11 .es-fields-error-note {
        left: 0;
        position: absolute;
        margin-top: 62px;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  .ils-reg-lft-div {
    display: none;
  } 
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  } 
   body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 20px;
  }
  .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
    width: 49%;
  }
    .ils-browse-text center {
        text-align: center; !important;
    }
    #ils_step_2 .ils_field_16 .avatar-upload-field .o-input-group {
        display: ruby-text;
        text-align: center;
    }
    #upload-avatar{
        display: none !important;
    }
    #es .es-location-remove-button i {
        top: 3% !important;
        right: -25px !important;
    }
    #ils_step_4 .reg-btn {
        margin-top: 0;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  .ils-reg-lft-div{
    display: none;
  }
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  }
   body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 8px;
  }
  .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
    width: 49%;
  }
    .ils-browse-text center {
        text-align: center; !important;
    }
    body #es .btn-es-default-o, body #es .btn-es-primary {
        width: 100px !important;
    }
    #es .es-location-remove-button i {
        top: 10% !important;
        right: -30px !important;
    } 
    #ils_step_2 .ils_field_16 .avatar-upload-field .o-input-group {
        display: ruby-text;
        text-align: center;
    }
    #upload-avatar{
        display: none !important;
    }
    #data-registration-field-cover-192 .o-checkbox {
        width: 31% !important;
    }
    #data-registration-field-cover-192 .o-checkbox .color {
        width: 35px;
        height: 35px;
    }
     #data-registration-field-cover-192 .o-checkbox label{
        padding: 0px !important;
    }
}
/** for Very small screen **/

@media (min-width: 281px) and (max-width: 319px) {
  .ils-reg-lft-div{
    display: none;
  }
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  }
  body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 8px;
  }
  .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
    width: 100%;
  }
    .ils-browse-text center {
        text-align: center; !important;
    }
    #ils_step_2 .ils_field_16 .avatar-upload-field .o-input-group {
        display: ruby-text;
        text-align: center;
    }
    #upload-avatar{
        display: none !important;
    }
     body #es .btn-es-default-o, body #es .btn-es-primary {
        width: 90px !important;
    }
    #es .es-location-remove-button i {
        top: -50% !important;
        right: -15px !important;
    }
    #ils_step_4 .reg-btn {
        margin-top: 0;
    }
    
}
/* small mobile screen  */
@media (max-width: 280px) {
  .ils-reg-lft-div{
    display: none;
  }
  .ils-reg-rgt-div{
    width: 100% !important;
    padding-left: 0px;
    padding-top: 0px;
  }
  body #es .es-stepbar .es-stepbar__lists>li.divider-vertical {
    width: 8px;
  }
  #es .es-stepbar .es-stepbar__lists>li>a {
    width: 11px !important;
    height: 11px !important;
    font-size: 9px !important;
    line-height: 13px !important;
  }
  .ils_field_182, .ils_field_184, .ils_field_185, .ils_field_186 {
    width: 100%;
  }
    .ils-browse-text center {
        text-align: center; !important;
    }
    #ils_step_2 .ils_field_16 .avatar-upload-field .o-input-group {
        display: ruby-text;
        text-align: center;
    }
    #upload-avatar{
        display: none !important;
    }
    body #es .btn-es-default-o, body #es .btn-es-primary {
        width: 90px !important;
    }
    #es .es-location-remove-button i {
        top: 4% !important;
        right: -25px !important;
    }
    #upload-avatar{
        display: none !important;
    }
    #ils_step_4 .reg-btn {
        margin-top: 0;
    }
}
#es.is-mobile .o-form-horizontal .o-control-label {
    margin-top: 18px !important;
}
.rhide-out {
    margin-top: -40px !important;
}

#es.is-mobile .ils_field_170 {
    margin-top: 18px;
}
#es.is-mobile #ils_step_6 .rhide2 {
    margin-top: -20px;
}
#es.is-mobile #ils_step_6 .rhide3 {
    margin-top: -20px;
}
#es.is-mobile #ils_step_7 .rhide-out
{
    margin-top: -20px !important;
}
.is-mobile .ils_step_cover_2, .is-mobile .ils_step_cover_8 {
    padding-top: 0px !important;
}
.dbtn-nxt3, .dbtn-nxt1 {
    pointer-events: none;
}