@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
body {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
    background: #EEEEEE !important;
	
}
body a {
    /*transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;*/
    text-decoration: none;
    outline: none;
    color: #13b392;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
   font-family: 'Source Sans Pro', sans-serif;
}
th {
    background: #223953;
    padding: 4px 8px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.6px;
    font-weight: 400;

    }


.sui-treeview-item-text label {
    color: #ffffff !important;
    font-weight: normal !important;
}
table#GridView2 td span {
            color: #000000;
        }
table#GridView3 td span {
            color: #000000;
            padding: 0 15px;
        }
table#GridView3 td {

    padding: 4px 16px;
    text-align: left;
   

}
.forecast_issue_dt {
    background: #223953;
padding: 4px 19px;
color: #ffffff;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.6px;
font-weight: 400;
}
.forecast_issue_dt label{
    color:#ffffff;
    font-size: 13px;
font-weight: normal;
}
#Div5 table.logn_frm tr td.lefttt span#lblCapcha{

    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #34495e;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border: 1px solid #000;

}
.map_legends {
    background-image: url('../img/Water_Level.png');
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
.map_legends {
    margin-top: 5px;
}
.map_legends .table-responsive {
    margin-top:7px;
    background: #ffffff;
    padding: 2px 13px;
}
.map_legends .table-responsive table.table {
    margin-bottom:0px;
}
.map_legends table.table tbody tr td {
    font-size: 17px;
    border:none;
    padding: 0px;
    line-height: 14px;
    vertical-align: middle;
    text-align: left !important;
}
.reslt_dt_hdr {
    background: #223953;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    padding: 7px 11px;
}
span.dialog-ttl {
    margin: .1em 0;
    white-space: nowrap;
    font-size: 16px;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-right li:nth-child(1) img {
      width:20px;
}

/*p {
    margin: 0;
    color: #262626;
    font-size: 15px;
    line-height: 1.8;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: justify;
}*/
  p.mn_p1_head {
        margin: 0 0 0;
    }
    p.mn_p1_head {
color: #FFFFFF;
font-size: 20px; 
margin: 0;
float:left; 
padding-left: 84px;
background: url(../img/logo.png) no-repeat left 12px;
}

    .sui-treeview-item-text label {

    color: #ffffff !important;
    font-weight: normal !important;

}

ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style-type: none;
}

body a:hover {
    text-decoration: none;
}

body a:focus {
    outline: none;
    text-decoration: none;
}
table#GridView1 td,th{
    text-transform:none !important;
}

.rtdas_tab {
    padding: 0px;
}
.rfrsh_btn {
    margin:0px 5px;
}
.sign-out {
  color: #ffffff;
float: left;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 8px 10px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.sign-out:focus,
.sign-out:hover,
.sign-out:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

.sign-out > span {
  margin: 0.1em;
}

.infoo_btnn {
  color: #ffffff;
float: right;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
padding: 5px 16px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
}

.infoo_btnn:focus,
.infoo_btnn:hover,
.infoo_btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

.cal_btn {
    text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
color:#ffffff;
font-size: 17px;
padding:4px 10px;
border: none;
margin-left: 16px;
border-radius: 3px;
border-radius: 6px;
letter-spacing: 1px;
}
.cal_btn:focus,
.cal_btn:hover,
.cal_btn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

li.menu_bg {
 background: #2cc5a5;
width: 50px;
height: 50px;
border-radius: 50px;
text-align: center;
transition: all 0.2s;
}
li.menu_bg:hover {
 background: #F8A014;
 transition: all 0.2s;
}

.space-top
{    margin: 0px 0 13px 0;
}
.no-spacing{
padding:0;
background: #ffffff;
}
.no-spacng{
padding:0;
}
.spacng-top{
margin-top:13px;
}
.space-top h3 {
    font-weight: 400;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    color: #13b392;
}

hr {
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #eaeaea;
}
p.source a{
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}
.footer{
text-align:center;
padding: 14px 0;
background: #223953;
color: #fff;
font-size: 14px;
}
.footerr{

background: #223953;
}
.foot-right {
    float: right;
}
.foot-left p {
color: #fff;
font-size: 14px;
}
.foot-right p {
color: #fff;
font-size: 14px;
}
.n
.no-spacng {
    padding: 0;
}
tr {
    background: none;
    color: #5b5858;
}

ul#treeview li span {
    color:#000  ;
}
.sui-treeview-list, ul.sui-treeview-list {
    padding-left: 0  ;
}
.treeview-icon {
        width: 16px;
        height: 16px;
    }
ul.sub-acc li a {
    color:#ffffff !important;
}
.marq { 
 width: 100%;
height: 40px;
border: none;
padding: 11px 0px;
border-bottom: 1px solid #bfbfbf;
}
.rainfall_stat {
    margin-bottom: 0;
/*background: #fff;*/
}
.table-responsive {
margin-left: 0px;
margin-top: 15px;
}


.selection {
    margin-left: 0;
    font-size: 17px;
background: #f5f5f5;

padding: 26px 14px;

margin-top: 60px;
}

.srch-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #1e7dd8;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
padding: 7px 19px;
border: 1px solid #1E7DD8;
border-radius: 3px;
}

.srch-btnn:focus,
.srch-btnn:hover,
.srch-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #46B5DB;
  text-decoration: none;
}

.srch-btnn > span {
  margin: 0.1em;
}
select#ddlType {
    padding:6px 10px;
    margin-left: 15px;
    font-size: 15px;
    width: 250px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/drop-down.png") no-repeat right 20px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
}

