html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next",
        "Avenir", "Helvetica Neue", sans-serif !important;
}

#demo, .demoCSS {
    border-radius: 8px;
    outline: none;
    text-align: center;
}

#popupAlerteActe table tbody {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif; /* Times New Roman; */
    font-size: 11pt;
}

#HomeButton {
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 50;
}

/*    @import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css"); */
.tooltip {
    display: none;
    position: absolute;
    border: 2px solid #999999;
    background-color: #464646;
    border-radius: 10px;
    padding: 4px;
    color: #fff;
    font-size: 11px Calibri;
    z-index: 999;
    opacity: 0.9;
}

/*Zoom in and zoom out*/
.esriSimpleSliderTL {
    top: 30px;
    left: 87%;
    width: 40px;
}

.esriSimpleSlider {
    position: absolute;
    text-align: center;
    background-color: transparent;
    border: none;
    width: 50px;
    height: auto;
}

.esriSimpleSlider div {
    /* width: 30px;
    height: 30px; */
    border: none;
    width: auto;
    height: 3%;
    max-width: 25px;
    max-height: 25px;
}

.esriSimpleSliderHorizontal .esriSimpleSliderIncrementButton {
    float: right;
    border: none;
    outline: none;
}

.esriSimpleSliderHorizontal .esriSimpleSliderDecrementButton {
    float: left;
    border: none;
    outline: none;
}

.esriSimpleSliderHorizontal.esriSimpleSliderBL {
    left: 5px;
}

.esriSimpleSliderHorizontal.esriSimpleSliderBR {
    right: 5px;
}

.esriSimpleSliderTL .esriSimpleSliderIncrementButton {
    /*buton zoom out*/
    /* content: url("../icon/png/plus1.png"); */
    
}

.esriSimpleSliderTL  .esriSimpleSliderDecrementButton {
    /*buton zoom in*/
    /* content: url("../icon/png/minus.png"); */
    
}
/*END --- Zoom in and zoom out*/

/* Aici e pentru meniul cu butoanele rotunde */
.menu {
    position: fixed;
    top: 15%;
    left: 1%;
    height: 60%;
    list-style-type: none;
    padding: 0;
    background: none;
    z-index: 100;
    float: left;
}

.menuLanguage {
    position: fixed;
    top: 0%;
    right: 0.1%;
    height: 3%;
    list-style-type: none;
    padding: 0;
    background: none;
    z-index: 100;
    float: right;
}

#navToolbar {
    position: fixed;
    top: 1%;
    right: 20%;
    height: 3%;
    list-style-type: none;
    padding: 0;
    background: none;
    z-index: 100;
    float: right;
}

.menu li a {
    height: em;
    width: 5em;
    text-indent: -500em;
    line-height: 0em;
    text-align: center;
    /* color: #ff5c62; */
    outline: none;
    background: none;
    position: relative;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    z-index: 999;
}

.menu li a:hover {
    height: em;
    width: 5em;
    text-indent: -500em;
    line-height: 0em;
    text-align: center;
    color: #ff5c62;
    position: relative;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    z-index: 999;
}

.c-menu__items ul li a:hover {
    background: #ffa464;
}

/* aici incepe ptr butonul de meniu */
.o-wrapper {
    position: absolute;
    /* top: 300px;
        right:5px;
        height: 20%;
        padding: 30px;      
        width:15px; */
    /*  opacity: 0.8;  */
    /* z-index: 2; */
}

.o-wrapper .c-button {
    position: absolute;
    /* display: block;
    text-align: center; */
    top: 25%;
    right: 0%;
    /* height: 30%; */
    /* width: 2%; */
    /* opacity: 0.8; */
    z-index: 99;
    /* font-size: auto; */
    /* background-image: url("icon/png/Meniu.png");
    background-size: 100% 100%; */
    /* text-decoration: none;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; */
    border: none;
    outline: none;
    width: auto;
    height: auto;
    /* max-width: 10%;
    min-width: 3%; */
    max-height: 25%;
    min-height: 3%;
}

.o-wrapper  .c-button:hover {
    /* color: #464646; */
    background-image: url("icon/png/MeniuPorto.png");
    background-size: 100% 100%;
}
/* .o-wrapper .c-button i {
        vertical-align: middle;
        margin: 5px 3px 0 0;
        transform: rotate(90deg);
        transform-origin: left top 0;
        position: absolute;
        top: 10px;
        right: 10px;
        font-family: Arial, sans-serif;
        text-decoration: none;
        text-align: center;     
    } */

/*aici incepe pentru butonul de legenda  */
.o-wrapper .c-buttonLegend {
    position: absolute;
    display: block;
    top: 50%;
    right: 0%;
    /* height: 30%; */
    /* background-image: url("icon/png/Legenda.png");
    background-size: 100% 100% ; */
    /* width: 2.2%; */
    /* opacity: 0.8; */
    z-index: 99;
    /* font-size: auto;
    color: #fff; 
    text-decoration: none;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px; */
    border: none;
    outline: none;
    width: auto;
    height: auto;
    /* max-width: 10%;
    min-width: 3%; */
    max-height: 25%;
    min-height: 3%;
}

.o-wrapper  .c-buttonLegend:hover {
    /* color: #464646; */
    /* background-image: url("icon/png/LegendaPorto.png");
    background-size: 100% 100%; */
    
}

/* PENTRU BUTONUL DE LOG IN  si LOGOUT*/
.o-wrapper .c-buttonLog {
    position: absolute;
    top: 0%;
    right: 0%;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    max-width: 5%;
    min-width: 0.5%;
    max-height: 3%;
    min-height: 0.5%;
}

