body {
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
	font-weight: 400;
	color: #555;
}
* {
    box-sizing: border-box;
}

textarea, input, select {
    font-family: sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    /* width: 100%; */
    line-height: 25px;
    padding-left: 5px;
}
/*#iFrameHarta {
  background-color: #FFE4B5;
}*/
/* ------------------------------------------ Top Menu Bar ---------------------------------------- */
.menu-bar-clear {
    position: relative;
}
.top-menu-wrapper {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.top-menu {
    background-color: rgb(255,255,255);
    display: block;
    /* height: 70px; */
    position: absolute;
    width: 100%;
    font-weight: bold;

    box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
.logo-top {
    position: absolute;
    top: 12px;
    left: 30px;
	display: inline-block;
    border: 0;
    outline: none;
}
.logo-top img {
    display: inline-block;
    width: 50px;
    margin: -25px 0 0;
}
.logo-top span {
    display: block;
    margin: -50px 10px 0 65px;
    color: #002D4F;
    font-size: 22px;
}
div.logo-topPOCA {
	display: inline-block;
}

.logo-topPOCA img{
    width:50%;
    margin: -33px 0 0 40%;	
}

#searchField, #dropdown {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    
}

#searchField {
    background-color: #680025;
    color: #fff;
    padding: 10px 20px;
    width: auto;
}
#dropdown {
    width: 344px;
    float: right;
    position: relative;
}

.dropdownActions-wrapper {
    display: block;
    height: 70px;
    margin: 0;
    padding: 0;
}

.imgUser-wrapper, .imgFilters-wrapper, .imgPointer-wrapper, .imgChat-wrapper {
    display: block;
    float: left;
    height: 70px;
    margin: 0;
    text-align: center;
    width: 172px;
    color: #002D4F;
}

.imgUser-wrapper img, .imgFilters-wrapper img, .imgPointer-wrapper img, .imgChat-wrapper img {
    padding: 10px 25px;
}

.imgUser-wrapper:hover, .imgFilters-wrapper:hover, .imgPointer-wrapper:hover, .imgChat-wrapper:hover {
    cursor: pointer;
    /*background-color: rgba(39,139,194,0.2)*/
}

.imgUser-wrapper {
    background: transparent url(../images/user-icon.png) center center no-repeat;
    background-size: 134px 30px;
}

.imgFilters-wrapper {
    /* background: transparent url(../images/incident-list-icon.png) center center no-repeat; */
    background: transparent;
    background-size: 134px 30px;
    position: relative;
    border: 1px solid #002D4F;
    /* color: #fff; */
}

.imgPointer-wrapper {
    /* background: transparent url(../images/incident-icon.png) center center no-repeat; */
    background: transparent;
    background-size: 134px 30px;
    position: relative;
    border: 1px solid #002D4F;

}

.imgChat-wrapper {
    background: transparent url(../images/chat-icon.png) center center no-repeat;
    background-size: 134px 30px;
}

.menu-link-active .link-active {
    /*background: #680025 url(image/user-icon-white.png) center center no-repeat;*/
    background-size: 134px 30px !important;
    border: 1px solid #002D4F;
}

.imgFilters-wrapper.link-active {
    background-color: #002D4F;
    /* background: #002D4F  url(../images/incident-list-icon-white.png) center center no-repeat !important; */
    background: #002D4F;
    background-size: 134px 30px !important;
    color: #fff;
}

.imgPointer-wrapper.link-active {
    background: #002D4F url(../images/incident-icon-white.png) center center no-repeat !important;
    background: #002D4F!important;
    background-size: 134px 30px !important;
    color: #fff;
    

}

#imgChat .link-active {
    background: #680025 url(../images/chat-icon-white.png) center center no-repeat !important;
    background-size: 134px 30px !important;
}

#filters {
  position: relative;
  width: 100%;
  background-color: #0000FF;
}

.controlButton {
  justify-content: space-around;

  position: relative;
  margin: auto;
  width: 24%;
  height: 32px;
  background-color: #FFFFFF;
}

