/*** Header wayf style if wayf is used ***/

header #embeddedWAYF {
    height:90px;
    width: 18rem;
}
header #embeddedWAYF h1{
     display:none;
 }

header #wayf_div {
    width: 100%!important;
    right: inherit;
    top: inherit;
    margin: inherit;
    margin-left:0;
    border: inherit;
    border-width: 0!important;
    background-color: #304c6f !important;
    border-radius: 0;
    box-shadow: none;
    padding:5px!important;
}

header #wayf_div h1{
    display: block;
    font-size: 0.8rem;
    margin: 0;
    padding: 5px 0 5px 5px;
    color: #fff;
    text-align: left;
    font-family: "foobar_proregular", Arial, sans-serif;
    font-weight: normal;
    letter-spacing: 0.1rem;
    width: 100%;

}
header #wayf_div select{
    font-size: 80%;
    padding: 1px;
    margin:0 auto;

}
header #wayf_div button{
    display: block !important;
    float: none !important;
    margin:0 auto!important;
}
header #wayf_div input#user_idp_iddtext{
    display: inline;
    width: 64% !important;
    margin: 0 auto;
    height: 1.5rem !important;
    top: 0;
    border-right:0;
    border-radius: 0!important;
}
header #wayf_div img#user_idp_iddicon{
    height:1.5rem!important;
    width:1.5rem!important;
}
header #wayf_div input[type="submit"] {
    display: inline;
    width: 24%;
    color: #304c6f;
    margin: 0!important;
    padding: 0.3rem 0.2rem!important;
    font-size: 0.72222rem!important;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    -moz-appearance: none;
    border-radius: 0;
    background-color:#fff!important;
    transition: background-color 300ms ease-out 0s;
}
header #wayf_div input[type="submit"]:hover {
    background-color:#263548!important;
    color: #fff;
}
header #wayf_div hr{
    margin:0;
}
header #wayf_div form span#user_idp_iddwrap {
    float: none!important;
}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
    header #embeddedWAYF {
        height: 40px;
        width: 15rem;
        padding-right: 0.7rem;
    }
    header #wayf_div {
        height:30px!important;
        margin: 0;
    }
    header #wayf_div h1{
        display: none;
    }
    .top-bar-right li:nth-child(2) ul.dropdown-content {
        right: 15rem;
    }
    header #wayf_div input[type="submit"] {
        padding: 0.3rem 0rem !important;
        font-size: 0.7rem !important;
    }
}
@media only screen and (min-width:  40.063em) and (max-width: 800px)
{
    .top-bar-right li:nth-child(2) ul.dropdown-content {
        right:calc(1rem + 15.7rem);
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    header #wayf_div {
        height:50px!important;
    }
}

@media only screen and (max-width: 800px) {
    header #embeddedWAYF {
        height: 40px;
        width: 15rem;
        padding-right: 0.7rem;
    }
    header #wayf_div h1{
        padding:0 0 0 5px;
    }
}


@media only screen and (max-width: 64em) {

}

@media only screen and (min-width: 800px) and (max-width: 64em)
{
    header #embeddedWAYF {
        height:70px;
        width: 18rem;
    }
    header #wayf_div h1{
        padding:0 0 0 5px;
    }
    .top-bar-right li:nth-child(2) ul.dropdown-content {
        right:calc(2rem + 18rem);
    }
}

@media only screen and (min-width: 64.063em) {
    header #wayf_div {
        height:59px!important;
    }
    .top-bar-right li:nth-child(2) ul.dropdown-content {
        right: calc(3rem + 18rem);
    }
}