body {  }
h1,h2,h3,h4,h5,h6,p,div,span,td { font-family: Poppins, sans-serif; }
nav { padding-bottom: 60px; }

.nav-wrapper { position: absolute; height: 120px; width: 100%; z-index: 2; }
.nav-inner { display: flex; justify-content: center; min-height: 120px; background-color: #3685cc; }
.logo { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 8px 48px 8px 0; }
.logo img { width: auto; height: 100px; margin-right: 16px; }
.logo h1 { color: #fff; font-size: 32px; max-width: 360px; font-weight: 700; }

.home-container { max-width: 550px; margin: 64px auto; padding: 48px; background-color: #ddd; box-shadow: 4px 4px 6px #666; }

.home-wrapper { 
    position: relative; width: 100%; height: 100%; overflow: hidden !important;
    background: linear-gradient(to bottom, #fff, #aaa);
    -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased;
    padding-top: 120px; padding-bottom: 50px;
}
.home-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: cover; background-image: url(/dashboard/images/backgrounds/public_shard.jpg); opacity: 0.25; }
.home-wrapper.no-chrome { padding-top: 0; padding-bottom: 0; }

.home-content { position: relative; z-index: 10; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.home-wrapper .home-inner { width: 100%; height: 100%; padding: 0 5%; display: flex; align-items: center; }
.home-wrapper .home-inner .home-text-wrapper { cursor: default; width: 100%; max-width: 1170px; margin: 0 auto; }
.home-wrapper .home-inner .home-text-wrapper .home-text-h1 { margin-bottom: 10px; font-size: 72px; color: white; text-transform: uppercase; font-family: 'FreightTextMedium', sans-serif !important; }
.home-wrapper .home-inner .home-text-wrapper .home-text-h1 span { text-shadow: black 0px 0px 12px; }

.home-wrapper .home-inner .home-text-wrapper .home-text-light {
    margin-bottom: 10px; color: #a4a4a4; line-height: 22px; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; font-weight: 300; 
}
.home-wrapper .home-inner .home-text-wrapper .home-text-light.contact { font-size: 15px; }
.home-wrapper .home-inner .home-text-wrapper .home-text-light a { color: #ef6e24; text-decoration: none; }
.home-wrapper .home-inner .home-text-wrapper .home-text-light a:hover { color: #337ab7; text-decoration: underline; }

.home-wrapper .nav-container { 
    width: 100%; min-height: 120px;
    background: -moz-linear-gradient(top,  rgba(0,0,28,0.8) 0%, rgba(0,0,28,0.8) 1%, rgba(0,0,28,0.6) 50%, rgba(0,0,28,0.35) 75%, rgba(0,0,28,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,28,0.8) 0%,rgba(0,0,28,0.8) 1%,rgba(0,0,28,0.6) 50%,rgba(0,0,28,0.35) 75%,rgba(0,0,28,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,28,0.8) 0%,rgba(0,0,28,0.8) 1%,rgba(0,0,28,0.6) 50%,rgba(0,0,28,0.35) 75%,rgba(0,0,28,0) 100%);
}
.home-wrapper .home-container { width: 100%; height: 100%; }
.footer { position: absolute; bottom: 0; height: 36px; width: 100%; font-family: Poppins, Verdana, sans-serif; color: #fff; background-color: #3399cc; }
.footer-content { height: 100%; width: 420px; margin: auto; padding-top: 10px; box-sizing: border-box; font-size: 13px; font-weight: 700; text-align: center; }


.message-wrapper .message-wrapper-container .panel-login-container { position: relative; min-width: 100%; min-height: 220px; padding: 20px; }
.message-wrapper .message-wrapper-container .panel-container { position: relative; transition: transform 0.6s, opacity 0.6s; opacity: 1; z-index: 100; min-width: 240px; width: 240px; min-height: 220px; margin: auto 35%; }
.message-wrapper .message-wrapper-container .panel-container.panel-hidden { transform: translateY(20px); }
.message-wrapper .message-wrapper-container .panel-container.offset { top: -9999px !important; left: -9999px !important; }

.message-wrapper .message-wrapper-container .panel-container-faces { position: absolute; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }
.message-wrapper .message-wrapper-container .panel-container-faces.flip { transform: rotateY(180deg); }
.message-wrapper .message-wrapper-container .panel-container-faces.flip.v { transform: rotateX(180deg); }
.message-wrapper .message-wrapper-container .panel-container-faces .panel-container-faces-front,
.message-wrapper .message-wrapper-container .panel-container-faces .panel-container-faces-back { position: absolute; height: 100%; width: 100%; border-radius: 5px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.message-wrapper .message-wrapper-container .panel-container-faces .panel-container-faces-back { transform: rotateY( 180deg ); }
.message-wrapper .message-wrapper-container .panel-container-faces.v .panel-container-faces-back { transform: rotateX( 180deg ); }
.message-wrapper .message-wrapper-container .panel-container-faces.flip .panel-container-faces-front { z-index: 1; }
.message-wrapper .message-wrapper-container .panel-container-faces.flip .panel-container-faces-back { z-index: 2; }

.message-wrapper .message-wrapper-container .nav-menu-login-panel-container,
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container { position: relative; overflow: hidden; border: 2px solid #54a1d9; border-radius: 8px; background-color: #5D2831; box-shadow: 0 0 16px #00001c; height: 100%; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container { position: relative; padding: 12px 12px 32px; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container span { margin-right: 10px; color: white; }

.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container .forgot-panel-container,
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container .forgot-panel-container-success { top: 0; width: 100%; height: 100%; transition: left 0.6s; padding: 12px; }
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container .forgot-panel-container { position: relative; left: 0%; }
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container .forgot-panel-container-success { position: absolute; left: 110%; }
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container.success .forgot-panel-container { left: -110%; }
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container.success .forgot-panel-container-success { left: 0%; }


.message-wrapper .message-wrapper-container .panel-container .title { font-family: 'OxaniumRegular', Verdana, sans-serif; color: #A4BAB1; font-size: 18px; }
.message-wrapper .message-wrapper-container .panel-container .desc { font-family: 'UbuntuRegular', sans-serif; color: #fff; font-size: 12px; margin-bottom: 0.25em; margin-top: 0.25em; }
.message-wrapper .message-wrapper-container .panel-container input {
    background-color: rgba(84,161,217,0.6); padding: 6px; border: 0; font-family: 'UbuntuRegular', sans-serif; color: #fff; border-radius: 3px; margin-top: 12px;
}
.message-wrapper .message-wrapper-container .panel-container input::placeholder { color: rgba(84,161,217,1); }

.message-wrapper .message-wrapper-container .panel-container .sub-buttons { display: flex; margin-top: 12px; justify-content: center; }
.message-wrapper .message-wrapper-container .panel-container .sub-buttons span { font-size: 12px; margin: 0 12px; }

.message-wrapper .message-wrapper-container .panel-container a.btn {
    display: inline-block; text-align: center; background-color: #54a1d9; color: #000; text-decoration: none; margin: 10px auto 0;
    font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; 
    font-size: 12px; text-transform: uppercase; padding: 6px; border-radius: 6px;
}
.message-wrapper .message-wrapper-container .panel-container a.btn:hover { background-color: #74c1f9; }
.message-wrapper .message-wrapper-container .panel-container a.forgot { font-family: 'UbuntuRegular', sans-serif; color: #ef6e24; font-size: 11px; text-decoration: none; }
.message-wrapper .message-wrapper-container .panel-container a.forgot:hover { color: #fff; text-decoration: underline; }

.message-wrapper .message-wrapper-container .panel-container span.login-status,
.message-wrapper .message-wrapper-container .panel-container span.forgot-status,
.message-wrapper .message-wrapper-container span.register-status,
.message-wrapper .message-wrapper-container span.reset-status { display: inline-block; text-align: center; color: #000; text-decoration: none; margin: 10px auto; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 14px; text-transform: uppercase; padding: 5px 6px 5px 30px; border-radius: 6px; background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-size: auto 24px; background-position: 0 50%; color: #fff; min-height: 40px; display: inline-flex; align-items: center; }

.message-wrapper .message-wrapper-container .panel-container .home-login-error,
.message-wrapper .message-wrapper-container .panel-container .home-forgot-error,
.message-wrapper .message-wrapper-container .reset-password-error,
.message-wrapper .message-wrapper-container .register-form-error { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cc0000; color: #fff; padding: 6px 3px; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; border-radius: 0 0 6px 6px; text-align: center; }

.message-wrapper .message-wrapper-container .panel-container a.registration,
.message-wrapper .message-wrapper-container .panel-container a.problems { font-family: 'UbuntuRegular', sans-serif; color: #ef6e24; font-size: 11px; text-decoration: none; }
.message-wrapper .message-wrapper-container .panel-container a.registration:hover,
.message-wrapper .message-wrapper-container .panel-container a.problems:hover { color: #fff; text-decoration: underline; }

.message-wrapper .message-wrapper-container .panel-container span.oldprelimsitelabel { color: #A4BAB1; }
.message-wrapper .message-wrapper-container .panel-container a.oldprelimsite { font-family: 'UbuntuRegular', sans-serif; color: #ef6e24; font-size: 11px; text-decoration: none; }
.message-wrapper .message-wrapper-container .panel-container a.oldprelimsite:hover { color: #fff; text-decoration: underline; }

.message-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.message-wrapper-container { position: relative; padding: 45px; background-color: #3685cc; width: 90%; max-width: 640px; max-height: 94%; margin: 1em; overflow: hidden;
clip-path: polygon( 0% 10%, 5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0% 90%, 0% 10% )
}

.message-wrapper-container p,
.message-wrapper-container ul { color: #fff; font-size: 18px; margin-bottom: 1em; line-height: 120%; font-family: 'UbuntuRegular', sans-serif; }
.message-wrapper-container ul.browsers li { display: flex; align-items: center; margin: 0.5em 0; }
.message-wrapper-container ul.browsers li span { margin-right: 0.5em; }
.message-wrapper-container h2 { font-family: 'Poppins', Verdana, sans-serif; color: #fff; font-size: 32px; margin-bottom: 0.25em; }
.message-wrapper-container p.callout { background-color: rgba(255,255,255,0.15); border-radius: 6px; padding: 12px; margin-bottom: 0; }

.message-wrapper-container-panel { position: relative; min-height: 100%; }

.message-wrapper .message-wrapper-container .message-wrapper-container-panel a.gohome { color: #2d0001; background-color: rgba(255,255,255,0.75); padding: 5px 8px; text-transform: uppercase; font-size: 14px; border-radius: 4px; margin-left: 4px; text-decoration: none; font-weight: bold; box-shadow: 0 0 4px #333; }
.message-wrapper .message-wrapper-container .message-wrapper-container-panel a.gohome:hover { color: #3d0811; text-decoration: none; background-color: rgba(255,255,255,0.5); }

/* Custom login theme */

.message-wrapper .message-wrapper-container .panel-login-container { padding: 20px 0; margin-bottom: -48px; }
.message-wrapper .message-wrapper-container .panel-container { width: 100%; margin: 0; perspective: 800px; min-height: 200px; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container, 
.message-wrapper .message-wrapper-container .nav-menu-forgot-panel-container { border: 0; background-color: transparent; box-shadow: none; border-radius: 0; z-index: 2; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container { padding: 0; min-height: 200px; overflow: visible; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container form { text-align: center; }
.message-wrapper .message-wrapper-container .nav-menu-login-panel-container p.form_row { display: flex; flex-wrap: wrap; justify-content: space-between; }

.message-wrapper .message-wrapper-container h1 { color: #fff; font-size: 24px; margin-bottom: 8px; }
.message-wrapper .message-wrapper-container .panel-container input,
.message-wrapper .message-wrapper-container .register-form input { background-color: rgba(255,255,255,0.6); padding: 8px; font-size: 20px; color: #000; width: 49%; min-width: 300px; margin-top: 0; }
.message-wrapper .message-wrapper-container .register-form input[type=text],
.message-wrapper .message-wrapper-container .register-form input[type=password] { width: 48%; }
.message-wrapper .message-wrapper-container .register-form input[type=checkbox] { width: 16px; min-width: 16px; }
.message-wrapper .message-wrapper-container .register-form span.registration-status { display: inline-block; text-align: center; color: #000; text-decoration: none; margin: 10px auto; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 14px; text-transform: uppercase; padding: 5px 6px 5px 30px; border-radius: 6px; background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-size: auto 24px; background-position: 0 50%; color: #fff; min-height: 40px; display: inline-flex; align-items: center; }
.message-wrapper .message-wrapper-container .panel-container input::placeholder,
.message-wrapper .message-wrapper-container .register-form input::placeholder { color: rgba(0,0,0,0.5); }
.message-wrapper .message-wrapper-container .panel-container a.btn { font-family: 'Poppins', Verdana, sans-serif; font-size: 20px; font-weight: normal; background-color: #ccc; padding: 12px 16px; box-shadow: 0 0 9px #333; margin-bottom: 4px; }
.message-wrapper .message-wrapper-container .panel-container a.btn:hover { background-color: #ddd; }
.message-wrapper .message-wrapper-container .panel-container a.forgot { color: #fff; font-size: 12px; }
.message-wrapper .message-wrapper-container .panel-container a.forgot:hover { color: #fdf8f1; }
.message-wrapper .message-wrapper-container .panel-container a.registration { color: #fdf8f1; font-size: 12px; }
.message-wrapper .message-wrapper-container .panel-container a.registration:hover { color: #fff; }
.message-wrapper .message-wrapper-container .panel-container a.problems { color: #fff; font-size: 12px; }
.message-wrapper .message-wrapper-container .panel-container a.problems:hover { color: #fdf8f1; }
.message-wrapper .message-wrapper-container .panel-container a.oldprelimsite { color: #fdf8f1; font-size: 12px; }
.message-wrapper .message-wrapper-container .panel-container a.oldprelimsite:hover { color: #fff; }
.message-wrapper .message-wrapper-container .panel-container a.gohome { margin-top: 12px; font-size: 12px; }
.message-wrapper .message-wrapper-container .panel-container-faces .panel-container-faces-front, 
.message-wrapper .message-wrapper-container .panel-container-faces .panel-container-faces-back { transform-style: preserve-3d; }
.message-wrapper .message-wrapper-container .panel-container .home-login-error,
.message-wrapper .message-wrapper-container .panel-container .home-forgot-error { border-radius: 6px; font-size: 14px; }
.message-wrapper .message-wrapper-container .panel-container .home-login-error { bottom: 104%; }

.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container,
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container-success{ padding-left: 0; padding-right: 0; }
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container .title,
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container-success .title { font-size: 20px; }
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container .desc,
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container-success .desc { font-size: 14px; }
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container p,
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container-success p { margin-bottom: 0; }
.message-wrapper .message-wrapper-container .panel-container span.forgot-buttons { display: block; padding: 12px 5px 12px 0; }
.message-wrapper .message-wrapper-container .panel-container span.forgot-buttons a.btn { margin: 0 0 0 12px; padding: 9px 18px; font-size: 15px; font-weight: 700; }
.message-wrapper .message-wrapper-container .panel-container span.forgot-status { margin: 0; background-size: 24px; background-position: 4px 50%; display: flex; align-items: center; }
.message-wrapper .message-wrapper-container .panel-container .forgot-panel-container-success span.forgot-buttons a.btn { margin: 12px 0 0 0; }

#forgot_form { margin-top: 8px; }
#forgot_form .form_row {display: flex; flex-wrap: wrap; }

.message-wrapper .message-wrapper-container .register-form a.btn { font-size: 24px; font-weight: normal; background-color: #fdf8f1; padding: 16px 20px; box-shadow: 0 0 9px #333; margin: 12px auto 0; }
.message-wrapper .message-wrapper-container .register-form a.btn:hover { background-color: #eee; }


.message-wrapper .message-wrapper-container .login-tips { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); transition: transform 0.6s; transform: translateY(101%); padding: 24px; z-index: 101; display: flex; flex-direction: column; justify-content: center; }
.message-wrapper .message-wrapper-container .login-tips * { font-size: 14px; color: #fff; }
.message-wrapper .message-wrapper-container .login-tips h3 { font-family: 'OxaniumRegular', Verdana, sans-serif; font-size: 24px; margin-bottom: 0.5em; }
.message-wrapper .message-wrapper-container .login-tips ul { list-style-type: disc; }
.message-wrapper .message-wrapper-container .login-tips li { margin-left: 1em; margin-bottom: 0.4em; }
.message-wrapper .message-wrapper-container.layover_active .login-tips { transform: translateY(0); }
.message-wrapper .message-wrapper-container .login-tips strong { font-weight: 700; color: #b6a297; }
.message-wrapper .message-wrapper-container .login-tips a.btn {  display: inline-block; text-align: center; background-color: #fdf8f1; color: #000; text-decoration: none; margin: 10px auto 0; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 16px; text-transform: uppercase; padding: 8px; border-radius: 6px; }
.message-wrapper .message-wrapper-container .login-tips a.btn:hover { background-color: #eee; }

.host-ui-error-container { font-size: medium; z-index: 2500; position: relative; background-color: #bb99ab; height: 36px; transition: height 0.6s; overflow: hidden; }
.host-ui-error-container.close { height: 0; }
.host-ui-error-container p { font-family: 'UbuntuRegular', sans-serif; color: #333; text-align: center; padding: 8px 10px; }
.host-ui-error-container a { width: 20px; height: 20px; background-color: rgba(0,0,0,0.25); border-radius: 20px; color: #333; text-decoration: none; display: inline-block; line-height: 125%; }
.host-ui-error-container a:hover { background-color: rgba(64,64,64,0.25); }

.register-form form p.form_row { display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 1em; }
.register-form input,
.register-form select { width: 48%; margin-right: 2%; font-size: 24px; background-color: rgba(84,161,217,0.6); padding: 8px; border: 0; font-family: 'UbuntuRegular', sans-serif; color: #fff; border-radius: 3px; }
.register-form input[type=checkbox] { width: 100%; }
.register-form input.input_checkbox[type=checkbox] + label.input_label { font-size: 18px !important; }
.register-form input::placeholder,
.register-form select { color: rgba(84,161,217,1); }
.register-form select option { color: #000; }

.register-form a.btn {
    display: inline-block; text-align: center; background-color: #54a1d9; color: #000; text-decoration: none; margin: 10px auto 0;
    font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; 
    font-size: 18px; text-transform: uppercase; padding: 8px; border-radius: 6px;
}
.register-form a.btn:hover { background-color: #74c1f9; }

.no-chrome .message-wrapper-container { clip-path: none; }

@media only screen and (max-width: 540px) {
    .home-wrapper .home-inner .home-text-wrapper .home-text-h1 { font-size: 13vw; }
    .message-wrapper-container h1 { font-size: 10vw; }
    
}

@media (max-width: 600px) {
	
    .nav-wrapper { height: 120px; }
	.home-wrapper { padding-bottom: 36px; }
    .nav-inner { background-color: #fff; }
    .logo { position: relative; top: 0; border-radius: 0; border: 0; padding: 0; }
    .logo img { width: auto; height: 96px; }
    .message-wrapper .message-wrapper-container { padding: 24px; border-radius: 0; width: 100%; height: 100%; max-height: 100%; margin: 0; overflow-y: auto; box-shadow: none; }
    .message-wrapper .message-wrapper-container .panel-login-container { margin-bottom: 0; }
    .message-wrapper .message-wrapper-container .panel-container { min-height: 250px; }
    .message-wrapper .message-wrapper-container .panel-container input,
    .message-wrapper .message-wrapper-container .panel-container .forgot-panel-container input,
    .message-wrapper .message-wrapper-container .register-form input { width: 100%; margin-top: 8px; }
    .message-wrapper .message-wrapper-container .panel-container .forgot-panel-container #forgot_form p { width: 100%; }
    .message-wrapper .message-wrapper-container .panel-container .forgot-panel-container #forgot_form input { margin-top: 0; }
    .message-wrapper .message-wrapper-container .panel-container span.forgot-buttons { padding: 0; margin-top: 12px; }
    .message-wrapper .message-wrapper-container .panel-container span.forgot-status { margin-top: 12px; }
    .message-wrapper .message-wrapper-container .panel-container span.forgot-buttons a.btn:first-child { margin-left: 0; }

    .message-wrapper-container-panel { min-height: 0; }
    .message-wrapper .message-wrapper-container .panel-container .home-login-error,
    .message-wrapper .message-wrapper-container .panel-container .home-forgot-error,
    .message-wrapper .message-wrapper-container .reset-password-error,
    .message-wrapper .message-wrapper-container .register-form-error { position: relative; display: block; margin-top: 12px; border-radius: 6px; }

    .register-form form p.form_row { margin-bottom: 0; }
    .register-form form p.form_row input,
    .register-form form p.form_row select { margin-bottom: 0.75em; }
    .register-form input,
    .register-form select { width: 100%; }

	.message-wrapper-container { clip-path: none; }
    }

@media (max-height: 960px)
{
	.message-wrapper-container.wide { max-width: 98%; overflow: auto; }
}

@media (max-width: 480px) {
	.no-chrome { padding: 0; }
	.message-wrapper .message-wrapper-container { overflow: auto; }
    .message-wrapper .message-wrapper-container .panel-container input, .message-wrapper .message-wrapper-container .register-form input { min-width: 0; width: 100%; }
    .footer-content { width: 100%; text-align: center; }
	
}