/*
    Zipdatum index html CSS

    the nav menu css is in its own file

    this file is ment to replace /script/main.css reduce the dependency on 
        that file and modularize the css use to each component.
*/

/*
    Resolution independent styles
*/
/*#region ZipDatum Gobal styles */

html {
    height: 100%;
}

html, body, #div1, .panel {
    background-color: #D4D9DD;
}

body {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0.02rem;
    margin-right: 0.3rem;
    height: 100vh;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

    .content {
        /*Used in the quickentry to scale full height*/
    /*min-height: 93vh;*/
    /*width: 100%;*/
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* In BS4 the cursor "not-allowed" is no longes a
    default when disabled, so we must include an override */
button[disabled] {
    cursor: not-allowed;
}

/* bs4 button overrides*/
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #325d88;
        border-color: #007bff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

/*#endregion */

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    .content {
        border: 0;
    }
        .content.sidenav-open {
        /*padding-left: 0px;*/
        border: 0px solid transparent;
        visibility: visible;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {



}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {




    .content {
    }

        .content.sidenav-open {
            padding-left: 0;
            visibility: visible;
        }

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



    .content {
    }

        .content.sidenav-open {
            padding-left: 375px;
            visibility: visible;
        }

}