/*========================Open layer css starts=====================================*/

.ol-info {
	background-color: rgba(0,60,136,.5);
    color: white;
    border: none;
    border-radius: 2px;
}

.ol-reset-zoom{
	margin: auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    height: 24px;
    width: 24px;
    min-height: 24px;
    min-width: 24px;
    background-color: rgba(0,60,136,.5);
    color: white;
    border: none;
    border-radius: 2px;
}

.ol-zoomslider {
    position: absolute;
    top: 4.5em;
    left: .5em;
    background: #eee;
    background: rgba(242,242,255,.4);
    width: 24px;
    height: 200px;
}
.ol-zoom {
    /* top: 0em; */
/*     top:1%; */
/* 	top:20px;	Updated By Jay On 27DEC2019 */
/* 	top:43px;	Updated By Jay On 27DEC2019 */
/* 	top:58px;	Updated By Jay On 30DEC2019 */
/* 	top:50px;	Updated By Jay On 30DEC2019 */
	top:55px;
/*     right: 0em; */
	right: 0px;	/*Updated By Jay On 27DEC2019*/
    /*  display:none; */
}
.ol-full-screen {
    /* right: 2em; */
/*     right: 4%; */
/*     right: 2.5em; */
/* 	right: 23px;	Updated By Jay On 27DEC2019 */
	right: 0px;	/*Updated By Jay On 27DEC2019*/
/*     top:1%; */
	top: 20px;	/*Updated By Jay On 27DEC2019*/
    /*top: 0em;*/
}
.ol-rotate {
    /*  top: 4em; */
    /* right: 4em; */
    right: 8%;
    top:1%;
    /* top: 0em;*/
}
.color_style
{
    background-color:#000000;
}
.ol-mouse-position {
/*     top: 1%; */
	top: 0.5px;	/*Upadted By Jay On 27DEC2019*/
    /* right: 80px; */
/*     right: 12%; */
/* 	right: 70px; */
	right: 3px;	/*Upadted By Jay On 27DEC2019*/
    position: absolute;
    font-weight:800;
    
    /*================Update Starts By Jay On 27DEC2019===================*/
    
    color: white;
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px; 
    
    /*================Update Ends By Jay On 27DEC2019===================*/
}

.ol-timeseries {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 50px;
    left: 50px;
    width:500px;
    /*height:200px;*/
}

.ol-timeseries-new {
    position: relative;
    z-index: 200;
/*     background: rgba(40,40,40,.65); */
    padding: 15px;
    border-radius:0px;
    border: 0px solid #cccccc;
    /*bottom: 0px;
    left: 0px;
    */
    width:100%;

    height:90%;
}


.ol-popup {
    background:rgba(40,40,40,.65);
    color:white;
    position: absolute;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    width:250px;
}

.ol-popup-marker {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    width:250px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;

}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "X";
}
.ol-timeseries-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-timeseries-closer:after {
    content: "X";
}

.ol-attribution.ol-logo-only {
    background: 0 0;
    bottom: 0em;
    height: 0em;
    line-height: 0em;
}

#map{
    width:100%;
    height:100%;
    position:relative;
}
div.fill{
    width:100%;
    height:100%;
}
#windyMap{
    background-color:transparent;
    position:absolute;
    z-index:8;
    pointer-events:none;
}
.ol-control{
    z-index:2;
}
.wind-control {
    top: 150px;
    right: 1.4em;
    z-index:10;
}
.ol-unselectable{background: none;}
.ol-unselectable:hover{background: none;}
.ol-touch .wind-control {
    top: 150px;
}




/*================Update Starts By Jay On 27DEC2019=======================*/

.ol-scale-line{
	/* 	bottom: 10%; */
	display: block !important;
	bottom: 37px;
    z-index: 213;
/*     right: 8px; */
/*     left: unset; */
	
/* 	top: 24px; */
/* 	top: 28px; */	/*Updated By Jay On 30DEc2019*/
/*     bottom: unset; */	/*Updated By Jay On 30DEC2019*/
/*     right: unset; */	/*Updated By Jay On 30DEC2019*/
/*     left: 5px; */
	right: 5px;	/*Updated By Jay On 30DEC2019*/
    padding: 0px;
    z-index: 2;
    
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px;
    
    display: none;
}

/*================Update Ends By Jay On 27DEC2019=======================*/

.ol-timeseries-new {
    position: relative;
/*     z-index: 4; */
/*     background: rgba(40,40,40,.65); */
    padding: 15px;
    border-radius: 0px;
    border: 0px solid #cccccc;
/*     width: 95% !important; */
/*     height: 80% !important; */
	width: 100% !important;
    height: 100% !important;
}

