/* These come from K12 /css/login/style_v1.css */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");

body {
    background: #d9e0e7;
    font-size: 12px;
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #707478;
    height: 100%;
}

html,
body {
    height: 100%;
    background: #666;
    background: -moz-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#666),color-stop(100%,#000));
    background: -webkit-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -o-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: -ms-radial-gradient(center,ellipse cover,#666 0,#000 100%);
    background: radial-gradient(ellipse at center,#666 0,#000 100%);
    /*background image with semi-opaque layer over it*/
    --overlay-opacity: 0.5;
    --overlay-start: rgba(102, 102, 102, var(--overlay-opacity));
    --overlay-end: rgba(0, 0, 0, 0);
    background: radial-gradient(ellipse at center, var(--overlay-start) 0%, var(--overlay-end) 100%), url('/dynamic/g1.ASBlOGZjYWU2MGY0MTc0ZDY4OWFjOTA4YWNhMmE2MzM4M2gE-63hHWkptTWorp1v8o_l_hcU84mO2GWfI5OLcqSX6V5jt8BL4zpK6V5u12p63noBYiRTJ2_VMJif-215XVDbmHkzPC2sRwTTOQwymuJ4hn7_sCKMhTr3eD_Glc3moJD6WDMnHfU1rpI-u-_AaPQ.png');
    /*order plain background image*/
    /*background-image: url('/dynamic/g1.ASBlOGZjYWU2MGY0MTc0ZDY4OWFjOTA4YWNhMmE2MzM4M2gE-63hHWkptTWorp1v8o_l_hcU84mO2GWfI5OLcqSX6V5jt8BL4zpK6V5u12p63noBYiRTJ2_VMJif-215XVDbmHkzPC2sRwTTOQwymuJ4hn7_sCKMhTr3eD_Glc3moJD6WDMnHfU1rpI-u-_AaPQ.png') !important;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


@font-face {
    font-family: 'Myriad Pro';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/Myriad-Pro.ttf') format('truetype');
}
/*@font-face {
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-style: normal;
    src: url('/fonts/Myriad-Pro-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Myriad Pro';
    font-weight: normal;
    font-style: italic;
    src: url('/fonts/Myriad-Pro-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Myriad Pro';
    font-weight: bold;
    font-style: italic;
    src: url('/fonts/Myriad-Pro-Bold-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Myriad Pro';
    font-weight: lighter;
    font-style: italic;
    src: url('/fonts/Myriad-Pro-Light-Italic.otf') format('truetype');
}
@font-face {
    font-family: 'Myriad Pro';
    font-weight: lighter;
    font-style: normal;
    src: url('/fonts/Myriad-Pro-Light.ttf') format('truetype');
}*/

/* old bootstrap borders */
input, textarea, select, .uneditable-input {
    display: inline-block;
    color: #000000;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* MAC/Firefox fixes */
    -webkit-appearance: none; /*http://stackoverflow.com/a/3075922/3606250*/ /*http://stackoverflow.com/a/23040347/3606250*/
    height: 48px; /*http://stackoverflow.com/a/7229945/3606250*/
    line-height: 48px;
}
a.btn {
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}


input[type="text"], input[type="password"], select
{
    background-color: #f3f3f4;
    padding: 0 15px;
    /*margin: 3px;*/
}
/*input[type="text"].form-control, input[type="password"].form-control, select.form-control
{
    background-color: #f3f3f4;
}*/
/* Chrome background autocomplete */
/*http://stackoverflow.com/a/14205976/3606250*/
/*http://stackoverflow.com/a/29350537/3606250*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px #f3f3f4 inset;
    transition: background-color 5000s ease-in-out 0s;
}
input[type="text"], input[type="password"], input[type=submit], select, .btn
/*,input[type="text"].form-control, input[type="password"].form-control, input[type=submit].form-control, select.form-control*/ {
    margin: 10px 0px;
    font-size: 17px;
    border: 1px solid #33b44b !important;
} 
input[type=submit], .btn
{
    min-height: 50px;
}
.btn {
    font-size: 20px;
    font-weight: bold;
}

.divider
{
    border-top: 1px solid #666666;
    padding-top: 30px;
}

select.selected
{
    color: #333333;
}
select.selected option, select.notselected option
{
    color: #333333;
}

input, textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input[disabled] {
    color: darkgray;
    font-weight: bold;
}

/* ue */
.navbar-default {
    background-color: #ffffff;
}
.navbar
{
    min-height: 50px;
}

        
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    /* line-height: 20px; */
}
@media (min-width: 768px)
{
    /*line-height: 20px + padding-top: 30px + padding-bottom: 30px = navbar min-height: 80px*/
    .navbar-nav>li>a {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.menusplitter {display: none !important;}
@media (min-width: 768px)
{
    .menusplitter {display: block;}

}

.banner-support
{
    /*http://doctype.com/css-font-stack-use-myriad-pro*/
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
.registration-links, .navbar-default .navbar-nav>li.registration-links>a
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    color: #145687;
    font-size: 18px;
}

.registration-heads
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 44px; 
    color: #145687;
    text-align:center;
}
.registration-instructions
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 16px; 
    color: #333333;
    text-align:center;
    max-width: 600px; 
    /*padding: 20px;*/
}

.lbForgot, .lbErr
{
    padding: 10px 0px;
}
.lbForgot a, .lbForgot a:link, .lbForgot a:visited, .lbForgot a:hover, .lbForgot a:active
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    font-size: 20px; 
    color: #145687;
}
.lbForgot a.btn, .lbForgot a.btn:link, .lbForgot a.btn:visited, .lbForgot a.btn:hover, .lbForgot a.btn:active {
    color: white;
}
.lbErr span
{
    color: red;
    font-size: 20px;
    font-weight: bold;
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

.terms
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    color: #333333;
    font-size: 18px;
}
.terms a, .terms a:link, .terms a:visited, .terms a:hover, .terms a:active
{
    font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
    color: #145687;
    font-size: 18px;
}

/*http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #AAAAAA;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #AAAAAA;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #AAAAAA;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #AAAAAA;
}
select.notselected
{
    color: #AAAAAA;
}
select.selected option[value="-1"], select.notselected option[value="-1"]
{
    color: #AAAAAA;
}

.btn
{
    height:40px; 
    margin-bottom: 0px; 
    background-color: #145687;
    width: 100%;
    /*width: 265px;*/
}

