.login-page {
    max-width: 700px;
    margin: 10px auto;
}

.login-page img {
    width: 100%
}

.login-page div.info {
    font-size: 0.96em;
    padding-top: 20px;
    text-align: center;
}

#edit_map_element_dlg .controls {
    margin-top: 5px;
}

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

.meteostation__table .meteostation__column {
    padding: 0 !important;
}

#informationDisplay table .ui-widget-content,
#videoCamera table .ui-widget-content,
#weatherStation table .ui-widget-content,
#simpleElement table .ui-widget-content,
#road table .ui-widget-content,
#weather table .ui-widget-content,
#trafficAccident table .ui-widget-content,
#roadRepair table .ui-widget-content,
#roadPhone table .ui-widget-content,
#localityDialog table .ui-widget-content,
#servicesOnRoad table .ui-widget,
#sandBase table .ui-widget,
#spotTraffic table .ui-widget,
#spotWeightControl table .ui-widget,
#trafficLight table .ui-widget {
    border: 1px solid #fff;
}

div.btn-controls {
    margin-top: 5px;
}

.on-entire-field {
    width: 99%;
    margin: 2px 0;
}

.ntrl-link {
    cursor: pointer;
    text-decoration: underline;
    color: #0078A8;
}

/* Курсор-стрелка над всей картой, пока активен кадастровый слой */
.leaflet-container.cadastre-active,
.leaflet-container.cadastre-active .leaflet-grab,
.leaflet-container.cadastre-active .leaflet-interactive {
    cursor: default !important;
}

#layers dl dt span {
    display: block;
    padding-left: 5px;
}

#layers .ui-widget-content a {
    color: #337ab7;
    padding-left: 10px;
}

#editRoad_dlg {
    left: 5.5px !important;
    top: 36.5px !important;
}

#editLightingLines_dlg {
    left: 5.5px !important;
    top: 36.5px !important;
}

#dialogs .ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 14px
}

#controlPanel tr td {
    vertical-align: top;
}

#controlPanel tr td label {
    margin: 0 2px 0 8px;
}

.sticky-footer {
    margin: 0 -5px -5px;
    background: #fff;
    border-radius: 0 0 12px 12px;
    padding: 5px;
    border-top: 1px solid #e0ecf8;
    z-index: 1;
    width: 240px !important;
}

.sticky-footer .on-entire-field {
    border-radius: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 2px 0 !important;
    display: block !important;
}

#meteo_table table th {
    font-size: 11px;
}

#imageView {
    margin: 5px 5% 0;
}

#imageView #photoArchive {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}

#imageView button {
    margin-top: 5px;
}

#controlUnit .ui-panelgrid-content.ui-widget-content {
    border: none;
}

#controlUnit #videoArchivePhotoReport .calendar-datetime input,
#controlUnit #machineReport .calendar-datetime input,
#videoArchivePhotoSlider .calendar-datetime input {
    width: 115px
}

#controlUnit #videoArchivePhotoReport .calendar-timeonly input {
    width: 60px
}

#controlUnit .ui-layout-unit-content .ui-hidden-container {
    padding-bottom: 100px;
}

#controlBar_ a {
    padding-right: 5px;
}

#layoutVideoWall .ui-layout-unit-content {
    overflow: hidden;
}

#layoutVideoWall div {
    overflow: hidden;
}

#layoutVideoWall .ui-dialog {
    z-index: 50000 !important;
}

#videoWallSettings, #videoWallSettings .ui-widget-header, #videoWallSettings form .ui-panelgrid-content {
    background: #f3f3f3;
}

#tableViedeowall table {
    max-width: 100%;
    width: 100%;
}

#tableViedeowall_data .data-list-files .ui-datalist-content,
#AddUserDialog .ui-dialog-content .ui-panelgrid-content,
#ChangePwdUserDialog .ui-dialog-content .ui-panelgrid-content,
#changePasswordForm div div.ui-panelgrid-content,
#regionDialog div div.ui-panelgrid-content,
#AddPhotoTypeDialog div div.ui-panelgrid-content,
#addVideoCameraDlg div div.ui-panelgrid-content,
#installationDialog div div.ui-panelgrid-content,
#videoWallSettings div div.ui-panelgrid-content,
#photoTypeDialog div div.ui-panelgrid-content,
#servicesOnRoadDialog div div.ui-panelgrid-content {
    border: none !important;
}

#tableViedeowall_data td {
    vertical-align: top;
}

#tableViedeowall_data dl {
    margin: 0 auto;
}

#tableViedeowall_data dl dt, .inline-item {
    display: inline-block;
    padding-top: 5px;
}

#barControl {
    height: auto;
}

#photoArchive {
    display: inline-block;
    height: auto;
    width: 100%;
}

#users table {
    font-size: 12px;
}

#users table th {
    vertical-align: bottom;
}

#users table th input {
    width: 100%;
    margin: 0 -5px;
}

#AddJournal_dialog .km label, #AddJournal_dialog .elements label, #AddJournal_dialog_children .km label, #AddJournal_dialog_children .elements label {
    vertical-align: -webkit-baseline-middle;
}

#observationJournal thead th span {
    font-size: 9pt;
}

#observationJournal .normal {
    background-color: #FEFEFE !important;
}

#observationJournal .yellow {
    background-color: #FDE852 !important;
}

#observationJournal .red {
    background-color: #FC6464 !important;
}

#AddJournal_dialog {
    top: 0px !important;
}

#AddJournal_dialog h4 {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    text-align: center
}

#AddJournal_dialog .ui-fileupload-content, #AddJournal_dialog_children .ui-fileupload-content {
    display: none;
}

