/*---- Submit and Reset button -----*/

.section.buttons {
    display: block ;
    margin: auto !important;
    width:auto;
    text-align:center;
    /*width: 15%;*/
}

/*---- Calendar | Online Services | Virtual Library | SISPAA -----*/
#edit_218 .col-6 {
    width: 100%;
}

#rhino-slider_221_page{
   margin: 13px 0 0 -3px !important;
}


/*-----------------------------IE Custom CSS---------------------------*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #container_content .editable img{
      width: 100%;
   }
   #Map2 img{
      width: 100% !important;
   }
}


/*-----------------------------END IE Custom CSS---------------------------*/

/*-----------------------------Mobile Header start---------------------------*/
@media only screen and (max-width: 376px){
div#jata_logo{text-align:center;}
div#jata_logo img{
float: initial !important;
    margin-left: auto !important; 
    margin-right: auto !important;}
.head{text-align:center;}
}

/*-----------------------------Mobile Header end---------------------------*/


/*-----------------------------START Sidemap ColorBox---------------------------*/

.cboxIframe .row-5858ae023d0f1{display: none;}
#cboxLoadedContent .row-5858ae623d0f4{display: none;}
#cboxLoadedContent .f_footer{display: none;}

/*------------------------------END Sidemap Colorbox----------------------------*/

/*---------------------------------START Slider Banner------------------------*/

#sb-slider_498 .slider-content img{border-radius: 10px; width: auto !important; height: auto !important;}
.nav-arrows a {background: rgba(203, 191, 174, 0.2) url(../../../../assets/modules/image_contents/styles/image/slicebox-slider/nav.png) no-repeat top left!important;}
.nav-arrows a:first-child {background-position: top right !important;}

/*----------------------------------END Slider Banner-------------------------*/

/*---------------------------------START Slide Out Menu------------------------*/

.block-492{position: absolute;top: 0;right: 40px;}

/*----------------------------------END Slide Out Menu-------------------------*/

/*--------------------------------Flipbook title (tempo)------------------------*/
#bookshelf_slider .product_title p{color: white;}
#bookshelf_slider .product_title{z-index: 99 !important;}
/*------------------------------end Flipbook title (tempo)----------------------*/

/*--------------------------------Start Form Block------------------------*/

.field_section .label{
    padding: unset !important;    
}

.field_section .label label{
    display: inline-block!important;    
}

/*---------------------------------END Form Block-------------------------*/


/*--------------------------------Start Contact US Form Block------------------------*/
#form-block-22 #field_544{height: 80px;}

/*------------------------------END COntact US Form Block----------------------*/

/*<-------------------------------START Menu Pages-------------------------------->*/
#breadcrump-menu .cssmenu > ul{display: inline-grid; width: 100%;}
#breadcrump-menu .cssmenu > ul > li:first-child {max-width: 300px; grid-column-start: 1; grid-row-start: 1; min-height: 233px; }
#breadcrump-menu .cssmenu > ul > li:nth-child(2){max-width: 300px; grid-column-start: 2; grid-row-start: 1; min-height: 233px; }
#breadcrump-menu .cssmenu > ul > li:nth-child(3){max-width: 300px; grid-column-start: 3; grid-row-start: 1; min-height: 233px; }
#breadcrump-menu .cssmenu > ul > li:nth-child(4){max-width: 300px; grid-column-start: 4; grid-row-start: 1; min-height: 233px; }
#breadcrump-menu .cssmenu > ul > li:nth-child(5){max-width: 300px; grid-column-start: 1; grid-row-start: 2; min-height: 233px; }
#breadcrump-menu .cssmenu ul li ul{display: block !important;}
#breadcrump-menu .cssmenu > ul > li > a{font-size: 1.5em !important;}
#breadcrump-menu .cssmenu li > ul{padding: 5px !important; margin: 5px 0 5px 30px !important;}

#breadcrump-menu .cssmenu{width: 100% !important;}

.cssmenu ul li a{background: transparent !important;border: 0px !important;}
.cssmenu ul li a:hover{border: 0px !important; display: block; color: }

/*<-------------------------------END Menu Pages-------------------------------->*/
.search-wrap{width: 290px !important;}
.imgDatastore{text-align: center;}
/*<-------------------------------START DIV Table-------------------------------->*/
.div-table{
    display: table;
    width: 100%;
}

.div-body {
    display: table-row-group;
}

.div-row{
    display: table-row;
}

.div-col{
    display: table-cell;
    padding: 10px 10px;
}

/*<---------------------------------END DIV Table--------------------------------->*/
/*<----------------------START Anything Slider-------------------------------->*/

.anythingControls{display: none !important;}
.arrow a{top: 50px; !important;}
div.anythingSlider-cs-portfolio .back {left: 5px !important;background: url(../../../../jps/resources/FullScreen_Icons/prev.png) no-repeat!important;}
div.anythingSlider-cs-portfolio .forward {right: 40px !important;}
div.anythingSlider-cs-portfolio .back a{left: 5px !important;background: url(../../../../jps/resources/FullScreen_Icons/prev.png) no-repeat!important;}
div.anythingSlider-cs-portfolio .forward a{left: 6px !important; !important;background: url(../../../../jps/resources/FullScreen_Icons/next.png) no-repeat!important;}
div.anythingSlider-cs-portfolio{margin-bottom: initial !important;}
.container_slider .slide_html .pad {padding: initial !important; border-radius: 5px;}


/*<----------------------END Anything Slider-------------------------------->*/

/*<----------------------START -------------------------------->*/



/*<----------------------END Anything Slider-------------------------------->*/

-------------------search block advance search icon------------------



html, html body {
    font-family: Helvetica, arial, sans-serif !important;
}

#LoginJPS .login-card h1:first-child{padding-top:14px;}

.table-align td p{text-align:left !important;}
/*-------------------------Advanced Search Customization-----------------------------*/

.search_filter_table .inner-table tr td input[type="text"]::-webkit-input-placeholder, .search_filter_table .inner-table tr td input[type="text"]::-moz-placeholder, .search_filter_table .inner-table tr td input[type="text"]::-ms-input-placeholder {
    color: white !important;
}


.preloader{
     background-color: rgba(0, 0, 0, 0.8)!important;
}

