[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


canvas.leaflet-zoom-animated{
    pointer-events: none;
}
/*
.leaflet-map-pane canvas {
    pointer-events: none;
}*/

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

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

    .Map {
        width: 100%;
        height: 350px;
    }

    .mapTiger {
        width: 100%;
        height: 100%;
    }

    #gridmr1 {
        /*height: auto;*/
        height: 350px;
        width: auto;
        background-color: #e7e7e7;
    }












    .container.panel {
        border: 0;
        min-height: 500px;
    }

    /*.footer {
      position: fixed;
      bottom: 0;
      width: 100%;
    }*/
    /*@media (max-width: 940px) {
      .adsbygoogle {
        float: none !important;
        width: 100% !important;
        text-align: center;
      }
    }*/




    /* map status bar*/
    .statustextarea {
        display: inline-block;
        width: 40%;
        height: 100%;
        margin-top: 1px;
        color: #325d88;
        text-decoration: none;
        font-weight: bold;
        padding-left: 5px;
    }
}

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

}*/

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

    .Map {
        width: 100%;
        height: 500px;
    }

    #gridmr1 {
        /*height: auto;*/
        height: 550px;
        width: auto;
        background-color: #e7e7e7;
    }



    .container.panel {
        border: 0;
        min-height: 500px;
    }
    /*.footer {
      position: fixed;
      bottom: 0;
      width: 100%;
    }*/
    /*@media (max-width: 940px) {
      .adsbygoogle {
        float: none !important;
        width: 100% !important;
        text-align: center;
      }
    }*/


    /* map status bar*/
    .statustextarea {
        display: inline-block;
        /*width: 50%;*/  /* Commented durring bs4 update*/
        height: 100%;
        margin-top: 1px;
        color: #325d88;
        text-decoration: none;
        font-weight: bold;
        padding-left: 5px;
    }
}

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

}

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

    .Map {
        width: 100%;
        height: 550px;
    }

    #gridmr1 {
        /*height: auto;*/
        height: 550px;
        width: auto;
        background-color: #e7e7e7;
    }




    .container.panel {
        border: 0;
        min-height: 500px;
    }
    /*.footer {
      position: fixed;
      bottom: 0;
      width: 100%;
    }*/
    /*@media (max-width: 940px) {
      .adsbygoogle {
        float: none !important;
        width: 100% !important;
        text-align: center;
      }
    }*/




    /* map status bar*/
    .statustextarea {
        display: inline-block;
        /*width: 60%;*/
        height: 100%;
        margin-top: 1px;
        color: #325d88;
        text-decoration: none;
        font-weight: bold;
        padding-left: 5px;
    }
}



/*#region Gobal styles */




.center-modal {
    position: fixed;
    top: 10%;
    left: 18.5%;
    z-index: 2000000 !important;
    width: 80%;
    height: 80%;
    margin-left: -10%;
    opacity: 100 !important;
}

.api-error-modal {
    opacity: 100 !important;
    transform: none !important;

}

    .api-error-modal > .modal-dialog {
        -webkit-transform: none !important;
        transform: none !important;
    }

    .browser-modal {
        position: fixed;
        top: 10%;
        left: 18.5%;
        z-index: 2000000 !important;
        width: 80%;
        height: 80%;
        margin-left: -10%;
    }



.tabset, .tab-content, .tab-pane, .tabbable {
    height: 100%;
}

.tab-content {
    height: 100%;
    background: #e7e7e7;
}

/*.tab-content {*/
    /*background-color: #e7e7e7;*/
    /*color:#fff;*/
    /*padding:5px*/
    /*height: 100%;*/
    /*}*/
    /* map status bar*/
    .mapfooter {
    background-color: #e0e0e0;
    text-transform: capitalize;
}


.mapDrawingToolVAlign {
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
}




a.disabled {
    color: #AAAAAA;
    cursor: default;
    pointer-events: none;
    text-decoration: none;
}



/*#endregion */







.modal.fade.my-special-modal {
    position: absolute;
    top: 15px;
}

.my-special-modal-container {
    position: relative;
}

