/* desktop view */
@media (min-width: 992px) {
    #mobile-menu {
        display: none;
    }

    #login-card {
        margin-left: 75px;
        margin-top: -50px;
    }

    #logo-1-display {
        width: 130px;
        height: 100px;
        padding-top: 20px;
        padding-left: 30px;
    }

    #mobile-nav-bar {
        display: none;
    }

    #top-bar {
        height: 80px;
    }

    #nav-bar {
        height: 50px;
        background-color: #ececf0;
    }

    #log-out-btn {
        margin-top: -10px;
    }

    #nav-item {
        margin-top: -8px;
        text-decoration: none;
    }

    #footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        color: black;
        text-align: center;
        background-color: white;
        height: 8%;
    }
    #nav-item:hover{
        color:#3bc8cd;
    }
    #nav-item-drop-down {
       margin-left: 15px;
       text-decoration: none;
    }
    #nav-item-drop-down:hover {
        color:#3bc8cd;
     }
     .side-dialog{
        max-width: 60%;
     }
}

/* mobile view */

@media (max-width:991px) {

    #login-card {

        margin-top: -100px;
    }

    #mobile-nav-bar {
        background-color: #006064;
    }

    #top-bar {
        display: none;
    }

    #logout-txt {
        display: none;
    }

    #default-content {
        margin-bottom: 320px;
    }

    #logo-2-display {
        margin-left: -24%;
    }

    #nav-bar {
        display: none;
    }

    #footer {
        text-align: center;
        font-size: 12px;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: white;
    }

    #app-version {
        margin-top: -8%;
        margin-bottom: -8%;
    }

    #current-year {
        margin-bottom: -6%;
    }
    .side-dialog{
        width: 100%;
     }

}

/* DefaultLayout */
#default-card {
    width: 95%;
}

/* TopBar  */
.navbar-custom {
    background-color: #006064;
}

/*DefaultLayout*/
#default-content {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
}

#version-info {
    margin-top: -2%;
}

#drop-down-link{
    margin-left: -25px;
}
#item-link{
    color:black;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}
#item-link:hover{
    color:#3bc8cd;
}