@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;700;800&display=swap') html,
body {
position: relative;
height: 100%;
}

@font-face {
font-family: 'helveticaneueregular';
src: url('../font/helveticaneue.woff2') format('woff2'), url('../font/helveticaneue.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticaneuebold';
src: url('../font/helveticaneuebd.woff2') format('woff2'), url('../font/helveticaneuebd.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticaneuelight';
src: url('../font/helveticaneuelt.woff2') format('woff2'), url('../font/helveticaneuelt.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'helveticaneuemedium';
src: url('../font/helveticaneuemed.woff2') format('woff2'), url('../font/helveticaneuemed.woff') format('woff');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'helveticaneuemedium';
background: #eff2ff
}

.form-control::-moz-placeholder {
color: #4F6475 !important;
opacity: 1;
}

.form-control:-ms-input-placeholder {
color: #4F6475 !important;
}

.form-control::-webkit-input-placeholder {
color: #4F6475 !important;
}

#loader-wrapper img {
height: 100px;
left: 50%;
margin: -50px 0 0 -50px;
position: absolute;
top: 50%;
width: 100px;
}

#loader-wrapper {
background: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999999999999 !important;
}

#loader {
display: block;
}

#toTop {
border-radius: 0;
bottom: 50px;
cursor: pointer;
display: none;
position: fixed;
right: 40px;
z-index: 999999;
}
/*.container{max-width: 1400px; }*/

.padding_0 {
padding: 0px;
}

.margin_0 {
margin: 0px;
}

.margin_10 {
margin: 0 -10px !important
}

.padding_10 {
padding: 0 10px !important
}

.md_bottom_30 {
margin-bottom: 30px
}

.home_page {
width: 100%;
margin: 0px;
padding: 0 100px;
height: 100vh;
position: relative;
background: #001F2C url(../images/main-bg.png)center center no-repeat;
background-size: cover;
display: flex;
}

.home_page .container {
max-width: 1400px;
}

.home_page .content-area {
display: flex;
justify-content: flex-start;
align-items: center;
width: 100%
}

.home_page .content-area .logo {
position: absolute;
top: 50px;
width: 200px
}

.home_page .content-area .logo img {
width: 100%
}

.home_page .content-area .video_box {
position: relative;
}

.home_page .content-area .video_box img {
width: 100%
}

.home_page .content-area .video_box .play_icon {
width: 100px;
position: absolute;
left: 50%;
top: 50%;
margin: -50px 0 0 -50px
}

.home_page .content-area h1 {
font-family: 'helveticaneuebold';
font-size: 56px;
color: #fff;
margin: 70px 0 30px 0
}

.home_page .content-area ul.btn-list {
margin: 0px;
padding: 0px;
list-style: none;
}

.home_page .content-area ul.btn-list li {
font-family: 'helveticaneuemedium';
margin-bottom: 15px;
}

.home_page .content-area ul.btn-list li .btn-work {
border: #fff 1px solid;
max-width: 280px;
height: 54px;
padding: 0px;
width: 100%;
font-size: 20px;
line-height: 52px;
border-radius: 27px;
color: #fff
}

.home_page .content-area ul.btn-list li .btn-work:hover {
border: #fff 1px solid;
background: #fff;
color: #000
}

.home_page .content-area ul.btn-list li .btn-recruiters {
border: #51B26B 1px solid;
background: #51B26B;
max-width: 280px;
height: 54px;
padding: 0px;
width: 100%;
font-size: 20px;
line-height: 52px;
border-radius: 27px;
color: #fff
}

.home_page .content-area ul.btn-list li .btn-recruiters:hover {
border: #3D9855 1px solid;
background: #3D9855;
color: #fff
}

.home_page .content-area ul.btn-list li .btn-candidates {
border: #5370F6 1px solid;
background: #5370F6;
max-width: 280px;
height: 54px;
padding: 0px;
width: 100%;
font-size: 20px;
line-height: 52px;
border-radius: 27px;
color: #fff
}

.home_page .content-area ul.btn-list li .btn-candidates:hover {
border: #304CCC 1px solid;
background: #304CCC;
color: #fff
}
/** Header */

.navbar_main {
background: #5370F6;
margin: 0px;
z-index: 111;
position: relative
}

.navbar_main .navbar {
padding: 10px 0px;
}

.navbar_main .navbar-brand {
width: 100px;
padding: 0px;
margin: 0;
}

.navbar_main .navbar-brand img {
width: 100%;
}

.navbar_main .navbar-nav li {
font-size: 16px;
line-height: 16px;
}

.navbar_main .navbar-nav li a {
font-family: 'helveticaneuelight';
color: #fff;
padding: 15px !important;
text-transform: capitalize;
letter-spacing: 1.5px
}

#menu-common .sub-menu.dropdown-menu.selected{margin-top: 13px}

.navbar_main .navbar-nav li a span{margin-right: 10px;display: inline-block;vertical-align: middle;width: 23px;}
.navbar_main .navbar-nav li a span img{width: 100%}
.navbar_main .navbar-nav li a.dropdown-toggle::after {
content: none
}

.navbar_main .navbar-nav li a:hover,
.navbar_main .navbar-nav li a.active {
color: #fff;
}
.sub-menu-toggle{display: none;}
.sub-menu.dropdown-menu.selected {
    display: block;
}

.collapsing.navbar-collapse,
.collapse.navbar-collapse {
    display: none;
}
.collapse.selected.navbar-collapse {
    display: block;
}
.sub-menu.dropdown-menu.selected {
    display: block;
    margin-top: 11px;
    border-radius: 0px;
    padding: 5px;
}

.sub-menu.dropdown-menu.selected a:hover{color: #5370F6;}
.sub-menu.dropdown-menu.selected a{color: #5370F6;text-align: right;font-size: 14px;padding: 5px 0 !important;font-weight: 700;}
/*.navbar_main .navbar-nav li:hover .sub-menu{display: block;}*/

/*.navbar_main .navbar-nav li .sub-menu{
	display: none;
	padding: 10px 0;
	margin: 0;
	list-style: none;
	position: absolute;
	top: 63px;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

.navbar_main .navbar-nav li .sub-menu-toggle{display: none;}

.navbar_main .navbar-nav li .sub-menu li{padding:10px 30px;text-align: right;}
.navbar_main .navbar-nav li .sub-menu a{padding: 0px !important;color: #000;}
*/
.navbar_main .navbar-collapse .navbar-toggler {
display: none
}

.sign-in-area {
width: 100%;
margin: 0px;
padding: 60px 0;
}

.sign-in-area .form-area {
background: #fff;
border-radius: 25px;
padding: 40px 80px
}

.sign-in-area .form-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 20px 0;
padding-bottom: 25px;
position: relative;
float: left
}

.sign-in-area .form-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.sign-in-area .form-area p {
font-size: 16px;
color: #4F6475;
font-family: 'helveticaneuemedium';
letter-spacing: 1px;
}

.sign-in-area .form-area p a {
color: #5370F6;
text-decoration: none
}

.sign-in-area .form-area .form-group {
margin-bottom: 10px
}

.sign-in-area .form-area .user-photo {
width: 200px;
height: 200px;
margin: 0 auto;
position: relative;
overflow: hidden
}

.sign-in-area .form-area .user-photo img {
width: 100%;
}

.sign-in-area .form-area .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.sign-in-area .form-area label {
height: 46px;
margin: 0px;
line-height: 30px;
color: #4F6475;
font-size: 15px;
letter-spacing: 0.5px
}

.sign-in-area .form-area .btn-submit {
border: #3054D8 1px solid;
background-color: #3054D8!important;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff
}

.sign-in-area .form-area .btn-submit:hover {
border: #304CCC 1px solid;
background-color: #304CCC!important;
color: #fff
}

.sign-in-area .applicant-form-area {
  background: #fff;
  border-radius: 25px;
  padding: 40px;
  }
      
  .sign-in-area .applicant-form-area .form-group {
  margin-bottom: 10px
  }
  
  
  .sign-in-area .applicant-form-area .form-control {
  border: #3054D8 1px solid;
  height: 46px;
  border-radius: 30px;
  padding-left: 20px
  }

  #applicant-goheadhunt::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #5370F6;
    height: 4px;
    width: 64px;
  }

  #applicant-goheadhunt {
    position: relative;
    padding-bottom : 16px;
  }
  
  .sign-in-area .applicant-form-area label {
  height: 46px;
  margin: 0px;
  line-height: 23px;
  color: #4F6475;
  font-size: 15px;
  letter-spacing: 0.5px
  }
  
  .sign-in-area .applicant-form-area .btn-submit {
  border: #3054D8 1px solid;
  background-color: #3054D8!important;
  height: 46px;
  padding: 0px 60px;
  font-size: 16px;
  line-height: 42px;
  border-radius: 30px;
  color: #fff
  }
  
  .sign-in-area .applicant-form-area .btn-submit:hover {
  border: #304CCC 1px solid;
  background-color: #304CCC!important;
  color: #fff
  }

.profile-area {
width: 100%;
margin: 0px;
padding: 20px 0 40px 0;
}

.profile-area .form-area {
background: #fff;
border-radius: 25px;
padding: 40px 80px;
margin-top: 62.5px
}

.profile-area .form-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 20px 0;
padding-bottom: 25px;
position: relative
}

.profile-area .form-area h2 .btn-info {
border: none;
padding: 0px;
background: transparent;
width: 26px;
margin-left: 15px;
cursor: pointer
}

.profile-area .form-area h2 .btn-info img {
width: 100%
}

.profile-area .form-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.profile-area .form-area p {
font-size: 15px;
color: #4F6475;
}

.profile-area .form-area p a {
color: #5370F6
}

.profile-area .form-area ul.step {
margin: -90px 0px 30px 0px;
padding: 0px;
list-style: none;
/*position: relative;*/
text-align: center
}

.profile-area .form-area ul.step:before {
border-top: #000 2px solid;
content: '';
position: absolute;
top: 49px;
width: 80%;
left: 10%
}

.profile-area .form-area ul.step li {
width: 24.5%;
display: inline-block
}

.profile-area .form-area ul.step li .icon {
width: 135px;
height: 135px;
margin: 0 auto;
border-radius: 11%;
position: relative;
z-index: 1
}

.profile-area .form-area ul.step li .icon img {
width: 100%;
padding-top:2px;
}

/*.profile-area .form-area ul.step li.selected .icon {
border: #5370F6 2px solid;
}*/

.profile-area .form-area .form-group {
margin-bottom: 10px
}

.profile-area .form-area .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.profile-area .form-area label {
margin: 0px;
line-height: 18px;
color: #4F6475;
font-size: 14px;
letter-spacing: 0.5px;
padding : 0px 0px 0px 5px;
flex-basis : 81%;
}

.profile-area .form-area .md-15 {
margin-bottom: 10px
}

.select2-results {
  font-weight: 300;
}

  .select2-results__group:hover {
    background-color:  #5897fb73;
  }

  .select2-results__group:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    top:5px;
    margin-right: 3px;
    -ms-transform: rotate(-90deg);
/* IE 9 */
    transform: rotate(-90deg);
    background: url(../images/arrow-down.png)center center no-repeat;
  }

  .active_select_dropdown:before {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
  }

  .select2-results__option--highlighted:hover {
    background-color: #5897fb;
  }

  ul.select2-results__options--nested li.select2-results__option {
    display:none;
  }

  .select2-container .select2-selection--single .select2-selection__rendered {
    width: 93%;
  }

  .select2-dropdown  {
    border : 0 !important;
    border-radius :10px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    box-shadow: 0px 2px 10px -1px rgb(87 110 216);
  }

  .customselect-dropdown{
	border: #3054D8 1px solid;
	height: 46px;
    padding: 9px 20px 6px 6px;
	border-radius: 30px;

	background: #fff;
	position: relative;

	color: #4F6475;
	cursor: pointer;
}