.o-wrapper .c-buttonProfil {
    position: absolute;
    top: 3%;
    right: 0%;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    max-width: 5%;
    min-width: 0.5%;
    max-height: 5%;
    min-height: 0.5%;
}

.c-buttonHelp {
    position: absolute;
    top: 9%;
    right: 0%;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    max-width: 5%;
    min-width: 0.5%;
    max-height: 5%;
    min-height: 0.5%;
}

#btnLogin_toggle {
    width: auto;
    height: auto;
    position: absolute;
    top: 3%;
    right: 0%;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    max-width: 6%;
    min-width: 0.5%;
    max-height: 16%;
    min-height: 0.5%;
}

#btnRO1 {
    position: fixed;
    top: 0%;
    right: 30px;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    background: transparent;
    height: 3%;
}

#btnGB1 {
    position: fixed;
    top: 0%;
    right: 5px;
    /*  opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    background: transparent;
    height: 3%;
}

#btnSelectieFirst {
    width: 35px;
    height: 35px;
}

#btnTipareste {
    width: 35px;
    height: 35px;
}

#zoomprev {
    position: fixed;
    top: 0%;
    right: 20%;
    /*  opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    background: transparent;
    height: 4%;
}

#zoomnext {
    position: fixed;
    top: 0%;
    left: 80%;
    /*  opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    background: transparent;
    height: 4%;
}

#btnHelpLogin {
    width: auto;;
    height: auto;
    position: absolute;
    top: 8%;
    right: 0%;
    /* opacity: 0.8; */
    z-index: 99;
    border: none;
    outline: none;
    width: auto;
    height: auto;
    max-width: 5%;
    min-width: 0.5%;
    max-height: 5%;
    min-height: 0.5%;
}

#btnLogout_toggle, #btnProfil {
    width: auto;
    height: auto;
    max-width: 5%;
    min-width: 0.5%;
    max-height: 5%;
    min-height: 0.5%;
}

.o-wrapper  .c-buttonLog:hover {
    /* background: #ffa464; */
    
}