.btn1
{
    height: 34px !important;
    width: 240px !important;
    padding: 0 !important;
    font-size: 12.8px !important;
    min-height: 0 !important;
}

/* hover - make this one a little darker than #f3f3f4 */
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary:active:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] 
{
    background-color: #15476d; /*rgba(187,84,39,0.7);*/
}

.row.needhelp
{
    background-color: #f3f3f4;
    min-height: 240px; 
    color: #145687;
}

/*.row.needhelp input[type=submit]
{
    margin: 10px 0px;
    min-height: 50px;
    font-size: 17px;
    border: 1px solid
}*/

.row.needhelp .btn
{
    background-color: #000000;
    color: #ffffff;
    padding: 12px 30px;
    width: auto;
    border: none;
}

#RegistrationBlock [class^=col-] .row
{
    max-width: 700px;
}
#LoginBlock [class^=col-] .row
{
    max-width: 400px;
}

.footer
{
    background-color: #000000;
    color: #888888;
    /*font-size: 14px;*/
    font-size: 12.8px;
    overflow: hidden;
}

.footer img
{
    padding: 10px 30px 10px 30px;
}

.footerlinks
{
    line-height: 50px;
    margin-left: 20px;
}

#footerlinks.footerlinks a, #footerlinks.footerlinks a:link, #footerlinks.footerlinks a:visited, #footerlinks.footerlinks a:hover, #footerlinks.footerlinks a:active
{
    /*color: #ffffff;*/
    color: #d7d8d3;
    /*font-size: 14px;*/
    font-size: 12.8px;
    text-decoration: none !important;
    margin: 30px;
}
#footerlinks2.footerlinks a, #footerlinks2.footerlinks a:link, #footerlinks2.footerlinks a:visited, #footerlinks2.footerlinks a:hover, #footerlinks2.footerlinks a:active
{
    /*color: #666666;*/
    color: #d7d8d3;
    /*font-size: 14px;*/
    font-size: 12.8px;
    text-decoration: none !important;
    margin: 30px;
}
#footerlinks1.footerlinks a, #footerlinks1.footerlinks a:link, #footerlinks1.footerlinks a:visited, #footerlinks1.footerlinks a:hover, #footerlinks1.footerlinks a:active
{
    /*color: #666666;*/
    color: #d7d8d3;
    /*font-size: 14px;*/
    font-size: 12.8px;
    text-decoration: none !important;
    margin: 30px;
}

.copyright
{
    font-style: italic;
}

.footerlinks.copyright {
    margin-left: 0px;
}

.imglogo
{
    width: 185px !important;
}

input[id$=btnGotoHomepage] {
    background-color: black;
}



/*.login.login-v2 {
    background: url(../img/transparent/black-0.4.png);
    background: rgba(0, 0, 0, 0.56);
    color: #ccc;
    width: 450px;
    /*margin: 168px 0 0 -225px;
    position: absolute;*/
    top: 0;
    left: 50%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}*/

