.banner {
    height: 95px;
    /*line-height: 80px;*/
    width: 100%;
    /* background: url(../images/panchaytirajheader.png) no-repeat; */
    background: url(/img/header.png) no-repeat;
    background-size: cover;
    background-position: top center;
    border-bottom: 2px solid #91d0cd;
    background-color: #36b6ad;
    background-size: auto auto;
    background-size: auto auto;
    background-size: 100% 100%;
}

#waterLabel {
    display: inline !important;
}

#skillLabel {
    display: inline !important;
    font-weight: bold;
}

@media (max-width:980px) {
    .banner {
        background: none;
    }
}

@media (max-width:768px) {
    .banner {
        display: none;
    }
}

.xxx {
}

.zxxx {
    display: none;
}

.helppluse {
    font-size: 150px;
    color: #e00;
    animation: beat .25s infinite alternate;
    transform-origin: center;
}

/* Heart beat animation */
@keyframes beat {
    to {
        transform: scale(1.1);
    }
}


@font-face {
  font-family: openSans;
  src: url(fonts/OpenSans-Regular.ttf);
}
body, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family:openSans;
}
.ministry-logo img{
	margin: 0 auto;
    border: solid 2px green;
    background-color: #fff;
	 border-radius: 30px;
    /*margin-left: 40px;*/
   
}

/*select option:hover,
select option:focus,
select option:active {
    background: linear-gradient(red, green) !important;
    background-color: red !important ; 
    color: #ffed00 !important;
}*/

select option:checked {
    background: linear-gradient(#d6d6d6, #d6d6d6) !important;
    background-color: #d6d6d6 !important; /* for IE */
    color: #000000 !important;
}

.prox-data > .row{
    text-align:center !important;
}
.metadataheading {
    background-color: #007097;
    font-size: 1.1em;
    font-weight: bold;
    height: 40px;
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
}
#metadatabtn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: 0;
    padding-right: 5px;
    color: white;
}
.dijitTreeLabel {
    margin: 0 4px;
    font-size: 0.8rem;
    font-weight: bold;
}
.agsjsTOCLegendLabel {
    font-size: 0.8rem !important;
    font-weight: bold;
}

.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
    border: 2px solid #F99;
    /*margin: 0px !important;*/
}
#map {
    height: 100%;
    margin: 0;
    padding: 0;
    position:absolute;
    height:88.5vh;
    width:100%;
}
.mapsection{
    height:88.5vh;
    position:relative;
}
.header-title>span.site-title{
	text-shadow: 3px 3px 0px #000;
    color: #fff;
    letter-spacing: 3px;
    font-size: 1.1em;
}
span.tagline {
    font-size: 0.5em;
  /* border-bottom: solid 1px #cccccc94;*/
    border-top: solid 1px rgba(204, 204, 204, 0.14);
	color: #fff;
    text-transform: capitalize;
   text-shadow: 0px 1px 5px #000;
}
@media(max-width:768px){
	span.tagline,  .myheader {
			display:none;
	}
	
}
.panel-group .dialogs{
	font-size: 16px !important;
    font-weight: bold;
    background: #cbf8ff;
    text-align: center;
    margin: 5px 0px;
}
.myheader {
   /* background: url('../img/Asset 3.png') no-repeat;*/
    background-size: auto auto;
    background-size: auto auto;
    background-size: 100% 100%;
    height:100px;
    z-index: 2;
	background-color: #008bab;
    background-image: linear-gradient(to bottom, #00a4f3, #00516d);
}

.myfoot {
    background-color:#313233;
    height: 25px;
    position: fixed;
    bottom: 0px;
    color: white;
    z-index: 10001;
	width:100%;
}

#MapScaleDiv {
    position: absolute;
    bottom: 30px;
    left: 50px;
    z-index: 999;
    height: 25px;
    width: 150px;
    padding-left: 10px;
    background-color: rgba(255,255,255,0.8);
    border-radius: 8px;
}

.envelopedatablock {
    /*background: #f5f5f5;*/
    padding: 2px;
    border-radius: 2px;
    font-size: 12px;
    text-align:center;
}
.valueone {
    display: block;
    /* font-weight: bold; */
    color: #e25909;
    font-size: 13px;
}
.valuetwo {
    display: block;
    color: #1681d6;
    font-weight: 700;
    font-size: 12px;
    text-decoration:none;
}
.valuetwo:hover, .valuetwo:focus
{
    color:#000;
}
.envelopeblock {
    cursor: pointer;
    width: 120px;
    /*border: 1px solid #d5d5d5;*/
    display: inline-table;
    margin: 2px;
    padding: 2px;
}
.envelopeblock img{
	border: 1px solid #d5d5d5;
}
#submenu2 table {
    width: 100%;
}

.man-height {
    height: 350px;
    overflow-y: scroll;
}




/*body,
html {
    font-family: 'PT Sans', sans-serif;
}*/



#dock {
    z-index:1111;
    width: 100%;
  
    background-color:transparent;
}

    #dock ul {
        list-style: none;
        z-index: 9999999;
		 background-color: #04a29b;
		 padding: 0rem 1rem;
		 border-radius:10px;
		 border:3px solid rgba(255,255,255,0.5);
    }
