/* THIS REMOVES THE YELLOW BACKGROUND COLOR FROM CHROME'S AUTOFILL INPUTS */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0px 1000px white inset;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] { -moz-appearance:textfield;}

body {  font-family: 'Open Sans', 'Helvetica Neue',Arial,sans-serif; margin-top: 20px  }
@media (min-width: 768px) and (max-width: 1100px) {
    body {  margin-top: 105px  }
}

html,body { width: 100%; height: 100%; }
ul { list-style-type:none; margin:0; padding:0 }
hr{ border-top: #ddd 1px solid; border-bottom: #fff 1px solid;  }

hr.light { border-color: #fff; }

a { color: #428bca; }
a:hover { color: #e0971a; text-decoration:none }
a:focus { text-decoration:none }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; }
p { margin-bottom: 20px; font-size: 15px; line-height: 1.5; }

.bg-gray { background-color: #f2f2f2; }

.text-faded { color: rgba(255,255,255,.7); }

.list-inline li { display: inline-block; padding-left: 5px; margin-bottom: 10px; }
.ps-rel{ position:relative }
.clear{ clear:both }
.selectize{ opacity: 0 }
/****************BOOTSTRAP OVERRIDES********************/

.popover-content { font-size: 12px; font-family: 'Open Sans' }

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:auto;background-color:#fff;}
.form-control {
    display: inline-block;
    height: 42px;
	vertical-align:top;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

a:focus, button:focus, select:focus{ outline:none!important; }

label{ color:#757575; font-weight: bold; }
label a{ color:#757575; }
label.required:after{ content: "*"; color: #e54658; margin-left: 5px; }

.table-bordered>thead>tr>th { background-color: #f4f4f4; text-align: center; vertical-align: middle;}
/*****DEFINE CLASS FOR FONT SIZE & COLOR******/

.bold{ font-weight:bold }
.normal{ font-weight:normal }
.lighter { font-weight: lighter;}

.hide-me{ display:none }

.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font15{font-size:15px;}
.font17{font-size:17px;}
.font19{font-size:19px;}
.font21{font-size:21px;}
.font25{font-size:25px;}
.font30{font-size:30px;}

.black{color:#252525}
.gray{color:#757575}
.white{color:#FFFFFF}
.red{color:#f26274}
.blue{color:#428bca}
.green{color:#4BB777}
.orange{color:#e29a26}

.whiteBG{ background-color:#fff }


.divBlock{ display:inline-block; vertical-align: top }
.pointer{ cursor:pointer }
.no-borders{ border:none }
.lineHeight{ line-height: 1.5 }

/**********ALERT BOX************/
.AlertDiv{display:none;position:fixed;width:auto;min-width:250px;max-width:500px;padding:10px;top:50%;left:50%;cursor:auto;border:none;border-top:#aaa solid 4px;border-bottom:#aaa solid 4px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow: 0 5px 15px rgba(0,0,0,.5);background-color:#FFFFFF;text-align:center;z-index:220}
.AlertMessage{color:#CC0000;font-weight:normal;padding:5px 5px 25px 5px;line-height:1.6;height:60%;text-align:center;}
.AlertOk{cursor:default;text-align:center;padding:2px 5px;width:40px;margin:auto;background-color:#fff;border: none;font-size:11px;color:#333;border:#CCCCCC solid 1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
#dim{display:none;position:fixed;width:100%;top:0;left:0;height:expression(eval(document.documentElement.clientHeight));height:100%;margin:0;padding:0;background:rgba(0,0,0,0.75);z-index:200; }

.processingDiv{ background-color: rgba(255,255,255,1); display:none;position:fixed;width:auto;max-width:500px;padding:10px;top:50%;left:50%;box-shadow:0 0 5px #fff;border-radius:5px;cursor:auto;text-align:center;z-index:220}
.processingDiv span{ color: #757575; display: block; font-size: 17px; padding-top: 15px }


.has-feedback label~.form-control-feedback {
    top: 22px;
}
.has-feedback {
    position: relative;
}
.form-group {
    margin-bottom: 15px;
}
.form-control-feedback {
    color: #777;
    width: 40px;
    height: 40px;
    line-height: 48px!important;
    top: 0;
}

/*********REGISTER PAGE*********/
.section-header .section-title {
    font-size: 40px;
    color: #272727;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
}
.section-header .section-title:before {
    content: "";
    position: absolute;
    width: 140px;
    bottom: 0;
    left: 50%;
    margin-left: -70px;
    height: 2px;
    background: #006CB5;
}

.registration-form .row{ max-width: 700px; border-radius: 0; width: 100%; margin: auto; margin-top: 20px; margin-bottom: 30px; background-color: #fff;}
.registration-form .well{ padding: 0 }
.form-header{ background-color: #ed891e; color: #fff; font-size: 19px; padding: 5px 10px; margin-bottom: 10px; }
.form-content{ padding: 15px; }
.TrainingDeclaration p{ font-size: 13px; margin-bottom: 10px }

.Rules{ margin-left: 15px }
.Rules ul{ margin-left: 15px }
.Rules li{ list-style-type: disc; font-size: 13px; margin-bottom: 5px }
.Rules ul li{ list-style-type: circle; }

@media (max-width: 992px) {
    .FirstName.form-control{ width:100% }
}

#LoginModal.modal {
    text-align: center;
    padding: 0!important;
    z-index: 1;
}
#LoginModal.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

#LoginModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    max-width: 450px;
    border: none;
}
#LoginModal .modal-content{ border: 0px solid rgba(255,255,255,0.4);}
#LoginModal .modal-header, #LoginModal .modal-footer{ border: none }

/**********CLASS FOR ICON/PREFIX INSIDE INPUT BOX************/

.left-addon, .right-addon { position: relative }

/* align icon */
.left-addon .fa  { background-color: #f4f4f4; border-right: 1px solid #ccc; color: #999; height: 40px; position: absolute;  padding: 12px 5px 0 5px;  pointer-events: none;left:  1px; top: 1px; font-family:'Open Sans', 'Helvetica Neue',Arial,sans-serif }
.right-addon .fa { background-color: #f4f4f4; border-left: 1px solid #ccc; color: #999; height: 40px; position: absolute;  padding: 12px 5px 0 5px;  pointer-events: none;right: 1px; top: 1px; font-family:'Open Sans', 'Helvetica Neue',Arial,sans-serif}

/* add padding  */
.left-addon input  { padding-left:  45px; }
.right-addon input { padding-right: 45px; }

/*****************CUSTOM RADIO & CHECKBOX***********************/
.sf-radio, .sf-check { width: 100%; height: auto; padding: 1rem 0;}
.sf-radio label, .sf-check label { display: inline-block; margin-right: 20px;}
.sf-radio p, .sf-check p { display: inline-block; margin: 0; vertical-align: middle; }
.sf-radio label input[type=radio], .sf-check label input[type=checkbox] { position: absolute; pointer-events: none; opacity: 0; margin: 0; padding: 0; height: 10px }
.sf-radio label input[type=radio]+span, .sf-check label input[type=checkbox]+span { display: inline-block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #cecece;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.sf-radio label input[type=radio]+span.big, .sf-check label input[type=checkbox]+span.big { width: 26px; height: 26px;}
.sf-radio label input[type=radio]+span::after, .sf-check label input[type=checkbox]+span::after {
  content: "";
  display: inline-block;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms
}
.sf-radio label input[type=radio]:focus+span, .sf-check label input[type=checkbox]:focus+span{  border-color: #2096cd }
.sf-radio label input[type=radio]:checked+span::after, .sf-check label input[type=checkbox]:checked+span::after { opacity: 1 }
.sf-radio label input[type=radio].error+span, .sf-check label input[type=checkbox].error+span { border-color: #e2513f; border-width: 2px }
.sf-radio label input[type=radio]+span {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc
}
.sf-radio label input[type=radio]+span::after { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background-color: #2096cd }
.sf-radio label input[type=radio]:checked+span::after { border: .2em solid #fff }
.sf-check label input[type=checkbox]+span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd }
.sf-check label input[type=checkbox]+span::after {
  height: 45%;
  width: 75%;
  background-color: transparent;
  border: 0 solid #2096cd;
  vertical-align: bottom;
  -webkit-transform: rotate(-45deg) translate(50%, -75%);
  -moz-transform: rotate(-45deg) translate(50%, -75%);
  -ms-transform: rotate(-45deg) translate(50%, -75%);
  -o-transform: rotate(-45deg) translate(50%, -75%);
  transform: rotate(-45deg) translate(50%, -75%)
}
.sf-check label input[type=checkbox]:checked+span::after {
  border-left-width: .2em;
  border-bottom-width: .2em;
  margin-top: 10px;
}
.sf-check label input[type=checkbox]:checked+span.big::after {
  margin-top: 17px;
}

/*********PAGINATION**********/
.navs{font-size:15px;border:1px solid #cccccc;border-right:none;color:#252525;text-decoration:none;padding:8px 15px;cursor:pointer;}
  .navs:hover{background-color:#dddddd;color:#252525;text-decoration:none}
.navsOn{background-color:#eee;outline: 0;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125);box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125);font-size:15px;border:1px solid #cccccc;border-right:none;color:#252525;padding:8px 15px;cursor:default;}
.fixedNav{font-size:15px;background-color:#FFFFFF;border:1px solid #cccccc;border-right:none;color:#75890c;padding:8px 15px;cursor:pointer;border-radius:3px 0 0 3px}
  .fixedNav:hover{background-color:#dddddd;text-decoration:none}
.fixedNavLast{font-size:15px;background-color:#FFFFFF;border:1px solid #cccccc;color:#75890c;padding:8px 15px;cursor:pointer;border-radius:0 3px 3px 0}
  .fixedNavLast:hover{background-color:#dddddd;text-decoration:none}
.navs:last-child {border-right:1px solid #cccccc}
.navsOn:last-child {border-right:1px solid #cccccc}