/* modal-possition eliminated in the upgrade to BS4*/
.modal-position {
    /*position: fixed;*/
    /*top: 10%;*/
    /*left: 18.5%;*/
    /*z-index: 1000000;*/
    /*width: 80%;*/
    /*height: 80%;*/
    /*margin-left: -10%;*/
}











/* modalGEtStarted.html */
.container {
    /*width: 500px;*/
    /*margin-left: 0px;*/
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}



















.TextBoxApt {
    width: 55px;
    text-transform: uppercase;
}



.btn {
    white-space: normal;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 0.875em;
    height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

/* bs4 upgrade; override for color */
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

/*325d88*/
/*.btncolor { //moved to verification css
    background-color: #325d88;
}*/

input.ng-invalid.ng-dirty {
    background-color: #d9534f;
    /*outline-color: red*/
}

input.ng-invalid.ng-invalid {
    /*outline-color: red ;*/
}

input.ng-valid {
    /*background-color: #dfd*/
}



.btnbrowse {
    white-space: normal;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1em;
}







.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: block;
}



/*TypeAhead Item List Height for scroll bar display*/

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 3px;
    padding-left: 3px;
    /*
   width: -moz-calc(60% );
   width: -webkit-calc(60% );
   width: calc(215px);
   */
}

    .dropdown-menu li a {
        padding-right: 3px;
        padding-left: 3px;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        display: block;
        color: #333;
        line-Height: 1.1; /*added bs4 update*/
    }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #337ab7;
        outline: 0;
    }




/*BrowserIntl TypeAhead and search box padding*/

#tahbrowserCountry {
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
}

#tahbrowserProvince {
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 3px;
    padding-left: 3px;
}








.nav {
    font-size: 11px;
    line-height: 22px;
    font-weight: 500;
    text-transform: uppercase;
    
}

/*Bootstrap tabs style and color*/
.nav-tabs {
    /*background-color:#161616;*/
   
}



    .nav-tabs > li > a {
        /*border: medium none;*/
        background-color: #f8f5f0;
        border-color: #dfd7ca;
        color: #98978b;
        margin-right: 0.2rem;
    }

        .nav-tabs > li > a:hover {
            color: #555;
            cursor: default;
            background-color: #eaeaea;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
        }
    .nav-tabs .nav-item.active .nav-link
    {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }
/*bootstrap column gutters*/
.gutter > [class*='col-'] {
    padding-right: 1px;
    padding-left: 1px;
}




.flexfix {
    /* fixex quirks from bootstrap upgrade*/
    display: block;
}

/* justification override*/
/*.iframefix * {
    
    justify-content: left !important;
}
*/

.iframefix [class='vp-center'] {
    justify-content: left !important;
    align-items: center;
}

.ngdialog.ngdialog-theme-default {
    padding-bottom: 160px;
    /*padding-top: 15%;*/
}

.ngdialog.ngdialog-theme-custom .ngdialog-content {
    color: rgba(0,0,0,1); /*ff9999*/
    background: rgba(255,255,255,0.5);
    font-family: Arial;
    width: 240px;
    padding: 0.5em 0.1em;
    /*
	-webkit-border-radius: 0;
	border-radius: 0;*/
}


.ui-grid-cell-contents {
    font-weight: bold;
    line-height: 1.2;
}

input.ui-grid-filter-input[type="text"] {
    height: 24px;
    font-family: 'Helvetica';
    font-size: 1em;
    text-transform: uppercase;
}

select.ui-grid-filter-select {

    height: 24px;

}
/*.ui-grid-header-cell {
  height: 55px !important;
}*/

    /* Specify styling for tooltip contents */
        .tooltip.customClass .tooltip-inner {
          color: #880000;
          background-color: #ffff66;
          box-shadow: 0 6px 12px rgba(0,0,0,.175);
        }
        /* Hide arrow */
        .tooltip.customClass .tooltip-arrow {
          display: none;
        }


        @media print {

            @page {
                size: landscape;
            }

            body * {
                visibility: hidden;
                /*overflow: visible;*/
                position: fixed;
                top: 0;
                left: 0;
               
            }

            #section-to-print, #section-to-print * {
                visibility: visible;
            }

            #section-to-print {                
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;                
                /*-moz-transform: scale(100%, 100%);
                -webkit-transform: scale(100%, 100%);*/
            }
}