.advance_filter_footer{background: #ffffff !important;}

.search_filter_table tr:first-child td{color: transparent;}

.advance_filter_footer{background-color: #418cff!important;}

.search_filter_table {
    background-color: #418cff!important;
    margin: 30px;
}

.search_filter_table #adv_search_text{background: white !important;}

.search_filter_table .ui-button{margin-right: 0px !important;}

.search_filter_table tr td{border-right: 0px!important;}

.search_filter_table > tbody > tr:first-child td{padding: 0px !important;}

.search_filter_table .inner-table .tooltiptext{z-index: 10000 !important;}

.search_filter_table tr:nth-child(2) .front_row{background: #234777 !important; width: 175px; height: 40px;text-decoration: none !important; font-size: 14px;}

.search_filter_table tr:nth-child(2) td:nth-child(2){background: #3366a9!important; width: 175px; height: 40px;}
 
.search_filter_table tr:nth-child(2) td:nth-child(3){background: #3366a9!important; width: 175px; height: 40px;}

.search_filter_table tr td{padding-left: 0px !important; padding-right: 0px !important;}

.search_filter_table .inner-table{margin: 0px !important; width: 100%;}

.search_filter_table .inner-table tr td input[type="text"]{border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; width: 100% !important; background: transparent; color: white;}

.search_filter_table .inner-table tr td input[type="text"]::-webkit-input-placeholder{color: rgba(255,255,255,0.3 );}
.search_filter_table .inner-table tr td input[type="text"]::-moz-placeholder{color: rgba(255,255,255,0.3 );}
.search_filter_table .inner-table tr td input[type="text"]::-moz-placeholder{color: rgba(255,255,255,0.3 );}
.search_filter_table .inner-table tr td input[type="text"]:-ms-input-placeholder{color: rgba(255,255,255,0.3 );}

.search_filter_table .inner-table tr:first-child td{position: relative; padding-top: 20px;}

.search_filter_table .inner-table tr:nth-child(2) td{position: relative; padding-top: 20px;}

.search_filter_table .inner-table tr:nth-child(3) td{position: relative; padding-top: 20px;}

.search_filter_table .inner-table tr:nth-child(4) td{position: relative !important; padding-top: 20px !important;}

.search_filter_table .inner-table .tooltip{position: absolute; top: 27px; right: 5px;}

.search_filter_table tr:nth-child(4) td:first-child{position: absolute; bottom: 0px; left: 0px; z-index: 1; width: 100%}

.advance_filter_footer input[type="button"]:first-child{float: right; width: 50%; height: 49px; background: #cbcbcb; color: white; border-radius: 0px !important; border: none !important; margin-right: 0px !important;}

.advance_filter_footer input[type="button"]:first-child:hover{background: #A9A9A9; color: white; border-radius: 0px !important; border: none !important;}

.advance_filter_footer input[type="button"]:nth-child(2){width: 50%; height: 49px; background: #3366a9; color: white; border-radius: 0px !important; border: none !important; margin-right: 0px !important;}

.advance_filter_footer input[type="button"]:nth-child(2):hover{background: #234777; color: white; border-radius: 0px !important; border: none !important;}

.search_filter_table .search_fields .select2-container{width: 97% !important;}

.search_filter_table .search_fields{vertical-align: top; padding-top: 20px;}

#select2-specific-searching-results{width: 167px !important; height: 150px;}
#select2-specific-searching-results li{height: 40px !important; border-bottom: 1px solid grey; margin: 5px 10px 10px 10px; padding-top: 10px !important;}

#select2-filter-searching-results{width: 167px !important; height: 150px;}
#select2-filter-searching-results li{height: 40px !important; border-bottom: 1px solid grey; margin: 5px 10px 10px 10px; padding-top: 10px !important;}

.dropdown-content{ 
    background-color: #418cff!important; 
} 

.advance_filter_header{
  background-color: #418cff!important;
  padding-top: 15px!important;
}
.advance_header_title {
    font-family: "Roboto", "serif" , "sans-serif"!important;
    font-size: 20px;
}

input#adv_search_text {
    width: 100%!important;
}
.search-box1 input[type="text"]{
   border-radius: 2px;
}

#accordion_428 {
    font-size: 14px;
    line-height: 1.5em;
    color: #333;
}

#accordion_428 .ui-accordion-header {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background: #266ab1;
    color: #fff;
    border: none;
    border-radius: 0px;
}
#accordion_428 .ui-widget-content {
    border: 1px solid #266ab1;
}

#accordion_428 .ui-widget-content a{color: #fff;}
.desc{    padding: 5px; margin: 10px 0px; line-height: 1.5em;}
.container div{display: inline-block; margin: 5px;}
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

li.btn {
    margin: 15px;
    width: 200px;
}

.p_btn{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 30px;
    border: 1px solid #cc5e0a;
    border-radius: 8px;
    background: #ff9911;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9911), to(#cc5e0a));
    background: -moz-linear-gradient(top, #ff9911, #cc5e0a);
    background: linear-gradient(to bottom, #ff9911, #cc5e0a);
    text-shadow: #803b07 1px 1px 1px;
    color: #ffffff;
    text-decoration: none;
}
.p_btn:hover,
.p_btn:focus {
    border: 1px solid #ff760d;
    background: #ffb814;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb814), to(#f5710c));
    background: -moz-linear-gradient(top, #ffb814, #f5710c);
    background: linear-gradient(to bottom, #ffb814, #f5710c);
    color: #ffffff;
    text-decoration: none;
}
.p_btn:active {
    background: #cc5e0a;
    background: -webkit-gradient(linear, left top, left bottom, from(#cc5e0a), to(#cc5e0a));
    background: -moz-linear-gradient(top, #cc5e0a, #cc5e0a);
    background: linear-gradient(to bottom, #cc5e0a, #cc5e0a);
}


/*-------------------------End of Business Customization-----------------------------*/


/*-------------------------Footer style-----------------------------*/
.f_footer{
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 50px;
    background: rgba(24, 94, 171,0.9);
    z-index: 98;
    padding: 0px 0 10px 0;
    /*padding: 10px 0 10px 0;*/
    /*overflow: hidden;*/
    transition: height 0.2s linear 0.2s;
}

.footer_bubble {
    display: none;
    position: relative;
    top: 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    z-index: 66;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    left: 80px;
padding-bottom:20px;
}

.footer_bubble:after {
    content: '';
    position: absolute;
    bottom: 50px;
    left: 120px;
    width: 0;
    height: 0;
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.footer_bubble .f_inner{
    /*width: 310px; */
    /*padding: 20px; */
    background: #FFF;
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    bottom: 70px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.hide{
  display: none;
}

.show{
  display:block;
  transition: all 0.3s linear 0.3s;
  padding: 17px;
}

.f_height{
 height: 300px;
}

.f_stat{
  background: url(../../../../jps/resources/FullScreen_Icons/statistics.png) no-repeat;
}

.f_link{
  background: url(../../../../jps/resources/FullScreen_Icons/links.png) no-repeat;
}

.f_artifacts{
  background: url(../../../../jps/resources/FullScreen_Icons/artifacts.png) no-repeat;
}

.f_archive{
  background: url(../../../../jps/resources/FullScreen_Icons/archive.png) no-repeat;
}

.f_directory{
  background: url(../../../../jps/resources/FullScreen_Icons/directory.png) no-repeat;
}

.f_contact{
  background: url(../../../../jps/resources/FullScreen_Icons/contact_us.png) no-repeat;
}

.f_sitemap{
  background: url(../../../../jps/resources/FullScreen_Icons/sitemap.png) no-repeat;
}
.f_cloud{
  background: url(../../../../jps/resources/FullScreen_Icons/tag_cloud.png) no-repeat;
}
.f_guide{
  background: url(../../../../jps/resources/FullScreen_Icons/guide.png) no-repeat;
}
#f_menu ul{
  list-style: none;
  margin: 0px!important;
  padding: 8px;
}

#f_menu{
  /* width: 1170px; */
  /* padding: 8px; */
  width: 100%;
  margin: auto;
  
}

.f_container{
  margin: auto;
 /* width: 1020px;*/
  width: 100%;
  max-width: 1170px;
}

.f_slide{
  background-position: top center;
}

.f_slideup{
  background: #fcfcfc;
  margin-top: 50px;
}

#f_menu ul{
/*  margin-bottom: 20px!important;*/
  width: 100%;
}

#f_menu ul li:first-child, #f_menu ul li:nth-child(3), #f_menu ul li:nth-child(4), #f_menu ul li:nth-child(5), #f_menu ul li:nth-child(6), #f_menu ul li:nth-child(7),#f_menu ul li:nth-child(7),#f_menu ul li:nth-child(8){
  float: left;
  width: 12.2%;
  padding-top: 20px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255, 0.5);
  border-left: 1px solid rgba(255,255,255, 0.5);
}

#f_menu ul li:nth-child(2){
  float: left;
  width: 14.4%;
  padding-top: 20px;
  text-align: center;
  border-right: 1px solid rgba(255,255,255, 0.5);
  border-left: 1px solid rgba(255,255,255, 0.5);
}

#f_menu ul li:first-child a {
/*    border-left: 1px solid rgba(255,255,255, 0.5); */
}

#f_menu ul li a{
  color: rgba(255,255,255,0.6);
  font-size: 14px;
  padding: 19px 0px 5px 0px;
  height: 100px !important;
  /* padding: 20px 39px 5px 39px; */
  /* border-right: 1px solid rgba(255,255,255, 0.5); */
}

#f_menu ul li:hover{
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255, 0.5);
}
#pg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;z-index: 90;}

#cboxContent{background: rgba(255,255,255,0.9);}
#f_usefulinks td a{color: #135CA9 !important;line-height:35px;} 
/*------------------------Footer end--------------------------------*/


/* ------------------------ Quick Links Block ---------------------------*/
/* -----------------------------------------------------------------------*/
.q_links{width: 96%;}

.q_link_items{
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0px 0px 6.3px 0.7px rgba(0, 0, 0, 0.56);
  //text-align: center;
  width: 100%;
  height: 44px;
  display: block;
}

.q_link_items div{
  background-position: 10% 50%;
  padding: 15px 0px 0px 0px;
  height: 97%;
}

.q_public{
  background: url('../../../../jps/resources/FullScreen_Icons/public_icon.png') no-repeat;
}
.q_link_items:hover .q_public{
  /*background: url('/jps/resources/FullScreen_Icons/public_hover.png') no-repeat;background-position: 10% 50%;*/
}

.q_staff{
  background: url('../../../../jps/resources/FullScreen_Icons/staff_icon.png') no-repeat;
}
.q_link_items:hover .q_staff{
  //background: url('/jps/resources/FullScreen_Icons/staff_hover.png') no-repeat;background-position: 10% 50%;
}

.q_download{
  background: url('../../../../jps/resources/FullScreen_Icons/download_icon.png') no-repeat;
}
.q_link_items:hover .q_download{
  //background: url('/jps/resources/FullScreen_Icons/download_hover.png') no-repeat;background-position: 10% 50%;
}

.q_business{
  background: url('../../../../jps/resources/FullScreen_Icons/business_icon.png') no-repeat;
}
.q_link_items:hover .q_business{
  //background: url('/jps/resources/FullScreen_Icons/business_icons_hover.png') no-repeat;background-position: 10% 50%;
}

.q_link_items div a{
  font-size: 14px;
  text-transform: uppercase;
  color: #0c1d22;
  padding: 20px 0px 20px 60px
}

.q_link_items:hover
{
  border-radius: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f8ac4+0,005ea8+4,005ea8+94,00467e+100 */
  background: rgb(0, 99, 177); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(63,138,196,1) 0%, rgba(0,94,168,1) 4%, rgba(0,94,168,1) 94%, rgba(0,70,126,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(63,138,196,1) 0%,rgba(0,94,168,1) 4%,rgba(0,94,168,1) 94%,rgba(0,70,126,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(63,138,196,1) 0%,rgba(0,94,168,1) 4%,rgba(0,94,168,1) 94%,rgba(0,70,126,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8ac4', endColorstr='#00467e',GradientType=0 ); /* IE6-9 */
}

.q_link_items:hover a{
  color: #fff;
}

.q_link_items:hover a img{
  cursor: pointer;
}

.q_link_items a img{
 display: block;
 margin: auto;
 padding: 7px;
}

.q_link_items a:hover img{}

/* ------------------------ Weather Station Block ---------------------------*/
/* -----------------------------------------------------------------------*/

.ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: 0.1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 0px; width:580px; overflow: auto; /*height: 220px;*/ height: 238px;} /*Edited height to disable flood event and drought events */

  #api_next_514, #api_prev_514{display:none;} /*Disable Navigation for Smart Tunnel Information*/

  .w_panel{width: 18em;display:inline-block;margin-right: 10px; color:#fff;}
  .w_panel span{padding: 3px 10px;}
  .w_alert{background: url(/jps/resources/FullScreen_Icons/alert.png) no-repeat;}
  .w_danger{background: url(/jps/resources/FullScreen_Icons/danger.png) no-repeat;}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}

.block-342  #tabs .ui-tabs-nav .ui-tabs-anchor{padding: 6.8px 5px!important;}
.block-342 .ui-tabs-vertical ul li a img{width: 44px; height: 44px;}

/* ------------------------ Link Buttons Block ---------------------------*/
/* -----------------------------------------------------------------------*/

.col{
  margin-right: 10px;
}
.fb_menu{
  /*background: rgba(3,78,162,0.9);*/
  background: rgba(0,99,177, 0.7);
  padding: 10px 6%;
  margin: 0px 0px;
  border-radius: 5px;
/*  min-height: 220px;*/
width: 100%;
}
/* .fb_menu .inner:hover{
   Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f8ac4+0,ffffff+0,ffffff+95,858b88+100 */
/* background: rgb(63,138,196);  Old browsers */
/* background: -moz-linear-gradient(top,  rgba(63,138,196,1) 0%, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(133,139,136,1) 100%);  FF3.6-15 */
/* background: -webkit-linear-gradient(top,  rgba(63,138,196,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(133,139,136,1) 100%);  Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom,  rgba(63,138,196,1) 0%,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(133,139,136,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8ac4', endColorstr='#858b88',GradientType=0 );  IE6-9  }*/



.fb_menu .inner{
  display: inline-block;
  padding: 5.5px 8px;
  position: relative;
  /*max-width: 120px;*/
  text-align: center;
  width: 49%
  
}

.fb_menu .inner div{
  padding: 40px 0px;
  border-radius: 5px;
  background-position: 50% 20%;
}


.inner .f_calendar{
  background: url(../../../../jps/resources/FullScreen_Icons/calendar_icon_white.png) no-repeat;
}
.inner:hover .f_calendar{
    background-color: #fff;
  //background: #fff url(../../../../jps/resources/FullScreen_Icons/Calendar-hover.png) no-repeat;
  //background-position: 50% 20%;
}



.inner .f_online{
  background: url(../../../../jps/resources/FullScreen_Icons/online_services_icon_white.png) no-repeat;
}

.inner:hover .f_online{
    background-color: #fff;
  //background:#fff url(../../../../jps/resources/FullScreen_Icons/onlineServices_hover.png) no-repeat;
  //background-position: 50% 20%;
}

.inner .f_box{display:none; position: absolute; z-index:777; bottom: 50px; right: 100px;}
.inner:hover .f_box{display:block; padding: 0px;}

.inner .f_cal{display:none; position: absolute; z-index:50; bottom: 50px; left: 95px;}
.inner:hover .f_cal{display:block; padding: 0px;width:215px;}
#cal_mini_calendar_250 table thead th{padding: 0px;}
#cal_mini_calendar_250{padding: 0px 0px 0px 0px;height:270px;}

.inner .f_library{background: url(../../../../jps/resources/FullScreen_Icons/virtual_library_icon_white.png) no-repeat;}
.inner:hover .f_library{
  background-color: #fff;
  //background:#fff url(../../../../jps/resources/FullScreen_Icons/library_hover.png) no-repeat;
  //background-position: 50% 20%;
}
.inner .f_SISPA{background: url(../../../../jps/resources/FullScreen_Icons/sispaa_icon_white.png) no-repeat;}
.inner:hover .f_SISPA{
  background-color: #fff;
  //background:#fff url(../../../../jps/resources/FullScreen_Icons/user36-hover.png) no-repeat;
  //background-position: 50% 20%;
}
.c_title{
  color: #fff;
  font-size: 16px;
  position: relative;
  top: 30px;
  padding: 68px 0px 4px 0px;
}

.inner:hover .c_title{
  color: #006064;
}

#cal_mini_calendar_250 table thead .event_change .arrow-left{padding:0px;}

#cal_mini_calendar_250 table thead .event_change .arrow-right{padding:0px;}

#cal_mini_calendar_250 table thead tr:first-child{height: 55px;}

/* ------------------------------------------------------------------------------*/
/* ------------------------ End of Link Buttons Block ---------------------------*/



/* ------------------------ Hot tab ---------------------------*/
.top-lists a {line-height: 20px !important;}
/*------------------------- hot tab end ------------------------*/



/*-------------JPS Weather Block Customization---------------*/
/* ------------------------------------------------------------------------------*/

 .jcarousel-wrapper{
   -webkit-box-shadow: none!important;
   -moz-box-shadow: none!important;
   box-shadow: none!important;
}
#api_406 li.ui-corner-left, #api_404 li.ui-corner-left{
    background-color: rgba(255, 255, 255, 0.1);
    margin: 1px;
}

#id, .title_datetime, .title_state, .title_name, #latitude, #longitude,
#district, .title_date, .title_time, .title_river{display: none;}
.jcarousel-control-prev, .jcarousel-control-next{background: #fff!important;}
.jcarousel-control-prev{left: -15px!important;}
.jcarousel-control-next{right: -15px!important;}

.inner{padding: 2px;}
.jcarousel li,.outer{border: none!important;}

.jcarousel li{padding: 5px;}
.inner{color: #fff; font-size: 14px;}

#state{font-size: 16px; text-transform: uppercase;}

#normal{display:none;}

#status{float: left; font-size:13px; padding: 10px; background:rgba(255, 255, 255, 0.40); width: 100%; text-transform: uppercase; font-weight: 700; margin-bottom: 2px; width: 100%; margin-top: 120px;}
#message .title_message{display: none;}

#jwrapper_514 #api_514 > ul{left: 50px !important;}
#jwrapper_514 #api_514 > ul > li{width: 300px !important; margin: 15px 0px 0px 25px;}

#waterlevel, #alert, #danger, #warning, #rainfall{float: left; font-size:13px; padding: 10px; background:rgba(255, 255, 255, 0.40); width: 50%; text-transform: uppercase; font-weight: 700; margin-bottom: 2px;}
#waterlevel{width: 75%;}
.value_normal, .value_alert, .value_danger, .value_warning, .value_status,
.value_waterlevel, .value_rainfall, .value_waterlevel{padding: 12px;}

.value_normal{color: white;}
.value_alert{color: orange;}
.title_warning, .value_warning{color: rgba(204, 58, 0, 0.9);}
.title_danger, .value_danger{color: red;}

#datetime, #date, #time{padding: 5px 0px;}

#api_508 #river, #api_506 #river{position: absolute; top: 61px; width: 100%;}
#api_508 #name, #api_506 #name{position: relative; top: -30px;}


#api_508 #date, #api_506 #date{float: left; padding-right: 10px;font-size: 16px;}
#api_506 #time, #api_506 #date{font-size: 12px; padding: 1px 10px; display: block; width: 40%; position: relative; top: 80px; left: 190px;}
#api_506 #time{clear: both;}
#api_508 #state, #api_506 #state{padding: 5px 0px;}

#api_508 #rainfall, #api_508 #waterlevel, #api_506 #waterlevel{
    padding: 10px;
    font-size: 32px;
    font-weight: 400;
    background: rgba(15, 92, 169, 0.8);
    margin: 20px 0px 10px 0px;
    width: 65%;
    display: block;
    border-radius: 10px;
    text-align: center;
}

#api_508 #waterlevel, #api_508 #rainfall{margin: 0px 0px 5px 0px; width: 75%;}

#api_508 #date, #api_508 #time{
    font-size: 12px;
    padding: 1px 10px;
    display: block;
    width: 40%;
    position: relative;
    top: 56px;
    left: 190px;
}
#api_508 .title_waterlevel{width: 60%;}
#api_508 .title_waterlevel, #api_508 .title_rainfall{font-size: 13px; float: left; text-align: left; width: 60%;}
#api_508 .value_waterlevel, #api_508 .value_rainfall{float: left; padding: 0px; font-size: 16px}

#api_506 .title_waterlevel{display: none;}
#api_506 #danger{float: right; color: red;}
#api_506 #alert{color: orange;}


#api_506 #river::before{    content: 'Current Level';  position: absolute;   top: 32px;   color: #a3d6ff;   font-size: 12px;   left: 2px;}
.value_waterlevel::after{content: ' m'; text-transform: lowercase; font-size: 16px;}
.value_rainfall::after{content: ' mm'; text-transform: lowercase;}

/*-------------END OF JPS Weather Block Customization---------------*/

/*-------------Facebook HTML Block ------------------------------*/

/*--------------End of Facobook HTML Block-----------------------*/

/*-------------JPS edirectory---------------*/
	.lvl-content {
		width: 19% !important; /* 5 in 1 row*/
		display: inline-block !important;
	}
	.lvl-content > div {
		width: 100% !important;
	}

/* ------------------------- Custom goes here.. -------------------------- */ 

#f_lastupdate span.float_right {
    display: none;
}
@media only screen and (max-width: 1170px) and (min-width: 1025px){
.fb_menu {padding: 45px 6%;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
.fb_menu {padding: 45px 5%;}
.fb_menu .inner {padding: 5.5px 0px;}
.jcarousel-control-next {right:0px !important;}
.jcarousel-control-prev {left:0px !important;}
.ui-tabs-vertical .ui-tabs-panel{width:100% !important;}
#api_508 #date, #api_508 #time{padding:1px 5px !important;}
}

.imgDatastore img{width:300px; height:150px;}

.slide_tab_203{padding:0px 20px 20px 20px !important;}
.row-5858ae623d0f4{background-color:rgba(255,255,255,0.50) !important;}
#search-input-img {right:12% !important;}
.align-right{float:none !important; margin-right:0px !important;}
@media only screen and (max-width:1280px){
.responsive_menu > ul > li {
  /*  max-width: 100px;*/
    max-height: 70px;
}}
/* ------------------------- Login Custom-----------------------------*/
//.login-card a{
//   color: #666 !important;
//    text-align: justify !important;
//}
.login-card h1{
color:#045268;
font-size:2em !important;
}
.login-row{ 
    color: #666 !important;
    text-align: justify !important;
}
.login-forgot a {
    float: none;
    color: #666 !important;
 
    font-weight: bold !important;
    padding: 0 !important;
}
.login-forgot a:hover {
    background-color: white !important;
  
}
.login-card .sign-up-btn  {
    text-decoration: none !important;
    color: #fff !important;
    font-weight: bold;
    text-align: center !important;
height:44px;
padding:12px !important;
}
.login-card .sign-up-btn:hover{
  background-color:#3079ed;
    }

#login {
    width: 330px !important;
    left: -105px !important;
}
@media only screen and (max-width:768px){

#login {
      left: -60px !important;
}
}
/* ------------------------- Login Custom end-----------------------------*/


/*---------------------------w3c table changes --------------------------*/


.Tcolor tr:nth-child(even) {background-color: #dcdcdc !important;line-height: 1.5em !important;}
.Tcolor tr:nth-child(odd)  {background-color: #eeeeee !important;line-height: 1.5em !important;}

a.accessibility_block {
    display: inline-block;
}

.accessibility_container_table {
    height: 10px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.accessbility_display_tr {
  
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 9px;
}

@media only screen and (max-width:768px){
.accessbility_display_tr{padding:0 !important; float:none !important;}
.accessibility_container_table{height:auto !important;}
.accessibility_container_table td {display: block;position: relative;float: left; width: auto;}
#accordion_274{width:100%;}
.column-5858af3e3d0fa{margin-top: 0px !important;}
[class*='col-']{margin-top:0px !important;}
}

/*@media only screen and (max-width: 768px){
.row-5858af3e3d0f9{height:890px !important;}
} */
/*---------------------------w3c table changes end--------------------------*/
/*---------------------------Accordian header h3--------------------------*/

/*.accordion_header, #container_content h3 {
  padding: 0 !important;}*/

.ui-accordion .ui-accordion-content h3 {padding: 0;}

/*---------------------------Accordian header h3 end--------------------------*/


/*---------------------------E- Bulletin end--------------------------*/
#bookshelf_slider .panel_title .selected_title{color: blanchedalmond !important;background: #824409 !important;}


/*---------------------------E-Bulletin end--------------------------*/

/* ------------------------- CSS STYLES FOR FULL PAGE -------------------------- */ 
/* ------------------------ Menu Responsive ----------------------------- */
@media only screen and (max-width:1281px){
.search-box1 {width:100% !important;}
.col-2-3, .col-8-12 {
    width: 66.66% !important;
}
.col-1-3, .col-4-12 {
    width: 33.33% !important;
}
}

@media only screen and (max-width:768px){
.search-box1 {width:250px !important;}
.col-2-3, .col-8-12 {
    width: 100% !important;
}
.col-1-3, .col-4-12 {
    width: 100% !important;
}
.row-58eb1d680ec07{margin-bottom:0px !important;}

}

/*----------------------------- for news slider -----------------------*/

.truncate{
  overflow : hidden;
  text-overflow: clip;
  display: -webkit-box;
/*  -webkit-line-clamp:1; */
/*  -webkit-box-orient: vertical; */
}

#rhino-slider_221 li h3{text-overflow: ellipsis; white-space: nowrap; display: block; margin:3px !important;}
#rhino-slider_221 .truncate > p{text-overflow: ellipsis !important; white-space: nowrap; display: block !important; width: 100%; overflow: hidden; text-align:center;}

#rhino-slider_221_page .rhino-container{width: 100% !important; }
        
/* FOR Paragraph tag*/
  #container_content .editable .list table p{text-align: left; !important;}
   #container_content .editable table p{margin: 3px 0 8px !important;}

/* End for Paragraph tag*/

/* FOR JUI tab height*/
  .ui-accordion-content-active{height:auto !important;}

   
/* End for JUI tab height*/

/* ------------------------- Start of Side Map -------------------------- */ 

.sitemap .group {
    position: relative;
    width: 50%;
    left: 25%;
    top: 50%;
}
@media screen and (max-width: 768px){.sitemap .group{background:#ffffff !important; left:0; top:0; margin;0; padding:0;}
.sitemap a{background:#ffffff !important;}

.sitemap ul{margin:0;} 

#responsive_menu_212 li:nth-child(2) li:nth-child(5) ul {
    column-count: initial !important;
    height: auto !important;
    flex-flow: initial !important;
}
}

/* ------------------------- End of Side Map -------------------------- */ 

/* ------------------------- Start of Menu for Divisions ----------------------- */
   #responsive_menu_212 li:nth-child(2) li:nth-child(5) ul{column-count: 2;display: block;height: auto;-moz-column-count: 2;/*flex-flow: column wrap;*/}
   #responsive_menu_212 li:nth-child(2) li:nth-child(5) ul li{background:white !important; page-break-inside: avoid}
/* ------------------------- End of Menu for Divisions ----------------------- */

/*  Responsive Menu */
/* -------------------------------*/
#responsive_menu_212{
  height: auto;
  font-family: 'Helvetica', sans-serif;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#responsive_menu_212 ul li:first-child{
   background: none;
}
#responsive_menu_212 > ul > li:first-child > a{
      min-width: 75px;
      padding-bottom: 0px;
}

/* #responsive_menu_212 > ul > li:nth-child(6){ */
/*      width: 14% !important; */
/*}  */

#responsive_menu_212 li{
  margin-right: 1px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f8ac4+0,ffffff+0,ffffff+95,858b88+100 */
  background: rgb(63,138,196); /* Old browsers */ 
  background: -moz-linear-gradient(top,  rgba(63,138,196,1) 0%, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 95%, rgba(133,139,136,0.6) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(63,138,196,1) 0%,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 95%,rgba(133,139,136,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(63,138,196,1) 0%,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 95%,rgba(133,139,136,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f8ac4', endColorstr='#858b88', GradientType=0 )!important; /* IE6-9 */ 
}

#responsive_menu_212 > ul > li:nth-child(2){width: 13% !important;}
#responsive_menu_212 > ul > li:nth-child(3){width: 13% !important;}
#responsive_menu_212 > ul > li:nth-child(4){width: 11% !important;}
#responsive_menu_212 > ul > li:nth-child(5){width: 11% !important;}
#responsive_menu_212 > ul > li:nth-child(6){width: 12% !important;}
#responsive_menu_212 > ul > li:nth-child(7){width: 13% !important;}
#responsive_menu_212 > ul > li:nth-child(8){width: 11% !important;}

#responsive_menu_212 > ul > li > a{
     /* padding: 16px 5px;*/
    padding: 22px 5px;
    letter-spacing: 0px;
    text-transform: none;
    min-width: 90px;
    text-align: center;
    font-weight: normal;
}

#responsive_menu_212 ul ul li a{ 
   width: 180px!important; 
} 

#responsive_menu_212 ul > li.has-sub > ul{
  background: #fff;
z-index:999 !important;
}

#responsive_menu_212 > ul > li > a:hover, .sf-menu li>a:hover{
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f8ac4+0,005ea8+4,005ea8+94,00467e+100 */
  background: rgb(0, 99, 177); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(63,138,196,1) 0%, rgba(0,94,168,1) 4%, rgba(0,94,168,1) 94%, rgba(0,70,126,1) 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(63,138,196,1) 0%,rgba(0,94,168,1) 4%,rgba(0,94,168,1) 94%,rgba(0,70,126,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(63,138,196,1) 0%,rgba(0,94,168,1) 4%,rgba(0,94,168,1) 94%,rgba(0,70,126,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8ac4', endColorstr='#00467e',GradientType=0 )!important; /* IE6-9 */
}

#responsive_menu_212 li img{
  display: block;
  margin: auto;
}
.responsive_menu ul ul li.has-sub > a:before{
  height: 0px!important;
  width: 0px!important;
}
.responsive_menu ul ul li.has-sub > a:after{
  height: 0px!important;
  width: 0px!important;
  right: 5px!important;
  border-left: 8px solid #003366;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0)!important;
}


/* End of Responsive Menu */

/*  Customize Search Btn */
/* -------------------------------*/
.f_search .search-box1 .search-button{
  width: 10%;
  background-color: #e5e5e5;
  background: #e5e5e5 url(../../../../jps/resources/FullScreen_Icons/SearchIcon.png) no-repeat 10% center; /* Change the image location */
}

/*  End of Customize Search Btn */

/*  Customize Announcement */
/* -------------------------------*/
 
@-webkit-keyframes pulsate {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 1);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
}
@keyframes pulsate {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 1);
      box-shadow: 0 0 0 10px rgba(255,255,255, 1);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
}
.mt-label{
  padding: 0px;
  //background: none!important;
  border-right: 5px solid rgba(255,255,255,0.5);
  color:#fff; /*#00c767*/
  font-weight: bold;
  //-webkit-animation: pulsate 2s infinite;
  //-webkit-animation-iteration-count: infinite; 
  
  box-shadow:0 0 0 rgba(255,255,255, 0.5);

    display: block;
    margin: 0 auto;
    background: url(../../../../jps/resources/FullScreen_Icons/bg_animation.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: crawl 70s ease-in-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;

}

@-webkit-keyframes crawl {
	0% { background-position: 100% 50%; }
	100% { background-position:  0% 50%;}
}
@keyframes crawl{
	0% { background-position: 100% 50%; }
	100% { background-position:  0% 50%;}
}

.mt-news a{
 color: #fff !important;
 background: none !important;
 background-image: url(../../../images/bullet-over.png)!important;
 font-size: 14px !important;
    overflow: hidden;
    text-overflow: ellipsis;
   width:800px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.mt-news a:hover{
  color: #e0e0e0 !important;
  border: none!important;
  background-image: url(../../../images/bullet-over.png) !important;
}

.mt-play, .mt-prev, .mt-next{
  background-color: rgba(255,255,255, 0)!important;
}

.mt-play:hover, .mt-prev:hover, .mt-next:hover{
  background-color: rgba(255,255, 255, 0.5)!important;
}

/*  END OF Customize Announcement */

/*  Change for News Slider */
    
   #rhino-slider_221_page .rhino-bullets li{display:none!important;}

/*  END OF Change for News Slider */


/*  Customize WeatherStation Tabs */
/* -------------------------------*/
#tabs{
  border: 1px solid rgba(255,255,255, 0.3);
  background: rgba(0,99,177, 0.7);
  padding: 0px;
  width: 100%; 
}

#tabs .ui-widget-header{
  border: none;
  background: none;
  width: 190px;
}

#tabs .ui-tabs-nav li.ui-tabs-active{
  background: #0372bd url(../../../../jps/resources/FullScreen_Icons/tab-selector.png) no-repeat;
  background-position: right center;
  margin: 0px 0px 1px 0px;
}

#tabs .ui-tabs-nav li{
  border: none;
  border-radius: 0px;
  background: rgba(119, 173, 215, 0.50);
  margin: 0px 0px 1px 0px;
  justify-content: center;
    flex-direction: column;
    display: flex;
}

#tabs .ui-tabs-nav .ui-tabs-anchor{
  padding: 16px 5px;
  text-align: center;
  min-width: 190px;
  color: #fff;
  font-size: 14px;
}

