html, body {
        background-color:#001936;
        color:#fff;
        height:100%;
    }

    .uk-container {
        padding-left:0px;
        padding-right:0px;
    }

    .uk-input, :not([multiple]):not([size]).uk-select 
    {
        height:auto !important;
        padding:10px;
    }

  
    @media (min-width: 640px) {
        .uk-container {
            padding-left: 0px;
            padding-right: 0px;
        }
    }


    *, body, html,h1,h2, h3,h4  {
        font-family: 'PT Sans Narrow', sans-serif;
    }
    .menu {
        position:absolute;
        top:60px;
        background-color:rgba(0,0,0,.2);
        width:100%;
        height:55px;
        z-index:999;
    }
    .menu .logo {
        margin-top:-24px;
    }

    .menu > .uk-container > .uk-grid {
        flex-wrap: nowrap;
    }

    .menu .uk-align-right > .uk-grid {
        flex-wrap: nowrap;
    }

    .menu .menu-item 
    {
        padding: 15px 24px 0;
        text-align:right;
    }
    .menu .menu-item img 
    {
        margin-top:-4px;
    }
    .menu .menu-item a {
        color: #fff;
        font-family: 'Titillium Web', sans-serif;
        font-size:16px;
        line-height: 1.2;
        white-space: nowrap;
        text-transform: uppercase;
    }
    .menu .menu-item a:hover {
        text-decoration:none;
    }
     
    #content-band 
    {
        background-color:#001936;
        padding:20px;
    }

    .baraj-seviye img
    {
	    padding:0px;
	    margin:0px;
    }
    .baraj-seviye
    {
	    background: rgb(0,127,235);
	    background: -moz-linear-gradient(top,  rgb(0,127,235) 0%, rgb(0,79,147) 99%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,127,235)), color-stop(99%,rgb(0,79,147)));
	    background: -webkit-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: -o-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: -ms-linear-gradient(top,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    background: linear-gradient(to bottom,  rgb(0,127,235) 0%,rgb(0,79,147) 99%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007feb', endColorstr='#004f93',GradientType=0 );
    }


    .sube {
        position:absolute;
        z-index:999;
        top:5px;
        width:100%;
    }

    .howcanihelpu 
    {
        position:absolute;
        z-index:999;
        margin-top:-112px;
        height:1px;
    }

    .news-title 
    {
        margin-top:-50px;
        height:55px;
        width:311px;
        background-color:#001a36;
        border-radius:10px 10px 0px 0px;
        text-align:center;
        padding-top:-10px;
        position:relative;
        z-index:999;
        
    }
    .news-title h3 
    {
        color:#e1e1e1;
        font-size:16px;
        padding:10px;
    }
    .section-two {
        background-color:#00336e;
        
    }

    .section-two h3 {
        font-weight:bold;
        color:#95cbff;
        font-size:18px;
        margin:0px;
        margin-bottom:15px;
    }

    .section-two-layout {
        align-items:flex-start;
        flex-wrap:nowrap;
        gap:0;
    }

    .flex-1 { flex:1 1 0; }
    .min-w-0 { min-width:0; }

    .dam-dashboard-shell {
        background:transparent;
        padding:0;
        border:none;
        flex:1 1 0;
        width:auto;
        max-width:52%;
        min-width:0;
    }

    .dam-dashboard-shell--3 {
        max-width:44%;
        flex:0 1 44%;
    }

    .dam-dashboard-shell--3 ~ .watercuts-container {
        flex:0 0 380px;
        width:380px;
        max-width:380px;
    }

    .dam-dashboard,
    .dam-desk-strip {
        display:flex;
        flex:1 1 auto;
        width:100%;
        min-width:0;
        align-items:stretch;
        overflow:visible;
        background:transparent;
    }

    .dam-count-2 {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .dam-count-3 {
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

    .dam-count-3 .dam-root .dam-content {
        padding:10px 4px 0 4px;
    }

    .dam-count-3 .dam-card__name {
        font-size:13px;
    }

    .dam-count-3 .dam-gauge-wrap {
        max-width:100%;
        height:88px;
    }

    .dam-count-3 .dam-gauge-percent {
        font-size:16px;
    }

    .dam-count-3 .dam-meta .total {
        font-size:13px;
    }

    .dam-count-3 .dam-level table.dam-history {
        font-size:11px;
    }

    .dam-level {
        min-width:0;
        width:100%;
        overflow:visible;
    }

    .dam-root {
        display:flex;
        width:100%;
        min-width:0;
        height:100%;
    }

    .dam-sep {
        flex:0 0 2px;
    }

    .dam-sep .seperator {
        height:210px;
        width:2px;
        display:block;
    }

    .dam-root .dam-content {
        flex:1 1 auto;
        min-width:0;
        padding:10px 6px 0 6px;
        overflow:visible;
    }

    .section-two .dam-title {
        font-weight:bold;
        color:#95cbff;
        font-size:16px;
        margin:0 0 4px 0;
        line-height:1.3;
        word-break:break-word;
        display:flex;
        align-items:flex-start;
        flex-wrap:wrap;
        gap:4px;
    }

    .dam-title-mark {
        color:#95cbff;
        flex-shrink:0;
        margin-top:2px;
    }

    .dam-card__name {
        color:#95cbff;
        font-size:15px;
        font-weight:700;
        letter-spacing:0.01em;
        line-height:1.25;
        flex:1;
        min-width:0;
        word-break:break-word;
        text-transform:uppercase;
    }

    .dam-trend {
        line-height:1;
        flex-shrink:0;
        margin-top:2px;
    }

    .dam-trend.uk-hidden {
        display:none;
    }

    .dam-trend-icon.dam-trend-down { color:#f0506e; }
    .dam-trend-icon.dam-trend-up { color:#32d296; }
    .dam-trend-icon.dam-trend-flat {
        color:#1e87f0;
        font-size:13px;
        font-weight:bold;
        display:inline-block;
        width:12px;
        text-align:center;
    }

    .dam-body-top,
    .dam-body-chart {
        width:100%;
        min-width:0;
    }

    .dam-gauge-wrap {
        position:relative;
        width:100%;
        max-width:250px;
        height:94px;
    }

    .dam-gauge-wall {
        position:absolute;
        left:0;
        top:0;
        width:33px;
        height:100%;
        display:block;
        object-fit:fill;
    }

    .dam-gauge-fill-slot {
        position:absolute;
        left:33px;
        right:0;
        top:0;
        bottom:0;
        overflow:hidden;
    }

    .dam-level-canvas {
        display:block;
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
        pointer-events:none;
    }

    .dam-gauge-percent {
        position:absolute;
        left:0;
        right:0;
        text-align:center;
        color:#fff;
        font-family:'Raleway', sans-serif;
        font-weight:700;
        line-height:1;
        font-size:18px;
        text-shadow:0 1px 4px rgba(0, 20, 50, 0.95);
        pointer-events:none;
        z-index:2;
        bottom:4px;
    }

    .dam-meta {
        display:flex;
        flex-wrap:wrap;
        align-items:baseline;
        gap:6px 8px;
        margin-top:4px;
    }

    .dam-meta .total {
        font-size:14px;
        line-height:1.35;
        color:#fff;
        font-weight:600;
        white-space:nowrap;
    }

    .dam-meta .date-time {
        font-size:12px;
        color:#e1e1e1;
        line-height:1.35;
        font-weight:500;
        white-space:nowrap;
    }

    .dam-level table.dam-history {
        font-size:12px;
        width:100%;
        table-layout:fixed;
        color:#e1e1e1;
        margin-top:6px;
    }

    .dam-level table.dam-history tr {
        border:0;
        padding:0;
        margin:0;
    }

    .dam-level table.dam-history td {
        border:0;
        padding:2px 0;
        margin:0;
        line-height:1.4;
        vertical-align:top;
        font-weight:500;
    }

    .dam-level table.dam-history td:first-child {
        width:58%;
        white-space:nowrap;
    }

    .dam-level table.dam-history td:last-child {
        width:42%;
        padding-left:4px;
        text-align:right;
        white-space:nowrap;
    }

    .watercuts-container {
        flex:0 0 300px;
        width:300px;
        max-width:300px;
    }

    .news-container {
        flex:0 0 310px;
        width:310px;
        max-width:310px;
    }

    .news-container .uk-align-right {
        float:none;
        margin:0;
        width:100%;
    }

    #news-slider .uk-slideshow-items {
        height:160px;
    }

    .section-two .seperator {
        height:220px;
        width:2px;
    }

    .footer {
        background-color:#1b1c21;
        padding-top:20px;
        padding-bottom:20px;
    }

    .footer h3 
    {
        color:#e1e1e1;
        font-size:14px;
        font-weight:bold;
        margin:0px;
        padding:0px;
    }

    .footer .uk-list a {
        font-size:14px;
        color:#eee;
        margin-left:10px;
        padding-left:10px;
        padding-right:10px;
        
    }

    
    .footer .uk-list a:hover {
        font-size:14px;
        color:#000;
        background-color:#e1e1e1;
        text-decoration:none;
    }


    .footer .uk-list li 
    {
        padding:0px;
        margin:0px;
    }

    .sub-menu {
        width:100%;
        margin-top:-78px;
        -webkit-box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
        box-shadow: 0px 13px 5px -5px rgba(0,0,0,0.18);
    }

    .sub-menu-container {
        height:210px;
        background: rgb(0,27,60);
        background: -moz-linear-gradient(top, rgba(0,27,60,.9) 0%, rgba(0,44,96,.9) 100%);
        background: -webkit-linear-gradient(top, rgba(0,27,60,.9) 0%,rgba(0,44,96,.9) 100%);
        background: linear-gradient(to bottom, rgba(0,27,60,.9) 0%,rgba(0,44,96,.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001b3c', endColorstr='#002c60',GradientType=0 );
        padding-top:30px;
        padding-left:30px;
    }

    .sub-menu-container a {
        color:#f9f9f9;
        font-size:16px;
        margin-left:15px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:2px;
        padding-top:2px;
        
    }
    .sub-menu-container a.uk-reset {
        
        margin-left:0px;
        padding-left:0px;
        padding-right:0px;
        padding-bottom:2px;
        padding-top:2px;
        
    }

    .sub-menu-container a:hover {
        color:#001e43;
        text-decoration:none;
        background-color:#61adfd;
    }
    .sub-menu-container .uk-reset:hover {
        text-decoration:none;
    }
    .sub-menu-container .uk-list li {
        margin-top:2px;
        
    }

    .sub-menu-container .seperator {
        height:200px;
        width:1px;
    }

    .sub-menu-container h3 {
        color:#2885d5;
        font-size:16px;
    }

    .sub-menu-container .contact-menu-multiline {
        white-space: pre-line;
    }

    .sub-menu-container .contact-menu-link {
        display: block;
    }

    .menu-item-bg {
        height:60px;
        background-color:rgba(0,27,60,.9);
        width:160px;
        margin-left:0;
    }

    .news-container img {
        border-bottom:10px solid rgba(0,27,60,.9);
    }

    .news-container .uk-dotnav>*>* {
        border:1px solid #fff;
    }

    .uk-dotnav>.uk-active>* {
        background-color:#fff;
    }
    .news-container .all-news 
    {
        color:#fff;
    }

    .watercuts-container .show-on-map 
    {
        color:#8cc63e;
        font-size:18px;
        text-decoration:none;
    }

    .watercuts-container .show-on-map:hover {
        color:#a8e054;
        text-decoration:none;
    }

    .watercuts-container .watercuts-body {
        flex:1 1 auto;
        min-width:0;
        padding:20px 10px 0 16px;
        position:relative;
    }

    .watercuts-container .watercuts-header {
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:6px;
        margin-bottom:10px;
    }

    .watercuts-container .watercuts-header-title {
        flex:1 1 auto;
        min-width:0;
    }

    .watercuts-container .watercuts-header-title h3 {
        margin:0;
        margin-bottom:0;
        font-size:18px;
        white-space:nowrap;
    }

    .watercuts-container .watercuts-nav {
        display:flex;
        align-items:center;
        flex:0 0 auto;
        white-space:nowrap;
        line-height:1;
        height:20px;
    }

    .watercuts-container .watercuts-nav a {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:18px;
        height:20px;
        line-height:1;
        text-decoration:none;
    }

    .watercuts-container .watercuts-nav a .uk-icon,
    .watercuts-container .watercuts-nav a svg {
        display:block;
        width:15px;
        height:15px;
    }

    .watercuts-container .watercuts-nav .component-layout-counter {
        display:inline-flex;
        align-items:center;
        height:20px;
    }

    .watercuts-container .watercuts-slider-wrap {
        height:130px;
        overflow:hidden;
    }

    .watercuts-container .watercuts-slider-scroll {
        overflow:hidden;
        height:100%;
    }

    .watercuts-container .component-layout-counter {
        color:#fff;
        font-size:14px;
        margin:0 4px;
        line-height:1;
        vertical-align:middle;
    }

    .watercuts-container .uk-slideshow-items {
        margin:0;
        padding:0;
        height:130px;
    }

    .watercuts-container .uk-slideshow-items li {
        color:#fff;
        font-size:15px;
        line-height:1.45;
        overflow:hidden;
    }

    .watercuts-container .uk-slideshow-items li.watercuts-empty {
        font-size:16px;
        font-weight:400;
        line-height:1.5;
        padding-top:4px;
    }

    .watercuts-container .component-layout-title {
        font-weight:bold;
        color:#fff;
        font-size:16px;
        margin:0 0 8px 0;
        line-height:1.3;
    }

    .watercuts-container .component-layout-detail {
        color:#fff;
        font-size:15px;
        line-height:1.5;
        margin:0 0 4px 0;
        overflow:hidden;
        display:-webkit-box;
        -webkit-line-clamp:5;
        -webkit-box-orient:vertical;
        word-break:break-word;
    }

    .watercuts-container .component-layout-detail + .component-layout-detail {
        -webkit-line-clamp:4;
    }

    .watercuts-container .watercuts-map-link {
        position:absolute;
        z-index:99;
        bottom:0;
        left:20px;
    }

    #water-cuts-mobile .component-layout-title {
        font-weight:bold;
        margin-bottom:0;
        color:#333;
    }

    #water-cuts-mobile .component-layout-detail {
        margin-top:0;
        color:#666;
        font-size:14px;
    }

    #water-cuts-mobile .show-on-map {
        color:#8cc63e;
        font-size:16px;
        text-decoration:none;
    }

    #water-cuts-mobile .show-on-map:hover {
        color:#a8e054;
        text-decoration:none;
    }

    .announcement-container  {
        width:41%;
        padding-top:10px;
    }
    .white {
        color:#fff
    }
    .white:hover {
        color:#95cbff;
    }
    .announcement-container h3, .announcement-container h3 a {
        color:#c0e2ff;
        font-size:18px;
        font-family: 'Titillium Web', sans-serif;
        margin:0px;
    }

    .section-three {
        height:87px;
        background-color:#001936;
    }

    .yellow-bar
    {
        background-image:url(/themes/corporate-isu/images/ybg.png);
        background-position-y: top;
        background-repeat:no-repeat;
        height:40px;
        padding-left:60px;
       width:550px;
    }

    .yellow-bar a {
        font-size:18px;
        color:#001936;
        font-weight:bold;
    }
    
    .yellow-bar a:hover {
        text-decoration:none;
        color:#ff2400;
    }

    .bottom-button-group {
        padding-top:10px;
        padding-left:60px;
    }

    .bottom-button-group a {
        color: #eee;
        font-size:16px;
        text-decoration:none;
    }

    .bottom-button-group a:hover {
        color:#98c9f3;
    }

    #site-menu-offcanvas .uk-nav img {
        height: 18px;
        width: auto;
        margin-right: 6px;
        vertical-align: middle;
    }

    #site-menu-offcanvas .uk-nav .fa,
    #site-menu-offcanvas .uk-nav .fas,
    #site-menu-offcanvas .uk-nav .fab,
    #site-menu-offcanvas .uk-nav .far {
        margin-right: 6px;
    }

    #site-menu-offcanvas .mobile-menu-label,
    #site-menu-offcanvas .mobile-menu-text {
        white-space: pre-line;
    }

    #site-menu-offcanvas .mobile-menu-text {
        display: block;
        padding: 5px 0;
    }

    #site-menu-offcanvas .mobile-menu-sub > a,
    #site-menu-offcanvas .mobile-menu-sub > .mobile-menu-text {
        padding-left: 8px;
    }

    #site-menu-offcanvas .mobile-menu-accent > a {
        color: #ffd800;
        font-weight: 600;
    }