#AddJournal_dialog .ui-fileupload-buttonbar, #AddJournal_dialog_children .ui-fileupload-buttonbar {
    padding: 0;
}

#AddJournal_dialog span .ui-icon-plusthick, #AddJournal_dialog_children span .ui-icon-plusthick {
    display: none
}

#AddJournal_dialog .ui-button-text-icon-left .ui-button-text, #AddJournal_dialog_children .ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em .3em 1.1em;
}

#AddJournal_dialog .ui-widget-header, #RemoveObservationJournal_dialog .ui-widget-header, #AddJournal_dialog_children .ui-widget-header {
    border: none;
    background: #f3f3f3;
}

#AddJournal_dialog .ui-widget-content, #RemoveObservationJournal_dialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#deleteUnitMemberDialog .ui-widget-header {
    border: none;
    background: #d4e7f5;
}

#deleteUnitMemberDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#unitMemberEditDlg .ui-widget-header {
    border: none;
    background: #f3f3f3;
}

#unitMemberEditDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#unitMemberEditDlg .ui-widget-header {
    height: 20px;
}

#unitMemberEditDlg #relationsTable .ui-datatable-data tr, #unitMemberEditDlg #relationsTable .ui-datatable-data td {
    border: 1px solid #ccc;
}

#addRelationDlg .ui-widget-header {
    border: none;
    background: #f3f3f3;
}

#addRelationDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#deleteRelationConfirmDlg .ui-widget-header {
    border: none;
    background: #d4e7f5;
}

#deleteRelationConfirmDlg .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

/*#AddJournal_dialog #files_content{height: 52px;overflow-y: scroll;scroll-behavior: smooth;}*/
#AddJournal_dialog h3, #AddJournal_dialog h4 {
    margin: 0px
}

#accessDenied_modal {
    background-color: #777;
    opacity: 0.5;
}

#observationJournalChildrens > .ui-datatable-tablewrapper {
    overflow: hidden;
}

#AddJournal_dialog_children .ui-widget-content, #filesChildren, #AddJournal_dialog_children .ui-fileupload-buttonbar {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#observationJournalChildrens tr {
    border: 1px solid #ccc !important;
}

#dlgFormChildren .ui-state-disabled, #dlgFormChildren textarea.ui-state-disabled, #dlgFormChildren input.ui-state-disabled,
#dlgForm .ui-state-disabled, #dlgForm textarea.ui-state-disabled, #dlgForm input.ui-state-disabled {
    color: #000 !important;
    opacity: 0.85 !important;
}

#observationJournal .circle {
    margin: 2px;
    background-color: #FC6464;
    border-radius: 50% 50%;
    display: inline-block;
    text-align: center;
    height: 14px;
    width: 14px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
}

.observation-journal .circle {
    padding: 1px;
    background: #FC6464;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    display: inline-block;
    text-align: center;
}

#countUnsignedOJ.circle {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 10px;
    vertical-align: text-bottom;
    padding: 1px;
    background: #FC6464;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    display: inline-block;
    text-align: center;
}

.circle_empty {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 0px solid black;
    margin: 0;
    padding: 4px;
    display: inline;
    text-align: center;
}

.circle_red {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 0px solid black;
    margin: 0;
    padding: 4px;
    background-color: #FC6464;
    color: #fff;
    display: inline;
    text-align: center;
}

.circle_blue {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 0px solid black;
    margin: 0;
    padding: 4px;
    background-color: #0351C1;
    color: #fff;
    display: inline;
    text-align: center;
}

#CopyScenarioDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#copyCompleteDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#EnsureCopyScenarioDlg .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#EnsureDeleteScenarioFromFileDlg .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#LoadScenarioFromFileDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#SaveScenarioToFileDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#AddScenarioDialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#CreateImageDialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#KscDialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

.ui-dialog.ui-widget-content .ui-dialog-titlebar {
    border-bottom: 1px solid #d4e7f5;
    background-color: #d4e7f5;
}

#SlideListDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#SignListDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#SlideListFilesDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#SignListFilesDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
    color: #333333;
}

#RemoveScenarioDlg .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#RemoveSlideDialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#RemoveSignDialog .ui-widget-content {
    border: none;
    background: #f3f3f3;
    color: #333333;
}

#editMachineTypeDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#removeMachineTypeDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#editMachineMarkDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#removeMachineMarkDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#editMachineInfoDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#removeMachineInfoDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#editContractDialog .ui-widget-content {
    border: none;
    background: #dddddd;
}

#addContractRoadDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#AccidentAddressDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#AddAccidentDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#CrosswalkAddressDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#addressDialog .ui-widget-content,
#warrantyDialog .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#fromDlg .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#toDlg .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#termDlg .ui-widget-header .ui-widget-content {
    border: none;
    background: #d4e7f5;
}

#printerObservationJournal {
    width: 100%
}

#printerObservationJournal #observation, #printerObservationJournal #work, #AddJournal_dialog #observation, #AddJournal_dialog #work { /*width: 49%;display: inline-block;*/
}

#printerObservationJournal h3, #AddJournal_dialog h3, #AddJournal_dialog_children h3 {
    text-align: center;
}

/*#layoutVideoWall div{overflow: hidden;}*/
/*DO REFACTOR!!!*/
#table_report_machine .active.line-blue {
    background-color: #7DB9E8;
}

#table_report_machine tr td {
    text-align: center;
}

#table_report {
    width: 99%;
    border: none;
}

#table_report div {
    overflow: hidden;
}

#table_report table tr th, #table_report table tr td {
    border: none;
    background: none;
}

#table_report table tr th {
    color: #2779AA !important;
}

