/* common utilities */


:root {
  --field-height: 40px;
  --label-font-size: 14px;
  --input-font-size: 15px;
  --place-holder-color: #ccc;
}


.hm-form-thm-1 input::placeholder{
  font-size: var(--label-font-size);
  font-style: normal !important;
}
.text-danger{
  color: #dc3545 !important;
}
.float-end{
  float: right !important;
}
.bg-none{
  background-color: none;
}
a:hover{
  color: inherit;
  text-decoration: none;
}
.mobileapp-down a{
  color: #fff;
}

.hm-fr-reg-form-page,
.utf-popup-container-part-tabs{
  font-family: "Rubik", sans-serif !important;
}
.hm-fr-reg-banner{
  /* background: #000 url('assets/hiremee-revamp/images/free-job-registraions.jpg'); */
  background: #000 url('../images/free-job-registraions.jpg');
  min-height: 260px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
  position: relative;
  z-index: 1;
}
.hm-fr-reg-banner:before{
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.hm-fr-reg-banner h1{
  font-size: 40px;
  line-height: 1.2;
}
.hm-form-thm-1 form .form-group[class*="col-"]{
  padding-inline: 8px;
}
.hm-form-thm-1 .row:before,
.hm-form-thm-1 .row:after{
  content: none;
}

.hm-form-thm-1 h2{
  font-size: 27px;
  font-weight: 500;
  text-transform: uppercase;
}
.hm-form-thm-1{
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 40px 24px 20px;
  border-radius: 5px;
}
.hm-form-thm-1.no-title{
  padding: 28px 32px 28px;
}
.hm-form-thm-1 .form-group{
  margin-bottom: 8px;
}
.hm-form-thm-1 label{
  color: #323232;
  font-size: var(--label-font-size);
  line-height: 24px;
  margin-bottom: 4px;
  display: inline-block;
}
.hm-form-thm-1 input.form-control,
.hm-form-thm-1 input.form-control-file,
.hm-form-thm-1 textarea.form-control,
.hm-form-thm-1 .select2-selection{
background-color: #F7F7F7;
border: 1px solid #ebebeb;
margin-bottom: 6px;
font-weight: 400;
box-shadow: none;
font-size: var(--input-font-size);
line-height: 35px;
border-radius: 4px;
}
.hm-form-thm-1 .select2-selection{
  min-height: var(--field-height);

}
.hm-form-thm-1 .js-address-check{
  margin-top:14px;
  position: relative;
}
.hm-form-thm-1 .js-address-check.js-newaddress-check .hm-form-delete{
  position: absolute;
  right: 9px;
  top: 7px;
  background: white;
}
@media screen and (min-width: 790px){
  .js-newaddress-check .address-border{
    padding-right:40px;
  }
}
.hm-form-thm-1 .address-border{
  cursor: pointer;
  font-size: 14px;
}
.hm-form-thm-1 .container-checkbox{
  position: relative;
  right: 4px !important;
  padding-left: 7px;
  width: 30px !important;
  top: 4px;
}
.hm-form-thm-1 .container-checkbox .checkmark-round {
  width: 25px;
  height: 25px;
  border-radius: 4px;
}
.hm-form-thm-1 .container-checkbox input:checked ~ .checkmark-round {
  border: 2px solid #4CAF50;
  background-color: #4CAF50;
}
.hm-form-thm-1 .container-checkbox input:checked ~ .checkmark-round:after{
  border-color: #fff !important;
}
.hm-form-thm-1 .container-checkbox .checkmark-round:after{
  border: solid #4CAF50;
  border-width: 0 3px 3px 0;
  left: 7px;
  top: 2px;
  width: 7px;
  height: 13px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (hover: hover) {
  .hm-form-thm-1 .address-border:hover .container-checkbox .checkmark-round{
    border-color: #4CAF50;
  }
  .hm-form-thm-1 .address-border:hover .container-checkbox .checkmark-round:after{
    border-color: #4CAF50;
    opacity: 1;
  }
  .hm-form-thm-1 .address-border:hover .container-checkbox  input:checked ~ .checkmark-round {
    background-color:#3f8f42;
    border-color: #3f8f42;
  }
}

.select2-results__option,
.select2-selection__rendered{
  font-family: "Rubik", sans-serif !important;
}

.hm-form-thm-1 input:not([type=checkbox]),
.hm-form-thm-1 input:not([type=radio]){
  height: var(--field-height);
}
.hm-form-thm-1 input[type=checkbox], 
.hm-form-thm-1 input[type=radio]{
  width: auto;
  height: 15px;
  margin-left: 3px;
  line-height: 1;
  height: auto;
  display: inline-block;
  margin-bottom: 0px;
  vertical-align: middle;
  margin-right: 6px;
}

.hm-form-thm-1 input[type=checkbox]::after{
  content:'';
  position:absolute;
  width: 20px;
  height: 20px;
}

.hm-form-thm-1 textarea{
min-height: 120px;
width: 100%;
padding: 12px 18px;
line-height: 1.6 !important;
}
.hm-form-thm-1 input:focus,
.hm-form-thm-1 textarea:focus{
border: 1px solid #4caf5054;
box-shadow: 0 0 0 2px #4caf5054;
}

.hm-form-thm-1 .invalid-text{
width: 100%;
margin-top: 0px;
font-size: 14px;
line-height: 1.2;
display: block;
color: #dc3545;
}
.hm-form-thm-1 input[type="file"]{
padding-left: 0px;
}
.hm-form-thm-1 input[type="file"]::file-selector-button {
background:rgb(221, 221, 221);
font-family: "Rubik", sans-serif !important;
height: var(--field-height);
border:0px solid #ebebeb;
border-radius: 3px;
font-size: 12px;
line-height: 34px;
vertical-align: baseline;

}
.hm-form-thm-1 input[type="file"]:hover::file-selector-button{
background:rgb(209, 209, 209);
}
.hm-form-thm-1 .select2-hidden-accessible{
visibility:hidden;
}

.hm-form-thm-1 .form-control-check{
  color: #797979;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0px;
  margin-top: -4px;
}
.hm-form-thm-1 .form-control-radio label{
  display: flex;
  align-items: center;
}
.hm-form-thm-1 .form-control-radio input[type="radio"],
.hm-form-thm-1 .form-control-radio input[type="checkbox"]{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border-radius: 50%;
    appearance: none;
    transition: background-color 0.3s, box-shadow 0.3s;
    background-color: #D9D9D9;
    flex-shrink: 0;
}
.hm-form-thm-1 .form-control-radio input[type="checkbox"]{
    border-radius: 0px;
    width: 18px;
    height: 18px;
}

.hm-form-thm-1 .form-control-radio input[type="radio"]:checked{
  background-image: url('../images/tick-checked.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.hm-form-thm-1 .form-control-radio input[type="checkbox"]:checked{
  background-image: url('../images/tick-box-checked.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


.hm-form-thm-1 .form-control-radio{
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
}
.hm-form-thm-1 .hm-form-fieldset {
  margin-bottom: 10px;
}

.hm-form-thm-1 .hm-form-fieldset .hm-form-fld-head{
  border-bottom: 1px solid #CFCFCF;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 14px;
  margin-right: -7px;
  margin-left: -7px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 14px;
}
.hm-form-thm-1 .hm-form-fld-head h4{
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}
.hm-form-thm-1 .hm-form-fieldset h5{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0px;
}
.hm-form-thm-1 .hm-form-add-btn{
  color: #fff;
  background-color: #4CAF50;
  text-decoration: none !important;
  line-height: 1.2;
  display: flex;
  gap: 6px;
  padding: 6px 13px 7px 9px;
  border-radius: 50rem;
  text-transform: capitalize;
  font-size: 15px;
  width: fit-content;
}
/* @media screen and (min-width: 1200px){
  .hm-form-thm-1 .form-group .hm-form-add-btn{
    margin-top: 28px;
  }
} */



.hm-form-thm-1 .select2-selection__rendered{
  padding: 0 15px;
}
.hm-form-thm-1 .input-group input.form-control{
  margin-bottom: 0px;
}

.hm-form-thm-1 .input-group-icon{
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.hm-form-thm-1 .input-group-icon input{
  padding-right:40px;
}
.hm-form-thm-1 .input-group-icon i{
  color:rgb(138, 138, 138);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
}
.hm-form-thm-1 .input-group .input-group-text{
  background-color: #D9D9D9;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  font-weight: 800;
  color:#0e0e0e;
  font-size: 18px;

}
.hm-form-delete{
  width: 32px;
  height: 32px;
  box-shadow: 1px 1px 3px #0000005c;
  border-radius: 50%;
  font-size: 18px;
  color: #dc3545;
  flex-shrink: 0;
  margin-top: 5px;
}

.hm-form-tags .bootstrap-tagsinput{
  height: unset !important;
}
.hm-form-tags .bootstrap-tagsinput .tag{
  margin-right: 2px;
  color: inherit;
  font-weight: normal;
  font-size: 13px;
  border: 1px solid #4CAF50;
  border-radius: 50rem;
  padding: 5px 8px;
  margin-right: 8px;
  margin-bottom: 8px;

}

.hm-form-tags .bootstrap-tagsinput .tag [data-role="remove"]::after{
    content: "x";
    padding:0px 6px 0px 8px !important;
    background-color: transparent;
    text-transform: lowercase;
    font-size: 15px;
    font-weight: normal !important;
    color: #dc3545;
}

.hm-sec-info{
  background-color: #E6F4FF;
  padding: 14px 14px;
}
.hm-sec-info p{
  font-size: 14px;
  color: #04295D;
  margin-bottom: 0px;
}
.ui-autocomplete { 
  max-height:200px; 
  /*max-width: 475px;*/
  /*overflow-x:scroll;*/
  border: 1px solid #aaa;
  border-top: 0px;
  overflow-y:scroll;
  z-index: 1000;
}
.ui-menu-item{
  background-color:#fff;
  /*width:680px;*/
  width: 100%;
  padding: 8px 15px;
  font-size: 14px;
  font-family: "Rubik", sans-serif !important;

}
.ui-menu-item:hover{
  border: none !important;
  background-color: #ebebeb !important;
  
}
.ui-menu.ui-autocomplete::-webkit-scrollbar,
.select2-results__options::-webkit-scrollbar{
  height: 8px !important;
}
.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb,
.select2-results__options::-webkit-scrollbar-thumb {
  background-color: #cbcbcb;

}
.ui-menu.ui-autocomplete::-webkit-scrollbar-thumb:hover,
.select2-results__options::-webkit-scrollbar-thumb:hover{
  background: #555;
}

.hm-form-thm-1 .select2-selection__arrow {
  display: unset;
  top: 7px !important
}
.select2-container--default .select2-selection--multiple{
background-color: #F7F7F7 !important;
border: 1px solid #ebebeb !important;
box-shadow: none;
margin-bottom: 6px;
font-weight: 400;
border-radius: 4px;
}
.select2-container .select2-selection--multiple{
min-height: 40px !important;
display: flex;
}
.hm-form-thm-1 .select2-container--default .select2-search--inline .select2-search__field{
margin-block: 0px !important;
font-weight: 400;
padding-inline: 10px;
}
.hm-form-thm-1 .select2-container--default .select2-selection--multiple .select2-selection__choice{
background-color: #4CAF50 !important;
border: 1px solid #4CAF50 !important;
font-size: 14px;
color: #fff;
border-radius: 5px;
padding: 2px 8px;
width: fit-content !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
color: #fff;
background-color: #4CAF50;
font-size: 20px;
font-weight: 300;
padding-left: 2px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: #4CAF50 !important;
}
.hm-form-thm-1 .select2.select2-container.select2-container--default,
.hm-form-thm-1 .select2-container--below{
min-width: 100%;
max-width: 100%;
}
.hm-form-thm-1 .hm-primary-btn,
.hm-form-thm-1 .hm-secondary-btn,
.hm-form-thm-1 .hm-outline-btn{
padding: 12px 26px;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
margin-top: 20px;
display: inline-block;
border-radius: 6px;
z-index: 1;
min-width: 114px;
text-align: center;
overflow: hidden;
}
.hm-form-thm-1 .hm-outline-btn{
  border: 1px solid #4caf50;
  background-color: transparent;
  color: #4caf50;
}
   

.hm-form-thm-1 .form-check-label{
display: inline;
} 
.hm-form-thm-1 .form-check-label a{
  color: inherit;
}

.note-placeholder{
  display: none !important;
}
.note-editable ul li, #post-free-job-preview-Modal ul li{ 
  list-style: disc; 
  margin-left: 15px;
}
.note-editable ol li, #post-free-job-preview-Modal ol li{
  margin-left: 15px; 
}

.success-email {
  color: #5cb85c !important;
  cursor: pointer;
}
.utf-welcome-text-item h3{
  font-size: 20px;
}

.hm-form-thm-1.hm-form-thm-1-popup{
  padding: 28px 26px;
  font-family: Rubik, sans-serif !important;
}
.hm-form-thm-1.hm-form-thm-1-popup h4{
  font-family: Rubik, sans-serif !important;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
}
.hm-form-thm-1.hm-form-thm-1-popup .btm-link {
  font-weight: 500;
  color: #000;
  text-decoration: underline;
  text-align: center;
  text-align: center;
  display: block;
}
.hm-form-thm-1-popup .btn-icon-custom.login-close-btn.md-close {
  color: #000;
  position: absolute;
  right: 25px;
  top: 20px;
  font-size: 13px;
}
.f-13{
  font-size:13px !important;
}
@media screen and (max-width: 986px) {
.hm-fr-reg-banner h1{
  font-size: 28px;
}
.hm-form-thm-1 .hm-form-fieldset {
  margin-bottom: 20px;
}
.md-modal {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  max-height: calc(100vh - 15% - 15px);
  }
}
@media screen and (max-width: 786px) {
.hm-fr-reg-banner h1{
  font-size: 22px;
}
.hm-fr-reg-banner{
  min-height: 140px;
}
.hm-form-thm-1 h2 {
  font-size: 20px;
}
.hm-form-thm-1 {
  padding-top: 26px;
}
.address-border .container-checkbox{
  float: unset;
}
.hm-form-thm-1 .hm-form-fld-head h4{
  font-size:18px;
}
.hm-form-thm-1.no-title{
  padding: 22px 20px 22px;
}
.hm-form-thm-1 .hm-primary-btn, .hm-form-thm-1 .hm-secondary-btn, .hm-form-thm-1 .hm-outline-btn{
  padding: 8px 18px;
  min-width: unset;
  margin-top: 0px;
}
.hm-form-thm-1.hm-form-thm-1-popup h4{
  font-size:18px;
}
.hm-form-thm-1.hm-form-thm-1-popup{
  padding: 16px 16px;
}
}
@media screen and (max-width: 600px){
  .dtp-picker-days table tr {
    display: table-row !important;
}
  .dtp-picker-days table th,
  .dtp-picker-days table td{
    display: table-cell !important;
}
}