@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700|Ubuntu:300,400,500');
body {
    font-family:roboto, arial, sans-serif; 
    background:#f2f2f2;
}
h1, h2, h3, h4, h5, h6 {font-family:Ubuntu, arial, sans-serif}

/*header*/
.header {background:#fff;}
.login-container {position: absolute; z-index: 1; margin-right: 10px; top: 50px;}
.login-container .btn.btn-default, .tabella_contenuti .btn.btn-default {border-color:transparent; font-size:13px; color:#fff; border-radius:2px}
.login-container .btn.btn-default:hover {background-color:#334d5c}
.tabella_contenuti .btn.btn-default:hover {background-color:#334d5c}
.curs-valutar {
    margin: 10px 0px 0px 10px;
}
.meteo {
    position: absolute; 
    right: 10px; 
    top:30px;
}
.gsInformer1 {
    width: 240px;
    height: 105px;
}
.gisloader {
    width: 24px;
    height: 24px;
}
.forecast-2weeks {
    top: auto;
}
.gismeteo {
    left: 5px; 
    top: 1px;
}
.nav-display {
    display: contents;
}

.nav-bar {
    display: flex;
    position: relative; 
    justify-content: center;
    align-items: center;
    width: 100%;
}

.header-col {
    display: flex;
    justify-content: center;
    position: absolute; 
    flex-direction: column;
    left: 50%;
    transform: translateX(-50%);
}

.search-bar {
    width: 20%;
    padding-right: 20px;
    margin-left: auto; 
}

.fa-microphone:before  {
    font-size: 18px;
}

.mic-search {
    border: 0;
    background-color: #fff;
}

.search-button {
    padding-top: 4px;
    padding-bottom: 8px;
    font-size: 18px;
}

.mic-custom-modal {
    display: none;
    position: fixed;
    max-width: 500px;
    top: 275px;
    left: 50%;
    transform: translate(-50%, -10%);
    z-index: 16;
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    outline: 0;
    box-shadow: 0 5px 15px rgb(0 0 0 / .15)
}

.mic-custom-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px
}


.mic-custom-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

.error-custom-close:hover,
.error-custom-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.cookie-custom-close:hover,
.cookie-custom-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.mic-custom-close:hover,
.mic-custom-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.mic-custom-modal-footer {
    padding: 15px;
    text-align: right;
    height: 300px;
}

.error-custom-modal-footer {
    padding: 15px;
    text-align: right;
}

.cookie-custom-modal-footer {
    padding: 15px;
    text-align: right;
}

.fadeIn-animation {
    animation: fadeIn 0.5s forwards;
}

.fadeOut-animation {
    animation: fadeOut 0.5s forwards;
}

.info-pagina {
    display: flex;
    align-items: flex-start;
}

.menu-pagina {
    margin: 30px 16px;
}

.loading {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 2s linear infinite;
    margin-left: -6px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.micButton {
    font-size: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
    width: 33px;
}

.micButton:focus {
    outline: none;
}

.microphone-obj {
    height: 80px;
    width: 80px;
    background: linear-gradient(#df494a, #df494a);
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    z-index: 99999999;
}


.microphone-obj>i::before {
    font-size: 50px;
}

.loading-spinner {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 50px;
    color: #fff;
    z-index: 99;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

.loading-spinner-main {
    margin: 30px auto 4px auto;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 50px;
    color: #fff;
    z-index: 99;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.voice-visualizer {
    display: none;
    height: 100px;
    width: 100px;
    border: 1px solid #df494a;
    background-color: #fff;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 50px;
    color: #fff;
    z-index: 99;
    transition: height 0.3s, width 0.3s;
}

.font-main {
    font-family: roboto, arial, sans-serif;
}

.header-ricerca {
    color: #777;
    display: contents;
}

.input-group {
    position: relative;
}

.microphone-icon {
    position: absolute;
    right: 45px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto
}

.cursor-p {
    cursor: pointer;
}

.input-ricerca-text {
    border-right: 0;
}

.input-group-microphone {
    display: flex;
    width: 36px;
    align-items: center;
    justify-content: center;
    border-left: 0;
    border-top: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    background: #fff;
    border-radius: 0 4px 4px 0;
}

#mic_header {
    border-radius: 0 0 0 0;
}

@keyframes micModalfadeInDown {
    0% {
        opacity: 0;
        top: 0
    }

    to {
        opacity: 1;
        top: 275px
    }
}

.micModalfadeInDown {
    animation-name: micModalfadeInDown
}

.servizi-buttons {
    align-items: center;
    column-gap: 8px
}

.d-contents {
    display: contents;
}

.flex-start {
    justify-content: flex-start
}

.aWrap .svg-inline--fa {
  color: white !important;
}

.aWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 500px;
  padding: 10px 20px;
  margin: 4px 0;
  border-radius: 50px;
  background: #f1f1f1;
  gap: 1rem;
}

.aWrap,
.aWrap * {
  box-sizing: border-box;
}

.aPlay {
  padding: 0;
  margin: 0;
  background: 0;
  border: 0;
  cursor: pointer;
  width: 20px;
}

.aCron {
  font-size: 14px;
  color: #1a1a1a;
}

.aWrap input[type="range"] {
  appearance: none;
  border: none;
  outline: none;
  box-shadow: none;
  width: 150px;
  padding: 0;
  margin: 0;
  background: 0;
}

.range,
.range-volume {
  position: relative;
  display: flex;
  align-items: center;
}

.range input,
.range-volume input {
  position: relative;
  z-index: 1;
}

.range .change-range,
.range-volume .change-range {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 0px;
  background-color: rgb(200, 200, 200);
  border-radius: 10px 0 0 10px;
}

.range-volume .change-range {
  height: 6px;
  width: 95%;
}

.under-ranger {
  position: absolute;
  left: 0;
  top: 0;
  height: 6px;
  width: 100%;
  background-color: rgb(200, 200, 200);
  border-radius: 10px;
}

.range-volume .under-ranger {
  height: 6px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
  appearance: none;
}

.aWrap input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  height: 6px;
  border-radius: 10px;
}

.aWrap input[type="range"]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #1a1a1a;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

.aWrap input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 0;
  background: #1a1a1a;
  position: relative;
  cursor: pointer;
  margin-top: -5px;
}

.aVolIco {
  margin: 0 10px;
  cursor: pointer;
}

input.aVolume {
  width: 100px !important;
}

.aVolume::-webkit-slider-runnable-track {
  height: 6px !important;
}

.aVolume::-webkit-slider-thumb {
    margin-top: -6px !important;
}

.aVolume::-moz-range-thumb {
    margin-top: -6px !important;
}

.volume-container {
  display: flex;
  align-items: center;
}

.fa-play, .fa-volume-up {
    color: #1a1a1a;
}

.navbar-header {float:none; clear:both;  }
.navbar-brand {height:auto; float:none;text-align:center; }
.navbar-brand  img {margin:0 auto;}
.navbar-default {background-color:#df494a; border:0; border-radius:0}
.navbar-default .navbar-nav>li>a {color:#fff!important;}
.navbar-nav>li>a {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03em;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #334d5c;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover  {color:#334d5c!important;background:#e7e7e7!important;}
.navbar-default .navbar-toggle {
    border-color: transparent;
    background: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #334D5C;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler-icon:focus {outline: none !important; }

.dropdown-item:hover{color: white; background: #df494a;}

.navbar, .dropdown, .dropdown-menu {
    animation: none !important;     
    opacity: 1 !important;          
    visibility: visible !important; 
    z-index: 1051 !important;       
}

.dropdown-menu {
    position: absolute !important;
    display: none; 
    top: 100%;
    left: 0;
}

.dropdown:hover .dropdown-menu,
.dropdown.show .dropdown-menu {
    display: block !important;     
    opacity: 1 !important;         
    visibility: visible !important;
}

.dropdown-menu * {
    animation: none !important;
}

.rubrici-row {
    --bs-gutter-x: 0;
}

/*utilities*/
.main-color {color:#df494a}
a {color:#df494a}
a.main-color:link, a.main-color:visited {color:#df494a}
a.main-color:hover, a.main-color:active {color:#AC1617; text-decoration:none} 
hr.divider { 
    height: 5px;
    border: 0;
    box-shadow: 0 5px 5px -5px #8c8b8b inset;
}

/*background color*/
.main-color-bg {background-color:#df494a}
.main-color-bg-imp {background-color:#df494a!important;}
.alt-color-bg {background-color:#334d5c}
.blue-bg {background-color:#334d5c}
.green-bg {background-color:#45b29d}
.yellow-bg {background-color:#eabc28}
.orange-bg {background-color:#e2793f}
.white-bg {background-color:#fff}
.yellow_mihaela-bg {background-color:#eabc28}
.green_mihaela-bg {background-color:#45b29d}
.orange_mihaela-bg {background-color:#e2793f}
.blue_mihaela-bg {background-color:#334d5c}

/*color*/
.border-img { border: 3px solid #DF494A;}
.text-white {color:#fff} 
.alt-color {color:#334d5c}
.grey  {color:#999;}
.border-bottom-color:hover {
    border-bottom: 2px solid #df494a;
}
.border {
    border: 3px solid #DF494A;
}
.border-grey {
    border: 1px solid #ccc;
}
.border-main-color {
    border-color: #df494a!important;
}

/*margin*/
.m-0 {margin-top:0; margin-bottom:0;}
.mt-0 {margin-top:0;}
.mb-0 {margin-bottom:0;}
.mt-5 {margin-top:5px;}
.mt-10 {margin-top:10px;}
.mt-20 {margin-top:20px;}
.mar-20 {margin:20px;}
.mt-40 {margin-top:40px;}
.mb-40 {margin-bottom:40px;}
.mb-20 {margin-bottom:20px;}
.mv-20 {margin-top:20px; margin-bottom:20px;}
.mh-0{margin-left:0; margin-right:0;}
.mr-5 {margin-right: 5px;}
.mr-20 {margin-right: 20px;}
.ml-20 {margin-left: 20px;}
.mt-n3 {
    margin-top: -16px; 
}
.my-80 {
    margin-top: 80px; 
    margin-bottom: 80px;
}

/*padding*/
.pd-0 {padding:0;}
.pd-10 {padding:10px !important;}
/*.p-5 {padding: 2px !important;}*/
.pd-20 {padding:20px;}
.pb-20 {padding-bottom:20px;}
.pdv-20 {padding-top:20px; padding-bottom:20px}
.pdv-40 {padding-top:40px; padding-bottom:40px}
.pdh-20 {padding-left:20px; padding-right:20px}
.px-12 {
    padding-left: 12px; 
    padding-right: 12px;
}
.bs-gutter-x {
    --bs-gutter-x: 0px
}


/*text*/
.text-align-justify {
    text-align: justify;
}
.word-break-all {
    word-break: break-all;
}

.text-shadow-blog {
    text-shadow: 1px 1px 2px #000;
}



/*pagination*/
.pagination-border {
    border: 1px solid #e0e0e0!important; 
    color: #df494a!important;
}

.border-radius-end {
    border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;
}

.paggination-margin {
    margin-left: 1px;
    margin-right: 1px;
}

.paggination-margin-active {
    margin-left: 0px;
    margin-right: 1px;
}

.btn-pagine {
    border-right-width: 0px;
}

.pagination-color {
    color: #df494a!important;
}
.pagination-color-num {
    color: #fff!important;
}
.pagination {
    display: inline-block;
}
.pagination a, .pagination button {
    color: black;
    float: left;
    padding: 7px 14px;
    text-decoration: none;
    transition: background-color .3s;
}
.pagination button {
    float: left;
    padding: 6px 14px;
    background: #fff;
    margin: 0px;
    border: 1px solid #999;
}
.pagination button:hover {background-color: #ddd; }
.pagination a:hover:not(.active) {background-color: #ddd; color: #df494a!important;}
.pagination form {
    float: left;
}
.pagination a.active {
    background-color: #df494a;
    color: white;
}

/*imagine*/
img {image-rendering: -webkit-optimize-contrast;}

/*font*/
.hvr-grow {
    display:inline-block;
    vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:transform;
    transition-property:transform
}
.hvr-grow:hover {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    text-decoration: underline!important;
}
.font-descr {
    font-size: 20px; 
}
.font-h1 {
    font-size: 25px;
}
.font-h1-16 {
    font-size: 16px;
}
.font-p-40 {
    font-size: 40px;
}
.font-size-39 {
    font-size: 39px;
}
.w300 {font-weight:300;}
.w400 {font-weight:400}
.detail-item-container {font-size:16px; line-height:180%}
.edicola span.grey {font-size:16px;}
h1.grey {
    font-size: 25px;
}
h2,
.h2 {
  font-size: 25px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 21px;
}
h5,
.h5 {
  font-size: 19px;
}
h6,
.h6 {
  font-size: 16px;
}

/*homepage*/
.box {color:#fff; padding:20px 20px;margin:10px; border-radius:3px; }
.home .box {height:128px;}
.box h3 {font-weight:400; font-family:Ubuntu; letter-spacing:0.04em; position:relative; font-size:22px}
.box h3 strong {font-family:500;}

.home-cnt h2 {font-size:25px; font-family:Ubuntu;}
.home-cnt h2  strong{ font-weight:500; }

.home .box.blue-bg:before {  content: '\f0f6';font-family: FontAwesome; color: #63747e; position: absolute; font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}
.home .box.green-bg:before { content: '\f073'; font-family: FontAwesome; color: #3ca38e; position: absolute; font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}
.home .box.yellow-bg:before { content: '\f1ea';font-family: FontAwesome; color: #edc85d; position: absolute;font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}
.home .box.orange-bg:before { content: '\f19c';font-family: FontAwesome; color: #e79871; position: absolute; font-size: 112px; right: 12px; bottom: -20px; z-index: -1;}

.home .box.yellow_mihaela-bg:before { content: '\f24e';font-family: FontAwesome; color: #edc85d; position: absolute; font-size: 112px; right: 8px; bottom: -20px; z-index: 0;}
.home .box.green_mihaela-bg:before { content: '\f059'; font-family: FontAwesome; color: #3ca38e; position: absolute; font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}
.home .box.orange_mihaela-bg:before { content: '\f0f6';font-family: FontAwesome; color: #e79871; position: absolute; font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}
.home .box.blue_mihaela-bg:before { content: '\f115';font-family: FontAwesome; color: #63747e; position: absolute; font-size: 112px; right: 20px; bottom: -20px; z-index: 0;}

.home-cnt .rassegna ul li {
    font-size: 15px;
    border-bottom: 1px solid #eee;
}
.home-cnt .ricerche .date {position:absolute; right:0;}
.home-cnt .ricerche  img {padding:2px; background:#eee;}
.home-cnt .ricerche ul li {padding:6px 0; border-bottom:1px solid #eee;}
.home-cnt .ricerche  span.title  {margin-bottom:5px; }
span.title {display:block;}

/*date*/
.date
{
float: left;
height: auto;
width: 25px;
background: #eee;
margin-right: 10px;
padding-top: 0px;
line-height: normal;
margin-top: 4px;
}
.date .gg {display: block;
text-align: center;
padding-top: 2px;
color: #222;
font-size: 13px;
font-weight: bold;}
.date .mm{
display: block;
text-align: center;
color: #fff;
font-size: 9px;
padding-top: 1px;
text-transform: uppercase;
}

/*slider*/
.height-fit-content {
    height: fit-content;
}
.carousel-h1 {
    height: 300px;
}
.carousel-height {
    height: 577px;
}

.carousel-background {
    height: 400px; 
    background-size: auto 100%; 
    background-repeat: no-repeat; 
    background-position: center
}

.carousel-caption-widht {
    margin: auto;
    width: max-content;
}


.main-container {
  padding: 10px 15px;
}
.skyblue {
    background-color: #22c8ff;
}
.deepskyblue {
    background-color: #00bfff;
}
.darkerskyblue {
    background-color: #00a6dd;
}
.carousel-indicators {
    bottom: 0!important; 
    margin-bottom: 12px;
}
.carousel-control.right,
.carousel-control.left {
    background-image: none;
}
.carousel-control.right .fa, .carousel-control.left .fa{position:absolute; top:150px;}
.carousel-control .fa.red {position:absolute; bottom:0; top:auto; opacity:.7}
.carousel-control {
    width: 3%;
}
.carousel-control.left {
    text-align: left !important;
     padding-left: 10px;
}
.carousel-control.right {
    text-align: center !important;
    padding-right: 10px;
}
.carousel .item {
    min-height: 300px; 
    height: 100%;
    width:100%; 
}
.carousel .item.itemRivista {min-height:700px;}
.carousel-caption {bottom:40px;}
.carousel-caption.captionRivista{top:0; text-shadow:none; text-align:left; left:0; right:0; padding-top:0;}
.carousel-caption h3 {
    font-family:Ubuntu; font-weight:400;
}
.carousel .icon-container {
    display: inline-block;
    font-size: 25px;
    line-height: 25px;
    padding: 1em;
    text-align: center;
    border-radius: 50%;
}
.carousel-caption button {
    letter-spacing: 0.09em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 1.2em;
    font-family: Ubuntu;
    background:#95B8DE;
    border:1px solid #95B8DE;

}
.carousel-caption button:hover {
    letter-spacing: 0.09em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 1em;
    font-size: 1.2em;
    font-family: Ubuntu;
    background:#82a0c0;
    border:1px solid #82a0c0;
    color:#fff;
}
.carousel-control.controlsRivista {opacity:0.8; bottom:48px;}
.left.carousel-control.controlsRivista {left:0; padding-left:0;}
.right.carousel-control.controlsRivista {right:0; padding-right:0;}
#carouselRivista .carousel-indicators {bottom:35px;}

/* slider indicators */
.fa.red {color:#cc0000; text-shadow:none; }
#carouselRivista .carousel-indicators .active {
    background-color: #cc0000;
    height: 12px; 
    width: 12px;
    margin-top: -1px;
    margin-left: 2px;
    margin-right: 2px;
}
#carouselRivista 
.carousel-indicators li {
    border: 1px solid #cc0000;
    border-radius: 50%;
    height: 10px; 
    width: 10px;
}
.fa.red {color:#cc0000; text-shadow:none; }
#carouselExampleCaptions .carousel-indicators .active {
    height: 12px; 
    width: 12px;
    margin-top: -1px;
    margin-left: 2px;
    margin-right: 2px;
}
#carouselExampleCaptions
.carousel-indicators button {
    border-radius: 50%;
    height: 10px; 
    width:  10px;
}
.prev .fa, .next .fa {
    position: absolute; 
    bottom: 10px;
}

/*buttons*/
.btn-facebook {
    background: #3B5998!important;
}
.btn-primary {
    color: #fff;
    background:#df494a;
    border:0; 
    border-radius:0;
}
.btn-primary:hover{
    color: #fff;
    background:#82a0c0;
    border:0;
}

.btn-non-hover-bg:hover{
    background: none !important;
}

.btn-ghost {background:transparent; border:1px solid #fff}
.btn-ghost:hover {background:rgba(0,0,0,0.3);}
.dropdown .btn-default {
   color: #df494a;
    background-color: #fff;
    border-color: #ddd;
}
.dropdown .btn-default:hover {
    color: #df494a;
    background-color: #f9f9f9;
    border-color: #ddd;
}
.dropdown .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #df494a;
    background-color: #fff;
    border-color: #ddd;
}
.mai-multe {
    border-top:1px solid #eee;
}

/*footer*/
.signin_form {
    width: 100%;
}

/*form*/

.bnt_search {
    height: 38px;
    border-radius: 3px;
}

.width-inherit {
    width: inherit!important;
}
.privacy {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
}
.mod_big {
    width: 100%;
}
.input {
  display: flex;
  align-items: center;
}
.input-group {
    display: table;
    border-collapse: separate;
    width: 100%;
}
.button {
  height: 35px;
  border: none;
}
#email {
  width: 75%;
  background: #FDFCFB;
  font-family: inherit;
  color: #737373;
  text-indent: 5%;
  border-radius: 2px 0 0 2px;
}
#submit {
  background: #D92323 none repeat scroll 0 0;
    border-radius: 0 2px 2px 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight:400;
    height: 35px;
    /*padding: 10px;*/
    transition: background 0.3s ease-in-out 0s;
    width: 25%;
}
#submit:hover {
  background: #F22525;
}
input:focus {
  outline: none;
  outline: 2px solid #E86C8D;
  box-shadow: 0 0 2px #E86C8D;
}
label.terms { color: #fff;
    font-size: 0.9em;
    line-height: 150%;
    top: 5px; font-weight:400; display:inline; position:relative
    }
.checkboxContainer input[type="checkbox"]{margin-left:0; display:inline-block; margin-right:5px; top:8px; position:relative}
.checkboxContainer div {margin:10px 0;}

/*search*/
#adv-search .dropdown.dropdown-lg .dropdown-menu {
    padding: 20px;
}
#adv-search .dropdown-menu {
    border: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
#adv-search .input-group-btn .btn-group {
    display: flex !important;
}
#adv-search .btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
#adv-search .btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
#adv-search .btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#adv-search .form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
#adv-search .form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#adv-search .form-control {
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*blockquote*/
.flat-blockquote {
    color: #252525;
    background: #FFC8C9;
    text-align: justify!important;
    position: relative!important;
    padding: 40px 60px 30px 70px !important;
    margin: 0
}
.flat-blockquote.border-left { border-left: 12px solid #df494a; }
.flat-blockquote.border-right { border-right: 12px solid #df494a; border-left:0; }
.flat-blockquote:before {
    font-size: 220%;
    display:block;
    position: absolute;
    left:20px;
    color:#df494a;
    top:20px;
}
.flat-blockquote:after{
    font-size: 220%;
    display:block;
    position: absolute;
    right:20px;
    color:#df494a;
    bottom:10px;
}
.flat-blockquote:before {
    font-family: 'FontAwesome';
    content: "\f10d";
}
.flat-blockquote:after {
    font-family: 'FontAwesome';
    content: "\f10e";
}

/*page bilanci*/
.filter-panel .panel {background:#eee; padding:0 10px; margin-bottom:5px;}
.bilanci .search-container {border-radius:4px;}
.bilanci .nav-tabs {font-size:90%;}
.bilanci label {font-weight:500;}
.bilanci .panel {border-radius:0!important; border:0!important; box-shadow:0!important;}

.news-text {
    color: #212529;
}

/*image - news*/
.img_rivista {
    text-align: center;
   
}
.img_rivista img {
    margin: 0 auto;
}

/*Topics covered - news*/
.modulo {
    display: block;
    padding: 15px;
    border-radius: 5px;
    background: #DF494A;
    color: #fff;
}
.modulo button {
    color: #000;
    font-weight: bold;
}

/*note*/
.note.note-success {
    background-color: #c0edf1;
    border-color: #58d0da;
    color: #000;
}
.note.note-danger {
 background-color:#fef7f8;
 border-color:#f0868e;
 color:#210406
}
.note {
    margin: 20px;
    padding: 15px;
    border: 5px solid #eee;
    border-radius: 10px;
    font-size: 16px; 
    font-weight: bold;
}

/*title*/
.edit_title {
    height: 100px;
}
.edit_title h3{
    margin: 0px;
    font-size: 20px;
    color: #000;
}
.edit_block {
    text-align: center;
    padding: 10px;
}
.edit_block img {
    border: 1px solid #000 !important;
}

/*tables*/
.tab_contenuti {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    /*padding: 10px;*/
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
.tabella_contenuti td span {
    font-size: 16px;
}
.contenuto {
    line-height: 30px !important;
}
.box_grigio {
    
    padding: 15px;
    border: #999;
    background: #f2f2f2;
    border-radius: 10px;
}
.breadcrumb {
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 10px;
}
.tab_bg {background-color: blanchedalmond;}
.alternate li:nth-child(odd){
  background-color:#fff;
}
.alternate li:nth-child(even){
  background-color: #eee;
}
.alternate tr:nth-child(odd){
  background-color:#fff;
}
.alternate tr:nth-child(even){
  background-color: #eee;
}
ul.no-mp {margin:0; padding:0;}
ul.no-style li {list-style-type:none; }
ul.no-style li {padding:5px 0}

/*name of category - forum*/
.forum_title {
    margin: 7px 5px 0px !important;
    display: inline-block;
    font-size: 18px;
}

/*column grid*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    width: 20%;
    float: left;
}

/*box animated*/
.call_to_action {
    margin-top: 40px;
    margin-bottom: 20px;
}

/*link*/
a { text-decoration: none; transition: .5s!important;}
a.text-white:hover {color:#fff; text-decoration:none;}
a.text-hover-red:hover {color:#df494a!important; text-decoration:none; transition: 1s!important;}
a.text-hover-white:hover {    
    color: #df494a!important;
    text-decoration: none;
    border: 1px solid #df494a;
    background: white;
    transition: 1s;
}

a.text-index-red:hover {    
    color: #df494a!important;
    text-decoration: none;

    background: white;
    transition: .5s!important;
}

a.text-index-white:hover {    
    color: #fff!important;
    text-decoration: none;
    background-color: #df494a!important;
    transition: .5s!important;
}

 /*animation news*/
.iulix-box-shadow {
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    height: 98%; 
    border-radius: 3px;
    transition: 1s;
}
.iulix-box-shadow:hover {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 20px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}


/*display*/
.inline {display:inline;}
.nowrap {white-space:nowrap}


/*-----last----*/
img { 
    max-width: 100%; 
}

/*-----search-----*/
.searchBox {
    position: absolute;
    height: 30px;
    background: #fff;
    border-radius: 40px;
    padding-left: 10px;
    right: 15px;
}
.searchInput {
    border:none;
    background: none;
    outline:none;
    float:left;
    padding: 0;
    font-size: 16px;
    transition: 0.4s;
    line-height: 40px;
    width: 270px; 
    height: 30px
}
.searchButton {
    color: black;
    float: right;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    width: 30px;
    height: 30px;
}
.searchInput:focus {
    outline: none;
    box-shadow: none;
}
.searchButton:focus {
    outline: none;
    box-shadow: none;
}
.form-control:focus {
    outline: none;
    box-shadow: none;
}
.form-check-input:focus {
    outline: none;
    box-shadow: none;
}


/* animate input*/
.submit{
    transition: .5s;
    background-color: #df494a!important;
}
.submit:hover {
    transition: .5s;
    background-color: white!important;
    color: #df494a!important;
}

/* animame social */
.social {
    transition: .5s;
    background-color: #df494a!important;
}
.social:hover  {
    transition: .5s;
    background-color: white!important;
    color: #df494a!important;
    border-radius: 5px; 
}

/*calendar*/    
div.zabuto_calendar .table tr td.event div.day, div.zabuto_calendar ul.legend li.event {
    background-color: #DF494A !important;
    color: #fff !important;
}

.hr-agenda {
    border-top: 2px solid #df494a;
}

.background-white {
    background-color: #fff;
}

.callendar-table {
    width: 100%; min-width: 100%;
}
.callendar-month button {background-color: transparent; border: 1px solid gray; border-radius: 5px; }
.callendar-month button:hover {background-color: #334d5c; color: #fff; transition: 0.4s;}
.callendar-body tr {
    vertical-align: top;
}
.callendar-body tbody td {
    font-weight: bold;
    height: 60px;
    padding: 0px;
    padding-left: 3px;
}
.callendar-body tbody td:hover:empty{
    background-color: rgba(208, 65, 65, 0.5);
    box-shadow: none;
}
.callendar-body tbody td:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: 0.3s;
}
.callendar-body table tr td {
    border: 1px solid lightgray;
    width: 35px;
}
.callendar-body table tr:last-child td {
    border-bottom: 0;
}
.callendar-body table tr td:first-child {
    border-left: 0;
}
.callendar-body table tr td:last-child {
    border-right: 0;
}
.callendar-body .active{
    border: 2px solid #334d5c;
 }
.callendar-month-name {
    display: inline-block;
    text-transform: uppercase;
    width: 150px;
}
.callendar-subscribe-btn {
    background-color: transparent;
    border-radius: 15px; 
    padding: 0 20px; 
    border: 1px solid black; 
    font-size: 18px;
}
.callendar-subscribe-btn:hover{
    background-color: #334d5c;
    color: #fff;
    transition: 0.3s;
}
.article-content {
    background-color: #fce5dd;
    box-shadow: rgb(50 50 93 / .25) 0 6px 12px -2px, rgb(0 0 0 / .3) 0 3px 7px -3px;
    border: 1px solid #ccc;

}

.formazione-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.formazione-container>div {
    flex: 1 0 48%;
}

.article-descr {
    word-wrap: break-word;
}


.article-row {
    margin-top: 10px;
}
.formazione-tag {
    display: inline-block;
    background-color: #df494a;
    padding: 4px 12px; 
}

/* mobile ver.*/
.data-ora {
    background-color: black; 
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
.rivista {
    display: flex;
}
.class_display {
    display: inline-block;
}
.img_display {
    display: block;
}
.width_titlu {
    max-width: 47%; 
    min-width: 47%;
}
.width_titlu_cautare {
    max-width: 42%; 
    min-width: 42%;
}
.width_tipolog {
    max-width: 19%; 
    min-width: 19%;
}
.img_width {
    min-width: 300px; 
    min-height: 200px; 
    /*max-width: 300px;*/
    max-height: 200px;
    width: 300px;
}


.border-comment {
    width: 100%;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #aaaaaa
}

.ricerche-font {
    font-size: 15px;
}

.font-comment {
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

.btn-likes {
    background: transparent; 
    border: none;
}


.img-comment {
    width: 30px;
    clip-path: circle(50%);
}


.granturi_mobile {
    padding-top: 56px;
    padding-bottom: 80px;
}

.modulo-rivista {
    width: 98%; 
    margin: auto
}

.text-underline {
    text-decoration: underline;
}

.image_rivista p>img  {
    height: 100% !important;
}


.width-image-blog {
    width: 100%; 
}

.img-height-mobile {
    height: 21rem;
}

.height-100 {
    height: 100% !important;
}


.position-text-blog {
    /*top: 33%;*/ 
    top: 25%;
}

.display_text_blog {
    display: none;
}
  
.display_blog:hover .display_text_blog {
  display: block;
}		

.blog-object-fit {
    object-fit: cover; 
}

.position-relative {
    position: relative
}

.font-weight-in {
    font-weight: initial;
}

.box-legis {
    height: 128px; 
    color: #fff; 
    padding: 20px 20px; 
    margin: 10px; 
    border-radius: 3px; 
    background-color: #e2793f;
}

.icon-legis {
    width: 90px; 
    right: 15px; 
    filter: invert(100%) brightness(80%) sepia(100%) saturate(10) hue-rotate(300deg);
}

.btn-download {
    color: #fff; 
    font-size: 16px;
}

.min-width-100 {
    min-width: 100%;
}

.hr-revis {
    height: 5px!important;
    border-radius: 5px;
    opacity: 1;
}

.descr-revis {
    font-size: 18px; min-height: 85%;
}
.background-size-cover {
    background-size: cover;
}

.bg-white-90 {
    background: rgb(255 255 255 / 65%);
}

.width-legis-svg {
    width: 115px;
}

.text-cit-blog {
    color: white; 
    border: 1px solid white; 
    padding: 15px; 
    font-size: 20px;
}

.hr-editura {
    width: 98%; height: 3px!important; opacity: 1; color: #df494a; border-radius: 3px; margin: auto;
}

.blog-img-height {
    height: 300px;
}

.btn-blog-top-rigth {
    top: 91.5%; 
    right: 3.5%;
}

.min-height-130 {
    min-height: 130px;
}

/* index new */
.navbar-nav>li>a {
    text-transform: initial!important;
    letter-spacing: 0.03em;
    font-weight: normal; 
    font-size: 14px;
}

.br-25px {
    border-radius: 25px;
}


.br-left-top-bottom-10 {
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px;
}


.br-right-top-bottom-10 {
    border-top-right-radius: 10px; 
    border-bottom-right-radius: 10px
}


.background-main {
    background-color: #df494a
}


.object-fit-cover {
    object-fit: cover; 
}


.mai-mult-img {
    border-radius: 40px; 
    aspect-ratio: 3/4;
}

.mai-mult-abs {
    margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 55px;
}

.mai-mult-btn {
    margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; bottom: 15px;
}



.text-shadow-1 {
    text-shadow: 1px 1px 1px #000;
}

.text-shadow-0 {
    text-shadow: initial;
}

.hr-index {
    opacity: 1; height: 7px!important;
}

/*position absolute*/

.top-0px {
    top: 0px; 
}
.left-0px {
    left: 0px;
}
.bottom-25px {
    bottom: 25px; 
}
.right-25px {
    right: 25px	;
}			
.left-25px {
    left: 25px;
}			

/* logo index */
.height-logo {
    height: 53px;
}

.min-h-400 {
    min-height: 400px;
}
.min-h-500 {
    min-height: 500px;
}


/* --- ai chatbot --- */
.chat-custom-modal {
	position: fixed;
	z-index: 3000000000;
	bottom: 0;
	right: 0;
	border-radius: 10px;
	outline: 0;
	box-shadow: 0 5px 15px rgb(0 0 0 / .1);
	margin: 24px;
}

.chat-container {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	overflow: hidden;
    height: 100%;
    width: 100%;
}

.chat-header {
	display: flex;
    flex: 0 0 auto;
	gap: 20px;
	background-color: #334d5c;
	color: #fff;
	padding: 24px;
	justify-content: space-between;
	align-items: flex-start;
}

.chat-content {
	padding: 24px;
	flex-grow: 1;
}

.chat-footer {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    border-top: 1px solid #ddd;
    background-color: #f2f2f2;
}

.chat-input-group {
    display: flex;
    align-items: center;
    width: 100%;
}

.chat-prompt {
	flex-grow: 1;
	border: none;
	padding: 10px;
	padding-right: 0px;
	font-size: 16px;
	height: 42px;
	position: relative;
	background-color: white;
}

.chat-prompt:focus {
	outline: none;
	box-shadow: none;
}

.chat-microphone-icon {
    flex-shrink: 0; 
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ddd;
    padding: 0 10px;
}

.chat-prompt-button {
	background-color: #df494a;
	color: #fff;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
}

.chat-answer {
	float: left;
	padding: 14px 14px;
	padding-bottom: 10px;
	border-radius: 16px 16px 16px 0px;
	margin: 0px 0px 12px 50px;
	background-color: #d6e4eb;
	border: 1px solid #c2cdd2e6;
	position: relative;
	min-height: 30px;
	width: fit-content;
	min-width: 60px;
	min-height: 40px;
	max-width: 70%;
}

.chat-answer::before {
	background-image: url(/img/favicon.png);
	display: inline-block;
	position: absolute;
	width: 40px;
	height: 40px;
	background-size: cover;
	content: "";
	left: -50px;
	bottom: 0;
}

.chat-answer-error {
	background-color: #ffc107;
	font-weight: bold;
}

.chat-user {
	float: right;
	padding: 14px 14px;
	padding-bottom: 10px;
	border-radius: 16px 16px 0px 16px;
	margin-left: auto;
	margin-bottom: 12px;
	background-color: #fff5f5;
	border: 1px solid #e0d8d8;
	min-height: 30px;
	width: fit-content;
	max-width: 70%;
}

.chat-custom-close {
	color: #aaa;
	float: right;
	font-size: 24px;
}

.chat-custom-close:hover,
.chat-custom-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer
}

.chat-info {
	display: flex;
	align-items: center;
	gap: 20px;
}

.chat-info-name {
	font-size: large;
	position: relative;
}

.chat-custom-open {
	cursor: pointer;
}

.chat-custom-open:focus {
	background-color: #df494a;
	border-color: #ccc;
	color: white;
	outline: none;
}

.chat-custom-open:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.chat-loader {
	font-size: 30px;
	position: absolute;
	top: 0;
}

.chat-answer:hover .hover-buttons {
	opacity: 1;
	visibility: visible;
}

.audio-icon-start,
.audio-icon-stop {
	cursor: pointer;
	transition: transform 0.5s ease-in-out;
}

.chat-spinner {
	position: absolute;
	right: 15px;
	bottom: 6px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #334d5c;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
}

.chat-container-content {
	display: block;
	overflow: auto;
    flex: 1 1 auto;  
	overflow-y: auto;
    max-height: 70vh;
    min-height: 40vh;
	background-color: #fff;
}

.chat-source {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.chat-source-item {
	border-radius: 15px;
	padding: 5px 10px 4px;
	background-color: #df494a;
	width: max-content;
	cursor: pointer;
}

.chat-source-item a {
	color: white;
	text-decoration: none;
	display: block;
}

.chat-source-icon {
	color: white;
	margin-right: 8px;
	margin-left: 2px;
}

.chat-source-container {
	margin-top: 8px;
}

.chat-microphone-element {
	font-size: 19px;
	transition: font-size 0.5s ease-in-out;
	color: #df494a;
	cursor: pointer;
}

.chat-microphone-icon.d-flex.chat-element-disabled i {
	color: #e2a0a1 !important;
	pointer-events: none;
}

.chat-prompt-button.chat-element-disabled {
	background-color: #e2a0a1 !important;
	pointer-events: none;
}

.chat-microphone-icon {
	width: 36px;
	height: 42px;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 0;
}

.chat-microphone-recorder {
	align-items: center;
	height: 42px;
	width: 32px;
	background: #fff;
}

.chat-microphone-recorder .chat-stroke {
	display: block;
	position: relative;
	background: #df494a;
	height: 50%;
	width: 4px;
	border-radius: 4px;
	margin: 0 2px;
	animation: animateRecorder 1.2s linear infinite;
}

@keyframes animateRecorder {
	25% {
		height: 25%;
	}

	50% {
		height: 50%;
	}
}

.chat-stroke:nth-child(1) {
	animation-delay: 0s;
}

.chat-stroke:nth-child(2) {
	animation-delay: 0.5s;
}

.chat-stroke:nth-child(3) {
	animation-delay: 0.33s;
}

.audio-load {
	animation: audioSpin 2s linear infinite;
}

@keyframes audioSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.loader__dot {
	animation: 1s blink infinite
}

.loader__dot:nth-child(2) {
	animation-delay: 250ms
}

.loader__dot:nth-child(3) {
	animation-delay: 500ms
}

@keyframes blink {
	50% {
		color: transparent
	}
}

.chat-icon {
	color: rgb(100, 100, 100);
	cursor: pointer;
	font-size: 19px;
}

.chat-icon:hover {
	color: black;
}

.chat-icon-refresh {
	color: rgb(100, 100, 100);
	cursor: initial;
	font-size: 19px;
}

.chat-buttons {
	float: right;
}

.chat-buttons .fa-exclamation-circle {
	color: var(--bs-warning);
}

/* .chat-hr {
    border-top: 1px solid#334d5c;
} */

.chat-beta-label {
	position: absolute;
	top: -3px;
	right: -40px;
	height: 20px;
	width: 36px;
	background-color: #f86706;
	color: white;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	font-size: 12px;
	border-radius: 3px;
	margin-right: 0px;
	padding-right: 2px;
	padding-top: 2px;
}

.chat-float-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 49px;
    height: 75px;
    width: 75px;
    z-index: 9999;
}



/* ------ QUERYES ------------*/
/*viewing from other devices*/

@media (max-width: 1920px) and (min-width: 1400px) {
    .width_faq_search {
        width: 100%;
    }  
}
@media (max-width: 1399px) and (min-width: 1200px) {
    .width_faq_search {
        width: 120%;
    }
    .img-height-mobile {
        height: 17rem;
    }
    .position-text-blog {
        /*top: 25%;*/
        top: 5%;
    }
    .btn-blog-top-rigth {
        top: 92.25%; 
        right: 3.5%;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .width_faq_search {
        width: 140%;
    }
    .img-height-mobile {
        height: 14rem;
    }
    .min-height-tit {
        min-height: 140px;
    }
    .min-height-rez {
        min-height: 175px;
    } 
    .position-text-blog {
        top: 0%;
    }
    .text-cit-blog {
        padding: 10px; 
        font-size: 15px;
    }
    .width-titlu-blog {
        /*width: 245px;*/
        font-size: 19px;
    }
    .btn-blog-top-rigth {
        top: 91.25%; 
        right: 5%;
    }
    .blog-img-height {
        height: 200px;
    }     
}
@media (max-width: 991px) and (min-width: 768px) {
    .width_faq_search {
        width: 190%;
    }  
    .img-height-mobile {
        height: 14rem;
    }
    .min-height-tit {
        min-height: 165px;
    }
    .min-height-rez {
        min-height: 240px;
    }
    .position-text-blog {
        top: 0%;
    }
    .width-titlu-blog {
        font-size: 19px;
    }    
    .btn-blog-top-rigth {
        top: 92%; 
        right: 2%;
    }
    .blog-img-height {
        height: 350px;
    }   
}
/* Large devices (large desktops, 1200px and down) */
@media (max-width: 1280px) { 
    .searchBox {
        display: none;
    }
}

@media (min-width:993px) and (max-width:1199px) {
    .navbar-nav>li>a {
    font-size: 14px;
    text-transform:none;
    letter-spacing:0;
    }
    .width_faq_tit {width: 80%;}
    .width_faq_data {width: 18%;}   
}

/* Large devices (large tablets, 768px and up) */
@media screen and (min-width: 768px) {
    #adv-search {
        margin: 0 auto;
    }
    .dropdown.dropdown-lg {
        position: static !important;
    }
    .dropdown.dropdown-lg .dropdown-menu {
        min-width: 442px;
    }

}

@media (max-width: 1600px) {
    .searchInput{
        width: 100px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 991px) {
   .login-container {position: absolute; z-index: 1; left: 10px; top: 135px;right: auto;}
    .navbar-toggle {
        display: block;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .center-block {padding-left:0; padding-right:0}
    .searchBox{
        display: block;
        right: 100px;
        top: 9px;
    }
    .searchInput{
        width: 250px;
    }
    .width_titlu {
        max-width: 100%;
        min-width: 100%;
    }
    .align-visual {
        text-align: center;
    }
    .width_titlu_cautare {
        max-width: 100%;
        min-width: 100%;   
    }
    .th_leg_dat {display: none;}
    .width_tipolog {
        max-width: 100%;
        min-width: 100%;
        text-align: left; 
    }
    .download_leg {text-align: right;}
    .visual_leg {text-align: right; padding-bottom: 8px;}
    .down_leg {text-align: right; padding-right: 0px!important; padding-bottom: 8px;}
    .visual_act_center {text-align: right;}
    .width_tipolog {padding-left: 0px!important; }
    .data_act_center {padding-left: 0px!important; }
    .data_leg {padding-left: 0px!important;}
    #email {width: 65%;}
    #submit {width: 35%;}
    .font-legis { font-size: 21px!important; }
    .modulo-rivista {
        width: 97%!important; 
        margin: auto
    }
    .my-80 {
        margin-top: 0px; 
        margin-bottom: 0px;
    }
    .pe-mob-0 {
        padding-right: 0px!important;
    }
    .display-none-mob {
        display: none;
    }
    .div-width-blog {
        width: 50%;
    }
    .width-hr-revis {
        width: 30%;
    }

}

/* Small devices (tablets, 768px and down) */
@media (max-width: 767px) {
    .navbar-default {
        margin-top: 0px;
    }
    .azioni_login {
        background: #fff; 
    }
    .rivista {
        display: inline-block;
    }
    .class_display {
        display: block !important;
    }
    .img_display {
        display: flex;
        justify-content: center;
    }
    .font-legis { font-size: 20px!important; }
    .th_act_dat { display: none; }
    .data_act_center { text-align: center; min-width: 100%;}
    .visual_act_center { text-align: center; min-width: 100%;}
    .padding_mobile_0px {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .padding_mobile_2px {
        padding-left: 2px!important;
        padding-right: 2px!important;
    }
    .padding_mobile {
        padding-left: 4px!important;
        padding-right: 4px!important;
    }
    .padding_mobile_6px {
        padding-left: 6px!important;
        padding-right: 6px!important;
    }
    .padding_mobile_8px {
        padding-left: 8px!important;
        padding-right: 8px!important;
    }
    .padding_mobile_16px {
        padding-left: 16px!important;
        padding-right: 16px!important;
    }
    .margin_mobile_0px {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .mobile_center {justify-content: center!important;}
    .padding_top_edit {padding-top: 8px!important;}
    .box {margin: 0px!important;}
    .display_faq_data {display: none;}
    .btn_faq_search {text-align: center;}
    #email {width: 80%;}
    #submit {width: 20%;}
    .text_align_mob {
        text-align: center; 
        margin-bottom: 16px!important;
    }
    .padding_mobile_0px { padding: 0px!important; }
    .padding-top-mobile-0px { padding-top: 0px!important; }
    .padding-top-mobile-8px { padding-top: 8px!important; }
    .padding-top-mobile-16px { padding-top: 16px!important; }
    .padding-bottom-mobile-16px { padding-bottom: 16px!important; }
    /*.display_carte_mob {display: block!importat;}*/
    .forum_cat {width: 100%;}
    .forum_btn {width: 100%; text-align: end;}
    .iulix-box-shadow {height: 98%!important;}
    .pd-data-mobile {padding-bottom: 12px!important; padding-right: 0px!important;}
    .modulo-rivista {
        width: 96%; margin: auto
    }
    .calendar-margin-mobile {
        margin-bottom: 16px;
    }
    .width-webkit-fill-available {
        width: -webkit-fill-available;
    }
    .padding-top-16px-mobile {
        padding-top: 16px!important;
    }
    .div-width-blog {
        width: 100%;
    }
    .img-height-mobile {
        height: auto; 
    }
    .display-background {
        background-image: url()!important;
        background-color: #fff;
    }
    .border-revis {
        box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 10%);
        border-radius: 3px;
        margin-bottom: 16px;
    }
    .justify-content-center-768 {
        justify-content: center;
    }
    .btn-blog-top-rigth {
        top: 91.25%;
        right: 3%;
    }   

 }

 @media (max-width: 414px) {
    .searchInput{
        width: 150px;
    }
 }


/* Big devices (tablets, 768px and up) */ 
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .width_legis {
        width: 33%;
    }
    .width_titlu_cautare_nav { 
        width: 84%; 
    }
    .width_acte_tit {
        max-width: 60%;
        min-width: 60%;
    }
    .width_faq_cat {
        width: 39%; 
        margin-left: 8px!important; 
        margin-right: 8px!important;
    }
    .img-news {
        max-width: 75%;
    }
    .lg-revis {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        
    } 

}

/* Big devices (tablets, 992px and up) */ 
@media (min-width: 992px) {
    .col-md-5ths {
        width: 25%;
        float: left;
    }
    .flex_legis {
        display: inline-flex;
    }
    .home .box.orange-bg:before { right: 15px; }
    .hvr-grow {font-size: 17px;}
    .width_titlu_cautare_nav { width: 89%; }
    .width_acte_tit {
        max-width: 60%;
        min-width: 60%;
    }
    .width_download {width: 14.25%;}
    .visual_leg{ padding: 0px!important; }
    .width_faq_cat {width: 44%;}
}

@media (max-width: 1200px) {
    .d-lg-block {
        display: none!important;
    }
    .granturi_mobile {
        padding-top: 0px; 
        padding-bottom: 24px;
    }
    .modulo-rivista {
        width: 97.5%; 
        margin: auto
    }

}



/* Big devices (tablets, 1200px and up) */ 
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 25%;
        float: left;
    }
    .col-md-3 {
        width: 25%;
    }
    .bilanci_indicatori { width: 1090px; }
    .width_download {
        width: 19%;
        /*padding-right: 5px;*/
    }
    .width_titlu_cautare_nav { width: 91%; }
    .width_faq_tit {min-width: 85%;}
    .width_faq_data {width: 15%;}
    .width_faq_cat {width: 46%;}
    .width_pagina_posta {width: 29%;}
    .width_box {width: 20%;}
    /*.img-height-mobile {
        height: 17rem;
    }*/
    .min-height-tit {
        min-height: 100px;
    }
    .min-height-rez {
        min-height: 150px;
    }
}

/*print page*/
@media print {    
    h1 { font-size: 20px !important; }
    .no-print, .no-print *
    {
        display: none !important;
    }
    a:after{content:" (" attr(href) ") ";display: none; }
}

@media (max-width: 540px) and (min-width: 450px) {
 .pagination a { padding: 5px 9px; font-size: .850rem; justify-content: center;}
 .font-legis { font-size: 21px!important; }  
 .pagination button { padding: 6px 12px; font-size: .900rem;} 
 #email {width: 75%;}
 #submit {width: 25%;} 
}


@media (max-width: 450px) and (min-width: 400px) {
 .pagination button { padding: 4px 8px; font-size: .900rem;} 
 .pagination a { padding: 4px 8px; font-size: .900rem;} 
     #email {width: 70%;}
    #submit {width: 30%;}
    .font-legis { font-size: 19px!important; }
}


@media (max-width: 400px) and (min-width: 320px) {
 
 .pagination a { padding: 3px 7px; font-size: .850rem;}
 .ricerche ul li { font-size: 13px;}
 .font-legis { font-size: 17px!important; }
 .pagination button { padding: 3px 8px; font-size: .850rem;}
     #email {width: 65%;}
    #submit {width: 35%;} 

     
}


@media (max-width: 360px) and (min-width: 320px) {
 .pagination a { padding: 2px 5px; font-size: .825rem;}
 .pagination button { padding: 3px 7px; font-size: .850rem;}
 .modulo {padding: 8px;}
 .font-legis { font-size: 15px!important; }     
}

@media (max-width: 338px) and (min-width: 320px) {
    .padd_mobile_0px {padding: 0px!important;}
}


@media (max-width: 1600px) and (min-width: 768px) {
 .carousel-height {
    height: 1045px !important;
 }

     
} 

@media (max-width: 768px) and (min-width: 576px) {
    .col-md-5ths { width: 50%;}
    .width_cautare_nav_sm {width: 77.66%;}
    .width_cautare_nav_tit {width: 76%;}
    .width_th_nav_tit {width: 76%;}
    .width_th_nav_dat {width: 24%;}
    .data_act_center {text-align: left; padding-left: 12px!important;}
    .data_leg {text-align: left; padding-left: 0px!important;}
    .visual_act_center {text-align: right;}
    .down_leg {text-align: right;}
    .width_tipolog {text-align: left;}
    .img_width_mob {min-width: 450px!important; max-height: 300px!important;}
    .modulo-rivista {
        width: 95.5%!important; 
        margin: auto
    }
    .position-text-blog {
        top: 0%;
    }
}

@media (max-width: 338px) and (min-width: 320px) {
    .forum_btn {justify-content: center!important;}
}


@media (max-width: 576px) and (min-width: 320px) {
    .img_width_mob {
        min-width: 200px!important; 
        min-height: 140px!important; 
        max-height: 350px!important;
        /*max-width: 510px!important;*/
        width: 100%;
        }
    
    .modulo-rivista {
        width: 92%!important; 
        margin: auto
    }
    .size-caption-mobile{
        font-size: 23px;
    }
    .blog-img-height {
        height: 250px;
    }
}

@media (max-width: 575px) and (min-width: 320px) {
    .flex-direct-revis {
        flex-direction: column;
    }
}


@media (max-width: 576px) and (min-width: 375px) {
    .data_act_center {text-align: left; padding-left: 12px!important;}
    .data_leg {text-align: left; padding-left: 0px!important;}
    .visual_act_center {text-align: right;}
    .down_leg {text-align: right;}
    .width_tipolog {text-align: left;}
    .modulo-rivista {
        width: 94%!important; 
        margin: auto
    }
    .position-text-blog {
        top: 0%;
    }/*
    .btn-blog-top-rigth {
        top: 90.5%;
        right: 3.5%;
    }*/
}

@media (max-width: 576px) and (min-width: 400px) {
    .btn-blog-top-rigth {
        top: 91%;
        right: 3%;
    }
}

@media (max-width: 400px) and (min-width: 320px) {
    .carousel-height {
        height: 690px !important;
    }
    .position-text-blog {
        top: -5%;
    }
    .width-titlu-blog {
        font-size: 16px;
    }
    .text-cit-blog {
        padding: 10px; 
        font-size: 15px;
    }
    .btn-blog-top-rigth {
        top: 91.5%;
        right: 4.25%;
    }
}

@media (max-width: 374px) and (min-width: 320px) {
    .home .box.orange-bg:before { right: 20px; }
    .download_leg {text-align: center;}
    .visual_leg {text-align: center;}
    .down_leg {text-align: center;}
    .width_tipolog {text-align: center;}
    .data_act_center {text-align: center;}
    .data_leg {text-align: center;}
    .width_faq_data {text-align: center;}
    #submit {width: 40%;}

}



@media (max-width: 1600px) {
    .carousel-caption-widht {
        width: auto;
    }
}

@media (min-width: 1400px) {
    .width_titlu_cautare_nav{
        width: 91.66%;
    }
    .width_faq_cat {
        width: 48%;
    }   
}

@media (max-width: 575px) {
   .width_th_nav_dat {display: none;}

}

@media (max-width: 767px) and (min-width: 320px) {
    .text-center-767 {
        text-align: center!important;
    }
    .legis-flex-revers {
        flex-direction: column-reverse!important;
    }
}
@media (max-width: 767px) {
    .logo {
        height: 48px!important;
    }
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
    }
}

@media (max-width: 576px) {
    .nav-bar {
        flex-direction: column;
        align-items: stretch;  
    }

    .header-col {
        position: static; 
        transform: none;  
        margin: 10px 0;   
        order: 2;         
    }

    .search-bar {
        width: 100%;         
        margin-left: 0;      
        order: 1;            
        margin-bottom: 10px; 
    }
}

@media (max-width: 768px) {
    .nav-bar {
        flex-direction: column;
        align-items: center;   
    }

    .search-bar {
        margin-left: 0;      
        order: 1;            
        margin-bottom: 15px; 
        text-align: center;  
    }

    .header-col {
        position: static;
        transform: none; 
        margin: 0;       
        order: 2;        
    }
}

@media (max-width: 1200px) {
    .nav-bar {
        flex-direction: column; 
        align-items: center;    
    }

    .search-bar {
        width: 60%;         
        margin-left: 0;     
        order: 1;           
        margin-bottom: 15px;
        text-align: center; 
    }

    .header-col {
        position: static;   
        transform: none;    
        margin: 0;          
        order: 2;           
    }
}

@media (max-width: 1000px) {
    .aWrap {
        width: 100%;                    
        padding: 4px 10px;              
        gap: 0.5rem;                    
        justify-content: space-between; 
        align-items: center;            
    } 

    .aPlay {
        font-size: 16px; 
        margin: 0 5px;   
    }

    .aCron {
        font-size: 12px; 
        margin: 0 5px;   
        min-width: 50px; 
    }

    .aWrap input[type="range"] {
        width: 100px; 
        margin: 0 5px;
    }

    .volume-container {
        display: flex;
        align-items: center;
        justify-content: flex-end; 
        margin: 0;                 
    }

    .aVolIco {
        font-size: 16px; 
        margin: 0 5px;   
    }

    input.aVolume {
        width: 80px !important; 
        margin: 0 5px;          
    }
}
  

@media (max-width: 768px) {
    .aWrap {
        width: 400px;      
        padding: 5px 10px; 
        gap: 0.5rem;       
    }

    .aWrap input[type="range"] {
        width: 120px;
    }

    .aCron {
        font-size: 12px;
        margin: 0 5px;  
    }

    .volume-container {
        flex-direction: row;
    }
}
  
@media (max-width: 480px) {
    .aWrap {
        width: 100%;    
        padding: 5px;   
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.3rem;
    }

    .aPlay {
        font-size: 16px; 
    }

    .aCron {
        font-size: 10px; 
        margin: 0 3px;   
    }

    .aWrap input[type="range"] {
        width: 90px; 
    }

    .volume-container {
        margin: 5px 0; 
    }

    input.aVolume {
        width: 60px !important; 
    }
}

@media (max-width: 360px) {
    .aWrap {
    width: 100%;                   
    padding: 4px 8px;              
    gap: 0.3rem;                   
    justify-content: space-around; 
    align-items: center;           
    }

    .aPlay {
    font-size: 14px;
    margin: 0 4px;  
    }

    .aCron {
    font-size: 10px;
    margin: 0 4px;  
    min-width: 40px;
    }

    .aWrap input[type="range"] {
    width: 70px;  
    margin: 0 4px;
    }

    .volume-container {
    display: flex;
    align-items: center;
    justify-content: flex-end; 
    margin: 0;                 
    }

    .aVolIco {
    font-size: 14px; 
    margin: 0 4px;   
    }

    input.aVolume {
    width: 60px !important;
    margin: 0 4px;         
    }
}

/* --- ai chatbot responsive --- */
@media (max-width: 576px) {
    .chat-container {
		height: 70vh;
	}

	.chat-container-content {
		max-height: 50vh;
		min-height: 35vh;
	}
    .chat-header {
        padding: 12px;
        gap: 8px;
        flex-wrap: wrap;
    }

    .chat-content {
        padding: 12px;
    }

    .chat-footer {
        flex-direction: column;
        align-items: stretch;
    }

    .chat-input-group {
        flex-direction: row;
        width: 100%;
    }

    .chat-prompt {
        height: 42px;
    }

    .chat-prompt-button {
        width: 100%;
        height: 36px;
    }

    .chat-answer,
    .chat-user {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .chat-answer::before {
        display: none;
    }

    .chat-custom-modal {
        bottom: 0;
        right: 0;
        width: 100%;
        border-radius: 0; 
        margin: 0;
    }
}

@media (max-width: 768px) {
    .chat-container {
		height: 80vh;
	}

	.chat-container-content {
		max-height: 60vh;  
		min-height: 40vh;  
	}

    .chat-header {
        padding: 16px;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .chat-content {
        padding: 16px;
    }

    .chat-prompt {
        height: 42px; 
    }

    .chat-prompt-button {
        height: 42px;
    }

    .chat-custom-modal {
        bottom: 20px;
        right: 20px;
        width: auto; 
    }
}

@media (max-width: 1200px) {
    .chat-container {
		height: 70vh; 
	}

	.chat-container-content {
		max-height: 50vh;
		min-height: 30vh;
	}

    .chat-header {
        padding: 16px;
        gap: 12px;
        flex-wrap: nowrap;
    }

    .chat-content {
        padding: 16px;
    }

    .chat-prompt {
        height: 42px; 
    }

    .chat-prompt-button {
        height: 42px;
    }

    .chat-answer,
    .chat-user {
        max-width: 85%;
    }

    .chat-custom-modal {
        bottom: 20px;
        right: 20px;
        width: auto; 
    }
}