:root {
  --textcolor: #2e2e2e;
  --titlecolor: #28696D;
  --cyan: #24AEB1;
  --primary: #00ADEE;
  --linkcolor: #0F61B2;
  --infocolor: #3B8598;
  --approved: #4CAF50;
  --pending: #FB8C00;
  --rejected: #E53935;
  --orange: #FF7D01;
  --danger: #D62828;
  --success: #00A73E;
  --yellow: #ffd000;
  --error: #FB0101;
  --grey: #757575;
  --step-bg: #DDDCD7;
  --light-grey: #F7F6F2;
  --em-base: 15;
  --text-white:#fff; }

/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}

html,
body {
  -webkit-overflow-scrolling: touch;
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  height: 100%; } 

ul {
  margin: 0;
  padding: 0;
  list-style: none;
  
  }

* {
  table-layout: fixed; }

*:focus {
  outline: 0; }

::-ms-clear {
  display: none; }

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none; }

button,
input[type="submit"],
input[type="button"],
select {
  outline: none;
  border: 0; }

  h3, h2, .abtnashikwrp h2{
    font-size: 2rem;
    font-weight: 600 !important;
  }

img {
  max-width: 100%;
  height: auto; }

.header__topnavbar {
  background-color: #020044;
  padding: 8px 12px; }

.header__items {

  font-size: 0.75rem;
  display: flex;
  justify-content: space-between;
  color: #fff; 
    align-items: center;      
  }
.header p{
	margin-bottom:0 !important;
}  
.header ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
align-items: center;    
  }

.header li {
  padding: 0 3px;
  text-decoration: none; }

.header a {
  color: #fff;
  padding: 0 6px; }

.header span {
  padding-right: 50px; }
/*search form*/
#search-block-form .form-submit{width: 40px;border: 1px solid #fff;
    background: #020044;
    text-align: center;
    color: #fff;
    font-size: 14px;
	margin-top:4px;
	height:30px;
	background-image: url("../images/search_new_2.png");
	background-repeat:no-repeat;
	 

}
#search-block-form input{ height:31px;}
#search-block-form .form-submit:hover{background-color:#ff3a01;}

#search-block-form .form-item-search-block-form{
    float: left;
    margin: 0px;
}
#search-form { display:none;}
.search_res_h5{ text-align:center;}

#sm-block-visitors-0{
    background: #fff;
    color: #021C57;
    font-size: 18px;
    font-weight: bold;
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width:80%;
}
#sm-block-visitors-0 .item-list ul li{ margin:0px; 	}
#sm-block-visitors-0 .item-list ul{margin:0px;font-size: 15px;
    font-weight: bold;
    margin: 5px 8px 5px 8px;}

.search-results .search-info{display:none;}

@media (max-width: 767.98px) {
  .header__items {
    justify-content: flex-end; }
  .header__topnavbar {
    padding: 4px 6px; } }