#tabs .ui-tabs-nav .ui-tabs-anchor img{
  display: block;
  margin: auto;
}


/*  End of Customize Weather Tabs */

/*  Customize image slider */
/* -------------------------------*/
#rhino-slider_220_page{
  border-radius: 5px;
}

#rhino-slider_220 li p, #rhino-slider_221 li p{
  margin: 0px!important;
}

#rhino-slider_220_page .rhino-btn{
  background: none!important;
  top: 50%;
}

#rhino-slider_220_page  .rhino-bullets{
  display: none!important;
}

#rhino-slider_220_page .rhino-next{
 background: url(../../../../jps/resources/FullScreen_Icons/next.png) no-repeat!important;
 right: -27px!important;
}

#rhino-slider_220_page .rhino-prev{
 background: url(../../../../jps/resources/FullScreen_Icons/prev.png) no-repeat!important;
 left: 0px !important;
}
/* End of Customize image slider */



/*  Customize News slider */
/* -------------------------------*/

#rhino-slider_221_page{
  background: rgba(255,255,255, 0.9);
  border-radius: 5px;
}

#rhino-slider_221_page .rhino-btn{
   bottom: -36px!important
}

#rhino-slider_221 li h2, #rhino-slider_221 li p{
   margin: 0px;
}

#rhino-slider_221 li h2{
   margin-bottom: 10px;
}


