@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
#iframe1 html {
    overflow:hidden !important;
}
html, body {
  height: 100%;
  margin: 0;
 font-family: 'Lato', sans-serif;
}
.content-wrapper {
  min-height: 100%;
  margin: 0 auto;
}

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: #1e7ff2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Lato', sans-serif;
}
/*th {
    background: #1e7ff2 ;
    padding: 4px 8px;
    color: #ffffff;
    letter-spacing: 0.6px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;

    }*/
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: #1e7ff2 ;*/
padding: 4px 10px 0px 10px;
border: 1px solid #1e7ff2 ;
margin: 10px 0px;
}
.forecast_issue_dt label{
    color:#1e7ff2 ;
    letter-spacing: 0.6px;
    font-size: 14px;
font-weight: 700;
}
.forecast_issue_dt .form-group {
    margin-bottom:4px;
}
/*--------------------------------time series css-----------------------------------*/
input.srs_clndrr_{
    margin-left: 0px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../images/calendar.png") no-repeat right 7px center;
    background-size: 10px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #1e7ff2;
border-radius: 2px;
font-size: 13px;
height: auto;
width: 100%;
padding:4px 9px;
}
select.tm_srs_slct {
    height: auto;
    -webkit-appearance: none;
    background-image: url('../images/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 13px;
width: 100%;
padding: 4px 5px;
margin-bottom: 0;
border: 1px solid #1e7ff2;
outline: none;
border-radius: 2px;
}
 select.tm_srs_slct:focus {
    border: 1px solid #0fb2bb;
    outline: none;
}
.tm_srs_rl_wl table.table-bordered td {
    border:1px solid #1e7ff2;
}
table.time_srs_tbl {
    margin-bottom:0px;
}
table.time_srs_tbl tbody tr td.tm_srs_nm {
    padding: 4px 6px;
font-size: 14px;
vertical-align:middle;
color: #000000;
background: #ffffff;
width:30%;
}
table.time_srs_tbl tbody tr td.tm_srs_clndr {
    padding: 7px 5px;
}
table.time_srs_tbl tbody tr td.tm_srs_slct {
    padding: 7px 5px;
}
table.time_srs_tbl tbody tr td span {
    text-transform:uppercase;
}
/*------------------------------//time series css----------------------------------*/

/* -------    user management tabs  ------  */
#UpdatePanel1 .no-margin {
    margin-bottom: -13px;
}
.regi_frm_new label {
    font-size: 16px;
letter-spacing: 0.5px;
line-height: 1.2;
}
#UpdatePanel1 .panel-heading {
    background-color: transparent;
}
.content {
  /*height: 100%;*/
  background:#ffffff;
  border: 1px solid #1e7ff2;
  /*box-shadow: 6px 3px 12px 0 rgba(0, 0, 0, 0.05);*/
}
.tab_pdngg {
    margin: 14px;
}
#Flood_menu ul {
   width: 100% !important;
}
#Flood_menu ul li {
    margin: 0px 10px 0px 0px;
    border: 1px solid #1e7ff2;
    background: #fff;
    border-radius: 2px;
}
#Flood_menu a.static {
    text-decoration: none;
    padding:4px 12px 4px 12px !important;
    color:#000000;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 3px solid transparent;
    border-left:0;
    border-style: unset !important;
    /*box-shadow: 6px 3px 12px 0 rgba(0, 0, 0, 0.05);*/
}
#Flood_menu a.static.selected {
    background:#1e7ff2;
    color:#ffffff;
    font-size: 15px;
    padding:7px 15px 7px 15px;
    /*border-width: 3px 1px 0 1px;
    border-color: #ff941e;
    border-style: solid;*/

    border-top: 3px solid #ff941e;
    border-bottom-color: transparent;
    opacity: unset;
}
    /*#Flood_menu a.static.selected::after {
        content: "";
        position: relative;
        bottom: -41px;
        left: -36%;
        border: 10px solid transparent;
        border-top-color: transparent;
        border-top-color: #ff941e;
    }*/

.textarea-field {
    width: 100%;
    border: 1px solid #1e7ff2;
    height: 30px;
    padding: 3px 6px;
    border-radius: 3px !important;
    outline: 0;
    margin-top: 0px;
    -moz-outline-style: none;
    font-size: 14px;
}
/* -------   // user management tabs  ------  */
#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;

}