/*========================Open layer css ends=====================================*/

/*=======================sidebar css starts=======================================*/

body {
  font-family: "Lato", sans-serif;
}

.sidenav {
  display: none;
/*   height: 95.5vh; */
  height: 92.5vh;
/*   width: 250px; */
  width: 90px;
  position: fixed;
/*   z-index: 1; */
  z-index: 211;
/*   top: 4.5vh; */
  top: 7.5vh;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 60px;
  padding-left: 20px;
  
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
    z-index: 211;
}

@media screen and (max-height: 450px) {
/*   .sidenav {padding-top: 15px;} */
/*   .sidenav a {font-size: 18px;} */
  .sidenav {padding-top: 50px;}
  .sidenav a {font-size: 53px;}
}

.sidebar_btn{
	position: absolute;
/* 	top:30px; */
/* 	top:7.5vh; */
/* 	top:35px; */
/* 	top:42px; */
/* 	top:47px; */
	top:27px;	/*Updated And Added By Jay on 30DEC2019*/
/* 	left:5px; */
	z-index:212;
	color:white;
/* 	background-color:black; */
/* 	background: rgba(40,40,40,1); */
	padding-left: 6px;
/*     padding-right: 6px; */
	padding-right: 5px;
	
	/*================Update Starts By Jay On 27DEC2019=======================*/
	
	margin-left:2px;
	border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    
    /*================Update Ends By Jay On 27DEC2019=======================*/
}

.sidenav1 {
  display: none;
/*   height: 95.5vh; */
/*   height: 92.5vh; */
/* 	height: 95.5vh; */
	height: auto;
    max-height: 92.5vh;
/*   width: 250px; */
/*   width: 190px; */
/*   width: 235px; */
/* width: 250px; */
/* width: 265px; */
width: 310px;
  position: fixed;
/*   z-index: 1; */
  z-index: 211;
/*   top: 4.5vh; */
/*   top: 7.5vh; */
/* 	top: 35px; */
/* 	top: 41px; */
/* 	top: 46px; */
	top: 25px;	/*Updated And Added By Jay on 30DEC2019*/
/*   left: 90px; */
  background-color: #111;
  overflow-x: hidden;
/*   padding-top: 60px; */

/*   padding-top: 5px; */
  
/*   padding-bottom: 27px; */
/* 	padding-bottom: 36px; */
/* 	padding-bottom: 47px; */
	padding-bottom: 35px;
  
/*   padding-left: 20px; */
  
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  /*================Update Starts By Jay On 27DEC2019=======================*/
  
  border-radius: 14px;
  border: 0.5px solid #ccc;
  
  /*================Update Ends By Jay On 27DEC2019=======================*/
}

.sidenav1 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
}

.sidenav1 a:hover {
  color: #f1f1f1;
}

.sidenav1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
    z-index: 211;
}

@media screen and (max-height: 450px) {
/*   .sidenav1 {padding-top: 15px;} */
/*   .sidenav1 a {font-size: 18px;} */
  
/*   .sidenav1 {padding-top: 50px;} */
/*   .sidenav1 a {font-size: 53px;} */
}


.calendar_class
{
/*     position: absolute; */	/*off*/
/*     z-index: 200; */
	z-index: 212;
    width: 600px;
/*     left: 400px; */
/*     top: 200px; */
	left: 313px;
    top: 146px;
/*     display:none; */ /*off*/

}
/*=======================sidebar css ends=======================================*/

