/* Suppress the transient viewport scrollbar that flashes during the login
   submit/redirect. The login form height is fixed (see .fix_height rules), so
   the page never needs to scroll. Login screens only (this file loads on
   Login.cshtml and Login.Mobile.cshtml only). */
html, body {
    overflow: hidden;
}

.clear-field-wrapper {
    width:100%;
}
.vertical-center-test {
    min-height: 100%; /* Fallback for browsers do NOT support vh unit */
    /*min-height: 100vh;*/ /* These two lines are counted as one :-) */
    /*min-height: 100vh; Creating issues mobile - removing it*/
    display: flex;
    align-items: center;
}

.panel-autoPlay {
    border-color: #E52423 !important;
    margin-bottom: 0 !important;
}

    .panel-autoPlay > .panel-heading {
        color: #ffffff;
        background-color: #E52423 !important;
        border-color: #E52423 !important;
    }
	.panel-autoPlay > .panel-heading a {
	color: #ffffff;
	text-decoration: none;
}

        .panel-autoPlay > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #E52423 !important;
        }

    .panel-autoPlay > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #E52423 !important;
    }

/*IE fix for login screen*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    /*#ie_centre_fix{position:fixed;top:200px;left:50%;margin-left:-240px;} this breaks firefox, have removed the top 200px, height set to 100% on main div fixes for all browsers*/
    #ie_centre_fix{position:fixed;left:50%;margin-left:-240px;}
    
}

/*Fix Login Screen Width for Input boxes*/
.wrapper {
    display: block !important;
}

.fix_height {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 60px;
    overflow: hidden;
}

.fix_height-100 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100px;
    overflow: hidden;
}

.fix_height_smaller {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 40px;
    overflow: hidden;
}
/*Mobile View*/
@media (max-width: 767px) {
    .fix_height_ipad_mobile {
        height:380px;
        overflow:hidden;
    } 
    .fix_height {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 85px;
        overflow: hidden;
    }
    .fix_height_smaller {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 55px;
        overflow: hidden;
    }

    .mobileInlineLogin {
        width: 50px !important;
        display: inline-block;
        padding-left: 0 !important;
    }

    .mobile-align-left {
        text-align: left !important;
    }
}
@media (max-device-width: 480px) {
    .vertical-center-test {
    }
    
    .mobileInlineLogin {
        width: 50px !important;
        display: inline-block;
        padding-left: 0 !important;
    }
    .mobile-align-left{text-align:left!important;}
}