@media(max-width:768px){
	#dock {
			 background-color: #04a29b;
			 padding: 0rem 1rem;
			 border-radius:10px;
			 border:3px solid rgba(255,255,255,0.5);
	}
	#dock ul {
        list-style: none;
        z-index: 9999999;
		 background-color: transparent;padding: 0;border-radius:0px;border:none;
    }
}

        #dock ul .li {
            float: left;
            text-align: center;
            color: white;
            line-height: 50px;
            /*background-color: #014861;#aedcdf*/
            /*background-color: #04a29b;*/
            padding: 0.4rem 0.5rem;
        }

   
    #dock li img, #dock li .fa {
        width: 25px;
        -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255, 255, 255, 0.5)));
        -webkit-transition: all 0.3s;
        -webkit-transform-origin: 50% 100%;
        margin:0.4rem;
    }
	
    #dock li:hover i,  #dock li:hover .fa {
        -webkit-transform: scale(2);
        
    }
    #dock li:hover img, #dock li:hover .fa {
        -webkit-transform: scale(1.5);
       
    }

    #dock li:hover + li i, #dock li.prev i {
        -webkit-transform: scale(0.8);
        
    }
    #dock li:hover + li img, #dock li:hover + li .fa, #dock li.prev img, #dock li.prev .fa {
        /*-webkit-transform: scale(0.6);*/
       
    }
    #dock li img {
		margin-bottom: 15px !important;
	}
    #dock .fa {
        color: #fff;
    }
#body-row {
    margin-left: 0;
    margin-right: 0;
}
.sidebar {
	height:90vh;
	overflow-y:auto;
}
#sidebar-container {
   /* min-height: 100vh;*/
    background-color: #fff;
    padding: 0;
    border-right: 1px solid #dedede;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(128,128,128,1);
    -moz-box-shadow: 1px 0px 5px 0px rgba(128,128,128,1);
    box-shadow: 1px 0px 5px 0px rgba(128,128,128,1);
	/*overflow-y:auto;*/
}
.claro .dijitContentPane {
     padding: 0px !important; 
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    /*width: 430px;*/
}

.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    color: #fff;
    /*font-weight:bold;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: px;*/
}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background: #02949b;
    background: -webkit-linear-gradient(to right, #02949b, #02949b);
    /*background: linear-gradient(to right, #2e9cca, #2e9cca);#1ea7d7*/
    background: linear-gradient(to right, #02949b, #02949b);
    /*background-color:red;*/
}
/*.bg-dark:hover{
    background-color:red !important;
}*/
.list-group a:hover{
    background-color:red;
}
/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}

.sidebar-submenu {
    /* font-size: 0.8rem; */
    background-color: #fff;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}

.sidebar-separator {
    background-color: #333;
    height: 25px;
}

.logo-separator {
    background-color: #333;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f055";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
   /* content: " \f0d9";*/
   content:"\f056";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}

/****************
    ************
    **********
    *************/

.twitter {
    font: normal normal 10px Arial;
    text-align: center;
    color: #998578;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.twitter {
    color: #000000;
    text-decoration: none;
    display: block;
    padding: 14px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

    .twitter:hover {
        color: #FF7D6D;
        text-decoration: none;
    }

/*span {
   
    display: block;
}*/

img {
    max-width: 100%;
}
/* Floating Social Media Bar Style Starts Here */

.fl-fl {
    background: #0fb6ae;
    /*text-transform: uppercase;*/
    /*letter-spacing: 3px;*/
    padding: 4px;
    width: 140px;
    position: fixed;
    right: -100px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer;
    color: white;
}
    .fl-fl:hover {
        background-color: #02949b;
        /*color: #a71280 !important;*/
    }

    .float-sm .fa {
        font-size: 20px;
        /*color: black;*/
        padding: 10px 0;
        width: 40px;
        margin-left: 8px;
    }
#dock ul .li:hover {
    background-color: #02949b;
}
/*.float-sm .fa:hover{
            color:red;

        }*/
/*.fl-fl:hover{
       color:red;
   }*/
.fl-fl:hover {
    right: 0;
}
/*.fl-fl span:hover{
    color:red;
}*/
.fl-fl span {
    /*color: #000;*/
    text-decoration: none;
    text-align: center;
    line-height: 43px !important;
    vertical-align: top !important;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: bold;
}

.float-fb {
    top: 160px;
}

.float-tw {
    top: 215px;
}

.float-gp {
    top: 270px;
}

.float-rs {
    top: 325px;
}

.float-ig {
    top: 380px;
}

.float-pn {
    top: 435px;
}
.float-xm {
    top: 490px;
}
/* Floating Social Media Bar Style Ends Here */


.row {
    width: 100%;
    margin: 0;
    padding: 0;
}

.container-fluid {
    margin: 0;
    padding: 0;
    height: 100%;
}

html, body {
    height: 100vh;
    overflow: hidden;
}

.fixed-top {
    position: fixed;
    top: 8vh;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar {
    align-items: start;
}



/*.mymap {
    background-color: #e4e4e4;
    height: 100%;
}*/

.bg-dark {
    background-color: #0fb6ae !important;
    color: #231f1f;
}

.bg-info {
    background-color: #008086 !important;
    color: white;
}

.list-group-item:first-child {
    border-radius: 0px;
}

.list-group-item {
    padding: 0.6rem 0.5rem;
    font-size: 0.9rem;
}

.fa-2x {
    font-size: 1em !important;
}
.fa-1halfx{
	font-size: 1.5em !important;
}
.fa-file-pdf-o.fa-2x,.fa-file-excel-o.fa-2x {
	font-size:2em !important;
	pointer:cursor;
}
#sidebar-container p {
    margin: 0 !important;
}


.tooltiptext {
    bottom: 100px!important;
    left: 50%;
}

.wrapper {
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.row-offcanvas {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    height: 100%;
}

#sidebar {
    background-color: #79dcd7 !important;
    min-height: 100%;
    padding: 15px;
    overflow: hidden;
    -webkit-transition: width 0.3s ease-in;
    -moz-transition: width 0.3s ease-in;
    transition: width 0.3s ease-in;
    z-index: 1112;
}

    #sidebar span.collapse.in {
        display: inline;
    }

    #sidebar .nav .nav-item .nav-link {
        white-space: nowrap;
        overflow: hidden;
    }