table.regi_frm input.txtDate1 {
    width: 100%;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 20px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 8px;
}
input.textboxx_rtdas{
    margin-left: 15px;
    width: 225px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 10px center;
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px;
    font-size: 15px;
    
    
}
input.textboxx{
    margin-left: 15px;
    width: 241px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 10px center;
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
}
input.box_mdl_inpt {
    width: 241px;
}
input.txt_clndrr{
    margin-left: 0px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 10px center;
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #bbb;
border-radius: 4px;
font-size: 15px;
height: 30px;
width: 190px;
padding:0px 6px;
}
.smss_tabb_regi {
    height: 184px;
overflow-y: auto;
}
.rainfall_stat img {
    width: 100%;
    height: auto;
}
.footer a {
    color: #fff;
}
.footer a:hover,.footer a:focus {
    color: #fff;
}
.sui-treeview-item-text a {
    color: #65f6d8 !important;
}
.sui-treeview-item-text a:hover,.sui-treeview-item-text a:focus {
    color: #7e8284;
}
.ddli-report {

    border: 1px solid #bbb;
    border-radius: 5px;
    margin-bottom: 12px;
    padding: 0 0 0 3px;
    height: 35px;
    width: 87%;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 201px;
    background-size: 10px;
    background-repeat: no-repeat;

}
.closee-btnn {

    color: #ffffff;
    float: right;
    text-decoration: none;
    transition: all 0.4s;
    background: #1e7dd8;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 7px 10px;
    border: 1px solid #1E7DD8;
    border-radius: 3px;
    margin-top: -21px;
    margin-right: 10px;

}
#divHeader {
    background: #223953;
    border-bottom: none;
}

span.rapti_head1 {
display:block;
color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0px;
font-size: 23px;
}

span.rapti_head2 {
font-size: 18px; 
color:#fff; 
display:block;
margin-top: -9px;
padding-bottom: 7px;
}

#gvEmployee {
    width: 100%;
font-size: 15px;
background: #fff;
}
.boxes {
    background: #fff;
padding: 15px 19px;
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.9px;
margin-bottom: 13px;
}
.boxes_1 {
    background: #fff;
padding: 4px 10px;
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.9px;
margin-bottom: 13px;
text-align: left;
}
tr > td > a {
    color: #13b392;
    text-transform: uppercase;
    font-weight: 600;
    cursor:pointer;
}

/*login css*/
#Div5 {
    width: 340px;
}
.lgnnn {
    margin-left: 98px;
}
.lefttty {
    margin-top: 15px;
}
table.logn_frm {
    background: none;
    width:100%;
    margin-top: 22px;
}
#Div5 table.logn_frm tr td.lefttty{
    border: none !important;
    padding: 10px 6px;
color: #272727;
font-size: 15px;
}
#Div5 table.logn_frm tr td.lefttt{
    border: none;
    padding: 10px 6px;
width: 10%;
color: #272727;
font-size: 15px;
}
#Div5 table.logn_frm tr td.righttt{
    border: none;
    padding: 0 6px;
width: 47%;
color: #272727;
font-size: 15px;
}
.logn_head {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #34495e;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.logn_head_login {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #34495e;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.logn_headdd {
    text-align: center;
    margin-bottom: 10px;
    color: #34495e;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
}

table.logn_frm input[type="text"], table.logn_frm input[type="password"], table.logn_frm button {
    width: 85%;
    margin-bottom: 0px;
    height: 35px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.logn_frm input[type="text"], table.logn_frm input[type="password"] {
    border: 1px solid #bbb;
    padding: 0 0 0 10px;
    font-size: 17px;
}
#Div5 table.logn_frm tr td.usr_nm  {
    float: left;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #5b5858;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 16px;
    font-size: 15px;
}
#maptoolsn #Div3 {
	display: flex;
	justify-content: start;
	width: 272px !important;
}
.modelhide {
    display: none;
}
i.lgn-icn {
    font-size:18px;

}
.lgn_btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
padding: 7px 16px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
}

.lgn_btnn:focus,
.lgn_btnn:hover,
.lgn_btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}


.lgn_btnn2 {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
padding: 7px 16px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
margin-left: 12px;
}

.lgn_btnn2:focus,
.lgn_btnn2:hover,
.lgn_btnn2:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}
/*.lock {
    background: url(../img/drop-down.png) no-repeat;
    background-size: 14px;
}*/

/*//login css*/

/*model output accordion*/
ul.new_accrdn {
    margin-bottom: 0px;
}
.new_accrdn_bg {
    color: #ffffff;
background: #13B392;
outline: 0;
font-size: 14px;
line-height: normal;
cursor: default;
padding-left: 0;
text-align: left;
z-index: 9999;
}
ul.new_accrdn li span {
    padding: 7px 15px;
    color: #fff !important;
    font-size: 16px;
display: inline-block;
vertical-align: middle;
}
ul.new_accrdn1 li label{
    color: #ffffff !important;
    font-weight: normal !important;
}
ul.new_accrdn li ul.new_accrdn1 li{
    padding: 4px 27px;
    color: #fff !important;
    font-size: 16px;
    background: #223953;
border-bottom: 1px solid #13b392;
}
ul.new_accrdn li ul.new_accrdn1 li span{
    padding-left: 7px;
}
i.caret-icon {
    display: inline-block;
    font-size:14px;
    margin-right: 7px;
    zoom: 1;
    width: 0;
    height: 0;
    line-height: 0;
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-top: .4em solid;
    position: relative;
    top: -2px;
}
/*//model output accordion*/