.future_role_select2 .select2{
	border: #3054D8 1px solid;
	height: 46px;
	border-radius: 30px;
	width: 100%;
	text-align: left;
	padding: 2px;
	background: #fff;
	position: relative;
	z-index: 2;
	color: #4F6475;
	cursor: pointer;
  content: '';
  background: url(../images/dropdown_arrow1.png) right no-repeat;
  background-size:  44px 44px;
}

.future_role_select2 .select2-container--default .select2-selection--single{
background-color: transparent;
border: none;
border-radius: 0;
margin-top: 6px;
  }

.future_role_select2 .select2-container--default .select2-selection--multiple{
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.future_role_select2 .select2-selection__arrow{
    display: none;
}

    span.optexpand-active {
      -ms-transform: rotate(0deg) !important;
      /* IE 9 */
      transform: rotate(0deg) !important;
    }

    span.optexpand {
      -ms-transform: rotate(-90deg);
      /* IE 9 */
      transform: rotate(-90deg);
      content: '';
      background: url(../images/arrow-down.png)center center no-repeat;
      width: 16px;
      height: 15px;
      flex-basis: 10%;
    }
    .customselect-dropdown {
        content: '';
        background: url(../images/dropdown_arrow1.png) right no-repeat;
        background-size:  44px 44px;
    }

    .future_role_select2 .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: none;
    }

    .future_role_select2 .select2-selection--multiple {
        border: transparent;
        padding: 8px 11px;
    }

    .future_role_select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
        border: transparent;
    }

  #select2-source-results ul.select2-results__options--nested li.select2-results__option:before {
    content:"";
    padding-left: 20px;
    height: 14px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    color: #4F6475;
    background-image: url(../images/radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  #select2-future_role_location-results ul.select2-results__options--nested li.select2-results__option:before {
    content:"";
    padding-left: 20px;
    height: 14px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    color: #4F6475;
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  ul#select2-work_type_fjb-results li.select2-results__option:before {
    content:"";
    padding-left: 20px;
    height: 14px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    color: #4F6475;
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  ul#select2-get_country_fjb-results li.select2-results__option:before {
    content:"";
    padding-left: 20px;
    height: 14px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    color: #4F6475;
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
 

#select2-source-results ul.select2-results__options--nested li.select2-results__option[aria-selected=true]:before {
    background-position: 0 -14px;
  } 

  #select2-future_role_location-results ul.select2-results__options--nested li.select2-results__option[aria-selected=true]:before {
    background-position: 0 -14px;
  } 

  ul#select2-work_type_fjb-results li.select2-results__option[aria-selected=true]:before {
    background-position: 0 -14px;
  }

  ul#select2-get_country_fjb-results li.select2-results__option[aria-selected=true]:before {
    background-position: 0 -14px; 
  }
.profile-area .form-area select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow1.png) center right no-repeat !important;
background-size: 46px 46px !important;
}

.profile-area .form-area .line {
border: #5370F6 2px solid;
width: 100%;
height: 1px;
margin: 25px 0 45px 0
}

.profile-area .form-area .label-text {
line-height: 24px;
color: #4F6475;
font-size: 16px;
letter-spacing: 0.5px
}

.profile-area .form-area .label-text-2 {
line-height: 24px;
color: #4F6475;
font-size: 16px;
letter-spacing: 0.5px;
margin: 7px 0px;
}

.profile-area .form-area .btn-edit {
background: #3054D8;
font-size: 16px;
border-radius: 25px;
color: #fff;
padding: 6px 40px
}

.profile-area .form-area .btn-delete {
background: #3054D8;
font-size: 16px;
border-radius: 25px;
color: #fff;
padding: 0px;
width: 38px;
height: 38px;
line-height: 38px;
margin-left: 10px
}

.profile-area .form-area .switch-field {
display: flex;
overflow: hidden;
}

.profile-area .form-area .switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}

.profile-area .form-area .switch-field label {
font-size: 14px;
line-height: 1;
text-align: center;
padding: 15px 35px 15px 15px;
transition: all 0.1s ease-in-out;
position: relative;
border: #fff 1px solid;
border-radius: 30px;
}

.profile-area .form-area .switch-field label.green:before {
content: '';
background: #51B26B;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
right: 16px;
top: 18px
}

.profile-area .form-area .switch-field label.red:before {
content: '';
background: #D66166;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
right: 16px;
top: 18px
}

.profile-area .form-area .switch-field label:hover {
cursor: pointer;
}

.profile-area .form-area .switch-field input:checked + label {
background-color: #fff;
border: #5370F6 1px solid;
box-shadow: none;
border-radius: 30px
}

.profile-area .form-area .btn-add {
border: #3054D8 1px solid;
background: #3054D8 !important;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 30px 0
}

.profile-area .form-area .btn-add:hover {
border: #304CCC 1px solid;
background: #304CCC;
color: #fff
}

.profile-area .form-area .btn-area {
text-align: right
}

.profile-area .form-area .btn-area .btn-continue {
border: #3054D8 1px solid;
background: #3054D8;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
}

.profile-area .form-area .btn-area .btn-continue:hover {
border: #304CCC 1px solid;
background: #304CCC;
color: #fff
}

.profile-area .form-area .btn-area .btn-save {
border: #51B26B 1px solid;
background: #51B26B;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin-right: 15px
}

.profile-area .form-area .btn-area .btn-save:hover {
border: #3D9855 1px solid;
background: #3D9855;
color: #fff
}

.profile-area .form-area .btn-area .btn-back {
border: #D66166 1px solid;
background: #D66166;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin-right: 15px;
float: left
}

.profile-area .form-area .btn-area .btn-back:hover {
border: #B95055 1px solid;
background: #B95055;
color: #fff
}

.profile-area .form-area .dropdown-area {
position: relative
}

.profile-area .form-area .main-dropdown {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff !important;
position: relative;
z-index: 0;
color: #4F6475 !important;
cursor: pointer;
line-height: 16px
}


.profile-area .form-area .main-dropdown:focus {
outline: none
}

.profile-area .form-area .main-dropdown:before {
content: '';
background: url(../images/dropdown_arrow1.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 46px 46px
}

.profile-area .form-area .main-dropdown-content {
position: absolute;
top: 45px;
left: 0px;
border: #3054D8 1px solid;
width: 100%;
border-radius: 15px;
z-index: 1;
background: #fff;
padding: 10px 2px 10px 10px;
max-height: 300px;
overflow-y: scroll;
}

.profile-area .form-area .main-dropdown-content ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.profile-area .form-area .main-dropdown-content ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}

.profile-area .form-area .main-dropdown-content ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}

.profile-area .form-area .main-dropdown-content ul li ol {
margin: 0px;
padding: 0px;
list-style: none
}

.profile-area .form-area .main-dropdown-content ul li ol li {
padding-left: 8px;
color: #4F6475;
font-size: 13px
}

.profile-area .form-area .main-dropdown-content ul li.sub-menu a {
padding-left: 20px
}

.profile-area .form-area .main-dropdown-content ul li.sub-menu a:before {
-ms-transform: rotate(-90deg);
/* IE 9 */
transform: rotate(-90deg);
content: '';
position: absolute;
left: 0px;
top: 1px;
background: url(../images/arrow-down.png)center center no-repeat;
width: 16px;
height: 15px;
}

.profile-area .form-area .main-dropdown-content ul li.sub-menu a.active:before {
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Standard syntax */
}

.profile-area .form-area .selectdropdown {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff
}

.profile-area .form-area .selectdropdown:after {
content: none
}

.profile-area .form-area .selectdropdown:before {
content: '';
background: url(../images/dropdown_arrow1.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: 0px;
right: 0px;
background-size: 46px 46px
}

.profile-area .form-area .dropdown-menu {
width: 100%;
margin: 0px;
padding: 10px 15px
}

.profile-area .form-area .dropdown-menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.profile-area .form-area .dropdown-menu ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}

.profile-area .form-area .dropdown-menu ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}

.profile-area .form-area .dropdown-menu ul li a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
background: red;
width: 5px;
height: 5px;
}

.profile-area .form-area .dropdown-menu ul li:hover a:before {
background: green
}

.profile-area .form-area .dropdown-menu ul li .subdropdown-menu {
display: none
}

.profile-area .form-area .dropdown-menu ul li:hover .subdropdown-menu {
display: block
}

.profile-area .form-area .dropdown-menu ul li .subdropdown-menu ol {
margin: 0px;
padding: 0px;
list-style: none
}

.profile-area .form-area ul.point {
margin: 0px 0px 25px 0px;
padding: 0px;
list-style: none
}

.profile-area .form-area ul.point li {
font-size: 15px;
color: #4F6475;
line-height: 20px;
margin-bottom: 10px;
position: relative;
/*padding-left:20px*/
}

.profile-area .form-area ul.point li a {
color: #5370F6
}

.profile-area .form-area ul.point li:before {
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 13px;
left: 0px;
content: ''
}
/*.profile-area .form-area ul.point li.green:before{background:#51B26B}
.profile-area .form-area ul.point li.red:before{background:#D66166}
.profile-area .form-area ul.point li.black{margin-top:10px}
.profile-area .form-area ul.point li.black:before{background:#002D3E}*/

.profile-area .form-area .md-0 {
margin: 0px !important
}

.profile-area .form-area .pd-0 {
padding: 0px;
margin: 0px;
display: inline-block;
width: 100%
}

.profile-area .form-area ul.link-list {
margin: 0px 0px 25px 0px;
padding: 0px;
list-style: none
}

.profile-area .form-area ul.link-list li {
float: left;
margin-right: 30px
}

.profile-area .form-area ul.link-list li a.icon-text {
font-size: 18px;
color: #4F6475;
text-decoration: none
}

.profile-area .form-area ul.link-list li a.icon-text img {
height: 46px;
margin-right: 15px
}

.profile-area .form-area .btn-verification {
border: #3054D8 1px solid;
background: #3054D8;
height: 46px;
padding: 0px 40px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
}

.profile-area .form-area .btn-verification:hover {
border: #304CCC 1px solid;
background: #304CCC;
color: #fff
}

.profile-area .form-area .btn-plus {
background: transparent;
border: none;
width: 46px;
height: 46px;
padding: 0px;
margin-top: 32px
}

.profile-area .form-area .btn-plus img {
width: 100%
}

