/* 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*/
    background: radial-gradient(ellipse at center,rgba(102, 102, 102, .5) 0%, rgba(0, 0, 0, 0) 100%), url('/dynamic/ao3uXtvkmRQYDtL5qQ4JJ0eThAAVzg1gwjKVrYKznds.png');
    /*order plain background image*/
    /*background-image: url('/dynamic/ao3uXtvkmRQYDtL5qQ4JJ0eThAAVzg1gwjKVrYKznds.png') !important;*/
    background-size: cover;
    background-position: top 75px right 0px; 
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.TopHeader {
    background-color: #003057;
    border-bottom: 5px solid #b3a369;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

@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 #b3a369 !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;
    padding-left: 50px;
}

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

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

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

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

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

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

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

.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: #003057;
    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: #003057 !important;
    font-weight: bold;
}

.mui-textfield--float-label > input:focus.focus-visible ~ label {
    color: #003057 !important;
    font-weight: bold;
}

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

h1.mui--text-white.m-b-20 {
    color: #003057 !important;
}

.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: #767676 !important;
    height: 35px;
    text-align: left;
    padding: 0px 5px;
}

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

.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: #b3a369;
    border-color: #b3a369;
    color: #003057;
}

.loginBox {
    /*padding: 32px 0;*/
    background: rgba(255, 255, 255, 0.81);
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    color: #003057;
    max-width: 450px;
    margin: 10px auto;
}

.loginBoxInner {
    margin: 0 auto;
    width: 50%;
}

    .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: #044ea7;
}