/*common table css*/
table.table_wdth {
    width: 100%;
    border: none;
}
/*table.table_wdth tr td{
    border: none;
}*/

.cross_btn {
    -webkit-appearance: none;
    padding: 0;
     float: right;
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: -30px;
}
.cross_btn_new {
    -webkit-appearance: none;
    padding: 0;
    float: right;
    cursor: pointer;
    background: 0 0;
    border: 0;
	margin-top: 4px;
}
.cross_btnnn {
   margin-bottom: 7px;
    -webkit-appearance: none;
    padding: 0;
     float: right;
    cursor: pointer;
    background: 0 0;
    border: 0;
	margin-top: -19px;

}
.cross_btnnn_white {
   margin-bottom: 7px;
    -webkit-appearance: none;
    padding: 0;
     float: right;
    cursor: pointer;
    background: 0 0;
    border: 0;

}

table#GridView1 > tr > th {
    border: 2px dashed #fff !important;

}

table.table_rtdas {
    width: 100%;
    border: none;
}
td.bordr_yes{
    border: 1px solid #1e7dd8;
}
.abbr {
    margin-left: 16px;
    margin-top: 0px;
}
.abbr span {
    font-size:15px;
    font-weight: 600;
}
.boxx {
    width: 100%;
    /*padding: 1% 8%;*/
    background: #fff;
    box-sizing: border-box;
    margin-top: 6px;
}
ul.colrng li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-transform:capitalize;
}

ul.colrng {
  margin:0 15px 0 92px;
}

ul.colrng li {
  margin-left: 0;
  margin-bottom: 24px;
  font-size: 14px;
}

ul.colrng li.white:before {
  content: '\f096';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #000000;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #00FF01;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.dark-green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #008001;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.yellow:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #FEA500;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.orange:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #FF3300;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.red:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #CC0001;
  font-size: 23px;
  margin-top: -2px;
}
ul.colrng li.red {
    margin-left: 0;
    margin-bottom: 0px;
}
table#GridView1 tr td {
    padding: 4px 7px;
    border: none;
}
/*table.tab1 tr td {
    border: none;
}*/

table.tab1 > table#GridView6 > tr > td {
    border-bottom: 1px solid #000;
}
table#gvEmployee td {
    padding: 6px 6px;
}
.exp_grd_data table#gvEmployee td {
    padding: 6px 8px;
}
table#GridView5 td,th{
    padding: 4px 7px;