/*=======================scrollbar css starts====================================*/

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
.scrollbar::-webkit-scrollbar {
/*     background-color:#fff; */
    background-color:#1F1B1B;
/*     width:16px */
    width:7px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
/*     background-color:#fff */
    background-color:#1F1B1B;
    
    /*==========Update Starts By Jay On 27DEC2019==============*/
    
    border-radius:10px;
    border:5px solid #1F1B1B;
    
    /*==========Update Ends By Jay On 27DEC2019==============*/
}
.scrollbar::-webkit-scrollbar-track:hover {
/*     background-color:#f4f4f4 */
    background-color:#1F1B1B;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
/*     background-color:#babac0; */
    background-color:#1F1B1B;
/*     border-radius:16px; */
       border-radius:10px;
/*     border:5px solid #fff */
       border:5px solid #555753;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
/*     background-color:#a0a0a5; */
    background-color:#1F1B1B;
/*     border:4px solid #f4f4f4 */
    border:4px solid #555753;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}

/* div box */
/* body{background-color:#babac0} */
body{background-color:#1F1B1B;}

.scrollbar {
/*     height: 75vh; */
/*     width: 25vw; */
/*     min-width: 150px; */
/*     background: #fff; */
/*     background: #000; */
	background: rgba(40,40,40,.6);
/*     overflow-y: scroll; */
	overflow-y: auto;
/*     overflow-x: scroll; */
}
.overflow{min-height: 100vh}

.scrollbarX {
/*     height: 75vh; */
/*     width: 25vw; */
/*     min-width: 150px; */
/*     background: #fff; */
/*     background: #000; */
/* 	background: rgba(40,40,40,.6); */
	background: transparent;
/*     overflow-x: scroll */
	overflow-x: auto;
    }
.overflowX{min-width: 100vw}

.scrollbarX::-webkit-scrollbar {
/*     background-color:#fff; */
    background-color:#1F1B1B;
/*     width:16px */
    width:7px;
    height:7px;	
}

/* background of the scrollbar except button or resizer */
.scrollbarX::-webkit-scrollbar-track {
/*     background-color:#fff */
    background-color:#1F1B1B;
}
.scrollbarX::-webkit-scrollbar-track:hover {
/*     background-color:#f4f4f4 */
    background-color:#1F1B1B;
    
    /*================Update Starts By Jay On 27DEC2019==========================*/
    
    border-radius:10px;
    border:5px solid #1F1B1B;
    
    /*================Update Ends By Jay On 27DEC2019==========================*/
}

/* scrollbar itself */
.scrollbarX::-webkit-scrollbar-thumb {
/*     background-color:#babac0; */
    background-color:#1F1B1B;
/*     border-radius:16px; */
       border-radius:10px;
/*     border:5px solid #fff */
       border:5px solid #555753;
}
.scrollbarX::-webkit-scrollbar-thumb:hover {
/*     background-color:#a0a0a5; */
    background-color:#1F1B1B;
/*     border:4px solid #f4f4f4 */
    border:4px solid #555753;
}

/* set button(top and bottom of the scrollbar) */
.scrollbarX::-webkit-scrollbar-button {display:none}

/*=======================scrollbar css ends====================================*/

/*========================Search box css starts=====================================*/

.search_class
{
    position: fixed; 
    top: 48px; 
    left: 400px; 
    width: 350px;
    max-height:500px; 
    z-index: 220;
    display: none;
    /*    overflow-x: auto;
        overflow-y: auto;*/
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    background: rgba(40,40,40,.65);
    color:white;  
}
div.search_class th,
div.search_class td{
    padding:0px;
    margin:0px;
    text-align:left;
    color:white;

}

.locationdatabtn{
	width: 100%;
	background: black;
}

/*========================Search box css ends=====================================*/

/*========================toppanel css starts=====================================*/

.toppanel
{

    position: absolute;
    z-index: 200;
    height:auto;
    text-align: center;
    bottom:18%;
    /* left:150px; */
/*     right:150px; */
    right:0;
    width:100%;
    margin: -100px 0 0 -150px;
    /* background: rgba(40,40,40,0); */
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.toppanel_timeseries_class
{

/*     position: absolute; */ /*Updated By Jay On 07JAN2020*/
    z-index: 210;
    height:235px;
    text-align: center;
/*     bottom:80px; */
/* 	top:80px;	Updated By Jay On 03JAN2020 */
    /* left:150px; */
/*     right:150px; */
    left:14px;	/*Updated By Jay On 03JAN2020*/
    width:600px;
    /* margin: -100px 0 0 -150px; */
    /* background: rgba(40,40,40,0); */
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.toppanelcontent
{

    position: relative;
    z-index: 2;
    height:auto;
    text-align: center;
    float:left;
    /* background: rgba(40,40,40,.85); */
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

/*========================toppanel css ends=====================================*/

/*========================iconpanel css starts=====================================*/

#icon_panel_content
{
    position: fixed;
    padding-top : 28px;
    height:68%;
    width:120px;
    bottom:19%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*    padding: 0;*/
    overflow-x:hidden;
    overflow-y:hidden;
}

#icon_panel_content:hover
{
    overflow-y:auto;
}

.iconpanel
{
    position: absolute;
    z-index: 200;
    height:auto;
    width:110px;
    text-align: center;
    bottom:10%;
    right:20px;
    margin: -100px 0 0 -150px;
    /* background: rgba(40,40,40,.85);*/
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.iconpanelcontent
{

    position: relative;
    z-index: 2;
    height: auto;
    width:110px;
    float: left;
    text-align: center;
    float:left;
    /*background: rgba(40,40,40,.85);*/
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


/*========================iconpanel css ends=====================================*/

/*========================sidemenu css starts====================================*/

.sidemenu {  
    /*border: 1px solid #333;*/
    /*  border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    */  
    position: absolute;
    z-index: 210;
    /* width: 286px; */
    width: 362px;
    left: 63px;
    /*  background: rgba(40,40,40,.85); */
    top: 50px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;

}

.titlemenu {  
    /*border: 1px solid #333;*/
    /*  border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    */  
    position: absolute;
    z-index: 211;
    /* width: 286px; */
/*     width: 460px; */
/* 	width: 280px; */
	width: 240px;	/*Updated By Jay On 03JAN2019*/
    left: 5px;
    /*  background: rgba(40,40,40,.85); */
/*     top: 5px; */
	top: 2px;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;

}

.title
{
    color:#00b0f0;
    font-size:16px;
    font-weight:bolder;
    font-style:italic;
    
    background-color: rgba(0,0,0,0.6);
    border-radius: 5px;
}

.on_off{
    background: rgba(40,40,40,.65);
}

whole_content
{
    background: rgba(40,40,40,.65);
}

.layer-display{
    color:white;
    font-size:15px;
    background-color:#4e4E5E;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*============================md start======================================*/


md-dialog.md-transition-in {
    opacity: 1;
    transition: all .00001s cubic-bezier(.25,.8,.25,1);
    -webkit-transform: translate(0,0) scale(1);
    transform: translate(0,0) scale(1);
}

md-checkbox {
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 0px; 
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    min-height:55px;
}


md-checkbox .md-container {
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 10px;
    height: 10px;
    left: 0;
    right: auto;
}

md-checkbox .md-label {
    box-sizing: border-box;
    position: absolute;
    top:30%;
    display: inline-block;
    /* vertical-align: middle; */
    white-space: normal;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    margin-left: 30px;
    margin-right: 0;
}

md-content.md-default-theme, md-content {
    color: rgba(0,0,255,0.85);
    /* background-color: rgb(128,128,128); */ 
    background: rgba(40,40,40,.6);
    background: transparent;

    /* background-color: rgb(211,211,211); */
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    /*background-color: rgb(63,81,181);*/
    /*background-color: rgb(119,136,153);*/

    /*color: rgba(255,255,255,0.87); */
    background-color:rgba(40,40,40,.6);
    height: 30px;
}

.md-toolbar-tools {
    /* background-color: rgb(119,136,153); */
    font-size: 20px;
    letter-spacing: .005em;
    box-sizing: border-box;
    font-weight: 400;
    display: -webkit-flex;
    disply: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 50px;
    /* max-height: 64px; */
    /* padding: 0 16px; */
    /* margin: 0; */
}




.toolbar {
    position: absolute;
    z-index: 30;
    left: 20px;
    top: 80px;
    /*min-width: 500px; */
    min-height:500px;

}

.md-toolbar-tools {
    /*background-color: rgb(119,136,153);   */
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

md-toolbar {

    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    position: relative;
    z-index: 2;
    font-size: 20px;
    min-height: 50px;
    width: 100%;

}

.md-button.md-layer
{
    /* background-color: #d54e21 */ /*#b9df63; aed9e5; d0d4ff; 00adff; */
    background-color: #00adff;
}



.layout-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    font: 100 13px/13px "Lucida Sans",Arial,Sans-Serif;
    color:white;
    min-width:0px;

}


.rotateimg90 {
    -webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    float:left;
    /* margin-left:200px;*/
    transform-origin:left top;
    white-space: nowrap;
    height:100px;
    /*left:20px;*/
    /* display:block;*/
    /*left:0px;*/
}


.layout-padding, .layout-padding-gt-sm, .layout-padding-gt-sm>*, .layout-padding-md, .layout-padding-md>*, .layout-padding>*, .layout-padding>.flex, .layout-padding>.flex-gt-sm, .layout-padding>.flex-md {
    padding: 2px;
}  

.md-button.md-fab {
    z-index: 20;
    line-height: 36px; 
    min-width: 0;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    transition: all .3s cubic-bezier(.55,0,.55,.2);
    transition-property: background-color,box-shadow,-webkit-transform;
    transition-property: background-color,box-shadow,transform;
}


.md-button.md-button-font-black {
    color: #9B9B9B;
}

.md-button.md-fab {
    /*background-color: rgb(0,64,129); */
    background-color: #00adff;
}

.md-button {
	min-width: 0;
	padding: 0;
    margin: 0;
}





.clickedicon {
    border: 2.5px solid red;
    border-radius: 60px;
}

.clicked_button {
    color: rgba(1,172,254,1);
    border: 2.5px solid red;
    border-radius: 10px;
}

.flex-20, .layout-row>.flex-20 {
    -webkit-flex: 1 1 20%;
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 30%;
    min-width: 20%;
    max-height: 100%;
    box-sizing: border-box;
}

.md-button.md-icon-button {
    margin: 0;
    height: 40px;
    min-width: 0;
    line-height: 24px;
    padding: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    width: 40px;
    border-radius: 50%;
}



.overlay_selection, md-checkbox {
    min-height: 30px;
}

/*=============================md-tabs-content-wrapper starts====================================*/

md-tabs.md-dynamic-height md-tabs-content-wrapper{
	max-height: 50vh;
	overflow: unset;
	overflow-x: hidden;
	overflow-y: auto;
/* 	background: rgba(40,40,40,.6); */
}

md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar {
    background-color:#1F1B1B;
    width:7px;
}

/* background of the scrollbar except button or resizer */
md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar-track {
    background-color:#1F1B1B;
    
    /*==========Update Starts By Jay On 27DEC2019==============*/
    
    border-radius:10px;
    border:5px solid #1F1B1B;
    
    /*==========Update Ends By Jay On 27DEC2019==============*/
}
md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar-track:hover {
/*     background-color:#f4f4f4 */
    background-color:#1F1B1B;
}

/* scrollbar itself */
md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar-thumb {
    background-color:#1F1B1B;
    border-radius:10px;
    border:5px solid #555753;
}
md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar-thumb:hover {
    background-color:#1F1B1B;
    border:4px solid #555753;
}

/* set button(top and bottom of the scrollbar) */
md-tabs.md-dynamic-height md-tabs-content-wrapper::-webkit-scrollbar-button {display:none}

md-tab-content.md-no-scroll{
	bottom: 0;
}
/*=============================md-tabs-content-wrapper ends====================================*/

/*============================md end======================================*/

/*===========================range table css starts=======================*/

.range_table_button, md-button {
    margin: 0px;
    min-width: 60px;
    line-height: 24px;
    min-height: 24px;
    font-size: 12px;
    /*background-color: #54524D; */
    background-color: #08AAFB;
/*     margin-right: 2px; */
/*     right: 40%; Updated And Added By Jay On 09JAN2020 */
    
}

#range_table_one,label{
    margin-top:0px;
    margin-bottom:0px;
    font-weight:lighter;
    font-size:12px;
}

/*===========================range table css ends=========================*/


/*===========================add layer css starts=========================*/

.satellite_listing
{
    position: fixed; 
    top: 48px; 
    left: 400px; 
    width: 450px;
    max-height:500px; 
    z-index: 220;
    display: block;
    /*    overflow-x: auto;
        overflow-y: auto;*/
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    background: rgba(40,40,40,.65);
    color:white;
}

.only_satellite_listing {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 400px;
}

md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]) {
    color: #fff !important;
}

md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active, md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-active md-icon, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused, md-tabs.md-default-theme.md-accent > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper > md-tab-item:not([disabled]).md-focused md-icon{
	color: #00B0F0 !important;
}

/*===========================add layer css ends=========================*/

/*========================sidemenu css ends====================================*/

/*========================dateslider css starts=====================================*/

.date_slider
{
    position:fixed;
/*     top:77%; */
/* 	top:70%; */
	bottom: 56px; /*Updated BY Jay On 09JAN2020*/
    left:20%;
    right:20%;
    z-index:220;
    display:none;
}

.rzslider .rz-bubble {	
	color: white;
}

.rzslider .rz-bubble.rz-limit {
	color: white;
}
/*========================dateslider css ends=====================================*/

/*========================bottom menu css starts==================================*/

.sidebar_btn_btm {
/*     position: absolute; */
/*     top: 30px; */
    /*bottom: 0vh;*/
    /* left: 5px; */
    z-index: 212;
    color: white;
    /* background-color: black; */
/*     background: rgba(40,40,40,1); */
/* 	background: #00adff; */
/*     padding-left: 6px; */
/*     padding-right: 6px; */
}

#bottom_menu_btn1{
	position: absolute;
	bottom:29px;
/* 	height:70px; */
/* line-height:70px; */
/*  	height: 115px; */
/* 	height: 102px;	Updated By Jay On 30DEC2019 */
	height: 132px;	/*Updated By Jay On 03JAN2019 129*/
/*  	line-height:100px; */
/* 	line-height:137px;	Updated By Jay on 27DEC2019 */
	width:100%;
/*     background: rgba(40,40,40,.6); */
	background: transparent;
	z-index: 212;
	display:none;
	
/* 	border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
    
    /*====================Update By Jay Starts On 27DEC2019=======================*/
    
    overflow-y: hidden;
    
    /*====================Update By Jay Ends On 27DEC2019=======================*/
    
    padding-top: 61px;	/*Updated and Added By Jay On 03JAN2019 32*/
}

#bottom_menu_btn2{
	position: absolute;
	bottom:29px;
/* 	height:70px; */
/* line-height:70px; */
/* 	height: 115px; */
/* 	height: 77px;	Updated By Jay On 30DEC2019 */
	height: 129px;	/*Updated By Jay On 03JAN2019*/
/* 	line-height:100px; */	/*Updated By Jay On 03JAN2019*/
	width:100%;
/*     background: rgba(40,40,40,.6); */
	background: transparent;
	z-index: 212;
	display:none;
	
/* 	border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
    
    padding-top: 32px;	/*Updated and Added By Jay On 03JAN2019*/
}

#bottom_menu_btn3 {
    position: absolute;
    bottom: 29px;
    /* height: 70px; */
    /* line-height: 70px; */
/*     height: 115px; */
/* 	height: 158px; */
/* 	height: 163px; */
/* 	height: 164px; */
	height: 145px;
/*     line-height: 100px; */
    width: 100%;
/*     background: rgba(40,40,40,.6); */
    background: transparent;
    z-index: 212;
    display: none;
    
/*     border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
}

#bottom_menu_btn4{
	position: absolute;
	bottom:29px;
/* 	height:70px; */
/* line-height:70px; */
/* 	height: 115px; */
/* 	height: 77px;	Updated By Jay On 30DEC2019 */
	height: 129px;	/*Updated By Jay On 01JAN2020*/
/* 	line-height:100px; */	/*Updated By Jay On 01JAN2020*/
	width:100%;
/*     background: rgba(40,40,40,.6); */
	background: transparent;
	z-index: 212;
	display:none;
	
/* 	border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
    
    padding-top:32px;	/*Updated and Added By Jay On 01JAN2020*/
}

#bottom_menu_btn5{
	position: absolute;
	bottom:29px;
/* 	height:70px; */
/* line-height:70px; */
/* 	height: 115px; */
/* 	height: 77px;	Updated By Jay On 30DEC2019 */
	height: 129px;	/*Updated By Jay On 01JAN2020*/
/* 	line-height:100px; */	/*Updated By Jay On 01JAN2020*/
	width:100%;
/*     background: rgba(40,40,40,.6); */
	background: transparent;
	z-index: 212;
	display:none;
	
/* 	border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
    
    padding-top:32px;	/*Updated and Added By Jay On 01JAN2020*/
}

#legend_table td{
	padding-bottom:10px;
}