#table_report table tr th div span {
    background: none;
    text-decoration: underline;
}

#table_report table tr .ui-state-active span {
    text-decoration: none;
}

#table_report #table_report_data .square_auto, #table_report #table_report_data .square_mileage {
    width: 0px;
    height: 10px;
    background: #0070A3;
}

#table_report #table_report_data .square_mileage {
    background: #FFE208
}

#table_report #table_report_data .ui-dt-c:before {
    border: 1px solid #000;
}

#report_machine_in_road {
    display: block;
}

#report_machine_in_road .ui-chkbox-box {
    width: 13px;
    height: 13px;
}

#report_machine_in_road .ui-icon-check {
    background-position: -65px -145px;
}

#report_machine_in_road label {
    margin-top: 1px;
}

#report_machine_in_road_table {
    width: 285px;
}

/*#report_machine_in_road_table #updateReport{float:right;height:15px;width: 95px;text-align: right; padding-right: 7px;}*/
#print_report_machine {
    float: right;
    height: 15px;
    width: 45px;
    text-align: right;
    padding-right: 20px;
}

#printReport, #printReport:visited, #printReportMIR, #printReportMIR:visited {
    color: #362b36;
    padding-left: 10px;
    display: block;
    float: right;
}

.red-color {
    color: #FC6464;
}

.org-tab.inline-item {
    padding: 0px 20px 10px;
    width: 250px;
}

.org-tab.inline-item .color {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 5px;
}

#additionalInfo-toggler {
    opacity: 0;
}

/*bootstrap*/
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f0f0f0;
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.bottom {
    bottom: 0;
    display: block;
}

label {
    margin-bottom: 0 !important;
    font-weight: 500 !important;
}

.b {
    font-weight: bold;
}

/*PF overrides*/
.ui-widget {
    font-size: 0.9em;
}

.like-link {
    background: #fff;
    border: none;
    font-weight: normal;
}

/*.ui-selectonemenu .ui-selectonemenu-trigger {width: auto;}*/
.ui-selectoneradio td {
    padding-right: 5px;
}

.ui-radiobutton .ui-radiobutton-box {
    width: 18px;
    height: 18px;
}

.ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 18px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    display: block !important;
}

.ui-layout-unit .ui-layout-unit-header .ui-layout-unit-header-title {
    font-size: 12px
}

.btn-danger.ui-state-hover {
    background-color: #D43F3A !important
}