#filterBtn {
  background-color: #002D4F;
  border: 0 none;
  color: #fff;
  margin: 3px 0;
  padding: 6px 0;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#filterBtn:hover {
  background-color: #001b3c;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.formBtn {
  display: block;
  background-color: #002D4F;
  border: 0 none;
  color: #fff;
  margin: 3px 0;
  padding: 6px 0;
  width: 40%;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.formBtn:hover {
  background-color: #001b3c;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#searchLabel {
  width: 70px;
  font-family: Arial;
  font-size: 20px;
}

#searchFieldInput {
    color: #666666;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
    padding: 6px 10px;
    width: 168px;
    border: 1px solid #1e7cb0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

#buttonSearchStreet {
    background: transparent url(../images/seach-icon.png) center center no-repeat;
    border: medium none;
    display: inline-block;
    height: 30px;
    outline: medium none;
    text-indent: -9999px;
    width: 30px;
}
#buttonSearchStreet:hover {
    outline: none;
    cursor: pointer;
}

/*****new search street*****/
#searchdiv {
    margin-bottom: 10px;
}
.controls {
    margin-top: 20px;        
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;              
}
#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px 11px 10px 13px;
    text-overflow: ellipsis;
    width: 250px;
    border: 1px solid transparent;
    outline: none;  
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

#pac-input:focus {
    border-color: #4d90fe;
}

.pac-container {
    font-family: Roboto;
}
#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    /*font-family: Roboto;
    font-size: 13px;
    font-weight: 300;*/
}
      
#target {
    width: 345px;
}

button[id="search-button"] {
    height: 35px;
    width: 38px;
    background: blue;
    color: white;
    border: 0;
    -webkit-appearance: none;
}
/* end customizare search*/

/* ------------------ CSS for the PopUp Results List -------------------------- */

.onTopLayer {
  z-index: 99;
  width: 100%;
  height: 100%;
  
  display: none;
  position: absolute;     

  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;  
  background-color: transparent;
}

#container {
  padding: 7px;
  position: absolute;
  width: 500px;
  height: 350px;
  background-color: rgb(255,255,255);

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;

  border-style: solid;
  border-width: 1px;
  border-color: #dcdcdc;
}

#popup {
  height: 290px;
  position: relative;
  background-color: rgb(255,255,255);

  border-style: solid;
  border-width: 1px;
  border-color: #dcdcdc;

  top: 0;
  right: 0;
  left: 0;
}

#footer {
    bottom: 0;
    height: 30px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;        
}

#close {
  background-color: #680025;
    border: 0 none;
    bottom: 0;
    color: #fff;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
#close:hover {
    cursor: pointer;
}

#modal_trigger  {
  margin: 100px auto;
  width: 100px;
  display: block;
}

.popupContainer{
    background: rgb(255,255,255);
    position: absolute;
    width: 344px;
    height: auto;
    right: 0px;
    top: 70px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

/* -------------------------------------------------- User Login Form ------------------------------------------------ */
.label-input {
    display: block;
    margin-bottom: 10px;
}
.menuUser label  {
    display: inline-block;
    margin-right: 20px;
    width: 80px;
}

.menuUser input {
    border: 1px solid #cdcdcd;
    color: #333;
    display: inline-block;
    padding: 10px;
    width: 178px;
}

.buttonContainer {
    width: 100%;
    display: block;
}

.loginButton {
    background-color: #680025;
    border-style: none;
    color: #fff;
    line-height: 14px;
    padding: 10px;
    width: 179px;
}

.loginButton:hover {
  background: #769c41;
    cursor: pointer;
}

#lbl-pre-user, #lbl-user {
  float:left;
  font-size: medium;
  font-weight: bold;
}

.linkContainer {
  width: 100%;
  display: block;
}
.text-align-right {
    text-align: right;
}
.text-align-center {
    text-align: center;
}
.forgot_password {
    color: #555;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0 25px;
    text-decoration: none;
    width: auto;
}

