.layout-nav {
    border: none;
}

.auth-wrapper {
    display:inline;
    float: right;
}

.auth-wrapper .login-button, .auth-wrapper .logout-button {
    display: inline-block;
    font-size: 19px;
    color: white;
    padding: 4px 22px;
    float: right;
    position: relative;
    top: 28px;
    right: 15px;
    cursor: pointer;
    background-color: #e67e22;
    border-radius: 4px;
    background-image: linear-gradient(#eb9950 , #e67e22);
}

.auth-wrapper p, .auth-wrapper p {
    color: white;
    display: inline-block;
    font-size: 21px;
    position: relative;
    top: 33px;
    right: 25px;
    border: none;
    font-weight: 500;
}

.auth-wrapper .welcome-wrapper {
    display: inline-block;
}

.auth-wrapper .welcome-tag {
    font-size: 21px;
}

.auth-wrapper .admin-tag {
    display: block;
    text-align: right;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    top: 32px;
}

.auth-wrapper .admin-tag:first-child{
    position: absolute;
    top: 35px;
    right: 125px;
    font-size: 13px;
    z-index: 9999;
}

.auth-wrapper .admin-tag:last-child{
    position: absolute;
    top: 50px;
    right: 125px;
    font-size: 14px;
    z-index: 9999;
}

.auth-wrapper .login-button a, 
.auth-wrapper .logout-button a,
.auth-wrapper p a {
    text-decoration: none;
    color: white;
}

.auth-wrapper .login-button:hover, .auth-wrapper .logout-button:hover {
    background-image: linear-gradient(#eb9950 , #d67118);
}

.auth-wrapper .login-button:active, .auth-wrapper .logout-button:active {
    background-image: linear-gradient(#d67118 , #d67118);
}

/*.auth-wrapper .admin-tag {

}*/

.auth-wrapper .admin-login, .auth-wrapper .admin-logout {
    top: 33px;
    z-index: 99999;
}

.admin-bars {
    cursor:pointer;
    display: none;
}

/*MEDIA QUERIES - TABLET MAX-WIDTH: 950*/

@media (max-width: 950px) {
    .auth-wrapper .login-button, 
    .auth-wrapper .logout-button {
        display: none;
    }

    .layout-nav {
        display: none;
    }

    .auth-wrapper .welcome-tag {
        top: 25px;
    }

    .auth-wrapper p{
        top: 32px;
        right: 15px;
    }

    .auth-wrapper .admin-tag:first-child{
        position: absolute;
        top: 32px;
        right: 45px;
        font-size: 13px;
        z-index: 9999;
    }

    .auth-wrapper .admin-tag:last-child{
        position: absolute;
        top: 50px;
        right: 43px;
        font-size: 17px;
        z-index: 9999;
    }

    .admin-bars {
        display: inline;
        position: relative;
        top: 33px;
        right: 5px;
        margin-right: 1px;
        color: #e67e22;
        font-size: 33px;
    }

    .auth-wrapper .dropdown-menu {
        position: absolute;
        top: 65px;
        float: none;
        left: inherit;
        right: 0px;
        border-radius: 0;
        background-color: ghostwhite;
        border: none;
        width: 185px;
        display: block;
        overflow:hidden;
        max-height: 0;
        padding: 0px 0;
    }

    .dropdown-menu li a {
        color: #1b4376;
        padding: 10px 20px;
    }

    .open > .dropdown-menu {
        -moz-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -moz-transition-timing-function: ease-in;
        -webkit-transition-timing-function: ease-in;
        -o-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        display: block;
        max-height: 350px;
    }

    .dropdown-menu > li > a:active {
        background-color: #428bca;
    }
}


/*MEDIA QUERIES - MOBILE MAX-WIDTH: 515*/

@media (max-width: 515px) {
    .auth-wrapper .welcome-wrapper,
    .auth-wrapper .login-button, 
    .auth-wrapper .logout-button {
        display: none;
    }

    .layout-nav {
        display: none;
    }

    .admin-layout-header {
        height: 85px;
    }

    .admin-layout-header p {
        font-size: 15px;
    }
    
    .auth-wrapper p {
        top: 29px;
    }
}

/*MEDIA QUERIES - MOBILE MAX-WIDTH: 375*/
@media (max-width: 375px) {
    .auth-wrapper .admin-tag {
        display: none;
    }
}