.btn-danger {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
    background-image: -webkit-linear-gradient(top, #d9534f, #d43f3a) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #337ab7 0, #265a88 100%) !important;
    background-image: -o-linear-gradient(top, #337ab7 0, #265a88 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important;
    background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
    background-repeat: repeat-x !important;
    border-color: #245580 !important;
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) !important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
}

.ui-selectcheckboxmenu-trigger {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.ui-widget-overlay {
    background: #f3f3f3;
    opacity: 0.02;
}

.ui-datepicker {
    border: 1px solid #ccc;
    background-color: #d4e7f5;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #b6d7f3
}

.ui-datepicker-calendar .ui-state-default {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #ffffff, #d4e7f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d4e7f5));
    background-image: -webkit-linear-gradient(top, #ffffff, #d4e7f5);
    background-image: -o-linear-gradient(top, #ffffff, #d4e7f5);
    background-image: linear-gradient(top, #ffffff, #d4e7f5);
    background-image: -moz-linear-gradient(top, #ffffff, #d4e7f5);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #d4e7f5 #d4e7f5 #bfbfbf;
    border-bottom-color: #d4e7f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.ui-datepicker-calendar .ui-datepicker-other-month {
    background-color: #b6d7f3;
}

#additionalInfo {
    padding-top: 0px !important;
}

#additionalInfo .ui-layout-unit .ui-layout-unit-content {
    padding-top: 0px !important;
}

#additionalInfo .ui-tabs.ui-widget-content {
    padding: 0px;
}

#additionalInfo .ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding-top: 0px;
}

/**/
.btn-default-project {
    color: #3e3e3e !important;
    background-color: #dfeffc !important;
    background-image: -webkit-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -moz-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -ms-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -o-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: linear-gradient(to bottom, #DFEFFC, #C5DBEC);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFEFFC), to(#C5DBEC)) !important;
}

.btn-default-project:hover {
    background: #C5DBEC !important;
    background-image: -webkit-linear-gradient(top, #C5DBEC, #DFEFFC) !important;
    background-image: -moz-linear-gradient(top, #C5DBEC, #DFEFFC) !important;
    background-image: -ms-linear-gradient(top, #C5DBEC, #DFEFFC) !important;
    background-image: -o-linear-gradient(top, #C5DBEC, #DFEFFC) !important;
    background-image: linear-gradient(to bottom, #C5DBEC, #DFEFFC) !important;
}

.ui-layout-unit-header, .ui-layout-unit-header a {
    background-color: #dfeffc !important;
    background-image: -webkit-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -moz-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -ms-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: -o-linear-gradient(top, #DFEFFC, #C5DBEC);
    background-image: linear-gradient(to bottom, #DFEFFC, #C5DBEC);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFEFFC), to(#C5DBEC)) !important;
}

/*Leaflet label*/
.leaflet-popup-pane h3, .leaflet-popup-pane h4 {
    margin: 0;
    padding-bottom: 5px;
}

.leaflet-label {
    background: #EBEBEB;
    background: rgba(235, 235, 235, 0.81);
    background-clip: padding-box;
    border-color: #777;
    border-color: rgba(0, 0, 0, 0.25);
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: #111;
    display: block;
    font: 10px/15px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 1px 3px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    z-index: 6;
}

.leaflet-road-label {
    background: #2D2DAB;
    background: rgba(45, 45, 171, 0.5);
    color: #ffffff;
    font-size: 10px;
    height: 10px;
    padding: 0;
    line-height: 10px;
}

.leaflet-weather-window-label {
    background: #7db9e8;
    background: -moz-linear-gradient(top, #7db9e8 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #7db9e8 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: linear-gradient(to bottom, #7db9e8 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#ffffff', GradientType=0);
    color: #333;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
}

.leaflet-weather-window-label-red {
    background: #FF0000;
    background: -moz-linear-gradient(top, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: linear-gradient(to bottom, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#ffffff', GradientType=0);
    color: #333;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    width: 90px;
    height: auto;
    white-space: normal;
}

.leaflet-weather-window-label-yellow {
    background: #F9C910;
    background: -moz-linear-gradient(top, #F9C910 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #F9C910 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: linear-gradient(to bottom, #F9C910 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#ffffff', GradientType=0);
    color: #333;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    width: 90px;
    height: auto;
    white-space: normal;
}

.auto-machine-marker {
    background: none !important;
    border: none !important;
    overflow: visible;
}

.leaflet-machines-label-red {
    background: #FF0000;
    background: -moz-linear-gradient(top, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    background: linear-gradient(to bottom, #FF0000 0%, #ffffff 30%, #ffffff 30%, #ffffff 32%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#ffffff', GradientType=0);
    color: #333;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
    pointer-events: auto;
    width: auto;
    height: auto;
    white-space: normal;
}

.leaflet-div-icon-circle {
    background: #fff;
    border: 1px solid #666;
    border-radius: 50%;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 1px 10px !important;
}

.ui-datatable .camera_container tbody td {
    padding: 0 !important;
}

.ymaps-controls-pane {
    display: none;
}

.text-center {
    text-align: center;
}

.dead-line-calendar-input {
    width: 75%;
}

.menu-weather-layers {
    padding: 5px 5px;
    font: 12px/14px Arial, Helvetica, sans-serif;
    background: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}

.menu-weather-layers-toggle {
    background-image: url(/javax.faces.resource/pages/images/map_icons/weather-layers-menu-icon.png.xhtml);
    width: 26px;
    height: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    background-size: 26px 26px;
}

.menu-weather-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
}

.menu-weather-layers .menu-weather-layers-list,
.menu-weather-layers-expanded .menu-weather-layers-toggle {
    display: none;
}

.menu-weather-layers-expanded .menu-weather-layers-list {
    display: block;
    position: relative;
}

.menu-weather-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff;
}

.control_container {
    position: relative !important;
    margin-right: 70% !important;
    top: 47px !important;
    margin-bottom: 30px !important;
}

.legend_control_weather_layers {
    position: absolute;
    right: 10px;
    bottom: 53px;
    z-index: 400;
    /*
     padding: 6px 8px;
     font: 14px/16px Arial, Helvetica, sans-serif;
     background: white;
     background: rgba(255,255,255,0.8);
     box-shadow: 0 0 15px rgba(0,0,0,0.2);
     border-radius: 5px;
     width: 300px;
     */
}

.date_request_weather_layers {
    position: absolute;
    /* right: 440px;
     top: 22px; */
    z-index: 400;
    padding: 0px 5px;
    font: 12px/1.5 Arial, Helvetica, sans-serif;
    background: rgba(255, 255, 255, 0.7);
    width: 35%;
    margin-right: 132% !important;
    top: 18px !important;
    margin-bottom: 0px !important;
}

.leaflet-yandex-container {
    z-index: 100 !important;
}

.weatherPopup .leaflet-popup-content-wrapper,
.weatherPopup .leaflet-popup-tip {
    background-image: url(/javax.faces.resource/pages/images/back_weather_card_0.png.xhtml);
}

.ui-icon-minus {
    top: 9px;
!important;
}

.ui-icon-plus {
    background-position: -48px -80px;
    top: 9px;
}

.edit_layers_list_outer {
    height: 422px;
}

.edit-layers-list_inner {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 400px;
}

.text-labels {
    font-size: 1em;
    font-weight: 300;
    color: #131313;
    border-width: 0px;
    background: transparent;
}

#unsignedlineincident {
    display: inline;
!important;
}

.map-title-div-icon {
    z-index: 10000 !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
    width: 0px !important;
    height: 0px !important;
}

.remove-button {
    background-image: url(/javax.faces.resource/pages/images/map_icons/removeButton.png.xhtml);
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.remove-button:hover {
    background-image: url(/javax.faces.resource/pages/images/map_icons/removeButtonHover.png.xhtml);
}

.add-button {
    background-image: url(/javax.faces.resource/pages/images/map_icons/addButton.png.xhtml);
    background-size: cover;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.add-button:hover {
    background-image: url(/javax.faces.resource/pages/images/map_icons/addButtonHover.png.xhtml);
}

.add-button-inactive {
    background-image: url(/javax.faces.resource/pages/images/map_icons/addButtonInactive.png.xhtml);
    background-size: cover;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.no-border-grid.ui-panelgrid tr, .no-border-grid.ui-panelgrid td {
    border: none !important;
}

.ui-icon-accident-add {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/add.png.xhtml") !important;
}

.ui-icon-accident-add:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/add_hover.png.xhtml") !important;
}

.ui-icon-accident-add:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/add_active.png.xhtml") !important;
}

.ui-icon-accident-reload {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reload.png.xhtml") !important;
}

.ui-icon-accident-reload:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reload_hover.png.xhtml") !important;
}

.ui-icon-accident-reload:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reload_active.png.xhtml") !important;
}

.ui-icon-accident-del {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/del.png.xhtml") !important;
}

.ui-icon-accident-del:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/del_hover.png.xhtml") !important;
}

.ui-icon-accident-del:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/del_active.png.xhtml") !important;
}

.ui-icon-accident-del.ui-icon-accident-del-active {
    background-image: url("/javax.faces.resource/pages/images/del_active.png.xhtml") !important;
}

.ui-icon-accident-clear {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/clear.png.xhtml") !important;
}

.ui-icon-accident-clear:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/clear_hover.png.xhtml") !important;
}

.ui-icon-accident-clear-active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/clear_active.png.xhtml") !important;
}

.ui-icon-accident-clear.dialog-open:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/clear_active.png.xhtml") !important;
}

.ui-icon-accident-edit {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/edit.png.xhtml") !important;
}

.ui-icon-accident-edit:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/edit_hover.png.xhtml") !important;
}

.ui-icon-accident-edit:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/edit_active.png.xhtml") !important;
}

.ui-icon-ping {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/check_normal.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-ping:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/check_hovered.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-ping:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/check_pressed.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-download {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/download_normal.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-download:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/download_hovered.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-download:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/download_pressed.png.xhtml") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.ui-icon-accident-point {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/point.png.xhtml") !important;
}

.ui-icon-accident-point:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/point_hover.png.xhtml") !important;
}

.ui-icon-accident-point:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/point_active.png.xhtml") !important;
}

.ui-icon-accident-tools {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/tools.png.xhtml") !important;
}

.ui-icon-accident-tools:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/tools_hover.png.xhtml") !important;
}

.ui-icon-accident-tools_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/tools_active.png.xhtml") !important;
}

/*.ui-icon-accident-tools_name {*/
/*    display: inline-block;*/
/*    width: 134px !important;*/
/*    height: 33px !important;*/
/*    background-image: url("/javax.faces.resource/pages/images/tools_name.png.xhtml") !important;*/
/*}*/
/*.ui-icon-accident-tools_name_hover {*/
/*    display: inline-block;*/
/*    width: 134px !important;*/
/*    height: 33px !important;*/
/*    background-image: url("/javax.faces.resource/pages/images/tools_name_hover.png.xhtml") !important;*/
/*}*/
/*.ui-icon-accident-tools_name_active {*/
/*    display: inline-block;*/
/*    width: 134px !important;*/
/*    height: 33px !important;*/
/*    background-image: url("/javax.faces.resource/pages/images/tools_name_active.png.xhtml") !important;*/
/*}*/
.ui-icon-accident-out_in_excel_name {
    display: inline-block;
    width: 88px !important;
    height: 33px !important;
    background-image: url("/javax.faces.resource/pages/images/out_in_excel_name.png.xhtml") !important;
}

.ui-icon-accident-out_in_excel_hover {
    display: inline-block;
    width: 88px !important;
    height: 33px !important;
    background-image: url("/javax.faces.resource/pages/images/out_in_excel_hover.png.xhtml") !important;
}

.ui-icon-accident-filterRutting_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRutting_active.png.xhtml") !important;
}

