/* ------------------------------------------------------------------- */
/* General */
/* ------------------------------------------------------------------- */

/* --- */
/* Base Structure */
/* --- */

/* HTML & Body */
body {font: normal 14px "Open Sans", sans-serif; color: #000000; background: url(/Resources/Image/BackgroundImage4) no-repeat top center #ffffff; background-size: cover;}


/* Scroll settings */
html {-ms-overflow-style: scrollbar;}
html, body {overflow-x: hidden; height: 100%;}


/* Form Behavior */
.error-message {position: relative; bottom: 12px; margin-top: 15px; text-align: left; color: #ba4141; font-size: 12px;}
.input-error {border-color: #ba4141; outline: 0 none;}


/* 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;}



/* --- */
/* Links & Buttons */
/* --- */

/* Links */
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline;}

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

.bottom-forgot-links {font-size: 12px;}


/* Buttons */
.btn-group-lg > .btn, .btn-lg {font-size: 16px;}

.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;}

.navbar-default .btn-link, .navbar-default .btn-link:hover, .navbar-default .btn-link:focus, .navbar-default .btn-link.active {color: #000000;}

.btn-login {background-color: #0a8c91; border: none; color: #ffffff; 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: #0a8c91; border: none; color: #ffffff;}
.btn-register {background-color: #8b8b8b; border: none; color: #ffffff; 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: #8b8b8b; border: none; color: #ffffff;}
.btn.focus, .btn:focus, .btn:hover {color: #ffffff; text-decoration: none;}

.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%;}



/* --- */
/* Wrappers & Containers */
/* --- */
.wrap {display: block; width: 100%; position: relative; min-height: 100%; height: auto;}

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




/* --- */
/* Navigation */
/* --- */

#main-nav a.navbar-brand {padding: 0; margin: 0; height: auto;}
.navbar {margin: 0; border-radius: 0; min-height: 30px;}
.navbar-right {background: #FEDE17;  padding: 0 15px; margin-right: 0;}
#main-nav {background: transparent none repeat scroll 0% 0%; color: #000000; height: 30px; border: none; line-height: 30px;}
#main-nav .nav a, #main-nav .nav a:active, #main-nav .nav a:hover {padding: 0px 8px; background: transparent; color: #000000; line-height: 30px;}
#main-nav li {background: transparent; margin: 0 8px;}

.navbar-toggle:focus, .dropdown-toggle:focus, .dropdown-toggle.active:focus {outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}

.logo-main img {max-width: 150px;}

.dropdown-toggle {padding: 6px 12px !important; line-height: 1.42857143 !important; font-size: 14px !important;}



/* --- */
/* Content Rows */
/* --- */

h1 {font-size:30px; margin-bottom: 30px;}

/* Top Row */
.top-row {color: #000000; background: #ffffff; position: relative; padding: 20px 0; margin-top: 20px;}
.top-row .login-form .row {position: relative; top: 15px;}
.top-row .btn {padding-top: 6px; padding-bottom: 6px;}
.top-row .btn-register {margin-left: 7px;}
.top-row .forgot-link {margin-top: 5px;}
.top-row .forgot-link a {color: #000000;}

.top-row-buttons {text-align: right;}

/* Center Row */
.center-row {position: relative; padding: 30px 75px; margin: 0px 0 20px 0; background: rgba(0,0,0,0.8) none repeat scroll 0% 0%; color: #ffffff; max-width: 50%;}
.center-row .container {max-width: 100%;}
.center-row h1 {margin-top: 0; margin-bottom: 15px;}
.center-row p {font-size: 14px; margin-bottom: 0;}

.logo-scoe {float: right; margin: -15px 0 30px 30px;}

/* Bottom Row */


/* --- */
/* Footer */
/* --- */

#footer {color: #ffffff; padding: 0px; background: #000000; border-top: none;}
#footer a {text-decoration: none; color: #ffffff;}
#footer a path, #footer a circle {fill: #ffffff;}
#footer .footer-links {text-align: center;}
#footer ul {margin: 0%; text-align: center; display: inline; line-height: 80px; padding-left: 10px;}
#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: 0px auto;}
#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 #ffffff;}
#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;}
#footer ul#social span {display: none;}


/* --- */
/* Component Customizations (Alerts, Modals, Panels, etc.)  */
/* --- */










/* ------------------------------------------------------------------- */
/* Media Queries */
/* ------------------------------------------------------------------- */

/* --- */
/* Desktop - Extra Large Screens (>= 1200px) */
/* --- */
@media (min-width: 1250px) {
  .center-row {width: 50% !important;}
}

@media (min-width: 1200px) {
  .wrap {padding-bottom: 337px !important; margin-bottom: -337px !important;} /* footer height + height of the center-row (223) div */
  .center-row {width: 70% !important; max-width: 700px !important; padding: 30px 75px !important; margin: 20px 0 !important;}
}



/* --- */
/* Desktop - Standard / Tablet - Extra Large (== 992px && <= 1199px) */
/* --- */
@media (max-width: 1199px) {
  #main-nav li a {font-size: 12px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wrap {padding-bottom: 226px; margin-bottom: -226px;} /* footer height + height of the center-row (146) div */
  
  .logo-main img {margin: 0 auto 20px auto;}
}

@media (min-width: 992px) {
  #footer {height: 80px;}
}



/* --- */
/* Tablet - Small (== 768px && <= 991px) */
/* --- */
@media (max-width: 991px) {

}

@media (min-width: 768px) and (max-width: 991px) {
  body {background-position-x: right; background-position-y: center;}
  .wrap {padding-bottom: 230px; margin-bottom: -230px;} /* footer height + height of the bottom-row (165) div */
  
  .container {width: 100%;}

  .logo-main, .logo-main a, .logo-main a img {text-align: center;}
  .logo-main {margin-bottom: 20px;}
  .logo-main img {margin: 0 auto;}

  .top-row h1 {font-size:25px; margin-top:15px;}
  

  #main-nav li {margin: 0;}

  .login-register-buttons .btn-login, .login-register-buttons .btn-register {float: none;}

  .center-row {margin-top: 330px;}

  #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;}
}

@media (min-width: 768px) {
  #powered-by-kuder-logo {margin: 0;}

  .center-row {position: relative; padding: 30px 15px; margin: 0px 0 0 0; background: rgba(0,0,0,0.8) none repeat scroll 0% 0%; color: #ffffff; max-width: 100%;}
  
  .navbar-collapse {padding: 0;}
}




/* --- */
/* Phone - Standard (<= 767px) */
/* --- */
@media (max-width: 767px) {
  body {background-color: #ffffff; background-image: none;}

  .wrap {padding-bottom: 147px; margin-bottom: -147px;}

  #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 !important; clear: both; display: block; margin: 0;}
  #main-nav li a, #main-nav li button {height: auto; line-height: inherit !important; padding: 5px 10px !important; display: block; width: 100%;}
  #main-nav .container {padding: 0 15px;}
  #main-nav .navbar-collapse {padding: 0;}
  
  .navbar-nav .open .dropdown-menu {text-align: center; background-color: rgba(0,0,0,.2);}
  
  .navbar-header {margin: 0 !important; position: relative;}
  .navbar-toggle {background-color: #d1d1d1; margin-right: 30px; color: #000000; display: inline-block; border: none; float: left; position: absolute; top: 50%; margin-top: -18px; z-index: 199;}

  .navbar-right {background-color: #FEDE17; padding: 0; margin: 0;}

  .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: #ffffff; margin: 15px 0; color: #000000;}

  .panel-heading {background: #ffffff; padding: 15px; margin: 0; border-radius: 0;}
  .panel-heading h2 {margin: 0; padding: 0; font-size: 20px; color: #000000; text-align: center;}
  .panel-body {padding: 15px;}
  .panel-body h3 {margin: 0 0 15px 0; text-align: center;}
  
  .logo-scoe {float: none; margin: 30px auto 0 auto;}

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

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

  .forgot-link {text-align: center;}

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




/* --- */
/* Phone - Extra Small */
/* --- */
@media (max-width: 500px) {
  .wrap {padding-bottom: 166px; margin-bottom: -166px;}
  #footer {height: 166px;}
}