input[type=radio].css-radio {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

input[type=radio].css-radio+label.css-radio-label {
padding-left: 20px;
height: 100%;
display: inline-block;
line-height: 14px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 14px;
vertical-align: middle;
cursor: pointer;
font-weight: normal;
color: #4F6475;
letter-spacing: 0.5px;
background-size: 14px 14px;
}

input[type=radio].css-radio:checked+label.css-radio-label {
background-image: url(../images/radio-checked.png) !important;
}

label.css-radio-label {
background-image: url(../images/radio.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

input[type=checkbox].css-checkbox+label.css-check-label {
padding-left: 22px;
height: 100%;
display: inline-block;
line-height: 15px;
background-repeat: no-repeat;
background-position: 3px 0;
font-size: 14px;
vertical-align: middle;
cursor: pointer;
font-weight: normal;
color: #4F6475;
background-size: 14px 14px;
}

select.p2job_role_list option {
    background-color: #e5e7ea;
}

select#featureMdJob option {
    background-color: #e5e7ea;
}

input[type=checkbox].css-checkbox:checked+label.css-check-label {
  background-image: url(../images/checkbox-checked.png) !important;
}

label.css-check-label {
background-image: url(../images/checkbox.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.profile-area .form-area .publish-text {
line-height: 24px;
color: #4F6475;
font-size: 16px;
letter-spacing: 0.5px
}

.profile-area .form-area .publish-text .switch {
margin-left: 15px
}

.switch {
position: relative;
display: inline-block;
width: 45px;
height: 25px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border: #ccc 1px solid;
border-radius: 34px;
}

.switch .slider:before {
position: absolute;
content: "";
height: 19px;
width: 19px;
left: 3px;
bottom: 2px;
background-color: #51B26B;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}

.switch input:checked+.slider {
background-color: #51B26B;
border: #51B26B 1px solid;
}

.switch input:focus+.slider {
box-shadow: 0 0 1px #51B26B;
}

.switch input:checked+.slider:before {
-webkit-transform: translateX(19px);
-ms-transform: translateX(19px);
transform: translateX(19px);
background-color: #fff;
}

.upload-profile, .upload-resume {
overflow: hidden;
display: inline-block;
width: 100%
}

.upload-profile .btn-upload, .upload-resume .btn-upload {
padding: 11px 25px 10.5px 25px;
border-radius: 30px;
background: transparent !important;
border: #3054D8 1px dashed;
cursor: pointer;
color: #495057 !important;
font-size: 15px;
width: 100%;
text-align: left
}

.upload-profile input[type=file], .upload-resume input[type=file] {
font-size: 50px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
width: 300px;
overflow: hidden
}

.tooltip-inner {
background: #fff;
text-align: left;
border: #4F6475 1px solid;
color: #4F6475;
max-width: 300px;
width: 100%;
opacity: 1;
font-size: 16px
}

.instruction-video {
position: relative;
width: 100%;
height: 534px;
margin-bottom: 30px
}

.instruction-video #video-cover {
width: 100%;
height: 100%;
background: #EFEFF2
}

.instruction-video iframe {
display: none;
}

.play-btn {
position: absolute;
z-index: 666;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: transparent;
border: 0;
width: 150px;
height: 150px;
}

.play-btn img {
width: 100%
}

.play-btn:hover {
cursor: pointer;
}

.play-btn:focus {
outline: 0;
}

.interview-video {
width: 100%;
margin-bottom: 30px
}

.interview-video video {
width: 100%
}

.congratulations-area {
width: 100%;
margin: 0px;
padding: 60px 0;
}

.congratulations-area .congratulations-box {
background: #fff;
border-radius: 25px;
padding: 25px;
}

.congratulations-area .congratulations-box .content-box {
background: #eff2ff;
border-radius: 25px;
padding: 30px;
text-align: center
}

.congratulations-area .congratulations-box .content-box .img {
width: 60%;
margin: 0 auto
}

.congratulations-area .congratulations-box .content-box .img img {
width: 100%;
}

.congratulations-area .congratulations-box h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 36px;
margin: 15px 0 20px 0;
padding-bottom: 25px;
position: relative;
text-align: center
}

.congratulations-area .congratulations-box h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 50%;
background: #5370F6;
height: 4px;
width: 64px;
margin-left: -32px
}

.congratulations-area .congratulations-box p {
font-size: 15px;
color: #4F6475;
margin-bottom: 10px
}

.congratulations-area .congratulations-box .preview-msg {
font-size: 16px;
color: #3054D8;
margin-bottom: 10px;
position: relative;
cursor: pointer
}

.congratulations-area .congratulations-box .preview-msg .green {
background: #51B26B;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 10px;
border-radius: 50%
}

.congratulations-area .congratulations-box ul {
margin: 40px 0px 0px 0px;
padding: 0px;
list-style: none;
text-align: center
}

.congratulations-area .congratulations-box ul li {
display: inline-block;
margin: 0 20px
}

.congratulations-area .congratulations-box ul li .btn {
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
}

.congratulations-area .congratulations-box ul li .btn-blue {
background: #3054D8;
border: #3054D8 1px solid
}

.congratulations-area .congratulations-box ul li .btn-blue:hover {
background: #304CCC;
border: #304CCC 1px solid
}

.congratulations-area .congratulations-box ul li .btn-green {
background: #51B26B;
border: #51B26B 1px solid
}

.congratulations-area .congratulations-box ul li .btn-green:hover {
background: #3D9855;
border: #3D9855 1px solid
}

.congratulations-area .congratulations-box ul li .btn-red {
background: #D66166;
border: #D66166 1px solid
}

.congratulations-area .congratulations-box ul li .btn-red:hover {
background: #B95055;
border: #B95055 1px solid
}

.dashboard-area {
width: 100%;
margin: 0px;
padding: 60px 0 20px 0;
}

.dashboard-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 20px 0;
padding-bottom: 25px;
position: relative;
}

.dashboard-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.dashboard-area .user-content {
background: #fff;
border-radius: 15px;
padding: 15px 20px
}

.dashboard-area .user-content ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.dashboard-area .user-content ul li {
font-size: 16px;
color: #4F6475;
max-width: 250px;
float: left;
min-width: 250px
}

.dashboard-area .user-content ul li strong {
display: block;
color: #001F2C;
font-family: 'helveticaneuebold';
font-size: 18px;
font-weight: normal
}

.dashboard-area .user-content ul li.profile {
min-width: 50px;
max-width:  200px;
flex-wrap: nowrap!important;
float: right
}

.dashboard-area .user-content ul li.profile p{
padding-left:0px!important;
}

.dashboard-area .user-content ul li.profile img {
max-width: 75px;
height: 50px;
width: 100%
}

.video-number-count {
margin: 40px 0 10px 0
}

.video-number-count .interview-video {
margin: 0px 0px 30px 0px;
width: 100%;
}

.video-number-count .interview-video video {
width: 100%
}

.video-number-count .count-box {
background: #fff;
margin: 0 0 30px 0;
text-align: center;
font-size: 18px;
color: #4F6475;
padding: 25px 0;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.video-number-count .count-box span {
font-size: 50px;
color: #5370F6;
font-family: 'helveticaneuebold';
letter-spacing: 5px;
display: block;
line-height: 50px;
margin-bottom: 10px
}

.video-number-count .count-box .user-photo {
width: 50px;
height: 50px;
margin: 0 auto 10px auto
}

.video-number-count .count-box .user-photo img {
width: 100%
}

.video-number-count .count-box a {
text-decoration: none;
color: #4F6475
}

.box-content {
background: #fff;
margin: 0px 0 20px 0;
text-align: center;
font-size: 18px;
color: #4F6475;
padding: 10px;
border-radius: 15px;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
-moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
cursor: pointer
}

.box-content a {
text-decoration: none
}

.box-content .number {
width: 50px;
height: 50px;
margin: -40px auto 15px auto;
border: #000 2px solid;
line-height: 46px;
font-size: 24px;
font-family: 'helveticaneuebold';
border-radius: 50%;
background: #fff
}

.box-content .icon {
width: 110px;
height: 110px;
margin: 0 auto
}

.box-content .icon img {
width: 100%;
}

.box-content .text {
font-size: 18px;
color: #4F6475;
letter-spacing: 1px;
margin-top: 10px
}

.box-content .number.blue {
border: #3F87AA 2px solid;
color: #3F87AA
}

.box-content .number.lightblue {
border: #3054D8 2px solid;
color: #3054D8
}

.box-content .number.red {
border: #B24250 2px solid;
color: #B24250
}

.box-content .number.green {
border: #51B26B 2px solid;
color: #51B26B
}

.box-content a {
text-decoration: none
}

.your-data-area {
background: #fff;
border-radius: 25px;
padding: 40px;
margin: 0 0 60px 0
}

.your-data-area h3 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 30px 0;
padding-bottom: 25px;
position: relative;
}

.your-data-area h3:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.your-data-area .content-block {
margin-bottom: 40px
}

.your-data-area .title {
background: #3054D8;
color: #fff;
font-size: 18px;
max-width: 280px;
padding: 8px 15px;
border-radius: 25px;
margin-bottom: 15px
}

.your-data-area .title i {
margin-right: 15px
}

.your-data-area .title-green {
background: #51B26B;
color: #fff;
font-size: 18px;
max-width: 280px;
padding: 8px 15px;
border-radius: 25px;
margin-bottom: 15px
}

.your-data-area .title-green i {
margin-right: 15px
}

.your-data-area .dropdown-area {
position: relative;
}

.your-data-area .main-dropdown {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff !important;
position: relative;
cursor: pointer;
color: #002C3D !important;
line-height: 16px
}

.your-data-area .main-dropdown:focus {
outline: none
}

.your-data-area .main-dropdown:before {
content: '';
background: url(../images/plus.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 46px 46px
}

.your-data-area .main-dropdown-content {
position: absolute;
top: 46px;
left: 0px;
border: #707070 1px solid;
width: 100%;
border-radius: 15px;
z-index: 3;
background: #fff;
padding: 10px 25px 10px 25px
}

.your-data-area .main-dropdown-content ul {
margin: 15px 0px 0px 0px;
padding: 0px;
list-style: none
}

.your-data-area .main-dropdown-content ul li {
margin: 0 0 15px 0;
display: block;
line-height: 24px;
color: #4f6475
}

.your-data-area .main-dropdown-content ul li a {
float: right;
display: inline-block;
padding: 0px
}

.your-data-area .main-dropdown-content ul li a img {
width: 24px;
}

.your-data-area .main-dropdown-content .btn-add {
height: 40px;
padding: 0px 40px;
font-size: 16px;
line-height: 38px;
border-radius: 30px;
color: #fff;
background: #3054D8 !important;
border: #3054D8 1px solid;
float: right;
margin-top: 10px;
margin-bottom: 10px
}

.your-data-area .form-group {
margin-bottom: 10px
}

.your-data-area .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.your-data-area label {
margin: 0px;
line-height: 18px;
color: #4F6475;
font-size: 14px;
letter-spacing: 0.5px
}

.your-data-area select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow1.png) center right no-repeat !important;
background-size: 46px 46px !important;
}

.your-data-area .line {
border: #001F2C 2px solid;
width: 100%;
height: 1px;
margin: 0px 0 45px 0
}

.your-data-area ul.progress-list {
margin: 25px 0px 0px 0px;
padding: 0px;
list-style: none
}

.your-data-area ul.progress-list li {
margin: 0 0 25px 0
}

.your-data-area ul.progress-list li h4 {
font-size: 16px;
color: #002C3D;
margin: 0 0 10px 0;
line-height: 16px;
letter-spacing: 1px
}

.your-data-area ul.progress-list li .progress {
background: #EFF2FF;
border-radius: 10px;
}

.your-data-area ul.progress-list li .progress .progress-bar {
background: #3054D8
}

.your-data-area .btn-area {
text-align: right;
margin-top: 15px
}

.your-data-area .btn-area .btn-save {
border: #51B26B 1px solid;
background: #51B26B !important;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff !important;
}

.your-data-area .btn-area .btn-save:hover {
border: #3D9855 1px solid;
background: #3D9855;
color: #fff
}

.insights-page {
width: 100%;
margin: 0px;
padding: 0;
display: none
}

.insights-page.active {
display: block
}

.insights-page .title-area {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 20px 30px;
}

.insights-page .title-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
padding-left: 75px
}

.insights-page .title-area h2 img {
position: absolute;
left: 0px;
width: 55px;
top: -1px
}

.insights-page .title-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 75px;
background: #5370F6;
height: 4px;
width: 64px;
}

.hunt-page {
width: 100%;
margin: 0px;
padding: 0;
display: none
}

.hunt-page.active {
display: block
}

.hunt-page .title-area {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 20px 30px;
}

.hunt-page .title-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
padding-left: 75px
}

.hunt-page .title-area h2 img {
position: absolute;
left: 0px;
width: 55px;
top: -1px
}

.hunt-page .title-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 75px;
background: #5370F6;
height: 4px;
width: 64px;
}