.ui-icon-accident-filterRutting_name {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRutting_name.png.xhtml") !important;
}

.ui-icon-accident-filterRutting_name_hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRutting_name_hover.png.xhtml") !important;
}

.ui-icon-accident-filterRuttingActive_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRuttingActive_active.png.xhtml") !important;
}

.ui-icon-accident-filterRuttingActive_name {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRuttingActive_name.png.xhtml") !important;
}

.ui-icon-accident-filterRuttingActive_name_hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/filterRuttingActive_name_hover.png.xhtml") !important;
}

.ui-icon-accident-actual {
    display: inline-block;
    width: 106px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/actual.png.xhtml") !important;
}

.ui-icon-accident-actual:hover {
    display: inline-block;
    width: 106px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/actual_hover.png.xhtml") !important;
}

.ui-icon-accident-actual:active {
    display: inline-block;
    width: 106px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/actual_active.png.xhtml") !important;
}

.ui-icon-accident-all {
    display: inline-block;
    width: 58px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/all.png.xhtml") !important;
}

.ui-icon-accident-all:hover {
    display: inline-block;
    width: 58px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/all_hover.png.xhtml") !important;
}

.ui-icon-accident-all:active {
    display: inline-block;
    width: 58px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/all_active.png.xhtml") !important;
}

.ui-icon-accident-alltime {
    display: inline-block;
    width: 111px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/alltime.png.xhtml") !important;
}

.ui-icon-accident-alltime:hover {
    display: inline-block;
    width: 111px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/alltime_hover.png.xhtml") !important;
}

.ui-icon-accident-alltime:active {
    display: inline-block;
    width: 111px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/alltime_active.png.xhtml") !important;
}

.ui-icon-accident-period {
    display: inline-block;
    width: 94px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/period.png.xhtml") !important;
}

.ui-icon-accident-period:hover {
    display: inline-block;
    width: 94px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/period_hover.png.xhtml") !important;
}

.ui-icon-accident-period:active {
    display: inline-block;
    width: 94px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/period_active.png.xhtml") !important;
}

.ui-icon-accident-docs {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/docs_accident.png.xhtml") !important;
}

.ui-icon-accident-docs:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/docs_accident_hover.png.xhtml") !important;
}

.ui-icon-accident-docs_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/docs_accident_active.png.xhtml") !important;
}

.ui-icon-accident-coords {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/coords.png.xhtml") !important;
}

.ui-icon-accident-coords:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/coords_hover.png.xhtml") !important;
}