/* aici incepe pentru meniul ascuns */
/* si pentru meniul ascuns de la legenda */
.c-menu {
    position: fixed;
    z-index: 200;
    background-color: #464646;
    /* opacity: 0.95; */
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.c-menu-Leg {
    border-bottom-left-radius: 0px;
    color: white;
}

.c-menuLog {
    position: absolute;
    z-index: 200;
    background-color: #464646;
    /* opacity: 0.8; */
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 0px;
}

.c-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**
 * Close button resets.
 */
.c-menu__close {
    color: #fff;
    background-color: #464646;
    font-size: 14px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: none;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* appearance: none; */
    cursor: pointer;
    text-align: LEFT;
    /* pozitionare butonului de inchidere a meniurilor ascunse (stanga/dreapta) */
}

/**
 * Close button resets.
 */
.c-menu__close:focus {
    outline: none;
}

/**
 * Body states.
 *
 * When a menu is active, we want to hide the overflows on the body to prevent
 * awkward document scrolling.
 */
body.has-active-menu {
    overflow: hidden;
}

/**
 * Mask component
 */
.c-mask, .c-maskUpload {
    position: fixed;
    /* z-index: 101; */
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #464646;
    opacity: 0;
    -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    -o-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-mask.is-active, .c-maskUpload.is-active {
    width: 100%;
    height: 100%;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.c-maskL {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #464646;
    opacity: 0;
    -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    -o-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-maskL.is-active {
    width: 0%;
    height: 100%;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.c-maskLog {
    position: fixed;
    z-index: 80;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #464646;
    opacity: 0;
    -webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    -o-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
    transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;
}

.c-maskLog.is-active {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.c-menu--slide-right, .c-menu--push-right {
    /* width: 100%;
    height: 100%; */
    overflow-y: auto;
}

@media all and (min-width: 320px) {
    .c-menu--push-right, .c-menu--slide-right {
        width: 250px;
    }
}

.c-menu--slide-right .c-menu__item, .c-menu--push-right .c-menu__item {
    display: block;
    text-align: center;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}

.c-menu--slide-right .c-menu__item:first-child, .c-menu--push-right .c-menu__item:first-child
    {
    border-top: solid 1px #fff;
}

.c-menu--slide-right .c-menu__item:last-child, .c-menu--push-right .c-menu__item:last-child
    {
    border-bottom: solid 1px #fff;
}

.c-menu--slide-right .c-menu__link, .c-menu--push-right .c-menu__link {
    display: block;
    padding: 12px 24px;
    color: #fff;
}

.c-menu--slide-right .c-menu__close, .c-menu--push-right .c-menu__close
    {
    display: block;
    padding: 12px 24px;
    width: 100%;
}

.c-menu--slide-right {
    top: 20%;
    height: 60%;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}

.c-menu--push-right {
    top: 50%;
    height: 50%;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
}

@media all and (min-width: 320px) {
    .c-menu--slide-right, .c-menu--push-right {
        -webkit-transform: translateX(300px);
            -ms-transform: translateX(300px);
                transform: translateX(300px);
    }
}

.c-menu--slide-right.is-active, .c-menu--push-right.is-active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.c-menu--slide-top {
    vertical-align: middle;
    width: 20%;
    height: 130px;
    text-align: center;
    top: 0%;
    overflow-y: auto;
    right: 0;
    -webkit-transform: translateY(-130px);
        -ms-transform: translateY(-130px);
            transform: translateY(-130px);
}

.c-menu--slide-top .c-menu__items {
    /* display: inline-block; */
    text-align: center;
}

.c-menu--slide-top .c-menu__item {
    /*  display: inline-block; */
    /* line-height: 60px; */
    
}

.c-menu--slide-top .c-menu__link {
    display: block;
    padding: 0 4px;
    color: #fff;
}

.c-menu--slide-top .c-menu__close {
    display: inline-block;
    margin-right: 12px;
    padding: 0 24px;
    /* height: 60px; */
    line-height: 60px;
}

.c-menu--slide-top.is-active {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

/* .o-wrapper.has-push-top {
  transform: translateY(60px);
} */

/* .o-wrapper.has-push-left {
  transform: translateX(100%);
}

@media all and (min-width: 320px) {
  .o-wrapper.has-push-left {
    transform: translateX(300px);
  }
}  */

/* .o-wrapper.has-push-right {
   transform: translateX(-100%);
}

@media all and (min-width: 320px) {
  .o-wrapper.has-push-right {  
    transform: translateX(-300px);
  }
} */

/* CSS ptr tooltip */
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #464646;
    border-radius: 4px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #464646;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
    border-color: transparent;
    background: transparent;
}
/* done CSS ptr tooltip */
.logoFida {
    display: block;
    position: absolute;
    z-index: 2;
    margin-left: 10px;
    bottom: 0.5px;
}

.logoApp, .logoMara {
    display: block;
    /* position: absolute; */
    z-index: 2;
    /* margin-left: 61px; */
    /* bottom: 2.5px; */
    
}

.logoUE {
    display: block;
    position: absolute;
    z-index: 1;
    margin-left: 66%;
    bottom: 3px;
    /* z-index: 2; */
    width: 56%;
}

.logoUEBl {
    display: block;
    position: absolute;
    z-index: 2;
    margin-left: 80px;
    top: 3px;
}

.scaleMap {
    display: block;
    position: absolute;
    z-index: 1;
    margin-left: 100px;
    bottom: 1%;
}

#divBasemapGallery {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 55%;
    /* top: 43%; */
    /* left: 5%; */
    overflow-y: auto;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    /* min-width: 200px; */
    overflow-y: scroll;
    display: none;
}

.esriMeasurement {
    border-bottom: thin solid rgb(51, 51, 51);
}

.esriMeasurementSeparator {
    color: white;
}

.dijitContentPane .result {
    color: white;
}

.esriMeasurementTableHeader {
    color: white;
}

.esriMeasurementTableCell {
    color: white;
}

.dijitReset .dijitInline .dijitButtonText {
    color: white;
}

::-webkit-scrollbar {
    width: 10px;
}

/* background scroll bar */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 15px;
    /*  border-top-left-radius: 0;
    border-bottom-left-radius: 0;*/
    background-color: #6f6f6f;
}

/* scroll bar propriu zis */
::-webkit-scrollbar-thumb {
    border-radius: 15px;
    /*  border-radius: 10px; */
    /* border-top-left-radius: 0;
    border-bottom-left-radius: 0; */
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.7);
    background: #464646;
}

.divShape {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 55%;
    background: #464646;
    overflow-y: auto;
    /* opacity: 0.8; */
    color: white;
    float: left;
    min-width: 150px;
    display: none;
    overflow-y: scroll;
}

.divFormulare {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 55%;
    background: #464646;
    overflow-y: auto;
    /* opacity: 0.8; */
    color: white;
    float: left;
    min-width: 150px;
    display: none;
    overflow-y: scroll;
}

.divStraturi {
    position: fixed;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 55%;
    /* top: 36.5%; */
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: scroll;
    min-width: 200px;
    display: none;
}

#divParcareUser {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 80%;
    height: 75%;
    left: 10%;
    top: 8%;
    background: #efefef;
    color: white;
    float: left;
    min-width: 200px;
    display: none;
}

.divStraturiRaportare {
    position: fixed;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 17%;
    height: 40%;
    top: 20%;
    left: 20%;
    background: #464646;
    /* opacity: 0.95; */
    color: white;
    float: left;
    overflow-y: auto;
    min-width: 200px;
    display: none;
}

.mySelect {
    color: black;
    border-radius: 7px;
    outline: none;
}

.claro .dijitSliderHover .dijitSliderProgressBarH, .claro .dijitSliderHover .dijitSliderLeftBumper
    {
    background-color: #abd6ff;
    /* border-color: #759dc0; */
}

.claro .dijitSliderHover .dijitSliderRemainingBarH, .claro .dijitSliderHover .dijitSliderRightBumper
    {
    background-color: #ffffff;
    border-color: #759dc0;
}

.claro .dijitSliderFocused .dijitSliderProgressBarH, .claro .dijitSliderFocused .dijitSliderLeftBumper
    {
    background-color: #abd6ff;
    /*  border-color: #759dc0; */
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    /* box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
 */
}

.claro .dijitSliderFocused .dijitSliderRemainingBarH, .claro .dijitSliderFocused .dijitSliderRightBumper
    {
    background-color: #ffffff;
    /* border-color: #759dc0; */
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
    /* box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); */
}

#divUnelte {
    /*  position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 55%;
    top: 51%;
    left: 5%;
    color: white;
    background: #464646;
    opacity: 0.8;
    float: left;
    min-width: 200px;
    min-height: 55%;
    overflow-y:scroll;
    display:none; */
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    /* height: 55%; */
    background: #464646;
    /* overflow-y: auto; */
    /* opacity: 0.8; */
    color: white;
    float: left;
    min-width: 150px;
    min-height: 55%;
    max-height: 57%;
    display: none;
    overflow-y: scroll;
}

.divSearch {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    /* width: 14%; */
    height: 55%;
    top: 23.5%;
    left: 5%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    min-width: 14%;
    display: block !important;
}

.arcgisSearch {
    width: inherit;
}

.divSelectie {
    position: absolute;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    /* height: auto; */
    /* top: 58.5%; */
    /* left: 5%; */
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    min-width: 150px;
    min-height: 55%;
    max-height: 57%;
    display: none;
    overflow-y: scroll;
}

.arcgisSearch .searchToggle { /* / sageata search / */
    display: block !important;
    border-radius: 4px 0 0 4px;
}

.arcgisSearch .hasButtonMode.searchExpanded.hasMultipleSources .searchExpandContainer,
    .arcgisSearch .hasButtonMode.hasMultipleSources .searchAnimate {
    /* search in acelasi rand */
    width: 283px;
    height: auto;
}

/* div-urile de la meniurile care apar la click pe butoanele rotunde din stanga */
ul li a {
    color: white;
}

#divLogin_toggle {
    position: absolute;
    top: 0%;
    background: #464646;
    border-radius: 15px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    z-index: 200;
    max-width: 350px;
    display: none;
}