.top-navbar {
  border-bottom: 1px solid #ececec; }
  .top-navbar__logoimg {
    width: 145px;
    max-width: 100%;
    height: auto; }
  .top-navbar__corporatelogo {
    width: 60px;
    max-width: 100%;
    height: auto; }
  .top-navbar ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 10px; }
  .top-navbar li {
    padding: 0 8px;
    text-decoration: none;
    margin: 4px 0;
    height: 30px; }
  .top-navbar a {
    color: rgba(0, 0, 0, 0.9) !important; 
    padding: 6px !important;
    font-size: 0.82rem;
    text-transform: uppercase;
    font-weight: 500; }
  .top-navbar a:hover {
    text-decoration: none;
    color: #fd3a01 !important; }
  .top-navbar .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.09) !important; 
  

    }
	.navbar-light .navbar-nav .active>.nav-link{
                                color:#ff3a01 !important;}

  .top-navbar .nav-link {
    color: rgba(0, 0, 0, 0.9) !important;  }
  @media (max-width: 768px) {
    .top-navbar li {
      border-left-color: #fff !important;
      padding: 5px 0;
      border-bottom: 1px solid #e2e2e2; }
    .top-navbar ul {
      margin: 10px 0; }
    .top-navbar__logoimg {
      width: 100px; }
    .top-navbar__corporatelogo {
      width: 45px; } }
  @media (min-width: 768px) {
    .top-navbar .nav-link::after {
      content: "";
      width: 0;
      display: inline-flex;
      height: 2px;
      background: #fd3a01;
      transition: width 0.3s; }
    .top-navbar .nav-link:hover::after {
      width: 100%; } }
  .top-navbar .dropdown-menu {
    font-size: 12px;
    border-radius: 0;
    margin: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; 
	display:none;
	}
    
    .navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9) !important;
	} 
  .top-navbar .dropdown:hover .dropdown-menu {
    display: block;
    padding: 15px 10px; 
	
  }
  
  .top-navbar .dropdown:focus-within .dropdown-menu {
    display: block;
    padding: 15px 10px; 
	
	}
  .top-navbar .dropdown-toggle::after {
    display: none !important; }
  .top-navbar .dropdown-item {
    transform: translate3d(-0.5em, 0, 0);
    transition: transform 0.5s, color 0.5s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); 
	
	}
  .top-navbar .dropdown-item:hover {
    transform: translate3d(0, 0, 0);
    background-color: #fff; }
	
	.focus-visible + .dropdown-menu{
  display:block;
  padding: 15px 10px;
}

.drodown:focus + .dropdown-menu{
  display:block;
}


.new-tag{
    font-size: 0.5rem;
    background-color: red;
    color: #fff;
    padding: 2px;
    border-radius: 3px;
    float: right;
    position: relative;
    top: -35px;
    left: 15px;
  }


.carousel-inner .carousel-item > img {
 /* -webkit-animation: zoom 20s;
  animation: zoom 20s; */
  }
  
  .es-sensors {
    background: #020044;
    color: #fff;
    border: 1px solid #fff;
}

.service-wrp{
  background: rgb(213,254,253);
  background: linear-gradient(0deg, rgba(213,254,253,1) 0%, rgba(251,250,255,1) 100%);
}

.icon-bg{
	background: rgb(213,254,253);
	background: linear-gradient(0deg, rgba(213,254,253,1) 0%, rgba(251,250,255,1) 100%);
    height: 80px;
    width: 80px;
    display: flex;
    border-radius: 50px;
    border: 2px solid #bbdbdc;
}


/* bord of directors carousel */
.our-webcoderskull {
  background-color: #f8f8f8; }
  .our-webcoderskull__cnt-block:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border: 0; }
  .our-webcoderskull__equal-hight {
    height: 310px; }
  .our-webcoderskull__cnt-block {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
    text-align: center;
    border: 2px solid #d5d5d5;
    margin: 0 0 28px; }
    .our-webcoderskull__cnt-block figure {
      width: 148px;
      height: 148px;
      border-radius: 100%;
      display: inline-block;
      margin-bottom: 15px; }
    .our-webcoderskull__cnt-block img {
      width: 148px;
      height: 148px;
      border-radius: 100%; }
    .our-webcoderskull__cnt-block h3 {
      color: #2a2a2a;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 6px 0;
      text-transform:capitalize; }
    .our-webcoderskull__cnt-block a {
      text-decoration: none;
      color: #2a2a2a; }
    .our-webcoderskull__cnt-block a:hover {
      color: #337ab7; }
    .our-webcoderskull__cnt-block p {
      color: #2a2a2a;
      font-size: 13px;
      margin-bottom: 0;
      font-weight: 400; }

      .wp-block-image img{
        width: 100%;
      }
  .our-webcoderskull .carousel-indicators {
    bottom: -15px; }
    .our-webcoderskull .carousel-indicators li {
      background-color: #fe3a00; }

      .bdwrp{
        flex-wrap: wrap;
        justify-content: center;
      }

@media (min-width: 992px) {
  .our-webcoderskull .col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%; } }

/* bord of directors End here */
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
  }
}
  
.service-wrp h3 {
  font-weight: 500 !important; }

.service-wrp a:hover {
  color: #000; }


.service-wrp__service-list {
  display: flex;
  color: #020044;
  flex-direction: column;
  text-transform: uppercase;
  align-items: center;
  padding: 10px;
}
  .service-wrp__service-list img {
    width: 40px;
    height: 40px; }
  .service-wrp__service-list span {
    padding: 10px 0;
    font-size: 0.9rem;
	font-weight: 500;	}

.service-wrp .flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 10px !important;
}

.viewallservice{
  text-align: right;
}

.viewallservice button{
  background: none;
  font-size: 0.8rem;
}

.viewallservice button a, .viewallservice .fa-angle-double-right{
  color: #fe3a00;
}



.service-wrp .btn-primary {
  background-color: #020044;
  font-size: 0.86rem; }
  .service-wrp .btn-primary a {
    color: #fff; }

 .service-wrp figure:hover{
 background-color: #FFFFFF;
 border-radius: 10px;
 border: 2px solid #bcdcdd78;
 width: 100%;
 }  
 
 /* .service-wrp figure{
 padding: 15px 0 0;
} */

.services-hover{
  display: none;
}

.services-hover {
  font-size: 0.7rem;
  text-transform: none;
  padding: 10px; text-align: center;}

.service-wrp figure:hover .services-hover{
  display: block;
  padding-top: 0px;
}

.content-wrp {
  float: left;
  width: 100%;
  background-color: #EBEBEB;
  display: flex;
  flex-wrap: wrap;
 }
  .content-wrp .side-card {
    padding: 0.4rem 1.25rem;
    background-color: #020044;
    color: #fff; }
.filter-button{
   margin:0 3px;
}

  .content-wrp .nav-tabs .nav-item {
    padding: 0; }
  .content-wrp .nav-tabs .nav-item.show .nav-link,
  .content-wrp .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fff;
    border: 0; }
  .content-wrp .nav-tabs .nav-link:focus,
  .content-wrp .nav-tabs .nav-link:hover {
    border: 0; }
  .content-wrp .nav-tabs {
    border-bottom: 0; }
  .content-wrp .nav-tabs .nav-link {
    background-color: #020044;
    color: #fff;
    font-size: 0.86rem;
    border: none;
    font-weight: 400;
  }
  .content-wrp .nav:nth-child(2) {
    font-size: 52px; }
  .content-wrp .card-title {
    font-size: 0.86rem; }
  .content-wrp .readall {
    font-size: 0.8rem;
    cursor: pointer; }
  .content-wrp .readall:hover {
    color: #fe3a00; }
  @media (min-width: 768px) {
    .content-wrp .nav-tabs .nav-item {
      border-top: 2px solid #020044;
      border-right: 1px solid #ccc; } }
  @media (max-width: 768px) {
    .content-wrp .nav-tabs .nav-item.show .nav-link,
    .content-wrp .nav-tabs .nav-link.active {
      color: #fff;
      background-color: #fe3a00; } }

.activities {
  float: left;
  width: 100%; }
  
.qlinkHeading{
	padding: 0 10px;
    border-left: 2px solid #fe3a00;
 }

/* carousel */
.carousel-indicators {
  left: 0;
  top: auto;
  bottom: -40px; }

.carousel-indicators li {
      background-color: #fe3a00 !important; }

.quicklinks {
  display: flex;
  justify-content: center;
  margin: 10px 0 !important;
	align-items: center;
    text-align: center;
  }
  
  .quicklinks figcaption{
font-size:12px;
}

.content-wrp .tab-content ul li a{
                color:#000 !important;
}


/* End carousel */
.footer-wrp {
  background-color: #021C57;
  color: #fff; }
  .footer-wrp img {
    width: 35%; }
  .footer-wrp__foothead {
    font-weight: 300; }
  .footer-wrp hr {
    border-color: #fff;
    display: inline-flex; }
  .footer-wrp__footercontent {
    font-weight: 300; }
  .footer-wrp__footermenu li {
    list-style: none !important; }
	  .footer-wrp__footermenu li a.active {
   color:#ccc !important; }
	  .footer-wrp__footermenu li a:hover {
   color:#007bff !important; }
  .footer-wrp__footermenu a {
    color: #fff;
    font-weight: 300; }
  .footer-wrp__socialmedia li {
    list-style: none;
    font-size: 1.5rem; }
  .footer-wrp__socialmedia a {
    background: #fff;
    color: #021c57;
    height: 40px;
    width: 40px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
    .footer-wrp__socialmedia a:hover {
      background: #0069d9;
      color: #fff; }
  @media (max-width: 767.98px) {
    .footer-wrp__content-wrp {
      border-right-color: #021C57 !important;
      padding: 5px 0;
      border-bottom: 1px solid #e2e2e2; } }

.copyright-wrp {
  background-color: #020044;
  color: #fff;
  font-size: 0.8rem; }

/*css animation start here */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1); }
  to {
    -webkit-transform: scale(1.5, 1.5); } }

@keyframes zoom {
  from {
    transform: scale(1, 1); }
  to {
    transform: scale(1.5, 1.5); } }
.btn-primary, .nav-tabs .nav-link{
    background-color:#020044;
    color: #fff;
  }


  .nav-tabs .nav-item{
    padding: 0;
    border-top:2px solid #020044;
    border-right: 1px solid #ccc; 
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #000;
    border: 0; 
  }

  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border: 0;
  }

  .nav-tabs {
     border-bottom: 0;
}

  .content-wrp .card{
               height: 430px;
 }
.btn-group-fab{
   position: fixed;
    width: 60px;
    height: auto;
    right: 20px;
    bottom: 80px;
    z-index: 999999;
}

.form-btn {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    right: 50%;
    margin-right: -20px;
    z-index: 9;}


.modal-dialog{
  max-width: 90vw;

}

.modal-body {
  height: 90vh;
  margin-bottom: 30px;
  padding: 10px;
    padding-top: 5px;
}

.modal-body .close{
  float:right;
  background-color: #fff;
  padding-bottom: 10px;
    font-size: 20px;
}

/* Remove outline for non-keyboard :focus */
/* *:focus:not(.focus-visible) {
  outline: none;
} */

/* Optional: Customize .focus-visible */
/* .focus-visible {
  box-shadow: 0 0 0 2px #fd3a01;
} */

.download_wrp .d-flex{
flex-wrap: wrap;
}



/*carousel animation strat here*/
#myCarousel .carousel-item .mask {
  position: absolute;
  top: 0;
left:0;
height:100%;
  width: 100%;
  background-attachment: fixed;
}
#myCarousel h4{
font-size:30px;
margin-bottom:15px;
color:#fe3a00;
line-height:100%;
letter-spacing:0.5px;
font-weight:500;
line-height: 38px;
}
#myCarousel p{
font-size:18px;
margin-bottom:15px;
color:#020044;
margin-bottom: 2px;
}

#myCarousel .carousel-item h4{-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;} 
#myCarousel .carousel-item p{-webkit-animation-name:slideInRight; animation-name:slideInRight;} 
#myCarousel .carousel-item a{-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
#myCarousel .carousel-item .mask img{-webkit-animation-name:slideInRight; animation-name:slideInRight; display:block; height:auto; max-width:100%;}
#myCarousel h4, #myCarousel p, #myCarousel a, #myCarousel .carousel-item .mask img{-webkit-animation-duration: 1s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
}

#myCarousel .carousel-item{height:100%; min-height:340px; }
#myCarousel{position:relative; z-index:1; height: fit-content;}

#myCarousel .carousel-control-next, .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: #f47735; }
#carousel-2 .carousel-control-next, #carousel-2 .carousel-control-prev{height:40px; width:40px; padding:12px; top:50%; bottom:auto; transform:translateY(-50%); background-color: #f47735;-webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;  }

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease,-webkit-transform .6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.carousel-fade .carousel-item {
opacity: 0;
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-property: opacity;
transition-property: opacity
}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
opacity: 1
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-right.active {
opacity: 0
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
@supports (transform-style:preserve-3d) {
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.carousel-fade .carousel-item-left.active, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item-prev.active, .carousel-fade .carousel-item.active {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

@-webkit-keyframes fadeInLeft {
from {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInLeft {
from {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
from {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

@keyframes fadeInUp {
from {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

to {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
from {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
}

to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

@keyframes slideInRight {
from {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  visibility: visible;
}

to {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}

.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
/*carousel animation strat here*/


.btn-group-fab .btn-primary{
       border-color: #020044;
}

.btn-primary:hover {
    color: #fff;
    background-color: #020044;
    border-color: #020044;
}




/* tender css start here */
.tender_table th {
  background-color: #020044;
  color: #fff;
  font-size: 0.875rem;
    padding: 5px 10px;
}

.tender_table tbody{
  font-size: 0.875rem;
}




.tender-wrp h3 {
  font-weight: 500;
}

.tender-wrp i{
  font-size: 1.2rem;
  color: #000;
}

.tender_table thead tr th:nth-child(1){
  width: 100px;
}
/* tender css end here */

/* board meeting start here */

.bordmeeting h3 {
  font-weight: 500;
}
/* board meeting end here */

/* image gallery start here */

.img-gallery-wrp h3{
  font-weight: 500;
}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}

.img-description{
  display: flex;
    flex-direction: column;
    text-align: left;
    font-size: 0.875rem;
    color: #000;
    padding: 5px;
}

.gallery-container .img-thumbnail{
  border-radius: 0;
}

.thumbnail .img-thumbnail:hover{
  background-color: #fe3a008a;
}

.gallery-container .modal-lg{
  width: 50%;
}

.img-gallery-wrp .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #020044;
  border-color: #020044;
} 

.img-gallery-wrp .btn-primary, .img-gallery-wrp .btn-secondary{
  color: #fff;
  background-color: #020044;
  border-color: #020044;
}

.gallery-container .modal-body{
height:auto;
margin-bottom:0;
padding:10px;
}


#image-gallery .modal-footer{
  display: flex;
  position: absolute;
  justify-content: space-between;
  width: 100%;
  padding: 0;
  top: 50%;
  border: 0;
}

/* image gallery end here */

.screenradarbtn, .fontstyle button {
  background: #020044;
  color: #fff;
  border: 1px solid #fff;
  
}



.sitemap ul li {
  font-weight: 300;
  font-size: inherit;
  line-height: 30px;
  letter-spacing: 0.1px;
  list-style-type: none;
  padding-bottom: 5px;
}

.sitemap li a {
  color: #0720a1;
  text-decoration: none;
  font-weight: bold;
}

.sitemap li ul li a {
  color: #090909;
  text-decoration: none;
  font-weight: normal;
}
.sitemap li ul li a:hover{
  color: #090909;
  text-decoration: none;
  font-weight: bold;
}

/* site map end here */
/* events start here */

.event-wrp h3{
  font-weight: 500;
}

.event-container .img-thumbnail{
  border-radius: 0;
  height: 275px;
}

.event-container .modal-lg{
  width: 50%;
}

.event-wrp .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #020044;
  border-color: #020044;
} 

.event-wrp .btn-primary, .event-wrp .btn-secondary{
  color: #fff;
  background-color: #020044;
  border-color: #020044;
}

/* events end here */

/* press release start here */
.pressrelease-wrp h3{
  font-weight: 500;
}

.nsc-projects {
  margin: 15px 0;
  box-shadow: 0 2px 4px 2px rgba(0,0,0,.08);
  overflow: hidden;
  padding: 15px 0;
}

.post-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.post-title a{
  color: #262626;
}
/* press release end here */
/* quick link start here */

.quicklinkwrp h3{
  font-weight: 500;
}

.quicklinkwrp .quicklinks{
  display: flex;
    justify-content: center;
    margin: 10px 0 !important;
    font-size: 1rem;
    text-align: center;
    align-items: center;
    line-height: 1.5;
}

.quicklinkwrp .quicklinks a{
    width: 150px;
    height:130px;
    border: 1px solid #ccc;
    padding: 10px;
    color: #000;
  }


  .quicklinkwrp .widget-title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative;
    font-size: 19px;
}

.quicklinkwrp .widget-title::before {
  content: '';
  position: absolute;
  background: #fe3a00;
  bottom: -1px;
  left: 0;
  width: 60px;
  height: 2px;
}

.qlinktitle{
  display: flex;
  justify-content: space-between;
}

.qlinktitle a {
  font-size: 14px;
    color: #020044;
}


.widget-title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative;
    font-size: 19px;
}

.widget-title::before {
  content: '';
  position: absolute;
  background: #fe3a00;
  bottom: -1px;
  left: 0;
  width: 60px;
  height: 2px;
}

.policy-list, .faqlisting{
  padding: 0 20px;
}

.policy-list li, .faqlisting li{
  padding: 10px 0;
  list-style-type: disc;
}
.header .dropdown-menu{
    font-size: 12px;
    border-radius: 0;
    margin: 0;
    right: 0;
    left: auto;
}

.header .dropdown:hover .dropdown-menu{
    display: block;
    padding: 15px 10px;
}

.header .dropdown-item{
    font-size: .75rem;
    color: #000;
    font-weight: 500;
}

.header .dropdown a:hover{
color: #fff;
}

.header .dropdown-item:hover {
    color: #fd3a01 !important;
    background-color: #fff;
}


.externel-linkfooter button, .externel-linkfooter button:hover{
  background-color: #020044;
  color: #fff;
  border: 0;
}

#externelmodalpop .modal-dialog{
    width: 500px;
}

#externelmodalpop .modal-body {
    height: 5vh;
    margin: 30px;
    padding: 15px;
    padding-top: 0;
}

Include this
.externel-linkfooter .btn-primary:focus {
    color: #fff;
    background-color: #020044;
    border:0;
    box-shadow: 0 0 0 0.08rem rgb(255 0 0);
}


.notify{
  z-index:999;
  width: fit-content;
  right: 0;
}

.notify .text-primary{
  color: #020044 !important;
}

.toast{
  opacity: 1;
}

.notify .toast-body{
  background-color: #007bff14;
}

.notify button:focus{
  outline: none;
}


.datepicker table {
 width: 250px;
}
.monthpicker{
    display: inline-block;
    padding: 0px;
    text-align: center;
    width: 100%;
}


.monthpicker .input-append .add-on,
.monthpicker .input-prepend .add-on {
  display: inline-block;
    width: auto;
    height: 30px;
    min-width: 16px;
    padding: 6px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}

.datepicker{
    right: 0;
    left: auto !important;
    margin-right: 30px;
  }

  .monthpicker .input-append{
    border: 1px solid #ccc;
    padding: 0 5px;
    width: fit-content;
    float: right;
  }
  .monthpicker input{
  border: 0;
  width: 220px;
  height: 40px;
  
}
.monthpicker label{
text-align: end;
}

/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
  outline: none;
}

/* Optional: Customize .focus-visible */
.focus-visible {
  box-shadow: 0 0 0 2px #fd3a01;
}



main {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}
main .notification {
  position: relative;
  width: 20px;
  height: 20px;
}
main .notification svg {
  width: 20px;
  height: 20px;
}
main .notification svg > path {
  fill: #FFFFFF;
}
main .notification--bell {
  animation: bell 2.2s linear infinite;
  transform-origin: 50% 0%;
}
main .notification--bellClapper {
  animation: bellClapper 2.2s 0.1s linear infinite;
}
main .notification--num {
  position: absolute;
  top: -20%;
  left: 60%;
    font-size: 0.67rem;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #FF4C13;
    border: 1px solid #020044;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.3em;
    padding: 0 !important;
    animation: notification 3.2s ease;
}

@keyframes bell {
  0%, 25%, 75%, 100% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(2deg);
  }
  45% {
    transform: rotate(-2deg);
 }
  55% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(-1deg);
  }
}
@keyframes bellClapper {
  0%, 25%, 75%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-0.15em);
  }
  45% {
    transform: translateX(0.15em);
  }
  55% {
    transform: translateX(-0.1em);
  }
  60% {
    transform: translateX(0.1em);
  }
}
@keyframes notification {
  0%, 25%, 75%, 100% {
    opacity: 1;
  }
  30%, 70% {
    opacity: 0;
  }
}

/* new changes for notification */

/* quick link end here */

#topnavDropdown:focus{
    box-shadow: 0 0 0 0.08rem rgb(255 0 0);}

.top-navbar .dropdown:focus .dropdown-menu {
    display: block;
    padding: 15px 10px; }


	.footer-wrp hr {
    border-color: #fff;
    display: inline-flex;
    margin: 5px 0;
}



.footer-wrp ul, .footer-wrp p{
  font-size: 0.8rem;
  font-weight: 100;
}
#menu-footermenu{
line-height:1.9
}

.page_counter_label{
    background-color: #fff;
    border-radius: 3px;
    padding: 2px 5px;
    margin-top: 10px;
    font-weight: 500;
    display: inline-block;
    color:#000000;
}

/* BOD popup */
.bodpopup .modal-dialog{
         max-width: 30% !important;
         }
.bodpopup .modal-body{
       height: auto !important;
       }

.bodpopup .our-webcoderskull__cnt-block, .bodpopup .modal-header{
      border:0;
      background-color: #f7f7f7;
      }
      
      .bodpopup .our-webcoderskull__cnt-block:hover{
      box-shadow:none;
      }
      
      .bodpopup button:focus{
        outline: none;
        }

      .bod-popupview .modal-content{
        background-color: #f7f7f7;
      }

.tender_table tbody {
font-size: 1rem;
}
.tender_table thead th {
font-size: 1rem !important;
}

.project—link {margin-left:20px;}
.fb-c {color:#3b5998}
.twitter-c {color:#00acee}
.insta-c {color: #DD2A7B;}
	  
.site-map{
              background: #020044;
    color: #fff;
    border: 1px solid #fff;
}

/*css animation end here */

/* weather report css start here */
.weather-forcast{
  background-color:#FFFFFF;
  border: 1px solid rgba(0,0,0,.125);
  height: 430px;
}
.weather-side{
  padding: 20px;
    color: #000000;
    background-image: url("../../smartcity/images/weather.png");
    background-repeat: no-repeat;
    background-size: cover;

}

.date-container{
  display: flex;
  flex-direction: column;
}
.week-list {
  display: block;
    padding: 10px;
    float: left;
    width: 100%;
  }

.week-list li{
  background-color: #fff;
    padding: 5px;
    font-size: 0.85rem;
    font-weight: 600;
    width: 28%;
    float: left;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #ececec;
    margin: 5px;
    align-items: center;
    min-height: 85px;
  }

  .week-list li img{
    width: 30%;
    margin-bottom: 5px;
  }

.today-info-container {
  padding: 20px;
  color: #fff;
}

.date-container img{
  width: 80px;
  margin-bottom: 5px;
}

.today-info .title{
  width: 175px;
    display: inline-block;
}

.date-day{
  font-size: 16px;
}

.date-dayname{
  margin-top: 5px;
}

.day-name{
  font-weight: 400;
  font-size: 12px;
}
/* weather report css end here */

@media (max-width: 991.98px) {
  .top-navbar .dropdown:hover .dropdown-menu{
    position:absolute;
    width:100%;
    }
 }

 .search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
    border: 1px solid #ffffff;
    border-right: none;
    padding: 5px;
    outline: none;
}

.searchTerm:focus{
  color: #020044;
}

.searchButton {
  width: 40px;
  border: 1px solid #ffffff;
  background: #020044;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.searchButton:hover{
  background-color: #ff3a01;
}

.search form.search-form{
  display: flex;
  margin-bottom: auto;
}
/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {
  outline: none;
}

/* Optional: Customize .focus-visible */
.focus-visible {
  box-shadow: 0 0 0 2px #fd3a01;
}


@media (max-width: 767.98px) {
  .h-sm-device{
    display: none !important;
  }
  .v-sm-device{
    display: block;
    padding: 5px;
    margin-right: 5px
  }

  .v-sm-device a{
    padding: 0;
  }

  .v-sm-device form{
    width: 100%;
  }

  #myCarousel .carousel-item h4{
    font-size: 12px;
  }

  #myCarousel p{
    font-size: 12px;
  }

  .week-list li{
    width: 46.5%;
  }

  .weather-forcast{
    height: 500px;
  }

  .content-wrp .card {
    height: auto;
}
}

@media (min-width: 768px) {
  .v-sm-device{
    display: none;
  }
}

.sradaraccess a{
  overflow-wrap: break-word;
}

.draft-tp-wrp ul li, .reports-tp-wrp ul li{
  padding: 10px;
  background-color: #fbfbfb;
  margin: 10px 0;
  border-bottom: 1px solid #e2e2e2;
}

.draft-tp-wrp ul li a, .reports-tp-wrp ul li a{
  color: #020044;
}

.draft-tp-wrp ul li a:hover, .reports-tp-wrp ul li a:hover{
  text-decoration: underline !important;
}

#bbpress-forums {
  background: 0 0;
  clear: both;
  margin: 10px 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  padding: 0 25px;
}

.bbp-forums{
  font-size: 14px;
}

#bbpress-forums a{
  color:#020044;
}

.bbp-breadcrumb{
  padding-bottom: 15px;
}


#bbpress-forums .bbp-forum-info .bbp-forum-content{
  font-size: 12px;
}

#bbp_search_submit{
padding: 3px 5px !important;
}