.login {
    margin: -168px 0 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
}

    .login.login-v2 .login-content {
        padding: 20px 40px 20px 40px;
    }

    .login-content {
        padding: 30px 40px;
        color: #999;
        width: 450px;
        margin: 0 auto;
    }

    .login-header {
        /*position: absolute;
        top: -137px;
        left: 50%;
        right: 0;
        width: 450px;*/
        padding: 0 40px;
        /*margin-left: -225px;*/
        font-weight: 300;
        /*margin-top: -121px;*/
        margin: 30px;
    }

.login-header {
    margin: 5px;
    padding: 0px;
}

.brand img {
    max-height: 100px;
}

@media (min-height: 100px) {
    .login-header {
        margin: 10px;
    }

    .brand img {
        max-height: 150px;
    }
}

@media (min-height: 200px) {
    .login-header {
        margin: 10px;
    }

    .brand img {
        max-height: 150px;
    }
}

@media (min-height: 600px) {
    .brand img {
        max-height: 170px;
    }

    .login-header {
        margin: 20px 0;
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#page-loader.fade.in {
    display: block;
}

#page-loader.fade {
    display: none;
}

#page-loader {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #E6E8EC;
    z-index: 9999;
}

#page-loader, .page-sidebar-fixed .sidebar, .page-with-two-sidebar.page-sidebar-fixed .sidebar.sidebar-right {
    position: fixed;
}

.mui-textfield > input:focus {
    background: rgba(0,0,0,0);
    color: #000000;
    box-shadow: none;
}

    .mui-textfield > input:focus label {
        font-size: 12px;
    }

.form-control {
    border: 1px solid #ccd0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.login-content label {
    border: none;
    color: #fff;
    font-size: 15px;
}

.mui-textfield--float-label > input:not(:focus).mui--is-not-empty ~ label {
    color: rgba(178, 189, 200, 0.63);
}

.mui-textfield > input {
    border: none !important;
    border-bottom: 0.5px solid rgba(178, 189, 200, 0.63) !important;
    color: #000000;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}
.forgotmsg{
    width: 130%;
    margin-left: -15%;
}
.hide
{
    display: none;
}

.mui-textfield > input:focus, .mui-textfield > textarea:focus {
    border-width: 1px;
}

.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:not(:focus).mui--is-invalid:not(:required), .mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched, .mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty, .mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > textarea:invalid:not(:focus):not(:required), .mui-textfield > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched, .mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required), .mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched, .mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty, .mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) {
    border-width: 1px;
}

.mui-textfield--float-label > label {
    color: #000000 !important;
    height: 35px;
    text-align: left;
    padding: 0px 5px;
}

.btn.focus, .btn:focus {
    box-shadow: none;
}

.spinner-button {
    overflow: hidden;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary:active:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success, .btn-success.focus, .btn-success:focus, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover, .btn-success:hover {
    background-color: #33b54b;
    border-color: #33b44b;
    color: #ffffff;
}
.loginBox {
    /*padding: 32px 0;*/
    background: rgba(255, 255, 255, 0.618);
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    color: #000000;
    max-width: 450px;
    margin: 0 auto;
}
.loginBoxInner {
    margin: 0 auto;
    width: 80%;
}
.loginBoxInner .boxTitle
{
    font-size: 170%;
    color: white;
}
.mui-textfield
{
    padding-top: 5px;
}

    .mui-textfield > input, .mui-textfield > textarea {
        background-color: transparent !important;
    }


/*Disabling autofill styles (snippet from the second link above):*/
/*https://github.com/mui-org/material-ui/issues/14427#issuecomment-484908965*/
/*http://webagility.com/posts/the-ultimate-list-of-hacks-for-chromes-forced-yellow-background-on-autocompleted-inputs*/
.inputTransparent:-webkit-autofill,
.inputTransparent:-webkit-autofill:hover,
.inputTransparent:-webkit-autofill:focus,
.inputTransparent:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    background-color: transparent !important;
}

 /*Selects label that comes right after the autofilled input*/
/*https://github.com/mui-org/material-ui/issues/718#issuecomment-409510959*/
input:-webkit-autofill + label {
    /*Insert your active label styles*/
    background-color: transparent !important;
    font-size: 20px;
}

a {
    color: #2735e2;
}

.mui-btn--primary {
    background-color: #00838F !important;
    border-color: #00838F !important;
}

    .mui-btn--primary:hover {
        background-color: #4674b9 !important;
        border-color: #4674b9 !important;
    }

.chkRemember label {
    color: #636c72;
}