/* Start  Fonts Family */

@font-face {
  font-family: 'DroidSans';
  src: url('../fonts/DroidSans.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/DroidSans.woff') format('woff'), 
  url('../fonts/DroidSans.ttf')  format('truetype'), 
  url('../fonts/DroidSans.svg#DroidSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DroidSans-Bold';
  src: url('../fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/DroidSans-Bold.woff') format('woff'), 
  url('../fonts/DroidSans-Bold.ttf')  format('truetype'), 
  url('../fonts/DroidSans-Bold.svg#DroidSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* End Fonts Family */

/* Start Employees Plans */

.plans-list-cls .employees-plans-inner{margin-bottom: 30px;}
.plans-list-cls .employees-plans-inner .stomach a button {height: auto;padding: 10px 15px;}


.employees-plans-inner .gst-cls {padding: 15px 0;background-color: #F9F9F9;border: 1px solid #ccc;
 text-transform: uppercase;font-weight: bold; font-size: 25px;font-family: 'Poppins', sans-serif;
 border-bottom: 1px solid rgba(0,0,0,0.05);}
.employees-plans-inner {border: 1px solid #dad4d4;padding: 0px 20px 20px;}
.employees-plans-inner .head h5 {text-transform: uppercase;letter-spacing: 0.5px;font-size: 35px;}
.employees-plans-inner .starter {border: none;margin-top: 20px !important;}
.plans .employees-plans-inner .content .head {box-shadow: 0px 10px 10px rgba(183,32,37,0.6);border-top: 0;
 color: #fff; background: #b72025;}
.plans .employees-plans-inner .content .stomach{padding: 30px 10px 30px;}
.employees-plans-inner .starter button{background: #b72025;color: #fff;border: none;text-transform: uppercase;
 letter-spacing: 1.5px;border-bottom: 4px solid #76191c;border-radius: 2px;text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
 -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
 box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);font-weight: 700;}
.plans .employees-plans-inner .content .stomach ul li{font-size: 15px;letter-spacing: 0.5px;font-weight: 700;}
.form .form-group a {text-decoration: none;}
.employees-plans-inner .head h5 span{font-size: 13px;}
.employees-plans-inner .head h5 span:first-child {margin-left: -10px;}

.employees-plans-inner .head.employerhead h5 {text-transform:none !important; letter-spacing: 0.5px;font-size: 35px;}
.employees-plans-inner .head.employerhead h5 span{font-size: 13px;}
.employees-plans-inner .head.employerhead h5 span:first-child {margin-left: -10px;}
/* End Employees Plans */

button.btn {border-radius: 0;height: auto;box-shadow: 3px 4px 3px rgba(0,0,0,0.8);}
.buyplanbtn .btn {border-radius: 0;box-shadow: 3px 4px 3px rgba(0,0,0,0.8);     height: 36px;
    color: #fff;padding: 0px 25px; line-height: 30px;background: rgb(193,56,61);
    background: -moz-linear-gradient(top, rgba(193,56,61,1) 0%, rgba(183,32,37,1) 100%);
    background: -webkit-linear-gradient(top, rgba(193,56,61,1) 0%,rgba(183,32,37,1) 100%);
    background: linear-gradient(to bottom, rgba(193,56,61,1) 0%,rgba(183,32,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1383d', endColorstr='#b72025',GradientType=0 );
    }

.modal-content .modal-body p {line-height: 22px;font-family: 'Muli', sans-serif;font-size: 12px;
 letter-spacing: 1px;font-weight: 600;}


/* Start dashboard after login */

.employee_subscription .modal-backdrop {display: none;}
.employee_subscription .modal-open .modal{position: absolute; -webkit-transform: translateY(-50%);
 transform: translateY(-50%);top: 50%;}
.employee_subscription .modal{margin: 134px 0px 246px;overflow-y: hidden;}

.modal-open.employee_subscription .modal:after {content: '';background-color: #000;position: fixed;
 top: 0;width: 100%;left: 0;right: 0;opacity: 0.5;bottom: 0;margin: 134px 0px 246px;height: 100%;}
.modal-open.employee_subscription .modal .modal-dialog{z-index: 100; margin-top:67px;}
.footer-bg{position: relative;}
.employee_subscription_dashboard .footer-bg{z-index: 9999;}
.employee_subscription.employee_subscription_dashboard .modal:after {margin: 111px 0px 246px;}

.progresbar-cls-inner,.refresh-center-inner,.personalize-offers-inner {
 box-shadow: 0px 0px 10px rgba(0,0,0,0.1);padding: 30px;margin: 30px 0px;}
.border-rgt{border-right: 1px solid #ddd;}
.progresbar-cls-inner h4 {margin-bottom: 30px;font-weight: normal;font-size: 20px;position: relative;
 padding-left: 36px;}
.probar-cls-lft h4:before {content: '';background: url(../images/score-icon.png) no-repeat;width: 30px;
 height: 30px;position: absolute;left: 0;vertical-align: middle;top: -4px;bottom: 0; 
 background-size: 100% 100%;}
.probar-cls-rgt h4:before {content: '';background: url(../images/where-you-stand.png) no-repeat;width: 30px;
 height: 30px;position: absolute;left: 0;vertical-align: middle;top: -4px;bottom: 0;
 background-size: 100% 100%;}
.refresh-center-inner h4{margin-bottom: 30px;font-weight: normal;font-size: 20px;position: relative;
 padding-left: 36px;}
.refresh-center-inner h4:before {content: '';background: url(../images/history-icon.png) no-repeat;
 width: 30px;height: 30px;position: absolute;left: 0;vertical-align: middle;top: -4px;bottom: 0;
 background-size: 100% 100%;}

.personalize-offers-inner h4:before {content: '';background: url(../images/refresh-center-icon.png) no-repeat;
 width: 30px;height: 30px;position: absolute;left: 0;vertical-align: middle;top: -4px;bottom: 0;
 background-size: 100% 100%;}
.personalize-offers-inner h4 {margin-bottom: 30px;font-weight: normal;font-size: 20px;position: relative;
 padding-left: 36px; }
.personalize-offers {text-align: center;} 
.personalize-offers .personalize-offers-inner h4:before {left: initial;margin-left: -36px;}
.personalize-offers .personalize-offers-inner .date-cls {display: inline-block;width: 100%;
 margin: 20px 0px 0;}
.contact .leftContact .successmessage{margin: 0px 0px 20px;}
.content .text h3 {margin: 20px 0px 20px;position: relative;padding-bottom: 10px;}
.content .text h3:before {opacity: 1;content: "";position: absolute;left: 0px;bottom: 0px;width: 30px;
 height: 2px;background-color: #b72025;z-index: 1;}
.content .text h3:after {content: '';position: absolute;left: 0;width: 60px;height: 2px;
 background-color: #000;bottom: 0;} 
.personalize-offers .dashboard-view-ratings-sec img {width: 100%;}
.personalize-offers .dashboard-view-ratings-sec .view-ratingsbtn a{color: #fff;background-color: #b72025;
 border: 1px solid #b72025;padding: 0px 20px;height: 40px;line-height: 40px;text-decoration: none;
 cursor: pointer;transition: 0.6s;box-shadow: 4px 5px 1px rgba(0,0,0,0.6);display: inline-block;margin-top: 15px;}
.personalize-offers .personalize-offers-inner .row .personalize-offers-hight:first-child {
 border-right: 1px solid #ccc;}
.personalize-offers-hight-inner {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;
 padding: 0px 20px;}     

 .personalize-offers-inner h3 {margin-bottom: 20px;}
 .personalize-offers-inner .view-offer {display: inline-block;}
 .personalize-offers-inner .view-offer a {color: #fff;background-color: #b72025;border: 1px solid #b72025;
  padding: 0px 20px;height: 40px;display: block;line-height: 40px;text-decoration: none;cursor: pointer;
  transition: 0.6s;box-shadow: 4px 5px 1px rgba(0,0,0,0.6);}
 .personalize-offers-inner .view-offer a:hover{border: 1px solid #b72025; color: #b72025; 
  background: transparent;}
 #userloginModal.fade {transition: none;}
 .bootbox .modal-footer button {margin: 0 auto;}
 .bootbox .bootbox-body {text-align: center;}
 .bootbox.fade {transition: none;}
 #employerratingModal.fade {transition: none;}  

  /* End dashboard after login */



.slider.main-banner-img {height: auto;}
.slider.main-banner-img .innerSlider .text{padding: 0;}
.slider.main-banner-img .innerSlider {width: 100%;float: left;position: relative;height: auto;
 display: block;}
.slider.main-banner-img .innerSlider img {width: 100%;height: auto;display: block;}
.main-banner-des {position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
.main-banner-des button {margin-top: 20px;}
.slider.other.csr-banner {height: auto;}
.slider.other.csr-banner .innerSlider {height: auto;}
.slider.other.csr-banner .innerSlider img {width: 100%;height: auto;display: block;}
.slider.other.aboutus-banner {height: auto;}
.slider.other.aboutus-banner .innerSlider {height: auto;}
.slider.other.aboutus-banner .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.cms-banner-img{height: auto;}
.slider.other.cms-banner-img .innerSlider {height: auto;}
.slider.other.cms-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.blog-banner-img{height: auto;}
.slider.other.blog-banner-img .innerSlider {height: auto;}
.slider.other.blog-banner-img .innerSlider img {width: 100%;height: auto;display: block;}


.slider.other.faq-banner-images{height: auto;}
.slider.other.faq-banner-images .innerSlider {height: auto;}
.slider.other.faq-banner-images .innerSlider img {width: 100%;height: auto;display: block;}


.slider.other.employersratings-banner {height: auto;}
.slider.other.employersratings-banner .innerSlider {height: auto;}
.slider.other.employersratings-banner .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.employers-viewrating-banner{height: auto;}
.slider.other.employers-viewrating-banner .innerSlider {height: auto;}
.slider.other.employers-viewrating-banner .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.viewdispute-banner-img{height: auto;}
.slider.other.viewdispute-banner-img .innerSlider {height: auto;}
.slider.other.viewdispute-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.payment-banner-img{height: auto;}
.slider.other.payment-banner-img .innerSlider {height: auto;}
.slider.other.payment-banner-img .innerSlider img {width: 100%;height: auto;display: block;}


.slider.other.viewemployeeratings-banner-img{height: auto;}
.slider.other.viewemployeeratings-banner-img .innerSlider {height: auto;}
.slider.other.viewemployeeratings-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.ratingrequest-banner-img{height: auto;}
.slider.other.ratingrequest-banner-img .innerSlider {height: auto;}
.slider.other.ratingrequest-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.subscriptionplans-banner-img{height: auto;}
.slider.other.subscriptionplans-banner-img .innerSlider {height: auto;}
.slider.other.subscriptionplans-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.paynow-banner-img{height: auto;}
.slider.other.paynow-banner-img .innerSlider {height: auto;}
.slider.other.paynow-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.forgot-password-banner-img{height: auto;}
.slider.other.forgot-password-banner-img .innerSlider {height: auto;}
.slider.other.forgot-password-banner-img .innerSlider img {width: 100%;height: auto;display: block;}


.slider.other.business-banner-img{height: auto;}
.slider.other.business-banner-img .innerSlider {height: auto;}
.slider.other.business-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.thank-you-banner-img{height: auto;}
.slider.other.thank-you-banner-img .innerSlider {height: auto;}
.slider.other.thank-you-banner-img .innerSlider img {width: 100%;height: auto;display: block;}
.thankyou-cls .heading {display: inline-block;}
.thankyou-cls {text-align: center;}
.thanks-inner {padding: 50px 0px 50px;}
hr{border-top: 1px solid rgba(0,0,0,1);}


.slider.other.set-password-banner-img{height: auto;}
.slider.other.set-password-banner-img .innerSlider {height: auto;}
.slider.other.set-password-banner-img .innerSlider img {width: 100%;height: auto;display: block;}

.slider.other.project-banner-img{height: auto;}
.slider.other.project-banner-img .innerSlider {height: auto;}
.slider.other.project-banner-img .innerSlider img {width: 100%;height: auto;display: block;}






/* Start Home Page */



.homepage-blog-list-inner {width: 100%;float: left;border-radius: 12px;overflow: hidden; 
 padding: 30px 15px;}
.homepage-blog-lft {width: 50%;float: left;padding-right: 15px;}
.homepage-blog-rgt {width: 50%;float: right;padding-left: 15px;}
.homepage-blog-list-inner.homepage-blog-bg1{border: 1px solid #c4c5a6;
 background: url(../images/employer-bg-img.png); background-size: cover;}
.homepage-blog-list-inner.homepage-blog-bg2{border: 1px solid #a6d0e8; 
 background: url(../images/employees-bg-img.png); background-size: cover;}
.homepage-blog-list-inner h4 {margin-bottom: 20px;}
.homepage-blog-list-inner p {margin-bottom: 20px;letter-spacing: 0.5px;line-height: 22px;
 font-size: 13px;font-weight: 600;} 
.homepage-blog-list-inner-lft {width: 50%; float: left;position: relative;padding-right: 40px;}
.homepage-blog-list-inner-lft img{width: 100%; height: auto;}
.homepage-blog-list-inner-rgt{width: 50%;float: left; position: relative;}
.homepage-blog-list-inner-rgt a {display: block;}
.homepage-blog-list-inner-rgt a button{border: none;height: 36px;color: #fff;padding: 0px 25px;
 background: rgb(193,56,61); 
background: -moz-linear-gradient(top, rgba(193,56,61,1) 0%, rgba(183,32,37,1) 100%);
background: -webkit-linear-gradient(top, rgba(193,56,61,1) 0%,rgba(183,32,37,1) 100%);
background: linear-gradient(to bottom, rgba(193,56,61,1) 0%,rgba(183,32,37,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1383d', endColorstr='#b72025',GradientType=0 );}



/* End Home Page*/

section.signup {margin-bottom: 50px;}



/*
=======================
About Us
=======================
*/



.slider.other.aboutus-banner{position: relative;}
.heroContent {padding: 30px;margin-left: 40px;margin-top: 0px;background-color: rgba(255, 255, 255, 0.85);
 text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);transform: translateY(-50%);position: absolute;
 top: 50%;left: 0;}
.heroContent .heroContentTop {padding: 0px 0 9px 0;min-height: inherit;height: auto;margin-top: 0;
 background-color: transparent;}
.eyebrow {font-size: 14px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;}
.heroContent .heroContentTop .primaryHeadline {margin-top: 15px;font-size: 30px;line-height: 34px;}
.heroContent .heroContentBottom {padding-top: 0;margin-top: 0;padding-left: 0;border-left: none;
 background-color: transparent;}
.heroContent .heroContentBottom p {font-size: 16px;line-height: 26px;margin-bottom: 16px;}
.slider.other.aboutus-banner .btn-primary {color: #fff;background-color: #b72025;border-color: #b72025;}
.slider.other.aboutus-banner .btn-primary:not(:disabled):not(.disabled):active{
 background-color: transparent;border-color: #b72025;color: #b72025;}
.slider.other.aboutus-banner .btn-primary:hover{background-color: transparent;border-color: #b72025;
 color: #b72025;}
.about-tab ul {list-style: none;margin: 0px 0px 0px;padding: 0px 0px 0px;}
.about-tab ul li{display: inline-block;margin: 0px 20px;}
.about-tab {width: 100%;float: left;margin: 50px 0px 0px;}
.about-csr {padding: 20px 20px 0px;}
.about-tab .nav-tabs .nav-link:focus, 
.about-tab .nav-tabs .nav-link:hover {border-top: 3px solid #201a1c;}
.about-tab .nav-tabs .nav-item.show .nav-link, 
.about-tab .nav-tabs .nav-link.active {border-top: 3px solid #b72025;position: relative;}
.about-tab .nav-tabs .nav-link.active:after {position: absolute;bottom: -2px;border: 1px solid #fff;
 display: block;width: 100%;content: '';left: 0;}
.about-tab .nav-tabs .nav-link {border-top-left-radius: 0;border-top-right-radius: 0;color: #201a1c;
 font-size: 17px;text-transform: uppercase;}
.regInfo {padding: 30px 0px;}
.contact,.business,.services,.newProject,.plans{padding: 10px 0 30px;}
.project {padding-bottom: 30px;}
.signup h3{padding-bottom: 10px;}
.plans h1 {font-size: 30px;}
.plans p.price {font-weight: 700;font-size: 40px;}
.plans .plans-list-cls {margin: 0 auto;}
.plans .content button{padding: 0px 15px;}
.slider.other.plans-baner {height: auto;}
.slider.other.plans-baner .innerSlider {height: auto;}
.slider.other.plans-baner .innerSlider img {width: 100%;height: auto;}
.slider.other.howitworks-banner {height: auto;}
.slider.other.howitworks-banner .innerSlider {height: auto;}
.slider.other.howitworks-banner .innerSlider img {width: 100%;height: auto;}
.slider.other.contactus-banner {height: auto;}
.slider.other.contactus-banner .innerSlider {height: auto;}
.slider.other.contactus-banner .innerSlider img {width: 100%;height: auto;}

.slider.other.dispute-banner {height: auto;}
.slider.other.dispute-banner .innerSlider {height: auto;}
.slider.other.dispute-banner .innerSlider img {width: 100%;height: auto;}

.slider.other.plans-ratings-banner {height: auto;}
.slider.other.plans-ratings-banner .innerSlider {height: auto;}
.slider.other.plans-ratings-banner .innerSlider img {width: 100%;height: auto;}

.slider.other.adddispute-banner-img{height: auto;}
.slider.other.adddispute-banner-img .innerSlider {height: auto;}
.slider.other.adddispute-banner-img .innerSlider img {width: 100%;height: auto;}

.slider.other.viewratingrequest-banner-img{height: auto;}
.slider.other.viewratingrequest-banner-img .innerSlider {height: auto;}
.slider.other.viewratingrequest-banner-img .innerSlider img {width: 100%;height: auto;}

.slider.other.employerratingrequests-banner-img{height: auto;}
.slider.other.employerratingrequests-banner-img .innerSlider {height: auto;}
.slider.other.employerratingrequests-banner-img .innerSlider img {width: 100%;height: auto;}

.slider.other.registration-banner-img{height: auto;}
.slider.other.registration-banner-img .innerSlider {height: auto;}
.slider.other.registration-banner-img .innerSlider img {width: 100%;height: auto;}



/* Start employer */

.form .form-group{position: relative;}
.formError{left: 0 !important;}
.formError{width: 100%;padding: 0px 15px;}
.formError .formErrorContent br {display: none;}

.adddispute-form-cls .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;font-size: 16px;
 font-weight: bold;}

.employercompany-form {width: 100%;float: left;}
.employercompany-form .form-group {float: left;}
.employercompany-form .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}

.employercompany-form .pannumber-custom-cls {float: left;}
.employercompany-form .pannumber-custom-cls .form-group:nth-child(1) {width: calc(100% - 60px);}
.employercompany-form .pannumber-custom-cls .form-group:nth-child(2) {float: right;margin-top: 32px;}
.employercompany-form .pannumber-custom-cls .form-group input {height: 48px !important;
 padding: 8px 10px !important;}

.viewemployeeratings-detailtable th, .viewemployeeratings-detailtable td {width: 50%;}
.employer .viewratingrequest-detailtable td, .employer .viewratingrequest-detailtable th {
 width: 50%;}  

.employercompany-img-cls .fiels .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}
.employerbasic-detail-cls .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}
.employerresetpas-cls .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}  

.employercompany-img-cls .fiels .form-group:nth-child(odd) {width: calc(100% - 60px);float: left;}
.employercompany-img-cls .fiels .form-group:nth-child(even) {float: right;margin-top: 32px;}
.employercompany-img-cls .fiels {width: 50%;float: left;padding: 0px 15px;}
.submit-detail-cls {width: 100%;float: left;margin-top: 30px;}
.employercompany-img-cls .fiels .form-group input {height: 48px !important;padding: 8px 10px !important;} 

.employercompany-img-cls {width: 100%;float: left;}
.employees-detailtable {width: 100%;}

.addrating-detail-cls {margin-left: -15px;margin-right: -15px;float: left;}
.addrating-button-cls {width: 100%;float: left;}
.addrating-detail-cls .fiels {width: 50%;float: left; padding: 0px 15px; margin: 10px 0;}

.addrating-detail-cls .fiels .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}

.external-candidate-cls {width: 100%;float: left;max-width: 300px;margin: 0 auto;}
.external-candidate-cls .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}
.internal-employee-cls {width: 100%;float: left;max-width: 300px;margin: 0 auto;}
.internal-employee-cls .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}

.profile-form-cls{width: 100%;float: left;}
.profile-title{font-size: 22px;margin: 15px 0px;width: 100%;float: left;text-align: left;
 padding: 0px 15px;font-weight: 600;letter-spacing: 0.5px;}
.profile-form-cls .fiels {width: 33.33%;float: left;padding: 0px 15px;margin: 10px 0px;}
.profile-form-cls .fiels .labelname{width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}
.external-candidate-rating-cls {width: 100%;float: left;}
.buttonexternalemployee-cls {width: 100%;float: left;}
.external-candidate-rating-cls .candidate-rating-title {font-size: 20px;}
.candidate-ratingks .fiels {width: 50%;float: left;padding: 0px 15px;margin: 10px 0px;}
.candidate-ratingks .fiels .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}
.add-comts-cls {width: 100%;float: left;padding: 0 15px;}
.add-comts-cls .labelname{width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;line-height: 1.5 !important;}

.viewratingrequest-detailtable {width: 100%;float: left;} 
.change-request-page {width: 100%;float: left;}
.change-request-inerr{width: 50%;float: left;margin-bottom: 30px;}
.change-request-inerr .change-request-field .row {margin: 0;padding: 0px 15px;}
.addi_comjhh {width: 100%;float: left;}
.submit-btn-cls {width: 100%;float: left;}

.change-request-page .change-request-inerr.ph-rat-cls {width: 100%;}
.change-request-page .change-request-inerr.ph-rat-cls .change-request-field .change-request-field-list {
 width: 33.33%;float: left;}

.change-request-inerr .change-request-field .row#rowvaluecommitment,
.change-request-inerr .change-request-field .row#rowbehaviour,
.change-request-inerr .change-request-field .row#rowtime {margin-left: 20px;}
.change-request-inerr .change-request-field .row#valuecommitmentrating,
.change-request-inerr .change-request-field .row#behaviourrating,
.change-request-inerr .change-request-field .row#timerating {margin-left: 7px;}
.subscriptions-form-cls .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}
.registration-form-page .form-group .labelname {width: 100%; max-width: 100%; padding: 0;
 text-align: left;font-size: 16px;font-weight: bold;}
.signup .tab-content .change-request-page .change-request-inerr .change-request-field select {
 width: 100%;height: 38px;max-width: 245px;} 

.view-rating-title {position: relative;} 
.view-rating-title:before {opacity: 1;content: "";position: absolute;left: 0px;bottom: 0px;width: 30px;
 height: 2px;background-color: #b72025;z-index: 1;}
.view-rating-title:after {content: '';position: absolute;left: 0;width: 100px;height: 2px;
 background-color: #000;bottom: 0;}


#employeeaccountModal .modal-footer button {display: none;}
#employeeaccountModal.fade {transition: none;}
.employers-account-cls .inputerrormessage.text-center.margin-b-10 {margin: 20px 0;width: 100%; position: relative;}    

.phase-rating-border:before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background: #000;
    bottom: 0;
    left: -90px;
    right: 0;
    margin: 0 auto;
}
.phase-rating-border:after {content: '';position: absolute;width: 40px;height: 2px;background: #b72025;bottom: 0;
 left: -130px;right: 0;margin: 0 auto;}
.phase-rating-border {margin: 0 auto;position: relative;}

#subscriptionplanModal .view-offer {text-align: center;margin-bottom: 15px;}
#subscriptionplanModal .view-offer a {height: auto;box-shadow: 3px 4px 3px rgba(0,0,0,0.8);color: #fff;
 background-color: #b72025;border: 1px solid #b72025;text-decoration: none;padding: 8px 20px;display: inline-block;
 margin: 0 auto;}
#subscriptionplanModal .view-offer a:hover {background: #000;border: 1px solid #000;} 
#subscriptionplanModal p {text-align: center;color: #000;font-size: 14px;}
#subscriptionplanModal .modal-content {box-shadow: 0px 0px 16px rgba(0,0,0,0.5);/*border: 8px solid rgba(183,32,37,0.5);*/
 background: rgba(225,225,225,0.2);}
#subscriptionplanModal .modal-title{color: #000;text-shadow: 3px 5px 10px rgba(0,0,0,0.2);font-weight: bold;}
#subscriptionplanModal .modal-header {border-bottom: 1px solid rgba(225,225,225,.1);}  

#subscriptionplanupdateModal .view-offer {text-align: center;margin-bottom: 15px;}
#subscriptionplanupdateModal .view-offer a {height: auto;box-shadow: 3px 4px 3px rgba(0,0,0,0.8);color: #fff;
 background-color: #b72025;border: 1px solid #b72025;text-decoration: none;padding: 8px 20px;display: inline-block;
 margin: 0 auto;}
#subscriptionplanupdateModal p {text-align: center;}

/* End employer */

/* Start employees */

.signup.employees-account-cls ul.nav-tabs .nav-link{border:none;}
.signup.employees-account-cls .tab-content{padding: 0; width: 100%;}
.employees-border {display: block;width: 100%;height: 1px;float: left;background: #ccc;}
.signup.employees-account-cls ul {border: 1px solid #ccc;}
.signup.employees-account-cls ul li.nav-item {width: 100%;margin-bottom: 0;}
.signup.employees-account-cls ul li.nav-item a.nav-link {padding: 20px 20px;
 border-bottom: 1px solid #ccc;}
.signup.employees-account-cls ul.nav-tabs .nav-item.show .nav-link, 
.signup.employees-account-cls ul.nav-tabs .nav-link.active{border-top: none;border-left: 0;
 border-right: 0; background: #b72025;color: #fff;}
.signup.employees-account-cls ul.nav-tabs .nav-link.active{font-size: 16px;font-weight: 700;
 letter-spacing: 1px;}
.signup.employees-account-cls .nav-tabs .nav-link:focus,
.signup.employees-account-cls .nav-tabs .nav-link:hover {border-top: none !important;}
#employeeaccountModal .modal-body form#employeeprofile .labelname {line-height: 38px;max-width: 100%;
 text-align: center;flex: initial;}
#employeeaccountModal .modal-body form#employeeprofile .form-group {width: 100%;max-width: 100%;
 flex: initial;}
#employeeaccountModal .modal-body form#employeeprofile .form-group {width: 100%;max-width: 100%;
 flex: initial;}
.per-info-cls .fiels .form-group.email-cls {width: calc(100% - 40px);float: left;}
.per-info-cls .fiels .form-group.edit-cls {width: 40px;float: right;margin: 13px 0px;}
.per-info-cls .fiels .form-group.edit-cls img {width: 20px;cursor: pointer;}
.per-info-cls .fiels .form-group.mobile-cls {width: calc(100% - 40px);float: left;}
.per-info-cls .fiels .form-group.mobile-edit {width: 40px;float: right;margin: 13px 0px;}
.per-info-cls .fiels .form-group.mobile-edit img {width: 20px;cursor: pointer;}
.per-info-cls .fiels .form-group.date-birth-cls {width: calc(100% - 40px);float: left;}
.per-info-cls .fiels .form-group.date-birth-icon{width: 40px;float: right;margin: 13px 0px;}
.per-info-cls .fiels .form-group.date-birth-icon img {width: 20px;cursor: pointer;}
.employee-kyc-cls .fiels .form-group.aadh-cls{width: calc(100% - 40px);float: left;}
.employee-kyc-cls .fiels .form-group.aadh-icon{width: 40px;float: right;margin: 13px 0px;}
.employee-kyc-cls .fiels .form-group.aadh-icon img {width: 20px;}

.viewdispute-detailtable {width: 100%;margin-bottom: 30px;}
.viewemployeeratings-detailtable {width: 100%;margin: 20px 0;}
.view-rating-title {font-size: 25px;float: none;width: auto;margin: 15px auto 15px;}
.view-rating-subtitle {font-size: 20px;width: 100%;float: left;text-align: left;padding-left: 20px;}
.viewemployeeratings-detailtable label {margin-bottom: 0;}
.viewemployeeratings-detailtable .form-group {margin: 0;}


.refresh-content-show {border: 2px solid #307bbb;padding: 10px 20px;display: inline-block;}
.refresh-content-show p {margin: 10px 0; font-size: 16px;}
.refresh-content-show .text-bold-cls {color: #b72025;font-weight: 600;}


/* End employees */

/* Start Employees Personal Information */

.per-info-cls .fiels {width: 50%;padding: 0px 15px;}
.per-info-cls .fiels .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;font-size: 16px;
 font-weight: bold;}
.employeere-reset-passcls .form-group .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;}
.employee-kyc-cls .fiels {width: 50%;padding: 0 15px;}
.employee-kyc-cls .fiels .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;
 font-size: 16px;font-weight: bold;} 
.employee-kyc-cls .fiels .form-group {width: 100%;}

.employeeratings-page .colors {margin: 30px 0px 50px;border-bottom: 1px solid #ccc;}
.date-cls {margin: 20px 0px;}



/* End Employees Personal Information */

/* Start Employers */

.signup .employers-account-cls ul.nav-tabs .nav-link{border:none;}
.signup .employers-account-cls .tab-content{padding: 0; width: 100%;}
.employers-border {display: block;width: 100%;height: 1px;float: left;background: #ccc;}
.signup .employers-account-cls ul {border: 1px solid #ccc;}
.signup .employers-account-cls ul li.nav-item {width: 100%;margin-bottom: 0;}
.signup .employers-account-cls ul li.nav-item a.nav-link {padding: 20px 20px;
 border-bottom: 1px solid #ccc;}
.signup .employers-account-cls ul.nav-tabs .nav-item.show .nav-link,
.signup .employers-account-cls ul.nav-tabs .nav-link.active{border-top: none;border-left: 0;
 border-right: 0; background: #b72025;color: #fff;}
.signup .employers-account-cls ul.nav-tabs .nav-link.active{font-size: 16px;font-weight: 700;
 letter-spacing: 1px;}
.signup .employers-account-cls .nav-tabs .nav-link:focus, 
.signup .employers-account-cls .nav-tabs .nav-link:hover {border-top: none;}
#employerratingModal .modal-dialog {max-width: 700px;width: 100%;margin: 0 auto;}
#employerratingModal .modal-dialog .modal-content {width: 100% !important;}
#employerratingModal {padding: 0 !important;}
.viewratingrequest-detailtable .form-group {margin-bottom: 0;} 
.viewratingrequest-detailtable label.control-label {margin: 0;}
.employer .viewratingrequest-detailtable {margin-bottom: 20px;}

.addrating-int_emplform1 {width: 100%;float: left;margin-top: 30px;}
.addrating-int_emplform2 {width: 100%;float: left;margin-top: 30px;}
.addrating-int_emplform2 ul.nav.nav-tabs {width: 100%;}

.addrating-int_emplform1 .fiels {width: 33.33%;float: left;padding: 0px 10px;}
.addrating-int_emplform1 .fiels .labelname {width: 100%;max-width: 100%;padding: 0;
 text-align: left;font-size: 16px;font-weight: bold;line-height: 1.5 !important;}
 #phasetworating .field {width: 50%;float: left;padding: 0px 10px;}
#phasetworating .field .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;font-size: 16px;
 font-weight: bold;margin-bottom: 0;}
#phasetworating .submit-btn {width: 100%;float: left;} 

#phasethreerating .field {width: 50%;float: left;padding: 0px 10px;}
#phasethreerating .field .labelname {width: 100%;max-width: 100%;padding: 0;text-align: left;font-size: 16px;
 font-weight: bold;margin-bottom: 0;}
#phasethreerating .submit-btn {width: 100%;float: left;}
#internal_rating_parameter {box-shadow: 0px 4px 5px rgba(0,0,0,0.2);width: 100%;float: left;
padding: 20px 0px 20px;border-top: 1px solid #eee;}

.rate-employee-sh {box-shadow: 0px 4px 5px rgba(0,0,0,0.2);width: 100%;float: left;padding-top: 20px;
 border-top: 1px solid #eee;padding-bottom: 20px;}


/* End Employers */

#employer_rating_request .employer .col-sm-12.control-label {text-align: left;padding-left: 0;
 margin: 20px 0;font-size: 20px;}
#employer_rating_request .employer input[type=checkbox], input[type=radio]{margin: 6px 0px 0px;}

/* Start Table */

.employees-detailtable1{margin-bottom: 30px;}
.employment-informationtable tr:nth-child(odd){background: #ddd;}
.employment-informationtable th, .employment-informationtable td {width: 50%;}



/* End Table */

/* Popup modal */

.modal.show .modal-dialog{-webkit-transform: translateY(-50%);transform: translateY(-50%);top: 50%;}
.modal-header .close {margin: 0 !important;position: absolute;right: 0;top: 0;background: #b72025;
 width: 35px;height: 35px;opacity: initial;padding: 0;color: #fff;}
.modal-header{text-align: center;} 
.modal-title{display: inline-block;margin: 0 auto;font-size: 24px;color: #000;}

.refresh-popup-db .modal-body h4 {font-size: 17px;margin: 0px 0px 20px;font-weight: 600;}
.refresh-popup-db .modal-header .modal-title {font-size: 20px;font-weight: 700;}
.refresh-popup-db .modal-dialog {max-width: 650px;}



/* End Popup modal */ 

/* Start Faq */

.faq a.faqquestion{display: block;}
.faq #accordion .faqquestion:after{content: "\f067";font-family: FontAwesome;float: right;}
.faq #accordion .faqquestion.collapsed:after {content: "\f068";font-family: FontAwesome;float: right;}

/* End Faq */

/* 

==================

Footer 

==================

*/

.footer-bg{background-color: #222;color: #666;}
footer .footer-social-media {float: left;width: 100%;text-align: center;}
footer .footer-social-media ul{display: inline-block;float: none;margin: 0 auto;}
footer .footer-social-media ul li{display: inline-block;border-radius: 50%;}
footer .footer-social-media ul li:last-child{margin-right: 0px;}
footer .copyright {text-align: center;}
footer .footer-social-media p {font-size: 20px;margin: 0px 0px 15px;color: #fff;}
footer .footer-social-media ul li.facebook-cls{background: #3a559f;}
footer .footer-social-media ul li.youtube-play-cls{background: #ff0000;}
footer .footer-social-media ul li.google-plus-cls{background: #df4a32;}
footer .footer-social-media ul li.twitter-cls{background: #1da1f3;}
footer .footer-social-media ul li.linkedin-cls{background: #0a75b5;}
footer .footer-social-media ul li:hover{opacity: 0.5;}
footer .footer-social-media ul li a {line-height: 35px;font-size: 15px;color: #fff;}



.mobile-view-banner {display: none;}
.aboutus-mobile-view {display: none;}


/* Start Blog */

.navbar-nav {margin: 0;}
.site-main .col-sm-9 {float: left;}
.site-main .col-sm-3 {float: right;}

/* End Blog */

/* Responsive */

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

.signup.employees-account-cls ul li.nav-item a.nav-link{padding: 20px 10px;}
.signup .nav-tabs .nav-link{font-size: 14px;letter-spacing: 0.5px;}
.signup.employees-account-cls ul.nav-tabs .nav-link.active{font-size: 14px;}
.employercompany-img-cls .fiels .form-group .labelname{font-size: 14px;}
.employercompany-form .form-group .labelname{font-size: 14px;}
.employerbasic-detail-cls .form-group .labelname{font-size: 14px;}
.employerresetpas-cls .form-group .labelname{font-size: 14px;}
.employees-plans-inner .head.employerhead h5{font-size: 20px;}
.plans .employees-plans-inner .content .stomach ul li{font-size: 13px;}

}

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

.employee_subscription .modal{margin: 74px 0px 246px;}
.modal-open.employee_subscription .modal:after{margin: 73px 0px 246px;}
.employee_subscription.employee_subscription_dashboard .modal:after {margin: 65px 0px 246px;}  

.desktop-view-banner {display: none;}
.mobile-view-banner {display: block;}
section.signup .employees-account-cls .row .col-12:nth-child(2) {margin-top: 30px;}
section.signup .employees-account-cls .row .col-12:nth-child(2) .row {margin: 0;}
.main-banner-des {position: relative;left: 0;top: 0;transform: none;margin-top: 30px;width: 100%;
 text-align: center;}
.slider.main-banner-img .innerSlider .text {padding: 0;width: 100%;display: block;}
.signup.employees-account-cls ul{margin-bottom: 30px;}

.employeedisputedata-table #employeedisputedata_wrapper .row:nth-child(2) {overflow-x: scroll;}
.signup .employers-account-cls ul{margin-bottom: 30px;}
.card-header a.faqquestion{font-size: 14px;}
.card-header a:hover.faqquestion{font-size: 14px;}
#userloginModal .modal-dialog {width: 100%;left: 0;margin: 0;}
.change-request-page .change-request-inerr.ph-rat-cls .change-request-field .change-request-field-list {
  width: 100%;}
.change-request-page .change-request-inerr.ph-rat-cls .change-request-field{margin-bottom: 10px;
 width: 100%;float: left;}


 /* Start dashboard after login */

.border-rgt {border-right: none;}
.probar-cls-lft {margin-bottom: 50px;border-bottom: 1px solid #ccc;padding-bottom: 50px;}
.personalize-offers-hight-inner{position: relative;top: 0;transform: none;}
.personalize-offers .personalize-offers-inner .row .personalize-offers-hight:first-child {border-right: none;
 border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-bottom: 30px;}

 /* End dashboard after login */

 .signup .colors ul li{margin-right: 10px;font-size: 12px;}
 #employeeratingsdata_wrapper .row:nth-child(2) {overflow-x: scroll;}
 .employeeratings-inner #chartcontainer #chartobject-1 {height: auto !important;}
.employeeratings-inner #chartcontainer #chartobject-1 #raphael-paper-5 {height: auto !important;}
.employeeratings-inner #chartcontainer #chartobject-1 #raphael-paper-5  .raphael-group-6-parentgroup {
 height: auto !important;}

.profile-title{margin: 10px 0px;}
.profile-form-cls .fiels{width: 50%;margin: 5px 0px;}
.candidate-ratingks .fiels{margin: 5px 0px;}
.view-rating-subtitle + .viewemployeeratings-detailtable{width: 100%;padding: 0;}
.view-rating-subtitle + .viewemployeeratings-detailtable + .viewemployeeratings-detailtable{width: 100%;
 padding: 0;}
.view-rating-subtitle + .viewemployeeratings-detailtable + 
.viewemployeeratings-detailtable + .viewemployeeratings-detailtable{width: 100%;padding: 0;}
.viewemployeeratings-detailtable{margin: 10px 0;}
.viewemployeeratings-form-cls {margin: 0;}
.signup.employerratingrequests-page-cls #employerratingrequestdata_wrapper .row:nth-child(2) {
 overflow-x: scroll;}

.employer .viewratingrequest-form-cls{margin: 0;}
.addrating-int_emplform1 .fiels{width: 50%;}
.modal-title{font-size: 20px;}
.viewemployeeratings-page-cls {margin: 0;}  

}

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

.aboutus-mobile-view {display: block;}
.aboutus-desktop-view{display: none;}

.employercompany-img-cls .fiels {width: 100%;}
.change-request-inerr{width: 100%; margin-bottom: 0px;}
#employerratingModal .modal-body table:nth-child(2) {width: 600px !important;max-width: 600px !important;}
.modal-open .modal{padding-right: 0 !important;}
.modal-dialog {width: 100%;margin: 0 auto;}
#phasethreerating .field .labelname{font-size: 14px;}
#phasetworating .field .labelname{font-size: 14px;}
.addrating-int_emplform1 .fiels .labelname{font-size: 14px;}

}

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

.modal-open.employee_subscription .modal:after {margin: 55px 0px 246px;}
.employee_subscription .modal {margin: 56px 0px 246px;}  

.plans .content button {padding: 10px 15px;height: auto;}
.per-info-cls .fiels{width: 100%;}
.c100{font-size: 160px !important;}
.progresbar-cls-inner h4{font-size: 16px;}
.progresbar-cls-inner, .refresh-center-inner, .personalize-offers-inner{padding: 30px 15px;}
.employeeratings-inner #chartcontainer #chartobject-1 {height: 180px !important;}
.addrating-detail-cls {margin-left: 0;margin-right: 0;}
.addrating-detail-cls .fiels {width: 100%;padding: 0;}
.profile-form-cls .fiels{width: 100%;}
.candidate-ratingks .fiels{width: 100%;}
.external-candidate-rating-cls .candidate-rating-title {font-size: 18px;margin: 10px 0;}
.viewemployeeratings-detailtable th, .viewemployeeratings-detailtable td {font-size: 13px;
 letter-spacing: 0.25px;}
.addrating-int_emplform1 .fiels{width: 100%;}
#phasethreerating .field{width: 100%;padding: 0px 0px;}
#phasetworating .field{width: 100%;padding: 0px 0px;}

nav.navbar.bottom #collapsingNavbar{margin: 0px 0;}
.fixed-top.bottom.logoresize {top: 55px;}
.external-candidate-cls{max-width: 250px;}
.internal-employee-cls{max-width: 250px;}
.heroContent{padding: 15px;}
.heroContent .heroContentBottom p{font-size: 13px;}
.heroContent .heroContentTop .primaryHeadline{font-size: 24px;line-height: 22px;}





}