.new_account-pf, .new_account-pj {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 10px;
    padding: 10px 0;
    text-decoration: none;
    width: 100%;
}
.new_account-pf {
    background-color: #680025;
}
.new_account-pf:hover {
    background-color: #769c41;
}
.new_account-pj {
    background-color: #5a5a5a;
}
.new_account-pj:hover {
    background-color: #454545;
}

#useIsLogged {
	display: block;
}

/* -------------------------------------------------- Popup Styles ------------------------------------------------ */

.popupHeader  {  
    text-transform: uppercase;
}

.popupHeader  {
    background: #365983;
    position: relative;
    padding: 10px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.popupHeader .header_title {
    display: block;
    line-height: 15px;
}
.popupHeader .modal_close  {
    color: #000;
    cursor: pointer;
    font-size: 16px;
    padding: 9px;
    position: absolute;
    right: 0;
    top: 0;
}
.popupHeader .modal_close img {
    display: block;
    line-height: 16px;
}

.popupBody  {
  padding: 0px;
}
.popup-content {
    padding: 18px;
}
.ms-drop ul > li label {
    white-space: wrap !important;
}
.notEditable {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    color: #333;
    font-family: sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 0 5px 23px;
    position: relative;
    width: 100%;
}
.notEditable  span{
	display:inline-block;
	min-width:90px;
}
.notEditable  input {
	text-align:right;
	padding-right:10px;
	border:none;
}

.notEditable img {
    float: right;
    margin: 2px 10px 0 0;
    cursor: pointer;
}

#pinDiv {
  display: block;
  position: relative;

}
#prenume, #nume, #email, #telefon {
    border: 1px solid #cdcdcd;
    display: inline-block;
    margin-bottom: 15px;
    padding: 5px;
    width: 47%;
}
#prenume, #email {
    margin-right: 6%;
}
#description {
    display: block;
    min-height: 70px;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
    resize: none;
    width: 100%;
    font-size: 12px;
    border: 1px solid #cdcdcd;
}
.validare-termeni{
    display: block;
    margin-bottom: 15px;
    text-align: justify;
}
#poze-sesizari {
    margin-bottom: 10px;
    text-align: center;
}

.poza-content {
    background-image: url('../images/addPhoto.png');
    background-position:  center center;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    display: inline-block;
    height: 75px;
    width: 94px;
    margin: 0 3px;
    overflow: hidden;
}

.poza-content:first-child {
    margin-left:  0;
}

.poza-content:last-child {
    margin-right:  0;
}
.poza-incarcata:hover {
    background-image: url(../images/sterge-poza.png) !important;
}

#pinCategory {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    color: #555;
    display: block;
    margin-bottom: 15px;
    padding: 5px;
    position: static;
    width: 100%;
}

.g-recaptcha {
    margin-bottom: 15px;
    margin-top: 10px;
}
.form-buttons-area {
    background-color: #002d4f; 
}
#BTN_pointer {
  float: right;
}

#BTN_SendIncident, #BTN_AddMarker, #BTN_CancelSendIncident {
    background-color: transparent;
    border-right: 1px solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(255,255,255,0.2);
    border-bottom: none;
    border-top:none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    vertical-align: top;
    width: 33.2%;
}
#BTN_CancelSendIncident {
    margin-right: 0;
}
#lbl_PickLocationSelected {
  display: none;
  color: #f89e00 !important;
  font-size: 15px;
}

#BTN_AddMarker:hover, #BTN_SendIncident:hover, #BTN_CancelSendIncident:hover {
    background-color: #001b3c62;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#BTN_AddMarker {
    border-left: none;
}
#BTN_CancelSendIncident {
    border-right: none;
    max-width: 30%;
}
#calendar_from, #calendar_to {
  width: 150px;
}

.ui-widget-header .ui-icon-circle-triangle-w {
    background: url(../images/calendar-arrow-prev.png) center center no-repeat !important;
}
    