.reslt_dt_hdr {
    background: #1e7ff2 ;
    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;
}
.address p a {
    color:inherit;
}
/*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: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
padding: 8px 10px;
border: none;
border-radius: 3px;
letter-spacing: 1px;
cursor: pointer;
}

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

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

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

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

.cal_btn {
    text-decoration: none;
transition: all 0.4s;
background: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color:#ffffff;
font-size: 13px;
padding:6.5px 10px;
border: none;
margin-left: 16px;
border-radius: 3px;
border-radius: 2px;
letter-spacing: 1px;
}
.cal_btn:focus,
.cal_btn:hover,
.cal_btn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #166bd0;
  text-decoration: none;
}

li.menu_bg {
 background: #1e7ff2 ;
width: 40px;
height: 40px;
border-radius: 50px;
text-align: center;
transition: all 0.2s;
line-height: 33px;
margin-right: 12px;
}
li.menu_bg:last-child {
margin-right: 0px;
}
li.menu_bg:hover {
 background: #04959D;
 transition: all 0.2s;
}
li.menu_bg img {
    width: 18px;
}
.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: #166bd0;
}

hr {
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #eaeaea;
}
p.source a{
    font-weight: 600;
    font-size: 16px;
    color: #333333;
}

.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;
}
.chart_border1 {
    border:1px solid #1e7ff2;
    text-align: center;
}
.rainfall_stat {
    margin-bottom: 0;
/*background: #fff;*/
}
.table-responsive {
margin-left: 0px;
margin-top: 0px;
}
.fullscreen {
    height:532px;
}
.map_main {
    width:100vw !important;
    height: calc(100vh - 153px);
}
.footer span {
    font-size: 14px;
}

.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("../images/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: 9px;
    width: 229px;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 7px center;
    background-size: 13px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 5px 7px;
    font-size: 13px;
    
    
}
input.textboxx{
    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: 2px;
    font-size: 15px;
    padding:4px 10px;
}
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: 180px;
overflow-y: auto;
margin-bottom: 16px;
border: 1px solid #0a949c;
}
.smss_tabb_regi .table th {
    background: #1e7ff2 ;
    padding: 8px 8px;
    color: #ffffff;
    letter-spacing: 0.6px;
    font-weight: 700;
    border: 1px solid #067d84;
        border-top-color: rgb(6, 125, 132);
        border-top-style: solid;
        border-top-width: 1px;
        border-left-color: rgb(6, 125, 132);
        border-left-style: solid;
        border-left-width: 1px;
    vertical-align: middle;
    line-height: 15px;
    border-left: transparent;
    border-top: transparent;
}
.smss_tabb_regi .table td {
    padding: 6px 8px !important;
    border: 1px solid #1e7ff2 ;
        border-bottom-color: rgb(15, 178, 187);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: white;
    color: #000000;
    vertical-align:middle;
}
.rainfall_stat img {
    width: 100%;
    height: 34px;
}
.footer a {
    color: #fff;
    font-size: 15px;
    vertical-align: top;
}
.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: 3px;
    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: 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: #1e7ff2 ;
    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: 13px;
background: #fff;
margin-bottom: 0;
}
.boxes {
    background: #fff;
padding: 15px 19px 1px 19px;
font-size: 19px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.3px;
margin-bottom: 15px;
box-shadow:0 0 13px 0 rgba(44, 56, 90, 0.16);
}
.boxes_1 {
    background: #d2f5f7;
padding: 14px 0px 0px 17px;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.9px;
margin-bottom: 0px;
text-align: left;
}
tr > td > a {
    color: #166bd0;
    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: 3px !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;
}
i.lgn-icn {
    font-size:18px;

}
.lgn_btnn {
    color: #ffffff;
    float: none;
    text-decoration: none;
    transition: all 0.4s;
    background: #1e7ff2;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    letter-spacing: 1px;
    float: right;
    margin-right: 13px;
    cursor:pointer;
}

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


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

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

/*//login css*/

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

.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 0px 0 11px;
}

ul.colrng li {
  margin-left: 7px;
  margin-bottom: 24px;
  font-size: 12px;
  display:inline-block;
}
ul.colrng li:last-child {
  margin-left: 0px;
}

ul.colrng li.white:before {
  content: '\f096';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #000000;
  font-size: 19px;
  margin-top: 0px;
}
ul.colrng li.green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #00FF01;
  font-size: 19px;
  margin-top: -2px;
}
ul.colrng li.dark-green:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #008001;
  font-size: 19px;
  margin-top: -2px;
}
ul.colrng li.yellow:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #FEA500;
  font-size: 19px;
  margin-top: -2px;
}
ul.colrng li.orange:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #FF3300;
  font-size: 19px;
  margin-top: -2px;
}
ul.colrng li.red:before {
  content: '\f0c8';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -19px;
  color: #CC0001;
  font-size: 19px;
  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;
    border:1px solid #1e7ff2 ;
    border-bottom:white;
}
.exp_grd_data .table td span {
    color:#000000;
}

