[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;
    }




    /* ngHamburger (vertical toggle quick entry */
    .navbar .hamburger-toggle {
        top: 15px;
    }

        .navbar .hamburger-toggle .material-design-hamburger__layer {
            background: #666;
        }

    .content {
        border: 0;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

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

    .sidenav {
        width: 0;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 57px;
        bottom: 0;
        transition: all 0s ease-in-out;
        -webkit-transition: all 0s ease-in-out;
        /*box-shadow: 0 8px 17px rgba(0,0,0,.2);
      -webkit-box-shadow: 0 8px 17px rgba(0,0,0,.2);*/
        background: #fff;
        z-index: 1049;
    }

        .sidenav.open {
            width: 100%;
        }

    .navbar {
        z-index: 2000;
        margin-bottom: 4px;
    }


    .navbar-brand {
        margin-left: 25px !important;
    }

 





    .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;
      }
    }*/

    /*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%;
    }


    /* 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;
    }




    /* ngHamburger (vertical toggle quick entry */
    .navbar .hamburger-toggle {
        top: 15px;
    }

        .navbar .hamburger-toggle .material-design-hamburger__layer {
            background: #666;
        }

    .content {
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

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

    .sidenav {
        width: 0;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 57px;
        bottom: 0;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        box-shadow: 0 8px 17px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 8px 17px rgba(0,0,0,.2);
        background: #fff;
        z-index: 1049;
    }

        .sidenav.open {
            width: 375px;
        }

    .navbar {
        z-index: 2000;
        margin-bottom: 4px;
    }

    .navbar-brand {
        margin-left: 25px !important;
    }

    .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;
      }
    }*/

    /*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%;
    }

    /* map status bar*/
    .statustextarea {
        display: inline-block;
        width: 50%;
        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;
    }


    /* ngHamburger (vertical toggle quick entry */
    .navbar .hamburger-toggle {
        top: 15px;
    }

        .navbar .hamburger-toggle .material-design-hamburger__layer {
            background: #666;
        }

    .navbar .hamburger-toggle1 {
        left: 25px;
    }

    .content {
        /*background-color: rgba(212, 217, 221, 1);*/
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
    }

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

    .sidenav {
        width: 0;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 57px;
        bottom: 0;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        box-shadow: 0 8px 17px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 8px 17px rgba(0,0,0,.2);
        background: #fff;
        z-index: 10;
    }

        .sidenav.open {
            width: 375px;
        }

    .navbar {
        z-index: 2000;
        margin-bottom: 4px;
    }

    .navbar-brand {
        /*margin-left: 50px !important;*/
    }

    .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;
      }
    }*/

    /*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%;
    }


    /* 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 */


html {
    height: 100%;
}

html, body, #div1, .panel {
    /*font-family:sans-serif;*/
    background-color: #D4D9DD;
}

body {
    margin-top: 0px;
    height: calc(100% - 62px);
    /*margin: 0 auto;*/
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.center-modal {
    position: fixed;
    top: 10%;
    left: 18.5%;
    z-index: 1050;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}

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

.fill { 
    min-height: 98%;
    height: 98%;
}

.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%;*/
/*}*/

/*Quick Entry */






/* 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-position {
    position: fixed;
    top: 10%;
    left: 18.5%;
    z-index: 1000000;
    width: 80%;
    height: 80%;
    margin-left: -10%;
}












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

.FullPercent {
    width: 100%;
    height: 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: 1em;
    height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}
/*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;
}



/*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 {
  /*background-color: #2dff07;*/
  color: #325d88;
}

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



.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;
}



/*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;
    }



/*Browser TypeAhead and search box padding*/
#DropDownRecordType {
    text-transform: uppercase;
    margin-left: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 1px;
    padding-left: 1px;
}

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

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

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

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

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

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

#btnbrowserclr {
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 65px;
}

#btnbrowsersrh {
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 75px;
}


/*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;
}

    .nav-tabs > li > a:hover {
        /*background-color: #303136 !important;*/
        /*border: medium none;*/
        /*border-radius: 0;*/
        /*color:#fff;*/
    }


/*bootstrap column gutters*/
.gutter > [class*='col-'] {
    padding-right: 1px;
    padding-left: 1px;
}

/* navigation bar */
.navbar-default {
    background-color: #222f3f;
    border-color: #222f3f;
}

    .navbar-default .navbar-brand {
        color: #ecf0f1;
        margin-top: 4px;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #ff0000;
        }

    .navbar-default .navbar-text {
        color: #ecf0f1;
    }

    .navbar-default .navbar-nav > li > a {
        color: #ecf0f1;
        top: 6px;
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #ff0000;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #ff0000;
        background-color: #222f3f;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #ff0000;
        background-color: #222f3f;
    }

    .navbar-default .navbar-toggle {
        border-color: #222f3f;
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #222f3f;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ecf0f1;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #ecf0f1;
    }

    .navbar-default .navbar-link {
        color: #ecf0f1;
    }

        .navbar-default .navbar-link:hover {
            color: #ff0000;
        }






.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;
}

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%);*/
            }
}

/* CHANGE the nav bar collapse point
@media (man-width : 200px) {
    .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;
    }
}
    */