#rhino-slider_221_page .rhino-next{
 background: url(../../../../jps/resources/FullScreen_Icons/news-next.png) no-repeat!important;
 right: 110px!important;
}

#rhino-slider_221_page .rhino-prev{
 background: url(../../../../jps/resources/FullScreen_Icons/news-prev.png) no-repeat!important;
 left: 160px !important;
}

/*#rhino-slider_221_page .rhino-active{
  padding: 15px;
}*/

#rhino-slider_221_page .rhino-active img{
/*  float: right; */
  margin: 5px;
/*  height: 105px!important; */
/*  width: 220px!important; */
}

#rhino-slider_221_page .rhino-bullets{
  background: none !important;
}
#rhino-slider_221_page .rhino-bullets::before,  #rhino-slider_221_page .rhino-bullets::after{background:none!important;}

#rhino-slider_221_page .rhino-bullets li a.rhino-bullet{
  height: 18px!important;
  width: 18px!important;
  border-radius: 50%;
  border: 4px solid #0D1E24;
  text-indent: 999px;
}
#rhino-slider_221_page .rhino-bullets li a.rhino-bullet.rhino-active-bullet{
  background: #0D1E24!important;
}


/* -------------------------------*/
/*  End of Customize News slider */

/*  Start of Customize Side Menu */