.wtr_lvl_grd_data .table td {
    padding: 6px 8px;
    border:1px solid #1e7ff2 ;
    border-bottom:white;
    /*vertical-align:middle;*/
    line-height:18px;
}
.wtr_lvl_grd_data .table td span {
    color:#000000;
}
.wtr_lvl_grd_data .table td input[type="text"] {
    width: 70%;
border: 1px solid #1e7ff2 ;
height: 30px;
padding: 0px 6px;
border-radius: 3px !important;
outline: 0;
}
.realtm_frecst_tbl {
    height: 360px;
overflow-y: auto;
border: 1px solid #ddd;
}
.realtm_frecst_tbl table tbody tr td,.realtm_frecst_tbl table tbody tr th{
    padding: 4px 7px;
text-align: left;
font-size:13px;
border: 1px solid #d5d5d5;
}
.dshbrd_tbl {
    height: 500px;
    border: 1px solid #1e7ff2;
    overflow-y:scroll;
}
.dshbrd_tbl table tbody tr th{
    padding: 8px 8px;
text-align: left;
font-size:14px;
font-weight:700;
vertical-align: middle;
color:#ffffff;
letter-spacing:0.4px;
border: 1px solid #539aef;
background: #1e7ff2;
border-left:none;
border-top:none;
border-bottom:none;
background: linear-gradient(to bottom, #0a75f5 0%, #08184ff2 100%);
}
.dshbrd_tbl table tbody tr td{
    padding: 5px 8px;
/*text-align: left;*/
font-size:13px;
font-weight:400;
vertical-align: middle;
border: 1px solid #1e7ff2;
border-left:none;
border-top:none;
}


.dshbrd_tbl .table tbody tr:last-child td {
    /*border-bottom: none;*/
}
.dshbrd_tbl table tbody tr td a{
    color: #166bd0;
    font-size: 11px;
text-transform: uppercase;
font-weight: 500;
white-space:nowrap;
cursor: pointer;
}


.usr_mgmt_tbl {
    height: 200px;
    border: 1px solid #1e7ff2;
    overflow-y:scroll;
    margin-bottom: 20px;
}
.usr_mgmt_tbl .table {
    margin-bottom:0px;
    border-bottom: 1px solid #1e7ff2;
}
.usr_mgmt_tbl table tbody tr th{
    padding: 8px 8px;
text-align: left;
font-size:14px;
font-weight:700;
vertical-align: middle;
color:#ffffff;
letter-spacing:0.4px;
border: 1px solid #539aef;
background: #1e7ff2;
border-left:none;
border-top:none;
border-bottom:none;
}
.usr_mgmt_tbl table tbody tr td{
    padding: 5px 8px;
/*text-align: left;*/
font-size:13px;
font-weight:400;
vertical-align: middle;
border: 1px solid #1e7ff2;
border-left:none;
border-top:none;
}


.usr_mgmt_tbl .table tbody tr:last-child td {
    /*border-bottom: none;*/
}
.usr_mgmt_tbl table tbody tr td a{
    color: #166bd0;
    font-size: 11px;
text-transform: uppercase;
font-weight: 500;
white-space:nowrap;
cursor: pointer;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f2f5f8;
}
.table-hover tbody tr:hover {
    background-color: #e3f1ff;
}
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: 3px;
     -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: 3px;
    -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: 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: 310px;
}
.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: 3px !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;
        }

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

.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;
}
 select.archv_slct {
    height: 30px !important;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 13px;
width: 100%;
padding: 0px 5px;
margin-bottom: 0;
border: 1px solid #1e7ff2 ;
outline: none;
border-radius: 3px;
}
 select.archv_slct:focus {
    border: 1px solid #508aeb;
    outline: none;
}
 select.fld_tb_slct {
    height: 30px !important;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 13px;
width: 130px;
padding: 3px 5px;
margin-bottom: 0;
border: 1px solid #1e7ff2 ;
outline: none;
border-radius: 3px;
}
 select.fld_tb_slct:focus {
    border: 1px solid #508aeb;
    outline: none;
}
  select.fld_tb_slct_ulist {
    height: 30px !important;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 13px;
width: 100%;
padding: 3px 5px;
margin-bottom: 0;
border: 1px solid #1e7ff2 ;
outline: none;
border-radius: 3px;
}
 select.fld_tb_slct:focus {
    border: 1px solid #508aeb;
    outline: none;
}
  select.srchh_slct {
    height: 35px !important;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
    font-size: 15px;
width: 100%;
padding: 6px 5px;
margin-bottom: 0;
border: 1px solid #1e7ff2 ;
outline: none;
border-radius: 3px;
}
 select.srchh_slct:focus {
    border: 1px solid #508aeb;
    outline: none;
}


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: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 17px;
padding: 7px 16px;
border: none;
border-radius: 3px;
letter-spacing: 1px;
margin: 14px 0;
}

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

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

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



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

