/* Elements with height: 100% */
html, body, .background-image, .main-container, .inner-main-container {height: 100%;}


/* Elements with display: none; */
#google_translate_element, .secondary-header-branding, .secondary-footer-branding, .back-to-top, #footer ul#social span, .print-instructions {display: none !important;}

html {-ms-overflow-style: scrollbar;}

/* Prevent scroll on narrow devices */
html, body {overflow-x: hidden;}

body {font: normal 14px "Open Sans", sans-serif; color: #333; background: url(/Resources/Image/BackgroundImage2) no-repeat top center #2d3238; background-size: cover;}

a {color: #4f675b; text-decoration: none;}
a:hover {color: #4f675b; text-decoration: underline;}

.btn.focus, .btn:focus, .btn:hover {color: #FFF; text-decoration: none;}
.btn-primary {background-color: #1d76a5; border-color: #1d76a5;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {background-color: #145273; border-color: #145273;}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {color: #333;}

.wrap {display: block; width: 100%; position: relative; min-height: 100%; height: auto;}

#main-nav, #main-nav li, #main-nav li a {height: 30px; line-height: 30px;}
#main-nav {background: #686868; color: #fff; border: none; margin: 0; border-radius: 0; min-height: inherit; z-index: 200;}
#main-nav .container {padding: 0px;}
#main-nav a.navbar-brand {padding: 0; margin: 0; height: auto;}
#main-nav li {background: transparent; margin: 0 8px;}
#main-nav .nav a, #main-nav .nav a:active, #main-nav .nav a:hover {padding: 0px 8px; background: transparent; color: #fff;}
#main-nav .nav a:hover {text-decoration: underline;}

.error-message {  position: relative;  bottom: 12px;  margin-top: 15px;  text-align: left;  color: #9c0f20;  font-size: 12px;}

.modal .error-message {color: #9c0f20;}
.input-error {border-color: #9c0f20; outline: 0 none;}

.main-container {position: relative; display: block; width: 100%; background: transparent; margin-top: -30px; padding-top: 30px; z-index: 100;}
.inner-main-container {position: relative; display: block; width: 100%;}

.top-row {color: #FFF; background: rgba(255,255,255,.8); position: relative; padding: 20px 0;}
.top-row .login-form .row {position: relative; top: 15px;}
.top-row .btn {padding-top: 6px; padding-bottom: 6px;}
.top-row .btn-register {margin-left: 10px;}
.top-row .forgot-link {margin-top: 5px; margin-bottom: 0;}
.top-row .forgot-link a {color: #686868;}
.login-register-buttons {padding: 30px 0 0;}
.login-register-buttons .btn-login {float: left; margin-right: 20px; width: 38%;}
.login-register-buttons .btn-register {float: left; width: 55%;}
.btn i.fa.icon-before {margin-right: 3px;}
.btn i.fa.icon-after {margin-left: 3px;}
.btn i.fa.fa-user-plus {position: relative; top: -1px;}

.btn-login {background-color: #cb132a; border: none; color: #fff; text-shadow: 0px 1px 0 rgba(0, 0, 0, .5);}
.btn-login.active, .btn-success.focus, .btn-login:active, .btn-login:focus, .btn-login:hover, .open > .dropdown-toggle.btn-login {background-color: #9c0f20; border: none; color: #fff;}
.btn-register {background-color: #686868; border: none; color: #fff; text-shadow: 0px 1px 0 rgba(0, 0, 0, 1);}
.btn-register.active, .btn-register.focus, .btn-register:active, .btn-register:focus, .btn-register:hover, .open > .dropdown-toggle.btn-register {background-color: #473f3f; border: none; color: #fff;}


.forgot-link {font-size: 12px; margin: -10px 0 15px; padding-right: 0; text-align: right;}
.bottom-forgot-links {font-size: 12px;}



.bottom-row {color: #FFF; background: rgba(203,19,42,.8); position: relative; bottom: 0; padding: 40px 0;}
.btn-group-lg > .btn, .btn-lg {	font-size: 16px;}



#footer {color: #FFF; padding: 0px; background: #cb132a; border-top: none;clear: both; z-index: 300; position: relative; float: left; width: 100%;}
#footer a {text-decoration: none; color: #FFF;}
#footer a path, #footer a circle {fill: #FFF;}
#footer .footer-links {text-align: center;}
#footer ul {margin: 0; text-align: center; display: inline; line-height: 80px; padding-left: 0;}
#footer ul li {list-style: none; zoom: 1; display: inline; margin: 0; padding: 0; line-height: 16px;}
#footer #powered-by-kuder-logo {padding: 20px 0; max-width: 150px; margin: 0;}
#footer #kuder-links a {font-size: 11px; margin-right: 20px; border-bottom: 1px dotted transparent; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}
#footer #kuder-links a:hover {border-bottom: 1px dotted #FFF;}
#footer ul#social li a {display: inline-block; height: 30px; text-decoration: none; width: 30px; padding: 0; font-size: 22px;}
#footer ul#social li a {-webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}
#footer ul#social li a:hover {opacity: .5}

.help {text-transform: capitalize;}



@media (max-width: 1199px) {
  #main-nav li a {font-size: 12px;}
}



@media (min-width: 992px) {
  .wrap {padding-bottom: 277px; margin-bottom: -277px;} /* footer height + height of the bottom-row (197) div */
  #footer {height: 80px;}
}

@media (max-width: 991px) {
  #main-nav li a {font-size: 10px;}
}


/*--tablet screens--*/
@media (min-width: 768px) and (max-width: 991px) {
  .top-row-buttons {text-align: right; margin-right: 0}
  .login-register-buttons .btn-login, .login-register-buttons .btn-register {float: none;}
  
  #main-nav li {margin: 0;}
  
  .logo-main > a {display: block; text-align: center; margin-bottom: 20px;}
  .logo-main > a > img {text-align: center; margin: 0 auto;}
  
  .login-form-alternate .row {margin-left: -30px;}
  
  .forgot-link {margin-bottom: 0;}
  
  .wrap {padding-bottom: 281px; margin-bottom: -281px;} /* footer height + height of the bottom-row (216) div */
  #footer {height: 65px;}
  #footer ul {line-height: 65px;}
  #footer #kuder-links a {margin-right: 10px;}
  #footer ul#social li a {font-size: 18px; width: 21px;}
  
}





/*--phone screens--*/
@media (max-width: 767px) {
  body {background: #686868;}
  .background-image {display: none;}

  #main-nav {background-color: #ffffff; line-height: inherit; height: auto;}
  #main-nav a img {max-width: 220px;}
  #main-nav a.navbar-brand {margin: 0; position: relative; padding: 1rem 0; text-align: center; display: block; width: 100%; z-index: 198;}
  #main-nav li {height: auto; line-height: inherit; clear: both; display: block;}
  #main-nav li a {height: auto; line-height: inherit; padding: 5px 10px !important;}
  #main-nav .container {padding: 0 15px;}
  
  .navbar-header {margin: 0 !important; position: relative;}
  .navbar-toggle {background-color: #d1d1d1; margin-right: 30px; color: #333; display: inline-block; border: none; float: left; position: absolute; top: 50%; margin-top: -18px; z-index: 199;}
  .navbar-collapse {background-color: #686868;}
  
  .logo-mobile {max-width: 200px; text-align: center; margin: 0 auto;}
  
  .main-container {padding-top: 35px; position: static; background: none; min-height: auto;}

  .main-xs-form {background: rgba(255,255,255,.7); margin-top: 0; color: #000;}

  .panel-heading {background: rgba(255,255,255,.7); border-bottom: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 12px; margin: 0px -15px;}
  .panel-heading h2 {margin: 0px 20px; padding: 0px; font-size: 20px; color: #000; text-align: center;}
  .panel-body {	padding: 25px 15px 15px;}

  .or-line {border-top: 1px solid #fff;	margin: 27px 5px 10px;}
  .or-circle-area {text-align: center;}
  .or-circle {background: #F0F0F0; -webkit-border-radius: 25px; border-radius: 25px; height: 35px; line-height: 35px; margin: -17px auto 0; width: 35px; color: #000;}

  .bottom-forgot-links {text-align: center; margin-top: 15px;}
  
  .forgot-link {text-align: center;}

  .wrap {padding-bottom: 147px; margin-bottom: -147px;}
  #footer {padding: 0; height: 147px;}
  #footer ul {line-height: 15px;}
  #footer #powered-by-kuder-logo {margin: 0 auto;}
  #footer .footer-links.social-icons {padding-top: 25px;}
  #footer #kuder-links a {margin: 0px 5px; font-size: 12px;}
  #footer ul#social li a {font-size: 18px; width: 21px;}

  .error-message {color: #9c0f20;}
}

@media (max-width: 500px) {
  .wrap {padding-bottom: 166px; margin-bottom: -166px;}
  #main-nav a img {max-width: 160px;}
  #footer {height: 166px;}
}