/*//////////////////////////////////////////////////////////////////////////////////////////////////////////// Data: 03.07.2023 Ultima modifica 24.11.2025 Versione 1.0.240 Descrizione: CSS PER Trade ------------------------------------------------------------------------------------------------------------------------------------------------ es: .nomeClasseoId::-webkit-scrollbar { height: 0; o width:0; } .x0 classe utilizzata solo con le variabili /%%/(as400) ------------------------------------------------------------------------------------------------------------------------------------------------ CTRL + F E NUMERO DI RIFERIMENTO: RIF.0 - ERROR LOGIN RIF.1 - SETTAGGI PREDEFINITI RIF.1_0 - MENUMOBILE RIF.1_1 - DISPLAY RIF.1_2 - FONT SIZE RIF.1_3 - PADDING RIF.1_4 - MARGIN RIF.1_5 - BORDER RIF.1_5.1 - BORDER RADIUS RIF.1_6 - WIDTH RIF.1_7 - HEIGHT RIF.1_8 - BGCOLOR (BACKGROUND-COLOR) > STANDARD FLATABLE RIF.1_8.1 - BORDER COLOR > STANDARD FLATABLE RIF.1_9 - COLOR > STANDARD FLATABLE RIF.1_10 - BGCOLOR BUTTON MOUSE HOVER > STANDARD FLATABLE RIF.1_11 - BGCOLOR HREF MOUSE HOVER > STANDARD FLATABLE RIF.1_12 - COLOR BUTTON MOUSE HOVER > STANDARD FLATABLE RIF.1_13 - COLOR HREF MOUSE HOVER > STANDARD FLATABLE RIF.1_14 - STRIPED RIF.1_15 - WHITE SPACE RIF.1_16 - CURSOR RIF.1_17 - POSITION RIF.1_18 - TOP RIF.1_19 - LEFT RIF.1_20 - RIGHT RIF.1_21 - grid-column RIF.1_25 - TABLE RIF.1_29 - Rotazione RIF.1_37 - MAXLENGTH RIF.2 - Effetto lente RIF.3 - Animazioni (EFFETTI) RIF.4 - CHAT / CHIAMAMI RIF.99 - GENERICI RIF.100 - MEDIA QUERY ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /******************************************* RIF.0 - ERROR LOGIN *********************************************/ /******************************************* ERROR LOGIN *********************************************/ .iziToast{ border:1px solid #e1e7ec; background:#f5f5f5 } .iziToast::after{ position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4px; box-shadow:0 8px 10px -4px rgba(0,0,0,0.2); content:''; z-index:-1 } .iziToast>.iziToast-body{ margin-left:15px } .iziToast>.iziToast-close{ width:40px; transition:opacity .25s; background:none; background-position:center; background-color:transparent; /* background-image:url(data:image/svg+xml; utf8; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMzc0MjUwIi8+Cjwvc3ZnPgo=); */background-size:8px; background-repeat:no-repeat } .iziToast.iziToast-info{ border-color:rgba(80,198,233,0.3); background-color:#e6f7fc; color:#39bfe6 } .iziToast.iziToast-info>.iziToast-close{ background-image:url(data:image/svg+xml; utf8; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMTg5NmJiIi8+Cjwvc3ZnPgo=) } .iziToast.iziToast-success{ border-color:rgba(67,217,163,0.3); background-color:#dcf8ee; color:#2bd396 }/* .iziToast.iziToast-success>.iziToast-close{ background-image:url(data:image/svg+xml; utf8; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMWY5NzZjIi8+Cjwvc3ZnPgo=) }*/ .iziToast.iziToast-warning{ border-color:rgba(255,183,79,0.3); background-color:#fff6e8; color:#ffb140 } /* .iziToast.iziToast-warning>.iziToast-close{ background-image:url(data:image/svg+xml; utf8; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZTg4OTAwIi8+Cjwvc3ZnPgo=) }*/ .iziToast.iziToast-danger{ border-color:rgba(255,82,82,0.3); background-color:#ffebeb; color:#ff5252 } /* .iziToast.iziToast-danger>.iziToast-close{ background-image:url(data:image/svg+xml; utf8; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZWIwMDAwIi8+Cjwvc3ZnPgo=) } */ /******************************************* FINE: ERROR LOGIN *********************************************/ /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*********************************************** RIF.1 - SETTAGGI PREDEFINITI ***********************************************/ *, input, select, textarea, option, button { outline: none!important; } ::-moz-selection{color:#fff; background-color:rgba(120,10,0,1);} ::selection{color:#fff; background-color:rgba(120,10,0,1);} h1 {font-size:32px !important;} h2 {font-size:28px !important;} h3 {font-size:24px !important;} h4 {font-size:16px !important;} h6 {font-size:15px !important;} .scroll-x{overflow-x:scroll;} .scroll-bar-x{overflow-x:scroll;} .scroll-y{overflow-y:scroll;} /*firefox non supporta il webkit*/ .scroll-x::-webkit-scrollbar { height: 0 } .scroll-x::-moz-scrollbar { height: 0 } .scroll-x::-ms-scrollbar { height: 0 } /* height - orizontale*/ .scroll-bar-x::-webkit-scrollbar { height: 5px;} /* Track */ .scroll-bar-x::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ .scroll-bar-x::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ .scroll-bar-x::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } .t-r-180{transform: rotate(180deg);} .pos-fixed{position:fixed;} .pos-rel{position:relative !important;} .z-index-10{z-index:10 !important;} .box-shadow-none{box-shadow:none !important;} .opacity-0{opacity:0;} .ws-normal{white-space:normal;} .text-transform-inh{text-transform: inherit;} .p-l-s-1 { line-height: 1.6; letter-spacing: 1px; } .list-style-normal { list-style: circle; margin-left: 30px; } .ui-autocomplete { max-height:400px; overflow: auto; z-index: 100; } .ui-autocomplete::-webkit-scrollbar { width: 10px;} .ui-autocomplete::-webkit-scrollbar { height: 5px;} .ui-autocomplete::-webkit-scrollbar-track {} .ui-autocomplete::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.8); border-radius: 10px; } .ui-autocomplete::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1);} .autocomplete-suggestions { font-size:12px; background: #FFF; border: 0.5px solid rgba(0,0,0,0.3); padding:0 5px; cursor: pointer; } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-selected,.autocomplete-suggestions:hover { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: rgba(120,10,0,1); text-decoration: underline;} .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } .ui-helper-hidden-accessible{display:none;} .radio-disabled input:checked ~ .helper-blue-grey::before{background-color: rgb(216 216 216) !important;} .radio-disabled .helper::after { background-color: #96abb4 !important; border-color: #96abb4 !important; } .radio-disabled .helper::before { border-color: #96abb4 !important; } .vis-hidden{visibility:hidden !important;} .common-img-bg { background-size: !important; background: url(/portale/img/sfondo.jpg) no-repeat !important; height: 100%; background-size: cover !important; background-position: top !important; } #LogoGrpTon { background-color: rgba(255,255,255,0.3); border-radius: 10px; padding: 10px; margin-top: -60px; height:200px; } #LogoGrpTonSezReg { width: 100px; } .logo {width: 100px; } .card-header-sm{padding:5px !important;} .card-header-md{padding:10px !important;} .card-header-lg{padding:20px !important;} .card-header-xl{padding:30px !important;} .card-block-sm{padding:5px;} .card-block-md{padding:10px;} .card-block-lg{padding:20px;} .card-block-xl{padding:30px;} .block,.blk,.blocked { pointer-events: none !important; cursor:not-allowed !important; } .led, .led0,.led1,.led30,.led31,.ledInv0,.ledInv1,.ledOrd0,.ledOrd1,.led-R,.led-Y,.led-G,.led-blue,.led2-V,.led2-G,.led2-R,.led2-B { min-width:12px; min-height:12px; width:fit-content; height:fit-content; border-radius:50%; margin:auto; padding:0px; text-align: center; vertical-align: middle; box-shadow: 0 0 2px 1px rgb(0 0 0 / 60%), inset -1px 2px 5px 0px rgb(255 255 255 / 75%); } .led div,.led0 div,.led1 div,.ledInv0 div,.ledInv1 div,.ledOrd0 div,.ledOrd1 div,.led-R div,.led-Y div,.led-G div,.led-blue div,.led2-V div,.led2-G div,.led2-R div,.led2-B div { position: relative; top: 1px; right: 2px; float: right; width: 5px; height: 5px; background-color: rgb(255 255 255 / 45%); border-radius: 30% 70%; } .led {background-color:#ccc;} .led0,.led-R,.led2-R{background-color:red;} .led1,.led-G,.led2-V{background-color:#30c11b;} .led30{background-color:rgba(255,0,0,0.5);} .led31{background-color:#30c11b;} .ledInv0{background-color:#30c11b;} .ledInv1{background-color:red;} .ledOrd0{background-color:#30c11b;} .ledOrd1{background-color:#007bff;} .led-Y,.led2-G{background-color:yellow; border:solid 1px rgba(0,0,0,0.3);} .led-B,.led2-B{background-color:blue;} .iconLed-none{display:none;} .iconLed0{color:red;} .iconLed1{color:#30c11b;} /* .mytooltip {z-index: 8000;} */ .mytooltip {z-index: 100;} .viewPsw { position: absolute; z-index: 10; right: 15px; top: 8px; cursor: pointer; } .GrpNotify a { text-decoration:none; font-size:16px; font-weight:bold; } .GrpNotify { position: fixed; bottom: 5%; right: 5%; min-width: 200px; min-height: 120px; width: fit-content; height: fit-content; background-color: #fff; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); border-radius: 6px; z-index: 9900; display:none; } .ntfTitle { height: 25px; color: #1c75b1; background-image: url(/portale/img/sfondoMenu.jpg); background-repeat: no-repeat; background-position: 43% 50%; background-size: 236%; border-radius: 5px 5px 0 0; padding: 5px 5px 5px 20px; } .ntfTitle h5 { width: 94%; font-size: 16px; font-weight: bold; } .ntfCont { padding: 20px; max-width: 300px; } .ntfCont p { letter-spacing: 1px; line-height: 1.4; font-size: 13px; } .ntfCont span { position: absolute; right: 10px; bottom: 10px; font-size: 11px; } .ntfCont span i{margin:0 5px;} .closeNtfGRP { position:absolute; top:5px; right:10px; cursor:pointer; text-decoration:none; } .closeNtfGRP:hover { animation-name: closeRotate; animation-duration:1s; animation-iteration-count:1; } .closeNtfGRP:after,.closeNtfGRP:active{color:#fff;} @keyframes closeRotate { from{transform:rotate(0deg);} to{transform:rotate(90deg);} } .msgCloudSfondo { background: url(/portale/img/frontale.jpg) no-repeat !important; width:100%; height: 920px; background-size: cover !important; background-position: top !important; } .msgCloud { background-color: #fff; padding: 30px; position: absolute; top: 30%; width: 40%; border-radius: 15px; box-shadow: 0 0 5px 1px rgb(154, 154, 154); left: 30%; } .msgCloud div { margin-top: -125px; text-align: center; position: relative; bottom: 25px; /* left: 138px; */ /* width: 80%; */ left: 170px; width: 64%; } .msgCloud i { font-size: 158px; position: relative; z-index: 10; margin-top: 0px; color:#a9a9a9; } .msgCloud .tipoI::before{content: "\f0a6";} .msgCloud .tipoE{color:#e74c3c;} .msgCloud .tipoE::before{content: "\f0a7";} .msgCloud h4 { position: relative; /* top: 90px; */ font-size: 20px !important; /* margin-left: -30px; */ font-weight: 700; } .msgCloud p{font-size:15px;} .x0{display:none;} .y1{display:none;} .yE{display:none;} .yC{display:none;} /* .autocomplete-suggestions */ /* { */ /* border: 1px solid #999; */ /* background: #FFF; */ /* overflow: auto; */ /* cursor: pointer; */ /* font-size:12px; */ /* } */ /* .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } */ /* .autocomplete-selected { background: #F0F0F0; } */ /* .autocomplete-suggestions strong { font-weight: bold; color: #3399FF; text-decoration: underline;} */ /* .autocomplete-group { padding: 2px 5px; } */ /* .autocomplete-group strong { display: block; border-bottom: 1px solid #000; } */ .ui-helper-hidden-accessible{display:none;} .view-print{display:none;} .nav-tabs .nav-link { border: 1px solid #7a0a00; color: rgba(120,10,1,1); font-weight: 600; } .nav-tabs .nav-link:hover{color:#fff; background-color:rgba(0,0,0,0.3);} #hproHead .nav-tabs .nav-link { border: 1px solid rgb(184 135 11); color: rgba(184,134,11,1); font-weight: 600; background-color: rgba(255,255,255,0.3); } #hproHead .nav-tabs .nav-link:hover{color:#fff; background-color:rgba(184,134,11,1);} #hproHead .nav-tabs .nav-link.active{ color:rgba(184,134,11,1); background-color:rgba(184,134,11,0.2); text-shadow: 0 0 0px black; } .icon-network { display:inline-block; width:20px; height:20px; background-image:url(/portale/img/network.png); background-position:center; background-repeat:no-repeat; background-size:contain; } .radio.radio-trade .helper::before {border-color: rgba(120,10,0,1);} .radio.radio-trade .helper::after { background-color:rgba(120,10,0,1); border-color: rgba(120,10,0,1); } .radio.radio-hpro .helper::before {border-color: rgba(184, 134, 11, 1);} .radio.radio-hpro .helper::after { background-color:rgba(184, 134, 11, 1); border-color: rgba(184, 134, 11, 1); } .radio.radio-trade input:checked ~ .helper::after, .radio.radio-hpro input:checked ~ .helper::after { -webkit-transform: scale(0.5); transform: scale(0.5); } .radio.radio-trade label span{font-size:1rem;} .border-checkbox-section .border-checkbox-group.border-checkbox-group-trade{margin-right:5px;} .border-checkbox-section .border-checkbox-group .border-checkbox-label {padding-left:24px;} .border-checkbox-section .border-checkbox-group-trade .border-checkbox-label:before {border: 2px solid rgba(120, 10, 0, 1);} .border-checkbox-section .border-checkbox-group.border-checkbox-group-trade .border-checkbox:checked + .border-checkbox-label:after { border-color: rgba(120,10,0,1);} .border-checkbox-section .border-checkbox-group.border-checkbox-group-trade .border-checkbox-label:after { border-color: rgba(120,10,0,0.2);} .border-checkbox-section .border-checkbox-group-hpro .border-checkbox-label:before {border: 2px solid rgba(184,134,11, 1);} .border-checkbox-section .border-checkbox-group.border-checkbox-group-hpro .border-checkbox:checked + .border-checkbox-label:after { border-color: rgba(184,134,11,1);} .border-checkbox-section .border-checkbox-group.border-checkbox-group-hpro .border-checkbox-label:after { border-color: rgba(184,134,11,0.2);} .mobx-holder{visibility: hidden;} /*Per la libreria modulobox: evita il lampeggio dello schermo quando si carica la libreria*/ .tradeRow { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*margin-right: -15px; margin-left: -15px;*/ } .tradeCol-1,.tradeCol-2,.tradeCol-3,.tradeCol-4,.tradeCol-5,.tradeCol-6,.tradeCol-7,.tradeCol-8,.tradeCol-9,.tradeCol-10,.tradeCol-11,.tradeCol-12, .tradeCol-sm-1,.tradeCol-sm-2,.tradeCol-sm-3,.tradeCol-sm-4,.tradeCol-sm-5,.tradeCol-sm-6,.tradeCol-sm-7,.tradeCol-sm-8,.tradeCol-sm-9,.tradeCol-sm-10,.tradeCol-sm-11,.tradeCol-sm-12, .tradeCol-md-1,.tradeCol-md-2,.tradeCol-md-3,.tradeCol-md-4,.tradeCol-md-5,.tradeCol-md-6,.tradeCol-md-7,.tradeCol-md-8,.tradeCol-md-9,.tradeCol-md-10,.tradeCol-md-11,.tradeCol-md-12, .tradeCol-lg-1,.tradeCol-lg-2,.tradeCol-lg-3,.tradeCol-lg-4,.tradeCol-lg-5,.tradeCol-lg-6,.tradeCol-lg-7,.tradeCol-lg-8,.tradeCol-lg-9,.tradeCol-lg-10,.tradeCol-lg-11,.tradeCol-lg-12, .tradeCol-xl-1,.tradeCol-xl-2,.tradeCol-xl-3,.tradeCol-xl-4,.tradeCol-xl-5,.tradeCol-xl-6,.tradeCol-xl-7,.tradeCol-xl-8,.tradeCol-xl-9,.tradeCol-xl-10,.tradeCol-xl-11,.tradeCol-xl-12, .tradeCol-xxl-1,.tradeCol-xxl-2,.tradeCol-xxl-3,.tradeCol-xxl-4,.tradeCol-xxl-5,.tradeCol-xxl-6,.tradeCol-xxl-7,.tradeCol-xxl-8,.tradeCol-xxl-9,.tradeCol-xxl-10,.tradeCol-xxl-11,.tradeCol-xxl-12 {padding: 0 10px;} .tradeCard { position: relative; /* display: -ms-flexbox; */ /* display: flex; */ -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; } .select-trade > option:hover{background-color:rgba(120,10,0,1) !important;} .select-hpro option:hover{background-color:rgba(184,134,11,1) !important;} section[messaggio] { position: absolute; width: 50%; top: 25%; left: 25%; padding: 10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.65); border-radius: 4px; } section[messaggio] h5 { width:100%; border-bottom: solid 1px #fff; margin-bottom:5px; padding-bottom:5px; } section[messaggio] p{margin-bottom:5px;} section[messaggio="RED"]{background-color: red;} section[messaggio="GREEN"]{background-color: green;} section[messaggio="RED"] h5,section[messaggio="RED"] p,section[messaggio="GREEN"] h5,section[messaggio="GREEN"] p{color:#fff !important; font-weight:600;} /*********************************************** FINE: SETTAGGI PREDEFINITI ***********************************************/ .login #username-error, .login #password-error { position: absolute; right: 60px; top: 7px; color:#e85445; font-weight:600; z-index: 99999999; } /******************************************* RIF.1_0 - MENUMOBILE *********************************************/ .MenuMobile { /* height:0px; */ /* background-color:#34475a; */ /* z-index:1500; */ /* width:250px; */ /* display:none; */ width: 100%; height: 70px; z-index: 1500; display: none; } .mobileIcon { /* background-color:#34475a; */ width:45px; top:5px; left: 93%; position: relative; color:#000 !important; } .MenuMobile section a {margin-left:10px;} .MenuMobile section a i {font-size:40px;} .MenuMobile.bg-menu .nav-item,.MenuMobile.bg-menu .nav-item:hover {background-color: transparent;} .MenuMobile .fa-thumb-tack { transform:rotate(45deg); cursor:pointer; } .MenuMobile hr{border-top: 1px solid rgba(255,255,255,0.3);} .MenuMobile ul { display:none; padding: 10px; margin-top: 10px; background-color:rgba(0,0,0,0.8); } .MenuMobile li { margin:5px 5px; cursor:pointer; height:20px; margin-bottom:15px; } .MenuMobile li a i,.MenuMobile li a span,.MenuMobile li { color:#fff; font-size: 18px; } .nav-item-mobSubMenu .nav-item a{font-size:18px;} .MenuMobile .nav-item li:hover a span{color:#1ABC9C;} .MenuMobile li:hover{color:#1ABC9C;} .MenuMobile li:hover .slideMobile { background-color: #eef5f9; width: 20px; height: 15px; position: relative; /* right: -135px; */ left:-30px; transform: rotate(45deg); top: -20px; z-index:1501; cursor:pointer; } .fa-user{margin-left: -1px !important;} .profile-notification { position:absolute !important; top: 40px !important; /* left: -170px; */ right: 10px; width: 200px; z-index:300; display:none; } .user-profile{padding:5px 15px 0px 0px !important;} .nav-item-subMenu ul,.nav-item-mobSubMenu ul { display:none; background-color:#34475a; position:absolute; z-index:100; width:150px; margin-top:7px; margin-left: -10px; } .nav-item-mobSubMenu ul { z-index:200; margin-top:-25px; margin-left: 80px; } .nav-item li,.nav-item li a{cursor:pointer;} .main-navigation .nav-item a { padding-top:5px !important; padding-bottom:5px !important; } /******************************************* FINE: MENUMOBILE *********************************************/ .cursor-help{cursor:help;} .cursor-pointer{cursor:pointer;} /*********************************************** RIF.1_1 - DISPLAY ***********************************************/ .x0{display:none;}/*classe utilizzata solo con la variabile /%??%/ = 0 non mostro niente*/ .d-none{display:none;} .d-ini{display:initial !important;} .d-inh{display:inherit !important;} .d-block{display:block;} .d-grid{display:grid;} .d-cont{display:contents;} .d-flex{display:flex;} .d-inline-block{display:inline-block;} .d-inline-flex{display:inline-flex;} /******************************************** FINE: DISPLAY ********************************************/ /****************************************** RIF.1_2 - FONT SIZE ******************************************/ .f-6{font-size:6px !important;} .f-7{font-size:7px !important;} .f-8{font-size:8px !important;} .f-9{font-size:9px !important;} .f-10{font-size:10px !important;} .f-13{font-size:13px !important;} .f-14{font-size:14px !important;} .f-16{font-size:16px !important;} .f-18{font-size:18px !important;} /******************************************* FINE: FONT SIZE *******************************************/ /******************************************** RIF.1_3 - PADDING ********************************************/ .p-l-prc10_6{padding-left:10.6% !important;} .p-1{padding:1px !important;} .p-2{padding:2px !important;} .p-3{padding:3px !important;} .p-4{padding:4px !important;} .p-5{padding:5px !important;} .p-6{padding:6px !important;} .p-7{padding:7px !important;} .p-8{padding:8px !important;} .p-9{padding:9px !important;} .p-10{padding:10px !important;} .p-t-0{padding-top:0px !important;} .p-t-1{padding-top:1px !important;} .p-t-2{padding-top:2px !important;} .p-t-3{padding-top:3px !important;} .p-t-4{padding-top:4px !important;} .p-t-5{padding-top:5px !important;} .p-t-6{padding-top:6px !important;} .p-t-7{padding-top:7px !important;} .p-t-8{padding-top:8px !important;} .p-t-9{padding-top:9px !important;} .p-t-16{padding-top:16px !important;} .p-t-17{padding-top:17px !important;} .p-t-18{padding-top:18px !important;} .p-t-19{padding-top:19px !important;} .p-t-25{padding-top:25px !important;} .p-l-0{padding-left:0px !important;} .p-l-1{padding-left:1px !important;} .p-l-2{padding-left:2px !important;} .p-l-3{padding-left:3px !important;} .p-l-4{padding-left:4px !important;} .p-l-5{padding-left:5px !important;} .p-l-6{padding-left:6px !important;} .p-l-7{padding-left:7px !important;} .p-l-8{padding-left:8px !important;} .p-l-9{padding-left:9px !important;} .p-l-16{padding-left:16px !important;} .p-l-17{padding-left:17px !important;} .p-l-18{padding-left:18px !important;} .p-l-19{padding-left:19px !important;} .p-l-25{padding-left:25px !important;} .p-l-180{padding-left:180px !important;} .p-b-0{padding-bottom:0px !important;} .p-b-1{padding-bottom:1px !important;} .p-b-2{padding-bottom:2px !important;} .p-b-3{padding-bottom:3px !important;} .p-b-4{padding-bottom:4px !important;} .p-b-5{padding-bottom:5px !important;} .p-b-6{padding-bottom:6px !important;} .p-b-7{padding-bottom:7px !important;} .p-b-8{padding-bottom:8px !important;} .p-b-9{padding-bottom:9px !important;} .p-b-16{padding-bottom:16px !important;} .p-b-17{padding-bottom:17px !important;} .p-b-18{padding-bottom:18px !important;} .p-b-19{padding-bottom:19px !important;} .p-b-25{padding-bottom:25px !important;} .p-r-0{padding-right:0px !important;} .p-r-1{padding-right:1px !important;} .p-r-2{padding-right:2px !important;} .p-r-3{padding-right:3px !important;} .p-r-4{padding-right:4px !important;} .p-r-5{padding-right:5px !important;} .p-r-6{padding-right:6px !important;} .p-r-7{padding-right:7px !important;} .p-r-8{padding-right:8px !important;} .p-r-9{padding-right:9px !important;} .p-r-16{padding-right:16px !important;} .p-r-17{padding-right:17px !important;} .p-r-18{padding-right:18px !important;} .p-r-19{padding-right:19px !important;} .p-r-25{padding-right:25px !important;} /* Padding negativo (es. -10px) */ /*Top*/ .p-t-n1{padding-top:-1px !important;} .p-t-n2{padding-top:-2px !important;} .p-t-n3{padding-top:-3px !important;} .p-t-n4{padding-top:-4px !important;} .p-t-n5{padding-top:-5px !important;} .p-t-n6{padding-top:-6px !important;} .p-t-n7{padding-top:-7px !important;} .p-t-n8{padding-top:-8px !important;} .p-t-n9{padding-top:-9px !important;} .p-t-n10{padding-top:-10px !important;} .p-t-n15{padding-top:-15px !important;} .p-t-n20{padding-top:-20px !important;} .p-t-n25{padding-top:-25px !important;} .p-t-n30{padding-top:-30px !important;} .p-t-n35{padding-top:-35px !important;} .p-t-n40{padding-top:-40px !important;} .p-t-n45{padding-top:-45px !important;} .p-t-n50{padding-top:-50px !important;} /*bottom*/ .p-b-n1{padding-bottom:-1px !important;} .p-b-n2{padding-bottom:-2px !important;} .p-b-n3{padding-bottom:-3px !important;} .p-b-n4{padding-bottom:-4px !important;} .p-b-n5{padding-bottom:-5px !important;} .p-b-n6{padding-top:-6px !important;} .p-b-n7{padding-top:-7px !important;} .p-b-n8{padding-top:-8px !important;} .p-b-n9{padding-top:-9px !important;} .p-b-n10{padding-bottom:-10px !important;} .p-b-n15{padding-bottom:-15px !important;} .p-b-n20{padding-bottom:-20px !important;} .p-b-n25{padding-bottom:-25px !important;} .p-b-n30{padding-bottom:-30px !important;} .p-b-n35{padding-bottom:-35px !important;} .p-b-n40{padding-bottom:-40px !important;} .p-b-n45{padding-bottom:-45px !important;} .p-b-n50{padding-bottom:-50px !important;} /*Left*/ .p-l-n1{padding-left:-1px !important;} .p-l-n2{padding-left:-2px !important;} .p-l-n3{padding-left:-3px !important;} .p-l-n4{padding-left:-4px !important;} .p-l-n5{padding-left:-5px !important;} .p-l-n6{padding-top:-6px !important;} .p-l-n7{padding-top:-7px !important;} .p-l-n8{padding-top:-8px !important;} .p-l-n9{padding-top:-9px !important;} .p-l-n10{padding-left:-10px !important;} .p-l-n15{padding-left:-15px !important;} .p-l-n20{padding-left:-20px !important;} .p-l-n25{padding-left:-25px !important;} .p-l-n30{padding-left:-30px !important;} .p-l-n35{padding-left:-35px !important;} .p-l-n40{padding-left:-40px !important;} .p-l-n45{padding-left:-45px !important;} .p-l-n50{padding-left:-50px !important;} /*Right*/ .p-r-n1{padding-right:-1px !important;} .p-r-n2{padding-right:-2px !important;} .p-r-n3{padding-right:-3px !important;} .p-r-n4{padding-right:-4px !important;} .p-r-n5{padding-right:-5px !important;} .p-r-n6{padding-top:-6px !important;} .p-r-n7{padding-top:-7px !important;} .p-r-n8{padding-top:-8px !important;} .p-r-n9{padding-top:-9px !important;} .p-r-n10{padding-right:-10px !important;} .p-r-n15{padding-right:-15px !important;} .p-r-n20{padding-right:-20px !important;} .p-r-n25{padding-right:-25px !important;} .p-r-n30{padding-right:-30px !important;} .p-r-n35{padding-right:-35px !important;} .p-r-n40{padding-right:-40px !important;} .p-r-n45{padding-right:-45px !important;} .p-r-n50{padding-right:-50px !important;} /******************************************** FINE: PADDING ********************************************/ /******************************************** RIF.1_4 - MARGIN ********************************************/ .m-t-0{margin-top:0px !important;} .m-t-1{margin-top:1px !important;} .m-t-2{margin-top:2px !important;} .m-t-3{margin-top:3px !important;} .m-t-4{margin-top:4px !important;} .m-t-5{margin-top:5px !important;} .m-t-6{margin-top:6px !important;} .m-t-7{margin-top:7px !important;} .m-t-8{margin-top:8px !important;} .m-t-9{margin-top:9px !important;} .m-t-10{margin-top:10px !important;} .m-t-11{margin-top:11px !important;} .m-t-12{margin-top:12px !important;} .m-t-13{margin-top:13px !important;} .m-t-14{margin-top:14px !important;} .m-t-15{margin-top:15px !important;} .m-l-0{margin-left:0px !important;} .m-l-1{margin-left:1px !important;} .m-l-2{margin-left:2px !important;} .m-l-3{margin-left:3px !important;} .m-l-4{margin-left:4px !important;} .m-l-5{margin-left:5px !important;} .m-l-6{margin-left:6px !important;} .m-l-7{margin-left:7px !important;} .m-l-8{margin-left:8px !important;} .m-l-9{margin-left:9px !important;} .m-b-0{margin-bottom:0px !important;} .m-b-1{margin-bottom:1px !important;} .m-b-2{margin-bottom:2px !important;} .m-b-3{margin-bottom:3px !important;} .m-b-4{margin-bottom:4px !important;} .m-b-5{margin-bottom:5px !important;} .m-b-6{margin-bottom:6px !important;} .m-b-7{margin-bottom:7px !important;} .m-b-8{margin-bottom:8px !important;} .m-b-9{margin-bottom:9px !important;} .m-b-10{margin-bottom:10px !important;} .m-b-11{margin-bottom:11px !important;} .m-b-12{margin-bottom:12px !important;} .m-b-13{margin-bottom:13px !important;} .m-b-14{margin-bottom:14px !important;} .m-b-15{margin-bottom:15px !important;} .m-b-100{margin-bottom:100px !important;} .m-b-150{margin-bottom:150px !important;} .m-b-200{margin-bottom:200px !important;} .m-r-0{margin-right:0px !important;} .m-r-1{margin-right:1px !important;} .m-r-2{margin-right:2px !important;} .m-r-3{margin-right:3px !important;} .m-r-4{margin-right:4px !important;} .m-r-5{margin-right:5px !important;} .m-r-6{margin-right:6px !important;} .m-r-7{margin-right:7px !important;} .m-r-8{margin-right:8px !important;} .m-r-9{margin-right:9px !important;} /* Margin negativo (es. -10px) */ /*Top*/ .m-t-n1{margin-top:-1px !important;} .m-t-n2{margin-top:-2px !important;} .m-t-n3{margin-top:-3px !important;} .m-t-n4{margin-top:-4px !important;} .m-t-n5{margin-top:-5px !important;} .m-t-n6{margin-top:-6px !important;} .m-t-n7{margin-top:-7px !important;} .m-t-n8{margin-top:-8px !important;} .m-t-n9{margin-top:-9px !important;} .m-t-n10{margin-top:-10px !important;} .m-t-n15{margin-top:-15px !important;} .m-t-n20{margin-top:-20px !important;} .m-t-n25{margin-top:-25px !important;} .m-t-n30{margin-top:-30px !important;} .m-t-n35{margin-top:-35px !important;} .m-t-n40{margin-top:-40px !important;} .m-t-n45{margin-top:-45px !important;} .m-t-n50{margin-top:-50px !important;} /*bottom*/ .m-b-n1{margin-bottom:-1px !important;} .m-b-n2{margin-bottom:-2px !important;} .m-b-n3{margin-bottom:-3px !important;} .m-b-n4{margin-bottom:-4px !important;} .m-b-n5{margin-bottom:-5px !important;} .m-b-n6{margin-bottom:-6px !important;} .m-b-n7{margin-bottom:-7px !important;} .m-b-n8{margin-bottom:-8px !important;} .m-b-n9{margin-bottom:-9px !important;} .m-b-n10{margin-bottom:-10px !important;} .m-b-n15{margin-bottom:-15px !important;} .m-b-n20{margin-bottom:-20px !important;} .m-b-n25{margin-bottom:-25px !important;} .m-b-n30{margin-bottom:-30px !important;} .m-b-n35{margin-bottom:-35px !important;} .m-b-n40{margin-bottom:-40px !important;} .m-b-n45{margin-bottom:-45px !important;} .m-b-n50{margin-bottom:-50px !important;} /*Left*/ .m-l-n1{margin-left:-1px !important;} .m-l-n2{margin-left:-2px !important;} .m-l-n3{margin-left:-3px !important;} .m-l-n4{margin-left:-4px !important;} .m-l-n5{margin-left:-5px !important;} .m-l-n6{margin-left:-6px !important;} .m-l-n7{margin-left:-7px !important;} .m-l-n8{margin-left:-8px !important;} .m-l-n9{margin-left:-9px !important;} .m-l-n10{margin-left:-10px !important;} .m-l-n15{margin-left:-15px !important;} .m-l-n20{margin-left:-20px !important;} .m-l-n25{margin-left:-25px !important;} .m-l-n30{margin-left:-30px !important;} .m-l-n35{margin-left:-35px !important;} .m-l-n40{margin-left:-40px !important;} .m-l-n45{margin-left:-45px !important;} .m-l-n50{margin-left:-50px !important;} /*Right*/ .m-r-n1{margin-right:-1px !important;} .m-r-n2{margin-right:-2px !important;} .m-r-n3{margin-right:-3px !important;} .m-r-n4{margin-right:-4px !important;} .m-r-n5{margin-right:-5px !important;} .m-r-n6{margin-right:-6px !important;} .m-r-n7{margin-right:-7px !important;} .m-r-n8{margin-right:-8px !important;} .m-r-n9{margin-right:-9px !important;} .m-r-n10{margin-right:-10px !important;} .m-r-n15{margin-right:-15px !important;} .m-r-n20{margin-right:-20px !important;} .m-r-n25{margin-right:-25px !important;} .m-r-n30{margin-right:-30px !important;} .m-r-n35{margin-right:-35px !important;} .m-r-n40{margin-right:-40px !important;} .m-r-n45{margin-right:-45px !important;} .m-r-n50{margin-right:-50px !important;} /******************************************** FINE: MARGIN ********************************************/ /******************************************** RIF.1_5 - BORDER ********************************************/ .b-t-0{border-top: none;} .b-t-1{border-top: solid 1px;} .b-t-2{border-top: solid 2px;} .b-t-3{border-top: solid 3px;} .b-t-4{border-top: solid 4px;} .b-t-5{border-top: solid 5px;} .b-b-0{border-bottom: none;} .b-b-1{border-bottom: solid 1px;} .b-b-2{border-bottom: solid 2px;} .b-b-3{border-bottom: solid 3px;} .b-b-4{border-bottom: solid 4px;} .b-b-5{border-bottom: solid 5px;} .b-l-0{border-left: none;} .b-l-1{border-left: solid 1px;} .b-l-2{border-left: solid 2px;} .b-l-3{border-left: solid 3px;} .b-l-4{border-left: solid 4px;} .b-l-5{border-left: solid 5px;} .b-r-0{border-right: none;} .b-r-1{border-right: solid 1px;} .b-r-2{border-right: solid 2px;} .b-r-3{border-right: solid 3px;} .b-r-4{border-right: solid 4px;} .b-r-5{border-right: solid 5px;} .b-none{border:none;} .b-1{border: solid 1px;} .b-2{border: solid 2px;} .b-3{border: solid 3px;} .b-4{border: solid 4px;} .b-5{border: solid 5px;} .b-c-o1{border-color: rgba(0,0,0,0.1);} .b-c-o2{border-color: rgba(0,0,0,0.2);} .b-c-o3{border-color: rgba(0,0,0,0.3);} .b-c-o4{border-color: rgba(0,0,0,0.4);} .b-c-o5{border-color: rgba(0,0,0,0.5);} .b-c-o6{border-color: rgba(0,0,0,0.6);} .b-c-o7{border-color: rgba(0,0,0,0.7);} .b-c-o8{border-color: rgba(0,0,0,0.8);} .b-c-o9{border-color: rgba(0,0,0,0.9);} .b-c-o100{border-color: rgba(0,0,0,1);} /******************************************** FINE: BORDER ********************************************/ /******************************************** RIF.1_5.1 - BORDER RADIUS ********************************************/ .b-radius-5p{border-radius:5px !important;} .b-radius-10p{border-radius:10px !important;} .b-radius-15p{border-radius:15px !important;} .b-radius-20p{border-radius:20px !important;} .b-radius-25p{border-radius:25px !important;} .b-radius-30p{border-radius:30px !important;} .b-radius-35p{border-radius:35px !important;} .b-radius-40p{border-radius:40px !important;} .b-radius-45p{border-radius:45px !important;} .b-radius-50p{border-radius:50px !important;} .b-radius-5{border-radius:5% !important;} .b-radius-10{border-radius:10% !important;} .b-radius-15{border-radius:15% !important;} .b-radius-20{border-radius:20% !important;} .b-radius-25{border-radius:25% !important;} .b-radius-30{border-radius:30% !important;} .b-radius-35{border-radius:35% !important;} .b-radius-40{border-radius:40% !important;} .b-radius-45{border-radius:45% !important;} .b-radius-50{border-radius:50% !important;} /******************************************** FINE: BORDER RADIUS ********************************************/ /******************************************** RIF.1_6 - WIDTH ********************************************/ .w-ini{width:initial;} .w-fit{width:fit-content;} .w-1{width:1%;} .w-2{width:2%;} .w-3{width:3%;} .w-4{width:4%;} .w-5{width:5%;} .w-5{width:6%;} .w-5{width:7%;} .w-5{width:8%;} .w-5{width:9%;} .w-10{width:10%;} .w-15{width:15%;} .w-20{width:20%;} .w-25{width:25%;} .w-30{width:30%;} .w-35{width:35%;} .w-40{width:40%;} .w-45{width:45%;} .w-50{width:50%;} .w-60{width:60%;} .w-70{width:70%;} .w-80{width:80%;} .w-90{width:90%;} .w-95{width:95%;} .w-100{width:100%;} .w-1p{width:1px !important;} .w-2p{width:2px !important;} .w-3p{width:3px !important;} .w-4p{width:4px !important;} .w-5p{width:5px !important;} .w-6p{width:6px !important;} .w-7p{width:7px !important;} .w-8p{width:8px !important;} .w-9p{width:9px !important;} .w-10p{width:10px !important;} .w-15p{width:15px !important;} .w-20p{width:20px !important;} .w-25p{width:25px !important;} .w-30p{width:30px !important;} .w-35p{width:35px !important;} .w-40p{width:40px !important;} .w-45p{width:45px !important;} .w-50p{width:50px !important;} .w-60p{width:60px !important;} .w-70p{width:70px !important;} .w-80p{width:80px !important;} .w-90p{width:90px !important;} .w-100p{width:100px !important;} .w-110p{width:110px !important;} .w-120p{width:120px !important;} .w-130p{width:130px !important;} .w-135p{width:135px !important;} .w-140p{width:140px !important;} .w-150p{width:150px !important;} .w-200p{width:200px !important;} .w-250p{width:250px !important;} .w-300p{width:300px !important;} .w-350p{width:350px !important;} .w-400p{width:400px !important;} .w-450p{width:450px !important;} .w-500p{width:500px !important;} .w-550p{width:550px !important;} .w-600p{width:600px !important;} .minw-1p,.minw-01p{min-width:1px !important;} .minw-2p,.minw-02p{min-width:2px !important;} .minw-3p,.minw-03p{min-width:3px !important;} .minw-4p,.minw-04p{min-width:4px !important;} .minw-5p,.minw-05p{min-width:5px !important;} .minw-6p,.minw-06p{min-width:6px !important;} .minw-7p,.minw-07p{min-width:7px !important;} .minw-8p,.minw-08p{min-width:8px !important;} .minw-9p,.minw-09p{min-width:9px !important;} .minw-10p{min-width:10px !important;} .minw-11p{min-width:11px !important;} .minw-12p{min-width:12px !important;} .minw-13p{min-width:13px !important;} .minw-14p{min-width:14px !important;} .minw-15p{min-width:15px !important;} .minw-20p{min-width:20px !important;} .minw-25p{min-width:25px !important;} .minw-30p{min-width:30px !important;} .minw-35p{min-width:35px !important;} .minw-40p{min-width:40px !important;} .minw-43p{min-width:43px !important;} .minw-45p{min-width:45px !important;} .minw-50p{min-width:50px !important;} .minw-55p{min-width:55px !important;} .minw-60p{min-width:60px !important;} .minw-70p{min-width:70px !important;} .minw-78p{min-width:78px !important;} .minw-80p{min-width:80px !important;} .minw-81p{min-width:81px !important;} .minw-90p{min-width:90px !important;} .minw-96p{min-width:96px !important;} .minw-100p{min-width:100px !important;} .minw-105p{min-width:105px !important;} .minw-110p{min-width:110px !important;} .minw-115p{min-width:115px !important;} .minw-120p{min-width:120px !important;} .minw-125p{min-width:125px !important;} .minw-130p{min-width:130px !important;} .minw-135p{min-width:135px !important;} .minw-140p{min-width:140px !important;} .minw-145p{min-width:145px !important;} .minw-150p{min-width:150px !important;} .minw-160p{min-width:160px !important;} .minw-170p{min-width:170px !important;} .minw-180p{min-width:180px !important;} .minw-190p{min-width:190px !important;} .minw-200p{min-width:200px !important;} .minw-210p{min-width:210px !important;} .minw-220p{min-width:220px !important;} .minw-230p{min-width:230px !important;} .minw-240p{min-width:240px !important;} .minw-250p{min-width:250px !important;} .minw-260p{min-width:260px !important;} .minw-270p{min-width:270px !important;} .minw-280p{min-width:280px !important;} .minw-290p{min-width:290px !important;} .minw-300p{min-width:300px !important;} .minw-310p{min-width:310px !important;} .minw-320p{min-width:320px !important;} .minw-330p{min-width:330px !important;} .minw-340p{min-width:340px !important;} .minw-350p{min-width:350px !important;} .minw-400p{min-width:400px !important;} .minw-500p{min-width:500px !important;} .minw-600p{min-width:600px !important;} .minw-700p{min-width:700px !important;} .minw-800p{min-width:800px !important;} .minw-900p{min-width:900px !important;} .maxw-1p,.maxw-01p{max-width:1px !important;} .maxw-2p,.maxw-02p{max-width:2px !important;} .maxw-3p,.maxw-03p{max-width:3px !important;} .maxw-4p,.maxw-04p{max-width:4px !important;} .maxw-5p,.maxw-05p{max-width:5px !important;} .maxw-6p,.maxw-06p{max-width:6px !important;} .maxw-7p,.maxw-07p{max-width:7px !important;} .maxw-8p,.maxw-08p{max-width:8px !important;} .maxw-9p,.maxw-09p{max-width:9px !important;} .maxw-10p{max-width:10px !important;} .maxw-11p{max-width:11px !important;} .maxw-12p{max-width:12px !important;} .maxw-13p{max-width:13px !important;} .maxw-14p{max-width:14px !important;} .maxw-15p{max-width:15px !important;} .maxw-20p{max-width:20px !important;} .maxw-25p{max-width:25px !important;} .maxw-30p{max-width:30px !important;} .maxw-35p{max-width:35px !important;} .maxw-40p{max-width:40px !important;} .maxw-43p{max-width:43px !important;} .maxw-45p{max-width:45px !important;} .maxw-50p{max-width:50px !important;} .maxw-55p{max-width:55px !important;} .maxw-60p{max-width:60px !important;} .maxw-70p{max-width:70px !important;} .maxw-78p{max-width:78px !important;} .maxw-80p{max-width:80px !important;} .maxw-81p{max-width:81px !important;} .maxw-90p{max-width:90px !important;} .maxw-96p{max-width:96px !important;} .maxw-100p{max-width:100px !important;} .maxw-105p{max-width:105px !important;} .maxw-110p{max-width:110px !important;} .maxw-115p{max-width:115px !important;} .maxw-120p{max-width:120px !important;} .maxw-125p{max-width:125px !important;} .maxw-130p{max-width:130px !important;} .maxw-135p{max-width:135px !important;} .maxw-140p{max-width:140px !important;} .maxw-145p{max-width:145px !important;} .maxw-150p{max-width:150px !important;} .maxw-160p{max-width:160px !important;} .maxw-170p{max-width:170px !important;} .maxw-180p{max-width:180px !important;} .maxw-190p{max-width:190px !important;} .maxw-200p{max-width:200px !important;} .maxw-210p{max-width:210px !important;} .maxw-220p{max-width:220px !important;} .maxw-230p{max-width:230px !important;} .maxw-240p{max-width:240px !important;} .maxw-250p{max-width:250px !important;} .maxw-260p{max-width:260px !important;} .maxw-270p{max-width:270px !important;} .maxw-280p{max-width:280px !important;} .maxw-290p{max-width:290px !important;} .maxw-300p{max-width:300px !important;} .maxw-310p{max-width:310px !important;} .maxw-320p{max-width:320px !important;} .maxw-330p{max-width:330px !important;} .maxw-340p{max-width:340px !important;} .maxw-350p{max-width:350px !important;} .maxw-400p{max-width:400px !important;} .maxw-500p{max-width:500px !important;} .maxw-600p{max-width:600px !important;} .maxw-700p{max-width:700px !important;} .maxw-800p{max-width:800px !important;} .maxw-900p{max-width:900px !important;} /******************************************** FINE: WIDTH ********************************************/ /******************************************** RIF.1_7 - HEIGHT ********************************************/ .h-ini{height:initial;} .h-1{height:1%;} .h-2{height:2%;} .h-3{height:3%;} .h-4{height:4%;} .h-5{height:5%;} .h-6{height:6%;} .h-7{height:7%;} .h-8{height:8%;} .h-9{height:9%;} .h-10{height:10%;} .h-15{height:15%;} .h-20{height:20%;} .h-25{height:25%;} .h-30{height:30%;} .h-35{height:35%;} .h-40{height:40%;} .h-45{height:45%;} .h-50{height:50%;} .h-60{height:60%;} .h-70{height:70%;} .h-80{height:80%;} .h-90{height:90%;} .h-100{height:100%;} .h-1p{height:1px !important;} .h-2p{height:2px !important;} .h-3p{height:3px !important;} .h-4p{height:4px !important;} .h-5p{height:5px !important;} .h-6p{height:6px !important;} .h-7p{height:7px !important;} .h-8p{height:8px !important;} .h-9p{height:9px !important;} .h-10p{height:10px !important;} .h-15p{height:15px !important;} .h-20p{height:20px !important;} .h-25p{height:25px !important;} .h-30p{height:30px !important;} .h-35p{height:35px !important;} .h-40p{height:40px !important;} .h-45p{height:45px !important;} .h-50p{height:50px !important;} .h-60p{height:60px !important;} .h-70p{height:70px !important;} .h-80p{height:80px !important;} .h-90p{height:90px !important;} .h-100p{height:100px !important;} .h-110p{height:110px !important;} .h-120p{height:120px !important;} .h-130p{height:130px !important;} .h-135p{height:135px !important;} .h-140p{height:140px !important;} .h-150p{height:150px !important;} .h-200p{height:200px !important;} .h-250p{height:250px !important;} .h-260p{height:260px !important;} .h-270p{height:270px !important;} .h-280p{height:280px !important;} .h-290p{height:290px !important;} .h-300p{height:300px !important;} .h-350p{height:350px !important;} .h-400p{height:400px !important;} .h-450p{height:450px !important;} .h-500p{height:500px !important;} .h-550p{height:550px !important;} .h-600p{height:600px !important;} .minh-1p,.minh-01p{min-height:1px !important;} .minh-2p,.minh-02p{min-height:2px !important;} .minh-3p,.minh-03p{min-height:3px !important;} .minh-4p,.minh-04p{min-height:4px !important;} .minh-5p,.minh-05p{min-height:5px !important;} .minh-6p,.minh-06p{min-height:6px !important;} .minh-7p,.minh-07p{min-height:7px !important;} .minh-8p,.minh-08p{min-height:8px !important;} .minh-9p,.minh-09p{min-height:9px !important;} .minh-10p{min-height:10px !important;} .minh-15p{min-height:15px !important;} .minh-20p{min-height:20px !important;} .minh-25p{min-height:25px !important;} .minh-30p{min-height:30px !important;} .minh-35p{min-height:35px !important;} .minh-40p{min-height:40px !important;} .minh-45p{min-height:45px !important;} .minh-50p{min-height:50px !important;} .minh-60p{min-height:60px !important;} .minh-70p{min-height:70px !important;} .minh-80p{min-height:80px !important;} .minh-90p{min-height:90px !important;} .minh-100p{min-height:100px !important;} .minh-105p{min-height:105px !important;} .minh-110p{min-height:110px !important;} .minh-115p{min-height:115px !important;} .minh-120p{min-height:120px !important;} .minh-125p{min-height:125px !important;} .minh-130p{min-height:130px !important;} .minh-135p{min-height:135px !important;} .minh-140p{min-height:140px !important;} .minh-145p{min-height:145px !important;} .minh-150p{min-height:150px !important;} .minh-155p{min-height:155px !important;} .minh-160p{min-height:160px !important;} .minh-165p{min-height:165px !important;} .minh-170p{min-height:170px !important;} .minh-175p{min-height:175px !important;} .minh-180p{min-height:180px !important;} .minh-185p{min-height:185px !important;} .minh-190p{min-height:190px !important;} .minh-195p{min-height:195px !important;} .minh-200p{min-height:200px !important;} .minh-250p{min-height:250px !important;} .minh-300p{min-height:300px !important;} .minh-350p{min-height:350px !important;} .minh-400p{min-height:400px !important;} .minh-450p{min-height:450px !important;} .minh-500p{min-height:500px !important;} .minh-600p{min-height:600px !important;} .minh-700p{min-height:700px !important;} .minh-800p{min-height:800px !important;} .minh-1400p{min-height:1400px !important;} .maxh-1p,.maxh-01p{max-height:1px !important;} .maxh-2p,.maxh-02p{max-height:2px !important;} .maxh-3p,.maxh-03p{max-height:3px !important;} .maxh-4p,.maxh-04p{max-height:4px !important;} .maxh-5p,.maxh-05p{max-height:5px !important;} .maxh-6p,.maxh-06p{max-height:6px !important;} .maxh-7p,.maxh-07p{max-height:7px !important;} .maxh-8p,.maxh-08p{max-height:8px !important;} .maxh-9p,.maxh-09p{max-height:9px !important;} .maxh-10p{max-height:10px !important;} .maxh-15p{max-height:15px !important;} .maxh-20p{max-height:20px !important;} .maxh-25p{max-height:25px !important;} .maxh-30p{max-height:30px !important;} .maxh-35p{max-height:35px !important;} .maxh-40p{max-height:40px !important;} .maxh-45p{max-height:45px !important;} .maxh-50p{max-height:50px !important;} .maxh-60p{max-height:60px !important;} .maxh-70p{max-height:70px !important;} .maxh-80p{max-height:80px !important;} .maxh-90p{max-height:90px !important;} .maxh-105p{max-height:105px !important;} .maxh-110p{max-height:110px !important;} .maxh-115p{max-height:115px !important;} .maxh-115p{max-height:115px !important;} .maxh-120p{max-height:120px !important;} .maxh-125p{max-height:125px !important;} .maxh-130p{max-height:130px !important;} .maxh-135p{max-height:135px !important;} .maxh-140p{max-height:140px !important;} .maxh-145p{max-height:145px !important;} .maxh-150p{max-height:150px !important;} .maxh-155p{max-height:155px !important;} .maxh-160p{max-height:160px !important;} .maxh-165p{max-height:165px !important;} .maxh-170p{max-height:170px !important;} .maxh-175p{max-height:175px !important;} .maxh-180p{max-height:180px !important;} .maxh-185p{max-height:185px !important;} .maxh-190p{max-height:190px !important;} .maxh-195p{max-height:195px !important;} .maxh-200p{max-height:200px !important;} .maxh-250p{max-height:250px !important;} .maxh-300p{max-height:300px !important;} .maxh-350p{max-height:350px !important;} .maxh-400p{max-height:400px !important;} .maxh-450p{max-height:450px !important;} .maxh-500p{max-height:500px !important;} .maxh-600p{max-height:600px !important;} .maxh-700p{max-height:700px !important;} .maxh-800p{max-height:800px !important;} .maxh-1400p{max-height:1400px !important;} /******************************************** FINE: HEIGHT ********************************************/ /******************************************** RIF.1_8 - BGCOLOR ********************************************/ .bg-none{background-color:transparent !important;} .bg-menu{ background-image:url(/portale/img/sfondoMenu.jpg); background-repeat:no-repeat; background-position:bottom; } .bg-menu .nav-item { background-color: rgba(0,0,0,0.5); border-radius: 5px; } .bg-menu .nav-item:hover { background-color: rgba(0,0,0,1); } /**====== Accent-red-color css start ======**/ .bg-red-1 {background-color: #fdb3b3 !important; } .bg-red-2 {background-color: #fda4a4 !important; } .bg-red-3 {background-color: #fd9595 !important; } .bg-red-4 {background-color: #fc8686 !important; } .bg-red-5 {background-color: #fc7777 !important; } .bg-red-6 {background-color: #fb6868 !important; } .bg-red-7 {background-color: #fb5959 !important; } .bg-red-8 {background-color: #fb4a4a !important; } .bg-red-9 {background-color: #fa3b3b !important; } .bg-red-10 {background-color: #fa2c2c !important; } .bg-red-11 {background-color: #fa1d1d !important; } .bg-red-12 {background-color: #f90f0f !important; } .bg-red-13 {background-color: #f30606 !important; } .bg-red-14 {background-color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .bg-pink-1 {background-color: #f8bad6 !important; } .bg-pink-2 {background-color: #f6accd !important; } .bg-pink-3 {background-color: #f59ec5 !important; } .bg-pink-4 {background-color: #f390bd !important; } .bg-pink-5 {background-color: #f282b5 !important; } .bg-pink-6 {background-color: #f074ac !important; } .bg-pink-7 {background-color: #ef67a4 !important; } .bg-pink-8 {background-color: #ed599c !important; } .bg-pink-9 {background-color: #ec4b94 !important; } .bg-pink-10 {background-color: #ea3d8b !important; } .bg-pink-11 {background-color: #e92f83 !important; } .bg-pink-12 {background-color: #e7217b !important; } .bg-pink-13 {background-color: #e21873 !important; } .bg-pink-14 {background-color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .bg-purple-1 {background-color: #f3dbff !important; } .bg-purple-2 {background-color: #eeccff !important; } .bg-purple-3 {background-color: #e9bdff !important; } .bg-purple-4 {background-color: #e4adff !important; } .bg-purple-5 {background-color: #de9eff !important; } .bg-purple-6 {background-color: #d98fff !important; } .bg-purple-7 {background-color: #d47fff !important; } .bg-purple-8 {background-color: #cf70ff !important; } .bg-purple-9 {background-color: #ca61ff !important; } .bg-purple-10 {background-color: #c552ff !important; } .bg-purple-11 {background-color: #c042ff !important; } .bg-purple-12 {background-color: #ba33ff !important; } .bg-purple-13 {background-color: #b524ff !important; } .bg-purple-14 {background-color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .bg-deep-purple-1 {background-color: #dec7fe !important; } .bg-deep-purple-2 {background-color: #d5b8fd !important; } .bg-deep-purple-3 {background-color: #cda9fd !important; } .bg-deep-purple-4 {background-color: #c49afd !important; } .bg-deep-purple-5 {background-color: #bb8bfd !important; } .bg-deep-purple-6 {background-color: #b27cfc !important; } .bg-deep-purple-7 {background-color: #a96efc !important; } .bg-deep-purple-8 {background-color: #a05ffc !important; } .bg-deep-purple-9 {background-color: #9850fb !important; } .bg-deep-purple-10 {background-color: #8f41fb !important; } .bg-deep-purple-11 {background-color: #8632fb !important; } .bg-deep-purple-12 {background-color: #7d23fa !important; } .bg-deep-purple-13 {background-color: #7414fa !important; } .bg-deep-purple-14 {background-color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .bg-indigo-1 {background-color: #e6e9ff !important; } .bg-indigo-2 {background-color: #d9dfff !important; } .bg-indigo-3 {background-color: #ccd4ff !important; } .bg-indigo-4 {background-color: #c0c9ff !important; } .bg-indigo-5 {background-color: #b3beff !important; } .bg-indigo-6 {background-color: #a6b3ff !important; } .bg-indigo-7 {background-color: #9aa9ff !important; } .bg-indigo-8 {background-color: #8d9efe !important; } .bg-indigo-9 {background-color: #8093fe !important; } .bg-indigo-10 {background-color: #7388fe !important; } .bg-indigo-11 {background-color: #677dfe !important; } .bg-indigo-12 {background-color: #5a72fe !important; } .bg-indigo-13 {background-color: #4d68fe !important; } .bg-indigo-14 {background-color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .bg-blue-1 {background-color: #e0e8ff !important; } .bg-blue-2 {background-color: #d3dfff !important; } .bg-blue-3 {background-color: #c6d5ff !important; } .bg-blue-4 {background-color: #b9ccff !important; } .bg-blue-5 {background-color: #adc3ff !important; } .bg-blue-6 {background-color: #a0b9ff !important; } .bg-blue-7 {background-color: #93b0ff !important; } .bg-blue-8 {background-color: #86a6ff !important; } .bg-blue-9 {background-color: #7a9dff !important; } .bg-blue-10 {background-color: #6d94ff !important; } .bg-blue-11 {background-color: #608aff !important; } .bg-blue-12 {background-color: #5381ff !important; } .bg-blue-13 {background-color: #4778ff !important; } .bg-blue-14 {background-color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .bg-light-blue-1 {background-color: #c7e9fe !important; } .bg-light-blue-2 {background-color: #b8e3fd !important; } .bg-light-blue-3 {background-color: #a9ddfd !important; } .bg-light-blue-4 {background-color: #9ad7fd !important; } .bg-light-blue-5 {background-color: #8bd2fd !important; } .bg-light-blue-6 {background-color: #7cccfc !important; } .bg-light-blue-7 {background-color: #5fc0fc !important; } .bg-light-blue-8 {background-color: #6ec6fc !important; } .bg-light-blue-9 {background-color: #50bafb !important; } .bg-light-blue-10 {background-color: #41b4fb !important; } .bg-light-blue-11 {background-color: #32aefb !important; } .bg-light-blue-12 {background-color: #23a8fa !important; } .bg-light-blue-13 {background-color: #14a2fa !important; } .bg-light-blue-14 {background-color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .bg-cyan-1 {background-color: #b2f3fd !important; } .bg-cyan-2 {background-color: #a3f1fd !important; } .bg-cyan-3 {background-color: #94effc !important; } .bg-cyan-4 {background-color: #85edfc !important; } .bg-cyan-5 {background-color: #76eafc !important; } .bg-cyan-6 {background-color: #67e8fb !important; } .bg-cyan-7 {background-color: #58e6fb !important; } .bg-cyan-8 {background-color: #49e4fb !important; } .bg-cyan-9 {background-color: #3ae1fa !important; } .bg-cyan-10 {background-color: #2bdffa !important; } .bg-cyan-11 {background-color: #1dddfa !important; } .bg-cyan-12 {background-color: #0edbf9 !important; } .bg-cyan-13 {background-color: #06d3f2 !important; } .bg-cyan-14 {background-color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .bg-teal-1 {background-color: #9ffcef !important; } .bg-teal-2 {background-color: #90fced !important; } .bg-teal-3 {background-color: #81fceb !important; } .bg-teal-4 {background-color: #72fbe8 !important; } .bg-teal-5 {background-color: #63fbe6 !important; } .bg-teal-6 {background-color: #54fbe3 !important; } .bg-teal-7 {background-color: #45fae1 !important; } .bg-teal-8 {background-color: #36fadf !important; } .bg-teal-9 {background-color: #27f9dc !important; } .bg-teal-10 {background-color: #19f9da !important; } .bg-teal-11 {background-color: #0af9d7 !important; } .bg-teal-12 {background-color: #06edcd !important; } .bg-teal-13 {background-color: #06dec0 !important; } .bg-teal-14 {background-color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .bg-green-1 {background-color: #a7fdcb !important; } .bg-green-2 {background-color: #98fcc2 !important; } .bg-green-3 {background-color: #8afcb9 !important; } .bg-green-4 {background-color: #7bfcb0 !important; } .bg-green-5 {background-color: #6cfba7 !important; } .bg-green-6 {background-color: #5dfb9e !important; } .bg-green-7 {background-color: #4efb95 !important; } .bg-green-8 {background-color: #3ffa8c !important; } .bg-green-9 {background-color: #30fa83 !important; } .bg-green-10 {background-color: #21f97a !important; } .bg-green-11 {background-color: #12f972 !important; } .bg-green-12 {background-color: #06f669 !important; } .bg-green-13 {background-color: #06e763 !important; } .bg-green-14 {background-color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .bg-light-green-1 {background-color: #e3fad4 !important; } .bg-light-green-2 {background-color: #daf8c7 !important; } .bg-light-green-3 {background-color: #d1f6b9 !important; } .bg-light-green-4 {background-color: #c8f5ac !important; } .bg-light-green-5 {background-color: #bff39e !important; } .bg-light-green-6 {background-color: #b6f190 !important; } .bg-light-green-7 {background-color: #adf083 !important; } .bg-light-green-8 {background-color: #a4ee75 !important; } .bg-light-green-9 {background-color: #9bec67 !important; } .bg-light-green-10 {background-color: #93eb5a !important; } .bg-light-green-11 {background-color: #8ae94c !important; } .bg-light-green-12 {background-color: #81e73e !important; } .bg-light-green-13 {background-color: #78e631 !important; } .bg-light-green-14 {background-color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .bg-lime-1 {background-color: #f0fec7 !important; } .bg-lime-2 {background-color: #ecfdb8 !important; } .bg-lime-3 {background-color: #e8fda9 !important; } .bg-lime-4 {background-color: #e3fd9a !important; } .bg-lime-5 {background-color: #dffd8b !important; } .bg-lime-6 {background-color: #dbfc7c !important; } .bg-lime-7 {background-color: #d7fc6e !important; } .bg-lime-8 {background-color: #d3fc5f !important; } .bg-lime-9 {background-color: #cffb50 !important; } .bg-lime-10 {background-color: #cbfb41 !important; } .bg-lime-11 {background-color: #c7fb32 !important; } .bg-lime-12 {background-color: #c3fa23 !important; } .bg-lime-13 {background-color: #bffa14 !important; } .bg-lime-14 {background-color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .bg-yellow-1 {background-color: #fff3b8 !important; } .bg-yellow-2 {background-color: #fff1ab !important; } .bg-yellow-3 {background-color: #ffef9e !important; } .bg-yellow-4 {background-color: #ffed91 !important; } .bg-yellow-5 {background-color: #ffeb85 !important; } .bg-yellow-6 {background-color: #ffe978 !important; } .bg-yellow-7 {background-color: #ffe76b !important; } .bg-yellow-8 {background-color: #ffe55e !important; } .bg-yellow-9 {background-color: #ffe352 !important; } .bg-yellow-10 {background-color: #ffe045 !important; } .bg-yellow-11 {background-color: #ffde38 !important; } .bg-yellow-12 {background-color: #ffdc2b !important; } .bg-yellow-13 {background-color: #ffda1f !important; } .bg-yellow-14 {background-color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .bg-amber-1 {background-color: #ffe7b8 !important; } .bg-amber-2 {background-color: #ffe3ab !important; } .bg-amber-3 {background-color: #ffdf9e !important; } .bg-amber-4 {background-color: #ffdb91 !important; } .bg-amber-5 {background-color: #ffd685 !important; } .bg-amber-6 {background-color: #ffd278 !important; } .bg-amber-7 {background-color: #ffce6b !important; } .bg-amber-8 {background-color: #ffca5e !important; } .bg-amber-9 {background-color: #ffc552 !important; } .bg-amber-10 {background-color: #ffc145 !important; } .bg-amber-11 {background-color: #ffbd38 !important; } .bg-amber-12 {background-color: #ffb92b !important; } .bg-amber-13 {background-color: #ffb41f !important; } .bg-amber-14 {background-color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== bg-orange- css start ======**/ .bg-orange-1 {background-color: #ffeadb !important; } .bg-orange-2 {background-color: #ffe2cc !important; } .bg-orange-3 {background-color: #ffd9bd !important; } .bg-orange-4 {background-color: #ffd0ad !important; } .bg-orange-5 {background-color: #ffc79e !important; } .bg-orange-6 {background-color: #ffbe8f !important; } .bg-orange-7 {background-color: #ffb67f !important; } .bg-orange-8 {background-color: #ffad70 !important; } .bg-orange-9 {background-color: #ffa461 !important; } .bg-orange-10 {background-color: #ff9b52 !important; } .bg-orange-11 {background-color: #ff9242 !important; } .bg-orange-12 {background-color: #ff8933 !important; } .bg-orange-13 {background-color: #ff8124 !important; } .bg-orange-14 {background-color: #ff7814 !important; } /**====== bg-orange- css start ======**/ /**====== Deep-bg-orange- css start ======**/ .deep-bg-orange-1 {background-color: #fdc8bb !important; } .deep-bg-orange-2 {background-color: #fdbcac !important; } .deep-bg-orange-3 {background-color: #fdb09d !important; } .deep-bg-orange-4 {background-color: #fca48e !important; } .deep-bg-orange-5 {background-color: #fc987f !important; } .deep-bg-orange-6 {background-color: #fc8c70 !important; } .deep-bg-orange-7 {background-color: #fb8061 !important; } .deep-bg-orange-8 {background-color: #fb7452 !important; } .deep-bg-orange-9 {background-color: #fb6843 !important; } .deep-bg-orange-10 {background-color: #fa5c34 !important; } .deep-bg-orange-11 {background-color: #fa5025 !important; } .deep-bg-orange-12 {background-color: #fa4316 !important; } .deep-bg-orange-13 {background-color: #f93707 !important; } .deep-bg-orange-14 {background-color: #ec3305 !important; } /**====== Deep-bg-orange- css end ======**/ /**====== Brown-color css start ======**/ .bg-brown-1 {background-color: #ede2e0 !important; } .bg-brown-2 {background-color: #e3d3d0 !important; } .bg-brown-3 {background-color: #dac4c1 !important; } .bg-brown-4 {background-color: #d0b5b1 !important; } .bg-brown-5 {background-color: #c6a6a1 !important; } .bg-brown-6 {background-color: #bd9791 !important; } .bg-brown-7 {background-color: #b38981 !important; } .bg-brown-8 {background-color: #aa7a71 !important; } .bg-brown-9 {background-color: #a06b61 !important; } .bg-brown-10 {background-color: #916057 !important; } .bg-brown-11 {background-color: #81554d !important; } .bg-brown-12 {background-color: #714b44 !important; } .bg-brown-13 {background-color: #61403a !important; } .bg-brown-14 {background-color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .bg-grey-1 {background-color: #d8d8d8 !important; } .bg-grey-2 {background-color: #cbcbcb !important; } .bg-grey-3 {background-color: #bebebe !important; } .bg-grey-4 {background-color: #b1b1b1 !important; } .bg-grey-5 {background-color: #a5a5a5 !important; } .bg-grey-6 {background-color: #989898 !important; } .bg-grey-7 {background-color: #8b8b8b !important; } .bg-grey-8 {background-color: #7e7e7e !important; } .bg-grey-9 {background-color: #727272 !important; } .bg-grey-10 {background-color: #656565 !important; } .bg-grey-11 {background-color: #585858 !important; } .bg-grey-12 {background-color: #4b4b4b !important; } .bg-grey-13 {background-color: #3f3f3f !important; } .bg-grey-14 {background-color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .bg-blue-grey-1 {background-color: #e1e7e9 !important; } .bg-blue-grey-2 {background-color: #d2dbdf !important; } .bg-blue-grey-3 {background-color: #c3cfd4 !important; } .bg-blue-grey-4 {background-color: #b4c3ca !important; } .bg-blue-grey-5 {background-color: #a5b7bf !important; } .bg-blue-grey-6 {background-color: #96abb4 !important; } .bg-blue-grey-7 {background-color: #87a0aa !important; } .bg-blue-grey-8 {background-color: #78949f !important; } .bg-blue-grey-9 {background-color: #6a8894 !important; } .bg-blue-grey-10 {background-color: #5f7a85 !important; } .bg-blue-grey-11 {background-color: #546d77 !important; } .bg-blue-grey-12 {background-color: #4a5f68 !important; } .bg-blue-grey-13 {background-color: #3f5159 !important; } .bg-blue-grey-14 {background-color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .bg-primary-1 {background-color: #b7f5e9 !important; } .bg-primary-2 {background-color: #aaf3e5 !important; } .bg-primary-3 {background-color: #9cf1e1 !important; } .bg-primary-4 {background-color: #8fefdc !important; } .bg-primary-5 {background-color: #81eed8 !important; } .bg-primary-6 {background-color: #74ecd4 !important; } .bg-primary-7 {background-color: #66ead0 !important; } .bg-primary-8 {background-color: #59e8cc !important; } .bg-primary-9 {background-color: #4ce6c8 !important; } .bg-primary-10 {background-color: #3ee4c4 !important; } .bg-primary-11 {background-color: #31e2bf !important; } .bg-primary-12 {background-color: #23e1bb !important; } .bg-primary-13 {background-color: #1ed7b2 !important; } .bg-primary-14 {background-color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .bg-success-1 {background-color: #9fe9bf !important; } .bg-success-2 {background-color: #97e8b9 !important; } .bg-success-3 {background-color: #8fe6b4 !important; } .bg-success-4 {background-color: #86e4ae !important; } .bg-success-5 {background-color: #7ee2a8 !important; } .bg-success-6 {background-color: #76e0a3 !important; } .bg-success-7 {background-color: #6dde9d !important; } .bg-success-8 {background-color: #65dc98 !important; } .bg-success-9 {background-color: #5dda92 !important; } .bg-success-10 {background-color: #54d98c !important; } .bg-success-11 {background-color: #4cd787 !important; } .bg-success-12 {background-color: #44d581 !important; } .bg-success-13 {background-color: #3bd37c !important; } .bg-success-14 {background-color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .bg-info-1 {background-color: #add6f1 !important; } .bg-info-2 {background-color: #a5d1ef !important; } .bg-info-3 {background-color: #9ccded !important; } .bg-info-4 {background-color: #93c8ec !important; } .bg-info-5 {background-color: #8bc4ea !important; } .bg-info-6 {background-color: #82c0e9 !important; } .bg-info-7 {background-color: #79bbe7 !important; } .bg-info-8 {background-color: #71b7e6 !important; } .bg-info-9 {background-color: #68b2e4 !important; } .bg-info-10 {background-color: #5faee3 !important; } .bg-info-11 {background-color: #57aae1 !important; } .bg-info-12 {background-color: #4ea5e0 !important; } .bg-info-13 {background-color: #45a1de !important; } .bg-info-14 {background-color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .bg-warning-1 {background-color: #f9e596 !important; } .bg-warning-2 {background-color: #f8e38c !important; } .bg-warning-3 {background-color: #f8e083 !important; } .bg-warning-4 {background-color: #f7de79 !important; } .bg-warning-5 {background-color: #f7dc6f !important; } .bg-warning-6 {background-color: #f6d966 !important; } .bg-warning-7 {background-color: #f5d75c !important; } .bg-warning-8 {background-color: #f5d552 !important; } .bg-warning-9 {background-color: #f4d249 !important; } .bg-warning-10 {background-color: #f4d03f !important; } .bg-warning-11 {background-color: #f3cd36 !important; } .bg-warning-12 {background-color: #f3cb2c !important; } .bg-warning-13 {background-color: #f2c922 !important; } .bg-warning-14 {background-color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .bg-danger-1 {background-color: #f7c1bb !important; } .bg-danger-2 {background-color: #f6b8b2 !important; } .bg-danger-3 {background-color: #f4b0a9 !important; } .bg-danger-4 {background-color: #f3a8a0 !important; } .bg-danger-5 {background-color: #f29f97 !important; } .bg-danger-6 {background-color: #f1978e !important; } .bg-danger-7 {background-color: #f08f85 !important; } .bg-danger-8 {background-color: #ef867c !important; } .bg-danger-9 {background-color: #ee7e72 !important; } .bg-danger-10 {background-color: #ed7669 !important; } .bg-danger-11 {background-color: #eb6d60 !important; } .bg-danger-12 {background-color: #ea6557 !important; } .bg-danger-13 {background-color: #e95d4e !important; } .bg-danger-14 {background-color: #e85445 !important; } /**====== altro ======**/ .bg-carta{background-color:#ffefd5 !important;} .bg-ecf8ff{background-color:#ecf8ff !important;} .bg-lgcyan{background: linear-gradient(45deg, #caedff, white 50%);} .bg-dark-green{background-color:#0c4625 !important;} .bg-viola{background-color:#8b7a9e !important;} .bg-white-0{background-color:rgba(255,255,255,0) !important;} .bg-white-1{background-color:rgba(255,255,255,0.1) !important;} .bg-white-2{background-color:rgba(255,255,255,0.2) !important;} .bg-white-3{background-color:rgba(255,255,255,0.3) !important;} .bg-white-4{background-color:rgba(255,255,255,0.4) !important;} .bg-white-5{background-color:rgba(255,255,255,0.5) !important;} .bg-white-6{background-color:rgba(255,255,255,0.6) !important;} .bg-white-7{background-color:rgba(255,255,255,0.7) !important;} .bg-white-8{background-color:rgba(255,255,255,0.8) !important;} .bg-white-9{background-color:rgba(255,255,255,0.9) !important;} .bg-black-0{background-color:rgba(0,0,0,0) !important;} .bg-black-1{background-color:rgba(0,0,0,0.1) !important;} .bg-black-2{background-color:rgba(0,0,0,0.2) !important;} .bg-black-3{background-color:rgba(0,0,0,0.3) !important;} .bg-black-4{background-color:rgba(0,0,0,0.4) !important;} .bg-black-5{background-color:rgba(0,0,0,0.5) !important;} .bg-black-6{background-color:rgba(0,0,0,0.6) !important;} .bg-black-7{background-color:rgba(0,0,0,0.7) !important;} .bg-black-8{background-color:rgba(0,0,0,0.8) !important;} .bg-black-9{background-color:rgba(0,0,0,0.9) !important;} .bg-trade{background-color:rgba(120,10,0,1) !important;} .bg-trade-1{background-color:rgba(120,10,0,0.1) !important;} .bg-trade-2{background-color:rgba(120,10,0,0.2) !important;} .bg-trade-3{background-color:rgba(120,10,0,0.3) !important;} .bg-trade-4{background-color:rgba(120,10,0,0.4) !important;} .bg-trade-5{background-color:rgba(120,10,0,0.5) !important;} .bg-trade-6{background-color:rgba(120,10,0,0.6) !important;} .bg-trade-7{background-color:rgba(120,10,0,0.7) !important;} .bg-trade-8{background-color:rgba(120,10,0,0.8) !important;} .bg-trade-9{background-color:rgba(120,10,0,0.9) !important;} /******************************************** FINE: BGCOLOR ********************************************/ /******************************************** RIF.1_8.1 - BORDER COLOR ********************************************/ .b-c-fff{border-color: #fff !important; } /**====== Accent-red-color css start ======**/ .b-c-red-1 {border-color: #fdb3b3 !important; } .b-c-red-2 {border-color: #fda4a4 !important; } .b-c-red-3 {border-color: #fd9595 !important; } .b-c-red-4 {border-color: #fc8686 !important; } .b-c-red-5 {border-color: #fc7777 !important; } .b-c-red-6 {border-color: #fb6868 !important; } .b-c-red-7 {border-color: #fb5959 !important; } .b-c-red-8 {border-color: #fb4a4a !important; } .b-c-red-9 {border-color: #fa3b3b !important; } .b-c-red-10 {border-color: #fa2c2c !important; } .b-c-red-11 {border-color: #fa1d1d !important; } .b-c-red-12 {border-color: #f90f0f !important; } .b-c-red-13 {border-color: #f30606 !important; } .b-c-red-14 {border-color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .b-c-pink-1 {border-color: #f8bad6 !important; } .b-c-pink-2 {border-color: #f6accd !important; } .b-c-pink-3 {border-color: #f59ec5 !important; } .b-c-pink-4 {border-color: #f390bd !important; } .b-c-pink-5 {border-color: #f282b5 !important; } .b-c-pink-6 {border-color: #f074ac !important; } .b-c-pink-7 {border-color: #ef67a4 !important; } .b-c-pink-8 {border-color: #ed599c !important; } .b-c-pink-9 {border-color: #ec4b94 !important; } .b-c-pink-10 {border-color: #ea3d8b !important; } .b-c-pink-11 {border-color: #e92f83 !important; } .b-c-pink-12 {border-color: #e7217b !important; } .b-c-pink-13 {border-color: #e21873 !important; } .b-c-pink-14 {border-color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .b-c-purple-1 {border-color: #f3dbff !important; } .b-c-purple-2 {border-color: #eeccff !important; } .b-c-purple-3 {border-color: #e9bdff !important; } .b-c-purple-4 {border-color: #e4adff !important; } .b-c-purple-5 {border-color: #de9eff !important; } .b-c-purple-6 {border-color: #d98fff !important; } .b-c-purple-7 {border-color: #d47fff !important; } .b-c-purple-8 {border-color: #cf70ff !important; } .b-c-purple-9 {border-color: #ca61ff !important; } .b-c-purple-10 {border-color: #c552ff !important; } .b-c-purple-11 {border-color: #c042ff !important; } .b-c-purple-12 {border-color: #ba33ff !important; } .b-c-purple-13 {border-color: #b524ff !important; } .b-c-purple-14 {border-color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .b-c-deep-purple-1 {border-color: #dec7fe !important; } .b-c-deep-purple-2 {border-color: #d5b8fd !important; } .b-c-deep-purple-3 {border-color: #cda9fd !important; } .b-c-deep-purple-4 {border-color: #c49afd !important; } .b-c-deep-purple-5 {border-color: #bb8bfd !important; } .b-c-deep-purple-6 {border-color: #b27cfc !important; } .b-c-deep-purple-7 {border-color: #a96efc !important; } .b-c-deep-purple-8 {border-color: #a05ffc !important; } .b-c-deep-purple-9 {border-color: #9850fb !important; } .b-c-deep-purple-10 {border-color: #8f41fb !important; } .b-c-deep-purple-11 {border-color: #8632fb !important; } .b-c-deep-purple-12 {border-color: #7d23fa !important; } .b-c-deep-purple-13 {border-color: #7414fa !important; } .b-c-deep-purple-14 {border-color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .b-c-indigo-1 {border-color: #e6e9ff !important; } .b-c-indigo-2 {border-color: #d9dfff !important; } .b-c-indigo-3 {border-color: #ccd4ff !important; } .b-c-indigo-4 {border-color: #c0c9ff !important; } .b-c-indigo-5 {border-color: #b3beff !important; } .b-c-indigo-6 {border-color: #a6b3ff !important; } .b-c-indigo-7 {border-color: #9aa9ff !important; } .b-c-indigo-8 {border-color: #8d9efe !important; } .b-c-indigo-9 {border-color: #8093fe !important; } .b-c-indigo-10 {border-color: #7388fe !important; } .b-c-indigo-11 {border-color: #677dfe !important; } .b-c-indigo-12 {border-color: #5a72fe !important; } .b-c-indigo-13 {border-color: #4d68fe !important; } .b-c-indigo-14 {border-color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .b-c-blue-1 {border-color: #e0e8ff !important; } .b-c-blue-2 {border-color: #d3dfff !important; } .b-c-blue-3 {border-color: #c6d5ff !important; } .b-c-blue-4 {border-color: #b9ccff !important; } .b-c-blue-5 {border-color: #adc3ff !important; } .b-c-blue-6 {border-color: #a0b9ff !important; } .b-c-blue-7 {border-color: #93b0ff !important; } .b-c-blue-8 {border-color: #86a6ff !important; } .b-c-blue-9 {border-color: #7a9dff !important; } .b-c-blue-10 {border-color: #6d94ff !important; } .b-c-blue-11 {border-color: #608aff !important; } .b-c-blue-12 {border-color: #5381ff !important; } .b-c-blue-13 {border-color: #4778ff !important; } .b-c-blue-14 {border-color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .b-c-light-blue-1 {border-color: #c7e9fe !important; } .b-c-light-blue-2 {border-color: #b8e3fd !important; } .b-c-light-blue-3 {border-color: #a9ddfd !important; } .b-c-light-blue-4 {border-color: #9ad7fd !important; } .b-c-light-blue-5 {border-color: #8bd2fd !important; } .b-c-light-blue-6 {border-color: #7cccfc !important; } .b-c-light-blue-7 {border-color: #5fc0fc !important; } .b-c-light-blue-8 {border-color: #6ec6fc !important; } .b-c-light-blue-9 {border-color: #50bafb !important; } .b-c-light-blue-10 {border-color: #41b4fb !important; } .b-c-light-blue-11 {border-color: #32aefb !important; } .b-c-light-blue-12 {border-color: #23a8fa !important; } .b-c-light-blue-13 {border-color: #14a2fa !important; } .b-c-light-blue-14 {border-color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .b-c-cyan-1 {border-color: #b2f3fd !important; } .b-c-cyan-2 {border-color: #a3f1fd !important; } .b-c-cyan-3 {border-color: #94effc !important; } .b-c-cyan-4 {border-color: #85edfc !important; } .b-c-cyan-5 {border-color: #76eafc !important; } .b-c-cyan-6 {border-color: #67e8fb !important; } .b-c-cyan-7 {border-color: #58e6fb !important; } .b-c-cyan-8 {border-color: #49e4fb !important; } .b-c-cyan-9 {border-color: #3ae1fa !important; } .b-c-cyan-10 {border-color: #2bdffa !important; } .b-c-cyan-11 {border-color: #1dddfa !important; } .b-c-cyan-12 {border-color: #0edbf9 !important; } .b-c-cyan-13 {border-color: #06d3f2 !important; } .b-c-cyan-14 {border-color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .b-c-teal-1 {border-color: #9ffcef !important; } .b-c-teal-2 {border-color: #90fced !important; } .b-c-teal-3 {border-color: #81fceb !important; } .b-c-teal-4 {border-color: #72fbe8 !important; } .b-c-teal-5 {border-color: #63fbe6 !important; } .b-c-teal-6 {border-color: #54fbe3 !important; } .b-c-teal-7 {border-color: #45fae1 !important; } .b-c-teal-8 {border-color: #36fadf !important; } .b-c-teal-9 {border-color: #27f9dc !important; } .b-c-teal-10 {border-color: #19f9da !important; } .b-c-teal-11 {border-color: #0af9d7 !important; } .b-c-teal-12 {border-color: #06edcd !important; } .b-c-teal-13 {border-color: #06dec0 !important; } .b-c-teal-14 {border-color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .b-c-green-1 {border-color: #a7fdcb !important; } .b-c-green-2 {border-color: #98fcc2 !important; } .b-c-green-3 {border-color: #8afcb9 !important; } .b-c-green-4 {border-color: #7bfcb0 !important; } .b-c-green-5 {border-color: #6cfba7 !important; } .b-c-green-6 {border-color: #5dfb9e !important; } .b-c-green-7 {border-color: #4efb95 !important; } .b-c-green-8 {border-color: #3ffa8c !important; } .b-c-green-9 {border-color: #30fa83 !important; } .b-c-green-10 {border-color: #21f97a !important; } .b-c-green-11 {border-color: #12f972 !important; } .b-c-green-12 {border-color: #06f669 !important; } .b-c-green-13 {border-color: #06e763 !important; } .b-c-green-14 {border-color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .b-c-light-green-1 {border-color: #e3fad4 !important; } .b-c-light-green-2 {border-color: #daf8c7 !important; } .b-c-light-green-3 {border-color: #d1f6b9 !important; } .b-c-light-green-4 {border-color: #c8f5ac !important; } .b-c-light-green-5 {border-color: #bff39e !important; } .b-c-light-green-6 {border-color: #b6f190 !important; } .b-c-light-green-7 {border-color: #adf083 !important; } .b-c-light-green-8 {border-color: #a4ee75 !important; } .b-c-light-green-9 {border-color: #9bec67 !important; } .b-c-light-green-10 {border-color: #93eb5a !important; } .b-c-light-green-11 {border-color: #8ae94c !important; } .b-c-light-green-12 {border-color: #81e73e !important; } .b-c-light-green-13 {border-color: #78e631 !important; } .b-c-light-green-14 {border-color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .b-c-lime-1 {border-color: #f0fec7 !important; } .b-c-lime-2 {border-color: #ecfdb8 !important; } .b-c-lime-3 {border-color: #e8fda9 !important; } .b-c-lime-4 {border-color: #e3fd9a !important; } .b-c-lime-5 {border-color: #dffd8b !important; } .b-c-lime-6 {border-color: #dbfc7c !important; } .b-c-lime-7 {border-color: #d7fc6e !important; } .b-c-lime-8 {border-color: #d3fc5f !important; } .b-c-lime-9 {border-color: #cffb50 !important; } .b-c-lime-10 {border-color: #cbfb41 !important; } .b-c-lime-11 {border-color: #c7fb32 !important; } .b-c-lime-12 {border-color: #c3fa23 !important; } .b-c-lime-13 {border-color: #bffa14 !important; } .b-c-lime-14 {border-color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .b-c-yellow-1 {border-color: #fff3b8 !important; } .b-c-yellow-2 {border-color: #fff1ab !important; } .b-c-yellow-3 {border-color: #ffef9e !important; } .b-c-yellow-4 {border-color: #ffed91 !important; } .b-c-yellow-5 {border-color: #ffeb85 !important; } .b-c-yellow-6 {border-color: #ffe978 !important; } .b-c-yellow-7 {border-color: #ffe76b !important; } .b-c-yellow-8 {border-color: #ffe55e !important; } .b-c-yellow-9 {border-color: #ffe352 !important; } .b-c-yellow-10 {border-color: #ffe045 !important; } .b-c-yellow-11 {border-color: #ffde38 !important; } .b-c-yellow-12 {border-color: #ffdc2b !important; } .b-c-yellow-13 {border-color: #ffda1f !important; } .b-c-yellow-14 {border-color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .b-c-amber-1 {border-color: #ffe7b8 !important; } .b-c-amber-2 {border-color: #ffe3ab !important; } .b-c-amber-3 {border-color: #ffdf9e !important; } .b-c-amber-4 {border-color: #ffdb91 !important; } .b-c-amber-5 {border-color: #ffd685 !important; } .b-c-amber-6 {border-color: #ffd278 !important; } .b-c-amber-7 {border-color: #ffce6b !important; } .b-c-amber-8 {border-color: #ffca5e !important; } .b-c-amber-9 {border-color: #ffc552 !important; } .b-c-amber-10 {border-color: #ffc145 !important; } .b-c-amber-11 {border-color: #ffbd38 !important; } .b-c-amber-12 {border-color: #ffb92b !important; } .b-c-amber-13 {border-color: #ffb41f !important; } .b-c-amber-14 {border-color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== bg-orange- css start ======**/ .b-c-orange-1 {border-color: #ffeadb !important; } .b-c-orange-2 {border-color: #ffe2cc !important; } .b-c-orange-3 {border-color: #ffd9bd !important; } .b-c-orange-4 {border-color: #ffd0ad !important; } .b-c-orange-5 {border-color: #ffc79e !important; } .b-c-orange-6 {border-color: #ffbe8f !important; } .b-c-orange-7 {border-color: #ffb67f !important; } .b-c-orange-8 {border-color: #ffad70 !important; } .b-c-orange-9 {border-color: #ffa461 !important; } .b-c-orange-10 {border-color: #ff9b52 !important; } .b-c-orange-11 {border-color: #ff9242 !important; } .b-c-orange-12 {border-color: #ff8933 !important; } .b-c-orange-13 {border-color: #ff8124 !important; } .b-c-orange-14 {border-color: #ff7814 !important; } /**====== bg-orange- css start ======**/ /**====== bg-deep-orange- css start ======**/ .b-deep-orange-1 {border-color: #fdc8bb !important; } .b-deep-orange-2 {border-color: #fdbcac !important; } .b-deep-orange-3 {border-color: #fdb09d !important; } .b-deep-orange-4 {border-color: #fca48e !important; } .b-deep-orange-5 {border-color: #fc987f !important; } .b-deep-orange-6 {border-color: #fc8c70 !important; } .b-deep-orange-7 {border-color: #fb8061 !important; } .b-deep-orange-8 {border-color: #fb7452 !important; } .b-deep-orange-9 {border-color: #fb6843 !important; } .b-deep-orange-10 {border-color: #fa5c34 !important; } .b-deep-orange-11 {border-color: #fa5025 !important; } .b-deep-orange-12 {border-color: #fa4316 !important; } .b-deep-orange-13 {border-color: #f93707 !important; } .b-deep-orange-14 {border-color: #ec3305 !important; } /**====== bg-deep-orange- css end ======**/ /**====== Brown-color css start ======**/ .b-c-brown-1 {border-color: #ede2e0 !important; } .b-c-brown-2 {border-color: #e3d3d0 !important; } .b-c-brown-3 {border-color: #dac4c1 !important; } .b-c-brown-4 {border-color: #d0b5b1 !important; } .b-c-brown-5 {border-color: #c6a6a1 !important; } .b-c-brown-6 {border-color: #bd9791 !important; } .b-c-brown-7 {border-color: #b38981 !important; } .b-c-brown-8 {border-color: #aa7a71 !important; } .b-c-brown-9 {border-color: #a06b61 !important; } .b-c-brown-10 {border-color: #916057 !important; } .b-c-brown-11 {border-color: #81554d !important; } .b-c-brown-12 {border-color: #714b44 !important; } .b-c-brown-13 {border-color: #61403a !important; } .b-c-brown-14 {border-color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .b-c-grey-1 {border-color: #d8d8d8 !important; } .b-c-grey-2 {border-color: #cbcbcb !important; } .b-c-grey-3 {border-color: #bebebe !important; } .b-c-grey-4 {border-color: #b1b1b1 !important; } .b-c-grey-5 {border-color: #a5a5a5 !important; } .b-c-grey-6 {border-color: #989898 !important; } .b-c-grey-7 {border-color: #8b8b8b !important; } .b-c-grey-8 {border-color: #7e7e7e !important; } .b-c-grey-9 {border-color: #727272 !important; } .b-c-grey-10 {border-color: #656565 !important; } .b-c-grey-11 {border-color: #585858 !important; } .b-c-grey-12 {border-color: #4b4b4b !important; } .b-c-grey-13 {border-color: #3f3f3f !important; } .b-c-grey-14 {border-color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .b-c-blue-grey-1 {border-color: #e1e7e9 !important; } .b-c-blue-grey-2 {border-color: #d2dbdf !important; } .b-c-blue-grey-3 {border-color: #c3cfd4 !important; } .b-c-blue-grey-4 {border-color: #b4c3ca !important; } .b-c-blue-grey-5 {border-color: #a5b7bf !important; } .b-c-blue-grey-6 {border-color: #96abb4 !important; } .b-c-blue-grey-7 {border-color: #87a0aa !important; } .b-c-blue-grey-8 {border-color: #78949f !important; } .b-c-blue-grey-9 {border-color: #6a8894 !important; } .b-c-blue-grey-10 {border-color: #5f7a85 !important; } .b-c-blue-grey-11 {border-color: #546d77 !important; } .b-c-blue-grey-12 {border-color: #4a5f68 !important; } .b-c-blue-grey-13 {border-color: #3f5159 !important; } .b-c-blue-grey-14 {border-color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .b-c-primary-1 {border-color: #b7f5e9 !important; } .b-c-primary-2 {border-color: #aaf3e5 !important; } .b-c-primary-3 {border-color: #9cf1e1 !important; } .b-c-primary-4 {border-color: #8fefdc !important; } .b-c-primary-5 {border-color: #81eed8 !important; } .b-c-primary-6 {border-color: #74ecd4 !important; } .b-c-primary-7 {border-color: #66ead0 !important; } .b-c-primary-8 {border-color: #59e8cc !important; } .b-c-primary-9 {border-color: #4ce6c8 !important; } .b-c-primary-10 {border-color: #3ee4c4 !important; } .b-c-primary-11 {border-color: #31e2bf !important; } .b-c-primary-12 {border-color: #23e1bb !important; } .b-c-primary-13 {border-color: #1ed7b2 !important; } .b-c-primary-14 {border-color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .b-c-success-1 {border-color: #9fe9bf !important; } .b-c-success-2 {border-color: #97e8b9 !important; } .b-c-success-3 {border-color: #8fe6b4 !important; } .b-c-success-4 {border-color: #86e4ae !important; } .b-c-success-5 {border-color: #7ee2a8 !important; } .b-c-success-6 {border-color: #76e0a3 !important; } .b-c-success-7 {border-color: #6dde9d !important; } .b-c-success-8 {border-color: #65dc98 !important; } .b-c-success-9 {border-color: #5dda92 !important; } .b-c-success-10 {border-color: #54d98c !important; } .b-c-success-11 {border-color: #4cd787 !important; } .b-c-success-12 {border-color: #44d581 !important; } .b-c-success-13 {border-color: #3bd37c !important; } .b-c-success-14 {border-color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .b-c-info-1 {border-color: #add6f1 !important; } .b-c-info-2 {border-color: #a5d1ef !important; } .b-c-info-3 {border-color: #9ccded !important; } .b-c-info-4 {border-color: #93c8ec !important; } .b-c-info-5 {border-color: #8bc4ea !important; } .b-c-info-6 {border-color: #82c0e9 !important; } .b-c-info-7 {border-color: #79bbe7 !important; } .b-c-info-8 {border-color: #71b7e6 !important; } .b-c-info-9 {border-color: #68b2e4 !important; } .b-c-info-10 {border-color: #5faee3 !important; } .b-c-info-11 {border-color: #57aae1 !important; } .b-c-info-12 {border-color: #4ea5e0 !important; } .b-c-info-13 {border-color: #45a1de !important; } .b-c-info-14 {border-color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .b-c-warning-1 {border-color: #f9e596 !important; } .b-c-warning-2 {border-color: #f8e38c !important; } .b-c-warning-3 {border-color: #f8e083 !important; } .b-c-warning-4 {border-color: #f7de79 !important; } .b-c-warning-5 {border-color: #f7dc6f !important; } .b-c-warning-6 {border-color: #f6d966 !important; } .b-c-warning-7 {border-color: #f5d75c !important; } .b-c-warning-8 {border-color: #f5d552 !important; } .b-c-warning-9 {border-color: #f4d249 !important; } .b-c-warning-10 {border-color: #f4d03f !important; } .b-c-warning-11 {border-color: #f3cd36 !important; } .b-c-warning-12 {border-color: #f3cb2c !important; } .b-c-warning-13 {border-color: #f2c922 !important; } .b-c-warning-14 {border-color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .b-c-danger-1 {border-color: #f7c1bb !important; } .b-c-danger-2 {border-color: #f6b8b2 !important; } .b-c-danger-3 {border-color: #f4b0a9 !important; } .b-c-danger-4 {border-color: #f3a8a0 !important; } .b-c-danger-5 {border-color: #f29f97 !important; } .b-c-danger-6 {border-color: #f1978e !important; } .b-c-danger-7 {border-color: #f08f85 !important; } .b-c-danger-8 {border-color: #ef867c !important; } .b-c-danger-9 {border-color: #ee7e72 !important; } .b-c-danger-10 {border-color: #ed7669 !important; } .b-c-danger-11 {border-color: #eb6d60 !important; } .b-c-danger-12 {border-color: #ea6557 !important; } .b-c-danger-13 {border-color: #e95d4e !important; } .b-c-danger-14 {border-color: #e85445 !important; } /******************************************** FINE: BORDER COLOR ********************************************/ /******************************************** RIF.1_9 - COLOR ********************************************/ /**====== Accent-red-color css start ======**/ .c-red-1 {color: #fdb3b3 !important; } .c-red-2 {color: #fda4a4 !important; } .c-red-3 {color: #fd9595 !important; } .c-red-4 {color: #fc8686 !important; } .c-red-5 {color: #fc7777 !important; } .c-red-6 {color: #fb6868 !important; } .c-red-7 {color: #fb5959 !important; } .c-red-8 {color: #fb4a4a !important; } .c-red-9 {color: #fa3b3b !important; } .c-red-10 {color: #fa2c2c !important; } .c-red-11 {color: #fa1d1d !important; } .c-red-12 {color: #f90f0f !important; } .c-red-13 {color: #f30606 !important; } .c-red-14 {color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .c-pink-1 {color: #f8bad6 !important; } .c-pink-2 {color: #f6accd !important; } .c-pink-3 {color: #f59ec5 !important; } .c-pink-4 {color: #f390bd !important; } .c-pink-5 {color: #f282b5 !important; } .c-pink-6 {color: #f074ac !important; } .c-pink-7 {color: #ef67a4 !important; } .c-pink-8 {color: #ed599c !important; } .c-pink-9 {color: #ec4b94 !important; } .c-pink-10 {color: #ea3d8b !important; } .c-pink-11 {color: #e92f83 !important; } .c-pink-12 {color: #e7217b !important; } .c-pink-13 {color: #e21873 !important; } .c-pink-14 {color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .c-purple-1 {color: #f3dbff !important; } .c-purple-2 {color: #eeccff !important; } .c-purple-3 {color: #e9bdff !important; } .c-purple-4 {color: #e4adff !important; } .c-purple-5 {color: #de9eff !important; } .c-purple-6 {color: #d98fff !important; } .c-purple-7 {color: #d47fff !important; } .c-purple-8 {color: #cf70ff !important; } .c-purple-9 {color: #ca61ff !important; } .c-purple-10 {color: #c552ff !important; } .c-purple-11 {color: #c042ff !important; } .c-purple-12 {color: #ba33ff !important; } .c-purple-13 {color: #b524ff !important; } .c-purple-14 {color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .c-deep-purple-1 {color: #dec7fe !important; } .c-deep-purple-2 {color: #d5b8fd !important; } .c-deep-purple-3 {color: #cda9fd !important; } .c-deep-purple-4 {color: #c49afd !important; } .c-deep-purple-5 {color: #bb8bfd !important; } .c-deep-purple-6 {color: #b27cfc !important; } .c-deep-purple-7 {color: #a96efc !important; } .c-deep-purple-8 {color: #a05ffc !important; } .c-deep-purple-9 {color: #9850fb !important; } .c-deep-purple-10 {color: #8f41fb !important; } .c-deep-purple-11 {color: #8632fb !important; } .c-deep-purple-12 {color: #7d23fa !important; } .c-deep-purple-13 {color: #7414fa !important; } .c-deep-purple-14 {color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .c-indigo-1 {color: #e6e9ff !important; } .c-indigo-2 {color: #d9dfff !important; } .c-indigo-3 {color: #ccd4ff !important; } .c-indigo-4 {color: #c0c9ff !important; } .c-indigo-5 {color: #b3beff !important; } .c-indigo-6 {color: #a6b3ff !important; } .c-indigo-7 {color: #9aa9ff !important; } .c-indigo-8 {color: #8d9efe !important; } .c-indigo-9 {color: #8093fe !important; } .c-indigo-10 {color: #7388fe !important; } .c-indigo-11 {color: #677dfe !important; } .c-indigo-12 {color: #5a72fe !important; } .c-indigo-13 {color: #4d68fe !important; } .c-indigo-14 {color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .c-blue-1 {color: #e0e8ff !important; } .c-blue-2 {color: #d3dfff !important; } .c-blue-3 {color: #c6d5ff !important; } .c-blue-4 {color: #b9ccff !important; } .c-blue-5 {color: #adc3ff !important; } .c-blue-6 {color: #a0b9ff !important; } .c-blue-7 {color: #93b0ff !important; } .c-blue-8 {color: #86a6ff !important; } .c-blue-9 {color: #7a9dff !important; } .c-blue-10 {color: #6d94ff !important; } .c-blue-11 {color: #608aff !important; } .c-blue-12 {color: #5381ff !important; } .c-blue-13 {color: #4778ff !important; } .c-blue-14 {color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .c-light-blue-1 {color: #c7e9fe !important; } .c-light-blue-2 {color: #b8e3fd !important; } .c-light-blue-3 {color: #a9ddfd !important; } .c-light-blue-4 {color: #9ad7fd !important; } .c-light-blue-5 {color: #8bd2fd !important; } .c-light-blue-6 {color: #7cccfc !important; } .c-light-blue-7 {color: #5fc0fc !important; } .c-light-blue-8 {color: #6ec6fc !important; } .c-light-blue-9 {color: #50bafb !important; } .c-light-blue-10 {color: #41b4fb !important; } .c-light-blue-11 {color: #32aefb !important; } .c-light-blue-12 {color: #23a8fa !important; } .c-light-blue-13 {color: #14a2fa !important; } .c-light-blue-14 {color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .c-cyan-1 {color: #b2f3fd !important; } .c-cyan-2 {color: #a3f1fd !important; } .c-cyan-3 {color: #94effc !important; } .c-cyan-4 {color: #85edfc !important; } .c-cyan-5 {color: #76eafc !important; } .c-cyan-6 {color: #67e8fb !important; } .c-cyan-7 {color: #58e6fb !important; } .c-cyan-8 {color: #49e4fb !important; } .c-cyan-9 {color: #3ae1fa !important; } .c-cyan-10 {color: #2bdffa !important; } .c-cyan-11 {color: #1dddfa !important; } .c-cyan-12 {color: #0edbf9 !important; } .c-cyan-13 {color: #06d3f2 !important; } .c-cyan-14 {color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .c-teal-1 {color: #9ffcef !important; } .c-teal-2 {color: #90fced !important; } .c-teal-3 {color: #81fceb !important; } .c-teal-4 {color: #72fbe8 !important; } .c-teal-5 {color: #63fbe6 !important; } .c-teal-6 {color: #54fbe3 !important; } .c-teal-7 {color: #45fae1 !important; } .c-teal-8 {color: #36fadf !important; } .c-teal-9 {color: #27f9dc !important; } .c-teal-10 {color: #19f9da !important; } .c-teal-11 {color: #0af9d7 !important; } .c-teal-12 {color: #06edcd !important; } .c-teal-13 {color: #06dec0 !important; } .c-teal-14 {color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .c-green-1 {color: #a7fdcb !important; } .c-green-2 {color: #98fcc2 !important; } .c-green-3 {color: #8afcb9 !important; } .c-green-4 {color: #7bfcb0 !important; } .c-green-5 {color: #6cfba7 !important; } .c-green-6 {color: #5dfb9e !important; } .c-green-7 {color: #4efb95 !important; } .c-green-8 {color: #3ffa8c !important; } .c-green-9 {color: #30fa83 !important; } .c-green-10 {color: #21f97a !important; } .c-green-11 {color: #12f972 !important; } .c-green-12 {color: #06f669 !important; } .c-green-13 {color: #06e763 !important; } .c-green-14 {color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .c-light-green-1 {color: #e3fad4 !important; } .c-light-green-2 {color: #daf8c7 !important; } .c-light-green-3 {color: #d1f6b9 !important; } .c-light-green-4 {color: #c8f5ac !important; } .c-light-green-5 {color: #bff39e !important; } .c-light-green-6 {color: #b6f190 !important; } .c-light-green-7 {color: #adf083 !important; } .c-light-green-8 {color: #a4ee75 !important; } .c-light-green-9 {color: #9bec67 !important; } .c-light-green-10 {color: #93eb5a !important; } .c-light-green-11 {color: #8ae94c !important; } .c-light-green-12 {color: #81e73e !important; } .c-light-green-13 {color: #78e631 !important; } .c-light-green-14 {color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .c-lime-1 {color: #f0fec7 !important; } .c-lime-2 {color: #ecfdb8 !important; } .c-lime-3 {color: #e8fda9 !important; } .c-lime-4 {color: #e3fd9a !important; } .c-lime-5 {color: #dffd8b !important; } .c-lime-6 {color: #dbfc7c !important; } .c-lime-7 {color: #d7fc6e !important; } .c-lime-8 {color: #d3fc5f !important; } .c-lime-9 {color: #cffb50 !important; } .c-lime-10 {color: #cbfb41 !important; } .c-lime-11 {color: #c7fb32 !important; } .c-lime-12 {color: #c3fa23 !important; } .c-lime-13 {color: #bffa14 !important; } .c-lime-14 {color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .c-yellow-1 {color: #fff3b8 !important; } .c-yellow-2 {color: #fff1ab !important; } .c-yellow-3 {color: #ffef9e !important; } .c-yellow-4 {color: #ffed91 !important; } .c-yellow-5 {color: #ffeb85 !important; } .c-yellow-6 {color: #ffe978 !important; } .c-yellow-7 {color: #ffe76b !important; } .c-yellow-8 {color: #ffe55e !important; } .c-yellow-9 {color: #ffe352 !important; } .c-yellow-10 {color: #ffe045 !important; } .c-yellow-11 {color: #ffde38 !important; } .c-yellow-12 {color: #ffdc2b !important; } .c-yellow-13 {color: #ffda1f !important; } .c-yellow-14 {color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .c-amber-1 {color: #ffe7b8 !important; } .c-amber-2 {color: #ffe3ab !important; } .c-amber-3 {color: #ffdf9e !important; } .c-amber-4 {color: #ffdb91 !important; } .c-amber-5 {color: #ffd685 !important; } .c-amber-6 {color: #ffd278 !important; } .c-amber-7 {color: #ffce6b !important; } .c-amber-8 {color: #ffca5e !important; } .c-amber-9 {color: #ffc552 !important; } .c-amber-10 {color: #ffc145 !important; } .c-amber-11 {color: #ffbd38 !important; } .c-amber-12 {color: #ffb92b !important; } .c-amber-13 {color: #ffb41f !important; } .c-amber-14 {color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== c-orange- css start ======**/ .c-orange-1 {color: #ffeadb !important; } .c-orange-2 {color: #ffe2cc !important; } .c-orange-3 {color: #ffd9bd !important; } .c-orange-4 {color: #ffd0ad !important; } .c-orange-5 {color: #ffc79e !important; } .c-orange-6 {color: #ffbe8f !important; } .c-orange-7 {color: #ffb67f !important; } .c-orange-8 {color: #ffad70 !important; } .c-orange-9 {color: #ffa461 !important; } .c-orange-10 {color: #ff9b52 !important; } .c-orange-11 {color: #ff9242 !important; } .c-orange-12 {color: #ff8933 !important; } .c-orange-13 {color: #ff8124 !important; } .c-orange-14 {color: #ff7814 !important; } /**====== c-orange- css start ======**/ /**====== Deep-c-orange- css start ======**/ .deep-c-orange-1 {color: #fdc8bb !important; } .deep-c-orange-2 {color: #fdbcac !important; } .deep-c-orange-3 {color: #fdb09d !important; } .deep-c-orange-4 {color: #fca48e !important; } .deep-c-orange-5 {color: #fc987f !important; } .deep-c-orange-6 {color: #fc8c70 !important; } .deep-c-orange-7 {color: #fb8061 !important; } .deep-c-orange-8 {color: #fb7452 !important; } .deep-c-orange-9 {color: #fb6843 !important; } .deep-c-orange-10 {color: #fa5c34 !important; } .deep-c-orange-11 {color: #fa5025 !important; } .deep-c-orange-12 {color: #fa4316 !important; } .deep-c-orange-13 {color: #f93707 !important; } .deep-c-orange-14 {color: #ec3305 !important; } /**====== Deep-c-orange- css end ======**/ /**====== Brown-color css start ======**/ .c-brown-1 {color: #ede2e0 !important; } .c-brown-2 {color: #e3d3d0 !important; } .c-brown-3 {color: #dac4c1 !important; } .c-brown-4 {color: #d0b5b1 !important; } .c-brown-5 {color: #c6a6a1 !important; } .c-brown-6 {color: #bd9791 !important; } .c-brown-7 {color: #b38981 !important; } .c-brown-8 {color: #aa7a71 !important; } .c-brown-9 {color: #a06b61 !important; } .c-brown-10 {color: #916057 !important; } .c-brown-11 {color: #81554d !important; } .c-brown-12 {color: #714b44 !important; } .c-brown-13 {color: #61403a !important; } .c-brown-14 {color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .c-grey-1 {color: #d8d8d8 !important; } .c-grey-2 {color: #cbcbcb !important; } .c-grey-3 {color: #bebebe !important; } .c-grey-4 {color: #b1b1b1 !important; } .c-grey-5 {color: #a5a5a5 !important; } .c-grey-6 {color: #989898 !important; } .c-grey-7 {color: #8b8b8b !important; } .c-grey-8 {color: #7e7e7e !important; } .c-grey-9 {color: #727272 !important; } .c-grey-10 {color: #656565 !important; } .c-grey-11 {color: #585858 !important; } .c-grey-12 {color: #4b4b4b !important; } .c-grey-13 {color: #3f3f3f !important; } .c-grey-14 {color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .c-blue-grey-1 {color: #e1e7e9 !important; } .c-blue-grey-2 {color: #d2dbdf !important; } .c-blue-grey-3 {color: #c3cfd4 !important; } .c-blue-grey-4 {color: #b4c3ca !important; } .c-blue-grey-5 {color: #a5b7bf !important; } .c-blue-grey-6 {color: #96abb4 !important; } .c-blue-grey-7 {color: #87a0aa !important; } .c-blue-grey-8 {color: #78949f !important; } .c-blue-grey-9 {color: #6a8894 !important; } .c-blue-grey-10 {color: #5f7a85 !important; } .c-blue-grey-11 {color: #546d77 !important; } .c-blue-grey-12 {color: #4a5f68 !important; } .c-blue-grey-13 {color: #3f5159 !important; } .c-blue-grey-14 {color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .c-primary-1 {color: #b7f5e9 !important; } .c-primary-2 {color: #aaf3e5 !important; } .c-primary-3 {color: #9cf1e1 !important; } .c-primary-4 {color: #8fefdc !important; } .c-primary-5 {color: #81eed8 !important; } .c-primary-6 {color: #74ecd4 !important; } .c-primary-7 {color: #66ead0 !important; } .c-primary-8 {color: #59e8cc !important; } .c-primary-9 {color: #4ce6c8 !important; } .c-primary-10 {color: #3ee4c4 !important; } .c-primary-11 {color: #31e2bf !important; } .c-primary-12 {color: #23e1bb !important; } .c-primary-13 {color: #1ed7b2 !important; } .c-primary-14 {color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .c-success-1 {color: #9fe9bf !important; } .c-success-2 {color: #97e8b9 !important; } .c-success-3 {color: #8fe6b4 !important; } .c-success-4 {color: #86e4ae !important; } .c-success-5 {color: #7ee2a8 !important; } .c-success-6 {color: #76e0a3 !important; } .c-success-7 {color: #6dde9d !important; } .c-success-8 {color: #65dc98 !important; } .c-success-9 {color: #5dda92 !important; } .c-success-10 {color: #54d98c !important; } .c-success-11 {color: #4cd787 !important; } .c-success-12 {color: #44d581 !important; } .c-success-13 {color: #3bd37c !important; } .c-success-14 {color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .c-info-1 {color: #add6f1 !important; } .c-info-2 {color: #a5d1ef !important; } .c-info-3 {color: #9ccded !important; } .c-info-4 {color: #93c8ec !important; } .c-info-5 {color: #8bc4ea !important; } .c-info-6 {color: #82c0e9 !important; } .c-info-7 {color: #79bbe7 !important; } .c-info-8 {color: #71b7e6 !important; } .c-info-9 {color: #68b2e4 !important; } .c-info-10 {color: #5faee3 !important; } .c-info-11 {color: #57aae1 !important; } .c-info-12 {color: #4ea5e0 !important; } .c-info-13 {color: #45a1de !important; } .c-info-14 {color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .c-warning-1 {color: #f9e596 !important; } .c-warning-2 {color: #f8e38c !important; } .c-warning-3 {color: #f8e083 !important; } .c-warning-4 {color: #f7de79 !important; } .c-warning-5 {color: #f7dc6f !important; } .c-warning-6 {color: #f6d966 !important; } .c-warning-7 {color: #f5d75c !important; } .c-warning-8 {color: #f5d552 !important; } .c-warning-9 {color: #f4d249 !important; } .c-warning-10 {color: #f4d03f !important; } .c-warning-11 {color: #f3cd36 !important; } .c-warning-12 {color: #f3cb2c !important; } .c-warning-13 {color: #f2c922 !important; } .c-warning-14 {color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .c-danger-1 {color: #f7c1bb !important; } .c-danger-2 {color: #f6b8b2 !important; } .c-danger-3 {color: #f4b0a9 !important; } .c-danger-4 {color: #f3a8a0 !important; } .c-danger-5 {color: #f29f97 !important; } .c-danger-6 {color: #f1978e !important; } .c-danger-7 {color: #f08f85 !important; } .c-danger-8 {color: #ef867c !important; } .c-danger-9 {color: #ee7e72 !important; } .c-danger-10 {color: #ed7669 !important; } .c-danger-11 {color: #eb6d60 !important; } .c-danger-12 {color: #ea6557 !important; } .c-danger-13 {color: #e95d4e !important; } .c-danger-14 {color: #e85445 !important; } /**====== altro ======**/ .c-black{color:#000 !important;} .c-black-1{color:rgba(0,0,0,0.1) !important;} .c-black-2{color:rgba(0,0,0,0.2) !important;} .c-black-3{color:rgba(0,0,0,0.3) !important;} .c-black-4{color:rgba(0,0,0,0.4) !important;} .c-black-5{color:rgba(0,0,0,0.5) !important;} .c-black-6{color:rgba(0,0,0,0.6) !important;} .c-black-7{color:rgba(0,0,0,0.7) !important;} .c-black-8{color:rgba(0,0,0,0.8) !important;} .c-black-9{color:rgba(0,0,0,0.9) !important;} .c-white{color:#fff !important;} .c-white-1{color:rgba(255,255,255,0.1) !important;} .c-white-2{color:rgba(255,255,255,0.2) !important;} .c-white-3{color:rgba(255,255,255,0.3) !important;} .c-white-4{color:rgba(255,255,255,0.4) !important;} .c-white-5{color:rgba(255,255,255,0.5) !important;} .c-white-6{color:rgba(255,255,255,0.6) !important;} .c-white-7{color:rgba(255,255,255,0.7) !important;} .c-white-8{color:rgba(255,255,255,0.8) !important;} .c-white-9{color:rgba(255,255,255,0.9) !important;} .c-trade{color:rgba(120,10,0,1) !important;} .c-trade-1{color:rgba(120,10,0,0.1) !important;} .c-trade-2{color:rgba(120,10,0,0.2) !important;} .c-trade-3{color:rgba(120,10,0,0.3) !important;} .c-trade-4{color:rgba(120,10,0,0.4) !important;} .c-trade-5{color:rgba(120,10,0,0.5) !important;} .c-trade-6{color:rgba(120,10,0,0.6) !important;} .c-trade-7{color:rgba(120,10,0,0.7) !important;} .c-trade-8{color:rgba(120,10,0,0.8) !important;} .c-trade-9{color:rgba(120,10,0,0.9) !important;} /******************************************** FINE: COLOR ********************************************/ /*********************************************** RIF.1_10 - BGCOLOR BUTTON MOUSE HOVER ************************************************/ .bg-btnH-none:hover{background-color:transparent !important;} /**====== Accent-red-color css start ======**/ .bg-btnH-red-1:hover {background-color: #fdb3b3 !important; } .bg-btnH-red-2:hover {background-color: #fda4a4 !important; } .bg-btnH-red-3:hover {background-color: #fd9595 !important; } .bg-btnH-red-4:hover {background-color: #fc8686 !important; } .bg-btnH-red-5:hover {background-color: #fc7777 !important; } .bg-btnH-red-6:hover {background-color: #fb6868 !important; } .bg-btnH-red-7:hover {background-color: #fb5959 !important; } .bg-btnH-red-8:hover {background-color: #fb4a4a !important; } .bg-btnH-red-9:hover {background-color: #fa3b3b !important; } .bg-btnH-red-10:hover {background-color: #fa2c2c !important; } .bg-btnH-red-11:hover {background-color: #fa1d1d !important; } .bg-btnH-red-12:hover {background-color: #f90f0f !important; } .bg-btnH-red-13:hover {background-color: #f30606 !important; } .bg-btnH-red-14:hover {background-color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .bg-btnH-pink-1:hover {background-color: #f8bad6 !important; } .bg-btnH-pink-2:hover {background-color: #f6accd !important; } .bg-btnH-pink-3:hover {background-color: #f59ec5 !important; } .bg-btnH-pink-4:hover {background-color: #f390bd !important; } .bg-btnH-pink-5:hover {background-color: #f282b5 !important; } .bg-btnH-pink-6:hover {background-color: #f074ac !important; } .bg-btnH-pink-7:hover {background-color: #ef67a4 !important; } .bg-btnH-pink-8:hover {background-color: #ed599c !important; } .bg-btnH-pink-9:hover {background-color: #ec4b94 !important; } .bg-btnH-pink-10:hover {background-color: #ea3d8b !important; } .bg-btnH-pink-11:hover {background-color: #e92f83 !important; } .bg-btnH-pink-12:hover {background-color: #e7217b !important; } .bg-btnH-pink-13:hover {background-color: #e21873 !important; } .bg-btnH-pink-14:hover {background-color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .bg-btnH-purple-1:hover {background-color: #f3dbff !important; } .bg-btnH-purple-2:hover {background-color: #eeccff !important; } .bg-btnH-purple-3:hover {background-color: #e9bdff !important; } .bg-btnH-purple-4:hover {background-color: #e4adff !important; } .bg-btnH-purple-5:hover {background-color: #de9eff !important; } .bg-btnH-purple-6:hover {background-color: #d98fff !important; } .bg-btnH-purple-7:hover {background-color: #d47fff !important; } .bg-btnH-purple-8:hover {background-color: #cf70ff !important; } .bg-btnH-purple-9:hover {background-color: #ca61ff !important; } .bg-btnH-purple-10:hover {background-color: #c552ff !important; } .bg-btnH-purple-11:hover {background-color: #c042ff !important; } .bg-btnH-purple-12:hover {background-color: #ba33ff !important; } .bg-btnH-purple-13:hover {background-color: #b524ff !important; } .bg-btnH-purple-14:hover {background-color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .bg-btnH-deep-purple-1:hover {background-color: #dec7fe !important; } .bg-btnH-deep-purple-2:hover {background-color: #d5b8fd !important; } .bg-btnH-deep-purple-3:hover {background-color: #cda9fd !important; } .bg-btnH-deep-purple-4:hover {background-color: #c49afd !important; } .bg-btnH-deep-purple-5:hover {background-color: #bb8bfd !important; } .bg-btnH-deep-purple-6:hover {background-color: #b27cfc !important; } .bg-btnH-deep-purple-7:hover {background-color: #a96efc !important; } .bg-btnH-deep-purple-8:hover {background-color: #a05ffc !important; } .bg-btnH-deep-purple-9:hover {background-color: #9850fb !important; } .bg-btnH-deep-purple-10:hover {background-color: #8f41fb !important; } .bg-btnH-deep-purple-11:hover {background-color: #8632fb !important; } .bg-btnH-deep-purple-12:hover {background-color: #7d23fa !important; } .bg-btnH-deep-purple-13:hover {background-color: #7414fa !important; } .bg-btnH-deep-purple-14:hover {background-color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .bg-btnH-indigo-1:hover {background-color: #e6e9ff !important; } .bg-btnH-indigo-2:hover {background-color: #d9dfff !important; } .bg-btnH-indigo-3:hover {background-color: #ccd4ff !important; } .bg-btnH-indigo-4:hover {background-color: #c0c9ff !important; } .bg-btnH-indigo-5:hover {background-color: #b3beff !important; } .bg-btnH-indigo-6:hover {background-color: #a6b3ff !important; } .bg-btnH-indigo-7:hover {background-color: #9aa9ff !important; } .bg-btnH-indigo-8:hover {background-color: #8d9efe !important; } .bg-btnH-indigo-9:hover {background-color: #8093fe !important; } .bg-btnH-indigo-10:hover {background-color: #7388fe !important; } .bg-btnH-indigo-11:hover {background-color: #677dfe !important; } .bg-btnH-indigo-12:hover {background-color: #5a72fe !important; } .bg-btnH-indigo-13:hover {background-color: #4d68fe !important; } .bg-btnH-indigo-14:hover {background-color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .bg-btnH-blue-1:hover {background-color: #e0e8ff !important; } .bg-btnH-blue-2:hover {background-color: #d3dfff !important; } .bg-btnH-blue-3:hover {background-color: #c6d5ff !important; } .bg-btnH-blue-4:hover {background-color: #b9ccff !important; } .bg-btnH-blue-5:hover {background-color: #adc3ff !important; } .bg-btnH-blue-6:hover {background-color: #a0b9ff !important; } .bg-btnH-blue-7:hover {background-color: #93b0ff !important; } .bg-btnH-blue-8:hover {background-color: #86a6ff !important; } .bg-btnH-blue-9:hover {background-color: #7a9dff !important; } .bg-btnH-blue-10:hover {background-color: #6d94ff !important; } .bg-btnH-blue-11:hover {background-color: #608aff !important; } .bg-btnH-blue-12:hover {background-color: #5381ff !important; } .bg-btnH-blue-13:hover {background-color: #4778ff !important; } .bg-btnH-blue-14:hover {background-color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .bg-btnH-light-blue-1:hover {background-color: #c7e9fe !important; } .bg-btnH-light-blue-2:hover {background-color: #b8e3fd !important; } .bg-btnH-light-blue-3:hover {background-color: #a9ddfd !important; } .bg-btnH-light-blue-4:hover {background-color: #9ad7fd !important; } .bg-btnH-light-blue-5:hover {background-color: #8bd2fd !important; } .bg-btnH-light-blue-6:hover {background-color: #7cccfc !important; } .bg-btnH-light-blue-7:hover {background-color: #5fc0fc !important; } .bg-btnH-light-blue-8:hover {background-color: #6ec6fc !important; } .bg-btnH-light-blue-9:hover {background-color: #50bafb !important; } .bg-btnH-light-blue-10:hover {background-color: #41b4fb !important; } .bg-btnH-light-blue-11:hover {background-color: #32aefb !important; } .bg-btnH-light-blue-12:hover {background-color: #23a8fa !important; } .bg-btnH-light-blue-13:hover {background-color: #14a2fa !important; } .bg-btnH-light-blue-14:hover {background-color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .bg-btnH-cyan-1:hover {background-color: #b2f3fd !important; } .bg-btnH-cyan-2:hover {background-color: #a3f1fd !important; } .bg-btnH-cyan-3:hover {background-color: #94effc !important; } .bg-btnH-cyan-4:hover {background-color: #85edfc !important; } .bg-btnH-cyan-5:hover {background-color: #76eafc !important; } .bg-btnH-cyan-6:hover {background-color: #67e8fb !important; } .bg-btnH-cyan-7:hover {background-color: #58e6fb !important; } .bg-btnH-cyan-8:hover {background-color: #49e4fb !important; } .bg-btnH-cyan-9:hover {background-color: #3ae1fa !important; } .bg-btnH-cyan-10:hover {background-color: #2bdffa !important; } .bg-btnH-cyan-11:hover {background-color: #1dddfa !important; } .bg-btnH-cyan-12:hover {background-color: #0edbf9 !important; } .bg-btnH-cyan-13:hover {background-color: #06d3f2 !important; } .bg-btnH-cyan-14:hover {background-color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .bg-btnH-teal-1:hover {background-color: #9ffcef !important; } .bg-btnH-teal-2:hover {background-color: #90fced !important; } .bg-btnH-teal-3:hover {background-color: #81fceb !important; } .bg-btnH-teal-4:hover {background-color: #72fbe8 !important; } .bg-btnH-teal-5:hover {background-color: #63fbe6 !important; } .bg-btnH-teal-6:hover {background-color: #54fbe3 !important; } .bg-btnH-teal-7:hover {background-color: #45fae1 !important; } .bg-btnH-teal-8:hover {background-color: #36fadf !important; } .bg-btnH-teal-9:hover {background-color: #27f9dc !important; } .bg-btnH-teal-10:hover {background-color: #19f9da !important; } .bg-btnH-teal-11:hover {background-color: #0af9d7 !important; } .bg-btnH-teal-12:hover {background-color: #06edcd !important; } .bg-btnH-teal-13:hover {background-color: #06dec0 !important; } .bg-btnH-teal-14:hover {background-color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .bg-btnH-green-1:hover {background-color: #a7fdcb !important; } .bg-btnH-green-2:hover {background-color: #98fcc2 !important; } .bg-btnH-green-3:hover {background-color: #8afcb9 !important; } .bg-btnH-green-4:hover {background-color: #7bfcb0 !important; } .bg-btnH-green-5:hover {background-color: #6cfba7 !important; } .bg-btnH-green-6:hover {background-color: #5dfb9e !important; } .bg-btnH-green-7:hover {background-color: #4efb95 !important; } .bg-btnH-green-8:hover {background-color: #3ffa8c !important; } .bg-btnH-green-9:hover {background-color: #30fa83 !important; } .bg-btnH-green-10:hover {background-color: #21f97a !important; } .bg-btnH-green-11:hover {background-color: #12f972 !important; } .bg-btnH-green-12:hover {background-color: #06f669 !important; } .bg-btnH-green-13:hover {background-color: #06e763 !important; } .bg-btnH-green-14:hover {background-color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .bg-btnH-light-green-1:hover {background-color: #e3fad4 !important; } .bg-btnH-light-green-2:hover {background-color: #daf8c7 !important; } .bg-btnH-light-green-3:hover {background-color: #d1f6b9 !important; } .bg-btnH-light-green-4:hover {background-color: #c8f5ac !important; } .bg-btnH-light-green-5:hover {background-color: #bff39e !important; } .bg-btnH-light-green-6:hover {background-color: #b6f190 !important; } .bg-btnH-light-green-7:hover {background-color: #adf083 !important; } .bg-btnH-light-green-8:hover {background-color: #a4ee75 !important; } .bg-btnH-light-green-9:hover {background-color: #9bec67 !important; } .bg-btnH-light-green-10:hover {background-color: #93eb5a !important; } .bg-btnH-light-green-11:hover {background-color: #8ae94c !important; } .bg-btnH-light-green-12:hover {background-color: #81e73e !important; } .bg-btnH-light-green-13:hover {background-color: #78e631 !important; } .bg-btnH-light-green-14:hover {background-color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .bg-btnH-lime-1:hover {background-color: #f0fec7 !important; } .bg-btnH-lime-2:hover {background-color: #ecfdb8 !important; } .bg-btnH-lime-3:hover {background-color: #e8fda9 !important; } .bg-btnH-lime-4:hover {background-color: #e3fd9a !important; } .bg-btnH-lime-5:hover {background-color: #dffd8b !important; } .bg-btnH-lime-6:hover {background-color: #dbfc7c !important; } .bg-btnH-lime-7:hover {background-color: #d7fc6e !important; } .bg-btnH-lime-8:hover {background-color: #d3fc5f !important; } .bg-btnH-lime-9:hover {background-color: #cffb50 !important; } .bg-btnH-lime-10:hover {background-color: #cbfb41 !important; } .bg-btnH-lime-11:hover {background-color: #c7fb32 !important; } .bg-btnH-lime-12:hover {background-color: #c3fa23 !important; } .bg-btnH-lime-13:hover {background-color: #bffa14 !important; } .bg-btnH-lime-14:hover {background-color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .bg-btnH-yellow-1:hover {background-color: #fff3b8 !important; } .bg-btnH-yellow-2:hover {background-color: #fff1ab !important; } .bg-btnH-yellow-3:hover {background-color: #ffef9e !important; } .bg-btnH-yellow-4:hover {background-color: #ffed91 !important; } .bg-btnH-yellow-5:hover {background-color: #ffeb85 !important; } .bg-btnH-yellow-6:hover {background-color: #ffe978 !important; } .bg-btnH-yellow-7:hover {background-color: #ffe76b !important; } .bg-btnH-yellow-8:hover {background-color: #ffe55e !important; } .bg-btnH-yellow-9:hover {background-color: #ffe352 !important; } .bg-btnH-yellow-10:hover {background-color: #ffe045 !important; } .bg-btnH-yellow-11:hover {background-color: #ffde38 !important; } .bg-btnH-yellow-12:hover {background-color: #ffdc2b !important; } .bg-btnH-yellow-13:hover {background-color: #ffda1f !important; } .bg-btnH-yellow-14:hover {background-color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .bg-btnH-amber-1:hover {background-color: #ffe7b8 !important; } .bg-btnH-amber-2:hover {background-color: #ffe3ab !important; } .bg-btnH-amber-3:hover {background-color: #ffdf9e !important; } .bg-btnH-amber-4:hover {background-color: #ffdb91 !important; } .bg-btnH-amber-5:hover {background-color: #ffd685 !important; } .bg-btnH-amber-6:hover {background-color: #ffd278 !important; } .bg-btnH-amber-7:hover {background-color: #ffce6b !important; } .bg-btnH-amber-8:hover {background-color: #ffca5e !important; } .bg-btnH-amber-9:hover {background-color: #ffc552 !important; } .bg-btnH-amber-10:hover {background-color: #ffc145 !important; } .bg-btnH-amber-11:hover {background-color: #ffbd38 !important; } .bg-btnH-amber-12:hover {background-color: #ffb92b !important; } .bg-btnH-amber-13:hover {background-color: #ffb41f !important; } .bg-btnH-amber-14:hover {background-color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== bg-btnH-orange- css start ======**/ .bg-btnH-orange-1:hover {background-color: #ffeadb !important; } .bg-btnH-orange-2:hover {background-color: #ffe2cc !important; } .bg-btnH-orange-3:hover {background-color: #ffd9bd !important; } .bg-btnH-orange-4:hover {background-color: #ffd0ad !important; } .bg-btnH-orange-5:hover {background-color: #ffc79e !important; } .bg-btnH-orange-6:hover {background-color: #ffbe8f !important; } .bg-btnH-orange-7:hover {background-color: #ffb67f !important; } .bg-btnH-orange-8:hover {background-color: #ffad70 !important; } .bg-btnH-orange-9:hover {background-color: #ffa461 !important; } .bg-btnH-orange-10:hover {background-color: #ff9b52 !important; } .bg-btnH-orange-11:hover {background-color: #ff9242 !important; } .bg-btnH-orange-12:hover {background-color: #ff8933 !important; } .bg-btnH-orange-13:hover {background-color: #ff8124 !important; } .bg-btnH-orange-14:hover {background-color: #ff7814 !important; } /**====== bg-btnH-orange- css start ======**/ /**====== Deep-bg-btnH-orange- css start ======**/ .deep-bg-btnH-orange-1:hover {background-color: #fdc8bb !important; } .deep-bg-btnH-orange-2:hover {background-color: #fdbcac !important; } .deep-bg-btnH-orange-3:hover {background-color: #fdb09d !important; } .deep-bg-btnH-orange-4:hover {background-color: #fca48e !important; } .deep-bg-btnH-orange-5:hover {background-color: #fc987f !important; } .deep-bg-btnH-orange-6:hover {background-color: #fc8c70 !important; } .deep-bg-btnH-orange-7:hover {background-color: #fb8061 !important; } .deep-bg-btnH-orange-8:hover {background-color: #fb7452 !important; } .deep-bg-btnH-orange-9:hover {background-color: #fb6843 !important; } .deep-bg-btnH-orange-10:hover {background-color: #fa5c34 !important; } .deep-bg-btnH-orange-11:hover {background-color: #fa5025 !important; } .deep-bg-btnH-orange-12:hover {background-color: #fa4316 !important; } .deep-bg-btnH-orange-13:hover {background-color: #f93707 !important; } .deep-bg-btnH-orange-14:hover {background-color: #ec3305 !important; } /**====== Deep-bg-btnH-orange- css end ======**/ /**====== Brown-color css start ======**/ .bg-btnH-brown-1:hover {background-color: #ede2e0 !important; } .bg-btnH-brown-2:hover {background-color: #e3d3d0 !important; } .bg-btnH-brown-3:hover {background-color: #dac4c1 !important; } .bg-btnH-brown-4:hover {background-color: #d0b5b1 !important; } .bg-btnH-brown-5:hover {background-color: #c6a6a1 !important; } .bg-btnH-brown-6:hover {background-color: #bd9791 !important; } .bg-btnH-brown-7:hover {background-color: #b38981 !important; } .bg-btnH-brown-8:hover {background-color: #aa7a71 !important; } .bg-btnH-brown-9:hover {background-color: #a06b61 !important; } .bg-btnH-brown-10:hover {background-color: #916057 !important; } .bg-btnH-brown-11:hover {background-color: #81554d !important; } .bg-btnH-brown-12:hover {background-color: #714b44 !important; } .bg-btnH-brown-13:hover {background-color: #61403a !important; } .bg-btnH-brown-14:hover {background-color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .bg-btnH-grey-1:hover {background-color: #d8d8d8 !important; } .bg-btnH-grey-2:hover {background-color: #cbcbcb !important; } .bg-btnH-grey-3:hover {background-color: #bebebe !important; } .bg-btnH-grey-4:hover {background-color: #b1b1b1 !important; } .bg-btnH-grey-5:hover {background-color: #a5a5a5 !important; } .bg-btnH-grey-6:hover {background-color: #989898 !important; } .bg-btnH-grey-7:hover {background-color: #8b8b8b !important; } .bg-btnH-grey-8:hover {background-color: #7e7e7e !important; } .bg-btnH-grey-9:hover {background-color: #727272 !important; } .bg-btnH-grey-10:hover {background-color: #656565 !important; } .bg-btnH-grey-11:hover {background-color: #585858 !important; } .bg-btnH-grey-12:hover {background-color: #4b4b4b !important; } .bg-btnH-grey-13:hover {background-color: #3f3f3f !important; } .bg-btnH-grey-14:hover {background-color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .bg-btnH-blue-grey-1:hover {background-color: #e1e7e9 !important; } .bg-btnH-blue-grey-2:hover {background-color: #d2dbdf !important; } .bg-btnH-blue-grey-3:hover {background-color: #c3cfd4 !important; } .bg-btnH-blue-grey-4:hover {background-color: #b4c3ca !important; } .bg-btnH-blue-grey-5:hover {background-color: #a5b7bf !important; } .bg-btnH-blue-grey-6:hover {background-color: #96abb4 !important; } .bg-btnH-blue-grey-7:hover {background-color: #87a0aa !important; } .bg-btnH-blue-grey-8:hover {background-color: #78949f !important; } .bg-btnH-blue-grey-9:hover {background-color: #6a8894 !important; } .bg-btnH-blue-grey-10:hover {background-color: #5f7a85 !important; } .bg-btnH-blue-grey-11:hover {background-color: #546d77 !important; } .bg-btnH-blue-grey-12:hover {background-color: #4a5f68 !important; } .bg-btnH-blue-grey-13:hover {background-color: #3f5159 !important; } .bg-btnH-blue-grey-14:hover {background-color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .bg-btnH-primary-1:hover {background-color: #b7f5e9 !important; } .bg-btnH-primary-2:hover {background-color: #aaf3e5 !important; } .bg-btnH-primary-3:hover {background-color: #9cf1e1 !important; } .bg-btnH-primary-4:hover {background-color: #8fefdc !important; } .bg-btnH-primary-5:hover {background-color: #81eed8 !important; } .bg-btnH-primary-6:hover {background-color: #74ecd4 !important; } .bg-btnH-primary-7:hover {background-color: #66ead0 !important; } .bg-btnH-primary-8:hover {background-color: #59e8cc !important; } .bg-btnH-primary-9:hover {background-color: #4ce6c8 !important; } .bg-btnH-primary-10:hover {background-color: #3ee4c4 !important; } .bg-btnH-primary-11:hover {background-color: #31e2bf !important; } .bg-btnH-primary-12:hover {background-color: #23e1bb !important; } .bg-btnH-primary-13:hover {background-color: #1ed7b2 !important; } .bg-btnH-primary-14:hover {background-color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .bg-btnH-success-1:hover {background-color: #9fe9bf !important; } .bg-btnH-success-2:hover {background-color: #97e8b9 !important; } .bg-btnH-success-3:hover {background-color: #8fe6b4 !important; } .bg-btnH-success-4:hover {background-color: #86e4ae !important; } .bg-btnH-success-5:hover {background-color: #7ee2a8 !important; } .bg-btnH-success-6:hover {background-color: #76e0a3 !important; } .bg-btnH-success-7:hover {background-color: #6dde9d !important; } .bg-btnH-success-8:hover {background-color: #65dc98 !important; } .bg-btnH-success-9:hover {background-color: #5dda92 !important; } .bg-btnH-success-10:hover {background-color: #54d98c !important; } .bg-btnH-success-11:hover {background-color: #4cd787 !important; } .bg-btnH-success-12:hover {background-color: #44d581 !important; } .bg-btnH-success-13:hover {background-color: #3bd37c !important; } .bg-btnH-success-14:hover {background-color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .bg-btnH-info-1:hover {background-color: #add6f1 !important; } .bg-btnH-info-2:hover {background-color: #a5d1ef !important; } .bg-btnH-info-3:hover {background-color: #9ccded !important; } .bg-btnH-info-4:hover {background-color: #93c8ec !important; } .bg-btnH-info-5:hover {background-color: #8bc4ea !important; } .bg-btnH-info-6:hover {background-color: #82c0e9 !important; } .bg-btnH-info-7:hover {background-color: #79bbe7 !important; } .bg-btnH-info-8:hover {background-color: #71b7e6 !important; } .bg-btnH-info-9:hover {background-color: #68b2e4 !important; } .bg-btnH-info-10:hover {background-color: #5faee3 !important; } .bg-btnH-info-11:hover {background-color: #57aae1 !important; } .bg-btnH-info-12:hover {background-color: #4ea5e0 !important; } .bg-btnH-info-13:hover {background-color: #45a1de !important; } .bg-btnH-info-14:hover {background-color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .bg-btnH-warning-1:hover {background-color: #f9e596 !important; } .bg-btnH-warning-2:hover {background-color: #f8e38c !important; } .bg-btnH-warning-3:hover {background-color: #f8e083 !important; } .bg-btnH-warning-4:hover {background-color: #f7de79 !important; } .bg-btnH-warning-5:hover {background-color: #f7dc6f !important; } .bg-btnH-warning-6:hover {background-color: #f6d966 !important; } .bg-btnH-warning-7:hover {background-color: #f5d75c !important; } .bg-btnH-warning-8:hover {background-color: #f5d552 !important; } .bg-btnH-warning-9:hover {background-color: #f4d249 !important; } .bg-btnH-warning-10:hover {background-color: #f4d03f !important; } .bg-btnH-warning-11:hover {background-color: #f3cd36 !important; } .bg-btnH-warning-12:hover {background-color: #f3cb2c !important; } .bg-btnH-warning-13:hover {background-color: #f2c922 !important; } .bg-btnH-warning-14:hover {background-color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .bg-btnH-danger-1:hover {background-color: #f7c1bb !important; } .bg-btnH-danger-2:hover {background-color: #f6b8b2 !important; } .bg-btnH-danger-3:hover {background-color: #f4b0a9 !important; } .bg-btnH-danger-4:hover {background-color: #f3a8a0 !important; } .bg-btnH-danger-5:hover {background-color: #f29f97 !important; } .bg-btnH-danger-6:hover {background-color: #f1978e !important; } .bg-btnH-danger-7:hover {background-color: #f08f85 !important; } .bg-btnH-danger-8:hover {background-color: #ef867c !important; } .bg-btnH-danger-9:hover {background-color: #ee7e72 !important; } .bg-btnH-danger-10:hover {background-color: #ed7669 !important; } .bg-btnH-danger-11:hover {background-color: #eb6d60 !important; } .bg-btnH-danger-12:hover {background-color: #ea6557 !important; } .bg-btnH-danger-13:hover {background-color: #e95d4e !important; } .bg-btnH-danger-14:hover {background-color: #e85445 !important; } /*********************************************** FINE: BGCOLOR BUTTON MOUSE HOVER ************************************************/ /*********************************************** RIF.1_11 - BGCOLOR HREF MOUSE HOVER ************************************************/ .bg-aH-none:hover{background-color:transparent !important;} /**====== Accent-red-color css start ======**/ .bg-aH-red-1:hover {background-color: #fdb3b3 !important; } .bg-aH-red-2:hover {background-color: #fda4a4 !important; } .bg-aH-red-3:hover {background-color: #fd9595 !important; } .bg-aH-red-4:hover {background-color: #fc8686 !important; } .bg-aH-red-5:hover {background-color: #fc7777 !important; } .bg-aH-red-6:hover {background-color: #fb6868 !important; } .bg-aH-red-7:hover {background-color: #fb5959 !important; } .bg-aH-red-8:hover {background-color: #fb4a4a !important; } .bg-aH-red-9:hover {background-color: #fa3b3b !important; } .bg-aH-red-10:hover {background-color: #fa2c2c !important; } .bg-aH-red-11:hover {background-color: #fa1d1d !important; } .bg-aH-red-12:hover {background-color: #f90f0f !important; } .bg-aH-red-13:hover {background-color: #f30606 !important; } .bg-aH-red-14:hover {background-color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .bg-aH-pink-1:hover {background-color: #f8bad6 !important; } .bg-aH-pink-2:hover {background-color: #f6accd !important; } .bg-aH-pink-3:hover {background-color: #f59ec5 !important; } .bg-aH-pink-4:hover {background-color: #f390bd !important; } .bg-aH-pink-5:hover {background-color: #f282b5 !important; } .bg-aH-pink-6:hover {background-color: #f074ac !important; } .bg-aH-pink-7:hover {background-color: #ef67a4 !important; } .bg-aH-pink-8:hover {background-color: #ed599c !important; } .bg-aH-pink-9:hover {background-color: #ec4b94 !important; } .bg-aH-pink-10:hover {background-color: #ea3d8b !important; } .bg-aH-pink-11:hover {background-color: #e92f83 !important; } .bg-aH-pink-12:hover {background-color: #e7217b !important; } .bg-aH-pink-13:hover {background-color: #e21873 !important; } .bg-aH-pink-14:hover {background-color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .bg-aH-purple-1:hover {background-color: #f3dbff !important; } .bg-aH-purple-2:hover {background-color: #eeccff !important; } .bg-aH-purple-3:hover {background-color: #e9bdff !important; } .bg-aH-purple-4:hover {background-color: #e4adff !important; } .bg-aH-purple-5:hover {background-color: #de9eff !important; } .bg-aH-purple-6:hover {background-color: #d98fff !important; } .bg-aH-purple-7:hover {background-color: #d47fff !important; } .bg-aH-purple-8:hover {background-color: #cf70ff !important; } .bg-aH-purple-9:hover {background-color: #ca61ff !important; } .bg-aH-purple-10:hover {background-color: #c552ff !important; } .bg-aH-purple-11:hover {background-color: #c042ff !important; } .bg-aH-purple-12:hover {background-color: #ba33ff !important; } .bg-aH-purple-13:hover {background-color: #b524ff !important; } .bg-aH-purple-14:hover {background-color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .bg-aH-deep-purple-1:hover {background-color: #dec7fe !important; } .bg-aH-deep-purple-2:hover {background-color: #d5b8fd !important; } .bg-aH-deep-purple-3:hover {background-color: #cda9fd !important; } .bg-aH-deep-purple-4:hover {background-color: #c49afd !important; } .bg-aH-deep-purple-5:hover {background-color: #bb8bfd !important; } .bg-aH-deep-purple-6:hover {background-color: #b27cfc !important; } .bg-aH-deep-purple-7:hover {background-color: #a96efc !important; } .bg-aH-deep-purple-8:hover {background-color: #a05ffc !important; } .bg-aH-deep-purple-9:hover {background-color: #9850fb !important; } .bg-aH-deep-purple-10:hover {background-color: #8f41fb !important; } .bg-aH-deep-purple-11:hover {background-color: #8632fb !important; } .bg-aH-deep-purple-12:hover {background-color: #7d23fa !important; } .bg-aH-deep-purple-13:hover {background-color: #7414fa !important; } .bg-aH-deep-purple-14:hover {background-color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .bg-aH-indigo-1:hover {background-color: #e6e9ff !important; } .bg-aH-indigo-2:hover {background-color: #d9dfff !important; } .bg-aH-indigo-3:hover {background-color: #ccd4ff !important; } .bg-aH-indigo-4:hover {background-color: #c0c9ff !important; } .bg-aH-indigo-5:hover {background-color: #b3beff !important; } .bg-aH-indigo-6:hover {background-color: #a6b3ff !important; } .bg-aH-indigo-7:hover {background-color: #9aa9ff !important; } .bg-aH-indigo-8:hover {background-color: #8d9efe !important; } .bg-aH-indigo-9:hover {background-color: #8093fe !important; } .bg-aH-indigo-10:hover {background-color: #7388fe !important; } .bg-aH-indigo-11:hover {background-color: #677dfe !important; } .bg-aH-indigo-12:hover {background-color: #5a72fe !important; } .bg-aH-indigo-13:hover {background-color: #4d68fe !important; } .bg-aH-indigo-14:hover {background-color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .bg-aH-blue-1:hover {background-color: #e0e8ff !important; } .bg-aH-blue-2:hover {background-color: #d3dfff !important; } .bg-aH-blue-3:hover {background-color: #c6d5ff !important; } .bg-aH-blue-4:hover {background-color: #b9ccff !important; } .bg-aH-blue-5:hover {background-color: #adc3ff !important; } .bg-aH-blue-6:hover {background-color: #a0b9ff !important; } .bg-aH-blue-7:hover {background-color: #93b0ff !important; } .bg-aH-blue-8:hover {background-color: #86a6ff !important; } .bg-aH-blue-9:hover {background-color: #7a9dff !important; } .bg-aH-blue-10:hover {background-color: #6d94ff !important; } .bg-aH-blue-11:hover {background-color: #608aff !important; } .bg-aH-blue-12:hover {background-color: #5381ff !important; } .bg-aH-blue-13:hover {background-color: #4778ff !important; } .bg-aH-blue-14:hover {background-color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .bg-aH-light-blue-1:hover {background-color: #c7e9fe !important; } .bg-aH-light-blue-2:hover {background-color: #b8e3fd !important; } .bg-aH-light-blue-3:hover {background-color: #a9ddfd !important; } .bg-aH-light-blue-4:hover {background-color: #9ad7fd !important; } .bg-aH-light-blue-5:hover {background-color: #8bd2fd !important; } .bg-aH-light-blue-6:hover {background-color: #7cccfc !important; } .bg-aH-light-blue-7:hover {background-color: #5fc0fc !important; } .bg-aH-light-blue-8:hover {background-color: #6ec6fc !important; } .bg-aH-light-blue-9:hover {background-color: #50bafb !important; } .bg-aH-light-blue-10:hover {background-color: #41b4fb !important; } .bg-aH-light-blue-11:hover {background-color: #32aefb !important; } .bg-aH-light-blue-12:hover {background-color: #23a8fa !important; } .bg-aH-light-blue-13:hover {background-color: #14a2fa !important; } .bg-aH-light-blue-14:hover {background-color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .bg-aH-cyan-1:hover {background-color: #b2f3fd !important; } .bg-aH-cyan-2:hover {background-color: #a3f1fd !important; } .bg-aH-cyan-3:hover {background-color: #94effc !important; } .bg-aH-cyan-4:hover {background-color: #85edfc !important; } .bg-aH-cyan-5:hover {background-color: #76eafc !important; } .bg-aH-cyan-6:hover {background-color: #67e8fb !important; } .bg-aH-cyan-7:hover {background-color: #58e6fb !important; } .bg-aH-cyan-8:hover {background-color: #49e4fb !important; } .bg-aH-cyan-9:hover {background-color: #3ae1fa !important; } .bg-aH-cyan-10:hover {background-color: #2bdffa !important; } .bg-aH-cyan-11:hover {background-color: #1dddfa !important; } .bg-aH-cyan-12:hover {background-color: #0edbf9 !important; } .bg-aH-cyan-13:hover {background-color: #06d3f2 !important; } .bg-aH-cyan-14:hover {background-color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .bg-aH-teal-1:hover {background-color: #9ffcef !important; } .bg-aH-teal-2:hover {background-color: #90fced !important; } .bg-aH-teal-3:hover {background-color: #81fceb !important; } .bg-aH-teal-4:hover {background-color: #72fbe8 !important; } .bg-aH-teal-5:hover {background-color: #63fbe6 !important; } .bg-aH-teal-6:hover {background-color: #54fbe3 !important; } .bg-aH-teal-7:hover {background-color: #45fae1 !important; } .bg-aH-teal-8:hover {background-color: #36fadf !important; } .bg-aH-teal-9:hover {background-color: #27f9dc !important; } .bg-aH-teal-10:hover {background-color: #19f9da !important; } .bg-aH-teal-11:hover {background-color: #0af9d7 !important; } .bg-aH-teal-12:hover {background-color: #06edcd !important; } .bg-aH-teal-13:hover {background-color: #06dec0 !important; } .bg-aH-teal-14:hover {background-color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .bg-aH-green-1:hover {background-color: #a7fdcb !important; } .bg-aH-green-2:hover {background-color: #98fcc2 !important; } .bg-aH-green-3:hover {background-color: #8afcb9 !important; } .bg-aH-green-4:hover {background-color: #7bfcb0 !important; } .bg-aH-green-5:hover {background-color: #6cfba7 !important; } .bg-aH-green-6:hover {background-color: #5dfb9e !important; } .bg-aH-green-7:hover {background-color: #4efb95 !important; } .bg-aH-green-8:hover {background-color: #3ffa8c !important; } .bg-aH-green-9:hover {background-color: #30fa83 !important; } .bg-aH-green-10:hover {background-color: #21f97a !important; } .bg-aH-green-11:hover {background-color: #12f972 !important; } .bg-aH-green-12:hover {background-color: #06f669 !important; } .bg-aH-green-13:hover {background-color: #06e763 !important; } .bg-aH-green-14:hover {background-color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .bg-aH-light-green-1:hover {background-color: #e3fad4 !important; } .bg-aH-light-green-2:hover {background-color: #daf8c7 !important; } .bg-aH-light-green-3:hover {background-color: #d1f6b9 !important; } .bg-aH-light-green-4:hover {background-color: #c8f5ac !important; } .bg-aH-light-green-5:hover {background-color: #bff39e !important; } .bg-aH-light-green-6:hover {background-color: #b6f190 !important; } .bg-aH-light-green-7:hover {background-color: #adf083 !important; } .bg-aH-light-green-8:hover {background-color: #a4ee75 !important; } .bg-aH-light-green-9:hover {background-color: #9bec67 !important; } .bg-aH-light-green-10:hover {background-color: #93eb5a !important; } .bg-aH-light-green-11:hover {background-color: #8ae94c !important; } .bg-aH-light-green-12:hover {background-color: #81e73e !important; } .bg-aH-light-green-13:hover {background-color: #78e631 !important; } .bg-aH-light-green-14:hover {background-color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .bg-aH-lime-1:hover {background-color: #f0fec7 !important; } .bg-aH-lime-2:hover {background-color: #ecfdb8 !important; } .bg-aH-lime-3:hover {background-color: #e8fda9 !important; } .bg-aH-lime-4:hover {background-color: #e3fd9a !important; } .bg-aH-lime-5:hover {background-color: #dffd8b !important; } .bg-aH-lime-6:hover {background-color: #dbfc7c !important; } .bg-aH-lime-7:hover {background-color: #d7fc6e !important; } .bg-aH-lime-8:hover {background-color: #d3fc5f !important; } .bg-aH-lime-9:hover {background-color: #cffb50 !important; } .bg-aH-lime-10:hover {background-color: #cbfb41 !important; } .bg-aH-lime-11:hover {background-color: #c7fb32 !important; } .bg-aH-lime-12:hover {background-color: #c3fa23 !important; } .bg-aH-lime-13:hover {background-color: #bffa14 !important; } .bg-aH-lime-14:hover {background-color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .bg-aH-yellow-1:hover {background-color: #fff3b8 !important; } .bg-aH-yellow-2:hover {background-color: #fff1ab !important; } .bg-aH-yellow-3:hover {background-color: #ffef9e !important; } .bg-aH-yellow-4:hover {background-color: #ffed91 !important; } .bg-aH-yellow-5:hover {background-color: #ffeb85 !important; } .bg-aH-yellow-6:hover {background-color: #ffe978 !important; } .bg-aH-yellow-7:hover {background-color: #ffe76b !important; } .bg-aH-yellow-8:hover {background-color: #ffe55e !important; } .bg-aH-yellow-9:hover {background-color: #ffe352 !important; } .bg-aH-yellow-10:hover {background-color: #ffe045 !important; } .bg-aH-yellow-11:hover {background-color: #ffde38 !important; } .bg-aH-yellow-12:hover {background-color: #ffdc2b !important; } .bg-aH-yellow-13:hover {background-color: #ffda1f !important; } .bg-aH-yellow-14:hover {background-color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .bg-aH-amber-1:hover {background-color: #ffe7b8 !important; } .bg-aH-amber-2:hover {background-color: #ffe3ab !important; } .bg-aH-amber-3:hover {background-color: #ffdf9e !important; } .bg-aH-amber-4:hover {background-color: #ffdb91 !important; } .bg-aH-amber-5:hover {background-color: #ffd685 !important; } .bg-aH-amber-6:hover {background-color: #ffd278 !important; } .bg-aH-amber-7:hover {background-color: #ffce6b !important; } .bg-aH-amber-8:hover {background-color: #ffca5e !important; } .bg-aH-amber-9:hover {background-color: #ffc552 !important; } .bg-aH-amber-10:hover {background-color: #ffc145 !important; } .bg-aH-amber-11:hover {background-color: #ffbd38 !important; } .bg-aH-amber-12:hover {background-color: #ffb92b !important; } .bg-aH-amber-13:hover {background-color: #ffb41f !important; } .bg-aH-amber-14:hover {background-color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== bg-aH-orange- css start ======**/ .bg-aH-orange-1:hover {background-color: #ffeadb !important; } .bg-aH-orange-2:hover {background-color: #ffe2cc !important; } .bg-aH-orange-3:hover {background-color: #ffd9bd !important; } .bg-aH-orange-4:hover {background-color: #ffd0ad !important; } .bg-aH-orange-5:hover {background-color: #ffc79e !important; } .bg-aH-orange-6:hover {background-color: #ffbe8f !important; } .bg-aH-orange-7:hover {background-color: #ffb67f !important; } .bg-aH-orange-8:hover {background-color: #ffad70 !important; } .bg-aH-orange-9:hover {background-color: #ffa461 !important; } .bg-aH-orange-10:hover {background-color: #ff9b52 !important; } .bg-aH-orange-11:hover {background-color: #ff9242 !important; } .bg-aH-orange-12:hover {background-color: #ff8933 !important; } .bg-aH-orange-13:hover {background-color: #ff8124 !important; } .bg-aH-orange-14:hover {background-color: #ff7814 !important; } /**====== bg-aH-orange- css start ======**/ /**====== Deep-bg-aH-orange- css start ======**/ .deep-bg-aH-orange-1:hover {background-color: #fdc8bb !important; } .deep-bg-aH-orange-2:hover {background-color: #fdbcac !important; } .deep-bg-aH-orange-3:hover {background-color: #fdb09d !important; } .deep-bg-aH-orange-4:hover {background-color: #fca48e !important; } .deep-bg-aH-orange-5:hover {background-color: #fc987f !important; } .deep-bg-aH-orange-6:hover {background-color: #fc8c70 !important; } .deep-bg-aH-orange-7:hover {background-color: #fb8061 !important; } .deep-bg-aH-orange-8:hover {background-color: #fb7452 !important; } .deep-bg-aH-orange-9:hover {background-color: #fb6843 !important; } .deep-bg-aH-orange-10:hover {background-color: #fa5c34 !important; } .deep-bg-aH-orange-11:hover {background-color: #fa5025 !important; } .deep-bg-aH-orange-12:hover {background-color: #fa4316 !important; } .deep-bg-aH-orange-13:hover {background-color: #f93707 !important; } .deep-bg-aH-orange-14:hover {background-color: #ec3305 !important; } /**====== Deep-bg-aH-orange- css end ======**/ /**====== Brown-color css start ======**/ .bg-aH-brown-1:hover {background-color: #ede2e0 !important; } .bg-aH-brown-2:hover {background-color: #e3d3d0 !important; } .bg-aH-brown-3:hover {background-color: #dac4c1 !important; } .bg-aH-brown-4:hover {background-color: #d0b5b1 !important; } .bg-aH-brown-5:hover {background-color: #c6a6a1 !important; } .bg-aH-brown-6:hover {background-color: #bd9791 !important; } .bg-aH-brown-7:hover {background-color: #b38981 !important; } .bg-aH-brown-8:hover {background-color: #aa7a71 !important; } .bg-aH-brown-9:hover {background-color: #a06b61 !important; } .bg-aH-brown-10:hover {background-color: #916057 !important; } .bg-aH-brown-11:hover {background-color: #81554d !important; } .bg-aH-brown-12:hover {background-color: #714b44 !important; } .bg-aH-brown-13:hover {background-color: #61403a !important; } .bg-aH-brown-14:hover {background-color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .bg-aH-grey-1:hover {background-color: #d8d8d8 !important; } .bg-aH-grey-2:hover {background-color: #cbcbcb !important; } .bg-aH-grey-3:hover {background-color: #bebebe !important; } .bg-aH-grey-4:hover {background-color: #b1b1b1 !important; } .bg-aH-grey-5:hover {background-color: #a5a5a5 !important; } .bg-aH-grey-6:hover {background-color: #989898 !important; } .bg-aH-grey-7:hover {background-color: #8b8b8b !important; } .bg-aH-grey-8:hover {background-color: #7e7e7e !important; } .bg-aH-grey-9:hover {background-color: #727272 !important; } .bg-aH-grey-10:hover {background-color: #656565 !important; } .bg-aH-grey-11:hover {background-color: #585858 !important; } .bg-aH-grey-12:hover {background-color: #4b4b4b !important; } .bg-aH-grey-13:hover {background-color: #3f3f3f !important; } .bg-aH-grey-14:hover {background-color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .bg-aH-blue-grey-1:hover {background-color: #e1e7e9 !important; } .bg-aH-blue-grey-2:hover {background-color: #d2dbdf !important; } .bg-aH-blue-grey-3:hover {background-color: #c3cfd4 !important; } .bg-aH-blue-grey-4:hover {background-color: #b4c3ca !important; } .bg-aH-blue-grey-5:hover {background-color: #a5b7bf !important; } .bg-aH-blue-grey-6:hover {background-color: #96abb4 !important; } .bg-aH-blue-grey-7:hover {background-color: #87a0aa !important; } .bg-aH-blue-grey-8:hover {background-color: #78949f !important; } .bg-aH-blue-grey-9:hover {background-color: #6a8894 !important; } .bg-aH-blue-grey-10:hover {background-color: #5f7a85 !important; } .bg-aH-blue-grey-11:hover {background-color: #546d77 !important; } .bg-aH-blue-grey-12:hover {background-color: #4a5f68 !important; } .bg-aH-blue-grey-13:hover {background-color: #3f5159 !important; } .bg-aH-blue-grey-14:hover {background-color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .bg-aH-primary-1:hover {background-color: #b7f5e9 !important; } .bg-aH-primary-2:hover {background-color: #aaf3e5 !important; } .bg-aH-primary-3:hover {background-color: #9cf1e1 !important; } .bg-aH-primary-4:hover {background-color: #8fefdc !important; } .bg-aH-primary-5:hover {background-color: #81eed8 !important; } .bg-aH-primary-6:hover {background-color: #74ecd4 !important; } .bg-aH-primary-7:hover {background-color: #66ead0 !important; } .bg-aH-primary-8:hover {background-color: #59e8cc !important; } .bg-aH-primary-9:hover {background-color: #4ce6c8 !important; } .bg-aH-primary-10:hover {background-color: #3ee4c4 !important; } .bg-aH-primary-11:hover {background-color: #31e2bf !important; } .bg-aH-primary-12:hover {background-color: #23e1bb !important; } .bg-aH-primary-13:hover {background-color: #1ed7b2 !important; } .bg-aH-primary-14:hover {background-color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .bg-aH-success-1:hover {background-color: #9fe9bf !important; } .bg-aH-success-2:hover {background-color: #97e8b9 !important; } .bg-aH-success-3:hover {background-color: #8fe6b4 !important; } .bg-aH-success-4:hover {background-color: #86e4ae !important; } .bg-aH-success-5:hover {background-color: #7ee2a8 !important; } .bg-aH-success-6:hover {background-color: #76e0a3 !important; } .bg-aH-success-7:hover {background-color: #6dde9d !important; } .bg-aH-success-8:hover {background-color: #65dc98 !important; } .bg-aH-success-9:hover {background-color: #5dda92 !important; } .bg-aH-success-10:hover {background-color: #54d98c !important; } .bg-aH-success-11:hover {background-color: #4cd787 !important; } .bg-aH-success-12:hover {background-color: #44d581 !important; } .bg-aH-success-13:hover {background-color: #3bd37c !important; } .bg-aH-success-14:hover {background-color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .bg-aH-info-1:hover {background-color: #add6f1 !important; } .bg-aH-info-2:hover {background-color: #a5d1ef !important; } .bg-aH-info-3:hover {background-color: #9ccded !important; } .bg-aH-info-4:hover {background-color: #93c8ec !important; } .bg-aH-info-5:hover {background-color: #8bc4ea !important; } .bg-aH-info-6:hover {background-color: #82c0e9 !important; } .bg-aH-info-7:hover {background-color: #79bbe7 !important; } .bg-aH-info-8:hover {background-color: #71b7e6 !important; } .bg-aH-info-9:hover {background-color: #68b2e4 !important; } .bg-aH-info-10:hover {background-color: #5faee3 !important; } .bg-aH-info-11:hover {background-color: #57aae1 !important; } .bg-aH-info-12:hover {background-color: #4ea5e0 !important; } .bg-aH-info-13:hover {background-color: #45a1de !important; } .bg-aH-info-14:hover {background-color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .bg-aH-warning-1:hover {background-color: #f9e596 !important; } .bg-aH-warning-2:hover {background-color: #f8e38c !important; } .bg-aH-warning-3:hover {background-color: #f8e083 !important; } .bg-aH-warning-4:hover {background-color: #f7de79 !important; } .bg-aH-warning-5:hover {background-color: #f7dc6f !important; } .bg-aH-warning-6:hover {background-color: #f6d966 !important; } .bg-aH-warning-7:hover {background-color: #f5d75c !important; } .bg-aH-warning-8:hover {background-color: #f5d552 !important; } .bg-aH-warning-9:hover {background-color: #f4d249 !important; } .bg-aH-warning-10:hover {background-color: #f4d03f !important; } .bg-aH-warning-11:hover {background-color: #f3cd36 !important; } .bg-aH-warning-12:hover {background-color: #f3cb2c !important; } .bg-aH-warning-13:hover {background-color: #f2c922 !important; } .bg-aH-warning-14:hover {background-color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .bg-aH-danger-1:hover {background-color: #f7c1bb !important; } .bg-aH-danger-2:hover {background-color: #f6b8b2 !important; } .bg-aH-danger-3:hover {background-color: #f4b0a9 !important; } .bg-aH-danger-4:hover {background-color: #f3a8a0 !important; } .bg-aH-danger-5:hover {background-color: #f29f97 !important; } .bg-aH-danger-6:hover {background-color: #f1978e !important; } .bg-aH-danger-7:hover {background-color: #f08f85 !important; } .bg-aH-danger-8:hover {background-color: #ef867c !important; } .bg-aH-danger-9:hover {background-color: #ee7e72 !important; } .bg-aH-danger-10:hover {background-color: #ed7669 !important; } .bg-aH-danger-11:hover {background-color: #eb6d60 !important; } .bg-aH-danger-12:hover {background-color: #ea6557 !important; } .bg-aH-danger-13:hover {background-color: #e95d4e !important; } .bg-aH-danger-14:hover {background-color: #e85445 !important; } /*********************************************** FINE: BGCOLOR HREF MOUSE HOVER ************************************************/ /*********************************************** RIF.1_12 - COLOR BUTTON MOUSE HOVER ***********************************************/ /**====== Accent-red-color css start ======**/ .c-btnH-red-1:hover {color: #fdb3b3 !important; } .c-btnH-red-2:hover {color: #fda4a4 !important; } .c-btnH-red-3:hover {color: #fd9595 !important; } .c-btnH-red-4:hover {color: #fc8686 !important; } .c-btnH-red-5:hover {color: #fc7777 !important; } .c-btnH-red-6:hover {color: #fb6868 !important; } .c-btnH-red-7:hover {color: #fb5959 !important; } .c-btnH-red-8:hover {color: #fb4a4a !important; } .c-btnH-red-9:hover {color: #fa3b3b !important; } .c-btnH-red-10:hover {color: #fa2c2c !important; } .c-btnH-red-11:hover {color: #fa1d1d !important; } .c-btnH-red-12:hover {color: #f90f0f !important; } .c-btnH-red-13:hover {color: #f30606 !important; } .c-btnH-red-14:hover {color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .c-btnH-pink-1:hover {color: #f8bad6 !important; } .c-btnH-pink-2:hover {color: #f6accd !important; } .c-btnH-pink-3:hover {color: #f59ec5 !important; } .c-btnH-pink-4:hover {color: #f390bd !important; } .c-btnH-pink-5:hover {color: #f282b5 !important; } .c-btnH-pink-6:hover {color: #f074ac !important; } .c-btnH-pink-7:hover {color: #ef67a4 !important; } .c-btnH-pink-8:hover {color: #ed599c !important; } .c-btnH-pink-9:hover {color: #ec4b94 !important; } .c-btnH-pink-10:hover {color: #ea3d8b !important; } .c-btnH-pink-11:hover {color: #e92f83 !important; } .c-btnH-pink-12:hover {color: #e7217b !important; } .c-btnH-pink-13:hover {color: #e21873 !important; } .c-btnH-pink-14:hover {color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .c-btnH-purple-1:hover {color: #f3dbff !important; } .c-btnH-purple-2:hover {color: #eeccff !important; } .c-btnH-purple-3:hover {color: #e9bdff !important; } .c-btnH-purple-4:hover {color: #e4adff !important; } .c-btnH-purple-5:hover {color: #de9eff !important; } .c-btnH-purple-6:hover {color: #d98fff !important; } .c-btnH-purple-7:hover {color: #d47fff !important; } .c-btnH-purple-8:hover {color: #cf70ff !important; } .c-btnH-purple-9:hover {color: #ca61ff !important; } .c-btnH-purple-10:hover {color: #c552ff !important; } .c-btnH-purple-11:hover {color: #c042ff !important; } .c-btnH-purple-12:hover {color: #ba33ff !important; } .c-btnH-purple-13:hover {color: #b524ff !important; } .c-btnH-purple-14:hover {color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .c-btnH-deep-purple-1:hover {color: #dec7fe !important; } .c-btnH-deep-purple-2:hover {color: #d5b8fd !important; } .c-btnH-deep-purple-3:hover {color: #cda9fd !important; } .c-btnH-deep-purple-4:hover {color: #c49afd !important; } .c-btnH-deep-purple-5:hover {color: #bb8bfd !important; } .c-btnH-deep-purple-6:hover {color: #b27cfc !important; } .c-btnH-deep-purple-7:hover {color: #a96efc !important; } .c-btnH-deep-purple-8:hover {color: #a05ffc !important; } .c-btnH-deep-purple-9:hover {color: #9850fb !important; } .c-btnH-deep-purple-10:hover {color: #8f41fb !important; } .c-btnH-deep-purple-11:hover {color: #8632fb !important; } .c-btnH-deep-purple-12:hover {color: #7d23fa !important; } .c-btnH-deep-purple-13:hover {color: #7414fa !important; } .c-btnH-deep-purple-14:hover {color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .c-btnH-indigo-1:hover {color: #e6e9ff !important; } .c-btnH-indigo-2:hover {color: #d9dfff !important; } .c-btnH-indigo-3:hover {color: #ccd4ff !important; } .c-btnH-indigo-4:hover {color: #c0c9ff !important; } .c-btnH-indigo-5:hover {color: #b3beff !important; } .c-btnH-indigo-6:hover {color: #a6b3ff !important; } .c-btnH-indigo-7:hover {color: #9aa9ff !important; } .c-btnH-indigo-8:hover {color: #8d9efe !important; } .c-btnH-indigo-9:hover {color: #8093fe !important; } .c-btnH-indigo-10:hover {color: #7388fe !important; } .c-btnH-indigo-11:hover {color: #677dfe !important; } .c-btnH-indigo-12:hover {color: #5a72fe !important; } .c-btnH-indigo-13:hover {color: #4d68fe !important; } .c-btnH-indigo-14:hover {color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .c-btnH-blue-1:hover {color: #e0e8ff !important; } .c-btnH-blue-2:hover {color: #d3dfff !important; } .c-btnH-blue-3:hover {color: #c6d5ff !important; } .c-btnH-blue-4:hover {color: #b9ccff !important; } .c-btnH-blue-5:hover {color: #adc3ff !important; } .c-btnH-blue-6:hover {color: #a0b9ff !important; } .c-btnH-blue-7:hover {color: #93b0ff !important; } .c-btnH-blue-8:hover {color: #86a6ff !important; } .c-btnH-blue-9:hover {color: #7a9dff !important; } .c-btnH-blue-10:hover {color: #6d94ff !important; } .c-btnH-blue-11:hover {color: #608aff !important; } .c-btnH-blue-12:hover {color: #5381ff !important; } .c-btnH-blue-13:hover {color: #4778ff !important; } .c-btnH-blue-14:hover {color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .c-btnH-light-blue-1:hover {color: #c7e9fe !important; } .c-btnH-light-blue-2:hover {color: #b8e3fd !important; } .c-btnH-light-blue-3:hover {color: #a9ddfd !important; } .c-btnH-light-blue-4:hover {color: #9ad7fd !important; } .c-btnH-light-blue-5:hover {color: #8bd2fd !important; } .c-btnH-light-blue-6:hover {color: #7cccfc !important; } .c-btnH-light-blue-7:hover {color: #5fc0fc !important; } .c-btnH-light-blue-8:hover {color: #6ec6fc !important; } .c-btnH-light-blue-9:hover {color: #50bafb !important; } .c-btnH-light-blue-10:hover {color: #41b4fb !important; } .c-btnH-light-blue-11:hover {color: #32aefb !important; } .c-btnH-light-blue-12:hover {color: #23a8fa !important; } .c-btnH-light-blue-13:hover {color: #14a2fa !important; } .c-btnH-light-blue-14:hover {color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .c-btnH-cyan-1:hover {color: #b2f3fd !important; } .c-btnH-cyan-2:hover {color: #a3f1fd !important; } .c-btnH-cyan-3:hover {color: #94effc !important; } .c-btnH-cyan-4:hover {color: #85edfc !important; } .c-btnH-cyan-5:hover {color: #76eafc !important; } .c-btnH-cyan-6:hover {color: #67e8fb !important; } .c-btnH-cyan-7:hover {color: #58e6fb !important; } .c-btnH-cyan-8:hover {color: #49e4fb !important; } .c-btnH-cyan-9:hover {color: #3ae1fa !important; } .c-btnH-cyan-10:hover {color: #2bdffa !important; } .c-btnH-cyan-11:hover {color: #1dddfa !important; } .c-btnH-cyan-12:hover {color: #0edbf9 !important; } .c-btnH-cyan-13:hover {color: #06d3f2 !important; } .c-btnH-cyan-14:hover {color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .c-btnH-teal-1:hover {color: #9ffcef !important; } .c-btnH-teal-2:hover {color: #90fced !important; } .c-btnH-teal-3:hover {color: #81fceb !important; } .c-btnH-teal-4:hover {color: #72fbe8 !important; } .c-btnH-teal-5:hover {color: #63fbe6 !important; } .c-btnH-teal-6:hover {color: #54fbe3 !important; } .c-btnH-teal-7:hover {color: #45fae1 !important; } .c-btnH-teal-8:hover {color: #36fadf !important; } .c-btnH-teal-9:hover {color: #27f9dc !important; } .c-btnH-teal-10:hover {color: #19f9da !important; } .c-btnH-teal-11:hover {color: #0af9d7 !important; } .c-btnH-teal-12:hover {color: #06edcd !important; } .c-btnH-teal-13:hover {color: #06dec0 !important; } .c-btnH-teal-14:hover {color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .c-btnH-green-1:hover {color: #a7fdcb !important; } .c-btnH-green-2:hover {color: #98fcc2 !important; } .c-btnH-green-3:hover {color: #8afcb9 !important; } .c-btnH-green-4:hover {color: #7bfcb0 !important; } .c-btnH-green-5:hover {color: #6cfba7 !important; } .c-btnH-green-6:hover {color: #5dfb9e !important; } .c-btnH-green-7:hover {color: #4efb95 !important; } .c-btnH-green-8:hover {color: #3ffa8c !important; } .c-btnH-green-9:hover {color: #30fa83 !important; } .c-btnH-green-10:hover {color: #21f97a !important; } .c-btnH-green-11:hover {color: #12f972 !important; } .c-btnH-green-12:hover {color: #06f669 !important; } .c-btnH-green-13:hover {color: #06e763 !important; } .c-btnH-green-14:hover {color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .c-btnH-light-green-1:hover {color: #e3fad4 !important; } .c-btnH-light-green-2:hover {color: #daf8c7 !important; } .c-btnH-light-green-3:hover {color: #d1f6b9 !important; } .c-btnH-light-green-4:hover {color: #c8f5ac !important; } .c-btnH-light-green-5:hover {color: #bff39e !important; } .c-btnH-light-green-6:hover {color: #b6f190 !important; } .c-btnH-light-green-7:hover {color: #adf083 !important; } .c-btnH-light-green-8:hover {color: #a4ee75 !important; } .c-btnH-light-green-9:hover {color: #9bec67 !important; } .c-btnH-light-green-10:hover {color: #93eb5a !important; } .c-btnH-light-green-11:hover {color: #8ae94c !important; } .c-btnH-light-green-12:hover {color: #81e73e !important; } .c-btnH-light-green-13:hover {color: #78e631 !important; } .c-btnH-light-green-14:hover {color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .c-btnH-lime-1:hover {color: #f0fec7 !important; } .c-btnH-lime-2:hover {color: #ecfdb8 !important; } .c-btnH-lime-3:hover {color: #e8fda9 !important; } .c-btnH-lime-4:hover {color: #e3fd9a !important; } .c-btnH-lime-5:hover {color: #dffd8b !important; } .c-btnH-lime-6:hover {color: #dbfc7c !important; } .c-btnH-lime-7:hover {color: #d7fc6e !important; } .c-btnH-lime-8:hover {color: #d3fc5f !important; } .c-btnH-lime-9:hover {color: #cffb50 !important; } .c-btnH-lime-10:hover {color: #cbfb41 !important; } .c-btnH-lime-11:hover {color: #c7fb32 !important; } .c-btnH-lime-12:hover {color: #c3fa23 !important; } .c-btnH-lime-13:hover {color: #bffa14 !important; } .c-btnH-lime-14:hover {color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .c-btnH-yellow-1:hover {color: #fff3b8 !important; } .c-btnH-yellow-2:hover {color: #fff1ab !important; } .c-btnH-yellow-3:hover {color: #ffef9e !important; } .c-btnH-yellow-4:hover {color: #ffed91 !important; } .c-btnH-yellow-5:hover {color: #ffeb85 !important; } .c-btnH-yellow-6:hover {color: #ffe978 !important; } .c-btnH-yellow-7:hover {color: #ffe76b !important; } .c-btnH-yellow-8:hover {color: #ffe55e !important; } .c-btnH-yellow-9:hover {color: #ffe352 !important; } .c-btnH-yellow-10:hover {color: #ffe045 !important; } .c-btnH-yellow-11:hover {color: #ffde38 !important; } .c-btnH-yellow-12:hover {color: #ffdc2b !important; } .c-btnH-yellow-13:hover {color: #ffda1f !important; } .c-btnH-yellow-14:hover {color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .c-btnH-amber-1:hover {color: #ffe7b8 !important; } .c-btnH-amber-2:hover {color: #ffe3ab !important; } .c-btnH-amber-3:hover {color: #ffdf9e !important; } .c-btnH-amber-4:hover {color: #ffdb91 !important; } .c-btnH-amber-5:hover {color: #ffd685 !important; } .c-btnH-amber-6:hover {color: #ffd278 !important; } .c-btnH-amber-7:hover {color: #ffce6b !important; } .c-btnH-amber-8:hover {color: #ffca5e !important; } .c-btnH-amber-9:hover {color: #ffc552 !important; } .c-btnH-amber-10:hover {color: #ffc145 !important; } .c-btnH-amber-11:hover {color: #ffbd38 !important; } .c-btnH-amber-12:hover {color: #ffb92b !important; } .c-btnH-amber-13:hover {color: #ffb41f !important; } .c-btnH-amber-14:hover {color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== c-orange- css start ======**/ .c-btnH-orange-1:hover {color: #ffeadb !important; } .c-btnH-orange-2:hover {color: #ffe2cc !important; } .c-btnH-orange-3:hover {color: #ffd9bd !important; } .c-btnH-orange-4:hover {color: #ffd0ad !important; } .c-btnH-orange-5:hover {color: #ffc79e !important; } .c-btnH-orange-6:hover {color: #ffbe8f !important; } .c-btnH-orange-7:hover {color: #ffb67f !important; } .c-btnH-orange-8:hover {color: #ffad70 !important; } .c-btnH-orange-9:hover {color: #ffa461 !important; } .c-btnH-orange-10:hover {color: #ff9b52 !important; } .c-btnH-orange-11:hover {color: #ff9242 !important; } .c-btnH-orange-12:hover {color: #ff8933 !important; } .c-btnH-orange-13:hover {color: #ff8124 !important; } .c-btnH-orange-14:hover {color: #ff7814 !important; } /**====== c-orange- css start ======**/ /**====== Deep-c-orange- css start ======**/ .deep-c-orange-1:hover {color: #fdc8bb !important; } .deep-c-orange-2:hover {color: #fdbcac !important; } .deep-c-orange-3:hover {color: #fdb09d !important; } .deep-c-orange-4:hover {color: #fca48e !important; } .deep-c-orange-5:hover {color: #fc987f !important; } .deep-c-orange-6:hover {color: #fc8c70 !important; } .deep-c-orange-7:hover {color: #fb8061 !important; } .deep-c-orange-8:hover {color: #fb7452 !important; } .deep-c-orange-9:hover {color: #fb6843 !important; } .deep-c-orange-10:hover {color: #fa5c34 !important; } .deep-c-orange-11:hover {color: #fa5025 !important; } .deep-c-orange-12:hover {color: #fa4316 !important; } .deep-c-orange-13:hover {color: #f93707 !important; } .deep-c-orange-14:hover {color: #ec3305 !important; } /**====== Deep-c-orange- css end ======**/ /**====== Brown-color css start ======**/ .c-btnH-brown-1:hover {color: #ede2e0 !important; } .c-btnH-brown-2:hover {color: #e3d3d0 !important; } .c-btnH-brown-3:hover {color: #dac4c1 !important; } .c-btnH-brown-4:hover {color: #d0b5b1 !important; } .c-btnH-brown-5:hover {color: #c6a6a1 !important; } .c-btnH-brown-6:hover {color: #bd9791 !important; } .c-btnH-brown-7:hover {color: #b38981 !important; } .c-btnH-brown-8:hover {color: #aa7a71 !important; } .c-btnH-brown-9:hover {color: #a06b61 !important; } .c-btnH-brown-10:hover {color: #916057 !important; } .c-btnH-brown-11:hover {color: #81554d !important; } .c-btnH-brown-12:hover {color: #714b44 !important; } .c-btnH-brown-13:hover {color: #61403a !important; } .c-btnH-brown-14:hover {color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .c-btnH-grey-1:hover {color: #d8d8d8 !important; } .c-btnH-grey-2:hover {color: #cbcbcb !important; } .c-btnH-grey-3:hover {color: #bebebe !important; } .c-btnH-grey-4:hover {color: #b1b1b1 !important; } .c-btnH-grey-5:hover {color: #a5a5a5 !important; } .c-btnH-grey-6:hover {color: #989898 !important; } .c-btnH-grey-7:hover {color: #8b8b8b !important; } .c-btnH-grey-8:hover {color: #7e7e7e !important; } .c-btnH-grey-9:hover {color: #727272 !important; } .c-btnH-grey-10:hover {color: #656565 !important; } .c-btnH-grey-11:hover {color: #585858 !important; } .c-btnH-grey-12:hover {color: #4b4b4b !important; } .c-btnH-grey-13:hover {color: #3f3f3f !important; } .c-btnH-grey-14:hover {color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .c-btnH-blue-grey-1:hover {color: #e1e7e9 !important; } .c-btnH-blue-grey-2:hover {color: #d2dbdf !important; } .c-btnH-blue-grey-3:hover {color: #c3cfd4 !important; } .c-btnH-blue-grey-4:hover {color: #b4c3ca !important; } .c-btnH-blue-grey-5:hover {color: #a5b7bf !important; } .c-btnH-blue-grey-6:hover {color: #96abb4 !important; } .c-btnH-blue-grey-7:hover {color: #87a0aa !important; } .c-btnH-blue-grey-8:hover {color: #78949f !important; } .c-btnH-blue-grey-9:hover {color: #6a8894 !important; } .c-btnH-blue-grey-10:hover {color: #5f7a85 !important; } .c-btnH-blue-grey-11:hover {color: #546d77 !important; } .c-btnH-blue-grey-12:hover {color: #4a5f68 !important; } .c-btnH-blue-grey-13:hover {color: #3f5159 !important; } .c-btnH-blue-grey-14:hover {color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .c-btnH-primary-1:hover {color: #b7f5e9 !important; } .c-btnH-primary-2:hover {color: #aaf3e5 !important; } .c-btnH-primary-3:hover {color: #9cf1e1 !important; } .c-btnH-primary-4:hover {color: #8fefdc !important; } .c-btnH-primary-5:hover {color: #81eed8 !important; } .c-btnH-primary-6:hover {color: #74ecd4 !important; } .c-btnH-primary-7:hover {color: #66ead0 !important; } .c-btnH-primary-8:hover {color: #59e8cc !important; } .c-btnH-primary-9:hover {color: #4ce6c8 !important; } .c-btnH-primary-10:hover {color: #3ee4c4 !important; } .c-btnH-primary-11:hover {color: #31e2bf !important; } .c-btnH-primary-12:hover {color: #23e1bb !important; } .c-btnH-primary-13:hover {color: #1ed7b2 !important; } .c-btnH-primary-14:hover {color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .c-btnH-success-1:hover {color: #9fe9bf !important; } .c-btnH-success-2:hover {color: #97e8b9 !important; } .c-btnH-success-3:hover {color: #8fe6b4 !important; } .c-btnH-success-4:hover {color: #86e4ae !important; } .c-btnH-success-5:hover {color: #7ee2a8 !important; } .c-btnH-success-6:hover {color: #76e0a3 !important; } .c-btnH-success-7:hover {color: #6dde9d !important; } .c-btnH-success-8:hover {color: #65dc98 !important; } .c-btnH-success-9:hover {color: #5dda92 !important; } .c-btnH-success-10:hover {color: #54d98c !important; } .c-btnH-success-11:hover {color: #4cd787 !important; } .c-btnH-success-12:hover {color: #44d581 !important; } .c-btnH-success-13:hover {color: #3bd37c !important; } .c-btnH-success-14:hover {color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .c-btnH-info-1:hover {color: #add6f1 !important; } .c-btnH-info-2:hover {color: #a5d1ef !important; } .c-btnH-info-3:hover {color: #9ccded !important; } .c-btnH-info-4:hover {color: #93c8ec !important; } .c-btnH-info-5:hover {color: #8bc4ea !important; } .c-btnH-info-6:hover {color: #82c0e9 !important; } .c-btnH-info-7:hover {color: #79bbe7 !important; } .c-btnH-info-8:hover {color: #71b7e6 !important; } .c-btnH-info-9:hover {color: #68b2e4 !important; } .c-btnH-info-10:hover {color: #5faee3 !important; } .c-btnH-info-11:hover {color: #57aae1 !important; } .c-btnH-info-12:hover {color: #4ea5e0 !important; } .c-btnH-info-13:hover {color: #45a1de !important; } .c-btnH-info-14:hover {color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .c-btnH-warning-1:hover {color: #f9e596 !important; } .c-btnH-warning-2:hover {color: #f8e38c !important; } .c-btnH-warning-3:hover {color: #f8e083 !important; } .c-btnH-warning-4:hover {color: #f7de79 !important; } .c-btnH-warning-5:hover {color: #f7dc6f !important; } .c-btnH-warning-6:hover {color: #f6d966 !important; } .c-btnH-warning-7:hover {color: #f5d75c !important; } .c-btnH-warning-8:hover {color: #f5d552 !important; } .c-btnH-warning-9:hover {color: #f4d249 !important; } .c-btnH-warning-10:hover {color: #f4d03f !important; } .c-btnH-warning-11:hover {color: #f3cd36 !important; } .c-btnH-warning-12:hover {color: #f3cb2c !important; } .c-btnH-warning-13:hover {color: #f2c922 !important; } .c-btnH-warning-14:hover {color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .c-btnH-danger-1:hover {color: #f7c1bb !important; } .c-btnH-danger-2:hover {color: #f6b8b2 !important; } .c-btnH-danger-3:hover {color: #f4b0a9 !important; } .c-btnH-danger-4:hover {color: #f3a8a0 !important; } .c-btnH-danger-5:hover {color: #f29f97 !important; } .c-btnH-danger-6:hover {color: #f1978e !important; } .c-btnH-danger-7:hover {color: #f08f85 !important; } .c-btnH-danger-8:hover {color: #ef867c !important; } .c-btnH-danger-9:hover {color: #ee7e72 !important; } .c-btnH-danger-10:hover {color: #ed7669 !important; } .c-btnH-danger-11:hover {color: #eb6d60 !important; } .c-btnH-danger-12:hover {color: #ea6557 !important; } .c-btnH-danger-13:hover {color: #e95d4e !important; } .c-btnH-danger-14:hover {color: #e85445 !important; } /**====== altro ======**/ .c-btnH-black:hover{color:#000 !important;} .c-btnH-white:hover{color:#fff !important;} /******************************************** FINE: COLOR BUTTON MOUSE HOVER ********************************************/ /*********************************************** RIF.1_13 - COLOR HREF MOUSE HOVER ***********************************************/ /**====== Accent-red-color css start ======**/ .c-aH-red-1:hover {color: #fdb3b3 !important; } .c-aH-red-2:hover {color: #fda4a4 !important; } .c-aH-red-3:hover {color: #fd9595 !important; } .c-aH-red-4:hover {color: #fc8686 !important; } .c-aH-red-5:hover {color: #fc7777 !important; } .c-aH-red-6:hover {color: #fb6868 !important; } .c-aH-red-7:hover {color: #fb5959 !important; } .c-aH-red-8:hover {color: #fb4a4a !important; } .c-aH-red-9:hover {color: #fa3b3b !important; } .c-aH-red-10:hover {color: #fa2c2c !important; } .c-aH-red-11:hover {color: #fa1d1d !important; } .c-aH-red-12:hover {color: #f90f0f !important; } .c-aH-red-13:hover {color: #f30606 !important; } .c-aH-red-14:hover {color: #e40505 !important; } /**====== Accent-red-color css end ======**/ /**====== Accent-pink-color css start ======**/ .c-aH-pink-1:hover {color: #f8bad6 !important; } .c-aH-pink-2:hover {color: #f6accd !important; } .c-aH-pink-3:hover {color: #f59ec5 !important; } .c-aH-pink-4:hover {color: #f390bd !important; } .c-aH-pink-5:hover {color: #f282b5 !important; } .c-aH-pink-6:hover {color: #f074ac !important; } .c-aH-pink-7:hover {color: #ef67a4 !important; } .c-aH-pink-8:hover {color: #ed599c !important; } .c-aH-pink-9:hover {color: #ec4b94 !important; } .c-aH-pink-10:hover {color: #ea3d8b !important; } .c-aH-pink-11:hover {color: #e92f83 !important; } .c-aH-pink-12:hover {color: #e7217b !important; } .c-aH-pink-13:hover {color: #e21873 !important; } .c-aH-pink-14:hover {color: #d4166c !important; } /**====== Accent-pink-color css end ======**/ /**====== Accent-purple-color css start ======**/ .c-aH-purple-1:hover {color: #f3dbff !important; } .c-aH-purple-2:hover {color: #eeccff !important; } .c-aH-purple-3:hover {color: #e9bdff !important; } .c-aH-purple-4:hover {color: #e4adff !important; } .c-aH-purple-5:hover {color: #de9eff !important; } .c-aH-purple-6:hover {color: #d98fff !important; } .c-aH-purple-7:hover {color: #d47fff !important; } .c-aH-purple-8:hover {color: #cf70ff !important; } .c-aH-purple-9:hover {color: #ca61ff !important; } .c-aH-purple-10:hover {color: #c552ff !important; } .c-aH-purple-11:hover {color: #c042ff !important; } .c-aH-purple-12:hover {color: #ba33ff !important; } .c-aH-purple-13:hover {color: #b524ff !important; } .c-aH-purple-14:hover {color: #b014ff !important; } /**====== Accent-purple-color css end ======**/ /**====== Deep-purple-color css start ======**/ .c-aH-deep-purple-1:hover {color: #dec7fe !important; } .c-aH-deep-purple-2:hover {color: #d5b8fd !important; } .c-aH-deep-purple-3:hover {color: #cda9fd !important; } .c-aH-deep-purple-4:hover {color: #c49afd !important; } .c-aH-deep-purple-5:hover {color: #bb8bfd !important; } .c-aH-deep-purple-6:hover {color: #b27cfc !important; } .c-aH-deep-purple-7:hover {color: #a96efc !important; } .c-aH-deep-purple-8:hover {color: #a05ffc !important; } .c-aH-deep-purple-9:hover {color: #9850fb !important; } .c-aH-deep-purple-10:hover {color: #8f41fb !important; } .c-aH-deep-purple-11:hover {color: #8632fb !important; } .c-aH-deep-purple-12:hover {color: #7d23fa !important; } .c-aH-deep-purple-13:hover {color: #7414fa !important; } .c-aH-deep-purple-14:hover {color: #6b05f9 !important; } /**====== Deep-purple-color css end ======**/ /**====== Indigo-color css start ======**/ .c-aH-indigo-1:hover {color: #e6e9ff !important; } .c-aH-indigo-2:hover {color: #d9dfff !important; } .c-aH-indigo-3:hover {color: #ccd4ff !important; } .c-aH-indigo-4:hover {color: #c0c9ff !important; } .c-aH-indigo-5:hover {color: #b3beff !important; } .c-aH-indigo-6:hover {color: #a6b3ff !important; } .c-aH-indigo-7:hover {color: #9aa9ff !important; } .c-aH-indigo-8:hover {color: #8d9efe !important; } .c-aH-indigo-9:hover {color: #8093fe !important; } .c-aH-indigo-10:hover {color: #7388fe !important; } .c-aH-indigo-11:hover {color: #677dfe !important; } .c-aH-indigo-12:hover {color: #5a72fe !important; } .c-aH-indigo-13:hover {color: #4d68fe !important; } .c-aH-indigo-14:hover {color: #415dfe !important; } /**====== Indigo-color css end ======**/ /**====== Blue-accent-color css start ======**/ .c-aH-blue-1:hover {color: #e0e8ff !important; } .c-aH-blue-2:hover {color: #d3dfff !important; } .c-aH-blue-3:hover {color: #c6d5ff !important; } .c-aH-blue-4:hover {color: #b9ccff !important; } .c-aH-blue-5:hover {color: #adc3ff !important; } .c-aH-blue-6:hover {color: #a0b9ff !important; } .c-aH-blue-7:hover {color: #93b0ff !important; } .c-aH-blue-8:hover {color: #86a6ff !important; } .c-aH-blue-9:hover {color: #7a9dff !important; } .c-aH-blue-10:hover {color: #6d94ff !important; } .c-aH-blue-11:hover {color: #608aff !important; } .c-aH-blue-12:hover {color: #5381ff !important; } .c-aH-blue-13:hover {color: #4778ff !important; } .c-aH-blue-14:hover {color: #3a6eff !important; } /**====== Blue-accent-color css end ======**/ /**====== Light-blue-color css start ======**/ .c-aH-light-blue-1:hover {color: #c7e9fe !important; } .c-aH-light-blue-2:hover {color: #b8e3fd !important; } .c-aH-light-blue-3:hover {color: #a9ddfd !important; } .c-aH-light-blue-4:hover {color: #9ad7fd !important; } .c-aH-light-blue-5:hover {color: #8bd2fd !important; } .c-aH-light-blue-6:hover {color: #7cccfc !important; } .c-aH-light-blue-7:hover {color: #5fc0fc !important; } .c-aH-light-blue-8:hover {color: #6ec6fc !important; } .c-aH-light-blue-9:hover {color: #50bafb !important; } .c-aH-light-blue-10:hover {color: #41b4fb !important; } .c-aH-light-blue-11:hover {color: #32aefb !important; } .c-aH-light-blue-12:hover {color: #23a8fa !important; } .c-aH-light-blue-13:hover {color: #14a2fa !important; } .c-aH-light-blue-14:hover {color: #059cf9 !important; } /**====== Light-blue-color css end ======**/ /**====== Cyan-color css start ======**/ .c-aH-cyan-1:hover {color: #b2f3fd !important; } .c-aH-cyan-2:hover {color: #a3f1fd !important; } .c-aH-cyan-3:hover {color: #94effc !important; } .c-aH-cyan-4:hover {color: #85edfc !important; } .c-aH-cyan-5:hover {color: #76eafc !important; } .c-aH-cyan-6:hover {color: #67e8fb !important; } .c-aH-cyan-7:hover {color: #58e6fb !important; } .c-aH-cyan-8:hover {color: #49e4fb !important; } .c-aH-cyan-9:hover {color: #3ae1fa !important; } .c-aH-cyan-10:hover {color: #2bdffa !important; } .c-aH-cyan-11:hover {color: #1dddfa !important; } .c-aH-cyan-12:hover {color: #0edbf9 !important; } .c-aH-cyan-13:hover {color: #06d3f2 !important; } .c-aH-cyan-14:hover {color: #05c6e3 !important; } /**====== Cyan-color css start ======**/ /**====== Teal-color css start ======**/ .c-aH-teal-1:hover {color: #9ffcef !important; } .c-aH-teal-2:hover {color: #90fced !important; } .c-aH-teal-3:hover {color: #81fceb !important; } .c-aH-teal-4:hover {color: #72fbe8 !important; } .c-aH-teal-5:hover {color: #63fbe6 !important; } .c-aH-teal-6:hover {color: #54fbe3 !important; } .c-aH-teal-7:hover {color: #45fae1 !important; } .c-aH-teal-8:hover {color: #36fadf !important; } .c-aH-teal-9:hover {color: #27f9dc !important; } .c-aH-teal-10:hover {color: #19f9da !important; } .c-aH-teal-11:hover {color: #0af9d7 !important; } .c-aH-teal-12:hover {color: #06edcd !important; } .c-aH-teal-13:hover {color: #06dec0 !important; } .c-aH-teal-14:hover {color: #05cfb3 !important; } /**====== Teal-color css end ======**/ /**====== Green-color css start ======**/ .c-aH-green-1:hover {color: #a7fdcb !important; } .c-aH-green-2:hover {color: #98fcc2 !important; } .c-aH-green-3:hover {color: #8afcb9 !important; } .c-aH-green-4:hover {color: #7bfcb0 !important; } .c-aH-green-5:hover {color: #6cfba7 !important; } .c-aH-green-6:hover {color: #5dfb9e !important; } .c-aH-green-7:hover {color: #4efb95 !important; } .c-aH-green-8:hover {color: #3ffa8c !important; } .c-aH-green-9:hover {color: #30fa83 !important; } .c-aH-green-10:hover {color: #21f97a !important; } .c-aH-green-11:hover {color: #12f972 !important; } .c-aH-green-12:hover {color: #06f669 !important; } .c-aH-green-13:hover {color: #06e763 !important; } .c-aH-green-14:hover {color: #05d85c !important; } /**====== Green-color css end ======**/ /**====== Light-Green-color css start ======**/ .c-aH-light-green-1:hover {color: #e3fad4 !important; } .c-aH-light-green-2:hover {color: #daf8c7 !important; } .c-aH-light-green-3:hover {color: #d1f6b9 !important; } .c-aH-light-green-4:hover {color: #c8f5ac !important; } .c-aH-light-green-5:hover {color: #bff39e !important; } .c-aH-light-green-6:hover {color: #b6f190 !important; } .c-aH-light-green-7:hover {color: #adf083 !important; } .c-aH-light-green-8:hover {color: #a4ee75 !important; } .c-aH-light-green-9:hover {color: #9bec67 !important; } .c-aH-light-green-10:hover {color: #93eb5a !important; } .c-aH-light-green-11:hover {color: #8ae94c !important; } .c-aH-light-green-12:hover {color: #81e73e !important; } .c-aH-light-green-13:hover {color: #78e631 !important; } .c-aH-light-green-14:hover {color: #6fe423 !important; } /**====== Light-Green-color css end ======**/ /**====== Lime-color css start ======**/ .c-aH-lime-1:hover {color: #f0fec7 !important; } .c-aH-lime-2:hover {color: #ecfdb8 !important; } .c-aH-lime-3:hover {color: #e8fda9 !important; } .c-aH-lime-4:hover {color: #e3fd9a !important; } .c-aH-lime-5:hover {color: #dffd8b !important; } .c-aH-lime-6:hover {color: #dbfc7c !important; } .c-aH-lime-7:hover {color: #d7fc6e !important; } .c-aH-lime-8:hover {color: #d3fc5f !important; } .c-aH-lime-9:hover {color: #cffb50 !important; } .c-aH-lime-10:hover {color: #cbfb41 !important; } .c-aH-lime-11:hover {color: #c7fb32 !important; } .c-aH-lime-12:hover {color: #c3fa23 !important; } .c-aH-lime-13:hover {color: #bffa14 !important; } .c-aH-lime-14:hover {color: #baf905 !important; } /**====== Lime-color css end ======**/ /**====== Yellow-color css start ======**/ .c-aH-yellow-1:hover {color: #fff3b8 !important; } .c-aH-yellow-2:hover {color: #fff1ab !important; } .c-aH-yellow-3:hover {color: #ffef9e !important; } .c-aH-yellow-4:hover {color: #ffed91 !important; } .c-aH-yellow-5:hover {color: #ffeb85 !important; } .c-aH-yellow-6:hover {color: #ffe978 !important; } .c-aH-yellow-7:hover {color: #ffe76b !important; } .c-aH-yellow-8:hover {color: #ffe55e !important; } .c-aH-yellow-9:hover {color: #ffe352 !important; } .c-aH-yellow-10:hover {color: #ffe045 !important; } .c-aH-yellow-11:hover {color: #ffde38 !important; } .c-aH-yellow-12:hover {color: #ffdc2b !important; } .c-aH-yellow-13:hover {color: #ffda1f !important; } .c-aH-yellow-14:hover {color: #ffd812 !important; } /**====== Yellow-color css end ======**/ /**====== Amber-color css start ======**/ .c-aH-amber-1:hover {color: #ffe7b8 !important; } .c-aH-amber-2:hover {color: #ffe3ab !important; } .c-aH-amber-3:hover {color: #ffdf9e !important; } .c-aH-amber-4:hover {color: #ffdb91 !important; } .c-aH-amber-5:hover {color: #ffd685 !important; } .c-aH-amber-6:hover {color: #ffd278 !important; } .c-aH-amber-7:hover {color: #ffce6b !important; } .c-aH-amber-8:hover {color: #ffca5e !important; } .c-aH-amber-9:hover {color: #ffc552 !important; } .c-aH-amber-10:hover {color: #ffc145 !important; } .c-aH-amber-11:hover {color: #ffbd38 !important; } .c-aH-amber-12:hover {color: #ffb92b !important; } .c-aH-amber-13:hover {color: #ffb41f !important; } .c-aH-amber-14:hover {color: #ffb012 !important; } /**====== Amber-color css end ======**/ /**====== c-orange- css start ======**/ .c-aH-orange-1:hover {color: #ffeadb !important; } .c-aH-orange-2:hover {color: #ffe2cc !important; } .c-aH-orange-3:hover {color: #ffd9bd !important; } .c-aH-orange-4:hover {color: #ffd0ad !important; } .c-aH-orange-5:hover {color: #ffc79e !important; } .c-aH-orange-6:hover {color: #ffbe8f !important; } .c-aH-orange-7:hover {color: #ffb67f !important; } .c-aH-orange-8:hover {color: #ffad70 !important; } .c-aH-orange-9:hover {color: #ffa461 !important; } .c-aH-orange-10:hover {color: #ff9b52 !important; } .c-aH-orange-11:hover {color: #ff9242 !important; } .c-aH-orange-12:hover {color: #ff8933 !important; } .c-aH-orange-13:hover {color: #ff8124 !important; } .c-aH-orange-14:hover {color: #ff7814 !important; } /**====== c-orange- css start ======**/ /**====== Deep-c-orange- css start ======**/ .deep-c-orange-1:hover {color: #fdc8bb !important; } .deep-c-orange-2:hover {color: #fdbcac !important; } .deep-c-orange-3:hover {color: #fdb09d !important; } .deep-c-orange-4:hover {color: #fca48e !important; } .deep-c-orange-5:hover {color: #fc987f !important; } .deep-c-orange-6:hover {color: #fc8c70 !important; } .deep-c-orange-7:hover {color: #fb8061 !important; } .deep-c-orange-8:hover {color: #fb7452 !important; } .deep-c-orange-9:hover {color: #fb6843 !important; } .deep-c-orange-10:hover {color: #fa5c34 !important; } .deep-c-orange-11:hover {color: #fa5025 !important; } .deep-c-orange-12:hover {color: #fa4316 !important; } .deep-c-orange-13:hover {color: #f93707 !important; } .deep-c-orange-14:hover {color: #ec3305 !important; } /**====== Deep-c-orange- css end ======**/ /**====== Brown-color css start ======**/ .c-aH-brown-1:hover {color: #ede2e0 !important; } .c-aH-brown-2:hover {color: #e3d3d0 !important; } .c-aH-brown-3:hover {color: #dac4c1 !important; } .c-aH-brown-4:hover {color: #d0b5b1 !important; } .c-aH-brown-5:hover {color: #c6a6a1 !important; } .c-aH-brown-6:hover {color: #bd9791 !important; } .c-aH-brown-7:hover {color: #b38981 !important; } .c-aH-brown-8:hover {color: #aa7a71 !important; } .c-aH-brown-9:hover {color: #a06b61 !important; } .c-aH-brown-10:hover {color: #916057 !important; } .c-aH-brown-11:hover {color: #81554d !important; } .c-aH-brown-12:hover {color: #714b44 !important; } .c-aH-brown-13:hover {color: #61403a !important; } .c-aH-brown-14:hover {color: #513631 !important; } /**====== Brown-color css end ======**/ /**====== Grey-color css start ======**/ .c-aH-grey-1:hover {color: #d8d8d8 !important; } .c-aH-grey-2:hover {color: #cbcbcb !important; } .c-aH-grey-3:hover {color: #bebebe !important; } .c-aH-grey-4:hover {color: #b1b1b1 !important; } .c-aH-grey-5:hover {color: #a5a5a5 !important; } .c-aH-grey-6:hover {color: #989898 !important; } .c-aH-grey-7:hover {color: #8b8b8b !important; } .c-aH-grey-8:hover {color: #7e7e7e !important; } .c-aH-grey-9:hover {color: #727272 !important; } .c-aH-grey-10:hover {color: #656565 !important; } .c-aH-grey-11:hover {color: #585858 !important; } .c-aH-grey-12:hover {color: #4b4b4b !important; } .c-aH-grey-13:hover {color: #3f3f3f !important; } .c-aH-grey-14:hover {color: #323232 !important; } /**====== Grey-color css end ======**/ /**====== Blue-color css start ======**/ .c-aH-blue-grey-1:hover {color: #e1e7e9 !important; } .c-aH-blue-grey-2:hover {color: #d2dbdf !important; } .c-aH-blue-grey-3:hover {color: #c3cfd4 !important; } .c-aH-blue-grey-4:hover {color: #b4c3ca !important; } .c-aH-blue-grey-5:hover {color: #a5b7bf !important; } .c-aH-blue-grey-6:hover {color: #96abb4 !important; } .c-aH-blue-grey-7:hover {color: #87a0aa !important; } .c-aH-blue-grey-8:hover {color: #78949f !important; } .c-aH-blue-grey-9:hover {color: #6a8894 !important; } .c-aH-blue-grey-10:hover {color: #5f7a85 !important; } .c-aH-blue-grey-11:hover {color: #546d77 !important; } .c-aH-blue-grey-12:hover {color: #4a5f68 !important; } .c-aH-blue-grey-13:hover {color: #3f5159 !important; } .c-aH-blue-grey-14:hover {color: #35444a !important; } /**====== Blue-color css end ======**/ /**====== Primary-color css start ======**/ .c-aH-primary-1:hover {color: #b7f5e9 !important; } .c-aH-primary-2:hover {color: #aaf3e5 !important; } .c-aH-primary-3:hover {color: #9cf1e1 !important; } .c-aH-primary-4:hover {color: #8fefdc !important; } .c-aH-primary-5:hover {color: #81eed8 !important; } .c-aH-primary-6:hover {color: #74ecd4 !important; } .c-aH-primary-7:hover {color: #66ead0 !important; } .c-aH-primary-8:hover {color: #59e8cc !important; } .c-aH-primary-9:hover {color: #4ce6c8 !important; } .c-aH-primary-10:hover {color: #3ee4c4 !important; } .c-aH-primary-11:hover {color: #31e2bf !important; } .c-aH-primary-12:hover {color: #23e1bb !important; } .c-aH-primary-13:hover {color: #1ed7b2 !important; } .c-aH-primary-14:hover {color: #1cc9a7 !important; } /**====== Primary-color css end ======**/ /**====== Success-color css start ======**/ .c-aH-success-1:hover {color: #9fe9bf !important; } .c-aH-success-2:hover {color: #97e8b9 !important; } .c-aH-success-3:hover {color: #8fe6b4 !important; } .c-aH-success-4:hover {color: #86e4ae !important; } .c-aH-success-5:hover {color: #7ee2a8 !important; } .c-aH-success-6:hover {color: #76e0a3 !important; } .c-aH-success-7:hover {color: #6dde9d !important; } .c-aH-success-8:hover {color: #65dc98 !important; } .c-aH-success-9:hover {color: #5dda92 !important; } .c-aH-success-10:hover {color: #54d98c !important; } .c-aH-success-11:hover {color: #4cd787 !important; } .c-aH-success-12:hover {color: #44d581 !important; } .c-aH-success-13:hover {color: #3bd37c !important; } .c-aH-success-14:hover {color: #33d176 !important; } /**====== Success-color css end ======**/ /**====== Info-color css start ======**/ .c-aH-info-1:hover {color: #add6f1 !important; } .c-aH-info-2:hover {color: #a5d1ef !important; } .c-aH-info-3:hover {color: #9ccded !important; } .c-aH-info-4:hover {color: #93c8ec !important; } .c-aH-info-5:hover {color: #8bc4ea !important; } .c-aH-info-6:hover {color: #82c0e9 !important; } .c-aH-info-7:hover {color: #79bbe7 !important; } .c-aH-info-8:hover {color: #71b7e6 !important; } .c-aH-info-9:hover {color: #68b2e4 !important; } .c-aH-info-10:hover {color: #5faee3 !important; } .c-aH-info-11:hover {color: #57aae1 !important; } .c-aH-info-12:hover {color: #4ea5e0 !important; } .c-aH-info-13:hover {color: #45a1de !important; } .c-aH-info-14:hover {color: #3d9cdd !important; } /**====== Info-color css end ======**/ /**====== Warning-color css start ======**/ .c-aH-warning-1:hover {color: #f9e596 !important; } .c-aH-warning-2:hover {color: #f8e38c !important; } .c-aH-warning-3:hover {color: #f8e083 !important; } .c-aH-warning-4:hover {color: #f7de79 !important; } .c-aH-warning-5:hover {color: #f7dc6f !important; } .c-aH-warning-6:hover {color: #f6d966 !important; } .c-aH-warning-7:hover {color: #f5d75c !important; } .c-aH-warning-8:hover {color: #f5d552 !important; } .c-aH-warning-9:hover {color: #f4d249 !important; } .c-aH-warning-10:hover {color: #f4d03f !important; } .c-aH-warning-11:hover {color: #f3cd36 !important; } .c-aH-warning-12:hover {color: #f3cb2c !important; } .c-aH-warning-13:hover {color: #f2c922 !important; } .c-aH-warning-14:hover {color: #f2c619 !important; } /**====== Warning-color css end ======**/ /**====== Danger-color css start ======**/ .c-aH-danger-1:hover {color: #f7c1bb !important; } .c-aH-danger-2:hover {color: #f6b8b2 !important; } .c-aH-danger-3:hover {color: #f4b0a9 !important; } .c-aH-danger-4:hover {color: #f3a8a0 !important; } .c-aH-danger-5:hover {color: #f29f97 !important; } .c-aH-danger-6:hover {color: #f1978e !important; } .c-aH-danger-7:hover {color: #f08f85 !important; } .c-aH-danger-8:hover {color: #ef867c !important; } .c-aH-danger-9:hover {color: #ee7e72 !important; } .c-aH-danger-10:hover {color: #ed7669 !important; } .c-aH-danger-11:hover {color: #eb6d60 !important; } .c-aH-danger-12:hover {color: #ea6557 !important; } .c-aH-danger-13:hover {color: #e95d4e !important; } .c-aH-danger-14:hover {color: #e85445 !important; } /**====== altro ======**/ .c-aH-black{color:#000 !important;} .c-aH-trade:hover{color:rgba(120,10,0,1) !important;} .c-aH-trade-1:hover{color:rgba(120,10,0,0.1) !important;} .c-aH-trade-2:hover{color:rgba(120,10,0,0.2) !important;} .c-aH-trade-3:hover{color:rgba(120,10,0,0.3) !important;} .c-aH-trade-4:hover{color:rgba(120,10,0,0.4) !important;} .c-aH-trade-5:hover{color:rgba(120,10,0,0.5) !important;} .c-aH-trade-6:hover{color:rgba(120,10,0,0.6) !important;} .c-aH-trade-7:hover{color:rgba(120,10,0,0.7) !important;} .c-aH-trade-8:hover{color:rgba(120,10,0,0.8) !important;} .c-aH-trade-9:hover{color:rgba(120,10,0,0.9) !important;} .c-aH-hpro:hover{color:rgba(184,134,11,1) !important;} .c-aH-hpro-1:hover{color:rgba(184,134,11,0.1) !important;} .c-aH-hpro-2:hover{color:rgba(184,134,11,0.2) !important;} .c-aH-hpro-3:hover{color:rgba(184,134,11,0.3) !important;} .c-aH-hpro-4:hover{color:rgba(184,134,11,0.4) !important;} .c-aH-hpro-5:hover{color:rgba(184,134,11,0.5) !important;} .c-aH-hpro-6:hover{color:rgba(184,134,11,0.6) !important;} .c-aH-hpro-7:hover{color:rgba(184,134,11,0.7) !important;} .c-aH-hpro-8:hover{color:rgba(184,134,11,0.8) !important;} .c-aH-hpro-9:hover{color:rgba(184,134,11,0.9) !important;} /******************************************** FINE: COLOR HREF MOUSE HOVER ********************************************/ /******************************************** RIF.1_14 - STRIPED ********************************************/ .table-striped-custom-1 tbody tr:nth-of-type(odd) {background-color: rgb(233, 245, 253) !important;} /******************************************** FINE: STRIPED ********************************************/ /******************************************** RIF.1_15 - WHITE SPACE ********************************************/ .ws-normal{white-space:normal !important;} .ws-nowrap{white-space:nowrap !important;} /******************************************** FINE : WHITE SPACE ********************************************/ /******************************************** RIF.1_16 - CURSOR ********************************************/ .cursor-help{cursor:help;} .cursor-pointer{cursor:pointer !important;} /******************************************** FINE: CURSOR ********************************************/ /******************************************** RIF.1_17 - POSITION ********************************************/ .pos-rel{position:relative !important;} .pos-abs{position:absolute !important;} .pos-fix{position:fixed !important;} /******************************************** FINE: POSITION ********************************************/ /******************************************** RIF.1_18 - TOP ********************************************/ .top-0{top:0 !important;} .top-n1{top:-1% !important;} .top-n2{top:-2% !important;} .top-n3{top:-3% !important;} .top-n4{top:-4% !important;} .top-n5{top:-5% !important;} .top-n6{top:-6% !important;} .top-n7{top:-7% !important;} .top-n8{top:-8% !important;} .top-n9{top:-9% !important;} .top-n10{top:-10% !important;} .top-n15{top:-15% !important;} .top-n20{top:-20% !important;} .top-n25{top:-25% !important;} .top-n30{top:-30% !important;} .top-n35{top:-35% !important;} .top-n40{top:-40% !important;} .top-n45{top:-45% !important;} .top-n50{top:-50% !important;} .top-n55{top:-55% !important;} .top-n60{top:-60% !important;} .top-n65{top:-65% !important;} .top-n70{top:-70% !important;} .top-n75{top:-75% !important;} .top-n80{top:-80% !important;} .top-n85{top:-85% !important;} .top-n90{top:-90% !important;} .top-n95{top:-95% !important;} .top-n100p{top:-100% !important;} .top-0{top:0 !important;} .top-n1p{top:-1px !important;} .top-n2p{top:-2px !important;} .top-n3p{top:-3px !important;} .top-n4p{top:-4px !important;} .top-n5p{top:-5px !important;} .top-n6p{top:-6px !important;} .top-n7p{top:-7px !important;} .top-n8p{top:-8px !important;} .top-n9p{top:-9px !important;} .top-n10p{top:-10px !important;} .top-n15p{top:-15px !important;} .top-n20p{top:-20px !important;} .top-n25p{top:-25px !important;} .top-n30p{top:-30px !important;} .top-n35p{top:-35px !important;} .top-n40p{top:-40px !important;} .top-n45p{top:-45px !important;} .top-n50p{top:-50px !important;} .top-n55p{top:-55px !important;} .top-n60p{top:-60px !important;} .top-n65p{top:-65px !important;} .top-n70p{top:-70px !important;} .top-n75p{top:-75px !important;} .top-n80p{top:-80px !important;} .top-n85p{top:-85px !important;} .top-n90p{top:-90px !important;} .top-n95p{top:-95px !important;} .top-n100p{top:-100px !important;} .top-1p{top:1px !important;} .top-2p{top:2px !important;} .top-3p{top:3px !important;} .top-4p{top:4px !important;} .top-5p{top:5px !important;} .top-6p{top:6px !important;} .top-7p{top:7px !important;} .top-8p{top:8px !important;} .top-9p{top:9px !important;} .top-10p{top:10px !important;} .top-15p{top:15px !important;} .top-20p{top:20px !important;} .top-25p{top:25px !important;} .top-30p{top:30px !important;} .top-35p{top:35px !important;} .top-40p{top:40px !important;} .top-45p{top:45px !important;} .top-50p{top:50px !important;} .top-55p{top:55px !important;} .top-60p{top:60px !important;} .top-65p{top:65px !important;} .top-70p{top:70px !important;} .top-75p{top:75px !important;} .top-80p{top:80px !important;} .top-85p{top:85px !important;} .top-90p{top:90px !important;} .top-95p{top:95px !important;} .top-100p{top:100px !important;} .top-10{top:10% !important;} .top-15{top:15% !important;} .top-20{top:20% !important;} .top-25{top:25% !important;} .top-30{top:30% !important;} .top-35{top:35% !important;} .top-40{top:40% !important;} .top-45{top:45% !important;} .top-50{top:50% !important;} .top-55{top:55% !important;} .top-60{top:60% !important;} .top-65{top:65% !important;} .top-70{top:70% !important;} .top-75{top:75% !important;} .top-80{top:80% !important;} .top-85{top:85% !important;} .top-90{top:90% !important;} .top-95{top:95% !important;} .top-100{top:100% !important;} /******************************************** FINE: TOP ********************************************/ /******************************************** RIF.1_19 - LEFT ********************************************/ .left-0{left:0 !important;} .left-n1p{left:-1px !important;} .left-n2p{left:-2px !important;} .left-n3p{left:-3px !important;} .left-n4p{left:-4px !important;} .left-n5p{left:-5px !important;} .left-n6p{left:-6px !important;} .left-n7p{left:-7px !important;} .left-n8p{left:-8px !important;} .left-n9p{left:-9px !important;} .left-n10p{left:-10px !important;} .left-n15p{left:-15px !important;} .left-n20p{left:-20px !important;} .left-n25p{left:-25px !important;} .left-n30p{left:-30px !important;} .left-n35p{left:-35px !important;} .left-n40p{left:-40px !important;} .left-n45p{left:-45px !important;} .left-n50p{left:-50px !important;} .left-n55p{left:-55px !important;} .left-n60p{left:-60px !important;} .left-n65p{left:-65px !important;} .left-n70p{left:-70px !important;} .left-n75p{left:-75px !important;} .left-n80p{left:-80px !important;} .left-n85p{left:-85px !important;} .left-n90p{left:-90px !important;} .left-n95p{left:-95px !important;} .left-n100p{left:-100px !important;} .left-1p{left:1px !important;} .left-2p{left:2px !important;} .left-3p{left:3px !important;} .left-4p{left:4px !important;} .left-5p{left:5px !important;} .left-6p{left:6px !important;} .left-7p{left:7px !important;} .left-8p{left:8px !important;} .left-9p{left:9px !important;} .left-10p{left:10px !important;} .left-15p{left:15px !important;} .left-20p{left:20px !important;} .left-25p{left:25px !important;} .left-30p{left:30px !important;} .left-35p{left:35px !important;} .left-40p{left:40px !important;} .left-45p{left:45px !important;} .left-50p{left:50px !important;} .left-55p{left:55px !important;} .left-60p{left:60px !important;} .left-65p{left:65px !important;} .left-70p{left:70px !important;} .left-75p{left:75px !important;} .left-80p{left:80px !important;} .left-85p{left:85px !important;} .left-90p{left:90px !important;} .left-95p{left:95px !important;} .left-100p{left:100px !important;} .left-10{left:10% !important;} .left-15{left:15% !important;} .left-20{left:20% !important;} .left-25{left:25% !important;} .left-30{left:30% !important;} .left-35{left:35% !important;} .left-40{left:40% !important;} .left-45{left:45% !important;} .left-50{left:50% !important;} .left-55{left:55% !important;} .left-60{left:60% !important;} .left-65{left:65% !important;} .left-70{left:70% !important;} .left-75{left:75% !important;} .left-80{left:80% !important;} .left-85{left:85% !important;} .left-90{left:90% !important;} .left-95{left:95% !important;} .left-100{left:100% !important;} /******************************************** FINE: LEFT ********************************************/ /******************************************** RIF.1_20 - RIGHT ********************************************/ .right-0{right:0 !important;} .right-1p{right:1px !important;} .right-2p{right:2px !important;} .right-3p{right:3px !important;} .right-4p{right:4px !important;} .right-5p{right:5px !important;} .right-6p{right:6px !important;} .right-7p{right:7px !important;} .right-8p{right:8px !important;} .right-9p{right:9px !important;} .right-10p{right:10px !important;} .right-15p{right:15px !important;} .right-20p{right:20px !important;} .right-25p{right:25px !important;} .right-30p{right:30px !important;} .right-35p{right:35px !important;} .right-40p{right:40px !important;} .right-45p{right:45px !important;} .right-50p{right:50px !important;} .right-55p{right:55px !important;} .right-60p{right:60px !important;} .right-65p{right:65px !important;} .right-70p{right:70px !important;} .right-75p{right:75px !important;} .right-80p{right:80px !important;} .right-85p{right:85px !important;} .right-90p{right:90px !important;} .right-95p{right:95px !important;} .right-100p{right:100px !important;} .right-n1p{right:-1px !important;} .right-n2p{right:-2px !important;} .right-n3p{right:-3px !important;} .right-n4p{right:-4px !important;} .right-n5p{right:-5px !important;} .right-n6p{right:-6px !important;} .right-n7p{right:-7px !important;} .right-n8p{right:-8px !important;} .right-n9p{right:-9px !important;} .right-n10p{right:-10px !important;} .right-n15p{right:-15px !important;} .right-n20p{right:-20px !important;} .right-n25p{right:-25px !important;} .right-n30p{right:-30px !important;} .right-n35p{right:-35px !important;} .right-n40p{right:-40px !important;} .right-n45p{right:-45px !important;} .right-n50p{right:-50px !important;} .right-n55p{right:-55px !important;} .right-n60p{right:-60px !important;} .right-n65p{right:-65px !important;} .right-n70p{right:-70px !important;} .right-n75p{right:-75px !important;} .right-n80p{right:-80px !important;} .right-n85p{right:-85px !important;} .right-n90p{right:-90px !important;} .right-n95p{right:-95px !important;} .right-n100p{right:-100px !important;} .right-10{right:10% !important;} .right-15{right:15% !important;} .right-20{right:20% !important;} .right-25{right:25% !important;} .right-30{right:30% !important;} .right-35{right:35% !important;} .right-40{right:40% !important;} .right-45{right:45% !important;} .right-50{right:50% !important;} .right-55{right:55% !important;} .right-60{right:60% !important;} .right-65{right:65% !important;} .right-70{right:70% !important;} .right-75{right:75% !important;} .right-80{right:80% !important;} .right-85{right:85% !important;} .right-90{right:90% !important;} .right-95{right:95% !important;} .right-100{right:100% !important;} /******************************************** FINE: RIGHT ********************************************/ /******************************************** RIF.1_23 - ELENCO UL ********************************************/ .ul-alfab li { padding:5px; list-style: upper-alpha; margin-left:20px; } .ul-lower-alpha { padding:5px; list-style: lower-alpha; margin-left:20px; } .ul-decimal li { padding:1px; list-style: decimal; margin-left:20px; line-height: 1.6; letter-spacing: 1px; } .ul-circle li { padding:5px; list-style: circle; margin-left:20px; } .ul-disc li { padding:2px; list-style: disc; margin-left:20px; } /******************************************** FINE: ELENCO UL ********************************************/ /******************************************** RIF.1_21 - BOTTOM ********************************************/ .bottom-0{bottom:0 !important;} .bottom-1p{bottom:1px !important;} .bottom-2p{bottom:2px !important;} .bottom-3p{bottom:3px !important;} .bottom-4p{bottom:4px !important;} .bottom-5p{bottom:5px !important;} .bottom-6p{bottom:6px !important;} .bottom-7p{bottom:7px !important;} .bottom-8p{bottom:8px !important;} .bottom-9p{bottom:9px !important;} .bottom-10p{bottom:10px !important;} .bottom-15p{bottom:15px !important;} .bottom-20p{bottom:20px !important;} .bottom-25p{bottom:25px !important;} .bottom-30p{bottom:30px !important;} .bottom-35p{bottom:35px !important;} .bottom-40p{bottom:40px !important;} .bottom-45p{bottom:45px !important;} .bottom-50p{bottom:50px !important;} .bottom-55p{bottom:55px !important;} .bottom-60p{bottom:60px !important;} .bottom-65p{bottom:65px !important;} .bottom-70p{bottom:70px !important;} .bottom-75p{bottom:75px !important;} .bottom-80p{bottom:80px !important;} .bottom-85p{bottom:85px !important;} .bottom-90p{bottom:90px !important;} .bottom-95p{bottom:95px !important;} .bottom-100p{bottom:100px !important;} .bottom-n1p{bottom:-1px !important;} .bottom-n2p{bottom:-2px !important;} .bottom-n3p{bottom:-3px !important;} .bottom-n4p{bottom:-4px !important;} .bottom-n5p{bottom:-5px !important;} .bottom-n6p{bottom:-6px !important;} .bottom-n7p{bottom:-7px !important;} .bottom-n8p{bottom:-8px !important;} .bottom-n9p{bottom:-9px !important;} .bottom-n10p{bottom:-10px !important;} .bottom-n15p{bottom:-15px !important;} .bottom-n20p{bottom:-20px !important;} .bottom-n25p{bottom:-25px !important;} .bottom-n30p{bottom:-30px !important;} .bottom-n35p{bottom:-35px !important;} .bottom-n40p{bottom:-40px !important;} .bottom-n45p{bottom:-45px !important;} .bottom-n50p{bottom:-50px !important;} .bottom-n55p{bottom:-55px !important;} .bottom-n60p{bottom:-60px !important;} .bottom-n65p{bottom:-65px !important;} .bottom-n70p{bottom:-70px !important;} .bottom-n75p{bottom:-75px !important;} .bottom-n80p{bottom:-80px !important;} .bottom-n85p{bottom:-85px !important;} .bottom-n90p{bottom:-90px !important;} .bottom-n95p{bottom:-95px !important;} .bottom-n100p{bottom:-100px !important;} .bottom-10{bottom:10% !important;} .bottom-15{bottom:15% !important;} .bottom-20{bottom:20% !important;} .bottom-25{bottom:25% !important;} .bottom-30{bottom:30% !important;} .bottom-35{bottom:35% !important;} .bottom-40{bottom:40% !important;} .bottom-45{bottom:45% !important;} .bottom-50{bottom:50% !important;} .bottom-55{bottom:55% !important;} .bottom-60{bottom:60% !important;} .bottom-65{bottom:65% !important;} .bottom-70{bottom:70% !important;} .bottom-75{bottom:75% !important;} .bottom-80{bottom:80% !important;} .bottom-85{bottom:85% !important;} .bottom-90{bottom:90% !important;} .bottom-95{bottom:95% !important;} .bottom-100{bottom:100% !important;} /******************************************** FINE: BOTTOM ********************************************/ /******************************************** RIF.1_21 - GRID COLUMN ********************************************/ .grid-wrapper { display: grid; /* grid-gap: 0.125em; */ /* grid-template-columns: repeat(auto-fill, minmax(200px, 1fr) ); */ grid-auto-rows: 35px; grid-template-columns: 30% auto auto 30%; gap: 10px; color: #444; /* background-color: #fff; */ padding:0 5px; } .grid-wrapper .box { border-radius: 5px; padding: 0.25px; } /*.grid-wrapper .box:hover { border: dashed 1px #444; cursor:copy; }*/ .grid-wrapper .a {grid-column: 1 /1;} .grid-wrapper .ab {grid-column: 1 /3;} .grid-wrapper .bc {grid-column: 2 / 4;} .grid-wrapper .cd {grid-column: 3 /5;} .grid-wrapper .d {grid-column: 4 /4;} .grid-column-1-1{ grid-column: 1 / 1;} .grid-column-1-2{ grid-column: 1 / 2;} .grid-column-1-3{ grid-column: 1 / 3;} .grid-column-1-4{ grid-column: 1 / 4;} .grid-column-1-5{ grid-column: 1 / 5;} .grid-column-1-6{ grid-column: 1 / 6;} .grid-column-1-7{ grid-column: 1 / 7;} .grid-column-1-8{ grid-column: 1 / 8;} .grid-column-1-9{ grid-column: 1 / 9;} .grid-column-1-10{ grid-column: 1 / 10;} .grid-column-1-11{ grid-column: 1 / 11;} .grid-column-1-12{ grid-column: 1 / 12;} .grid-column-1-13{ grid-column: 1 / 13;} .grid-column-1-14{ grid-column: 1 / 14;} .grid-column-1-15{ grid-column: 1 / 15;} .grid-column-1-16{ grid-column: 1 / 16;} .grid-column-1-17{ grid-column: 1 / 17;} .grid-column-1-18{ grid-column: 1 / 18;} .grid-column-1-19{ grid-column: 1 / 19;} .grid-column-1-20{ grid-column: 1 / 20;} .grid-column-1-21{ grid-column: 1 / 21;} .grid-column-1-22{ grid-column: 1 / 22;} .grid-column-1-23{ grid-column: 1 / 23;} .grid-column-1-24{ grid-column: 1 / 24;} .grid-column-1-25{ grid-column: 1 / 25;} .grid-column-1-26{ grid-column: 1 / 26;} .grid-column-1-27{ grid-column: 1 / 27;} .grid-column-1-28{ grid-column: 1 / 28;} .grid-column-1-29{ grid-column: 1 / 29;} .grid-column-1-30{ grid-column: 1 / 30;} .grid-column-1-31{ grid-column: 1 / 31;} .grid-column-1-32{ grid-column: 1 / 32;} .grid-column-1-33{ grid-column: 1 / 33;} .grid-column-1-34{ grid-column: 1 / 34;} .grid-column-1-35{ grid-column: 1 / 35;} .grid-column-1-36{ grid-column: 1 / 36;} .grid-column-1-37{ grid-column: 1 / 37;} .grid-column-1-38{ grid-column: 1 / 38;} .grid-column-1-39{ grid-column: 1 / 39;} .grid-column-1-40{ grid-column: 1 / 40;} .grid-column-1-41{ grid-column: 1 / 41;} .grid-column-1-42{ grid-column: 1 / 42;} .grid-column-1-43{ grid-column: 1 / 43;} .grid-column-1-44{ grid-column: 1 / 44;} .grid-column-1-45{ grid-column: 1 / 45;} .grid-column-1-46{ grid-column: 1 / 46;} .grid-column-1-47{ grid-column: 1 / 47;} .grid-column-1-48{ grid-column: 1 / 48;} .grid-column-1-49{ grid-column: 1 / 49;} .grid-column-1-50{ grid-column: 1 / 50;} .grid-column-2-1{ grid-column: 2 / 1;} .grid-column-2-2{ grid-column: 2 / 2;} .grid-column-2-3{ grid-column: 2 / 3;} .grid-column-2-4{ grid-column: 2 / 4;} .grid-column-2-5{ grid-column: 2 / 5;} .grid-column-2-6{ grid-column: 2 / 6;} .grid-column-2-7{ grid-column: 2 / 7;} .grid-column-2-8{ grid-column: 2 / 8;} .grid-column-2-9{ grid-column: 2 / 9;} .grid-column-2-10{ grid-column: 2 / 10;} .grid-column-2-11{ grid-column: 2 / 11;} .grid-column-2-12{ grid-column: 2 / 12;} .grid-column-2-13{ grid-column: 2 / 13;} .grid-column-2-14{ grid-column: 2 / 14;} .grid-column-2-15{ grid-column: 2 / 15;} .grid-column-2-16{ grid-column: 2 / 16;} .grid-column-2-17{ grid-column: 2 / 17;} .grid-column-2-18{ grid-column: 2 / 18;} .grid-column-2-19{ grid-column: 2 / 19;} .grid-column-2-20{ grid-column: 2 / 20;} .grid-column-2-21{ grid-column: 2 / 21;} .grid-column-2-22{ grid-column: 2 / 22;} .grid-column-2-23{ grid-column: 2 / 23;} .grid-column-2-24{ grid-column: 2 / 24;} .grid-column-2-25{ grid-column: 2 / 25;} .grid-column-2-26{ grid-column: 2 / 26;} .grid-column-2-27{ grid-column: 2 / 27;} .grid-column-2-28{ grid-column: 2 / 28;} .grid-column-2-29{ grid-column: 2 / 29;} .grid-column-2-30{ grid-column: 2 / 30;} .grid-column-2-31{ grid-column: 2 / 31;} .grid-column-2-32{ grid-column: 2 / 32;} .grid-column-2-33{ grid-column: 2 / 33;} .grid-column-2-34{ grid-column: 2 / 34;} .grid-column-2-35{ grid-column: 2 / 35;} .grid-column-2-36{ grid-column: 2 / 36;} .grid-column-2-37{ grid-column: 2 / 37:} .grid-column-2-38{ grid-column: 2 / 38:} .grid-column-2-39{ grid-column: 2 / 39:} .grid-column-2-40{ grid-column: 2 / 40:} .grid-column-2-41{ grid-column: 2 / 41:} .grid-column-2-42{ grid-column: 2 / 42:} .grid-column-2-43{ grid-column: 2 / 43:} .grid-column-2-44{ grid-column: 2 / 44;} .grid-column-2-45{ grid-column: 2 / 45;} .grid-column-2-46{ grid-column: 2 / 46;} .grid-column-2-47{ grid-column: 2 / 47;} .grid-column-2-48{ grid-column: 2 / 48;} .grid-column-2-49{ grid-column: 2 / 49;} .grid-column-2-50{ grid-column: 2 / 50;} .grid-column-3-1{ grid-column: 3 / 1;} .grid-column-3-2{ grid-column: 3 / 2;} .grid-column-3-3{ grid-column: 3 / 3;} .grid-column-3-4{ grid-column: 3 / 4;} .grid-column-3-5{ grid-column: 3 / 5;} .grid-column-3-6{ grid-column: 3 / 6;} .grid-column-3-7{ grid-column: 3 / 7;} .grid-column-3-8{ grid-column: 3 / 8;} .grid-column-3-9{ grid-column: 3 / 9;} .grid-column-3-10{ grid-column: 3 / 10;} .grid-column-3-11{ grid-column: 3 / 11;} .grid-column-3-12{ grid-column: 3 / 12;} .grid-column-3-13{ grid-column: 3 / 13;} .grid-column-3-14{ grid-column: 3 / 14;} .grid-column-3-15{ grid-column: 3 / 15;} .grid-column-3-16{ grid-column: 3 / 16;} .grid-column-3-17{ grid-column: 3 / 17;} .grid-column-3-18{ grid-column: 3 / 18;} .grid-column-3-19{ grid-column: 3 / 19;} .grid-column-3-20{ grid-column: 3 / 20;} .grid-column-3-21{ grid-column: 3 / 21;} .grid-column-3-22{ grid-column: 3 / 22;} .grid-column-3-23{ grid-column: 3 / 23;} .grid-column-3-24{ grid-column: 3 / 24;} .grid-column-3-25{ grid-column: 3 / 25;} .grid-column-3-26{ grid-column: 3 / 26;} .grid-column-3-27{ grid-column: 3 / 27;} .grid-column-3-28{ grid-column: 3 / 28;} .grid-column-3-29{ grid-column: 3 / 29;} .grid-column-3-30{ grid-column: 3 / 30;} .grid-column-3-31{ grid-column: 3 / 31;} .grid-column-3-32{ grid-column: 3 / 32;} .grid-column-3-33{ grid-column: 3 / 33;} .grid-column-3-34{ grid-column: 3 / 34;} .grid-column-3-35{ grid-column: 3 / 35;} .grid-column-3-36{ grid-column: 3 / 36;} .grid-column-3-37{ grid-column: 3 / 37;} .grid-column-3-38{ grid-column: 3 / 38;} .grid-column-3-39{ grid-column: 3 / 39;} .grid-column-3-40{ grid-column: 3 / 40;} .grid-column-3-41{ grid-column: 3 / 41;} .grid-column-3-42{ grid-column: 3 / 42;} .grid-column-3-43{ grid-column: 3 / 43;} .grid-column-3-44{ grid-column: 3 / 44;} .grid-column-3-45{ grid-column: 3 / 45;} .grid-column-3-46{ grid-column: 3 / 46;} .grid-column-3-47{ grid-column: 3 / 47;} .grid-column-3-48{ grid-column: 3 / 48;} .grid-column-3-49{ grid-column: 3 / 49;} .grid-column-3-50{ grid-column: 3 / 50;} .grid-column-4-1{ grid-column: 4 / 1;} .grid-column-4-2{ grid-column: 4 / 2;} .grid-column-4-3{ grid-column: 4 / 3;} .grid-column-4-4{ grid-column: 4 / 4;} .grid-column-4-5{ grid-column: 4 / 5;} .grid-column-4-6{ grid-column: 4 / 6;} .grid-column-4-7{ grid-column: 4 / 7;} .grid-column-4-8{ grid-column: 4 / 8;} .grid-column-4-9{ grid-column: 4 / 9;} .grid-column-4-10{ grid-column: 4 / 10;} .grid-column-4-11{ grid-column: 4 / 11;} .grid-column-4-12{ grid-column: 4 / 12;} .grid-column-4-13{ grid-column: 4 / 13;} .grid-column-4-14{ grid-column: 4 / 14;} .grid-column-4-15{ grid-column: 4 / 15;} .grid-column-4-16{ grid-column: 4 / 16;} .grid-column-4-17{ grid-column: 4 / 17;} .grid-column-4-18{ grid-column: 4 / 18;} .grid-column-4-19{ grid-column: 4 / 19;} .grid-column-4-20{ grid-column: 4 / 20;} .grid-column-4-21{ grid-column: 4 / 21;} .grid-column-4-22{ grid-column: 4 / 22;} .grid-column-4-23{ grid-column: 4 / 23;} .grid-column-4-24{ grid-column: 4 / 24;} .grid-column-4-25{ grid-column: 4 / 25;} .grid-column-4-26{ grid-column: 4 / 26;} .grid-column-4-27{ grid-column: 4 / 27;} .grid-column-4-28{ grid-column: 4 / 28;} .grid-column-4-29{ grid-column: 4 / 29;} .grid-column-4-30{ grid-column: 4 / 30;} .grid-column-4-31{ grid-column: 4 / 31;} .grid-column-4-32{ grid-column: 4 / 32;} .grid-column-4-33{ grid-column: 4 / 33;} .grid-column-4-34{ grid-column: 4 / 34;} .grid-column-4-35{ grid-column: 4 / 35;} .grid-column-4-36{ grid-column: 4 / 36;} .grid-column-4-37{ grid-column: 4 / 37;} .grid-column-4-38{ grid-column: 4 / 38;} .grid-column-4-39{ grid-column: 4 / 39;} .grid-column-4-40{ grid-column: 4 / 40;} .grid-column-4-41{ grid-column: 4 / 41;} .grid-column-4-42{ grid-column: 4 / 42;} .grid-column-4-43{ grid-column: 4 / 43;} .grid-column-4-44{ grid-column: 4 / 44;} .grid-column-4-45{ grid-column: 4 / 45;} .grid-column-4-46{ grid-column: 4 / 46;} .grid-column-4-47{ grid-column: 4 / 47;} .grid-column-4-48{ grid-column: 4 / 48;} .grid-column-4-49{ grid-column: 4 / 49;} .grid-column-4-50{ grid-column: 4 / 50;} .grid-column-5-1{ grid-column: 5 / 1;} .grid-column-5-2{ grid-column: 5 / 2;} .grid-column-5-3{ grid-column: 5 / 3;} .grid-column-5-4{ grid-column: 5 / 4;} .grid-column-5-5{ grid-column: 5 / 5;} .grid-column-5-6{ grid-column: 5 / 6;} .grid-column-5-7{ grid-column: 5 / 7;} .grid-column-5-8{ grid-column: 5 / 8;} .grid-column-5-9{ grid-column: 5 / 9;} .grid-column-5-10{ grid-column: 5 / 10;} .grid-column-5-11{ grid-column: 5 / 11;} .grid-column-5-12{ grid-column: 5 / 12;} .grid-column-5-13{ grid-column: 5 / 13;} .grid-column-5-14{ grid-column: 5 / 14;} .grid-column-5-15{ grid-column: 5 / 15;} .grid-column-5-16{ grid-column: 5 / 16;} .grid-column-5-17{ grid-column: 5 / 17;} .grid-column-5-18{ grid-column: 5 / 18;} .grid-column-5-19{ grid-column: 5 / 19;} .grid-column-5-20{ grid-column: 5 / 20;} .grid-column-5-21{ grid-column: 5 / 21;} .grid-column-5-22{ grid-column: 5 / 22;} .grid-column-5-23{ grid-column: 5 / 23;} .grid-column-5-24{ grid-column: 5 / 24;} .grid-column-5-25{ grid-column: 5 / 25;} .grid-column-5-26{ grid-column: 5 / 26;} .grid-column-5-27{ grid-column: 5 / 27;} .grid-column-5-28{ grid-column: 5 / 28;} .grid-column-5-29{ grid-column: 5 / 29;} .grid-column-5-30{ grid-column: 5 / 30;} .grid-column-5-31{ grid-column: 5 / 31;} .grid-column-5-32{ grid-column: 5 / 32;} .grid-column-5-33{ grid-column: 5 / 33;} .grid-column-5-34{ grid-column: 5 / 34;} .grid-column-5-35{ grid-column: 5 / 35;} .grid-column-5-36{ grid-column: 5 / 36;} .grid-column-5-37{ grid-column: 5 / 37;} .grid-column-5-38{ grid-column: 5 / 38;} .grid-column-5-39{ grid-column: 5 / 39;} .grid-column-5-40{ grid-column: 5 / 40;} .grid-column-5-41{ grid-column: 5 / 41;} .grid-column-5-42{ grid-column: 5 / 42;} .grid-column-5-43{ grid-column: 5 / 43;} .grid-column-5-44{ grid-column: 5 / 44;} .grid-column-5-45{ grid-column: 5 / 45;} .grid-column-5-46{ grid-column: 5 / 46;} .grid-column-5-47{ grid-column: 5 / 47;} .grid-column-5-48{ grid-column: 5 / 48;} .grid-column-5-49{ grid-column: 5 / 49;} .grid-column-5-50{ grid-column: 5 / 50;} .grid-column-6-1{ grid-column: 6 / 1;} .grid-column-6-2{ grid-column: 6 / 2;} .grid-column-6-3{ grid-column: 6 / 3;} .grid-column-6-4{ grid-column: 6 / 4;} .grid-column-6-5{ grid-column: 6 / 5;} .grid-column-6-6{ grid-column: 6 / 6;} .grid-column-6-7{ grid-column: 6 / 7;} .grid-column-6-8{ grid-column: 6 / 8;} .grid-column-6-9{ grid-column: 6 / 9;} .grid-column-7-1{ grid-column: 7 / 1;} .grid-column-7-2{ grid-column: 7 / 2;} .grid-column-7-3{ grid-column: 7 / 3;} .grid-column-7-4{ grid-column: 7 / 4;} .grid-column-7-5{ grid-column: 7 / 5;} .grid-column-7-6{ grid-column: 7 / 6;} .grid-column-7-7{ grid-column: 7 / 7;} .grid-column-7-8{ grid-column: 7 / 8;} .grid-column-7-9{ grid-column: 7 / 9;} .grid-column-8-1{ grid-column: 8 / 1;} .grid-column-8-2{ grid-column: 8 / 2;} .grid-column-8-3{ grid-column: 8 / 3;} .grid-column-8-4{ grid-column: 8 / 4;} .grid-column-8-5{ grid-column: 8 / 5;} .grid-column-8-6{ grid-column: 8 / 6;} .grid-column-8-7{ grid-column: 8 / 7;} .grid-column-8-8{ grid-column: 8 / 8;} .grid-column-8-9{ grid-column: 8 / 9;} .grid-column-9-1{ grid-column: 9 / 1;} .grid-column-9-2{ grid-column: 9 / 2;} .grid-column-9-3{ grid-column: 9 / 3;} .grid-column-9-4{ grid-column: 9 / 4;} .grid-column-9-5{ grid-column: 9 / 5;} .grid-column-9-6{ grid-column: 9 / 6;} .grid-column-9-7{ grid-column: 9 / 7;} .grid-column-9-8{ grid-column: 9 / 8;} .grid-column-9-9{ grid-column: 9 / 9;} .grid-column-10-10{ grid-column: 10 / 10;} .grid-row-1-1{ grid-row: 1 / 1;} .grid-row-1-2{ grid-row: 1 / 2;} .grid-row-1-3{ grid-row: 1 / 3;} .grid-row-1-4{ grid-row: 1 / 4;} .grid-row-1-5{ grid-row: 1 / 5;} .grid-row-1-6{ grid-row: 1 / 6;} .grid-row-1-7{ grid-row: 1 / 7;} .grid-row-1-8{ grid-row: 1 / 8;} .grid-row-1-9{ grid-row: 1 / 9;} .grid-row-1-10{ grid-row: 1 / 10;} .grid-row-1-11{ grid-row: 1 / 11;} .grid-row-1-12{ grid-row: 1 / 12;} .grid-row-1-13{ grid-row: 1 / 13;} .grid-row-1-14{ grid-row: 1 / 14;} .grid-row-1-15{ grid-row: 1 / 15;} .grid-row-1-16{ grid-row: 1 / 16;} .grid-row-1-17{ grid-row: 1 / 17;} .grid-row-1-18{ grid-row: 1 / 18;} .grid-row-1-19{ grid-row: 1 / 19;} .grid-row-1-20{ grid-row: 1 / 20;} .grid-row-1-21{ grid-row: 1 / 21;} .grid-row-1-22{ grid-row: 1 / 22;} .grid-row-1-23{ grid-row: 1 / 23;} .grid-row-1-24{ grid-row: 1 / 24;} .grid-row-1-25{ grid-row: 1 / 25;} .grid-row-1-26{ grid-row: 1 / 26;} .grid-row-1-27{ grid-row: 1 / 27;} .grid-row-1-28{ grid-row: 1 / 28;} .grid-row-1-29{ grid-row: 1 / 29;} .grid-row-1-30{ grid-row: 1 / 30;} .grid-row-1-31{ grid-row: 1 / 31;} .grid-row-1-32{ grid-row: 1 / 32;} .grid-row-1-33{ grid-row: 1 / 33;} .grid-row-1-34{ grid-row: 1 / 34;} .grid-row-1-35{ grid-row: 1 / 35;} .grid-row-1-36{ grid-row: 1 / 36;} .grid-row-1-37{ grid-row: 1 / 37;} .grid-row-1-38{ grid-row: 1 / 38;} .grid-row-1-39{ grid-row: 1 / 39;} .grid-row-1-40{ grid-row: 1 / 40;} .grid-row-1-41{ grid-row: 1 / 41;} .grid-row-1-42{ grid-row: 1 / 42;} .grid-row-1-43{ grid-row: 1 / 43;} .grid-row-1-44{ grid-row: 1 / 44;} .grid-row-1-45{ grid-row: 1 / 45;} .grid-row-1-46{ grid-row: 1 / 46;} .grid-row-1-47{ grid-row: 1 / 47;} .grid-row-1-48{ grid-row: 1 / 48;} .grid-row-1-49{ grid-row: 1 / 49;} .grid-row-1-50{ grid-row: 1 / 50;} .grid-row-2-1{ grid-row: 2 / 1;} .grid-row-2-2{ grid-row: 2 / 2;} .grid-row-2-3{ grid-row: 2 / 3;} .grid-row-2-4{ grid-row: 2 / 4;} .grid-row-2-5{ grid-row: 2 / 5;} .grid-row-2-6{ grid-row: 2 / 6;} .grid-row-2-7{ grid-row: 2 / 7;} .grid-row-2-8{ grid-row: 2 / 8;} .grid-row-2-9{ grid-row: 2 / 9;} .grid-row-2-10{ grid-row: 2 / 10;} .grid-row-2-11{ grid-row: 2 / 11;} .grid-row-2-12{ grid-row: 2 / 12;} .grid-row-2-13{ grid-row: 2 / 13;} .grid-row-2-14{ grid-row: 2 / 14;} .grid-row-2-15{ grid-row: 2 / 15;} .grid-row-2-16{ grid-row: 2 / 16;} .grid-row-2-17{ grid-row: 2 / 17;} .grid-row-2-18{ grid-row: 2 / 18;} .grid-row-2-19{ grid-row: 2 / 19;} .grid-row-2-20{ grid-row: 2 / 20;} .grid-row-2-21{ grid-row: 2 / 21;} .grid-row-2-22{ grid-row: 2 / 22;} .grid-row-2-23{ grid-row: 2 / 23;} .grid-row-2-24{ grid-row: 2 / 24;} .grid-row-2-25{ grid-row: 2 / 25;} .grid-row-2-26{ grid-row: 2 / 26;} .grid-row-2-27{ grid-row: 2 / 27;} .grid-row-2-28{ grid-row: 2 / 28;} .grid-row-2-29{ grid-row: 2 / 29;} .grid-row-2-30{ grid-row: 2 / 30;} .grid-row-2-31{ grid-row: 2 / 31;} .grid-row-2-32{ grid-row: 2 / 32;} .grid-row-2-33{ grid-row: 2 / 33;} .grid-row-2-34{ grid-row: 2 / 34;} .grid-row-2-35{ grid-row: 2 / 35;} .grid-row-2-36{ grid-row: 2 / 36;} .grid-row-2-37{ grid-row: 2 / 37:} .grid-row-2-38{ grid-row: 2 / 38:} .grid-row-2-39{ grid-row: 2 / 39:} .grid-row-2-40{ grid-row: 2 / 40:} .grid-row-2-41{ grid-row: 2 / 41:} .grid-row-2-42{ grid-row: 2 / 42:} .grid-row-2-43{ grid-row: 2 / 43:} .grid-row-2-44{ grid-row: 2 / 44;} .grid-row-2-45{ grid-row: 2 / 45;} .grid-row-2-46{ grid-row: 2 / 46;} .grid-row-2-47{ grid-row: 2 / 47;} .grid-row-2-48{ grid-row: 2 / 48;} .grid-row-2-49{ grid-row: 2 / 49;} .grid-row-2-50{ grid-row: 2 / 50;} .grid-row-3-1{ grid-row: 3 / 1;} .grid-row-3-2{ grid-row: 3 / 2;} .grid-row-3-3{ grid-row: 3 / 3;} .grid-row-3-4{ grid-row: 3 / 4;} .grid-row-3-5{ grid-row: 3 / 5;} .grid-row-3-6{ grid-row: 3 / 6;} .grid-row-3-7{ grid-row: 3 / 7;} .grid-row-3-8{ grid-row: 3 / 8;} .grid-row-3-9{ grid-row: 3 / 9;} .grid-row-3-10{ grid-row: 3 / 10;} .grid-row-3-11{ grid-row: 3 / 11;} .grid-row-3-12{ grid-row: 3 / 12;} .grid-row-3-13{ grid-row: 3 / 13;} .grid-row-3-14{ grid-row: 3 / 14;} .grid-row-3-15{ grid-row: 3 / 15;} .grid-row-3-16{ grid-row: 3 / 16;} .grid-row-3-17{ grid-row: 3 / 17;} .grid-row-3-18{ grid-row: 3 / 18;} .grid-row-3-19{ grid-row: 3 / 19;} .grid-row-3-20{ grid-row: 3 / 20;} .grid-row-3-21{ grid-row: 3 / 21;} .grid-row-3-22{ grid-row: 3 / 22;} .grid-row-3-23{ grid-row: 3 / 23;} .grid-row-3-24{ grid-row: 3 / 24;} .grid-row-3-25{ grid-row: 3 / 25;} .grid-row-3-26{ grid-row: 3 / 26;} .grid-row-3-27{ grid-row: 3 / 27;} .grid-row-3-28{ grid-row: 3 / 28;} .grid-row-3-29{ grid-row: 3 / 29;} .grid-row-3-30{ grid-row: 3 / 30;} .grid-row-3-31{ grid-row: 3 / 31;} .grid-row-3-32{ grid-row: 3 / 32;} .grid-row-3-33{ grid-row: 3 / 33;} .grid-row-3-34{ grid-row: 3 / 34;} .grid-row-3-35{ grid-row: 3 / 35;} .grid-row-3-36{ grid-row: 3 / 36;} .grid-row-3-37{ grid-row: 3 / 37;} .grid-row-3-38{ grid-row: 3 / 38;} .grid-row-3-39{ grid-row: 3 / 39;} .grid-row-3-40{ grid-row: 3 / 40;} .grid-row-3-41{ grid-row: 3 / 41;} .grid-row-3-42{ grid-row: 3 / 42;} .grid-row-3-43{ grid-row: 3 / 43;} .grid-row-3-44{ grid-row: 3 / 44;} .grid-row-3-45{ grid-row: 3 / 45;} .grid-row-3-46{ grid-row: 3 / 46;} .grid-row-3-47{ grid-row: 3 / 47;} .grid-row-3-48{ grid-row: 3 / 48;} .grid-row-3-49{ grid-row: 3 / 49;} .grid-row-3-50{ grid-row: 3 / 50;} .grid-row-4-1{ grid-row: 4 / 1;} .grid-row-4-2{ grid-row: 4 / 2;} .grid-row-4-3{ grid-row: 4 / 3;} .grid-row-4-4{ grid-row: 4 / 4;} .grid-row-4-5{ grid-row: 4 / 5;} .grid-row-4-6{ grid-row: 4 / 6;} .grid-row-4-7{ grid-row: 4 / 7;} .grid-row-4-8{ grid-row: 4 / 8;} .grid-row-4-9{ grid-row: 4 / 9;} .grid-row-4-10{ grid-row: 4 / 10;} .grid-row-4-11{ grid-row: 4 / 11;} .grid-row-4-12{ grid-row: 4 / 12;} .grid-row-4-13{ grid-row: 4 / 13;} .grid-row-4-14{ grid-row: 4 / 14;} .grid-row-4-15{ grid-row: 4 / 15;} .grid-row-4-16{ grid-row: 4 / 16;} .grid-row-4-17{ grid-row: 4 / 17;} .grid-row-4-18{ grid-row: 4 / 18;} .grid-row-4-19{ grid-row: 4 / 19;} .grid-row-4-20{ grid-row: 4 / 20;} .grid-row-4-21{ grid-row: 4 / 21;} .grid-row-4-22{ grid-row: 4 / 22;} .grid-row-4-23{ grid-row: 4 / 23;} .grid-row-4-24{ grid-row: 4 / 24;} .grid-row-4-25{ grid-row: 4 / 25;} .grid-row-4-26{ grid-row: 4 / 26;} .grid-row-4-27{ grid-row: 4 / 27;} .grid-row-4-28{ grid-row: 4 / 28;} .grid-row-4-29{ grid-row: 4 / 29;} .grid-row-4-30{ grid-row: 4 / 30;} .grid-row-4-31{ grid-row: 4 / 31;} .grid-row-4-32{ grid-row: 4 / 32;} .grid-row-4-33{ grid-row: 4 / 33;} .grid-row-4-34{ grid-row: 4 / 34;} .grid-row-4-35{ grid-row: 4 / 35;} .grid-row-4-36{ grid-row: 4 / 36;} .grid-row-4-37{ grid-row: 4 / 37;} .grid-row-4-38{ grid-row: 4 / 38;} .grid-row-4-39{ grid-row: 4 / 39;} .grid-row-4-40{ grid-row: 4 / 40;} .grid-row-4-41{ grid-row: 4 / 41;} .grid-row-4-42{ grid-row: 4 / 42;} .grid-row-4-43{ grid-row: 4 / 43;} .grid-row-4-44{ grid-row: 4 / 44;} .grid-row-4-45{ grid-row: 4 / 45;} .grid-row-4-46{ grid-row: 4 / 46;} .grid-row-4-47{ grid-row: 4 / 47;} .grid-row-4-48{ grid-row: 4 / 48;} .grid-row-4-49{ grid-row: 4 / 49;} .grid-row-4-50{ grid-row: 4 / 50;} /******************************************** RIF.1_25 - TABLE ********************************************/ .table-sm th,.table-sm td {padding:5px !important;} .table-md th,.table-md td {padding:10px !important;} .table-lg th,.table-lg td {padding:15px !important;} .table-xl th,.table-xl td {padding:20px !important;} .table-hover tbody tr:hover{background-color:#f0f8ff; /*border: dashed 2px blue;*/} .table-striped-r2 tbody tr:nth-child(4n+1), .table-striped-r2 tbody tr:nth-child(4n+2){background-color:#f9f9f9;} .table.table-header-color1 tbody tr.active{background-color: rgb(122 10 0 / 15%) !important; border: dotted 2px rgb(122 10 0) !important;} .table.table-header-color2 tbody tr.active{background-color: rgba(184,134,11,0.15) !important; border: dotted 2px rgba(184,134,11,1) !important;} .table-row-hover tbody tr:hover{background-color: #c5dfef !important; border: dotted 2px rgb(0 97 157) !important;} .table-header-color1 thead{color:#fff; background-color:#7a0a00;} .table-header-color2 thead{color: #fafad2; background-color: #b8860b;} .boxScrollTable-300p{overflow:scroll;height:300px; margin:10px 0;} .boxScrollTable-400p{overflow:scroll;height:400px; margin:10px 0;} .boxScrollTable-500p{overflow:scroll;height:500px; margin:10px 0;} .boxScrollTable-600p{overflow:scroll;height:600px; margin:10px 0;} .boxScrollTable-700p{overflow:scroll;height:700px; margin:10px 0;} .boxScrollTable-800p{overflow:scroll;height:800px; margin:10px 0;} .boxScrollTable-900p{overflow:scroll;height:900px; margin:10px 0;} /******************************************** FINE: TABLE ********************************************/ /******************************************** RIF.1_29 - ROTAZIONE ********************************************/ .r-0{transform: rotate(0deg);} .r-45{transform: rotate(45deg);} .r-90{transform: rotate(90deg);} .r-135{transform: rotate(135deg);} .r-180{transform: rotate(180deg);} .r-225{transform: rotate(225deg);} .r-270{transform: rotate(270deg);} .r-320{transform: rotate(320deg);} .r-360{transform: rotate(360deg);} /******************************************** RIF.1_37 - MAXLENGTH ********************************************/ .maxlength-1{width:30px !important;} .maxlength-2{width:40px !important;} .maxlength-3{width:50px !important;} .maxlength-4{width:60px !important;} .maxlength-5{width:70px !important;} .maxlength-6{width:80px !important;} .maxlength-7{width:90px !important;} .maxlength-8{width:100px !important;} .maxlength-9{width:110px !important;} .maxlength-10{width:120px !important;} .maxlength-11{width:130px !important;} .maxlength-12{width:140px !important;} .maxlength-13{width:150px !important;} .maxlength-14{width:160px !important;} textarea.maxlength-1,textarea.maxlength-2,textarea.maxlength-3,textarea.maxlength-4,textarea.maxlength-5,textarea.maxlength-6,textarea.maxlength-7,textarea.maxlength-8,textarea.maxlength-9, textarea.maxlength-20,textarea.maxlength-21,textarea.maxlength-22,textarea.maxlength-23,textarea.maxlength-24,textarea.maxlength-25,textarea.maxlength-26,textarea.maxlength-27,textarea.maxlength-28,textarea.maxlength-29, textarea.maxlength-30,textarea.maxlength-31,textarea.maxlength-32,textarea.maxlength-33,textarea.maxlength-34,textarea.maxlength-35,textarea.maxlength-36,textarea.maxlength-37,textarea.maxlength-38,textarea.maxlength-39 {height:30px !important;overflow: hidden;} /******************************************* RIF.12 - JCONFIRM *********************************************/ .jconfirm{z-index: 9999999999999999999999999999999999999;} .jconfirm.jconfirm-supervan .jconfirm-bg{ } .jconfirm.jconfirm-supervan .jconfirm-box{ } .jconfirm.jconfirm-supervan .jconfirm-box.loading{ } .jconfirm.jconfirm-supervan .jconfirm-box.loading:before{ } .jconfirm.jconfirm-supervan .jconfirm-box.loading:after{ } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{ } .jconfirm.jconfirm-bootstrap .jconfirm-bg{ } .jconfirm.jconfirm-bootstrap .jconfirm-box{ font-weight: 600; /* border: solid 2px #b8860b; */ /* box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); */ } .jconfirm.jconfirm-bootstrap .jconfirm-box.loading{ } .jconfirm.jconfirm-bootstrap .jconfirm-box.loading:before{ } .jconfirm.jconfirm-bootstrap .jconfirm-box.loading:after{ } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{ } .jconfirm.jconfirm-modern .jconfirm-bg{ } .jconfirm.jconfirm-modern .jconfirm-box{ padding:15px; } .jconfirm.jconfirm-modern .jconfirm-box.loading{ } .jconfirm.jconfirm-modern .jconfirm-box.loading:before{ } .jconfirm.jconfirm-modern .jconfirm-box.loading:after{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-content{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{ } /******************************************* RIF.12_1 - dlg-success *********************************************/ .jconfirm.jconfirm-dlg-success .jconfirm-bg{ } .jconfirm.jconfirm-dlg-success .jconfirm-box{ font-weight: 600; background-color: #ebffee; border: solid 2px #bdd6c1; box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); } .jconfirm.jconfirm-dlg-success .jconfirm-box.loading{ } .jconfirm.jconfirm-dlg-success .jconfirm-box.loading:before{ } .jconfirm.jconfirm-dlg-success .jconfirm-box.loading:after{ } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-dlg-success .jconfirm-box .jconfirm-buttons button{ } /******************************************* RIF.12_2 - dlg-info *********************************************/ .jconfirm.jconfirm-dlg-info .jconfirm-bg{ } .jconfirm.jconfirm-dlg-info .jconfirm-box{ font-weight: 600; background-color: #dff3ff; border: solid 2px #a3cae2; box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); } .jconfirm.jconfirm-dlg-info .jconfirm-box.loading{ } .jconfirm.jconfirm-dlg-info .jconfirm-box.loading:before{ } .jconfirm.jconfirm-dlg-info .jconfirm-box.loading:after{ } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-dlg-info .jconfirm-box .jconfirm-buttons button{ } /******************************************* RIF.12_3 - dlg-warning *********************************************/ .jconfirm.jconfirm-dlg-warning .jconfirm-bg{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box{ font-weight: 600; background-color: #ffedae; border: solid 2px #d2bf7f; box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); } .jconfirm.jconfirm-dlg-warning .jconfirm-box.loading{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box.loading:before{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box.loading:after{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-dlg-warning .jconfirm-box .jconfirm-buttons button{ } /******************************************* RIF.12.4 - dlg-danger *********************************************/ .jconfirm.jconfirm-dlg-danger .jconfirm-bg{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box{ color: #fff; font-weight: 600; background-color: #ff5d4d; border: solid 2px #bb0000; box-shadow: 0 0 5px 0px rgba(0,0,0,0.3); } .jconfirm.jconfirm-dlg-danger .jconfirm-box.loading{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box.loading:before{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box.loading:after{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-closeIcon{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-title-c{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-content-pane{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-content{ font-size:16px; } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-buttons{ } .jconfirm.jconfirm-dlg-danger .jconfirm-box .jconfirm-buttons button{ } /******************************************* FINE - JCONFIRM *********************************************/ /******************************************* RIF.2 - Effetto lente *********************************************/ .img-magnifier-container {position:relative;} .img-magnifier-glass { position: absolute; width: 350px; height: 200px; border: 1px solid rgba(0,0,0,0.3) !important; box-shadow: inset 0 0 13px 4px rgba(0, 0, 0, 0.2); border-radius: 40px; cursor: none; } /******************************************* FINE: Effetto lente *********************************************/ /******************************************* RIF.3 - Animazioni *********************************************/ @keyframes upDown { 0% {margin-top: 0;} 100% {margin-top: 20px;} } /******************************************* Fine: Animazioni *********************************************/ /******************************************* RIF.4 CHAT / CHIAMAMI *********************************************/ .btn-IconChat { position: fixed !important; right:75px; bottom: 35px; width: 60px; height: 60px; /* border-radius: 50%; */ background-image: url(/img/icons/chat/256x256.png); background-position: center; background-repeat: no-repeat; background-size: contain; /* box-shadow: 0 0 4px 5px rgb(0 0 0 / 30%); */ cursor: pointer; z-index:999; } .chat-box { bottom:48px; padding:10px; margin-right:135px; z-index: 999; } .chat-box .had-container{box-shadow: 0 0 17px 5px rgb(0 0 0 / 30%);} .chat-box .mini,.chat-box .close{cursor:pointer;} .chat-box .chat-single-box{margin:0;} .chat-box .chat-single-box.active .chat-header { background-color: rgb(1 47 138) !important; color:#fff; } .chat-box .chat-header.custom-collapsed { position:absolute; bottom:0; } .chat-body{overflow:hidden;} .message-scrooler::-webkit-scrollbar { height: 0; width:0; } .message-scrooler { height: 310px; overflow:auto; } .message-scrooler .mediaT { clear: both; position:relative; min-width: 165px; width: fit-content; max-width:250px; text-align:left; background-color: rgb(229 248 255); padding: 10px; border-radius: 8px; box-shadow: -4px 3px 4px 0 rgb(0 0 0 / 20%); margin-left:5px; margin-bottom: 10px; } .message-scrooler .mediaT .icofont-headphone-alt { position: absolute; bottom: 10px; right: 10px; font-size: 20px; } .message-scrooler .mediaT .content,.message-scrooler .mediaC .content{font-weight:600 !important;} .message-scrooler .mediaT .content span{font-size:11px;} .message-scrooler .mediaT .content p { margin-bottom:5px; font-size:14px; } .message-scrooler .mediaT .seen span p,.message-scrooler .mediaC .seen span p{font-size:11px;} .message-scrooler .mediaC { clear: both; position:relative; /* left:30px; */ width: fit-content; max-width: 250px; background-color: rgb(225 255 224); padding:10px; border-radius: 8px; box-shadow: 3px 3px 4px 0 rgb(0 0 0 / 20%); margin-right:5px; margin-bottom: 10px; float: right; } .message-scrooler .mediaC .content{text-align:left;} .activeTypeChat { background-color: rgb(33 34 218); font-weight: 700; border: none; border-bottom: solid 4px rgb(236 229 0); } .loaderCustom{display:flex;} .loaderCustom div { position: relative; left: 42%; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(1 45 134); opacity:0; margin-right:10px; animation-duration:4s; animation-iteration-count:50; } .loaderCustom div:nth-child(1) { animation-name:loaderCustom1; animation-delay: 0s; } .loaderCustom div:nth-child(2) { animation-name:loaderCustom2; animation-delay: 1s; } .loaderCustom div:nth-child(3) { animation-name:loaderCustom3; animation-delay: 2s; } @keyframes loaderCustom1 { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} } @keyframes loaderCustom2 { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} } @keyframes loaderCustom3 { 0%{opacity:0;} 50%{opacity:1;} 100%{opacity:0;} } /* .tableProp thead tr { background-color: #09456f; color: #e1f4ff; } .tableProp thead tr span { color:rgba(255,255,255,0.7) !important; font-size:11px !important; } .tableProp thead th { vertical-align:inherit; } .table-VariazPrz td, .table-VariazPrz th { padding:5px; }*/ .msgCli ul { padding: 10px; max-height: 200px; overflow: scroll; margin-bottom:5px; } .msgCli ul::-webkit-scrollbar{height:0; width:0;} .msgCli ul li { padding:10px; font-size: 14px; border-radius: 5px; margin-bottom:10px; min-width:160px; width:fit-content; } .msgCli ul li span{font-size:11px;} .msgType_C { background-color: #d3ffd3; border: solid 1px #7dbd7d; float:right; } .msgType_T { clear:both; background-color: #2a7db426; border: solid 1px #7394ab; } .msgCli .input-group input{margin:0;} .btn-IconCell { position: fixed !important; right:140px; bottom: 39px; width: 55px; height: 55px; border-radius: 25%; font-size:30px; color:#004a98 !important; background-color:#cedff4; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 41%); padding:5px 13px; cursor: pointer; z-index:999; } #containerCell { position: fixed; right: 5px; bottom: 35px; background: #fff; padding: 15px; box-shadow: 0 0 3px 0 rgb(0 0 0 / 30%); border-radius: 4px; z-index: 999999; } #containerCell h5 { border-bottom: solid 2px #004a98; margin-bottom:5px; padding-bottom:5px; } #containerCell a { position: absolute; top: 0; right: 6px; cursor:pointer; } #containerCell label { margin-top:5px; margin-right:5px; } /******************************************* FINE: CHAT / CHIAMAMI *********************************************/ .noselectxx { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } /******************************************* Modal *********************************************/ #modal1::-webkit-scrollbar { width: 0 } .modal{width: auto !important;} .modalImg{width:100%;} .showImg { width: 50px; position: relative; border: none; box-shadow: none; top: -5px; font-size: 20px; z-index: 200; cursor: pointer; background-color: #fff; border-radius: 50%; height: 50px; padding: 15px 10px 10px 15px; border: solid 1px; } .showImg:hover { background-color:rgba(0,0,0,0.2); border-color:#fff; color:#fff; } .nav-tabs .TabRigheOrdine a { padding-top:5px !important; padding-bottom:15px !important; } .modal-sm{margin-top:20%;} .modal-header { /* background-color: #ccc; */ color: #fff; background-color: rgba(120,10,0,1); } .modal-header .close{cursor:pointer;} .modal .modalRfrsh { position: absolute; right: 40px; top: 19px; font-weight: bold; cursor:pointer; } .modal .modalMove { position: absolute; top:17px; right: 65px; font-size: 18px; cursor:pointer; } .modal .modalMove.active,#boxConf .confMove.active{animation: mdlMove 4s infinite;} @keyframes mdlMove { 0%{color:red;} 75%{color:#000;} 100%{color:red;} } .modal#Modal1 .modal-content.modalReziser,.modal#Modal2 .modal-content.modalReziser { overflow: scroll; resize: both; } .modal#Modal1 .modal-content::-webkit-scrollbar,.modal#Modal2 .modal-content::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff; border: none; } .modal#Modal1 .modal-content::-webkit-scrollbar-thumb,.modal#Modal2 .modal-content::-webkit-scrollbar-thumb{display:none;} .modal#Modal1 .modal-content::-webkit-resizer,.modal#Modal2 .modal-content::-webkit-resizer{background-color:#ccc;} /* .modal#Modal1 .modal-content .light-nav-border-custom,.modal#Modal2 .modal-content .light-nav-border-custom{display:none;} */ /******************************************* FINE: Modal *********************************************/ @charset "UTF-8"; ul.mtree { opacity: 0; margin-left: 0; padding: 1.2em; } ul.mtree ul {margin-left: 1em;} ul.mtree li {list-style: none;} ul.mtree a {display: block;} ul.mtree li.mtree-node > a {font-weight: bold;} ul.mtree a { -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } ul.mtree.bubba ul {margin-left: 0;} ul.mtree.bubba ul li {font-size: .9em;} ul.mtree.bubba li.mtree-node > a:after { content: '›'; margin-left: .5em; font-weight: normal; } ul.mtree.bubba li.mtree-node > a { font-weight: bold; text-transform: upperCase; } ul.mtree.bubba > li {border-bottom: 1px solid #DDD;} ul.mtree.bubba > li:last-child {border-bottom: none;} ul.mtree.bubba li:last-child > a {border: none;} ul.mtree.bubba > li.mtree-open > a {background: #DDD;} ul.mtree.bubba li > a:hover {background: #DDD;} ul.mtree.bubba li.mtree-active > a { background: #FFC000; color: #FFF; } ul.mtree.bubba a {padding: 7px 0px 7px 1em;} ul.mtree.bubba li li > a {padding-left: 2em;} ul.mtree.bubba li li li > a {padding-left: 3em;} ul.mtree.bubba li li li li > a {padding-left: 4em;} ul.mtree.bubba li li li li li > a {padding-left: 5em;} ul.mtree.bubba li li li li li li > a {padding-left: 6em;} ul.mtree.skinny li {font-size: .9em;} ul.mtree.skinny a { padding: 0px 18px; color: #555; } ul.mtree.skinny a:hover {text-decoration: underline;} ul.mtree.skinny li.mtree-node:before { float: left; margin-left: .5em; zoom: .8; margin-top: .1em; color: #777; } ul.mtree.skinny li.mtree-open:before {content: '-';} ul.mtree.skinny li.mtree-closed:before {content: '+';} ul.mtree.skinny ul > li:first-child {margin-top: .1em;} ul.mtree.skinny ul > li:last-child {margin-bottom: .3em;} ul.mtree.skinny ul a {color: #666;} ul.mtree.transit {background: #111;} ul.mtree.transit ul {margin-left: 0;} ul.mtree.transit ul > li {font-size: .9em;} ul.mtree.transit li.mtree-node {position: relative;} ul.mtree.transit li.mtree-node > a:before { color: #CCC; font-weight: normal; position: absolute; right: 20px; } ul.mtree.transit li.mtree-open > a:before {content: '-';} ul.mtree.transit li.mtree-closed > a:before {content: '+';} ul.mtree.transit ul > li:first-child {margin-top: 1px;} ul.mtree.transit li.mtree-open > a {background: #222;} ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a { background: #333; color: #FFF; } ul.mtree.transit li.mtree-node > ul > li:last-child { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #333; } ul.mtree.transit li.mtree-node:last-child > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } ul.mtree.transit a { padding: 5px 0px 5px 0.8em; color: #CCC; } ul.mtree.transit li li > a {padding-left: 1.6em;} ul.mtree.transit li li li > a {padding-left: 2.4em;} ul.mtree.transit li li li li > a {padding-left: 3.2em;} ul.mtree.transit li li li li li > a {padding-left: 4em;} ul.mtree.transit li li li li li li > a {padding-left: 5em;} ul.mtree.jet ul {margin-left: 0;} ul.mtree.jet li {margin-bottom: 1px;} ul.mtree.jet li:last-child {margin-bottom: 0px;} ul.mtree.jet li:first-child {margin-top: 1px;} ul.mtree.jet li.mtree-active a {background: #E3E3E3;} ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active > a { background: #008cba; color: #FFF; border-radius: 3px 3px 0px 0px; } ul.mtree.jet li > a:hover { background: #FFC000; color: #FFF; } ul.mtree.jet a {padding: 5px 0px 5px 1em;} ul.mtree.jet li li > a {padding-left: 2em;} ul.mtree.jet li li li > a {padding-left: 3em;} ul.mtree.jet li li li li > a {padding-left: 4em;} ul.mtree.jet li li li li li > a {padding-left: 5em;} ul.mtree.jet li li li li li li > a {padding-left: 5em;} ul.mtree.nix {background: none;} ul.mtree.nix a {display: inline;} ul.mtree.nix ul {margin-left: 1em;} ul.mtree.nix ul > li {list-style-position: inside;} ul.mtree.nix li {list-style: disc;} .mtree-demo .mtree { background: #EEE; margin: 20px auto; max-width: 320px; border-radius: 3px; } .mtree-skin-selector { text-align: center; background: #EEE; padding: 10px 0 15px; } .mtree-skin-selector li { display: inline-block; float: none; } .mtree-skin-selector button { padding: 5px 10px; margin-bottom: 1px; background: #BBB; } .mtree-skin-selector button:hover {background: #999;} .mtree-skin-selector button.active {background: #999; font-weight: bold;} .mtree-skin-selector button.csl.active {background: #FFC000;} /******************************************* RIF.9 - SOGLIA CATALOGO *********************************************/ /**************************************************** - COLORI SFONDO STANDARD DEL CATALOGO ****************************************************/ .Porcellane-bg{background-color:rgb(85,127,151);} .Posateria-bg{background-color:rgb(230,104,41);} .VetriCristalli-bg{background-color: rgb(139,205,214);} .TavolaBuffet-bg{background-color: rgb(194,41,44);} .Bar-bg {background-color: rgb(239,201,59);} .Cucina-bg{background-color: rgb(94,69,148);} .Residence-bg{background-color: rgb(61,176,122);} .Premium-bg{background-color:rgba(0, 86, 168, 1);} /**************************************************** FINE: COLORI SFONDO STANDARD DEL CATALOGO ****************************************************/ /**************************************************** - COLORI SFONDO STANDARD DEL CATALOGO ****************************************************/ .Porcellane-img,.Posateria-img,.VetriCristalli-img,.TavolaBuffet-img,.Bar-img,.Cucina-img,.Residence-img,.Premium-img,.Genesys-img,.Nude-img,.Novita-img,.Fenixe-img,.Riscaldamento-img,.RCR-img,.Stolzle-img,.NovitaHost-img,.Securit-img,.APS-img,.APS2-img,.ONIS-img,.ARIANE-img { background-repeat:no-repeat; background-position:center; background-size: cover; color:#fff; font-weight:bold; box-shadow: 0 0 7px 1px rgba(0,0,0,0.3); } .Porcellane-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/PORCELLANE.jpg);} .Posateria-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/POSATERIA.jpg);} .VetriCristalli-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/VETRI_CRISTALLI.jpg);} .TavolaBuffet-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/TAVOLA_BUFFET.jpg);} .Bar-img {background-image:url(/img/cataloghi/page/sezioni_catalogo/BAR.jpg);} .Cucina-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/CUCINA.jpg);} .Residence-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/RESIDENCE.jpg);} .Premium-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/PREMIUM.jpg);} .Genesys-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/GENESYS.jpg);} .Nude-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/Nude.png);} .Novita-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/Novita.png);} .Fenixe-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/Fenixe.jpg);} .Riscaldamento-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/RISCALDAMENTO.png);} .RCR-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/RCR.jpg);} .Stolzle-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/STOLZLE.png);} .NovitaHost-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/NOVITA_HOST.jpg);} .Securit-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/SECURIT.jpg);} .APS-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/APS.jpg);} .APS2-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/APS2.jpg);} .ONIS-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/ONIS.jpg);} .ARIANE-img{background-image:url(/img/cataloghi/page/sezioni_catalogo/ARIANE.jpg);} .Porcellane-img a span,.Posateria-img a span,.VetriCristalli-img a span,.TavolaBuffet-img a span,.Bar-img a span,.Cucina-img a span,.Residence-img a span,.Premium-img a span,.Genesys-img a span,.Nude-img a span,.Novita-img a span,.Fenixe-img a span,.Riscaldamento-img a span,.RCR-img a span,.Stolzle-img a span,.NovitaHost-img a span,.Securit-img a span,.APS-img a span,.APS2-img a span,.ONIS-img a span,.ARIANE-img a span { font-weight:bold; background-color:rgba(255,255,255,0.8); border-radius:5px; padding:10px; } .radius-secondary {border-radius: 22px !important;} .viewCat { color:#000; font-size:25px; } .viewCat span{padding:15px;} .bar2 .share2 a { margin-top: 0; margin-right: 10px; font-size: 20px; position: relative; color: #bbb; cursor: pointer; top: 3px } .bar2 .share2 a:hover{color:#000;} .catalog-links { /* position: absolute; */ left: 45%; width: fit-content; /* background-color: #fff; */ /* padding: 10px 0; */ margin: 0 auto 10px auto; z-index: 999; display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; } .catalog-links li a { /* margin: 0 5px; */ padding: 5px; color: #fff; background-color: rgba(120, 10, 1, 1); border-radius: 4px; font-family: monospace; display:inline-block; } .catalog-links li a span { font-size: 0.75em; font-weight: 400; opacity: 0.8; display:block; } .catalog-links li a:hover { color: rgba(120, 10, 0, 1); background-color: #fff; border:solid 1px rgba(120, 10, 0, 1); } /**************************************************** FINE: COLORI SFONDO STANDARD DEL CATALOGO ****************************************************/ /**************************************************** - COLORI CARATTERE STANDARD DEL CATALOGO ****************************************************/ .Porcellane-c{color:rgb(85,127,151);} .Posateria-c{color:rgb(230,104,41);} .VetriCristalli-c{color: rgb(139,205,214);} .TavolaBuffet-c{color: rgb(194,41,44);} .Bar-c {color: rgb(239,201,59);} .Cucina-c{color: rgb(94,69,148);} .Residence-c{color: rgb(61,176,122);} .Premium-c{color:rgba(0, 86, 168, 1);} /**************************************************** FINE: COLORI CARATTERE STANDARD DEL CATALOGO ****************************************************/ /**************************************************** - FONT PER CATEGORIA CATALOGO ****************************************************/ .Porcellane-bg a span,.Porcellane-c a span,.Posateria-bg a span,.Posateria-c a span,.VetriCristalli-bg a span,.VetriCristalli-c a span,.TavolaBuffet-bg a span,.TavolaBuffet-c a span,.Bar-bg a span,.Bar-c a span,.Cucina-bg a span,.Cucina-c a span,.Residence-bg a span,.Residence-c a span,.Premium-bg a span, .Premium-c a span,.Genesys-bg a span,.Genesys-c a span,.Nude-bg a span,.Nude-c a span,.Novita-bg a span,.Novita-c a span,.Fenixe-bg a span,.Fenixe-c a span,.Riscaldamento-bg a span,.Riscaldamento-c a span,.RCR-c a span,.Stolzle-c a span,.NovitaHost-c a span,.Securit-c a span,.APS-c a span,.APS2-c a span,.ONIS-c a span,.ARIANE-c a span { /*Seleziona un tipo di font per i pulsanti categorie del catalogo*/ /* font-family: 'Alex Brush', cursive; */ /* font-family: 'Great Vibes', cursive; */ /* font-family: 'Tangerine', cursive; */ font-size: 20px; color: #fff; cursor:pointer; } .pdfDownload { color: #fff; position: absolute; bottom: 1px; right: 16px; font-size: 25px; cursor: pointer; background-color: #000; border-radius: 22px 0; padding: 10px 10px 5px 10px; margin: 0; } .pdfDownload:hover{color:rgba(255,255,255,0.5);} .share { color: #fff; position: absolute; bottom: 1px; left: 16px; font-size: 20px; cursor: pointer; background-color: #000; border-radius: 0 22px; padding: 10px 10px 5px 10px; margin: 0; } /**************************************************** FINE: COLORI SFONDO STANDARD DEL CATALOGO ****************************************************/ #sfogliaCat { width:100%; height:650px; border:none; margin-bottom:100px; overflow:hidden; margin-top:50px; } #sfogliaCat::-webkit-scrollbar { width:0; } .bar2 { background: #fff; width: 41%; height: 39px; border-radius: 10px; overflow: hidden; padding: 3px; box-shadow: 0 0 4px 2px rgba(0,0,0,0.3); } .bar2 { position: relative; top: 0; left: 30%; } .bar2 .share a { margin-right:10px; font-size:26px; color:#bbb; cursor:pointer; } .bar2 span { position: relative; top: 5px; left: 20px; } .animation { height: 395px; width: 100%; background-repeat: no-repeat; background-size: cover; margin-bottom:20px; } #titoloCat { position: absolute; top: 16%; left: 15%; background-color: rgba(255, 255, 255, 0.87); border-radius: 20px; box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3); } #titoloCat h1,#titoloCat p{font-weight:bold;} #titoloCat h1{} #titoloCat p{} .intCatPdf { background-color:#0f969129; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px; padding: 10px 26px; margin-bottom: 20px; box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.3); } .intCatPdf h1 { margin-top:0; font-weight:bold; } .intCatPdf p { font-size: 16px; letter-spacing: 1px; line-height: 1.6; font-weight: 700; } .intCatPdf p a { font-weight:700; /* color:#773b01; */ color:#blue; text-decoration: underline; } #download:hover{color:#000;} /******************************************* FINE: SOGLIA CATALOGO *********************************************/ /******************************************* RIF.99 - GENERICI *********************************************/ :root { /* ***** FONT ***** */ --font1: 'Open Sans', sans-serif; /* ***** SFONDO ***** */ --navColor:#262626; /* --color1:#00f1ff; */ --color1:rgba(241,183,133,1); --color2:#5b5b5b; --color3:#006492; --color4:rgb(120,11,0); --acceso:rgba(0,116,50,1); --primary-color: #185ee0; --secondary-color: #e6eef9; --grid-columns: 5; } html{font-size:14px;} body{overflow: hidden; padding-bottom:450px;} body::-webkit-scrollbar { height: 0; width:0; } html, body {touch-action: manipulation;} #main{margin:0; padding-bottom:40px;} #main.main-scroll{ /* height:fit-content; */ /* height:auto; */ height: calc(100vh - 150px); max-height:900px; /* padding-bottom:450px; */ /* padding-bottom:100px; */ overflow:scroll; } #main.main-scroll::after { content: ''; display: block; height: 100px; /* L'equivalente del padding-bottom */ } /* #main::-webkit-scrollbar { height: 0; width:0; } */ #main::-webkit-scrollbar { width: 10px;} #main::-webkit-scrollbar { height: 5px;} #main::-webkit-scrollbar-track {} #main::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } #main::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1);} .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Oscura lo schermo */ display: none; /* Nascosta per default */ z-index: 9999; /* Deve essere sopra l'immagine */ } .sfondoHome { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-attachment: fixed; background-image: url(/portale/img/sfondoHome.jpg); background-position: center; background-repeat: no-repeat; /* background-size: 100%; */ background-size: cover; opacity:0.2; z-index:-100; } .c-trade{color:var(--color4);} .natale { position:relative; background-image:url(/portale/img/sfondoNatale.png); background-repeat:no-repeat; background-position: 50% 50%; background-size: 100%; /* margin-top: 50px; */ min-height: 700px; /* border-radius: 15px; */ margin-bottom: 15px; } .natale.siAvvicina{background-image:url(/portale/img/sfondoNataleSiAvvicina.png);} .natale.siAvvicina article {background-color:rgba(0,0,0,0.5);} .natale #particles-js{ position:absolute; width: 100%; height: 100%; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .natale article { border-radius: 10px; padding: 20px; width: 50%; margin-top: 8%; margin-left: 25%; text-align: center; } .natale article h1,.natale article p { color:#fff; font-weight:800; text-shadow: 0 0 12px #000; } .natale article h1{font-size:30pt !important;} .natale article p{font-size:24px;} .fineanno { background-image:url(/img/periodi/fineanno.jpg); background-repeat:no-repeat; background-position: 100% 44%; background-size: cover; min-height: 800px; margin:1% 0; } .fineanno article { border-radius:10px; padding:5% 0 0 15%; width:50%; /* margin-top:15%; */ /* margin-left:30%; */ margin: 0 auto 0 auto; } .fineanno article h1,.natale article p { color:#fff; margin-bottom:10px; text-shadow: 0 0 12px #000; } .fineanno article h1{font-size:50pt !important;} .fineanno article p { font-weight:800; font-size:24px; line-height:1.2; margin-bottom:5px; } .estate { width:100%; height: 400px; background-image:url(/img/estate.jpg); background-repeat:no-repeat; background-position: bottom; background-size:cover; margin:10px 0; } .estate article { border-radius: 10px; padding: 20px; width: 50%; margin-top: 5%; margin-left: 25%; text-align: center; } .estate article h1,.estate article p { color:#fff; font-weight:800; text-shadow: 0 0 12px #000; } .estate article p{font-size:24px;} .ssi-avviso{ display:none; cursor:pointer; } .ssi-avviso section { color: #fff; background-color: rgba(120, 10, 0, 1); padding: 5px; } .ssi-avviso section h2{display:none;} .ssi-avviso section p { color: yellow; font-size: 1.5rem; margin: 0 0 0px 0; letter-spacing: 1px; text-align: center; } .tmstmp-pos { position: absolute; right: 10px; bottom: 0px; } section[ssi-message="banner"] {display:flex;} section[ssi-message="banner"] .banner{ position:relative; /*width: 30%; */ width: 100%; height:100vh; background-color:#ccc; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 5px 15px 5px; font-family: sans-serif; letter-spacing: 1px; cursor:pointer; } section[ssi-message="banner"] .banner article{ position: absolute; top: 18%; left: 3.5%; width:92%; color:#fff; background-color: rgba(0,0,0,0.6); border-radius: 4px; padding: 10px; font-weight:700; text-align:center; } section[ssi-message="banner"] .natale{width:70%;} .hostM { position:relative; background-image:url(/img/loghi/fiere/hostMilano/banner/host2025_2560x284.jpg); /* background-color:rgba(210,238,240,1); */ background-repeat:no-repeat; background-position: 50% 50%; background-size: 100%; min-height: 700px; margin-bottom: 15px; } header { position: relative; width: 100%; height: 60px; background-color:#f3f3f3; z-index:200; } header #logo { position: absolute; top: 5px; left: -50px; width: 242px; height: 50px; font-size: 15px; padding:10px; background-color: #fff; transform: skewX(322deg); text-align:right; z-index: 10; } header #logo div { position: absolute; top: 0; left: 55px; /* width: 170px; */ width: 168px; height: 50px; color:#fff; background-position:center; background-repeat:no-repeat; background-size:contain; transform: skewX(38deg); } /* header #logo div::before{content:'Trade: Spazio logo 240x50 px';} */ header #logo div {background-image:url(/img/loghi/TON_trade_86x51.png);} header #logo div {background-image:url(/portale/img/logodft.png);} header #logoMask { position: absolute; left: -50px; width: 250px; height: 60px; transform: skewX(322deg); background-color: var(--navColor); box-shadow: 4px 0px 4px 0 rgb(0 0 0 / 51%); z-index: 5; } header .homeMask0,header .homeMask1{ /* position:absolute; */ /* top:5px; */ /* right:0px; */ } header .homeMask1::before{ /* content: "\f0da"; */ content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; color:var(--acceso); } header .homeMask1 i{color:var(--acceso);} header #homeSelAzi{ position: absolute; top: 0; left: -100px; /* width: fit-content; */ width: 330px; /*si espande fino ai 330px circa*/ height:30px; background-color: #7a0a00; padding: 2px 0; transform: translate(0px, 0px) skewX(322deg); box-shadow: 4px 0px 4px 0 rgb(0 0 0 / 51%); animation-name: animSelAzi; animation-duration: 5s; animation-delay: 10s; animation-iteration-count:infinite; z-index: 0; } header #homeSelAzi:hover{animation-iteration-count:initial;} header #homeSelAzi div{ width:260px; margin-top:-0.5px; margin-left:25px; transform: skewX(38deg); } header #homeSelAzi .btnSelAzi { position: absolute; top: -7px; right: 0px; font-size: 30px; padding:0 5px 0 22px; cursor:pointer; } header #homeSelAzi .btnSelAzi i {color:#fff;} @keyframes animSelAzi { 50%{transform: translate(20px, 0px) skewX(322deg);} 100%{transform: translate(0px, 0px) skewX(322deg);} } header #aziAlias { position: absolute; top: 0%; left: 13.5%; color: rgba(120, 10, 1, 1); background-color:#f3f3f3; padding:0 10px 0 60px; font-family: math; font-size: 1.5rem; z-index:-1; } header #msgSys { position: absolute; right: -2800px; /* width: fit-content; */ width: 100%; margin: 0; /* text-align: right; */ color: #c01000; font-size: 21px; font-family: monospace; /* animation-name: msgSysText; */ animation-duration: 20s; animation-delay: 2s; animation-iteration-count:infinite; z-index:-3; } @keyframes msgSysText { 0%{right: -2800px;} 25%{right:550px;} 50%{right:745px;} 75%{right:745px;} 100%{right:2800px;} } #btnMenu{display:none;} header nav { position: absolute; bottom: 0; width: 100%; height: 30px; padding: 5px 5px 5px 200px; background-color: var(--navColor); background: rgb(38,38,38); background: linear-gradient(24deg, rgba(38,38,38,1) 0%, rgba(102,102,102,1) 67%); box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 30%); display:flex; } header nav ul { display:flex; flex-wrap: wrap; } header nav ul > li { height:24px; /* padding: 0 15px; */ border-right: solid 2px rgb(106 106 106); cursor:pointer; } header nav ul > li:hover { /* background-color:#fff; */ /* background-color:rgb(75 189 209); */ /* background-color:#0d95e1; */ border-color:var(--color1); } header nav ul > li a { padding: 0 15px; color:#fff !important; } header nav ul > li:hover a { /* color:var(--navColor); */ color:var(--color1) !important; } header nav ul > li a span{} header nav ul > li a#hpro{position: relative; top: 1px;} header nav ul > li a#hpro span{position:relative; top:-5px;} header nav ul > li:nth-child(2){position:relative;} header nav ul > li #ricCat { position: absolute; top: 25px; left: 0px; width: 200px; color: #fff; background-color: var(--navColor); padding: 10px; box-shadow: 4px 5px 4px 0px rgb(0 0 0 / 30%); z-index: 9; } header nav ul > li #ricCat label{font-size:11px;} header nav ul > li #ricCat .form-control-sm { height: 25px; padding:0 5px; margin-bottom:5px; } header nav ul > li #ricCat #visCat { float: right; font-size: 22px; } header nav ul > li #ricCat #visCat span { position: relative; top: -3px; font-size: 12px; } header nav #profilo { position:absolute; right:0; } header nav #profilo .lingua.drpdown{padding:0;} header #homeUsr { position: absolute; top: 2px; right: 0; font-size: 14px; font-weight: bold; font-family: math; letter-spacing: 3px; background-color: #f3f3f3; padding: 5px 22px; } header nav ul > li #drpdown { position: absolute; top: 25px; right: 5px; width: 200px; color: #fff; background-color:#383838; padding: 10px; box-shadow: 4px 5px 4px 0px rgb(0 0 0 / 30%); z-index: 9; } header nav ul > li #drpdown article p{margin-bottom:2px;} header nav ul > li #drpdown article:nth-child(2) { display:grid; border-top:solid 1px rgba(255,255,255,0.3); } header nav ul > li #drpdown article:nth-child(2) ol li a { color:#fff !important; padding-right:0px; } header nav ul > li #drpdown article:nth-child(2) ol li a:hover{color:var(--color1) !important;} nav[tradeBar],nav[hproBar]{ position:relative; width:100%; min-height:30px; max-height:150px; color:#fff; margin-top:5px; padding:5px; display:flex; flex-wrap:wrap; } nav[tradeBar] h5,nav[hproBar] h5{min-width:150px;} nav[tradeBar] div,nav[hproBar] div { position: absolute; right: 0px; } nav[tradeBar] div a, nav[hproBar] div a { margin:5px; cursor:pointer; } nav[tradeBar]{background-color:rgba(120,10,0,1);} nav[tradeBar] div{background-color: rgba(120,10,0,1);} nav[hproBar]{background-color:rgba(184, 134, 11, 1);} nav[hproBar] div{background-color: rgba(184, 134, 11, 1);} #puntoInfo {position:relative;} #puntoInfo .icofont-idea{display:none;} /*#puntoInfo.bounce { font-weight: bold; margin-left:-10px; } #puntoInfo.bounce i{position:absolute;} #puntoInfo.bounce span{color:yellow; margin-left:15px;} #puntoInfo.bounce .icofont-idea{ display:inherit; color:yellow; transform: rotate(28deg); font-size: 1.5em; } #puntoInfo.bounce .icofont-idea { display: inherit; color: yellow; }*/ #puntoInfo._news:after{ content:"News"; position: relative; /* top: -5px; */ /* right: -15px; */ color: #fff; font-weight: 900; background-color: red; padding: 0 5px; border-radius: 4px; } #puntoInfo._news i {margin-left:-10px;} #puntoInfo._news span {margin-right:10px;} .welcomeI { position: absolute; top: 90%; left: 50%; margin: 0; transform: translate(-50%, -50%); animation-name: upDown; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; text-shadow: 0 0 5px white; z-index: 9; } .welcomeI i { color:rgba(120,10,0,1); font-size:80px; } /*Lunchezza di ogni elemento del carousel*/ .slide{width:100%;} .slide .owl-stage{display:flex;} .slide .owl-dots{text-align:center;} .slide .owl-dot { width: 10px; height: 10px; background-color: #bababa; border: none; margin: 0 5px; border-radius: 50%; } .slide .owl-dot.active{background-color:#767676;} .slide article img {height: 413px;} .slide article { margin-right: 20px; /* background-color: #fff; */ background-color: rgba(120,10,0,0.5); padding: 10px; /* box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.3); */ } .slide article img { margin-bottom:20px; cursor:grab; } .slide article img:active{cursor:grabbing;} .slide article div { position:relative; width: 100%; /* height:400px; */ height:220px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:0; } .slide article mask { position:absolute; left:0; width:100%; height:400px; background-color:rgba(0,0,0,0.2); z-index:20; } .slide article h4 { position: absolute; top: 17px; left: 36px; width: 88%; padding: 10px; background-color: rgba(0,0,0,0.6); color: #fff; font-weight: bold; font-size: 26px !important; white-space: normal; z-index: 30; } .slide article p { font-weight: 600; line-height: 1.5; letter-spacing: 1px; font-size: 14px; } .slide article a { right: 25px; bottom: 20px; font-weight: 600; font-size:16px; cursor: pointer; } .slide article mkLink { position: absolute; right:36px; bottom: 10px; width: 138px; height: 37px; padding: 5px; background-color: #fff; border: solid 1px rgba(0,0,0,0.2); text-align:center; z-index: 60; } .slide article mkLink:hover{background-color:#7a0a00;} .slide article mkLink a{color: #7a0a00 !important;} .slide article mkLink:hover a{color: #fff !important;} .slide article mkLink i{display:none;} .slide .disabled{display:none;} .owl-theme .owl-nav{display:none;} .owl-theme .owl-nav [class*='owl-']:hover {background: #7a0a00;} .owl-theme .owl-nav [class*=owl-]:hover {color: #fafad2;} #lcndList { /* margin-top:50px; */ /* background-color:#fff; */ } #lcndList .card-header { /* background-color:#20b2aa; */ background-color:transparent; border: none; } #lcndList .card-header h5 { /* color: #d4fffd; */ color:#546a2f; font-weight: bold; font-size:24px; } #lcndList .card-block{padding:10px;} #lcndList img { width:200px; margin: 20px 0; } #lcndList ul li { padding: 10px; border-bottom: solid 1px rgba(0,0,0,0.2); } #lcndList ul li a { line-height: 1.2; letter-spacing: 1px; cursor:pointer; } .masonry-media{border-bottom: solid 1px rgba(0,0,0,0.2);} .masonry-media { overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .masonry-media img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } .masonry-image .masonry-media {margin-bottom: 20px; } .masonry-media ul li { line-height: 1.2; letter-spacing: 1px; } .img-fluid { max-width: 100%; height: auto; } .lcndDettagli { color:#007bff !important; font-weight:bold; cursor:pointer; } .titleLcnd { text-align:center; box-shadow: 0 0 2px 0 rgb(0,0,0,0.4); background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:cover; padding:0; } .titleLcnd article { background-color: rgb(0,0,0,0.6); padding: 3%; color: #f1f1f1; height:100%; } .titleLcnd,.titleLcnd article{min-height:200px;} .titleLcnd article h3{text-shadow: 0 0 4px white;} .titleLcnd article p { letter-spacing:1px; line-height:1.4; font-weight: 600; font-size:14px; margin:0; } footer { position: fixed; bottom: 0px; width: 100%; height: fit-content; text-align: center; margin: 0 auto; padding: 0; z-index: 999; } footer p { padding:8px !important; margin:0; color:#fff; background-color: var(--navColor); } .btnPageTop { position: fixed; right: 10px; bottom: 50px; color: #fff !important; background-color:var(--navColor); border-radius:2px; padding: 5px 15px; cursor:pointer; display:none; } .btnPageTop:hover { color: var(--navColor); background-color:#fff; border: solid 1px var(--navColor); } .btnPageTop i { font-size: 20px; font-weight: 900; } #infoCookies { position: fixed; bottom: 0; width: 100%; color: #fff; background-color: #343434; padding: 10px 20px; z-index: 999; } #infoCookies i { position: absolute; top: 20px; right: 10px; font-size: 20px; cursor: pointer; } #infoCookies p{margin:0;} #infoCookies p a { color: #fff; text-decoration: underline; font-weight: 600; } #infoCookies p a:hover{color: #ccc;} #infoCookies #closeCookies { position: absolute; top: 15px; right: 50px; color: #fff; background-color: #8b8b8b; padding: 5px 15px; border-radius: 2px; cursor: pointer; } #infoCookies #closeCookies:hover { color: #8b8b8b; background-color: #fff; } #primopiano h4 { color: #fff; font-weight: 600; margin: 0; padding: 10px; /* background-color: #0f9691; */ background-color: #7a0a00; } #primopiano div { width: 100%; display: -webkit-box; padding: 10px 5px; overflow: scroll; margin-bottom:10px; } #primopiano div::-webkit-scrollbar { height: 0; width:0; } #primopiano article { width: 300px; background-color: #fff; padding: 10px; margin: 0 5px; border-radius: 5px; } #primopiano article h5 { border-bottom: solid 2px #7a0a00; padding: 5px; margin-bottom: 5px; } #primopiano article p{} .tooltip-content3 { min-width:250px; top: 20%; bottom:initial; background-color: #323232; background-image:none; padding: 15px 10px; z-index: 999999999999999999; } .tooltip-content3::after{top:0;} #locandine h4 { color: #fff; font-weight: 600; margin: 0; padding: 10px; background-color: #0f9691; } #locandine div { width: 100%; display: -webkit-box; padding: 10px 5px; overflow: scroll; margin-bottom:10px; } #locandine div::-webkit-scrollbar { height: 0; width:0; } #locandine article { width: 300px; background-color: #fff; padding: 10px; margin: 0 5px; border-radius: 5px; } #locandine article h5 { border-bottom: solid 2px #0f9691; padding: 5px; margin-bottom: 5px; } #locandine article p{} .navPgm { position:relative; color: rgb(120,11,0); font-size: 10px; background-color:#fff; box-shadow: 0 0 4px 1px rgba(0,0,0,0.5); padding: 2px 8px; margin: 6px 0; } .navPgm h5 { color:#666; margin: 4px 0; } .navPgm b { position:absolute; top:4px; right:10px; } .navPgm b a { font-size:15px; margin-left:10px; cursor:pointer; } .navPgm b a:hover{color:rgba(120,11,0,0.5) !important;} #spinner01,.spinner01{ position:fixed; top:40%; left:40%; width:150px; height:150px; background-image:url(/portale/img/spinner01.png); background-repeat:no-repeat; background-position:center; background-size:contain; animation-name: spinner01; animation-duration: 3s; /* animation-delay: 2s; */ animation-iteration-count:infinite; z-index:1000000000009; } #spinner01{display:none;} @keyframes spinner01 { 0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);} } .BoxProgressBar { position: fixed; top: 45%; left: 45%; width: 300px; height: 80px; background-color: #fff; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.35); padding: 20px; border-radius:5px; display:none; z-index:99999999999999; } .BoxProgressBar span { position: absolute; left: 135px; top: 50px; font-weight: bold; } .BoxProgressBar .progress-bar { height:10px; background-color:rgba(120,10,0,1); } .progressSTD { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; /*background-color: rgba(0,0,0,0.2);*/ z-index: 100; } .progressSTD.noblk { top: 40%; left: 40%; width: fit-content; height: fit-content; } .progressSTD .bar-content { position: relative; /* top:-210px;*/ width: 640px; min-width: 300px; max-width: 1200px; height: fit-content; /* min-height:100px;*/ background-color: #fefefe; margin: 10% auto; /* padding: 10px; */ /*border: 1px solid #888;*/ border-radius: 50px; box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.5); /* cursor: move;*/ /* resize: both; */ } .progressSTD .bar-content header { width:100%; height:fit-content; max-height:100px; display:flex; border-bottom: solid 2px #adadf3; display: none; } .progressSTD .bar-content header div { width:80%; padding:10px; font-weight:600; } .progressSTD .bar-content header btncont { width:fit-content; padding:11px 6px 6px 6px; text-align:right; margin-left: auto; max-width: 20%; } .progressSTD .bar-content header btncont span { color: #7d7d7d; font-size: 20px; font-weight: bold; cursor: pointer; margin: 0px 5px; display: inline-grid } .progressSTD .bar-content header btncont span:hover, .progressSTD .bar-content header btncont span:focus { color: black; text-decoration: none; cursor: pointer; } .progressSTD .bar-content content { width: 100%; height: 20px; padding: 4px; display: inherit; } .progressSTD .bar-content content #loaderInsert { position: relative; width: 100%; height: 100%; float: left; font-size: 9px; font-weight: 800; line-height: 10px; text-align: center; background-color: #a4a4a4; background-size: 15px 15px; /*-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 3px rgba(0,0,0,0.5);*/ border-radius: 50px; padding: 2px 0px; } .progressSTD .bar-content content .bar01 { position: relative; top:-12px; width: 100%; height: 100%; float: left; font-size: 9px; font-weight: 800; line-height: 10px; text-align: center; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 15px 15px; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 3px rgba(0,0,0,0.5); box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 3px rgba(0,0,0,0.5); border-radius: 50px; padding: 2px 0px; } .progressSTD .bar-content content .bar01 { color: #fff; background-color: rgba(120,10,0,1); } .progressSTD .bar-content footer { position:absolute; bottom:0; width: 100%; height: fit-content; max-height:54px; text-align: center; padding:10px; background-color:#fff; border-top: solid 2px #adadf3; display: none; } .a-trade-icon { height:fit-content; color:#fff !important; background-color:rgba(120,10,0,1); margin-left:5px; padding:2px 5px; cursor:pointer; } .a-trade-icon:hover { color:rgba(120,10,0,1) !important; background-color:#fff; border:solid 1px rgba(120,10,0,1); } .a-hpro-icon { height:fit-content; color:#fff !important; background-color:rgba(184,134,11,1); margin-left:5px; padding:2px 5px; cursor:pointer; } .a-hpro-icon:hover { color:rgba(184,134,11,1) !important; background-color:#fff; border:solid 1px rgba(184,134,11,1); } /*--------------------------------------------------- Catalogo ---------------------------------------------------*/ .cat-contain { /* background-color:#fff; */ /* padding:10px; */ /* margin-bottom: 10px; */ /* display:table; */ display:flex; flex-wrap: wrap; } /* .cat-contain .ipd::before */ /* { */ /* content:"\f106"; */ /* position:absolute; */ /* top: -62px; */ /* left: 360px; */ /* font-family: "Ionicons"; */ /* color: rgba(120, 10, 0, 1); */ /* font-size: 7rem; */ /* transform: scaleX(2); */ /* animation-name: ipdArrow; */ /* animation-duration: 3s; */ /* Durata in secondi */ /* animation-delay: 1s; */ /* animation-iteration-count: infinite; */ /* Ripetizione infinita */ /* z-index:99999; */ /* } */ /* .cat-contain .ipd::after */ /* { */ /* content:attr(cssContent); */ /* position:absolute; */ /* top: -60px; */ /* left: 420px; */ /* width: 160vh; */ /* color:#fff; */ /* background-color:rgba(120,10,0,1); */ /* border:solid 0.2px rgba(120,10,0,0.2); */ /* border-left:solid 2px rgba(120,10,0,1); */ /* box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.3); */ /* border-radius: 0 10px 10px 0; */ /* font-weight: 600; */ /* padding:5px; */ /* animation-name: ipdOnOff; */ /* animation-duration: 3s; /* Durata in secondi */ /* animation-delay: 1s; */ /* animation-iteration-count: infinite; /* Ripetizione infinita */ /* z-index:99999; */ /* } */ @keyframes ipdArrow { 0%{ font-size: 7rem; left: 360px; top: -62px; } 70% { font-size: 1.5rem; left: 35%; top: -2px; } } @keyframes ipdOnOff { 0%{padding:5px;} 80%{display:none;} } .cat-contain .cat-linea { min-height:150px; background-color:rgba(216,195,165,1); background-image:url(/portale/img/sfondoLinea.jpg); background-repeat:no-repeat; background-position: 50% 78%; margin-bottom: 0px; padding: 15px; text-align: center; font-family: "Anta", sans-serif; font-weight: 400; font-style: normal; } .cat-contain .cat-linea p{font-size:1.15rem;} .cat-contain .cat-linea.orizzontale { min-height:150px; background-position:center; background-size:cover; } .cat-contain .cat-linea.orizzontale intLinea { width: fit-content; height: fit-content; margin: 0 auto; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.65); border-radius: 4px; display: block; } .cat-contain .cat-linea.orizzontale h3,.cat-contain .cat-linea.orizzontale p{color:#fff;} .cat-contain .cat-linea.verticale { min-height:150px; color:#fff; background-position:100% 55%; background-size:cover; } .cat-contain .cat-linea.verticale intLinea { width: fit-content; height: fit-content; margin: 0 auto; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; display: block; } .cat-contain .cat-linea.verticale h3, .cat-contain .cat-linea.verticale p { position:relative; text-shadow: 2px 2px 3px black; z-index:10; } .cat-contain .cat-linea.quadrata { min-height:150px; background-position:center; background-size:cover; } .cat-contain .cat-linea.quadrata intLinea { width: fit-content; height: fit-content; margin: 0 auto; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 4px; display: block; } .cat-contain article { position:relative; /* width: 70%; */ margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } .cat-contain article.itemBsk_1 /*Aticolo nel Carrello*/,#rebuyBox article.itemBsk_1 /*Aticolo nel Carrello*/ { position:relative; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 3px 1px rgb(122 10 0); } .cat-contain article.itemBsk_1::before,#rebuyBox article.itemBsk_1::before { position: absolute; top: 36px; right: 191px; content: "\f290"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 170px; color: rgba(122,10,0,0.2); transform: rotate(45deg); z-index: 9999; } .cat-contain article.itemBsk_1 .cat-foto,#rebuyBox article.itemBsk_1 .cat-foto { background-color: #fff; padding: 15px; box-shadow: 0 0 10px 0px rgb(120, 10, 0, 0.5); /* z-index:1; */ } .cat-contain article.itemBsk_1 .cat-foto img,#rebuyBox article.itemBsk_1 .cat-foto img { border: solid 1px #7a0a00; border-radius: 4px; } .cat-contain article.itemSost_1::before /*Classe per indicare che il codice articolo sarà sostituito da un'altro*/ { position:absolute; content: '\f1b6'; color:rgba(120,10,0,1); font: normal normal normal 14px / 1 'Material-Design-Iconic-Font'; font-size:3rem; } .cat-contain article.itemSost_1.itemSostBarra_1::after { position: absolute; top: 137px; left: 0%; width: 100%; height: 4px; content: ''; background-color: #262626; box-shadow: 4px 5px 4px 0 rgb(0 0 0 / 50%); transform: rotate3d(0, 0, 1, 353deg); border-radius: 4px; z-index: 99999; } .cat-contain article.itemSost_0 [newArk]{display:none;} .cat-contain article.itemSost_1 [newArk] { position:absolute; right:200px; bottom:20px; max-width:180px; padding: 15px; display:grid; color:#fff; background-color: rgba(120, 10, 0, 1); border: solid 1px rgba(120, 10, 0, 0.5); box-shadow: -1px 1px 3px 0 rgb(120 10 0 / 35%); border-radius: 15px; text-align: center; cursor:pointer; } .cat-contain article.itemSost_1 [newArk]:hover { color:#000; background-color: rgba(241,230,229,1); } .cat-contain article.itemSost_1 [newArk] strong{font-size:2rem;} .xgridview .itemSost_1::before { top:15%; left:12px; } .xgridview .itemSost_1.itemSostBarra_1::after { top: 184px !important; transform: rotate3d(0, 0, 1, 308deg) scaleX(1.4) !important; } .xgridview .itemSost_1 [newArk] { right: 10px !important; /* bottom: 29% !important; */ bottom: 36% !important; /* bottom: 48% !important; */ font-weight:700; } .xgridview-linea {margin-top:5px;} .xgridview-linea .cat-btnLinea{ bottom:8.5px; margin:0; } /*.xgridview p.itemSost_1 span:nth-of-type(1){text-decoration: line-through;} .xgridview p.itemSost_1 span:nth-of-type(2){ color:rgba(120,10,0,1); font-size: 1.2rem; font-weight: 600; cursor:pointer; } .xgridview p.itemSost_0 span:nth-of-type(2){display:none;}*/ .cat-contain hr{margin:10px 0;} .pagination li a{cursor:pointer;} #cat-fltr { /* color: #fff; */ background-color: rgba(0,0,0,0.1); padding-bottom: 10px; } #cat-fltr.fltrOutlet1 { background-color: rgba(120,10,0,0.2); padding-bottom: 10px; } #cat-fltr .catMask0,#cat-fltr .catMask1{ position:absolute; top:5px; right:0px; } #cat-fltr .catMask1::before{ /* content: "\f0da"; */ content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; } /* #cat-fltr .catMask1{color:rgba(120,10,0,1);} */ #cat-fltr .catMask1{color:var(--acceso);} #cat-fltr label { margin:0; font-weight: 600; } #cat-fltr > div { position:relative; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.2); } #cat-fltr > div a:hover{color: rgb(122 10 0 / 100%);} #cat-fltr #cat-fltr-icon a { color: #fff; background-color: rgb(122 10 0); font-size: 20px; margin-right: 5px; padding: 2px 6px; cursor: pointer; } #cat-fltr #cat-fltr-icon a:hover{background-color: rgb(122 10 0 / 40%);} #cat-fltr .btn-viewGrid{ position:absolute; top:0px; right:2px; font-size:1.4em; border-radius:4px; cursor:pointer; /* display:none; */ } #cat-fltr .btn-viewGrid.active::before,#cat-fltr .btn-viewGrid.btn-viewGrid0::before{ content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; } #cat-fltr .btn-viewGrid:hover{color:rgba(120,10,0,1) !important;} #cat-fltr .btn-viewGrid.active,#cat-fltr .btn-viewGrid.btn-viewGrid0{color:var(--acceso);} /* .btn-viewGrid.btn-viewGrid0 i.fa.fa-th::before{ */ /* content: "\f0c9"; */ /* font: normal normal normal 14px / 1 FontAwesome; */ /* font-size: 1.2rem; */ /* font-weight:bold; */ /* } */ #cat-fltr .border-checkbox-section, #cat-fltr .form-radio { display: flex; } #cat-fltr #icon-searchArk,#cat-fltr #icon-clearArk,#cat-fltr #icon-searchCod,#cat-fltr #icon-clearCod { position:absolute; top:31px; padding:0 10px; background-color:#fff; cursor:pointer; z-index:99; } #cat-fltr #icon-searchArk,#cat-fltr #icon-searchCod{right:30px;} #cat-fltr #icon-clearArk,#cat-fltr #icon-clearCod{right:2px;} #cat-fltr #icon-searchCod,#cat-fltr #icon-clearCod,#cat-fltr #icon-searchDesc,#cat-fltr #icon-clearDesc { position:absolute; top:5px; padding:0 10px; background-color:#fff; cursor:pointer; z-index:99; } #cat-fltr #icon-searchCod,#cat-fltr #icon-searchDesc{right:30px;} #cat-fltr #icon-clearCod,#cat-fltr #icon-clearDesc{right:2px;} #cat-fltr #icon-searchCod{display:none;} #cat-fltr #cat-hashtag{margin: 2px 0;} #cat-fltr #cat-hashtag ul {display:flex;flex-wrap:wrap;} #cat-fltr #cat-hashtag li { color:rgba(120,10,0,1); background-color:#fff; border:solid 1px rgba(120,10,0,1); margin: 2.5px 5px; padding: 2px 5px; cursor:pointer; } #cat-fltr #cat-hashtag li span { font-weight: 700; padding:0 2px; } #cat-fltr #cat-hashtag li:hover{color:#fff; background-color:rgba(120,11,0,1);} #cat-fltr select{font-size:16px;} #categorie .node-selected{color:#fff; background-color:rgba(120,11,0,1) !important;} #categorie a span { /* background-color: rgba(120,10,0,1); */ /* color: #fff; */ /* padding: 1px 2px; */ /* border-radius: 36%; */ font-size: 14px; /* border: solid 2px rgba(120,10,0,1); */ font-weight: 700; margin-left: 5px; } #categorie .node-selected a:hover{color:#fff !important;} #categorie .list-group-item{padding:5px 10px;} #categorie .node-categorie:not(.node-disabled):hover { border-left: solid 2px rgba(120,10,0,0.8); border-right: solid 2px rgba(120,10,0,0.8); } #cat-fltr .sliderNormal .slider-handle { position: absolute; top: 0px; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-image: -o-linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-image: linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent; } #cat-fltr .sliderNormal .slider-selection{ background-image: -webkit-gradient(linear, left top, left bottom, from(#420c07), to(#7c1107)) !important; background-image: linear-gradient(to bottom, #420c07 0%, #7c1107 100%) !important; } /* #cat-fltr .sliderNormal .slider-track-high */ /* { */ /* background-color:rgba(120,10,0,1); */ /* } */ #cat-row::-webkit-scrollbar { height: 0; width:0; } .cat-foto{text-align:center;} .cat-foto img { /* width:100%; */ /* height: 260px; */ max-width: 100%; max-height: 260px; margin: 0 auto; } #cat-row .riga { position: absolute; z-index: 999; font-size: 16px; color: rgba(0,0,0,0.5); } .cat-fotoThumbs .thumb-btnUp,.cat-fotoThumbs .thumb-btnDown { color: #fff !important; background-color: rgba(120,10,0,0.5); /* padding: 0 64px; */ padding: 0 42px; cursor:pointer; width: 100%; padding: 0 45%; display: block; } .cat-fotoThumbs .thumb-btnUp:hover,.cat-fotoThumbs .thumb-btnDown:hover{background-color: rgba(120,1,0,1); } .cat-fotoThumbs .thumb-img { overflow-y: scroll; /* height: 180px; */ height:220px; } .cat-fotoThumbs .thumb-img::-webkit-scrollbar { height: 0; width:0; } .cat-fotoThumbs .thumb-img img { width:100%; border: solid 1px rgba(0,0,0,0.3); margin-bottom: 10px; } /* .cat-nofoto{display:none;} */ /* .cat-nofoto.d-none{ */ /* position:relative; */ /* display:block !important; */ /* } */ [viewStandard] .icon-premium,.xgridview .icon-premium { background-image:url(/img/loghi/icon-premium.png); background-position:center; background-repeat:no-repeat; background-size:contain; } [viewStandard] .icon-premium { /* position:absolute; */ width:150px; height:150px; } [viewStandard] .icon-premium[prvForm="d-none"] { left:70%; bottom:25px; } [viewStandard] .icon-premium[prvForm=""] { left:57%; bottom:25px; } .xgridview .icon-premium { position:absolute; top:5px; right:10px; width:60px; height:60px; } .cat-nofoto .icon-premium { top:0px; left:1%; width:160px; height:160px; } .xgridview-noimages { width:100%; height:50px; } .cat-infoart {list-style: revert;} .cat-infoart > li:nth-child(3){ display:flex; padding-left:13px; } .cat-infoart > li:nth-child(3)::before{ position: relative; top: 6px; left: -13.2px; font: normal normal normal 14px / 1 FontAwesome; font-size: 5px; content: "\f111"; } .cat-infoart > li > ul{} .cat-infoart > li > ul > li{ display:inline-block; margin-left:5px; } .icon-thumb-video { color: rgba(0,74,152,1); font-size: 90px; text-align:center; } .detail-cat-fotoThumbs{position:relative;} .detail-cat-fotoThumbs .thumb-btnLeft,.detail-cat-fotoThumbs .thumb-btnRight { color: #fff; background-color: rgba(0,0,0,0.1); font-size: 32px; padding: 25px 5px; cursor: pointer; z-index: 999; } /* .detail-cat-fotoThumbs .thumb-btnLeft i,.detail-cat-fotoThumbs .thumb-btnRight i{font-size: 45px;} */ .detail-cat-fotoThumbs .thumb-btnLeft { position: absolute; top: 60px; left: 20px; } .detail-cat-fotoThumbs .thumb-btnRight { position: absolute; top: 60px; right: 20px; } .detail-cat-fotoThumbs .thumb-btnLeft:hover,.detail-cat-fotoThumbs .thumb-btnRight:hover{background-color: rgba(0,0,0,0.8) !important; } .detail-cat-fotoThumbs .thumb-img { overflow-x: scroll; width:100%; height:150px; display:flex; } .detail-cat-fotoThumbs .thumb-img::-webkit-scrollbar { height: 0; width:0; } .detail-cat-fotoThumbs .thumb-img img {height:120px;} .cat-codart{} .cat-title { display:flex; } .cat-title div:nth-child(1){align-content: center;} .cat-title div:nth-child(2) { width: 100%; align-content: center; } .cat-title h5 { font-weight:600; margin-bottom:10px; } .cat-subtitle1{} .cat-desc{ font-size:14px; margin:0; } .cat-prz{margin-bottom:5px;} .cat-prz-d{ border-left: solid 2px rgba(120,10,0,0.5); margin-bottom:5px; padding-left: 5px; letter-spacing: 1px; } .cat-qta { display:flex; margin-bottom:5px; } .cat-qta input { width:100px; height:auto; } .cat-qta .btnCont1,.cat-qta .btnCont2{display:grid !important;} .cat-qta .btnCont2 div { display:flex; height:25px; } .cat-qta div .btnUp,.cat-qta div .btnDown { border: solid 1px rgb(0 0 0 / 30%); margin-left: 5px; cursor:pointer; } .cat-qta div .btnUp:hover,.cat-qta div .btnDown:hover { color:#fff; background-color:#7a0a00; border: solid 1px #7a0a00; } .cat-qta .btnCont1 a:nth-child(1){margin-bottom:5px;} .cat-btnAdd,.cat-btnConfrAdd { position:relative; height: fit-content; margin: auto 15px; padding: 2px 15px; color: #fff !important; background-color: #7a0a00; border-radius: 3px; cursor:pointer; } .cat-btnAdd:hover,.cat-btnConfrAdd:hover { color:#7a0a00 !important; background-color:#fff; border:solid 1px #7a0a00; } .cat-btnDetail:hover,.cat-btnPref:hover,.cat-btnSchedaTek:hover{color:#7a0a00 !important;} .cat-btnDetail,.cat-btnPref,.cat-btnSchedaTek { height: fit-content; /* color: var(--color2); */ color:#000; cursor:pointer; } .cat-btnDetail,.cat-btnSchedaTek { margin-left:20px; padding-top: 5px; } .cat-btnDetail i,.cat-btnSchedaTek i{font-size:20px;} .cat-btnPref { top: 54px; right: 401px; margin-left:10px; padding-top: 2px; } .cat-btnPref.w0 i::before{content:"\ed40";} .cat-btnPref.w1 i::before { content:"\ed42"; color:red; } .cat-btnPref i{font-size:24px;} .cat-btnConfr { top: 54px; right: 390px; margin-left:10px; padding-top: 2px; cursor:pointer; } .cat-btnConfr i{font-size:22px;} .cat-btnConfr:hover,.cat-btnConfr.active:hover{color:rgba(120,10,0,1) !important;} .cat-btnConfr.active{color:var(--color1) !important;} .cat-crrInfo{color:#4d19c7;} .cat-bskInfo qta { position: absolute; top: -60px; right: 55px; color: rgba(184,134,11,0.4); font-size: 120px; } .cat-bskInfo a {color:red;} .cat-btndlt_0{display:none;} .cat-btndlt_1 a{ color:red !important; font-size:16px; cursor:pointer; } .cat-storico{ position: absolute; right: 10px; background-color: rgba(120,10,0,0.2); border: solid 1px rgba(120,10,0,1); border-radius: 10px; padding: 10px; } .cat-sconto { border: solid 1px rgba(120, 10, 0, 1); padding: 10px; } .cat-sconto div{ position:relative; display:flex; flex-wrap:wrap; margin:0 0 10px 0; } .cat-sconto div i{ color:rgba(120,10,0,1); font-size:1.2rem; margin-right:5px; } .cat-sconto div input{ position:absolute; /* top:-6px; */ right:5px; width:100px; background-color:transparent; border:none; border-bottom:solid 1px rgba(120,10,0,1); margin-top:-6px; } .cat-sconto div input:focus{background-color:transparent;} .catBtnInfo { position: absolute; top:-2px; right:-5px; cursor:pointer; } .catBtnInfo i:hover { color: rgba(120,10,0,1); /* font-size:26px; */ animation-name:zoomIcon; animation-duration:2s; animation-delay:5000; animation-iteration-count:1; } @keyframes zoomIcon { 0%{font-size:inherit;} 50%{font-size:26px;} 100%{font-size:26px;} } .labelOutlet::before,.bskLabelOutlet::before { content:""; position: absolute; top: 2.75px; left: 93px; width: 13px; height: 13px; background-color: rgba(120, 10, 0, 1); box-shadow: 2px -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 2px 0 2px 0; transform: rotate(45deg); display: block; z-index: -1; } .labelOutlet,.bskLabelOutlet { position: absolute; top: 45px; left: 0; width:100px; color: #fff; background-color: rgba(120, 10, 0, 1); border-radius: 0 2px 2px 0; padding: 0 0 0 10px; font-weight: bold; z-index:5; } detail {width:100%;} detail section { width:100%; margin-top: 10px !important; padding: 10px !important; box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.3); border-radius: 4px; } detail h5 { /* width: 100%; */ /* margin-bottom: 10px; */ /* padding: 10px; */ /* color: #fafad2; */ /* background-color: #7a0a00; */ /* border-radius: 3px; */ width: 100%; margin-bottom: 10px; padding: 5px 10px; font-size: 16px; font-weight: 600; color: #fff; background-color: #7a0a00; border-radius: 3px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5); } detail .ul-doc li { margin-bottom:5px; padding:5px; border-radius:5px; } detail .ul-doc li:hover { background-color:#fff !important; box-shadow: 0 0 5px 0px rgba(120,10,0,0.5); } detail .ul-doc li:hover a{color:rgba(120,10,0,1);} detail .ul-doc li a {cursor:pointer;} detail .ul-doc li a:hover { color:#fff !important; background-color:rgba(120,10,0,1); border-radius:4px; } #cat-video p{ text-align: center; font-size: 17px; letter-spacing: 1px; font-family: math; } #cat-video #cat-video-content{display:flex; flex-wrap: wrap;} /* #cat-video .mp4{width:calc(100% / 6); padding:0 10px;} */ #cat-video .mp4{width:calc(100% / 4); padding:0 10px;} #cat-video .mp4 h6, #cat-video .mp4 video{width:100%;} #cat-video .mp4 h6 { font-size: 20px; color:#7a0a00; border-bottom: solid 2px #7a0a00; } .cat-przf-cont { margin: 5px 0; padding: 5px 10px; background-color: #fff; box-shadow: inset 0 0 2px 0 rgba(120,10,0,1); } .cat-przf-cont:hover{border-left:solid 3px rgba(120,10,0,1);} .cat-przf-cont .cat-clps h5 { width:100%; color:rgba(120,10,0,1); font-size:18px; padding:5px 0; cursor: pointer; } .cat-przf-cont .clps > section,.cat-przf-cont > .clps > ul > li { padding:5px 15px; border-top:solid 2px rgba(120,10,0,1); } .cat-przf-cont > .clps > ul > li:hover{background-color:rgba(120,10,0,0.1);} .cat-przf-cont > .clps ul > li > p{font-size:15px;} .cat-przf-cont > .clps ul > li a{ font-size:18px; /* margin-left:10px; */ } .cat-przf-cont .clps > section > div > section,.cat-przf-cont .clps ul > li > section #pagInfCont { width: 100%; background-color:rgba(0,0,0,0.2); padding:10px; margin: 10px 0px 0px 0px; } .cat-przf-cont section > div { display:flex; flex-wrap:wrap; padding-bottom:5px; margin-bottom:5px; /* border-bottom:solid 1px rgba(0,0,0,0.2); */ } .cat-przf-cont .cat-przf-foto { width:19%; margin-right:10px; } .cat-przf-cont .cat-przf-det{width:80%;} .cat-przf-cont .cat-przf-det hr{margin:5px 0;} .cat-przf-cont #pagInfCont article { width:100%; margin: 0; } .cat-confronta { width:100%; margin-top:10px; padding:5px; background-color:#fff; } .cat-confronta h5 { width: 100%; color: rgba(120,10,0,1); font-size:24px; border-bottom: solid 2px rgba(120,10,0,1); } .cat-confronta h5 a { position:absolute; right:20px; font-size:20px; cursor:pointer; } .cat-confronta h5 a:hover{color:rgba(120,10,0,3) !important;} .cat-confronta table tbody td{position:relative;} .cat-confronta .rmvArkConfr { position: absolute; right: 8px; color: #fff !important; background-color: rgba(0,0,0,0.4); padding: 2px; margin-left: 2px; cursor:pointer; } .cat-confronta .rmvArkConfr:hover{color:red !important;} .cat-contLinea[linea=""]{display:none;} .cat-contLinea::before { /* content: ""; */ position: absolute; left: 0; width: 100px; background-color: rgba(120, 10, 0, 1); } .cat-contLinea{min-height: 15px;} .cat-contLinea span{ /* position:absolute; */ position:relative; /* left:35%; */ /* bottom:12px; */ bottom:2px; color:#000; font-weight:600; z-index:10; } .cat-btnLinea{ /* position:absolute; */ /* bottom:11px; */ bottom:10.5px; /* color: rgba(120, 10, 0, 1) !important; */ color: #b17440 !important; /* color: #94799e !important; */ background-color:#fff; cursor: pointer; font-family: fangsong; font-weight: 700; /* margin: 0 0 0 10px; */ /* margin: 0 0 0 106px; */ padding: 0 10px; z-index:1; } .cat-btnLinea:hover::before { content: "\f0da"; font: normal normal normal 14px / 1 FontAwesome; } .cat-contLinea::after { /* content: ""; */ position: absolute; left: 10px; width: 520px; color:#fff; background-color: rgba(120, 10, 0, 1); transform: skewX(332deg); } .cat-contLinea::before,.cat-contLinea::after{ bottom:13px; height:18px; } /* .cat-confronta table */ /* { */ /* table-layout: fixed; */ /* width:100%; */ /* } */ /* .cat-confronta table td:first-child */ /* { */ /* position:sticky; */ /* left:0; */ /* z-index:1; */ /* } */ /* .cat-confronta table td:first-child{ */ /* width:115px; */ /* background-color:#fff; */ /* } */ #confrLmt { position: fixed; top: 20%; left: 35%; max-width: 500px; height: 100px; background-color: #fff; padding: 10px; box-shadow: 0 0 4px 1px rgba(120,10,0,0.8); border-radius: 5px; } #confrLmt a { position: absolute; top: 2px; right: 8px; font-size: 17px; cursor:pointer; } #confrLmt h5 { color: rgba(120,10,0,1); border-bottom: solid 2px rgba(120,10,0,1); padding-bottom: 5px; margin-bottom: 5px; } #confrLmt p { letter-spacing:1px; margin:0; } #modal-newBsk { position: fixed; top: 20%; left: 18%; background-color: #fff; padding: 10px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); z-index:99999; } #modal-newBsk h5 { width:100%; margin-bottom:5px; padding-bottom:5px; border-bottom: solid 2px #7a0a00; } #modal-newBsk #close { position:absolute; top:3px; right:10px; cursor:pointer; } #modal-newBsk article{display:flex;} #modal-newBsk div{margin: 0 5px;} #modal-newBsk input{margin-right:5px;} #modal-newBsk button{margin-top: 31px;} .xgridview { display: flex; flex-wrap: wrap; justify-content: center; } .xgridview article { position: relative; width: calc(100% / 8); margin: 0 10px 10px 0; display:grid; } .xgridview article:hover{box-shadow: 0 0 6px 1px rgba(120,10,0,0.8);} .xgridview article h5 { font-size: 10px; font-weight: 700; color: rgb(102 102 102); border-top: solid 2px rgb(120 10 0 / 45%); border-bottom: solid 2px rgb(120 10 0 / 45%); margin: 5px 0; padding: 5px 0; letter-spacing: 1px; line-height: 1.3; } .xgridview article p{margin:0;} .xgridview article picture,.xgridview article figure div { width:100%; height:160px; background-position:center; background-repeat:no-repeat; /* background-size:cover; */ background-size:contain; } .xgridview article figure div{background-image:url(https://www.toninelli.it/foto/nofotoM.jpg);} .xgridview .xgridview-qta{ display: flex; margin:5px 0; } .xgridview .xgridview-qta input{margin: 0 10px;} .xgridview .xgridview-qta .xgridview-btnLeft,.xgridview .xgridview-qta .xgridview-btnRight { font-size:1.2em; border: solid 1px rgb(0 0 0 / 30%); padding:4px 10px 0 10px; cursor:pointer; } .xgridview .xgridview-qta .xgridview-btnAdd,.xgridview .xgridview-qta .xgridview-btnConfrAdd{margin: 5px 5px;} .xgridview .xgridview-qta .xgridview-btnLeft:hover,.xgridview .xgridview-qta .xgridview-btnRight:hover { color:#fff !important; background-color:#7a0a00; border: solid 1px #7a0a00; } .xgridview-btn .dlt-standard.dspbtn0,.dspinfo0{visibility:hidden !important;} .xgridview-btn a:nth-child(1){border:none;} .xgridview-btn { border-top:solid 1px rgba(120,10,0,0.3); border-bottom:solid 1px rgba(120,10,0,0.3); } .xgridview-btn a { position:relative; width: calc(100% / 4); color: rgba(120,10,0,1) !important; /* background-color: #7a0a00; */ margin: 0; padding: 2px 15px; border-radius: 0; border-left: solid 1px rgba(120,10,0,0.4); text-align:center; font-size:1.6em; display: inline-block; cursor:pointer; } .xgridview-btn a i{ margin:0 auto;} .xgridview-btn a:hover { color: #fff !important; background-color: rgba(120,10,0,1); } .xgridview-btnPref.w0 i::before{content:"\ed40";} .xgridview-btnPref.w1 i::before{content:"\ed42"; color:red;} .xgridview-btnConfr i:nth-child(2){ position:absolute; right:15px; font-size:10px; } .xgridview-btnConfr.active i{ color:var(--color1); text-shadow: 1px 1px 0px #0000006e; } .xgridview article.xgridviewItemBsk_1 /*Aticolo nel Carrello*/ { position:relative; box-shadow: 3px 5px 6px 0px rgb(122 10 0 / 46%); } .xgridview article.xgridviewItemBsk_1::after { position: absolute; /*top: 2%;*/ top: 65%; right: 5px; content: "\f290"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 3em; color: rgba(122,10,0,0.5); transform: rotate(45deg); z-index: 9999; } .xgridview-outlet::before { content:""; position: absolute; top: 2.75px; left: 93px; width: 13px; height: 13px; background-color: rgba(120, 10, 0, 1); box-shadow: 2px -1px 1px 0 rgba(0, 0, 0, 0.3); border-radius: 2px 0 2px 0; transform: rotate(45deg); display: block; z-index: -1; } .xgridview-outlet { position: absolute; top: 12px; width:100px; color: #fff; background-color: rgba(120, 10, 0, 1); border-radius: 0 2px 2px 0; padding: 0 0 0 10px; font-weight: bold; z-index:5; } .mobx-caption-inner {max-width:50% !important;} /*--------------------------------------------------- OUTLET ---------------------------------------------------*/ .outlet-contain { display:flex; flex-wrap: wrap; } .outlet-contain article { position:relative; /* width: 70%; */ margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } .outlet-contain hr{margin:10px 0;} #outlet-fltr { /* color: #fff; */ background-color: rgba(0,0,0,0.1); padding-bottom: 10px; } #outlet-fltr label { margin:0; font-weight: 600; } #outlet-fltr > div { position:relative; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.2); } #outlet-fltr > div a:hover{color: rgb(122 10 0 / 100%);} #outlet-fltr #outlet-fltr-icon a { color: #fff; background-color: rgb(122 10 0); font-size: 20px; margin-right: 5px; padding: 2px 6px; cursor: pointer; } #outlet-fltr #outlet-fltr-icon a:hover{background-color: rgb(122 10 0 / 40%);} #outlet-fltr #icon-searchArk,#outlet-fltr #icon-clearArk,#outlet-fltr #icon-searchCod,#outlet-fltr #icon-clearCod { position:absolute; top:31px; padding:0 10px; background-color:#fff; cursor:pointer; z-index:99; } #outlet-fltr #icon-searchArk,#outlet-fltr #icon-searchCod{right:30px;} #outlet-fltr #icon-clearArk,#outlet-fltr #icon-clearCod{right:2px;} #outlet-fltr #icon-searchCod,#outlet-fltr #icon-clearCod,#outlet-fltr #icon-searchDesc,#outlet-fltr #icon-clearDesc { position:absolute; top:5px; padding:0 10px; background-color:#fff; cursor:pointer; z-index:99; } #outlet-fltr #icon-searchCod,#outlet-fltr #icon-searchDesc{right:30px;} #outlet-fltr #icon-clearCod,#outlet-fltr #icon-clearDesc{right:2px;} .xgridviewOutlet { display: flex; flex-wrap: wrap; justify-content: center; } .xgridviewOutlet article { position: relative; width: calc(100% / 6.5); margin: 0 10px 10px 0; display:grid; } .xgridviewOutlet article:hover{box-shadow: 0 0 6px 1px rgba(120,10,0,0.8);} .xgridviewOutlet article h5 { font-size: 10px; font-weight: 700; color: rgb(102 102 102); border-bottom: solid 2px rgb(120 10 0 / 45%); margin-bottom: 5px; padding-bottom: 5px; letter-spacing: 1px; line-height: 1.3; } .xgridviewOutlet article p{margin:0;} .xgridviewOutlet article picture,.xgridviewOutlet article figure div { width:100%; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover; } .xgridviewOutlet .xgridviewOutlet-qta{ display: flex; margin:5px 0; } .xgridviewOutlet .xgridviewOutlet-qta input{margin: 0 10px;} .xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnLeft,.xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnRight { font-size:1.2em; border: solid 1px rgb(0 0 0 / 30%); padding:4px 10px 0 10px; cursor:pointer; } .xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnAdd,.xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnConfrAdd{margin: 5px 5px;} .xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnLeft:hover,.xgridviewOutlet .xgridviewOutlet-qta .xgridviewOutlet-btnRight:hover { color:#fff !important; background-color:#7a0a00; border: solid 1px #7a0a00; } .xgridviewOutlet-btn .dlt-standard.dspbtn0,.dspinfo0{visibility:hidden !important;} .xgridviewOutlet-btn a:nth-child(1){border:none;} .xgridviewOutlet-btn a { position:relative; width: calc(100% / 4.5); color: rgba(120,10,0,1) !important; /* background-color: #7a0a00; */ margin: 0; padding: 2px 15px; border-radius: 0; border-left: solid 1px rgba(120,10,0,0.4); text-align:center; font-size:1.6em; display: inline-block; cursor:pointer; } .xgridviewOutlet-btn a i{ margin:0 auto;} .xgridviewOutlet-btn a:hover { color: #fff !important; background-color: rgba(120,10,0,1); } .xgridviewOutlet-btnPref.w0 i::before{content:"\ed40";} .xgridviewOutlet-btnPref.w1 i::before{content:"\ed42"; color:red;} .xgridviewOutlet-btnConfr i:nth-child(2){ position:absolute; right:15px; font-size:10px; } .xgridviewOutlet article.xgridviewOutletItemBsk_1 /*Aticolo nel Carrello*/ { position:relative; box-shadow: 3px 5px 6px 0px rgb(122 10 0 / 46%); } .xgridviewOutlet article.xgridviewOutletItemBsk_1::before { position: absolute; top: 2%; right: 5px; content: "\f290"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 3em; color: rgba(122,10,0,0.5); transform: rotate(45deg); z-index: 9999; } .xgridviewOutlet-sconto::before { content:""; position: absolute; top: 3.4px; left: 32px; width: 14px; height: 14px; background-color: rgba(120, 10, 0, 1); box-shadow: 2px -1px 1px 0 rgba(0, 0, 0, 0.3); transform: rotate(45deg); display: block; z-index: -1; } .xgridviewOutlet-sconto { position: absolute; top: 50px; padding: 0 0 0 10px; color: #fff; background-color: rgba(120, 10, 0, 1); border-radius: 0 2px 2px 0; font-weight: bold; z-index:5; } /*--------------------------------------------------- FINE: OUTLET ---------------------------------------------------*/ /*--------------------------------------------------- PREVENTIVO PRV ---------------------------------------------------*/ [sectionPgm="prv"]{ width:50%; margin:0 auto; } [sectionPgm="prv"] [formpdf="A4"]{width:100%;} [sectionPgm="prv"] .bskMask1::before{ /* content: "\f0da"; */ content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; } /* #cat-fltr .catMask1{color:rgba(120,10,0,1);} */ [sectionPgm="prv"] .bskMask1{color:var(--acceso) !important;} #prv-row { /* max-height: 500px; */ padding-bottom:150px; /* overflow-y: scroll; */ } #prv-row::-webkit-scrollbar { height: 0; width:0; } #prv-row #prv-scroll { max-height: 900px; overflow-y: scroll; } /* width - verticale */ #prv-row #prv-scroll::-webkit-scrollbar { width: 10px;} /* height - orizontale*/ #prv-row #prv-scroll::-webkit-scrollbar { height: 5px;} /* Track */ #prv-row #prv-scroll::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ #prv-row #prv-scroll::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ #prv-row #prv-scroll::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } #prv-row article { position:relative; /* width: 70%; */ margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; } table tbody tr[prvErr="1"] td{ color:white; background-color:red; } .prv-foto{text-align:center;} .prv-foto img { /* width:100%; */ /* height: 260px; */ max-width: 100%; max-height: 260px; margin: 0 auto; } .prv-codart{} .prv-title { font-weight:600; margin-bottom:10px; } .prv-desc{} .prv-prz { margin-right:10px; padding-top:3px; } .prv-qta{display:flex;} .prv-qta input { width:50px; height:auto; padding: 0 5px; } .prv-qta .btnCont{display:flex;} .prv-impriga { position: absolute; top: 4px; /* right: -533px; */ right:-97%; font-weight: 600; font-size: 13px; } #prv-msk-footer { position:relative; padding: 5px 10px; margin-bottom:5px; background-color: #fff; box-shadow: inset 0 0 2px 1px rgb(120,11,0); } [sectionPgm="prv"] .chkIcon{position:relative;} [sectionPgm="prv"] .chkIcon i:nth-child(1){font-size:20px;} [sectionPgm="prv"] .chkIcon i:nth-child(2) { position: absolute; top: -5px; right: -6px; color: #26c900; font-weight: 800; } /*--------------------------------------------------- Carrello bsk ---------------------------------------------------*/ .bsk-contain { /* background-color:#fff; */ /* padding:10px; */ /* margin-bottom: 10px; */ width: 70%; margin: 0 auto; display:table; } #bsk-int { position:relative; background-color: #fff; margin-bottom: 10px; padding: 15px; box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); margin-top: 15px; } #bsk-fat{text-align:right;} #bsk-int div { display:flex; flex-wrap: wrap; } #bsk-int div select, #bsk-int div input { width:49.5%; } #bsk-int article { height:fit-content; /* max-height:320px; */ /* overflow:scroll; */ } #bsk-int article::-webkit-scrollbar { height: 0; width:0; } #bsk-int h5 { font-size: 16px; border-bottom: solid 2px #7a0a00; margin-bottom: 5px; } #bsk-int p{ margin-bottom:5px;} #bsk-row { /* max-height: 500px; */ padding-bottom:150px; /* overflow-y: scroll; */ } #bsk-row::-webkit-scrollbar { height: 0; width:0; } #bsk-row #bsk-scroll { max-height: 900px; overflow-y: scroll; } /* width - verticale */ #bsk-row #bsk-scroll::-webkit-scrollbar { width: 10px;} /* height - orizontale*/ #bsk-row #bsk-scroll::-webkit-scrollbar { height: 5px;} /* Track */ #bsk-row #bsk-scroll::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ #bsk-row #bsk-scroll::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ #bsk-row #bsk-scroll::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } #bsk-row article { position:relative; /* width: 70%; */ margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; } .bsk-contain hr { margin:10px 0; } .bsk-contain .chkIcon{position:relative;} .bsk-contain .chkIcon i:nth-child(1) { font-size:20px; } .bsk-contain .chkIcon i:nth-child(2) { position: absolute; top: -5px; right: -6px; color: #26c900; font-weight: 800; } .bsk-foto { text-align:center; } .bsk-foto img { /* width:100%; */ /* height: 260px; */ max-width: 100%; max-height: 260px; margin: 0 auto; } .bsk-codart { } .bsk-title { font-weight:600; margin-bottom:10px; } .bsk-desc { } .bsk-prz { margin-right:10px; padding-top:3px; } .bsk-qta { display:flex; margin-bottom:10px; } .bsk-qta input { width:50px; height:auto; padding: 0 5px; } .bsk-qta .btnCont { display:flex; } .bsk-qta .bskBtnLeft { margin-right: 5px; } .bsk-qta .bskBtnRight { margin-left: 5px; } .bsk-qta .bskBtnLeft,.bsk-qta .bskBtnRight { border: solid 1px rgb(0 0 0 / 30%); cursor:pointer; } .bsk-qta .bskBtnLeft:hover,.bsk-qta .bskBtnRight:hover { color:#fff !important; background-color:#7a0a00; border: solid 1px #7a0a00; } .bsk-btnRmv { height: fit-content; margin: auto 10px auto 10px; padding: 2px 7px; color: #fff !important; background-color: #d40; border-radius: 3px; cursor:pointer; } .bsk-btnRmv:hover { color: #d40 !important; background-color: #fff; border:solid 1px #d40; } .bsk-btnNote { height: fit-content; margin: auto 0px; padding: 2px 7px; color: #fff !important; background-color: var(--color4); border-radius: 3px; cursor: pointer } .bsk-btnNote:hover{ color:var(--color4) !important; background-color:#fff; border:solid 1px var(--color4); } .bsk-btnAdd:hover,.bsk-btnDetail:hover,.bsk-btnPref:hover{color:var(--color1);} .bsk-btnDetail,.bsk-btnPref { height: fit-content; /* padding: 5px 15px; */ color: var(--color2); /* background-color: #5b5b5b; */ /* border-radius: 3px; */ cursor:pointer; } .bsk-btnDetail { margin-left:20px; padding-top: 5px; } .bsk-btnDetail i { font-size:18px; } .bsk-btnPref { margin-left:10px; padding-top: 2px; } .bsk-btnPref i { font-size:24px; } #bsk-sped,#bsk-tot { background-color:#fff; margin:15px 0; padding:15px; box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); } #bsk-sped h5,#bsk-tot h5 { font-size: 16px; margin-bottom: 10px; } #bsk-sped h5 { border-bottom: solid 2px #7a0a00; } #bsk-sped select { height: 24px; padding: 0px 5px; margin-left: 10px; cursor:pointer; } #bsk-sped p span { margin-left:5px; } #bsk-tot h5 { font-weight: 600; color: #fff; background-color: #7a0a00; padding: 8px; } #bsk-tot ul { margin-bottom:10px; } #bsk-tot ul li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 2px #7a0a00; } #bsk-tot ul li span { float:right; font-size:13px; } #bsk-tot .border-checkbox-section .border-checkbox-group .border-checkbox-label { margin:0; line-height:initial; font-weight:initial; font-size:12px; } #bsk-tot .border-checkbox-section .border-checkbox-group .border-checkbox-label a { font-size:12px; color:#666; text-decoration: underline; cursor:pointer; } #bsk-tot .crrConf { color: #fff; background-color: #7a0a00; padding: 5px 10px; border-radius: 2px; cursor:pointer; } #bsk-tot .crrConf:hover { color: #7a0a00; background-color: #fff; border: solid 1px #7a0a00; } #bsk-tot .crrDltCart { color: #fff; background-color: rgb(255 0 0 / 100%); padding: 5px 10px; border-radius: 2px; cursor:pointer; } #bsk-tot .crrDltCart:hover { color: #fff; background-color: rgb(255 0 0 / 56%); } #bsk-listCart { background-color:#fff; padding:15px; } #bsk-listCart h5 { font-size: 16px; border-bottom: solid 2px #7a0a00; margin-bottom: 10px; padding-bottom: 10px; } #bsk-listCart h5 a { position: relative; top: 4px; color: #7a0a00; cursor: pointer; font-size: 25px; } #bsk-listCart h5 a:hover { color: #ffd700; } #bsk-listCart #viewList table thead { color: #fafad2; background-color: #7a0a00; letter-spacing: 0.9px; } #bsk-listCart #viewList table.table-striped tbody tr:nth-of-type(odd) {background-color: #fafad2;} .bsk-stato-A { position:relative; background-color: rgba(120,10,0,0.2); } .bsk-stato-A::after { position: absolute; top: 20px; right: 115px; content:"\eecb"; font-family: 'IcoFont' !important; font-size: 30px; color:rgba(120,10,0,0.2); transform: rotate(21deg); } .bsk-contain .bskMask1::before{ /* content: "\f0da"; */ content: "\f0a4"; font: normal normal normal 14px / 1 FontAwesome; } /* .bsk-contain .bskMask1{color:rgba(120,10,0,1);} */ .bsk-contain .bskMask1{color:var(--acceso) !important;} .bsk-sconto { /* position: absolute; */ /* top: -60px; */ /* right: -234px; */ /* width: 220px; */ background-color: #fff; border: solid 1px rgba(120, 10, 0, 1); padding: 10px; } .bsk-sconto div{ position:relative; display:flex; flex-wrap:wrap; margin:0 0 10px 0; } .bsk-sconto div i{ color:rgba(120,10,0,1); font-size:1.2rem; margin-right:5px; } .bsk-sconto div input{ position:absolute; right:5px; width:100px; background-color:transparent; border:none; border-bottom:solid 1px rgba(120,10,0,1); margin-top:-6px; } .bsk-sconto div span{ position: absolute; right: 66px; } .bskCrr1{ color: #b8860b; background-color: #fafad2 !important; } .bskCrr1 td{background-color:transparent; border-color:rgb(184 134 11 / 40%);} .bskCrr-int { position:relative; padding: 5px 10px; background-color: #fafad2; box-shadow: inset 0 0 2px 1px rgb(184 134 11); } .bskCrr-int::before { position: absolute; top: 0px; right: 200px; content: "\efa6"; font-family: 'IcoFont' !important; font-size: inherit; font-size: 57px; color: rgba(184,134,11,0.2); transform: rotate(45deg); z-index: 9999; } .bskCrr-info { padding: 5px; border: solid 1px rgb(184 134 11); background-color: lightgoldenrodyellow; } .bskCrr-info p{margin:0;} #bsk-note span { width: 100%; display: inherit; margin-bottom:5px; border-bottom: solid 1px rgba(120,11,0); } #bsk-note .ul-disc { list-style: disc; padding-left: 17px; } .bsk-chkout-block { position: relative; background-color: #fff; margin-bottom: 10px; padding: 15px; box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); margin-top: 15px; } #bsk-chkout-int,#bsk-msk-footer { position:relative; padding: 5px 10px; margin-bottom:5px; background-color: #fff; box-shadow: inset 0 0 2px 1px rgb(120,11,0); } #bsk-chkout-int h1 { border-bottom: solid 2px var(--color4); font-size: 20px !important; margin: 5px 0; } #bsk-chkout-int #bsk-chkout-footer{ position:relative; width: 100%; height: 30px; margin:5px 0; } #bsk-chkout-int #bsk-chkout-footer a { position:absolute; color:#fff; background-color:var(--color4); padding:2px 5px; cursor:pointer; } #bsk-chkout-int #bsk-chkout-footer a.btnTrasfOrd,#bsk-chkout-int #bsk-chkout-footer a.btnRtrnBsk{background-color:rgba(0,120,0,1);} #bsk-chkout-int #bsk-chkout-footer a.btnTrasfOrd:hover,#bsk-chkout-int #bsk-chkout-footer a.btnRtrnBsk:hover{background-color:rgba(0,120,0.5);} #bsk-chkout-int #bsk-chkout-footer a:hover{background-color:rgba(120,11,0,0.5);} #bsk-chkout-int #bsk-chkout-footer a:nth-child(1){left:0px;} #bsk-chkout-int #bsk-chkout-footer a:nth-child(2),#bsk-chkout-int #bsk-chkout-footer a.btnTrasfOrd,#bsk-chkout-int #bsk-chkout-footer a.btnRtrnBsk{right:0px;} .bsk-chkout-msg { color: #000; padding: 2px 5px; border: dashed 2px #eb1b08; } #bsk-chkout-int #bsk-finito p { font-size: 20px; letter-spacing: 1px; line-height: 1.3; } #bskConvalidInd { display:flex; flex-wrap:wrap; font-size:1.2rem; font-weight:bold; } #bskConvalidInd icon{margin:0 10px;} #bskConvalidInd icon i { color:rgba(120,10,0,1); font-weight:bold; } #bskConvalidInd span { color:red; text-decoration:underline; margin-right:5px; } #bskConvalidInd p{ margin:4px 0; } /*#bskConvalidInd span { color: #fff; background-color: red; margin-right: 5px; padding: 2.5px 5px; font-weight: bold; border-radius: 4px; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.2); }*/ #bsk-logo,#prv-logo{ width:100px; height:50px; background-position:center; background-repeat:no-repeat; background-size:contain; } .bsk-impriga { position: absolute; top: 4px; /* right: -533px; */ right:-97%; font-weight: 700; font-size: 13px; } .importOrd label { color:rgba(120,10,0,1); cursor:pointer; } .importOrd label:hover{color:rgba(120,10,0,0.5);} #bsk-clps-container a { cursor:pointer; } #bsk-stato{ padding:10px 0; margin-bottom:5px; background-color:#fff; box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); } #bsk-stato a{ height: fit-content; margin: auto 10px; padding: 2px 15px; border-radius: 3px; cursor:pointer; } /* #bsk-stato a:nth-child(1){color: #fff !important; background-color: #6b007a;} */ /* #bsk-stato a:nth-child(1):hover{color:#6b007a !important; background-color:rgba(255,255,255,0); border:solid 1px #6b007a; font-weight:600;} */ /* #bsk-stato a:nth-child(2){color: #fff !important; background-color: #037a00;} */ /* #bsk-stato a:nth-child(2):hover{color:#037a00 !important; background-color:rgba(255,255,255,0); border:solid 1px #037a00; font-weight:600;} */ /* #bsk-stato a:nth-child(3){color: #fff !important; background-color: #ff6903;} */ /* #bsk-stato a:nth-child(3):hover{color:#ff6903 !important; background-color:rgba(255,255,255,0); border:solid 1px #ff6903; font-weight:600;} */ /* #bsk-stato a:nth-child(4){color: #fff !important; background-color: #002bbd;} */ /* #bsk-stato a:nth-child(4):hover{color:#002bbd !important; background-color:rgba(255,255,255,0); border:solid 1px #002bbd; font-weight:600;} */ /* #bsk-stato a:nth-child(5){color: #4a4a4a !important; background-color: #ffc299;} */ /* #bsk-stato a:nth-child(5):hover{color:#ffc299 !important; background-color:rgba(255,255,255,0); border:solid 1px #ffc299; font-weight:600;} */ /* #bsk-stato a:nth-child(5){color: #4a4a4a !important; background-color: #002bbd;} */ /* #bsk-stato a:nth-child(5):hover{color:#53bd00 !important; background-color:rgba(255,255,255,0); border:solid 1px #002bbd; font-weight:600;} */ #bsk-stato a.bskbtnStato1{color: #fff !important; background-color: #6b007a;} #bsk-stato a.bskbtnStato1:hover{color:#6b007a !important; background-color:rgba(255,255,255,0); border:solid 1px #6b007a; font-weight:600;} #bsk-stato a.bskbtnStatoE{color: #fff !important; background-color: #037a00;} #bsk-stato a.bskbtnStatoE:hover{color:#037a00 !important; background-color:rgba(255,255,255,0); border:solid 1px #037a00; font-weight:600;} #bsk-stato a.bskbtnStatoA{color: #fff !important; background-color: #ff6903;} #bsk-stato a.bskbtnStatoA:hover{color:#ff6903 !important; background-color:rgba(255,255,255,0); border:solid 1px #ff6903; font-weight:600;} #bsk-stato a.bskbtnStatoP{color: #fff !important; background-color: #002bbd;} #bsk-stato a.bskbtnStatoP:hover{color:#002bbd !important; background-color:rgba(255,255,255,0); border:solid 1px #002bbd; font-weight:600;} #bsk-stato a.bskbtnStatoX{color: #4a4a4a !important; background-color: #ffc299;} #bsk-stato a.bskbtnStatoX:hover{color:#ffc299 !important; background-color:rgba(255,255,255,0); border:solid 1px #ffc299; font-weight:600;} #bsk-stato a.bskbtnStatoO{color: #fff !important; background-color: #167082;} #bsk-stato a.bskbtnStatoO:hover{color:#167082 !important; background-color:rgba(255,255,255,0); border:solid 1px #167082; font-weight:600;} /*Scegliere i colori*/ #bsk-stato a.bskbtnStatoC{color: #fff !important; background-color: #6e4d009c;} #bsk-stato a.bskbtnStatoC:hover{color:#6e4d009c !important; background-color:rgba(255,255,255,0); border:solid 1px #6e4d009c; font-weight:600;} #bsk-stato a.bskbtnStato2{color: #fff !important; background-color: #a60000;} #bsk-stato a.bskbtnStato2:hover{color:#a60000 !important; background-color:rgba(255,255,255,0); border:solid 1px #a60000; font-weight:600;} #bsk-stato a.bskbtnStatoW{color: #fff !important; background-color: #ff00a0;} #bsk-stato a.bskbtnStatoW:hover{color:#ff00a0 !important; background-color:rgba(255,255,255,0); border:solid 1px #ff00a0; font-weight:600;} #bsk-stato a.bskbtnStatoL{color: #000 !important; background-color: #8beced;} #bsk-stato a.bskbtnStatoL:hover{color:#8beced !important; background-color:rgba(0,0,0,0); border:solid 1px #8beced; font-weight:600;} #bsk-stato a.bskbtnStatoH{color: #000 !important; background-color: #b496c3;} #bsk-stato a.bskbtnStatoH:hover{color:#b496c3 !important; background-color:rgba(255,255,255,0); border:solid 1px #b496c3; font-weight:600;} #bsk-stato a.bskbtnStatoS{color: #000 !important; background-color: #90c9007d;} #bsk-stato a.bskbtnStatoS:hover{color:#90c9007d !important; background-color:rgba(255,255,255,0); border:solid 1px #90c9007d; font-weight:600;} #bsk-stato a.bskbtnStatoV{color: #fff !important; background-color: #c99b007d;} #bsk-stato a.bskbtnStatoV:hover{color:#c99b007d !important; background-color:rgba(255,255,255,0); border:solid 1px #c99b007d; font-weight:600;} .unisciBasket{ font-size: 18px; margin: 0 30px 0 0; cursor:pointer; } .unisciBasket i{color:rgba(120, 10, 0, 1);} .unisciBasket:hover i{color:rgba(120, 10, 0, 0.5);} .unisciBasket i:nth-child(2){ position: absolute; transform: rotate(270deg); margin: 4px 0 0 2px; font-size:13px; } .validIndirizzo { display: flex; flex-wrap: wrap; } .validIndirizzo .unconfirmed,.validIndirizzo .confirmed{ margin-right:5px; padding:2px 5px; border-radius:4px; } .validIndirizzo .unconfirmed{color:#fff; background-color:rgba(200,0,0,1);} .validIndirizzo .confirmed{color:#fff; background-color:green;} .validMsg { color: rgb(250 0 0); font-weight: bold; letter-spacing: 1px; text-decoration: underline; margin: 5px 0 0 0; } .badge-trade { color: rgba(120,10,0,1) !important; border: 1px solid rgba(120,10,0,1); } /*--------------------------------------------------- Riordina ---------------------------------------------------*/ #rebuyBox { padding:10px; } #rebuyBox #status { } #rebuy-hastag,#rebuy-fornitori { /* color: #fff; */ background-color: rgba(0,0,0,0.1); padding-bottom: 10px; } #rebuy-fornitori ul li { border-bottom: solid 1px #fff; margin-bottom:5px; padding-bottom:5px; } #rebuy-fornitori ul li:hover{ background-color:rgba(255,255,255,0.5); } #rebuy-fornitori ul li a { /* color:#fff; */ font-weight:700; padding: 0 5px; cursor:pointer; } .btn-hastag { color:rgba(120,10,0,1) !important; background-color: #fff; border: solid 1px rgba(120,10,0,1); margin: 0 5px; padding: 2px 5px; white-space:pre; cursor: pointer; } .btn-hastag:hover{color:#fff !important; background-color:rgba(120,11,0,1);} #rebuyBox #cat-row article { position: relative; /* width: 70%; */ margin: 0 auto; display: flex; flex-wrap: wrap; background-color: #fff; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } #rebuyBox article.itemSost_0 [newArk]{display:none;} #rebuyBox article.itemSost_1 [newArk] { position:absolute; right:200px; bottom:20px; max-width:180px; padding: 15px; display:grid; color:#fff; background-color: rgba(120, 10, 0, 1); border: solid 1px rgba(120, 10, 0, 0.5); box-shadow: -1px 1px 3px 0 rgb(120 10 0 / 35%); border-radius: 15px; text-align: center; cursor:pointer; } #rebuyBox article.itemSost_1 [newArk]:hover { color:#000; background-color: rgba(241,230,229,1); } #rebuyBox article.itemSost_1 [newArk] strong{font-size:2rem;} #rebuyBox .xgridview article figure{width:100%;} /*--------------------------------------------------- Ordini ---------------------------------------------------*/ #ord-panel { position:absolute; top:55px; left:0; width:100%; margin:10px 0; padding:15px; background-color:#fff; transform: translate(4000px, 0px); box-shadow: 6px 8px 6px 2px rgba(0,0,0,0.2); z-index:100; } #ord-panel #close-panel { position: relative; /* top: -10px; */ top: -2px; font-size:20px; margin-right:10px; cursor:pointer; } #ord-container { display:flex; flex-wrap:wrap; margin:0 auto; } #ord-container article{ position:relative; width:300px; /* max-width:300px; */ margin:5px; padding:10px; background-color:#fff; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } #ord-header { width:100%; background-color:#fff; padding:10px; } #ord-panel-header{display:flex;} #ord-panel-scroll { height:600px; overflow-y:scroll; } #ord-panel-scroll::-webkit-scrollbar { height: 0; width:0; } /*--------------------------------------------------- mailbox ---------------------------------------------------*/ #mbox #mbhead { color: #fff; background-color: rgba(120,10,0,1); text-align:center; padding: 10px; } #mbox h4 { font-weight: 600; margin: 0; } #mbox #mbbody { display: flex; flex-wrap: wrap; } #mbox #mbbody article { width: 300px; background-color: #fff; padding: 10px; margin:5px; border-radius: 5px; box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); } #mbox #mbbody h5 { color: rgba(120,10,0,1); font-weight: 700; font-size:14px; padding: 5px; margin-bottom: 5px; border-bottom: solid 2px rgba(120,11,0,1); } #mbox #mbbody a:hover h5{background-color:#00649229;} #mbox #mbbody p { font-size: 13px; letter-spacing: 1px; } #mbox #mbbody #mbBtn {text-align:center;} #mbox #mbbody #mbBtn a { color:#747474; font-size:20px; margin:0 5px; cursor:pointer; } #mbox #mbbody #mbBtn a:hover{color:#0f9691;} /*--------------------------------------------------- Punto info ---------------------------------------------------*/ #pInfoBox #pInfoBody { display:flex; flex-wrap:wrap; } #pInfoBox #pInfoBody #fr1 { position:relative; width: 15%; white-space: nowrap; } #pInfoBox #pInfoBody #fr2{width:85%;} #pInfoBox #pInfoBody #fr2 #nl,#pInfoBox #pInfoBody #acnt,#pInfoBox #pInfoBody #pgmnt,#pInfoBox #pInfoBody #spdzn,#pInfoBox #pInfoBody #szn,#pInfoBox #pInfoBody #rs,#pInfoBox #pInfoBody #ord,#pInfoBox #pInfoBody #mask,#pInfoBox #pInfoBody #faq,#pInfoBox #pInfoBody #ttrl,#pInfoBox #pInfoBody #tick,#pInfoBox #pInfoBody #exp { margin: 10px; padding: 10px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%); } #pInfoBox #pInfoBody #fr1 ul { /* margin: 10px; */ /* padding: 10px; */ /* background-color: #fff; */ /* border-radius: 4px; */ /* box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%); */ position:fixed; width:14.5%; height:100%; color: #fff; background-color: #790a00; box-shadow: 0 0 6px 0 rgb(0 0 0 / 20%); } #pInfoBox #pInfoBody #fr1 > ul > li { /* padding: 5px 10px; */ border-bottom: solid 1px rgb(0 0 0 / 10%); cursor: pointer; } /* #pInfoBox #pInfoBody #fr1 > ul > li:hover */ /* { */ /* border-left:solid 2px rgba(120,10,0,1); */ /* background-color:rgba(120,10,0,0.1); */ /* border-right:solid 2px rgba(120,10,0,1); */ /* border-radius:4px; */ /* } */ #pInfoBox #pInfoBody #fr1 ul > li > a { /* width: 100%; */ /* padding: 5px 100px 5px 0px; */ position:relative; width: 100%; padding: 10px 15px; display: inline-block; background-color:rgba(120,10,0,1); border-top:solid 1px rgba(255,255,255,0.3); box-shadow: 1px 5px 7px 0 rgba(0, 0, 0, 0.2); } #pInfoBox #pInfoBody #fr1 ul > li:nth-child(1) > a{border:none;} #pInfoBox #pInfoBody #fr1 ul > li > a:hover{background-color:rgba(165,103,98,1);} #pInfoBox #pInfoBody #fr1 ul > li ol { display:none; background-color:rgba(137,47,39,1); /* padding: 5px 5px 5px 10px; */ border-top:solid 1px rgba(0,0,0,0.1); } /* #pInfoBox #pInfoBody #fr1 ul > li ol:hover{box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.3);} */ #pInfoBox #pInfoBody #fr1 ul > li ol > li{ /* padding:5px 0; */ border-top:solid 1px rgba(255,255,255,0.5); white-space:normal; } #pInfoBox #pInfoBody #fr1 ul > li ol > li:nth-child(1){border:none;} /* #pInfoBox #pInfoBody #fr1 ul > li ol > li:hover{border-bottom:solid 1px rgba(120,10,0,1); } */ #pInfoBox #pInfoBody #fr1 ul > li ol > li > a{ position:relative; width:100%; padding: 10px 10px 10px 30px; display: inline-block; } #pInfoBox #pInfoBody #fr1 ul > li ol > li > ol > li > a{padding-left:45px;} #pInfoBox #pInfoBody #fr1 ul > li ol > li > a:hover{background-color:rgba(165,103,98,1);} #pInfoBody #tutorial-content { margin:10px 0; background-color:#fff; } #pInfoBody espDati ul,#pInfoBody espDati ol{padding-left:10px;} #pInfoBody espDati ul li { font-size:1rem; padding:2.5px; } #pInfoBody espDati ul li i { font-size:1.2rem; color:rgba(120,10,0,1); } #pInfoBox a[whatsnew]:after{ content:"News"; position: absolute; right:10px; color: #fff; font-weight: 900; background-color: red; padding: 0 5px; border-radius: 4px; } #pInfoBox a[whatsnew="d-none"]:after{display:none;} .btn-pinfo-down::before{ position: absolute; top:6px; right: 15px; content: "\f10a"; font-size: 1.5em; font-family: "Ionicons"; color:rgba(255,255,255,0.8); } .btn-pinfo-down:hover::before{color:rgba(255,255,255,1);} .btn-pinfo-down.active::before{content: "\f104";} #tutorial-content{padding: 5px;} .tutorial-header { color: #fff; background-color: rgba(120,10,0,1); padding:5px; margin-bottom:10px; } .tutorial-header h4 { margin:0; padding:0; } .tutorial-block-article{ display:flex; flex-wrap:wrap; } .tutorial-block-article article{ width:33%; border-right:solid 1px rgba(120,10,0,0.2); margin-right:5px; margin-bottom: 10px; /* margin-bottom: 50px; */ padding-right:5px; } .tutorial-block-article article h5,.tutorial-block h5{ color:rgba(120,10,0,1); border-bottom:solid 2px rgba(120,10,0,1); margin-bottom:5px; padding-bottom:5px; } .tutorial-block-article article h6,.tutorial-block h6{ background-color: rgba(120,10,0,0.1); padding: 10px; color: rgba(120,10,0,1); cursor:pointer; } .tutorial-block-article article h6:hover,.tutorial-block h6:hover { background-color: rgba(120,10,0,0.2); border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .tutorial-block-article article h6.active,.tutorial-block h6.active { border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .tutorial-block pre code { position: relative; left: -360px; color:#bd4147; } /*Tutorial slide*/ /* Stili di base per il contenitore del carosello */ .tutorial-slider { position: relative; width: 100%; overflow: hidden; margin-bottom:10px; } .tutorial-slider .slider-container::before { position:absolute; top:0; left:0; width: 100%; height:100%; content:''; background-image:url(/portale/img/sfondo.jpg); background-position:top; background-repeat:no-repeat; background-size:cover; filter:blur(2px); opacity:0.5; z-index:-1; } .tutorial-slider .slider-container { position: relative; width: 100%; overflow: hidden; } .tutorial-slider .slider-track { display: flex; width: 100%; min-height:600px; will-change: transform; background-image: none; transition: transform 0.8s ease; } .tutorial-slider .slider-item { position:relative; width: 100%; /* La larghezza sarà dinamica tramite JS */ flex: 0 0 auto; padding: 10px; box-sizing: border-box; text-align: center; /* Centra il contenuto */ } .tutorial-slider .slider-item video { display: block; width: 100%; height: 350px; border-radius: 8px 8px 0 0; background-color:#000; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); object-fit: contain; /* Riempi il contenitore mantenendo le proporzioni */ } .tutorial-slider .slider-item-info { position: relative; top: 0px; width: 100%; height:35%; border-radius: 0 0 8px 8px; background-color: rgba(255, 255, 255, 0.8); padding:10px; } .tutorial-slider .slider-item .slider-item-info h4 { font-size: 18px; font-weight:700; margin: 10px 0; } .tutorial-slider .slider-item .slider-item-info p { font-size: 14px; max-height: 125px; overflow-y: scroll; } .tutorial-slider .slider-item .slider-item-info p::-webkit-scrollbar { height: 0; width:0; } .tutorial-slider .slider-item .slider-item-info a { position: absolute; /* top: -100%; */ /*Essenziale se si vuole mostrare il pulsante alla fine del video*/ /* left: 0; */ /*Essenziale se si vuole mostrare il pulsante alla fine del video*/ right: 5px; bottom:5px; /*Non essenziale se si vuole mostrare il pulsante alla fine del video*/ /* font-size: 2em; */ /*Essenziale se si vuole mostrare il pulsante alla fine del video*/ font-weight:bold; color: #fff; background-color: rgba(120,10,0, 1); border-radius:4px; /*Non essenziale se si vuole mostrare il pulsante alla fine del video*/ padding: 0 5px; /*Non essenziale se si vuole mostrare il pulsante alla fine del video*/ cursor:pointer; /* display:none; */ /*Essenziale se si vuole mostrare il pulsante alla fine del video*/ } .tutorial-slider .slider-item .slider-item-info a:hover { color: rgba(120,10,0,1); background-color: #fff; border:solid 1px rgba(120,10,0,1); } /* Stili per i pulsanti di navigazione */ .tutorial-slider .slider-btn { position: absolute; top: 45%; padding: 10px 20px; font-size: 2em; color: #fff !important; background-color: rgba(120,10,0, 0.6); border-radius: 5px; transform: translateY(-50%); cursor: pointer; z-index: 10; } .tutorial-slider .prev-btn {left: 10px;} .tutorial-slider .next-btn {right: 10px;} .tutorial-slider .slider-btn:hover {background-color: rgba(120, 10, 0, 1);} #sezioni-content{padding: 5px;} .sezioni-header { color: #fff; background-color: rgba(120,10,0,1); padding:5px; margin-bottom:10px; } .sezioni-header h4 { margin:0; padding:0; } .sezioni-block-article{ display:flex; flex-wrap:wrap; } .sezioni-block-article article{ width:33%; border-right:solid 1px rgba(120,10,0,0.2); margin-right:5px; margin-bottom: 10px; /* margin-bottom: 50px; */ padding-right:5px; } .sezioni-block-article article h5,.sezioni-block h5{ color:rgba(120,10,0,1); border-bottom:solid 2px rgba(120,10,0,1); margin-bottom:5px; padding-bottom:5px; } .sezioni-block-article article h6,.sezioni-block h6{ background-color: rgba(120,10,0,0.1); padding: 10px; color: rgba(120,10,0,1); cursor:pointer; } .sezioni-block-article article h6:hover,.sezioni-block h6:hover { background-color: rgba(120,10,0,0.2); border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .sezioni-block-article article h6.active,.sezioni-block h6.active { border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .sezioni-block pre code { position: relative; left: -360px; color:#bd4147; } #edi-content{padding: 5px;} .edi-header { color: #fff; background-color: rgba(120,10,0,1); padding:5px; margin-bottom:10px; } .edi-header h4 { margin:0; padding:0; } .edi-block-article{ display:flex; flex-wrap:wrap; } .edi-block-article article{ width:33%; border-right:solid 1px rgba(120,10,0,0.2); margin-right:5px; margin-bottom: 10px; padding-right:5px; } .edi-block-article article h5,.edi-block h5{ color:rgba(120,10,0,1); border-bottom:solid 2px rgba(120,10,0,1); margin-bottom:5px; padding-bottom:5px; } .edi-block pre code { position: relative; left: -360px; color:#bd4147; } #pInfoBody #whatsnew-content { margin:10px 0; padding:5px; background-color:#fff; } .whatsnew-header { color: #fff; background-color: rgba(120,10,0,1); padding:5px; margin-bottom:10px; } .whatsnew-header h4 { margin:0; padding:0; } .whatsnew-block-article{ display:flex; flex-wrap:wrap; } .whatsnew-block-article article{ width:calc(100% / 3.2); border-right:solid 1px rgba(120,10,0,0.2); margin: 0 5px 10px 15px; padding-right:5px; } .whatsnew-block-article article h5,.whatsnew-block h5{ color:rgba(120,10,0,1); border-bottom:solid 2px rgba(120,10,0,1); margin-bottom:5px; padding-bottom:5px; } .whatsnew-block-article article h6,.whatsnew-block h6{ background-color: rgba(120,10,0,0.1); padding: 10px; color: rgba(120,10,0,1); cursor:pointer; } .whatsnew-block-article article h6:hover,.whatsnew-block h6:hover { background-color: rgba(120,10,0,0.2); border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .whatsnew-block-article article h6.active,.whatsnew-block h6.active { border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .whatsnew-block-image{ width:100%; height:160px; /* height:250px; */ background-position:center; background-repeat:no-repeat; background-size:contain; } .whatsnew-letto { margin: 0 auto; width: fit-content; display: block; padding: 5px 10px; color: #fff !important; background-color: rgba(120,10,0,1); border-radius: 5px; text-align: center; cursor:pointer; } .whatsnew-letto:hover{ color:rgba(120,10,0,1) !important; background-color:#fff; border:solid 1px rgba(120, 10, 0, 1); } .dichiarazione-header { position: relative; background-color: #fff; padding: 10px 10px 50px 10px; margin-bottom: 10px; box-shadow: 0px 5px 8px 0 rgb(0 0 0 / 27%); text-align:center; } .dichiarazione-header h4{ color: rgba(120, 10, 0, 1); margin-bottom:2px; font-size: 2em !important; font-weight:bold; } .dichiarazione-header em { color: rgba(120, 10, 0, 1); font-size: 1.2em; } .dichiarazione-header a{ position: absolute; left: 49.9%; bottom: 10px; color: red; font-size: 1.8em; } .dichiarazione-block iframe{ width: 100%; height: 100vh; border: none; } /*--------------------------------------------------- Suggerimenti ---------------------------------------------------*/ #suggBox{ width: 50%; padding: 5px; margin: 10px; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); } #suggBox, #suggBox p, #suggBox ul, #suggBox legend{font-size:15px;} #suggHead{ position:relative; border-bottom: solid 1px rgba(0,0,0,0.2); margin-bottom:5px; padding-bottom:5px; } #suggHead { padding:5px 0; letter-spacing:1px; } #suggHead a{ position:absolute; top:0px; right:5px; cursor:pointer; } #suggHead a:hover{color:rgba(120,10,0,1);} #suggBody p {margin:0 0 0 2px;} #suggBody .suggForm { margin-bottom:5px; } #suggBody .suggForm legend{ width:fit-content; padding:0 5px; color:rgba(120,10,0,1); } #suggBody .suggForm fieldset {border-color:rgba(120,10,0,1);} #suggBody .suggForm article:nth-of-type(1){ margin-bottom:5px; display:flex; } #suggBody .suggForm article:nth-of-type(1) > div{width:50%;} #suggBody .suggForm article:nth-of-type(1) > div:nth-of-type(2){padding-left:5px !important;} #suggBody ul{padding-left:15px;} #suggBody ul > li { display:flex; flex-wrap:wrap; } #suggBody ul > li span { position: relative; top: 9px; width: 3px; height: 8px; background-color: rgba(120, 10, 0, 1); transform: skewX(341deg); margin-right:2px; } #suggBody ul > li > a{ color:rgba(120,10,0,1) !important; margin:0; padding:2px 5px; cursor:pointer; } #suggBody ul li div{width:100%;} #suggBody ul li div > ul{list-style:square;} #suggBody ul li div > ul li { position:relative; padding:2.5px 0 5px 0; border-top: solid 1px rgba(120,10,0,0.5); display:inherit; } #suggBody ul li div > ul li p{ position:relative; font-weight:600; } #suggBody ul li div > ul li p a{ /* position:absolute; */ /* top:18px; */ color:rgba(120,10,0,1) !important; margin:0 5px; cursor:pointer; } /* #suggBody ul li div > ul li p a:nth-of-type(1){right:25px;} */ /* #suggBody ul li div > ul li p a:nth-of-type(2){right:-5px;} */ #suggBody ul li div > ul li p a:nth-of-type(1):hover{color:green !important;} #suggBody ul li div > ul li p a:nth-of-type(2):hover{color:red !important;} #suggBody ul li div > ul li p a i{margin-right:5px;} #suggBody ul li div > ul li p a.likedown { position: fixed; transform: rotate3d(0, 0, 1, 180deg); } #suggBody ul li div > ul li .tmstmp { position:absolute; top:6px; right:5px; font-size:10px; } #suggBody ul li div > ul li article { margin-left:15px; } /*--------------------------------------------------- Impostazioni ---------------------------------------------------*/ #setupBox{padding:10px;} .setupOpzAzi4 .box strong{display:none;} .setupOpzAzi4:nth-child(1) .box strong{display:inherit;} .btnCliAdd2 { color: #fff !important; background-color: #7a0a00; padding: 5px 15px; border-radius: 3px; cursor: pointer; } .btnCliAdd2:hover{ color:#7a0a00 !important; background-color: #fff; border: solid 1px #7a0a00; } .applMod { position:absolute; left:0px; bottom:36px; width: 50px; color: #fff !important; font-size: 25px; background-color: rgba(120,10,0,1); padding: 5px 15px; text-align: right; box-shadow: 0 0 4px 1px rgba(255,255,255,0.5); border-radius: 0 4px 4px 0; display: inherit; cursor:pointer; z-index: 999; } .applMod:hover{ color:rgba(120,10,0,1) !important; background-color: #fff; border:solid 1px rgba(120,10,0,1); } /*--------------------------------------------------- HPRO ---------------------------------------------------*/ .modal-trasporto { position:fixed; top:36%; left:38%; padding:10px; color:#000; background-color:#fff; /* background: linear-gradient(138deg, rgb(122 122 122) 0%, rgb(159 159 159) 67%); */ box-shadow: 0px 0 6px 0px rgb(0 0 0 / 35%); z-index:999; } .modal-trasporto #close { position:absolute; top:3px; right:5px; color:#000 !important; font-size: 16px; cursor:pointer; } .modal-trasporto article { margin-top:10px; } .modal-trasporto article i{font-size:22px;} .modal-var { position:fixed; top:36%; left:38%; padding:10px; color:#000; background-color:#fff; /* background: linear-gradient(138deg, rgb(122 122 122) 0%, rgb(159 159 159) 67%); */ box-shadow: 0px 0 6px 0px rgb(0 0 0 / 35%); z-index:999; } .modal-var #close { position:absolute; top:3px; right:5px; color:#000 !important; font-size: 16px; cursor:pointer; } .modal-var article{margin-top:10px;} .modal-var article i{font-size:22px;} .trade-upload label { width: 100%; height: 100px; text-align:center; cursor: pointer; } .trade-upload label:hover{color:#5f8cff;} .trade-upload label::before{ font: normal normal normal 14px/1 FontAwesome; content: "\f0ee"; font-size: 28px; } .trade-upload input[upload="true"]{display:none;} .modal-modifica-email,.modal-modifica-dest,.modal-aggiungi-dest { position:fixed; top:5%; left:30%; width:650px; padding:10px; color:#000; background-color:#fff; box-shadow: 0px 0 6px 0px rgb(0 0 0 / 40%); z-index:999; } .modal-modifica-email h5,.modal-modifica-dest h5,.modal-aggiungi-dest h5{border-bottom: solid 4px #7a0a00;} .modal-modifica-email #close,.modal-modifica-dest #close,.modal-aggiungi-dest #close { position:absolute; top:3px; right:10px; color:#000 !important; font-size: 19px; cursor:pointer; } .modal-modifica-email article,.modal-modifica-dest article,.modal-aggiungi-dest article { margin-top:10px; padding:10px; height: 500px; overflow-y: scroll; } /* .modal-modifica-email article::-webkit-scrollbar,.modal-modifica-dest article::-webkit-scrollbar { height: 0; width:0; } */ /* width - verticale */ .modal-modifica-email article::-webkit-scrollbar,.modal-aggiungi-dest article::-webkit-scrollbar { width: 10px;} /* height - orizontale*/ .modal-modifica-email article::-webkit-scrollbar,.modal-aggiungi-dest article::-webkit-scrollbar { height: 5px;} /* Track */ .modal-modifica-email article::-webkit-scrollbar-track,.modal-aggiungi-dest article::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ .modal-modifica-email article::-webkit-scrollbar-thumb,.modal-aggiungi-dest article::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ .modal-modifica-email article::-webkit-scrollbar-thumb:hover,.modal-aggiungi-dest article::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } .modal-aggiungi-footer { display:flex; float:right; } .modal-modifica-email .btn-close,.modal-aggiungi-dest .btn-add,.modal-aggiungi-dest .btn-close { color: #fff !important ; background-color: rgba(120,10,0,1); margin: 5px 5px 0 0; padding: 5px 10px; border-radius: 4px; cursor:pointer; } .modal-modifica-email .btn-close:hover,.modal-aggiungi-dest .btn-add:hover,.modal-aggiungi-dest .btn-close:hover{background-color: rgba(120,10,0,0.5);} /* #hpro-stato{ */ /* padding:10px 0; */ /* margin-bottom:5px; */ /* background-color:#fff; */ /* box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); */ /* } */ #hpro-stato a{ height: fit-content; margin: auto 10px auto 0; padding: 2px 10px 2px 5px; border-radius: 3px; cursor:pointer; } #hpro-stato a.hprobtnStato{color: rgba(187,134,11,1) !important; background-color: #fff; border:solid 1px rgba(187,134,11,1);} #hpro-stato a.hprobtnStato:hover,#hpro-stato a.hprobtnStato.active{color:#fff !important; background-color:rgba(187,134,11,1); border:solid 1px rgba(187,134,11,1); font-weight:600;} #hpro-stato a.hprobtnStato1{color: #fff !important; background-color: #6b007a;} #hpro-stato a.hprobtnStato1:hover{color:#6b007a !important; background-color:rgba(255,255,255,0); border:solid 1px #6b007a; font-weight:600;} #hpro-stato a.hprobtnStatoE{color: #fff !important; background-color: #037a00;} #hpro-stato a.hprobtnStatoE:hover{color:#037a00 !important; background-color:rgba(255,255,255,0); border:solid 1px #037a00; font-weight:600;} #hpro-stato a.hprobtnStatoA{color: #fff !important; background-color: #ff6903;} #hpro-stato a.hprobtnStatoA:hover{color:#ff6903 !important; background-color:rgba(255,255,255,0); border:solid 1px #ff6903; font-weight:600;} #hpro-stato a.hprobtnStatoP{color: #fff !important; background-color: #002bbd;} #hpro-stato a.hprobtnStatoP:hover{color:#002bbd !important; background-color:rgba(255,255,255,0); border:solid 1px #002bbd; font-weight:600;} #hpro-stato a.hprobtnStatoX{color: #4a4a4a !important; background-color: #ffc299;} #hpro-stato a.hprobtnStatoX:hover{color:#ffc299 !important; background-color:rgba(255,255,255,0); border:solid 1px #ffc299; font-weight:600;} #hpro-stato a.hprobtnStatoO{color: #fff !important; background-color: #167082;} #hpro-stato a.hprobtnStatoO:hover{color:#167082 !important; background-color:rgba(255,255,255,0); border:solid 1px #167082; font-weight:600;} /*Scegliere i colori*/ #hpro-stato a.hprobtnStatoC{color: #fff !important; background-color: #6e4d009c;} #hpro-stato a.hprobtnStatoC:hover{color:#6e4d009c !important; background-color:rgba(255,255,255,0); border:solid 1px #6e4d009c; font-weight:600;} #hpro-stato a.hprobtnStato2{color: #fff !important; background-color: #a60000;} #hpro-stato a.hprobtnStato2:hover{color:#a60000 !important; background-color:rgba(255,255,255,0); border:solid 1px #a60000; font-weight:600;} #hpro-stato a.hprobtnStatoW{color: #fff !important; background-color: #ff00a0;} #hpro-stato a.hprobtnStatoW:hover{color:#ff00a0 !important; background-color:rgba(255,255,255,0); border:solid 1px #ff00a0; font-weight:600;} #hpro-stato a.hprobtnStatoL{color: #000 !important; background-color: #8beced;} #hpro-stato a.hprobtnStatoL:hover{color:#8beced !important; background-color:rgba(0,0,0,0); border:solid 1px #8beced; font-weight:600;} #hpro-stato a.hprobtnStatoH{color: #000 !important; background-color: #b496c3;} #hpro-stato a.hprobtnStatoH:hover{color:#b496c3 !important; background-color:rgba(255,255,255,0); border:solid 1px #b496c3; font-weight:600;} #hpro-stato a.hprobtnStatoS{color: #000 !important; background-color: #90c9007d;} #hpro-stato a.hprobtnStatoS:hover{color:#90c9007d !important; background-color:rgba(255,255,255,0); border:solid 1px #90c9007d; font-weight:600;} #hpro-stato a.hprobtnStatoV{color: #fff !important; background-color: #c99b007d;} #hpro-stato a.hprobtnStatoV:hover{color:#c99b007d !important; background-color:rgba(255,255,255,0); border:solid 1px #c99b007d; font-weight:600;} /* ***************************************************************** Nuovo modal ***************************************************************** */ .modalSTD-RS { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.2); z-index: 1000; } .modalSTD-RS .modal-content { position: relative; width: 640px; min-width: 300px; max-width: 1200px; min-height:100px; background-color: #fefefe; margin: 10% auto; /* padding: 10px; */ box-shadow: 0 0 4px 1px rgb(0 0 0 / 35%); cursor: move; resize: both; } .modalSTD-RS .modal-content header { width:100%; height:fit-content; max-height:100px; display:flex; background-color:#fff; border-bottom: solid 4px #7a0a00; border-radius: 4px 4px 0 0; } .modalSTD-RS .modal-content header div { width:80%; color:rgba(120,10,0,1); font-size:16px; font-weight:600; padding:10px; } .modalSTD-RS .modal-content header btncont { width:fit-content; padding:11px 6px 6px 6px; text-align:right; margin-left: auto; max-width: 20%; } .modalSTD-RS .modal-content header btncont span { color:rgba(120,10,0,1); font-size: 20px; font-weight: bold; cursor: pointer; margin: 0px 5px; display: inline-grid } .modalSTD-RS .modal-content header btncont span:hover, .modalSTD-RS .modal-content header btncont span:focus { color:rgba(120,10,0,0.5); text-decoration: none; cursor: pointer; } .modalSTD-RS .modal-content content { padding:10px 0px 5px 10px; overflow:scroll; } .modalSTD-RS .modal-content content::-webkit-scrollbar { width: 10px;} .modalSTD-RS .modal-content content::-webkit-scrollbar { height: 5px;} .modalSTD-RS .modal-content content::-webkit-scrollbar-track {} .modalSTD-RS .modal-content content::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } .modalSTD-RS .modal-content content::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1);} .modalSTD-RS .modal-content footer { position:absolute; bottom:0; width: 100%; min-height:54px; height: fit-content; max-height:54px; text-align: center; padding:10px; background-color:#fff; border-radius:0 0 4px 4px; } .modalSTD-RS .modal-content footer button { color:#fff; background-color:var(--color4); border:none; } .modalSTD-RS .modal-content footer button:hover { color:#fff; background-color:rgba(120,11,0,0.5); } .modalSTD-RS .modal-content content .modal-footer .btn-add, .modalSTD-RS .modal-content content .modal-footer .btn-close { color: #fff !important; background-color: rgba(120,10,0,1); margin: 5px 5px 0 0; padding: 5px 10px; border-radius: 4px; cursor:pointer; } .modalSTD-RS .modal-content content .modal-footer .btn-add:hover, .modalSTD-RS .modal-content content .modal-footer .btn-close:hover{background-color: rgba(120,10,0,0.5);} /******************************************* FINE: Modal *********************************************/ /*--------------------------------------------------- CCL ---------------------------------------------------*/ .input-ricercaCcl { position:relative; display:flex; } .input-ricercaCcl a { position:absolute; top:2.5px; right:5px; cursor:pointer; } .input-ricercaCcl a:hover i{color:rgba(120,10,0,1);} /*--------------------------------------------------- FINE: CCL ---------------------------------------------------*/ /*--------------------------------------------------- CPR ---------------------------------------------------*/ .input-ricercaCpr { position:relative; display:flex; } .input-ricercaCpr a { position:absolute; top:2.5px; right:5px; cursor:pointer; } .input-ricercaCpr a:hover i{color:rgba(184, 134, 11, 1);} .cpr-contain { display:flex; flex-wrap: wrap; } .cpr-contain article { position:relative; margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } .cpr-contain article.itemBsk_1 /*Aticolo nel Carrello*/ { position:relative; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 3px 1px rgb(122 10 0); } .cpr-contain article.itemBsk_1::before { position: absolute; top: 36px; right: 191px; content: "\f290"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 170px; color: rgba(122,10,0,0.2); transform: rotate(45deg); z-index: 9999; } .cpr-contain article.itemBsk_1 .cpr-foto { background-color: #fff; padding: 15px; box-shadow: 0 0 10px 0px rgb(120, 10, 0, 0.5); } .cpr-contain article.itemBsk_1 .cpr-foto img { border: solid 1px #7a0a00; border-radius: 4px; } .cpr-contain hr{margin:10px 0;} .pagination li a{cursor:pointer;} #cpr-fltr { background-color: rgba(0,0,0,0.1); padding-bottom: 10px; } #cpr-fltr label { margin:0; font-weight: 600; } #cpr-fltr > div { position:relative; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgba(0,0,0,0.2); } #cpr-fltr > div a:hover{color: rgb(184 134 11 / 100%);} #cpr-fltr #cpr-fltr-icon a { color: #fff; background-color: rgb(184 134 11); font-size: 20px; margin-right: 5px; padding: 2px 6px; cursor: pointer; } #cpr-fltr #cpr-fltr-icon a:hover{background-color: rgb(184 134 11 / 40%);} #cpr-fltr #icon-searchCprArk,#cpr-fltr #icon-clearArk { position:absolute; top:22px; padding:0 10px; background-color:#fff; cursor:pointer; z-index:99; } #cpr-fltr #icon-searchCprArk{right:30px;} #cpr-fltr #icon-clearArk{right:2px;} #cpr-fltr #cpr-hashtag{margin: 2px 0;} #cpr-fltr #cpr-hashtag ul {display:flex;flex-wrap:wrap;} #cpr-fltr #cpr-hashtag li { color:rgba(184,134,11,1); background-color:#fff; border:solid 1px rgba(184,134,11,1); margin: 2.5px 5px; padding: 2px 5px; cursor:pointer; } #cpr-fltr #cpr-hashtag li span { font-weight: 700; padding:0 2px; } #cpr-fltr #cpr-hashtag li:hover{color:#fff; background-color:rgba(184,134,11,1);} .cpr-contain #categorie .node-selected{color:#fff; background-color:rgba(184,134,11,1) !important;} .cpr-contain #categorie a span { font-size: 14px; font-weight: 700; margin-left: 5px; } .cpr-contain #categorie .node-selected a:hover{color:#fff !important;} .cpr-contain #categorie .list-group-item { padding:5px 10px; } .cpr-contain #categorie .node-categorie:not(.node-disabled):hover { border-left: solid 2px rgba(184,134,11,0.8); border-right: solid 2px rgba(184,134,11,0.8); } #cpr-fltr .sliderNormal .slider-handle { position: absolute; top: 0px; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-image: -o-linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-image: linear-gradient(to bottom, #7c1107 0%, #420c07 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); border: 0px solid transparent; } #cpr-fltr .sliderNormal .slider-selection{ background-image: -webkit-gradient(linear, left top, left bottom, from(#420c07), to(#7c1107)) !important; background-image: linear-gradient(to bottom, #420c07 0%, #7c1107 100%) !important; } #cpr-row::-webkit-scrollbar { height: 0; width:0; } .cpr-foto{text-align:center;} .cpr-foto img { /* width:100%; */ /* height: 260px; */ max-width: 100%; max-height: 260px; margin: 0 auto; } #cpr-row .riga { position: absolute; z-index: 999; font-size: 16px; color: rgba(0,0,0,0.5); } .cpr-fotoThumbs .thumb-btnUp,.cpr-fotoThumbs .thumb-btnDown { color: #fff !important; background-color: rgba(184,134,11,0.5); padding: 0 42px; cursor:pointer; width: 100%; padding: 0 45%; display: block; } .cpr-fotoThumbs .thumb-btnUp:hover,.cpr-fotoThumbs .thumb-btnDown:hover{background-color: rgba(184,134,11,1); } .cpr-fotoThumbs .thumb-img { overflow-y: scroll; height: 180px; } .cpr-fotoThumbs .thumb-img::-webkit-scrollbar { height: 0; width:0; } .cpr-fotoThumbs .thumb-img img { width:100%; border: solid 1px rgba(0,0,0,0.3); margin-bottom: 10px; } .icon-thumb-video { color: rgba(0,74,152,1); font-size: 90px; text-align:center; } .icon-thumb-pdf { color: rgba(255,0,0,1); font-size: 90px; text-align:center; } .detail-cpr-fotoThumbs { position:relative; } .detail-cpr-fotoThumbs .thumb-btnLeft,.detail-cpr-fotoThumbs .thumb-btnRight { color: #fff; background-color: rgba(0,0,0,0.1); font-size: 32px; padding: 25px 5px; cursor: pointer; z-index: 999; } /* .detail-cpr-fotoThumbs .thumb-btnLeft i,.detail-cpr-fotoThumbs .thumb-btnRight i{font-size: 45px;} */ .detail-cpr-fotoThumbs .thumb-btnLeft { position: absolute; top: 60px; left: 20px; } .detail-cpr-fotoThumbs .thumb-btnRight { position: absolute; top: 60px; right: 20px; } .detail-cpr-fotoThumbs .thumb-btnLeft:hover,.detail-cpr-fotoThumbs .thumb-btnRight:hover{background-color: rgba(0,0,0,0.8) !important; } .detail-cpr-fotoThumbs .thumb-img { overflow-x: scroll; width:100%; height:150px; display:flex; } .detail-cpr-fotoThumbs .thumb-img::-webkit-scrollbar { height: 0; width:0; } .detail-cpr-fotoThumbs .thumb-img img {height:120px;} .cpr-codart { } .cpr-title { font-weight:600; margin-bottom:10px; } .cpr-subtitle1{} .cpr-desc{font-size:14px;} .cpr-prz{margin-bottom:5px;} .cpr-prz-d{ border-left: solid 2px rgba(184,134,11,0.5); margin-bottom:5px; padding-left: 5px; letter-spacing: 1px; } .cpr-qta { display:flex; margin-bottom:5px; } .cpr-qta input { width:100px; height:auto; } .cpr-qta .btnCont1,.cpr-qta .btnCont2{display:grid !important;} .cpr-qta .btnCont2 div { display:flex; height:25px; } .cpr-qta div .btnUp,.cpr-qta div .btnDown { border: solid 1px rgb(0 0 0 / 30%); margin-left: 5px; cursor:pointer; } .cpr-qta div .btnUp:hover,.cpr-qta div .btnDown:hover { color:#fff; background-color:rgba(184,134,11,1); border: solid 1px rgba(184,134,11,1); } .cpr-qta .btnCont1 a:nth-child(1){margin-bottom:5px;} .cpr-btnAdd,.cpr-btnConfrAdd { height: fit-content; margin: auto 15px; padding: 2px 15px; color: #fff !important; background-color: rgba(184,134,11,1); border-radius: 3px; cursor:pointer; } .cpr-btnAdd:hover,.cpr-btnConfrAdd:hover { color:rgba(184,134,11,1) !important; background-color:#fff; border:solid 1px rgba(184,134,11,1); } .cpr-btnDetail:hover,.cpr-btnPref:hover{color:rgba(184,134,11,1) !important;} .cpr-btnDetail,.cpr-btnPref { height: fit-content; color: var(--color2); cursor:pointer; } .cpr-btnDetail { margin-left:20px; padding-top: 5px; } .cpr-btnDetail i{font-size:20px;} .cpr-btnPref { top: 54px; right: 401px; margin-left:10px; padding-top: 2px; } .cpr-btnPref.w0 i::before{content:"\ed40";} .cpr-btnPref.w1 i::before { content:"\ed42"; color:red; } .cpr-btnPref i{font-size:24px;} .cpr-btnConfr { top: 54px; right: 390px; margin-left:10px; padding-top: 2px; cursor:pointer; } .cpr-btnConfr i{font-size:22px;} .cpr-btnConfr:hover,.cpr-btnConfr.active:hover{color:rgba(184,134,11,1) !important;} .cpr-btnConfr.active{color:var(--color1) !important;} .cpr-crrInfo{color:#4d19c7;} .cpr-bskInfo qta { position: absolute; top: -60px; right: 55px; color: rgba(184,134,11,0.4); font-size: 120px; } .cpr-bskInfo a {color:red;} .cpr-btndlt_0{display:none;} .cpr-btndlt_1 a{ color:red !important; font-size:16px; cursor:pointer; } .cpr-storico{ position: absolute; right: 10px; background-color: rgba(184,134,11,0.2); border: solid 1px rgba(184,134,11,1); border-radius: 10px; padding: 10px; } .cprBtnInfo { position: absolute; top:-2px; right:-5px; cursor:pointer; } .cprBtnInfo i:hover { color: rgba(120,10,0,1); animation-name:zoomIcon; animation-duration:2s; animation-delay:5000; animation-iteration-count:1; } @keyframes zoomIcon { 0%{ font-size:inherit; } 50%{font-size:26px;} 100%{font-size:26px;} } detail {width:100%;} detail section { width:100%; box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.3); border-radius: 4px; margin-top: 10px !important; padding: 10px !important; margin-bottom: 2%; } detail h5 { width: 100%; margin-bottom: 10px; padding: 5px 10px; font-size: 16px; font-weight: 600; color: #fff; background-color: #7a0a00; border-radius: 3px; box-shadow: 0 0 5px 0px rgba(0,0,0,0.5); } #cpr-video p{ text-align: center; font-size: 17px; letter-spacing: 1px; font-family: math; } #cpr-video #cpr-video-content{display:flex; flex-wrap: wrap;} #cpr-video .mp4{width:calc(100% / 4); padding:0 10px;} #cpr-video .mp4 h6, #cpr-video .mp4 video{width:100%;} #cpr-video .mp4 h6 { font-size: 20px; color:#7a0a00; border-bottom: solid 2px #7a0a00; } .cpr-przf-cont { margin: 5px 0; padding: 5px 10px; background-color: #fff; box-shadow: inset 0 0 2px 0 rgba(184,134,11,1); } .cpr-przf-cont:hover{border-left:solid 3px rgba(184,134,11,1);} .cpr-przf-cont .cpr-clps h5 { width:100%; color:rgba(184,134,11,1); font-size:18px; padding:5px 0; cursor: pointer; } .cpr-przf-cont .clps > section,.cpr-przf-cont > .clps > ul > li { padding:5px 15px; border-top:solid 2px rgba(184,134,11,1); } .cpr-przf-cont > .clps > ul > li:hover{background-color:rgba(184,134,11,0.1);} .cpr-przf-cont > .clps ul > li > p{font-size:15px;} .cpr-przf-cont > .clps ul > li a{ font-size:18px; margin-left:10px; } .cpr-przf-cont .clps > section > div > section,.cpr-przf-cont .clps ul > li > section #pagInfCont { width: 100%; background-color:rgba(0,0,0,0.2); padding:10px; margin: 10px 0px 0px 0px; } .cpr-przf-cont section > div { display:flex; flex-wrap:wrap; padding-bottom:5px; margin-bottom:5px; /* border-bottom:solid 1px rgba(0,0,0,0.2); */ } .cpr-przf-cont .cpr-przf-foto { width:19%; margin-right:10px; } .cpr-przf-cont .cpr-przf-det{width:80%;} .cpr-przf-cont .cpr-przf-det hr{margin:5px 0;} .cpr-przf-cont #pagInfCont article { width:100%; margin: 0; } .cpr-confronta { width:100%; margin-top:10px; padding:5px; background-color:#fff; } .cpr-confronta h5 { width: 100%; color: rgba(184,134,11,1); font-size:24px; border-bottom: solid 2px rgba(184,134,11,1); } .cpr-confronta h5 a { position:absolute; right:20px; font-size:20px; cursor:pointer; } .cpr-confronta h5 a:hover{color:rgba(184,134,11,3) !important;} .cpr-confronta table tbody td{position:relative;} .cpr-confronta .rmvArkConfr { position: absolute; right: 8px; color: #fff !important; background-color: rgba(0,0,0,0.4); padding: 2px; margin-left: 2px; cursor:pointer; } .cpr-confronta .rmvArkConfr:hover{color:red !important;} .cpr-contain .cprBtnInfo i:hover {color:rgba(184,134,11,1);} /*--------------------------------------------------- FINE: CPR ---------------------------------------------------*/ .tradeBtnClps, .tradeBtnClps-2 { cursor:pointer; } .tradeBtnClps h5,.tradeBtnClps h6,.tradeBtnClps-2 h5,.tradeBtnClps-2 h6 { color: rgba(120, 10, 0, 1); background-color: rgba(120, 10, 0, 0.1); margin:2.5px 0; padding: 5px 10px; cursor: pointer; } .tradeBtnClps h5:hover,.tradeBtnClps h6:hover,.tradeBtnClps-2 h5:hover,.tradeBtnClps-2 h6:hover { background-color: rgba(120,10,0,0.2); border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } .tradeBtnClps h5.active,.tradeBtnClps h6.active,.tradeBtnClps-2 h5.active,.tradeBtnClps-2 h6.active { border-left:solid 4px rgba(120,10,0,1); border-right:solid 4px rgba(120,10,0,1); } #hproBody #crr-row { max-height: 900px; overflow-y: scroll; background-color: #e9e9e9; padding: 10px; } #hproBody #crr-row article { margin: 0 auto; display: flex; flex-wrap: wrap; background-color: #fff; padding: 10px; margin-bottom: 10px; } /* #hproBody .crr-qta {display: flex;} */ /* #hproBody .crr-qta .crr-prz{width: 116px;} */ /* #hproBody .crr-qta input{width:80px;} */ #hproBody .crr-prz { margin-right:10px; padding-top:3px; } #hproBody .crr-qta { display:flex; } #hproBody .crr-qta input { width:50px; height:auto; padding: 0 5px; } #hproBody .crr-qta .btnCont { display:flex; } #hproBody .crr-qta .btnLeft { margin-right: 5px; } #hproBody .crr-qta .btnRight { margin-left: 5px; } #hproBody .crr-qta .btnLeft,.crr-qta .btnRight { border: solid 1px rgb(0 0 0 / 30%); cursor:pointer; } #hproBody .crr-qta .btnLeft:hover,.crr-qta .btnRight:hover { color:#fff; background-color:#b8860b; border: solid 1px #b8860b; } #hproBody .crr-btnRmv { height: fit-content; margin: auto 15px; padding: 2px 7px; color: #fff; background-color: #d40; border-radius: 3px; cursor: pointer; } #hproBody fieldset { } #hproBody fieldset legend { width: fit-content; padding: 0 5px; font-size:12px; font-weight:600; } #hproBody fieldset legend article{} #modal-dspinfo { position: fixed; top: 15%; left: 25%; width: 600px; padding: 2.5px; color:rgba(120,10,0,1); background-color: #fff; border: solid 1px rgba(120,10,0,1); box-shadow: 0 0 8px 0px rgb(120 10 0); z-index: 99999; } #modal-dspinfo article { padding: 5px; background-color: rgba(120,10,0,0.1); letter-spacing:1px; } #modal-dspinfo article h5{margin-bottom:10px;} #modal-dspinfo article div { width: 100%; padding:10px 0 0 0 ; text-align:right; border-top: solid 1px rgba(120,10,0,0.2); } #modal-dspinfo article div a { color: #fff; background-color: rgba(120,10,0,1); padding: 2.5px 10px; border-radius: 4px; cursor:pointer; } #modal-dspinfo article div a:hover { color:rgba(120,10,0,1); background-color:#fff; border: solid 1px rgba(120,10,0,1); } .tradeWindow-scroll{overflow:scroll !important;} .tradeWindow-scroll::-webkit-scrollbar { width: 10px;} .tradeWindow-scroll::-webkit-scrollbar { height: 5px;} .tradeWindow-scroll::-webkit-scrollbar-track {} .tradeWindow-scroll::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } .tradeWindow-scroll::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } .btn-trade { color:#fff !important; background-color:rgba(120,10,0,1); padding:2px 5px; cursor:pointer; } .btn-trade:hover { color: rgba(120,10,0,1) !important; background-color:#fff; border: solid 1px rgba(120,10,0,1); } .lg-backdrop{z-index:81040;} .modal-tutorial { position: fixed; top: 15%; left: 15%; width: 330px; background-color: #fff; padding: 10px 10px 10px 10px; box-shadow: 0 0 4px 0px rgb(120 10 0); z-index: 999; } .modal-tutorial a { position:absolute; top:2px; right:8px; font-size:1.2rem; cursor:pointer; } .modal-tutorial a:hover i{color:rgba(120,10,0,1);} .modal-tutorial article h5,.modal-tutorial article h6 { color: rgba(120, 10, 0, 1); border-bottom: solid 2px rgba(120, 10, 0, 1); margin-bottom: 5px; padding-bottom: 5px; } #browserBox { background-color:#fff; padding:10px; } #browserBox #browserHead{} #browserBox #browserHead h5{ border-bottom: solid 1.5px rgba(120, 10, 0, 1); margin-bottom: 10px; } #browserBox #browserBody{ display:flex; flex-wrap: wrap; } #browserBox #browserBody article { width: fit-content; height: fit-content; margin-right: 10px; border:solid 1px rgba(120, 10, 0, 1); border-radius: 4px; box-shadow: 2px 2px 3px 0 rgb(120 10 0 / 51%); display:flex; } #browserBox #browserBody article .icon{ font-size: 2rem; color:#fff; background-color:rgba(120, 10, 0, 1); padding: 10px; } #browserBox #browserBody article > div:nth-child(2){padding:5px;} #browserBox #browserBody article h5{margin:0px;} #browserBox #browserBody article p{margin:0px;} #browserBox #browserBody article h5,#browserBox #browserBody article p{color:rgba(120,10,0,1);} #browserBox #browserBody article .contBtn{float:right;} #browserBox #browserBody article .contBtn span{ position: relative; left: -5px; font-size:0.7rem !important; margin:0 10px 0 4px; } #browserBox #browserBody article .contBtn a{ color:#212529; font-size:1.5rem; margin-left:5px; cursor:pointer; } #browserBox #browserBody article .contBtn a:hover{ color:rgba(120, 10, 0, 1); } #browserBox2 { margin-top:10px; background-color:#fff; padding:10px; } #browserBox2 #browserHead2 h5{ border-bottom: solid 1.5px rgba(120, 10, 0, 1); margin-bottom: 10px; } #browserBox2 #browserBody2 fieldset { width:30%; /* margin: 0 auto 10px auto; */ margin-bottom:10px; padding:0; border:none; } #browserBox2 #browserBody2 fieldset label{margin:0px;} #browserBox2 #browserBody2 fieldset input{margin-bottom:10px;} #browserBox2 #browserBody2 fieldset select{margin-bottom:10px;} #browserBox2 #browserBody2 #browserDoc2{ display:flex; flex-wrap: wrap; } #browserBox2 #browserBody2 #browserDoc2 article { width: fit-content; height: fit-content; margin-right: 10px; border:solid 1px rgba(120, 10, 0, 1); border-radius: 4px; box-shadow: 2px 2px 3px 0 rgb(120 10 0 / 51%); display:flex; } #browserBox2 #browserBody2 #browserDoc2 article .icon{ font-size: 2rem; color:#fff; background-color:rgba(120, 10, 0, 1); padding: 10px; } #browserBox2 #browserBody2 #browserDoc2 article > div:nth-child(2){padding:5px;} #browserBox2 #browserBody2 #browserDoc2 article h5{margin:0px;} #browserBox2 #browserBody2 #browserDoc2 article p{margin:0px;} #browserBox2 #browserBody2 #browserDoc2 article h5,#browserBox #browserBody article p{color:rgba(120,10,0,1);} #browserBox2 #browserBody2 #browserDoc2 article .contBtn{float:right;} #browserBox2 #browserBody2 #browserDoc2 article .contBtn span{ position: relative; left: -5px; font-size:0.7rem !important; margin:0 10px 0 4px; } #browserBox2 #browserBody2 #browserDoc2 article .contBtn a{ color:#212529; font-size:1.5rem; margin-left:5px; cursor:pointer; } #browserBox2 #browserBody2 #browserDoc2 article .contBtn a:hover{ color:rgba(120, 10, 0, 1); } #promoHead { position:relative; font-family: ui-sans-serif; font-variant: small-caps; font-size: 1.6em; background-color: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); padding: 10px; text-align: center; } #promoHead:after{ position:absolute; top:47%; left:0; width:100%; height:5px; content:""; background-color:rgba(120,10,0,1); box-shadow: 0px 3px 3px 0 rgb(0 0 0 / 18%); } #promoHead h5{ position: relative; width: fit-content; color:rgba(120,10,0,1); font-size:1.6em; margin: 0 auto; padding: 0 10px; background-color:#fff; border-radius: 2px; /* box-shadow: 0 0 4px 0px rgba(120, 10, 0, 1); */ text-shadow: 0px 2px 3px rgb(0 0 0 / 35%); z-index: 1; } #promoBody { display:flex; flex-wrap:wrap; } #promoBody .promoCont { position:relative; width:calc(100% / 6.2); height:fit-content; min-height: 100px; /* max-height: 400px; */ background-color:#fff; padding:10px; margin:5px; border-radius:5px; box-shadow: 0 0 3px 0 rgba(0,0,0,0.3); } #promoBody .promoCont.viewArk{ width:100%; height:fit-content; } #promoBody .promoCont.viewArk .cat-contLinea{display:none;} #promoBody .promoCont .promo-item .image{ width:75%; height:150px; background-position:center; background-repeat:no-repeat; background-size:cover; margin: 0 auto 10px auto; } #promoBody .promoCont .promo-btn{ position:absolute; top:0px; right:0; width:15px; min-height:100px; height:100%; /* max-height:400px; */ color:#fff; background-color:rgba(38,38,38,1); border-radius: 0 5px 5px 0; cursor:pointer; } #promoBody .promoCont .promo-btn:hover{background-color:rgba(120,10,1);} #promoBody .promoCont .promo-btn i { position: absolute; top: 45.5%; left:20%; font-size: 2em; } #promoBody .promoCont.viewArk .promo-btn{ left:0; border-radius: 5px 0 0 5px; } #promoBody .promoCont .promo-cat{display:none; padding-left:15px;} #promoBody .promoCont .promo-cat article{ position:relative; margin: 0 auto; display:flex; flex-wrap: wrap; background-color:#fff; padding:10px; margin-bottom: 10px; } #promoBody .promoCont .promo-cat article.itemBsk_1 /*Aticolo nel Carrello*/ { position:relative; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 3px 1px rgb(122 10 0); } #promoBody .promoCont .promo-cat article.itemBsk_1::before { position: absolute; top: 36px; right: 191px; content: "\f290"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; font-size: 170px; color: rgba(122,10,0,0.2); transform: rotate(45deg); z-index: 9999; } #promoBody .promoCont .promo-cat article.itemBsk_1 .cat-foto { background-color: #fff; padding: 15px; box-shadow: 0 0 10px 0px rgb(120, 10, 0, 0.5); } #promoBody .promoCont .promo-cat article .cat-foto img { border: solid 1px #7a0a00; border-radius: 4px; } #promoBody .promoCont .promo-cat article .cat-contain hr{margin:10px 0;} section[formPdf="A4"] { width:50%; margin: 0 auto; } /* section[formPdf="A4"] h3{ color:rgba(120,10,0,1); font-weight:600; text-align:center; border-top:solid 1.5px rgba(120,10,0,0.5); border-bottom:solid 1.5px rgba(120,10,0,0.5); margin-bottom:10px; padding: 5px 0; } section[formPdf="A4"] .cliente{ } section[formPdf="A4"] .cliente p{margin:0;}*/ [popup]{ position: fixed; top: 15%; left: 15%; background-color: #fff; } #trade-promoMesa { width:100%; height:100vh; background-image:url(/portale/img/promoMesa.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; } #trade-promoMesa article { position: relative; top: 15%; width: 50%; background-color: rgba(255, 255, 255, 0.9); margin: 0 auto; padding: 10px; display: flex; flex-wrap: nowrap; } #traderChartPie { /* width:500px !important; */ /* height:500px !important; */ margin: 5% auto; /* margin: 5%; */ } #trade-promoMesa article div:nth-child(1) { width:40%; border-right:solid 2px rgba(0,0,0,0.3); margin-right:10px; } #trade-promoMesa article div:nth-child(2) { width:60%; } #trade-promoMesa article div:nth-child(2) h1 { font-weight: 800; color:rgba(120,10,0,1); } #trade-promoMesa article div:nth-child(2) p { letter-spacing: 1px; line-height: 1.6; font-size: 1.2rem; } /******************************************* FINE: GENERICI *********************************************/ /********************************************************************************* -------- RIF.100 - MEDIA QUERY -------- **********************************************************************************/ @media print { body { background-color:#fff; padding-bottom: 0; } @page { /*Verticale*/ size: A4; margin:10px; /* margin: 4mm 5.2mm 10mm 5.2mm; */ /*Orizzontale*/ /* size: A4 landscape; */ /*margin: 5.2mm 10mm 5.2mm 8mm; */ } .no-printV2 {display:none;} #frame2Default{top:10px;} .p-l-50{padding-left:0;} .c-blue-grey-1-print {color: #5f7a85 !important;} .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col-print-1 {width:8% !important; -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%;} .col-print-2 {width:16% !important; -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%;} .col-print-3 {width:25% !important; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%;} .col-print-4 {width:33% !important; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%;} .col-print-5 {width:42% !important; -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%;} .col-print-6 {width:50% !important; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;} .col-print-7 {width:58% !important; -webkit-box-flex: 0; -ms-flex: 0 0 58%; flex: 0 0 58%;} .col-print-8 {width:66% !important; -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%;} .col-print-9 {width:75% !important; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%;} .col-print-10{width:83% !important; -webkit-box-flex: 0; -ms-flex: 0 0 83%; flex: 0 0 83%;} .col-print-11{width:92% !important; -webkit-box-flex: 0; -ms-flex: 0 0 92%; flex: 0 0 92%;} .col-print-12{width:100% !important; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;} .b-none-print{border:none; resize:none;} .view-print{display:initial;} .pos-right-print{position:absolute;right:0;} .bsk-contain {margin:5px;} #bsk-row #bsk-scroll { max-height: initial; overflow-y: hidden; } #bsk-row { display: table; border-collapse: separate; /* border-spacing: 15px; */ padding-bottom: 0; } #bsk-row .bsk-printer { border-bottom:solid 1px rgba(120,10,0,0.5); margin-bottom:10px;} #bsk-row article{display: table-row;display: flex;} #bsk-chkout-int,#bsk-msk-footer { position:relative; padding: 5px 10px; margin-bottom:5px; background-color: #fff; box-shadow: inset 0 0 2px 1px rgb(120,11,0) !important; } #bsk-chkout-int{height:145px;} .bsk-impriga { position: absolute; top: 4px; right: -300px; font-weight: 700; font-size: 13px; } } @media all and (min-width: 2000px) { /*#main.main-scroll{max-height: 1440px;}*/ #main.main-scroll{max-height: calc(100vh - 50px);} header #aziAlias {left: 200px;} /* #bsk-int article { max-height:1440px;} */ #bsk-row { max-height:1440px;} /* .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown {padding:0 65px;} */ .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown {padding:0 45.5%;} .col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xxl-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .col-xxl-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .col-xxl-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .col-xxl-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .col-xxl-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .col-xxl-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .col-xxl-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .col-xxl-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .col-xxl-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .col-xxl-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .col-xxl-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .col-xxl-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .tradeCol-xxl-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .tradeCol-xxl-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .tradeCol-xxl-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .tradeCol-xxl-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .tradeCol-xxl-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .tradeCol-xxl-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .tradeCol-xxl-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .tradeCol-xxl-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .tradeCol-xxl-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .tradeCol-xxl-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .tradeCol-xxl-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .tradeCol-xxl-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} /* section[ssi-message="banner"] .banner {width: 30%;} */ section[ssi-message="banner"] .banner {width: 100%;} /* .cat-contLinea::after {width:680px;} */ .cat-contLinea::after {width:33%;} #ord-panel-scroll {height:970px;} } @media all and (max-width: 2000px) { .tradeCol-xl-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .tradeCol-xl-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .tradeCol-xl-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .tradeCol-xl-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .tradeCol-xl-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .tradeCol-xl-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .tradeCol-xl-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .tradeCol-xl-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .tradeCol-xl-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .tradeCol-xl-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .tradeCol-xl-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .tradeCol-xl-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} .tutorial-slider .slider-item-info {height:40%;} .xgridview article {width: calc(100% / 5.23);} .cat-contain article.itemSost_1.itemSostBarra_1::after { transform: rotate3d(0, 0, 1, 350.5deg);} } @media all and (max-width: 1500px) { .tradeCol-lg-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .tradeCol-lg-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .tradeCol-lg-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .tradeCol-lg-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .tradeCol-lg-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .tradeCol-lg-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .tradeCol-lg-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .tradeCol-lg-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .tradeCol-lg-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .tradeCol-lg-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .tradeCol-lg-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .tradeCol-lg-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} } @media all and (max-width: 1000px) { .tradeCol-md-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .tradeCol-md-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .tradeCol-md-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .tradeCol-md-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .tradeCol-md-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .tradeCol-md-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .tradeCol-md-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .tradeCol-md-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .tradeCol-md-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .tradeCol-md-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .tradeCol-md-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .tradeCol-md-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} } @media all and (max-width: 500px) { .tradeCol-sm-1{-webkit-box-flex: 0;-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%; max-width: 8.333333%;} .tradeCol-sm-2{-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%; max-width: 16.666667%;} .tradeCol-sm-3{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;} .tradeCol-sm-4{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;} .tradeCol-sm-5{-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .tradeCol-sm-6{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%; max-width: 50%;} .tradeCol-sm-7{-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%;} .tradeCol-sm-8{-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%; max-width: 66.666667%;} .tradeCol-sm-9{-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%; max-width: 75%;} .tradeCol-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;} .tradeCol-sm-11{-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%; max-width: 91.666667%;} .tradeCol-sm-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;} } /* Schermi Desktop o Portatili */ @media all and (min-width: 1280px) and (max-width: 1689px) { .col-xl-1{flex: 0 0 25%; max-width:16.666667%;} .col-xl-2{flex: 0 0 25%; max-width:25%;} .col-xl-10{flex: 0 0 75%; max-width:75%;} header #aziAlias {left: 12.5%;} header nav ul li:hover a span{display:inherit;} header nav ul li a span{display:none;} #main.main-scroll{padding-bottom:400px;} .slide .owl-nav{display:none;} /* section[ssi-message="banner"] .banner {width: 30%;} */ section[ssi-message="banner"] .banner {width: 100%;} .tutorial-slider .slider-btn {top:40%;} .tutorial-slider .slider-item-info {height:43%;} /* .cat-contLinea::after {width:400px;} */ .cat-contLinea::after {width:34%;} [sectionPgm="prv"] [formpdf="A4"]{width:70%;} } /* Tablet in modalità orizzontale o di grandi dimensioni*/ @media all and (min-width: 769px) and (max-width: 1279px) { header #logo {width:187px;} header #logo div{width:110px;} header #logoMask {width:195px;} header #homeSelAzi {left:-152px;} header #msgSys {white-space: nowrap;} /* header #aziAlias {left: 18.5%;} */ header #aziAlias {left: 16%;} header nav {padding: 5px 5px 5px 135px;} header nav ul li:hover a span{display:inherit;} header nav ul li a span{display:none;} header nav ul > li a{padding:0 10px;} .slide .owl-nav{display:none;} .natale { background-position: 38% 50%; background-size: cover; min-height: fit-content; } .natale article { width: 100%; padding: 20px; margin-top: 0px; margin-left: 3%; background-color: rgba(0,0,0,0.6); border-radius: 10px; } .natale article h1 { font-size:30px !important; } .natale article p { font-weight: 800; font-size: 18px; } .hostM{min-height: 250px;} .cat-storico { position: relative; right: 0; margin-left: 15px; } .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown { width:100%; display:inherit; text-align:center; } #suggBox {width: 100%;} .ssi-avviso section{ position: fixed; top: 20%; z-index: 99999; } section[ssi-message="banner"] .estate { width: 60%; border-radius: 0px; padding: 20px; margin-top: 5%; margin-left: 0%; text-align: center; } section[ssi-message="banner"] .estate article{ width:100%; margin-top:5%; margin-left:0%; padding:5%; } section[ssi-message="banner"] .estate article h1{font-size:25px !important;} section[ssi-message="banner"] .estate article p{ font-size:20px !important; } section[ssi-message="banner"] .banner { width: 50%; height: 400px; background-position: 6% 50%; background-size: cover; margin: 40px 5px; } .slider-item h4 {font-size: 16px;} .slider-item p {font-size: 12px;} .slider-btn { top:40%; padding: 8px 16px; font-size: 14px; } .tutorial-slider .slider-item-info {height:43%;} .tutorial-block pre code {left:10px;} /* .xgridview article {width: calc(100% / 3.15);} */ .xgridview article {width: calc(100% / 2.5);} #pInfoBox #pInfoBody #fr1 {width:30%;} #pInfoBox #pInfoBody #fr1 ul {width:29%;} #pInfoBox #pInfoBody #fr2 {width:70%;} #promoBody .promoCont {width: calc(100% / 3.15);} /* #promoBody .promoCont ,#promoBody .promoCont .promo-btn {max-height:900px;} */ #promoBody .promoCont .promo-item .image {height:195px;} /* .cat-contLinea{padding-left: 205px;} */ /* .cat-contLinea::after {width:213px;}*/ .cat-contLinea::after {width:38%;} .cat-contain article.itemSost_1.itemSostBarra_1::after { top: 312px; left: -1%; transform: rotate3d(0, 0, 1, 311.5deg) scale(1.4); } .cat-contain article.itemSost_1 [newArk] strong { font-size:2rem; margin-top: -5px; } .bsk-contain {width:98%;} .bsk-sconto { top: -25px; right: -245px; } [sectionPgm="prv"] {width:100%;} [sectionPgm="prv"] [formpdf="A4"]{width:80%;} .cat-contain .ipd::before { top: -62px; left: 360px; font-size: 7rem; } .cat-contain .ipd::after { top: -20px; left: 460px; width: 400px; } .cat-contain article.itemSost_1 [newArk] { right: 130px;} [viewStandard] .icon-premium[prvForm="d-none"] { left: 60% !important; bottom: 134px !important; opacity:0.5; } [viewStandard] .icon-premium[prvForm=""] { left: 50% !important; bottom: 290px !important; width: 150px; height: 150px; } @keyframes ipdArrow { 0%{ font-size: 7rem; left: 360px; top: -62px; } 70% { font-size: 1.5rem; left: 60%; top: -2px; } } #trade-promoMesa article { width:96%; } #cat-fltr #icon-searchCod{display:block;} } /* Tablet in modalità verticale o di piccole dimensioni*/ @media all and (min-width: 481px) and (max-width: 768px) { header #logo {width:187px;} header #logo div{width:110px;} header #logoMask {width:195px;} header #homeSelAzi {left:-152px;} header #aziAlias {left: 18.5%;} header nav {padding: 5px 5px 5px 135px;} header nav ul li:hover a span{display:inherit;} header nav ul li a span{display:none;} #main.main-scroll{padding-bottom:800px;} .cat-storico { position: relative; right: 0; margin-left: 15px; } .cat-confronta{overflow:scroll;} .cat-confronta::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff; border: none; } .cat-confronta::-webkit-resizer{background-color:#ccc;} .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown { width:100%; display:inherit; text-align:center; } .cat-contain article.itemSost_1.itemSostBarra_1::after { top: 312px; left: -1%; transform: rotate3d(0, 0, 1, 311.5deg) scale(1.4); } .cat-contain article.itemSost_1 [newArk] strong { font-size:2rem; margin-top: -5px; } .slide .owl-nav{display:none;} #setupBox #setupHead .tabs {transform: scale(0.6);} .nav-tabs .nav-link.active { -webkit-box-shadow: 0 0 5px #7a0a00; box-shadow: 0 0 5px #7a0a00; margin-bottom: 5px; } header #msgSys {width:1200px; white-space: nowrap;} @keyframes msgSysText { 0%{ right: -1200px; } 10%{ right:-600px; } 25% { right:-500px; } 35% { right:-250px; } 50% { right:0px; } 75%{ right:100px; } 100%{ right:1200px; } } #pInfoBox #pInfoBody #fr1 { width: 30%; white-space: nowrap; } #pInfoBox #pInfoBody #fr2{width:70%;} #suggBox {width: initial;} #suggBody .suggForm article:nth-of-type(1) {display:initial;} .ssi-avviso section{ position: fixed; top: 20%; z-index: 99999; } .slider-item h4 { font-size: 14px; } .slider-item p { font-size: 12px; } .slider-btn { padding: 6px 12px; font-size: 12px; } .xgridview article {width: calc(100% / 1.15);} #pInfoBox #pInfoBody #fr1 ul { position: inherit; width: 100%; height: fit-content; } #promoBody .promoCont {width: calc(100% / 3.15);} /* #promoBody .promoCont ,#promoBody .promoCont .promo-btn {max-height:900px;} */ #promoBody .promoCont .promo-item .image {height:195px;} /* .cat-contLinea{padding-left: 205px;} */ .cat-contLinea::after {width:213px;} .bsk-sconto { top: -18px; right: -250px; } [sectionPgm="prv"] {width:100%;} [sectionPgm="prv"] [formpdf="A4"]{width:80%;} .bsk-qta{margin-bottom:10px;} [sectionPgm="prv"] .tradeCard .card-block{ width:100%; overflow-x:scroll; } .cat-contain .ipd::before { top: -62px; left: 360px; font-size: 7rem; } .cat-contain .ipd::after { top: -20px; left: 460px; width: 400px; } .cat-contain article.itemSost_1 [newArk] { right: 20px;} [viewStandard] .icon-premium { left: 50%; width: 150px; height: 150px; } [viewStandard] .icon-premium[prvForm="d-none"] {bottom: 135px;} [viewStandard] .icon-premium[prvForm=""] {bottom: 310px;} @keyframes ipdArrow { 0%{ font-size: 7rem; left: 360px; top: -62px; } 70% { font-size: 1.5rem; left: 49%; top: -2px; } } #trade-promoMesa article { width:96%; } #cat-fltr #icon-searchCod{display:block;} } /*##################################### Smartphone o piccoli Tablet #####################################*/ @media all and (max-width: 480px) { header{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.3);} header #logo,header #logo div,header #logoMask {display:none;} header #homeSelAzi {left:-305px !important;} header #homeUsr {right:60px;} header #aziAlias {display:none;} header nav { position: fixed; top: 60px; width: 177px; height: fit-content; padding:0 !important; /* background: linear-gradient(177deg, rgba(38,38,38,1) 30%, rgba(102,102,102,1) 67%); */ background: transparent; background-color:var(--navColor); display:none; } header nav ul li { width: 100%; padding: 5px 15px; border-bottom: solid 2px rgb(106 106 106); } header nav ul li a{ padding: 5px 25px 5px 0;} header nav #profilo{position:initial;} header nav ul > li #drpdown{ top:50%; left:55%; } .slide .owl-nav{display:none;} /* #msgSys{display:none;} */ .default-grid {margin-bottom: 600px;} .btn-IconCell { right: 60px; bottom: 60px; width: 25px; height: 25px; font-size: 15px; padding: 2px 6px; } .btn-IconChat { right: 20px; bottom: 55px; width: 30px; height: 30px; } .chat-box { bottom: 75px; margin-right: 40px; } #btnMenu { position:absolute; top:0; right:0; font-size: 38px; padding-right:10px; background-color: #f3f3f3; display:initial; cursor:pointer; z-index:10; } #btnMenu{font-size: 38px !important;} #cat-fltr{margin-bottom:10px;} .cat-contain article.itemBsk_1::before, #rebuyBox article.itemBsk_1::before { position: absolute; top: 488px; right: 23px; font-size: 72px; } .cat-storico { position: relative; right: 0; margin-left: 15px; } #cat-row{padding: 0 5px 400px 5px;} .cat-przf-cont > .clps > ul > li {padding: 5px;} .cat-btnAdd {font-size:14px !important;} .cat-confronta{overflow:scroll;} .cat-confronta::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff; border: none; } .cat-confronta::-webkit-resizer{background-color:#ccc;} .cat-fotoThumbs{ display:flex; margin: 10px 0; } .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown { position:relative; /* width:initial !important; */ width:12px !important; padding:25px 0; } .cat-fotoThumbs .thumb-btnUp i,.cat-fotoThumbs .thumb-btnDown i{ /* position: relative; */ position: absolute; left: 2px; transform: rotate3d(0, 0, 1, -90deg); } .cat-fotoThumbs .thumb-img img { width: 100px; height: 71px; margin-right: 10px; } .cat-fotoThumbs .thumb-img { overflow-x: scroll; height: 71px; display: flex; } .cat-contain article.itemSost_1.itemSostBarra_1::after { top: 50%; left: 0%; transform: rotate3d(0, 0, 1, 297deg) scaleX(1.98); } .cat-contain article.itemSost_1 [newArk] { right:10px; bottom:15px; } [viewStandard] .icon-premium[prvForm="d-none"] { left: 62% !important; bottom: 150px !important; width:100px; height:100px; opacity:0.4; } [viewStandard] .icon-premium[prvForm=""] { left: 62% !important; bottom: 325px !important; width:100px; height:100px; opacity:1; } .xgridview .itemSost_1.itemSostBarra_1::after { top: 260px !important; left: -5px !important; transform: rotate3d(0, 0, 1, 304.8deg) scaleX(1.65) !important; } .xgridview .itemSost_1 [newArk] {bottom: 23% !important;} .newPrz #cat-video .mp4 h6, #cat-video .mp4 video {width: 200px;} .bsk-contain { width: 100%; display: inherit; } #bsk-int{padding:10px;} #bsk-int div select, #bsk-int div input { width:100%; margin-right: 5px; margin-bottom: 5px !important; } #bsk-row {padding-bottom:400px;} #bsk-int article { width:100%; overflow-x:scroll; } #bsk-int article::-webkit-scrollbar { width: 10px;} #bsk-int article::-webkit-scrollbar { height: 5px;} #bsk-int article::-webkit-scrollbar-track {} #bsk-int article::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } #bsk-int article::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1);} #bsk-row article {padding: 10px 10px 30px 10px;} .tmstmp-pos {right: 15%; bottom: -25px;} #ord-panel-scroll { width: 100%; overflow-x: scroll; } #ord-panel-scroll::-webkit-scrollbar { width: 10px;} #ord-panel-scroll::-webkit-scrollbar { height: 5px;} #ord-panel-scroll::-webkit-scrollbar-track {} #ord-panel-scroll::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } #ord-panel-scroll::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1);} #setupBox #setupHead .tabs {transform: scale(0.6);} .nav-tabs .nav-link.active { -webkit-box-shadow: 0 0 5px #7a0a00; box-shadow: 0 0 5px #7a0a00; margin-bottom: 5px; } #rebuy-hastag, #rebuy-fornitori { height: 200px; overflow-y: scroll; margin-bottom: 10px; } /* #rebuy-hastag::webkit-scrollbar, #rebuy-fornitori::webkit-scrollbar{width:0; height:0;} */ /* width - verticale */ #rebuy-hastag::-webkit-scrollbar, #rebuy-fornitori::-webkit-scrollbar { width: 10px;} /* height - orizontale*/ #rebuy-hastag::-webkit-scrollbar, #rebuy-fornitori::-webkit-scrollbar { height: 5px;} /* Track */ #rebuy-hastag::-webkit-scrollbar-track, #rebuy-fornitori::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ #rebuy-hastag::-webkit-scrollbar-thumb, #rebuy-fornitori::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ #rebuy-hastag::-webkit-scrollbar-thumb:hover, #rebuy-fornitori::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } #pInfoBox #pInfoBody #fr1,#pInfoBox #pInfoBody #fr2,.tutorial-block article{width:100% !important;} #pInfoBody #tutorial-content {margin: 0 10px;} .nav-tabs.tabs {display: flex;} .nav-tabs .nav-item {width: 50%;} .nav-tabs .nav-link {padding:5px;} #cclBox{width: calc(100% / 3);} .natale { background-position: 38% 50%; background-size: cover; min-height: fit-content; } .natale article { width: 100%; padding: 20px; margin-top: 0px; margin-left: 3%; background-color: rgba(0,0,0,0.6); border-radius: 10px; } .natale article h1 { font-size:30px !important; } .natale article p { font-weight: 800; font-size: 18px; } .hostM{min-height: 130px;} #viewMsgSys { position: relative; top: 30px; width: 82%; height: 30px; } header #msgSys { right:-1200px; width:1200px; } @keyframes msgSysText { 0%{ right: -1200px; } 10%{ right:-750px; } 25% { right:-645px; } 35% { right:-445px; } 50% { right:-345px; } 75%{ right:0px; } 100%{ right:1200px; } } #suggBox {width: initial;} #suggBody .suggForm article:nth-of-type(1) {display:initial;} .ssi-avviso section{ position: fixed; top: 20%; z-index: 99999; } section[ssi-message="banner"] .estate article{ width:100%; margin-left:0%; } section[ssi-message="banner"] {display:block;} section[ssi-message="banner"] .banner{ width:100%; display:block; } .slider-item h4 {font-size: 14px;} .slider-item p {font-size: 12px;} .slider-btn { padding: 6px 12px; font-size: 12px; } /* .tutorial-slider .slider-item .slider-item-info a {top:-200%;} */ .tutorial-slider .slider-btn {top:40%;} .tutorial-slider .slider-item-info {height:42%;} .xgridview article {width: calc(100% / 1.15);} .xgridview article figure div { height: 300px; background-size: contain; } #pInfoBox #pInfoBody #fr1 ul { position: inherit; width: 100%; height: fit-content; } #puntoInfo._news:after { position: absolute; top: 5px; right: -35px; } #promoBody .promoCont {width: calc(100% / 1);} /* #promoBody .promoCont ,#promoBody .promoCont .promo-btn {max-height:900px;} */ #promoBody .promoCont .promo-item .image {height:195px;} /* .cat-contLinea{padding-left: 145px;} */ .cat-contLinea::after {width:158px;} [sectionPgm="prv"] {width:100%;} [sectionPgm="prv"] [formpdf="A4"]{width:100%;} .bsk-qta{margin-bottom:10px;} [sectionPgm="prv"] .tradeCard .card-block{overflow-x:scroll;} [sectionPgm="prv"] .tradeCard .card-block::-webkit-scrollbar { width: 10px; height: 5px;} /* Track */ [sectionPgm="prv"] .tradeCard .card-block::-webkit-scrollbar-track { /* box-shadow: inset 0 0 5px grey; */ /* border-radius: 10px; */ } /* Handle */ [sectionPgm="prv"] .tradeCard .card-block::-webkit-scrollbar-thumb { background: rgba(120,10,0,0.6); border-radius: 10px; } /* Handle on hover */ [sectionPgm="prv"] .tradeCard .card-block::-webkit-scrollbar-thumb:hover { background-color:rgba(120,10,0,1); } .bsk-sconto { top: -18px; right: -250px; } .cat-contain .ipd::before{display:none;} .cat-contain .ipd::after{display:none;} .whatsnew-block-article article { width: calc(100% / 1); } #trade-promoMesa article { top:5%; width:100%; flex-wrap: wrap; } #trade-promoMesa article div:nth-child(1) { border:none; } #trade-promoMesa article div:nth-child(1),#trade-promoMesa article div:nth-child(2) { width:100%; } #cat-fltr #icon-searchCod{display:block;} } /********************************************************************************************* Istruzioni specifiche per ogni dispositivo (dispositivi popolari) **********************************************************************************************/ /* ** 1 devicePixelRatio equivale a 96dpi. ** 2 Per calcolare il valore DPI di una ratio: *** DPI = devicePixelRatio×96 *** 1.1 x 96 = 105.6 *** dpi (arrotondiamo a 110dpi per la media query) *** 1.1×96=105.6 dpi (arrotondiamo a 110dpi per la media query) ** */ /*Es: Portatile macbook di alessandro con che un DPI di 1.100000023841858 = 1.1 */ @media only screen and (min-width: 2160px) and (max-width: 2560px) and (min-resolution: 105dpi) and (max-resolution: 120dpi), only screen and (min-width: 2160px) and (max-width: 2560px) and (-webkit-min-device-pixel-ratio: 1.1) and (-webkit-max-device-pixel-ratio: 1.2) { #main.main-scroll { max-height: 1115px; } } @media only screen and (min-width : 2560px) and (max-height : 1440px), screen and(orientation: portrait){ /*Cambiato da max a min*/ #main.main-scroll { max-height:1130px; /* max-height:1400px; */ } header #aziAlias {left: 7.5%;} } @media only screen and (min-width : 2160px) and (max-height : 1440px), screen and(orientation: portrait){ /*Cambiato da max a min*/ /* .cat-contLinea::after {width:590px;} */ .cat-contLinea::after {width:33%;} } @media only screen and (min-width : 1900px) and (max-height : 1080px), screen and(orientation: portrait){ header #aziAlias {left: 10.5%;} [viewStandard] .icon-premium[prvForm="d-none"] { left:70%; bottom:25px; width:110px; height:110px; } [viewStandard] .icon-premium[prvForm=""] { left:57%; bottom:20px; width:110px; height:110px; } .hostM{min-height:520px;} } @media only screen and (width : 1680px) and (max-height : 1050px), screen and(orientation: portrait){ [viewStandard] .icon-premium[prvForm="d-none"] { left:66% !important; bottom:106px !important; width:90px; height:90px; opacity:0.5; } [viewStandard] .icon-premium[prvForm=""] { left:58% !important; bottom:28px !important; width:90px; height:90px; opacity:1; } .hostM{min-height: 500px;} } @media only screen and (max-width : 1600px) and (max-height : 900px), screen and(orientation: portrait){ .icon-thumb-video {font-size:60px;} } /* @media only screen and (max-width : 1535px) and (max-height : 864px), screen and(orientation: portrait){ */ /*@media only screen and (max-width : 1535px), screen and(orientation: portrait){ */ /* .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown { */ /* width: 100%; */ /* padding: 0 45%; */ /* display: block; */ /* } */ /* } */ @media only screen and (width : 1536px) and (max-height : 900px){ [sectionPgm="prv"] { width: 75%;} } @media only screen and (max-width : 1440px) and (max-height : 900px), screen and(orientation: portrait){ .cat-contain article.itemSost_1.itemSostBarra_1::after { top:270px; transform: rotate3d(0, 0, 1, 333deg) scaleX(1.1); } } @media only screen and (max-width : 1440px) and (max-height : 900px), screen and(orientation: portrait){ /* .col-xl-1 { */ /* flex: 0 0 8%; */ /* max-width: 8.666667%; */ /* } */ } @media only screen and (max-width : 1366px) and (max-height : 768px), screen and(orientation: portrait){ [sectionPgm="prv"] { width: 90%; } #main.main-scroll { padding-bottom: 200px; } } @media only screen and (max-width : 1280px) and (max-height : 800px), screen and(orientation: portrait){ [sectionPgm="prv"] { width: 90%; } } @media only screen and (min-width : 1000px) and (max-width : 1100px) and (max-height : 1366px), screen and(orientation: portrait) { /* .cat-contLinea{padding-left: 250px;} */ .cat-contLinea::after {width:260px;} .cat-contain article.itemSost_1.itemSostBarra_1::after { top: 274px; left: -1%; transform: rotate3d(0, 0, 1, 323deg) scaleX(1.21); } .xgridview .itemSost_1.itemSostBarra_1::after { top: 180px !important; left: 1px !important; transform: rotate3d(0, 0, 1, 308deg) scaleX(1.55) !important; } .cat-contain .ipd::before { top: -62px; left: 360px; font-size: 7rem; } .cat-contain .ipd::after { top: -20px; left: 460px; width: 400px; } .cat-contain article.itemSost_1 [newArk] {right: 15px;} [viewStandard] .icon-premium { left: 72%; bottom: 96px; } @keyframes ipdArrow { 0%{ font-size: 7rem; left: 360px; top: -62px; } 70% { font-size: 1.5rem; left: 55%; top: -2px; } } } @media only screen and (width : 1024px) and (height : 1342px){ header #aziAlias {left: 14%;} .bsk-sconto { top: -28px; right: -160px; } .cat-contain .ipd::before { top: -62px; left: 360px; font-size: 7rem; } .cat-contain .ipd::after { top: -20px; left: 460px; width: 400px; } @keyframes ipdArrow { 0%{ font-size: 7rem; left: 360px; top: -62px; } 70% { font-size: 1.5rem; left: 60%; top: -2px; } } } @media only screen and (max-width : 1024px) and (min-height : 650px) and (max-height : 900px) { #main.main-scroll{max-height: 630px;} } @media only screen and (max-width : 1024px) and (max-height : 649px) { #main.main-scroll{max-height: 500px;} } @media only screen and (min-width : 880px) and (max-width : 1000px) and (max-height : 1200px), screen and(orientation: portrait) { .tutorial-slider .slider-btn {top:40%;} .tutorial-slider .slider-item-info {height:43%;} .xgridview article {width: calc(100% / 2.1);} .xgridview .itemSost_1.itemSostBarra_1::after { top: 184px !important; transform: rotate3d(0, 0, 1, 305.5deg) scaleX(1.6) !important; } } @media only screen and (min-width : 768px) and (max-width : 1024px) and (max-height : 1024px), screen and(orientation: portrait) { header nav ul > li a{padding:0 10px;} .natale { background-position: 38% 50%; background-size: cover; min-height: fit-content; } .natale article { width: 100%; padding: 20px; margin-top: 0px; margin-left: 3%; background-color: rgba(0,0,0,0.6); border-radius: 10px; } .natale article h1 { font-size:30px !important; } .natale article p { font-weight: 800; font-size: 18px; } .hostM{min-height: 220px;} .bsk-sconto { top: -30px; right: -165px; } .bsk-contain {width: 98%;} } @media only screen and (min-width : 768px) and (max-height : 980px), screen and(orientation: portrait) { #cat-fltr .border-checkbox-section,#cat-fltr .form-radio { display:flex; } } @media only screen and (max-width : 600px) and (max-height : 960px), screen and(orientation: portrait){ } @media only screen and (max-width : 600px) and (max-height : 800px), screen and(orientation: portrait){ header #logo {width:187px;} header #logo div{width:110px;} header #logoMask {width:195px;} header #homeSelAzi {left:-152px;} header nav {padding: 5px 5px 5px 135px;} header nav ul li {padding:0 11px;} header nav ul li:hover a span{display:none;} #main.main-scroll{padding-bottom:400px;} .natale { background-position: 38% 50%; background-size: cover; min-height: fit-content; } .natale article { width: 100%; padding: 20px; margin-top: 0px; margin-left: 3%; background-color: rgba(0,0,0,0.6); border-radius: 10px; } .natale article h1{font-size:30px !important;} .natale article p { font-weight: 800; font-size: 18px; } .cat-fotoThumbs .thumb-btnUp, .cat-fotoThumbs .thumb-btnDown { width:100%; display:inherit; text-align:center; } #pInfoBox #pInfoBody #fr1 { width: 30%; white-space: nowrap; } #pInfoBox #pInfoBody #fr2{width:70%;} .tutorial-block-article article {width: 100%;} .tutorial-slider .slider-btn {top:40%;} .tutorial-slider .slider-item-info {height:43%;} } @media only screen and (max-width : 800px) and (height : 1236px), screen and(orientation: landscape){ .xgridview article {width: calc(100% / 2.1);} .xgridview .itemSost_1.itemSostBarra_1::after { top: 192px !important; transform: rotate3d(0, 0, 1, 301deg) scaleX(1.8) !important; } .bsk-sconto { top: -32px; right: -270px; } header nav ul > li a{padding:0 10px;} } @media only screen and (max-width : 800px) and (max-height : 600px), screen and(orientation: landscape){ #pInfoBox #pInfoBody #fr1 { width: 30%; white-space: nowrap; } #pInfoBox #pInfoBody #fr2{width:70%;} .tutorial-block-article article {width: 100%;} .tutorial-slider .slider-btn {top:40%;} .tutorial-slider .slider-item-info {height:43%;} } @media only screen and (max-width : 414px) and (max-height : 736px), screen and(orientation: portrait){ } @media only screen and (max-width : 412px) and (max-height : 846px), screen and(orientation: portrait) { } @media only screen and (max-width : 393px) and (max-height : 786px), screen and(orientation: portrait){ } @media only screen and (max-width : 375px) and (max-height : 812px), screen and(orientation: portrait){ header nav ul li {padding: 5px 15px;} header nav ul li:hover a span{display:inherit;} .tutorial-slider .slider-btn {top:40%;} } @media only screen and (max-width : 360px) and (max-height : 740px), screen and(orientation: portrait){ } @media only screen and (max-width : 320px) and (max-height : 568px), screen and(orientation: portrait){ }