/* use font link */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

/* use style sheet */

@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
/* @import url(owl.css); */
@import url(bootstrap.css);
@import url(bootstrap.min.css);
@import url(jquery-ui.css);
@import url(jquery.fancybox.css);



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}
.error{ color:red;}
.btncustom {background-color:#053c56;color:#fff;}
.btncustom:hover{background-color:#053c56;color:#fff;}


.form-field{
position: relative;}
  .palceholder{
   position: absolute;
   top: 7px;
   left: 8px;
    color: #999;
  }
 .palceholder label{    font-weight: 300;
   font-weight: normal;
    color: #999;float: left;
  } 
 .palceholder .star{float: left; top: 7px;
    color: #999}

/* Created By Ramlal */	
/*input#autocomplete-job-title::placeholder {
    color: #fff;
    padding: 5px;
    font-size: 13px;
	background-color: grey;
}

input#autocomplete-skills::placeholder {
    color: #fff;
    padding: 5px;
    font-size: 13px;
	background-color: grey;
}

input#autocomplete-location::placeholder {
    color: #fff;
    padding: 5px;
    font-size: 13px;
	background-color: grey;
}

	ul.job-title-list,ul.skills-title-list a {
		color: #003980;
	}*/
/* Stop */	

.spinner {
  display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*** 

====================================================================
  Global Settings
====================================================================

 ***/
 .morecontent div {
    display: none;
}
.morelink {
    display: block;
}
#error{color:red;}

body {
  font-size:15px;
  color:#777777;
  line-height:1.8em;
  font-weight:400;
  background:#ffffff;
  font-family: 'Inter', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

@media (min-width:1200px) {
  .container {
    padding: 0px 0px;
  }
}

a{
  text-decoration:none;
  position: relative;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  line-height: 25px;
  cursor:pointer;
  color:#fff;
  /* transition: all 500ms ease; */
}

a:hover{
  text-decoration:none;
  outline:none;
  color: #fff;
  /* transition: all 500ms ease; */
}


input,button,select,textarea{
 font-family: 'Inter', sans-serif;
}
.phone-info{font-family: 'Inter', sans-serif;}
.strike-through{
  text-decoration:line-through; 
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.page-wrapper{
  position:relative;
  margin:0 auto;
  width:100%;
  min-width:300px;
  overflow-x: hidden;
  
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}
.centered{
  text-align:center;  
}
.sec-pad1{
  padding: 60px 0px 70px 0px;
}
.sec-pad-f{
  padding: 40px 0px 40px 1px !important;
}
.sec-pad{
  padding: 92px 0px 100px 0px;
}

p{
  position: relative;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  line-height: 26px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 10px;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'Inter', sans-serif;
  /* font-weight: 500; */
  font-weight: 400;
  margin-bottom: 10px;
  color: #000;
  /* color: #222; */
  margin-top: 0px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  position:relative;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #222;
  margin-top: 0px;
  transition: all 500ms ease;
}

h1{
  font-size: 65px;
  line-height: 70px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

h2{
  font-size: 34px;
  line-height: 43px;
  color: #222;
}

h3{
  font-size: 24px;
  line-height: 30px;
}

h4{
  font-size: 20px;
  line-height: 30px;
}

h5{
  font-size: 18px;
  line-height: 28px;
} 

h4 a{
  font-size: 20px;
  line-height: 30px;
}

h6 a{
  font-size: 15px;
  line-height: 22px;
}

h5 a:hover,
h6 a:hover,
h4 a:hover,
h4 a:hover,
h6 a:hover{
  color: #f6b129;
  transition: all 500ms ease;
}
span{
  position: relative;
  display: block;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  line-height: 12px;
  color: #000;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0px;
}


.preloader{position: fixed; left:0px;top:0px;height:100%;width: 100%;z-index:999999;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif);}

/** button **/

.btn-one {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  background: #f6b129;
  padding: 15px 30px;
  font-family: 'Inter', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
}
.btn-one:hover{
  color: #fff;
  transition: all 500ms ease;
}
.btn-one :before {
  background-color: #f6b129;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.btn-one :hover::before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.style-one{
  background: #f6b129; 
  position: relative;
}
.style-one:before {
  background-color: #222;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 1);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  border-radius: 2px;
}
.style-one:hover:before{
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);    
}

.btn-two {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: transparent;
  padding: 11px 33px 10px 33px;
  font-family: 'Inter', sans-serif;
  position: relative;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  z-index: 1;
  border: 2px solid #fff;
  border-radius: 5px;
}
.btn-two:hover{
  color: #c9a76e;
  transition: all 500ms ease;
}

.link-btn{
  position: relative;
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
}
.link-btn li{
  display: inline-block;
  margin: 0px 3px;
}
.link-btn li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'Inter', sans-serif;
  color: #848484;
  font-weight: 600;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  transition: all 500ms ease;
}
.link-btn li a:hover,
.link-btn li a.active{
  background: #f6b129;
  color: #fff;
  border: 1px solid #f6b129;
  transition: all 500ms ease;
}

.section-title h2{
  position: relative;
  font-weight: 500;
  margin-bottom: 2px;
}
.sec-title h2{
  position: relative;
  color: #fff;
}
.sec-title span{
  position: relative;
  display: inline-block;
  font-style: normal;
  font-size: 34px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
  color: #f6b129;
}
.sec-title h2:before{
  position: absolute;
  content: '';
  background: #f6b129;
  width: 50px;
  height: 5px;
  left: 0px;
  bottom: -15px;
  border-radius: 5px;
}
.title-text{
  position: relative;
  margin-bottom: 68px;
}
.title-text p{
  font-size: 15px;
}
.title-text:before{
  position: absolute;
  content: '';
  background: #f6b129;
  height: 5px;
  width: 50px;
  border-radius: 5px;
  left: 50%;
  margin-left: -25px;
  /*bottom: -18px;*/
}
.img-box{
  position: relative;
  display: inline-block;
  background: #253559;
}

/*** 
====================================================================
  Scroll To Top style
====================================================================
***/
.scroll-to-top span{
  color: #fff;
}
.scroll-to-top{
  position:fixed;
  bottom:15px;
  right:15px;
  font-size:18px;
  line-height:43px;
  width:45px;
  height:45px;
  background: #f6b129;
  text-align:center;
  z-index:100;
  cursor:pointer;
  display:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.scroll-to-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


/** header search **/

.header-search {
    position: relative;
    padding: 10px 0px;
    background: #160f09;
    z-index: 5;
    display: none;
}
.header-search .container {
    padding-right: 0px
}
.header-search .search-form {
    position: relative;
    width: 270px;
}
.header-search .search {
    position: relative;
    margin: 0px;
}
.header-search .search input[type="text"], .header-search input[type="search"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    background: none;
    padding: 7px 40px 7px 15px;
    border: 1px solid #f6b129;
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 0px;
}
.header-search button {
    background: #f6b129;
    border-radius: 0 4px 4px 0;
    display: block;
    font-size: 14px;
    height: 100%;
    line-height: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 38px;
    border: 1px solid #f6b129;
}
.header-search button span::before {
    color: #fff;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #24c4f4;
    transition: all 500ms ease;
}
.header-search .search input:focus + button, .header-search .search input button:hover {
    background: #24c4f4 none repeat scroll 0 0;
    color: #24c4f4;
    border: 1px solid #24c4f4;
}
.search-button{
  position: relative;
  display: inline-block;
}
.search-button .toggle-search button {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    color: #48c7ec;
    background: transparent;
    height: 40px;
    width: 40px;
    line-height: 39px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

/*** 
====================================================================
                        Home-Page
====================================================================
***/

/** main header area **/


.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  background: #fff;
  z-index:0;
  box-shadow: 0 0px 0 2px rgba(238, 238, 238, 0.66);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.header-lower{
  position: relative;
  background: #fff;
  /* box-shadow: 0px 0px 13px #d4cfcf; */
  width: 100%;
  margin-bottom: 0px;
}
.header-upper { position: relative;
    background: #053c56;
    width: 100%;
    padding: 14px;
    /* border-bottom: 1px solid #bfbfbf; */
  }
.header-upper .top-left{
  position: relative;
  display: inline-block;
}
.header-upper .top-center{
  position: relative;
  display: inline-block;
  width:100%;
  text-align:right;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  font-family: 'Inter', sans-serif;
}

.header-upper .top-left li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  line-height: 54px;
  color: #c8cfda;
  font-weight: 600;
  margin-right: 41px;
}
.header-upper .top-left li i:before{
  color: #f6b129;
  font-size: 14px;
  margin-right: 8px;
}
.header-upper .top-right{
  position: relative;
  float: right;
}
.header-upper .top-right .social-top,
.header-upper .top-right .button-top{
  position: relative;
  display: inline-block;
}
.header-upper .top-right .social-top{
  position: relative;
  top: 13px;
}
.header-upper .top-right .button-top{
  margin-left: 16px;
}
.header-upper .top-right .social-top li a{
  position: relative;
  display: inline-block;
  color: #d4dae3;
  line-height: 25px;
}
.header-upper .top-right .social-top li a:hover{
  color: #f6b129;
}
.header-upper .top-right .social-top li{
  position: relative;
  display: inline-block;
  margin: 0px 10px;
}
.logo-box{
  background: url(../images/logo/logo1.png) no-repeat 9% 100%;
  height: 84px;
  margin-top: 10px;
  margin-left: -8px;
}
.logo-box a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.main-header .info-box{
  position: relative;
  display: inline-block;
}
.main-header .menu-bar{position: relative; text-align: center;}
.main-header .search-box{
  position: relative;
  margin-left: 51px;
}
.main-header .search-box:before{
  position: absolute;
  content: '';
  background: #d0d0d0;
  width: 1px;
  height: 20px;
  top: 10px;
  left: -31px;
}
.main-header .search-box button{
  position: relative;
  background: transparent;
  width: 40px;
  height: 40px;
  color: #222;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;
}

.main-menu{
  position:relative;
  display: inline-block;
}
.sticky-header .main-menu {
  right: 25px;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation{
  position:relative;
  margin:0px;
}

.main-menu .navigation > li{
  position:relative;
  display: inline-block;
  margin-left: 22px;
}


.main-menu .navigation > li > a > i:before{
  margin-right: 5px;
  font-size: 16px;
}
.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:15px;
  color: #222;
  line-height: 26px;
  font-weight:600;
  padding: 25px 5px 18px 0px;
  text-align: center;
  text-transform:uppercase;
  font-family: 'Inter', sans-serif;
  opacity:1;
  -webkit-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,.main-menu .navigation > li.current > a,
.main-menu .navbar-collapse > ul li.dropdown:hover .dropdown-btn span:before,
.main-menu .navbar-collapse > ul li.dropdown.current .dropdown-btn span:before{
  color: #053c56;
  transition: all 500ms ease;
}

.main-menu .navigation > li:hover > a:after{
  opacity:1;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top:130%;
  margin-top: 0px;
  width:220px;
  padding:0px;
  z-index:100;
  display:none;
  background:#222;
  border-top:3px solid #f6b129;
  transition:all 1000ms ease;
  -moz-transition:all 1000ms ease;
  -webkit-transition:all 1000ms ease;
  -ms-transition:all 1000ms ease;
  -o-transition:all 1000ms ease;
}
.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
}
.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 15px;
  line-height:28px;
  font-weight:600;
  font-size:14px;
  font-family: 'Inter', sans-serif;
  text-transform:capitalize;
  color: #ffffff;
  border-bottom: 1px dashed #f6b129;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:last-child >a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li:hover > a{
  color: #f6b129;
 /* padding:10px 15px 10px 17px;*/
  transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#ffffff;
  transition:all 500ms ease;  
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  top:100%;
  transition:all 500ms ease;  
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  display: inline-block;
  position: absolute;
  top: 40px;
  right: -10px;
  cursor: pointer;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn span:before{
  color: #222;
  font-size: 14px;
}
.top-menu li {display: inline-block;
    color: #fff;
    margin: 3px 6px 0 0;

}
.top-left h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;margin-bottom: 0;
}
.top-menu li a {font-size: 16px; font-weight: 600; color: #fff;font-family: 'Inter', sans-serif;}
.top-menu li a span {background-color: red; color: #fff; width: 26px; padding: 5px; text-align: center; border-radius: 50%;height: 23px;margin: -11px -5px 0 auto;}
.slider-content-box { background: rgba(0, 84, 122, 0.7); padding: 30px;}
.slider-content-box h3 {color: #fff;line-height: 40px;font-size: 28px;font-weight: 600; font-family: 'Inter', sans-serif;}
.slider-content-box p {color: #fff; font-size: 20px;margin-top: 11px;}
.slider-search-section input {
    width: 287px;
    float: Left;
    height: 43px;
    line-height: 18px;
    padding: 6px 11px 6px 11px;
    border-radius: 1px;
}
.slider-search-section .btn {
    height: 43px;
    right: 0;
    top: 5px;
    border-radius: 0;
    width: 187px;background-color: #00537a;
border-color: #00537a;
}
.slider-search-section {
    margin-top: 23px;
}
/*------------how-it-work-------------*/
.section-01 { padding: 60px 0px 60px 0px; background-color: #f9f9f9;}
.how-it-title h3 { text-align:center; font-size: 35px; font-weight: 600; color: #000;}
.box-how-it01 {
    text-align: center;
    padding: 10px;
}
.box-how-it01 h4{margin:0px;line-height: 21px;}
.box-how-it01 h4 a {font-size: 15.5px;font-weight: 500;line-height: 0px; margin:0px;}
.box-how-it01 h4 a:hover {font-size: 16.5px;font-weight: 500; color:#053c56;}
.how-it-box { margin-top: 25px;}
.box-how-it01 img {margin-bottom: 15px;}
.box-how-it01 p {color: #505050;}

/*----------//how-it-work-------------*/

/*------------testimonial-----------*/
.testimonial-area { padding: 60px 0 60px; background-color: #f5f5f5;}
.testimonial-area .single-testimonial .part-text p {
    font-size: 18px;
    color: #242424;
}
.testimonial-area .single-testimonial {
    text-align: center;
    padding: 40px 40px 50px;
    background-color: #fff;margin: 15px;
}
.testimonial-area .testimonial-slider .owl-controls .owl-dots {

    position: relative;
    left: 50%;
    display: inline-block;
    margin-left: -32px;
    margin-top: 32px;

}
.testimonial-area .testimonial-slider .owl-controls .owl-dots .owl-dot.active {background-color: #00537a;}
.testimonial-area .testimonial-slider .owl-controls .owl-dots .owl-dot {
 width: 15px;height: 15px; border-radius: 50%; background-color: #fff;border: 1px solid #d3d3d3;display: inline-block;
 margin-right: 10px;}
 .testimonial-area .single-testimonial .part-details .part-img {
 display: inline-table;
    width: 50px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

}
.testimonial-area .single-testimonial .part-details .part-img img {
 width: 100%;}
 .testimonial-area .single-testimonial .part-details .part-name {
text-align: left;display: inline-block;margin-left: 20px;}
.section-title.front-testimonial h2 {
    text-align: center;
    margin-bottom: 40px;
}
.testimonial-area .single-testimonial .part-text .icon {
    font-size: 35px;
    color: #242424;
    opacity: .25;
    margin-bottom: 22px;
}
/*------------//testimonial-----------*/
.bg-box-section {background-color: rgba(0,0,0, 0.8); padding: 90px 0 90px 0;}
.bg-section-content {width: 80%; margin: 0 auto;text-align: center;}
.bg-section-content h4 {color: #fff; font-size: 25px; line-height: 40px;text-align: center;margin-bottom: 40px;}
.bg-section-button {color:#fff;font-size: 18px; background-color: #00537a; padding: 14px 50px 14px 50px; border-radius: 29px;}
.bg-section-button:hover {color:#fff;font-size: 18px; background-color: #053c56;}
.bg-section-candidate h4 {
    font-size: 28px;
}
.bg-section-candidate {
    width: 49%;
}
.bg-section-candidate h4 {
    font-size: 28px;
    margin-bottom: 40px;
    line-height: 35px;
}
.bg-candidate-button{color:#fff;font-size: 18px; background-color: #00537a; padding: 14px 20px 14px 20px; border-radius: 10px;}
.bg-candidate-button:hover{color:#fff;font-size: 18px; background-color: #053c56; padding: 14px 20px 14px 20px; border-radius: 10px;}

.footer {
    background-color: #053c56;
    padding: 40px 0px;
}
.footer-box h3 { color: #fff; text-align: center;font-size: 17px;}
.footer-box h3 a {color:  #fff;font-size: 17px;}
.footer-box li {margin-bottom: 14px;
    display: inline-block;color: #fff; margin:0 10px 0 0;
}
.footer-box ul {text-align: center;}
.footer-box li a {color: #fff;font-size: 14px; font-weight: 600;}
.footer-box li a:hover{color:#000;}
.footer-bottom ul { text-align: center;}
.footer-bottom ul li {display: inline-block; margin: 0 11px 0 0;color: #fff; font-size: 14px;}
.footer-bottom li a {color: #fff; font-size: 25px;}
.footer-bottom {margin-top: 16px;}
.footer-bottom li a:hover{color:#000;}
.inner-content-box p {
    color: #fff;
}
.inner-content-box {
    padding: 40px;
    margin-top: 26%;
}
.btn.btn-primary.btn-sm {
 background-color: #053c56;
    border-color: #053d56;
    padding: 5px 25px 5px 25px;
    font-size: 15px;
}
.nav.nav-tabs.how-it-tabs .nav-item.active > a {background-color:  #053c56; color:#fff;}

.nav.nav-tabs.how-it-tabs {
    margin-top: -4%;
    position: absolute;
   
width: auto;}
.how-content{width:100%; text-align:center;}
.how-it-right {
    text-align: left;
    margin-top: 35px;
    border-bottom:2px solid #e3e3e3;
    padding: 0 0 20px 0;margin-bottom: 40px;
}
.work-left img {
    float: left;
}
.how-content {
    margin-bottom: 5%;
}

.section-bottom-button a {
    background-color: #053c56;
    padding: 8px 33px 8px 33px;
    color: #fff;
    float: right;
}
.section-bottom-button a:hover {
    margin-right: 15%;
    background-color: #000;
    padding: 8px 33px 8px 33px;
    color: #fff;
    float: right;
}
.section-bottom-button p {
    position: absolute;
    color: #000;margin-top: 5px;
    font-size: 15px;
    font-weight: 600;
}
.how-it-right h3{font-size:25px;}
.how-it-section.work-01 {
    padding: 40px;
}
.candidate-box-search {
    width: 23%;
    float: left;
}
.candidate-box-search p{
    color: #000;font-size: 15px;
    font-weight: 600;
}
.candidate-btn-search a{background-color: #053c56; padding: 8px 33px 8px 33px; color: #fff;}
.candidate-box-search-bottom p {color: #000;font-size: 15px;font-weight: 600; margin-bottom: 16px;margin-top: 10px;
}
.search-candidate-btn {
    background-color: #053c56;
    padding: 8px 33px 8px 33px;
    color: #fff;
    float: left;
}
.nav.nav-tabs.how-it-tabs { margin: 0 auto; position: relative; width: 56%;margin-top: -3.4%;border: none;}
.card faq-dropbox[data-toggle="collapse"]:after {
display: inline-block;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  float: right;
  }   
.card faq-dropbox[data-toggle="collapse"].collapsed:after {
  transform: rotate(0deg) ;
}
.slider-search-btn{background-color:#053d56 !important; border-color:#053d56;}
.card.faq-dropbox {border-bottom: 1px solid #ccc;padding: 12px;}
/*-----------login-form-----------*/
.login-page {padding: 50px 0px; background-color: #f5f5f5;}
.login-page-form{padding: 36px; background-color: #fff;text-align: center;}
.login-page-form h3 {font-size: 20px; border-bottom: 2px solid #f5f5f5; padding: 0 0 10px 0;}
.form-group.row input {border-radius: 0px; border: 1px solid #e3e3e3;}
.forget-pass{text-align:left;}
.forget-pass a { color: #4a7e9d;    font-weight: bold;}
.forget-pass a:hover { color:  #000;text-decoration: underline;}
.form-register-user a {color: #4a7e9d; font-weight: bold;}
.form-register-user a:hover { color: #000;text-decoration: underline;}
.login-form01 {background-color: #053d56; padding: 9px 30px 9px 30px;border: 0; border-radius: 0;}
/*----------//login-form-----------*/
/*----------Registration-employer-form-----------*/
.Registration-employer-form {background-color: #fff;margin-top: 2%;}
.sign-employer-form{padding:0 20px;}
.register-title {text-align: center; width: 50%; background-color: #053c56; margin:0 auto;}
.register-title h3 {color: #fff; padding: 11px 0 11px 0; font-size: 20px;font-family: 'Inter', sans-serif;}
.register-emp-form input {border-radius: 4px !important; margin-bottom: 0px;}
/* layout.css Style */
.upload-drop-zone {
  height: 200px;
  border-width: 2px;
  margin-bottom: 20px;
}
.form-control.creadit-sm {
    margin-bottom: 20px;
}
.panel.panel-default.register-form-default {
    margin-bottom: 3px;
}
/* skin.css Style*/
.upload-drop-zone {
  color: #ccc;
  border-style: dashed;
  border-color: #ccc;
  line-height: 200px;
  text-align: center
}
.upload-drop-zone.drop {
  color: #222;
  border-color: #222;
}



.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.glyphicon.glyphicon-folder-open {
    float: left;
    margin-top: 5px;
}
.btn.btn-default.image-preview-input{padding: 11px 32px 9px 18px;}
.glyphicon.glyphicon-folder-open {
    float: left;
    margin-top: 5px;
    color: #333;
    margin-right: 8px;
}
.upload-btn {
    background-color: #053c56;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    font-style: normal;padding:11px 20px 8px 20px;
}
.image-preview-input-title {margin-left: 2px;color: #333;font-style: normal;}
.form-control.image-preview-filename {background-color: transparent;height: 41px;}
.input-group.image-preview {margin-bottom: -1px;}
.re-emp_box {padding: 42px;}
.Registration-page{background-color: #f5f5f5;}
.register-colum {height: 40px;}
.register-summary-col { border-radius: 4px;
   /* height: 50px !important; */
    margin-bottom: 0px;
  }
.form-control.register-pass {margin-bottom: 0;}
.form-text.text-muted.register-sm-4 {float: left; font-size: 10px; color: #000; margin-left: 4px;}
.custom-control.custom-checkbox {text-align: left;}
.register-custom {font-size: 12px;color: #000;}
.register-custom a {font-size: 12px; color: #517dd6;text-decoration: underline;}
.choose-file {text-align: left;}
.choose-file h3 {font-weight: 600; margin-bottom: 0px;}
.choose-file-section { margin-bottom: 20px;}
  .panel-heading [data-toggle="collapse"]:after {
        font-family: 'fontawesome';
        content: "\f054"; /* "play" icon */
        float: left;
        color: #000;
        font-size: 15px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }
.panel-title.registration-edit-tab {text-align: left;}
.panel-title.registration-edit-tab a {font-size: 15px; margin-left: 11px;}
.register-box30 { background-color: transparent !important; border: 0px;}
.register-form-default {border: 0px;}
.control-label.exp-section {float: left; font-size: 11px; font-weight: 600;margin-top: 5px;}
#expireMM {float: left; border: 1px solid #d7dadd; background-color: #f0f2f4;padding: 7px 0px;}
#expireYY{border: 1px solid #d7dadd; background-color: #f0f2f4;padding: 7px 0px;}
.employer-bottom-section p {text-align: left;}
.employer-bottom-section {margin-bottom: 25px;}
.checking-ac-box {text-align: left; height: 60px; overflow-y: scroll; border: 1px solid #ccc; padding: 14px;}
.checking-ac-box p {display: contents;font-size: 10px;font-weight: 600;color: #000;}
.register-add {background-color: #053c56; border: 0px; border-radius: 0; padding: 9px 30px 9px 30px;}
.register-cancel {background-color: #053c56; border: 0px; border-radius: 0; padding: 9px 30px 9px 30px;}
#course {width: 100%;height: 40px; border: 1px solid #ccc; margin-bottom: 20px;}
#emp-search {
    width: 300px;
    height: 40px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 0 0 0 19px;
    background-color: transparent;
}
.nav.nav-tabs.how-it-tabs li a {color: #000;padding:10px 25px 8px 25px;margin: 0 2.6px;background-color: #f7f7f7;}
.nav.nav-tabs.how-it-tabs li a:hover{padding: 10px 27px 8px 26px;}
.nav.nav-tabs.how-it-tabs li{    float: left; margin-bottom: 0px;/*border: 1px solid #e6e6e6; */}
.search-candidate-btn:hover { color: #fff; background-color:  #000;}
.register-search-go {padding: 10px 30px 9px 30px; border-color: #053c56; border-radius: 0;background-color: #053c56;}
.emp-account {text-align: left; font-weight: 600; color: #000;}
.select-box i { position: absolute; top: 7px; right: 28px; cursor: pointer;}
.select-box.ac-type {  margin-bottom: 18px;}
.thnq-page-form {background-color: #fff; padding: 65px;}
.thnq-page-form h3 {font-size: 30px; line-height: 40px;text-align: center; color:#989797;	}
.thnq-page-form h3 a{font-size: 30px;color: #358bff;text-decoration: underline;}
.thnq-page-form p { text-align: center; font-size: 17px;color: #989898;margin-top: 35px;}
.thnq-page-form p a{font-size: 17px;color: #358bff;text-decoration: underline;}
.email0varifaction {padding: 0 0 0 43%;border: 2px solid #053c56 !important;}
.email-privacy {text-align: left;}
.email-privacy { text-align: left; border: 2px solid #e3e3e3; padding: 11px;}
.email-privacy span {float: left; margin-right: 7px;margin-top: 7px;}
.email-privacy p {font-size: 12px;margin-left: 22px;line-height: 20px;}
.email-form01 {width: 100%; border: 0; border-radius: 0; margin-top: 18px;background-color: #053c56;}
.email-register-user li {display: inline-block;margin: 10px 5px 0 0;}
.email-register-user li a{color:#4a7e9d;}
.email-register-user li a:hover { text-decoration: underline;}
.email-confirm h3 {border: 0; padding: 0;font-size: 26px;color:#888686;}
.email-confirm-form {height: 410px;}
/*----------//Registration-employer-form-----------*/
/*---------------------saved-history----------------------*/
.advance-saved01 {
    /*float: right;*/display: inline;
    margin: 5px 0px 0 15px;
}
.advance-saved01 li {display: inline-block;}
.advance-saved01 li a { color: #000; margin: 0 8px 0 0; font-size: 15px;}
.advance-saved01 li a:hover { color: #053c56; margin: 0 8px 0 0; font-size: 15px;}
.saved-history-colum { margin-bottom: 30px;}
#customers {
  font-family: 'Inter', sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#customers td{
  border: 1px solid #ddd;text-align: left;
  padding: 8px;font-size: 12px;
width: 66%;color:#3187b9;
}
.table-colum-right{color:#2e2e2e !important;}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;border: 1px solid #ddd;
  padding-bottom: 12px; padding-left:8px;
  text-align: left;
  background-color: #ecebeb;
  color: #000;
}
.saved-history-page {padding: 36px;
background-color: #fff;}

/*-------------------//saved-history----------------------*/
/*--------------------Landing-Page-------------------*/
.login-page.landing-pages {
    background-color: #f3f2ef;
    /* background-color: #fff; */
}
.section-left h4 {font-size: 13px;padding: 5px; text-align: center; background-color: #dddddd; margin-bottom: 0px;}
.section-left { border: 1px solid #f0f0f0; box-shadow: 0 0 3px #f6f6f6;background-color: #f9f9f9;}
.panel.section-panels {margin-bottom: 1px;}
.panel.section-panels h3 {font-size: 15px;}
.section-right-icon {color:#000;}
.section-right-icon i { margin-left: 13px; color:#d4dae3;}
.section-job-title p {text-align: center;  background-color: #ccc; border-radius: 20px; color: #000; padding: 6px;}
.section-job-title a,.section-skills-title a,.section-location a,.job_title_selected  a {color: red; font-size: 15px;}
.panel.section-panels .panel-heading {padding: 2px 15px;color: #053c56; font-weight:bold;}	
/* .panel.section-panels .panel-heading {padding: 2px 15px;background-color: #f9f9f9;color: #053c56; font-weight:bold;}	 */
.left-skils{padding: 13px 30px;}
.colum-left-skils h3 {font-size: 14px; margin: 0px; color: #053c56; font-weight: bold;}
.colum-left-skils li a { color: #898888;}
.colum-left-skils {border-bottom: 1px solid #ddd;}
#ship_date {
    width: 21%;
    float: left;
    padding: 0px;font-size: 11px;background-color: transparent;
}
#shiptime{margin-left: 6px;background-color: transparent;
 width: 21%;
    float: left;
    padding: 0px;font-size: 11px;
}
#shiputc{margin-left: 6px; width: 51%;float: left;padding: 0px;font-size: 11px;background-color: transparent;}
.customradio {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 18px;
  margin: 0 0 0 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.customradio.only { margin: 0 12px 0 0px;}

/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0px;
    height: 17px;
    width: 17px;
    background-color: white;
    border-radius: 50%;
    border: 1px solid #BEBEBE;
}
/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: white;
  border:1px solid #BEBEBE;
}

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

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark::after {
    top: 1px;
    left: 1px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #dddddd;
}

/* Custom Radio Button End*/

.ui-slider .ui-btn-inner {
    padding: 4px 0 0 0 !important;
}
 
.ui-slider-popup {
    position: absolute !important;
    width: 64px;
    height: 64px;
    text-align: center;
    font-size: 36px;
    padding-top: 14px;
    z-index: 100;
    opacity: 0.8;
}
.panel-right-section {
    background-color: transparent !important;
    padding: 3px 0 0 16px;
}
.user-left span {
    width: 13px;
    height: 13px;
    background-color: #05b714;
    border-radius: 100%;
    float: left;
    margin-top: 19px;
    margin-right: 7px;}
.user-left {width: 12%;float: left;}
.user-right { width: 88%;float: right;}	
.user-right h3 {font-size: 18px;float: left;}

/****** Style Star Rating Widget *****/

.rating { border: none;float: left;margin-left: 11px;}

.rating > input { display: none; } 
.rating > label::before {
    margin: 2px 7px 0 0;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}


.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #f66828;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #f66828;  } 
.rating-num {float: left;font-size: 20px; color: #f66828; margin-right: 0px; line-height: 30px; margin-right: 10px;}
.user-right span { float: left; margin-top: 8px; font-size: 16px; color: #777;}
.user-panel-right-btn {float: right;}
.user-panel-right-btn ul li { display: inline-block;}
.user-panel-right-btn ul li a {color: #fff; background-color: #053c56; padding: 6px 16px 6px 16px; border-radius: 15px;}
.user-left-content {width: 15%;float: left;}
.user-right-content {width: 85%;float: right;}
.user-left-content h4 {  font-size: 15px; float: right;margin-right: 26px;}
/*------------------review-tab-----------------*/
.tab .leanding-tabs {overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1;}
.tabcontent {display: none; padding: 6px 12px; border: 1px solid #ccc;border-top: none;}
.actived a{color:green}
.actived a:hover{ font-weight: bold}
.deactivated a{color:red}
.deactivated a:hover{ font-weight: bold}
.available {color:green; }
.disable{ color: red; font-weight: bold}
.intraining{color: blue; font-weight: bold}
.vacation{ font-weight: bold}
/*------------------//review-tab-----------------*/
.leanding-review-btn { padding: 5px 20px 5px 20px; margin-top: 10px; margin-bottom: 10px; background-color: #053c56; border-color: #053c56;}
.tab.leanding-tabs .tablinks {background-color: transparent;color: #000;}
.tab.leanding-tabs .tablinks i { margin: 0 7px 0 20px;font-size: 25px;color: #000;}
.panel.panel-default.leanding-right-section { padding: 0 0 0px 0;}
.col-auto.search-leanding { width: 20px; float: left;}
.col.search-leanding-mh2 {width: 95%;float: right;}
.search-leanding-col {border: 1px solid #969494; padding: 6px 0 7px 14px;}
.search-leanding-mh20 { width: 100%;}
/*-------------------//Landing-Page-------------------*/
/*-------------------Landing-Page-logged-out------------------*/
.top-left h3 span {float: right; color: #fff; margin-top: 13px; font-size: 17px; margin-left: 5px;}
.logged-out-advance-tab {float: left;}
.btn.btn-info.register-search-go.logged-out-se10 { float: left;}
.logged-out-advance-tab { float: left; margin-left: 10%;}
/*-------------------//Landing-Page-logged-out------------------*/	
/*-------------------schedule-an-interview------------------*/
.schedule-page h3 {font-size: 20px; color: #000;}
.schedule-form {margin-bottom: 25px;}
.schedule-input01 {border-radius: 0;}
#ship_dates {width: 32%; float: left; margin-left: 58px;}
#shiptimes {width: 31%; float: left; margin-left: 15px;}
#registration-date {padding: 0 0 0 17px;width: 120px; border-radius: 0px;}
.schedule-dates { font-size: 16px; margin-top: 13px; color: #b8b8b8;}
#ship_hr { width: 11%;float: left;}
.shchdule-inter {width: 5%; float: left;margin-left: 14px;}
#shipmin {width: 11%; float: left;}
.input-group.schedule-200 {width: 100%;}
.sch-interview {margin-bottom: 0px;}
.schedule-interviews-btn {text-align: center;margin-top: 15px;}
.schedule-page {box-shadow: 5px 0 24px #f4f4f4; padding: 14px 0 20px 0;}
/*------------------//schedule-an-interview------------------*/
/*-------------------interviewer-notification------------------*/
.interviewer-notification { background-color: #fff; padding: 20px 27px; text-align: center;border: 1px solid #c5c5c5;}
.interviewer-notification h3 {font-size: 16px; margin-bottom: 0px;}
.interviewer-notification20{text-align:center;padding: 20px 10px; background-color:#f3f6f8;border: 1px solid #c5c5c5;}
.interviewer-notification20 h3 {font-size: 13px;margin-bottom: 0px;}
.interviewer-notification20 a {color: #0e7cb0;}
.inter-notification-title h4 {font-size: 15px; margin-bottom: 0px;}
.inter-notification-title {background-color: #fff;padding: 7px 0 5px 22px;border: 1px solid #d8d8d8;}
.inter-notification-BOX {padding: 10px; background-color: #e5f7fe; border:1px solid #d7d5d4; cursor:pointer; height: 155px;}
.inter-img img { width: 65px; border-radius: 50%;}
.inter-img {width: 13%;float: left;}
.inter-content{width:70%; float:left;}
.inter-content h3 {font-size: 15px;  margin: 7px 0 0 0;}
.inter-content ul li {display: inline-block; margin: 10px 1px 0 0;}
.inter-content li a {color: #3793be; border: 1px solid; padding: 5px 20px 5px 20px;}
.inter-content-right {float: right;}
.inter-notification-01 {border-top: 0px;}
.inter-img.inter-experience img {border-radius: 0px;}
.interviewer-notification p {margin-bottom: 0px;}

/*------------------//interviewer-notification------------------*/
/*------------------interviewer-feedback------------------*/
.result-page-form {background-color: #fff; padding: 40px;}
.result-page-form h3 {text-align: center; border-bottom: 1px solid #f5f5f5;padding: 0 0 10px 0;}
.feedback-box-left h3 {font-size: 14px;border: none;text-align: left;}
.feedback-box-right p {font-size: 14px; color:#9b9b9b; text-align: left;}
.feedback-box-right a {color: #fff; margin: 0 20px 0 0; background-color: #053c56; padding: 9px 25px 9px 25px;}
.feedback-box-right a:hover {color: #fff; margin: 0 20px 0 0; background-color: #333; padding: 9px 25px 9px 25px;}
.screening-result h4 {font-size: 15px;}
.screening-result ul li {font-size: 13px; line-height: 23px;}
.screening-result {margin-top: 20px;}
.feedback-box {padding: 30px 30px 0 30px;}
.accept-details-left h4 {font-size: 14px; }
.accept-details-left{float: left; width: 20%;}
.accept-details-right { width: 70%; float: left;}
.accept-details-btn {float: left;}
.accept-bottom-text {margin-bottom: 20px;}
.panel.panel-default.leanding-right-section.accept-box{padding: 0 0 10px 0;}
.user-right.accept-title {margin-top: 13px;}
.accept-decline-box { padding: 25px;}
.feedback-box-right input { height: 35px; border-radius: 0px;}
.inteviwer-bottom-btn a {background-color: #053c56; color: #fff; padding: 7px 30px 9px 30px; margin: 0 15px 0 0;}
/*------------------//interviewer-feedback------------------*/
.result-share-btn {margin-top: 15px;text-align: center;}
.screening.results { text-align: center;}
.screening-section {border-radius: 0px; padding: 8px 30px 8px 30px; background-color:#053c56;}
.results-screening300 {  padding: 25px;}
.results-popup-section { width: 700px !important; margin-top: 10%;}
.email-confirm.feedback-for-interviewer h3 {font-size: 16px; color: #000;}
.feedback-for-rating { width: 100%; height: 40px;}
.feedback-for-rating .rating {width: 56%;}
.feedback-for-rating .rating > label {color: #fbb03b; float: right;}
.form-control.md-textarea.feedback-here { height: 82px;border-radius: 0px;}
.btn.btn-primary.feedback-form01 { border-radius: 0px;padding: 8px 40px 8px 40px;background-color: #053c56; }
.feedback-by-employer { padding:60px 60px 20px 60px;}
.feedback-by-employer1 { padding:60px}
/*--------------chat-box-----------------*/
.chat-boxsm20{padding: 27px;width: 100%;height: 605px;}
#custom-search-input {
  background: #f3f6f8 none repeat scroll 0 0;
  margin: 0;border: 1px solid #ccc;
  padding: 10px;
}
   #custom-search-input .search-query {
   background: #fff none repeat scroll 0 0 !important;
   border-radius: 4px;
   height: 33px;
   margin-bottom: 0;
   padding-left: 7px;
   padding-right: 7px;
   }
   #custom-search-input button {
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   border: 0 none;
   border-radius: 3px;
   color: #666666;
   left: auto;
   margin-bottom: 0;
   right: 0;
   z-index: 9999;
   }
   .search-query:focus + button {
   z-index: 3;   
   }
   .all_conversation button {
   background: #f5f3f3 none repeat scroll 0 0;
   border: 1px solid #dddddd;
   height: 38px;
   text-align: left;
   width: 100%;
   }
   .all_conversation i {
   background: #e9e7e8 none repeat scroll 0 0;
   border-radius: 100px;
   color: #636363;
   font-size: 17px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   width: 30px;
   }
   .all_conversation .caret {
   bottom: 0;
   margin: auto;
   position: absolute;
   right: 15px;
   top: 0;
   }
   .all_conversation .dropdown-menu {
   background: #f5f3f3 none repeat scroll 0 0;
   border-radius: 0;
   margin-top: 0;
   padding: 0;
   width: 100%;
   }
   .all_conversation ul li {
   border-bottom: 1px solid #dddddd;
   line-height: normal;
   width: 100%;
   }
   .all_conversation ul li a:hover {
   background: #dddddd none repeat scroll 0 0;
   color:#333;
   }
   .all_conversation ul li a {
  color: #333;
  line-height: 30px;
  padding: 3px 20px;
}
   .member_list .chat-body {
   margin-left: 47px;
   margin-top: 0;
   }
   .top_nav {
   overflow: visible;
   }
   .member_list .contact_sec {
   margin-top: 3px;
   }
   .member_list li {
   padding: 6px;
   }
   .member_list ul {
   border: 1px solid #dddddd;
   }
   .chat-img img {
   height: 34px;
   width: 34px;
   }
   .member_list li {
   border-bottom: 1px solid #dddddd;
   padding: 6px;
   }
   .member_list li:last-child {
   border-bottom:none;
   }
   .member_list { background-color:#f3f6f8;
   height: 480px;
   overflow-x: hidden;
   overflow-y: auto;
   }
   .sub_menu_ {
  background: #e8e6e7 none repeat scroll 0 0;
  left: 100%;
  max-width: 233px;
  position: absolute;
  width: 100%;
}
.sub_menu_ {
  background: #f5f3f3 none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: none;
  left: 100%;
  margin-left: 0;
  max-width: 233px;
  position: absolute;
  top: 0;
  width: 100%;}
.all_conversation ul li:hover .sub_menu_ {display: block;}
.new_message_head button {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;}
.new_message_head {background: #fff none repeat scroll 0 0;border-bottom: 2px solid #e2e3e5; float: left; font-size: 13px;font-weight: 600; padding: 18px 10px; width: 100%;}
.message_section {border: 1px solid #dddddd;background-color: #fff;}
.chat_area {float: left; height: 300px; overflow-x: hidden;overflow-y: auto; width: 100%;background-color: #fff;}
.chat_area li {padding: 14px 14px 0;}
.chat_area li .chat-img1 img { height: 40px; width: 40px;}
.chat_area .chat-body1 {margin-left: 50px;}
.chat-body1 p {background: #fbf9fa none repeat scroll 0 0; padding: 10px;}
.chat_area .admin_chat .chat-body1 { margin-left: 0;  margin-right: 50px;}
.chat_area li:last-child { padding-bottom: 10px;}
.message_write {background: #f5f3f3 none repeat scroll 0 0; float: left; padding: 15px; width: 100%;}
.message_write textarea.form-control {height: 70px; padding: 10px;}
.chat_bottom {float: right; margin-top: 13px; width: 25%;}
.upload_btn { color: #777777;}
.pull-left.upload_btn.fileinput-button {font-size: 19px;line-height: inherit;left: 25%;margin-top: 5px;}
.sub_menu_ > li a, .sub_menu_ > li {float: left; width:100%;}
.member_list li:hover {background: #c4f1f5 none repeat scroll 0 0; color: #fff; cursor:pointer;}
.input-group.chat-left-section.col-md-12 { margin-top: 44px;}
.chat-left-box { width: 70px;float: left;}
.chat-right-box { width: 35%; float: right;}
.col-auto.search-chat-box {width: 10%;float: left;}
.col.search-chat-mh2 {width: 80%;float: left;}
.chat-box-search {width: 100%; background-color: #fff; height: 30px;}
.col-auto.search-chat-box i {margin-left: 8px;}
.badge.chat-right10.pull-right {background-color: transparent;color: #333;padding: 8px 0 0 0;}
.user-online {width: 8px;height: 8px;background-color: green;border-radius: 50%;position: relative;top: 21px;}
.chat-img.pull-left {margin-left: 9px;}
.primary-font.online-user-text {font-size: 11px; line-height: 18px;}
.chat-center-box {width: 180px; float: left; margin-top: 15px;}
.chat-profile-left {width: 60px; float: left;}
.caret.pull-right.profile-drop-icon {left: 21px;}
.col-md-9.col-sm-9.chat023 { padding-left: 0px; padding-right: 0px;}
.chat-contact-info h3 {font-size: 14px;float: left;}
.chat-contact-info a {float: right; color: #979797;}
.chat-co20 {height: 50px;border-bottom: 1px solid #e2e3e5;}
.chat-contact-info1 h3 { font-size: 15px; text-align: center;}
.chatinng-box ul li { display: inline-block; margin: 0 15px 0 0;}
.chat-contact-info1 {margin-top: 30px;}
.chatinng-box {text-align: center;}
.chat-contact-info1 {margin-top: 30px; border-bottom: 1px solid #e2e3e5; height: 255px;}
.chating-tools ul li {display: inline-block;}
.chating-tools ul li a {color: #000; margin: 0 10px 0 0; font-size: 12px;}
.chating-tools ul li a:hover {color: #333; margin: 0 10px 0 0; font-size: 12px;}
.chating-tools p { font-size: 11px;}
.chating-tools {border-top: 1px solid #e2e3e5; margin-top: 30%; padding: 5px 0 0 0;}
.chat-sent {background-color: #053c56; border: #053c56; padding: 8px 40px 8px 40px;}
.chat-sent:hover {background-color: #333; border: #333; padding: 8px 40px 8px 40px;}
.chat-page01 {padding: 50px 0px;}
.chating-tools li a span {margin-top: 14px; float: left;}
.schedule-btn {background-color: #053c56; color: #fff; padding: 6px 15px 6px 15px; border-radius: 20px;margin-right: 20px; float: left;}
.chat-sche {width: 26%; float: right;}
/*--------------//chat-box-----------------*/
/*----------------my-account-------------------*/
.my-account-20 { margin-top: 20px;margin-bottom: 20px;}
.neptune-grid.two-column .core-rail, .neptune-grid.two-column-with-left-rail .core-rail {
    box-sizing: border-box;
    float: left;
    margin-right: -1px;
    width: calc((576px * .70833) + 384px);
    margin-bottom: 24px;
}
.profile-background-image--loading {
    background: url(../images/background/my-account.jpg) center/cover;
}
.profile-background-image {
    position: relative;
    width: 100%;
    padding-bottom: 25%;
}
.Elevation-2dp {
    transition: box-shadow 83ms;
}
.profile-photo-edit__edit-btn {
    line-height: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
.pv-top-card-v2-section__edit-photo .profile-photo-edit__preview {
    width: 158px;
    height: 158px;
}
.profile-photo-edit__edit-icon.profile-photo-edit__edit-icon.profile-photo-edit__edit-icon {
    position: absolute;
    height: 32px;
    width: 32px;
    border-radius: 32px;
    bottom: -6px;
    right: -6px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    color: #0073b1;
    padding: 8px 0 0 8px;
}
.pv-top-card-v2-section__edit-photo {
    display: block;
}
.pv-top-card-section__edit-photo {
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.profile-photo-edit {
    margin: 0;
    position: relative;
    background-color: #e6e9ec;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.profile-photo-edit, .profile-photo-edit__preview {
    height: 88px;
    width: 88px;
    border-radius: 50%;
}
.pv-top-card-v2-section__photo-wrapper {
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    background-clip: content-box;
    border: 0 solid transparent;
    border-radius: 49.9%;
}
.pv-top-card-v2-section__profile-photo-container {
    margin: -116px 0 0 -24px;
}
.pv-top-card-section__photo-wrapper {
    background-color: rgba(243,246,248,.94);
    border: 4px solid #fff;
    box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15),0 1.5px 3px 0 rgba(0,0,0,.15);
    box-sizing: content-box;
    margin: 0 45px;
    position: relative;
}
.profile-colum h4 {
    margin-top: 0px;
    font-size: 17px;
    margin-bottom: 0px;
}
.profile-colum a {
    background-color: #053c56;
    color: #fff;
    padding: 10px 30px 10px 30px;
}
.pv-top-card-v2-section__meta-info {text-align: right;}
article {
    margin-bottom: 3rem;
    position: relative;}
article:before, article:after {
    content: "";
    display: table;}

article:after { clear: both }

article section:first-of-type {
    float: right;
    width: 100%;
}

article section:last-of-type {
    display: none;
    visibility: hidden;
}

/* input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
} */

[for="read_more"] {
    position: absolute;
    bottom: -3rem;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 14px;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);
}

[for="read_more"]:hover {
    background: rgba(0,0,0,.5);
    color: rgb(255,255,255);
}

[for="read_more"] span:last-of-type {
    display: none;
    visibility: hidden;
}

input[type=checkbox]:checked ~ section {
    display: block;
    visibility: visible;
    width: 100%;
}

input[type=checkbox]:checked ~ figure { width: 100% }

input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type {
    display: none;
    visibility: hidden;
}

input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type {
    display: block;
    visibility: visible;
}
.box-account320 {margin-top: 15px;margin-bottom: 16px;}

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.experience-md155 {margin-top: 30px;}
.faq-cat-content {
    margin-top: 25px;
}

.faq-cat-tabs li a {
    padding: 15px 10px 15px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #777777;
}

.nav-tabs li a:focus,
.panel-heading a:focus {
    outline: none;
}

.panel-heading a,
.panel-heading a:hover,
.panel-heading a:focus {
    text-decoration: none;
    color: #777777;
}

.faq-cat-content .panel-heading:hover {
    background-color: #efefef;
}

.active-faq {
    border-left: 5px solid #888888;
}

.panel-faq .panel-heading .panel-title span {
    font-size: 13px;
    font-weight: normal;
}
.panel.panel-default.panel-faq .panel-heading [data-toggle="collapse"]::after{display: none;}
.panel.panel-default.panel-faq .panel-heading {background-color: #fff;}
.experince-icons {float: right; margin-right: 5px;}
.experience-box01 {padding: 13px;}
.experience-box01 h3 {font-size: 15px; font-weight: 400; margin-bottom: 0;  border-bottom: 1px solid #ddd; color:rgba(0,0,0,.9);}
.experience-box01.ex-new h3 {border: none; font-weight: 600;line-height: 24px;}
.experience-box01.ex-new .experience-content {padding: 10px 0;}
.experience-box01.ex-new h5 { font-weight: 600;line-height: 24px;}
.experience-box01.ex-new { padding-top: 0; }
.experience-box01.ex-new p {margin: 0;}
.experience-content { border-bottom: 1px solid #ccc;}
.read-exp01 {box-shadow:inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1); text-align: center; padding: 6px; color: #3781c2;font-weight: 600;font-size: 14px;}
.experience-box01.exp-box255 h5 { font-size: 15px; margin-bottom: 0px;}
/*#faq-cat-1-sub-2 .panel-body {padding: 10px 15px 0px 14px;} */
.skills-box {padding: 15px; margin-top: 10px; border: 1px solid #ddd;background-color: #fff; margin-bottom: 15px;}
.skills-content200 h3 {font-size: 16px;}
.skills-content200 ul li {border-bottom: 1px solid #ccc; padding: 5px;color: #000;}
.experince-icons i { margin-left: 10px;}
.exp-box025 {color: #5aa6c9;}
.panel.panel-default.panel-faq {margin-bottom: 15px;}
.box-account320 {padding: 15px;}
.account-detail-right span { float: left; margin-right: 13px;margin-top: 6px;}
.profile-sm012 {margin-bottom: 0px; margin-top: 5%;}
.profile-sm012 .register-search.saved-history-colum {margin-bottom: 0px;}
.search-leanding-mh20.profile-search02 {background-color: transparent;}
/*----------------//my-account-------------------*/

.feedback-box p {text-align: center; font-size: 19px;line-height: 30px;}
.feedback-box p a {font-size: 19px; color:#379bd4;}
.result-page-form.request-sent {padding: 95px 45px;border: 1px solid #e9e9e9;}
.faq-tabs h3 { font-size: 30px;margin-bottom: 40px; font-weight: 600; margin-top: 20px;}
.panel.panel-default.main-tab-faq .panel-heading [data-toggle="collapse"]::after{float:right;}
.panel.panel-default.main-tab-faq .panel-heading { background-color: transparent;}
.panel.panel-default.main-tab-faq .panel-heading h4 a {font-size: 15px;}
.card.faq-dropbox .tabbable-panel .nav.nav-tabs { margin-left: 30%;border: 0;}
.card.faq-dropbox .tabbable-panel .nav.nav-tabs li.active{border-bottom:3px solid #053d56;}
.card.faq-dropbox .tabbable-panel .nav.nav-tabs li{border-bottom:1px solid;}
.card.faq-dropbox .tabbable-panel .nav.nav-tabs li a {border: 0px;color: #053c56;}
.faq-bottom-text h3 {font-size: 15px;}
.faq-bottom-text h3 a{color:#053d56;}
/*-18-01-2020-*/
.form-field .error{color:red; display: inline-block;
  font-size: 11px;font-family: 'Inter', sans-serif;
  position: absolute; left: 0; line-height: 2;
}
/*#fname-error, #current_company-error, #country-error, #password-error {
    float: left;
    position: absolute;
    left: -223px;
    top: 0;background-color:
#be4b49;
padding: 5px 30px;
box-shadow: 0 0 0 1px
rgba(139, 3, 0, .75), 0 1px 10px rgba(0, 0, 0, .35);
}
#fname-error::before { content: ""; position: absolute; right: -10px; border-right: 20px solid #be4b49;border-top: 20px solid transparent; transform: rotate(-45deg); top: 8px;}
#current_company-error::before { content: ""; position: absolute; right: -10px; border-right: 20px solid #be4b49;border-top: 20px solid transparent; transform: rotate(-45deg); top: 8px;}
#country-error::before { content: ""; position: absolute; right: -10px; border-right: 20px solid #be4b49;border-top: 20px solid transparent; transform: rotate(-45deg); top: 8px;}
#password-error::before { content: ""; position: absolute; right: -10px; border-right: 20px solid #be4b49;border-top: 20px solid transparent; transform: rotate(-45deg); top: 8px;}

#lname-error::before {content: "";position: absolute;left: -10px;border-left: 20px solid #bd4b49;border-top: 20px solid transparent; transform: rotate(44deg); top: 8px;}
#job_title-error::before {content: "";position: absolute;left: -10px;border-left: 20px solid #bd4b49;border-top: 20px solid transparent; transform: rotate(44deg); top: 8px;}
#state-error::before {content: "";position: absolute;left: -10px;border-left: 20px solid #bd4b49;border-top: 20px solid transparent; transform: rotate(44deg); top: 8px;}
#confirm_password-error::before {content: "";position: absolute;left: -10px;border-left: 20px solid #bd4b49;border-top: 20px solid transparent; transform: rotate(44deg); top: 8px;}

#lname-error, #job_title-error, #state-error,#confirm_password-error{
    float: right; 
    position: absolute;
    top: 0;
    right: -230px;background-color:
#be4b49;
padding: 5px 30px;
box-shadow: 0 0 0 1px
rgba(139, 3, 0, .75), 0 1px 10px rgba(0, 0, 0, .35);
}*/
/*-18-01-2020-*/
#cart_expiry_date { float: left; width: 60%; padding: 0 3px;}
.account-tabs { padding: 0px 0px;}
.account-tabs .moreellipses {padding: 0 15px;}
/* .morecontent p {padding: 0 15px;} */
.morelink {text-align: center; padding: 5px;color: #999;}
.account-tabs article { margin-bottom: 0px;}
.morelink:hover { text-decoration: none;}

.panel-heading.my_ac-in { position: relative; width: 100%; padding: 6px 14px 32px;}
.add_skills021 {font-size: 16px;float: left;margin-right: 10px;color:#fff;background-color:#053c56; font-weight: bold; padding: 2px 15px 2px; border-radius:5px;}
.panel-heading.my_ac-in h4 {color:  rgba(0,0,0,.9);}
.mac_01 span { margin-top: 7px;}    
.add-cancel-button {margin-bottom: 20px;}
.profile_bg-grey #file {
    float: right;
}
.alert-mess {margin: 0;}
.profile_box_body {  padding: 0px 0 20px 0;}
.profile_box_body .edit_profile {   padding: 0 15px;}
.profileimg { background-color: 
#fff;
box-shadow: 0 2px 3px
    rgba(0,0,0,.2);
    border-radius: 100px;
    height: 32px;
    width: 32px;
    display: block;
    left: 26%;
    position: absolute;
    top: 24%;
    color:#0073b1; 
    padding: 3px 11px;
}
.profileimg:hover { background-color: none
}
.coverimg {
    background-color: 
#fff;
box-shadow: 0 2px 3px
    rgba(0,0,0,.2);
    border-radius: 100px;
    height: 32px;
    width: 32px;
    display: block;
    position: absolute;
    top: 10px;
    right: 4%; color:#0073b1; padding: 3px 11px;
}
.p_entro_header {padding: 2px 15px;}
.p_entro_header .modal-title {font-size: 18px;}
.sign-employer-form.sign_em_form {
    padding: 0;
    box-shadow: 0 0 0 1px 
rgba(0,0,0,.15),0 2px 3px
    rgba(0,0,0,.2);}
#country-menu {height: 300px;}    

.auto-skills .autocomplete {
    display: block;
    margin-top: 0px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 6px;
}
/*ul.auto-skills {
    border: 1px solid #e5e5e5;
    height: 220px;
    overflow-y: scroll;
}*/
.auto-skills .autocomplete a {
    padding: 7px 13px;
    margin: 5px 5px;
    border-radius: 20px;
	color: #053c56;
}

.auto-skills .autocomplete-auto a {
    padding: 7px 13px;
    margin: 5px 5px;
    border-radius: 20px;
	color: #053c56;
}
.addnewskills li {display: inline-block;}
.addnewskills li { display: inline-block; padding: 4px 15px; border-radius: 20px;}
.addnewskills li .ajaxskill {  color:  #fff;}
.addnewskills li .temp-skill-delete i {color:#fff; font-size: 18px; margin-left: 10px;}
.addnewskills li { border-color: #eceff1 !important; background-color:  #eceff1 !important;}
.pv-top-card-section__edit.artdeco-button.artdeco-button--tertiary.artdeco-button--circle.ml1.ember-view i {
 color: #084b6a; font-weight: 100; font-size: 11px;}
 .pull-right.mac_01 span { color: #053c56;
    font-weight: 100;
    font-size: 11px;}
.top-left img {width: 220px;}
/*loader*/
.loder {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: transparent;
  border: 4px solid #a6a6a6;
  border-top-color: #053c56;
  border-bottom-color: #053c56;
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite; margin:0 auto;
}
a.morelink { color: #3781c2;font-weight: 600;}
a.morelink i { font-weight: 600;}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);}
}

.noti_count{position: absolute; right: 0px; top: -5px;}
.notification_bar{ background:#910003; padding:3px; color:#FFFFFF; text-align:center;}
.notification_bar a{ color:#2F6C9B; text-decoration:underline; font-weight:bold;} 
/*--16-1-2020--*/ 
#state-menu, #card_state-menu, #card_country-menu, #bank_country-menu, #bank_state-menu{height: 300px;}
.delete-experience:hover {color:  #053c56;}
.pull_Skills-rights { width: 180px; float: right;}
.ska01.close { margin-top: -19px;}
.ska01.close span { font-size: 32px;}
.add_skill_text h3 { font-size: 14px;  background-color:  #f9f9f9;padding: 10px 16px;border-bottom: 1px solid rgba(0,0,0,.15);}
.askill_body { padding: 10px 0;}
.skill_en-wrapper { display: flex; padding: 10px 15px 10px;border-bottom: 1px solid #ddd;}
.skill_pushpin { font-size: 30px; background-color:  transparent; color:#337ab7;}
.skill_en-wrapper .skill_titles6 { width: 100%;margin-bottom: 0px;margin-left: 14px;}
.sp_trash {  font-size: 30px;   background-color:  transparent; margin: 0 5px;}
.askill_body { padding: 10px 0; height: 422px; overflow-y: scroll;}
.morecontent { line-height: 0px;}
.exp_panel_nf { padding: 0px;}
.exp_pb { padding: 0px 4px;}
.ui-menu .ui-menu-item:hover {background-color: #ddd;}
.form-group.edit_pro1 #autocomplete-skill-auto {border: 1px solid  #ccc; width: 100%;  padding: 4px 10px;}
.sub_skill-ad {background-color: #053c56; color: #fff;}
.sub_skill-ad:hover {background-color: #000; color: #fff;}
.account-tabs article .box- { padding: 10px 15px;}
.read-exp01.expshow { cursor: pointer;}
.profile_about_section {margin-top: 20px; background-color: #fff; padding: 11px 15px; border-color: #ddd;}
.profile_about_section h3 {font-size: 19px;}
.delete-skill:hover {color: #736a61;}
.sskils_exp-mt a { color: #053c56;}
.search_job_in-drop {  padding: 10px 13px;}
.search_job_in-drop li a { color:  #053c56;}
.feedback_link a{color:#053C56; font-weight:bold;}
.feedback_link a:hover{ text-decoration:underline;}
.bigger{ height:250px !important;}
.job-title-list.sby .auto-job-title-option {color: #053c56 !important;}
.section-left.tute h4 {background-color: #053c56;color: white;font-size: 18px;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.section-left.tute a{color:#053c56;}
.section-left.tute .section-job-title .job_title_selected .ajax_job_title {padding: 7px 3px; font-size:13px;}
ul.screener_selected li a.skillselected {border: 1px solid #053c56;padding: 7px 12px; border-radius: 50px; font-size:13px;}
.section-left.tute .section-job-title .job_title_selected li:hover, ul.screener_selected li a.skillselected:hover {
    /* background: #053c56; */
    color: #fff;
}
.section-left.tute {border: 1px solid rgba(0,0,0,0.15);box-shadow: 0 0 10px #eee;}
.section-left.tute .customradio .checkmark::after {background: #053c56;}
.section-left.tute .checkmark {border: 1px solid #ddd;}
.job-title-list.sby {background-color: white;padding: 0px 0px; border: 1px solid #053c56;}
.section-left.tute .colum-left-skils {border-bottom: 1px solid rgba(0,0,0,0.15);}
.section-left.tute .colum-left-skils:last-child {border-bottom: 0px solid #ddd;}
.section-left.tute .panel {  
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.section-left.tute .location_selected li a{

    border: 2px solid #053c56;
    padding: 5px 12px;
    border-radius: 10px;
    top: 4px;
    margin-right: 5px;

}
.section-left.tute .location_selected li .delete-location {

    border: none;
    padding: 0;
    border-radius: 0;
    top: 5px;
    margin-right: 0;

}
.left-skils.pri h3 {

    text-align: center;

}




/*--------------- Cusome Css ------------*/

.section-left.tute .job_title_selected .black_job_title {
  font-size: 22px !important;
	top: 2px;
	font-weight: bold;
}
.section-left.tute .job_title_selected .black_job_title.job_title_00{
    font-size: 14px !important;
	margin: 0px;
	color: #053c56;
	font-weight: 400!important;
}
.job-title-list.sby {
    display: block;
    position: relative;
    z-index: 1000;
	/* margin-bottom:20px; */
}
.panel-body input {
    width: 100%;
	/* padding: 6px 0px; */
	background: #fff;
	color: #000 !important;
	/* border-bottom: 1px solid #053c56; */
}
.panel-body .custom-control-input {width: auto;}
ul.job_title_selected li {
    padding: 5px 5px 5px 0;
    display: inline-block;
	margin-bottom: 5px;
}
#skills_search_box input, #location_search_box input{
	width: 100%;
	padding: 6px 0px;
	background: transparent;
	color: #000 !important;
	/* border-bottom: 1px solid #053c56; */
}
.left-skils {
    padding: 2px 17px !important;
}
.input-group-btn.vertical-align-bottom {
   /* width: 40%;*/
}
#ship_dates, #shiptimes{
    padding: 6px 6px;
}
.left-skils.timezon .input-group.registration-date-time:last-child{
	margin-top:15px;
}
.job_title_selected a.temp-ajax_job-title-delete{
	padding: 5px 0px 5px 5px;
	border-radius: 3px;
}
ul.skills-title-list {
    background-color: white;
    padding: 5px 0;
    /* padding: 5px 15px; */
    border: 1px solid #053c56;
}
ul.screener_selected li {
    padding: 5px 5px 5px 0;
	display: inline-block;
	margin-bottom: 5px;
}
ul.screener_selected .black_skills {
    font-size: 22px !important;
    top: 2px;
    font-weight: bold;
}
/*.rs-container .rs-scale span:last-child {
    float: right !important;
}
.rs-container .rs-scale span:last-child ins {
	margin-top:0px !important; 
}
.rs-container .rs-scale span::before {
	width:0px !important;
}
.rs-selected {
    width: 100% !important;
    box-sizing: border-box;
}
.left-skils.pri{
	width: 95%;
	margin-left: 15px;
}
.rs-tooltip {
    width: auto;
    min-width: 40px !important;
    height: 30px  !important;
    transform: translate(-50%, -38px) !important;
    left: 0 !important;
    padding: 0 !important;
    line-height: 30px;
}
.rs-pointer:first-child .rs-tooltip{
	left:50px !important;
}*/
.rs-tooltip {
    width: auto;
    min-width: 40px !important;
    height: 30px  !important;
    transform: translate(-50%, -38px) !important;
    left: 0 !important;
    padding: 0 !important;
    line-height: 30px;
}



        
/*--------------- Testimonial-slider Css start------------*/
#quote-carousel .carousel-control {background: none;color: #CACACA;font-size: 2.3em; text-shadow: none;margin-top: 30px;}
#quote-carousel .carousel-indicators { position: relative; right: 50%; top: auto; bottom: 0px; margin-top: 20px; margin-right: -19px;}
#quote-carousel .carousel-indicators li { width: 50px; height: 50px; cursor: pointer; border: 1px solid #ccc; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border-radius: 50%; opacity: 0.4; overflow: hidden; transition: all .4s ease-in; vertical-align: middle;}
#quote-carousel .carousel-indicators .active { width: 120px; height: 120px;  opacity: 1;  transition: all .2s;}
.item blockquote {border-left: none; margin: 0;}
.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;}
/*--------------- Testimonial-slider Css end------------*/

/*--------------- Cusome Css ------------*/
.greenbar{ background:#54B948 !important;}
.orangebar{ background:#FF6501 !important;}
.uper-label { width: 100%;text-align: left;display: flex;}
.uper-label .star {color: red;top: 6px;}
.sender_r{ text-align:right; background:#7646FF !important; color:#FFFFFF;}
.attachment_area{ text-align:right; background:none !important;}
.img_area{ background:none !important;}
.fa.fa-star-o .add { background-color: yellow;color: yellow; }

/*----------Customer review-------------*/
.mtb-60{margin:60px 0px;}
.customer-review h4{font-size:22px; font-weight:600; padding:10px 0px; margin-bottom:0px;}
.customer-review h6{font-size:16px; font-weight:600; padding:10px 0px}
.customer-review .star-rating{padding:10px 0px; display:inline-block; font-size:18px;}

.checked {
  color: orange;
}
.customer-select{width: 100%; padding: 7px 10px; border: 1px solid #ddd; background-color:#f5f5f5;}
.mb-15{margin-bottom:15px;}
.mb-25{margin-bottom:25px;}
.customer-review .customer-image{display:flex; padding-top:20px; padding-bottom:10px;}
.customer-review .customer-image .img-box{height:40px; width:40px; background:none;}
.customer-review .customer-image .img-box img{width:100%; border:1px solid #ddd; border-radius:90%;}
.customer-review .customer-image .name{font-size:14px; font-weight:600; color:#333; margin-top:5px; padding-left:15px;}
.customer-review ul{display:flex; list-style:none;}
.customer-review ul li{font-size:14px; padding:0px 5px;}
.customer-review ul li button{background-color:#f2f2f2; border:1px solid #ddd; color:#333; padding:5px 15px; border-radius:5px;}
.customer-review ul li a{font-size:14px; padding:0px 5px; color:#333; text-decoration:none;}
.customer-review .helpful{color:#666; padding-top:10px; padding-bottom:10px;}
.text-red{color:#ff3333 !important}

.progress_bar .pro-bar{
    background: #fff ;
    border-radius: 3px;
    display: block;
    width: 100%;
    height: 25px;
    margin-bottom: 15px;
    position: relative;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: width, background-color;
    transition-timing-function: linear;
}
.progress_bar .progressbar-title{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: hsl(0, 0%, 100%);
    font-size: 13px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 0;
}
.progress_bar .progressbar-title > span {
    background: hsla(0, 0%, 0%, 0.1);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 20px;
    text-transform: uppercase;
}
.progress_bar .progress-bar-inner{
    border-radius: 3px;
    width: 0;
    height: 25px;
}
.progress_bar .progress_number{
    color: #053c56;
    font-size: 11px;
	font-weight:600;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 0;
}
/*----------//Customer review-------------*/
/* Create a card table */

.payment-add{border:2px solid #ddd; padding:10px 0 0 0; border-radius:5px;}
.table{width:100%; max-width: 100%; margin-bottom: 20px; background-color:#f5f5f5 !important; overflow-x:auto;}
.table-bordered {border: 1px solid #ddd;}
.table-responsive{min-height: .01%; overflow-x: auto; width: 100%; padding:10px;}
.table > thead > tr > th {vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td{
    padding: 10px 10px 10px 10px; line-height: 1.42857143; vertical-align: top; border-bottom:none !important;}
.add-card a{color:#426faf !important; font-size:16px; font-weight:600; text-decoration:none;}
.add-card-btn a{color:#426faf !important; font-size:30px; font-weight:600; text-decoration:none;}
.box-btn{background-color:#ddd; padding:10px; border:1px solid #ddd;}
.btn-group123{background-color:#053c56; color:#fff !important; padding:10px 20px; border:1px solid #053c56; margin-right:5px; border-radius:5px; font-weight:500; font-size:16px;margin-bottom:5px;}

.modal-header {padding: 10px; border-bottom: 1px solid #053c56; background-color:#053c56; border-radius:5px 5px 0 0}
.modal-footer {padding: 10px; border-top: 1px solid #053c56; background-color:#053c56; border-radius:0 0 5px 5px; text-align:left;}
.modal-title{color:#fff !important; font-size:18px; font-weight:600; margin: 0; line-height: 1.42857143;}
.input-label{font-size:13px; text-align:right; font-weight:400;}
.input-text{border:1px solid #ddd; padding:3px 8px; margin-bottom:8px; font-size:12px; width:100%;}
.card-name{border-left:1px solid #ddd;}
.card-photos{padding-left:10px;}
.card-image{margin-right:5px; margin-bottom:5px}
.check-card{font-size:12px;}


.pb-0{padding-bottom:0px !important}
/* End card table */

/* Create view employee history */

.view-history{padding:40px 0; text-align:left}
.view-history-left h3{font-size: 14px; border: none;}
.view-history-right p {font-size: 14px; color: #9b9b9b;}
.view-history-result{padding-bottom:15px;}
.view-history-result h4{font-size: 16px; font-weight:600;}
.view-history-result ul li{list-style:none; font-size:14px;}

.view-btn{background-color:#053c56; border:1px solid #053c56; color:#fff; padding:6px 16px; text-align:center; margin:15px 0; border-radius:15px; }

.view-text{border:1px solid #ddd; padding:5px 10px; font-size:14px; width:100%; height:100px;}
/* End view employee history */
.color-blue{color:#053c56 !importnat; font-weight:600;}
 .mt-30{margin-top:30px}
 .mt-40{margin-top:40px}
 .mt-50{margin-top:50px}
 .mt-60{margin-top:60px}
 .mt-20{margin-top:20px}
 .mb-15{margin-bottom:15px}
 .mb-20{margin-bottom:20px}
 .mb-30{margin-bottom:30px}
 .mb-40{margin-bottom:40px}
 .mb-50{margin-bottom:50px}
 .mb-60{margin-bottom:60px}
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}
.error{ color:red;}
.feedback_skill{ float:left; width:30%;}
.shchdule-inter2{   width: 10%;
    float: left;
    margin-left: 14px;}
.add_more_skills{ float:right; margin-bottom:20px; margin-top:10px;}
.grayout{ background:#EEE;}




.panel.panel-default.leanding-right-section .panel-body p { margin-bottom: 0;}
.panel.panel-default.leanding-right-section .panel-body .user-right-content { margin-top: 10px;}
.panel.panel-default.leanding-right-section .panel-body .user-left-content { margin-top: 10px;}
.panel.panel-default.leanding-right-section .panel-body .user-left-content h4 { margin-bottom: 0;}
.left-skils.pri { padding: 10px 17px !important;}
.rs-container .rs-scale { display: inline-flex;}
.section-left.tute .colum-left-skils .rs-container.rs-noscale { height: 38px;}
.section-left.tute .panel .panel-body {padding: 2px 15px;}
.section-location .form-field .form-group { margin-bottom: 5px;width: 100%;padding: 5px;color: #053c56;}
.left-skils .section-name .form-group { margin-bottom: 5px;width: 100%;padding: 5px;color: #053c56;} 
.section-location .form-field.contr {height: 45px;}
.fav-added {color: orange !important;}