/*----------------------------------------- HTML, BODY, PAGE ---------------------------------------------------------*/
html,body{  padding: 0 !important; margin: 0 !important;
}

body {
    background-color: #f9f9f9;
    text-align: center;
    margin: 5px;
    padding: 0;
    color: #004c26;
}

#site_footer { background-color: #000 !important; width:100%; overflow: auto; color: #def5ea !important; position: fixed !important;
    bottom: 0;  left: 0; padding: 10px 6px;}
#site_footer a { color: #def5ea !important; font-weight: bold; }
#site_footer a:hover { color: #f59d1f; }
#site_footer #site_footer_text { float: left; }
#site_footer #site_footer_author { float: right; margin-right: 10px; }


/*------------------------------------------------- FORMS ------------------------------------------------------------*/
form .inp:not(.btn)  { padding: 1px; border: 1px solid #AAA; background: #FFF; outline: none; resize: none; margin: 0; }
form .inp.app-form { border: none; border-bottom: 1px dotted #AAA; }
form .inp.static { background: #DDD; }
form .inp.short { width: 33%; }
form .inp.medium { width: 66%; }
form .inp.long { width: 90%; }
form .inp.full { width: 98%; }
form .inp.fixed500 { width: 500px; }
form .inp.fixed400 { width: 400px; }
form .inp.fixed300 { width: 300px; }
form .inp.fixed250 { width: 250px; }
form .inp.fixed200 { width: 200px; }
form .inp.fixed170 { width: 170px !important; }
form .inp.fixed150 { width: 150px !important; }
form .inp.fixed130 { width: 130px !important; }
form .inp.fixed100 { width: 100px !important;}
form .inp.fixed80 { width: 80px !important; }
form .inp.fixed60 { width: 60px !important; }
form .inp.fixed40 { width: 40px !important; }
form .inp.fixed30 { width: 30px !important; }
form .inp.datetime { width: 130px; }
form .inp.int, form .inp.int-positive { width: 100px; }
form .inp.float, form .inp.float-positive { width: 100px; }
input.inp:focus, textarea.inp:focus { border: 1px solid #5db74d; }

form sup { bottom: 1ex; font-weight: bold; color: red; }
form sub { top: .5ex; }
form sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

form textarea { width: 95%; }

form label { display: block; font-weight: bold; margin: 3px 0 1px 0; cursor: pointer; }
form label a { color: red; border: 1px solid red; padding: 0 3px 1px 3px; background-color: #FDC; }
form label b { color: red; }
form label.normal { font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    padding: 10px 0;
    margin: 0;
    color: #e48d56;
}

li ul { padding-left: 20px; padding-bottom: 5px; }

a { color: #206bc3; text-decoration: none; outline: none; }
a:active, input { outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { vertical-align: middle; border: none; }
strong { font-weight: bold; }
acronym, abbr { cursor: help; text-decoration: none; border-bottom: 1px dotted; }
acronym.none, abbr.none { cursor: inherit; text-decoration: none; border-bottom: inherit; }
kbd { background-color: #f7f7f7; border: 1px solid #ccc; border-radius: 3px; color: #333; display: inline-block; padding: 1px 7px; white-space: nowrap; }
.underline {text-decoration: underline;}
.more-info { cursor: help; }
.info.star { color:red; }
.info-text { color:#666; }
.error-field { color:#DA2435; font-style: italic; font-weight: bold;}

.value, .values label { font-style:normal; font-weight:normal; }

.add_row td { background: #DDD; }
.assigned td { color: #999; }

.invisible { visibility:hidden; }
.readonly{ background-color: #808080; }
.form .col { float: left; }
.form .col fieldset { width: 90%; }
.form .col.c2 { width: 50%; }
.form .col.c3 { width: 33.3%; }
.form .col.c4 { width: 25%; }
form  .form .col textarea { height: 160px; width: 90%; }

.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }
.hidden { display: none !important; }
.nowrap { white-space:nowrap; }

.expand { display: block; float: left; overflow: hidden; background: url('../images/icons/bullet_play.png') left center no-repeat; cursor: pointer; padding-left: 22px; }
.expand.active { background: url('../images/icons/bullet_down.png') left center no-repeat; }

.shadow-light { box-shadow: 0 5px 5px 3px #CCCCCC; }

.inline { display: inline; }
.center { text-align: center; }
.center-important { text-align: center!important; }
.align-right { text-align: right !important; }
.align-left { text-align: left; }
.valign-top { vertical-align: top; }
.valign-bottom { vertical-align: bottom; }
.font-bold { font-weight: bold; }
.font-italic { font-style: italic; }

.check-all { background: url( '../images/icons/all_check.png' ) no-repeat; padding-left: 12px; margin-right: 7px; line-height: 11px; display: inline-table; }
.uncheck-all { background: url( '../images/icons/all_uncheck.png' ) no-repeat; padding-left: 12px; margin-right: 7px; line-height: 11px; display: inline-table; }
.check-uncheck {  }
.check-uncheck a { text-decoration: none; padding-right: 5px; }
.check-uncheck a:hover { text-decoration: underline; }

form.page-form{
    background-color: #eee;
    border:1px solid #d7d7d7;
    width:95%;
    margin: 0 auto;
    padding: 10px 20px;
}

.img-table th{
    max-width: 150px !important;
}

.img-table td{
    border: 2px solid #888;
    background-color: #bbb;
}

.ui-dialog
{
    position:fixed;
    top:20% !important;
    left:50% !important;
    margin-left: -512px;
}

.float-left{
    float:left !important;
}

.upload-photo-form{
    min-width:30% !important; float:left !important; border:1px solid #ccc; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px;
    border-radius: 5px; padding: 5px;
}

.edited{
    background-color: #ffeb83 !important;
}

label.diam-measurement{
    display:inline !important;
    margin-left: 1em !important;
}

#image-viewer-back{
    display:none;
    position:absolute;
    background: #999;
    opacity: 0.9;
    width:100%;
    height:100%;
    z-index: 19999;
    top:0;
    left:0;
}

#image-viewer{
    display:none;
    position:fixed;
    background-color: #f0f0f0;
    background-position: center;
    width:80%;
    top: 10%;
    left: 50%;
    margin-left: -40%;
    z-index: 20000;
    height:80%;
    min-height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
}
#image-viewer #viewer-header {
   background-color: #1e3e74;
   height:48px;
}

#image-viewer #viewer-header .close_info_box{
   border: none;
}


.disabled{
    background: #eee !important;
    color: #444;

}

.img-div{
    height: 150px;
    border: 2px solid #888;
    background-color: #bbb;
    overflow:hidden;
}

div.rating ul{
    list-style-type: none;
    padding-left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

div.rating ul li{
    background-size: cover;
    background: url("../images/icons/white_star.png") center;
    display: inline-block;
    width:2.7em;
    height:2.7em;
    padding:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div ul li:hover{
    cursor: pointer;
}

.rate-selected{
    background-color: #66b462 !important;
}

.rate-unselected{
    background-color: #ddd !important;
}

#location_status{
    background-color: #a4dada;
    text-align: center;
    /*padding:2px 5px;*/
    margin:0;
}

#zoom_status{
    background-color: #ffeea4;
    text-align: center;
    margin:0;
}

/*------------------------------------------------- FIELDSETS --------------------------------------------------------*/
fieldset legend, .fieldset-legend {
    padding: 0 5px 0 5px;
    margin-bottom: 5px;
    font: bold 1em Sofia Sans;
    color: #A00;
}

fieldset ul { margin-top: 3px; }
fieldset ul ul { padding: 5px 15px; }
fieldset ul li { padding: 1px 0; }

fieldset.view-fieldset{
    background: #edfcff;
    border: 1px solid #164d63 !important;
    margin-bottom: 1em !important;
    -webkit-box-shadow: 0 0.3em 0.5em -0.3em rgba(0,0,0,0.60);
    -moz-box-shadow: 0 0.3em 0.5em -0.3em rgba(0,0,0,0.60);
    box-shadow: 0 0.3em 0.5em -0.3em rgba(0,0,0,0.60);
}

fieldset.view-fieldset legend{
    width:100%;
    color: #fff;
    background: #164d63;
    margin-left: -11px;
    padding: 5px 0 5px 20px;
    border: 1px solid #164d63;
    font-size: 1.1em;
    font-weight: bold !important;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

fieldset.custom-filter{
    border: 1px solid #52711f !important;
    margin-bottom: 15px !important;
    -webkit-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
    -moz-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
    box-shadow: 0 3px 5px -3px rgba(0,0,0,0.60);
}

fieldset.custom-filter legend{
    color: #004C26 !important;
    background: #fff;
    border:1px solid #004C26 !important;
    padding: 2px 5px !important;
    font-weight: normal !important;
}

fieldset.custom-filter div.buttons {
    border-top: 4px solid #004C26 !important;
}

fieldset.custom-filter div.buttons input.btn {
    border: 1px solid #004c26 !important;
    /*background: #004C26;*/
}

fieldset.ui-corner-all{
    background: #E1E9E5;
    color: #004C26;
    margin-bottom: 10px;
}

fieldset.ui-corner-all legend{
    background-color: #E1E9E5;
    border: 1px solid #ccc;
    border-bottom: none;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#levelbar{
    width:160px;
    height:16px;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    display: inline-block;
    margin: 5px 0;
    vertical-align: middle;
    background: #222;
    text-align: center;
    cursor: help;
    position: relative;
}

#levelbar #levelprogress{
    height:100%;
    background-color: #afba6d;
    display: inline-block;
    float:left;
    position: absolute;
    left: 0;
    z-index:400;
}


/*------------------------------------------------- TABLES -----------------------------------------------------------*/
.grid-2 { float: left; width: 50%; }
.grid-4 { float: left; width: 25%; }

.no-results { margin: 2em 0; padding: 2em 0; text-align: center; border: 1px solid #999; }

.table-list-wrapper { overflow-x: auto; }

table.autowidth { width:auto !important; margin:0 auto; }

table.list { border: 1px solid #004c26; border-collapse: collapse; margin: 0; width: 100%; background:#fff; font-size: 1em;}
table.list .head { text-align: left; }
table.list .subhead { text-align: left; font-weight: normal; font-style: italic; }
table.list .subhead1 { text-align: left; font-weight: bold; font-style: italic; }
table.list .subhead-link { float: right; font-style: normal; font-weight: normal; text-align: right; }
table.list.center td,table.list td.center { text-align: center; }
table.list.italics td,table.list td.italics { font-style: italic; }
table.list tbody th { text-align: right; }
table.list .gray, table.list .grey, .list-gray, .list-grey { background: #DDD; color: #000; }
table.list .yellow, .list-yellow { background: #DFA; color: #770; }
table.list .blue, .list-blue { background: #BDF; color: #08F; }
table.list .green, .list-green { background: #BFB; color: #070; }
table.list .red, .list-red, .inactive, .inactive a { background-color: #FDB; color: #F00; }
table.list .red.caption, table.list .inactive.caption { color: #000; font-weight: bold; text-align: center; }
#content .list th.act, #window .list th.act, table.matrix { table-layout: fixed; }

table.list.hover tr:hover, td.hover, tr.hover { background: #FFB; }
table.list.hover tr.no-hover:hover { background: none !important; }
table.list th { padding: 3px 3px 4px 3px; height: 25px; background: #bfd2c9; text-align: center; font-weight: bold; color:#444;}
table.list th a { display:block; white-space:nowrap; margin:0 -5px; padding:0 5px; }
table.list th.header { text-align:left; padding-left:7px; }
table.list td { border-width: 1px 1px 0 0; }
table.list td.label { white-space: pre-wrap; background-color: #DDD; width: 25% }
table.list td.submit, table.list tr.submit td { background-color: #E8E8EE; }
table.list td.content { width: 80%; }
table.list .list-rank { text-align: right; width: 80px; }
.highlight { background-color: #ffff99; }
.list-legend { margin-top: 10px; }
.legend-item { padding: 2px 4px; margin-right: 2px; border: 1px solid #BBB; cursor: help;background-color: #fff; }
table.list tr.group-level,
table.list tr.group-level td { background: none !important; font-weight: bold; text-align: left; }
ul.tree li, ul.list li { border-top: solid 1px #CCC; line-height: 20px; }
ul.list label { float: none; }
ul.list .act { float: right; margin: 2px 3px 0 0; }
ul.list .expand { padding-left: 16px; }

table.form-grid {  border-collapse: collapse; border: 0 solid black;  font: 1em Sofia Sans;  margin: 0 auto; width: 100%; }
table.form-grid caption { font: bold 1em Sofia Sans; padding: 10px 0 5px 0; color: #f59d1f; }
table.form-grid th, table.form-grid td { padding: 1px; margin: 0; }
table.form-grid th { font-weight: normal; text-align: right; white-space: nowrap; padding-right: 4px; /*vertical-align: top;*/ width: 20%; }
table.form-grid.relative10 th { width: 10%; }
table.form-grid td { width: 80%; }
table.form-grid.relative10 td { width: 90%; }
form table.form-grid label, form table.clear label { font-weight: normal; margin: 0;}
table.form-grid.valign-top th { vertical-align: top; }
table.clear th { font-weight: normal; }

tr.heading-tr{
    margin-top:5px !important;
}

tr.heading-tr th {
    font-weight: bold;
    font-style: italic;
    color: #e48d56 !important;
    padding-top: 10px;
    font-size: 1.2em;
}

tr.heading-tr td div.damage_header {
    cursor: pointer;
    width:50%;
    background-color: #fcb489;
    border: 1px solid #e48d56;
    color: #fff;
    padding: 5px 2px;
    margin-bottom: 0;
    font-size: 1.2em;
}

.damage_header_focus {
        background-color: #e48d56 !important;
}

td.td-title{
    color: #961100;
    font-weight: bold;
}

table.list-type2, table.list-type2 tr, table.list-type2 tr td, table.list-type2 tr th{
    border-color: #999 !important;
}

tr.row-type1{
    background-color: #e9f5ee !important;
}

tr.row-type1 td, tr.row-type2 td {
    text-align: left !important;
    font-weight: bold !important;

}

tr.row-type2{

}

.photo-head{
    background: #2d5666;
    color: #fff;
    text-align: center;
    font-size: 0.9em;
}


/*------------------------------------------------- BUTTONS ----------------------------------------------------------*/
.btn:disabled { opacity: 0.3; }

a.btn {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
}

input.btn { overflow: hidden; /*height: 3em;*/ }

.buttons { border-top: 3px solid #BBB; padding: 0.5em 0 0 0; min-height: 2.5em; margin: 0.5em 0 0 0; }
/*.buttons .btn { margin-right: 5px; }*/
.buttons option { padding: 5px; }
.buttons-set a.btn:hover, .buttons_set a.btn:hover { text-decoration: none; }
td.icon .btn:hover, td.act .btn:hover { border: none; background: none; }
.btn:hover { background-color: #fff; border: 1px solid #004c26; color:#1e3e74; }
.btn:active { background-color: #fff; border: 1px solid #004c26; color:#212121; }
.btn.positive:hover { background-color: #E6EFC2; color: #529214; border: 1px solid #AC9; }
.btn.positive:active { background-color: #529214; color: #FFF; }

.btn.clicked{
    background-color: #858e73!important; color: #36610d!important; border: 2px solid #4c5d45!important;
}
.btn.negative, .btn.cancel {}
.btn.negative:hover, .btn.cancel:hover { background-color: #fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
.btn.negative:active, .btn.cancel:active { background-color: #d12f19; border:1px solid #d12f19; color:#FFF; }

.btn.accept { background-image: url('../images/icons/apply.png'); }
.btn.access { background-image: url('../images/icons/access.png');}
.btn.draw_polygon { background-image: url('../images/icons/draw_polygon.png'); }
.btn.draw_point { background-image: url('../images/icons/draw_point.png'); }
.btn.select_on_map { background-image: url('../images/icons/select_by_color.png'); }
.btn.add { background-image: url('../images/icons/add.png');}
.btn.apply { background-image: url('../images/icons/apply.png');}
.btn.back { background-image: url('../images/icons/arrow_left.png');}
.btn.cancel { background-image: url('../images/icons/cancel.png');}
.btn.delete { background-image: url('../images/icons/trash.png');}
.btn.download { background-image: url('../images/icons/download.png');}
.btn.edit { background-image: url('../images/icons/edit.png');}
.btn.eraser { background-image: url('../images/icons/eraser.gif'); }
.btn.execute_report { background-image: url('../images/icons/report_go.png'); }
.btn.file_apply { background-image: url('../images/icons/file_apply.png'); }
.btn.file_del { background-image: url('../images/icons/file_del.png'); }
.btn.filter_apply { background-image: url('../images/icons/page_white_magnify.png');}
.btn.form { background-image: url('../images/icons/form.png'); }
.btn.form_removed { background-image: url('../images/icons/table_delete.png');}
.btn.forms { background-image: url('../images/icons/table_multiple.png');}
.btn.form-template-load { background-image: url('../images/icons/form-template-load.png'); }
.btn.forward { background-image: url('../images/icons/arrow_right.png');}
.btn.history { background-image: url('../images/icons/history.png');}
.btn.login { background-image: url('../images/icons/key.png');}
.btn.map { background-image: url('../images/icons/map.png');}
.btn.map_edit { background-image: url('../images/icons/map_edit.png'); }
.btn.map_search { background-image: url('../images/icons/map_search.png'); width: 20em !important; }
.btn.msword { background-image: url('../images/icons/msword.png');}
.btn.new { background-image: url('../images/icons/new.png'); }
.btn.rebuild { background-image: url('../images/icons/table_gear.png'); }
.btn.refresh { background-image: url('../images/icons/refresh.png');}
.btn.restore { background-image: url('../images/icons/arrow_undo.png'); background-position: center;}
.btn.report { background-image: url('../images/icons/report.png');}
.btn.save { background-image: url('../images/icons/disk.png');}
.btn.search, .btn.find { background-image: url('../images/icons/magnifier.png');}
.btn.users { background-image: url('../images/icons/group.png'); }
.btn.users_removed { background-image: url('../images/icons/user_delete.png');}
.btn.xls { background-image: url('../images/icons/xls.png');}
.btn.pdf { background-image: url('../images/icons/pdf.png'); }
.btn.issues_removed { background-image: url('../images/icons/bug_delete.png'); }
.btn.image { background-image: url('../images/icons/image.png');}

.light{
    background-color: #f5fffa !important;
    border-color: #2ba165 !important;
}

.light:hover{
    background-color: #fff !important;
    border-color: #2ba165 !important;
}

/*-------------------------------------------------- ICONS -----------------------------------------------------------*/
.act {
    background-position: center;
    background-repeat: no-repeat;
}

a.act {
    display: block;
    width: 1.5em !important;
    height: 1.5em !important;
    overflow: hidden;
    padding: 0;
    text-indent: 16px;
    background-size: cover;
}

.list th a.act { margin: auto; padding: 0; }
.act.accept { background-image: url('../images/icons/apply.png'); }
.act.access { background-image: url('../images/icons/access.png'); }
.act.add { background-image: url('../images/icons/add.png'); }
.act.children { background-image: url('../images/icons/children.png'); }
.act.delete { background-image: url('../images/icons/trash.png'); }
.act.minus { background-image: url('../images/icons/sq_minus.png'); }
.act.plus { background-image: url('../images/icons/sq_plus.png'); }
.act.cancel { background-image: url('../images/icons/cancel.png'); }
.act.download { background-image: url('../images/icons/download.png'); }
.act.edit { background-image: url('../images/icons/edit.png'); }
.act.execute_report { background-image: url('../images/icons/report_go.png'); }
.act.file_apply { background-image: url('../images/icons/file_apply.png'); }
.act.file_cancel { background-image: url('../images/icons/file_cancel.png'); }
.act.file_new { background-image: url('../images/icons/new.png'); }
.act.form { background-image: url('../images/icons/form.png');}
.act.forms { background-image: url('../images/icons/table_multiple.png'); }
.act.history { background-image: url('../images/icons/history.png'); }
.act.key_add { background-image: url('../images/icons/key_add.png'); }
.act.key_delete { background-image: url('../images/icons/key_delete.png'); }
.act.loading { background-image: url('../images/icons/ajax-loader.gif'); }
.act.minus { background-image:url('../images/icons/sq_minus.png'); }
.act.msword { background-image: url('../images/icons/msword.png'); }
.act.page_edit { background-image: url('../images/icons/page_edit.png'); }
.act.pass-on { background-image: url('../images/icons/eyeball-on.png'); }
.act.pass-off { background-image: url('../images/icons/eyeball-off.png'); }
.act.permitions { background-image:url('../images/icons/group.png'); }
.act.plus { background-image:url('../images/icons/sq_plus.png'); }
.act.random { background-image: url('../images/icons/dices.png'); }
.act.preview { background-image: url('../images/icons/page_white_magnify.png'); }
.act.refresh { background-image: url('../images/icons/refresh.png'); }
.act.report { background-image: url('../images/icons/report.png'); }
.act.form_removed { background-image: url('../images/icons/table_delete.png'); }
.act.restore { background-image: url('../images/icons/arrow_undo.png'); }
.act.search { background-image: url('../images/icons/magnifier.png'); }
.act.tree { background-image: url('../images/icons/tree.png'); }
.act.user_pass { background-image: url('../images/icons/key.png'); }
.act.users { background-image: url('../images/icons/group.png'); }
.act.map { background-image: url('../images/icons/map.png'); }
.act.map_edit { background-image: url('../images/icons/map_edit.png'); }
.act.next { background-image: url('../images/icons/arrow_right.png'); }
.act.previous { background-image: url('../images/icons/arrow_left.png'); }
.act.xls { background-image: url('../images/icons/xls.png'); }
.act.xlsx { background-image: url('../images/icons/xlsx.png'); }

a.download-export { display: inline-block; height: 16px; padding: 2px 0 0 19px; }
a.download-export.xls { background: url('../images/icons/xls.png') no-repeat; }
a.download-export.xlsx { background: url('../images/icons/xlsx.png') no-repeat; }
a.download-export.pdf { background: url('../images/icons/pdf.png') no-repeat; }
a.download-export.rtf { background: url('../images/icons/msword.png') no-repeat; }


/*----------------------------------------------- USER MESSAGES ------------------------------------------------------*/
.humanMsg { border: 2px solid #465061; font: 9pt Sofia Sans; position: fixed; top: 150px; left: 25%; width: 50%; color: #FFF; background-color: #848a95; text-align: center; display: none; opacity: 0; z-index:100000; }
.humanMsg p { padding: 10px; }
.humanMsg a { display: none; }
.message { min-height: 54px; width: 100%; position: fixed; top: 0; left: 0; z-index: 10000; }
.message p { margin-left: 61px; padding: 10px; font-family: "Sofia Sans"; font-style: normal; }
.message a { color: #BCDAF5; }
.message a:hover { color: #fff; text-decoration: underline; text-shadow: none; }
.message .close { background: url('../images/icons/close.png') no-repeat; cursor: pointer; display: block; float: right; height: 32px; margin: 5px; width: 32px; background-size: cover; }
.message.error { background: url('../images/icons/42/error.png') no-repeat 19px center #c00; color: #fff; }
.message.success { background: url('../images/icons/42/success.png') no-repeat 19px center #737800; color: #fff; }
.message.info { background: url('../images/icons/42/info.png') no-repeat 19px center #848a95; color: #fff; }


/*--------------------------------------------------- MAP ---------------------------------------------------------------*/
/* IE Check ---------------------------------------- */
.browser-check-ie-wrapper { border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative; margin-bottom: 5px; }
.browser-check-ie-close { position: absolute; right: 3px; top: 3px; font-family: "Sofia Sans", monospace; font-weight: bold; }
.browser-check-ie-warning-wrapper { width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black; }
.browser-check-ie-warning-image { width: 75px; float: left; }
.browser-check-ie-warning-text { width: 275px; float: left; font-family: Sofia Sans; }
.browser-check-ie-warning-obsolete {
    /*font-size: 2em;*/
    font-weight: bold; margin-top: 12px; }
.browser-check-ie-warning-advice {
    /*font-size: 2em; */
    margin-top: 6px; line-height: 12px; }
.browser-check-ie-browser-icon { width: 75px; float: left; }
.browser-check-ie-browser-icon-last { float: left; }

.ui-autocomplete { z-index: 15004 !important; }
ul.ui-autocomplete { text-align: left!important; height: 200px; overflow-y: scroll; overflow-x: hidden; }
ul.ui-autocomplete a { cursor: pointer; }

.ui-datepicker-trigger { cursor: pointer; }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.hide-calendar .ui-datepicker-calendar { display: none; }

.hand {cursor: pointer;}
.ol-mouse-position{ background-color: #f5f5f5}


#layer_switcher{
    position: absolute;
    top: 8.8em;
    left: 0.55em;
    background-color: rgba(255, 255, 255, 0.79);
    color: black;
    z-index: 9;
}
.rotate-north {
    top: 65px;
    right: .5em;
}
.ol-touch .rotate-north {
    top: 80px;
}
#treeInfo{
    position: relative;
   /* top: 9.5em;
    left: 0.8em;
   */ padding: 5px;
    background-color: rgba(255, 255, 255, 0.79);
    color: black;
    z-index: 9;
    display: none;
}
.overlay-message {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.7); /* Black background with opacity */  !important;
    cursor: pointer; /* Add a pointer on hover */
}

/*.ol-popup {*/
    /*position: relative;*/
    /*background-color: white;*/
    /*-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/
    /*filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/
    /*padding: 15px;*/
    /*border-radius: 10px;*/
    /*border: 1px solid #cccccc;*/
    /*width: 260px;*/
    /*z-index: 9;*/
/*}*/

/*.ol-popup-closer {*/
    /*text-decoration: none;*/
    /*position: absolute;*/
    /*top: 1px;*/
    /*right: 4px;*/
/*}*/
/*.ol-popup-closer:after {*/
    /*content: "?";*/
/*}*/

/*#treeInfo .treeInfo-image {*/
    /*width:100%;*/
    /*height: 180px;*/
    /*border: 2px solid #679597;*/
    /*background-color: #031202;*/
/*}*/

/*------------------------------------------------- Tree legend -----------------------------------------------------------*/

.tree-legend-icon.stump {
    background: url("../images/icons/trees/STUMP.png") no-repeat center center ;
    background-size: contain;
}

.tree-legend-icon.empty-tree-space {
    background: url("../images/icons/trees/emptySpace.png") no-repeat center center ;
    background-size: contain;
}

.tree-legend-icon.spiked-tree {
    background: url("../images/icons/trees/spikedTree.png") no-repeat center center ;
    background-size: contain;
}

.tree-legend-icon.fruit-tree {
    background: url("../images/icons/trees/plodno.png") no-repeat center center ;
    background-size: contain;
}

.tree-legend-icon.wide-leaf-tree {
    background: url("../images/icons/trees/shirokolistno.png") no-repeat center center ;
    background-size: contain;
}

.tree-legend-icon{
    width: 2em;
    height: 2em;
}

/*---------------------------------PAGINATION ------------------------------------------------------------------------*/
.pagination { padding-top: 5px; height: 2em; font-size: 0.9em; }
.pagination input { padding: 1px; border: 1px solid #aaa; background-color: #fff; }
.pagination .records-list-info { float: left; text-align: left; }
.pagination-page-num-box { position: relative; display: none; }
.pagination a.pagination-custom-page { color: #1E3E74 !important; text-decoration: none !important; }
.pagination .records-page-num { width: 30px; }
.pagination .records-list-paginate { float: right; text-align: right; padding-top: 2px; }
.pagination .records-list-paginate .pagination-button { padding: 2px 5px; border: 1px solid #004c26; cursor: pointer; margin-left: -1px; }
.pagination .records-list-paginate .pagination-button.disabled { cursor: default !important; background-color: #fff; color:#aaa; border-color: #aaa;}



/*------------------------------------------------- POPUPS -----------------------------------------------------------*/
.popup-disable-scrolling { height: 100%; overflow: hidden;}
.popup-loading-error-message { width: 560px; cursor: pointer; position: fixed; top: 50%; left: 50%; margin: -28px 0 0 -280px !important; }
.popup-loading-image { display: inline-block; width: 140px; height: 14px; background-image: url('../images/popups/popup-loading.gif'); border: 0; z-index: 1000; }
#popup-overlay, #popup-window, #popup-response, #popup-execute { display: none; }
#popup-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #666; opacity: 0.8; filter:alpha(opacity=80); z-index:15001; }
#popup-loading { position: fixed; left: 50%; top: 50%; height: 50px; width: 200px; margin: -25px 0 0 -100px; text-align: center; color:#fff; z-index:15002; }

#popup-window { position: fixed; left: 0; top: 0; width: 100%; z-index:99998; }
#popup-window table.popup-wrapper { width: 99%; height: 100%; text-align: center; margin: 0 auto; }
#popup-window table.popup-wrapper td { vertical-align: middle; }
#popup-window .popup-container { width: 50%; min-width: 760px; background: #fff; border: 1px solid #c4c0B9; text-align: left; margin: auto; padding: 0; }
#popup-window .popup-header { padding: 10px; margin: 2px; background: url('../images/popups/popup-header.png') repeat-x scroll 50% 50% #1e3e74; border: 1px solid #000; color: #fff; font-weight: bold; }

#popup-window .popup-content { padding: 10px; border: none; }
#popup-window .buttons { padding:5px 0 0 0; margin:5px 0 0 0; text-align: right; }
#popup-window .buttons .btn { float: none; display: inline; }
#popup-window .message { margin: 5px; }
#popup-response-error { background: url('../images/popups/popup-response-error.png') no-repeat 19px center #c00; border: 3px solid #900; color: #fff; min-height: 54px; margin-bottom: 5px; }
#popup-response-error p { margin-left: 61px; padding: 10px; max-height: 200px !important; overflow-y: auto; }
.popup-response-loading { background-color: #666; opacity: 0.8; border: 1px solid #000; }
#popup-scrollable { overflow: auto;}
#popup-file-progress { position: relative; border-radius: 3px; margin: 5px; padding: 1px; border: 1px solid #ddd; }
#popup-file-progress-bar { height: 20px; border-radius: 3px; width: 0; background-color: #ddd; }
#popup-file-progress-percent { display: inline-block; position: absolute; top: 3px; left: 48%; }

/*-------------------------- TO DO -----------------------------------------------------------------------------------*/
.inp.fixed340 { width: 340px; }

.no-top-border, .no-top-border td { border-top: none !important; }
.no-border { border: none !important; }

.strong { font-weight: bold; }
.italic { font-style: italic; }
#map { border: 1px black solid; }
#sidebar_map { border: 1px black solid;margin: 0 auto }
.olPopup { z-index: 999999!important; }
.popUpMap { border: 1px black solid; }
.loopable { cursor: cell; }
.border { border: 1px gray solid; width: auto !important; }
.border_no_bot { border-bottom: none!important; }
.border_no_top { border-top: none!important; }
.border_no_left { border-left: none!important; }
.border_no_right { border-right: none!important; }
#legend { /*margin: 0 auto;*/border-collapse: collapse; }
.sidebar_map_scale { white-space: nowrap; width: 120px!important;}
.popUpLegend { /*margin: 0 auto;*/border-collapse: collapse; }
.layersDiv label { display: inline !important; }
table.form-grid table#legend td { width: auto !important; }
#popup_map.olMap { margin: 0 auto !important; }

.ui-datepicker { z-index: 99999 !important; }
.ui-dialog { z-index: 16000 !important; }

.subtitle { font-size: 90%; padding: 0 5em; display: block; }

.map-loading { background: #ccc; border: 1px solid #666; color: #000; height: 50px; left: 50%; margin: -25px 0 0 -100px; opacity: 0.7; position: fixed; text-align: center; top: 50%;  width: 200px; z-index: 20000; }
.map-loading-text { margin-top: 7px; margin-bottom: 2px; text-shadow: 1px 1px 2px #000000; }

.bar-percentage { font-weight: bold; left: 0; position: absolute; text-shadow: 0 0 2px #fff; top: 1px; width: 280px; }
.progress-bar { height: 16px !important; position: relative; text-align: center !important; width: 280px; }
.bar-red { background-image: url("../images/progress-bar/red.png") !important; }
.bar-orange { background-image: url("../images/progress-bar/orange.png") !important; }
.bar-green { background-image: url("../images/progress-bar/green.png") !important; }

.system-notifications { background: url("../images/icons/messages.png") no-repeat; display: inline-block; height: 11px; width: 16px; }
.system-notifications-unread { background: url("../images/icons/message-blink.gif") no-repeat; display: inline-block; height: 11px; width: 16px; }
table tr.unread { background: #ff9; }

.no-new-line { white-space: nowrap; }

.olControlScaleLine {
    background-color: rgba(101, 83, 49, 0.31);
    font-weight: 900;
    color: #02005e;
}
#map-legend-dialog {overflow: auto;}

#map-ajax-error { width: 100%; position: relative; background-color: #e4c07d; border-bottom: 2px solid #e49233; overflow:hidden; color: #fff; text-align: center;
    z-index: 2000; cursor: pointer; padding: 3px 0;
}

#locationPanel {
    position: absolute;
    top: 10em;
    z-index: 1;
    /*display: inline-block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*left: 48%;*/
    left:1em;
}

.cLocationBtn:hover, .cLocationBtn:focus {
    background-color: #4c6079;
}

#locationPanel .cLocationBtn:hover{
    background-color: #faca55;
    border:1px solid #8c7729;
}

.fieldset-error { padding: 0 6px; font-size: 1.2em; color:#DA2435; font-weight: bolder; float: right; margin-right: 20px; background-color: #eae2e2;}


.ajaxError{
    width: 100%; background-color: #e4c07d; border: 2px solid #e49233; margin-bottom: 3px; overflow:hidden; color: #fff; text-align: center;
    z-index: 2000; cursor: pointer; padding: 3px 0;
}

.ajaxSuccess{
    position: absolute; top:5em;
    width: 98%; background-color: #b9e470; border: 2px solid #39853b; margin-bottom: 3px; overflow:hidden; color: #39853b; text-align: center;
    z-index: 2000; cursor: pointer; padding: 3px 0;
}

#legendBar{
    z-index: 99999999;
}

#popup_Kalyo{
    margin-bottom: 2em;
    font-size: 1.5em !important;
    width: 14em;
}

#popup_confirm_position{
    background: rgba(0,0,0,0);
    border: none !important;
}