/*
    QuickEntry (qe) CSS
*/

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

.qe-state
 {  /*#DropDownState */
    text-transform: uppercase;
    padding-right: 3px;
    padding-left: 3px;
    width: 216px;
    
}

.qe-cityFilter { /* #DropDownCityFilter */
    text-transform: uppercase;
    padding-right: 3px;
    padding-left: 3px;
}


.qe-city { /* #DropDownCity  */
    text-transform: uppercase;
    padding-right: 3px;
    padding-left: 3px;
}

.qe-locationType { /* #DropDownLocationType */
    text-transform: uppercase;
    padding-right: 3px;
    padding-left: 3px;
}



.is-AvailableItem {
  /*color: green;  */

}

.not-AvailableItem {
 
    color:           #c8c7c7;   
    /*text-decoration: line-through;*/
    /*text-decoration: overline underline line-through;*/
    /*noinspection CssOverwrittenProperties*/
    /*text-decoration: white double line-through;*/ /* Ignored in CSS1/CSS2 UAs */
}

.qemodal-content
{

    width: 420px;

}



.quickentryModal .modal-dialog {
    width: fit-content;
    width: -moz-fit-content;
    max-width: 100%; /* Added for BS4*/
    margin-top: 10%;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.modal-backdrop {

    opacity: 0.5 !important;
}

/*uigrid directive*/
.full-height {
    height: 100%;
}

/*Quick entrty Grids*/
#grid1 {
    height: auto;
    background-color: #e7e7e7;
    /*width:250px;*/
}

#grid2 {
    height: auto;
    background-color: #e7e7e7;
}

#grid3 {
    height: auto;
    background-color: #e7e7e7;
}

.gridCellStyle {
    /*Highlights the Urbanization name if it has the geom. Injectedd in ui-grid definition*/
    color: #325d88;
}


.ui-grid-grid-footer {
    background-color: #e0e0e0;
}

/*#endregion */

/*==========  Mobile First Method  ==========*/

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

    /*Quick Entry Grids "No Data" css */
    .watermark {
        position: absolute;
        opacity: 0.25;
        font-size: 1.0em;
        text-align: center;
        z-index: 1000;
        display: table-cell;
        vertical-align: middle;
        border-radius: 4px;
        top: 20%;
        left: 15%;
        width: 70%;
        height: 50%;
    }

}

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


}

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


    /*Quick Entry Grids text for "No Data" css */
    .watermark {
        position: absolute;
        opacity: 0.25;
        font-size: 1.5em;
        text-align: center;
        z-index: 1000;
        display: table-cell;
        vertical-align: middle;
        border-radius: 4px;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 50%;
    }

}


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

}

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

    /*Quick Entry Grids "No Data" css */
    .watermark {
        position: absolute;
        opacity: 0.25;
        font-size: 1.5em;
        text-align: center;
        z-index: 1000;
        display: table-cell;
        vertical-align: middle;
        border-radius: 4px;
        top: 20%;
        left: 20%;
        width: 60%;
        height: 50%;
    }

}