#main {
    padding: 15px;
    left: 0;
}

/*
 * off canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width: 34em) {
    #sidebar {
        min-width: 43px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    #main {
        wdth: 60%;
    }

    .row-offcanvas-left.active .sidebar-offcanvas span.collapse {
        display: inline !important;
    }

    .row-offcanvas-left.active {
        left: 40%;
    }

        .row-offcanvas-left.active .sidebar-offcanvas {
            left: -40%;
            position: absolute;
            top: 0;
            width: 40%;
        }

        .row-offcanvas-left.active #main {
            width: 60%;
        }

        /* sidebar link text always visible when active */
        .row-offcanvas-left.active .sidebar-offcanvas span.collapse.in {
            display: inline !important;
        }
}


@media screen and (min-width: 34em) {
    .row-offcanvas-left.active {
        left: 43px;
        width: 97%;
        width: calc(100% - 43px);
    }

        .row-offcanvas-left.active .sidebar-offcanvas {
            left: -43px;
            position: absolute;
            top: 0;
            width: 43px;
            text-align: center;
            min-width: 43px;
        }
}

.esriSimpleSliderTL {
    top: 60px !important;
    left: 15px !important;
}
.esriPopup {
	font-family:openSans;
	font-size: 10px;
}
.map .esriMapContainer .contentPane table td{
	border: 1px solid #dee2e6;
}
.map .esriMapContainer .contentPane table{
	width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}
.map .esriMapContainer .contentPane table td:first-child{
	width:40%;
}
.esriPopup .titlePane {
    background-color: #00939b;
}
.sizer .contentPane a {
    color: #2b8ff7;
    text-decoration: none;
	cursor:pointer;
}

.hamburg {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9;
    font-size: 1.7rem;
    color: #057097 !important;
}

.footbtn {
    border: 0;
    padding: 0 1rem 0 1rem;
    margin: 0.1rem;
    background-color: #007097;
    color: white;
    border-radius: 10px;
    font-size: 0.8rem;
	cursor:pointer;
}
.fl-fl i {
    font-size: 1.2rem;
}

.row {
    margin: 0;
}

.header-title {
    font-size: 2rem;
    color: white;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#metadata_data tbody tr td{
	padding: 3px;
}
#metadata_data tbody tr td:first-child {
    width:15em;
    min-width: 10em;
    max-width: 10em;
    word-break: break-all;
    font-weight: bolder;
	
}

#metadata_data tbody tr {
    border-bottom: 1px solid gray !important;
}
.metadatacol1 ul{
    list-style:none;
	padding-left: 0px;
}
#metadata_data table{
    background-color:#fff;
    margin:1rem 0;
}

#metadata {
    position: absolute;
    top: 10vh;
    right: 5vh;
    z-index: 1000;
    width: 40%;
    /*height: 300px;*/
    background-color: #efefef;
    display: none;
    color: #000;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    overflow: auto;
}

#metadatabtn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: 0;
    padding-right: 5px;
    color: white;
}

#my-table td {
    border: 1px solid #939393;
    padding: 5px !important;
    color: black;
    vertical-align: top;
}

#my-table th {
    border: 1px solid #939393;
    background-color: #226eb6;
    padding: 5px !important;
    color: #fff;
    vertical-align: top;
}




/*#print_button {
            background-color: #ef4c23 !important;
        }*/


.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
    border: 0px solid #759dc0;
    padding: 4px 4px 4px 4px;
    color: white;
    -moz-border-radius: 4px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    /*background-color: #ef4c23;*/
    background-color: #fff;
    color: #000;
    font-size: 12px;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0) 100%);
    _background-image: none;
}

.dijitReset .dijitInline .dijitButtonNode {
    background-color: #1d4293 !important;
    color: white !important;
}

.esriPrintout {
    background-color: #1d4293 !important;
    color: white !important;
    padding: 6px !important;
    font-size: 12px;
}

/*.claro .dijitArrowButtonInner {
            width: 15px;
            height: 15px;
            margin: 0 auto;
            background-image: url(images/da.png);
            background-repeat: no-repeat;
            background-position: -51px 53%;
        }*/
.panel-group {
    margin-bottom: 0px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#dojox_grid_EnhancedGrid_0 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_1 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_2 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_3 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_4 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_5 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_6 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_7 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_8 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_9 {
    margin-bottom: 20px;
    font-size: 12px;
}

#dojox_grid_EnhancedGrid_10 {
    margin-bottom: 20px;
    font-size: 12px;
}

