/*@font-face {
	font-family: 'Helvetica';
	src: url('../assets/fonts/Helvetica_0.eot');
	src: local(''), 
	url('../assets/fonts/Helvetica_0.woff') format('woff'), 
	url('../assets/fonts/Helvetica_0.ttf') format('truetype'), 
	url('../assets/fonts/Helvetica_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: local(''), 
	url('../assets/fonts/HelveticaNeue.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@media (min-width: 1px) {
  .row.equal {
    display: inline-flex;
    flex-wrap: wrap;
    margin-left: 0px;
  }
}

body {
	background-color: #EFEFEF;
	padding-top: 0px;
padding-top: 0px;
}

.form-signin {
    max-width:330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.eplace-red {
	color:#88181b;
}

.SLcheckboxcontainer {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 20px;
}

/* Hiding the initial checkbox */
.SLcheckbox {
  visibility: hidden;
}
/* Creating a custom checkbox based on demand */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 55px;
  border-radius: 25%;
  border-color: rgb(49, 177, 252);
  border-width: 3px;
  border-style: solid;
  margin-left: 5px;

}
/* Specify the background color to be shown when hovering over checkbox */
.checkboxcontainer:hover input ~ .checkmark {
  background-color: gray;
}
/* Specify the background color to be shown when checkbox is active */
.checkboxcontainer input:active ~ .checkmark {
  background-color: white;
}
/* Specify the background color to be shown when checkbox is checked */
.checkboxcontainer input:checked ~ .checkmark {
  background-color: white;
}
/* Checkmark to be shown in checkbox */
/* It is not be shown when not checked */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Display checkmark when checked */
.checkboxcontainer input:checked ~ .checkmark:after {
  display: block;
}
/* Styling the checkmark using webkit */
/* Rotated the rectangle by 45 degree and 
showing only two border to make it look
like a tickmark */
.checkboxcontainer .checkmark:after {
  left: 20px;
  bottom: 15px;
  width: 10px;
  height: 26px;
  border: solid black;
  border-width: 0 4px 4px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip {
  position: absolute;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: unset;
}

.tooltip .tooltiptext {
  width: 250px;
  top: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */  
  visibility: hidden;
  background-color: white;
  color: black;
  text-align: left;
  font-weight: unset;
  font-family: unset;
  /*border-radius: 6px;*/
  padding: 10px;
  border:  black solid 3px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.noshow {
  display:none !important;
}

.showib {
  display:inline-block !important;
}

.showb {
  display:block !important;
}

.showi {
  display:inline !important;
}
.show {
  display: block !important;
}
@media print {
  header, footer, nav, .noshow, .foot {
    display: none !important;
  }
  section {
    display: block !important;
  }
  body, .container, .container-fluid {
    background: #fff !important;
    color: #000 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}