text-align: left;
border: 1px solid #d5d5d5;
}
table#GridView2 td {
    padding: 4px 16px;
    text-align: left;
    width: 497px;
   
}
table#GridView6 td,th{
   padding: 3.1px 8px;
}
.boxx_gfs {
    width: 100%;
    padding:0px 0px;
    margin-top: 0px;
    /*background: #f2f2f2;
    border: 1px solid #d5d5d5;*/
    box-sizing: border-box;
}
.boxx_new {
    width: 100%;
    padding: 0px;
    /*margin-top: 14px;
    background: #f2f2f2;
    border: 1px solid #d5d5d5;*/
    box-sizing: border-box;
}
ul.colrngg {
    margin: 0 13px 0 50px;
}
ul.colrngg li {
    margin-left: 0;
    margin-bottom: 12px;
    font-size: 15px;
    color:#000;
    text-transform: capitalize;
}
ul.colrngg li.white:before {
  content: '\f096';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #000000;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #00FF01;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.dark-green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #008001;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.yellow:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #FEA500;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.orange:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #FF3300;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.red:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -37px;
  color: #CC0001;
  font-size: 23px;
  margin-top: -6px;
}
ul.colrngg li.red {
    margin-left: 0;
    margin-bottom: 0px;
}

      [class^="tooltip"] {
  position: relative;
}
[class^="tooltip"]:after {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: attr(data-tooltip);
  padding: 6px 10px;
  top: 1.4em;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  background: grey;
  color: white;
  white-space: nowrap;
  z-index: 2;
  border-radius: 2px;
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
[class^="tooltip"]:hover:after {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

.tooltip--triangle:before {
  content: '';
  width: 0;
  height: 0;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 5px grey;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  top: 1.1em;
  left: 50%;
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  z-index: 3;
}
.tooltip--triangle:hover:before {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
/*search village details*/
.vill-btn {
    float: right !important;

margin-right: 40%;
}
#search {
    margin-top: 0px;
}
.village_det {
    padding:6px 3px;
    width:100%;
    font-size: 15px;
    border-radius: 5px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/drop-down.png") no-repeat right 12px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
}
.exprt_grid {
    padding: 6px 3px;
    width: 155px;
    font-size: 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 
#fff url("../img/drop-down.png") no-repeat right 12px center;
    background-size: auto;
background-size: 10px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid
    #ddd;
}
/*------------------heading for input----------------*/
.acc_head {
    margin-top:4px;
    width:100%;
    /*width: 310px;*/
    /*border: 1px solid green;
    border-top: 0;*/
}

.acc_head span.acc-hdngg {
    overflow: hidden;
  text-align: center;
color: #262626;
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 600;
}
span.acc-hdngg:after {
  background-color: #b1b1b1;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 58%;
}
/*span.acc-hdngg:before {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

span.acc-hdngg:before {
  right: 0.5em;
  margin-left: -50%;
}*/

span.acc-hdngg:after {
  left: 0.5em;
  margin-right: -50%;
}

/*------------------heading for output----------------*/
.acc_head2 {
    margin-top:10px;
    width: 100%;
}
.acc_head2 span.acc-hdngg2 {
    overflow: hidden;
  text-align: center;
color: #262626;
font-size: 18px;
font-family: 'Source Sans Pro', sans-serif;
text-transform: uppercase;
letter-spacing: 0.4px;
font-weight: 600;
}
span.acc-hdngg2:after {
  background-color: #b1b1b1;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 52.5%;
}
span.acc-hdngg2:after {
  left: 0.5em;
  margin-right: -50%;
}

/*registration popup css*/

table.reprt_frm {
    width:100%;
}
table.regi_frm {
    width:100%;
}
table.regi_frm tr td.leftt{
    border: none !important;
    padding: 0 6px;
    width: 26%;
    color: #272727;
    font-size: 15px;
}
table.regi_frm tr td.rightt{
    border: none !important;
    padding: 0 6px;
    width: 47%;
}
table.regi_frm tr td.empty{
    border: none !important;
}

.logn_headdd {
    text-align: center;
    margin-bottom: 10px;
    color: #34495e;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.7px;
}
table.reprt_frm tr td.leftt{
    border: none !important;
    padding: 0 6px;
    width: 32%;
    color: #272727;
    font-size: 15px;
}
table.reprt_frm tr td.rightt{
    border: none !important;
    padding: 0 6px;
    width: 70%;
}
table.regi_frm input[type="text"], table.regi_frm input[type="password"], table.regi_frm button {
    width: 62%;
    margin-bottom: 12px;
    height: 35px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.regi_frm input[type="text"], table.regi_frm input[type="password"] {
    border: 1px solid #bbb;
    padding: 0 0 0 3px;
    font-size: 14px;
    color: #5b5858;
}
.ddli
        {
            border: 1px solid #bbb;
            border-radius:5px;
            margin-bottom: 12px;
           padding: 0 0 0 3px;
           height: 35px;
            width: 100%;
           font-size: 14px;
            -webkit-appearance: none; 
            /*background-image:url('../img/drop-down.png');*/
            background-position:144px;
            background-size: 10px;
            background-repeat:no-repeat;
        }

table.reprt_frm input[type="text"]{
    width: 85%;
    margin-bottom: 12px;
    height: 35px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.reprt_frm input[type="text"], table.reprt_frm input[type="password"] {
    border: 1px solid #bbb;
    padding: 0 0 0 3px;
    font-size: 14px;
    color: #5b5858;
}


table.regi_frm tr td.usr_nm  {
    float: left;
    text-align: left;
    font-family: 'Source Sans Pro', sans-serif;
    color: #5b5858;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 10px;
    font-size: 15px;
}
i.lgn-icn {
    font-size:18px;

}
/*.lgn_btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
padding: 7px 16px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
margin: 14px 0;
}

.lgn_btnn:focus,
.lgn_btnn:hover,
.lgn_btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}*/
/*//registration css*/

.clr-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 20px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.clr-btnn:focus,
.clr-btnn:hover,
.clr-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}



.srch-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 20px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
width: 48%;
}

.srch-btnn:focus,
.srch-btnn:hover,
.srch-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}
.ztv-btnng {
    text-align: right;
padding: 0 7px 0 0;
}
.clr-btnn > span {
  margin: 0.1em;
}

.dss-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 5px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.dss-btnn:focus,
.dss-btnn:hover,
.dss-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

.sms-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 8px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.sms-btnn:focus,
.sms-btnn:hover,
.sms-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

.rpts-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 14px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.rpts-btnn:focus,
.rpts-btnn:hover,
.rpts-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}

.btn-iconn{
    content: '';
    display: block;
   border: 2px solid #f8a014;
    border-radius:5px;
    height: 33px;  /*height of icon */
    width: 33px;  /*width of icon */
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    background-size: 24px;
    background-image: url('../img/plus.png');
    background-repeat: no-repeat;
  background-position: center; 
  cursor:pointer;
}

/*----------------------------------*/
#Iframe2 {
 width: 100%;
height: 100%;
}
/*----------------------------------*/
/*-------------Flood_model_run------------------*/
table.flood_mdl_rn {
    width: 100%;
}
table.flood_mdl_rn tr td.leftt {
    border: none !important;
    padding: 0 6px;
    width: 20%;
    color: 
    #272727;
    font-size: 15px;
}
table.flood_mdl_rn tr td.rightt {
    border: none !important;
    padding: 0 6px;
    width: 30%;
}
.fld_mdl_rn_drpdn {
    padding: 0px 6px;
    width: 100%;
    height: 30px;
    font-size: 15px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 
#fff url("../img/drop-down.png") no-repeat right 12px center;
    background-size: auto;
background-size: 10px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid
    #ddd;
}
table.flood_mdl_rn input[type="text"], table.flood_mdl_rn input[type="password"] {
    border: 1px solid 
#bbb;
padding: 0 0 0 3px;
font-size: 14px;
color:
    #5b5858;
}
table.flood_mdl_rn input[type="text"] {
    width: 100%;
    margin-bottom: 12px;
    height: 35px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}