#divLogout_toggle {
    position: absolute;
    top: 3%;
    background: #464646;
    border-radius: 15px;
    border-top-right-radius: 0px;
    z-index: 200;
    width: 10%;
    height: 11%;
    min-width: 120px;
    min-height: 92px;
    display: none;
}

#divHelp {
    position: absolute;
    top: 8%;
    background: #464646;
    border-radius: 15px;
    border-top-right-radius: 0px;
    z-index: 200;
    /* width: 10%;
    height: 11%; */
    padding-right: 10px;
    padding-left: 10px;
    min-width: 120px;
    min-height: 92px;
    display: none;
}

#suprafataTotalaInd {
    display: none;
}

#incarcaTabelImpozite_Cladiri {
    display: none;
}

.profil {
    color: white;
    text-decoration: none;
    line-height: 200%;
    font-size: 1em;
}

.profil:HOVER {
    color: #ffa464;
    text-decoration: underline;
    line-height: 200%;
}

/*POP UP -tot */
.ui-dialog {
    background-color: white;
    overflow-y: hidden;
    overflow-x: hidden;
    min-width: 290px;
}

/* titlul dialogului */
.ui-dialog-title {
    color: var(--menu-secondary-color) !important;
    /* background-color: #464646; */
    font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next",
        "Avenir", "Helvetica Neue", sans-serif !important;
}


/*tot headerul de la dialog, care include titlul si butonul de close  */
.ui-dialog-titlebar {
    /* background-color: #464646; */
    border: none !important;
}
/* pentru butonul de close */
.ui-dialog-titlebar-close {
    /* background-image: url("icon/png/x_mic.png"); */
    /* background-repeat: no-repeat; */
    border: none;
    outline: none;
    width: 10px;
    height: 10px;
}

#popupPUG, #popupAC {
    overflow: none;
}

.popupModulForm {
    overflow: none;
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 80%;
    max-width: 90%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 80%;
    max-height: 90%;
    position: relative;
    top: 5%;
    left: 5%;
}

#popupModulGestiune, #popupPUG, #popupPUGformular, #popupPUGtext,
    #popupAC {
    /* overflow-y: auto;  
    overflow-x: auto; */
    overflow: auto;
}

#divFooter, #divFooterDashGeneral {
    overflow: auto;
}

.contentModul, .dataTables_wrapper {
    position: relative;
    width: 100%;
    /* padding-top: 2cm; */
}

#urlDocAtasat .dataTables_wrapper {
    position: relative;
    width: 98%;
    color: black;
    height: calc(100% - 68px);
}

#tabsForPUG .dataTables_wrapper {
    color: black !important;
}

#urlDocAtasatTotal .dataTables_wrapper {
    position: relative;
    width: 100%;
    color: black;
}

.footerMenu {
    z-index: 0;
    display: none;
    background-color: #464646;
    /* min-width:30%;
    max-width: 70%;  */
    width: 86%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    /* opacity: 0.9; */
    /* min-height: 20%;
    max-height: 80%; */
    height: 35%;
    /* pentru pozitionare centrata */
    position: relative;
    top: 63%;
    left: 7%;
    /*  transform: translate(0%, 0%);  */
}

.footerMenuDashGeneral {
    z-index: 0;
    display: none;
    background-color: #464646;
    width: 69%;
    border-radius: 15px;
    border: 2px solid #999999;
    /* padding: 8px; */
    /* opacity: 1; */
    height: 35%;
    position: absolute;
    top: 63%;
    left: 31%;
}

.popupModulPUG {
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 80%;
    max-width: 90%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 80%;
    max-height: 90%;
    position: relative;
    top: 5%;
    left: 5%;
}

.popupModulAC {
    /* overflow:none; */
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 80%;
    max-width: 90%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 80%;
    max-height: 90%;
    position: relative;
    top: 5%;
    left: 5%;
}

.popupModulEmitereCertificat {
    overflow: none;
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 80%;
    max-width: 90%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    opacity: 0.95;
    min-height: 80%;
    max-height: 90%;
    position: relative;
    top: 5%;
    left: 5%;
}