.polls-wrp .wp-polls-ul {
  padding: 19px 19px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgb(189 189 189 / 25%), 0 10px 10px rgb(208 208 208 / 22%);
}

.polls-wrp .wp-polls-ul label{
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}

.polls-wrp .wp-polls-ul li{
  margin-bottom:3px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}

.polls-wrp .Buttons{
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    border: 2px solid #020044;
    border-radius:3px;
    background-color: #020044;
    padding: 4px 5px;
    transition: all 0.3s ease-in-out;
}

.wp-polls .pollbar {
  height: 8px;
  margin-top: 6px;
  margin-bottom: 6px;
  border: 1px solid #d0d0d0!important;
}


.wp-polls-ans{
  padding: 19px 19px;
  background: #f7f7f7;
}


.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul {
  padding: 19px 19px;
  margin-top: 16px;
  margin-bottom: 21px;
  background: #ffffff;
  box-shadow: 0 14px 28px rgb(189 189 189 / 25%), 0 10px 10px rgb(208 208 208 / 22%);
}

.wp-polls-ans li{
  margin-bottom:3px;
  font-size: 14px;
  color: #000000;
  font-weight: 400;
}


.wp-polls-ans{
  margin-bottom:15px;
}

.wp-polls-paging span.pages {
    color: #6f6f6f;
    background: #000;
    border-radius: 5px;
    font-weight: 400;
    border: 1px solid #d6d6d6;
    background-color: #eaeaea;
}