.cont_cust {
    width: 100%;
    background: #ffffff;
    box-shadow: 0 5px 5px -5px
#6e6e6e;
padding: 4px 10px;
margin-bottom: 10px;
    
}
    .cont_cust label {
        font-size:14px;
        line-height: 30px;
        color:#272727;
        font-weight:400;
    }
    .cont_cust .form-group {
    margin-bottom: 3px;
}
    .cont_cust span {
    font-size: 14px;
    line-height: 30px;
    color: 
    #272727;
    font-weight: 400;
}
    input.fld_textboxx{
    padding: 6px 4px;
    width: 100%;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 10px center;
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
}
    .fld_mdl_tab th {
    background: #223953;
    padding: 4px 8px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.3px;
    font-weight: 400;
}
.fld_mdl_tab tr td {
    padding: 0px 3px;
    vertical-align: text-top;
}
.fld_breach_select {
border: 1px solid #bbb;
border-radius: 5px;
padding: 0 0 0 3px;
height: 30px;
width: 93px;
font-size: 14px;
-webkit-appearance: none;
background-image: url('../img/drop-down.png');
background-position: 70px;
background-size: 10px;
background-repeat: no-repeat;
}

table.fld_mdl_tab input[type="text"] {
    height: 30px;
    width: 93px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.fld_mdl_tab input[type="text"] {
    border: 1px solid #bbb;
    padding: 0 0 0 10px;
    font-size: 14px;
}
#lblStationName {
    height: 30px;
    width: 93px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

#lblStationName {
    border: 1px solid #bbb;
    padding: 4px 7px 5px 9px;
    background:#ffffff;
    font-size: 14px;
}
table.flood_mdl_rn td {
    border:none;
}
.fld-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 3px 15px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.fld-btnn:focus,
.fld-btnn:hover,
.fld-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}
/*-------------//Flood_model_run------------------*/

/*-------------DSS------------------*/
.dssddl
        {
            border: 1px solid #bbb;
            border-radius:5px;
            margin-bottom: 12px;
           padding: 0 0 0 3px;
           color: #5b5858;
           height:35px;
            width: 62%;
           font-size: 14px;
            -webkit-appearance: none; 
            background-image:url('../img/drop-down.png');
            background-position:131px;
            background-size: 10px;
            background-repeat:no-repeat;
        }

input.cal-dat {
    padding:7px 10px;
    margin-left: 15px;
    width: 250px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 20px center;
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
}

/*-------------//DSS------------------*/
.manual {
    width:auto;
    margin-top: 17px;
}
.left {
    /*float:left;*/
    text-align: center;
    border: 1px solid #cdcece;
padding: 7px 8px;
margin:0 93px;
}
.right {
    float:right;
    border: 1px solid #cdcece;
padding: 7px 8px;
}


/*breach table*/
.breach_tab th {
    background: #223953;
    padding: 4px 8px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.3px;
    font-weight: 400;
}
.breach_tab tr td {
    padding: 3px 4px;
}
.breach_select {
border: 1px solid #bbb;
border-radius: 5px;
padding: 0 0 0 3px;
height: 30px;
width: 93px;
font-size: 14px;
-webkit-appearance: none;
background-image: url('../img/drop-down.png');
background-position: 70px;
background-size: 10px;
background-repeat: no-repeat;
}

table.breach_tab input[type="text"] {
    height: 30px;
    width: 93px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.breach_tab input[type="text"] {
    border: 1px solid #bbb;
    padding: 0 0 0 10px;
    font-size: 14px;
}
.add_row {
  color: #ffffff;
float: left;
text-decoration: none;
transition: all 0.4s;
background: #13b392;
text-align: center;
text-transform: uppercase;
font-size: 13px;
padding: 7px 11px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor:pointer;
}

.add_row:focus,
.add_row:hover,
.add_row:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #0a987b;
  text-decoration: none;
}
hr.partition {
    margin-left: auto;
margin-right: auto;
height: 1px;
margin-bottom: 22px;
background-color: #eaeaea;

}
/*breach table*/
/*---------------chart------------------*/
.chrt_btnn {
    /*position:absolute;
    right: 37px;
    z-index: 9;
    padding:0px 29px 37px 21px;*/
     background:#fff;
    position: fixed;
    right: 540px;
    z-index: 9;
    padding: 4px 3px 4px 3px;
    top: 251px;
}
#btnClose img.chrt_popup {
    z-index: 9;
    background:none;
    border-radius: 100%;
}
#btnClose img {
    /*position:fixed;*/
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}

/*-------------//chart------------------*/
.advfont {
    text-align: center;
    font-size:18px;
}
.advis-box {
    text-align: center;
    font-size:18px;
    margin-top: 0px;
    /*height: 245px;
overflow-y: scroll;*/
}
.smss_tabb th {
    background: #223953;
    padding: 4px 8px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.3px;
    font-weight: 400;
}
.smss_tabb tr td {
    /*padding: 6px 4px !important;*/
}
table.sms_tabbb input[type="text"] {
    height: 30px;
    width: 156px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.sms_tabbb input[type="text"] {
    border: 1px solid #bbb;
    padding: 0 0 0 10px;
    font-size: 14px;
}

ul.abt {
    margin-left: 14px;
}
ul.abt li {
    margin: 0;
color: #262626;
font-size: 15px;
line-height: 1.8;
list-style-type:decimal;
font-family: 'Source Sans Pro', sans-serif;
text-align: justify;
}
span.village {
    margin-right: 15px;
}

/*----------*/
#Registration-dialog {
    height: 420px !important;
}
#Dss-dialog {
    height: 260px !important;
}
#Reports-dialog {
    height: 355px !important;
}
#Archive_Reports-dialog {
    height: 352px !important;
}
#download-dialog {
    height: 115px !important;
}
#searchdialog {
    height: 220px !important;
    overflow: hidden;
}
#advis-dialog {
    height: 394px  !important;
}
#Export-dialog {
    height: 270px  !important;
    overflow: hidden;
}
#ifzoomtolayer {
    /*width: 100%;
    height: 100%;*/
}
.sms_tab {
    overflow-y: auto;
    height:230px;
}
.snd_av_tab {
    overflow-y: auto;
    height:230px;
    width: 716px;
}
.flf_mdl_tab {
    overflow-y: auto;
    height:143px;
    background: #fff;
border: 1px solid;
margin-bottom: 10px;
}
.exp_grd_data {
    overflow-y: auto;
    height:150px;
}
.snd_advsry {
    overflow-y: scroll;
    height:218px;
}