.ui-icon-accident-coords_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/coords_active.png.xhtml") !important;
}

.ui-icon-accident-close {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background-image: url("/javax.faces.resource/pages/images/close.png.xhtml") !important;
}

.ui-icon-accident-close:hover {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background-image: url("/javax.faces.resource/pages/images/close_hover.png.xhtml") !important;
}

.ui-icon-accident-back {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back.png.xhtml") !important;
}

.ui-icon-accident-back:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back_hover.png.xhtml") !important;
}

.ui-icon-accident-back:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back_active.png.xhtml") !important;
}

.ui-icon-accident-print {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/print.png.xhtml") !important;
}

.ui-icon-accident-print:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/print_hover.png.xhtml") !important;
}

.ui-icon-accident-print:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/print_active.png.xhtml") !important;
}

.ui-icon-reports {
    display: inline-block;
    width: 80px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reports.png.xhtml") !important;
}

.ui-icon-reports:hover {
    display: inline-block;
    width: 80px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reports_hover.png.xhtml") !important;
}

.ui-icon-reports_active {
    display: inline-block;
    width: 80px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/reports_active.png.xhtml") !important;
}

.ui-icon-reports_name {
    display: inline-block;
    width: 94px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/reports_name.png.xhtml") !important;
}

.ui-icon-reports_name_hover {
    display: inline-block;
    width: 94px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/reports_name_hover.png.xhtml") !important;
}

.ui-icon-reports_name_active {
    display: inline-block;
    width: 94px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/reports_name_active.png.xhtml") !important;
}

.ui-icon-send {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/send.png.xhtml") !important;
}

.ui-icon-send:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/send_hover.png.xhtml") !important;
}

.ui-icon-send:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/send_active.png.xhtml") !important;
}

.ui-icon-attach {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/attach.png.xhtml") !important;
}

.ui-icon-attach:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/attach_hover.png.xhtml") !important;
}

.ui-icon-attach:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/attach_active.png.xhtml") !important;
}

.ui-icon-save {
    display: inline-block;
    width: 121px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/save.png.xhtml") !important;
}

.ui-icon-save:hover {
    display: inline-block;
    width: 121px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/save_hover.png.xhtml") !important;
}

.ui-icon-save:active {
    display: inline-block;
    width: 121px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/save_active.png.xhtml") !important;
}

.ui-icon-xcopy {
    display: inline-block;
    width: 125px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/copy.png.xhtml") !important;
}

.ui-icon-xcopy:hover {
    display: inline-block;
    width: 125px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/copy_hover.png.xhtml") !important;
}

.ui-icon-xcopy:active {
    display: inline-block;
    width: 125px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/copy_active.png.xhtml") !important;
}

.ui-icon-log {
    display: inline-block;
    width: 171px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/log.png.xhtml") !important;
}

.ui-icon-log:hover {
    display: inline-block;
    width: 171px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/log_hover.png.xhtml") !important;
}

.ui-icon-log:active {
    display: inline-block;
    width: 171px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/log_active.png.xhtml") !important;
}

.ui-icon-sort {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/sort.png.xhtml") !important;
}

.ui-icon-sort:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/sort_hover.png.xhtml") !important;
}

.ui-icon-sort:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/sort_active.png.xhtml") !important;
}

.ui-icon-attach-beta {
    display: inline-block;
    width: 28px !important;
    height: 60px !important;
    background-image: url("/javax.faces.resource/pages/images/attach_beta.png.xhtml") !important;
}

.ui-icon-attach-beta:hover {
    display: inline-block;
    width: 28px !important;
    height: 60px !important;
    background-image: url("/javax.faces.resource/pages/images/attach_beta_hover.png.xhtml") !important;
}

.ui-icon-attach-beta:active {
    display: inline-block;
    width: 28px !important;
    height: 60px !important;
    background-image: url("/javax.faces.resource/pages/images/attach_beta_active.png.xhtml") !important;
}

.ui-icon-xcopysmall {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/xcopysmall.png.xhtml") !important;
}

.ui-icon-xcopysmall:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/xcopysmall_hover.png.xhtml") !important;
}

.ui-icon-xcopysmall:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/xcopysmall_active.png.xhtml") !important;
}

.ui-icon-forward {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background-image: url("/javax.faces.resource/pages/images/forward.png.xhtml") !important;
}

.ui-icon-forward:hover {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background-image: url("/javax.faces.resource/pages/images/forward_hover.png.xhtml") !important;
}

.ui-icon-forward:active {
    display: inline-block;
    width: 35px !important;
    height: 35px !important;
    background-image: url("/javax.faces.resource/pages/images/forward_active.png.xhtml") !important;
}

.ui-icon-exit {
    display: inline-block;
    width: 98px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/cancel.png.xhtml") !important;
}

.ui-icon-exit:hover {
    display: inline-block;
    width: 98px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/cancel_hover.png.xhtml") !important;
}

.ui-icon-exit:active {
    display: inline-block;
    width: 98px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/cancel_active.png.xhtml") !important;
}

.ui-icon-tpi-video {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/video.png.xhtml") !important;
}

.ui-icon-tpi-video:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/video_hover.png.xhtml") !important;
}

.ui-icon-tpi-video:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/video_active.png.xhtml") !important;
}

.ui-icon-tpi-foto {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/foto.png.xhtml") !important;
}

.ui-icon-tpi-foto:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/foto_hover.png.xhtml") !important;
}

.ui-icon-tpi-foto:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/foto_active.png.xhtml") !important;
}

.ui-icon-auto-off {
    display: inline-block;
    width: 50px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/auto_off.png.xhtml") !important;
}

