@import url('/public/css/global/iepngfix.css');
@import url('/public/css/templates/salaryexchange/responsivemain.css');
@import url('/public/css/templates/salaryexchange/header.css');
@import url('/public/css/templates/salaryexchange/footer.css');
@import url('/public/css/templates/salaryexchange/animate.css');
@import url('/public/css/templates/salaryexchange/ie10-viewport-bug-workaround.css');
@import url('/public/css/templates/salaryexchange/spinner.min.css');
@import url('/public/fonts/font-awesome/css/font-awesome.min.css');

a:hover, a:active { color: #59595b; text-decoration: none; }
input:focus, button:focus, a:focus { outline: none; }
body { color: #59595b; } 
video, table { width: 100% !important; }
video { cursor: pointer; }
.table-responsive { border: none; }
.table-responsive>.table-bordered {border: 1px solid #ddd !important}
.hiddesubemenu { display: none; }
.label { color: #59595b; font-weight: normal; padding: .2em; white-space: normal; vertical-align: middle; font-size: 90%; }
.value {  padding: 0.4em 0.3em .8em .3em; }
.clickherearrow { float: right; height: 49px; width: 46px; margin-top: -15px; margin-right: -20px; border-left: 2px solid #ECECEC; }
.clickherearrow > .arrow, .clickherearrow > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.clickherearrow .arrow { top: 50%; right: 10px; margin-top: -8px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .15); border-width: 8px; }

/*input, select, textarea, .forms { height: 30px !important;  min-height: 30px !important; }*/
/*input[type="button"], input[type="submit"] { font-size: 14px; padding: 4px 12px; }
input[type="checkbox"] { width: 15px !important; height: 20px !important; min-height: 20px !important; min-width: 15px !important; margin-top: 0px; }
input[type="radio"] { width: 15px !important; height: 20px !important; min-height: 20px !important; min-width: 15px !important; margin-top: 0px; }
input[type="file"] { height: 35px !important; min-height:35px; font-size: 15px; }*/
label.label-for-input { margin-left: 5px; font-weight: normal; }
.asterisk { margin-left:2px; color:#FF0000; position: absolute; }

.productimage { width:68px; height: 68px; display: inline-block; float: left; margin-top: -18px; padding: 1px; }
.headercontainer { margin-top: -12px; margin-left: 0px; }
.latestofferitems { float: left; }
.modal-dialog { margin-top: 160px; }
.footer-nav { width: 100%; height: 50px; }
.scheme-icon-cotainer { width: 60px; height: 50px; display: inline-block; position: relative; float: left; }
.applybutton { border:none;  border-left: 3px solid #FFF; color: #FFFFFF; font-size: 13px; width: calc( 100% - 0px ); height: 50px; background-image: none; float: left; }
.applybutton:focus { outline: 0; }
.applybutton span { color: #FFF; }
.applybutton2 { border: none; border-left: 3px solid #FFF; margin-left: -3px; color: #FFFFFF; font-size: 13px; width: 50%; height: 50px; background-image: none; float: left; }
.applybutton2.button1 { text-align: center; }
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -155px; } /* the bottom margin is the negative value of the footer's height */
.applynowimagecontainer { position: relative; margin: 0px 0px -42px 14px; top: 6px; width: 42px; height: 42px; border-radius: 50%; background-position: -12px -13px; }
.applynowimage { position: relative; margin: 0px 0px -52px 10px; width: 52px; }
 
/********************************************* Styles for scheme boxes ***************************************************/

#scheme-container {	float:left;width:100%;height:auto;margin-left:-5px;margin-top:5px;border: none; }
.schemeholder {	float:left;	width:100%; height:50px; margin-top: 5px;padding: 0px !important; background-color: #fff; border:1px solid #ECECEC; display:inline; position: relative; }
.schemetop { float:left;width:380px;height:20px;background-color:white;	margin-left:10px;}
.schemebottom { float:left;	width:380px; font-size:14px; line-height:17px;	display:inline;	margin-left:10px;margin-top:6px;display: none; }
.schemetitle { float: left; text-align: left; padding: 15px 25px;  margin-top: 0px; font-size: 14px; height: 48px; font-weight: bold; }
.schemetitle a { font-weight: bold !important; }
.schemedetail {	float:left;	width:100%;	margin-top:18px; text-align:left; }
.schemeiconholder {	float: left; text-align: left; padding-left: 4px; position: relative; }
.schemeinfobox { width: 100%; height: 47px; color: #FFF; padding: 10% 0px; text-align: center; font-weight: bold; }
.schemeicon { position:relative; top: 0px; left: -5px; width: auto; max-width: 48px; height: auto; }
.choicesicon { width: 25px; height: 25px; top: 10px; left: 3px; position: relative; }
/********************************************** /. Styles for scheme boxes ***************************************************/

/****************************************** border colours for scheme boxes ***************************************************/
.myscheme { background-color: #258ecd; }
/**************************************** /. border colours for scheme boxes *********************************************************/

.modal-open { padding-right: 0px  !important; margin-left: 0px; }
.modal-body { overflow: hidden; }
#monthlyoffers .modal { z-index: 2002; padding-right: 5% !important; padding-left: 5% !important; }

.counter { width: auto; min-width: 22px; height: auto; min-height: 21px; text-align: center; font-size: 11px; opacity: 0.8; 
			margin-top: -2px; margin-right: 49px; color: #FFF; float: right; position: relative; padding-top: 4px; line-height: 1;
}
.counter-square-side { margin-top: -9px; margin-right: -8px; }
.counter-square { margin-top: 0px; margin-right: 46px; }
   
@media screen and (min-width: 768px) { 
	.modal-dialog { max-width: 650px; } 
}

/************************************** Check Box style ************************************************************************/
/*.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 50px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 40px;
   	  height: 40px;
      left: 0;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #FFFFFF;
      
      -webkit-transform-style: preserve-3d;   
      -moz-transform-style: preserve-3d;
      -o-style: preserve-3d;
      -ms-transform-style: preserve-3d;   
      transform-style: preserve-3d;
      
      -webkit-transition: all 0.3s linear;
	  -moz-transition: all 0.3s linear;
	  -o-transition: all 0.3s linear;
	  -ms-transition: all 0.3s linear;
  	  transition: all 0.3s linear;
  	  
  	  -webkit-transform: rotateY(0deg);
  	  -moz-transform: rotateY(0deg);
  	  -o-transform:rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    .checkbox label::after {
	      display: inline-block;
	      position: absolute;
	      width: 40px;
		  height: 40px;
		  left: 0;
		  top: 0;
		  padding-left: 3px;
		  padding-top: 13px;
		  font-size: 12px;
	      color: #59595b;
	 }
      
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { 
	opacity: 0; z-index: 1; 
	width: 34px !important;
    height: 30px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    margin-top: 0px;
    margin-left: 0px; }
    .checkbox input[type="checkbox"]:focus + label::before, 
    .checkbox input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after {
      font-family: "co-op";
      content: "\e909"; }
    .checkbox input[type="checkbox"]:disabled + label,
    .checkbox input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before,
      .checkbox input[type="radio"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #258ECD;
  border-color: #258ECD;     
  transform-style: preserve-3d;
  transition: all 0.3s linear;
  transform: rotateY(180deg);}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 20px; }
  .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #59595b;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0;
    z-index: 1; }
    .radio input[type="radio"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff; }*/

/************************************** Check Box style ************************************************************************/

.se-loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(/public/themes/mobile/loader.gif) center no-repeat rgba(255,255,255,0.4);
}

/* responsive padding for elements */
@media (max-width: 767px) {
  .no-padding-right-xs { padding-right: 0px; }
  .no-padding-left-xs { padding-left: 0px; }
  .no-padding-side-xs { padding-right: 0px; padding-left: 0px; }
}

@media (min-width: 768px) {
  .no-padding-right-sm { padding-right: 0px; }
  .no-padding-left-sm { padding-left: 0px; }
  .no-padding-side-sm { padding-right: 0px; padding-left: 0px; }
}

@media (min-width: 992px) {
  .no-padding-right-md { padding-right: 0px; }
  .no-padding-left-md { padding-left: 0px; }
  .no-padding-side-md { padding-right: 0px; padding-left: 0px; }
}

@media (min-width: 1200px) {
  .no-padding-right-lg { padding-right: 0px; }
  .no-padding-left-lg { padding-left: 0px; }
  .no-padding-side-lg { padding-right: 0px; padding-left: 0px; }
}
/* ./responsive padding for elements */

/* 5 column sections */
.col-xs-20-5 {
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-20-4 {
  width: 25%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-20-3 {
  width: 33.33%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-20-2 {
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-20-1 {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (max-width: 767px) {

  .text-center-xs { text-align: center; }

}

@media (min-width: 768px) {
  .col-sm-20-5 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-20-4 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-20-3 {
    width: 33.33%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-20-2 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-sm-20-1 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .col-md-20-5 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-20-4 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-20-3 {
    width: 33.33%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-20-2 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-md-20-1 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .col-lg-20-5 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-20-4 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-20-3 {
    width: 33.33%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-20-2 {
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-lg-20-1 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* ./5 column sections */

/* Panel custom style */
.panel-transparent {
  background-color: transparent !important;
}

/* remove margin and padding */
.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.no-padding-top {
  padding-top: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px !important;
}

.no-padding-side {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

/* custom margin */
.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}


.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}