@media( min-width : 1295px){
	div#navbarSupportedContent{
	   width: 500px;
	}
}

@media ( max-width : 1100px) {
    table.table-xs thead, table.table-xs tbody, table.table-xs tr, table.table-xs th, table.table-xs td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: right !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        min-height: 40px;
    }
    table.table-xs thead {
        display: none
    }
    table.table-xs td::before {
        content: attr(data-head);
        font-weight: 700;
        position: absolute;
        left: 10px;
    }
    table.table-xs td[data-head=Plătește] {
        color: #e6bc17
    }
    table.table-xs tbody tr td {
        padding-left: 40% !important;
        padding-right: 10px !important;
    }
    table.table thead tr th:last-child, table.table tr td:last-child {
        padding-right: 10x !important;
    }
    table.table-xs tbody tr {
        border-bottom: 2px var(--menu-secondary-color);
    }
    table.table-xs tbody tr:nth-child(2n) {
        background-color: #f2f2f2;
    }
	[data-head="Gestionare"] {
		padding-left: 5px !important;
	}
	[data-head="Gestionare"]::before {
		content: "" !important;
	}
	.div-iframe-doc {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
}

@media ( max-width : 764px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0px;
    }
    .navbar-expand-lg {
        display: -ms-grid;
        display: grid;
    }
    .menuSlide {
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }
    .navbar {
        /* justify-content: unset !important; */
        
    }
    .butoane-meniu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        min-height: 40px;
        height: unset !important;
    }
    .logo1 img {
        min-width: 37px !important;
        min-height: 37px !important;
    }
    .logo2 {
        position: absolute;
        top: 0px;
        right: 0;
    }
    .navbar-toggler {
        position: absolute;
        top: 0;
        padding: 10px 20px;
        font-size: 25px;
        border: none !important;
        width: 50px;
        height: 50px;
    }
    .navbar-toggler:focus {
        -webkit-box-shadow: unset !important;
                box-shadow: unset !important;
    }
    .navbar-toggler span {
        /*     width: 30px; */
        width: 25px;
    }
    #dropdownMenu2 {
        /* margin-bottom: 10px; */
        width: 87%;
        height: 25px;
        font-size: 12px;
        border-radius: 7px !important;
        /* align-content: center; */
        /* margin-left: 16px; */
    }
    #content_bookmarks {
        display: unset !important;
    }
    .mobile-btn {
        padding: 5px;
        background: var(--menu-primary-color);
        -webkit-box-shadow: #5f5f5f 0px 0px 4px;
        -ms-box-shadow: #5f5f5f 0px 0px 4px;
        -o-box-shadow: #5f5f5f 0px 0px 4px;
        box-shadow: #5f5f5f 0px 0px 4px;
        /*     border-radius: 10px; */
        /*     width: 35px;
    height: 35px; */
        border-radius: 5px;
        width: 27px;
        height: 27px;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer;
    }
    .mobile-buttons {
        display: -ms-grid;
        display: grid;
        grid-gap: 11px;
        /*     padding: 15px; */
        padding: 10px 5px;
    }
    .mobile-btn .fas {
        margin-left: 4px;
        /*     font-size: 22px; */
        font-size: 14px;
    }
    .mobile-btn span {
        display: none;
    }
    .logoMara, .logoApp {
        position: static !important;
        margin-left: unset !important;
        bottom: unset !important;
        width: 50px !important;
        height: 42px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .logo2 img {
        width: 37px;
        height: 37px;
    }
    .arcgisSearch .searchGroup .searchInput {
        height: 15px;
    }
    .arcgisSearch .searchToggle {
        height: 15px;
    }
    .searchBtn.searchSubmit {
        height: 15px;
    }
    #uat-dropdown.dropdown-menu {
        top: 35px !important;
    }
    .esri-icon-close:before {
        line-height: 27px;
    }
    .c-menu--push-right {
        height: calc(100% - 219px) !important;
    }
    nav.c-menu-Leg {
        top: 82px !important;
        height: calc(100% - 157px) !important;
    }
    span.searchIcon.esri-icon-down-arrow {
        line-height: 15px !important;
    }
    span.searchIcon.esri-icon-search {
        line-height: 15px !important;
    }
    #search_input {
        width: 69px;
    }
    .logo1, .logo2, .butoane-meniu {
        min-height: 0px !important;
        /* height: 50px !important; */
        /* max-height: 50px; */
    }
    .arcgisSearch .searchGroup .searchInput {
        padding: 6px 2px 6px 12px !important;
    }
    #content_bookmarks {
        top: 35px;
        left: 0;
        margin-left: 1px;
        border-radius: 6px !important;
        position: absolute !important;
        height: 0px;
        width: 171px!important;
        margin-left: 0px;
        border-radius: 8px!important;
        text-align: left;
    }
    #divSearch  {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        max-height: 38px;
    }
    #search-bulk {
        position: absolute;
        display: none; 
        background: unset;
        height: 69px;
        width: 180px;
        background: unset !important;
        }
	.arcgisSearch .searchClear {
		display: none;
		position: absolute;
		top: 1px;
		right: 0;
		z-index: 2;
		height: 25px;
		width: 23px;
		text-align: center;
		background-color: #fff;
		cursor: pointer;
		}
	.resize-mob{
	   display: -ms-grid !important;
	   display: grid !important;
	   gap: 15px !important;
	}   
	}

