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

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

/* === START HTML & Body === */
body {font: normal 14px "Open Sans", sans-serif; color: #051a24; 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: #0060a9; text-decoration: none;}
a:hover, a:focus {color: #0060a9; 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 {font-weight: 600;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: .6;}
.btn:active, .btn.active {box-shadow: inset 0 7px 15px rgba(0,0,0,.6); text-shadow: 0px 3px 7px rgba(0,0,0,.5);}
.btn:hover, .btn:focus, .btn:active, .btn.hover, .btn.focus, .btn.active, .open > .dropdown-toggle.btn {color: #ffffff;}

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

.btn-default {background-color: #70B277;; border-color: white; color: white;}
.btn-default:hover, .btn-default.hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {background-color: #b7b9bf; border-color: #051a24; color: #051a24;}

.btn-primary {background-color: white; border-color: #08194e; color: #08194e;}
.btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {background-color: #08194e; border-color: #08194e; color: #ffffff;}

.btn-partner {background-color: #66a0cb; border-color: #08194e; color: #ffffff;}
.btn-partner:hover, .btn-partner.hover, .btn-partner:focus, .btn-partner.focus, .btn-partner:active, .btn-partner.active {background-color: #08194e; border-color: #08194e; color: #ffffff;}


.btn-success {background-color: #0a6218; border-color: #084e13; color: #ffffff;}
.btn-success:hover, .btn-success.hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active {background-color: #084e13; border-color: #084e13; color: #ffffff;}

.btn-info {background-color: #0a5f62; border-color: #084c4e; color: #ffffff;}
.btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {background-color: #084c4e; border-color: #084c4e; color: #ffffff;}

.btn-warning {background-color: #9d980f; border-color: #7e7a0c; color: #ffffff;}
.btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {background-color: #7e7a0c; border-color: #7e7a0c; color: #ffffff;}

.btn-danger {background-color: #0060a9; border-color: #ae001e; color: #ffffff;}
.btn-danger:hover, .btn-danger.hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active {background-color: #ae001e; border-color: #ae001e; color: #ffffff;}

.login-register-buttons {margin: 0 0 0 0; text-align: right;}
.login-register-buttons .btn + .btn {margin-left: 0;}
/* === 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 */
/* ============================================================ */
/* #dfe1e7 */
#main-nav {background-color: #dfe1e7 ; color: #051a24; 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: #051a24; 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: #051a24; white-space: nowrap; height: auto;}
#main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > li > a:hover {background-color: #b7b9bf; color: #051a24; 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: 20px 0; background-color: #113857}

.footer-redesign{
background-color: #113857 !important; 
}

.logo-main img {max-width: 350px;}
/* === END Top Row === */



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



/* === START Bottom Row === */
.bottom-row {padding: 10px 0; background-color: #113857; color:  #ffffff; position: relative;}
.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: #113857; 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: 70px; height: 70px; padding: 0;}
#footer ul > li {list-style: none; display: inline-block; margin: 0; padding: 0; line-height: 70px; vertical-align: middle; height: 70px; 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: 70px;}
#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: #0060a9; font-size: 12px;}
.input-error {border-color: #0060a9; outline: 0 none;}
.input-error:focus {border-color: #0060a9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(213,0,38,.6);}
/* === END Form Behavior === */



/* === START 3rd Party Buttons === */
.btn-3rd-party, .btn-3rd-party:hover, .btn-3rd-party:active, .btn-3rd-party:focus {color: #ffffff;}
.btn-3rd-party > .fa, .btn-3rd-party > [class^='icon-'] {margin-right: .3em;}
.btn-clever {background-color: #2f67ab; border-color: #2f67ab;}
.btn-clever:hover, .btn-clever:focus {background-color: #2e51ac; border-color: #2e51ac;}
.icon-clever {display: inline; position: relative;}
.btn-3rd-party .icon-clever {width: 15px; top: -1px;}

.icon-clever {width: 14px; height: 14px;}
/* === END 3rd Party Buttons === */

/* ============================================================ */
/* 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 (187px) div + footer height (80px)
    */
    padding-bottom: calc(187px + 80px);

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

  #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 (187px) div + footer height (80px)
    */
    padding-bottom: calc(187px + 80px);

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

  #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: inline-block; width: auto !important; margin-bottom: 0 !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 (187px) div + footer height (65px)
    */
    padding-bottom: calc(187px + 65px);

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

  #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: #0060a9;}
  
  .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(-80px);

  }

  .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: #dfe1e7; 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; font-size: 14px;}

  #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: #051a24;}
  #main-nav .nav .dropdown-menu > li > a:active, #main-nav .nav .dropdown-menu > li > a:hover {background-color: #b7b9bf; color: #051a24;}

  .navbar-header {margin: 0 !important; position: relative;}
  .navbar-toggle {background-color: #b7b9bf; margin-right: 30px; color: #051a24; 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: #051a24;}

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

  .system-heading {padding: 0; color: #051a24; text-align: center; font-size: 22px;}
  .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: #b7b9bf; position: absolute; top: 50%; left: 0;}
  .or-circle {background-color: #b7b9bf; border-radius: 50%; height: 40px; line-height: 40px; margin: 0 auto; width: 40px; color: #051a24; 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: inherit;}
  #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(-80px);
  }

  #footer {height: 166px;}
}

.custom-color-login{
background-color: #66a0cb !important;
}
/* === END >=0px && <= 500px === */

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

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