.dist{
    margin: 9px 0; 
}
.vill-left {
border: none !important;
padding: 0 6px;
width: 58px;
color: #272727;
font-size: 15px;
float: left;
}
.vill-right {
border: none !important;
padding: 0 6px;
width: 211px;
color: #272727;
font-size: 15px;
float: right;
}
/**/
.strt_dt {
    margin-left: 0;
}
p.validateTips {
    margin: 0;
color: #262626;
font-size: 15px;
line-height: 1.8;
font-family: 'Source Sans Pro', sans-serif;
text-align: justify;
}
.Div1 {
    height: 280px;
    overflow-y: auto;
    box-shadow: 1px 0 20px rgba(0,0,0,.08);
    background: #13b392;
    margin-top: 2px;
    position: relative;
    z-index: 1;
}

.Divv {
    height: 178px;
overflow-y: auto;
    box-shadow: 1px 0 20px rgba(0,0,0,.08);
    background: #13b392;
    margin-top: 7px;
}

 .lite_grn {
    color: #548235;
}
 .blue {
    color: #ff9900;
}
 .dark_blue {
    color: #ff0000;
}

.star_icon {
    font-size: 20px !important;
    padding: 2px 2px;
}

/*calendar*/
.cal_Theme1 {
    z-index: 9999;
position: relative;
}
.cal_Theme1 .ajax__calendar_body
    {
      width:230px;
      height:135px;
    }
.cal_Theme1 .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:14px;
position:absolute;
cursor:default;
width:239px;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;
z-index: 9;

}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtDate_CalendarExtender_daysTable {
    width: 230px;
}
#txtDate_CalendarExtender_days {
    width: 200px;
}
#CalendarExtender4_daysTable {
    width: 230px;
}
#CalendarExtender4_days {
    width: 200px;
}
#txtrtdas_rainfall_CalendarExtender_daysTable {
    width: 230px;
}
#txtrtdas_rainfall_CalendarExtender_days {
    width: 200px;
}
#txttrmm_rainfall_CalendarExtender_daysTable {
    width: 230px;
}
#txttrmm_rainfall_CalendarExtender_days {
    width: 200px;
}
#txtgfs_rainfall_CalendarExtender_daysTable {
    width: 230px;
}
#txtgfs_rainfall_CalendarExtender_days {
    width: 200px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:224px;

}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}
.cal_Theme1 .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/

/*calendar reports*/
.cal_Theme1_report .ajax__calendar_body
    {
      width:196px;
      height:135px;
    }
.cal_Theme1_report .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:6px;
position:absolute;
cursor:default;
width:225px;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;
z-index: 9;

}

.cal_Theme1_report .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
.cal_Theme1_report #txtDate_CalendarExtender_daysTable {
    width: 196px;
}
#txtDate_CalendarExtender_days {
    width: 196px;
}
.cal_Theme1_report .ajax__calendar_title,
.cal_Theme1_report .ajax__calendar_next,
.cal_Theme1_report .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1_report .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:195px;

}

.cal_Theme1_report .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1_report .ajax__calendar_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}
.cal_Theme1_report .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_Theme1_report .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1_report .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1_report .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1_report .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_Theme1_report .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1_report .ajax__calendar_other,
.cal_Theme1_report .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1_report .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/
/*calendar date accordion*/
.cal_date_acc .ajax__calendar_body
    {
      width:195px;
      height:135px;
    }
.cal_date_acc .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:2px;
position:absolute;
z-index:999;
cursor:default;
width:216px;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;

}

.cal_date_acc .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtDate_CalendarExtender_daysTable {
    width: 230px;
}
#txtDate_CalendarExtender_days {
    width: 200px;
}
.cal_date_acc .ajax__calendar_title,
.cal_date_acc .ajax__calendar_next,
.cal_date_acc .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_date_acc .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;

}

.cal_date_acc .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_date_acc .ajax__calendar_day {
text-align: center;
padding: 0 2px;
font-weight: normal;
    height: 17px;
    width: 18px;
}
.cal_date_acc .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 18px;
}

.cal_date_acc .ajax__calendar_hover .ajax__calendar_day,
.cal_date_acc .ajax__calendar_hover .ajax__calendar_month,
.cal_date_acc .ajax__calendar_hover .ajax__calendar_year,
.cal_date_acc .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_snd_advs .ajax__calendar_today   {
font-weight:bold;
}

.cal_snd_advs .ajax__calendar_other,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_today,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}
/*calendar date accordion*/

/*calendar send advisory*/
.cal_snd_advs .ajax__calendar_body
    {
      width:200px;
      height:135px;
    }
.cal_snd_advs .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:2px;
position:absolute;
cursor:default;
width:200px;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;

}

.cal_snd_advs .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtmain_date_CalendarExtender_daysTable {
    width: 196px;
}
#txtmain_date_CalendarExtender_days {
    width: 200px;
}
.cal_snd_advs .ajax__calendar_title,
.cal_snd_advs .ajax__calendar_next,
.cal_snd_advs .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_snd_advs .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:170px;

}

