*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} *:focus{outline:none;} /*************************** JQUERY UI **********************************/ .ui-widget-content.ui-autocomplete .ui-state-active{ background:#555; border:solid 1px transparent;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-color: var(--main-color) !important; background-color: var(--main-color) !important; color:white !important} .ui-state-highlight-gc-droppable{ background:#ddd; min-height: 200px; transition: all;} .ui-datepicker-calendar tr th{background-color:var(--main-color); color:white;} .ui-datepicker .ui-datepicker-title select{ background:transparent; border:nonte;} /************************************************************************/ body{ min-height: 100vh; } body.gcPopupWindowBodyNoScroll .gcAnimatedFixToPageTopOnScrollPlaceholdAll{display:none;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;} blockquotes{ padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee;} fieldset{border:solid 1px #EEE; padding:10px; margin-bottom:10px;} .gc-context-menu-container {display:none;} .clear{clear:both;} .nowrap, .noWrap{ white-space: nowrap; } .gcRelative, .relative{ position:relative;} .gcAbsolute{ position:absolute;} .forcedPadding.padding0, .padding0 {padding:0px} .forcedPadding.padding5, .padding5 {padding:5px} .forcedPadding.padding10, .padding10{padding:10px} .forcedPadding.padding20, .padding20{padding:20px} .forcedPadding.padding30, .padding30{padding:30px} .forcedPadding.padding40, .padding40{padding:40px} .forcedPadding.padding50, .padding50{padding:50px} .forcedPadding.padding60, .padding60{padding:60px} .forcedPadding.padding70, .padding70{padding:70px} .forcedPadding.padding80, .padding80{padding:80px} .forcedPadding.padding90, .padding90{padding:90px} .forcedPadding.padding100, .padding100{padding:100px} .forcedPadding.padding200, .padding200{padding:200px} .forcedPadding.padding300, .padding300{padding:300px} .forcedPadding.paddingLeft0, .paddingLeft0 {padding-left:0px} .forcedPadding.paddingLeft5, .paddingLeft5 {padding-left:5px} .forcedPadding.paddingLeft10, .paddingLeft10{padding-left:10px} .forcedPadding.paddingLeft20, .paddingLeft20{padding-left:20px} .forcedPadding.paddingLeft30, .paddingLeft30{padding-left:30px} .forcedPadding.paddingLeft40, .paddingLeft40{padding-left:40px} .forcedPadding.paddingLeft50, .paddingLeft50{padding-left:50px} .forcedPadding.paddingLeft60, .paddingLeft60{padding-left:60px} .forcedPadding.paddingLeft70, .paddingLeft70{padding-left:70px} .forcedPadding.paddingLeft80, .paddingLeft80{padding-left:80px} .forcedPadding.paddingLeft90, .paddingLeft90{padding-left:90px} .forcedPadding.paddingLeft100, .paddingLeft100{padding-left:100px} .forcedPadding.paddingLeft200, .paddingLeft200{padding-left:200px} .forcedPadding.paddingLeft300, .paddingLeft300{padding-left:300px} .forcedPadding.paddingRight0, .paddingRight0 {padding-right:0px} .forcedPadding.paddingRight5, .paddingRight5 {padding-right:5px} .forcedPadding.paddingRight10, .paddingRight10{padding-right:10px} .forcedPadding.paddingRight20, .paddingRight20{padding-right:20px} .forcedPadding.paddingRight30, .paddingRight30{padding-right:30px} .forcedPadding.paddingRight40, .paddingRight40{padding-right:40px} .forcedPadding.paddingRight50, .paddingRight50{padding-right:50px} .forcedPadding.paddingRight60, .paddingRight60{padding-right:60px} .forcedPadding.paddingRight70, .paddingRight70{padding-right:70px} .forcedPadding.paddingRight80, .paddingRight80{padding-right:80px} .forcedPadding.paddingRight90, .paddingRight90{padding-right:90px} .forcedPadding.paddingRight100, .paddingRight100{padding-right:100px} .forcedPadding.paddingRight200, .paddingRight200{padding-right:200px} .forcedPadding.paddingRight300, .paddingRight300{padding-right:300px} .forcedPadding.paddingTop0, .paddingTop0 {padding-top:0px} .forcedPadding.paddingTop5, .paddingTop5 {padding-top:5px} .forcedPadding.paddingTop10, .paddingTop10{padding-top:10px} .forcedPadding.paddingTop20, .paddingTop20{padding-top:20px} .forcedPadding.paddingTop30, .paddingTop30{padding-top:30px} .forcedPadding.paddingTop40, .paddingTop40{padding-top:40px} .forcedPadding.paddingTop50, .paddingTop50{padding-top:50px} .forcedPadding.paddingTop60, .paddingTop60{padding-top:60px} .forcedPadding.paddingTop70, .paddingTop70{padding-top:70px} .forcedPadding.paddingTop80, .paddingTop80{padding-top:80px} .forcedPadding.paddingTop90, .paddingTop90{padding-top:90px} .forcedPadding.paddingTop100, .paddingTop100{padding-top:100px} .forcedPadding.paddingTop200, .paddingTop200{padding-top:200px} .forcedPadding.paddingTop300, .paddingTop300{padding-top:300px} .forcedPadding.paddingBottom0, .paddingBottom0 {padding-bottom:0px} .forcedPadding.paddingBottom5, .paddingBottom5 {padding-bottom:5px} .forcedPadding.paddingBottom10, .paddingBottom10{padding-bottom:10px} .forcedPadding.paddingBottom20, .paddingBottom20{padding-bottom:20px} .forcedPadding.paddingBottom30, .paddingBottom30{padding-bottom:30px} .forcedPadding.paddingBottom40, .paddingBottom40{padding-bottom:40px} .forcedPadding.paddingBottom50, .paddingBottom50{padding-bottom:50px} .forcedPadding.paddingBottom60, .paddingBottom60{padding-bottom:60px} .forcedPadding.paddingBottom70, .paddingBottom70{padding-bottom:70px} .forcedPadding.paddingBottom80, .paddingBottom80{padding-bottom:80px} .forcedPadding.paddingBottom90, .paddingBottom90{padding-bottom:90px} .forcedPadding.paddingBottom100, .paddingBottom100{padding-bottom:100px} .forcedPadding.paddingBottom200, .paddingBottom200{padding-bottom:200px} .forcedPadding.paddingBottom300, .paddingBottom300{padding-bottom:300px} .margin0 {margin:0px} .margin5 {margin:5px} .margin10{margin:10px} .margin20{margin:20px} .margin30{margin:30px} .margin40{margin:40px} .margin50{margin:50px} .margin60{margin:60px} .margin70{margin:70px} .margin80{margin:80px} .margin90{margin:90px} .margin100{margin:100px} .margin200{margin:200px} .margin300{margin:300px} .marginLeft0 {margin-left:0px} .marginLeft5 {margin-left:5px} .marginLeft10{margin-left:10px} .marginLeft20{margin-left:20px} .marginLeft30{margin-left:30px} .marginLeft40{margin-left:40px} .marginLeft50{margin-left:50px} .marginLeft60{margin-left:60px} .marginLeft70{margin-left:70px} .marginLeft80{margin-left:80px} .marginLeft90{margin-left:90px} .marginLeft100{margin-left:100px} .marginLeft200{margin-left:200px} .marginLeft300{margin-left:300px} .marginRight0 {margin-right:0px} .marginRight5 {margin-right:5px} .marginRight10{margin-right:10px} .marginRight20{margin-right:20px} .marginRight30{margin-right:30px} .marginRight40{margin-right:40px} .marginRight50{margin-right:50px} .marginRight60{margin-right:60px} .marginRight70{margin-right:70px} .marginRight80{margin-right:80px} .marginRight90{margin-right:90px} .marginRight100{margin-right:100px} .marginRight200{margin-right:200px} .marginRight300{margin-right:300px} .marginTop0 {margin-top:0px} .marginTop5 {margin-top:5px} .marginTop10{margin-top:10px} .marginTop20{margin-top:20px} .marginTop30{margin-top:30px} .marginTop40{margin-top:40px} .marginTop50{margin-top:50px} .marginTop60{margin-top:60px} .marginTop70{margin-top:70px} .marginTop80{margin-top:80px} .marginTop90{margin-top:90px} .marginTop100{margin-top:100px} .marginTop200{margin-top:200px} .marginTop300{margin-top:300px} .marginBottom0 {margin-bottom:0px} .marginBottom5 {margin-bottom:5px} .marginBottom10{margin-bottom:10px} .marginBottom20{margin-bottom:20px} .marginBottom30{margin-bottom:30px} .marginBottom40{margin-bottom:40px} .marginBottom50{margin-bottom:50px} .marginBottom60{margin-bottom:60px} .marginBottom70{margin-bottom:70px} .marginBottom80{margin-bottom:80px} .marginBottom90{margin-bottom:90px} .marginBottom100{margin-bottom:100px} .marginBottom200{margin-bottom:200px} .marginBottom300{margin-bottom:300px} .spessore1{width:1px; height:1px} .spessore5{width:5px; height:5px} .spessore10{width:10px; height:10px} .spessore20{width:20px; height:20px} .spessore30{width:30px; height:30px} .spessore40{width:40px; height:40px} .spessore50{width:50px; height:50px} .float5, .form_riga.fieldFloatWidth5, .fieldFloatWidth5{width:5%; float:left} .float10, .form_riga.fieldFloatWidth10, .fieldFloatWidth10{width:10%; float:left} .float15, .form_riga.fieldFloatWidth15, .fieldFloatWidth15{width:15%; float:left} .float20, .form_riga.fieldFloatWidth20, .fieldFloatWidth20{width:20%; float:left} .float25, .form_riga.fieldFloatWidth25, .fieldFloatWidth25{width:25%; float:left} .float30, .form_riga.fieldFloatWidth30, .fieldFloatWidth30{width:30%; float:left} .float33, .form_riga.fieldFloatWidth33, .fieldFloatWidth33{width:33%; float:left} .float35, .form_riga.fieldFloatWidth35, .fieldFloatWidth35{width:35%; float:left} .float40, .form_riga.fieldFloatWidth40, .fieldFloatWidth40{width:40%; float:left} .float45, .form_riga.fieldFloatWidth45, .fieldFloatWidth45{width:45%; float:left} .float50, .form_riga.fieldFloatWidth50, .fieldFloatWidth50{width:50%; float:left} .float55, .form_riga.fieldFloatWidth55, .fieldFloatWidth55{width:55%; float:left} .float60, .form_riga.fieldFloatWidth60, .fieldFloatWidth60{width:60%; float:left} .float65, .form_riga.fieldFloatWidth65, .fieldFloatWidth65{width:65%; float:left} .float66, .form_riga.fieldFloatWidth66, .fieldFloatWidth66{width:66%; float:left} .float70, .form_riga.fieldFloatWidth70, .fieldFloatWidth70{width:70%; float:left} .float75, .form_riga.fieldFloatWidth75, .fieldFloatWidth75{width:75%; float:left} .float80, .form_riga.fieldFloatWidth80, .fieldFloatWidth80{width:80%; float:left} .float85, .form_riga.fieldFloatWidth85, .fieldFloatWidth85{width:85%; float:left} .float90, .form_riga.fieldFloatWidth90, .fieldFloatWidth90{width:90%; float:left} .float95, .form_riga.fieldFloatWidth95, .fieldFloatWidth95{width:95%; float:left} .float100, .form_riga.fieldFloatWidth100, .fieldFloatWidth100{width:100%; float:left} ..fields_tab_container a_riga.fieldHidden, .form_riga.field_hidden{ display:none;} .form_riga_sbagliata_text, .form_riga_sbagliata_global_text{ display: inline-block; padding: 5px 15px; background: #F00; color: #FFF; font-size: 0.7em; margin: 3px 0; border-radius: 3px;} .form_riga_sbagliata_global_text{ display:block;} .fieldInputWidth100Percent input.vis_TEXT, .fieldInputWidth100Percent input.vis_TEXTAREA, .fieldInputWidth100Percent select.vis_SELECT, input.vis_SELECT, .fieldInputWidth100Percent input.vis_DATEFIELD, .fieldInputWidth100Percent input.vis_FILE, .fieldInputWidth100Percent .vis_INPUT_STEPS_CONTAINER, .fieldInputWidth100Percent .field_LINKSOPTIONSET_values > a{ width:100%;} .fieldInputSmall input.vis_TEXT, .fieldInputSmall input.vis_TEXTAREA, .fieldInputSmall select.vis_SELECT, .fieldInputSmall input.vis_DATEFIELD {width:200px; min-width:200px;} .fieldInputVerySmall input.vis_TEXT, .fieldInputVerySmall input.vis_TEXTAREA, .fieldInputVerySmall select.vis_SELECT, .fieldInputVerySmall input.vis_DATEFIELD {width:50px; min-width:50px;} .fieldInputNoLabel .formLabel{display:none;} .vis_CAPTCHA{} .vis_CAPTCHA_SPAN{ vertical-align: middle; display: inline-block; background: #00c8c7; line-height: 0;display:flex; align-items: center;} .vis_CAPTCHA_container{ display: flex; gap:10px;} .vis_CAPTCHA_container .vis_CAPTCHA{width: 100%;} .vis_MONTHS_AND_YEAR_container{ display: flex; gap:10px;} .vis_MONTHS_AND_YEAR_container .vis_SELECT{ width: auto; min-width: auto;} .vis_MONTHS_AND_YEAR_next_prev{display:flex; } .vis_DATEFIELD_SEPARATOR { display:inline-block; width:10px; height:10px; line-height: 0;} .form_campo{clear:both;} .floatLeft{float:left} .floatRight{float:right} .positionRelative{position:relative;} .positionAbsolute, .positionAbsoluteTopLeftRight, .positionAbsoluteBottomLeftRight{position:absolute;} .positionFixed, .positionFixedTopLeftRight, .positionFixedBottomLeftRight{position:fixed;} .positionAbsoluteTopLeftRight, .positionFixedTopLeftRight{ top:0; left:0; right:0; z-index:10} .positionAbsoluteBottomLeftRight, .positionFixedBottomLeftRight{ bottom:0; left:0; right:0;; z-index:10} .overflowAuto{ overflow:auto;} .overflowHidden{ overflow:hidden;} .overflowScroll{ overflow:scroll;} .overflowInherit{ overflow:inherit;} .gcShow{ display:inherit} .gcHide{ display:none;} .gcRow, .gcRow:after{ } .gcRow:after{content: ''; display: block;clear:both;} .gcRowNoMargin, .gcRowNoMargin:after{ margin:-5px;} .gcRowNoMargin:after{content: ''; display: block;clear:both;} /* .verticalAlignTop {display: table-cell; vertical-align:top;} .verticalAlignMiddle {display: table-cell; vertical-align: middle}; .verticalAlignBottom {display: table-cell; vertical-align:bottom;}*/ .verticalAlignTop { display: flex; align-items: flex-start; justify-content: center;} .verticalAlignCenter { display: flex; align-items: center; justify-content: center;} .verticalAlignBottom { display: flex; align-items: flex-end; justify-content: center;} .verticalAlignCenterFlex { display: flex; align-items: center; justify-content: center;} .textWhite, .textWhite h1 , .textWhite h1 a, .textWhite h2 , .textWhite h2 a, .textWhite h3 , .textWhite h3 a, .textWhite h4 , .textWhite h4 a {color:#FFFFFF !important} .textBlack, .textBlack h1 , .textBlack h1 a, .textBlack h2 , .textBlack h2 a, .textBlack h3 , .textBlack h3 a, .textBlack h4 , .textBlack h4 a {color:#000000 !important} .textGrey, .textGrey h1 , .textGrey h1 a, .textGrey h2 , .textGrey h2 a, .textGrey h3 , .textGrey h3 a, .textGrey h4 , .textGrey h4 a {color:#777777 !important} .textSoftGrey, .textSoftGrey h1 , .textSoftGrey h1 a, .textSoftGrey h2 , .textSoftGrey h2 a, .textSoftGrey h3 , .textSoftGrey h3 a, .textSoftGrey h4 , .textSoftGrey h4 a {color:#EEEEEE !important} .textDarkGrey, .textDarkGrey h1 , .textDarkGrey h1 a, .textDarkGrey h2 , .textDarkGrey h2 a, .textDarkGrey h3 , .textDarkGrey h3 a, .textDarkGrey h4 , .textDarkGrey h4 a {color:#444444 !important} .textRed, .textRed h1 , .textRed h1 a, .textRed h2 , .textRed h2 a, .textRed h3 , .textRed h3 a, .textRed h4 , .textRed h4 a {color:#d80000 !important} .textGreen, .textGreen h1 , .textGreen h1 a, .textGreen h2 , .textGreen h2 a, .textGreen h3 , .textGreen h3 a, .textGreen h4 , .textGreen h4 a {color:#047404 !important} .textOrange, .textOrange h1 , .textOrange h1 a, .textOrange h2 , .textOrange h2 a, .textOrange h3 , .textOrange h3 a, .textOrange h4 , .textOrange h4 a {color:#f48e36 !important} .textAzure, .textAzure h1 , .textAzure h1 a, .textAzure h2 , .textAzure h2 a, .textAzure h3 , .textAzure h3 a, .textAzure h4 , .textAzure h4 a {color:#1e69b9 !important} .textBlu, .textBlu h1 , .textBlu h1 a, .textBlu h2 , .textBlu h2 a, .textBlu h3 , .textBlu h3 a, .textBlu h4 , .textBlu h4 a {color:#05068A !important} img.imgColorWhite, .imgColorWhite img, .colorWhite {-webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1);filter: brightness(0) invert(1); } img.imgColorGrey, .imgColorGrey img, .colorGrey {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: url(grayscale.svg); filter: gray;} img.imgColorBlack, .imgColorBlack img, .colorBlack {-webkit-filter: brightness(0); -moz-filter: brightness(0); -ms-filter: brightness(0); -o-filter: brightness(0);filter: brightness(0); } .textTransformNone, .textTransformNone h1, .textTransformNone h2, .textTransformNone h3, .textTransformNone h4 { text-transform:none;} .textTransformUppercase, .textTransformUppercase h1, .textTransformUppercase h2, .textTransformUppercase h3, .textTransformUppercase h4{text-transform:uppercase;} .textTransformLowercase, .textTransformLowercase h1, .textTransformLowercase h2, .textTransformLowercase h3, .textTransformLowercase h4{text-transform:lowercase;} .noCompMargin .contenitoreComponente{margin:0;} .contenitoreComponente h3{vertical-align:middle; padding: 0em; margin: 0em; display: inline-flex; align-items: center; gap: 10px; } .contenitoreComponente h3 .component_font_icon, .component_title_font_icon { color:var(--main-color); } .component_font_icon i, .component_title_font_icon i{padding: 0 10px; display:inline-block; vertical-align:middle; font-size: inherit; } .component_font_icon i{ font-size:4em; padding:0;} .component_title_font_icon { color: var(--main-color); display: inline-flex; align-items: center; background: var(--main-color); color: white; aspect-ratio: 1; border-radius: 50px;} .noBorder, .borderNone{border:none !important;} .noPadding{padding:0 !important;} .noMargin{margin:0 !important;} .noBackground{background:none !important;} .noFloat{float:none !important;} .autoWidth{width:auto !important;} .noBgImage{background-image:none;} .gcBadge.smallBadgeWhite, .gcBadge.badgeWhite, .badgeWhite, .boxWhite, .bgWhite{background-color:#FFF; color:black;} .gcBadge.smallBadgeBlack, .gcBadge.badgeBlack, .badgeBlack, .boxBlack, .bgBlack{background-color:#000; color:white} .gcBadge.smallBadgeGrey, .gcBadge.badgeGrey, .badgeGrey, .boxGrey, .bgGrey{background-color:#aaa;} .gcBadge.smallBadgeGreySoft, .gcBadge.badgeGreySoft, .badgeGreySoft, .boxGreySoft, .bgGreySoft{background-color:#eeeeee; color:black;} .gcBadge.smallBadgeGreyDark, .gcBadge.badgeGreyDark, .badgeGreyDark, .boxGreyDark, .bgGreyDark{background-color:#444; color:white} .gcBadge.smallBadgeRed, .gcBadge.badgeRed, .badgeRed, .boxRed, .bgRed{background-color:#d80000;} .gcBadge.smallBadgeGreen, .gcBadge.badgeGreen, .badgeGreen, .boxGreen, .bgGreen{background-color:#096F00; color:white;} .gcBadge.smallBadgeOrange, .gcBadge.badgeOrange, .badgeOrange, .boxOrange, .bgOrange{background-color:#f48e36;} .gcBadge.smallBadgeAzure, .gcBadge.badgeAzure, .badgeAzure, .boxAzure, .bgAzure{background-color:#1e69b9;} .gcBadge.smallBadgeBlu, .gcBadge.badgeBlu, .badgeBlu, .boxBlu, .bgBlu{background-color:#201d4a;} .gcBadge.smallBadgeMainColor, .gcBadge.badgeMainColor, .boxMainColor, .bgMainColor{background-color:var(--main-color);} .gcBadge.smallBadgePrimaryColor, .gcBadge.badgePrimaryColor, .boxPrimaryColor, .bgPrimaryColor{background-color:var(--main-color);} .gcBadge.smallBadgeSecondaryColor, .gcBadge.badgeSecondaryColor, .boxSecondaryColor, .bgSecondaryColor{background-color:var(--secondary-color);} .gcBadge.smallBadgeThirdColor, .gcBadge.badgeThirdColor, .boxThirdColor, .bgThirdColor{background-color:var(--third-color);} .gcBadge.smallBadgeForthColor, .gcBadge.badgeForthColor, .boxForthColor, .bgForthColor{background-color:var(--forth-color);} .boxRounded{border-radius: 10px !important; overflow: hidden;} .smallBadgeBlack, .badge, .smallBadgeGrey, .badgeGrey, .smallBadgeGreySoft, .badgeGreySoft, .smallBadgeGreyDark, .badgeGreyDark, .smallBadgeRed, .badgeRed, .smallBadgeGreen, .badgeGreen, .smallBadgeOrange, .badgeOrange, .smallBadgeAzure, .badgeAzure, .smallBadgeBlu, .badgeBlu, .gcBadge.smallBadgeMainColor, .gcBadge.badgeMainColor, .gcBadge.smallBadgePrimaryColor, .gcBadge.badgePrimaryColor, .gcBadge.smallBadgeSecondaryColor, .gcBadge.badgeSecondaryColor, .gcBadge.smallBadgeThirdColor, .gcBadge.badgeThirdColor, .gcBadge.smallBadgeForthColor, .gcBadge.badgeForthColor, .boxGrey, .boxWhite, .boxBlack, .boxGreySoft, .boxGreyDark, .boxRed, .boxGreen, .boxOrange, .boxAzure, .boxBlu, .boxMainColor, .boxPrimaryColor, .boxSecondaryColor, .boxThirdColor, .boxForthColor { padding:20px; border-radius:3px; color:#FFF} .boxBorderMainColor, .boxBorderPrimaryColor, .boxBorderSecondaryColor, .boxBorderThirdColor, .boxBorderForthColor, .boxBorderRed, .boxBorderGreyDark, .boxBorderGreySoft, .boxBorderGreyDark, .boxBorderAzure, .boxBorderBlue, .boxBorderGreen, .boxBorderOrange, .boxBorderBlack, .boxBorderWhite, .boxBorderGrey { padding:20px; border-radius:3px; } .borderGreySoft, .boxBorderGreySoft {border:solid 3px #aaa;} .borderGreyDark, .boxBorderGreyDark {border:solid 3px #444444;} .borderRed, .boxBorderRed {border:solid 3px #d80000;} .borderGreen, .boxBorderGreen {border:solid 3px #047404;} .borderOrange, .boxBorderOrange {border:solid 3px #f48e36;} .borderAzure, .boxBorderAzure {border:solid 3px #1e69b9;} .borderBlu, .boxBorderBlue {border:solid 3px #05068A;} .borderBlack, .boxBorderBlack {border:solid 3px black} .borderWhite, .boxBorderWhite {border:solid 3px white} .borderGrey, .boxBorderGrey {border:solid 3px #777} .boxBorderMainColor { border:solid 3px var(--main-color); } .boxBorderPrimaryColor { border:solid 3px var(--main-color); } .boxBorderSecondaryColor { border:solid 3px var(--secondary-color); } .boxBorderThirdColor { border:solid 3px var(--thrid-color); } .boxBorderForthColor { border:solid 3px var(--forth-color);} .boxBorderForthColor { border:solid 3px var(--forth-color);} .boxGrey .contenitoreComponente, .boxWhite .contenitoreComponente, .boxBlack .contenitoreComponente, .boxGreySoft .contenitoreComponente, .boxGreyDark .contenitoreComponente, .boxRed .contenitoreComponente, .boxGreen .contenitoreComponente, .boxOrange .contenitoreComponente, .boxAzure .contenitoreComponente, .boxBlu .contenitoreComponente, .boxMainColor .contenitoreComponente, .boxPrimaryColor .contenitoreComponente, .boxSecondaryColor .contenitoreComponente, .boxThirdColor .contenitoreComponente, .boxForthColor .contenitoreComponente, .boxBorderMainColor .contenitoreComponente, .boxBorderPrimaryColor .contenitoreComponente, .boxBorderSecondaryColor .contenitoreComponente, .boxBorderThirdColor .contenitoreComponente, .boxBorderForthColor {margin:0;} .boxGrey, .boxWhite, .boxGreySoft { color:inherit;} .boxBlack{ color:#FFF;} .smallBadgeGrey, .badgeGrey, .badgeWhite, .badgeBlack, .smallBadgeGreySoft, .badgeGreySoft, .smallBadgeGreyDark, .badgeGreyDark, .smallBadgeRed, .badgeRed, .smallBadgeGreen, .badgeGreen, .smallBadgeOrange, .badgeOrange, .smallBadgeAzure, .badgeAzure, .smallBadgeBlu, .badgeBlu {border-radius: 200px; padding:5px 15px; font-size:0.7em; min-width:2.5em; display: inline-flex; gap:10px; align-items:center;; text-align: center;} .smallBadgeGrey, .smallBadgeWhite, .smallBadgeBlack, .smallBadgeGreySoft, .smallBadgeGreyDark, .smallBadgeRed, .smallBadgeGreen, .smallBadgeOrange, .smallBadgeAzure, .smallBadgeBlu {padding:10px;} .borderWhite{border:solid 3px #FFF;} .borderBlack{border:solid 3px #000;} .borderGrey{border:solid 3px #777;} .gcOverflowHidden{ overflow:hidden} .gcPreloadPage{ background:#FFF; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000;} .gcHighlighter{ background:#DDD; padding: 0 5px; border-radius: 3px;} .textLeft, .alignLeft, .textAlignLeft{text-align:left} .textCenter, .alignCenter, .textAlignCenter{text-align:center} .textRight, .alignRight, .textAlignRight{text-align:right} .textJustify, .alignJustify, .textAlignJustify{text-align:justify} .textWeightBold{ font-weight:bold;} .textWeightNormal{ font-weight:normal} .textStyleNormal{ font-style:normal;} .textStyleItalic{ font-style:italic;} .textStyleOblique{ font-style:oblique;} .textShadowBlack{ text-shadow: 1px 1px 1px #000;} .textShadowBlackSoft{ text-shadow: 3px 3px 10px #000;} .textShadowWhite{ text-shadow: 1px 1px 1px #FFF;} .textShadowWhiteSoft{ text-shadow: 3px 3px 10px #FFF;} .textShadowWhiteReverse{ text-shadow: -1px -1px 1px #FFF;} .textShadowWhiteSoftRevere{ text-shadow: -3px -3px 10px #FFF;} .gcViewPortHeight{height:100vh} .gcHide{display:none} .gcDisplayBlock{ display: block;} .gcDisplayInlineBlock{ display: inline-block;} .gcWidth100percent, .width100percent, .width100{ width: 100% } .gcGreyBox{display: block; padding: 20px; background: #EEE;} .centerContent{ margin:0 auto;} blockquotes {padding:10px 20px; margin:0 0 20px; font-size:17.5px; border-left:5px solid #eee;} .noTextSelection{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .fullscreenVideo { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width:auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: 1s opacity; transition: 1s opacity; } .gcAnimatedByProgressiveScroll{} .gcAnimatedElement, .gcAnimatedByScroll, .gcAnimatedByOnload, .gcAnimatedByScrollSlow, .gcAnimatedByOnloadSlow{transition:all 1s;} .gcAnimatedSlow {transition-duration:5s;} .gcAnimatedMedium {transition-duration:2.5s;} .gc_area_box_success{color: #FFF; background-color: #6bab26; padding:20px;} .gc_area_box_info{color: #d9edf7; background-color: #31708f; padding:20px;} .gc_area_box_warning{color: #8a6d3b; background-color: #fcf8e3; padding:20px;} .gc_area_box_danger{color: #a94442;background-color: #f2dede; padding:20px;} .gc_area_box_fail{color: #a94442;background-color: #f2dede; padding:20px;} #gc_nofitication_area{} #gc_nofitication_area_fixed{padding:20px; display: none;} #gc_nofitication_area_fixed .gc_nofitication_area_box{ width:400px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);} .gc_nofitication_area_container a{} .gc_nofitication_area_box {padding:20px 30px 20px 55px; position:relative; margin:10px 0; border-radius:3px; font-size:1.2em} .gc_nofitication_area_box_success{color: #FFF; background-color: #6bab26;} .gc_nofitication_area_box_success span{color: #6bab26; background-color: #FFF; border-color:#d6e9c6;} .gc_nofitication_area_box_info{color: #31708f;background-color: #d9edf7; border-color:#bce8f1;} .gc_nofitication_area_box_info span{ background:#FFF; color: color: #31708f} .gc_nofitication_area_box_warning, .gc_nofitication_area_box_warning span{color: #8a6d3b; background-color: #fcf8e3; border-color:#faebcc;} .gc_nofitication_area_box_danger, .gc_nofitication_area_box_danger span{color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .gc_nofitication_area_box_icon{display:inline-block; position:absolute; top:15px; left:15px; padding:5px; border-radius:1000px; color:#FFF; min-width:30px; aspect-ratio:1; display: flex; align-items: center; justify-content: center; min-height:20px; text-align:center; background:#FFF3; color:inherit;} .gc_nofitication_area_box_close{display:block;position:absolute; background:transparent !important; color:#FFF !important; right:13px; top:6px; cursor:pointer; color:#777; text-decoration:none;} .gc-popover {position: absolute; top: 0; left: 0; z-index: 1060; display: n one; max-width: 276px; padding: 1px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); line-break: auto;} .gc-popover.right>.arrow {top:50%; left:-11px; margin-top:-11px; border-right-color:#999; border-right-color:rgba(0,0,0,.25); border-left-width:0;} .gc-popover.left>.arrow {top:50%; right:-11px; margin-top:-11px; border-right-width:0; border-left-color:#999; border-left-color:rgba(0,0,0,.25);} .gc-popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0;} .gc-popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); } .gc-popover>.arrow {border-width:11px;} .gc-popover>.arrow, .gc-popover>.arrow:after {position:absolute; display:block;width:0; height:0; border-color:transparent; border-style: solid;} .gc-popover-title {padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;} .gc-popover-content {padding: 9px 14px;} .gc-popover.right>.arrow:after {bottom:-10px; left:1px;content:" "; border-right-color:#fff; border-left-width:0;} .gc-popover.left>.arrow:after {right:1px; bottom:-10px; content:" "; border-right-width:0; border-left-color:#fff;} .gc-popover.top>.arrow:after {bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0;} .gc-popover.bottom>.arrow:after {top: 1px; margin-left:-10px; content: " "; border-top-width: 0; border-bottom-color: #fff;} .gc-popover>.arrow:after {content:""; border-width:10px;} .gc-tooltip-viewer {max-width:400px; font-size:0.8em; line-height:1.3em; transform-origin: 0% 0%; position:absolute; top:0; left:0; z-index:10; background:#000; color:#FFF; padding:15px; box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 0px; transition:transform,opacity 0.5s; border-radius:5px;transform:scale(0.8,0.8); opacity:0 } .gc-tooltip-viewer.show{ transform:scale(1,1); opacity:1; } .gc-toggle-expand-height{ overflow:hidden; position:relative; } .gc-toggle-expand-height-link-cont{ position:absolute; bottom:0; right:0; left:0; background:#FFF; padding:30px 0 10px 0; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);} .gc-row{margin-right:-15px; margin-left:-15px;} .gc-row:after, .gc-row:before{display:table; content: " ";} .gc-row:after { clear:both;} .gc-row-flex{ display: flex;} .gc-row-flex-gap, .gc-flex-gap, .gc-flex-gap-100, .gc-flex-gap-first-100, .gc-flex-gap-last-100, .gc-flex-gap-second-100, .gc-flex-gap-100-responsive{ display: flex; gap:10px;} .gc-flex-100, .gc-flex-gap-100{ display: flex; width: 100%;} .gc-flex-100 > *, .gc-flex-gap-100 > *, .gc-flex-gap-100-responsive > *{ width: 100%;} .gc-flex-gap-first-100:first-child { width: 100%;} .gc-flex-gap-last-100:last-child { width: 100%;} .gc-flex-gap-second-100:nth-child(2) { width: 100%;} .gc-flex-vertical-center{ align-items: center;} @media (max-width: 992px) { .gc-flex-gap-100-responsive, .gc-flex-responsive{ display:block; } .gc-flex-gap-100-responsive > *, .gc-flex-responsive > *{ width:100%; margin:10px 0;} } .gc-col-lg-1, .gc-col-lg-10, .gc-col-lg-11, .gc-col-lg-12, .gc-col-lg-2, .gc-col-lg-3, .gc-col-lg-4, .gc-col-lg-5, .gc-col-lg-6, .gc-col-lg-7, .gc-col-lg-8, .gc-col-lg-9, .gc-col-md-1, .gc-col-md-10, .gc-col-md-11, .gc-col-md-12, .gc-col-md-2, .gc-col-md-3, .gc-col-md-4, .gc-col-md-5, .gc-col-md-6, .gc-col-md-7, .gc-col-md-8, .gc-col-md-9, .gc-col-sm-1, .gc-col-sm-10, .gc-col-sm-11, .gc-col-sm-12, .gc-col-sm-2, .gc-col-sm-3, .gc-col-sm-4, .gc-col-sm-5, .gc-col-sm-6, .gc-col-sm-7, .gc-col-sm-8, .gc-col-sm-9, .gc-col-xs-1, .gc-col-xs-10, .gc-col-xs-11, .gc-col-xs-12, .gc-col-xs-2, .gc-col-xs-3, .gc-col-xs-4, .gc-col-xs-5, .gc-col-xs-6, .gc-col-xs-7, .gc-col-xs-8, .gc-col-xs-9 {position:relative; min-height:1px; padding-right:15px; padding-left: 15px;} .gc-badge, .gcBadge{display:inline-block; min-width:10px; padding:3px 7px; font-size:12px; font-weight:700; line-height:1; color:#fff; text-align:center; white-space: nowrap; display:flex; gap:10px; align-items:center; background-color:#777; border-radius: 10px;} table.mainTable{width:100%;} .mainTableContainer, .stadardTableContainer{overflow:auto;} @media (min-width: 0px) { .gc-col-xs-1, .gc-col-xs-10, .gc-col-xs-11, .gc-col-xs-12, .gc-col-xs-2, .gc-col-xs-3, .gc-col-xs-4, .gc-col-xs-5, .gc-col-xs-6, .gc-col-xs-7, .gc-col-xs-8, .gc-col-xs-9{float: left;} .gc-col-xs-1, .gc-col-xs-2, .gc-col-xs-3, .gc-col-xs-4, .gc-col-xs-5, .gc-col-xs-6, .gc-col-xs-7, .gc-col-xs-8, .gc-col-xs-9, .gc-col-xs-10, .gc-col-xs-11, .gc-col-xs-12 {width: auto;} } @media (min-width: 100px) { .gc-col-xs-1 {width: 100%;} .gc-col-xs-2 {width: 100%;} .gc-col-xs-3 {width: 100%;} .gc-col-xs-4 {width: 100%;} .gc-col-xs-5 {width: 100%;} .gc-col-xs-6 {width: 100%;} .gc-col-xs-7 {width: 100%;} .gc-col-xs-8 {width: 100%;} .gc-col-xs-9 {width: 100%;} .gc-col-xs-10 {width: 100%;} .gc-col-xs-11 {width: 100%;} .gc-col-xs-12 {width: 100%;} } @media (min-width: 320px) { .gc-col-xs-1 {width: 8.33333333%;} .gc-col-xs-2 {width: 16.66666667%;} .gc-col-xs-3 {width: 25%;} .gc-col-xs-4 {width: 33.3333333%;} .gc-col-xs-5 {width: 41.66666667%;} .gc-col-xs-6 {width: 50%;} .gc-col-xs-7 {width: 58.33333333%;} .gc-col-xs-8 {width: 66.66666667%;} .gc-col-xs-9 {width: 75%;} .gc-col-xs-10 {width: 83.33333333%;} .gc-col-xs-11 {width: 91.66666667%;} .gc-col-xs-12 {width: 100%;} } @media (min-width: 768px) { .gc-col-sm-1, .gc-col-sm-10, .gc-col-sm-11, .gc-col-sm-12, .gc-col-sm-2, .gc-col-sm-3, .gc-col-sm-4, .gc-col-sm-5, .gc-col-sm-6, .gc-col-sm-7, .gc-col-sm-8, .gc-col-sm-9{float: left;} .gc-col-sm-1 {width: 8.33333333%;} .gc-col-sm-2 {width: 16.66666667%;} .gc-col-sm-3 {width: 25%;} .gc-col-sm-4 {width: 33.3333333%;} .gc-col-sm-5 {width: 41.66666667%;} .gc-col-sm-6 {width: 50%;} .gc-col-sm-7 {width: 58.33333333%;} .gc-col-sm-8 {width: 66.66666667%;} .gc-col-sm-9 {width: 75%;} .gc-col-sm-10 {width: 83.33333333%;} .gc-col-sm-11 {width: 91.66666667%;} .gc-col-sm-12 {width: 100%;} } @media (min-width: 992px) { .gc-col-md-1, .gc-col-md-10, .gc-col-md-11, .gc-col-md-12, .gc-col-md-2, .gc-col-md-3, .gc-col-md-4, .gc-col-md-5, .gc-col-md-6, .gc-col-md-7, .gc-col-md-8, .gc-col-md-9{float: left;} .gc-col-md-1 {width: 8.33333333%;} .gc-col-md-2 {width: 16.66666667%;} .gc-col-md-3 {width: 25%;} .gc-col-md-4 {width: 33.3333333%;} .gc-col-md-5 {width: 41.66666667%;} .gc-col-md-6 {width: 50%;} .gc-col-md-7 {width: 58.33333333%;} .gc-col-md-8 {width: 66.66666667%;} .gc-col-md-9 {width: 75%;} .gc-col-md-10 {width: 83.33333333%;} .gc-col-md-11 {width: 91.66666667%;} .gc-col-md-12 {width: 100%;} } @media (min-width: 992px) { .gc-col-lg-1, .gc-col-lg-10, .gc-col-lg-11, .gc-col-lg-12, .gc-col-lg-2, .gc-col-lg-3, .gc-col-lg-4, .gc-col-lg-5, .gc-col-lg-6, .gc-col-lg-7, .gc-col-lg-8, .gc-col-lg-9{float: left;} .gc-col-lg-1 {width: 8.33333333%;} .gc-col-lg-2 {width: 16.66666667%;} .gc-col-lg-3 {width: 25%;} .gc-col-lg-4 {width: 33.3333333%;} .gc-col-lg-5 {width: 41.66666667%;} .gc-col-lg-6 {width: 50%;} .gc-col-lg-7 {width: 58.33333333%;} .gc-col-lg-8 {width: 66.66666667%;} .gc-col-lg-9 {width: 75%;} .gc-col-lg-10 {width: 83.33333333%;} .gc-col-lg-11 {width: 91.66666667%;} .gc-col-lg-12 {width: 100%;} } .mainContainer input.gc-search-select-input{background-image:url(../img/combo_arrow.png) !important; background-position:center right !important; background-repeat:no-repeat !important; padding-right: 27px; font-size:11px;font-size: 11px; height: 38px;} .mainContainer input.gc-search-select-input:hover{background-image:url(../img/combo_arrow.png) !important; background-position:center right !important; background-repeat:no-repeat !important} .mainContainer input.gc-search-select-input:focus{background-image:url(../img/combo_arrow.png) !important; background-position:center right !important; background-repeat:no-repeat !important} .gc-search-select-list{top:0; left:0; position:absolute; background:#DDD; min-height:20px; max-height:300px; border-radius:3px; box-shadow:0px 0px 10px #999; padding:0px; z-index:1; overflow:auto;} .gc-search-select-list .content{padding:10px;} .gc-search-select-list a,.gc-search-select-list a:hover{display:none;padding:7px; text-decoration:none; margin-bottom:1px; font-size:0.9em; white-space:nowrap; color:#000; } .gc-search-select-list a.visible-link{display:block;} .gc-search-select-list a.first-link {background:#555; color:#fff;;} .gc-search-select-list a span{display:none;} .dark_mode .gc-search-select-list{background:#555; box-shadow:0px 0px 10px #1b1b1b; } .dark_mode .gc-search-select-list a{color:#FFF;} .dark_mode .gc-search-select-list a.visible-link{} .dark_mode .gc-search-select-list a.first-link {background:#fff; color:#555;} @media screen { .gcAnimatedElement{transition-timing-function:ease-out; transition-duration:1s} .gcAnimatedDealy250ms{transition-delay:0.25s;} .gcAnimatedDealy500ms{transition-delay:0.5s;} .gcAnimatedDealy750ms{transition-delay:0.5s;} .gcAnimatedDealy1000ms{transition-delay:1s;} .gcAnimatedDealy1250ms{transition-delay:1.25s;} .gcAnimatedDealy1500ms{transition-delay:1.5s;} .gcAnimatedDealy1750ms{transition-delay:1.75s;} .gcAnimatedDealy2000ms{transition-delay:2s;} .gcAnimatedDealy2250ms{transition-delay:2.25s;} .gcAnimatedDealy2500ms{transition-delay:2.5s;} .gcAnimatedDealy2750ms{transition-delay:2.75s;} .gcAnimatedDealy3000ms{transition-delay:3s;} .gcAnimatedDealy3250ms{transition-delay:3.25s;} .gcAnimatedDealy3500ms{transition-delay:3.5s;} .gcAnimatedDealy3750ms{transition-delay:3.75s;} .gcAnimatedDealy4000ms{transition-delay:4s;} .gcAnimatedDealy4250ms{transition-delay:4.25s;} .gcAnimatedDealy4500ms{transition-delay:4.5s;} .gcAnimatedDealy4750ms{transition-delay:4.75s;} .gcAnimatedDealy5000ms{transition-delay:5s;} .gcAnimatedDuration50ms{transition-duration:0.25s;} .gcAnimatedDuration00ms{transition-duration:0.5s;} .gcAnimatedDuration50ms{transition-duration:0.5s;} .gcAnimatedDuration000ms{transition-duration:1s;} .gcAnimatedDuration250ms{transition-duration:1.25s;} .gcAnimatedDuration500ms{transition-duration:1.5s;} .gcAnimatedDuration750ms{transition-duration:1.75s;} .gcAnimatedDuration000ms{transition-duration:2s;} .gcAnimatedDuration250ms{transition-duration:2.25s;} .gcAnimatedDuration500ms{transition-duration:2.5s;} .gcAnimatedDuration750ms{transition-duration:2.75s;} .gcAnimatedDuration000ms{transition-duration:3s;} .gcAnimatedDuration250ms{transition-duration:3.25s;} .gcAnimatedDuration500ms{transition-duration:3.5s;} .gcAnimatedDuration750ms{transition-duration:3.75s;} .gcAnimatedDuration000ms{transition-duration:4s;} .gcAnimatedDuration250ms{transition-duration:4.25s;} .gcAnimatedDuration500ms{transition-duration:4.5s;} .gcAnimatedDuration750ms{transition-duration:4.75s;} .gcAnimatedDuration000ms{transition-duration:5s;} .gcAnimatedByScrollFade, .gcAnimatedByOnloadFade{opacity:0 !important;} .gcAnimatedByScrollBlur, .gcAnimatedByOnloadBlur{filter:blur(15px) !important;} .gcAnimatedByScrollGreyScale, .gcAnimatedByOnloadGreyScale{filter:grayscale(100%) !important;} .gcAnimatedByScrollBlack, .gcAnimatedByOnloadBlack{filter:brightness(0) !important;} .gcAnimatedByScrollWhite, .gcAnimatedByOnloadWhite{filter:brightness(500%) !important;} .gcAnimatedByScrollFadeAndSlideTopLeft, .gcAnimatedByOnloadFadeAndSlideTopLeft {opacity:0; transform:translate(-300px,-300px) !important;} .gcAnimatedByScrollFadeAndSlideTopRight, .gcAnimatedByOnloadFadeAndSlideTopRight {opacity:0; transform:translate(-300px, 300px) !important;} .gcAnimatedByScrollFadeAndSlideBottomLeft, .gcAnimatedByOnloadFadeAndSlideBottomLeft {opacity:0; transform:translate(-0px,-300px) !important;} .gcAnimatedByScrollFadeAndSlideBottomRight, .gcAnimatedByOnloadFadeAndSlideBottomRight {opacity:0; transform:translate(300px,300px) !important;} .gcAnimatedByScrollFadeAndSlideLeft, .gcAnimatedByOnloadFadeAndSlideLeft {opacity:0; transform:translateX(-300px) !important;} .gcAnimatedByScrollFadeAndSlideRight, .gcAnimatedByOnloadFadeAndSlideRight {opacity:0; transform:translateX(300px) !important;} .gcAnimatedByScrollFadeAndSlideTop, .gcAnimatedByOnloadFadeAndSlideTop {opacity:0; transform:translateY(-300px) !important;} .gcAnimatedByScrollFadeAndSlideBottom, .gcAnimatedByOnloadFadeAndSlideBottom {opacity:0; transform:translateY(300px) !important;} .gcAnimatedByScrollFadeAndRotateLeft, .gcAnimatedByOnloadFadeAndRotateLeft {opacity:0; transform:rotate(-20deg) !important;} .gcAnimatedByScrollFadeAndZoomIn, .gcAnimatedByOnloadFadeAndZoomIn {opacity:0; transform:scale(0.7,0.7) !important;} .gcAnimatedByScrollFadeAndZoomOut, .gcAnimatedByOnloadFadeAndZoomOut {opacity:0; transform:scale(1.3,1.3) !important;} .gcAnimatedByScrollclipFromLeft-Off{ clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); transition: all 1s;} .gcAnimatedByScrollclipFromLeft { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);} .gcAnimatedByScrollclipFromRight-Off {clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);transition: all 1s;} .gcAnimatedByScrollclipFromRight{ clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);} .gcAnimatedByScrollclipFromVerticalCenter-Off { clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);transition: all 1s;} .gcAnimatedByScrollclipFromVerticalCenter{ clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);} .gcAnimatedByScrollclipFromOrizzontalCenter-Off { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transition: all 1s;} .gcAnimatedByScrollclipFromOrizzontalCenter{ clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);} .gcAnimatedByScrollclipFromBottom-Off{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); transition: all 1s;} .gcAnimatedByScrollclipFromBottom { clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);} .gcAnimatedByScrollclipFromTop-Off { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);;transition: all 1s;} .gcAnimatedByScrollclipFromTop{ clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%);} /**************************************************************************************************************************/ /* DA FINIRE!!! */ .gcAnimatedByProgressiveScrollFadeAndSlideTopLeft { animation:auto ease-out; animation-name: gcAnimationSlideTopLeft, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideTopRight { animation:auto ease-out; animation-name: gcAnimationSlideTopRight, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideBottomLeft { animation:auto ease-out; animation-name: gcAnimationSlideBottomLeft, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideBottomRight { animation:auto ease-out; animation-name: gcAnimationSlideBottomRight, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideLeft { animation:auto ease-out; animation-name: gcAnimationSlideLeft, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite;} .gcAnimatedByProgressiveScrollFadeAndSlideRight { animation:auto ease-out; animation-name: gcAnimationSlideRight, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideTop { animation:auto ease-out; animation-name: gcAnimationSlideTop, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndSlideBottom { animation:auto ease-out; animation-name: gcAnimationSlideBottom, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndRotateLeft { animation:auto ease-out; animation-name: gcAnimationRotateLeft, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndRotateRight { animation:auto ease-out; animation-name: gcAnimationRotateRight, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndZoomIn { animation:auto ease-out; animation-name: gcAnimationZoomIn, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} .gcAnimatedByProgressiveScrollFadeAndZoomOut { animation:auto ease-out; animation-name: gcAnimationZoomOut, gcAnimationFadeIn; animation-range-start:0; animation-range-end:20%; animation-timeline:view(); animation-duration: 1s; animation-fill-mode: both;} @keyframes gcAnimationFadeIn { 0% {opacity:0} 100% {opacity:1} } @keyframes gcAnimationSlideTopLeft { 0% {transform:translate(-300px,-300px);} 100% {transform:translate(0px,0px);} } @keyframes gcAnimationSlideTopRight { 0% {transform:translate(-300px, 300px);} 100% {transform:translate(0px,0px);} } @keyframes gcAnimationSlideBottomLeft { 0% {transform:translate(-0px,-300px);} 100% {transform:translate(0px,0px);} } @keyframes gcAnimationSlideBottomRight { 0% {transform:translate(300px,300px);} 100% {transform:translate(0px,0px);} } @keyframes gcAnimationSlideLeft { 0% {transform:translateX(-300px);} 100% {transform:translateX(0);} } @keyframes gcAnimationSlideRight { 0% {transform:translateX(300px);} 100% {transform:translateX(0);} } @keyframes gcAnimationSlideTop { 0% {transform:translateY(-300px);} 100% {transform:translateY(0px);} } @keyframes gcAnimationSlideBottom { 0% {transform:translateY(300px);} 100% {transform:translateY(0px);} } @keyframes gcAnimationRotateLeft { 0% {transform:rotate(-20deg);} 100% {transform:rotate(0deg);} } @keyframes gcAnimationRotateRight { 0% {transform:rotate(20deg);} 100% {transform:rotate(0deg);} } @keyframes gcAnimationZoomIn { 0% {transform:scale(0.7,0.7);} 100% {transform:scale(1,1);} } @keyframes gcAnimationZoomOut { 0% {transform:scale(1.3,1.3);} 100% {transform:scale(1,1);} } } @media print { .gcAnimatedFixToPageTopOnScrollPlaceholdAll{position:absolute !important;} } /**************************************************************************************************************************/ .gcAnimatedFixToPageTopOnScroll{ transform:scale(1)} .gcAnimatedFixToPageTopOnScrollPlaceholdAll{ position:fixed; top:0; left:0; right:0; z-index:10} .gcAnimatedFixToPageTopOnScrollPlaceholdContainer_outer{ position:relative; background:#F00; } .gcAnimatedFixToPageTopOnScrollPlaceholdContainer{ position:relative; z-index:1; } .gcAnimatedFixToPageTopOnScrollFixed {} .gcAnimatedFixToPageBottomOnScrollNoDetachFixed{ position:fixed; bottom:0; left:0; right:0; z-index:10;} .gcAnimatedFixToPageBottomOnScrollPlaceholdAll{ position:fixed; bottom:0; left:0; right:0; z-index:10;} .gcAnimatedFixToParentHeightpOnScrollFixed{position:fixed;} .gcAnimatedFixToParentHeightpOnScrollFixed.gcAnimatedFixToParentHeightpOnScrollAbsolute{position:absolute;} .gcAnimatedByScrollBoxTopParallaxContainer{overflow:hidden; position:relative;} .gcMinWidthCollapseSizeCollapsed{ width:100% !important; float:none !important;} .gcMinWidthHide{ transition:all 0.5s;} .gcMinWidthHideSizeHidden{ display:none !important;} .gcMinWidthHideSizeFadded{ opacity:0 !important;} .gcPageScrollers {position:fixed; bottom:61px; right:5px; color:#FFF;z-index:10; transition:all ease-in 0.5s; opacity:0;} .gcPageScrollers a { font-size: 0.5em; background: #f00; display: block; color: #FFF; padding: 5px 7px; margin-bottom: 1px; text-decoration: none; color: rgb(255, 255, 255); width: 20px; height: 20px; text-align: center; } .gcPageScrollers a:hover{background:#555; color:#FFF;} .gcPageScrollers_on { opacity:1;} .gcPageScollElementsMarkers {position:fixed; left:20px; top:50%; padding:5px; border-radius:400px; border:solid 1px #555; z-index:3; background:#FFF; } .gcPageScollElementsMarkers a{display:block; border-radius:300px; border:solid 1px #555; width:20px; height:20px; margin:5px; transition: all 1s; } .gcPageScollElementsMarkers a.active{background-color:#555} .gc_web_user_allow_cookie_box{} .gc_web_user_allow_cookie_box_custom_on_top { background:#FFF; color:#000; position:fixed; top:0; left:0; right:0; padding:5px; text-align:center; z-index: 1000; } .gc_web_user_allow_cookie_box_custom_on_top a { color:#FFF; text-decoration:none; border:none; border-radius:3px;} .gc_web_user_allow_cookie_box_custom_on_float { background:#FFF; color:#000; position:fixed; bottom:20px; right:20px; padding:5px; text-align:center; z-index: 1000; box-shadow: 3px 3px 20px rgba(0,0,0,0.6); border-radius: 5px; } .gc_web_user_allow_cookie_box_custom_on_float a { color:#FFF; text-decoration:none; border:none; border-radius:3px;} .gc_web_user_allow_cookie_box_custom_on_bottom{ background:#FFF; color:#000; position:fixed; bottom:0; left:0; right:0; padding:5px; text-align:center; z-index: 1000; } .gc_web_user_allow_cookie_box_custom_on_bottom a { color:#FFF; text-decoration:none; border:none; border-radius:3px;} .gc_web_user_allow_cookie_link_close, .gc_web_user_allow_cookie_link_accept, .gc_web_user_allow_cookie_link_decline, .gc_web_user_allow_cookie_link_privacy{display:inline-block; background:#AAA; padding:5px 10px; cursor:pointer;} .gc_web_user_allow_cookie_link_close:hover, .gc_web_user_allow_cookie_link_accept:hover, .gc_web_user_allow_cookie_link_decline:hover, .gc_web_user_allow_cookie_link_privacy:hover{background:#000;} .gc_web_user_allow_cookie_link_privacy {background:#444;} .gc_web_user_install_request_pwa_box{ transition:all 0.5s; opacity:0; transform:scale(3); display:none; padding:10px; background:rgba(0,0,0,0.8); color:#FFF; position:fixed; bottom:0; left: 0; right: 0; text-align: center; z-index: 100; } .gc_web_user_install_request_pwa_box_show{ display:block; opacity:1; transform:scale(1)} .gc_web_user_install_request_pwa_box_link_close{ display:inline-block; border-radius:2px; background:#FFF; padding:5px 10px; margin-left:10px;} .gc_link_button_small{ display: inline-block; padding:5px; text-decoration: none; border-radius: 3px; color: #FFF; font-size: 0.6em; background:#333;} .gcObliqueBox:before, .gcObliqueBox .comp_cont_multicomp_bg_color:before { content: ""; background: #FFF; background: inherit; height: 100px; position: absolute; width: 110%; left: 0; margin-left: -5%; top: -50px; z-index: -1; transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); } .gcObliqueBox:after, .gcObliqueBox .comp_cont_multicomp_bg_color:after { content: ""; background: #FFF; background: inherit; height: 100px; position: absolute; width: 110%; left: 0; margin-left: -5%; bottom: -50px; z-index: -1; transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); } .gcNavMenuToggleButton { width:50px; height:50px; display:inline-block; background:#555; padding:10px; position:relative; } .gcNavMenuToggleButton:after { content: "-"; font-size: 0; } .gcPropSize{ display:block;} .gcWindowHeightAreaSize{display:flex; align-items:center;} .gcWindowHeightAreaSize >*{width:100%;} .gcLoadingPanel{position:fixed; top:0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); transition: all 0.5s; opacity: 0; z-index: 100} .gcLoadingPanel.gcLoadingPanelArea{position:absolute;} .gcLoadingPanel span{position:absolute; top:0; left:0; width:50px; height:50px;} .gcLoadingPanelContainer{position:relative;} .gcLoadingPanelVisible{ opacity: 1; transition: all 0.5s; } .gcNavMenuToggleButtonHidden{display:none !important;} .gcNavMenuToggleButtonInner{display:block; position: absolute; top:15%; left:20%; right:20%; bottom:30%;} .gcNavMenuToggleButtonLines{display:block; position:absolute; height:15%; background:#FFF; transition:all 0.5s; transform-origin: 50% 50%;} .gcNavMenuToggleButtonLine1{top:0; left:0; right:0;} .gcNavMenuToggleButtonLine2{top:50%; left:0; right:0;} .gcNavMenuToggleButtonLine3{top:100%; left:0; right:0;} .gcNavMenuToggleResponsiveHidden .gcNavMenuToggleButtonLine1{top:50%; transform:rotate(225deg); -moz-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform:rotate(225deg); -webkit-transform:rotate(225deg);} .gcNavMenuToggleResponsiveHidden .gcNavMenuToggleButtonLine2{top:0%; opacity:0;} .gcNavMenuToggleResponsiveHidden .gcNavMenuToggleButtonLine3{top:50%; transform:rotate(315deg); -moz-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform:rotate(315deg); -webkit-transform:rotate(315deg);} nav ul.gcNavMenuToggleResponsiveHidden{} nav ul.gcNavMenuToggleResponsive {} nav ul.gcNavMenuToggleResponsive li a{} #__gc_error_field_indicator{transition:all 0.5s; padding:10px; max-width:300px; font-size:0.9em; border-radius:3px; background:#000; color:#FFF; position:absolute; z-index:10; margin-bottom:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); padding-right:30px} #__gc_error_field_indicator div{width:10px; height:10px; background:#000; transform:rotate(45deg); position:absolute; bottom:-5px; left:15px;} #__gc_error_field_indicator a{display:block; position:absolute; top:5px; right:5px; background:#FFF; color:#777; text-align:center; padding:2px 5px; font-size: 7px; text-decoration: none;} #__gc_error_field_indicator.__gc_error_field_indicator_hidden{ opacity:0; transform: translateY(-30px);} .gc_custom_radio_box , .gc_custom_radio_box span{display:inline-block; transition: all 0.5s; border-radius:1000px; } .gc_custom_radio_box { width:30px; height:30px; background:#EEE; margin:5px 0; margin-right:10px; vertical-align:middle; position:relative;} .gc_custom_radio_box:hover { background:#AAA; } .gc_custom_radio_box span { background:#18336e; position:absolute; top:15%; left:15%; right:15%; bottom:15%; opacity:0; transform:scale(0); } .gc_custom_radio_box.checked { background:#DDD;} .gc_custom_radio_box.checked span { opacity:1; transform:scale(1); } .gc_custom_checkbox_box , .gc_custom_checkbox_box span{display:inline-block; transition: all 0.5s; border-radius:3px;} .gc_custom_checkbox_box { width:30px; height:30px; background:#EEE; margin:5px 0; margin-right:10px; vertical-align:middle; position:relative;} .gc_custom_checkbox_box:hover { background:#AAA; } .gc_custom_checkbox_box span { position:absolute; top:0%; left:0%; right:0%; bottom:0%; opacity:0; transform:scale(0); color:#FFF; text-align:center; font-size:2em; font-weight:bold; display: flex; justify-content: center; flex-direction: column; text-align: center;} .gc_custom_checkbox_box.checked { background:#777; } .gc_custom_checkbox_box.checked span { opacity:1; transform:scale(1); background:#18336e;} .gc-show-pw-processed-span{ position:relative; } .gc-show-pw-processed-link{ position:absolute; z-index:1; right:0; top:0; bottom:0; background:#F00; color:#FFF; display:inline-block; padding:5px; min-width:10px; width: 50px; background: transparent url(default/img/eye_pw.png) center center no-repeat; background-size: contain; cursor:pointer; } .gc-remove-file-processed-span{ position:relative; } .gc-remove-file-processed-link{ position:absolute; z-index:1; right:0; top:0; bottom:0; display:inline-block; cursor:pointer; text-align:right; padding-right:15px; min-width:10px;} /* *************************************************************** */ .cel_checkbox_optionset_list_mode { height:300px;overflow:auto; border:solid 1px #AAA; padding:20px} .cel_checkbox_optionset_list_mode .float33{ width:100%; padding:5px} .cel_checkbox_optionset_list_mode label{ width:100%; display:block;} /* *************************************************************** */ /* ********************* RESPONSIVE CENTER *********************** */ /* *************************************************************** */ .responsiveOpacity0, .responsiveOpacity100{ transition: all 0.5s;} .responsiveShow{ display: none;} @media screen and (max-width: 992px) { .responsiveHide{ display: none !important; } .responsiveShow{ display: block !important; } .responsiveCenter, .responsiveAlignCenter, .responsiveTextAlignCenter{ text-align:center !important;} .responsiveLeft, .responsiveAlignLeft, .responsiveTextAlignLeft{ text-align:left !important; } .responsiveRight, .responsiveAlignRight, .responsiveTextAlignRight{ text-align:right !important;} .responsiveNoFloat{float: none !important; width: auto !important; display: block !important; clear: both;} .responsivePadding0 {padding:0px !important;} .responsivePadding5 {padding:5px !important;} .responsivePadding10{padding:10px !important;} .responsivePadding20{padding:20px !important;} .responsivePadding30{padding:30px !important;} .responsivePadding40{padding:40px !important;} .responsivePadding50{padding:50px !important;} .responsivePadding60{padding:60px !important;} .responsivePadding70{padding:70px !important;} .responsivePadding80{padding:80px !important;} .responsivePadding90{padding:90px !important;} .responsivePadding100{padding:100px !important;} .responsivePadding200{padding:200px !important;} .responsivePadding300{padding:300px !important;} .responsivePaddingLeft0 {padding-left:0px !important;} .responsivePaddingLeft5 {padding-left:5px !important;} .responsivePaddingLeft10{padding-left:10px !important;} .responsivePaddingLeft20{padding-left:20px !important;} .responsivePaddingLeft30{padding-left:30px !important;} .responsivePaddingLeft40{padding-left:40px !important;} .responsivePaddingLeft50{padding-left:50px !important;} .responsivePaddingLeft60{padding-left:60px !important;} .responsivePaddingLeft70{padding-left:70px !important;} .responsivePaddingLeft80{padding-left:80px !important;} .responsivePaddingLeft90{padding-left:90px !important;} .responsivePaddingLeft100{padding-left:100px !important;} .responsivePaddingLeft200{padding-left:200px !important;} .responsivePaddingLeft300{padding-left:300px !important;} .responsivePaddingRight0 {padding-right:0px !important;} .responsivePaddingRight5 {padding-right:5px !important;} .responsivePaddingRight10{padding-right:10px !important;} .responsivePaddingRight20{padding-right:20px !important;} .responsivePaddingRight30{padding-right:30px !important;} .responsivePaddingRight40{padding-right:40px !important;} .responsivePaddingRight50{padding-right:50px !important;} .responsivePaddingRight60{padding-right:60px !important;} .responsivePaddingRight70{padding-right:70px !important;} .responsivePaddingRight80{padding-right:80px !important;} .responsivePaddingRight90{padding-right:90px !important;} .responsivePaddingRight100{padding-right:100px !important;} .responsivePaddingRight200{padding-right:200px !important;} .responsivePaddingRight300{padding-right:300px !important;} .responsivePaddingTop0 {padding-top:0px !important;} .responsivePaddingTop5 {padding-top:5px !important;} .responsivePaddingTop10{padding-top:10px !important;} .responsivePaddingTop20{padding-top:20px !important;} .responsivePaddingTop30{padding-top:30px !important;} .responsivePaddingTop40{padding-top:40px !important;} .responsivePaddingTop50{padding-top:50px !important;} .responsivePaddingTop60{padding-top:60px !important;} .responsivePaddingTop70{padding-top:70px !important;} .responsivePaddingTop80{padding-top:80px !important;} .responsivePaddingTop90{padding-top:90px !important;} .responsivePaddingTop100{padding-top:100px !important;} .responsivePaddingTop200{padding-top:200px !important;} .responsivePaddingTop300{padding-top:300px !important;} .responsivePaddingBottom0 {padding-bottom:0px !important;} .responsivePaddingBottom5 {padding-bottom:5px !important;} .responsivePaddingBottom10{padding-bottom:10px !important;} .responsivePaddingBottom20{padding-bottom:20px !important;} .responsivePaddingBottom30{padding-bottom:30px !important;} .responsivePaddingBottom40{padding-bottom:40px !important;} .responsivePaddingBottom50{padding-bottom:50px !important;} .responsivePaddingBottom60{padding-bottom:60px !important;} .responsivePaddingBottom70{padding-bottom:70px !important;} .responsivePaddingBottom80{padding-bottom:80px !important;} .responsivePaddingBottom90{padding-bottom:90px !important;} .responsivePaddingBottom100{padding-bottom:100px !important;} .responsivePaddingBottom200{padding-bottom:200px !important;} .responsivePaddingBottom300{padding-bottom:300px !important;} .responsiveMargin0 {margin:0px !important;} .responsiveMargin5 {margin:5px !important;} .responsiveMargin10 {margin:10px !important;} .responsiveMargin20 {margin:20px !important;} .responsiveMargin30 {margin:30px !important;} .responsiveMargin40 {margin:40px !important;} .responsiveMargin50 {margin:50px !important;} .responsiveMargin60 {margin:60px !important;} .responsiveMargin70 {margin:70px !important;} .responsiveMargin80 {margin:80px !important;} .responsiveMargin90 {margin:90px !important;} .responsiveMargin100{margin:100px !important;} .responsiveMargin200{margin:200px !important;} .responsiveMargin300{margin:300px !important;} .responsiveMarginLeft0 {margin-left:0px !important;} .responsiveMarginLeft5 {margin-left:5px !important;} .responsiveMarginLeft10 {margin-left:10px !important;} .responsiveMarginLeft20 {margin-left:20px !important;} .responsiveMarginLeft30 {margin-left:30px !important;} .responsiveMarginLeft40 {margin-left:40px !important;} .responsiveMarginLeft50 {margin-left:50px !important;} .responsiveMarginLeft60 {margin-left:60px !important;} .responsiveMarginLeft70 {margin-left:70px !important;} .responsiveMarginLeft80 {margin-left:80px !important;} .responsiveMarginLeft90 {margin-left:90px !important;} .responsiveMarginLeft100{margin-left:100px !important;} .responsiveMarginLeft200{margin-left:200px !important;} .responsiveMarginLeft300{margin-left:300px !important;} .responsiveMarginRight0 {margin-right:0px !important;} .responsiveMarginRight5 {margin-right:5px !important;} .responsiveMarginRight10 {margin-right:10px !important;} .responsiveMarginRight20 {margin-right:20px !important;} .responsiveMarginRight30 {margin-right:30px !important;} .responsiveMarginRight40 {margin-right:40px !important;} .responsiveMarginRight50 {margin-right:50px !important;} .responsiveMarginRight60 {margin-right:60px !important;} .responsiveMarginRight70 {margin-right:70px !important;} .responsiveMarginRight80 {margin-right:80px !important;} .responsiveMarginRight90 {margin-right:90px !important;} .responsiveMarginRight100{margin-right:100px !important;} .responsiveMarginRight200{margin-right:200px !important;} .responsiveMarginRight300{margin-right:300px !important;} .responsiveMarginTop0 {margin-top:0px !important;} .responsiveMarginTop5 {margin-top:5px !important;} .responsiveMarginTop10 {margin-top:10px !important;} .responsiveMarginTop20 {margin-top:20px !important;} .responsiveMarginTop30 {margin-top:30px !important;} .responsiveMarginTop40 {margin-top:40px !important;} .responsiveMarginTop50 {margin-top:50px !important;} .responsiveMarginTop60 {margin-top:60px !important;} .responsiveMarginTop70 {margin-top:70px !important;} .responsiveMarginTop80 {margin-top:80px !important;} .responsiveMarginTop90 {margin-top:90px !important;} .responsiveMarginTop100{margin-top:100px !important;} .responsiveMarginTop200{margin-top:200px !important;} .responsiveMarginTop300{margin-top:300px !important;} .responsiveMarginBottom0 {margin-bottom:0px !important;} .responsiveMarginBottom5 {margin-bottom:5px !important;} .responsiveMarginBottom10 {margin-bottom:10px !important;} .responsiveMarginBottom20 {margin-bottom:20px !important;} .responsiveMarginBottom30 {margin-bottom:30px !important;} .responsiveMarginBottom40 {margin-bottom:40px !important;} .responsiveMarginBottom50 {margin-bottom:50px !important;} .responsiveMarginBottom60 {margin-bottom:60px !important;} .responsiveMarginBottom70 {margin-bottom:70px !important;} .responsiveMarginBottom80 {margin-bottom:80px !important;} .responsiveMarginBottom90 {margin-bottom:90px !important;} .responsiveMarginBottom100{margin-bottom:100px !important;} .responsiveMarginBottom200{margin-bottom:200px !important;} .responsiveMarginBottom300{margin-bottom:300px !important;} .fieldFloatWidth5 , .form_riga.fieldFloatWidth5 {width:100%; float:left} .fieldFloatWidth10, .form_riga.fieldFloatWidth10{width:100%; float:left} .fieldFloatWidth15, .form_riga.fieldFloatWidth15{width:100%; float:left} .fieldFloatWidth20, .form_riga.fieldFloatWidth20{width:100%; float:left} .fieldFloatWidth25, .form_riga.fieldFloatWidth25{width:100%; float:left} .fieldFloatWidth30, .form_riga.fieldFloatWidth30{width:100%; float:left} .fieldFloatWidth33, .form_riga.fieldFloatWidth33{width:100%; float:left} .fieldFloatWidth35, .form_riga.fieldFloatWidth35{width:100%; float:left} .fieldFloatWidth40, .form_riga.fieldFloatWidth40{width:100%; float:left} .fieldFloatWidth45, .form_riga.fieldFloatWidth45{width:100%; float:left} .fieldFloatWidth50, .form_riga.fieldFloatWidth50{width:100%; float:left} .fieldFloatWidth55, .form_riga.fieldFloatWidth55{width:100%; float:left} .fieldFloatWidth60, .form_riga.fieldFloatWidth60{width:100%; float:left} .fieldFloatWidth65, .form_riga.fieldFloatWidth65{width:100%; float:left} .fieldFloatWidth66, .form_riga.fieldFloatWidth66{width:100%; float:left} .fieldFloatWidth70, .form_riga.fieldFloatWidth70{width:100%; float:left} .fieldFloatWidth75, .form_riga.fieldFloatWidth75{width:100%; float:left} .fieldFloatWidth80, .form_riga.fieldFloatWidth80{width:100%; float:left} .fieldFloatWidth85, .form_riga.fieldFloatWidth85{width:100%; float:left} .fieldFloatWidth90, .form_riga.fieldFloatWidth90{width:100%; float:left} .fieldFloatWidth95, .form_riga.fieldFloatWidth95{width:100%; float:left} .fieldFloatWidth10, .form_riga.fieldFloatWidth100{width:100%; float:left} .responsiveWidth100{ width:100% !important; display:block; } } /* *************************************************************** */ @keyframes gc_responsive_keyframes { 0% {transform: translateY(-5px); opacity:0; } 100%{ transform: translateY(0); opacity:1; }} .gc_response_box{ padding:10px; margin-bottom: 10px; border-radius: 3px; animation: 0.5s ease-out gc_responsive_keyframes; } .gc_response_box_inner{ padding:10px; position:relative; } .gc_response_box_icon { width:40px; height:40px; border-radius: 50%; color:#FFF; display: inline-block; margin-right: 10px; background: #FFF; text-align: center; position:absolute; top: 0px; left: 5px; line-height: 37px; font-size: 2em; transform: scale(0.7);} .gc_response_box_content{margin-left: 50px; display: inline-block;} .gc_response_box_success{ background:#047404; color:#FFF;} .gc_response_box_success .gc_response_box_icon:after{ content:'\02713'; color:#047404; } .gc_response_box_fail{ background:#d80000; color:#FFF;} .gc_response_box_fail .gc_response_box_icon:after{ content:'\02A2F'; color:#d80000;} .gc_response_box_warning{background: #f48e36; color:#FFF;} .gc_response_box_warning .gc_response_box_icon:after{ content:'!'; color:#f48e36;} .gc_response_box_info{background: #1e69b9; color:#FFF;} .gc_response_box_info .gc_response_box_icon:after{ content:'\00456'; color:#1e69b9;} /* ************************* FIELDS UI ***************************** */ .formLabel{ font-weight:bold; padding-right:1em; display:inline; transition: all 0.5s; display:inline-flex; gap: 10px; align-items: center; margin-bottom:10px;} .formLabelText { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-flex; gap:10px; align-items: center; } .__separator_set_container{margin: 10px 5px;} .__separator_set_container > legend{ font-size:1.5em; font-weight: bold;} .form_campo{} .form_riga_required{color:#000;} .form_riga{margin-bottom:20px; padding:10px;} .form_riga_sbagliata .formLabel{color:#F00;} .form_riga_sbagliata_text, .form_riga_sbagliata_global_text{ display: inline-block; padding: 5px 15px; background: #F00; color: #FFF; font-size: 0.7em; margin: 3px 0; border-radius: 3px;} .form_riga_sbagliata_global_text{ display:block;} .form_riga_sbagliata_text{ display: inline-block; padding: 5px 15px; background: #F00; color: #FFF; font-size: 0.7em; margin: 3px 0; border-radius: 3px;} .form_riga_additional_text{ font-style:italic;} .vis_HIDDEN_FIELD, .vis_HIDDEN_FIELD_out_top, .vis_HIDDEN_FIELD_OUT_CMS_out_top , .vis_HIDDEN_FIELD_OUT_CMS{display: none;} .vis_SEP_HOR_EXT, .vis_SEP_SPACE_EXT{ clear:both; padding:10px 0 20px 0;} .vis_SEP_HOR_EXT hr{ border:solid 3px #EEE;} .vis_FIELDSET_A_COLONNE_25_PERCENT{ float: left; width:25%;} .vis_FIELDSET_A_COLONNE_50_PERCENT{ float: left; width:50%;} .vis_FIELDSET_A_COLONNE_33_PERCENT{ float: left; width:33.3333%;} .vis_FIELDSET_A_COLONNE_66_PERCENT{ float: left; width:66.6666%;} .vis_FIELDSET_A_COLONNE_75_PERCENT{ float: left; width:75%;} .vis_FIELDSET_LINEA_CON_TITOLO {clear: both; padding-top: 20px; border-top: solid 1px #EEE; } .vis_FIELDSET_LEGEND{font-weight: bold; font-size: 1.2em;} .vis_TEXT, .vis_TEXTAREA{} .vis_DATEFIELD {width:200px;} .vis_DATEFIELD_CONTAINER{display:flex; } .vis_DATEFIELD_CONTAINER .vis_DATEFIELD{ width: 100%;} .vis_REMOTE_UPLOAD_BTN { background: #DDD; padding: 20px; font-size: 12px; border-radius: 5px; border: none; display: inline-block;} .vis_BOOL, .vis_RADIO{ margin:5px; padding:0px; width:auto; display:inline;} .vis_BOOL input{ background:none; width:auto; border:none;} .vis_BOOL_out_top .field_all_container label{ display: flex; gap: 5px; align-items: start; } .vis_CAPTCHA img { margin-left:10px;} .vis_FILE_CONTAINER{ display:flex; gap:10px;} .vis_FILE_CONTAINER_PREVIEW{ position:relative; margin:10px 0; display: flex; flex-wrap:wrap; gap: 20px;} .vis_FILE_CONTAINER_PREVIEW_IMAGE_BOX{ width:150px; height:200px; display: flex !important; text-align: center; align-items: end; padding:10px;} .vis_FILE_CONTAINER_PREVIEW_IMAGE_BOX.vis_FILE_CONTAINER_PREVIEW_IMAGE_BOX span { overflow: hidden; text-overflow: ellipsis; background: #FFF; border-radius: 100px; display: inline-block; font-size: 0.7em; padding: 0 15px;} .vis_FILE_CONTAINER_PREVIEW .vis_FILE_CONTAINER_PREVIEW_BOX{ display:inline-block; background:#4b4b4b; background:#EEE; background-position: center center; border-radius:5px; padding:5px 20px 5px 20px; margin-bottom:5px; justify-content:center; position:relative;} .vis_FILE_CONTAINER_PREVIEW .vis_FILE_CONTAINER_PREVIEW_BOX.vis_FILE_CONTAINER_PREVIEW_IMAGE_BOX{ background-color:#4b4b4b;} .vis_FILE_CONTAINER_PREVIEW_INNER { position:relative;} .vis_FILE_CONTAINER_PREVIEW_BOX_TXT{ position: absolute; top: 50%; left: 0; z-index: 1; right: 0; text-align: center; font-size: 2em; font-weight: bold; transform: translateY(-100%); color:#FFF;} .vis_FILE_CONTAINER_PREVIEW a, .vis_FILE_CONTAINER_PREVIEW a:hover {position:absolute; right:0; top:0; transform:translate(30%, -30%); background:#333; border-radius:30px; width:20px; height:20px; text-align:center; line-height: 200%; display:block; font-size:10px; color:#FFF; text-decoration:none; z-index:1;} .vis_FILE_DOC_TEXT { word-wrap: break-word; display: inline-block; padding: 15px 23px; background: #EEE !important; text-align: center; border-radius: 7px;} .vis_INPUT_STEPS_CONTAINER{display: flex;} .vis_INPUT_STEPS_CONTAINER > *:nth-child(2){width:100%;} .vis_INPUT_STEPS_CONTAINER input[type="button"]{ background: ##e8e8e8; border:none; padding:10px;} .vis_TEXT:focus, input.vis_TEXT:focus, textarea.vis_TEXTAREA:focus, input.vis_FILE:focus, input.vis_CAPTCHA:focus, .vis_DATEFIELD:focus, .vis_SELECT:focus, .vis_sup_button:focus, .vis_CUSTOMTABLEOPTIONSET SELECT:focus{ background-color:#EEE;} .vis_TEXT, input.vis_TEXT, textarea.vis_TEXTAREA, input.vis_FILE, input.vis_CAPTCHA, .vis_DATEFIELD, .vis_SELECT, .vis_sup_button, .vis_CUSTOMTABLEOPTIONSET SELECT, .vis_BUTTON_UI, .vis_LISTOPTIONSET_LINK{ background-color:#f9f9f9; border:solid 1px #b7b7b7; border-radius:3px; padding:15px 15px; transition: all 0.5s; font-size:12px;} .vis_SELECT{-webkit-appearance: none; min-width: 80%; max-width: 100%;} .vis_SELECT.gc-search-select-input{-webkit-appearance: none; min-width:auto; max-width: none;} .vis_BOOL{display:inline;} .vis_BOOL input { background:none; width:auto; border:none;} .vis_BUTTON_UI{ background:var(--main-color); color:white; transition:all 0.5s; padding:5px 10px;} .vis_BUTTON_UI:hover{ background:white; color:var(--main-color);} .field_LINKSOPTIONSET_values{width:100%; display:flex; width:100%;} .vis_LISTOPTIONSET_LINK { margin: 0; text-decoration: none; padding: 5px 13px; display: inline-block; border-radius: 200px; border: solid 1px #b7b7b7; background: #f9f9f9; transition: all 0.5s; padding: 9px 15px; color: #000; text-align: center; min-width: 70px;} .vis_LISTOPTIONSET_LINK.selected{ background:var(--main-color, #444); color:#FFF;} .field_LINKSOPTIONSET_values>a{ border-radius:0} .field_LINKSOPTIONSET_values>a:first-child{border-top-left-radius:10px; border-bottom-left-radius:10px;} .field_LINKSOPTIONSET_values>a:last-child{border-top-right-radius:10px; border-bottom-right-radius:10px;} textarea.vis_TEXTAREA{ width:100%;} input.vis_TEXT {width:80%;} input.vis_MONTH_ONLY, input.vis_WEEK_ONLY, input.vis_DATATIMELOCAL, input.vis_DATATIMELOCAL, input.vis_COLOR{width:auto;} input.vis_COLOR {padding:0; width:auto; width:50px; height:30px;} input.vis_sup_button { border:none; background:#555; color:#FFF; width:auto; margin:0px;} input.vis_SUBMIT, input.vis_SUBMIT_ALT:hover, input.vis_RESET, button.vis_SUBMIT, button.vis_SUBMIT_ALT:hover, button.vis_RESET{ background:#f28c00; color:#FFF; font-size:20px; padding:20px 40px; border-radius:200px; text-transform:uppercase; border:solid 3px #f28c00; white-space: nowrap; text-transform: none; transition:all 0.5s; display:inline-flex; gap:10px; align-items:center;} input.vis_SUBMIT.vis_SMALL, input.vis_SUBMIT_ALT.vis_SMALL, input.vis_SUBMIT_ALT.vis_SMALL:hover, input.vis_RESET.vis_SMALL, button.vis_SUBMIT.vis_SMALL, button.vis_SUBMIT_ALT.vis_SMALL:hover, button.vis_RESET.vis_SMALL{ font-size:16px !important; padding:10px 20px !important;} input.vis_SUBMIT:hover, input.vis_SUBMIT_ALT, button.vis_SUBMIT:hover, button.vis_SUBMIT_ALT {font-size:20px; padding:20px 40px; border-radius:200px; background:#FFF; color:#f28c00; border:solid 3px #f28c00; text-transform: none; transition:all 0.5s;} input.vis_SUBMIT, input.vis_SUBMIT_ALT:hover, input.vis_RESET, button.vis_SUBMIT, button.vis_SUBMIT_ALT:hover, button.vis_RESET {background:var(--main-color, #444); border-color:var(--main-color, #FFF);} input.vis_SUBMIT:hover, input.vis_SUBMIT_ALT, button.vis_SUBMIT:hover, button.vis_SUBMIT_ALT{ color:var(--main-color, #444); border-color:var(--main-color, #444);} input.vis_RESET, button.vis_RESET { background-image:none; background:#ff802c; border-color:#ff802c; text-align:center; color:#FFF;} input.vis_RESET:hover, button.vis_RESET:hover{color:#AAA; } input.vis_FILE { width:50%;} input.vis_SUBMIT:hover, input.vis_SUBMIT_ALT, button.vis_SUBMIT:hover, button.vis_SUBMIT_ALT, input.vis_SUBMIT, input.vis_SUBMIT_ALT:hover, button.vis_SUBMIT, button.vis_SUBMIT_ALT:hover { border-radius:0; display:inline-flex; gap:10px; align-items:center;} input.vis_SUBMIT.vis_SUBMIT_SMALL, input.vis_SUBMIT:hover.vis_SUBMIT_SMALL, input.vis_SUBMIT_ALT.vis_SUBMIT_SMALL, input.vis_SUBMIT_ALT:hover.vis_SUBMIT_SMALL, input.vis_SMALL_SUBMIT, button.vis_SUBMIT.vis_SUBMIT_SMALL, button.vis_SUBMIT:hover.vis_SUBMIT_SMALL, button.vis_SUBMIT_ALT.vis_SUBMIT_SMALL, button.vis_SUBMIT_ALT:hover.vis_SUBMIT_SMALL, button.vis_SMALL_SUBMIT { padding:8px 30px; } .div_custom_table .vis_MONEY_RENDER_VALUE{display:block; text-align:right; white-space:nowrap; } .fields_tab_container { background:#F0F0F0; border-radius:3px; border-bottom-right-radius:0; border-bottom-left-radius:0; padding:10px 10px 0 35px;} .fields_tab_container a {display:inline-block; padding:10px 20px; margin-right:5px; font-size:15px; text-decoration:none; background:#DDD;} .fields_tab_container a.active{ background:#FFF; font-weight:bold} .fields_tab_container a.form_tab_sequence{cursor:default; } .fields_tab_container_numbers{ display:none;} .fields_tab{ padding:20px 20px 0px 20px; border:solid 1px #F0F0F0; border-top:none;} .fields_tab_hidden {display:none;} /* *************************************************************** */ .standard_table{width:100%; border-collapse:collapse; background:#FFF;} .standard_table th{ padding:10px; margin:1px; white-space:nowrap; text-align:left; text-transform:uppercase; background:#D9D9D9;} .standard_table td, .standard_table th { padding:10px; border:solid #DDD; border-width:0 1px 1px 0;} tr.standard_table_odd_row{background:#F0F0F0;} tr.standard_table_even_row{background:#F9F9F9;} tr.standard_table_odd_row:hover{background:#E3E3E3;} tr.standard_table_even_row:hover{background:#E3E3E3;} /* *************************************************************** */ @media screen and (max-width: 992px) { .fields_tab{ padding:10px;} .fields_tab_container {padding:0;} .fields_tab_container a{ display: block; margin: 0;} .vis_FIELDSET_A_COLONNE_25_PERCENT{ float: none; width:100%;} .vis_FIELDSET_A_COLONNE_50_PERCENT{ float: none; width:100%;} .vis_FIELDSET_A_COLONNE_33_PERCENT{ float: none; width:100%;} .vis_FIELDSET_A_COLONNE_66_PERCENT{ float: none; width:100%;} .vis_FIELDSET_A_COLONNE_75_PERCENT{ float: none; width:100%;} } /* *************************************************************** */ .gc_paginator_container {padding:10px; background: #DDD; border-radius: 10px; } .gc_paginator_container a{ display: inline-block; padding:5px 10px; border-radius: 5px; background: #EEE; } .gc_paginator_container a.gc_paginator_link_active{ background: var(--main-color); color:#FFF;; } .gc_paginator_container a.gc_paginator_link_prev{background: #EEE6; } .gc_paginator_container a.gc_paginator_link_next{background: #EEE6; } /* *************************************************************** */ .gc-comp-ajax-submit{} body.mce-fullscreen .gcAnimatedFixToPageTopOnScrollPlaceholdContainer, body.mce-fullscreen .gcAnimatedFixToPageTopOnScrollPlaceholdAll, body.mce-fullscreen .gcAnimatedFixToPageBottomOnScrollPlaceholdAll, body.mce-fullscreen .gcAnimatedFixToPageBottomOnScrollNoDetach, body.mce-fullscreen .top_external, body.mce-fullscreen .gc_web_user_allow_cookie_box { display:none !important;} .form_riga_sbagliata_text{line-height: 1em;}