/*body{background: url("/javax.faces.resource/pages/images/logo.jpg.xhtml") no-repeat 30% 50%;}*/
.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;}
#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;}
.layer-control{margin-left: 24px; padding-top:2px;font-size: 10px;}
.layer-control label{vertical-align: super}
.sticky-footer{position:fixed;bottom:1px;width:275px;background-color:#fff;}

#showLabels{position: absolute; bottom: 10px; left: 120px; z-index: 400;}
#mapPrinter{position: absolute; bottom: 15px; left: 295px; z-index: 400;}
#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;}
/*#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(odd) {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;
}
.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-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-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-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-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;
}