/* Minification failed. Returning unminified contents.
(133,12): run-time error CSS1036: Expected expression, found '~'
 */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body {
    background-color: #f5f5f5;    
}

md-content.md-tx-theme {
    background-color: rgb(224,224,224);    
}

.md-toolbar-tools {
    background-color: rgb(255, 255, 255);
    color: rgb(198, 40, 40);
}

.product {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 1.55em;
}
.product img {
    margin-top: 8px;
}

div.card-header {
    margin: 8px;
}

div.card-header > h2 {
    margin-bottom: 0.2em;
    color: rgb(40, 51, 89);
}

md-input-container .md-errors-spacer {
    display: none;
}

md-input-container .md-input {
  padding-bottom: 0;
  background: #f2f2f2;
}

md-input-container > md-checkbox {
    margin-bottom: 0px;
}

.md-button {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 8%;
    margin-bottom: 16%;
    width:75%
}

.md-subheader.md-tx-theme {
    margin-right: 0px;
    font-size:inherit;
}

.md-subheader.tt-subheader {
  font-size:inherit;
  color: rgba(255,255,255,0.87);
  background-color:rgb(64,82,143);
}

iframe {
    border: none;
    display: none;
}

.fill {
    height: 100%;
    width: 100%;
}

.logo {
    width: 250px; 
    height: 58px;
    padding: 12.5px;
}

.banner {
    max-width: 100%; 
    max-height: 76px;   
}

.login-signinheader {
    margin-top: 2%;    
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: #616161
}

.login-card-fixed {
    max-width: 431px;
    min-height: 300px;
}

.login-signincard-content {
    margin-left: 25px; 
    margin-right: 25px;
}

.expand-lower {
    margin-top: 8%
}

.login-extra-text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #616161;
    margin-bottom: 5%; 
    margin-top: 5%;
    font-weight: normal;
}

.login-provider-text {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #616161; 
    margin-top: .5em;      
}

.login-error {
    color:red;    
}

.md-input[type=password]:-webkit-autofill ~ label:not(.md-no-float) {
    transform: translate3d(0, 6px, 0) scale(0.75);
    transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s, width cubic-bezier(0.25, 0.8, 0.25, 1) 0.4s;
    width: ~"calc((100% - 18px) / 0.75)";
    color: rgba(0,0,0,0.54);
}

.input-field-min-height {
    min-height: 49px !important;
    width:95%
}

.contract-controls {
    margin-top: -2em
}

.text-spacing {
    margin-top: 1em;
    margin-left: 3.5em;
}

.additional-link {
    text-decoration: none;
    color: darkblue;    
}

.forgot-password {
    text-decoration: none;
    color:#464646
}

.center-login {
    position: absolute;
    display: flex;
    justify-content: center;
}

.center-login-container {
    margin-top: 7%;
}

.overlay {
    position: absolute;
    width: 88px;
    height: 36px;
    visibility: hidden;
    pointer-events: none;
}

#signin:focus + #overlay {
    background-color: rgba(255, 255, 255, .24);
    z-index: 1;
    visibility: visible !important;
}

#overlay:hover {
    background-color: rgba(255, 255, 255, .08);
    z-index: 1;
    visibility: visible !important;
    cursor: pointer;
}

#signin:hover + #overlay {
    background-color: rgba(255, 255, 255, .08);
    z-index: 1;
    visibility: visible !important;
    cursor: pointer;
}
/*****************************************************************************
    TID-1456: hardcoded rgba required to adhere to TUX guidelines
    Default TUI theme cannot be used until packages are updated to >= 2.0.0.
******************************************************************************/
md-checkbox.md-checked.amber .md-icon {
    background-color: rgba(255,193,7,1);
}

md-checkbox.md-checked.blackcheck .md-icon:after {
    border-color: rgba(0,0,0,0.87);
}

/*****************************************************************************/