.wp-polls-paging span.current {
   border-radius: 5px;
  font-weight: 500!important;
  border: 1px solid #cacaca;
  color: #6f6f6f;

}

.wp-polls-paging a, .wp-polls-paging a:link {
  border-radius: 5px;
  border: 1px solid #469ff9;
  color: #0066cc;

}

.wp-polls-archive{
  margin-bottom:40px;
}

#contact figure img{
  width: 48px;
}

#contact figcaption a{
  color: #020044;
}

#myTabContent{
  overflow: auto;
}

.datepicker td, .datepicker th{
  width: auto;
}

.completed-pro .nav-item, .under-exc-wrp .nav-item, .tender-prog-wrp .nav-item{
  padding: 10px;
  padding-top: 20px;
  border-bottom: 1px solid #949494;
}

.completed-pro .projectslist, .under-exc-wrp .projectslist, .tender-prog-wrp .projectslist{
  font-size: 12px;

}

.projectslist .font-weight-bold{
  text-transform: uppercase;
}

.pagenotfound{
  text-align: center;
  margin: 30px 0;
  padding: 20px;
}

.pagenotfound button{
  padding: 10px;
  margin: 10px;
  background-color: #021C57;
  border-radius: 50px;
  font-size: 14px;
  width: 150px;
}

.pagenotfound button a{
    color: #ffff;
}