.popupModulEmitereCertificat.certificatInformare {
    min-width: 40%;
    max-width: 40%;
    min-height: 90%;
    max-height: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.popupModulAddContracte {
    overflow: auto;
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 40%;
    max-width: 50%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 80%;
    max-height: 90%;
    top: 5%;
    left: 25%;
}

.popupModulPUGtext {
    z-index: 0;
    display: none;
    min-width: 30%;
    max-width: 40%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 70%;
    max-height: 80%;
    position: relative;
    top: 10%;
    left: 3%;
}

.popupModulPUGformular {
    z-index: 0;
    display: none;
    min-width: 30%;
    max-width: 40%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 70%;
    max-height: 80%;
    position: relative;
    top: 10%;
    left: 30%;
}

.popupModul {
    z-index: 0;
    display: none;
    background-color: #464646;
    min-width: 30%;
    max-width: 70%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #464646;
    /* opacity: 0.95; */
    min-height: 20%;
    max-height: 80%;
    /* pentru pozitionare centrata */
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-55%, -50%);
        -ms-transform: translate(-55%, -50%);
            transform: translate(-55%, -50%);
}

#popUpHandleDrop {
    color: white;
}

.closeMenu {
    position: relative;
    background: none;
    border: none;
    outline: none;
    display: block;
    padding: 12px 12px;
}

.closeMenuDiv {
    width: auto;
    border-bottom: solid;
    border-bottom-color: white;
}

/* doar de aici imi ia culorea la textul de la select de la tabel, restul modificarilor le-am facut in jquery.dataTables.css */

/*END ---------- POP UP -tot*/

/* icon-urile din measurement */
.esriMeasurement .areaIcon {
    background-image: url("icon/png/area.png");
    background-repeat: none;
    width: 26px;
    height: 26px;
}

.esriMeasurement .distanceIcon {
    background-image: url("icon/png/distance.png");
    background-repeat: none;
    width: 26px;
    height: 26px;
}

.esriMeasurement .locationIcon {
    background-image: url("icon/png/Measure_Point16.png");
    background-repeat: none;
    width: 26px;
    height: 26px;
}
/* END icon-urile din measurement */

/* NEW DESIGN */
#content_tabs {
    position: absolute;
    z-index: 10;
    overflow: auto;
    max-height: 90%;
    max-width: 20%;
    /*  min-width: 350px; */
    float: left;
    /*    height: auto !important;  */
    /* top: 26px !important;  */
    min-width: 241px;
    position: absolute;
    z-index: 10;
    overflow: auto;
    max-height: 90%;
    max-width: 20%;
    /*  min-width: 350px; */
    float: left;
    /* top: 26px !important;  */
    min-width: 241px;
}
/* NEW DESIGN END */
#content_adaugari, #content_investitii, #content_patrimoniu,
    #content_managementDateSpatiale, #content_formulare,
    #content_incident {
    overflow: auto;
    max-height: 40%;
    min-height: 20%;
    max-width: 20%;
    min-width: 200px;
    color: white;
    position: fixed;
    z-index: 99;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 30%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    display: none;
}

#content_ManagementChestionar {
    overflow: auto;
    max-height: 40%;
    min-height: 20%;
    max-width: 20%;
    min-width: 200px;
    color: white;
    position: fixed;
    z-index: 99;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 14%;
    height: 30%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    display: none;
}

#content_cereri, #content_cereri_nonsp {
    overflow: auto;
    max-height: 40%;
    min-height: 20%;
    max-width: 20%;
    min-width: 200px;
    color: white;
    position: fixed;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 13%;
    height: 30%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    display: none;
}

#content_cereri_autorizatii {
    overflow: auto;
    max-height: 40%;
    min-height: 20%;
    max-width: 20%;
    min-width: 200px;
    color: white;
    position: fixed;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 13%;
    height: 30%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    display: none;
}

#content_bookmarks {
    overflow: auto;
    max-height: 30%;
    min-height: 20%;
    max-width: 10%;
    min-width: 200px;
    color: white;
    position: fixed;
    z-index: 101;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    width: 13%;
    height: 15%;
    background: #464646;
    /* opacity: 0.8; */
    color: white;
    float: left;
    overflow-y: auto;
    display: none;
}

/* Pentru meniul de straturi */
#menuExpend>li>a {
    color: white;
}

/* CSS ptr meniul in care apare legenda */
.esriLegendMsg, .esriLegendLayerLabel, .esriLegendLayer>tbody>tr>td>table>tbody>tr>td
    {
    color: white;
}

.menuExpend li>a {
    color: white;
    /* font-size: 16px; */
    font-size: 14px;
}

.maximizeMenuTabel {
    z-index: 50;
    display: none;
    position: absolute;
    bottom: 1%;
    left: 50%;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer!;
    pointer-events: auto !important;
    transform: translateX(-50%);
}

.minimizeInfoTabs {
    z-index: 50;
    position: absolute;
    top: 1%;
    left: 1%;
    border: none;
    outline: none;
    background: none;
    max-width: 10%;
    min-width: 0.5%;
    max-height: 100%;
    min-height: 2%;
}

.toggleDivCereri {
    z-index: 50;
    position: absolute;
    top: 0%;
    left: 30%;
    border: none;
    outline: none;
    background: none;
    max-width: 10%;
    min-width: 0.5%;
    max-height: 100%;
    min-height: 2%;
    display: block;
    /* opacity: 0.8;     */
    /* width: auto;
    height: auto; */
    max-height: 25%;
    min-height: 3%;
}