.question-page {
width: 100%;
margin: 0px;
padding: 0;
display: none
}

.question-page.active {
display: block
}

.question-page .title-area {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 20px 30px;
}

.question-page .title-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
padding-left: 75px
}

.question-page .title-area h2 img {
position: absolute;
left: 0px;
width: 55px;
top: -1px
}

.question-page .title-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 75px;
background: #5370F6;
height: 4px;
width: 64px;
}

.question-page .title-area .notification {
float: right;
font-size: 24px;
color: #D66166;
font-family: 'helveticaneuebold';
line-height: 40px;
margin: 4px 0
}

.question-page .title-area .notification span {
background: #D66166;
width: 40px;
height: 40px;
display: inline-block;
margin-right: 15px;
color: #fff;
border-radius: 50%;
text-align: center
}

.question-page .title-area .user-info {
text-align: right;
font-size: 20px;
position: relative;
line-height: 24px;
padding-right: 60px
}

.question-page .title-area .user-info span {
display: block;
font-size: 16px;
color: #4F6475
}

.question-page .title-area .user-info .employer-photo {
width: 48px;
height: 48px;
position: absolute;
right: 0px;
}

.question-page .title-area .user-info .employer-photo img {
width: 100%
}

.question-page .question-box {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 30px;
}

.question-page .question-box .user-photo {
width: 130px;
height: 130px;
margin: 0 auto;
position: relative
}

.question-page .question-box .user-photo img {
width: 100%;
}

.question-page .question-box .user-photo .notification {
background: #D66166;
width: 40px;
height: 40px;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-weight: 700;
font-size: 24px;
position: absolute;
right: 10px;
top: 10px
}

.question-page .question-box .question-title {
font-size: 30px;
color: #000000;
font-family: 'helveticaneuebold';
margin: 0 0 15px 0
}

.question-page .question-box .relationship {
font-size: 20px;
color: #000000;
margin: 0 0 15px 0
}

.question-page .question-box p {
font-size: 16px;
color: #4F6475;
margin: 0 0 15px 0;
float: right;
}

.question-page .question-box .btn {
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
}

.question-page .question-box .btn-open {
background: #3054D8;
border: #3054D8 1px solid
}

.question-page .question-box .btn-open:hover {
background: #304CCC;
border: #304CCC 1px solid
}

.question-page .question-box .btn-received {
background: #51B26B;
border: #51B26B 1px solid
}

.question-page .question-box .btn-received:hover {
background: #3D9855;
border: #3D9855 1px solid
}

.question-page .question-answer-area {
display: none
}

.question-page .question-answer-area.active {
display: block
}

.question-page .question-answer-box {
background: #fff;
margin-bottom: 20px;
padding: 20px 0 0 0;
border-top: #d0d6ee 1px solid;
margin-top: 20px
}

.question-page .question-answer-box .question-title {
font-size: 20px;
color: #000000;
font-family: 'helveticaneuebold';
margin: 0 0 15px 0;
line-height: 20px
}

.question-page .question-answer-box .voice-memo-record {
font-size: 18px;
color: #3054D8;
line-height: 24px;
margin: 20px 0 15px 0px;
cursor: pointer
}

.question-page .question-answer-box .voice-memo-record img {
width: 24px;
margin-right: 15px;
float: left
}

.question-page .question-answer-box .video-record {
font-size: 18px;
color: #3054D8;
line-height: 24px;
margin: 20px 0 15px 0px;
cursor: pointer
}

.question-page .question-answer-box .video-record img {
width: 24px;
margin-right: 15px;
float: left
}

.question-page .question-answer-box audio {
width: 100%;
margin-bottom: 10px
}

.question-page .question-answer-box .wrapper {
position: relative;
margin-bottom: 20px
}

.question-page .question-answer-box .wrapper video {
width: 100%;
}

.question-page .question-answer-box .wrapper .playpause {
background: #EFEFF2 url(../images/gray-play.png) center center no-repeat;
width: 100%;
height: 100%;
cursor: pointer;
position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
margin: auto;
background-size: 150px;
background-position: center;
}

.question-page .question-answer-box .audio-box {
background: #eff2ff;
padding: 15px;
border-radius: 8px;
margin-bottom: 15px
}

.question-page .question-answer-box .code-textarea {
position: relative;
padding-left: 60px
}

.question-page .question-answer-box .code-textarea .name-code {
position: absolute;
top: 10px;
left: 0px;
background: #3054D8;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
color: #fff
}

.question-page .question-answer-box ul.answer-reply {
margin: 0px;
padding: 0px;
list-style: none;

}


.question-page .question-answer-box ul.answer-reply li{position: relative}
.question-page .question-answer-box ul.answer-reply li:last-child::before {
 border:none;
}

.question-page .question-answer-box ul.answer-reply li:before {
border-left: #002D3E 2px solid;
left: 24px;
content: '';
position: absolute;
top:  33px;
width: 2px;
height: 100%
}

.question-page .question-answer-box ul.answer-reply li {
margin-bottom: 15px
}

.question-page .question-answer-box ul.answer-reply li .msg-box {
position: relative;
padding-left: 60px;
line-height: 50px;
font-size: 18px
}

.question-page .question-answer-box ul.answer-reply li .msg-box .name-code {
position: absolute;
top: 0px;
left: 0px;
background: #3054D8;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
color: #fff;
z-index: 111
}

.question-page .question-answer-box ul.answer-reply li .textarea {
position: relative;
padding-left: 60px
}

.question-page .question-answer-box ul.answer-reply li .textarea .name-code {
position: absolute;
top: 10px;
left: 0px;
background: #3054D8;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 50%;
font-size: 20px;
color: #fff
}

.question-page .question-answer-box .form-group {
margin-bottom: 20px
}

.question-page .question-answer-box textarea.form-control {
border: #eff2ff 1px solid;
background: #eff2ff;
border-radius: 10px;
padding-left: 20px;
margin-bottom: 15px;
height: auto
}

.question-page .question-answer-box .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.question-page .question-answer-box .btn-submit {
border: #3054D8 1px solid;
background: #3054D8;
height: 46px;
padding: 0px 40px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
float: right
}

.question-page .question-answer-box .btn-submit:hover {
border: #304CCC 1px solid;
background: #304CCC;
color: #fff
}

.ppq-audio-player {
height: auto !important;
line-height: 53px !important;
background: transparent !important;
}

.ppq-audio-player .play-pause-btn {
margin: 0px !important
}

.ppq-audio-player .play-pause-btn .play-pause-icon {
background: url(../images/audio.png)center center no-repeat !important;
border: none !important;
width: 50px !important;
height: 50px !important;
background-size: 100% !important
}

.ppq-audio-player .play-pause-btn .play-pause-icon::after {
content: none !important
}

.ppq-audio-player .player-bar {
height: 16px !important;
margin: 19px 0px !important;
background-color: #E4E4E4 !important;
border-radius: 20px !important;
}

.ppq-audio-player .player-bar .player-bar-loaded {
background: #E4E4E4 !important;
border-radius: 20px !important;
}

.ppq-audio-player .player-bar .player-bar-played {
background: #001F2C !important;
border-radius: 20px !important;
}

.modal-lg {
max-width: 1000px;
}

.modal-body {
padding:30px
}

.modal-body video {
width: 100%
}

.modal-body h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 30px 0;
padding-bottom: 25px;
position: relative;
}

.modal-body h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.modal-backdrop {
background: #eff2ff
}

.modal-backdrop.show {
opacity: 1;
}

.modal-content {
border: none;
border-radius: 30px
}

.modal-content .form-group {
margin-bottom: 10px
}

.modal-content .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.modal-content textarea.form-control{height: 150px}
.modal-content label {
margin: 0px;
line-height: 18px;
color: #4F6475;
font-size: 14px;
letter-spacing: 0.5px
}

.modal-content .md-15 {
margin-bottom: 10px
}

.modal-content select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow1.png) center right no-repeat !important;
background-size: 46px 46px !important;
}

.modal-content .line {
border: #5370F6 2px solid;
width: 100%;
height: 1px;
margin: 25px 0 45px 0
}

.modal-content .label-text {
line-height: 24px;
color: #4F6475;
font-size: 16px;
letter-spacing: 0.5px
}

.modal-content .label-text-2 {
line-height: 24px;
color: #4F6475;
font-size: 16px;
letter-spacing: 0.5px;
margin: 7px 0px;
}

.modal-content .btn-edit {
background: #3054D8;
font-size: 16px;
border-radius: 25px;
color: #fff;
padding: 6px 40px
}

.modal-content .btn-delete {
background: #3054D8;
font-size: 16px;
border-radius: 25px;
color: #fff;
padding: 0px;
width: 38px;
height: 38px;
line-height: 38px;
margin-left: 10px
}

.modal-content .switch-field {
display: flex;
overflow: hidden;
}

.modal-content .switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}

.modal-content .switch-field label {
font-size: 14px;
line-height: 1;
text-align: center;
padding: 15px 35px 15px 15px;
transition: all 0.1s ease-in-out;
position: relative;
border: #fff 1px solid;
border-radius: 30px;
}

.modal-content .switch-field label.green:before {
content: '';
background: #51B26B;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
right: 16px;
top: 18px
}

.modal-content .switch-field label.red:before {
content: '';
background: #D66166;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
right: 16px;
top: 18px
}

.modal-content .switch-field label:hover {
cursor: pointer;
}

.modal-content .switch-field input:checked+label {
background-color: #fff;
border: #5370F6 1px solid;
box-shadow: none;
border-radius: 30px
}

.modal-content .btn-area {
text-align: right;
margin-top: 20px;
margin-bottom:20px;
}

.modal-content .btn-area .btn-save {
border: #51B26B 1px solid;
background: #51B26B !important;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff !important;
margin-right: 15px
}

.modal-content .btn-area .btn-save:hover {
border: #3D9855 1px solid;
background: #3D9855;
color: #fff
}

.modal-content .btn-area .btn-add {
border: #D66166 1px solid;
background: #D66166 !important; 
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff !important;
margin-right: 15px;
margin-bottom: 0px;
margin-top: 0;
}

.modal-content .btn-area .btn-add:hover {
border: #B95055 1px solid;
background: #B95055;
color: #fff
}

.modal-content .dropdown-area {
position: relative
}

.modal-content .main-dropdown {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff !important;
position: relative;
z-index: 2;
color: #4F6475 !important;
cursor: pointer;
line-height: 16px
}

.modal-content .main-dropdown:focus {
outline: none
}

.modal-content .main-dropdown:before {
content: '';
background: url(../images/dropdown_arrow1.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 46px 46px
}

.modal-content .main-dropdown-content {
position: absolute;
	top: 45px;
	left: 0px;
	border: #3054D8 1px solid;
	width: 100%;
	border-radius: 15px;
	z-index: 1;
	background: #fff;
	padding: 10px 15px;
	max-height: 300px;
	overflow-y: scroll;
    z-index: 9;

}

.modal-content .main-dropdown-content ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.modal-content .main-dropdown-content ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}

.modal-content .main-dropdown-content ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}

.modal-content .main-dropdown-content ul li ol {
margin: 0px;
padding: 0px;
list-style: none
}

.modal-content .main-dropdown-content ul li ol li {
padding-left: 8px;
color: #4F6475;
font-size: 13px
}

.modal-content .main-dropdown-content ul li.sub-menu a {
padding-left: 20px
}

.modal-content .main-dropdown-content ul li.sub-menu a:before {
content: '';
position: absolute;
left: 0px;
top: 1px;
background: url(../images/arrow-down.png)center center no-repeat;
width: 16px;
height: 15px;
-ms-transform: rotate(-90deg);
/* IE 9 */
transform: rotate(-90deg);
/* Standard syntax */
}

