@media only screen and (min-width: 1440px) {
    .side-nav-margin {
        margin-left: 15rem;
    }
}

@media only screen and (max-width: 1440px) {
    .side-nav-margin {
        margin-left: 0px;
    }
}

@media screen and (min-width: 768px) {
    #notepadModal {
        top: 0px;
        left: auto;
        bottom: auto;
        overflow: visible;
    }
}

@media all and (max-width:400px){
    .center-page-div {
        text-align: center;
    }

    .center-page-div-button button{
        width: 80%;
        float: none !important;
    }
}

#slide-out a {
    font-size: 16px;
    color: #fff;
    border-bottom: solid 2px #eaeaea;
}

#slide-out a i {
    font-size: 16px;
    color: #fff;
}


body {
    position: relative;
}

#notepadContainer textarea {
    width: 100%;
    height: 70vh;
    padding: 10px;
    resize: none;
}

@media (orientation:landscape) and (max-height:600px) {
    #notepadContainer textarea {
        width: 100%;
        height: 20vh;
        padding: 10px;
        resize: none;
    }
}

@media (orientation:portrait) and (max-height:900px) {
    #notepadContainer textarea {
        width: 100%;
        height: 60vh;
        padding: 10px;
        resize: none;
    }
}

.white-skin .side-nav {
    background: #eaeaea;
}

.white-skin .side-nav a {
    height: 50px;
    line-height: 50px;
    background-color: #00364D;
}

.side-nav .collapsible {
    margin-top: 2px;
}

.white-skin .side-nav .collapsible li {
    background-color: #0075A3;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
}

#slide-out i {
    text-align: center;
    width: 20px;
}

.navbar.scrolling-navbar {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.navbar.scrolling-navbar .img-fluid {
    max-height: 50px;
    max-width: 400px;
}

.side-nav .fa-angle-down.rotate-icon{
    top: 1em !important;
}