#web_layout_homepage .column-5858af3e3532fa{
   border: 0px !important;
}

#web_layout_homepage .row-5858af3e3d0f9{
   
   border-radius: 5px !important;
   min-height: 5px;
}

#cssmenu_276 .has-sub{text-align:left !important;}

#cssmenu_324 > ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
}

#cssmenu_326 > ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
}

#cssmenu_282 > ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
    width: 200px !important;
}

#cssmenu_284 > ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
}

#cssmenu_328 > ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
}

#cssmenu_378> ul > li > a {
    width: 100% !important;
    background: #034ea2 !important;
    font-size: 15px !important;
    font-style: Verdana,Geneva,sans-serif !important;
    color: white !important;
    border-radius: 5px;
}

/*  End of Customize Side Menu */
/* ------------------------- END OF CSS STYLES FOR FULL PAGE -------------------------- */ 





/* ------------------------- SlideOut CSS -------------------------- */ 

.slide-out-tab{
  z-index: 999!important;
}

.slide-out-tab .handle{background-color: #FE4D4D!important;}

#slide_tab_204 div{
    overflow: none!important;
}

#slide_tab_204 h3{
   position: relative;
   top: -16px;
}

.s_link{
  position: absolute;
  top: 3px;
}
.s_link h3 a:hover{
  color: #fff;
}