#bottom_menu{
	position: absolute;
	bottom:0%;
	width:100%;
	z-index: 212;
}

#point-probe-bottom{
    position: absolute;
/*     bottom: 149px; */
/* 	bottom: 144px; */
/* 	bottom: 105px;	Updated By Jay On 30DEc2019	 */
	bottom: 157px;	/*Updated By Jay On 01JAN2019*/
    width: 100%;
    z-index: 213;
/*     background: rgba(40,40,40,.6); */
/*     border: 0.5px solid rgb(204, 204, 204); */
/*     border-radius: 12px; */
}

#point-probe-bottom1{
    position: absolute;
/*     bottom: 149px; */
/* 	bottom: 144px; */
	bottom: 105px;	/*Updated By Jay On 30DEc2019*/	
    width: 100%;
    z-index: 213;
/*     background: rgba(40,40,40,.6); */
    border: 0.5px solid rgb(204, 204, 204);
    border-radius: 12px;
}

.btm_table_td {
	text-align:center;
/* 	background: rgba(40,40,40,1); */
	background: #00adff;
/* 	background: rgba(0, 173, 255,0.6); */
	border: 2.5px solid grey;
    border-radius: 1px;
/*     width:50%; */
/*    width:33.33%; */
/*    width:25%; */
}


.layout-row_btm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    font: 100 13px/13px "Lucida Sans",Arial,Sans-Serif;
    color: white;
    max-width: 65px;
    position:relative;