@media ( min-width : 992px) {
    .navbar-expand-lg {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .btn-uat {
        display: none !important;
    }
}

@media ( min-width : 764px) {
    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto !important;
            flex-basis: auto !important;
        height: 100%;
    }
     .navbar-expand-lg .navbar-toggler {
        display: none !important;
    }
    #dropdownMenu2 {
        display: block !important;
    }
}

@media ( min-width : 764px ) and (max-width: 1294px) {
	.pe-lg-5{
	   padding-right: 10px !important;
	}
	.ps-lg-5{
	   padding-left: 10px !important;
	}
	div#navbarSupportedContent{
	   width: 500px;
	}
    div#navbarSupportedContent div {
        /* width: 28px; */
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 65px;
    }
    div.lista-info {
        height: 130px !important;
    }
    #content_bookmarks {
        display: block !important;
        width: 200px !important;
        max-width: 107px !important;
    }
    .arcgisSearch .searchGroup .searchInput {
        padding: 6px 2px 6px 12px !important;
    }
    #bookmarks {
        max-width: 100px;
    }
    #dropdownMenu2 {
        display: block !important;
        width: 100px;
        overflow: hidden;
    }
    .btn-uat {
        display: none !important;
    }
    .arcgisSearch .searchGroup .searchInput {
        width: 87px;
    }
    .arcgisSearch .searchInputGroup {
        width: 100px;
    }
    .arcgisSearch .searchInputGroup {
        height: 30px !important;
    }
    .logo1, .logo2, .butoane-meniu {
        -webkit-box-align: center !important;
            -ms-flex-align: center !important;
                align-items: center !important;
        gap: 20px;
    }
  /*   div#navbarSupportedContent div span {
        display: none;
    } */
    .butoane-meniu i {
        padding-right: unset !important;
    }
    div#popupPUG.popupModulPUG, body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle {
        width: 100% !important;
        height: 100% !important;
        max-width: 99% !important;
        max-height: 98%;
    }
    body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle div#contentEmitereCertificat {
        max-height: 100% !important;
    }
	.resize-mob {
		display: -ms-grid !important;
		display: grid !important;
		gap: 15px !important;
	}
}

/* #menu_toggle {
    display: none;
} */


@media ( min-width : 100px) and (max-width: 300px) {
    .navbar-toggler {
        /* width: 38px !important; */
        /* padding: 15px 10px; */
    }
    #menu_top img {
        /* width: 35px !important; */
        /* min-width: 30px !important; */
    }
    #search_input {
        width: 61px !important;
    }
    .logoMara, .logoApp{
       /* width: 21px !important; */
    }
    .navbar{
       -webkit-box-pack: unset !important;
           -ms-flex-pack: unset !important;
               justify-content: unset !important;
    }
    div#content_tabs.afisWhite {
        width: 348px !important;
        height: 180px !important;
    }
    div.lista-info {
    height: 130px !important;
    
    }
    div#navbarSupportedContent div span {
        display: none;
    } 
}

.show-bulk{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}