.srch-btnn:focus,
.srch-btnn:hover,
.srch-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #166bd0;
  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: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 5px 5px;
margin-top: 0px;
border: none;
border-radius: 3px;
letter-spacing: 1px;
cursor: pointer;
}

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

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

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

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

.rpts-btnn:focus,
.rpts-btnn:hover,
.rpts-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #166bd0;
  text-decoration: none;
}
.wrd-btnn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 1px 5px;
margin-top: 0px;
border: none;
border-radius: 2px;
letter-spacing: 0.5px;
cursor: pointer;
margin-right:4px;
}
.btn-iconn{
    content: '';
    display: block;
   border: 2px solid #1e7ff2 ;
    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: 3px;
    -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: 3px !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 8px;
    width: 100%;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../img/calendar.png") no-repeat right 7px center;
    background-size: 12px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #1e7ff2 ;
    border-radius: 3px;
    font-size: 13px;
}
    input.buffer_textboxx{
    padding: 6px 8px;
    width: 100%;
     -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-size: 12px;
    transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
    border: 1px solid #1e7ff2 ;
    border-radius: 3px;
    font-size: 13px;
}
    .fld_mdl_tab th {
    background: #1e7ff2 ;
    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;
    font-size:12px;
    color:#141313;
}
.fld_breach_select {
border: 1px solid #1e7ff2 ;
border-radius: 3px;
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: 3px !important;
    outline: 0;
    -moz-outline-style: none;
}

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

