@media all {
    /* =======================================================================
     * Tooltips
     * ======================================================================= */
    .tooltip { display: block; }
    .tooltip-inner { width: 250px; min-width: 250px; max-width: 250px; }
	.error-msg { 
		font-weight: bold;
		color: #8a1e1f;
	}
	.inline-tooltip,
	.pwstrength_viewport_verdict { display: none; }
    .page-registration .tooltip ul {
        margin-left: 5px;
        padding-left: 15px;
    }
    .page-registration .tooltip .tooltip-inner { text-align: left; }
    .tooltip, .tooltip-inner { font-size: 14px; }
    
    /* =======================================================================
     * Password Strength
     * ======================================================================= */
    .progress {
		height: 5px;
		border-radius: 0 0 4px 4px;
		margin-bottom: 2px;
		border-bottom: 1px solid #245269;
	}
	.password-verdict {
		font-size: small;
		display: inline-block;
		text-align: left;
	}
	.danger{ color: #8a1e1f; }
	.warning { color: #f0ad4e; }
	.medium, .success { color: #1f921f; }
    .pwstrength_viewport_progress {
        border: 1px solid rgba(255,255,255,.45);
        border-radius: 3px;
        padding: 3px;
        margin-top: 4px;
        -webkit-box-shadow:
            inset 0 0 3px #000,
            inset 0 0 1px 1px rgba(255,255,255,.30),
            0 0 5px 2px rgba(255,255,255,.15);
        box-shadow:
            inset 0 0 3px #000,
            inset 0 0 1px 1px rgba(255,255,255,.30),
            0 0 5px 2px rgba(255,255,255,.15);
        display: none;
    }
    .progress, .pwstrength_meter {
        background: url(../images/registration/pwstrength-meter-lines.png) no-repeat rgba(255,255,255,0.15);
        border-radius: 2px;
        margin: 0px;
        height: 9px;
        background-size: 100% 100%;
        border: 0px;
    }
    .progress-bar { height: 9px; }
    .progress-bar-danger {
        /*-webkit-box-shadow: 0 0 10px 0 rgba(0,255,0,.35);
        box-shadow: 0 0 10px 0 rgba(0,255,0,.35);*/
        background: rgba(139,31,31,0.75);
        border-right: 1px solid #ff0000;
        border-bottom: 1px solid #9b3f41;
    }
    .progress-bar-warning {
        border-right: 1px solid #ffe200;
        border-bottom: 1px solid #c09853;
    }
    .progress-bar-medium, .progress-bar-normal, .progress-bar-success {
        -webkit-box-shadow: 0 0 10px 0 rgba(0,255,0,.35);
        box-shadow: 0 0 10px 0 rgba(0,255,0,.35);
        background: rgba(17,204,0,0.75);
        border-right: 1px solid #7aba7b;
        border-bottom: 1px solid #006d00;
    }
    .pwstrength_meter {
        position: absolute;
        z-index: 99;
        height: 9px;
        display: block;
        top: 4px;
        background-color: transparent !important;
        right: 20px;
        width: 242px;
    }
    
    /* =======================================================================
     * Form
     * ======================================================================= */
    .registration-form .form-control.validation-error {
      border-left: 2px solid #ff0000;
      border-right: 2px solid #ff0000;
      background: rgba( 197, 44, 44, 0.7 );
      border-bottom: 1px solid #9b3f41;
      padding: 5px;
      color: #fff;
    }

    .registration-form .form-control.validation-error:focus {
      outline: none;
      border-left: 2px solid #fff;
      border-right: 2px solid #fff;
      background: rgba( 244, 38, 38, 0.8 );
      border-bottom: 1px solid #9b3f41;
    }

    .registration-form .error-msg a {
        color: #8a1e1f;
        text-decoration: underline;
    }
    button#registration-submit-button { 
        font-family: 'Stratum2-Light', sans-serif;
        font-size: 35px; 
    }
    #reg-tos .form-label { font-size: 16px; }
    #reg-tos .form-label, #reg-emailoptin .form-label { text-align: left; }
    #agreements, #newsletter { margin-right: 5px; width: 20px; height: 20px; margin-top:3px; outline: none; }
    input.form-control[type=checkbox]:checked::after:focus { outline: none; }

    .registration-block-start-script {
        display: none;
    }

    .registration-video .pane-node .pane-content {
        height: 305px;
    }

    .registration-video .blue-endcaps:after, .registration-video .blue-endcaps:before {
        height: 336px;
    }

    .registration-page-text {
        font-size:20px;
        color: #ffaa00;
        font-family: 'Stratum2-Regular', sans-serif;
        margin: 15px;
    }

    body.i18n-en .awardsimg {
        width: 95%;
        position: relative;
        display: inline;

    }
    .page-registration.registration-style-default #panel-bootstrap-region-download_text { display: none; }

    .checkbox {
      width: 20px;
      position: relative;
      margin: 20px auto;
    }
    .checkbox label {
      width: 20px !important;
      height: 20px !important;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
      background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
      border-radius: 4px;
      box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    }
    .form-horizontal .form-group div.checkbox {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }
    .form-horizontal .form-group .checkbox label {
        padding-left: inherit;
        padding-right: inherit;
        position: absolute;
        border: 1px solid #a8cade;
        height: 20px;
        width: 20px;
    }
    .checkbox label:after {
      content: '';
      width: 15px;
      height: 8px;
      position: absolute;
      top: 3px;
      left: 2px;
      border: 3px solid #fcfff4;
      border-top: none;
      border-right: none;
      background: transparent;
      opacity: 0;
      -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
    }
    .checkbox label:hover::after {
      opacity: 0.3;
    }
    .checkbox input[type=checkbox] {
      visibility: hidden;
    }
    .checkbox input[type=checkbox]:checked + label:after {
      opacity: 1;
    }
    
    /* =======================================================================
     * Social
     * ======================================================================= */
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget {
        background-image: url('../images/sm-facebook-icon.png');
        width: 75px;
        height: 80px;
        margin: 0 -10px;
        display: inline-block;
        float: none;
        background-repeat: no-repeat;
    }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget img {
      visibility: hidden;
      position: relative;
      top: 41%;
    }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget-twitterlink { background-image: url('../images/sm-twitter-icon.png'); }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget-googlepluslink  { background-image: url('../images/sm-google-icon.png'); }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget-youtube  { background-image: url('../images/sm-youtube-icon.png'); }
    .page-registration.registration-style-default #panel-bootstrap-region-social.easy_social-widget-rss  { background-image: url('../images/sm-rss-icon.png'); }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget-twitch_share_button { background-image: url('../images/sm-twitch-icon.png'); }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget a {
        width: 40px;
        height: 40px;
        display: inline-block;
        float: none;
        margin-left: 0;
        position: relative;
        top:20px;
        left 19px;
    }
    
    /* =======================================================================
     * Logo
     * ======================================================================= */
    .registration-logo {
        background-image: url('../images/registration/MH2016_logo.png');
        background-attachment: local;
        background-position: top center;
        background-repeat: no-repeat;
        position: relative;
        height: 218px;
        width: 581px;
        left: -120px;
        top:38px;
        display: inline-block;
    }
    .page-registration-aou .registration-logo { 
        width: 288px;
        height: 144px;
    }
    .page-registration-aou .registration-logo > a { width: 288px; height: 144px; }
    .page-registration-cw .registration-logo { width: 550px; height: 207px; }
    
    /* =======================================================================
     * Layouts
     * ======================================================================= */
    /* General */
    .page-registration .top-row { min-height: 38px; }
    .page-registration #panel-bootstrap-region-full_width { height: 144px; }
    .page-registration #panel-bootstrap-region-full_width .pane-content { text-align: center; }
    .page-registration #panel-bootstrap-column-main-column { width: auto; max-width: 450px; }
	.page-registration .panel-body { padding: 5px 0px; }
	.page-registration .panel-body ul { margin-bottom: 0; }
	
    .page-registration h1 {
        font-family: 'Stratum2-Regular',sans-serif !important;
        text-align: center;
        margin-top: 0px;
    }
    .page-registration #static-bg {
        margin-top: -64px;
    }

    .page-registration-aou #static-bg {
        margin-top: -128px;
    }
    
    .page-registration #static-bg .main-container {
        padding: 0px;
    }

    .page-registration #block-system-main {
        margin-top: 40px;
    }
    /*.page-registration.page-registration-aou #block-system-main { margin-top: 192px; }*/

    .page-registration #static-bg {
        background-image: url('../images/registration/BG_Mobile.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .page-registration #panel-bootstrap-column-main-column { 
        margin: auto; 
        width: 450px;
    }
    .page-registration-aou #panel-bootstrap-column-main-column {
        margin:0px;
    }
    .page-registration h1 {
        color: #00AAFF;
    }
    .page-registration.registration-style-default.page-registration-aou h1 {
        font-size:32px;
    }
    .page-registration label {
        font-family: 'Stratum2-Light', sans-serif;
        font-size: 18px;
    }

    .page-registration .registration_block_login {
        position: fixed;
        top: 5px;
        right: 25px;
        z-index:100;
    }

    .page-registration #lang-dropdown-select-language_msdd {
        position: fixed;
        top: 5px;
        right: 300px;
        z-index:100;
    }

    .page-registration .registration_block_login span {
        padding-right: 15px;
    }

    /* iFrame */
    .page-registration-iframe {
        width: 520px;
        overflow:hidden;
    }

    body.navbar-is-fixed-top.page-registration-iframe {
        padding-top: 25px !important;
    }

    .page-registration-iframe #static-bg , .page-registration-iframe .bg-footer{
        background:none;
    }
}
@media (max-width: 420px) {
    .page-registration-aou .registration-logo {
        width:100%;
        background-size: 100%;
        left: 0;
    }
}

