﻿/* Bootstrap Overrides*/

/* Extends height of collapsed menu to display all items */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 450px !important;
}


/* ============ only desktop view ============ */
@media only screen and (min-width: 992px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-toggle .caret::after {
        transition: transform 0.15s linear;
    }

    .dropdown .dropdown-toggle .caret::after {
        transform: translateY(3px);
    }
}

/* Overrides collapse of navbar for small viewports */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}
/* Portrait & landscape phone */

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

.pull-xs-left {
    float: left;
}

.pull-xs-right {
    float: right;
}

.form-group {
    margin-bottom: 10px;
}

.ews-alert-form-info {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
    padding: 5px !important;
}


.ews-home-top-row {
    margin-top: 10px;
}

/* Row Spacing */
.ews-row-space-normal {
    margin-bottom: 5px;
    margin-top: 5px;
}

.ews-page-header-row {
    margin-top: 10px;
}

.ews-login-row {
    padding-left: 30px;
    padding-right: 30px;
}

.ews-login-description {
    font-size: 14px;
    font-style: italic;
    color: #fff;
}


/* Site Info */

/* Dev */
.ews-dev-info {
    color: #2fa4e7;
}

.ews-dev-row {
    border-bottom: 1px solid #2fa4e7;
}

/* Test */
.ews-test-info {
    color: #dd5600;
}

.ews-test-row {
    background-color: rgba(250, 253, 25, 0.2); /* rgba(239, 242, 76, 0.5) */ /*#f9faba*/ /*Lighter*/
    border-bottom: 1px solid #dd5600;
}

/* Demo */
.ews-demo-info {
    /*color: #808080;*/
    color: navy;
}

.ews-demo-row {
    background-color: #f5f5f5;
    border-bottom: 1px solid #C0C0C0;
}


@media (max-width: 767px) {
    /* Styles to make map take full width of mobile devices*/
    .ews-map-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Borders to make map take full width of mobile devices*/
    .ews-map-border {
        border-color: #336688 !important;
        border-style: solid !important;
        border-width: 1px 0 0 0 !important;
    }

    .mt-xs-5 {
        margin-top: 5px !important;
    }

    .mt-xs-10 {
        margin-top: 10px !important;
    }

    .lead {
        font-weight: 500;
    }

    .half-pixel-xs-border {
        box-shadow: -.5px -.5px 0 rgba(0, 0, 0, 0.2),.5px .5px 0 rgba(0, 0, 0, 0.2);
    }

    .ews-login-bg {
        /* The image used */
        background-image: url("/ews/images/PhillySkylineMobile.jpg");
        /* Full height */
        height: 100% !important;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

@media screen and (max-width: 767px) {
    .table-responsive {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media (max-width: 991px) {
    .btn-vert-block + .btn-vert-block {
        margin-top: 10px;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width: 768px) {
    .lead {
        font-weight: 400;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }

    .pull-sm-left {
        float: left;
    }

    .pull-sm-right {
        float: right;
    }

    .footer-content {
        margin: 0px;
    }

    .ews-form-label {
        padding-top: 9px !important;
    }

    .ews-alert-form-info {
        color: #383d41 !important;
        background-color: #e2e3e5 !important;
        border-color: #d6d8db !important;
        padding: 10px !important;
    }

    /* Row Spacing */
    .ews-row-space-normal {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    /* Borders to make map take full width of mobile devices*/
    .ews-map-border {
        border: 1px solid #336688 !important;
    }

    .ews-home-top-row {
        margin-top: 20px;
    }

    .ews-login-description {
        font-size: 18px;
        font-style: italic;
        color: #fff;
    }

    /*.row-equal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }*/

    .ews-login-bg {
        /* The image used */
        background-image: url("/ews/images/PhillySkyline.jpg");
        /* Full height */
        height: 100% !important;
        /* Center and scale the image nicely */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}



/* Landscape tablet */
@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }

    .pull-md-left {
        float: left;
    }

    .pull-md-right {
        float: right;
    }

    .footer-content {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .form-group {
        margin-bottom: 5px;
    }

    .ews-form-label {
        padding-top: 9px !important;
    }

    .ews-alert-form-info {
        color: #383d41 !important;
        background-color: #e2e3e5 !important;
        border-color: #d6d8db !important;
        padding: 15px !important;
    }

    /* Row Spacing */
    .ews-row-space-normal {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .ews-home-top-row {
        margin-top: 30px;
    }

    .ews-login-row {
        padding-left: 60px;
        padding-right: 60px;
    }
}


/* Large desktop */
@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }

    .pull-lg-left {
        float: left;
    }

    .pull-lg-right {
        float: right;
    }

    .footer-content {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ews-form-label {
        padding-top: 9px !important;
    }

    .ews-alert-form-info {
        color: #383d41 !important;
        background-color: #e2e3e5 !important;
        border-color: #d6d8db !important;
        padding: 15px !important;
    }

    /* Row Spacing */
    .ews-row-space-normal {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    /* Search Box */
    .ews-search-box {
        min-width: 200px;
    }

    /* Header row */
    .ews-page-header-row {
        margin-top: 20px;
    }

    .ews-dev-row {
        border-bottom: 1px solid #2fa4e7;
    }

    .ews-test-row {
        background-color: rgba(250, 253, 25, 0.2); /* rgba(239, 242, 76, 0.5) */ /*#f9faba*/ /*Lighter*/
        border-top: 2px solid #dd5600;
        border-bottom: 2px solid #dd5600;
    }

    .ews-demo-row {
        background-color: #f5f5f5;
        border-top: 2px solid #C0C0C0;
        border-bottom: 2px solid #C0C0C0;
    }
}