table.fld_mdl_tab span.lctn {
    height: 30px;
    width: 93px;
    display:inline-block;
    border-radius: 3px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.fld_mdl_tab span.lctn {
    border: 1px solid #1e7ff2 ;
    padding: 2px 0 0 5px;
    font-size: 14px;
    color:#141313;
}

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

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

/*-------------DSS------------------*/
.dssddl
        {
            border: 1px solid #1e7ff2 ;
            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: #1e7ff2 ;
    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 #1e7ff2 ;
border-radius: 3px;
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: 3px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.breach_tab input[type="text"] {
    border: 1px solid #1e7ff2 ;
    padding: 0 0 0 10px;
    font-size: 14px;
}
.add_row {
  color: #ffffff;
float: left;
text-decoration: none;
transition: all 0.4s;
background: #166bd0;
text-align: center;
text-transform: uppercase;
font-size: 13px;
padding: 7px 11px;
border: none;
border-radius: 3px;
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: #1e7ff2 ;
    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: 3px !important;
    outline: 0;
    -moz-outline-style: none;
}

table.sms_tabbb input[type="text"] {
    border: 1px solid #1e7ff2 ;
    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;
}
.fixed_tbl table tr th {
        background: #1e7ff2 ;
        padding: 8px 8px;
        color: #ffffff;
        letter-spacing: 0.6px;
        font-weight: 700;
        border: 1px solid #067d84;
        vertical-align: middle;
        line-height: 15px;
        border-left: transparent;
        border-top: transparent;
    }
.flood_bulletin_tbl table.table {
    margin-bottom:0px;
}
.flood_bulletin_tbl  {
    overflow-y: auto;
    heig00px;
    margin-bottom: 16px;
    border: 1px solid #1e7ff2;
}
/*sticky fixed header*/
.tm_src_tbl_scroll table {
    border-collapse:separate !important;
    margin-bottom:0px;
}
.flood_bulletin_tbl table {
    border-collapse:separate !important;
}
th.fixed_hdr {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: #0a4197;
    color: #fff;
    border:0;
}

.tableWrapper {
    background-color: #fff;
    height: 200px;
    overflow-y: scroll;
}
.tableWrapper::-webkit-scrollbar {
    width: 8px;
}

.tableWrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}


    .tableWrapper::-webkit-scrollbar-thumb {
        background-color: #0a4197;
        outline: 1px solid slategrey;
    }

.content.wtr_updt_pnl input.fld_textboxx{
    background-image:none !important;
}



/*--//sticky fixed header*/
.flood_bulletin_tbl .table tbody tr th {
    background: #1e7ff2;
    padding: 8px 8px;
    color: #ffffff;
    letter-spacing: 0.6px;
    font-weight: 700;
    border: 1px solid #5aa3fa;
    vertical-align: middle;
    line-height: 15px;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.flood_bulletin_tbl .table tbody tr td {
    padding: 5px 8px !important;
    border:1px solid #1e7ff2 ;
    border-left: none;
    border-top: none;
    color:#000000;
    vertical-align:middle;
    white-space:normal;
    font-size:13px;
}
.flood_bulletin_tbl .table tbody tr:last-child td {
    border-bottom:none ;
}
.flood_bulletin_tbl .table td span {
    color:#000000;
}
.tbl_fnt_sz .table th {
    font-size:15px;
    white-space: nowrap;
}
.tbl_fnt_sz .table td {
    text-align:left;
}

.snd_av_tab  {
    /*overflow-y: auto;*/
    height:200px;
    margin-bottom: 16px;
    border: 1px solid #1e7ff2;
}
.snd_av_tab .table th {
        background: #1e7ff2 ;
        padding: 8px 8px;
        color: #ffffff;
        letter-spacing: 0.6px;
        font-weight: 700;
        border: 1px solid #067d84;
        vertical-align: middle;
        line-height: 15px;
        border-left: transparent;
        border-top: transparent;
    }
.snd_av_tab .table td {
    padding: 2px 8px !important;
    border:1px solid #1e7ff2 ;
    border-bottom:white;
    color:#000000;
    font-size:13px;
}
.snd_av_tab .table td span {
    color:#000000;
}

/*----------------------------ward depth info table overlap----------------------------*/
.exprt_rprt_btn {
  color: #ffffff;
float: none;
text-decoration: none;
transition: all 0.4s;
background: #1e7ff2;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
padding: 4px 7px;
margin-top: 0px;
border: none;
border-radius: 2px;
letter-spacing: 1px;
cursor: pointer;
}

.exprt_rprt_btn:focus,
.exprt_rprt_btn:hover,
.exprt_rprt_btn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #1e7ff2 ;
  text-decoration: none;
}
.overlap_ward_tbl {
    position: absolute;
bottom: 147px;
/*width: 100%;*/
/*width:959px;*/

left:1px;
}
.overlap_ward_tbl_pding {
    padding:0px 1px 0px 0px;
}
span.ward_heading {
    color: #000000;
    text-transform:uppercase;
padding-left: 7px;
font-size: 16px;
font-weight: normal;
cursor:pointer;
}
a.ward_heading1 {
       color: #000000;
    text-transform:uppercase;
padding-right: 7px;
font-size: 16px;
font-weight: normal;

}
span.exprt_rprtt {
    font-size:16px;
    color:#1e7ff2;
    padding-left:4px;
}
.effon-class {
    background-color: #fff;
border-top: 1px solid #1e7ff2;
border-right: 1px solid #1e7ff2;
padding:0px 0px 3px 0px;
/*cursor:pointer;*/
}
.ward_table  {
    /*overflow-y: auto;*/
    height:155px;
    margin-bottom: 0px;
    border: 1px solid #1e7ff2;
    border-bottom:none;
    border-left:none;
    background: #fff;
}
.ward_table table.table {
    margin-bottom:0rem;
    border-collapse:separate !important;
}
.ward_table .table th {
        background: #1e7ff2 ;
        padding: 8px 8px;
        color: #ffffff;
        letter-spacing: 0.6px;
        font-size:14px;
        font-weight: 700;
        border: 1px solid #5aa3fa;
        vertical-align: middle;
        line-height: 15px;
        border-left: transparent;
        border-top: transparent;
    }
.ward_table .table td {
    padding: 5px 8px !important;
    border:1px solid #1e7ff2 ;
    border-left:0;
    border-top:0;
    color:#000000;
    font-size:13px;
}
.ward_table .table td span {
    color:#000000;
}

/*--------------------------//ward depth info table overlap----------------------------*/

.flf_mdl_tab {
    overflow-y: auto;
    height:143px;
    background: #fff;
    margin-bottom: 10px;
}
.exp_grd_data {
    overflow-y: auto;
    height:150px;
    margin-bottom: 16px;
    border: 1px solid #0a949c;
}
    .exp_grd_data .table th {
        background: #1e7ff2 ;
        padding: 8px 8px;
        color: #ffffff;
        letter-spacing: 0.6px;
        font-weight: 400;
        border: 1px solid #067d84;
        vertical-align: middle;
        line-height: 15px;
        border-left: transparent;
        border-top: transparent;
    }
.snd_advsry {
    overflow-y: scroll;
    height:218px;
}
.wtr_lvl_grd_data .table {
    margin-bottom:0px;
}

.wtr_lvl_grd_data {
    overflow-y: auto;
    height:262px;
    background:#ffffff;
    margin-bottom: 16px;
    border: 1px solid #0a949c;
}
    .wtr_lvl_grd_data .table th {
        background: #1e7ff2 ;
        padding: 8px 8px;
        color: #ffffff;
        letter-spacing: 0.6px;
        font-weight: 400;
        border: 1px solid #067d84;
        vertical-align: middle;
        line-height: 15px;
        border-left: transparent;
        border-top: transparent;
    }

.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;
}
/*calendar*/
.cal_Theme1tr td {
    border: 1px solid #d5d5d5;
}
.cal_Theme1 .ajax__calendar_container   {
background-color: #ffffff;
border: 1px solid #DDDDDD;
padding:8px;
position:absolute;
cursor:default;
width:229px;
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: 0px;
height: 21px;
}
.cal_Theme1 .ajax__calendar_body
{
width:212px;
height:135px;
background-color: #ffffff;
border: solid 1px #DDDDDD;
}
cal_Theme1 .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 136px;
    width: 164px;
    position: absolute;
    text-align: center;
    margin: auto;
}
.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 0;
margin-top: 0;
color: #004080;
width: 30px;
height: 20px;
font-size:10px;
padding:0 0px;
}
.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top: 0px;
}