.slide_tab_203 .tab_name{
  color: #fff;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

/* ------------------------- End of SlideOut CSS -------------------------- */ 


/* ------------------------- Scrollbar Customization -------------------------- */ 
/* -------------------- works in Chrome and Safari only------------------------ */ 

::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* ---------------End of Scrollbar Customization --------------- */ 


/* ---------------SF-Menu Customization --------------- */ 
/* ---------------For Online Services --------------- */ 

.sf-menu{box-shadow:0px 0px 6.3px 0.7px rgba(0, 0, 0, 0.56); border-radius: 5px;}
.sf-vertical{width: 20em!important;}
.sf-menu li{background: rgba(255,255,255,0.9)!important;}
.sf-menu a{color:#045268!important; font-size: 14px;}
.sf-menu a:hover{color: #fff!important;}



/* ---------------End of SF-Menu Customization --------------- */ 



.block_total_site_visits .content {
    visibility: hidden;
}


.page-title  h1, .search_header > h2 {
  font-family: 'Roboto Condensed',sans-serif;
  /*color: #fff!important;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);*/
/*-------------- 23-2-2017 update---------------*/
  color: #045268!important;
  /*text-shadow: 0px 0px 5px rgb(54, 141, 204);*/
  font-size: 30px;
  font-weight: 100;
  margin: 30px 0 0 20px;
  padding: 0;
}

.block {    
    margin: 0px;    
}

.block .content {    
    margin: 0px;
}

.block_html_block .content, #container_left .block_html_block .content, #container_right .block_html_block .content {
    padding: 0px;
}


.block_website_statistics table{
	visibility: visible;
	text-align:left;
}

.cms_div .block .padded {
    padding: 10px;
}


.cms_div .block .block_label {
    /*color: #14AAD5;*/
    display: block;
    font-size: 0.9em;
    font-weight: bold;    
	/*margin-left : 10px;*/
}



#container_content{
    /*background: none repeat scroll 0 0 rgba(255,255,255,0.8);
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    padding: 25px;*/
    position: relative;
    margin-bottom: 5px;
    width: 100%;
}

#container_content h1, #container_content h2, #container_content h3, #container_content h4, #container_content h5, #container_content h6, #container_content a
{ color: #045268; }

#container_content .aj-form a{
    color: #ffffff !important;
}

#container_content img{max-width: 100%;}
#container_content .list, #container_content p{font-size: 14px; line-height: 1.5em; color: #666; text-align: justify;}
#container_content .quote{font-style: italic; font-size: 18px; color: #045268; font-family: serif; line-height: 1.5em;}
#container_content hr{ height: 10px; border: 0; box-shadow: 0 10px 10px -10px #8c8b8b inset;}
#container_content .list{margin-left: 30px;}

.breadcrumb{color: #fff;}
.breadcrumb li a{color: #fff;}
.breadcrumb li a:hover{color: #045268;}


/* ----------- For Floating Online Menu in Big Screen ----------- */
@media screen 
  and (min-device-width: 1367px) 
  and (max-device-width: 1920px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  .inner .f_box{
  /*   right: 350px!important;     */
  }
}


@media only screen and (max-width: 768px){
 .q_links{margin: 0 auto; width: 640px;}
 .q_link_items{display: inline-block!important;}
 
 .row .col-6{margin: 0px auto auto 0px!important; display: block;}
 .f_body{text-align: center;}
.column-58eb1dbb0ec0a{
    padding:0 !important;}
 #rhino-slider_221_page, #rhino-slider_221_page .rhino-container{width: auto!important;}

}



/* ----------- Responsive Feature ----------- */
/* ----------- for Mobile Devices ----------- */
/* ----------- iPhone 6 (Changed to mobile view (I6 - 640px)) ----------- */

@media only screen and (min-width: 320px) and (max-width: 768px){
 
 #responsive_menu_212 > ul >li:nth-child(2){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(3){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(4){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(5){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(6){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(7){width: 100% !important;}
 #responsive_menu_212 > ul > li:nth-child(8){width: 100% !important;} 

 .container_slider > div:first-child{width: 100% !important;}

/* --------------------- Start E-Directory -------------------- */

.search_toolbar{
    overflow-x: scroll;
}

.ui-tabs-panel .lvl-content{
    width: 49% !important;
}

/* ---------------------- End E-Directory --------------------- */ 


/* --------------------- Start Weather Tabbing -------------------- */

.row-58eb1d680ec07 .col-8-12 #jwrapper_508{max-width: 390px !important;}
.row-58eb1d680ec07 .col-8-12 #jwrapper_508 #api_508 ul li{width: 390px !important;}
.row-58eb1d680ec07 .col-8-12 #jwrapper_508 #api_508 ul li .outer #waterlevel,
.row-58eb1d680ec07 .col-8-12 #jwrapper_508 #api_508 ul li .outer #rainfall{width: 60% !important;}

.row-58eb1d680ec07 .col-8-12 #jwrapper_506{max-width: 390px !important;}
.row-58eb1d680ec07 .col-8-12 #jwrapper_506 #api_506 ul li{width: 390px !important;}

#demo2{top: unset !important; bottom: 110px; padding-left: 42% !important;}

/* ---------------------- End Weather Tabbing --------------------- */ 

/* --------------------- Start Banner / Side Tabbing -------------------- */

.row-58661e1739610{display: table; float: none;}
.row-58661e1739610 .col-10-12{width: 100% !important; display: table-header-group; float: none !important;}
.row-58661e1739610 .col-2-12{width: 100% !important; display: table-footer-group; float: none !important;}
.row-58661e1739610 .column-58661e1739611{padding: 10px 0px 5px 0px;}

/* ---------------------- End Banner / Side Tabbing --------------------- */  



/* --------------------- Start Banner / Side Tabbing -------------------- */

.row-58661e1739610{display: table; float: none;}
.row-58661e1739610 .col-10-12{width: 100% !important; display: table-header-group; float: none !important;}
.row-58661e1739610 .col-2-12{width: 100% !important; display: table-footer-group; float: none !important;}
.row-58661e1739610 .column-58661e1739611{padding: 10px 0px 5px 0px;}

/* ---------------------- End Banner / Side Tabbing --------------------- */


/* --------------------- Start Footer Colorbox -------------------- */

.front-end-colorbox{width : attr(data-width: 100%);}
/*#cboxContent{width: 100% !important;} */
/*#cboxLoadedContent{width: 100% !important;} */
/*#cboxWrapper{width: 100% !important;}*/
/*#colorbox{width: 100% !important;}*/

/* ---------------------- End Footer Colorbox --------------------- */

 .row-5858ae023d0f1, .row-5858ae023d0f1,.row-5858ae623d0f4, .row-5858aed03d0f7, .row-5858af3e3d0f9, .row-5858aed03d0f7, .row-5858af3e3d0f9, .row-58661e1739610{width: auto!important;}
 .row-5858af5c3d0fd{background: rgba(24, 94, 171,0.9) !important;} 
 .w3c_bar{float: none!important; /*margin-top: 35px;*/}
 .w3c_bar div {position: relative;/*padding: 5px 3px!important;*/}
 .head{font-size: 18px!important;}
 #cssmenu_248, #cssmenu_276, #cssmenu_324, #cssmenu_326, #cssmenu_282, #cssmenu_284, #cssmenu_328, #cssmenu_378{display:none;}

.full td{display:block; width:100% !important;}
.full{display:block; width:100% !important;}

.footer_bubble:after{left:-44px !important;}
.footer_bubble .f_inner{left:-88px !important;}
#f_menu .f_inner{width:95%;} 

div.s_title div   { 
padding-left: 36px;  
float: left;
display:none; 
}

.s_title 
table tbody tr:first-child td:first-child{
display:none;
}

#statistics .s_title{width:auto !important;margin: 15px 5px 10px 10px !important;}

.s_title table tbody tr:nth-child(2) td:first-child{display:block !important;}
.s_title table tbody tr:nth-child(2) td:first-child img{display:none}

.s_title table tbody tr:nth-child(2) td:nth-child(4){display:block !important;}
.s_title table tbody tr:nth-child(2) td:nth-child(4) img{display:none;}

.s_title table tbody tr:nth-child(2) td:nth-child(7){display:block !important;}
.s_title table tbody tr:nth-child(2) td:nth-child(7) img{display:none;}

.s_title table tbody tr:nth-child(2) td:nth-child(10){display:block !important;}
.s_title table tbody tr:nth-child(2) td:nth-child(10) img{display:none;}

.s_title table tbody tr:nth-child(2) td:nth-child(13){display:block !important;}
.s_title table tbody tr:nth-child(2) td:nth-child(13) img{display:none;}

.title_stat{
  position: relative;
  font-size: 14px;
  color: white;
  left: 25px;
  top: 17px;
  display:none;
}


.s_title table tbody tr:nth-child(2) td:nth-child(2){padding-left:0px !important;width:0px !important;float:left;}

.s_title table tbody tr:nth-child(2) td:nth-child(5){padding-left:0px !important;width:0px !important;float:left;}

.s_title table tbody tr:nth-child(2) td:nth-child(8){padding-left:0px !important;width:0px !important;float:left;}

.s_title table tbody tr:nth-child(2) td:nth-child(14){padding-left:0px !important;width:0px !important;float:left;}
.s_title table tbody tr:nth-child(2) td:nth-child(15){display:none;}
.s_title table tbody tr:nth-child(2) td:nth-child(11){padding-left:0px !important;width:0px !important;float:left;}


#contact_container .c_form div:nth-child(5) {
    position: relative !important; 
    right: 0% !important; 
    top: 0px !important; 
    padding: 0px !important; 
    width: auto !important;
    height: auto !important; 
}



#contact_container .c_form #container_form #container_section .captcha_div {
    position: relative !important;
    left: 10% !important;
    top: -26px !important;
    width: 287px !important;
    padding-top: 20px;
}
  
#contact_container .c_form #form_submit {
    right: 49% !important;
}
#contact_container .c_form .ui-corner-all {
    position: absolute !important;
    right: 20% !important;
    bottom: -3% !important;
    width: 100px !important;
}

#myBtn{display: none !important;}
.c_address{width:100% !important;text-align:center !important;}
.c_form {display:block !important;width:100% !important;}



 #responsive_menu_212{ height: auto;width:100%;}

 #responsive_menu_212 > ul > li > a{text-align: left;}
 #responsive_menu_212 li img {display: inline-block; }
 
 .q_links{width: 100% !important; margin: auto!important;}
 .q_link_items{width: 100%!important; text-align: center;}
 .q_link_items div{background-position: 30% 50%!important;}
  
 .f_search .search-box1{width: 85% !important; margin: auto;}
 .f_search .search-wrap{width: 100% !important;}
 .f_search img{display: none;}
 
 .f_fullrow{position: relative!important; bottom: 0px!important;}
 .f_center{width:100%!important;}
  
 /*.f_body{padding: 0px 0px 45px 0px;} */
  
  #tabs{width: auto!important; padding: 0px!important;}
  #tabs .ui-widget-header{width:auto!important;}
  .ui-tabs-vertical .ui-tabs-nav{float:none!important;}
  .ui-tabs-vertical .ui-tabs-panel{width: 100%!important;}
  #jwrapper_404{max-width: 545px !important;}
  #api_404 > ul li{width: 273px !important;}
  
  

  .fb_menu .inner{padding: 0px!important; min-width: 100%;}
  .f_calendar, .f_online, .f_library, .f_SISPA{padding: 25px 0px!important;}
  .fb_menu .inner div{ background-position: 18% 50%!important; /*padding: 25px 0px!important;*/ text-align: center;}
  .fb_menu .c_title, .c_title > span{padding: 0px 0px 0px 60px !important;}
  .title{position: inherit!important; padding: 20px 80px!important;}
  .inner:hover .f_box{position: absolute; top: 0px; right: -15px;}
  .c_title{top:0px !important;}


 /* #rhino-slider_221_page .rhino-active img{width: 50%!important; height: 150px!important;}*/ /*did news*/
  .column-58eb1d2d0ec06{padding-left:unset !important;}
  #rhino-slider_220_page, #rhino-slider_221_page, #rhino-slider_221_page .rhino-container, #rhino-slider_220_page .rhino-container{width: auto!important;}  
  
  #rhino-slider_221_page .rhino-prev{left: 30px!important;}
  #rhino-slider_220_page .rhino-next{right: 0px!important;}
  #rhino-slider_221_page .rhino-next{right: 0px!important;}
  
 .f_footer{position: relative!important; height: auto!important;background: none !important;}
 .f_container{width: auto!important;}
 #f_menu{width:100%!important;}
 #f_menu ul li{min-width: 100px; padding: 20px; border: 0px !important; width: initial !important;}
 #f_menu ul li a:hover{color: #fff;}
 #f_menu ul li a{border: none!important; padding: 21px 0px 2px 0px!important;}

 #t_links a{padding: 2px 2px !important;}
 #t_links a:hover{background:#ad0e0e!important;}

 .responsive_menu .submenu-button:before{
  height: 0px!important;
  width: 0px!important;
}
.responsive_menu .submenu-button:after{
  height: 0px!important;
  width: 0px!important;
  right: 15px!important;
  border-left: 8px solid #003366;
  border-top: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0)!important;
}