.modal-content .main-dropdown-content ul li.sub-menu a.active:before {
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Standard syntax */
}

.modal-content .selectdropdown {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff
}

.modal-content .selectdropdown:after {
content: none
}

.modal-content .selectdropdown:before {
content: '';
background: url(../images/dropdown_arrow1.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: 0px;
right: 0px;
background-size: 46px 46px
}

.modal-content .dropdown-menu {
width: 100%;
margin: 0px;
padding: 10px 15px
}

.modal-content .dropdown-menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.modal-content .dropdown-menu ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}

.modal-content .dropdown-menu ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}

.modal-content .dropdown-menu ul li a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
background: red;
width: 5px;
height: 5px;
}

.modal-content .dropdown-menu ul li:hover a:before {
background: green
}

.modal-content .dropdown-menu ul li .subdropdown-menu {
display: none
}

.modal-content .dropdown-menu ul li:hover .subdropdown-menu {
display: block
}

.modal-content .dropdown-menu ul li .subdropdown-menu ol {
margin: 0px;
padding: 0px;
list-style: none
}



.references-area {
width: 100%;
margin: 0px;
padding: 0px 0;
display: none
}

.references-area.active {
display: block
}

.references-area .content-area {
background: #fff;
border-radius: 25px;
padding: 40px 60px;
margin-bottom: 30px
}

.references-area .content-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 30px 0;
padding-bottom: 25px;
position: relative;
padding-left: 80px
}

.references-area .content-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 80px;
background: #5370F6;
height: 4px;
width: 64px;
}

.references-area .content-area h2 img {
position: absolute;
left: 0px;
width: 60px;
}

.references-area .content-area h3 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 30px 0;
padding-bottom: 25px;
position: relative;
}

.references-area .content-area h3:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #5370F6;
height: 4px;
width: 64px;
}

.references-area .content-area p {
font-size: 15px;
color: #4F6475;
}

.references-area .content-area p a {
color: #5370F6
}

.references-area .content-area .form-group {
margin-bottom: 10px
}

.references-area .content-area .form-control {
border: #3054D8 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}

.references-area .content-area label {
margin: 0px;
line-height: 18px;
color: #4F6475;
font-size: 14px;
letter-spacing: 0.5px
}

.references-area .content-area select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow1.png) center right no-repeat !important;
background-size: 46px 46px !important;
}

.references-area .content-area .copy-link {
font-size: 16px;
margin: 10px 0 20px 0
}

.references-area .content-area .copy-link a {
color: #3054D8
}

.references-area .content-area .btn-blue {
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
background: #3054D8;
border: #3054D8 1px solid;
float: right
}

.references-area .content-area .btn-blue:hover {
background: #304CCC;
border: #304CCC 1px solid
}

.references-area .content-area .md-top {
margin-top: 30px;
width: 100%;
height: 1px
}

.references-area .references-box {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 30px;
position: relative
}

.references-area .references-box .question-title {
font-size: 24px;
color: #000000;
font-family: 'helveticaneuebold';
margin: 0 0 15px 0
}

.references-area .references-box .relationship {
font-size: 20px;
color: #000000;
margin: 0 0 15px 0
}

.references-area .references-box p {
font-size: 16px;
color: #4F6475;
margin: 0 0 15px 0
}

.references-area .references-box .pending {
font-size: 16px;
color: #4F6475;
}

.references-area .references-box .pending-area {
position: absolute;
right: 30px;
top: 65px
}

.references-area .references-box .pending-area a {
color: #D66166;
text-decoration: none
}

.references-area .references-box .btn-delete {
background: #3054D8;
font-size: 16px;
border-radius: 25px;
color: #fff;
padding: 0px;
width: 38px;
height: 38px;
line-height: 38px;
position: absolute;
top: 30px;
right: 30px
}

.references-area .references-box .form-control {
border: #eff2ff 1px solid;
background: #eff2ff;
border-radius: 10px;
padding-left: 20px;
margin-bottom: 15px;
height: 50px
}

.references-area .references-box textarea.form-control {
height: auto
}

.employer {
background: #f3f3f3
}

.employer .navbar_main {
background: #001F2C;
margin: 0px;
z-index: 111
}

.employer .navbar_main .welcome-user {
color: #fff;
float: left;
position: relative;
font-size: 16px;
line-height: 26px;
padding: 12px 70px 12px 0;
}

.employer .navbar_main .welcome-user .user-photo {
position: absolute;
right: 0px;
top: 0px;
width: 50px;
height: 50px;
}

.employer .navbar_main .welcome-user .user-photo img {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
left: 0px;
object-fit: cover;
width: 100%;
height: 100%;
}

.employer .navbar_main .btn-menu {
padding: 0px;
border: none;
background: transparent;
height: 50px;
float: right
}

.employer .navbar_main .btn-menu:focus {
outline: none
}

.employer .navbar_main .rightside {
float: right
}

.ham {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}

.hamRotate.active {
transform: rotate(45deg);
}

.hamRotate180.active {
transform: rotate(180deg);
}

.line {
fill: none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke: #fff;
stroke-width: 5.5;
stroke-linecap: round;
}

.ham8 .top {
stroke-dasharray: 40 160;
}

.ham8 .middle {
stroke-dasharray: 40 142;
transform-origin: 50%;
transition: transform 400ms;
}

.ham8 .bottom {
stroke-dasharray: 40 85;
transform-origin: 50%;
transition: transform 400ms, stroke-dashoffset 400ms;
}

.ham8.active .top {
stroke-dashoffset: -64px;
}