#txtDate_CalendarExtender_daysTable {
    width: 230px;
}
#txtDate_CalendarExtender_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_day {
text-align: center;
padding: 0 2px;
height: 17px;
width: 30px;
}
.cal_Theme1 .ajax__calendar_day:hover {
text-align: center;
padding: 0 2px;
height: 17px;
width: 30px;
}

.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: #004080;
font-weight: bold;
font-size:10px;
}

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

/*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 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_container TABLE{
width: 196px;
}
.cal_snd_advs .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtDate_CalendarExtender_daysTable {
    width: 230px;
}
#txtDate_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;

}

.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 #004080;*/
}
.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: 13px;
    font-weight:500;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 11px;
    border-bottom: 1px solid #ddd;
padding-bottom: 12px;
padding-left: 0px;
padding-top: 0px;
    text-align: left;
}
.modalPopup_width {
width: 640px !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;
}

.brdrr_clsss {
    border: 1px solid #1e7ff2 ;
}

#Div1 .modal-dialog {
max-width: 1050px;
}
#Div1 .modal-body {
height: 540px;
}
/*---------------------//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: #1e7ff2 ;
padding: 7px 7px;
border-radius: 3px;
width: 35px;
float: left;
cursor: pointer;
}
    .menu_bgg img {
        width: 20px;
        height:20px;
    }
.logn-btnn {
}


.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 #1e7ff2 ;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 8px;
}
.Fld_sms {
    width: 100%;
    border:1px solid #1e7ff2 ;
    height: 82px;
    padding:0px 6px;
    border-radius: 3px !important;
    outline: 0;
    margin-top:2px;
    -moz-outline-style: none;
}
.regi_frm_new input[type="text"], .regi_frm_new input[type="password"], .regi_frm_new button {
    width: 100%;
    border:1px solid #1e7ff2 ;
    height: 30px;
    padding:0px 6px;
    border-radius: 3px !important;
    outline: 0;
    font-size:14px;
    -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 
    #1e7ff2 ;
    border-radius: 3px;
    padding: 0 0 0 3px;
    height: 24px;
    width: 100%;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
}
.ddli-regi_new{
 
    border: 1px solid 
    #1e7ff2 ;
    border-radius: 3px;
    padding: 0 0 0 3px;
    height: 30px;
    width: 100%;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    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: #1e7ff2 ;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
padding: 4px 10px;
margin-top: 0px;
border: none;
border-radius: 3px;
letter-spacing: 1px;
cursor: pointer;
}

.regi-btnn:focus,
.regi-btnn:hover,
.regi-btnn:active {
  color: #ffffff;
  transition: all 0.4s;
  background: #166bd0;
  text-decoration: none;
}
.rfrsh_flt_rt {
    float: right;
}
.rfrsh_add {
    margin-left:113px;
}
.refresh_line {
    display:inline-block;
}
.refresh_float {
    float: none !important;
}

.time_series input[type="text"] {
    border: 1px solid #1e7ff2;
    font-size: 14px;
    border-radius:0px;
    color: #5b5858;
    width: 200px;
}
.time_series input[type="text"]:focus,.time_series select:focus {
   box-shadow:none;
}
.time_series label {
    margin-right: 4px;
    margin-left: 15px;
    font-size:14px;
}
.time_series select.time_series_slct {
    border: 1px solid #2694f3;
    border-radius: 0px;
    padding: 0 0 0 3px;
    height: 35px !important;
    width: 163px;
    font-size: 14px;
    -webkit-appearance: none;
    background-image: url('../img/drop-down.png');
    background-position: 98%;
    background-size: 10px;
    background-repeat: no-repeat;
}

.time_series_bg {
    background: #ffffff;
    margin-bottom: 17px;
    padding: 0;
    border:none;
}
.btnn_mrgn {
    margin: 0px 17px 0px 17px;
}
h2.time_sers {
    font-size: 18px;
font-weight: 500;
line-height: 33px;
color:#2f2c2c;
    letter-spacing: 0.7px;
    /*margin: 0px 0px 11px 0px;
padding: 9px 0px 0px 0px;*/
}
table.time_srs_tbl {
    margin-bottom:0px;
}
/*table.time_srs_tbl tbody tr td {
    padding: 4px 6px;
font-size: 14px;
font-weight:700;
color: #fff;
border: 1px solid #1e7ff2 ;
}*/
table.time_srs_tbl tbody tr td span {
    text-transform:uppercase;
}
.time_srs_chrt {
    overflow-x:scroll;
    width:100%;
    border:1px solid #1e7ff2;
}
.tm_src_tbl {
    width:100%;
    border: 1px solid #2694f3;
}
.tm_src_tbl_scroll {
    height: 438px;
    overflow-y:auto;
    border:1px solid #1e7ff2 !important;
}
.tm_src_tbl_scroll table tbody tr th {
    padding: 5px 5px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    color: #ffffff;
    letter-spacing: 0.4px;
    border: 1px solid #5aa3fa;
    background: #1e7ff2;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.tm_src_tbl_scroll table tbody tr td {
    padding: 5px 5px;
    /*text-align: left;*/
    font-size: 13px;
    vertical-align: middle;
    border: 1px solid #1e7ff2;
    border-left: none;
    border-top: none;
}
.tm_src_tbl_scroll .table tbody tr:last-child td {
    border-bottom: none;
}
.dshbrd_tbl table {
    border-collapse: separate !important;
    margin-bottom: 0px;
}
.rl_src_tbl_scroll table {
    border-collapse: separate !important;
    margin-bottom: 0px;
}
.rl_src_tbl_scroll {
    height: 438px;
    overflow-y:scroll;
    border:1px solid #1e7ff2 !important;
}
.rl_src_tbl_scroll table tbody tr th {
    padding: 5px 5px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
    color: #ffffff;
    letter-spacing: 0.4px;
    border: 1px solid #5aa3fa;
    background: #1e7ff2;
    border-left: none;
    border-top: none;
    border-bottom: none;
}
.rl_src_tbl_scroll table tbody tr td {
    padding: 5px 5px;
    /*text-align: left;*/
    font-size: 13px;
    vertical-align: middle;
    border: 1px solid #1e7ff2;
    border-left: none;
    border-top: none;
}
.rl_src_tbl_scroll .table tbody tr:last-child td {
    /*border-bottom: none;*/
}

