/* //////////////////////////////////////////////////////////// */
/* START General */
/* //////////////////////////////////////////////////////////// */

/* ============================================================ */
/* START Base Structure */
/* ============================================================ */

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



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



/* === START 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;}
/* === END Elements with display: none; === */

/* ============================================================ */
/* END Base Structure */
/* ============================================================ */






/* ============================================================ */
/* START Links & Buttons */
/* ============================================================ */

/* === START Links === */
a {color: #89202c; text-decoration: none;}
a:hover, a:focus {color: #89202c; text-decoration: underline;}

.forgot-link, .bottom-forgot-links {font-size: 12px;}
.forgot-link {margin: 5px 0 0 0; padding: 0; text-align: right;}
.bottom-forgot-links p {margin: 0;}
/* === END Links === */



/* === START Buttons === */
.btn, .btn:hover, .btn.hover, .btn:focus, .btn.focus, .btn:active, .btn.active {background-color: #ff6e15 color: #000000}

.btn-sm {padding: 6px 10px;}

.btn-default {background-color: #ffffff; border-color: #a0a0a0; color: #000000;}
.btn-default:hover, .btn-default.hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, {background-color: #e2e2e2; border-color: #000000; color: #ffffff;}

.btn-primary {background-color: #286090; border-color: #00205B;color: #ffffff}
.btn-primary.btn-link {background-color: #286090; border-color: #00205B;color: #ffffff}
.btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,  {background-color: #204c73; border-color: #204c73;color: #ffffff}

.btn-success {background-color: #286090; border-color: #255915;}
.btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,   {background-color: #286090; border-color: #255915;color: #ffffff}

/*
.btn-info {background-color: #6c937f; border-color: #6c937f;}
.btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {background-color: #486f5b; border-color: #486f5b;}

.btn-warning {background-color: #6c937f; border-color: #6c937f;}
.btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {background-color: #486f5b; border-color: #486f5b;}

.btn-danger {background-color: #6c937f; border-color: #6c937f;}
.btn-danger:hover, .btn-danger.hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active {background-color: #486f5b; border-color: #486f5b;}
*/

.login-register-buttons {margin: 30px 0 0 0;text-align: right;color:#ffffff}
.login-register-buttons .btn + .btn {margin-left: 7px;color:#ffffff}
/* === END Buttons === */

/* ============================================================ */
/* END Links & Buttons */
/* ============================================================ */






/* ============================================================ */
/* START Wrappers & Containers */
/* ============================================================ */

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

/* ============================================================ */
/* END Wrappers & Containers */
/* ============================================================ */






/* ============================================================ */
/* START Navigation */
/* ============================================================ */

#main-nav {background-color: #00205B; color: #ffffff; border: none; margin: 0; border-radius: 0; min-height: inherit; z-index: 200;}
#main-nav .container {padding: 0;}
#main-nav .navbar-brand {padding: 0; margin: 0; height: auto;}
#main-nav > li {background-color: transparent; margin: 0 8px;}

#main-nav, 
#main-nav .nav > li, 
#main-nav .nav > li > a, 
#main-nav .nav > li > button {height: 30px; line-height: 30px;}

#main-nav .nav > li > a, 
#main-nav .nav > li > a:active, 
#main-nav .nav > li > a:hover, 
#main-nav .nav > li > a:focus, 
#main-nav .nav > li > button, 
#main-nav .nav > li > button:active, 
#main-nav .nav > li > button:hover, 
#main-nav .nav > li > button:focus {padding: 0px 8px; background-color: transparent; color: #ffffff; border: none;}

#main-nav .nav > li > button {position: relative; top: -1px;}
#main-nav .nav > li > a:hover, #main-nav .nav > li > button:hover {text-decoration: underline;}

#main-nav .dropdown-menu > li {margin: 0; line-height: normal; height: auto;}
#main-nav .dropdown-menu > li > a {display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #000000; white-space: nowrap; height: auto;}
#main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > li > a:hover {background-color: #caced0; color: #000000; text-decoration: none;}

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

/* ============================================================ */
/* END Navigation */
/* ============================================================ */






/* ============================================================ */
/* START Content Rows */
/* ============================================================ */

/* === START Top Row === */
.top-row {padding: 10px 0; background-color: #004AAD;}
.logo-main img {max-width: 220px;}
.top-row h1 {font-size:22px; margin-top: 10px; color: #fff; text-align:right;}
.top-row h3 {font-size:16px; margin-top: 20px; color: #fff; padding:40px}
.top-row-buttons {padding:70px 0; display:flex; gap:1rem;}
/* === END Top Row === */



/* === START Center Row === */
.center-row {padding: 20px 0;}
.center-row h1 {font-size: 40px; color: #ffffff; margin: 0;}
/* === END Center Row === */



/* === START Bottom Row === */
.bottom-row {padding: 40px 0; background-color: rgba(255,255,255,.9); color: #000000; position: absolute;}
.bottom-row .container [class^='col-'] > :last-child, .bottom-row .container [class^='col-'] > :only-child {margin-bottom: 0;}
/* === END Bottom Row === */

/* ============================================================ */
/* END Content Rows */
/* ============================================================ */






/* ============================================================ */
/* START Footer */
/* ============================================================ */

/* === START Footer Styles === */
#footer {color: #ffffff; padding: 0; background-color: #4A7729; text-align: center; overflow: hidden;}
#footer a {text-decoration: none; color: #ffffff; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}
#footer a:hover, #footer a:focus, #footer a:hover > *, #footer a:focus > * {opacity: .5;}
#footer a path, #footer a circle {fill: #ffffff;}
#footer ul {margin: 0; display: block; line-height: 80px; height: 80px; padding: 0;}
#footer ul > li {list-style: none; display: inline-block; margin: 0; padding: 0; line-height: 80px; vertical-align: middle; height: 80px; position: relative; top: -1px;}
#footer ul > li > a {display: block;}
/* === END Footer Styles === */



/* === START Powered by Kuder === */
#powered-by-kuder-logo {padding: 20px 0; margin: 0 auto; max-width: 150px; height: 80px;}
#powered-by-kuder-logo > a {display: block; position: relative; top: 50%; margin-top: -16px;}
/* === END Powered by Kuder === */



/* === START Kuder Links === */
#kuder-links a {font-size: 11px; margin: 0 10px; padding: 0; border: none; max-height: 80px; position: relative;}
#kuder-links a:hover:before, #kuder-links a:focus:before {content: ''; position: absolute; height: 0; width: 100%; top: 50%; left: 0; border-top: 1px dotted #ffffff; margin-top: 10px;}
/* === END Kuder Links === */



/* === START Social Footer Icons === */
#social > li > a {text-decoration: none; padding: 0; font-size: 16px;}
#social > li > a > .fa {vertical-align: middle; width: 20px; line-height: 20px; height: 20px;}
#social > li > a > span:not(.sr-only) {display: none;}
/* === END Social Footer Icons === */

/* ============================================================ */
/* END Footer */
/* ============================================================ */






/* ============================================================ */
/* START Component Customization */
/* ============================================================ */

/* === START Custom Modal Additions === */
/*
MF-Nested is used on .modal-footer elements
when needing to be nested for form behavior
*/
.mf-nested {margin: 0 -15px -15px -15px;}
.mf-content-right {float: right; text-align: right; padding-right: 0;}
.mf-content-left {float: left; text-align: left; padding-left: 0;}
/* === END Custom Modal Additions === */



/* === START Form Behavior === */
.form-group + .error-message {margin: -10px 0 15px 0;}
.error-message {position: relative; margin: 5px 0 0 0; text-align: left; color: #89202c; font-size: 12px;}
.input-error {border-color: #89202c; outline: 0 none;}
.input-error:focus {border-color: #89202c; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(191,57,73,.6);}
/* === END Form Behavior === */

/* ============================================================ */
/* END Component Customization */
/* ============================================================ */

/* //////////////////////////////////////////////////////////// */
/* END General */
/* //////////////////////////////////////////////////////////// */












/* //////////////////////////////////////////////////////////// */
/* START Media Queries */
/* //////////////////////////////////////////////////////////// */

/* ============================================================ */
/* START Extra Large Screen Media Queries */
/* ============================================================ */

/* === START Screens >= 1200px === */
@media (min-width: 1200px) {
  .wrap {
    /*
    .wrap pushes footer down preventing footer from overlapping content
    height of the bottom-row (147px) div + footer height (80px)
    */
    padding-bottom: calc(175px);

    /* use negative values to pull the footer back up */
    margin-bottom: calc(-175px);
  }

  #footer {height: 80px;}

  .footer-links {width: 66%;}
  .footer-logo, .social-icons {width: 17%;}
}
/* === END Screens >= 1200px === */

/* ============================================================ */
/* END Extra Large Screen Media Queries */
/* ============================================================ */






/* ============================================================ */
/* START Large Screen Media Queries */
/* ============================================================ */

/* === START Screens >= 992px && <= 1199px === */
@media (max-width: 1199px) {
  #main-nav .nav > li > a, #main-nav .nav > li > button {font-size: 12px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .wrap {
    /*
    .wrap pushes footer down preventing footer from overlapping content
    height of the bottom-row (147px) div + footer height (80px)
    */
    padding-bottom: calc(175px);

    /* use negative values to pull the footer back up */
    margin-bottom: calc(-175px);
  }

  #footer {height: 80px;}
}

@media (min-width: 992px) {
}
/* === END Screens >= 992px && <= 1199px === */

/* ============================================================ */
/* END Large Screen Media Queries */
/* ============================================================ */






/* ============================================================ */
/* START Medium Screen Media Queries */
/* ============================================================ */

/* === START >= 768px && <= 991px === */
@media (max-width: 991px) {
  .login-register-buttons a {display: block; width: 100% !important; margin-bottom: 10px !important;}
  .login-register-buttons :last-child {margin-bottom: 0;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .wrap {
    /*
    .wrap pushes footer down preventing footer from overlapping content
    height of the bottom-row (166px) div + footer height (65px)
    */
    padding-bottom: calc(175px);

    /* use negative values to pull the footer back up */
    margin-bottom: calc(-175px);
  }

  #main-nav .nav > li {margin: 0;}

  .center-row h1 {font-size: 26px;}

  #footer ul {line-height: 65px; height: 65px;}
  #footer ul > li {line-height: 65px; height: 65px; top: -2px;}
  #powered-by-kuder-logo {height: 65px;}
  #powered-by-kuder-logo > a {margin-top: -11px;}
  #kuder-links a {max-height: 65px;}
}

@media (min-width: 768px) {
}
/* === END >= 768px && <= 991px === */

/* ============================================================ */
/* END Medium Screen Media Queries */
/* ============================================================ */






/* ============================================================ */
/* START Extra Small Screen Media Queries */
/* ============================================================ */

/* === START <= 767px === */
@media (max-width: 767px) {
  body {background-color: #ffffff; background-image: none;}
  
  a, a:hover, a:focus {color: #89202c;}
  
  .wrap {
    /*
    .wrap pushes footer down preventing footer from overlapping content
    height of the bottom-row (147px) div + footer height (0)
    */
    padding-bottom: calc(0px + 147px);

    /* use negative values to pull the footer back up */
    margin-bottom: calc(-0px + -147px);  

  }

  .logo-mobile {max-width: 220px; text-align: center; margin: 0 auto;}

  #main-nav {background-color: #ffffff; line-height: inherit; height: auto;}
  #main-nav .navbar-brand {margin: 0; position: relative; padding: 1rem 0; text-align: center; display: block; width: 100%; z-index: 198;}
  #main-nav .container {padding: 0 15px;}

  #main-nav .container > .navbar-collapse {border: none;}
  #main-nav .nav {background-color: #4A7729; padding: 0; margin: 0 -15px; border: none;}
  #main-nav .nav > li {background: transparent; margin: 0; height: auto; line-height: inherit !important; clear: both; display: block;}
  #main-nav .nav > li > a, #main-nav .nav > li > button {height: auto; line-height: inherit !important; padding: 7px 15px !important; text-align: center;}

  #main-nav .nav > li > button {top: 0px; display: block; width: 100%;}

  #main-nav .nav > .open .dropdown-menu {padding: 0; background-color: #ffffff; border-radius: 0; text-align: center;}
  #main-nav .nav > .open .dropdown-menu > li > a {color: #000000;}
  #main-nav .nav .dropdown-menu > li > a:active, #main-nav .nav .dropdown-menu > li > a:hover {background-color: #caced0; color: #000000;}

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

  .main-xs-form {background-color: #ffffff; margin: 0; padding: 0; color: #000000;}

  .panel-heading, .panel-body {padding: 30px 15px; margin: 0; border-radius: 0; text-align: center;}
  .panel-heading > :first-child, .panel-body > :first-child {margin-top: 0;}
  .panel-heading > :last-child, .panel-body > :last-child {margin-bottom: 0;}

  .panel-heading {border-bottom: 1px solid #dadada;}

  .system-heading, .system-get-started {font-size: 22px;}
  .system-heading {padding: 0; color: #000000; text-align: center;}
  .system-description {}
  .system-get-started {text-align: center;}

  .or-line {border: none; margin: 15px 0; position: relative;}
  .or-line:before {content: ''; width: 100%; height: 1px; background-color: #dadada; position: absolute; top: 50%; left: 0;}
  .or-circle {background-color: #dadada; border-radius: 50%; height: 40px; line-height: 40px; margin: 0 auto; width: 40px; color: #000000; text-align: center; position: relative; z-index: 1;}

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

  #footer {padding: 30px 0; min-height: 147px; overflow: hidden;}
  #footer ul, #footer ul > li {line-height: inherit; height: auto;}
  #powered-by-kuder-logo {margin: 0 auto; padding: 0; height: auto;}
  #powered-by-kuder-logo > a {top: 0; margin-top: 0;}
  #kuder-links a {margin: 0 5px;}
  .footer-links + .footer-links {margin-top: 15px;}
}
/* === END <= 767px === */

/* ============================================================ */
/* END Extra Small Screen Media Queries */
/* ============================================================ */






/* ============================================================ */
/* START Super Small Screen Media Queries */
/* ============================================================ */

/* === START >=0px && <= 500px === */
@media (max-width: 500px) {
  .wrap {
    /*
    .wrap pushes footer down preventing footer from overlapping content
    height of the bottom-row (166px) div + footer height (0)
    */
    padding-bottom: calc(0px + 166px);

    /* use negative values to pull the footer back up */
    margin-bottom: calc(-0px + -166px);  
  }

  #footer {height: auto;}
}
/* === END >=0px && <= 500px === */

/* ============================================================ */
/* END Super Small Screen Media Queries */
/* ============================================================ */

/* //////////////////////////////////////////////////////////// */
/* END Media Queries */
/* //////////////////////////////////////////////////////////// */