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 }

.alertbox-error{ color: #f05050; font-size: 16px; }
.alertbox-error:before{ content: "!"; color: #f05050; display: block; border: 1px solid #f05050; border-radius: 50px; font-size: 30px; height: 50px; width: 50px; margin: 0 auto; margin-bottom: 10px; }

.alertbox-success{ color: #518d33; font-size: 16px; }
.alertbox-success:before{ font-family: "FontAwesome"; content: "\f164"; color: #518d33; display: block; border: 1px solid #518d33; border-radius: 50px; font-size: 30px; height: 50px; width: 50px; line-height: 50px; margin: 0 auto; margin-bottom: 10px; }

/****************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: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -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: 600; }
label a{ color:#757575; }
label.required:after{ content: "*"; color: #e54658; margin-left: 5px; }

@media screen and (max-width: 767px)
{
    .table-responsive {  border: 0;  }
    .table-responsive>.table-bordered {  border: 1px solid #ddd; }
}

.table thead{ background-color: #f2f2f2}

.loginBox{ border: 2px solid #ccc; border-radius: 5px; max-width:400px;width:100%;padding:10px;text-align:center; margin:0 auto;}

/*****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:#A94442}
.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: 1px;
    background: #EC4F30;
}
.section-header .section-title:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: -11px;
    left: 50%;
    margin-left: -12px;
    border: 5px solid #fff;
    border-radius: 20px;
    background: #EC4F30;
}

.registration-form .row{ max-width: 700px; width: 100%; margin: auto; margin-top: 20px; margin-bottom: 30px}
.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% }
}

/**********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: 17px; height: 17px; 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;
  -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}

/*----------------------------------------------------
    LOADER USED IN SHOWPROCESSING
------------------------------------------------------*/
.processingModal{ text-align: center; color: #fff; font-size: 17px;}
.processingModal.modal{ top: 0; }
.processingModal.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.processingModal .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    max-width: 450px;
    margin: 30px auto;
    border: none;
}

.loading-bars {
  margin: 10px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.loading-bars > div {
  background-color: #454545;
  height: 100%;
  width: 6px;
  display: inline-block;
  margin-right: 2px;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.loading-bars.white > div {
  background-color: #fff;
}

.loading-bars .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.loading-bars .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.loading-bars .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.loading-bars .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.borders {
    border: solid 1px #ccc !important;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}