html, body {
*       height: 100%;
        margin: 0;
/*        font-family: 'Noto Sans Georgian', sans-serif;
        font-size: 0.8rem; */
        line-height:1.2rem !important;
}
tbody td { padding:4px 5px !important; }
@media screen and (max-width: 1440px) {
    img.wfollow {
         width: 1260px;
    }
}
p {
    margin-bottom: 0.5rem !important;
}
ul {
    padding-left: 10px !important;
}
.btn-green { background-color: green; color: white; border: none; padding: 5px 10px; border-radius: 3px; }
.btn-green:hover { background-color: darkgreen; }
.btn-red {   background-color: red; color: white; border: none; padding: 5px 10px; border-radius: 3px; }
.btn-red:hover { background-color: darkred; }
.btn-grey {   background-color: grey; color: white; border: none; padding: 5px 10px; border-radius: 3px; }
.btn-grey:hover { background-color: darkgrey; }
/*.dataTables_paginate { margin-top: 10px; text-align: center; }*/
.dataTables_paginate .paginate_button {
  background-color: #fff !important; /* Blue background */
  color: #ccc !important;
  border: 1px solid #74baff !important;
  border-radius: 4px;
  padding: 3px 2px;
  margin: 0 2px;
  cursor: pointer;
  font-size:11px;
}
.dataTables_paginate .paginate_button:hover {
  background-color: #0056b3;
  color: white;
}
.dataTables_paginate .paginate_button.current {
  background-color: #74baff !important;
  color: black;
  border: 1px solid #74baff !important;
}