/*---------------------time series calendar #fromdate------------------------*/
.cal_Theme1_time_series .ajax__calendar_body
    {
      width:196px;
      height:135px;
    }
/*.cal_Theme1_time_series #txtDate_CalendarExtender_daysTable {
    width: 196px;
}*/
.cal_Theme1_time_series  .ajax__calendar_container TABLE{
width: 196px;
}
.cal_Theme1_time_series .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #DDDDDD;
padding:0px;
position:absolute;
cursor:default;
width:190px;
font-size:10px;
z-index:9;
text-align:center;
font-family:tahoma,verdana,helvetica;
background-color: #ffffff;

}

.cal_Theme1_time_series .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}
#txtfromdate_CalendarExtender {
    width: 196px;
}
#txtfromdate_CalendarExtender {
    width: 196px;
}
#txtfromdate_CalendarExtender {
    width: 196px;
}
#txtfromdate_CalendarExtender {
    width: 196px;
}
.cal_Theme1_time_series .ajax__calendar_footer { height: 22px; }
.cal_Theme1_time_series .ajax__calendar_title,
.cal_Theme1_time_series .ajax__calendar_next,
.cal_Theme1_time_series .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.cal_Theme1_time_series .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #DDDDDD;
width:189px;
z-index:9;

}


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

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

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


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

.cal_Theme1_time_series .ajax__calendar_other,
.cal_Theme1_time_series .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1_time_series .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
font-weight: bold;
}
/*--------------------//time series calendar-----------------------*/
/*-----------------------modal-body width--------------------------*/
#Flood_Bulletin_User_list .modal-body{
    height: 331px;
}
#search .modal-dialog  {
    max-width: 400px;
}
#search .modal-body  {
height:215px;
}
#Div3 .modal-dialog  {
    max-width: 400px;
}
#Div3 .modal-body  {
height:268px;
}
#Panel4 {
    width: 440px;
}
#Panel4 .modal-dialog  {
    max-width: 360px;
}