.claro .dojoxGridPaginator {
    background: url(../../../resources/images/header_shadow.png) repeat-x scroll center bottom #a7a7a7;
}


/*#PolylineBtn:hover {
    background-color: #ffeeea;
    border-color: #ff5400;
}

#FreehandPolylineBtn:hover {
    background-color: #ffeeea;
    border-color: #ff5400;
}

#PolylineBtn {
    background-color: #e4e4e4;
    padding: 3px;
    border: 3px solid gray;
    border-radius: 50%;
}

#FreehandPolylineBtn {
    background-color: #e4e4e4;
    padding: 3px;
    border: 3px solid gray;
    border-radius: 50%;
}*/

button:focus {
    outline: 0 !important;
}

/*.button {

            border: none;
            color: white;
            padding: 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
        }*/
.hamburger {
    height: 30px;
    width: 50px;
}

.button4 {
    border-radius: 12px;
}

    .button4:hover {
        background-color: #555555;
        color: white;
    }

#collapseSix .row {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
}

/*#collapseSix button {
            background-color: #db4527;
            padding: 3px 10px;
            border: 0px;
            color: white;
        }*/

#collapseSix {
    width: 100%;
}

.inner {
    display: inline-block;
}

#widget_buffval {
    width: 100% !important;
}

.esriPrint {
    padding: 0px !important;
}

.dijitComboButton {
    margin: 0em !important;
    vertical-align: middle;
}

claro .dijitArrowButtonInner {
    width: 15px;
    height: 15px;
    margin: 0 auto;
    background-image: url(images/da.png) !important;
    background-repeat: no-repeat;
    background-position: -51px 53%;
}

#collapseThree .row {
    padding: 5px;
}

footer a {
    text-decoration: none;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
}

    footer a:hover {
        text-decoration: none;
        color: white;
    }

/*a:focus {
            color: white !important;
        }*/
.modal {
    top: 10%;
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header {
    padding: 5px 10px;
   /* border-bottom: 1px solid #385197;
    background-color: #385197;
    color: white;*/
	border-radius:0px;
}
.modal-body {
	font-size: 12px;
}
.close:focus, .close:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 1;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: rgba(79, 78, 78, 0.61);
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

/*.gpbasicinfo {
    color: #db4527 !important;
}*/

.bg-col {
    background-color: #007097 !important;
    color: white !important;
}

table > tbody > tr > td {
    padding: 0 !important;
}

</style >
<style >
.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tree ul {
    margin-left: 1em;
    position: relative;
}

    .tree ul ul {
        margin-left: .5em;
    }

    .tree ul:before {
       content: "";
		display: block;
		width: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -10px;
		border-left: 1px dashed;
	}
.tree li {
    margin: 0;
    padding: 0 1em;
    line-height: 2em;
    color: #0fb6ae;
    font-weight: 700;
    position: relative;
    /*#18a5d6*/
}

.tree ul li:before {
    content: "";
    display: block;
    width: 20px;
    height: 0;
    border-top: 1px dashed;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}
.tree ul.sub-tree li >a {
	margin-left:15px;
}
.tree ul li:last-child:before {
    background: #fff;
    height: auto;
    top: 1em;
    bottom: 0;
}

.indicator {
    margin-right: 5px;
}

.tree li a {
    text-decoration: none;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

#metadata a:active {
    color: red !important;
}

#metadata a[tabindex]:focus {
    color: red !important;
    outline: none;
}

/*#metadata tr:nth-child(even) {
    background-color: #f2f2f2;
}

#metadata tbody {
    border: 1px solid gray;
}

    #metadata tbody td {
        padding: 0.2rem 0.4rem !important;
    }*/
ul#tree1 {
	
}
#tree1 a {
    color: #000 !important;
}

.dropup .dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -10px;
        margin-left: 0px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

.dropdown-menu a{
    color:#4e4e4e;
    
    text-decoration:none;
}

.hov:active{
     background-color: #2E9CCA;
}

.hov:hover {
        background-color: #2E9CCA;
}


    .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.2rem 0.8rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    line-height:1.5;
    font-size:0.8rem;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

#basemapgallery, #metadata, #spatialsearchDialog {
    position: absolute;
    top: 10em;
    right: 50px;
    z-index: 1002;
    width: 425px;
    height: 375px;
    padding: 15px;
    background-color: white;
    border:none;
    margin-top: 20px;
    display: none;
    color: #464646;
    font-size: 0.8rem;
    /*overflow-y:hidden;*/
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
	padding: 5px;
    border-radius: 5px;
}
#metadata {
	width:70%;
	height:375px;
	overflow-y:auto;
	max-width:900px;
}
#metadata .metadatacol1{
	border-right: solid 1px #eee;
    height: 305px;
    overflow-y: auto;
}

#basemapgallery .panel-header , #metadata .panel-header, #spatialsearchDialog .panel-header{
    border-radius: 5px 5px 0px 0px;
    margin: 4px;
	padding:10px 15px 10px 10px;
	font-weight: bold;
}

#BMGclose, #MDClose, #spatialsearchclose {
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: #eeeeee;
    border: 0;
    color: #888888;
    z-index: 1;
    line-height: 2;
    background-image: url(images/ui-icons_888888_256x240.png);
    height: 17px;
    width: 17px;
    border: solid 1px #d3d3d3bd;
    background-position: -96px -128px;
}

.headerfixed {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow-y: hidden;
}