.ui-widget-header .ui-icon-circle-triangle-e {
    background: url(../images/calendar-arrow-next.png) center center no-repeat !important;
}

#incidentNr {
  width: 90px;
}

.closeCalendar {
    cursor: pointer;
    display: none;
    height: 16px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 16px;
}

.clearRegNo {
    cursor: pointer;
    display: none;
    height: 16px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 16px;
}


#incidentDiv {
  display: block;
  position: relative;
}

#incidentDiv h2 {
    font-size: 16px;
    margin-top: 0;
}
#incidentDiv p span {
    font-weight: 600;
}

.popup-harta-categ {
    background: transparent url(../images/sesizare-categorie-icon.png) 0 0 no-repeat;
}

.popup-harta-nrinreg {
    background: transparent url(../images/sesizare-nrinregistrare-icon.png) 0 0 no-repeat;
}

.popup-harta-status {
	background: transparent url(../images/sesizare-status-icon.png) 0 0 no-repeat;
}

.status-o {
	color: #FA5757;
}

.status-c {
	color: #71D142;
}
.popup-harta-status{
	max-height: 124px;
	overflow: auto;
}
.popup-harta-descr {
    background: transparent url(../images/sesizare-descriere-icon.png) 0 0 no-repeat;
    max-height: 112px;
    overflow: auto;
}
.popup-harta-data {
    background: transparent url(../images/sesizare-calendar-icon.png) 0 0 no-repeat;
}
.popup-harta-categ, .popup-harta-nrinreg, .popup-harta-status, .popup-harta-descr, .popup-harta-data {
    display: block;
    margin-bottom: 10px;
    max-width: 240px;
    padding: 1px 0 1px 25px;
	word-break: normal;
}
.popup-harta-categ span, .popup-harta-nrinreg span, .popup-harta-status span, .popup-harta-descr span, .popup-harta-data span {
    font-weight: 500;
}

#map {
	height: 100%;
    position: absolute !important;
	width: 100%;
}

#menu_bar {
	z-index: 999;
}

.mobile-logo-top {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #f0f0f0;
    display: none;
    /* padding:  10px 0; */
    /* width: 100%; */
}


/*.termni-conditii {
	padding: 30px 5%;
}*/

.lista-incidente-multiple {
   position: relative;
}
.lista-incidente-multiple ul {
    height: 223px;
    list-style: outside none none;
    margin: 0;
    overflow: auto;
    padding: 0;
}
.lista-incidente-multiple li {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}
.lista-incidente-multiple li:after {
    content: "";
    width: 0px; 
    transition: all 0.3s ease 0s; 
    -webkit-transition: all 0.3s ease 0s; 
    z-index: -1;
}
.lista-incidente-multiple li:hover:after {
    width: 100%; 
}
.lista-incidente-multiple li.case-o:after {
    background-color: #fa5757;
}
.lista-incidente-multiple li.case-c:after {
    background-color: #71d142;
}
.lista-incidente-multiple li.case-w:after {
    background-color: #ffa012;
}

.lista-incidente-multiple li.case-o:hover {
    background-color: #fa5757;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.lista-incidente-multiple li.case-c:hover {
    background-color: #71d142;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.lista-incidente-multiple li.case-w:hover {
    background-color: #ffa012;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.lista-incidente-multiple li span {
    border-radius: 8px;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    vertical-align: middle;
    width: 12px;
}
.lista-incidente-multiple li:hover > span {
    border-radius: 8px;
    border: 2px solid #fff;
}
.lista-incidente-multiple li.case-o span {
    background-color: #fa5757;
}
.lista-incidente-multiple li.case-c span {
    background-color: #71d142;
}

.lista-incidente-multiple li.case-w span {
    background-color: #ffa012;
}