/*#Panel5 {
    width: 440px;
}
#Panel5 .modal-dialog  {
    max-width: 440px;
}*/
#Panel5 .modal-body {
    height:460px;
}
#Panel6 {
    width: 944px;
}
#Panel6 .modal-dialog {
    max-width: 944px;
}
#Panel6 .modal-body {
    height:500px;
}
#Panel7 {
    width: 900px;
}
#Panel7 .modal-dialog {
    max-width: 900px;
}
#Panel7 .modal-body {
    height:400px;
}
#Panel8 {
    width: 440px;
}
#Panel8 .modal-dialog {
    max-width: 440px;
}
#Panel8 .modal-body {
    height:500px;
}
#Panel9 {
    width: 400px;
}
#Panel9 .modal-dialog {
    max-width: 400px;
}
#Panel9 .modal-body {
    height:255px;
}
#Panel10 {
    width: 650px;
}
#Panel10 .modal-dialog {
    max-width: 650px;
}
#Panel10 .modal-body {
    height:325px;
}
#Panel11 {
    width: 750px;
}
#Panel11 .modal-dialog  {
    max-width: 750px;
}
#Panel11 .modal-body {
    height:355px;
}
#Panel12 {
    width: 750px;
}
#Panel12 .modal-dialog  {
    max-width: 750px;
}
#Panel12 .modal-body {
    height:355px;
}
.inundtn_grid .col-form-label label{
    line-height:12px;
}
.courses-item {
    background: #ffffff;
    padding: 20px 10px;
    border-radius: 4px;
    text-align: center;
    border:2px solid #1e7ff2 ;
}
.courses-item:hover {
    background: #0298a0;
}
.courses-item:hover p {
    color: #ffffff;
}
.courses-item:hover span.dwnldd {
    color: #ffffff;
}
.courses-item p {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #1e7ff2 ;
    margin-top: 16px;
    line-height: 24px;
}
span.dwnldd {
    font-size: 42px;
    color: #1e7ff2 ;
}
#bt1 , #bt2 , #Button3 , #Button4 , #Button5 , #Button8 , #Button9 , #Button10 , #btnband{
    background: #1e7ff2 ;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor:pointer;
font-weight: 700;
}
.col-form-label label {
    font-size:13px;
    color:#141313;
}
.col-form-label span {
    /*font-size:13px;*/
    color:#141313;
}
.F_mdl_otpt {
    height: 196px;
overflow-y: auto;
}
.F_mdl_otpt .table tbody tr th {
    background: #1e7ff2 ;
padding: 6px 8px;
color: #ffffff;
letter-spacing: 0.6px;
font-weight: 400;
border: 1px solid #067d84;
vertical-align: middle;
line-height: 15px;
border-top:none;
vertical-align:middle;
}
#SMS_Bulletin {
    text-align:center;
    margin:0 auto;
}
#SMS_Bulletin {
    width: 757px;
}
#SMS_Bulletin .modal-dialog  {
    max-width: 750px;
}
#SMS_Bulletin .modal-body {
    height:376px;
}
#animationbt {
    text-align:center;
    margin:0 auto;
}
#animationbt {
    width: 1257px;
}
#animationbt .modal-dialog  {
    max-width: 1250px;
}
#animationbt .modal-body {
    height:776px;
}
#flood_Bulletin {
    text-align:center;
    margin:0 auto;
}
#flood_Bulletin {
    width: 550px;
}
#flood_Bulletin .modal-dialog  {
    max-width: 550px;
}
#flood_Bulletin .modal-body {
    height:300px;
}
.info-color .pull-right {
}
ul.wlcm li a.dropdown-toggle {
    color:#ffffff;
    font-weight:400;
    font-size: 17px;
    margin: 0px 4px;
    padding: 0px 7px 0px 7px;
}
.wlcm li ul.dropdown-menu {
    /*min-width:8rem;*/
    left: auto;
    right: 16px;
    padding: 0px 0px;
}
.wlcm li ul.dropdown-menu li {
    padding: 4px 8px;
}
.wlcm li ul.dropdown-menu li a {
    color:#000000;
    font-size: 15px;
}
.dropdown-menu::before {
    left: auto;
    right: 12px;
}
.dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgb(255, 255, 255);
    position: absolute;
    top: -6px;
    /*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
}
ul.wlcm li ul.dropdown-menu li a i {
    font-size:11px;
    color: #1e7ff2;
}



/*---------------------//modal-body width--------------------------*/
/* (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;
}
   h1.kids {
    margin-left: 142px;
}
#btnClose img {
    z-index: 9;
    background:#fff;
    border-radius: 100%;
}
.rfrsh_add {
    margin-left:12px;
}
}
/* (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%;
}
}*/