* { padding:0; margin:0; outline:0; }
body {
    background:url(images/bg/bg.png);
    font-family: Verdana, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#5e5e5e;
}
input, textarea, select { font-family: Verdana, sans-serif; font-size:13px; }
textarea { overflow:hidden; }

.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }

.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }

.button { background:#eee url(images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#7f7f7f; font-size:11px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.button:hover { color:#333; border-color:#857b42; }


.field:focus { color:#000; border-color:#857b42;}

a img { border:0; }

a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:15px; font-weight: normal; }
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { width:1200px; margin:0 auto; }

#header { height:175px; background:url("images/bg/bg-header.png"); white-space:nowrap; }
#header h1{ float:left; display:inline; padding-top:12px; }
#top-navigation {
    float:right;
    white-space:nowrap;
    color:#fff;
    padding-top:5px;
    line-height: 1.5em;
    text-align: right;
}

#department {
    white-space: normal;
}

#top-navigation a {
    color: #fff;
}
#top-navigation span{ color:#dca598; }
#top {
    height: 3em;
    padding-top: 1em;
}

#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li a,
#navigation ul li a span { float:left; height:36px; background:url(images/tab.png) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px; color:#907525; text-decoration: none; }

#navigation ul li a.active,
#navigation ul li a:hover { background-position:0 bottom;}

#navigation ul li a.active span,
#navigation ul li a:hover span{ background-position:right bottom;}

#navigation ul li a.active { font-size:12px; font-weight: bold; color:#fff; }
#navigation ul li a { font-size:12px; font-weight: bold; color:#fff; }


#container { padding:20px 0;}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main { margin-bottom: 3em; }
#content { float:left; width:750px; }
#sidebar { float:right; width:225px; }


table { border-spacing: 0px; }

.table {}
.table th{ color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; }
.box-head { background:#53777A; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging a.current { background:#ba4c32; font-weight: bold; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px;}
.pagging span.current{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging span.current { background:#ba4c32; font-weight:bold; color:#fff; }


a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(images/del.gif)}
a.edit { background-image:url(images/edit.gif); margin-left:14px;}
a.add { background-image:url(images/add.png);}
a.download { background-image:url(images/download.png);}
a.map { background-image:url(images/map.png);}
a.approve { background-image:url(images/accept.png);}

/* D. Motiejauskas: additional style for keeping links size and color normal*/
a.icon { padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.icon16 { padding:0 0 0 16px; background-repeat:no-repeat; background-position:0 0; }
a.icon:hover { color:#333;}



.form { padding:15px 10px 5px 10px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px; font-family: Verdana, sans-serif; font-size:13px;}
/*.form dl {
    margin-bottom: 20px;
}
.form dt {
    white-space: normal;
    clear:both;
    width:15%;
    float:left;
    text-align:left;
    float: left;
    width: 200px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}*/
/*.form dd {
    box-sizing: border-box;
    margin-left: 220px;
}*/
.dl-horizontal {
    font-size:13px;
}
.dl-horizontal dt {
    float: left;
    width: 350px;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top:3px;
    font-weight: bold;
}
.dl-horizontal dd {
    margin-left: 360px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
    display: table;
    content: " ";
}
.dl-horizontal dd:after {
    clear: both;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
    display: table;
    content: " ";
}
.dl-horizontal dd:after {
    clear: both;
}


.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
.size4 { width: 300px; }
textarea.size1 { height:180px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer { height:44px; background:url(images/footer.gif); line-height:44px; color:#fff;}
#footer a{ color:#fff; }


.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(images/close.gif); text-indent: -4000px;}
.msg a.close-button {
    position:relative;
    float:right;
    top:2px;
    right:2px;
}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(images/msg-error.gif);  }

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}

.text-danger {
  color: #b94a48;
}

/*
    Custom style for list views
*/

footer {
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}

#filter-button {
    padding-right: 10px;
}

#filter table input, #filter table select {
    width: 65%;
    padding: 1px;
}

#list table, #main table, .table {
    width: 100%;
}

#app-footer-contacts {
    float: left;
}

#app-footer-links {
    float: right;
}

