body.emp-info-page{margin: 0; padding: 0; background: url(../../../images/web/empbgform.jpg) 0 0 no-repeat; background-size:cover; background-attachment:fixed; font-family: 'Celias', sans-serif; color: #444444; font-size: 16px;overflow-x:hidden;}
#employee-campaign-form{width: 100%;}

.employee-container :-webkit-input-placeholder {color: rgba(103, 126, 149, 0.55); opacity: 1;letter-spacing:0.2px;}
.employee-container :-moz-placeholder {color: rgba(103, 126, 149, 0.55); opacity: 1;letter-spacing:0.2px;}
.employee-container ::-moz-placeholder {color: rgba(103, 126, 149, 0.55); opacity: 1;letter-spacing:0.2px;}
.employee-container :-ms-input-placeholder {color: rgba(103, 126, 149, 0.55); opacity: 1;letter-spacing:0.2px;}
.employee-container .text-center{text-align: center;}
.employee-container{padding-right:15px;padding-left:15px;margin:67px auto;max-width:995px;width:100%}
/* .employee-container .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px} */
/* .no-gutters{margin-right:0;margin-left:0}
.no-gutters>.col,.no-gutters>[class*="col-"]{padding-right:0;padding-left:0}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } */
.employee-container .nocroll{position:fixed;overflow:hidden;width:100%;}
.employee-container .floatRight{float: right;}
.employee-container .nocroll .stepwizard-step a.activetab{z-index:0}
 
 

.employee-container .registercontpage{position:relative;background:#fff;border-radius:6px;display:flex;}
.employee-container .registercontpage:before { position: absolute; left: -35px; top: -96px; content: ""; background: url(../../../images/web/left1.png) no-repeat; width: 129px; height: 111px; z-index: 2;}
.employee-container .registercontpage:after { position: absolute; right: -23px; top: -70px; content: ""; background: url(../../../images/web/right2.png) no-repeat; width: 122px; height: 87px; z-index: 2;}
  
.employee-container .stepwizard-step p{margin-top:10px}
.employee-container .stepwizard-step i{display:block;font-size:26px;color:#719dce;margin-bottom:10px}
.employee-container .stepwizard-row{display:inline-block;width:100%;padding:0 20px}
.employee-container .stepwizard{width:100%;position:relative;background-color:#f1f3f5;max-width:160px;border-radius:6px 0 0 6px;padding:100px 0;display:inline-flex}
.emloyee-form{display:inline-block;width:100%;vertical-align:top;padding-left:0}
.employee-container .stepwizard-step button[disabled]{opacity:1 !important;filter:alpha(opacity=100) !important;}
 
.employee-container .stepwizard-step{display:table-cell;text-align:center;position:relative;}
 
.employee-container .field{position:relative;float:left;clear:both;margin:.35em 0;width:100%;}
.employee-container .form-control{display:block;width:100%;height:38px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;margin: 0;}
.employee-container .title{display:inline-block;width:100%;text-align:center;color:#fff;text-transform:uppercase;margin-bottom:20px}
.employee-container .title h1{font-size:23px;font-weight:500;margin:0;padding:0;text-transform:none}
.employee-container .title p{font-size:14px;padding:0;color:rgba(255,255,255,0.66);margin:5px 0 0 0}
.employee-container .innerform{max-width:637px;margin:20px auto 50px;width:90%;}
 
.employee-container .fieldbox label{width:100%;display:inline-block;font-weight:500;font-size:12px;color:#0f1d39;margin-bottom:5px}
 .fieldbox .textbox-control,
.employee-container .fieldbox input[type="text"],
.employee-container .fieldbox input[type="tel"],
.employee-container .fieldbox input[type="number"],
.employee-container select{border:solid 1px #c6d6e5;width:100%;height:48px;border-radius:6px;padding:0 15px;font-size:13px;letter-spacing:.2px; outline: none;-webkit-appearance:none;-moz-appearance:none;margin-bottom: 0; background: #fff;}
.employee-container textarea{border:solid 1px #c6d6e5;width:100%;border-radius:6px;padding:15px;font-size:13px;letter-spacing:1px;font-family:"Celias";resize:none;min-height:85px;padding-bottom:0;line-height: 1.6;margin-bottom: 0;}

.employee-container .innerform .currestaddressrow .fieldbox{margin-top: 15px;}
/* Chrome, Safari, Edge, Opera */
.employee-container .fieldbox input[type="number"]::-webkit-outer-spin-button,
.employee-container .fieldbox input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.employee-container .fieldbox input[type="number"] {
  -moz-appearance: textfield;
}

.employee-container textarea:focus,
.employee-container .fieldbox .textbox-control,
.employee-container .fieldbox input[type="text"]:focus,
.employee-container .fieldbox input[type="tel"]:focus,
.employee-container .fieldbox input[type="number"]:focus,
.employee-container select:focus{border-color:#77c4fd;background:#fff}
.employee-container .has-error .textbox-control{border-color:#f00 !important;}
.employee-container .select2-container--default.select2-container--open .select2-selection--single{border-color:#77c4fd}

.employee-container .select2-container{position: relative;width: 100% !important;}
.employee-container .select2-container--default .select2-selection--single {
  border: solid 1px #c6d6e5;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  padding: 0 15px;
  font-size: 13px;
  letter-spacing: 0.2px;
}

.employee-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
    line-height: 28px;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
}
 
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  margin: 0;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-results__option {
  padding: 11px ​6px;
  user-select: none;
  -webkit-user-select: none; 
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4c7bd6;
  color: white;
}

.employee-container .select2-container--default .select2-selection--single .select2-selection__rendered:after{
  content: "\e97d";
    display: block;
    font-family: 'careline';
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
    color: #719dce;
}



.employee-container .selectbox{position:relative}
.employee-container .selectbox:after{content:"\e97d";display:block;font-family:'careline';position:absolute;right:17px;top:50%;transform:translateY(-50%);font-size:11px;color:#719dce}
.employee-container .innerform .fieldbox{margin-top:25px;/*display:inline-block;width:100%*/}
.employee-container .country-code{position:relative;}
.employee-container .cncode{position:absolute;left: 0;width:77px;top:0;}
.employee-container .country-code input[type="number"]{padding-left: 85px;}
.employee-container .selectbox.cncode select { border-radius: 6px 0px 0px 6px; }
.employee-container button.btn-primary{border:solid 1px #cadcfd;background:#fff;width:120px;height:40px;border-radius:6px;color:#4c7bd6;font-size:13px;font-family:"Celias";font-weight:normal;letter-spacing:.3px;cursor:pointer;text-transform:capitalize;margin-top:20px;padding:0 20px;position:relative;transition:all 0.5s;}
.employee-container button.btn-primary:hover { background: #4c7bd6; color: #fff;border: solid 1px #4c7bd6; }

.employee-container button.btn-primary.nextstep:after{position: absolute; content: "\e978"; font-family: 'careline';opacity: 0; top: 3px; right: -20px;font-size:12px; transition: 0.5s;color:#fff; }
.employee-container button.btn-primary.nextstep:hover, 
.employee-container button.btn-primary.editbtn:hover{padding-right: 24px; padding-left:8px;}
.employee-container button.btn-primary.nextstep:hover:after, 
.employee-container button.btn-primary.editbtn:hover:after{opacity: 1; right: 10px;}
.employee-container button.btn-primary.editbtn:after{position: absolute; content: "\e976"; font-family: 'careline';opacity: 0; top:50%; transform:translateY(-50%); right: -20px;font-size:22px; transition: 0.5s;color:#fff; }

.employee-container button.fillbtn{background:#4c7bd6;color:#fff;border: solid 1px #4c7bd6;}
.employee-container .stepwizard-step{display:inline-block;position:relative;width:100%;margin-bottom:0;margin-top:-1px}
.employee-container .activetab,
.employee-container .activetab i{color:#fff!important}
.employee-container .stepwizard-step a:hover,
.employee-container .stepwizard-step a:hover i{color:#4c7bd6}
.employee-container .stepwizard-step a{font-size:11px;text-transform:uppercase;font-weight:500;color:#000;width:100%;height:120px;display:flex;justify-content:center;flex-flow:column;text-align:left;padding:0 20px;border-radius:6px;position:relative;    background: transparent;
  border: none; box-shadow: none;}
.employee-container .stepwizard-step a:after{content:"";background:#d9dbdd;position:absolute;width:100%;height:1px;left:0;bottom:0}
.employee-container .btn-default:active:hover, 
.employee-container .btn-default.active:hover{background-color: transparent;}
.employee-container .button-sec{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top: 20px;}
.employee-container .stepwizard-step a.activetab:after{display:none}
.employee-container .stepwizard-step a.activetab{background:#4c7bd6;color:#fff;border-radius:6px;position:relative;transition:all .3s;}
.employee-container .button-sec.singleBtn{display:flex;justify-content:flex-end}
.employee-container .addphoto{display:inline-block;border:solid 1px #c6d6e5;border-radius:6px;width:117px;height:101px;float:right;margin-top:50px;position:relative;padding:5px;margin-bottom:0}
.employee-container .addphoto img{border-radius:4px;height:100%;width:100%;object-fit:cover}
.employee-container .addphoto.noimg img { padding: 13px; }
.employee-container .addphoto span{font-weight:normal;text-transform:capitalize;font-size:12px;margin-top:0;background:#999998;color:#fff;width:100%;height:35px;position:absolute;bottom:-44px;line-height:25px;left:0;right:0;margin:0 auto;text-align:center;overflow:hidden;text-overflow:ellipsis;border-radius:3px;display:flex;justify-content:center;align-items:center;transition:0.3s;}
.employee-container .addphoto span:hover {background: #4c7bd6;}
.employee-container .addphoto .icon-user{display:block}
.employee-container .addphoto .icon-user:before{font-size:45px;color:#a7bacc}
.employee-container .fieldbox .dob{position:relative}
.employee-container .fieldbox .dob input[type="text"]{padding-right:35px;font-family:"Celias"}
.employee-container .fieldbox .dob:after{position:absolute;content:"\e97a";font-family:'careline';right:14px;top:50%;transform:translateY(-50%);color:#719dce;font-size:12px;pointer-events: none;}


.employee-container .fieldbox .dob input[type="date"]::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background:#fff;
  width: 20px;
  height:48px; 
  content:"\e97a";
  color:#719dce;font-size:12px; 
}


/*popup start*/
 .dullbg{width:100%;height: 100%;position: fixed;top:0;left: 0;right: 0;background:rgba(0,0,0,0.5); z-index: 2; display:none;}
 .edit-popup{position:fixed;top:50%;left:50%; width: 356px;border-radius:6px;transform: translate(-50%, -50%);margin:0 auto; z-index: 3;background:#f5f7f9;text-align:center;padding: 50px 30px;box-shadow: 0px 2px 38px #454545;display:none;z-index: 999999;}
 .edit-popup .popup-title{font-size:16px;text-transform:capitalize;color:#3f60c0;font-weight:500;}
 .edit-popup .close { position: absolute; top: -14px; right: -11px; background: #fff; width: 35px; height: 35px; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 12px; box-shadow:0 0 11px rgba(0,0,0,.75);cursor: pointer; opacity: 1;opacity: 1; }
 .edit-popup .fieldbox{margin-top:20px;position:relative;}

 .edit-popup .btn-primary{width:100%; background: #4c7bd6;
  color: #fff;
  border: solid 1px #4c7bd6;
  font-size: 13px;
    font-family: "Celias";
    font-weight: normal;
    letter-spacing: .3px;
    cursor: pointer;
    text-transform: capitalize;
    margin-top: 20px;
    padding: 0 20px;
    position: relative;
    transition: all 0.5s;
    height: 40px;
    border-radius: 6px;
}
 .fieldbox .attachement:after{position: absolute; content:"\e979"; font-family: 'careline'; right: 27px; top: 45%; transform: translateY(-50%); background: #000; width: 30px; height: 30px; border-radius: 100%; color: #fff; display: flex; align-items: center; justify-content: center;pointer-events:none;}
  .edit-popup .uploadfile span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px;}
/* datepicker start*/
  input#file-1,
 input#file-2 {opacity: 0;display:none;}
 .js .inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
 .inputfile + label{max-width:100%;font-size:12px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden;padding:9px 10px;}
 .no-js .inputfile + label{display:none;}
 .inputfile:focus + label,
 .inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px;}
 .inputfile + label svg{width:1em;height:1em;vertical-align:middle;fill:currentColor;margin-top:-0.25em;margin-right:0.25em;}
 .edit-popup .inputfile-1 + label{border: solid 1px #c6d6e5; width: 100%; height: 51px; border-radius: 6px; padding: 0 15px; font-size: 13px; letter-spacing: 1px; -webkit-appearance: none; -moz-appearance: none;background:#fff;text-align:left;display:flex;align-items: center;}
 .inputfile-2 + label{color:#000;background-color:#fff;border: solid 1px #ddd;width:100%;display:inline-block;text-align: left;margin: 0;padding:0px;}
/*popup end*/
/*radio start*/
.employee-container .fieldbox [type="radio"]:checked,
.employee-container [type="radio"]:not(:checked){position:absolute;left:-9999px;}
.employee-container .fieldbox [type="radio"]:checked + label,
.employee-container [type="radio"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
.employee-container .fieldbox [type="radio"]:checked + label:before,
.employee-container [type="radio"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff;}
.employee-container .fieldbox [type="radio"]:checked + label:after,
.employee-container [type="radio"]:not(:checked) + label:after{content:'';width:12px;height:12px;background:#4c7bd6;position:absolute;top:3px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.employee-container .fieldbox [type="radio"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.employee-container .fieldbox [type="radio"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.employee-container .fieldbox [type="radio"]:checked + label:before{border-color:#4c7bd6;}
.employee-container .fieldbox .radio{display:inline-block;margin: 10px 10px 0 0;}
/*radio end*/
/*checkbox start*/
.employee-container .fieldbox [type="checkbox"]:checked,
.employee-container [type="checkbox"]:not(:checked){position:absolute;left:-9999px;}
.employee-container .fieldbox [type="checkbox"]:checked + label,
.employee-container [type="checkbox"]:not(:checked) + label{position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
.employee-container .fieldbox [type="checkbox"]:checked + label:before,
.employee-container [type="checkbox"]:not(:checked) + label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #ddd;border-radius:2px;background:#fff;}
.employee-container .fieldbox [type="checkbox"]:checked + label:after,
.employee-container [type="checkbox"]:not(:checked) + label:after{content:'';width:12px;height:12px;color:#4c7bd6;position:absolute;top:0px;left:3px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.employee-container .fieldbox [type="checkbox"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0);}
.employee-container .fieldbox [type="checkbox"]:checked + label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);content: "\e935";font-family:'careline';}
.employee-container .fieldbox [type="checkbox"]:checked + label:before{border-color:#4c7bd6;}
.employee-container .fieldbox .checkbox{display:inline-block;margin: 10px 10px 0 0;}
/*checkbox end*/

.employee-container .innerform .checkgrouppt{margin: 0;}


#ui-datepicker-div{display:none;background-color:#fff;box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.1);margin-top:0.25rem;border-radius:0.5rem;padding:0.5rem;}
table{border-collapse:collapse;border-spacing:0;}
.ui-datepicker-calendar thead th{padding:0.25rem 0;text-align:center;font-size:0.75rem;font-weight:400;color:#78909C;}
.ui-datepicker-calendar tbody td{width:2.5rem;text-align:center;padding:0;}
.ui-datepicker-calendar tbody td a{display:block;border-radius:0.25rem;line-height:2rem;transition:0.3s all;color:#546E7A;font-size:0.875rem;text-decoration:none;}
.ui-datepicker-calendar tbody td a:hover{background-color:#E0F2F1;}
.ui-datepicker-calendar tbody td a.ui-state-active{background-color:#2176ae;color:white;}
.ui-datepicker-header a.ui-corner-all{cursor:pointer;position:absolute;top:0;width:2rem;height:2rem;margin:0.5rem;border-radius:0.25rem;transition:0.3s all;}
.ui-datepicker-header a.ui-corner-all:hover{background-color:#ECEFF1;}
.ui-datepicker-header a.ui-datepicker-prev{left:0;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-size:0.5rem;background-position:50%;transform:rotate(180deg);}
.ui-datepicker-header a.ui-datepicker-next{right:0;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');background-repeat:no-repeat;background-size:10px;background-position:50%;}
.ui-datepicker-header a>span{display:none;}
.ui-datepicker-title{text-align:center;line-height:2rem;margin-bottom:0.25rem;font-size:0.875rem;font-weight:500;padding-bottom:0.25rem;}
.ui-datepicker-week-col{color:#78909C;font-weight:400;font-size:0.75rem;}
/* datepicker end*/ 

.spouseinfo{display:none;}
.tagsselectwrap {margin-right: 10px;}
 .tagsselectwrap .form-control{margin:0px}

@media screen and (max-width:767px){
  .employee-container{margin: 30px auto;}
  .employee-container .stepwizard{max-width:inherit;padding:0;}
  .employee-container .stepwizard-row{width: 100%; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between;}
  .employee-container .stepwizard-step a{height:57px;text-align:center;}
  .employee-container .stepwizard-step i{margin-bottom:0;}
  .employee-container .registercontpage{display:inherit;}
  .employee-container .stepwizard-step a{font-size:0;}
  .employee-container .innerform{width:80%;} 
  .employee-container .title{margin-bottom: 120px;}
  .employee-container .registercontpage:before{left:-6px;}
  .employee-container .addphoto{width:70px; height:70px;border-radius:100%;}
}

.rightInfo {position: relative; padding-right: 32px;}
.rightInfo .infoIcon {position: absolute;right: 0px;top: -4px;height: 24px;width: 24px;border-radius: 5px;}
.rightInfo .infoIcon:before {content: "";position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; background: url(../../images/sprite.svg) no-repeat 15.901% 22.774%;background-size: 400px auto;}
.tooltipText { width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 8px; position: absolute; z-index: 9; top: -5px; right: 110%; display: none; word-break: break-word; white-space: normal;}

.tooltipText::after {content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; }
.infoIcon:hover .tooltipText {display: block; }
.tooltipText.right {left:calc(100% + 6px);}
.tooltipText.right::after {border-right-color: #000; border-left-color: transparent;left: -10px;}