#footer-bar {
    display: block;
    width: 100%;
    z-index: 10;
}
.footer-bar-wrapper {
    background-color: rgba(255, 255, 255); 
    bottom: 0px; 
    left: 0px; 
    position: absolute; 
    display: block; 
    width: 100%; 
    text-align: center;
    padding: 10px 0px; 
    font-size: 14px; 
    font-weight: 600; 
    z-index: 11;
}
img.footer-bar1 {
    height: 30px;
    margin-right: 10px;
    margin-left: 5px;
    width: auto;
    vertical-align: middle;
	border: none;
}
img.footer-bar2 {
    margin-right: 10px;
    margin-left: 5px;
    width: auto;
    vertical-align: middle;
    height: 25px;
	border: none;
}
.footer-bar-wrapper a, .footer-bar-wrapper:visited, .footer-bar-wrapper:active {
	border: none;
    color: #555;
    text-decoration: none;
    outline: none;
}

#tooltipArea {
    display: block;
}
.tooltip-back {
    background:  url(../images/calendar-arrow-prev.png) left center no-repeat;
    display: block;
    margin-bottom: 10px;
    padding-left: 15px;
}
.tooltip-back:hover {
    cursor: pointer;
}
.text-politia-locala {
    font-size: 12px;
    margin: 0 0 15px;
}
.text-politia-locala a, .text-politia-locala a:hover, .text-politia-locala a:active {
    border-bottom: 1px dashed #cdcdcd;
    color: #719b36;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    margin: 10px 0 0;
    padding-bottom: 5px;
    text-decoration: none;
}



/* ------------------------------------------------------------------------------------ calendar picker */


/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */

#ui-datepicker-div {
    border: 1px solid #cdcdcd;
    left: auto !important;
    padding: 10px;
    right: 31px !important;
    top: 218px !important;
}
.ui-datepicker {
	width: auto;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker-prev:hover {
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
    border: 1px solid #dcdcdc;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: 5px;
	text-align: right;
	text-decoration: none;
}


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #cdcdcd;
	background: #ffffff;
	color: #555;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: none;
	background: #fff;
	color: #555;
	font-weight: normal;
}
.ui-widget-header a {
	color: #222222;
}


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: #fff;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	/*background: #ededed;*/
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: none;
	background: #365983;
	font-weight: normal;
	color: #fff;
    border-radius: 50%;
    text-align: center;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: none;
	background: #616161;
	color: #fff;
    border-radius:50%;
    text-align:center;
}
/*languages css*/
.credentials-container {
    /* position: static; */
    background: rgb(255,255,255);
    /* text-align: right; */
    padding: 30px 0 0 0;
    /* border: 1px solid red; */
}
/* user */
div#userArea {
    margin-top: -25px;
    margin-right: 40px; 
    text-align: right;
    position: absolute;
    right: 0;
}
div#userArea img {
    /* border: 1px solid #002D4F; */
    border-radius: 100%;
    display: inline-block;
    height: 25px;
    width: 25px;
    /* background: #002D4F; */
    margin: -2px 4px 0 4px;
    cursor: pointer;
}
#lbl-user {
    color: #002D4F;
    text-align: right;
}
.languages {
    position: absolute;
    display: inline-block;
    z-index: 9999;
    text-align: left;
    background: #002D4F;
    color: #fff;
    cursor: pointer;
    width: 25px;
    height: 25px;
    top: 3px;
    right: 3px;
    border-radius: 100%;
}

.languages .hover {
background: #002D4F;
position: absolute;
top: 0;
right: 100%;
display: none;
margin-right: 5px;
padding: 0 5px;
line-height: 23px;
}
.languages .current {
display: inline-block;
padding: 0 0 0 4px;
line-height: 25px;
font-size: 12px;
font-weight: 500;
/* border: 1px solid #ccc; */
}
.languages ul {
background: #fff;
color: #fff;
display: none;
left: -75px;
position: absolute;
margin: 2px;
padding: 3px 0;
list-style: none;
font-size: 13px;
top: 100%;

box-shadow: 0 0 2px rgba(0,0,0,0.5)
}
.languages ul a {
    text-decoration: none;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    color: #002D4F;
    font-weight: bold;
}
.languages ul a.sel {
    color: rgb(0, 0, 0);
}
.languages ul a.sel:hover {
    color: rgb(0, 0, 0);
}
.languages ul a:hover {
    color: rgb(124, 124, 124);
}

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

