.myLogo {
    max-height: 75px;
    max-width: 300px;
}

@media only screen and (max-width:1200px) {
    .formLayout {
        width: 100%;
    }
}

@media only screen and (min-width:1201px) and (max-width:4000px) {
    .formLayout {
        width: 1200px !important;
        margin: 0 auto;
        float: none !important;
        display: table;
    }
}

.customHint {
    color: green;
    font-size: 14px;
    font-weight: bold;
    width: fit-content !important;
}

.topOfMaster {
    background-image: url('../../images/headerBG.png');
    background-repeat: repeat-y;
}

.login {
    float: right;
    padding-right: 30px;
}

.legendPopup {
    margin: 5px;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    vertical-align: top;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 150% auto;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    min-width: 175px;
    height: 45px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
    border-width: thick;
}