.scroll-me {
    position: absolute;
    top: 38px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem;
}

.panel-header {
    background-color: #008086 !important;
    padding: 10px 15px;
    color: #ffffff;
    font-size: 0.9rem !important;
}

.qb-container textarea {
    width: 100%;
}

.qb-container {
    text-align: center;
}

.btn-outline-dark {
    
    width: 2rem;
    font-size: 0.5rem !important;
    margin: 0.1rem;
    padding: 0.2rem;
}

.head {
    background-color: #0fb6ae;
    color: white;
    border: 1px solid white;
    font-size: 0.75rem !important;
    line-height: 2;
    font-weight: bold;
}

.op-sec {
    background-color: white;
    color: white;
    border: 1px solid #e8e8e8;
}

.qb-container #qb_select {
    width: 100%;
}

.btn-info {
    margin: 0.2rem;
    border-radius: 0;
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem !important;
    background-color: #027097 !important ;
}

.btn-info:hover {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(107,107,107,1);
    -moz-box-shadow: 1px 1px 3px 1px rgba(107,107,107,1);
    box-shadow: 1px 1px 3px 1px rgba(107,107,107,1);
}

    .btn-info:hover {
        background: #055c7b;
        background: -webkit-linear-gradient(to right, #043b64, #055c7b);
        background: linear-gradient(to right, #043b64, #055c7b);
    }
#submenu4 table{
    width:100%;
}


.form-control {
    /*height: calc(1.4em + .45rem + 4px) !important;*/
    border: 1px solid #dadfe4 !important;
    font-size: 0.8rem;
    padding: 0.2rem 0.2rem;
    border-radius: 0px;
    background-color: #f9f9f9;
}
.formlable{
    font-weight:bold;
    margin-top:0.5rem;
}

/*.dropdown-menu {
    -webkit-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
    -moz-box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
    box-shadow: 2px 2px 6px 0px rgba(77,77,77,1);
    background-color: #efefef;
}*/

#ProfileChart_EP {
    -webkit-box-shadow: 0px -2px 6px 0px rgba(77,77,77,1);
    -moz-box-shadow: 0px -2px 6px 0px rgba(77,77,77,1);
    box-shadow: 0px -2px 6px 0px rgba(77,77,77,1);
    background-color: #fff;
    position: absolute;
    z-index: 50;
    bottom: 0px;
    width: 100%;
    height: 0px;
    z-index: 1132;
    margin: 0px 0px 3px 0px;
}

#envelopeTable {
    width: 100%;
}

#tableDiv table > tbody > tr > td {
    padding: 0.2rem 0.3rem !important;
    text-align: left;
}

#envelopeTable tbody tr:first-child th, #table_div thead th, .customtable-header thead th,
.dojoxGridRowTable th {
    background-color: #0fb6ae !important;
    color: white;
    padding: 0.2rem 0.3rem;
    font-size: 0.75rem !important;
}
#checkboxes label {
    background-color: #e4e4e4;
    margin-right: 10px;
    padding: 0.2rem 0.4rem;
}
.ui-dialog {
      background-color: #ffffff !important;
      border-radius: 7px;
      padding: 5px;
}
.ui-dialog .ui-dialog-titlebar 
{
    border-radius:5px 5px 0px 0px;
    background-color:
}
.ele-btn {
    border: 2px solid #007097;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(161,161,161,1);
    -moz-box-shadow: 0px 0px 6px 1px rgba(161,161,161,1);
    box-shadow: 0px 0px 6px 1px rgba(161,161,161,1);
}

.gpname {
    color: #e68226;
    font-weight: bold;
   /* text-transform:uppercase;*/	
    letter-spacing:0px;
    font-size:1.1rem;
}

.spname {
    font-size: 1.5rem;
    font-weight: bold;
    display: inline;
}

#gp_details td{
    padding:0.2rem 0.2rem !important;
	font-size:0.7rem;
}

#checkboxes label {
    background-color: #e4e4e4;
    margin-right: 10px;
    padding: 0.2rem 0.4rem;
}

