/**

Template Name: HireMee Admin Template
Author: Gandhi C
Email: gandhi.c@veetechnologies.com
File: custom.css
**/

/* ------------------------------------- */
/* 1. Header Customize Code  ........... */
/* ------------------------------------- */

.header-navbar {min-height: 80px !important; /*padding-top: 10px;*/ }
.header-navbar .navbar-wrapper .navbar-logo {height: 80px; }
.header-navbar .navbar-wrapper .navbar-container .nav-right a i { font-size: 25px; top: 5px; position: relative; }
.header-navbar .navbar-wrapper .navbar-container .header-notification .badge{left: 35px !important; padding: 2px 5px !important; top: 10px !important;}
.header-navbar .navbar-wrapper .navbar-logo a { color: #333333; }
@media only screen and (max-width: 992px) {
 .pcoded-main-container {
    margin-top: 80px !important;
}
}
.t-0{top:0px !important;}

/* ------------------------------------- */
/* 2. Sidebar Customize Code ........... */
/* ------------------------------------- */

.main-menu-content {background-color: #ffffff}
.w-25{width: 25px !important;}
.bg-eaeaea{background-color: #eaeaea;}
.sidebar-footer{position: fixed;bottom: 0; width: 235px; padding:5px; text-align: center;background-color: #eaeaea;}

/* ------------------------------------- */
/* 3. Login Customize Code ........... */
/* ------------------------------------- */

.login-bg{background-image: url("../images/login-image.jpg"); background-position: right;}
.login-close-btn{position: absolute;right: -20px;z-index:1;top: -20px;}
.mandatory{position: relative; color: red; top: -16px; right: -10px; font-size: 15px;}
.mandatory-captcha{position: relative; color: red; top: -16px; right: -30px; font-size: 15px;}

/* ------------------------------------- */
/* 4. Dashboard Customize Code ........... */
/* ------------------------------------- */

.text-93{color: #939393 !important;}
.bg-none{background-color: transparent !important;}
.box-shadow-none{box-shadow: none !important;}
.g-l-b{border-left: 4px solid #a2d344; padding-left: 8px;}

.rec-btn{
    height:40px;
    width: 60px;
    line-height:40px;
    text-align:center;
    padding:0 10px;
    font-size: 22px;
    font-weight: 100;
    color:#ffffff !important;
    position:relative;
}
.rec-btn:before{
    position:absolute;
    left:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    top: -1px;
    border-style: solid;
    border-width: 20px 20px 20px 0px;
    border-color: transparent #e74c3c transparent transparent;
}
.rec-btn:hover{
	background-color: #e74c3c !important;
	cursor: auto;
}

.b-t-danger{border-top: 5px solid #e74c3c;}
.b-t-warning{border-top: 5px solid #f1c40f ;}
.b-t-green{border-top: 5px solid #679e02;}
.green-text{color: #35691f;}

/* -------------------------------- */
/* 5. Inner Pages Design - Recruiters -----------*/
/* ---------------------------------*/
.card-unborder {
  border-radius: 2px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 15px; 
  background-color: #fff;}
  .card-border-info {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #3498DB;
      background-color: #e2e2e2;
      padding-bottom: 10px;
      padding-top: 5px;
  }
  .card-border-light-green {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #a3d444;
      background-color: #e2e2e2;
      padding-bottom: 10px;
      padding-top: 5px;
  }
  .card-border-dark-grey {
      border-radius: 2px;
      border-left: none;
      border-right: none;
      border-bottom: none;
      margin-bottom: 30px; 
      border-top: 3px solid #2c3e50;
      background-color: #e2e2e2;
      padding-bottom: 10px;
      padding-top: 5px;
  }
sup{color: #f0433a !important; font-size: 15px;}
  .card-unborder p{color: #5b5b5b;margin-bottom: 0.3em;text-align: justify;}
  .l-grey-border-card{border-left: 6px solid #2c3e50;background-color: #fff;
      box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05); margin-bottom: 30px;padding: 8px}
      .l-grey-border-card p{color: #5b5b5b;line-height: 0.2em}
      .l-grey-border-card label{font-size: 12px;font-weight: normal;margin-left: 30px;border-radius: 2px!important}
      .l-grey-border-card span{font-size: 12px;font-weight: normal;background-color: #d5d5d5;padding: 3px 12px 2px 0px;border-radius:10px;line-height: 20px;}
      .i-bg-info{border-radius: 12px;background-color: #00d49d!important;padding:1px 4px}
      .i-bg-danger{border-radius: 12px;background-color: #f0433a!important;padding:1px 4px}
      .invites  h4{display: inline-block;margin-bottom: 0;color: #7e7e7e  ;border-left: 3px solid #a2d344;padding-left: 8px;line-height: 20px;font-size: 17px!important;margin-bottom: 10px;}
      .input-group-addon {background-color: #a3d444; color: #fff;}
      .f-18{font-size: 18px!important;}
      .f-16{font-size: 16px!important;}
      .light-green{color: #a3d444!important;}
      .dark-grey{color: #2c3e50!important;}
      .f-11{font-size: 11px}
      .f-10{font-size: 10px}
      .pull-right{float: right!important;}
      .col-form-label {font-size: 15px;color: #5b5b5b}
      /*.form-control{line-height: 1.80;}*/
      .form-control1{line-height: 0.80!important;}
      .form-control::placeholder {color: #acb1b4;font-size: 14px;font-style: italic;}
      .label-b-r-1{border-radius: 1px!important}
      /* -------- Switch -------- */


      .onoffswitch {
        position: relative; width: 100px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border-radius: 20px;
    }

    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: "Open Sans", sans-serif; 
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "In-active";
        padding-left: 10px;
        background-color: #ef433a; color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "Active";
        padding-right: 10px;
        background-color: #8ec640; color: #fff;
        text-align: right;
    }

    .onoffswitch-switch {
        display: block; width: 22px; margin: 4px;
        background: #FFFFFF;
        border: 0px solid #999999; border-radius: 20px;
        position: absolute; top: 0; bottom: 0; right: 68px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }

    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }


    .onoffswitch1 {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }



    .onoffswitch1-inner:before {
        content: "YES";
        padding-left: 10px;
        background-color: #2FCCFF; color: #FFFFFF;
        border-radius: 30px 0 0 30px;
    }

    .onoffswitch1-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
        border-radius: 0 30px 30px 0;
    }

    .onoffswitch1-switch {
        display: block; width: 30px; margin: 0px;
        background: #FFFFFF;
        border: 2px solid #999999; border-radius: 30px;
        position: absolute; top: 0; bottom: 0; right: 56px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
        background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); 
        background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%);
        box-shadow: 0 1px 1px white inset;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-inner {
        margin-left: 0;
    }

    .onoffswitch1-checkbox:checked + .onoffswitch1-label .onoffswitch1-switch {
        right: 0px; 
    }

    .onoffswitch2 {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch2-checkbox {
        display: none;
    }

    .onoffswitch2-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #999999; border-radius: 5px;
    }

    .onoffswitch2-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch2-inner:before, .onoffswitch2-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: "Open Sans", sans-serif;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch2-inner:before {
        content: "YES";
        padding-left: 10px;
        background-color: #2FCCFF; color: #FFFFFF;
    }

    .onoffswitch2-inner:after {
        content: "NO";
        padding-right: 10px;
        background-color: #EEEEEE; color: #999999;
        text-align: right;
    }

    .onoffswitch2-switch {
        display: block; width: 18px; margin: 0px;
        background: #FFFFFF;
        border: 2px solid #999999; border-radius: 5px;
        position: absolute; top: 0; bottom: 0; right: 68px;
        -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
        background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    }

    .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
        margin-left: 0;
    }

    .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
        right: 0px; 
    }

    .onoffswitch3
    {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }

    .onoffswitch3-checkbox {
        display: none;
    }

    .onoffswitch3-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 0px solid #999999; border-radius: 0px;
    }

    .onoffswitch3-inner {
        display: block; width: 200%; margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch3-inner > span {
        display: block; float: left; position: relative; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }

    .onoffswitch3-inner .onoffswitch3-active {
        padding-left: 10px;
        background-color: #EEEEEE; color: #FFFFFF;
    }

    .onoffswitch3-inner .onoffswitch3-inactive {
        padding-right: 10px;
        background-color: #EEEEEE; color: #FFFFFF;
        text-align: right;
    }

    .onoffswitch3-switch {
        display: block; width: 18px; margin: 0px; text-align: center; 
        border: 0px solid #999999;border-radius: 0px; 
        position: absolute; top: 0; bottom: 0;
    }
    .onoffswitch3-active .onoffswitch3-switch {
        background: #27A1CA; left: 0;
    }
    .onoffswitch3-inactive .onoffswitch3-switch {
        background: #A1A1A1; right: 0;
    }

    .onoffswitch3-active .onoffswitch3-switch:before {
        content: " "; position: absolute; top: 0; left: 18px; 
        border-style: solid; border-color: #27A1CA transparent transparent #27A1CA; border-width: 15px 9px;
    }

    /* -------- Switch -------- */
    /* -------- Checkbox ------*/
    .icofont-ui-check::before {
        content: "\ed27";
        background-color: #669c01;
        color: #fff;
        padding: 1.5px 2.5px;
    }
    .checkbox-fade.fade-in-primary .cr {
        border: 1px solid #cbcbcb;
    }
    .checkbox-fade .cr{border-radius: 4px;width: 18px;height: 18px;}
    /* -------- Checkbox ------ */

    /* -------------------------------- */
    /* ---- 5. Inner Pages Design - Recruiters ----*/
    /* ---------------------------------*/


    .h-42{height: 42px !important;}
    .h-55{height: 55px !important;}
    .h-40{height: 40px !important;}
    .h-38{height: 38px !important;}
}

/* ------------------------------------- */
/* 5. Candidate Customize Code ........... */
/* ------------------------------------- */

/* The container */
.container-checkbox {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark-round {
    position: absolute;
    top: 0;
    left: 10px;
    height: 40px;
    width: 40px;
    border: 2px solid #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark-round {
 border:2px solid #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark-round {
    border:2px solid #2196F3;
}

/* Create the checkmark-round/indicator (hidden when not checked) */
.checkmark-round:after {
    content: "";
    position: absolute;
    /*display: none;*/
    opacity: 0.2;
}

/* Show the checkmark-round when checked */
.container-checkbox input:checked ~ .checkmark-round:after {
    display: block;
    opacity: 1;
}

/* Style the checkmark-round/indicator */
.container-checkbox .checkmark-round:after {
    left: 15px;
    top: 8px;
    width: 8px;
    height: 17px;
    border: solid #2196F3;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
.l-h-35{line-height: 35px !important;}
.l-h-25{line-height: 25px !important;}
.l-h-20{line-height: 20px !important;}
.l-h-22{line-height: 22px !important;}
.l-h-18{line-height: 18px !important;}
.l-h-16{line-height: 16px !important;}
.l-h-15{line-height: 15px !important;}
.l-h-14{line-height: 14px !important;}
.l-h-12{line-height: 12px !important;}
.l-h-13{line-height: 13px !important;}
.l-h-10{line-height: 10px !important;}
.p-absolute{position: absolute;}
.p-relative{position: relative;}

#chart {position: relative;left:-56px;}
.assess-report-list{
    margin-bottom: 0;
    line-height:16px !important;
    font-size: 8px;
}

.before-box::before { 
    content: " "; 
    width:10px; 
    margin-top: 2px; 
    height:10px; 
    padding:2px; 
    position: absolute; 
    display:block; 
    left:0px; 
    background-color: black; 
    font-weight: bold;
}
.icon-round1{
    color: #fff;
    padding: 8px;
    background-color: #f0433a;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.icon-round1-verified{
    color: #fff;
    padding: 8px;
    background-color: #00d39c;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.invitation-round{
    border: 3px solid #28e1bd;
    border-radius: 50%;
    padding:15px;
}
.main-round1, .main-round2, .main-round3{
    padding: 6px 8px 6px 0px;
    background-color: #ccc;
    font-size: 11px;
    border-radius: 2rem;
    margin-right: 7px;
}

.search-box{
    background-color: none;
}

.search-box::placeholder {
  color: #757575;
  font-size: 18px;
}

/* ------------------------------------- */
/* Search Candidate Customize Code ........... */
/* ------------------------------------- */


.container-checkbox{
    width: 45px;
    float: left;
}
.candidate-top-right{
    text-align: right;
}
.candidate-top-right a{
    color: #34495e;
    padding-right: 15px;
    font-size: 22px;
}

.verify-round1, .verify-round2{
    padding: 8px 10px 8px 0px;
    background-color: #ccc;
    font-size: 12px;
    border-radius: 2rem;
    margin-right: 10px;
}
.verify-round{
    color: #fff;
    padding: 10px;
    background-color: #f0433a ;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.verify-round-verified{
    color: #fff;
    padding: 10px;
    background-color: #00d39c;
    position: relative;
    top: 1px;
    border-radius: 50%;
    left: -2px;
}
.CandidateList{margin-right:40px;}
.profile-details-stripe{
    width: 100%; 
    height: 50px;
}
.profile-details-icon{
    text-align: center;
    width: 50px; 
    height: 50px;
    float: left;
    margin-right:10px;
}
.profile-details-text{
    text-align: center;
    width: 100%; 
    float: left;
    height: 50px;
}
.profile-details-icon i{
    border-radius: 50%;
    line-height: 50px;
    font-size: 16px !important;
    padding: 8px;
    background-color: #fff;
    text-align: center;
}
.bg1{background-color: #1f2935;}
.bg1-dark{background-color: #06090c;}
.bg2{background-color: #066eb5;}
.bg2-dark{background-color: #05426c;}
.bg3{background-color: #00baf3;}
.bg3-dark{background-color: #099dcb;}

.accordion-plus{font-size: 25px !important; line-height: 20px; color: #099dcb;}

.flex-start{align-items: flex-start !important;}

.b-bg-white{border: 1px solid #666; background-color: #ffffff; padding:4px 12px;}
.b-bg-blue{border: 2px solid #00baf3; color: #00baf3; background-color: #ffffff; padding:10px 16px; margin-top: 20px;}
.video-text{border: 1px solid #dddddd; background-color: #dce1e5; display:block; padding:8px 16px; font-size: 16px;}

/* -------------------------------- */
/* ---- 6. Profile - Recruiters ----*/
/* ---------------------------------*/
.profile-head{font-size: 24px;font-weight: normal}
.profile span{font-size: 12px;color: #939393}
.dark-green{color: #0b6624; }
.profile-p{color: #939393!important;font-size: 14px;}
.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Read more';
  color: #3498DB !important;
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
  color: #3498DB !important;
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  
  border-radius: .25em;
}
.info-head{font-size: 18px; color: #fff;background-color: #3399ff;width: 100%;text-align: center;padding: 5px 0px;}
.profile-label{padding-top: 10px;font-size: 16px;color: #838383;}
.form-radio label{color: #838383;font-size: 14px;padding-top: 3px;}

.form-group .form-control{margin: 0px;}
.input-group-addon-grey {
    background-color: #8d8787 !important;
    border:1px solid #8d8787 !important;
    color: #fff;
}
.form-control-bg-gray{background-color: #ddd3!important;border:none!important;}
.cropped{width: 150px!important;height: 150px!important;}
.cropper-crop-box{top: 0px!important}
.cropper-container{width: 150px!important;height: 150px!important;}
.cropper-crop-box{left: 010px!important;width: 100%!important;height: 100%!important;text-align: center;}

/* -------------------------------- */
/* ---- 6. Profile - Recruiters ----*/
/* ---------------------------------*/

/* --------------------------------- */
/* ------------- 7. FAQs ----------- */
/* --------------------------------- */
.accordion-msg{border: 1px solid #0085bc;margin-top: 10px}
.accordion-desc{border: 1px solid #0085bc;}
.line-h{line-height: 1.3em!important;}

/* -------------------------- */
/* ------ Company profile ------- */
/* ----------------------- */
.rec-btn1{
    height:37px;
    width: 110px;
    line-height:37px;
    text-align:center;
    padding:0 10px;
    font-size: 18px;
    font-weight: 100;
    color:#ffffff !important;
    position:relative;
}
.rec-btn1:before{
    position:absolute;
    left:-20px;
    content:" ";
    width: 0px;
    height: 0px;
    top: -1px;
    border-style: solid;
    border-width: 18px 20px 20px 0px;
    border-color: transparent #e74c3c transparent transparent;
}
.rec-btn1:hover{
    background-color: #e74c3c !important;
    cursor: auto;
}
.address-icon{color: #2c3e50!important;}
.line-info{height: 5px;background-color: #3498DB;margin-top: 5px;margin-bottom: 7px}
/* -------------------------- */
/* ------ Company profile End ------- */
/* ----------------------- */

/* ------------------------------- */
/* ------------ Job Post Strat---------- */
/* ------------------------------- */
.grey-head {
    font-size: 20px;
    color: #fff;
    background-color: #34495E;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
}
.label1 {

    border-radius: 1px;
    font-size: 75%;
    padding: 0px 4px;
    margin-right: 5px;
    color: #fff !important;

}
.f-w-400{font-weight: 400 !important;}
.line{height: 2px;background-color: #838383;margin-bottom: 10px}
.f-w-0{font-weight: 0!important;}
.label-content{border:1px solid #838383;padding: 2px 4px;font-size: 14px;color: #838383;margin-top: 10px;}
.text-white{color: #fff;}
.f-w-n{font-weight: normal!important;}
.info-content-bg{background-color: #4eaef3; padding: 10px;color: #fff!important}
.info-content-b{border: 2px solid #358fc8;border-radius: 4px 4px 4px 4px;}
.warning-content-bg{background-color: #ffbc00; padding: 5px;color: #fff!important}
.warning-content-b{border: 2px solid #e5ad19;border-radius: 4px 4px 4px 4px;}
.btn-outline-primary {
    color: #659e03;}
.btn-m-t-b{margin-top: 3px; margin-bottom: 3px;}    
.input-group-addon-info{background-color: #3498db!important; border: 1px solid #3498db!important;font-family: "Roboto", sans-serif;}
.address-border{border: 2px solid #ddd;padding: 4px;}
.btn-grey {
    background-color: #5b5b5b;
    border-color: #5b5b5b;
    color: #fff;
    cursor: pointer;
    transition: all ease-in 0.3s;
}
.label-info {
    background-color: #3fa8f4;
}
.bootstrap-tagsinput .tag {
    padding: 6px 2px 6px 4px;
    border-radius: 12px;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
}
.bootstrap-tagsinput .tag [data-role="remove"]::after {
    content: "x";
    padding: 0 6px!important;
    background-color: #333333;
    font-size: 15px;
    font-weight: normal!important;
    border-radius: 10px;
    text-transform: lowercase;
}


/* ------------------------------- */
/* ------------ Job Post End---------- */
/* ------------------------------- */


.post-free-btn{
    margin-top:20px;
    font-size: 24px;
}
.hired-img img{
    float: right;
}

.recent-job-post-icon{
    width: 30%;
    float: left;
}
.recent-job-post-icon img{
    padding-top: 5px;
}
.recent-job-post-right{
    width: auto;
    float: left;
}
.recent-job-post-right h4{
    font-size: 18px;
    font-weight: 300;
    margin-bottom:0px;
    padding-top:10px;
}
.recent-job-post-r1{
    width: 60%;
    float: left;
}
.recent-job-post-r1 p{
    padding-top: 5px;
}
.recent-job-post-r2{
    width: 20%;
    float: left;
    padding-left: 15px;
}

.recent-job-post-r2 a{
    margin-top:15px;
    margin-bottom:15px;
}
.recent-job-post-r3{
    width: 20%;
    float: left;
}
.recent-job-post-r3 a{
   margin-top:15px;
   margin-bottom:15px;
   float: right;
}
.recent-job-post-r3 a i{
   line-height: 32px;
}
.recent-job-post-r3 a:focus, .recent-job-post-r3 a:hover {
    color: #ffffff;
}

.recent-job-box{margin-right:140px;}

@media only screen and (max-width: 768px) {
     .assess-report{margin-top: 20px;}

    .md-modal {
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    max-height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}
.login-close-btn {
    right: 0;
    top: 0;
}

    .recent-job-box{margin-right:-15px;}

    .hired-img img{
        float: none;
        padding-bottom: 10px;
    }
    .hired-img {
        text-align: center;
    }
    .recent-job-post-icon{
        width: 70px;
        float: left;
    }
    .recent-job-post-right{
        width: auto;
        float: left;
    }
    .recent-job-post-r1{
        width: 100%;
        margin-top:10px;
        margin-bottom:10px;
    }
    .recent-job-post-r1 p{
        margin-bottom: 0px;
        padding:0px;
    }
    .recent-job-post-r2{
        width: 100px;
        padding-left: 20px;
        margin-bottom:10px;
        padding-left: 15px;

    }
    .recent-job-post-r3{
        width: 50%;
        margin-bottom:10px;
    }
    .recent-job-post-r3 a{
        float: left;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) { 
     .recent-job-box{margin-right:-15px;}

    .hired-img img{
        float: none;
        padding-bottom: 10px;
    }
    .hired-img {
        text-align: center;
    }
    .recent-job-post-icon{
        width: 70px;
        float: left;
    }
    .recent-job-post-right{
        width: auto;
        float: left;
    }
    .recent-job-post-r1{
        width: 100%;
        margin-top:10px;
        margin-bottom:10px;
    }
    .recent-job-post-r1 p{
        margin-bottom: 0px;
        padding:0px;
    }
    .recent-job-post-r2{
        width: 100px;
        padding-left: 20px;
        margin-bottom:10px;
    }
    .recent-job-post-r3{
        width: 50%;
        margin-bottom:10px;
    }
    .recent-job-post-r3 a{
        float: left;
    }

}

@media screen and (min-device-width: 1024px) and (max-device-width: 1450px) { 
    .recent-job-box{margin-right:-15px;}
    .recent-job-post-icon{
        width: 80px;
        float: left;
    }
}

.dropdown-btn{
    padding:4px 14px;
    font-size: 12px;
}
.w-150{width: 150px; margin-bottom: 20px;}

.candidate-filter1{
    width: 40%; 
    float: left;
}
.candidate-filter2{
    width: 60%; 
    float: left;
}
.candidate-filter3{
    width: 40%; 
    float: left;
}
.candidate-filter4{
    width: 60%; 
    float: left;
}
@media only screen and (max-width: 768px) {
.candidate-filter1{
    width: 100%; 
    float: left;
}
.candidate-filter2{
    width: 100%; 
    float: left;
}
.candidate-filter3{
    width: 100%; 
    float: left;
}
.candidate-filter4{
    width: 100%; 
    float: left;
}
.m-search{
    display: none;
}
.form-control::placeholder {color: #acb1b4;font-size: 13px;font-style: italic;}

.main-friend-list {
    max-height: 70% !important;
}

}

.card-block {
    padding: 0.9rem;
}

/* My minified css file */
.fsslider{position:relative;min-width:150px;height:24px;display:inline-block;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;text-align:center;line-height:24px;font-size:11px;font-family:"Lucida Grande","Trebuchet MS",sans-serif}
.fsslider>*{position:absolute;top:50%;cursor:pointer}
.fsslider>.fsfull-value,
.fsslider>.fssel-value{margin-top:-1px;height:10px;left:0;right:0}
.fsslider>.fsfull-value{width:100%;background:#2d3e50}
.fsslider>.fscaret,
.fsslider>.fssel-left,
.fsslider>.fssel-right{font-size:15px;color: #fff; font-weight: bold; background:#27c470;box-shadow:1px 1px 3px rgba(0,0,0,.2);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);height:100%;width:30px;height:30px;border-radius:50%;top:0;padding: 3px;}
.fsslider>.fssel-value{height:10px;margin-top:-2px;right:50%}
.fsslider.fsdisabled{color:#c8c8c8}
.fsslider.fsdisabled>.fssel-value{background:#c8c8c8}


[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078" !important;
}

[data-toggle="collapse"] .fa:before {  
  content: "\f077" !important;
}




/* Form Wizard */

.wizard, .reg-wizard {
    background: #fff;
}

.wizard .nav-tabs, .reg-wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color:#fff;
}

.wizard > div.wizard-inner, .reg-wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 77%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
.connecting-line1 {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus,
.reg-wizard .nav-tabs > li.active > a,
.reg-wizard .nav-tabs > li.active > a:hover,
.reg-wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 40px;
    height: 40px;
    line-height: 35px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
}span.wizard-text {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 50px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    left: -12px;
}
span.wizard-text-reg {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 50px;
    width: 120px;
    position: absolute;
    text-align: center;
    font-size: 13px;
    left: -40px;
}
span.wizard-text1 {   
    line-height: 13px;
    display: inline-block;
    z-index: 2;
    top: 50px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    left: 0px;
}

span.round-tab i {
    color: #555555;
}

.wizard li a.active span.round-tab, .reg-wizard li a.active span.round-tab{
    color: #fff;
    background: #659e03;

}

.wizard li a.active span.round-tab i, .reg-.wizard li a.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #5c9201;
}

.wizard .nav-tabs > li{
    width: 25%;
}
.reg-wizard .nav-tabs > li{
    width: 33%;
}

.wizard li a:after, .reg-wizard li a:after{
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active.nav-item:after, .reg-wizard li.active.nav-item:after{
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a, .reg-wizard .nav-tabs > li a{
    width: 40px;
    height: 40px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    position: relative;
}

.wizard .nav-tabs > li a:hover, .reg-wizard .nav-tabs > li a:hover{
    background: transparent;
}


.wizard .tab-pane, .reg-wizard .tab-pane{
    position: relative;
    padding-top: 50px;
}

.wizard h3, .reg-wizard h3
    margin-top: 0;
}

@media only screen and (max-width: 585px) {

    

    .wizard, .reg-wizard {
        width: 100%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .wizard .nav-tabs > li a, .reg-wizard .nav-tabs > li a {
        width: 40px;
        height: 40px;
        line-height: 35px;
    }

    .wizard li.active:after, .reg-wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.verify-buttons li{
    display: inline-block;
    padding-top:10px;
}

.va-text{color: #a7a8a7 !important;}
.qa-text{color: #878787 !important;}
.lr-text{color: #757575 !important;}
.tcf-text{color: #666665 !important;}
.ic-text{color: #565656 !important;}
.pc-text{color: #434441 !important;}
.ec-text{color: #d6f297 !important;}
.mc-text{color: #bfe867 !important;}
.io-text{color: #a4d33d !important;}
.io1-text{color: #88c405 !important;}
.io2-text{color: #679d02 !important;}

.text-333{color: #333 !important;}

.slimScrollDiv{
    position: relative;
overflow-x: hidden;
width: auto;
max-height: 100%;
overflow-y: scroll;
}

.m-w-140{min-width: 140px !important;}
.m-w-150{min-width: 150px !important;}
.m-w-184{min-width: 184px !important;}


.round-info{
    border: 1px solid #0085b6 ;
    padding:4px;
    color: #0085b6 ;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
}

.post-list-right{
    padding:0;
    text-align: right;
}

.apply-cancel-btn{
    padding-left:0;
    padding-right: 5px;
    min-width: 184px;
}

/* --------- 29-08-2018 -------- */
.tooltip-validate {
     position: absolute !important;
right: 10px !important;
top: 8px;
font-weight: bold;
font-size: 25px !important;
z-index: 2000;
}

#username-error .tooltip-validate, #password-error .tooltip-validate, #current_password-error, #new_password-error-custom, #current_password-error-custom, #confirm_password-error-custom{
    right: 25px !important;
}
#website-error .tooltip-validate, #email_address-error .tooltip-validate, #companyname-error .tooltip-validate, #mobile_number-error .tooltip-validate, #spoc-error .tooltip-validate{
    right: 25px !important;
}
#v_captcha-error .tooltip-validate{
    right: 65px !important;
}


.tooltip-validate-captcha {
   position: absolute !important;
right: 50px !important;
top: 8px;
font-weight: bold;
font-size: 25px !important;
z-index: 2000;
}

.tooltip-validate1 {
   position: relative;
right: 26px;
z-index: 9999;
top: 5px;
}

.alert-success {
  background-color: #16d5a3!important;
  border:3px solid #00d49d;
  color: #fff; }

.alert-info {
  background-color: #4eaef3!important;
  border:3px solid #3b95d0;
  color: #fff; }

.alert-warning {
  background-color: #ffbc00!important;
  border:3px solid #e5ad19;
  color: #fff; }

.alert-danger {
  background-color: #ee524a!important;
  border:3px solid #dc3c35;
  color: #fff; }
  .video-text1 {
    border: 1px solid #dddddd;
    background-color: #dce1e5;
    display: block;
    padding: 3px 8px;
    font-size: 13px;
}
/*#parent {
  width: 200px;
  height: 200px;
  border:solid 1px #000;
}*/
.video-report{position: absolute;
    bottom: 0;
    top: 76px;
    right: 20px;


}
.video-container {
    position: relative;
    text-align: center;
    color: white;
}
.bottom-right {
    position: absolute;
    bottom: 7px;
    right: 0px;
    font-size: 10px;
   
    color: #fff;
    padding: 0px 0px;
}
.danger-round {

    border: 3px solid #f0433a;
    border-radius: 50%;
    padding: 15px;

}
/* --------- 29-08-2018 -------- */



/* ------------------------------------- */
/* Candidate Code Start ........... */
/* ------------------------------------- */

.show-message{
    background-color: #f7f7f7 !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}
.show-message li{
    background-color: #ffffff;
    margin-bottom: 5px;
}
.b-l-inverse-4 {
  border-left: 4px solid #34495e; 
}

.qr-content{
    padding:10px 0px !important;
}

/* 30-08-2018 */

.mt-8{margin-top:8%;}

.right-left-line:before {
    content: "";
    border: 1px solid #939393;
    width: 70px;
    height: 1px;
    position: relative;
    right:10px;
    float: right;
    margin: 0 6px 0 0;
    top: 13px;
}
.right-left-line:after {
    content: "";
    display: block;
    border: 1px solid #939393;
    width: 70px;
    height: 1px;
    position: relative;
    left:10px;
    float: left;
    margin: 0 6px 0 0;
    top: 13px;
}

.modal-reg-box > div ul {
    padding: 0 !important;
}

/* 31-08-2018 */



/* ------------------------------------- */
/* Candidate Code End ........... */
/* ------------------------------------- */
 /* ------------ 31-08-2018 ----------- */
.b-t-info {
    border-top:5px solid #3fa8f4;
}
.text-info {
    color: #3fa8f4 !important;
}
.btn-mini1 {
    padding: 1px 7px;
    line-height: 14px;
    font-size: 10px;
}
.bg-info {
    background-color: #3fa8f4 !important;
    color: #fff;
}
.btn-info {
    background-color: #3fa8f4;
    border-color: #3fa8f4;}
/* 03-09-2018 */

.bg-none1{background-color: transparent !important;}
 /* ------------ 31-08-2018 ----------- */
}

/* ------------- 03-09-2018 ----------- */
/*div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}
@media (min-width: 768px)
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}*/
select.input-sm {
    height: 30px;
    line-height: 30px;
    border: 1px solid #ddd!important;
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #ddd!important;
}
.bg-none1{background-color: transparent !important;}


.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1;
}
.dataTables_wrapper .dataTables_length {
    float: left;
}
option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
/* bootstrap-tagsinput.css file - add in local */

.bootstrap-tagsinput1 {
  background-color: #fff;
  /*border: 1px solid #ccc;*/
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;*/
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput1 input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput1.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput1.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput1.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput1 input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput1 .tag {
  margin-right: 2px;
  color: white;
  background-color: #989797;
  border-radius: 0px!important;
  font-weight: normal;
  font-size: 12px;
  padding: 5px;
  line-height: 27px;
}
.bootstrap-tagsinput1 .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput1 .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput1 .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput1 .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* ------------- 03-09-2018 ----------- */
/* ------------- 04-09-2018 ----------- */
.primary1{color: #28e1bd;}
.popover-title {

    text-align: center;
    line-height: 25px;

}

/* Candidate assessment chart style*/
.chart-wrapper{
    width: 200px;
    height: 200px;
}
@media only screen and (max-width: 1366px) {
    .chart-wrapper{
        width: 130px;
        height: 130px;
    }
}
.pcoded[theme-layout="vertical"] .pcoded-navbar .pcoded-item > li.active > a > .pcoded-mcaret{
    border-right: 13px solid #f3f3f3;
}
.chart-result-0{fill:#A7A8A7;}
.chart-result-1{fill:#878787;}
.chart-result-2{fill:#757575;}
.chart-result-3{fill:#666665;}
.chart-result-4{fill:#679D02;}
.chart-result-5{fill:#434441;}
.chart-result-6{fill:#565656;}
.chart-result-7{fill:#D6F297;}
.chart-result-8{fill:#88C405;}
.chart-result-9{fill:#BFE867;}
.chart-result-10{fill:#A4D33D;}
.chart-result-11{fill:#FFFFFF;}
.chart-result-13{font-size:27.9px;}
.chart-result-14{fill:#0084B5;}
.chart-result-16{font-size:47.0111px;}

/* Video Popup Card*/
.hm-video-popup{
    margin-bottom: 0;
    margin-top: 15px;
}
.hm-video-popup .card-img-top{
    width: 100%;
    height: 120px;
    position: relative;
}
.hm-video-popup .card-img-top .report-video-btn{
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.7;
}
.hm-video-popup .card-img-top img{
    width: 100%;
    height: 100%;
}
.hm-range-slider-wrapper{
    margin-top: 30px;
}
.range-slider {
  margin: 0;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #78a83a;
}
.range-slider_label{
    display: block;
    color: #333;
    font-size: 15px;
    margin-bottom: 0;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #78a83a;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #78a83a;
}
.range-slider__range:active::-moz-range-thumb {
  background: #78a83a;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #78a83a;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 30px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: '';
}
.range-slider {
    margin: 0 0 0 15px;
}
.range-slider {
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-left: 0;
}
::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}


/* Vikrant Customize Code */
/* 04-09-2018 */
.circle-nicelabel{
    display:none !important;
}
.rect-nicelabel{
    display:none !important;
}
.text-nicelabel{
    display:none !important;
}


.circle-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    border-radius:32px;
    -webkit-border-radius:32px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.circle-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    border-radius:12px;
    -webkit-border-radius:12px;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.circle-nicelabel:not(:checked) + label .circle-btn
{
    left:4px;
}           
.circle-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}       
.circle-nicelabel[disabled] + label
{
    opacity: 0.5;
}   
 
.rect-nicelabel + label {
    display:block;
    width:64px;
    height:32px;
    background-color:rgba(0,140,186,1);
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:background-color 0.2s;
            
    -moz-user-select: none;
    -webkit-user-select: none;
}
.rect-btn {
    position:absolute;
    width:24px;
    height:24px;
    background-color:#fff;
    left:36px;
    top:4px;
    transition:left 0.2s;
    -webkit-transition:left 0.2s;
}
.rect-nicelabel:not(:checked) + label .rect-btn
{
    left:4px;
}       

.rect-nicelabel:not(:checked) + label
{
    background-color:#DDDDDD;
}
.rect-nicelabel[disabled] + label
{
    opacity: 0.5;
}   

.text-nicelabel + label {
    font: 13px "Microsoft Yahei";
        font-size: 13px;
    display: table;
    font-size: 10px;
    padding: 10px 10px 10px 6px;
    background-color: rgba(0,140,186,1);
    color: #b3b3b3;
    border-radius: 5px;
    -webkit-border-radius: 1px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.text-nicelabel + label > span.nicelabel-unchecked,
.text-nicelabel  + label > span.nicelabel-checked
{
    display: inline-block;
    line-height: 16px;
    margin-left:7px;
    vertical-align: bottom;
    font-size: 13px;
}
.text-nicelabel + label > span.nicelabel-unchecked-image,
.text-nicelabel  + label > span.nicelabel-checked-image
{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-position: left center;

    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.text-nicelabel:not(:checked) + label 
{
    background-color: #fff;
    color: #a7a7a7;
    border:1px solid #ddd;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked-image
{
    display: none;
}
.text-nicelabel:not(:checked) + label > span.nicelabel-checked
{
    display: none;
}
.text-nicelabel:checked + label 
{
    background-color: rgb(101, 158, 3);
    color: #fff;
}
.text-nicelabel:checked + label > span.nicelabel-unchecked-image
{
    display: none;
}
.text-nicelabel:checked + label > span.nicelabel-unchecked
{
    display: none;
}
.text-nicelabel[disabled] + label 
{
    opacity:0.5;
}
.rect-checkbox{float:left;margin-left:20px;}
        .rect-radio{float:left;margin-left:20px;}
        .circle-checkbox{float:left;margin-left:20px;}
        .circle-radio{float:left;margin-left:20px;}
        .text_checkbox{float:left;margin-left:5px;}
        .text_radio{float:left;margin-left:10px;}



/* plain select box */

.plain-select, .num-select  {
    position:relative;
}
.plain-select select {
    line-height:normal;
    height:38px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:6px;
    display:block;
    width:100%;
    border:1px solid #c8c8c8;
    color:#9f9f9f;
    padding:8px 30px 7px 10px;
    margin:0;
    line-height:normal;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.num-select select {
    line-height:normal;
    height:28px;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:6px;
    display:block;
    width:100%;
    border:1px solid #c8c8c8;
    color:#9f9f9f;
    padding:4px 30px 4px 10px;
    margin:0;
    line-height:normal;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
.plain-select:after, .num-select:after{
    content:"";
    position:absolute;
    z-index:2;
    right:8px;
    top:50%;
    margin-top:-3px;
    height:0;
    width:0;
    border-top:6px solid #999;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    pointer-events:none;
}


/* plain select box */

/* 09-05-2018 */

/*.checkbox-fade.fade-in-primary .cr {
    border: 2px solid #1abc9c;

}
.checkbox-fade .cr {
    border-radius: 0;
    border: 2px solid #1abc9c;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 25px;
    margin-right: .5em;
    position: relative;
    width: 25px;
}
.checkbox-fade .icofont-ui-check::before {
    content: "\ed27";
    background-color: #1abc9c;
    color: #fff;
    padding: 4.5px 4.5px;
}*/

/* 09-05-2018 */

/* btn color change */
.btn-info{color: #fff;}
.btn-outline-info{background-color: #fff;color: #5faee3}
/* btn color change */
/* College */
/* Custom Select*/
.hme-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}
.hme-select-style:after{
    font-family: 'hiremeeicon' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 8px;
    color: #333;
    display: inline-block;
    content: "\e90a";
    z-index: 1;
    background-color: #fff;
}

.hme-select-sm:after{
    right: 16px;
}
.hme-select-style select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    color: #333;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.hme-select-style select:focus {
    outline: none;
}

/*Widget Headere*/
.widget-header-title{
    background-color: #2c3e50;
    color: #fff;
    padding: 8px;
}
.hme-job-captian img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.hme-job-captian p{
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.hme-cta-btn-lg{
    font-size: 1.2rem;
    background-color: #1c88d5;
    border-radius: 4px;
    font-weight: 100;
}
/* Filter Wrapper */
.hme-filter-wrapper{
    padding: 8px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.hme-filter-inline-label{
    line-height: 2;
    font-size: 16px;
    color: #bbb;
    margin-left: 5px;
    margin-right: 5px;
}

.hme-filter .input-group{
    height: 40px;
}   
.hme-filter .btn+.dropdown-toggle-split{
    margin-left: -4px;
}
.hme-filter .input-group .transparent-addon{
    background: #fff;
    border-color: #fff;
}
.hme-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
    display: inline-block;
}
.hme-sub-title{
    font-size: 14px;
    font-weight: 400;
    color: #666565;
    line-height: 1.2;
    display: inline-block;
}

.c-info {
    color: #1c88d5;
}
.c-danger {
    color: #f0433a;
}



/* Vikrant New Script */

/* Custom Select*/

.hme-select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #eaeaea;
    width: 100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}
.hme-select-style:after{
    font-family: 'hiremeeicon' !important;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 2px;
    top: 8px;
    color: #333;
    display: inline-block;
    content: "\e90a";
    z-index: 1;
    background-color: #fff;
}

.hme-select-sm:after{
    right: 16px;
}
.hme-select-style select {
    padding: 9px 8px;
    width: 100%;
    border: none;
    color: #333;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 500;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.hme-select-style select:focus {
    outline: none;
}

/*Widget Headere*/
.widget-header-title{
    background-color: #2c3e50;
    color: #fff;
    padding: 8px;
}
.hme-job-captian img{
    width: 80px;
    height: 80px;
    margin: 0 auto 10px auto;
}
.hme-job-captian p{
    line-height: 1.2;
    padding: 0;
    margin: 0;
}
.hme-cta-btn-lg{
    font-size: 1.2rem;
    background-color: #1c88d5;
    border-radius: 4px;
    font-weight: 100;
}
/* Filter Wrapper */
.hme-filter-wrapper{
    padding: 8px;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.hme-filter-inline-label{
    line-height: 2;
    font-size: 16px;
    color: #939393;
    margin-left: 5px;
    margin-right: 5px;
}

.hme-filter .input-group{
    height: 40px;
}   
.hme-filter .btn+.dropdown-toggle-split{
    margin-left: -4px;
}
.hme-filter .input-group .transparent-addon{
    background: #fff;
    border-color: #fff;
}
.hme-title{
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    display: block;
}
.hme-sub-title{
    font-size: 14px;
    font-weight: 400;
    color: #666565;
    line-height: 1.3;
    display: block;
}


/* Generic classes*/
.bgm-white{
    background: #fff;
}
.bgm-info{background: #1c88d5}
.m-b-8{margin-bottom: 8px !important;}
.c-dark-gray{color: #5B5B5B;}
.f-16{font-size: 16px !important;}
.f-600{font-weight: 600;}
.tooltip{
    z-index: 999999;
}
.hme-xs-btn{
    font-size: 12px !important;
    padding: 2px 8px !important;
    color:#fff !important;
}
.hme-ass-min-width-btn{
    min-width: 48px;
}
.hme-ass-btn{
    height: 40px;
    min-width: 100px;
    margin: 8px;
}
.hme-btn-icon-round{
    color: #333;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 48px;
    padding: 3px 8px;
    border: 1px solid #bbb;
    margin-right: 4px;
    display: inline-block;
}
.hme-btn-icon-round:hover, .hme-btn-icon-round:focus{
    color: #fff;
    text-decoration: none;
    background-color: #333;
    transition: all 0.3s ease-in-out;
}
.hme-card-hover:hover{
    box-shadow: 0 0 8px #bbb;
    transition: all 0.3s ease-in-out;
}
.input-group-addon-gray{
    background: #2C3E50 !important;
}
.hme-media-dimension img{
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
}
.hme-test-icon{
    width: 100%;
    height: 80px;
    display: inline-block;
    color: #fff;
    font-size: 56px;
}
.hme-user-badge{
    width: 100%;
    position: relative;
}
.hme-user-badge .user-image{
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-block;
    z-index: 1000 !important;
    border: 4px solid #fff;
    box-shadow: 0 0 16px #bbb;
}
.hme-user-badge .user-image img{
    width: 64px;
    height: 64px;
    border-radius: 50%;
    z-index: 1000 !important;
}
.hme-user-badge .hme-id{
    position: absolute;
    top: 8px;
    left: 80px;
    background-color: #679E02;
    color: #fff;
    padding: 8px 16px;
    border-radius: 32px;
    font-size: 18px;
    z-index: 1;
    display: inline-block;
}
.hme-can-info{
    position: absolute;
    top: 56px;
    right: 0;
    padding: 0 8px 8px 72px;
}
.hme-can-info strong, .hme-can-info a{
    display: inline-block;
    font-size: 16px;
    line-height: 1.2;
}
.hme-timer{
    font-size: 36px !important;
    text-align: center;
    line-height: 1;
}
.hme-timer .icon{
    font-size: 40px;
}

/* Loader*/
.hme-loader{
    width: 160px;
    padding: 6px;
    height: 36px;
    font-size: 18px;
    display: table;
    margin: 8px auto;
    color: #5B5B5B;
    text-align: center;
    box-shadow: 0 0 8px #bbb;
}
.hme-loader span{
    line-height: 1.5;
    display: inline-block;
    margin-left: 8px;
}
.hme-loader img{
    width: 18px;
    height: 18px;
    display: inline-block;
}

/* Vikrant New Script */

.alert-danger{background-color: #ed7669;border:2px solid #b63c2f;padding:5px;line-height: 25px;font-size: 13px;color: #fff;border-radius: 4px}
/* --------- */
.info-bg {
    background-color: #39f;
     color: #fff;
}
.icon-mini {
    border-radius: 50%;
    width: 30px!important;
    line-height: 29px!important;
    height: 30px!important;
    padding: 1px!important;
    text-align: center;

}
.input-group-addon-grey{background-color: #2c3e50!important}
/* --------- */

/* 07-09-2018 */

.delete__btn{background:none !important; border: none !important; padding:0 !important; cursor: pointer;}
.clear__btn{font-size: 14px; margin-left: 20px; border: 1px solid #6bbcf4; color: #6bbcf4; padding:6px 12px; border-radius: 4px;}
.hme-multiselect{height: 45px!important;}

/* 07-09-2018 */



.field-icon {
  float: right;
  margin-left: -25px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}


.verified-validate {
position: absolute !important;
right: 18px !important;
top: 6px;
font-weight: bold;
font-size: 25px !important;
}

.assess-report-list1{
    margin-bottom: 0;
    line-height:16px !important;
    font-size: 11px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}