.ui-icon-auto-off:hover {
    display: inline-block;
    width: 50px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/auto_off_hover.png.xhtml") !important;
}

.ui-icon-auto-on {
    display: inline-block;
    width: 50px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/auto_on.png.xhtml") !important;
}

.ui-icon-auto-on:hover {
    display: inline-block;
    width: 50px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/auto_on_hover.png.xhtml") !important;
}

.ui-icon-accident-unclosed {
    display: inline-block;
    width: 127px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/unclosed.png.xhtml") !important;
}

.ui-icon-accident-unclosed:hover {
    display: inline-block;
    width: 127px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/unclosed_hover.png.xhtml") !important;
}

.ui-icon-accident-unclosed_active {
    display: inline-block;
    width: 127px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/unclosed_active.png.xhtml") !important;
}

.ui-icon-view {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/view.png.xhtml") !important;
}

.ui-icon-view:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/view_hover.png.xhtml") !important;
}

.ui-icon-view:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/view_active.png.xhtml") !important;
}

.ui-icon-additionally {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/additionally.png.xhtml") !important;
}

.ui-icon-additionally:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/additionally_hover.png.xhtml") !important;
}

.ui-icon-additionally_active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/additionally_active.png.xhtml") !important;
}

.ui-icon-tables {
    display: inline-block;
    width: 174px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/tables.png.xhtml") !important;
}

.ui-icon-tables:hover {
    display: inline-block;
    width: 174px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/tables_hover.png.xhtml") !important;
}

.ui-icon-tables_active {
    display: inline-block;
    width: 174px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/tables_active.png.xhtml") !important;
}

.ui-icon-headerclose {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/javax.faces.resource/pages/images/headerclose.png.xhtml") !important;
}

.ui-icon-headerclose:hover {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/javax.faces.resource/pages/images/headerclose.png.xhtml") !important;
}

.ui-icon-headerclose_active {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/javax.faces.resource/pages/images/headerclose.png.xhtml") !important;
}

.ui-icon-closedialog {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/javax.faces.resource/pages/images/closedialog.png.xhtml") !important;
}

.ui-icon-closedialog_active {
    display: inline-block;
    width: 16px !important;
    height: 16px !important;
    background-image: url("/javax.faces.resource/pages/images/closedialog_active.png.xhtml") !important;
}

.ui-icon-map-exit {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back.png.xhtml") !important;
}

.ui-icon-map-exit:hover {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back_hover.png.xhtml") !important;
}

.ui-icon-map-exit:active {
    display: inline-block;
    width: 28px !important;
    height: 28px !important;
    background-image: url("/javax.faces.resource/pages/images/back_active.png.xhtml") !important;
}

.ui-icon-map-videowall {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/videowall.png.xhtml") !important;
}

.ui-icon-map-videowall:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/videowall_hover.png.xhtml") !important;
}

.ui-icon-map-videowall:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/videowall_active.png.xhtml") !important;
}

.ui-icon-map-meteowall {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/meteowall.png.xhtml") !important;
}

.ui-icon-map-meteowall:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/meteowall_hover.png.xhtml") !important;
}

.ui-icon-map-meteowall:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/meteowall_active.png.xhtml") !important;
}

.ui-icon-map-report-intensity-by-puid {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/intensity.png.xhtml") !important;
}

.ui-icon-map-report-intensity-by-puid:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/intensity_hover.png.xhtml") !important;
}

.ui-icon-map-report-intensity-by-puid:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/intensity_active.png.xhtml") !important;
}

.ui-icon-map-machines-graph {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/glonass.png.xhtml") !important;
}

.ui-icon-map-machines-graph:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/glonass_hover.png.xhtml") !important;
}

.ui-icon-map-machines-graph:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/glonass_active.png.xhtml") !important;
}

.ui-icon-map-accident-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/accident_journal.png.xhtml") !important;
}

.ui-icon-map-accident-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/accident_journal_hover.png.xhtml") !important;
}

.ui-icon-map-accident-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/accident_journal_active.png.xhtml") !important;
}

.ui-icon-map-incident-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/incident-journal.png.xhtml") !important;
}

.ui-icon-map-incident-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/incident-journal_hover.png.xhtml") !important;
}

.ui-icon-map-incident-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/incident-journal_active.png.xhtml") !important;
}

.ui-icon-map-observation-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/observation-journal.png.xhtml") !important;
}

.ui-icon-map-observation-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/observation-journal_hover.png.xhtml") !important;
}

.ui-icon-map-observation-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/observation-journal_active.png.xhtml") !important;
}

.ui-icon-map-order-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/order-journal.png.xhtml") !important;
}

.ui-icon-map-order-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/order-journal_hover.png.xhtml") !important;
}

.ui-icon-map-order-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/order-journal_active.png.xhtml") !important;
}

.ui-icon-map-repair-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/repair-journal.png.xhtml") !important;
}

.ui-icon-map-repair-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/repair-journal_hover.png.xhtml") !important;
}

.ui-icon-map-repair-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/repair-journal_active.png.xhtml") !important;
}

.ui-icon-map-rutting-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/rutting-journal.png.xhtml") !important;
}

.ui-icon-map-rutting-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/rutting-journal_hover.png.xhtml") !important;
}

.ui-icon-map-rutting-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/rutting-journal_active.png.xhtml") !important;
}

.ui-icon-map-work-journal {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/work-journal.png.xhtml") !important;
}

.ui-icon-map-work-journal:hover {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/work-journal_hover.png.xhtml") !important;
}