/*     top: 47px; */
/*     left: 70px; */
/*     top: 36px; */
    left: 105px;
}


.range_select,md-select
{
/*     margin:2px 0 2px 5px;  */
	margin:2px 0 2px 1px;
    /*margin-left:5px;*/
}
.range_select,md-select
{
    /* margin:2px 0 2px 5px; */
    font-size:12px;
    /*margin-left:5px;*/
}

md-option {
    height:26px;   
}
md-option .md-text
{
    font-size:12px;  
}

.dropdown_select.md-content.md-default-theme, md-content {
    color: rgba(0, 0, 0, 0.87);
}

.dropdown_select.md-select-menu.md-default-theme md-content, md-select-menu md-content {
    background: rgb(250,255,255);
}

.custom_select {
/* 	height: 30px; */
    width: 100px;
    color: black;
    background-color: white;
    float: right;	
}

.form-control {
    display: block;
    width: 100%;
/*     height: 34px; */
	height: 24px;
/*     padding: 6px 12px; */
/* 	padding: 6px 0px; */
	padding: 0px 0px;
/*     font-size: 14px; */
	font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-legend {
    display: block;
/*     width: 100%; */
/*     height: 34px; */
	height: 24px;
/*     padding: 6px 12px; */
/* 	padding: 6px 0px; */
	padding: 0px 0px;
/*     font-size: 14px; */
	font-size: 12px;
    line-height: 1.42857143;
/*     color: #555; */
	color: white;
/*     background-color: #fff; */
	background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-legend1 {
/*     display: block; */
/*     width: 100%; */
/*     height: 34px; */
	height: 24px;
/*     padding: 6px 12px; */
/* 	padding: 6px 0px; */
	padding: 0px 0px;
/*     font-size: 14px; */
	font-size: 12px;
    line-height: 1.42857143;
/*     color: #555; */
	color: white;
/*     background-color: #fff; */
	background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-legend, option{
	color: black;
}

.form-control-legend, selected{
	color: white;
}

.side_table_elevation_td{
	width: 100%;
}

.side_table_band_time_td{
	width: 50%;
}

.layer_border_div{
	border: 0.5px solid #ccc;
    border-radius: 12px;
    margin-top: 1px;
    margin-bottom: 1px;
}

/* #layer_manager_label{ */
/* 	position: relative; */
/*     bottom: 4px; */
/*     font-size: 15px; */
/*     font-weight: bold; */
/*     color: #00b0f0; */
/* } */

#layer_manager_label{
/* 	position: relative; */
	position: absolute; 
/*     bottom: 4px; */
    font-size: 15px;
    font-weight: bold;
/*     color: white; */
	color: #00b0f0;
    background-color: black;
/*     padding-top: 6px; */
/*     padding-bottom: 9px; */
/*     right: 44px; */
/*     width: 200px; */
/*     text-align: center; */
/*     border-radius: 22px; */
	border-radius: 8px;
	top: 14px;
    left: 50px;
    width: 105px;
}

#layer_manager_label{
	/*position: relative; */
    position: absolute;
    /* bottom: 4px; */
    font-size: 15px;
    font-weight: bold;
    /* color: white; */
    color: white;
/*     background-color: rgba(0, 176, 240, 0.6); */
/* background-color: rgba(0, 0, 0, 0.6); */
	background-color: black;
    opacity: 0.7;
/*     padding-top: 6px; */
/*     padding-bottom: 9px; */
    /* right: 44px; */
    width: 210px;
/*     text-align: center; */
    /* border-radius: 22px; */
/*     border-radius: 17px; */
/*     top: 5px; */
	top: 6px;	/*Updated By Jay On 06JAn2020*/
/*     left: 5px; */
    left: 50px;	/*Updated By Jay On 06JAn2020*/
/*     width: 105px; */
/*     width: 200px; */
/*     width: 252px;	Updated By Jay On 06JAn2020	 */
/*     width: fit-content; */
    width: max-content;
    max-width: 77vw;
    max-height: 145px;	/*Updated and AddedBy Jay On 06JAn2020*/
    border-radius: unset;
}

tooltip{
	background-color: rgba(0, 176, 240, 0.6);
	background: rgba(0, 176, 240, 0.6);
}

.md-dialog-container{
/* 	z-index:213; */
	z-index:213;
}

md-dialog {
/* 	display: contents; */
/* 	display: -webkit-flex; */
/*     display: -ms-flexbox; */
/*     display: flex; */
/*     -webkit-justify-content: center; */
/*     -ms-flex-pack: center; */
/*     justify-content: center; */
/*     -webkit-align-items: center; */
/*     -ms-flex-align: center; */
/*     align-items: center; */
/*     position: absolute; */
/*     top: 0; */
/*     left: 0; */
    /*width: 100%;*/
    /*height: 100%;*/
/*     z-index: 213; */
/*     overflow: hidden; */
/*     vertical-align:center; */
/* 	min-height: 400px; */
	min-height: 303px;
	min-width: 289px;
	z-index: 213;
}

.dialogdemoBasicUsage #popupContainer {
  position: relative; }