div.logo {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: auto;
    display: block;
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    height: 40px;
    line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
    width: 270px;
    float: left;
}
div.logo img{
    vertical-align: middle;
    margin-right: 0.5em;
}
div.logo a{
    color: rgb(255, 255, 255);
    text-decoration: none;
}
div.disabled {
    pointer-events: none;
    cursor: default;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/loadingBig.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

#form1 {
    display: none;
}

button {
    margin-bottom: 10px;
}

.tooltip {
    display: inline-block;
    position: relative;
    cursor: help;
    padding-top: 8px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 290%;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -180%;
    margin-left: -120px;
    opacity: 0;
    transition: opacity 1s;
}

    .tooltip .tooltiptext::after {
        position: absolute;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

a.map + a.map {
	display: block;
	margin-top: 2px;
}


/*
    Custom style for projects main page
*/

.projects-nav {
    padding-bottom: 3em;
    text-align: center;
}

.projects-nav-type {
    width: 50%;
    float: left;
    margin-bottom: 2em;
}

    .projects-nav-type a {
        text-decoration: none;
    }

.projects-nav-item {
    padding: 6em 10em;
    margin: 2em;
    height: 14em;
    background-color: #53777a;
    color: white;
}

    .projects-nav-item:hover {
        background-color: #455d5f;
    }

    .projects-nav-item img {
        margin-bottom: 2em;
    }

    .projects-nav-item h2 {
        line-height: 1.6em;
        font-size: 1.8em;
        color: #fff;
    }

.projects-nav-left {
    float: left;
}

.projects-nav-right {
    float: right;
}

.projects-nav-msg {
    display: none;
    padding-top: 1em;
}

.project-nav-unactive {
    cursor: default;
}

    .project-nav-unactive .projects-nav-item {
        background-color: #b9b9b9;
    }

    .project-nav-unactive:hover, .project-nav-unactive a:hover {
        cursor: default;
    }

    .project-nav-unactive:hover .projects-nav-msg {
        display: block;
    }


/*
    Custom style for project list pages
*/

.table-projects-city tr th:nth-child(-n+3), .table-projects-city tr th:last-child {
    width: 5%;
}

.table-statistics-city tr th:nth-child(n+5) {
    width: 8%;
}


/*
    Custom style for project details page

*/

.project-details-form {
    width: 40%;
}

.project-details-chart {
    width: 60%;
}

.project-details-form {
    float: left;
}

.project-details-chart {
    float: right;
}

    .project-details-form .dl-horizontal dt {
        white-space: pre-line;
        line-height: 1.5em;
    }

.project-details-box {
    height: 400px;
}

/*
    Utility classes
*/

.util-clearfix {
    clear: both;
}

.area-dt {
    width: unset!important;
}

#submitButton {
    user-select: none;
    text-align: center;
    max-width: 110px;
}

.areaThCompare {
    min-width: 110px;
}

.statisticGeneralCompareHeader {
    background-color: #b6d5f529;
    font-size: 12px;
    color: #000000bf;
}

.iframeMap {
    width: 100%;
    height: 650px;
    overflow: hidden;
    border: none;
    margin: 2em 0;
}

.answerDl dd {
    padding-bottom: 0.5em;
}

.answerDl dt {
    padding-bottom: 0.5em;
}

.header {
    border-right: solid 1px #d2d1cb;
    text-align: center !important;
    width: 15% !important;
}

.nzt_color {
   color:cadetblue;
}

.municipality_color {
    color:coral;
}

.header2 {
    border-right: solid 1px #d2d1cb;
    text-align: center !important;
}

.border {
    border-right: solid 1px #d2d1cb;
}

.textCenter {
    text-align: center;
}

#notfound {
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 50%;
    background-color: #f7fbff;
    background-image: url('/error/Juosta.png');
    position: relative;
    height: 60vh;
}

#notfound .notfound {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

.notfound .notfound-404 {
    position: relative;
    height: 240px;
}


    .notfound .notfound-404 h1 {
        font-family: 'Open Sans', sans-serif;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 252px;
        font-weight: 700;
        margin: 0px;
        color: #5e5e5e;
        text-transform: uppercase;
        letter-spacing: -40px;
        margin-left: -20px;
    }


    .notfound h2 {
        font-family: 'Open Sans', sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: #5e5e5e;
        margin-top: 0px;
        margin-bottom: 25px;
    }