/*
  Button color: 
  green button background color code: #2eae3e ; //07bf55 new  //2eae3e old
  green button background color code on hover: #199028;

  Blue button background color code: #006EFF ;
  Blue button background color code on hover: #21638a;

  all action button border radius is 4px;

  all a tag color: #006EFF;
  on hover: #21638a;;

  theme button css-
  background-color: #2eae3e;
  border: none;
  border-radius: 2px;
  box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
  warning color scheme:
  background-color: #fcbd01;
  border-color: #fcbd01;
  Error message font color: #da0400;
*/
:root {
  --white: #ffffff;
  --light: #f1f1f1;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #ddd; /* for border */
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --black: #041526;
  --primary: #0a6ed4;
  --secondary: #004182;
  --green: #26b170;
  --blue: #0a6ed4;
  --dark-blue: #012169;
  --accent-blue: #245aff;
  --red: #da0400;
  --yellow: #fcbd01;
  --title-blue: #004AAB;
  --accent-tone: #8a2be2;
  --yellow-light: rgb(255, 188, 107); /* specially for rating star*/
  --rating-yellow: rgb(255, 188, 107);
  --gray-border: #ddd;
  --applied-color:#41BBBB;
  --shortlisted-color:#FF8159;
  --interview-color :#BB41AF;
  --offered-color :#4289BD;
  --rejected-color :#FF596D;
  --skipped-color: #CCB347;
  --highlighter: #fff799;
  --gradient-golden: linear-gradient(90deg, #d08841, #debd82);
  --ai-gredient: linear-gradient(90deg, #00BDF7, #1F5BFF, #931FFF);
}

body {
  font-family: 'Lexend', sans-serif !important; 
  background-color: #fff !important;
  color: #101010 !important;
}
body {
    margin: 0 !important;
    padding: 0 !important;
}
button, html, input, select, textarea {
  font-family: 'Lexend', sans-serif !important; 
}
html {
  background-color: var(--white) !important;
}
/* New search-job page color theme */
.color-title {color: var(--black);}
.color-primary-text {color: var(--gray-600);}
.bg-color-gray {background-color: #F9F9F9;}
.divider-border {color: #DDDDDD;}
.bg-color {background-color: #FFEB99;}
.bg-color-secondary {background-color: #A0A4A8;}
/* //New search-job page color theme */

.color-black { color: var(--black); }
.color-blue { color: #0a66c2; }
.color-primary-bg { background-color: var(--primary); }
.color-red { color: #da0400; }
.color-green { color: #26b170; }
.color-secondary-bg { background-color: #004AAB; }
.color-grey { color: var(--gray-600); }
.box-shadow { box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.14); transition: 0.5s ease all; }
.btn-shadow { box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.2); transition: 0.5s ease all; }
.border-blue { border: 1px solid #08325b; }
.color-green { color: #2eae3e; }
.color-orange { color: #EEB218; }
.color-gray-500 { color: var(--gray-500); }
.color-gray-600 { color: var(--gray-600); }
.border-success-green, .form-control.custom-input.border-success-green { border: 1px solid var(--primary); }
.form-control.custom-input.border-error-red { border: 1px solid var(--red); }

.mt-0 { margin-top: 0; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-25 { margin-bottom: 25px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.border-thickness { border: 1px solid var(--gray-200); }
.pd-0 { padding: 0; }
.pt-10 { padding-top: 10px; }
.pb-10 { padding-bottom: 10px; }
.pt-30{ padding-top:30px; }
.pl-0 { padding-left: 0; }
.pr-0 { padding-right: 0; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left:15px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right:15px; }
.pd-20 { padding: 20px; }
.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.fw-500 { font-weight: 500; }
.fw-400 { font-weight: 400; }
.flt-left { float: left; }
.flt-right { float: right; }
.margin-lr-0 { margin-left: 0; margin-right: 0; }
.mb-0 { margin-bottom: 0; }
.ml-5 { margin-left: 5px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.width-100 { width:100%; }
.txt-primary { color: var(--primary); }
p { font-weight:400; }

.d-block {
  display: block;
}
.inline-block {
  display: inline-block;
}



/*Theme Buttons style*/
button.btn, a.btn {
  cursor: pointer;
  background-color: inherit;
  border-radius: 4px;
  text-align: center;
}
.btn.btn-normal{
  background-color: var(--light);
  border:1px solid var(--light);
  color: var(--gray-700);
  border-radius: 10px;
  font-size: 14px;
  padding: 12px 24px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  line-height: inherit;
  cursor: pointer;
}
.btn.btn-normal:hover, .btn.btn-normal:active, .btn.btn-normal:focus{
  background-color: var(--gray-100);
  border:1px solid var(--gray-100);
  color: var(--black);
  box-shadow: 0px 0px 0px 3px rgba(212, 212, 212, 0.3);
}
.btn.btn-border{
  background-color: var(--white);
  border:1px solid var(--gray-700);
  color: var(--gray-700);
  border-radius: 4px;
  font-size: 16px;
  padding: 6px 15px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
}
.btn.btn-border:hover, .btn.btn-border:active, .btn.btn-border:focus{
  background-color: var(--gray-100);
  border:1px solid var(--gray-100);
  color: var(--black);
  box-shadow: 0px 0px 0px 3px rgba(212, 212, 212, 0.3);
}
.btn.btn-border-blue {
  background-color: var(--white);
  border: 1px solid var(--secondary);
  color: var(--secondary);
  transition: 0.3s ease-in-out;
  font-weight: 500;
  font-size: 16px;
}
.btn.btn-border-blue:hover, .btn.btn-border-blue:active, .btn.btn-border-blue:focus {
  border: 1px solid var(--blue);
  box-shadow: 0px 0px 0px 3px rgba(0, 74, 171, 13%);
}
.box-shd{
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}
.btn.btn-sm, .btn-link.btn-sm, .btn-link-danger.btn-sm{
  font-size: 12px;
  padding: 5px 12px;
  font-weight: 500;
}
.btn.btn-blue, .navbar-default .navbar-nav>li>a.btn.btn-blue {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}
.btn.btn-blue.btn-border-blue, .btn.btn-border-blue {
  background-color: var(--white);
  border: 1px solid var(--primary);
  color: var(--primary);
  transition: 0.3s ease-in-out;
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus, .btn.btn-blue.btn-border-blue:hover, .btn.btn-blue.btn-border-blue:active, .btn.btn-blue.btn-border-blue:focus, .btn.btn-border-blue:hover, .btn.btn-border-blue:active, .btn.btn-border-blue:focus{
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
  box-shadow: 0px 0px 0px 3px rgb(0 110 255 / 30%);
}
a {
  color: var(--primary);
  cursor: pointer;
}
a:hover {
  color: var(--secondary);
}
a.btn-link, .btn-link{
  font-size: 16px;
  padding: 6px 15px;
  background-color: rgb(0 110 255 / 10%);
  border-radius: 4px;
  font-weight: 500;
  color: var(--primary);
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
a.btn-link.btn-link-lg, .btn-link.btn-link-lg{
  font-size: 18px;
  padding: 10px 25px;
}
a.btn-link:hover, a.btn-link:active, a.btn-link:focus, .btn-link:hover, .btn-link:active, .btn-link:focus, a.btn-link.btn-wot-bg:hover, a.btn-link.btn-wot-bg:active, a.btn-link.btn-wot-bg:focus, .btn-link.btn-wot-bg:hover, .btn-link.btn-wot-bg:active, .btn-link.btn-wot-bg:focus{
  background-color: rgb(0 110 255 / 18%);
  color: var(--secondary);
  text-decoration: none;
}
.btn-link[disabled], .btn-link[disabled]:focus, .btn-link[disabled]:hover{
  background-color: rgb(0 110 255 / 18%);
  color: var(--secondary);
  opacity: 0.7;
}
.btn.btn-link.btn-danger {
  background-color: rgb(218,4,0,0.18);
  color: #f51e1a;
  border-color: transparent;
}
.btn-link.btn-danger:hover, .btn-link.btn-danger:active, .btn-link.btn-danger:focus{
  background-color: rgb(218,4,0,0.2);
  color: var(--red);
  text-decoration: none;
}
a.btn-link.btn-wot-bg, .btn.btn-link.btn-wot-bg {
  background-color: transparent;
}
a.btn-link-text, .btn-link-text {
  font-size: 16px;
  padding: 6px 15px;
  background-color: transparent;
  border-radius: 4px;
  font-weight: 600;
  color: #006EFF;
  transition: 0.3s ease-in-out;
  cursor: pointer;
  text-decoration: underline;
}
a.btn-link-text.btn-lg, .btn-link-text.btn-lg {
  font-size: 18px;
  padding: 10px 25px;
}
a.btn-link-text:hover, a.btn-link-text:active, a.btn-link-text:focus, .btn-link-text:hover, .btn-link-text:active, 
.btn-link-text:focus {
  /*background-color: rgba(61, 130, 171, 0.35);*/
  color: #21638a;
  text-decoration: none;
}
a.btn-edit, .btn-edit{
  font-size: 16px;
  color: var(--primary);
  padding: 6px 15px;
  background-color: var(--white);
  border-radius: 4px;
  font-weight: 500;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  transition: 0.2s ease-in-out;
}
a.btn-remove, .btn-remove {
  font-size: 16px;
  color: var(--red);
  padding: 6px 15px;
  background-color: var(--white);
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  box-shadow: none;
  transition: 0.2s ease-in-out;
}
a.btn-remove:hover, .btn-remove:hover {
  color: #d60b0b;
  background-color: rgb(218,4,0,0.12);
  text-decoration: none;
  /*box-shadow: 0px 0px 0px 3px rgb(214 11 11 / 30%);*/
}
a.btn-back {
  padding: 8px 10px;
  margin-bottom: 0px;
  border-radius: 4px;
  font-size: 16px;
  color: var(--gray-600);
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
.btn.btn-lg{
  font-size: 18px;
  padding: 10px 25px;
}
.btn.btn-block{
  width: 100%;
  display: inline-block;
}
.back-left.btn-back {
  position: absolute;
  left: 0;
} 
img.edit-io {
  width: 15px;
  margin-right: 5px;
}
.btn-edit-round{
  font-size: 16px;
  color: var(--primary);
  background-color: var(--white);
  border-radius: 50%;
  font-weight: 500;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  transition: 0.2s ease-in-out;
  border: none;
  cursor: pointer;
}
.btn-round-md{
  width: 40px;
  height: 40px;
}
.btn-round-sm{
  width: 30px;
  height: 30px;
}
.btn-round-lg{
  width: 50px;
  height: 50px;
}
.btn-edit-round img{
  width: 15px;
}
a.btn-edit:hover, a.btn-edit:active, a.btn-edit:focus, .btn-edit:hover, .btn-edit:active, .btn-edit:focus{
  color: var(--green);
  text-decoration: none;
  box-shadow: 0px 0px 0px 3px rgba(46, 174, 62, 0.3);
}
.btn-link-danger {
  font-size: 16px;
  padding: 6px 15px;
  background-color: rgb(214 11 11 / 10%);
  border-radius: 4px;
  font-weight: 500;
  color: var(--red);
  transition: 0.3s ease-in-out;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.btn-link-danger:hover, .btn-link-danger:active, .btn-link-danger:focus{
  background-color: rgb(218,4,0,0.15);
  color: var(--red);
  text-decoration: none;
}
.btn-block+.btn-block {
  margin-top: 10px;
}
.btn.btn-disable-blue, .btn.btn-disable-blue:hover {
  opacity: 0.6;
  pointer-events: none;
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}
.btn.btn-disable-gray {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  color: #3d3d3d;
}
.btn.btn-red{
  background-color: var(--red);
  border: 1px solid var(--red);
  color: var(--white);
  transition: 0.3s ease-in-out;
}
.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus{
  background-color: #c90602;
  border-color: #c90602;
  color: var(--white);
  box-shadow: 0px 0px 0px 3px rgba(201, 6, 2, 0.3);
}
.navbar-nav>li>a.btn.border-tranparent {
  background-color: transparent;
  border: none;
  color: var(--primary);
}
.navbar-nav>li>a.btn.border-tranparent:hover, .btn.border-tranparent:focus {
  background-color: rgb(0 110 255 / 18%);
  border: none;
  color: var(--secondary);
  box-shadow: none;
}
.navbar-nav>li>a.btn-nav {
  font-size: 14px;
  font-weight: 500;
  color: var(--black);
  padding: 8px 16px;
  display: inline-block;
  border-radius: 4px;
  transition: 0.3s ease-in-out;
}
.navbar-nav>li>a.btn-nav:hover, .navbar-nav>li>a.btn-nav:active, .navbar-nav>li>a.btn-nav:focus {
  background-color: rgb(0 110 255 / 18%);
  border: none;
  color: var(--secondary);
  box-shadow: none;
}
/*Theme Buttons style*/

/*custom input css*/
.form-control.custom-input {
  background-color: var(--white);
  font-size: 16px;
  border-color: var(--gray-300);
  box-shadow: none;
  border-radius: 8px;
  transition: 0.5s ease all;
  color: #101010;
  height: 46px;
  font-weight: 500; 
}
.form-control.custom-input:hover {
  border-color: var(--gray-600);
}
.form-control.custom-input:active,.form-control.custom-input:focus {
  border-color: var(--primary);
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
}
.form-control.custom-input.input-sm {
  height: 36px;
  font-size: 13px;
}
/*input.form-control.error-input for admin side*/
input.form-control.custom-input.error-input,input.form-control.error-input{
  border: 1px solid var(--red);
  box-shadow: 0px 0px 12px rgb(218 4 0 / 15%);
}
input.form-control.custom-input.success-input,input.form-control.success-input{
  border: 1px solid var(--primary);
  box-shadow: 0px 0px 0px 3px rgba(46, 174, 62, 0.3);
}
/*for textarea*/
.form-control.custom-textbox, .form-control.custom-texarea {
  background-color: #fff;
  font-size: 14px;
  border-color: #ddd;
  box-shadow: none;
  border-radius: 4px;
  transition: 0.3s ease-in-out;
  color: #333;
  max-width: fit-content;
  min-width: 100%;
  resize: none;
}
.form-control.custom-textbox:hover, .form-control.custom-texarea:hover {
  border-color: var(--gray-600);
}
.form-control.custom-textbox:focus,
.form-control.custom-textbox:active,
.form-control.custom-texarea:focus,
.form-control.custom-texarea:active {
  border-color: #3d82ab;
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
  outline: 0;
}
span.error-io{
  position: absolute;
  top: 15px;
  right: 15px;
  color: var(--red);
}
span.error-txt{
  position: absolute;
  /* top: 55px; */
  font-size: 12px;
  color: var(--red);
}
/*//custom input css*/

/* custom textbox css */
.form-control.custom-input.custom-textbox {
  max-width: fit-content;
  min-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 8px;
  background: #fff;
}
.form-control.custom-input.custom-textbox:hover{
  border-color: var(--gray-600);
}
.form-control.custom-input.custom-textbox:focus, .form-control.custom-input.custom-textbox:active{
  outline: none;
  border-color: #006EFF;
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
}
.form-control.custom-input.custom-textbox.error-input {
  border: 1px solid var(--red);
  box-shadow: 0px 0px 12px rgb(218 4 0 / 15%);
}
 input.form-control.custom-input::placeholder{
  font-weight: 400;
  color: var(--gray-300);
}
/* //custom textbox css */

/*tags css*/
.tb-tags {
  background-color: var(--gray-300);
  padding: 4px 6px;
  font-size: 11px;
  color: var(--white);
  border-radius: 3px;
  font-weight: 500;
  display: inline-block;
}
.tb-tags .ongoing-tag{
  background-color: #03afc7;
}
.tb-tags .client-pnd-tag{
  background-color: #f88639;
}
.tb-tags .client-edit-tag{
  background-color:#fbbc04;
}
.tb-tags .compelete-week-tag{
  background-color: #00a651;
}
/*//tags css*/

/*custom flex*/
.flex-element {
  display: flex;
  display: -webkit-flex; /* Safari */ 
}
.flex-center{
  display: flex;
  display: -webkit-flex; /* Safari */ 
  align-items: center;
}
.flex-sb{
  justify-content: space-between;
}
.flex-start{
  justify-content: flex-start;
}
.justify-center{
  justify-content: center;
}
.flex-end {
  display: flex;
  align-items: flex-end;
}
.flex-start-align {
  display: flex;
  align-items: flex-start;
}
.flex-column{
  flex-direction:column;
}
.flex-stretch{
  align-items:stretch;
}
/*//custom flex*/

.float-right {
  float: right;
}

/*Loading spinner style*/
.loading-spiner{
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  z-index: 9999;
  overflow: hidden;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.loading-spiner img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 300px;
}
.loading-spiner-hide{
  display: none;
}
/* //Loading spinner style*/

/* START: Confirmation custom modal new design css */
.confirm-custom-Dialog, .confirm-custom-Dialog md-dialog  {
  max-width: 500px;
  width: 100%;
  margin: 30px auto;
}
.confirm-custom-Dialog .close {
  font-size: 45px;
  font-weight: 400;
  color: #333;
  opacity: 0.4;
  position: absolute;
  right: 20px;
  top: 5px;
}
.confirm-custom-Dialog .close:hover {
  opacity: 0.6;
}
.conf-alert-icon img {
  width: 70px;
  height: auto;
}
.confirmation-btn-group, .deactivate-button-section {
  margin: 25px auto 0;
  width: 75%;
}
.confirmation-btn-group span.col-6, .deactivate-button-section span.col-6 {
  width: 50%;
  margin: 0 5px;
}
.confirm-custom-Dialog .modal-body {
  padding: 30px;
}
.confirmation-alert-Dialog {
  width: 100%;
  max-width: 100%;
}
.confirm-alert-content h4.alert-heading {
  font-size: 20px;
  margin: 15px 0 0;
  font-weight: 600;
  line-height: inherit;
}
.confirmation-alert-Dialog button.btn.confirm-modal-btn {
  margin: 0 5px;
  padding: 6px 25px;
}
.alert-modal-container {
  text-align: center;
}
.md-dialog-container.common-md-popup {
  align-items: flex-start;
  margin: 30px auto;
}
/* END: Confirmation custom modal new design css */

/* CSS for warning alert msg */
.warning-alert-msg {
  padding: 6px;
  border-radius: 10px;
}
.warning-alert-msg img {
  width: 35px;
}
.warning-alert-msg h4 {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  line-height: normal;
  margin: 0;
}
.alert-msg-orange {
  background-color: #fff8df;
  border: 1px solid #EF9401;
}
.alert-msg-red {
  background-color: #fdede9;
  border: 1px solid #eb4f2b;
}
.alert-msg-green {
  background-color: #f1f8f2;
  border: 1px solid var(--green);
}
.warning-alert-msg img.close_btn {
  width: 14px;
  opacity: 0.6;
}
.warning-alert-msg img.close_btn:hover {
  opacity: 0.8;
}
/* //CSS for warning alert msg */
.position-relative {
  position: relative;
}
select.form-control.border-error-red:hover, select.form-control.border-error-red:focus {
  border: 1px solid #da0400;
  box-shadow: none;
}
span.btn-visiblity{
  display: none;
}
span.worning-span-bubble {
  background-color: #ffd96a;
  border-radius: 20px;
  color: black;
  font-weight: 600;
  margin-right: 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}
a.edit-txt {
  color: var(--primary);
  font-size: 13px;
  cursor: pointer;
}
a.edit-txt:hover, a.edit-txt:active, a.edit-txt:focus{
  color: var(--secondary);
}
a.remove-times {
  /* font-weight: 400; */
  color: var(--black);
  margin-left: 8px;
  cursor: pointer;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 13px;
}
.badge-content-warning a.remove-times {
  color: var(--gray-700);
}
.modal.in .modal-dialog.new-modal-skills {
  -webkit-transform: translate(2%,5%);
  -ms-transform: translate(2%,5%);
  -o-transform: translate(2%,5%);
  transform: translate(2%,5%);
}
.skill-fade-scale {
  opacity: 0;
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  -webkit-transform: translate(0,0) scale(0.2);
  transform: translate(0,0) scale(0.2);
}
.skill-fade-scale.in {
  opacity: 1;
  transition: all .4s cubic-bezier(.25,.8,.25,1);
  -webkit-transform: translate(0,0) scale(1);
  transform: translate(0,0) scale(1);
}
.close {
  font-size: 45px;
  font-weight: 400;
  color: #333;
  opacity: 0.4;
  position: absolute;
  right: 20px;
  top: 10px;
}
.close:hover {
  opacity: 0.6;
}
/*expertise-level*/
.exprtise-checkbox {
  width: 25%;
  float: left;
  text-align: center;
}
.exprtise-checkbox md-radio-button {
  border: 1px solid #ddd;
  padding: 10px;
  margin: 0 5px;
  border-radius: 3px;
}
.exprtise-checkbox md-radio-button .md-label {
  font-size: 16px;
  font-weight: 500;
  margin-left: 0;
}
.exprtise-checkbox md-radio-button .md-label span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-600);
}
.exprtise-checkbox md-radio-button .md-container{
  display: none;
}
.exprtise-checkbox.cb-beginner md-radio-button {
  border-color: #6ecec4;
}
.exprtise-checkbox.cb-beginner md-radio-button.md-checked{
  background-color: #6ecec4;
}
.exprtise-checkbox.cb-beginner md-radio-button .md-label {
  color: #6ecec4;
}
.exprtise-checkbox.cb-interm md-radio-button {
  border-color: #fdbd77;
}
.exprtise-checkbox.cb-interm md-radio-button.md-checked{
  background-color: #fdbd77;
}
.exprtise-checkbox.cb-interm md-radio-button .md-label {
  color: #fdbd77;
}
.exprtise-checkbox.cb-advance md-radio-button {
  border-color: #5798d1;
}
.exprtise-checkbox.cb-advance md-radio-button.md-checked{
  background-color: #5798d1;
}
.exprtise-checkbox.cb-advance md-radio-button .md-label {
  color: #5798d1;
}
.exprtise-checkbox.cb-expert md-radio-button {
  border-color: #25ca76;
}
.exprtise-checkbox.cb-expert md-radio-button.md-checked{
  background-color: #25ca76;
}
.exprtise-checkbox.cb-expert md-radio-button .md-label {
  color: #25ca76;
}
.exprtise-checkbox md-radio-button.md-checked .md-label, .exprtise-checkbox md-radio-button.md-checked .md-label span{
  color: #fff;
}
.expertise-select md-radio-group {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}
.skill-custom-footer {
  text-align: center;
}
.mssg-box p {
  color: #006EFF;
  font-size: 16px;
  font-weight: 500;
  font-style: italic;
}
/*//expertise-level*/
.input-title {
  font-size: 12px;
  font-weight: 600;
}
.md-custom-input.border-error-red {
  border: 1px solid #da0400;
}
.quick-links-list a.required-red-alert:after {
  content: '';
  background-image: url("../img/required-icon-min.png");
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 4px;
  vertical-align: middle;
  float: right;
  border-radius: 0;
}
/*custom input css*/
.md-custom-input md-autocomplete input:not(.md-input) {
  /*background-color: var(--white);*/
  font-size: 16px;
  box-shadow: none;
  border-radius: 4px;
  transition: 0.5s ease all;
  color: var(--black);
  font-weight: 500;
  border: 1px solid;
  border-color: var(--gray-300);
  height: 46px;
}
.md-custom-input md-autocomplete input:not(.md-input):hover {
  border-color: var(--gray-700);
}
.md-custom-input md-autocomplete input:not(.md-input):active, .md-custom-input md-autocomplete input:not(.md-input):focus {
  border-color: var(--secondary);
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
}
.md-custom-input.input-sm {
  height: 36px;
  font-size: 13px;
}
.md-custom-input md-autocomplete input.autocomplete-border-red, 
.md-custom-input md-autocomplete input:not(.md-input).border-error-red,
textarea.form-control.custom-input.border-error-red, textarea.border-error-red {
  border: 1px solid var(--red);
}
/*//custom input css*/
.form-control.custom-input.add-red-input-border {
  background-color: #ff410f00;
  border: 2px solid #da0400;
}

/*for textbox*/
.form-control.custom-textbox {
  background-color: #fff;
  font-size: 14px;
  /*border-color: #ddd;*/
  box-shadow: none;
  border-radius: 4px;
  transition: 0.3s ease-in-out;
  color: #333;
  max-width: fit-content;
  min-width: 100%;
  resize: none;
}
.form-control.custom-textbox:hover {
  border-color: var(--gray-600);
}
.form-control.custom-textbox:focus,
.form-control.custom-textbox:active {
  border-color: #006EFF;
  box-shadow: 0px 0px 12px rgb(61 130 171 / 20%);
  outline: 0;
}
.main-footer-sec {
  background-color: #042c60;
  padding: 60px 0 40px;
  text-align: center;
}
.inner-footer-sec .bottom-cpy p.copy-right {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  color: var(--white);
}
.btn.btn-link.btn-danger.btn-wot-bg:hover {
  background-color: rgb(218,4,0,0.18);
  color: #f51e1a;
}
.input-downarrow {
  position: relative;
  display: inline-block;
}
.input-downarrow::before {
  position: absolute;
  top: 50%;
  right: 5px;
  height: 10px;
  width: 10px;
  transform: translateY(-50%);
  content: '';
  background-image: url("../img/Down-arrow-blk.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}
.btn.btn-normal.btn-blue.btn-upgrade.btn-rounded {
  background-color: var(--accent-blue);
}

@media only screen and (max-width: 600px) {
  .confirm-custom-Dialog, .confirm-custom-Dialog md-dialog {
    width: 95%;
    margin: auto;
  }
  .confirmation-btn-group, .deactivate-button-section {
    width: 100%;
  }
  .confirm-custom-Dialog .modal-body {
    padding: 20px;
  }
  #loader-for-page img {
    max-width: 250px;
    margin: auto;
    display: block;
  }
}

@media only screen and (max-width: 568px) {
  /* css for custom-modal-bottom mobile view */
  .modal.custom-modal-bottom {
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  .modal.in.custom-modal-bottom .modal-dialog {
    -webkit-transform: none; 
    -ms-transform: none;
    -o-transform: none;
    transform: none; 
  }
  .custom-modal-bottom button.close {
    position: fixed;
    top: auto;
    right: 10px;
    bottom: 81%;
    opacity: 0.8;
    z-index: 99;
    filter: invert(1);
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.4s;
    animation-name: slideIn;
    animation-duration: 0.4s;
  }
  span.modalclose-btn {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    float: right;
    z-index: 9999;
  }
  .verify-model button.close img {
    filter: none;
  }
  .custom-modal-bottom .modal-content {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    max-height: 80%;
    height: 80%;
    overflow: scroll;
    background-color: #fff;
    width: 100%;
    border-radius: 25px 25px 0 0;
    border: none;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
    -webkit-animation-name: slideIn;
    -webkit-animation-duration: 0.3s;
    animation-name: slideIn;
    animation-duration: 0.3s;
  }
  .modal.custom-modal-bottom.modal-full-xs.modal-full-xs .modal-content {
    max-height: 100%;
    height: 100%;
    border-radius: 0;
  }
  /* //css for custom-modal-bottom mobile view */
  .btn-fixed-bottom-xs {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background: var(--white);
    padding: 15px 10px;
    border: 1px solid transparent;
  }
}