.responsive_menu .submenu-button.submenu-opened:after{
  border-top: 8px solid #003366;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0)!important;
}
.responsive_menu ul ul .submenu-button:after{
  right:12px!important;
}


.pernerbiatanjps{position: relative!important; margin: 0px!important;}
.pernerbiatanjps>table{width: 100%!important}

}






@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 600px) {
   .login-wrap {
        right: 0;
    }
}

/*@media only screen 
and (min-width : 700px) {
	.login-wrap {
		right: 300px;
	}
}*/

div.buttons {
    border: medium none;
    margin: 10px 10px 10px 20px;
    padding: 0;
}



.poll_question{
	color : #EAD0D0;
	font-size : 12pt;
}



.toolbars h2 {
    color: #777777;
    float: left;
    font-size: 20px;
    font-weight: 100;
    margin: 2px 0 4px;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
	
}

div.horizontal_popup_contaier {
    background: #BF2443 !important;
    font-weight: bold;
}

#web_container_center{
    background: none repeat scroll 0 0 #FFFFFF;
   /*  border: 1px solid #CACACA; */
    border-radius: 5px 5px 5px 5px;
    /* box-shadow: 0 0 3px #DADADA; */
    margin-bottom: 5px;
    /* overflow-x: hidden; */
    /*padding: 2px 3px;*/
	padding :0px;
    position: relative;
	/* float : left; */
	/* width: 100%; */
}

#web_container_center .block{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #DADADA;
    margin-bottom: 5px;
    /* overflow-x: hidden; */
    padding: 2px 3px;

}




#web_container_center .block .content{
	margin : 0px;
	text-shadow : 0 0px 0px #FFFFFF;	
	padding : 8px;
}



#web_footer{
	width : 100%;
	font-size: 9pt;	
}

#web_footer .block {
	text-shadow : none;
}

#web_footer_col1{
	width:100%;
	padding: 15px 50px 15px 50px;
}

#web_footer_row2_col1{
	padding-left:15px;
}

#web_footer_row2_col3{
	padding-right:15px;
}

div#web_footer_row2_col1{
	visibility: hidden;
}

span.float_right{
	visibility: visible;
}

#web_header{
	/*background-color: blue;*/
	padding-top : 10px;
	padding-right: 10px;
	margin : 0 0 10px;
	width: 100%;
	
}


#web_header_container .block .content {
    color: #333333;
    line-height: 1.3em;
	margin : 0px;
}

#web_header .search-box2{
    width: 135px !important;
    margin-top: -65px;
}


#web_layout_homepage{	
	height: auto !important;
    margin: 0 auto -45px;
   /* min-height: 100%;*/
	width : 100%;
}


#web_main_container{	
	background-color: transparent;
}

#web_main_container .block{   
    /*border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #DADADA;
    margin-bottom: 5px;
    padding: 2px 3px;
    position: relative;*/
	
}



#web_navigation1{
	
	width : 100%;
}


#web_navigation2{
	margin : 0 0 10px;
	width : 100%;
	padding-bottom: 10px;
}

#web_row1_col1{
	padding-top:10px;
	padding-left: 15px;
	height:50px;

}

#web_row1_col2{
	height:50px;
	float:right;
	padding-right: 15px;
}

#web_section_row2{
	padding-bottom: 10px;
}

#web_row2_col1{
	height:280px;
	float: none;
	padding: 0 15px 0 15px;
}

#web_section_row3 a {
	color: #3366ff;
}

#web_row3_col1{
	height:200px;
	padding-left: 25px;	
}

#web_row3_col2{
	height:200px;
	padding-right: 40px;

}

#web_section_row4{
	padding-top: 15px;
}

#web_row4_col1{
	height:120px;
	float: none;
	padding: 0 25px 0 25px;
}

ol.rhino-bullets{
	bottom: 0px;
}


.login-wrap {
color: #D3D3D3 !important;
/*margin-top:20px !important;*/
}

#toggle-login { 
	color: #D3D3D3 !important;
}


/* division landing page */

/*j-tab*/
.column-55481fcf52075 .ui-widget-header,
.column-554840190c9e6 .ui-widget-header,
.column-554b112313ae1 .ui-widget-header,
.column-55375e981982e .ui-widget-header,
.column-55345d4834f30 .ui-widget-header{
	border: 0; 
	background: transparent;
}

.column-55481fcf52075 .ui-tabs-nav,
.column-554840190c9e6 .block_no_1 .ui-tabs-nav,
.column-554b112313ae1 .ui-tabs-nav,
.column-55375e981982e .ui-tabs-nav,
.column-55345d4834f30 .ui-tabs-nav{
    background-color: #222 !important;
    height: 30px;
}

.column-554840190c9e6 .block_no_2 .ui-tabs-nav{
    background-color: #222 !important;
}

.column-55481fcf52075 .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.column-554840190c9e6 .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.column-554b112313ae1 .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.column-55375e981982e .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.column-55345d4834f30 .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: white;     
    border-color: #CCCCCC;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;  
    color: #222222;
    position: relative;
    z-index: 5;
    color: black !important;           
    text-decoration: none !important;   
}

.column-55481fcf52075 .ui-tabs .ui-tabs-panel,
.column-554840190c9e6 .ui-tabs .ui-tabs-panel,
.column-554b112313ae1 .ui-tabs .ui-tabs-panel,
.column-55375e981982e .ui-tabs .ui-tabs-panel,
.column-55345d4834f30 .ui-tabs .ui-tabs-panel{
	background-color: white;                                               
	border:1px solid white;
        margin-left:1px; border-radius: 4px;
}