.dialogdemoBasicUsage .footer {
  width: 100%;
  text-align: center;
  margin-left: 20px; }

.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
  font-size: 0.8em;
  margin-top: 50px; }

.dialogdemoBasicUsage button {
  width: 200px; }

.dialogdemoBasicUsage div#status {
  color: #c60008; }

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
  margin-bottom: 0; }
  
  
.svg_black svg{
	color: black;
}
/*========================bottom menu css ends==================================*/



/*========================dygraph css starts====================================*/

.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: #08AAFB;
}

.dygraph-legend {
	background-color: rgba(200, 200, 255, 0.75) !important;
	padding: 4px;
	border: 1px solid #000;
	border-radius: 10px;
	box-shadow: 4px 4px 4px #888;
	pointer-events: none;
	/* width: 150px; Change at 22JUL2019 */
	width:250px;
	font-size: 11px; /*Change at 22JUL2019 */
}

.dygraph-axis-label {
/* position: absolute; */
color: white;
}

/*=============Update By Jay Starts On 08JAN2019=====================*/

.dygraph-title{
	position: relative;
/*     bottom: 50px; */
    bottom: 18px;
}

.toast_message {
/* 	position: absolute; */
/* 	right: 50%; */
	width: 100%;
    /* background-color: black; */
    color: white;
    position: fixed;
/*     font-size: 30px; */
	font-size: 1.2em;
/*     right: -400px; */
/*     top: 74%; */
/* 	top: 66%; */
/* 	bottom: 100px; Updated By Jay On 09JAN2020 */
	bottom: 118px; /*Updated By Jay On 17JAN2020*/
    z-index: 500;
    display: block;
    padding: 2px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 1s;
    /* transition: opacity 1s; */
    transition: 1s;
    opacity: 0.8;
}
/*=============Update By Jay Ends On 08JAN2019=====================*/