.ham8.active .middle {
//stroke-dashoffset: -20px; transform: rotate(90deg);}
.ham8.active .bottom {
stroke-dashoffset: -64px;
}
.wrapper {
display: flex;
align-items: stretch;
}
.sidenav {
height: 100hv;
width: 0;
background-color: #52B16A;
overflow-x: hidden;
transition: 0.5s;
padding: 20px;
min-width: 250px;
max-width: 250px;
margin-left: -250px
}
.sidenav.active {
margin-left: 0px;
}
.sidenav ul.menu {
margin: 0px;
padding: 0px;
list-style: none
}
.sidenav ul.menu li {
margin-bottom: 15px;
}
.sidenav ul.menu li a {
font-size: 16px;
text-transform: uppercase;
color: #fff;
text-decoration: none
}
.sidenav ul.menu li a i {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 20px;
color: #fff;
background: #52BE79;
margin-right: 15px;
border-radius: 5px
}
.sidenav ul.menu li a.active i {
background: #fff;
color: #52B16A
}
.sidenav ul.menu li a:hover i {
background: #fff;
color: #52B16A
}
#content {
padding: 0px;
min-height: 100vh;
transition: all 0.3s;
}
.employer .sign-in-area .form-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #52BE79;
height: 4px;
width: 64px;
}
.employer .sign-in-area .form-area .form-control {
border: #001F2C 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}
.employer .sign-in-area .form-area .btn-submit {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff
}
.employer .sign-in-area .form-area .btn-submit:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .sign-in-area .form-area p a {
color: #001F2C;
text-decoration: none
}
.employer .sign-in-area .form-area select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow2.png) center right no-repeat !important;
background-size: 46px 46px !important;
}
.employer .profile-area h1 {
margin: 0 0 30px 0;
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
line-height: 60px
}
.employer .profile-area h1 .icon {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 10px;
background: #52BE79;
color: #fff;
margin-right: 20px;
text-align: center;
float: left
}
.employer .profile-area {
padding: 60px 0
}
.employer .profile-area .form-area {
background: #fff;
border-radius: 25px;
padding: 40px 80px;
margin: 0px
}
.employer .profile-area .title {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
margin: 0 0 30px 0;
padding-bottom: 25px;
position: relative
}
.employer .profile-area .title:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #52be79;
height: 4px;
width: 64px;
}
.employer .profile-area .form-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #52be79;
height: 4px;
width: 64px;
}
.employer .profile-area .form-area h3 {
margin: 0 0 30px 0;
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 30px;
line-height: 60px
}
.employer .profile-area .form-area h3 img {
width: 60px;
margin-right: 20px
}
.employer .profile-area .form-area .form-control {
border: #001F2C 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}
.employer .profile-area .form-area textarea.form-control {
border: #001F2C 1px solid;
height: 150px;
border-radius: 30px;
padding-left: 20px
}
.employer .profile-area .form-area select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow2.png) center right no-repeat !important;
background-size: 46px 46px !important;
position: relative
}
.employer .profile-area .form-area select:before {
content: '';
background: url(../images/dropdown_arrow2.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 46px 46px
}
.employer .profile-area .form-area .line {
border: #001F2C 2px solid;
}
.employer .profile-area .form-area .or {
line-height: 30px;
font-size: 20px;
text-align: center;
color: #4F6475;
padding: 80px 0
}
.employer .profile-area .form-area .btn-add {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 15px 0px 0px
}
.employer .profile-area .form-area .btn-add:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .profile-area .form-area .btn-save {
border: #52B16A 1px solid;
background: #52B16A;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 0px 0px 0px
}
.employer .profile-area .form-area .btn-save:hover {
border: #427D3B 1px solid;
background: #427D3B;
color: #fff
}
.employer .profile-area input[type=radio].css-radio {
position: absolute;
z-index: -1000;
left: -1000px;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.employer .profile-area input[type=radio].css-radio+label.css-radio-label {
padding-left: 20px;
height: 14px;
display: inline-block;
line-height: 14px;
background-repeat: no-repeat;
background-position: 0 0;
font-size: 14px;
vertical-align: middle;
cursor: pointer;
font-weight: normal;
color: #4F6475;
letter-spacing: 0.5px
}
/*.employer .profile-area input[type=radio].css-radio:checked+label.css-radio-label {
background-position: 0 -14px;
}*/
/*.employer .profile-area label.css-radio-label {
background-image: url(../images/radio-green.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}*/
.employer .profile-area .form-area ul.point {
margin: 20px 0px 10px 0px;
padding: 0px;
list-style: none
}
.employer .profile-area .form-area ul.point li a {
color: #4F6475
}
.employer .profile-area .form-area ul.point li {
font-size: 15px;
color: #4F6475;
line-height: 20px;
margin-bottom: 10px;
position: relative;
padding-left: 20px
}
.employer .profile-area .form-area ul.point li.black {
margin-top: 10px
}
.employer .profile-area .form-area ul.point li.black:before {
background: #002D3E
}
.employer .profile-area .form-area ul.point li .btn-info {
border: none;
padding: 0px;
background: transparent ;
width: 24px;
margin-left: 15px;
cursor: pointer
}
.employer .profile-area .form-area ul.point li .btn-info img {
width: 100%
}
.employer .profile-area .btn-area {
text-align: right;
margin-top: 10px
}
.employer .profile-area .form-area .btn-area .btn-continue {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 0px 0px 15px
}
.employer .profile-area .btn-add {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 15px 0px 0px
}
.employer .profile-area .form-area .btn-area .btn-continue:hover,
.employer .profile-area .btn-add:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .profile-area .btn-save {
border: #52B16A 1px solid;
background: #52B16A;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 0px 0px 0px
}
.employer .profile-area .btn-save:hover {
border: #427D3B 1px solid;
background: #427D3B;
color: #fff
}
.employer .profile-area .filter-box {
margin: 6px 0
}
.employer .profile-area .filter-box .form-control {
border: #52BE79 2px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}
.employer .profile-area .filter-box select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow3.png) center right no-repeat !important;
background-size: 46px 46px !important;
}
.employer .profile-area .filter-box.searchbox {
position: relative
}
.employer .profile-area .filter-box.searchbox .btn-search {
position: absolute;
right: 0px;
top: 0px;
line-height: 46px;
width: 46px;
height: 46px;
border: none;
background: transparent;
cursor: pointer;
padding: 0px
}
.employer .profile-area .filter-box.searchbox .btn-search:focus {
outline: none
}
.employer .profile-area .form-area .main-dropdown {
border: #001F2C 1px solid;
}
.employer .profile-area .form-area .main-dropdown:before {
content: '';
background: url(../images/dropdown_arrow2.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 46px 46px
}
.employer .profile-area .form-area .main-dropdown-content {
position: absolute;
top: 45px;
left: 0px;
border: #001F2C 1px solid;
width: 100%;
border-radius:15px;
z-index: 1;
background: #fff;
padding:10px 15px;
max-height: 300px;
overflow-y: scroll;
}

.employer .profile-area .form-area .switch-field {
display: flex;
overflow: hidden;
margin-bottom: 10px
}
.employer .profile-area .form-area .switch-field label {
font-size: 14px;
line-height: 1;
text-align: center;
padding: 15px 35px 15px 15px;
transition: all 0.1s ease-in-out;
position: relative;
border: #fff 1px solid;
border-radius: 30px;
}
.employer .profile-area .form-area .switch-field label:hover {
cursor: pointer;
}
.employer .profile-area .form-area .switch-field input:checked+label {
background-color: #fff;
border: #001F2C 1px solid;
box-shadow: none;
border-radius: 30px
}
.employer .profile-area .form-area .upload-area {
margin-top: 20px
}
.employer .profile-area .form-area .upload-area p {
float: left;
margin: 6px 0px;
line-height: 24px;
}
.employer .profile-area .form-area .upload-documents {
overflow: hidden;
display: inline-block;
width: 60px;
position: relative;
float: right
}
.employer .profile-area .form-area .upload-documents .btn-upload {
padding: 0px;
border-radius: 0px;
width: 60px;
height: 60px;
background: transparent;
border: #001F2C 1px dashed;
cursor: pointer;
color: #001F2C;
font-size: 20px;
}
.employer .profile-area .form-area .upload-documents input[type=file] {
font-size: 50px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
width: 300px;
overflow: hidden
}
.employer .profile-area table {
border-collapse: inherit;
border-spacing: 0;
width: 100%
}
.employer .profile-area table tr th,
.employer .profile-area table tr td {
padding: 15px 20px;
font-size: 15px;
border:none;
text-align: left;
}
.employer .profile-area table tr td a.remove {
background: #52B16A;
color: #fff;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 50%
}
.employer .profile-area table tr td a.edit {
background: #001F2C;
color: #fff;
font-size: 14px;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 15px;
text-decoration: none
}
.employer .profile-area table thead tr th.vac_list_action{min-width: 110px}
.employer .profile-area table thead tr th {
border-bottom: 3px solid #52B16A;
color: #4F6475;
font-size: 18px;
font-family: 'helveticaneuemedium';
}
.employer .profile-area table tr td:nth-child(1) {
border-radius: 25px 0 0 25px;
}
.employer .profile-area table tr td:nth-last-child(1) {
border-radius: 0 25px 25px 0;
}
.employer .profile-area table tr:nth-of-type(odd) td {
background-color: #F8F8F8;
}
.employer .profile-area .condidate-box {
background: #fff;
border-radius: 25px;
padding: 20px;
margin-bottom: 30px;
}
.employer .profile-area .condidate-box .search_res_content{min-height: 170px}
.employer .profile-area .condidate-box .condidate-photo {
background: #EEF1FE;
width: 100%;
margin: 0 0 25px 0
}
.employer .profile-area .condidate-box .condidate-photo img {
width: 100%
}
.employer .profile-area .condidate-box .name {
margin: 0 0 10px 0;
color: #002C3D;
font-size: 22px;
line-height: 26px
}
.employer .profile-area .condidate-box .name a{color: #002C3D;text-decoration: none;}
.employer .profile-area .condidate-box ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.employer .profile-area .condidate-box ul li {
font-size: 14px;
line-height: 24px;
color: #002C3D;
position: relative;
padding-left: 20px;
margin-bottom: 10px
}
.employer .profile-area .condidate-box ul li:before {
content: '\f138';
font-family: "Font Awesome 5 Free";
position: absolute;
left: 0px;
top: 0px;
font-weight: 700;
color: #52BE79;
font-size: 14px
}
.employer .profile-area .condidate-box p {
font-size: 14px;
line-height: 24px;
color: #002C3D
}
.employer .profile-area .condidate-box .btn-shortlist {
background: #52B16A;
color: #fff;
border-radius: 25px;
padding: 10px 20px
}
.employer .profile-area .condidate-box .btn-shortlisted {
  background: #0d2c3d;
  color: #fff;
  border-radius: 25px;
  padding: 10px 20px
  }
.employer .profile-area .condidate-box .dropdown-toggle::after {
content: none
}
.employer .profile-area .condidate-box .dropdown-menu {
border: #001F2C 1px solid;
padding: 10px
}
.employer .dashboard-area {
width: 100%;
margin: 0px;
padding: 60px 0 20px 0;
}
.employer .dashboard-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #52be79;
height: 4px;
width: 64px;
}
.employer .dashboard-area .video-number-count .interview-video {
margin-bottom: 15px
}
.employer .dashboard-area .btn-previous {
border: #D66166 1px solid;
background: #D66166;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
}
.employer .dashboard-area .btn-previous:hover {
border: #c65257 1px solid;
background: #c65257;
color: #fff
}
.employer .dashboard-area .btn-next {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
float: right
}
.employer .dashboard-area .btn-next:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .video-number-count .dropdown-area {
position: relative;
float:right;
margin-bottom: 30px
}
.employer .video-number-count .dropdown-area .main-dropdown {
background: #51B26B;
color: #fff;
font-size: 18px;
max-width: 240px;
padding: 8px 35px;
border-radius: 25px;
border: none;
width: 100%;
text-align: left;
position: relative;
z-index: 11
}
.employer .video-number-count .dropdown-area .main-dropdown-shortlisted {
  background: #0d2c3d;
  color: #fff;
  font-size: 18px;
  max-width: 240px;
  padding: 8px 35px;
  border-radius: 25px;
  border: none;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 11
  }
.employer .video-number-count .dropdown-area .main-dropdown i {
margin-right: 10px
}
.employer .video-number-count .dropdown-area .main-dropdown-shortlisted i {
  margin-right: 10px
  }
.employer .video-number-count .dropdown-area .main-dropdown:focus {
outline: none
}
.employer .video-number-count .dropdown-area .main-dropdown-content {
position: absolute;
top: 16px;
left: 0px;
width: 100%;
border-radius: 15px;
z-index: 3;
background: #fff;
padding: 40px 25px 0px 25px;
max-width: 240px
}
.employer .video-number-count .dropdown-area .main-dropdown-content .checkbox {
margin-bottom: 10px
}
.employer .video-number-count .box-content .icon {
width: 115px;
height: 115px
}
.add-question-box {
background: #fff;
border-radius: 25px;
padding: 40px 0 0 0;
}
.add-question-box textarea.form-control {
border: #eff2ff 1px solid;
background: #eff2ff;
border-radius: 10px;
padding-left: 20px;
margin-bottom: 15px;
height: auto;
}
.add-question-box .switch-field {
display: flex;
overflow: hidden;
float: left
}
.add-question-box .switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.add-question-box .switch-field label {
font-size: 18px;
line-height: 1;
text-align: center;
padding: 10px 30px 10px 20px;
transition: all 0.1s ease-in-out;
position: relative;
border: #fff 1px solid;
border-radius: 30px;
margin: 0px
}
.add-question-box .switch-field label:before {
content: '';
background: #B4B4B4;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
left: 0px;
top: 14px
}
.add-question-box .switch-field label:hover {
cursor: pointer;
}
.add-question-box .switch-field input:checked+label {
background-color: #fff;
box-shadow: none;
border-radius: 30px
}
.add-question-box .switch-field input:checked+label:before {
background: #52BE79;
}
.add-question-box .ans-option {
position: relative;
padding-left: 120px
}
.add-question-box .ans-option span {
font-size: 18px;
font-family: 'helveticaneuebold';
position: absolute;
line-height: 40px;
left: 0px
}
.add-question-box .ans-option .btn-save {
border: #001F2C 1px solid;
background: #001F2C;
height: 40px;
padding: 0px 60px;
font-size: 16px;
line-height: 40px;
border-radius: 30px;
color: #fff;
float: right
}
.add-question-box .ans-option .btn-save:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .your-data-area .title {
background: #001F2C;
margin-bottom: 20px
}
.employer .your-data-area ul.detail-list {
margin: 0px;
padding: 0px;
list-style: none;
}
.employer .your-data-area ul.detail-list li {
font-size: 16px;
color: #002C3D;
line-height: 24px;
letter-spacing: 1px;
margin-bottom: 10px
}
.employer .your-data-area ul.detail-list li a {
display: inline-block;
background: #52BE79;
color: #fff;
text-decoration: none;
padding: 8px 46px;
border-radius: 25px;
margin: 15px 0
}
.employer .your-data-area ul.progress-list li .progress {
background: #E8E8E8
}
.employer .your-data-area ul.progress-list li .progress .progress-bar {
background: #001F2C
}
.employer .your-data-area h3::before {
background: #52BE79
}
.employer .dashboard-area .search-form {
margin: 0 0 50px 0;
padding-right: 100px;
display: block;
}
.employer .dashboard-area .search-form .title {
background: #52B16A;
color: #fff;
font-size: 18px;
max-width: 280px;
padding: 8px 24px;
border-radius: 25px;
margin-bottom: 15px
}
.employer .dashboard-area .search-form .form-group {
margin-bottom: 10px
}
.employer .dashboard-area .search-form .form-control {
border: #001F2C 1px solid;
height: 46px;
border-radius: 30px;
padding-left: 20px
}
.employer .dashboard-area .search-form select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow2.png) center right no-repeat !important;
background-size: 46px 46px !important;
}
.employer .dashboard-area .search-form .dropdown-area {
position: relative
}
.employer .dashboard-area .search-form .main-dropdown {
border: #001F2C 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff;
position: relative;
z-index: 2;
color: #4F6475;
cursor: pointer;
line-height: 16px
}
.employer .dashboard-area .search-form .main-dropdown:focus {
outline: none
}
.employer .dashboard-area .search-form .main-dropdown:before {
content: '';
background: url(../images/dropdown_arrow2.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 44px 44px
}
.employer .dashboard-area .search-form .main-dropdown-content {
    position: absolute;
    top: inherit;
    left: 0px;
    border: #001F2C 1px solid;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    z-index: 9;
    background: transparent;
    /* padding: 33px 15px 10px 15px; */
    border-top: none;
    padding: 16px 0 0;
    overflow: hidden;
    margin-top: -16px;
}
.employer .dashboard-area .search-form .main-dropdown-content ul {
    margin: 0px;
    list-style: none;
    background: #fff;
    padding: 0 20px;
    max-height:245px;
    overflow: auto;
}
.employer .dashboard-area .search-form .job-role-error{font-size: 14px;padding-left: 20px;color: #fd4f4f;}
.employer .dashboard-area .search-form .main-dropdown-content ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}
.employer .dashboard-area .search-form .main-dropdown-content ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}
.employer .dashboard-area .search-form .main-dropdown-content ul li ol {
margin: 0px;
padding: 0px;
list-style: none
}
.employer .dashboard-area .search-form .main-dropdown-content ul li ol li {
padding-left: 8px;
color: #4F6475;
font-size: 13px
}
.employer .dashboard-area .search-form .main-dropdown-content ul li.sub-menu a {
padding-left: 20px
}
.employer .dashboard-area .search-form .main-dropdown-content ul li.sub-menu a:before {
-ms-transform: rotate(-90deg);
/* IE 9 */
transform: rotate(-90deg);
content: '';
position: absolute;
left: 0px;
top: 1px;
background: url(../images/arrow-down.png)center center no-repeat;
width: 16px;
height: 15px;
}
.employer .dashboard-area .search-form .main-dropdown-content ul li.sub-menu a.active:before {
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Standard syntax */
}
.employer .dashboard-area .search-form .btn-search {
border: #001F2C 1px solid;
background: #001F2C;
height: 40px;
padding: 0px 60px;
font-size: 16px;
line-height: 40px;
border-radius: 30px;
color: #fff;
float: right
}
.employer .dashboard-area .search-form .btn-search:hover {
border: #000 1px solid;
background: #000;
color: #fff
}
.employer .dashboard-area .list-box {
background: #fff;
margin-bottom: 15px;
padding: 20px;
border-radius: 25px
}
.employer .dashboard-area .list-box .subtitle {
font-size: 24px;
color: #001F2C;
line-height: 50px;
position: relative;
margin-bottom: 20px
}
.employer .dashboard-area .list-box .subtitle span {
position: relative;
padding-bottom: 20px;
}
.employer .dashboard-area .list-box .subtitle span:before {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
background: #52be79;
height: 4px;
width: 50px;
}
.employer .dashboard-area .list-box .subtitle i {
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 10px;
background: #52BE79;
color: #fff;
margin-right: 15px;
text-align: center;
}
.employer .dashboard-area .list-box ul {
margin: 0px;
padding: 0px 0px 0px 65px;
list-style: none;
min-height: 168px
}
.employer .dashboard-area .list-box ul li {
font-size: 16px;
color: #4F6475;
line-height: 28px;
}
.employer .dashboard-area .list-box .btn-blue {
border: #001F2C 1px solid;
background: #001F2C !important;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 0px 0px 0px 65px;
}
.employer .dashboard-area .evaluation-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
padding-left: 75px;
}
.employer .dashboard-area .evaluation-area h2::before {
content: '';
position: absolute;
bottom: 0px;
left: 75px;
background: #5370F6;
height: 4px;
width: 64px;
}
.employer .dashboard-area .evaluation-area h2 img {
position: absolute;
left: 0px;
width: 55px;
top: -1px;
}
.employer .box-content-area .title-area h2::before {
content: none;
}
.employer .box-content-area .title-area h2 span {
position: relative;
}
.employer .box-content-area .title-area h2 span::before {
content: '';
position: absolute;
bottom: -12px;
left: 0px;
background: #52be79;
height: 4px;
width: 64px;
}
.employer .question-page .question-box {
background: transparent;
padding: 0px;
}
.employer .question-page .question-answer-box {
background: #fff;
margin-bottom: 20px;
padding: 30px;
border-top: none;
margin-top: 20px;
border-radius: 25px;
}
.employer .question-page .question-answer-box .btn-submit {
border: #52be79 1px solid;
background: #52be79;
}
.employer .question-page .question-answer-box .btn-submit:hover {
border: #427D3B 1px solid;
background: #427D3B;
}
.employer .question-page .question-answer-box .code-textarea .name-code {
background: #52be79;
}
.employer .question-page .question-answer-box ul.answer-reply li .msg-box .name-code,
.employer .question-page .question-answer-box ul.answer-reply li .textarea .name-code {
background: #52be79;
}
.employer .question-page .question-answer-box .btn-edit {
border: #001F2C 1px solid;
background: #001F2C;
}
.employer .insights-page .title-area h2 span::before {background: #D76266;}
.employer .evaluation-table {
width: 100%;
margin-top: 20px;
}
.employer .evaluation-table th{
padding:10px;
font-size:18px
}
.employer .evaluation-table th span{width:15px; display:inline-block; margin-left:10px}
.employer .evaluation-table th span img{width:100%; }
.employer .evaluation-table td{
padding:10px
}
.employer .evaluation-table td .form-control{border-radius:25px; border:#001F2C 1px solid; height:50px; font-size:18px; padding-left:25px}
.employer .evaluation-table td select {
height: 46px !important;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../images/dropdown_arrow2.png) center right no-repeat !important;
background-size: 46px 46px !important;
position: relative
}
.employer .evaluation-table th:nth-of-type(1){width:50%}
.employer .evaluation-table th:nth-of-type(2){width:25%}
.employer .evaluation-table th:nth-of-type(3){width:25%}

.employer .insights-page .btn-area {
text-align: right;
margin-top: 10px
}
.employer .insights-page .btn-view {
border: #54BD7A 1px solid;
background: #54BD7A;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 0px 0px 0px
}
.employer .insights-page .btn-save {
border: #001F2C 1px solid;
background: #001F2C;
height: 46px;
padding: 0px 60px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
margin: 20px 0px 0px 0px
}
.employer .references-area .content-area{padding:20px 30px;}
.employer .references-area .content-area h2 {
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
padding-left: 75px
}

.employer .references-area .content-area h2 img {
position: absolute;
left: 0px;
width: 55px;
top: -1px
}

.employer .references-area .content-area h2:before {
content: '';
position: absolute;
bottom: 0px;
left: 75px;
background: #5370F6;
height: 4px;
width: 64px;
}

.employer .references-area .references-box .audio-box {
background: #eff2ff;
padding: 15px;
border-radius: 8px;
margin-bottom: 15px
}

.employer .references-area .references-box .code-textarea {
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}

.employer .references-area .references-box .name-code {
position: absolute;
top: -3px;
left: 0px;
background: #52BE79;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
font-size: 13px;
color: #fff;
}
.employer .references-area .references-box .ref_ans{min-height: 20px;}

.employer .references-area .references-box .msg_question{font-weight: 600;color: #000}

.employer .references-area .references-box .ans_time{font-size: 12px;color: #828282;}

.employer .references-area .references-box .btn-submit {
border: #52be79 1px solid;
background: #52be79;
height: 46px;
padding: 0px 40px;
font-size: 16px;
line-height: 42px;
border-radius: 30px;
color: #fff;
float: right;
}
.employer .references-area .references-box .btn-submit:hover {
border: #427D3B 1px solid;
background: #427D3B;
}
.star_rating{border:#001F2C 1px solid; height: 48px; border-radius:25px; padding: 0 20px;}
.star_rating i{font-size:24px; width:auto; height:auto; line-height:46px; border:none; color:#001F2C; margin-right:10px; float:left}
.star_rating i.selected{color:#54BD7A}
.star_rating i:hover{color:#54BD7A; cursor:pointer}
.rating-text{float:left; margin-left:20px; font-size:18px; color:#001F2C; line-height:46px;}



.score-table {
border-collapse: inherit;
border-spacing: 0;
width: 100%
}
.score-table tr th,
.score-table tr td {
padding: 15px 20px;
font-size: 15px
}

.score-table tr th {
border-bottom:none;
color: #001F2C;
font-size: 18px;
font-family: 'helveticaneuemedium';
}
.score-table tr td:nth-child(1) {
border-radius: 25px 0 0 25px;
}
.score-table tr td:nth-last-child(1) {
border-radius: 0 25px 25px 0;
}
.score-table tr:nth-of-type(odd) td {
background-color: #F8F8F8;
}
.score-table th:nth-of-type(1){width:50%}
.score-table th:nth-of-type(2){width:25%}
.score-table th:nth-of-type(3){width:25%}

.score-table tr td a.remove {
background: #52B16A;
color: #fff;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 50%;
float:right;
}
.score-table tr td a.edit {
background: #001F2C;
color: #fff;
font-size: 14px;
padding: 0 20px;
height: 30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 15px;
text-decoration: none;
float:right;
margin-right: 14px;
}

.insights-page .invite-box {
background: #fff;
margin-bottom: 30px;
border-radius: 25px;
padding: 20px 30px;
}

.insights-page .invite-box h4{
font-family: 'helveticaneuebold';
color: #001F2C;
font-size: 24px;
margin: 0;
padding-bottom: 20px;
position: relative;
}

.insights-page .invite-box .form-control{border-radius:25px; border:#001F2C 1px solid; height:50px; font-size:18px; padding-left:25px}
.insights-page .invite-box .btn-submit{border: #001F2C 1px solid;
    background: #001F2C;
    height: 46px;
    padding: 0px 60px;
    font-size: 16px;
    line-height: 42px;
    border-radius: 30px;
    color: #fff;
    }


.attachment_doc{padding: 10px 0 0 30px ;}
.attachment_doc p{float: left;width: 50%;}

#exampleModalCenter .modal-body{padding-top: 0px}
.modal-body p{font-size: 14px; color: rgb(0, 33, 71);margin-bottom: 0;}
.modal-body p.ref_que{    margin-bottom: 10px;font-size: 16px}
.modal-body .model-switch{margin: 10px 0;}
.modal-body .model-switch b{font-size: 14px; color: rgb(0, 33, 71); font-weight: 500;margin-bottom: 0;line-height: 35px;}
/*.modal-body .form-row .form-group {margin-bottom: 0px;}*/
/*.modal-body .form-row label{font-size: 13px;font-weight: 400;color: #002147;margin: 0px !important;}
.modal-body .form-row input[type="text"]{font-size: 13px;font-weight: 400;color: black !important;border: 1px solid green !important;padding: 3px !important;width: 100% !important;height: 27px !important;border-radius: 0 !important;margin-top: 10px}
.modal-body .form-row select{font-size: 13px;font-weight: 400;color: black !important;border: 1px solid green !important;padding: 3px !important;width: 10  0% !important;height: 27px !important;border-radius: 0 !important;margin-bottom: 20px;}*/
.modal-body a{color: #000}
.modal-content .form-control textarea{border: #3054D8 1px solid !important;border-radius: 20px !important;padding-left: 20px !important;}
.modal-content .form-control input{margin-bottom: 10px}
.modal-body a i{font-size: 20px;margin-left: 0px}
.modal-header{padding-left: 30px; }
.modal-header,.modal-footer{border: none;}
.modal-body .btn.btn-primary{float: right;border: #52B16A 1px solid;background: #52B16A;height: 46px;padding: 0px 60px;font-size: 16px;line-height: 42px;border-radius: 30px;color: #fff;}

.custom-switch .custom-control-label::after{top: calc(-27px + 2px);}
.custom-control-label::before{top: -27px;}


.modal-body input[type="radio"]{width: 15px;height: 15px;border: 1px solid var(--form--border-color);}
.modal-body input[type="radio"]:checked{border: 1px solid var(--form--border-color);outline: none;}
.modal-body input[type="radio"]::after {top: 1px;left: 1px}

.modal-content .modal-body .close{color: #495057 !important; background: transparent !important;}




/* #ui-datepicker-div{z-index: 999 !important; } */
/*.ui-datepicker-calendar{
    display: none !important;
}*/


.back-btn{color: #001F2C;font-size: 18px;line-height: 85px;}
.back-btn img{display: inline-block;width: 35px;margin-right: 10px;margin-top: -5px;}

.dashboard_interview_video #profile_page_video_pannel{margin-top: 25px}
.dashboard_interview_video #profile_page_video_pannel .ply video#plyr_video_player{height: 430px !important; max-height: 430px !important;}
.dashboard_interview_video #profile_page_video_pannel .btn-success, .dashboard_interview_video #profile_page_video_pannel .btn-danger {
    color: #fff;
    background-color: #51B26B;
    border-color: #51B26B;
    height: 46px;
    padding: 0px 50px;
    border-radius: 30px;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
}
.dashboard_interview_video #profile_page_video_pannel .btn-primary{
  color: #fff;
  background-color: #3054D8;
  border-color: #3054D8;
  height: 46px;
  padding: 0px 50px;
  border-radius: 30px;
  font-size: 16px;
  margin-top: 10px;
  text-transform: uppercase;
}
.dashboard_interview_video #profile_page_video_pannel #pr_next_btn{float: right;}

.search-form .form-group label{margin: 0px;line-height: 18px;color: #4F6475;font-size: 14px;letter-spacing: 0.5px;}
.search-form .form-group label span{
  background-color: rgb(66, 123, 58);
    color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-radius: 10px;
    cursor: help;
}

.profile-area  span.itag{
	background-color: rgb(66, 123, 58);
    color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-radius: 10px;
    cursor: help;
}


.employer .profile-area .filter-box{position: relative;}
.employer .profile-area .filter-box .dropdown-area {
position: relative
}
.employer .profile-area .filter-box .main-dropdown {
border: #001F2C 1px solid;
height: 46px;
border-radius: 30px;
width: 100%;
text-align: left;
padding-left: 20px;
background: #fff;
position: relative;
z-index: 2;
color: #4F6475;
cursor: pointer;
line-height: 16px
}
.employer .profile-area .filter-box .main-dropdown:focus {
outline: none
}
.employer .profile-area .filter-box .main-dropdown:before {
content: '';
background: url(../images/dropdown_arrow2.png) center center no-repeat;
width: 46px;
height: 46px;
position: absolute;
top: -1px;
right: -1px;
background-size: 44px 44px
}
.employer .profile-area .filter-box .main-dropdown-content {
    position: absolute;
    top: inherit;
    left: 0px;
    border: #001F2C 1px solid;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    z-index: 9;
    background: transparent;
    /* padding: 33px 15px 10px 15px; */
    border-top: none;
    padding: 26px 0 0;
    overflow: hidden;
    margin-top: -16px;
}
.employer .profile-area .filter-box .main-dropdown-content ul {
    margin: 0px;
    list-style: none;
    background: #fff;
    padding: 0 20px;
    max-height:245px;
    overflow: auto;
}
.employer .profile-area .filter-box .job-role-error{font-size: 14px;padding-left: 20px;color: #fd4f4f;}
.employer .profile-area .filter-box .main-dropdown-content ul li {
line-height: 30px;
cursor: pointer;
font-size: 14px
}
.employer .profile-area .filter-box .main-dropdown-content ul li a {
color: #4F6475;
text-decoration: none;
position: relative
}
.employer .profile-area .filter-box .main-dropdown-content ul li ol {
margin: 0px;
padding: 0px;
list-style: none
}
.employer .profile-area .filter-box .main-dropdown-content ul li ol li {
padding-left: 8px;
color: #4F6475;
font-size: 13px
}
.employer .profile-area .filter-box .main-dropdown-content ul li.sub-menu a {
padding-left: 20px
}
.employer .profile-area .filter-box .main-dropdown-content ul li.sub-menu a:before {
-ms-transform: rotate(-90deg);
/* IE 9 */
transform: rotate(-90deg);
content: '';
position: absolute;
left: 0px;
top: 1px;
background: url(../images/arrow-down.png)center center no-repeat;
width: 16px;
height: 15px;
}
.employer .profile-area .filter-box .main-dropdown-content ul li.sub-menu a.active:before {
-ms-transform: rotate(0deg);
/* IE 9 */
transform: rotate(0deg);
/* Standard syntax */
}


.employer .profile-area #filter_with_search .searchBtn {
    background: #52BE79 !important;
    padding: 0px !important;
    border: none !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    width: 100%;
    margin: 6px 0;
    height: 46px;
    border-radius: 25px !important;
}

.employer .profile-area .filter-box .cd_ts_search{display: none;}

.employer .profile-area .filter-box .select2-container{position: relative;}

.employer .profile-area .filter-box .select2-container .select2-selection--multiple {

    border: #000 1px solid !important;
    border-radius: 25px;
}

#filter_with_search{margin-bottom: 20px}

ul.link-area li {
    display: inline-block;
    margin-left: 25px;
}
ul.link-area li a{text-decoration: none}
ul.link-area {
    text-align: right;
    list-style: none;
    margin: 0px 0px 20px 0px;
}

.common-close-btn .title-area{position: relative;}
.common-close-btn .title-area .btn-close{position: absolute;top: 20px;right: 20px;border: #001F2C 1px solid;background: #001F2C;height: 40px;padding: 0px 40px;font-size: 16px;line-height: 40px;border-radius: 30px;color: #fff;}
.msg_link{float: right;margin-top: -40px;color: #000;text-decoration: none !important;}
.msg_link:hover{color: #000}

.evaluation-page .my_ev_score{font-family: 'helveticaneuebold';color: #001F2C;font-size: 24px;text-align: right;}

.mobile-md a{text-decoration: none !important;}

#refQuestionForm textarea{padding:2px 5px;border: #3054D8 1px solid;height: 46px;border-radius: 30px;padding-left: 20px;min-height: 150px}

html, body {
    overflow-x: hidden;
    overflow-y: auto;
}

.elementor-element-7fb1f7eb{margin-bottom: 5px;}

footer .footer-area{background-color: #001f2c;}
footer .footer-area.blue{background-color: #506cf9;}
footer .footer-area .footer-logo{padding:20px 100px;}
footer .footer-area .footer-logo a{width: 200px;display: block;}
footer .footer-area .footer-logo img{width: 100%;}
footer .footer-area .footer-page-link{margin-top: 50px;margin-bottom: 10px;}
footer .footer-area .footer-page-link ul{margin: 0 auto;padding: 0;list-style: none;text-align: center;}
footer .footer-area .footer-page-link ul li{display: inline-block;padding: 0 10px;}
footer .footer-area .footer-page-link ul li a{text-decoration: none;color: #fff;}
footer .footer-area .copyright-area p{text-align: center; color: #fff;font-weight: 200;}
footer .footer-area .social-media-link{margin-top: 50px;}
footer .footer-area .social-media-link ul{margin: 0 auto;padding: 0;list-style: none;text-align: center;}
footer .footer-area .social-media-link ul li{display: inline-block;padding: 0 10px;}
footer .footer-area .social-media-link ul li a{text-decoration: none;color: #fff;font-size: 30px;}


.profile-area .form-area label .btn-info{background: transparent !important;}

.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: .25em;
  background: initial;
  background-color: initial;
  background-image: initial;
  background-color: #2778c4 !important;
  color: #fff !important;
  font-size: 1em;
}

.swal2-styled.swal2-deny {
  border: 0;
  border-radius: .25em;
  background: initial;
    background-color: initial;
    background-image: initial;
  background-color: #d14529 !important;
  color: #fff !important;
  font-size: 1em;
}

#view_work_experience_form .modal .modal-content button.close { background-color:  transparent !important;  }
#view_work_experience_form .modal .modal-content button.close span {color: #000 !important}

#view_education_form  .modal .modal-content button.close { background-color:  transparent !important;  }
#view_education_form  .modal .modal-content button.close span {color: #000 !important}

#form_view_certification .modal .modal-content button.close { background-color:  transparent !important;  }
#form_view_certification .modal .modal-content button.close span {color: #000 !important}

#common_registration_activation{
	background: #fff;
	border-radius: 25px;
	padding: 40px 80px;
	margin-top:100px;
	margin-bottom:100px
}

#common_registration_activation .form-area h2{
    font-family: 'helveticaneuebold';
    color: #001F2C;
    font-size: 30px;
    margin: 0 0 20px 0;
    padding-bottom: 25px;
    position: relative;
    float: left;
}

#common_registration_activation .form-area h2:before{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #5370F6;
    height: 4px;
    width: 64px;
}

#common_registration_activation .form-area p{
    font-size: 16px;
    float: right;
    color: #4F6475;
    font-family: 'helveticaneuemedium';
    letter-spacing: 1px;
    margin: 15px 0;
}

#candidate_register .offset-lg-2{
	margin-left:0px;
}

#candidate_register .order-1{
	margin-left:0px;
} 
#candidate_login_link{
    padding: 10px 50px;
    background: #007bff;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
}                

#country_code{
   height: 46px!important;
   padding-left: 15px!important;
}  
.country_code{
	padding-right:0px!important;
}

@media screen and (min-width:350px) and (max-width:550px){
	.country_code{
		padding-right:15px!important;
		padding-bottom:15px!important;
	}
}

#save_linkedin{
    padding: 5px 10px;
    margin-top: 0px;
    background-color: green;
    border-radius: 20px;
}

#save_linkedin:hover,#save_linkedin:active{ 
    background-color: white!important;  
    border:1px solid green!important;
}

#save_linkedin:hover .fa-floppy-disk,#save_linkedin:active .fa-floppy-disk{
    color:green!important;  
}

#delete_attachment,#delete_attachment:hover{
    padding: 0px;
    background: none; 
    border:none; 
}
.fa.fa-trash-o {
   font-size:15px;
   color:red;
  }
.toast-close-button{
	background: none!important;
}
#candidate_reg_success_msg,#employer_reg_success_msg{
    font-size: 26px!important;
    color: black!important;
}

#forget_candidate_page {
  color: #007bff !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

#employer_forgot_password {
  color: #007bff !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

#resend_otp {
  color: #007bff !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

.last_viewed_date_circle {
  background: #6baf71;
  width: 78px;
  height: 78px;
  padding: 6px 0px;
  border-radius: 100px;
}

.last_viewed_date {
  text-align: center;
  padding: 10px;
  font-size: 12px !important;
  line-height: 18px !important;
  color:#fff !important;
}

.employer-plan-box {
  background: #fff;
    /* margin: 25px 0 30px 0; */
    /* text-align: center; */
    /* font-size: 18px; */
    color: #4F6475;
    padding: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
    cursor: pointer;
}

span.plan_name:before {
  content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #52be79;
    height: 4px;
    width: 50px;
}

span.plan_name {
  position: relative;
  padding-bottom: 8px;
  float: left;
  text-transform: capitalize;
}

div.user_plans_valid ul li:before {
  content: '\f138';
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: 700;
    color: #52BE79;
    font-size: 14px;
}

div.user_plans_valid ul li {
  font-size: 14px;
    line-height: 24px;
    color: #002C3D;
    position: relative;
    padding-left: 17px;
    margin-bottom: 11px;
    list-style: none;
}

div.overlay-parent {
  position: relative; /* Set to relative for child absolute positioning */
  width: 100%; /* Set the width as needed */
  height: 100%; /* Set the height as needed */
}

div.overlay-header {
  position: absolute; /* Position the overlay relative to the parent */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; /* Center the overlay content horizontally */
  align-items: center; /* Center the overlay content vertically */
  z-index: 999; /* Ensure it's on top of other content within the parent */
}

.overlay-content {
  background-color: #fff; /* Background color for the overlay content */
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0); /* Add a shadow for the overlay content */
  max-width: 80%; /* Set a maximum width for the overlay content */
  width: 400px; /* Set a fixed width for the overlay content */
  border-radius: 15px;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
}

.plans-box {
  overflow: hidden; /* required */
  margin: 25px auto; /* for demo only */
  position: relative; /* required  for demo*/
  color: #4F6475;
  background:#fff;
  padding: 15px 0px;
  border-radius: 15px;
  height:380px;
  max-height:500px;
  /* -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%); */
  cursor: pointer;
}

.ribbon {
  margin: 0;
  padding: 0;
  background: #52b16a;
  color:white;
  padding:0px 15px;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #52b16a;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.question_ids_all {
  /* Custom border color */
  border-color: #52be79; /* Red border color */
  transform:scale(0.8);
  /* Custom background color */
  background-color: #52be79; /* Green background color */
}

.question_ids_all:checked::before {
  content: "\2713"; /* Checkmark Unicode character */
  color: #52be79; /* Blue checkmark color */
  font-size: 18px; /* Adjust the size of the checkmark */
}