.dropdown-toggle:after {
    content: none;
    
}
.claro .dijitDialog {
	border: none;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 5px;
    background-color: #fff;
}
.claro .dijitDialogPaneContentArea {
    font-size: 13px;
}
.claro .dijitDialogTitleBar 
{
    border-bottom: 0px;
    border: 0px;
    border-radius: 5px 5px 0px 0px;
    font-size: 14px;
}
.claro .dijitDialogPaneActionBar 
{   
    background-color: #014861;
    border-top: 1px solid #bedfff;
    border-radius:0px 0px 5px 5px;
}
.claro .dijitSelectError, .claro .dijitSelectError .dijitButtonContents, .claro .dijitTextBoxError, .claro .dijitTextBoxError .dijitButtonNode
{
    border-width:0px 0px 2px 0px;
}
.claro .dijitDialogPaneContent
{
    border: 1px solid #f1f2f3;
}
.claro .dijitSelect, .claro .dijitSelect .dijitButtonContents, .claro .dijitTextBox, .claro .dijitTextBox .dijitButtonNode
{
    border-width: 0px 0px 2px 0px;
    line-height: 20px;
    font-size: 14px;
}
.claro .dijitValidationTextBoxError .dijitValidationContainer
{
    width: 20px;
    background-repeat: no-repeat;
}
.dijitDialogUnderlayWrapper
{
    background: rgba(206, 231, 255, 0.43137254901960786) !important;
}
.dijitErrorHover.dijitHover 
{
    background-color:#f9e8e8;
}
/*.claro .dijitButtonText {
    padding: 0 0.3em;
    border: 1px solid #dadfe4 !important;
    font-size: 0.8rem;
    padding: 0.2rem 0.2rem;
    border-radius: 0px;
    background-color: #f9f9f9;
    width: 105px;
    text-align: left;
    position: relative;
    font-size: 12px;
}*/
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode, .claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode {
	
}
label 
{   width:100%;
}
.esriErrorMsg
{
    font-size: 0.9em;
}
.claro .dijitValidationTextBoxError .dijitValidationContainer
{
    border-radius: 50%;
    padding: 0px 5px !important;
}
.ui-dialog 
{
    
}
.ui-dialog[aria-describedby="dd_dialog"] .ui-dialog-content {
	overflow-x:hidden;
}
/*.ui-dialog .ui-dialog-titlebar.ui-widget-header {
    border: 1px solid #ffffff;
    border-top: none;
    background-color: #abd6ff !important;
    background-image: url(images/standardGradient.png);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    _background-image: none;
    padding: 5px 7px 4px 7px;
}*/
.ui-dialog .ui-dialog-title {
    padding: 0 1px;
    font-size: 1.091em;
    color: #fff;
}
.btn-warning {
    color: #ffffff;
    background-color: #d66c11;
    border-color: #d87118;
}
.btn-outline-dark:hover 
{
    transform: scale3d(1.5, 1.5, 1.5);
}
#qboperators .btn-outline-dark:hover {
    font-size: 10px !important;
}
#qboperators [id^="qb_"] {
    background-color: #27bfb8;
    border-color: #017772;
    color: #fff;
    font-size: 10px !important;
    font-weight: bold !important;
}
.overflowXAuto 
{
    overflow-x:auto;
}
.ui-dialog .ui-dialog-content 
{
    width:100%;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 19px;
    height: 18px;
}
@media (max-width:1024px){
	.envelopeblock {
		width: 80px;
	}
	.valuetwo {
		font-size:7px;
	}
	.valueone {
		font-size:10px;
	}
	.list-group-item {
		font-size: 0.6rem;
	}
	.myfoot {
		height: 0px;
		font-size: 8px;
	}
}

@media (max-width: 768px){
.myfoot {
    height: 40px;
	}
}
@media (min-width:1025px) and (max-width:1550px){
	.envelopeblock {
		width: 80px;
	}
	.valuetwo {
		font-size:8px;
	}
	.valueone {
		font-size:10px;
	}
}
.borderBottom-1{
	border-bottom:solid 1px rgba(255, 255, 255, 0.23);
}
.avatar {
	border-radius: 7%;
    border: solid 1px #b0b0b0;
    /* float: left; */
    box-shadow: 0px 0px 4px 1px #0000002e;
	background-color: #6ee8fc;
    min-height: 60px;
    min-width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.table-bordered thead td, .table-bordered thead th {
    vertical-align: middle;
}
.dojoxGridRow .dojoxGridRowTable tbody tr{
	background-color:#fff;
}
.table-striped tbody tr:nth-of-type(odd), 
.claro .dojoxGridRowOdd .dojoxGridRowTable tr, 
.dojoxGridRow.dojoxGridRowOdd .dojoxGridRowTable tbody tr:nth-of-type(odd),
#metadata_data table  tr:nth-of-type(odd),
.map .esriMapContainer .contentPane table tr:nth-of-type(odd),
#reports table tr:nth-of-type(odd){
    background-color: rgba(8, 246, 114, 0.15);
}
.dojoDndSource.dojoDndTarget.dojoDndHorizontal.dojoDndContainer th .dojoxGridSortNode{
	position:relative;
}
.dojoxGridSortNode:after {
	content: '\f0dc';
    position: absolute;
    right: 0px;
    color: rgba(255, 254, 254, 0.915686274509804);
    font-family: fontAwesome;
    top: 0px;
}
.dojoxGridInactiveSwitch,.dojoxGridInactived {
	color:#fff;
}
.dojoxGrid {
	font-family:unset;
}
.claro .dojoxGridMasterHeader {
	background-image:none;
	background-color:none;
}
.claro .dojoxGridRowTable tr {
	background:none;
}
.claro .dojoxGridCellOver .dojoxGridSortNode {
	    background-color: transparent;
}
.claro .dojoDndItemOver {
	color:#e8e8e8;
}
#submenu5 .table td, .table th {
    padding: .15rem;
}
.table.firstchildbold td:first-child {
    font-weight: bold;
}
.table.secondchildbold td:nth-child(2) {
    font-weight: bold;
}
.newheader {
    border-bottom: solid 2px #058e87;
    margin-bottom: 15px;
    padding: 2px 0px;
    font-size: 0.9rem;
    font-weight: bold;
    color: #058e87;
    position: relative;
}
    .newheader:after {
        content: '';
        left: 0px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #058e87;
        position: absolute;
        bottom: -10px;
    }