.table-collapse table {
    border-collapse: collapse !important;
    border: 1px solid #000 !important;
}
.table-borderedx th {
    border: 1px solid #000 !important;
    background-color:#2086bf;
}
.table-borderedx td {
    border: 1px solid #000 !important;
}
.nav-link { padding:0.1rem 1rem 0.5rem 1rem !important; }
.redhover:hover { color:red; }
.bpink { background-color:pink; }		/* colors for waterbalance */
.blyellow { background-color:#ffff99; }
.blgreen { background-color:#99ff99; }
.blblue { background-color:#99eeff; }
.fpink { color:pink; }
.fred { color:red; }
.fgreen { color:green; }
.fyellow { color:yellow; }
.forange { color: #fb8c00; }
.fblue { color:#2086bf; }

.float-left { float:left; }
.bor { border:1px solid black; }
a:link { text-decoration: none !important; }
a:visited { text-decoration: none !important; }
a:hover { text-decoration: none !important; }
a:active { text-decoration: none !important; }
.cc {  text-align:center !important; }
.rt {  text-align:right !important; }
.lt {  text-align:left !important; }
.h200 {  height:200px; }
.w-98 { width:98%; }
.w60 { width:60px !important; }
.w90 { width:90px !important; }
.form-control { color:black !important; }
.cou113220 {  width:32px !important; height:20px !important; font-family:courier; font-size:11px; text-align:center; }
.statusa {  color:black; background-color:white; width:32px; height:20px; font-family:courier; font-size:11px; 
	    display: inline-block; text-align:center; }
.statusb {  color:#000; background-color:#77cc88;  width:32px; height:20px; font-family:courier; font-size:11px; 
	    display: inline-block; text-align:center; }
.statusc {  color:black; background-color:#ff5; width:32px; height:20px; font-family:courier; font-size:11px;
	    display: inline-block; text-align:center;}
.statusd {  color:#000; background-color:#d77;  width:32px; height:20px; font-family:courier; font-size:11px;
            display: inline-block; text-align:center;}
.statusq {  color:#000; background-color:#fff;  width:32px; height:20px; font-family:courier; font-size:11px; display: inline-block; text-align:center; }
.statusr {  color:#000; background-color:#74baff;  width:32px; height:20px; font-family:courier; font-size:11px; display: inline-block; text-align:center; }
.statusz {  color:#000; background-color:#74baff;  height:26px; font-family:courier; font-size:11px; display: inline-block; text-align:center;  }

.bor2black {  border:1px solid #000; border-radius:3px;}
.bor2red   {  border:1px solid #cc0000; border-radius:3px;}
.bor2blue  {  border:1px solid #0088aa; border-radius:3px;}
.letnum { border:2px solid #2f0054 !important; border-radius:4px; display: inline-block; text-align:center; width:46px; height:24px;  }

@font-face {
    font-family: 'HelveticaNeueWorld';
    src: url('../fonts/Linotype - Helvetica Neue World 55 Roman.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Linotype - Helvetica Neue World 55 Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/Linotype - Helvetica Neue World 55 Roman.woff') format('woff'), /* Modern Browsers */
         url('../fonts/Linotype - Helvetica Neue World 55 Roman.ttf') format('truetype'); /* Safari, Android, iOS */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {    font-family: 'BPG WEB 002 Caps';
    src: url('../fonts/bpg-web-002-caps-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-web-002-caps-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/bpg-web-002-caps-webfont.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/bpg-web-002-caps-webfont.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/bpg-web-002-caps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/bpg-web-002-caps-webfont.svg#bpg_web_002_capsregular') format('svg'); /* Legacy iOS */
}
@font-face { font-family: 'BPG WEB 002'; 
	src: url('../fonts/bpg-web-002-webfont.eot'); /* IE9 Compat Modes */ 
	src: url('../fonts/bpg-web-002-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/bpg-web-002-webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
	    url('../fonts/bpg-web-002-webfont.woff') format('woff'), /* Pretty  Modern Browsers */ 
            url('../fonts/bpg-web-002-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
            url('../fonts/bpg-web-002-webfont.svg#bpg_web_002regular') format('svg'); /* Legacy iOS */
}
@font-face { font-family: 'DejaVu Sans'; 
	src: url('../fonts/dejavu-sans-webfont.eot'); /* IE9 Compat Modes */ 
	src: url('../fonts/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/dejavu-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */ 
	    url('../fonts/dejavu-sans-webfont.woff') format('woff'), /* Pretty  Modern Browsers */ 
	    url('../fonts/dejavu-sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
            url('../fonts/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}
@font-face { font-family: 'Noto-Sans-Georgian-Regular'; 
	src:url('../fonts/Noto-Sans-Georgian-Regular.ttf.woff') format('woff'), 
        url('../fonts/Noto-Sans-Georgian-Regular.ttf.svg#Noto-Sans-Georgian-Regular') format('svg'), 
        url('../fonts/Noto-Sans-Georgian-Regular.ttf.eot'), 
        url('../fonts/Noto-Sans-Georgian-Regular.ttf.eot?#iefix') format('embedded-opentype');
        font-weight: normal; font-style: normal;
}
.nsg-12w  {
        font-family: 'Noto-Sans-Georgian-Regular';
        font-size: 1.2rem;
        color: #fff;
}
.nsg-20gr, .nsg-20gr:link, .nsg-20gr:visited, .nsg-20gr:active {
        font-family: 'Noto-Sans-Georgian-Regular';
        font-size: 2.0rem;
        color: #535353 !important;
}
.nsg-20gr:hover  {
        color: #333333 !important;
}
.nsg-16gr, .nsg-16gr:link, .nsg-16gr:visited, .nsg-16gr:active {
        font-family: 'Noto-Sans-Georgian-Regular';
        font-size: 1.6rem;
        color: #535353 !important;
}
.nsg-16gr:hover  {
        color: #333333 !important;
}
.nsg-16w {
        font-family: 'Noto-Sans-Georgian-Regular';
        font-size: 1.6rem;
        color: white !important;
}
.nsg-16orange  {
        font-family: 'Noto-Sans-Georgian-Regular';
        font-size: 1.6rem;
        color: #fb8c00 !important;      /* #fb8c00  */
}
.bpg-10wc, .bpg-10wc:link, .bpg-10wc:visited, .bpg-10wc:hover, .bpg-10wc:active {
        font-family: 'BPG WEB 002';
        font-size: 1.0rem;
        color: white !important;
}
.bpg-10orange, .bpg-10orange, .bpg-10orange:visited, .bpg-10orange:hover, .bpg-10orange:active {
        font-family: 'BPG WEB 002';
        font-size: 1.0rem;
        color: #fb8c00 !important;	/* #fb8c00  */
}

.bpg-10gr, .bpg-10gr:link, .bpg-10gr:visited, .bpg-10gr:hover, .bpg-10gr:active {
	font-family: 'BPG WEB 002';
        font-size: 1.0rem;
	line-height:1.2;
	padding:21px 0px;
        color: #535353 !important;
}
.bpg-10lgr, .bpg-10lgr:link, .bpg-10lgr:visited, .bpg-10lgr:hover, .bpg-10lgr:active {
  font-family: 'BPG WEB 002';
  font-size: 1.0rem;
  line-height:1.2;
  color: #959595 !important;
  padding-bottom:20px;
  border-bottom: 2px solid #e0e0e0;
}
.bpg-10g, .bpg-10g:link, .bpg-10g:visited, .bpg-10g:active {
  font-family: 'BPG WEB 002';
  font-size: 1.0rem;
  line-height:1.2;
  color: #959595 !important;
}
.bpg-10g:hover {
        color: #535353 !important;
}
.bpg-11gr {
  font-family: 'BPG WEB 002';
  font-size: 1.1rem;
  line-height:1.8;
  text-indent: 50px;
  color: #959595 !important;
  text-align: justify;
  text-justify: inter-word;
}
.ver-14gr {
  font-family: 'Verdana';
  font-size: 1.2rem;
  line-height:1.8;
  text-indent: 50px;
  color: #959595 !important;
  text-align: justify;
  text-justify: inter-word;
}

.bpg-11bb {
  font-family: 'BPG WEB 002';
  font-size: 1.2rem;
  line-height:1.8;
  text-indent: 50px;
  color: #535353 !important;
}

.bpg-10lgr:hover {
        color: #535353 !important;
}
.bpg-10blue, .bpg-10blue:link, .bpg-10blue:visited, .bpg-10blue:hover, .bpg-10blue:active {
        font-family: 'BPG WEB 002';
        font-size: 1.0rem;
        color: #3294be !important;
}
.rmchange {
	margin-right:100px;
}
.rmchange:hover {
        margin-right:115px;
}

.bpgc-11bc, .bpgc-11bc:link, .bpgc-11bc:visited, .bpgc-11bc:hover, .bpgc-11bc:active {
        font-family: 'BPG WEB 002 Caps';
        font-size: 1.1rem;
        color: #003471 !important;
}
.bpgc-10bc, .bpgc-10bc:link, .bpgc-10bc:visited, .bpgc-10bc:hover, .bpgc-10bc:active {
        font-family: 'BPG WEB 002 Caps';
        font-size: 1.0rem;
        color: #003471 !important;
}
.bpgc-9bc {
        font-family: 'HelveticaNeueWorld';
        font-size: 1.0rem;
        color: #003471 !important;
}
.h55-9w {
        font-family: 'HelveticaNeueWorld';
        font-size: 0.85rem;
        color: #d0d0d0 !important;
}
.h55-9g {
        font-family: 'HelveticaNeueWorld';
        font-size: 0.9rem;
        color: #535353 !important;
	text-align:center;
}
.h55-10g {
        font-family: 'HelveticaNeueWorld';
        font-size: 1.0rem;
	line-height:1.5;
	text-indent: 45px;
        color: #535353 !important;
        text-align:justify;
}

.bpgc-11wc, .bpgc-11wc:link, .bpgc-11wc:visited, .bpgc-11wc:hover, .bpgc-11wc:active {
        font-family: 'BPG WEB 002 Caps';
        font-size: 1.1rem;
        color: #fff !important;
}
.bpgc-11sb, .bpgc-11sb:link, .bpgc-11sb:visited, .bpgc-11sb:active {
        font-family: 'BPG WEB 002 Caps';
        font-size: 1.1rem;
        color: #3294be !important;
}
.bpgc-11sb:hover {
	color: #003471 !important;
}

.bpg-10bl {
        font-family: 'BPG WEB 002';
        font-size: 1.0rem;
	text-align:center;
        padding:20px !important;
        color: #000 !important;
}
.verdana10 {
        font-family: 'Verdana';
        font-size: 1.0rem;
        text-align:center;
}
/*
.djs-10, .djs-10:link, .djs-10:active, .djs-10:visited {
        font-family: 'DejaVu Sans';
        font-size: 1.2rem;
	text-align:center;
}
*/
.green {
	color:#28a745;
}
.djs-10wc, .djs-10wc:link, .djs-10wc:active, .djs-10wc:visited {
        font-family: 'DejaVu Sans';
        font-size: 1.2rem;
        color: #b1d8e8;
}
.djs-10wc:hover, .djs-10wc-active {
        font-family: 'DejaVu Sans';
        font-size: 1.2rem;
	color: #fff;
}
.djs-11wc, .djs-11wc:link, .djs-11wc:active, .djs-11wc:visited {
        font-family: 'DejaVu Sans';
        font-size: 1.4rem;
        color: white;
}
.djs-11wc:hover{
        color: #3294be;
}


.djs-9wc, .djs-9wc:link, .djs-9wc:active, .djs-9wc:visited {
        font-family: 'DejaVu Sans';
        font-size: 0.9rem;
        color: #b1d8e8;
}
.djs-12db {
        font-family: 'DejaVu Sans';
        font-size: 1.3rem;
        color: #003471;
        text-align:center;
        padding:3px;
}
.djs-10db, .djs-10db:link, .djs-10db:active, .djs-10db:visited {
        font-family: 'DejaVu Sans';
        font-size: 1.0rem !important;
        color: #003471 !important;
        text-align:center;
        padding:3px;
}
.djs-10db:hover {
	color: #b1d8e8;
}
.djs-9db {
        font-family: 'DejaVu Sans';
        font-size: 0.9rem;
        color: #000;
	text-align:center;
	padding:10px;
}
.brrw {
	border-right:1px solid white;
}
.brbw {
        border-bottom:1px solid white;
}
.brbb {
        border-bottom:1px solid #003471;
}
.my-dropdown-toggle::after {	/* remov small dropdown arrow icon */
    content: none !important;
}
/*
.dropdown-menu {
  margin-top:-5px !important;
  background-color:#003471 !important;
}
.dropdown-item {
  color: white !important;
  background-color:#003471 !important;
}
.dropdown-item:hover {
  background-color:#105b8d !important;
}
*/
.dropdown-menu {
  margin-top:-5px !important;
  margin-left:-20px !important;
  background-color:#00356a !important;
}
.dropdown-item {
  color: #2086bf !important;
  background-color:#000 !important;
  line-height:2.0rem !important;
}
.dropdown-item:hover {
  color: white !important;
  background-color:#003060 !important;
  cursor:pointer;
}
.wbor { border:1px solid white !important; }
.brad {  border-radius:5px; }
.bred { background-color:red; }
.bgreen { background-color:green; }
.bwhite { background-color:white; margin:1px; border-radius:5px;}


.cabbutton {
  margin-left:25px; height:39px; width:160px; border-radius:5px; border:1px solid #2490be; background-color:#2490be;
}
.cabinput {
  font-size:1.4rem; font-family:courier; border:1px solid black; border-radius:5px; width:400px; height:40px;
}
.contactinput {
  font-size:1.1rem; border:0;  width:315px; height:32px; background-color:#ebebeb; margin-top:10px; pdding-left:10px;
}

.cab1button {
  margin-right:40px; margin-top:40px; height:67px; width:300px; border-radius:5px; border:1px solid #2490be; background-color:#2490be;
  font-family: 'BPG WEB 002'; font-size: 1.2rem; color: white !important;
}
.cab1button:hover {
  font-family: 'BPG WEB 002'; font-size: 1.2rem; color: #003471 !important;
}
.contactbutton {
  margin-top:16px; height:40px; width:170px; border:1px solid #22b2cc; background-color:#22b2cc;
  font-family: 'BPG WEB 002'; font-size: 1.2rem; color: white !important;
}
.contactbutton:hover {
  font-family: 'BPG WEB 002'; font-size: 1.2rem; color: #003471 !important;
}



/*
::placeholder {
  font-family: 'BPG WEB 002';
  text-align: center;
  color: #b0b0b0; opacity: 1;
}
:-ms-input-placeholder { 
  font-family: 'BPG WEB 002';
  text-align: center;
  color:#b0b0b0;
}
::-ms-input-placeholder {
  font-family: 'BPG WEB 002';
  text-align: center;
  color:#b0b0b0;
}
*/
.myslider .carousel-indicators {
  top: 450px;		/* 52% */
  justify-content:flex-start;
  margin:0;
  padding-left:128px;
  padding-right:15px;
}
.carousel-indicators li {
  background-color: #fb8c00 !important;		/* #fb8c00  */
}
.imghotline {
    background-position: 82px 50%;
    background-image: url('../img/wsbhotline.png');
    background-repeat: no-repeat;
}
.imghotline:hover {
    background-image: url('../img/dbsbhotline.png');
    background-repeat: no-repeat;
}
.imgcard {
    background-position: 56px 50%;
    background-image: url('../img/wsbcard.png');
    background-repeat: no-repeat;
}
.imgcard:hover {
    background-image: url('../img/dbsbcard.png');
    background-repeat: no-repeat;
}
.imgsms {
    background-position: 51px 50%;
    background-image: url('../img/wsbsms.png');
    background-repeat: no-repeat;
}
.imgsms:hover {
    background-image: url('../img/dbsbsms.png');
    background-repeat: no-repeat;
}
.imgapp {
    background-position: 70px 50%;
    background-image: url('../img/wsbapp.png');
    background-repeat: no-repeat;
}
.imgapp:hover {
    background-image: url('../img/dbsbapp.png');
    background-repeat: no-repeat;
}
.imgbcard {
    background-image: url('../img/sbwcard.png');
    background-repeat: no-repeat;
}
.imgbcard:hover {
    background-image: url('../img/dbwcard.png');
    background-repeat: no-repeat;
}
.imgbsms {
    background-image: url('../img/sbwsms.png');
    background-repeat: no-repeat;
}
.imgbsms:hover {
    background-image: url('../img/dbwsms.png');
    background-repeat: no-repeat;
}
.imgbapp {
    background-image: url('../img/sbwapp.png');
    background-repeat: no-repeat;
}
.imgbapp:hover {
    background-image: url('../img/dbwapp.png');
    background-repeat: no-repeat;
}
.imgbhotline {
    background-image: url('../img/sbwhotline.png');
    background-repeat: no-repeat;
}
.imgbhotline:hover {
    background-image: url('../img/dbwhotline.png');
    background-repeat: no-repeat;
}


.wsupply {
    cursor:pointer;
    overflow: hidden;
    background-image: url('../img/watersupply.jpg');
    background-repeat: no-repeat;
    position: relative;
}
.wsupply-eng {
    cursor:pointer;
    overflow: hidden;
    background-image: url('../img/watersupply-eng.jpg');
    background-repeat: no-repeat;
    position: relative;
}
.wwnetwork {
    cursor:pointer;
    overflow: hidden;
    background-image: url('../img/wwnetwork.jpg');
    background-repeat: no-repeat;
}
.wwnetwork-eng {
    cursor:pointer;
    overflow: hidden;
    background-image: url('../img/wwnetwork-eng.jpg');
    background-repeat: no-repeat;
}


.fill {
    cursor:pointer;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('/static/img/savewater.jpg');
}
.fill1 {
    cursor:pointer;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('/static/img/tariffs.jpg');
}
/*
.partial-bottom-border:after {
    content: "";  
    display: block;
    margin: 0 auto; 
    width: 80%; 
    padding-top: 20px; 
    border-bottom: 1px solid black; 
}
*/


td.phases {
    position: relative;
}

td.phases::after {
    content: '';
    background-color: #959595;
    position: absolute;
    left: 100%;
    top: 20px;
    bottom: 20px;
    width: 1px;
}

.shadowallsides
{
  width:255px;
  height:380px;
  padding:30px;
  float:left;
  box-shadow: 0 0 5px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.6);
  cursor:pointer;
}
.shadowallsides:hover {
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.newsshadow
{
  width: 255px; 
  height: 300px;
  margin: 30px 43px 30px 0px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3); 
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);  
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  cursor:pointer;
}
.newsshadow:hover {
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.shadowserv{
  width:553px;
  height:170px;
  line-height:170px;
  float:left;
  background-color:white;
  margin: 60px 42px 60px 128px;
  box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  cursor:pointer;
}
.shadowserv:hover {
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
  -o-box-shadow: 0 0 15px rgba(0,0,0,0.6);
}
.bgworks {
  padding-left:35px;
  background: url('../img/works.png') no-repeat left center;
  background-origin: content-box;
}
.bgworks:hover {
  padding-left:35px;
  background: url('../img/works-selected.png') no-repeat left center;
  background-origin: content-box;
}
.bgplanned {
  padding-left:35px;
  background: url('../img/planned.png') no-repeat left center;
  background-origin: content-box;
}
.bgplanned:hover {
  padding-left:35px;
  background: url('../img/planned-selected.png') no-repeat left center;
  background-origin: content-box;
}

.fbyttw, .fbyttw:link, .fbyttw:active, .fbyttw:visited {
  float:left; width:30px; height:30px; line-height:25px; border-radius:50%; border:3px solid #757575; text-align:center; color:#757575;
}
.fbyttw:hover {
  color:white; border:3px solid white;
}

.cursor-pointer{
  cursor: pointer;
}
.olive {
  color: #86b62e;
}
.olive-bg {  background-color: #86b62e; }
.purple-bg { background-color: #2a004a; color:white !important; }
.yellow-bg {  background-color: #ffff00; }
.green-bg {  background-color: #66bb99; }
.pink-bg {  background-color: #d77; } /* background-color:#d77 */
.blue-bg {  background-color: #2086bf; color:white; }
.red-bg {  background-color: #b50000; color:white; }
.gray-bg {  background-color: #999999; color:white; }
.black-bg {  background-color: #000; color:white !important; }
.white-bg {  background-color: #fff; }
.lblue-bg {  background-color: #2086bf; color:white; }
/*
		if(xd[32]==9 && xd[35]>1) bgc=' bgcolor=#66bb99 '; else bgc='';	 // აღრიცხვის კვანძის მოწყობა მწვანე
		if(xd[32]==7 && xd[35]>1) bgc=' bgcolor=#ee99dd '; 		 // ახალი დაერთება იასამნისფერი
*/


.maia {
  color: #3294be;
}
.darkblue {
  color: #003471;
}
.darkred {
  color: #9e0d13;
}
.bg-darkblue {
  background-color: #003471; color:white; text-align:center; padding:3px;
}
.bold {
  font-weight:bold;
}
.bottomborder {
  padding-bottom:30px;
  border-bottom: 2px solid #e0e0e0;
}

@import url("http://fonts.googleapis.com/earlyaccess/notosansgeorgian.css");
html, body {
        height: 100%;
        margin: 0;
	font-family: 'Noto Sans Georgian', sans-serif;
	font-size: 0.9rem;


.bb { border:1px solid red; }
}
.form-control {
        font-family: 'Noto Sans Georgian', sans-serif !important;
        font-size: 0.9rem !important;
        line-height: 1.2rem !important;
        padding: .25rem;
}
.font-sec {
        font-family: 'Noto Sans Georgian', sans-serif !important;
        font-size: 0.8rem !important;
        line-height: 0.9rem !important;
        padding: .1rem;
}
.font-sec-lg {
        font-family: 'Noto Sans Georgian', sans-serif !important;
        font-size: 1rem !important;
        line-height: 1.1rem !important;
        padding: .1rem;
}
.table td, .table th  { 	padding: 3px !important;  }


.bg-dark {    background-color: #565656 !important; }		/* #003b46  */


.btn-danger {  	color: #fff;  background-color: #f62a00;    border-color: #f62a00; }
/*.btn-primary {  color: #fff;  background-color: #66a5ad;    border-color: #66a5ad; }
.btn-primary:hover {  color: #fff;  background-color: #578d94;    border-color: #578d94; }
*/
.btn-primary {  color: #ccc;  background-color: #b49adf;    border-color: #ccc; }
.btn-primary:hover {  color: #fff;  background-color: #b49adf;    border-color: #fff; }
.btn-outline-secondary:hover{ background-color: #66a5ad !important; }

/*thead { background-color:#868686; color:white; font-size:0.85rem;}*/	/*  #66a5ad  */
.bdth { background-color:#b4d2de; border:1px solid black; text-align:center; font-size:0.85rem; font-weight:normal; padding:3px; color:black; }
.bdtd { border:1px solid black; text-align:left; font-size:0.85rem; padding:3px 10px; color:black; }
.bdtdr{ border:1px solid black; text-align:right; font-size:0.85rem; padding:3px 10px; color:black; }
.bdtdc{ border:1px solid black; text-align:center; font-size:0.85rem; padding:3px 5px; color:black; }
.bdtds{ border:1px solid black; text-align:right; font-size:0.85rem; padding:3px 10px; color:black; background-color:#ffffdd; }

.dataTables_wrapper .dataTables_filter 	{ float: left; font-size:0.9rem; }
.dataTables_wrapper .dataTables_length	{ float: right; }
.dataTables_wrapper .dataTables_info 	{ font-size:0.8rem; }
.datepicker {    z-index: 1600 !important; /* has to be larger than 1050 */    }
.custom-control-input:checked~.custom-control-label::before {
  border-color: #66a5ad;	/* #003b46 */
  background-color: #66a5ad;	/* #003b46 */
}
.btn-wrap {
/*    display: flex;	*/
    flex-wrap: wrap;
/*    width: 80px; */
    text-align:center;
    z-index: 9;
    font-size: 13px;
}
.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}
.table-bordered table {
/*  border: 1px solid #000; */
}
.t-bordered table, .t-bordered td, .t-bordered th {
  border: 1px solid #222222;
}
.table-bordered th {
  border: 1px solid #000;
  background-color: #2086bf; /* #74baff */
  color:black;
  border-bottom:0; 
  padding:5px;
/*  border-top:0; */
}
.table-bordered td {
  border: 1px solid #000;
/*  color:black; */
  padding-left:5px;
}
.t-centered td {
  text-align:center;
}
.table-responsive {
  display: inline-table;
}
.ui-accordion .ui-accordion-header {
  margin: 0px !important; 
  padding: .2em .2em .65em .5em !important; 
}
.topic {
	width:180px; 
	height:200px; 
	text-align:center; 
	background-color:#c4dfe6;
	color:#003b46!important;
	font-weight:bold;
	cursor:pointer;
	border:2px solid #66a5ad !important;
}
.topic:hover {
	background-color:#66a5ad;
	color:black !important;
        border:2px solid black !important;
}
.loader {
	position: fixed;
	top: 50%;
  	left: 50%;
  	margin-top: 0px;
  	margin-left: 0px;
	width: 100px;
	height: 100px;
	z-index: 9999;
	background: url('ajax-loader.gif') 50% 50% no-repeat;
}
.ui-datepicker-header {
    background: #66a5ad !important;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 0.9rem !important;
    height: 26px;
}
.ui-state-active { background: #2086bf !important; border: 1px solid #c5c5c5 !important; }
.form-group {
    margin-bottom: 0.5rem !important;
}
label {
	margin-bottom: 0.15rem !important;
}
#map {
        width: 100%;
        height: 100px;
}
#login {
	border: 1px solid #ccc;
	border-radius: 12px;
	box-shadow: 0px 1px 10px #999;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:1rem;
	margin: 0 auto;
	text-align: center;
}
.login_title {
	color:#999999;
	font-weight:bold;
	font-size: 1.2rem;
}
#formLogin{
	margin: 0 50px;
}
#formLogin div.form-group>label{
	font-size: 1rem;
	margin-bottom:4px;
}
.form-group>label{
	font-size: 0.8rem;
	color: #444;
	text-align: right;
}

/*input,textarea,select		{ box-shadow: inset 0 2px 2px #8f8f8f; }*/
input:hover, textarea:hover 	{ border-color: #8f8f8f; }
input:focus, textarea:focus 	{ border-color: 6625ad; box-shadow: 0px 0px 3px #8f8f8f, inset 0 1px 1px #8f8f8f; outline: 0 none; }

button.btn.btn-default, a.btn.btn-default{
	font-weight: bold;
	color: #4f4f4f;
	text-shadow: 0px 1px 0px rgba(255, 255, 255,0.7);
	border-color: #AAA;
	background: rgb(244,244,244);
}
button.btn.btn-default:hover, button.btn.btn-default:focus, button.btn.btn-default.focado,
a.btn.btn-default:hover, a.btn.btn-default:focus, a.btn.btn-default.focado{
	background: rgb(232,232,232);
}
button.btn.btn-default:active, button.btn.btn-default.ativo,
a.btn.btn-default:active, a.btn.btn-default.ativo{
	color: #EFEFEF;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.7);
	background: rgb(90, 125, 85);
}
.footer {
	position: absolute;
	bottom: 10px;
	width: 90%;
	height: 26px;
	font-size: 0.8rem;
	text-align: center;
}
.wsmart-logo {
	background: url('../img/wsmart.png');
	margin: auto;
	width: 208px;
	height: 65px;
}
.alert-right  {
    display: none;
    position: absolute;
    padding: .75rem 1.25rem;
    top: 1rem;
    right: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.n-x { font-family: 'Myriad pro Semibold', sans-serif; font-size: 0.95rem; /* color: #003b46; */   color:#cc00cc; }
.n-14 {
        font-family: 'Noto Sans Georgian', sans-serif;
        font-size: 1rem;
	color: rgba(0,0,0,.7);
}

.n-13 {   font-family: 'Noto Sans Georgian', sans-serif; font-size: 0.9rem; color: rgba(0,0,0,.7); }

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 99%;
  margin-left: .1rem;
  margin-right: .1rem;
}
.dropdown-item:hover {
  color: white;
  background-color: #66a5ad;
}
.disabled { color:#666 !important; }
table.dataTable tbody tr.selected {
    color: black !important;
    background-color: #a2d04a !important;	/*   66a5ad   */
}
#xtable tr, #ytable tr {
    font-size:0.8rem;
    height:26px;
}
#xtable tr.selected, #ytable tr.selected {
    background-color: #ffa !important;
}
.page-link {
    color: black;
    font-size: 0.8rem;
}
.page-item.active .page-link {
    color: black;
    background-color: #3294be !important;
    border:none; 
}
.mmh { color: #c9d1cb !important; font-family: 'Noto Sans Georgian', sans-serif; font-size: 1.0rem; }
/*
.mmh:a { color: #eeeeee !important; font-family: 'Noto Sans Georgian', sans-serif; font-size: 1rem; }
.mmh:link { color: #eeeeee !important; font-family: 'Noto Sans Georgian', sans-serif; font-size: 1rem; }
.mmh:active { color: #eeeeee !important; font-family: 'Noto Sans Georgian', sans-serif; font-size: 1rem; }
*/
.mmh:hover { color: #e0e0e0 !important; }
.ocean { color: #66a5ad; }
.macsviolet { color: #b49adf; }
.macsskyblue { color: #b4d2df; }
.macsvioletbg { background-color: #b49adf !important; }
.macsskybluebg { background-color: #b4d2df !important; }


.labb  { font-family: 'Verdana'; font-size: 1rem; font-weight:bold; }
.stat  { font-family: 'Verdana'; font-size: 0.9rem; }
.statw { font-family: 'Verdana'; font-size: 0.9rem; color:white; }

/* #wq start */

.water-quality-gray-icon i, .water-quality-gray-icon svg{
    color: #00505e;
}

.water-quality-green-icon i, .water-quality-green-icon svg {
    color: lime;
}

.water-quality-yellow-icon i, .water-quality-yellow-icon svg {
    color: yellow;
}

.water-quality-red-icon i, .water-quality-red-icon svg {
    color: red;
}

/* #wq end */  


.legend {
  padding: 6px 8px;
  font: 14px Arial, Helvetica, sans-serif;
  background: rgba(180, 154, 220, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  line-height: 24px;
  color: #333;
}
.legend h4 {
  text-align: center;
  font-size: 16px;
  margin: 2px 12px 8px;
  color: #333;
}

.legend span {
  position: relative;
  bottom: 3px;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin: 0 8px 0 0;
}





.cbsky { display: inline-flex; cursor: pointer; position: relative; }
.cbsky > input {
    height: 15px; width: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid black; border-radius: 2px;
    outline: none; transition-duration: 0.3s;
    background-color: #c4dfe6;
    cursor: pointer;
  }
.cbsky > input:checked { border: 1px solid black; background-color: #006983; }
.cbsky > input:checked + span::before {
    content: '\2713';
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0.2rem;
    top: 0.1rem;
}
.cbsky > input:active { border: 2px solid #34495E; }

.cbviolet { display: inline-flex; cursor: pointer; position: relative; }
.cbviolet > input {
    height: 15px; width: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid black; border-radius: 2px;
    outline: none; transition-duration: 0.3s;
    background-color: #b49ade;
    cursor: pointer;
  }
.cbviolet > input:checked {border: 1px solid black; background-color: #37008f; }
.cbviolet > input:checked + span::before { 
    content: '\2713';
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0.2rem;
    top: 0.1rem;
}
.cbviolet > input:active { border: 2px solid #34495E; }

div.salibauri {
  position: absolute;
  top: 561px;
  left: 580px;
  width: 60px;
  height: 20px;
}
div.injalo {
  position: absolute;
  top: 561px;
  left: 886px;
  width: 60px;
  height: 20px;
}

.fpurple { color:#2f0054 !important; }

.bblack { background-color:#000000 !important; }
.bpurple { background-color:#2f0054 !important; color:white !important;}
.dbblue { background-color:#00356a !important; }
.lbblue { background-color:#2086bf !important; }
.skyblue {  background-color: #74baff !important; }
.dfblue { color:#00356a !important; }
.lfblue { color:#74baff !important; }
.bdolive{ background-color:#a2d04a; }
.pinp {
        border:1px solid #28a745;
        border-radius:5px;
        width:96px;
        height:26px;
        font-family:courier;
        font-size:16px;
        padding-left:5px;
}
.fwhite { color:white; }
.hand { cursor:pointer; }
.uu { text-decoration: underline; }
.db60button {
    color: #ddd !important;
    border: 1px solid #fff;
    border-radius:3px !important;
    padding:1px !important;
    height:27px !important;
    width:30px !important;
    font-size:0.9rem;
    background: linear-gradient(to bottom, #2086bf 0%, #000000 100%) ;
}
.dr60button {
    color: #ddd !important;
    border: 1px solid #fff;
    border-radius:3px !important;
    padding:1px !important;
    height:27px !important;
    width:30px !important;
    font-size:0.9rem;
    background: linear-gradient(to bottom, #b50000 0%, #000000 100%) ;
}
.ft11 { font-size:11px; color:black; }
.ft12 { font-size:12px; color:black; }
.ft13 { font-size:13px; color:black; }
.ft14 { font-size:14px; color:black; }
.ft15 { font-size:15px; color:black; }
.ft16 { font-size:16px; color:black; }
.ft20 { font-size:20px; letter-spacing: .2rem; font-style: italic; line-height:30px; font-family: 'Noto-Sans-Georgian-Regular'; font-weight: bold; }
.ft26 { font-size:26px; letter-spacing: .5rem; font-style: italic; line-height:40px; font-family: 'Noto-Sans-Georgian-Regular'; font-weight: bold; }
.cou12 { font-family:'Segoe UI', 'Open Sans', sans-serif, serif !important; font-size:12px; }
.cou13 { font-family:'Segoe UI', 'Open Sans', sans-serif, serif !important; font-size:13px; }
.cou14 { font-family:'Segoe UI', 'Open Sans', sans-serif, serif !important; !important; font-size:14px; }
/*
        font-family: 'BPG WEB 002 Caps';
        font-family: 'HelveticaNeueWorld';
	font-family: 'Noto-Sans-Georgian-Regular';
*/
.dataTables_filter { margin-top:3px;  }
.dataTables_filter input { max-width:250px !important; font-size:15px !important; }
.toolbar { float:left; padding:3px; }
td.dataTables_empty { text-align: center; display:none; }
.moncircle { display:block; float:left; margin:2px;
	width:26px;height:26px; border-radius:30%; color:#000000; border:1px solid #00356a;
	text-align:center; background-color:#2086bf; cursor:pointer; line-height:26px;}
.current { background-color:#000000 !important; color:#fff !important; }
.moncircle:hover { background-color:#fff; }
.daycircle { display:block; float:left; margin:2px; color:#2086bf; text-align:center; cursor:pointer; line-height:26px; margin:4px}
.daycurrent { text-decoration: underline; color:#000000; }

.catcircle { display:block; float:left; margin:2px; color:#000; background-color:#a2d04a; text-align:center; 
             cursor:pointer; line-height:26px; border:1px solid black; border-radius:50%; width:26px; height:26px; }
.catcurrent { background-color:#000; color:#fff; }
.circlesmall { display:block; float:left; margin:0px; color:#000; text-align:center;
                  line-height:22px; border:1px solid black; border-radius:50%; width:22px; height:22px; }
.dateshort { display:block; text-align:center; border:1px solid black; border-radius:3px; width:43px; height:22px; line-height:20px;}
.wide50 { width:50px !important;}
.wide60 { width:60px !important;}
.wide70 { width:70px !important;}
.wide80 { width:80px !important;}

.ui-dialog-title {
    font-family: 'Verdana' !important;
    font-size:13px;
    color: #74baff !important;
    background-color: #000 !important;
}
.ui-dialog-titlebar, ui-corner-all, ui-widget-header, ui-helper-clearfix, ui-draggable-handle { background-color: #000 !important; }
.ui-dialog .ui-dialog-buttonpane button {
    width: 100px; /* Change this value to the desired width */
}


button { border-radius:3px !important; padding:3px; border:1px #ccc solid; }
.r2bor { border:2px solid red !important; border-radius:3px}

.pbutton {
    color: #333 !important;
    border: 1px solid #979797  !important;
    border-radius:2px !important;
/*    padding-top: 3px !important; */
    height:26px !important;
/*    line-height:28px !important; */
    width:26px !important;
    margin:2px !important;
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}
.red { color:red; }
.blue { color:#5588ff; }
.redbadge {
    color: white; border:none; border-radius:5px; background-color:#ce352c; padding:0px 4px 0px 4px !important; 
    font-family:'courier new'; font-size:12px; line-height:16px; font-weight: bold; 
}
.redcourier14 { font-family:'courier new'; font-size:16px; color:red; line-height:16px; font-weight: bold; margin-left:3px; }

	table.featureInfo, table.featureInfo td, table.featureInfo th {
		border:1px solid #ddd;
		border-collapse:collapse;
		margin:0;
		padding:0;
		font-size: 90%;
		padding:.2em .1em;
	}
	table.featureInfo th {
	    padding:.2em .2em;
		font-weight:bold;
		background:#eee;
	}
	table.featureInfo td{
		background:#fff;
	}
	table.featureInfo tr.odd td{
		background:#eee;
	}
	table.featureInfo caption{
		text-align:left;
		font-size:100%;
		font-weight:bold;
		padding:.2em .2em;
	}