.cal_snd_advs .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_snd_advs .ajax__calendar_day {
text-align: center;
padding: 0 2px;
font-weight: normal;
    height: 17px;
    width: 17px;
    border: 1px solid #eeeeee;
}
.cal_snd_advs .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_snd_advs .ajax__calendar_hover .ajax__calendar_day,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_month,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_year,
.cal_snd_advs .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_snd_advs .ajax__calendar_today   {
font-weight:bold;
}

.cal_snd_advs .ajax__calendar_other,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_today,
.cal_snd_advs .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/

/*calendar reports*/
.cal_Theme1_export .ajax__calendar_body
    {
      width:196px;
      height:135px;
    }
.cal_Theme1_export .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:6px;
position:absolute;
cursor:default;
width:216px;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;
z-index: 999;

}

.cal_Theme1_export .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtDate_CalendarExtender_daysTable {
    width: 196px;
}
#txtDate_CalendarExtender_days {
    width: 196px;
}
.cal_Theme1_export .ajax__calendar_title,
.cal_Theme1_export .ajax__calendar_next,
.cal_Theme1_export .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1_export .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:195px;

}

.cal_Theme1_export .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1_export .ajax__calendar_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
font-weight: normal;
}
.cal_Theme1_export .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_Theme1_export .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1_export .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1_export .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1_export .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_Theme1_export .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1_export .ajax__calendar_other,
.cal_Theme1_export .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1_export .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/
/*calendar flood_model_run start date*/
.cal_Theme1_Model_run .ajax__calendar_body
    {
      width:230px;
      height:135px;
    }
.cal_Theme1_Model_run .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:14px;
position:absolute;
cursor:default;
width:225px;
z-index: 9;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;

}

.cal_Theme1_Model_run .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
.cal_Theme1_Model_run #txtStartdate_CalendarExtender_daysTable {
    width: 195px;
}

/*#txtDate_CalendarExtender_days*/ #txtStartdate_CalendarExtender_days{
    width: 200px;
}
.cal_Theme1_Model_run .ajax__calendar_title,
.cal_Theme1_Model_run .ajax__calendar_next,
.cal_Theme1_Model_run .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1_Model_run .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:195px;

}

.cal_Theme1_Model_run .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1_Model_run .ajax__calendar_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}
.cal_Theme1_Model_run .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_Theme1_Model_run .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1_Model_run .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1_Model_run .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1_Model_run .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_Theme1_Model_run .ajax__calendar_today   {
font-weight:bold;
}


.cal_Theme1_Model_run .ajax__calendar_other,
.cal_Theme1_Model_run .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1_Model_run .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/
/*calendar flood_model_run end date*/
.cal_Theme1_Model_end .ajax__calendar_body
    {
      width:230px;
      height:135px;
    }
.cal_Theme1_Model_end .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:14px;
position:absolute;
cursor:default;
width:225px;
z-index: 9;
font-size:10px;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;

}

.cal_Theme1_Model_end .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
.cal_Theme1_Model_end #txtStartdate_CalendarExtender_daysTable {
    width: 195px;
}

#txtDate_CalendarExtender_days {
    width: 200px;
}
.cal_Theme1_Model_end .ajax__calendar_title,
.cal_Theme1_Model_end .ajax__calendar_next,
.cal_Theme1_Model_end .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1_Model_end .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:195px;

}

.cal_Theme1_Model_end .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1_Model_end .ajax__calendar_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 27px;
}
.cal_Theme1_Model_end .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 12px;
}

.cal_Theme1_Model_end .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1_Model_end .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1_Model_end .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1_Model_end .ajax__calendar_active,.cal_Theme1 .ajax__calendar_hover  {
color: #004080;
font-weight: bold;
/*background-color: #DEF1F4;*/
}


.cal_Theme1_Model_end .ajax__calendar_today   {
font-weight:bold;
}


.cal_Theme1_Model_end .ajax__calendar_other,
.cal_Theme1_Model_end .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1_Model_end .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}

/*---------------------------------------------*/

/*----------------------dashboard popup-----------------------*/
.popup_hdr {
    background:#0bb593;
    padding: 4px 13px;
    color:#fff;
    /*border-bottom: 2px solid #f8a014;*/
}
.popup_contnt {
    padding: 0px;
}
.popup_hdng {
    text-align: left;
margin-top: 0px;
font-size: 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.4px;
}
.popup_boxes {
    background: 
    #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
    margin-bottom: 11px;
    border-bottom: 1px solid #ddd;
padding-bottom: 12px;
padding-left: 13px;
padding-top: 12px;
    text-align: left;
}
.modalPopup_width {
width: 850px !important;
}
.modalPopup_RealTime {
background: #f5f6f6;
padding: 0px;
width: 545px;
margin:0 auto;
height:510px;
border-radius: 0px;
border: 2px solid #ffffff;
}
.table_rtdas {
    border: 1px solid #000;
    margin: 0px 13px;
}
.table_rtdas td{
    border:none;
}
.modalPopup_RealTime table.brdr_clss {
    border:1px solid #d5d5d5;
}
.modalPopup_RealTime table.brdr_clss tr th {
    border:1px solid #d5d5d5;
    /*background:#fff5e5;*/
    padding: 4px 8px;
    color:#ffffff;
font-family: 'Source Sans Pro', sans-serif;
letter-spacing: 0.6px;
font-weight: 400;
font-size: 14px;
}
.modalPopup_RealTime table.brdr_clss tr td {
    border:1px solid #d5d5d5;
    font-size: 14px;
}
.modalPopup_RealTime table.brdr_clss tr td .no_rcrd {
    border:none;
    font-size: 18px;
    font-weight: bold;
}