#toggleDivChestionar {
    z-index: 50;
    position: absolute;
    top: 0%;
    left: 18%;
    border: none;
    outline: none;
    background: none;
    max-width: 10%;
    min-width: 0.5%;
    max-height: 100%;
    min-height: 2%;
    display: block;
    /* opacity: 0.8;     */
    /* width: auto;
    height: auto; */
    max-height: 25%;
    min-height: 3%;
}

.toggleDivBookmarks {
    z-index: 50;
    position: absolute;
    top: 0%;
    left: 55%;
    border: none;
    outline: none;
    background: none;
    max-width: 10%;
    min-width: 0.5%;
    max-height: 100%;
    min-height: 2%;
    display: block;
    /* opacity: 0.8; */
    /* width: auto;
    height: auto; */
    max-height: 25%;
    min-height: 3%;
}

.cssActive2 {
    color: white;
}

.cssActive1 {
    color: white;
}

.ui-tabs-nav .ui-helper-reset .ui-helper-clearfix .ui-widget-header .ui-corner-all
    {
    position: fixed;
}

.esriLegendService {
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
}

/* Modificare CSS pentru butoane!!!
Css-ul ptr butoane a fost generat cu theme roller, insa de acolo nu am putut diferentia design-ul
pentru butoane si tab-uri. Asadar pentru taburi a ramas cum e acolo (jquery-ui.css) si pentru
butoane l-am suprascris de aici. */
.button {
    background: #555555;
    color: #ffffff;
    outline: none;
}

.button:ACTIVE {
    background: #ffa464;
    color: #140f06;
    outline: none;
}

.button:HOVER:enabled {
    /* background: #ffa464; */
    outline: none;
}

.dialogClose {
    color: var(--text-icons-color);
}

.divUploadHelp {
    z-index: 0;
    display: none;
    color: white;
    width: 50%;
    padding: 8px;
    /* opacity: 0.8; */
    height: 40%;
    position: relative;
    top: 25%;
    left: 25%;
}

.divUpload {
    z-index: 0;
    display: none;
    color: white;
    width: 60%;
    padding: 8px;
    /* opacity: 0.8;     */
    height: 50%;
    position: relative;
    top: 23%;
    left: 20%;
}

.foaie {
    font-size: 11pt;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif; /* "Times New Roman", Times, serif; */
    background: white;
    width: 585pt;
    height: 842pt;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    -webkit-box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
}

#idfoaie {
    width: 529pt;
    height: 786pt;
    border: 0px;
    padding: 28pt;
}

.interiorFoaie {
    width: 529pt;
    height: 786pt;
    font-size: 11pt;
    text-align: justify;
}

.cssPreviewAC {
    /*  font-size:14pt; */
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif; /* "Times New Roman", Times, serif; */
    background: #f8f6f4;
    width: 100%;
    text-align: justify;
}

input[type=checkbox] {
    /* All browsers except webkit*/
    width: 15px;
    height: 15px;
}

#textAreeaSemnaturi {
    margin: 0px;
    width: 1291px;
    height: 100px;
    border: 0 none white;
    overflow: hidden;
    padding: 0;
    outline: none;
    background-color: #f8f6f4;
    text-align: justify;
    font-size: 1vw;
    font-size: medium;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    background: white;
}

.formularSpV input, .formularSpV select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

.formularSpV input:focus {
    border: 1px solid #0C0;
}

.formularSpV select:focus {
    border: 1px solid #0C0;
}

.formularSpV label {
    color: white;
}

.cssSelectModificaDate {
    width: 145px
}
/* #contentAddContracte{
    width: auto;
    min-height: 0px;
    max-height: none;
    height: 536.2px;
    border-radius: 15px;
    color:white;
}  */
/* select.formularSpV ,
input.formularSpV[type="text"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;  
}
input.formularSpV[type="text"]:focus{
    border: 1px solid #0C0;
}
select.formularSpV:focus{
    border: 1px solid #0C0;
}
label.formularSpV{
    color:white;
} */
.swal-button--confirm {
    background-color: #ffa464;
    color: white;
}

.swal-modal {
    background-color: white;
    color: black;
}

.swal-title { /* titlu popup*/
    color: black;
}

.swal-text { /* text popup*/
    color: black;
}

.clasaButoaneSwal {
    margin-right: 140px;
}

.borderRequire {
    border-color: #FF0000;
    border-width: 1px;
    border-style: solid;
}

.forColor {
    text-decoration: none !important;
}

.custom-combobox-input {
    font-weight: normal !important;
}

.templatePicker .grid .item {
    font-size: 15px !important;
}
/*in formularul de editare de la Modifica date ==> input si select sa aiba acelasi width*/
#formularID_Editare input[type="text"], #formularID_Editare select,
    #formularID_Editare textarea {
    margin: 0;
    padding: 0;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*sa apara btn disable ==>
 de ex atunci cand nu exista probleme sa nu mai poata da click pe raportare probleme,
  dar sa existe btn acolo*/
.disabledBtn {
    opacity: 0.65;
    cursor: not-allowed;
}

.ui-widget{
    font-size: 14px;
    
}
#tabelProbl_wrapper {
    color: black !important;
}

#numarAlerte {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #ffa464;
    color: #464646;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
    font-weight: bold;
}

#numarAlerteUrb {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    background-color: #ffa464; /* #78b2e4; */
    color: #464646;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    width: auto;
    height: auto;
    font-weight: bold;
}

.green {
    color: green;
}

.selectAsociaza {
    height: 300px;
    min-width: 200px;
}

#popupEmitereCertificat .dataTables_wrapper {
    color: black;
}

