.mce-panel { border-color: #aaa !important; }
.mce-container { text-align: left !important; }

.btn.issues_removed { padding-left: 2.8em; background-image: url('../images/icons/bug_delete.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.gif') no-repeat; }

.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;}
/*.sidebar_map_location {white-space: nowrap; width: 220px!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; }

table.form-occupy { width: 100%; }
table.form-occupy .to-the-end {width: 100%;}
table.form-occupy .ekatte-form label {display: inline !important; font-weight: normal;}

div.form-occupy{display: table; width: 100%;}
div.form-occupy .nowrap, div.form-occupy .to-the-end{display: table-cell; padding: 1px;}
div.form-occupy .to-the-end{padding-left: 5px; width: 100%;}

.art23-24-form{width: 800px; margin: 0 auto;}

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

#rfid-reader-wrapper {display: inline-block; left: 48%; top: 9px; position: fixed; z-index: 99999;}
#rfid-reader-heading {font-size: 0.8em; background-color: #fff;}
#rfid-reader-timestamp-wrapper {display: none;}
#rfid-reader-number {font-size: 2.5em; font-family: 'Courier New', Courier, monospace; color: #DEB887; background-color: #000; text-align: center;}
#rfid-reader-number.valid {color: #79f58b;}
#rfid-reader-number.invalid {color: #ff555d;}




#map-legend-dialog {overflow: auto;}

.validator-not-empty + .select2 .selection .select2-selection {
    background-color: #fffacd !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}
.select2-results {
    color: #000;
}
.select2-results__group {
    color: #1E3E74;
}

/*------------------------------------------------ MAP STYLES --------------------------------------------------------*/
div.map_wrapper {
}

div.map_wrapper fieldset.xmod{
    height: 400px;
}

div#left-nav{
    float:left;
    width:220px;
    padding:10px;
}

div.legend{
    width:200px;
    padding: 5px;
    background:#fff;
    border:2px solid #bbb;
    margin-bottom:20px;
}

div.map_wrapper div.legend table{
    border-collapse: separate;
    border-spacing:0 5px;
    border:none;
}

div.map_wrapper div.legend table td,th{
    /*background-color:#fff;*/
    border:none;
}

div.map_wrapper div.legend select{
    width:100%;
    font-size: 1.1em;
    padding:5px 2px;
}

.good{background-color:#50F0E6 !important; padding:2px;}
.fair{background-color:#50CCAA !important;}
.moderate{background-color:#F0E641 !important;}
.poor{background-color:#FF5050 !important;}
.very-poor{background-color:#960032 !important;}
.no-data{background-color:#6F6F6F !important;}

#report{
    background: #fff;
    width:100%;
    height: 350px;
    position:fixed;
    bottom:0;
    left:0;
    border-top: 1px solid #999;
    overflow-y: scroll;
    -webkit-box-shadow: 0px -3px 6px -1px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px -3px 6px -1px rgba(0,0,0,0.36);
    box-shadow: 0px -3px 6px -1px rgba(0,0,0,0.36);
}

#report div.report-loading{
    margin:0 auto;
    margin-top:150px;
    width:65px;
    height:65px;
    /*background-image:url('../images/loading.gif');*/
    background-size: cover;
    float:right;
}

table.map-report{
    width:95%;
    height: 100%;
    margin:0 auto;
}

table.map-report td{
    vertical-align:top;
}

#map{
    width:100%;
    height:700px;
}


.menu-close{
    background: #fff;
    border:none;
    float:right;
    content: '✖';
    color:#aaa;
    font-weight: bold;
    font-size: 28px;
    cursor:pointer;
    display:block;
}

.left-panel{
    width: 20%;
    height:100%;
    float:left;
    margin: 20px;
}

.center-panel{
    /*width: 65%;*/
    height:100%;
    /*float:left;*/
    /*margin-top: -20px;*/
    margin: 0 auto;
}

.right-panel{
    width: 47%;
    height:100%;
    float:right;
    margin-right:30px;
    margin-top: -20px;
}


div.table-scroller{
    height:500px;
    /*overflow-x:hidden;*/
}

table.table-scroll{

}
table.table-scroll thead{

}
table.table-scroll tbody{
    /*height:400px;*/
    /*overflow-x:auto;*/

}
table.table-scroll thead th{

}
.table-scroll{
    overflow-y: scroll;
    height: 400px;
    margin: 10px 20px;
}

#station-reports-page{
    overflow:auto;
}

.fixed100{
     width:100px;
 }

.fixed150{
    width:150px;
}

div.buttonsDiv{
    display:block;
    text-align: center;
    margin:5px 0;
    background-color: #fbfbfb !important;
}

#site_footer{
    bottom: 0;
    /*position: absolute;*/
    width: 100%;
    background-color: #505050;
    color: #ddd;
    overflow: auto;
    position: fixed;
}

html, body{
    overflow-x:hidden;
    margin:0;
}

.table_cell{
    font-size:11px;
    display: table-cell;
    vertical-align: middle;
}

#popup #popup-content h4{
    background-color: #e2f1ff;
}

#popup #popup-content p{
    font-size: 11px;
    color: #868889;
    font-style: italic;
    border-radius: 5px;
    background-color: #fcfcfc;
    padding: 5px;
    border: 1px solid #f3f3f3;
}

fieldset.custom-filter{
    background: #ebfaff;
    border: 1px solid #6c889f !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: #3e619f !important;
    background: #ffffff;
    border:1px solid #627a9f !important;
    padding: 2px 5px !important;
    font-weight: normal !important;
}

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

fieldset.custom-filter div.buttons input.btn {
    border: 1px solid #627a9f !important;
}

fieldset.custom-filter div.buttons input.btn:hover {
    background: #ffffff !important;
}

 input.custom-checkbox[type='checkbox'] {
     -ms-transform: scale(1.2); /* IE */
     -moz-transform: scale(1.2); /* FF */
     -webkit-transform: scale(1.2); /* Safari and Chrome */
     -o-transform: scale(1.2); /* Opera */
     padding: 10px;
 }

 .relative-pos{
     position: relative;
     width:100%;
     display: block;
 }

 .confirm-info {
     position: absolute;
     width: 100%;
     float: left;
     left: 0;
     background: #d0f3c1;
     padding: 2px;
     color: #0e692f;
 }

.confirm-info:empty
{
    padding:0;
}

.exceedance-div{
    position: relative;
    width: 240px;
    min-width: 150px;
    /*display:inline-block;*/
    display:none;
    padding-bottom: 30px;
    margin: 0 auto;
}

.transparent-div{
    position: relative;
    width: 240px;
    min-width: 150px;
    display:inline-block;
}

.inline-block{
    display:inline-block;
}

.exceedance-div p{
    background: #fffef5;
    padding: 5px;
    border: 1px solid #f0dcbf;
    color: #927f60;
}