/*---------------------//dashboard popup----------------------*/



.rpts-btnng {
    text-align: right;
    padding:0 112px 0 0;
}
.btnng {
    text-align: right;
    padding:0 33px 0 0;
}
.dss-btnng {
    text-align: right;
    padding:0 92px 0 0;
}
.mand {
    font-size: 12px;
    color:#f91a1a;
    font-weight:400;
    float: left;

padding: 0 6px;
padding-top:23px;
}
.menu_bgg {
    background: #f8a014;
padding: 7px 7px;
border-radius: 5px;
width: 35px;
float: left;
cursor: pointer;
}
    .menu_bgg img {
        width: 20px;
        height:20px;
    }
.logn-btnn {
}

 #map {
            height: 473px;
            margin-top: 9px ;
            border: 4px solid #fff;
        }
table.regi_frm_new input.txtDate1 {
    width: 100%;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /*background: #fff url("../img/calendar.png") no-repeat right 20px center;*/
    background-size: 15px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 8px;
}

table.regi_frm_new input[type="text"], table.regi_frm_new input[type="password"], table.regi_frm_new button {
    width: 100%;
    margin-bottom: 12px;
    height: 35px;
    border-radius: 5px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.regi_frm_new input[type="text"], table.regi_frm_new input[type="password"] {
    border: 1px solid #bbb;
    padding: 0 0 0 3px;
    font-size: 14px;
    color: #5b5858;
}

table.regi_frm_new {
    width:100%;
}
table.regi_frm_new tr td.leftt{
    border: none !important;
    padding: 0 6px;
    width: 26%;
    color: #272727;
    font-size: 15px;
}
table.regi_frm_new tr td.rightt{
    border: none !important;
    padding: 0 3px;
    width: auto;
    vertical-align:sub;
}
table.regi_frm_new tr td.empty{
    border: none !important;
}
.ddli-regi{
 
    border: 1px solid 
    #bbb;
    border-radius: 5px;
    padding: 0 0 0 3px;
    height: 35px;
    width: 100%;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 201px;
    background-size: 10px;
    background-repeat: no-repeat;
}
td.btnng-regii {
    border: none;
    vertical-align: sub;
    padding-top: 3px;
}



.mand-reg {

    font-size: 12px;
    color: #f91a1a;
    font-weight: 400;
    float: left;
    padding: 0 6px;
        padding-top: 0px;
    padding-top: 10px;

}
.stn_tbl {
    width: 100%;
}
table.stn_tbl td {
    padding: 6px 6px;
}
.btnng-regi {

    text-align: right;
    padding: 0 74px 0 0;

}

.regi-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #F8A014;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 10px;
margin-top: 0px;
border: none;
border-radius: 6px;
letter-spacing: 1px;
cursor: pointer;
}

.regi-btnn:focus,
.regi-btnn:hover,
.regi-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #13b392;
  text-decoration: none;
}
.rfrsh_flt_rt {
	float: right;
	display: flex;
	align-items: center;
}
.rfrsh_add {
    margin-left:113px;
}
.refresh_line {
    display:inline-block;
}
.refresh_float {
	float: none !important;
	display: inline-flex !important;
	margin: 0 4px;
}
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
   .rfrsh_add {
    margin-left:26px;
}
}
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
   .chrt_btnn {
     background:#fff;
    position: fixed;
    right: 272px;
    z-index: 9;
    padding: 4px 3px 4px 3px;
    top: 92px;
}
   .map_legends {
    background-image: url('../img/waterlevel-1366.png');
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
#btnClose img {
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}
.rfrsh_add {
    margin-left:12px;
}
    #map {
        height: 490px;
    }
}
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1360px) {
   .chrt_btnn {
     background:#fff;
    position: fixed;
    right: 272px;
    z-index: 9;
    padding: 4px 3px 4px 3px;
    top: 92px;
}
   .map_legends {
    background-image: url('../img/waterlevel-1366.png');
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
#btnClose img {
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}
.rfrsh_add {
    margin-left:12px;
}
    #map {
        height: 490px;
    }
}
/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    .chrt_btnn {
     background:#fff;
    position: fixed;
    right: 229px;
    z-index: 9;
    padding: 4px 3px 4px 3px;
    top: 220px;
}
#btnClose img {
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}
    .acc_head {
        width: 283px;
    }
    .acc_head2 {
    margin-top: 7px;
    width: 283px;
}
.rfrsh_add {
    margin-left:-3px;
}
}
/*@media  screen and (max-width: 1920px) and (max-height: 1080px)  {
    .chrt_btnn {
     background:#fff;
    position: fixed;
    right: 540px;
    z-index: 9;
    padding: 4px 3px 4px 3px;
    top: 191px;
}
#btnClose img {
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}
}*/
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
	height: 400px;
	width: 440px;
	position: absolute;
	inset: 365.4px auto auto 651.6px;
	transform: translate(-50%, -50%) !important;
	top: 50%;
	left: 50%;
}
.container-fluid.dashboardmap__container {
	margin-top: 19px;
	max-width: 1476px;
}
.container-fluid.space_left_conttt {
  background-color: #223953;
}
#Div3 {
  display: flex;
  justify-content: end;
  width:171px!important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media  screen and (min-width: 1537px) {
  .container-fluid.dashboardmap__container {
	margin-top: 19px;
	max-width: 100%;
}
}