.ui-icon-map-work-journal:active {
    display: inline-block;
    width: 46px !important;
    height: 46px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/work-journal_active.png.xhtml") !important;
}

.ui-icon-paint {
    display: inline-block;
    width: 173px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paint.png.xhtml") !important;
}

.ui-icon-paint:hover {
    display: inline-block;
    width: 173px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paint_hover.png.xhtml") !important;
}

.ui-icon-paint:active {
    display: inline-block;
    width: 173px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paint_active.png.xhtml") !important;
}

.ui-icon-paintauto {
    display: inline-block;
    width: 218px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paintauto.png.xhtml") !important;
}

.ui-icon-paintauto:hover {
    display: inline-block;
    width: 218px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paintauto_hover.png.xhtml") !important;
}

.ui-icon-paintauto:active {
    display: inline-block;
    width: 218px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/map_home/paintauto_active.png.xhtml") !important;
}

.ui-icon-excel {
    display: inline-block;
    width: 88px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel.png.xhtml") !important;
}
.ui-icon-excel:hover {
    display: inline-block;
    width: 88px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel_hover.png.xhtml") !important;
}
.ui-icon-excel:active {
    display: inline-block;
    width: 88px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel_active.png.xhtml") !important;
}
.ui-icon-excel-from {
    display: inline-block;
    width: 97px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel_from.png.xhtml") !important;
}
.ui-icon-excel-from:hover {
    display: inline-block;
    width: 97px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel_from_hover.png.xhtml") !important;
}
.ui-icon-excel-from:active {
    display: inline-block;
    width: 97px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/excel_from_active.png.xhtml") !important;
}

.ui-icon-kminfo {
    display: inline-block;
    width: 147px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/kminfo.png.xhtml") !important;
}
.ui-icon-kminfo:hover {
    display: inline-block;
    width: 147px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/kminfo_hover.png.xhtml") !important;
}
.ui-icon-kminfo:active {
    display: inline-block;
    width: 147px !important;
    height: 32px !important;
    background-image: url("/javax.faces.resource/pages/images/kminfo_active.png.xhtml") !important;
}

/* --- ПУ СТИЛИ (Control Panel Layer Buttons) --- */
[class*="ui-icon-map-panel-"] {
    box-sizing: border-box !important;
    display: block !important;
    width: 242px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: none !important;
    padding-left: 48px !important;
    background-size: 24px 24px !important;
    background-position: 12px center !important;
    background-repeat: no-repeat !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent !important;
    color: #888888 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

[class*="ui-icon-map-panel-"]:hover {
    background-color: #eaeaea !important;
    color: #666666 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

[class*="ui-icon-map-panel-"].ui-state-active {
    background-color: #d2e5f5 !important;
    color: #1a446c !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

[class*="ui-icon-map-panel-"] .ui-button-text {
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 38px !important;
}

/* Individual Icon Mappings */
.ui-icon-map-panel-1 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/video_cameras.svg.xhtml") !important;
}

.ui-icon-map-panel-2 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/weather_stations.svg.xhtml") !important;
}

.ui-icon-map-panel-3 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/roads.svg.xhtml") !important;
}

.ui-icon-map-panel-4 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/road_machines.svg.xhtml") !important;
}

.ui-icon-map-panel-6 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/accident.svg.xhtml") !important;
}

.ui-icon-map-panel-7 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/km_pillars.svg.xhtml") !important;
}

.ui-icon-map-panel-10 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/repair_sections.svg.xhtml") !important;
}

.ui-icon-map-panel-11 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/weather.svg.xhtml") !important;
}

.ui-icon-map-panel-12 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/traffic_lights.svg.xhtml") !important;
}

.ui-icon-map-panel-14 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/spvk.svg.xhtml") !important;
}

.ui-icon-map-panel-15 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/intensity.svg.xhtml") !important;
}

.ui-icon-map-panel-20 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/services.svg.xhtml") !important;
}

.ui-icon-map-panel-21 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/sand_base.svg.xhtml") !important;
}

.ui-icon-map-panel-22 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/tpi.svg.xhtml") !important;
}

.ui-icon-map-panel-24 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/fvf_violations.svg.xhtml") !important;
}

.ui-icon-map-panel-36 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/railway_crossing.svg.xhtml") !important;
}

.ui-icon-map-panel-40 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/recreation_areas.svg.xhtml") !important;
}

.ui-icon-map-panel-42 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/lighting_lines.svg.xhtml") !important;
}

.ui-icon-map-panel-44 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/stationary_inspection.svg.xhtml") !important;
}

.ui-icon-map-panel-45 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/roads_transmitted.svg.xhtml") !important;
}

.ui-icon-map-panel-46 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/roads_received.svg.xhtml") !important;
}

.ui-icon-map-panel-47 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/crosswalks.svg.xhtml") !important;
}

.ui-icon-map-panel-48 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/km_pillar_transmitted.svg.xhtml") !important;
}

.ui-icon-map-panel-49 {
    background-image: url("/javax.faces.resource/pages/images/map_icons/detour.svg.xhtml") !important;
}

.image-login-btn {
    background-image: url("/javax.faces.resource/pages/images/login-button-bg.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 400px;
    height: 50px;
}
.image-login-btn:hover {
    background-color: transparent  !important;
    border-color: initial !important;
    box-shadow: none !important;
    color: inherit !important;
    outline: none !important;
    background-position: 0px !important;
    background-image: url("/javax.faces.resource/pages/images/login-button-bg-hover.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 400px;
    height: 50px;
}
.image-login-btn.ui-state-active {
    background-image: url("/javax.faces.resource/pages/images/login-button-bg-active.png.xhtml");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 400px;
    height: 50px;
}