@media (min-width: 421px) and (max-width: 470px) {
    .page-registration-aou .registration-logo {
        left: -17%;
    }
}
@media (min-width: 471px) and (max-width: 512px) {
    .page-registration-aou .registration-logo {
        left: -50px;
    }
}

@media (min-width: 513px) and (max-width: 569px) {
    .page-registration-aou .registration-logo {
        left: -8%;
    }
}

@media (min-width: 513px) and (max-width: 767px) {
    .registration-form {
        margin-top: 0px !important;
    }

    .page-registration-aou #static-bg {
        background-position-x: center !important;
    }

    .registration-logo {
        left: -562px;
    }

    .page-registration-aou #panel-bootstrap-column-main-column {
        margin:0px;
    }
    .page-registration.registration-style-default .awardsimg {
        top: 0px;
    }
}

@media (max-width: 767px) {
    .page-registration .top-row { min-height: auto; }
}

@media (min-width: 570px) and (max-width: 735px) {
    .page-registration-aou .registration-logo {
        left: -2%;
    }
}

@media (min-width: 735px) and (max-width: 767px) {
    .page-registration-aou .registration-logo {
        left: 10%;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .page-registration-default #static-bg {
        background-repeat: no-repeat;
        background-position: top center;
    }
    .page-registration-default #static-bg {
        background-image: url('../images/registration/BG.jpg');
    }
    .page-registration-aou #static-bg {
        background-image: url('../images/registration/Create_Account_AoU_nologo.jpg');
    }
    .page-registration-cw #static-bg {
        background-image: url('../images/registration/RegistrationBG_CivilWar.png');
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /*.page-registration #static-bg {
        background-position-x: -315px !important;
    }*/

    .page-registration-aou #static-bg {
        background-position-x: center !important;
    }

    .registration-logo {
        left: -400px;
    }
    .page-registration-aou .registration-logo {
        left: 10%;
    }
}
@media (min-width: 992px) {
    .page-registration-aou .registration-logo {
        left: 8%;
    }
    .page-registration-aou .registration-logo {
        left: 33%;
    }
    .page-registration-aou #panel-bootstrap-column-main-column { margin-left: 50px; margin-top: 50px; }
    .page-registration-aou #panel-bootstrap-column-main-column {
        margin:0px 0px 100px 334px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .registration-logo {
        left: -523px;
    }
    /*.page-registration-aou .registration-logo {
        left: 176px;
    }*/
    #mh-register {
		padding-top:6px;
		padding-bottom: 0px;
	}
    .registration-form h1 {
        color: #428bca;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Stratum2-Regular',sans-serif;
        /*font-size: 44px; */
    }
    .page-registration.registration-style-default #panel-bootstrap-column-3 #panel-bootstrap-region-download_text { display: block; }
	.page-registration.registration-style-default #panel-bootstrap-column-3 #panel-bootstrap-region-download_text .pane-content p { font-size: 18px; }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget.first { margin-left: 0px; }
}

@media (min-width: 992px) {
    .page-registration #block-system-main {
        margin-top: 64px;
    }
}

@media (min-width: 1200px) {
    .registration-logo {
        left: -480px;
    }
    /*.page-registration-aou .registration-logo {
        left: 176px;
    }*/
    .page-registration.registration-style-default .awardsimg {
        /*top: -85px;*/
    }
	.page-registration.registration-style-default #mh-register {
		padding-top: 24px;
		padding-bottom: 45px;
	}
    /*.page-registration.registration-style-default .registration-form h1 { */
    .registration-style-default .registration-form h1 {
        color: #428bca;
        text-align: center;
        margin-bottom: 30px;
        font-family: 'Stratum2-Regular',sans-serif;
        /*font-size: 44px; */
    }
    .page-registration.registration-style-default #block-system-main {
        /*margin-top: 44px;*/
    }
    .page-registration.registration-style-default #panel-bootstrap-column-3 #panel-bootstrap-region-download_text { display: block; }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget.first { margin-left: 40px; }
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget.last,
    .page-registration.registration-style-default #panel-bootstrap-region-social .easy_social-widget.last a { margin-right: -62px; }
}

@media (min-width: 1600px) {
    .page-registration-cw #static-bg { background-position-y: -45px; }
}