@font-face {
    font-family: calibrifont;
    src: url('../../webfonts/Calibri.ttf');
}

body {
    font-family: calibrifont !important;
}
input,
select {
    font-family: calibrifont;
}

.accurateLockAndHardwareLogo {
    margin-top: 40px;
    margin-bottom: 40px;
}

#auth .logoLarge img {
    width: 268px;
    margin-top: 40px;
    margin-bottom: 40px;
}

#auth .logoLarge {
    width: 268px;
    margin: 0 auto;
}

#auth .bottomLogin img {
    width: 100px;
    margin-bottom: 15px;
}

.backgroundBlue {
    background-color: #3f4a75;
}

#header {
    background-color: #3f4a75;
}

    #header .wrapMenuButton {
        border-top: 2px solid #3f4a75;
        border-bottom: 1px solid #3f4a75;
    }

    #header .menuHoverState {
        border-bottom: 3px solid #3f4a75;
    }

    #header .hiddenBorder {
        border-bottom: 3px solid #3f4a75;
    }

    #header .rightBorder {
        border-right: 1px solid black;
    }

    #header .leftBorder {
        border-left: 1px solid black;
    }

#mobileMenuWrapper {
    background-color: #3f4a75;
}

.button {
    font-family: calibrifont;
}

.button.button-blue-d {
    background: #3f4a75 !important;
    border: 1px solid #3f4a75;
}


.button.button-orange {
    background: #3f4a75 !important;
    border: 1px solid #3f4a75;
}


#auth .authenticateBtnLogin {
    background: #fa6723 !important;
    border: 1px solid #fa6723;
}

#auth .button.button-blue {
    background: #3f4a75 !important;
    border: 1px solid #3f4a75;
}


.button.button-blue {
    background: #3f4a75 !important;
    border: 1px solid #3f4a75;
}

#footer .restrict {
    margin-top: 30px;
}


#tabs .active {
    background-color: #3f4a75;
}

    #tabs .active a {
        background-color: #3f4a75;
    }

#footer .copyRight div:first-child {
    float: right;
}

#footer .restrict {
    max-width: 150px;
    margin-top: 42px;
}

.bottomLogin {
    margin-top: 20px;
}

#auth .bottomLogin img {
    margin-bottom: 10px;
}
#auth, #createAccount {
    width: 95%;
}
    #auth .backgroundLogo, #createAccount .backgroundLogo {
        background-image: url(/Content/images/themes/accuratelockandhardware/AccurateSmartBackground.png);
        background-size: 100% 100%;
        left: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
        bottom: 50px;
        top: 50px;
        min-height: 100vh;
    }

    #auth .copyRight {
        color: #333;
    }

    #createAccount .copyRight {
        color: #333;
    }
.singInSection.createAccount {
    max-height: 85vh;
    overflow: auto;
    overflow-x: hidden;
}
@media (max-width: 769px) and (min-width: 601px) {
    .userDevices .inviteUserDeviceDefault {
        background: url('/Content/images/_global/secuInviteTablet.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;
    }
}
.searchDropdown .drpdwnquestn {
   left:635px;
}