.column-55481fcf52075 .ui-widget-content,
.column-554840190c9e6 .ui-widget-content,
.column-554b112313ae1 .ui-widget-content,
.column-55375e981982e .ui-widget-content,
.column-55345d4834f30 .ui-widget-content{
	border :0;
	background:Transparent;
}

.column-55481fcf52075 .ui-tabs .ui-tabs-nav li,
.column-554840190c9e6 .ui-tabs .ui-tabs-nav li,
.column-554b112313ae1 .ui-tabs .ui-tabs-nav li,
.column-55375e981982e .ui-tabs .ui-tabs-nav li,
.column-55345d4834f30 .ui-tabs .ui-tabs-nav li{
	text-align: right;
}

.column-55481fcf52075 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-554840190c9e6 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-554b112313ae1 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-55375e981982e .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-55345d4834f30 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom:0;
	padding-bottom:0;
}

.column-55481fcf52075 .ui-tabs .ui-tabs-nav li,
.column-554840190c9e6 .ui-tabs .ui-tabs-nav li,
.column-554b112313ae1 .ui-tabs .ui-tabs-nav li,
.column-55375e981982e .ui-tabs .ui-tabs-nav li,
.column-55345d4834f30 .ui-tabs .ui-tabs-nav li{
	position: relative; 
	border: none;
	margin: 0 0 -5px 0;
	background: none;
}

.column-55481fcf52075 .ui-tabs-anchor,
.column-554840190c9e6 .ui-tabs-anchor,
.column-554b112313ae1 .ui-tabs-anchor,
.column-55375e981982e .ui-tabs-anchor,
.column-55345d4834f30 .ui-tabs-anchor{
        color: white !important; 
        text-decoration: underline !important; 
}

.column-55481fcf52075 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-554840190c9e6 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-554b112313ae1 .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-55375e981982e .ui-tabs .ui-tabs-nav li.ui-tabs-active,
.column-55345d4834f30 .ui-tabs .ui-tabs-nav li.ui-tabs-active{
	padding-bottom:0;
}                      
                 
.column-55481fcf52075 .ui-tabs ui-widget .ui-widget-content .ui-corner-all,
.column-554840190c9e6 .ui-tabs ui-widget .ui-widget-content .ui-corner-all,
.column-554b112313ae1 .ui-tabs ui-widget .ui-widget-content .ui-corner-all,
.column-55375e981982e .ui-tabs ui-widget .ui-widget-content .ui-corner-all,
.column-55345d4834f30 .ui-tabs ui-widget .ui-widget-content .ui-corner-all{
	margin-top: 8px;
}
/*end of j-tab/*

/*accordion block*/
.column-55481fcf52076 .ui-accordion-header,
.column-554840190c9e7 .ui-accordion-header,
.column-554b112313ae2 .ui-accordion-header,
.column-55375e981982f .ui-accordion-header,
.column-55345d4834f31 .ui-accordion-header{
   background:#006699;
    color: white;
   border : 0;
}

.column-55481fcf52076 .ui-state-hover,
.column-554840190c9e7 .ui-state-hover,
.column-554b112313ae2 .ui-state-hover,
.column-55375e981982f .ui-state-hover,
.column-55345d4834f31 .ui-state-hover{
   background:#BBBFC8;
    color: black;
}

.column-55481fcf52076 .ui-state-active,
.column-554840190c9e7 .ui-state-active,
.column-554b112313ae2 .ui-state-active,
.column-55375e981982f .ui-state-active,
.column-55345d4834f31 .ui-state-active{
   background:#84ACBF;
    color: white;
}
/*end of accordion block*/

/*end of division landing page */
.web_filter{
	filter: grayscale(100%);
}

/*-----------contact us form block css----------------------------*/
#row_350 .label, #row_352 .label {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0 10px;
}

#row_350 .field, #row_352 .field{
    margin-left: 90px;
    margin-left: 10px;
    padding: 0 0px;
    width: 92%;
}

/*-------------------Start Responsive Breakpoint 2----------------------------*/
@media only screen and (min-width : 768px) and (max-width: 1024px) {

.container_slider > div:first-child{width: 100% !important;}

/*---------------------Start Responsive For Second Pages----------------------------*/
.full {
    display: block;
    width: 100% !important;
}
.full td {
    display: block;
    width: 100% !important;
}
/*-----------------------End Responsive For Second Pages----------------------------*/

/*---------------------Start Responsive For Banner (anything slider)----------------------------*/

#edit_214 .q_links .q_link_items{width: 100% !important;}
.col-10-12{padding-left: 5px;}

/*-----------------------End Responsive For Banner (anything slider)----------------------------*/

/*---------------------Start Responsive For Banner(slicebox slider) / Side tab----------------------------*/

.row-58661e1739610 .col-10-12{width: 100% !important; display: table-header-group; float: none !important;}
.row-58661e1739610 .col-2-12{width: 100% !important; display: table-footer-group; float: none !important;}
.row-58661e1739610 .column-58661e1739611{padding-top: 10px;}
.block-214 .q_links{display: inline-flex; width: 100% !important;}

/*-----------------------End Responsive For Banner(slicebox slider) / Side tab----------------------------*/

#demo2{padding-left: 42% !important;}

} /*Closing bracket for @media*/
/*---------------------End of Responsive Breakpoint 2----------------------------*/

/*------------------------Start Responsive Breakpoint 3-----------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 1170px) {

/*------------------------------Start Responsive for Weather Block-------------------------------------*/
.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    width: 100% !important;
    white-space: nowrap;
    display: flex;
    /* display: inline; */
}
#tabs > .ui-tabs-nav li:first-child{height: 80px;}
#tabs > .ui-tabs-nav li:nth-child(2){height: 80px;}

#tabs > .ui-tabs-nav li a{display: flex; padding: 0px !important; /*font-size: 24px !important;*/}

#edit_342 .ui-tabs-panel{margin: auto;}

#tabs > .ui-tabs-nav li a span{font-size: 16px; !important; margin: auto; padding-top: 10px;white-space: initial; display: block;}

#demo2{top: 46% !important; padding-left: 42%;}
/*------------------------------END Responsive for Weather Block-------------------------------------*/

/*----------------------------------------Start Responsive for Menu----------------------------------*/

/* .col-9-12, .col-3-12{width: 100% !important; margin: 0 auto 0 auto;} */

.row-5858ae623d0f4 > div:first-child {width: 100vw !important; margin: 0 auto 0 auto;}
.row-5858ae623d0f4 > div:nth-child(2){width: 100vw !important; margin: 0 auto 0 auto;}
.f_search .search-wrap{width: 84% !important;}
.responsive_menu > ul > li:nth-child(7) ul:hover ul{left: -360px !important;}

/*---------------------------------------End Responsive for Menu-------------------------------------*/

/*--------------------------------Start Responsive for Search Bar--------------------------*/

/*.f_search .search-wrap{width: 100% !important;} */

/*------------------------------End Responsive for Search Bar------------------------------*/

/*------------------------------------------Start Second Pages----------------------------------------------*/
#cssmenu_248, #cssmenu_276, #cssmenu_324, #cssmenu_326, #cssmenu_282, #cssmenu_284, #cssmenu_328, #cssmenu_378{display:none;}

#myBtn{display: none !important;}

.row-5858af3e3d0f9 > .col-9-12{width: 100% !important;}
/*------------------------------------------End Second Pages----------------------------------------------*/


/*----------------------------------------Start W3C Block--------------------------------------------*/

.w3c_bar{float:none !important;}

/*----------------------------------------End W3C Block--------------------------------------------*/

} /*Closing bracket for @media*/
/*------------------------END Responsive Breakpoint 3-----------------------------------*/

/*------------------------Start Responsive Breakpoint 4-----------------------------------*/
@media only screen and (max-width : 570px) {

/*------------------------------Start Responsive for Weather Block-------------------------------------*/
#jwrapper_404{max-width: 276px !important;}

#jwrapper_406{max-width: 279px !important;}

#jwrapper_514{max-width: 320px !important;}
#jwrapper_514 #api_514 ul{left: unset !important;}
/*------------------------------Start Responsive for Weather Block-------------------------------------*/

} /*Closing bracket for @media*/
/*------------------------END Responsive Breakpoint 4-----------------------------------*/

/*------------------------Start Responsive Breakpoint 5-----------------------------------*/
@media only screen and (max-width : 874px) {

/*------------------------------Start Responsive for Weather Block-------------------------------------*/

.row-58eb1d680ec07 .col-8-12{width: 100% !important;} 

.row-58eb1d680ec07 .col-4-12{width: 100% !important; padding-bottom: 10px;} 

#demo{padding-left: 42% !important;}
#jwrapper_514{padding: unset !important;}
#jwrapper_514 #api_514 > ul{left: unset !important; display: inline-block; margin: auto; width: 100%;}
#jwrapper_514 #api_514 > ul > li{width: 100% !important; margin: auto;}
/*------------------------------Start Responsive for Weather Block-------------------------------------*/

} /*Closing bracket for @media*/
/*------------------------END Responsive Breakpoint 5-----------------------------------*/