.lightShadow{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.32);
}
.fontsize07rem{
	font-size: 0.7em !important;
}
.colorred{
	color:red;
}
.fontsize06rem{
	font-size: 0.6em !important;
}
.marginB-4{
	margin-bottom:4px;
}
.dropdown-menu {
    background-image: linear-gradient(#01a099, rgb(12, 187, 178));
}
.dropdown-menu a {
    color: #ffffff;
}
.dropdown-submenu:hover a , .dropdown-submenu:focus a {
    color: #fff;
}
.dropdown-submenu:hover {
     background-color: #2E9CCA;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
    font-size: 10px;
    font-weight: bold;
}
.myfoot {
  font-size:12px;
  }
    .myfoot a {
        color: #bbbbbb ;
        cursor: pointer;
    }
.myfoot a:hover {
    text-decoration:none;
	color:#97e7ff;
}
.ui-dialog .ui-dialog-content {
	padding: .5em 0.8rem;
}
.esriMeasurement .esriMeasurementResultTable td{
	border:1px solid #dee2e6
}
.esriMeasurement .esriMeasurementTableRow {
	height:25px;
}
.esriMeasurement .esriMeasurementResultTable tr:first-child td {
    background-color: #0fb6ae;
    color: white;
    font-size: 0.75rem !important;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
}
.esriMeasurement .esriMeasurementResultTable tr:nth-child(2) td:first-child, .esriMeasurement .esriMeasurementResultTable tr:nth-child(3) td:first-child {
    width: 10% !important;
	text-align: center;
}
.esriMeasurement .esriMeasurementResultTable tr:nth-child(2) td:nth-child(2),
.esriMeasurement .esriMeasurementResultTable tr:nth-child(2) td:nth-child(3),
.esriMeasurement .esriMeasurementResultTable tr:nth-child(3) td:nth-child(2), 
.esriMeasurement .esriMeasurementResultTable tr:nth-child(3) td:nth-child(3){
    width: 40% !important;
}
.esriMeasurement .esriMeasurementTableContainer .esriMeasurementResultTable .esriMeasurementTableCell {
	text-align:center;
}
.esriMeasurement .esriMeasurementResultLabel {
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom: solid 2px rgb(6, 148, 141);
    text-align: center;
    font-weight: bold;
    color: #06a79f;
    font-size: 0.9rem;
}
.esriMeasurement .esriMeasurementResultValue .result {
	font-weight:bold;
}
.displayInlineBlock{
	display: inline-block;
}
#dd_dialog input[type="radio"]+label{
	display:inline;
}
.btn-group-sm>.btn, .btn-sm {
	padding: 0.25rem 0.8rem !important;
    font-size: 0.675rem !important;
    /* line-height: 10px; */
    border-radius: .15rem !important;
    height: 30px !important;
}
span.formlablegpdetleft {
    height: 30px;
	vertical-align:middle;
	font-weight:bold;
	font-size: 13px;
}
#checkboxes label {
    background-color: #e4e4e4;
    margin-right: 2px;
    padding: 0.1rem 0.4rem;
    margin-bottom: 0px;
    /* border: solid 1px #eee; */
    font-size: 11px;
}
.m-2-0 {
    margin: .5rem 0px!important;
}
.borderLineTop {
	border-top: solid 1px #eee;
    padding-top: 10px !important;
}
.relatedLogo {
    display: inline-block;
    margin: 0px 5px;
    background-color: transparent;
    border-radius: 5px;
    padding: 5px;
	line-height: 50px;
}
.relatedLogo img {
	height: 30px;
    width: auto;
}
.displayInlineBlock {
    display: inline-block !important;
}
.margin0505 {
    margin: 0px 5px;
}
.lineBlack {
    border-top: solid 1px #fff3;
}
li.relatedLogo{
	border-right: solid 1px rgba(255, 255, 255, 0.25);
	border-radius: 0px;
	margin:0px 2px;
	text-align:center;
	padding: 0px 5px;
}
.font9px{
	font-size:12px;
}
@media(max-width:1024px){
	li.relatedLogo {
		border-right:none;
	}
	.relatedLogo{
		line-height:auto;
	}
}
.openfooter{
	height:auto;
}
.myfoot.openfooter > .toogleFooter .fa-caret-up:before{
	content: "\f0d7";
}
.myfoot ul {
    line-height: 40px;
    margin-left: -50px;
}
li.relatedLogo a:hover, .disclaimer:hover{
color:#b2e9fa !important;
}
#toogleFooter {
	position: absolute;
    right: 2%;
    bottom:100%;
    background-color: #313233;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
	font-size:1.5em;
}
.panel-group {
    margin-bottom: 20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}.panel-heading {
    padding: 5px 5px;
    border-bottom: 1px solid transparent;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    overflow: hidden;
}.panel-default {
    border-color: #fff;
}.panel-default > .panel-heading {
    color: #2e83a0;
}.panel-default>.panel-heading {
    color: #333;
    background-color: rgba(8, 136, 246, 0.07);
    border-color: #fff;
}
.panel-heading:hover{
	background: linear-gradient(to right, #043b64, #055c7b) !important;
}
.panel-heading:hover a{
	background: transparent;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}.panel-title>a {
    color: inherit;
	outline:0;
	display: flex;
	color: #fff;
    font-size: 12px;
}.panel-title>a:before {
    content: "\f056"	;
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
	position:absolute;
	right:10px;
	    color: #fff;
}
.panel-title>a.collapsed:before {
    content: " \f055";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
	position:absolute;
	right:10px;
	    color: #fff;
}
.panel-title>a:hover {
	text-decoration:none;
	outline:0;
}.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd;
}
.panel-body{
	padding:10px;
}
.modal {
    z-index: 10008;
}
.modal-backdrop {
     z-index: 10002;
}
.lineheight25px{
	line-height:25px;
}
#iframeDiv{
    width: 300px;
    height: 500px;
    position: absolute;
    z-index: 999;
    top: 75px;
    right: 100px;
    padding: 3px;
    background-color: #fff;
}
.item {
	padding:5px;
}
.item span {
	font-size:11px;
}
#imdDiv .carousel-inner>.item>a>img, #imdDiv .carousel-inner>.item>img {
    max-height: 300;
    width: auto;
}
#imdDiv .carousel-control.left,
#imdDiv .carousel-control.right{
	background-image:none !important;
}
#imdDiv .carousel-control {
	color: #014da0 !important;
}
#imdDiv .carousel-indicators{
    border-radius: 0px;
}
#imdDiv .carousel-indicators.active{
	background-color: rgba(7, 98, 151, 0.7) !important;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    padding: 2px !important;
}
header.for-mob{
	background-color:#198883;
	position: fixed;
    top: 0px;
    z-index: 9999;
    width: 100%;
}
header.for-mob .navbar-toggle {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    /* background-color: #005590; */
    padding: 6px 4px;
}
.for-mob .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	top: 10px;
	right: 15px;
}.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
header.for-mob{
	display:none;
}