#popupAddContracte, #popupAddContracte .editare {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif;
    font-size: 15px
}

#tabelTiparire tr td {
    border: none;
    color: white;
    padding: 10px;
}

#divFooter .ui-widget-content, #popupModulGestiune, #popupModulGestiune .ui-widget-content,
    #divFooterDashGeneral, #divFooterDashGeneral .ui-widget-content,
    #tabelListaCertificate, #tabelListaCertificate .ui-widget-content,
    #tabelListaIncepereEx, #tabelListaIncepereEx .ui-widget-content,
    #tabelDeseuri, #tabelDeseuri .ui-widget-content,
    #listaAnunturiInceperiExecutie, #listaAnunturiInceperiExecutie .ui-widget-content
    {
    /* border: 1px solid #d9d6c4; */
    background: #f8f6f4 !important;
    color: black;
    border: 0px;
    font-size: 0.9vw;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif;
}

#listaAnunturiIncheiereExecutie, #listaAnunturiIncheiereExecutie .ui-widget-content
    {
    /* border: 1px solid #d9d6c4; */
    background: #f8f6f4 !important;
    color: black;
    border: 0px;
    font-size: 0.9vw;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif;
}

#divFooter .ui-widget, #popupModulGestiune .ui-widget,
    #divFooterDashGeneral .ui-widget, #tabelListaCertificate .ui-widget,
    #tabelListaIncepereEx .ui-widget, #tabelDeseuri .ui-widget,
    #listaAnunturiInceperiExecutie .ui-widget {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif;
    font-size: 0.7vw;
}

#divFooter .dataTables_wrapper, #popupModulGestiune .dataTables_wrapper,
    #divFooterDashGeneral .dataTables_wrapper, #tabelListaCertificate .dataTables_wrapper,
    #tabelListaIncepereEx .dataTables_wrapper, #tabelDeseuri .dataTables_wrapper,
    #listaAnunturiInceperiExecutie .dataTables_wrapper {
    color: black;
}

#divFooter .paging_full_numbers a.paginate_button, #popupModulGestiune  .paging_full_numbers a.paginate_button,
    #divFooterDashGeneral  .paging_full_numbers a.paginate_button,
    #listaCertificareISC .paging_full_numbers a.paginate_button,
    #listaAutorizatiiISC .paging_full_numbers a.paginate_button,
    #listaAnunturiInceperiExecutie .paging_full_numbers a.paginate_button,
    #continutListaColectare .paging_full_numbers a.paginate_button {
    background-color: #f8f6f4 !important;
}

#divFooter, #divFooter .footerMenu, #divFooterDashGeneral,
    #divFooterDashGeneral .footerMenu {
    background-color: #f8f6f4 !important;
    border: 1px solid #d9d6c4 !important;
}

#divFooter .ui-widget-header, #popupModulGestiune .ui-widget-header,
    #divFooterDashGeneral .ui-widget-header, #tabelListaCertificate .ui-widget-header,
    #tabelListaIncepereEx .ui-widget-header, #tabelDeseuri .ui-widget-header,
    #listaAnunturiInceperiExecutie .ui-widget-header {
    border: 1px solid #d9d6c4;
    background: #f8f6f4 !important;
    color: #ffa464;
    font-weight: bold;
}

#popupModulGestiune label, #divFooterDashGeneral label {
    color: black !important;
}

#uploadForm {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif !important;
}
/*CSS Btn de la export datatable*/
.jqueryButtonDataTable {
    padding: 1px !important;
    border: 0px solid red !important;
    margin: 0px !important;
    cursor: pointer !important;
}
/*font pe nr/data registratura*/
.nrDataInregClass, .nrDataInregClass .dialogClose {
    font-size: 12pt !important;
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif !important;
}

#tabsForIntersectieSpVerzi {
    background: #f8f6f4;
}

/* Butoanele Excel,Column visibility, copy de la datatables */
.btnDT_mici, .btnDT_mici:active {
    padding: 1px !important;
    font-size: 10px !important;
    /*  border-top-left-radius: 0px !important; */
}

.btnDT_mici span.ui-button-text {
    /* border-top-left-radius: 0px; */
    
}

.btnDT_mici:hover {
    border-radius: 8px !important;
}

.btnDT_mici:active {
    border-radius: 8px !important;
}

#divTermeniConditii {
    z-index: 2;
    display: block;
    background-color: #efefef;
    border-radius: 5px;
    border: 1px solid #999999;
    padding: 22px;
    position: fixed;
    bottom: 0%;
    height: auto;
    width: 99%;
    left: 0%;
    opacity: 92%;
    overflow-x: auto;
}

.popupGestiuneXML {
    position: absolute;
    z-index: 0;
    display: none;
    min-width: 80%;
    max-width: 90%;
    border-radius: 15px;
    border: 2px solid #999999;
    padding: 8px;
    background: #f8f6f4;
    /* opacity: 0.95; */
    min-height: 80%;
    max-height: 90%;
    position: relative;
    top: 5%;
    left: 5%;
}

