﻿#auth, #createAccount {
    width: 95%;
}
body {
    font-family: 'Lato',Arial !important;
}

input,
select {
    font-family: 'Lato', Arial;
}



#auth .authenticate, #createAccount .authenticate {
    min-height: 100vh;
}

#auth .logoLarge img {
    width: 208px;
    margin-bottom: 40px;
}

#auth .logoLarge {
    width: 180px;
    margin: 0px auto;
}

#auth .bottomLogin img {
    width: 100px;
    margin-bottom: 15px;
}

#auth .backgroundLogo, #createAccount .backgroundLogo, #demo .backgroundLogo {
    background-image: url(/Content/images/themes/firstwatch/FirstWatchBackground.jpg);
    background-size: 100% 100%;
}

#auth .singInSection, .dontHaveAccountSection {
    /*width: 360px;*/
}

#auth .singInSection, .dontHaveAccountSection, #createAccount .singInSection {
    padding: 10px;
    border: 1px solid !important;
    border-radius: 15px;
    color: white !important;
    border-color:black !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

#auth .userLogin2, #auth .signedInText, #auth .dontHave, #auth .forgottten a, #createAccount .userLogin2, #createAccount .checkboxWrapper a, #createAccount .copyRight, .returnToSignIn a, .userLogin, .resetbuttonWrapper a {
    color: white;
}

.unrestrictedRuleInner{
    color:#333;
}

.backgroundBlue {
    background-color: #000;
}

#createAccount .logoLarge, #createAccount .logoLarge img {
    width:208px;
}

#header {
    background-color: #000;
}

    #header .wrapMenuButton {
        border-top: 2px solid #000;
        border-bottom: 1px solid #000;
    }

    #header .menuHoverState {
        border-bottom: 3px solid #000;
    }

    #header .hiddenBorder {
        border-bottom: 3px solid #000;
    }

    #header .rightBorder {
        border-right: 1px solid black;
    }

    #header .leftBorder {
        border-left: 1px solid black;
    }

#mobileMenuWrapper {
    background-color: #000;
}
.button {
    font-family: 'Lato',arial;
}

.button.button-blue-d {
    background: #000 !important;
    border: 1px solid #000;
}


#auth .authenticateBtnLogin {
    background: #fa6723 !important;
    border: 1px solid #fa6723;
}

#auth .button.button-blue {
    background: #000 !important;
    border: 1px solid #000;
}


.button.button-blue {
    background: #000 !important;
    border: 1px solid #000;
}

.button.button-orange {
    background: #000 !important;
    border: 1px solid #000;
}

#footer .restrict {
    margin-top: 30px;
}


#tabs .active {
    background-color: #083a81;
}

    #tabs .active a {
        background-color: #083a81;
    }

#footer .copyRight div:first-child {
    float: right;
}

#auth .copyRight {
    color: white;
}
#footer .restrict {
    max-width: 150px;
    margin-top: 42px;
}

.bottomLogin {
    margin-top: 20px;
}

#auth .bottomLogin img {
    margin-bottom: 10px;
}

/*#myAccount a, #help a {
	color: #000 !important;
}*/

@media (max-width: 769px) and (min-width: 601px) {
    .userDevices .inviteUserDeviceDefault {
        background: url('/Content/images/themes/firstwatch/secuInviteTabletFirstwatch.jpg') no-repeat;
        /*padding-top: 10px !important;*/
    }

    .userInvitations .emailAddressWrapper {
        margin-bottom: 0px;
    }
}


@media (min-width: 1px) and (max-width: 380px) {
    #footer .restrict {
        margin-left: 20px;
    }

    #footer .restrict {
        max-width: 150px;
        margin-top: 27px;
    }
}

@media (max-width: 480px) and (min-width: 381px) {
    #footer .copyrightLogo img {
        float: left;
        margin-left: 0px;
    }

    #footer .restrict {
        max-width: 150px;
        margin-top: 45px;
    }

    #footer .copyrightNotice div {
        margin-top: 5px;
    }
}

.singInSection.createAccount {
    max-height: 85vh;
    overflow: auto;
    overflow-x:hidden;
}


@font-face {
    font-family: Futura;
    src: url('../../webfonts/Futura Regular.ttf');
}

.searchDropdown .drpdwnquestn {
    left: 635px;
}