.butn {
    background: #02a7b0;
    background-image: -webkit-linear-gradient(top, #02a7b0, #026f75);
    background-image: -moz-linear-gradient(top, #02a7b0, #026f75);
    background-image: -ms-linear-gradient(top, #02a7b0, #026f75);
    background-image: -o-linear-gradient(top, #02a7b0, #026f75);
    background-image: linear-gradient(to bottom, #02a7b0, #026f75);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Arial;
    color: #ffffff;
    font-size: 12px;
    padding: 10px 20px 10px 20px;
    border: solid #27e2e8 1px;
    text-decoration: none;
}

    .butn:hover {
        background: #22b0d4;
        background-image: -webkit-linear-gradient(top, #22b0d4, #0b9ab3);
        background-image: -moz-linear-gradient(top, #22b0d4, #0b9ab3);
        background-image: -ms-linear-gradient(top, #22b0d4, #0b9ab3);
        background-image: -o-linear-gradient(top, #22b0d4, #0b9ab3);
        background-image: linear-gradient(to bottom, #22b0d4, #0b9ab3);
        text-decoration: none;
        color:white !important;
    }

.oth-app span{
padding:0rem 0.6rem;
}
.visible-xs {
	display:none;
}
.lineheight18px{
	line-height:18px;
}
@media(max-width:1024px) and (min-height:1366px){
	#map {
		height:100vh;
	}
	
}
@media (max-width: 768px){
	header.for-mob{
		display:block;
	}
	header .navbar-toggle .icon-bar {
		background-color: #ffffff;
		margin: 3px 0px;
	}
	#sidebar, .hamburg, .float-sm {
		display:none;
	}
	.myfoot .lineheight25px {
		line-height: unset;
	}
	.myfoot ul {
		line-height: 25px;
		margin-bottom: 0px;
	}
	.relatedLogo{
		line-height:18px;
	}
	.relatedLogo img {
		height: 20px;
		width: auto;
	}
	.myfoot.openfooter {
		height:auto;
	}
	#map{
		height: 100vh;
	}
	#dock{
		position: absolute;
		top: 55px;
		width: auto !important;
		right: 2px;
		overflow-y: auto;
		max-height: 300px;
	}
	#dock ul li.li {
		float: none !important;
		padding: 0px 10px !important;
	}
	#dock li img, #dock li .fa {
		width: 25px;
		max-width: 25px;
	}
	li.relatedLogo {
		border:none;
	}
	header.for-mob .navbar-toggle .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		border-radius: 1px;
	}
	header.for-mob .navbar-brand {
		color: #fff;
		text-transform: uppercase;
	}
	header.for-mob nav.main-nav{
		background-color: #027097;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}
	header.for-mob nav.main-nav li {
		color: #ffffff;
	}
	header.for-mob nav.main-nav li > ul > li{
		color: #000;
	}
	header.for-mob nav.main-nav li a{
		padding: 5px 10px;
		display:flex;
		color:white;
	}
	header.for-mob .dropdown-menu.show{
		padding:0px 10px;
		display: block !important;
		position: relative !important;
		transform:unset !important;
	}
	header.for-mob .dropdown-menu{
		background-image:none;
		background-color:#fff;
	}
	.myfoot {
		height: 0px;
	}
	.myfoot .text-left,.myfoot .text-center,.myfoot .text-right{
			text-align:center !important;
	}
}
.tagline{
	display:block;color:#fff; text-transform:capitalize;
}
@media (min-width:1024px) and (max-width:1280px){
	.ministry-logo img {
		margin-left: 30px;
		border-radius: 15px;
		height: 70px;
	}
	.header-title>span.site-title{
			font-size:1em;
	}
	span.tagline {
		font-size: 0.35em;
	}
	
}
@media (max-width: 769px){
	#main.col-md-9 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.font9px {
		font-size: 9px;
	}
}
@media (min-width:1920px){
	.tagline {
		width:65%;
		margin:0 auto;
	}
}
@media (max-width:768px){
	.visible-xs{
			display:block;
	}
}