/* popup filtre and semnaleaza problema */
div.text_key_f {
    padding: 25px 20px 0 50px;
    height: 70px;
    position: relative;
    font-size: 13.5px;

}
div.text_key_f::before,
div.text_key_sp::before
{
    content: "";
    background: transparent url("./../images/incident-list-icon-white_xs_blue.png") center center no-repeat;
    background-size: 100%;
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 17px;
    left: 15px;
}

div.text_key_sp {
    padding: 25px 5px 0 50px;
    height: 70px;
    position: relative;
    font-size: 13.5px;
}
div.text_key_sp::before
{
    background: transparent url("./../images/incident-icon-white_xs_blue.png") center center no-repeat;
    top: 17px;
    left: 15px;
    background-size: 98%;
}
.imgFilters-wrapper.link-active::before,   
.imgPointer-wrapper.link-active::before {
    content: "";
    background: transparent url("./../images/incident-list-icon-white_xs.png") center center no-repeat;
    background-size: 100%;
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 17;
}
.imgPointer-wrapper.link-active::before {
    background: transparent url("./../images/incident-icon-white_xs.png") center center no-repeat;
    background-size: 99%;
    top: 17px;
    left: 15px;
}
/* end popup filtre and semnaleaza problema */
/* login form */
#login-form {
    padding-bottom: 30px;
}
#login-form input{
    width: 100%;
}
#input-user {
    margin-bottom: 15px;
}
#link-forgotPass {
    display: block;
    text-align: right;
    color: #002D4F;
    text-decoration: none;
}
button#btn-login {
    float: left;
    /* width: 47%; */
}
div.lgnSubmitButton {
    padding-top: 10px;
}
a#link-forgotPass {
    padding-top: 5px;
}
a#link-newAccount {
    float: right;
    font-weight: 400;
    min-width: 50%;
    display: block;
    line-height: 1;
}
div#lgnSubmitButton::after {
    content: "";
    clear: both;
    display: table;
}
#btn-logout {
    text-decoration: none;
    color: rgb(70, 90, 105);
}
/*step 1 button*/
button#btn_ToLocation, button.btn_Cancel,
button#btn_MyLocation, button#btn_PickLocation,
button#btn_Send
{
    background-color: #002D4F;
    border: 0 none;
    color: #fff;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}
button.btn_Cancel {
    float: right;
}
button#btn_MyLocation, button#btn_PickLocation {
    padding: 6px 3px;
    /* margin-bottom: 10px; */
    font-size: 13px;
}
div.popup-content:has(div#new-case-step-0 ) {
    border: 3px solid gray;
}

#lbl-case-process{
    display: block;
    text-align: center;
    margin-bottom: 15px;
}
/***************************POCA*******************************/

div.containerPOCA {
	font-family: 'Open Sans', sans-serif; 
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

hr.specialhrPOCA
{
	border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
	width: 120px;
    height: 2px;
    background: #ff5200;
    margin: 1.5px auto;
}

div.text-centerPOCA {
	font-family: 'Open Sans', sans-serif;
	text-align: center!important;
	font-size: 35px;
    color: #525252;
	font-weight: 500;
}

div.lead-text-centerPOCA{
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	text-align: center!important;
	font-weight: 300;
}

h3.text-center-img-fluidPOCA
{
	vertical-align: middle;
    border-style: none;
	text-align: center!important;
}
h3.text-center-img-fluidPOCA img{
	display:block;
	width:80%;
	margin: 0 auto;
}
	
p.logo_nPOCA img
{
	display: block;
	max-width: 85px;
    margin: 0 auto;
}
/**********************END***POCA******************************/