/*========================dygraph css starts====================================*/

.site_info_class {
/*     position: fixed; */
/*     top: 48px; */
/*     left: 400px; */
/*     width: 500px; */
/*     max-height: 500px; */
/*     z-index: 500; */
/*     display: block; */
/*     -webkit-box-sizing: border-box; */
/*     -o-box-sizing: border-box; */
/*     -moz-box-sizing: border-box; */
/*     box-sizing: border-box; */
/*     padding: 15px; */

/*     background: rgba(40,40,40,.65); */
/*     color: white; */
    
    background: rgba(0,0,0,.8);
    color: white;
    border: 1px solid grey;
    border-radius: 20px;
    opacity: 0.8;
}

.cyclone_info_class {
/*     position: fixed; */
/*     top: 48px; */
/*     left: 400px; */
/*     width: 500px; */
/*     max-height: 500px; */
/*     z-index: 500; */
/*     display: block; */
/*     -webkit-box-sizing: border-box; */
/*     -o-box-sizing: border-box; */
/*     -moz-box-sizing: border-box; */
/*     box-sizing: border-box; */
/*     padding: 15px; */

/*     background: rgba(40,40,40,.65); */
/*     color: white; */
    
    background: rgba(0,0,0,.8);
    color: white;
    border: 1px solid grey;
    border-radius: 20px;
    opacity: 0.8;
}

.search_table_class{
	background: rgba(0,0,0,.8);
    color: white;
    border: 1px solid grey;
    border-radius: 20px;
    opacity: 0.8;
    
    min-height: 111px;
}

.satellite_list_class{
	background: rgba(0,0,0,.8);
    color: white;
    border: 1px solid grey;
    border-radius: 20px;
    opacity: 0.8;
    
    min-width: 322px;
    min-height: 0px;
}

.time_tephi_vprofile_class{
	background: rgba(0,0,0,.8);
    color: white;
    border: 1px solid grey;
    border-radius: 20px;
    opacity: 0.8;
    
    min-width: 322px;
    min-height: 0px;
}


#rssfeed_close {
    cursor: pointer;
    width: 2%;
    position: absolute;
    right: 6%;
    color: gainsboro;
/*     font-size: 30px; */
    font-size: 20px;
}

/*========================site-info css starts==================================*/




/*========================site-info css ends==================================*/