.projectdashboard_wrp{
  float: left;
    width: 100%;
    background-color: #EBEBEB;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}

.dbwrp{
  justify-content: space-between;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

.total_pro {
  width: 180px;
    margin: 0 auto;
    padding: 10px;
    background-color: #020044;
    color: #fff;
}

.project_box{
  background: rgb(1,24,182);
background: linear-gradient(90deg, rgba(1,24,182,1) 0%, rgba(74,230,132,1) 100%);
    height: 175px;
    width: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.project_box:hover{
  background: #0118B6;
}

.project_box img{
  width: 50px;
}

.project_list{
display: flex;
flex-direction: column;
}

.project_list span{
  width: 100%;
  padding: 5px;
  margin-left: 20px;
  padding-left: 0;
}

.project_list .border-b{ 
  border-bottom: 1px solid #fff;
}



.projectdashboard_wrp {
    float: left;
    width: 100%;
    background-color: #EBEBEB;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0;
}

.dbwrp {
    justify-content: space-between;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.total_pro {
    width: 180px;
    margin: 20 auto;
    padding: 10px;
    background-color: #020044;
    color: #fff;
}

.project_box {
    background: rgb(1, 24, 182);
    background: linear-gradient(90deg, rgba(1, 24, 182, 1) 0%, rgba(74, 230, 132, 1) 100%);
    height: 175px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

.project_box:hover {
    background: #0118B6;
}

.project_box img {
    width: 50px;
}

.project_list {
    display: flex;
    flex-direction: column;
}

.project_list span {
    width: 100%;
    padding: 5px;
    margin-left: 20px;
    padding-left: 0;
}

.project_list .border-b {
    border-bottom: 1px solid #fff;
}

.project_tbl {
    padding: 20px;
    background-color: fff;
    box-shadow: 0px 0px 12px 3px rgba(92, 92, 92, 0.29);
    -webkit-box-shadow: 0px 0px 12px 3px rgba(92, 92, 92, 0.29);
    -moz-box-shadow: 0px 0px 12px 3px rgba(92, 92, 92, 0.29);
}

.tab_menu table thead {
    background-color: #020044;
    color: #fff;
}

.tab_menu table tbody tr th {
    cursor: pointer;
}

.tab_menu table tbody tr th:hover {
    color: rgb(1, 24, 182);
}

.tab_menu .nav-pills .nav-link {
    background-color: rgb(1, 24, 182);
    border-radius: 0;
    color: #fff;
    cursor: pointer;
}

.tab_menu .nav-pills .nav-link:hover {
    color: #fff;
    background-color: #020044;
}

.tab_menu .nav-pills .nav-item {
    margin-right: 10px;
}

.project_dbpopup .modal-body {
    height: auto;
}

.project_dbpopup .modal-header {
    border-bottom: 0;
}

.project_dbpopup .modal-content {
    padding: 20px;
}

.project_dbpopup ul {
    margin: 20px 0;
}

.project_dbpopup ul li {
    line-height: 2.5;
}

.project_dbpopup p {
    line-height: 2;
}

.project_db .nav-item .active {
    background: #0118B6;
}

.breadcrumb{   font-size: 12px;
    background: none; color:#007bff;     padding-bottom: 4px;
    margin: 0px;
    padding-top: 2px;}
.breadcrumb a{ color:#000; font-size:12px; margin-right:2px;}
#bbpress-forums a{
color: #0044cc!important;
}



#bbpress-forums a:hover {
text-decoration: underline!important;
}
.bbp-forum-info a{
font-size: 16px;
padding-top: 10px;
padding-bottom: 3px;
display: block;
font-weight:bold;
}
.views-field-title .forum-topic-title{
font-size: 16px;
padding-top: 10px;
padding-bottom: 3px;
display: block;
font-weight:bold;
}


.bbp-author-name{color: #3498db;text-transform:capitalize;}
.bbp-author-desc{color: #666!important; font-size:12px; font-weight:bold;}
.bbp-forum-freshness a{ font-size:13px; font-weight:bold;}
.forum-time{ font-size:12px; }
#forum-topic-list .forum-table{ width:100%;}
.forum-table-wrap .forum-table-superheader, .forum-table-topics thead{ background:#eaeaea; font-size:14px; height:40px;} 
.forum-table tr.even, .forum-table tr.odd{ background:#fff;}
.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-title{ width:60%;}
.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-comment-count{ width:10%;}
.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-topic-icon{ width:4%;}
.forum-table td{ border:none;}
.forum-topic-title{color:#0044cc!important;}
.forum-node-create-links-top{ display:none;}
.span.topic-icon{ margin-left:4px;}
#forum-sort{ display:none;}
.forum-topic-legend{ display:none;}
.forum-node-create-links .forum-add-node{ margin-bottom:14px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;  background-color:#fff;}
.forum-node-create-links .forum-add-node a{ color: #333; }
.forum-node-create-links .forum-add-node span{ background: url(../../smartcity/images/new-topic.png) no-repeat;
  border-radius: 6px;
  padding: 0px 10px 4px 30px; margin-bottom: 8px; border: 1px solid #333;}
.forum-tools{  display:none;}
.forum-post-content .field-name-field-forum-topic .field-label{ display:none;}
.forum-post-content .field-name-field-forum-topic .field-item.even{ background:rgb(128, 127, 127); float:left; padding:3px 8px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin-right: 3px;}
.forum-post-content .field-name-field-forum-topic .field-item.odd{ background:#333; float:left; padding:3px 8px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin-right: 3px;}

.forum-post-content .field-name-field-forum-topic .field-item a{ color:#fff;}
.forum-post-content .field-name-field-forum-topic{ margin-bottom:8px;}
.views-field-last-updated{ font-size: 14px;
    color: #666;}
.bbp-author-desc a{ color:#3498db!important;text-transform:capitalize;}
@media (max-width: 400px) {
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-topic-icon{ width:10%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-title{ width:40%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-comment-count{ width:18%;}
.af-button-large, .af-button-small, .author-pane-link{ width:110px;}
}
@media (max-width: 700px) {
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-topic-icon{ width:6%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-title{ width:40%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-comment-count{ width:18%;}
.af-button-large, .af-button-small, .author-pane-link{ width:110px;}
}
@media (max-width: 400px) {
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-topic-icon{ width:10%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-title{ width:48%;}
	.forum-table-wrap .forum-table-superheader, .forum-table-topics thead .views-field-comment-count{ width:16%;}
.af-button-large, .af-button-small, .author-pane-link{ width:110px;}
}
.voting-media-result{max-width:600px; width:100%;}
.node-advpoll .field-name-field-poll-language{ display:none;}
.node-advpoll .field-name-field-type-of-poll{ display:none;}
.polltype-Emoji .choice{ float:left; width:30%; margin-right:4px; background-color:#f7f7f7; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.polltype-Emoji .choices{ float:left; width:100%;margin-bottom:10px;}
/*.polltype-Emoji .choice .voting-media-result{ width:50%;}*/
.polltype-Emoji .choice-text{ text-align:center;}
.node-form .vertical-tabs{ display:none;}
.node-form .form-item-taxonomy-forums-und{ display:none;}
.node-form .filter-guidelines{display:none;}
.comment-form .form-item-subject{ display:none;}
.comment-form .form-submit{background-color: #021C57;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
	border:4px solid #ccc;
    font-weight: bold; margin-right:5px;}
.node-form .form-submit{background-color: #021C57;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
	border:4px solid #ccc;
    font-weight: bold; margin-right:5px;}
.confirmation .form-submit{background-color: #021C57;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 14px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
	border:4px solid #ccc;
    font-weight: bold; margin-right:5px;}
    
.node-form .form-submit:hover{ color:red;}
.node-form .form-textarea{ width:67%; max-width:525px;}
.forum-post .user-picture img{    width: 80px;
    height: 80px;
    border-radius: 100%;}
.comment-wrapper .title{ font-size:16px; font-weight:bold;     
	color: #021C57;
    margin-top: 14px;
    text-transform: uppercase;
    border: 2px solid #ccc;
    padding: 8px;}
.forum-table-topics .views-field-comment-count a{ color: red;
    font-size: 12px;
    font-style: italic;
    text-transform: lowercase;}
.forum-table-topics .views-field-comment-count a:hover{color:orange;} 
.forum-post .comment_publish a{color:red;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; border:2px solid #000; padding:6px; font-size:12px;}

.forum-post .comment-approve a{color:green;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; border:2px solid #ccc; padding:6px; font-size:12px;}

@media (max-width: 576px) {
  .dbwrp {
  flex-direction: column;
  margin-left: 0px;
  }
  .project_box {
  margin-bottom: 9px;
  }
  }

.region-content{padding: 12px;}
.region-sidebar-second{padding: 12px;}
#forum-comments .forum-post-panel-main .forum-post-title{ display: none;}
.forum-post-wrapper .field-name-field-forum-language{ display: none;} 
#skip-link{ display: none;} 
.post-edited{ float: left; width: 100%;}
.views-field-body p{ text-align: justify;}


.af-button-large span {
  font-size: 14px;
  padding: 2px 2px 2px 25px; /* Last number controls width for image */
  line-height: 30px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
   float:left; 
  height:32px;
  font-weight:bold;
}

.af-button-small span {
  font-size: 12px;
  padding: 2px 2px 2px 20px; /* Last number controls width for image */
  line-height: 25px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
   float:left; 
  height:32px;
 
}

.author-pane-link span {
  font-size: 12px;
  padding: 0 0 0 22px; /* Last number controls width for image */
  line-height: 22px; /* Approximate height of button */
  margin: 0 7px 0 7px; /* Left and right space outside text & image */
}

/* COMMUNITY BUTTONS ************************************/

.community-add-node .af-button-large span {
  background: url(../images/new-topic.png) no-repeat;
}
.community-add-node .af-button-large span:hover {
  background: url(../images/new-topic_hover.png) no-repeat;
}

.community-add-node{ float:left; width: 100%; margin-bottom: 10px;}
.community-add-node a{border: 2px solid #333;
  float: left;
  width: 145px;
  height: 34px;
  border-radius: 8px;}

  #og-ui-confirm-subscribe .form-actions { text-align: center;}
  #og-ui-confirm-subscribe .form-actions .form-submit{ background-color: #021C57;
    border-radius: 8px;
    border: 1px solid #333;
    font-size: 12px;
    color: #fff;
    padding: 4px 16px;}
    #og-ui-confirm-subscribe .form-actions .form-submit:hover{color: #D62828;}

    

    #og-ui-confirm-subscribe .form-actions a{border:1px solid #A8A8AD; font-size: 12px;padding:5px 20px;
      border-radius: 8px;
      margin: 0px 8px; color: #fff; background-color: #A8A8AD; }

  #og-ui-confirm-unsubscribe .form-actions { text-align: center;}
  #og-ui-confirm-unsubscribe .form-actions .form-submit{ background-color: #021C57;
    border-radius: 8px;
    border: 1px solid #333;
    font-size: 12px;
    color: #fff;
    padding: 4px 16px;}
    #og-ui-confirm-unsubscribe .form-actions .form-submit:hover{color: #D62828;}

    

    #og-ui-confirm-unsubscribe .form-actions a{ font-size: 12px;padding: 5px 20px;
      border-radius: 8px;
      margin: 0px 8px; color: #fff; background-color: #A8A8AD; }
      .rtecenter { text-align: center !important;}
.rtecenter a{font-size: 12px;padding: 4px 8px;
  border-radius: 8px;
  margin: 0px 8px; color: #fff; background-color: #021C57;}
      
      
  /* USER Dashboard*/
    .user-dasboard-block{ border: 1px solid #ccc; border-radius: 8px; text-align: center; }
  .user-dasboard-block .heading6{ font-size: 20px; font-weight: bold;text-transform: capitalize;
    text-align: center;}
  .profile_photo img{border-radius: 50%;max-height: 220px;}
  .profile_name{ 
    margin-top: 10px;    
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;}
.profile_name a{ color: #fff; font-size: 18px; text-transform: capitalize; }
.profile_email{  font-style: italic;color: #0051df;
  margin: 10px;}
  .user-dashboard-block2{    margin-top: 10px;}
  .user-dashboard-block3{ padding: 4px;
    border: 1px solid #ccc;
    background-color:#fff; margin: 8px; border-radius: 10px;float: left;
    width: 100%;
    text-align: center;}
.user-dashboard-block3 a{color: #555; font-size: 13px; margin-left: 2px; float: left;
  text-transform: lowercase; font-weight: bold; }
.user-dashboard-block3 a:hover{ color: #0e0d0d;}
.user-dashboard-block4{ padding: 4px;}
.user-dashboard-block4 p{ color: #010045;
  font-size: 18px;
  font-weight: bold;
  text-align: left; margin-bottom: 0px;}

.user-dasboard-profile-block{ background-color: #021C57; padding: 8px 8px 2px 8px;}
.cmsdashboard-notification-block{margin-top: 4px; background-color: #fff;}
.cmsdashboard-notification-block h4{ color: #021C57; font-size: 22px !important; float: left; 
  width: 100%; font-weight: bold; padding: 6px 0px 10px 4px; 
     text-decoration: none !important;
  margin: 0px;}
.cmsdashboard-notification-block h4 img{ padding-right: 4px;}
.cmsdashboard-block .cmsdashboard-li-left{ margin-bottom: 6px; border-bottom: 1px dotted #ececec; font-size: 12px;}
.forum-usr-db{  background-image: url("../../smartcity/images/icon/forum.svg"); height: 70px; 
  background-repeat: no-repeat; background-position: right center; }
.discussion-usr-db{  background-image: url("../../smartcity/images/icon/discussion.svg"); height: 70px;
   background-repeat: no-repeat;background-position: right center; }
.idea-usr-db{  background-image: url("../../smartcity/images/icon/idea_corner.svg"); height: 70px;
  background-repeat: no-repeat;background-position: right center;  }
.community-usr-db{  background-image: url("../../smartcity/images/icon/community.svg"); height: 70px;
   background-repeat: no-repeat;background-position: right center; }
.volunteer-usr-db{  background-image: url("../../smartcity/images/icon/volunteer-corner.png"); height: 70px;
   background-repeat: no-repeat;background-position: right center; }
   

.user-dashboard-left{ width: 30%; float: left;}
.user-dashboard-right{ width: 70%; float: left;}
.comment-text h3 a{ display: none;}
.comment-text .comment-permalink{ display: none;}
#views-form-og-members-admin-default .views-field-edit-membership{display: none;} 
#views-form-og-members-admin-default .views-field-og-roles{display: none;} 
#views-form-og-members-admin-default .views-field-og-membership-request{display: none;} 
#views-exposed-form-og-members-admin-default{display: none;} 
#views-form-og-members-admin-default .form-wrapper{ display: none;}
.view-id-og_members_admin h3{ display: none;}
/*Communities page*/
.communities-bg{ background-color: #F9F9F9;}
.communities-page{border-left: 8px solid #0D7AB4;-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin-bottom: 14px;
    padding-left: 14px;
    background-color: #fff;
}
.body_com{ text-align: justify; font-style: italic; color: #666; font-size: 13px;}
.title_com{ text-align: left; color: #021C57; font-size: 16px; font-weight: bold; margin-bottom: 2px;}
.subscrbe_community
{ padding-left: 38px;
  background: no-repeat;
  border: none;
  font-size: 13px;
  margin-top: 6px;
  float: left;
  color: #fff !important;
}


.title_usr{font-size: 14px; }
.title_usr span{ color: #021C57; text-transform: capitalize;}
.title_usr .placeholder{    font-size: 12px;
  color:#007bff;
  font-weight: bold;}
  .viewallpolls .projectslist{ background-color: #fff;}

/* Idea Corner*/
.idea-corner-cover{ box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55);
  -webkit-box-shadow: 6px 6px 9px 0px rgba(177, 174, 174, 0.55);
  -moz-box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55);
  min-height: 250px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background-color: #fff;
}
.idea-corner-block-title{ padding: 6px 0px;}
.ideas-link{ width: 100%; text-align: center;}
.ideas-link a{ background-color: #021C57;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 18px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #fff;
 text-align: center;}
 .idea-corner-profile-first{ float: left;width: 100%;}
.idea-corner-profile-pic2{float: left; padding-top: 4px;}
.idea-corner-profile-name{ font-size: 14px; text-transform: capitalize; color: #021C57;padding:0px 0px 0px 8px; float: left;}
  .idea-corner-profile-name img{ padding-right: 4px;  -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:  50%;}
  .idea-corner-profile-date{ color: rgb(146, 145, 145); font-style: italic; font-size: 12px; }

  .idea-corner_tags{ float: left; margin: 4px 0px; width: 100%;}
  .idea-corner_tags .field-label{ display: none;}
.idea-corner_tags .field-items a{    background-color: #021C57;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  padding: 2px 8px;
  float: left;
  margin: 4px;
  border-radius: 6px; }
  .idea-corner_category .field-items a{ background-color:#028f31; color: #fff; font-size: 14px; text-transform: lowercase; 
    padding: 2px 8px;border-radius: 8px; }
  
    .idea-corner_category{ float: left; margin: 4px 0px; width: 100%;}
    .idea-corner_category .field-label{ display: none;}
    .idea-corner_category p{ font-size: 18px; font-weight: bold;}
    /*comminity pages*/

#og-group-ref-add-more-wrapper--2{ display: none;}
.field-name-og-group-ref .field-items{ background-image: url("../../smartcity/images/community_blue.png");
background-repeat: no-repeat; margin-top: 4px; }
.field-name-og-group-ref .field-items a{padding-left: 40px;
  padding-top: 6px;
  float: left;}
.field-name-og-group-ref .field-label{ display: none;}
.subscribe_community_node{ float: right; width: 100%; height: 50px;}
.community_home_tab a
{
  background-image: url("../../smartcity/images/icon/home_blue.png");
  background-repeat: no-repeat;

}
.community_home_tab a:hover
{
  background-image: url("../../smartcity/images/icon/home_grey.png");
  background-repeat: no-repeat;

} 
.community_members_tab a
{
  background-image: url("../../smartcity/images/icon/members_blue.png");
  background-repeat: no-repeat;

} .community_members_tab a:hover
{
  background-image: url("../../smartcity/images/icon/members_grey.png");
  background-repeat: no-repeat;

} 
.community_discussion_tab a
{
  background-image: url("../../smartcity/images/icon/discussion_blue.png");
  background-repeat: no-repeat;

} .community_discussion_tab a:hover
{
  background-image: url("../../smartcity/images/icon/discussion_grey.png");
  background-repeat: no-repeat;

}
.idea-corner-profile-pic2 img{border-radius: 50%;}

.field-name-field-forum-language{ display: none;}

.field-name-field-start-date{ float: left; margin-right: 10px; width: auto;}
.field-name-field-start-date .fieldset-legend{ font-size: 16px; font-weight: bold;}
.field-name-field-end-date{ float: left; margin-right: 10px; width: auto;}
.field-name-field-end-date .fieldset-legend{ font-size: 16px; font-weight: bold;}
.field-name-field-start-date label{ display: none;}
.field-name-field-end-date label{ display: none;}
/*Tag Cloud*/
.tagcloud ul li{margin-right: 2px;
  padding: 4px;
  float: left;
  margin-bottom: 16px;}
.tagscloud-green{ background-color:#3eb052; color: #fff; font-size: 12px;}
.tagscloud-red{ background-color:#ed1b24;color: #fff;font-size: 14px;}
.tagscloud-blue{ background-color:#1996d4;color: #fff;font-size: 16px;}
.tagscloud-yellow{ background-color:#ffca02;color: #000;font-size: 18px;}
.tagscloud-brown{ background-color: brown;color: #fff;font-size: 20px;}
.tagscloud-darkblue{ background-color: rgb(40, 37, 253);color: #fff;font-size: 22px;}
.tagscloud-orange{ background-color:#f37321;color: #000;font-size: 24px;}
.tagcloud-block ul li{margin-right: 2px;
  padding: 4px;
  float: left;
  margin-bottom: 8px;}
.tagcloud-block ul li a{ padding: 4px; border-radius: 8px; border:2px solid #ccc;font-size: 12px;}
.tagcloud-block .tagscloud-green{ background-color:#3eb052; color: #fff; font-size: 12px;}
.tagcloud-block .tagscloud-red{ background-color:#ed1b24;color: #fff;font-size: 12px;}
.tagcloud-block .tagscloud-blue{ background-color:#1996d4;color: #fff;font-size: 12px;}
.tagcloud-block .tagscloud-yellow{ background-color:#ffca02;color: #000;font-size: 12px;}
.tagcloud-block .tagscloud-brown{ background-color: brown;color: #fff;font-size: 12px;}
.tagcloud-block .tagscloud-darkblue{ background-color:#3eb052;color: #fff;font-size: 12px;}
.tagcloud-block .tagscloud-orange{ background-color:#f37321;color: #fff;font-size: 12px;}
.comment-time .new{    background-color: red;
  color: #fff;
  padding: 2px 5px;
  font-size: 10px;
  border-radius: 8px;}
  .idea-corner_comments .comment-time{ color: rgb(112, 112, 112);
  font-style: italic;
  font-size: 12px;text-align: left;}
  .idea-corner_comments .comment-wrapper .title {
    font-size: 16px;
    font-weight: bold;
    color: #021C57;
    margin-top: 14px;
    text-transform: uppercase;
    padding: 8px;
    border: none;
    margin: 0px;
    background-color: rgb(216, 214, 214);

  }
  .idea-corner_comments { border-radius: 8px solid rgb(240, 238, 238);}
   .idea-corner_comments .content .even {    background: rgb(209, 209, 209);
    min-height: 50px;
    border-radius: 12px;
    padding: 4px;
    margin: 4px;
 }

 .idea-corner_comments .content .odd {    background: rgb(223, 222, 222);
  min-height: 50px;
  border-radius: 12px;
  padding: 4px;
  margin: 4px;
}
 .idea-corner_comments #edit-preview{ display: none;}
 .idea-corner_comments .user-picture{ margin-left: 4px;text-align: center;}
  .idea-corner_comments .user-picture img{ border-radius: 50%;
    max-height: 60px;}
 .idea-corner_comments .commenter-name{ margin-left: 4px;text-align: center;}
 .idea-corner_comments .commenter-name a{ text-transform: capitalize;}
.subscrbe_volunteer img{ max-width: 100px;}
.volunteer_time_start{ float: left; margin-right: 10px;}
.volunteer_time_end{ float: left; margin-right: 10px;}
.volunteer_time_start img{ max-height: 20px;}
.volunteer_time_end img{ max-height: 20px;}
.volunteer-page .type_activity{    background-color: #028f31;
  color: #fff;
  font-size: 14px;
  text-transform: lowercase;
  padding: 2px 8px;
  border-radius: 8px;
  width: 120px;
  text-align: center;
}
.volunteer-page{ background-color:#fff;}

.communities-link{
  background-image:  url("../../smartcity/images/Group_53.png");
  background-repeat: no-repeat;
  width: 125px;
  height: 36px;
}

.communities-link_un{
  background-image:  url("../../smartcity/images/UNSUB_BLUE.png");
  background-repeat: no-repeat;
  width: 216px;
  height: 66px;
}

.communities-page-members.heading2{ font-weight: bold; border-bottom: 1px solid #ccc; background-color: #020044;}
.communities-page-members{border-bottom: 1px solid #ccc;} 
.body_com2{ text-align: left;
 color: #fff;
  font-size: 15px; font-weight: bold;}
.node-advpoll .field-name-body{ text-align: center;}
.pollclosed-date{ color: rgb(146, 145, 145); font-style: italic; font-size: 12px; }
.form-item-shadow{ display: none;}

.pollsactive1{ 
  background-color: #46da87;
  padding: 8px 8px 0px 8px; 
}
.pollsactive1 h5{ color: #fff;
  background-image:  url("../../smartcity/images/active-poll_1.png"); 
  background-repeat: no-repeat;
  padding-left: 44px;
  font-size: 20px;
  height: 40px;
  padding-top: 4px;
}
.surveyactive1{ 
  background-color: #46da87;
  padding: 8px 8px 0px 8px; 
}
.surveyactive1 h5{ color: #fff;
  background-image:  url("../../smartcity/images/graph_white.png"); 
  background-repeat: no-repeat;
  padding-left: 54px;
  font-size: 20px;
  height: 40px;
  padding-bottom: 34px;
  padding-top: 12px;
}

.pollsclosed{ 
  background-color: #999999;
  padding: 8px 8px 0px 8px; 
}
.pollsclosed h5{ color: #fff;
  background-image:  url("../../smartcity/images/close2.png"); 
  background-repeat: no-repeat;
  padding-left: 44px;
  font-size: 20px;
  height: 40px;
  padding-top: 4px;
}
.pollsclosed-box{ -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
border: 1px solid #ccc; 
padding: 4% 2%;}

.surveyclosed{ 
  background-color: #ffcb29;
  padding: 8px 8px 0px 8px; 
}
.surveyclosed h5{ color: #fff;
  background-image:  url("../../smartcity/images/graph_2.png"); 
  background-repeat: no-repeat;
  padding-left: 52px;
  font-size: 20px;
  height: 40px;
  padding-bottom: 34px;
  padding-top: 12px;

}
.surveyclosed-box{ -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
border: 1px solid #ccc; 
padding: 4% 2%;}


.votnow_poll_list{  background-color:#021C57; font-size:15px; font-weight:bold;
  padding:4px 14px; -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; color:#fff; font-weight:bold; margin-right: 4px;}
.viewallcommunity{ background-color: #f8f8f8;}
.views-field-field-download-link-tender a{ margin-left: 10px;}
.views-field-field-download-link-tender{ padding: 16px;}
#forum-node-form #edit-delete{ display: none;}
#views-exposed-form-idea-corner-nmscdcl-ideas{ margin: 4% 4%;
  background: #fff;
  padding: 4%;}
  #views-exposed-form-idea-corner-nmscdcl-ideas{  
    background: #fff;
     box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55);
    -webkit-box-shadow: 6px 6px 9px 0px rgba(177, 174, 174, 0.55);
    -moz-box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55);}
  .idea-cover-postbox{  
    background: #fff;
      box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55);
    -webkit-box-shadow: 6px 6px 9px 0px rgba(177, 174, 174, 0.55);
    -moz-box-shadow: 6px 6px 9px 0px rgba(158, 156, 156, 0.55); 
    margin: 4%;
  }


    .idea-corner_social h3{ font-size: 16px;}
    .idea-corner_social label{ display: none;}
    .message-cover{
      -moz-animation: cssAnimation 0s ease-in 6s forwards;
      /* Firefox */
      -webkit-animation: cssAnimation 0s ease-in 6s forwards;
      /* Safari and Chrome */
      -o-animation: cssAnimation 0s ease-in 6s forwards;
      /* Opera */
      animation: cssAnimation 0s ease-in 6s forwards;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
  }


  
  @keyframes cssAnimation {
      to {
          width:0;
          height:0;
          overflow:hidden;
      }
  }
  @-webkit-keyframes cssAnimation {
      to {
          width:0;
          height:0;
          visibility:hidden;
      }
  }
  .confirm-cover{-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; border: 1px solid #021C57;}
  .confirm-form h2{ text-align: center; font-size: 18px; color: #021C57; text-transform: uppercase;}
  .confirm-form-message{ text-align: center; color: #666; font-size: 14px; }
  .node-advpoll .field-name-field-community{ display: none;}
  #user-login-form{ border: 1px solid #ccc;
    padding: 20px;}
  .node-webform .field-name-field-language{ display: none;}
   .node-webform .field-name-field-survey-start-date{ display: none;}
.node-webform .field-name-field-survey-end-date{ display: none;}
.weather-report-cover{background: -webkit-gradient(linear,left top,left bottom,from(#9ee4ff),to(#f0f9fd));
  background: linear-gradient(#9ee4ff,#f0f9fd);}
  .weather-report-bg{background: -webkit-gradient(linear,left top,left bottom,from(#9ee4ff),to(#f0f9fd));
  background: linear-gradient(#9ee4ff,#f0f9fd);}
 .weather-report-cover .card-body{background-color:#78c5ff}
 .weather-report-cover .views-exposed-form .views-exposed-widget .form-submit{margin-top: 0px; background-color: #007bff; border:1px solid #0044cc; color: #fff; }
  .weather-report-cover .shadow h5{background-color: #fff; color: #000;padding:0.75rem 1.25rem;}
 .weather-report-cover .card-header{padding:0.75rem 1.25rem;background-color: #fff; }
 .weather-report-cover .form-select{ width: 100%;}
 .weather_heading{ font-size:1.2rem; padding-top: 10px;    width: 100%;
  float: left; text-align: center;}
   .weather_title{ font-size:14px; padding-top: 8px;    width: 100%;
  float: left; text-align: center;}
 .weather-box{  padding: 4px; text-align: center; margin-bottom: 10px; }
  .weather-box-cover{ border: 1px solid #33565e59; padding: 8px; text-align: center; margin-bottom: 10px; float: left; width: 100%;}
 .weather-box img{ max-height: 60px;} 
  .weather-report-cover .temp_left{ font-size: 2rem; color: #fff;}
    .weather-report-cover .updated_time_left{ font-size: .8rem; color: #fff;}
    .weather-report-cover .temp_left_title{ font-size: .8rem; color: #fff;}
    .weather-box_aqi{ text-align: center;}

.weather-box_aqi_cover{ background-repeat: no-repeat;  width: 100%; }
.weather-box_aqi_cover h4{
  font-size: 2rem;
  color: #f90303;
}
.weather-box_aqi_number{text-align: center;
  float: left;
  width: 100%;}

.waterlevel-box{ padding: 4px; text-align: center; margin-bottom: 10px;  }
.waterlevel_cover-box{ background-repeat: no-repeat; background-image:url("../../smartcity/images/weather/water-level-Indicator.png") ; width: 100%; margin-bottom: 50px; }
.weather-box_aqi_details p{ font-size: 14px;}
.aqi_cover{ background-color: #fff;-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; border: 4px solid; padding: 10px; }
/* Sensor data dashboard*/
.weather-dashboard-col{ background-color: #e4e5e5; border: 1px solid #333; -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.weather-dashboard-col h4{ background-color: #dcfefe;  }
.water-level-current{ width: 100%; height: 36px; background-image:url("../../smartcity/images/Icons_waether/Bubbless.png") ; background-repeat: repeat-x; 
margin-bottom: 24px;    border: 1px solid #ccc; background-color: #D1F1FE;opacity: opacity:0.8;}
.water-level-blue{ background-image:url("../../smartcity/images/Icons_waether/Bubbless_blue.png") ;
  float: left;height: 36px; -webkit-border-top-right-radius: 24px;
  -webkit-border-bottom-right-radius: 24px;
  -moz-border-radius-topright: 24px;
  -moz-border-radius-bottomright: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;}
.water-level-red{ background-image:url("../../smartcity/images/Icons_waether/Bubbless_red.png") ;
  background-repeat: repeat-x; float: left; height: 36px; -webkit-border-top-right-radius: 24px;
  -webkit-border-bottom-right-radius: 24px;
  -moz-border-radius-topright: 24px;
  -moz-border-radius-bottomright: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;}
.water-level-green{ background-image:url("../../smartcity/images/Icons_waether/Bubbless_green.png") ;
   background-repeat: repeat-x; float: left;height: 36px; -webkit-border-top-right-radius: 24px;
   -webkit-border-bottom-right-radius: 24px;
   -moz-border-radius-topright: 24px;
   -moz-border-radius-bottomright: 24px;
   border-top-right-radius: 24px;
   border-bottom-right-radius: 24px;}
.water_percnt_green{ float: right;
   
  font-style: italic;
  color: #fbfbfc;
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  padding-top: 8px;}
  .water_percnt_green2{ float: right;
   
    font-style: italic;
    color: #050505;
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 8px;}

  .water_percnt_blue{ float: right;
   
    font-style: italic;
    color: #f9f9fc;
    font-size: 12px;
    font-weight: bold;}
    .water_percnt_red{ float: right;
      
      font-style: italic;
      color: #f9f9fc;
      font-size: 12px;
      font-weight: bold;}
.water_percnt_left{  float: left;
   
  font-style: italic;
  color: #fbfbfc;
  font-size: 14px;
  font-weight: bold;padding-top: 6px;
  padding-left: 4px;}

  .water_percnt_left2{  float: left;
   
    font-style: italic;
    color: #050505;
    font-size: 14px;
    font-weight: bold;padding-top: 6px;
    padding-left: 4px;}
.water-level-cover1{ background-color: #fff; padding: 10px;}
.water-level-cover1 h4{ background-color: #00A73E;    color: #fff;
  font-size: 18px;
  text-align: left;
  padding: 10px; margin-bottom: 20px;}
  .weather-dashboard ul.locationlist{ overflow-y: scroll; height: 600px;}
.weather-dashboard ul.locationlist li{  border-bottom: 1px solid rgb(170, 169, 169); }
.weather-dashboard ul.locationlist li a{ color: #000; font-size: 13px; font-weight: bold;
  background-color: #ebeeef; padding-left: 6px; display: block; padding-top: 8px; padding-bottom: 8px;}
.weather-dashboard ul.locationlist li a:hover{ color: rgb(149, 149, 149);background-color: #fff;
  border: 1px solid rgb(170, 169, 169); }
  .weather-dashboard h3{ background-color: #dff6fe; color: #333; font-size: 14px; padding: 8px;text-align: center;}
.weather-dashboard-date{ color: #333; font-size: 13px; text-align: center;}
.weather-dashboard-time{ color: #999999; font-size: 12px;text-align: center;}
.weather-dashboard-remark{ font-size: 16px; font-weight: bold; padding: 4px;text-align: center; }
.weather-dashboard-aqi{font-size: 20px; font-weight: bold; padding: 4px; text-align: center;}
.weather-dashboard-temp{ font-size: 20px; font-weight: bold; padding: 4px; text-align: center; color: #007bff;}
.weather-dashboard-descrption{ padding: 4px; text-align: center; font-size: 14px;}
.weather-dashboard-box{ padding: 2px; border:1px solid #dff6fe ;}
.weather-dashboard-left{ text-align: right;}
.weather-dashboard-left img{ width: 40px;}
.weather-dashboard-right{ font-size: 12px;
  color: #666;
  text-align: left;
  padding-top: 10px;}
.weather-dashboard h4{     text-align: left;
  background: #dff6fe;
  padding: 8px;
  font-size: 18px; }
.weather-dashboard-box span{ color: #007bff;}
.weather-dashboard-button1{ background-color: #03A30A; height: 60px; padding: 4px;-webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;}
  .weather-dashboard-button2{ background-color: #939393; height: 60px; padding: 4px;-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;}
    .weather-dashboard-button3{ background-color: #0B7CB2; height: 60px; padding: 4px;-webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;}

.weather-dashboard-es1 a{ color: #fff; font-size: 18px; font-weight: bold;
  background-image: url("../images/Icons_waether/environmental-sensor.png"); background-repeat: no-repeat;text-align: right;
  width: 95%;
  display: block;
  height: 50px;
  padding-top: 10px; }

  .weather-dashboard-es2 a{ color: #fff; font-size: 18px; font-weight: bold;
    background-image: url("../images/Icons_waether/environmental-sensor.png"); background-repeat: no-repeat;text-align: right;
    width: 95%;
    display: block;
    height: 50px;
    padding-top: 10px; }

  .weather-dashboard-fs1 a{ color: #fff; font-size: 18px; font-weight: bold;
    background-image: url("../images/Icons_waether/flood-sensor.png"); background-repeat: no-repeat;text-align: right;
    width: 95%;
    display: block;
    height: 50px;
    padding-top: 10px; }

    .weather-dashboard-fs2 a{ color: #fff; font-size: 18px; font-weight: bold;
      background-image: url("../images/Icons_waether/flood-sensor.png"); background-repeat: no-repeat;text-align: right;
      width: 95%;
      display: block;
      height: 50px;
      padding-top: 10px; }
  /* Styles for mobile view */
  .mobile-div {
    display: block;
  }
  
  /* Styles for iPad/tablet view */
  .tablet-div {
    display: none;
  }

  /* Styles for desktop view */
  .desktop-div {
    display: none;
  }
 /*iframe height width setting*/

 .iframe-orgnization-chart{ height: 800px; width: 100%; border: none;}

  /* Media query for screens with max width of 767px (typical for mobile devices) */
  @media (max-width: 767px) {
    .mobile-div {
      display: block;
    }
    .tablet-div, .desktop-div {
      display: none;
    }
    .iframe-orgnization-chart{ height: 400px; width: 100%; border: none;}
  }

  /* Media query for screens with min width of 768px and max width of 1023px (typical for iPad/tablet devices) */
  @media (min-width: 768px) and (max-width: 1023px) {
    .mobile-div, .desktop-div {
      display: none;
    }
    .tablet-div {
      display: block;
    }
    .iframe-orgnization-chart{ height: 600px; width: 100%; border: none;}
  }

  /* Media query for screens with min width of 1024px (typical for desktop devices) */
  @media (min-width: 1024px) {
    .mobile-div, .tablet-div {
      display: none;
    }
    .desktop-div {
      display: block;
    }
  }
  .white-text{ color: #fff;}