@media only screen and (max-width: 1170px) {
    .popupModulEmitereCertificat {
        min-width: 76%;
        max-width: 76%;
        left: 12%;
    }
    .dataTables_filter {
        font-size: 11px;
    }
    .dataTables_length {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) and (max-width: 1400px) {
    .popupModulEmitereCertificat {
        min-width: 58%;
        max-width: 58%;
        left: 20%
    }
}

@media only screen and (min-width: 100px) and (max-width: 1400px) {
    a.ui-tabs-anchor {
        font-size: 12px !important;
    }
    .dialogClose ui-dialog-content ui-widget-content {
        font-size: 14px;
    }
}

@media only screen and (max-width: 750px) {
    #informatiiGeneraleCertifInform {
        padding: 0;
    }
    .popupModulEmitereCertificat.certificatInformare {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        min-width: 89%;
        max-width: 89%;
    }
    div#continutEliberareCerere div#tipPersoanaSolicitantCC {
        padding-left: 0 !important;
    }
    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable
        {
        max-width: 340px;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        left: 50% !important;
        top: 50% !important;
    }
    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable div.dialogClose.ui-dialog-content.ui-widget-content
        {
        font-size: 15px !important;
    }
/*     .swal-size-cris {
        width: 95%;
        height: 95%;
         overflow-y: scroll;
                height: calc(100% - 20px) !important;
        width: calc(100% - 20px) !important;   
        overflow-y: scroll; 
        
    } */
    #toggleDivCereri.toggleDivCereri {
        left: 20%;
    }
    button#zoomprev {
        right: 30%;
    }
    button#zoomnext {
        left: 70%;
    }
    div#map_zoom_slider.esriSimpleSlider.esriSimpleSliderHorizontal.esriSimpleSliderTL
        {
        top: 1%;
        left: 86%;
    }
    div#popupPUG.popupModulPUG {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 90%;
        height: 90%;
    }
    div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle
        {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        max-width: 92%;
        max-height: 95%;
    }
    div#continutEliberareCerere.continutEliberareCerere {
        height: 80% !important;
    }
    div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle div#contentEmitereCertificat
        {
        max-height: 95% !important;
    }
    div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable[aria-describedby="popupManual"]
        {
        width: 99% !important;
        height: 99% !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    a.dt-button[aria-controls="tblDocNecesare"] span.ui-button-text {
        font-size: 12px;
    }
    div#tblDocNecesare_length.dataTables_length {
        float: right;
        margin: 2px 8px;
    }
    div#divFooter.footerMenu.ui-resizable.generala {
        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        bottom: 0;
        width: 100% !important;
        left: 50%;
    }
}

span.ui-button-text {
    font-size: 16px;
}

@media only screen and (max-width: 1150px) {
    #toggleDivCereri, #toggleDivBookmarks {
        max-width: 107px;
    }
    .toggleDivCereri {
        left: 15%;
    }
    #toggleDivBookmarks {
        left: 44%;
    }
}

@media only screen and (max-width: 450px) {
    #tabsSelectii {
        font-size: 13px;
    }
    #toggleDivCereri {
        max-width: 106px;
        left: 11%;
    }
    .toggleDivBookmarks {
        max-width: 106px;
        left: 44%;
    }
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom>p {
    font-size: 15px;
}

/*  li.ui-state-default.ui-corner-top.ui-tabs-active > a, .ui-dialog .ui-dialog-title {
    font-size: 14px; 
 } */
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all+label
    {
    font-size: 13px;
}

.dataTables_info, .paging_full_numbers {
    font-size: 13px;
}

.ui-button-text-only span.ui-button-text {
    padding: 5px 15px;
}

table#tblDocNecesare {
    border: 0;
}

div.ui-dialog-titlebar {
    font-size: 13px;
}

#popupAddContracte, #popupAddContracte .editare {
    font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial,
        sans-serif;
    font-size: 15px
}

.swal-modal {
    will-change: unset !important;
}

.ui-dialog-titlebar-close::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    /* content: "\f00d"; */
}

.ui-dialog-titlebar-close::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f00d";
    font-size: 15px;
    color: var(--text-icons-color);
}

.ui-dialog .ui-dialog-titlebar-close {
    background: white;
}

#btnDaSalvareCerere {
    font-size: 15px;
}

#btnNuSalvareCerere {
    font-size: 15px;
}

.ui-widget-content {
    background: white;
}

.ui-corner-all {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

div#popupConditii {
    font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next",
        "Avenir", "Helvetica Neue", sans-serif !important;
      
}

#popupConditii a {
    outline: none !important;
}

div#continutConditii {
    font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next",
        "Avenir", "Helvetica Neue", sans-serif !important;
    font-size: 13px !important;
}

.accepta-termenii-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    line-height: 13px;
}

.accepta-termenii-dialog label {
    color: var(--menu-secondary-color) !important;
    width: calc(100% - 25px);
}

.ui-widget-header {
    border: none !important;
}

.ui-dialog {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

acceptaTermeniButton {
    font-size: 12px;
    font-family: "Avenir Next W01", "Avenir Next W00", "Avenir Next",
        "Avenir", "Helvetica Neue", sans-serif !important;
}

#divFooter .ui-helper-clearfix:before, #divFooter .ui-helper-clearfix:after {
    position: absolute;
    content: "";
    display: table;
    border-collapse: collapse;
}
.arcgisSearch .searchClose, .arcgisSearch .searchSpinner {
    line-height: 29px;
    width: 24px;
    height: 29px;
}
.tableAnexa {
    /* padding: 0px 17px; */
}
.fieldsetStepForm > h5 > i{
    color: var(--menu-secondary-color)
}
.secondary-sub-title-form {
    color: var(--menu-secondary-color);
    font-size: 17px;
}

.paragraf{
    width: 100%;
}

.paragraf > table > tbody, .paragraf > table > tbody > tr> td, .paragraf > table > tfoot, .paragraf > table > th, .paragraf > table > thead, .paragraf > table > tbody > tr {
    border-width: 1px;
    border-color: black;
}