/*//////////////////////////////////////////////////////////////////////////////////////////////////////////// Data: 03.03.2026 Ultima modifica 032.03.2026 Versione 1.0.100 Descrizione: CSS PER TONINELLI ------------------------------------------------------------------------------------------------------------------------------------------------ es: .nomeClasseoId::-webkit-scrollbar { height: 0; 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_15 - WHITE SPACE RIF.1_16 - CURSOR RIF.1_17 - POSITION RIF.1_18 - LEFT RIF.1_19 - RIGHT RIF.1_20 - BOX-SHADOW RIF.1_21 - TABLE RIF.2 - Effetto lente RIF.3 - Tabella responsive per i device (tabella ricreata da zero) RIF.18 - MODAL RESPONSIVE RIDIMENSIONABILE ED SPOSTABILE RIF.19 - PROGRESS (BAR,SPINNER) STANDARD RIF.98 - MENU 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 ***********************************************/ .scroll-x{overflow-x:scroll;} .scroll-x2{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 } .t-r-180{transform: rotate(180deg);} .pos-fixed{position:fixed;} .pos-rel{position:relative !important;} .z-index-10{z-index:10 !important;} .vis-hdn{visibility:hidden;} .ws-normal{white-space:normal;} .ws-break-spaces{white-space:break-spaces;} .list-style-normal { list-style: circle; margin-left: 30px; } .line-height-1_4{line-height:1.4;} .autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; cursor: pointer; font-size:13px; line-height: 1.3; } .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; } .td-success { background-color: #b2ffba !important; border: solid 2px #00ab12 !important; font-weight: bold !important; color: #00ab12 !important; } .table-bordered th{background-color:#fff;} .table-bordered-ton th{background-color:#0164a7;color:#fff;} .table-bordered th,.table-bordered td,.table-bordered-ton th,.table-bordered-ton td{border: solid 1px rgba(0,0,0,0.2) !important;} .led0,.led1,.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%); } .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%; } .led0,.led-R,.led2-R{background-color:red;} .led1,.led-G,.led2-V{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;} .ssi-avviso{ display:none; cursor:pointer; } .ssi-avviso section { position: absolute; top: 7%; left: 25%; width: 50%; color: #fff; background-color: rgb(0,0,0,0.8); padding: 10px; box-shadow: 3px 4px 7px 1px rgb(0 0 0 / 47%); z-index: 999999999999; } .ssi-avviso section h2{ color:#fff; border-bottom:solid 1px #fff; margin-bottom:5px; font-weight:bold; } .ssi-avviso section p { font-size: 1.5rem; margin: 0 0 0px 0; letter-spacing: 1px; line-height:1.2; } .ssi-testo{ color: red; /* background-color: #efefef; */ background-color: transparent; text-align: center; /* padding: 5px; */ } /*********************************************** FINE: SETTAGGI PREDEFINITI ***********************************************/ .cursor-help{cursor:help;} .cursor-pointer{cursor:pointer;} .cursor-not-allowed{cursor:not-allowed;} /*********************************************** RIF.1_1 - DISPLAY ***********************************************/ .x0{display:none;}/*classe utilizzata solo con la variabile /%??%/ = 0 non mostro niente*/ .d-none{display:none !important;} .d-ini{display:initial !important;} .d-inh{display:inherit !important;} .d-block{display:block;} .d-cont{display:contents;} .d-flex{display:flex !important;;} .d-inline-block{display:inline-block;} .d-inline-flex{display:inline-flex;} .d-grid{display:grid !important;} /******************************************** 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-12{font-size:12px !important;} .f-14{font-size:14px !important;} .f-16{font-size:16px !important;} .f-18{font-size:18px !important;} .f-20{font-size:20px !important;} .f-22{font-size:22px !important;} .f-24{font-size:24px !important;} .f-26{font-size:26px !important;} .f-28{font-size:28px !important;} .f-35{font-size:35px !important;} .f-50{font-size:50px !important;} .f-60{font-size:60px !important;} /******************************************* FINE: FONT SIZE *******************************************/ /******************************************** RIF.1_3 - PADDING ********************************************/ .p-0{padding:0 !important;} .p-5{padding:5px !important;} .p-50{padding:50px !important;} .p-lr-100{padding:0 100px !important;} .p-l-x6_3{padding-left:6.3% !important;} .p-10{padding:10px !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-10{padding-top:10px !important;} .p-t-11{padding-top:11px !important;} .p-t-12{padding-top:12px !important;} .p-t-13{padding-top:13px !important;} .p-t-14{padding-top:14px !important;} .p-t-15{padding-top:15px !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-20{padding-top:20px !important;} .p-t-25{padding-top:25px !important;} .p-t-30{padding-top:30px !important;} .p-t-35{padding-top:35px !important;} .p-t-40{padding-top:40px !important;} .p-t-45{padding-top:45px !important;} .p-t-50{padding-top:50px !important;} .p-t-100{padding-top:100px !important;} .p-t-150{padding-top:150px !important;} .p-t-200{padding-top:200px !important;} .p-t-250{padding-top:250px !important;} .p-l-0{padding-left:0 !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-10{padding-left:10px !important;} .p-l-11{padding-left:11px !important;} .p-l-12{padding-left:12px !important;} .p-l-13{padding-left:13px !important;} .p-l-14{padding-left:14px !important;} .p-l-15{padding-left:15px !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-20{padding-left:20px !important;} .p-l-25{padding-left:25px !important;} .p-l-30{padding-left:30px !important;} .p-l-35{padding-left:35px !important;} .p-l-40{padding-left:40px !important;} .p-l-45{padding-left:45px !important;} .p-l-50{padding-left:50px !important;} .p-l-180{padding-left:180px !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-10{padding-bottom:10px !important;} .p-b-11{padding-bottom:11px !important;} .p-b-12{padding-bottom:12px !important;} .p-b-13{padding-bottom:13px !important;} .p-b-14{padding-bottom:14px !important;} .p-b-15{padding-bottom:15px !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-20{padding-bottom:20px !important;} .p-b-25{padding-bottom:25px !important;} .p-b-30{padding-bottom:30px !important;} .p-b-35{padding-bottom:35px !important;} .p-b-40{padding-bottom:40px !important;} .p-b-45{padding-bottom:45px !important;} .p-b-50{padding-bottom:50px !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-10{padding-right:10px !important;} .p-r-11{padding-right:11px !important;} .p-r-12{padding-right:12px !important;} .p-r-13{padding-right:13px !important;} .p-r-14{padding-right:14px !important;} .p-r-15{padding-right:15px !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-20{padding-right:20px !important;} .p-r-25{padding-right:25px !important;} .p-r-30{padding-right:30px !important;} .p-r-35{padding-right:35px !important;} .p-r-40{padding-right:40px !important;} .p-r-45{padding-right:45px !important;} .p-r-50{padding-right:50px !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-0{margin:0 !important;} .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-t-20{margin-top:20px !important;} .m-t-25{margin-top:25px !important;} .m-t-30{margin-top:30px !important;} .m-t-35{margin-top:35px !important;} .m-t-40{margin-top:40px !important;} .m-t-45{margin-top:45px !important;} .m-t-50{margin-top:50px !important;} .m-t-55{margin-top:55px !important;} .m-t-60{margin-top:60px !important;} .m-t-65{margin-top:65px !important;} .m-t-70{margin-top:70px !important;} .m-t-75{margin-top:75px !important;} .m-t-80{margin-top:80px !important;} .m-t-85{margin-top:85px !important;} .m-t-90{margin-top:90px !important;} .m-t-95{margin-top:95px !important;} .m-t-100{margin-top:100px !important;} .m-t-110{margin-top:110px !important;} .m-t-120{margin-top:120px !important;} .m-t-130{margin-top:130px !important;} .m-t-140{margin-top:140px !important;} .m-t-150{margin-top:150px !important;} .m-t-200{margin-top:200px !important;} .m-t-250{margin-top:250px !important;} .m-t-300{margin-top:300px !important;} .m-t-350{margin-top:350px !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-l-10{margin-left:10px !important;} .m-l-11{margin-left:11px !important;} .m-l-12{margin-left:12px !important;} .m-l-13{margin-left:13px !important;} .m-l-14{margin-left:14px !important;} .m-l-15{margin-left:15px !important;} .m-l-20{margin-left:20px !important;} .m-l-25{margin-left:25px !important;} .m-l-30{margin-left:30px !important;} .m-l-35{margin-left:35px !important;} .m-l-40{margin-left:40px !important;} .m-l-45{margin-left:45px !important;} .m-l-50{margin-left:50px !important;} .m-l-55{margin-left:55px !important;} .m-l-60{margin-left:60px !important;} .m-l-65{margin-left:65px !important;} .m-l-70{margin-left:70px !important;} .m-l-75{margin-left:75px !important;} .m-l-80{margin-left:80px !important;} .m-l-85{margin-left:85px !important;} .m-l-90{margin-left:90px !important;} .m-l-95{margin-left:95px !important;} .m-l-100{margin-left:100px !important;} .m-l-110{margin-left:110px !important;} .m-l-120{margin-left:120px !important;} .m-l-130{margin-left:130px !important;} .m-l-140{margin-left:140px !important;} .m-l-150{margin-left:150px !important;} .m-l-200{margin-left:200px !important;} .m-l-250{margin-left:250px !important;} .m-l-300{margin-left:300px !important;} .m-l-350{margin-left:350px !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-20{margin-bottom:20px !important;} .m-b-25{margin-bottom:25px !important;} .m-b-30{margin-bottom:30px !important;} .m-b-35{margin-bottom:35px !important;} .m-b-40{margin-bottom:40px !important;} .m-b-45{margin-bottom:45px !important;} .m-b-50{margin-bottom:50px !important;} .m-b-55{margin-bottom:55px !important;} .m-b-60{margin-bottom:60px !important;} .m-b-65{margin-bottom:65px !important;} .m-b-70{margin-bottom:70px !important;} .m-b-75{margin-bottom:75px !important;} .m-b-80{margin-bottom:80px !important;} .m-b-85{margin-bottom:85px !important;} .m-b-90{margin-bottom:90px !important;} .m-b-95{margin-bottom:95px !important;} .m-b-100{margin-bottom:100px !important;} .m-b-110{margin-bottom:110px !important;} .m-b-120{margin-bottom:120px !important;} .m-b-130{margin-bottom:130px !important;} .m-b-140{margin-bottom:140px !important;} .m-b-150{margin-bottom:150px !important;} .m-b-200{margin-bottom:200px !important;} .m-b-250{margin-bottom:250px !important;} .m-b-300{margin-bottom:300px !important;} .m-b-350{margin-bottom:350px !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;} .m-r-10{margin-right:10px !important;} .m-r-11{margin-right:11px !important;} .m-r-12{margin-right:12px !important;} .m-r-13{margin-right:13px !important;} .m-r-14{margin-right:14px !important;} .m-r-15{margin-right:15px !important;} .m-r-20{margin-right:20px !important;} .m-r-25{margin-right:25px !important;} .m-r-30{margin-right:30px !important;} .m-r-35{margin-right:35px !important;} .m-r-40{margin-right:40px !important;} .m-r-45{margin-right:45px !important;} .m-r-50{margin-right:50px !important;} .m-r-55{margin-right:55px !important;} .m-r-60{margin-right:60px !important;} .m-r-65{margin-right:65px !important;} .m-r-70{margin-right:70px !important;} .m-r-75{margin-right:75px !important;} .m-r-80{margin-right:80px !important;} .m-r-85{margin-right:85px !important;} .m-r-90{margin-right:90px !important;} .m-r-95{margin-right:95px !important;} .m-r-100{margin-right:100px !important;} .m-r-110{margin-right:110px !important;} .m-r-120{margin-right:120px !important;} .m-r-130{margin-right:130px !important;} .m-r-140{margin-right:140px !important;} .m-r-150{margin-right:150px !important;} .m-r-200{margin-right:200px !important;} .m-r-250{margin-right:250px !important;} .m-r-300{margin-right:300px !important;} .m-r-350{margin-right:350px !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;} .m-lr-auto,.m-rl-auto{margin:0 auto !important;} .m-tb-auto,.m-bt-auto{margin:auto 0 !important;} /******************************************** FINE: MARGIN ********************************************/ /******************************************** RIF.1_5 - BORDER ********************************************/ .b-none{border: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-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-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-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-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;} /******************************************** FINE: BORDER RADIUS ********************************************/ /******************************************** RIF.1_6 - WIDTH ********************************************/ .w-ini{width:initial;} .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-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;} /******************************************** 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-155p{height:155px !important;} .h-160p{height:160px !important;} .h-170p{height:170px !important;} .h-180p{height:180px !important;} .h-190p{height:190px !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;} /******************************************** 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); } .bg-white{background-color:rgba(255,255,255,1) !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{background-color:rgba(0,0,0,1) !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;} /**====== 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%);} /******************************************** 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 ======**/ .bg-deep-orange-1 {border-color: #fdc8bb !important; } .bg-deep-orange-2 {border-color: #fdbcac !important; } .bg-deep-orange-3 {border-color: #fdb09d !important; } .bg-deep-orange-4 {border-color: #fca48e !important; } .bg-deep-orange-5 {border-color: #fc987f !important; } .bg-deep-orange-6 {border-color: #fc8c70 !important; } .bg-deep-orange-7 {border-color: #fb8061 !important; } .bg-deep-orange-8 {border-color: #fb7452 !important; } .bg-deep-orange-9 {border-color: #fb6843 !important; } .bg-deep-orange-10 {border-color: #fa5c34 !important; } .bg-deep-orange-11 {border-color: #fa5025 !important; } .bg-deep-orange-12 {border-color: #fa4316 !important; } .bg-deep-orange-13 {border-color: #f93707 !important; } .bg-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-white{color:rgba(255,255,255,1) !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-black{color:rgba(0,0,0,1) !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;} /******************************************** 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_12 - 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;} /******************************************** FINE: COLOR HREF MOUSE HOVER ********************************************/ /******************************************** 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 - LEFT ********************************************/ .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_19 - RIGHT ********************************************/ .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-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_20 - BOX_SHADOW *********************************************/ .box-shadow-1{box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%) !important;} /*Hover*/ .box-shadow-H-1:hover{box-shadow: 0 0 7px 1px rgb(0 0 0 / 20%) !important;} /********************************************* FINE - BOX_SHADOW *********************************************/ /******************************************** RIF.1_21 - TABLE ********************************************/ .table-fixHead { height:100px; overflow:auto; } .table-fixHead thead th{ position:sticky; top:-1px; z-index:1; } .tableFixHead tbody th { position: sticky; left: 0; } .table-xs th,.table-xs td {padding:2.5px !important;} .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-center { width: 50%; margin: 0 auto !important; } .table-iconColor i.ion-arrow-up-a{color:green;} .table-iconColor i.ion-arrow-down-a{color:red;} .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.2 - Effetto lente *********************************************/ .img-magnifier-container { position:relative; } .img-magnifier-glass { border: 1px solid #000; border-radius: 50%; position: absolute; cursor: none; width: 200px; height: 200px; } /******************************************* FINE: Effetto lente *********************************************/ /******************************************* RIF.3 - MOBILE TABLE *********************************************/ mobileTable { diplay:table; width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } mobileHeader { display: table-header-group; vertical-align: middle; border-color: inherit; } mobileTr { display: table-row; vertical-align: inherit; } mobileTh { border-bottom-color: #ccc; border-bottom: 2px solid #e9ecef; text-align: left; vertical-align: middle; display: table-cell; } mobileBody { display: table-row-group; vertical-align: middle; border-color: inherit } mobileTh,mobileTd { padding: 8px; line-height: 1.42857143; text-align: left; border: solid 1px #e9ecef; border-top: 1px solid #e9ecef; border-bottom-width: 2px; padding: .75rem; } mobileTd { display: table-cell; vertical-align: top; } /******************************************* FINE: MOBILE TABLE *********************************************/ /* ***************************************************************** RIF.18 - MODAL RESPONSIVE RIDIMENSIONABILE ED SPOSTABILE ***************************************************************** */ .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: 100; } .modalSTD-RS .modal-content { position: relative; top:-100px; width: 640px; min-width: 300px; max-width: 1200px; min-height:100px; background-color: #fefefe; margin: 10% auto; /* padding: 10px; */ border: 1px solid #888; cursor: move; resize: both; } .modalSTD-RS .modal-content header { width:100%; height:fit-content; max-height:100px; display:flex; border-bottom: solid 2px #adadf3; } .modalSTD-RS .modal-content header div { width:80%; padding:10px; font-weight:600; } .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: #7d7d7d; 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: black; text-decoration: none; cursor: pointer; } .modalSTD-RS .modal-content content { height: 92%; padding:10px 0px 5px 10px; overflow:scroll; margin-bottom: 54px; display: block; } .modalSTD-RS .modal-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; } .modalSTD-RS .modal-content iframe, .modalSTD-RS .modal-content embed { width:98%; border: none; background-color: #eef5f9; min-height:650px; height: -moz-available; height: -webkit-fill-available; } /******************************************* FINE: Modal *********************************************/ /* ***************************************************************** RIF.19 - PROGRESS (BAR,SPINNER) STANDARD ***************************************************************** */ .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 .spinner-content { position: relative; top:15%; left:-3%; width: 200px; min-width: 300px; max-width: 1200px; min-height:100px; /*background-color: #fefefe;*/ margin: 10% auto; /* padding: 10px; */ /*border: 1px solid #888;*/ } .progressSTD .spinner-content .spinner01 { position: relative; width: 50px; height: 50px; } .progressSTD .spinner-content .spinner01:before, .progressSTD .spinner-content .spinner01:after { content: ""; display: block; } .progressSTD .spinner-content .spinner01 .spinner-bar:before, .progressSTD .spinner-content .spinner01 .spinner-bar:after { content: ""; display: block; } @-webkit-keyframes rotation-top { 0% { transform: rotate(0deg); opacity: 0.5; } 20% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @keyframes rotation-top { 0% { transform: rotate(0deg); opacity: 0.5; } 20% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @-webkit-keyframes rotation-right { 0% { transform: rotate(0deg); opacity: 0.5; } 20% { transform: rotate(0deg); opacity: 0.5; } 40% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @keyframes rotation-right { 0% { transform: rotate(0deg); opacity: 0.5; } 20% { transform: rotate(0deg); opacity: 0.5; } 40% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @-webkit-keyframes rotation-bottom { 0% { transform: rotate(0deg); opacity: 0.5; } 40% { transform: rotate(0deg); opacity: 0.5; } 60% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @keyframes rotation-bottom { 0% { transform: rotate(0deg); opacity: 0.5; } 40% { transform: rotate(0deg); opacity: 0.5; } 60% { transform: rotate(360deg); opacity: 1; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @-webkit-keyframes rotation-left { 0% { transform: rotate(0deg); opacity: 0.5; } 60% { transform: rotate(0deg); opacity: 0.5; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } @keyframes rotation-left { 0% { transform: rotate(0deg); opacity: 0.5; } 60% { transform: rotate(0deg); opacity: 0.5; } 80% { transform: rotate(360deg); opacity: 1; } 100% { transform: rotate(360deg); opacity: 0.5; } } .progressSTD .spinner-content .spinner01.spinner-eff-1 .bar { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 25px solid transparent; transform: rotate(0deg); opacity: 0.5; } .progressSTD .spinner-content .spinner01.spinner-eff-1 .bar-top { border-top: 25px solid #47A8BD; -webkit-animation: rotation-top 3.6s linear 0s infinite; animation: rotation-top 3.6s linear 0s infinite; } .progressSTD .spinner-content .spinner01.spinner-eff-1 .bar-right { border-right: 25px solid #47A8BD; -webkit-animation: rotation-right 3.6s linear 0s infinite; animation: rotation-right 3.6s linear 0s infinite; } .progressSTD .spinner-content .spinner01.spinner-eff-1 .bar-bottom { border-bottom: 25px solid #47A8BD; -webkit-animation: rotation-bottom 3.6s linear 0s infinite; animation: rotation-bottom 3.6s linear 0s infinite; } .progressSTD .spinner-content .spinner01.spinner-eff-1 .bar-left { border-left: 25px solid #47A8BD; -webkit-animation: rotation-left 3.6s linear 0s infinite; animation: rotation-left 3.6s linear 0s infinite; } .progressSTD .spinner-content .spinner02 {position: relative;} .progressSTD .spinner-content .spinner02 .progress-circle { position: absolute; left: 0; fill: none; stroke: #007bff; /* colore della barra di avanzamento */ stroke-width: 10; /* spessore della barra di avanzamento */ stroke-linecap: round; animation: progress-animation 2s linear infinite; } .progressSTD .spinner-content .spinner02 .progress-circle-background { fill: none; stroke: #e6e6e6; /* colore dello sfondo */ stroke-width: 10; /* spessore dello sfondo */ } @keyframes progress-animation { 0% { stroke-dasharray: 0 100; } 100% { stroke-dasharray: 100 100; } } .progressSTD .spinner-content .folding { margin: 20px auto; width: 40px; height: 40px; position: relative; transform: rotateZ(45deg); } .progressSTD .spinner-content .folding .sk-cube { float: left; width: 50%; height: 50%; position: relative; transform: scale(1.1); } .progressSTD .spinner-content .folding .sk-cube:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #367fba; animation: sk-foldCubeAngle 2.4s infinite linear both; transform-origin: 100% 100%; } .progressSTD .spinner-content .folding .sk-cube2 { transform: scale(1.1) rotateZ(90deg); } .progressSTD .spinner-content .folding .sk-cube3 { transform: scale(1.1) rotateZ(180deg); } .progressSTD .spinner-content .folding .sk-cube4 { transform: scale(1.1) rotateZ(270deg); } .progressSTD .spinner-content .folding .sk-cube2:before { animation-delay: 0.3s; } .progressSTD .spinner-content .folding .sk-cube3:before { animation-delay: 0.6s; } .progressSTD .spinner-content .folding .sk-cube4:before { animation-delay: 0.9s; } @keyframes sk-foldCubeAngle { 0%,10% { transform: perspective(140px) rotateX(-180deg); opacity: 0; } 25%,75% { transform: perspective(140px) rotateX(0deg); opacity: 1; } 90%,100% { transform: perspective(140px) rotateY(180deg); opacity: 0; } } .progressSTD .spinner-content .loading { width: 20px; height: 20px; margin: auto; transform: rotate(45deg); animation: loading-ani1 4s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; } .progressSTD .spinner-content .loading i { width: 20px; height: 20px; display: inline-block; border-radius: 0.3rem; position: absolute; } .progressSTD .spinner-content .loading i:nth-child(1) { background: #ef5350; transform: translate(0, 0); animation: loading-ani2 4s ease-in-out infinite; } .progressSTD .spinner-content .loading i:nth-child(2) { background: #42a5f5; transform: rotate(90deg) translate(0, 0); animation: loading-ani3 6s ease-in-out infinite; } .progressSTD .spinner-content .loading i:nth-child(3) { background: #ffca28; transform: rotate(180deg) translate(0, 0); animation: loading-ani4 8s ease-in-out infinite; } .progressSTD .spinner-content .loading i:nth-child(4) { background: #5c6bc0; transform: rotate(270deg) translate(0, 0); animation: loading-ani5 10s ease-in-out infinite; } @keyframes loading-ani1 { 25% { transform: rotate(135deg); } 50% { transform: rotate(225deg); } 75% { transform: rotate(315deg); } 100% { transform: rotate(405deg); } } @keyframes loading-ani2 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100% { transform: translate(0, 0); } 12.5%,37.5%,62.5%,87.5% { transform: translate(0, 40px); } } @keyframes loading-ani3 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100% { transform: rotate(90deg) translate(0, 0); } 12.5%,37.5%,62.5%,87.5% { transform: rotate(90deg) translate(0, 40px); } } @keyframes loading-ani4 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100% { transform: rotate(180deg) translate(0, 0); } 12.5%,37.5%,62.5%,87.5% { transform: rotate(180deg) translate(0, 40px); } } @keyframes loading-ani5 { 17.5%,25%,42.5%,50%,67.5%,75%,92.5%,100% { transform: rotate(270deg) translate(0, 0); } 12.5%,37.5%,62.5%,87.5% { transform: rotate(270deg) translate(0, 40px); } } .progressSTD .spinner-content .spinner03 { --amount: 20; } .progressSTD .spinner-content .spinner03 span { position: absolute; top: calc(50% - 4vmin); width: 8vmin; height: 8vmin; border-radius: 4vmin; backface-visibility: hidden; animation-name: spinner03Move; animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8); animation-iteration-count: infinite; animation-duration: 3s; left: 50%; transform-origin: -4vmin center; } .progressSTD .spinner-content .spinner03 span:nth-child(1) { background: #0064a7; animation-delay: -0.5s; opacity: 0; } .progressSTD .spinner-content .spinner03 span:nth-child(2) { background: #8ec9ed; animation-delay: -1s; opacity: 0; } .progressSTD .spinner-content .spinner03 span:nth-child(3) { background: #8ec9ed; animation-delay: -1.5s; opacity: 0; } .progressSTD .spinner-content .spinner03 span:nth-child(4) { background: #0064a7; animation-delay: -2s; opacity: 0; } .progressSTD .spinner-content .spinner03 span:nth-child(5) { background: #0064a7; animation-delay: -2.5s; opacity: 0; } .progressSTD .spinner-content .spinner03 span:nth-child(6) { background: #0064a7; animation-delay: -3s; opacity: 0; } @keyframes spinner03Move { 0% { transform: scale(1) rotate(0deg) translate3d(0, 0, 1px); } 30% { opacity: 1; } 100% { z-index: 10; transform: scale(0) rotate(360deg) translate3d(0, 0, 1px); } } /* REVERSE SPINNER */ .progressSTD .spinner-content .spinner04 { position: relative; height: 100px; width: 100px; margin: auto; border: 4px solid transparent; border-top-color: #0064a7; border-left-color: #0064a7; border-radius: 50%; -webkit-animation: spin04 1.5s linear infinite; animation: spin 1.5s linear infinite; } .progressSTD .spinner-content .spinner04::before { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; content: ""; border: 4px solid transparent; border-top-color: #8ec9ed; border-left-color: #8ec9ed; border-radius: 50%; -webkit-animation: spin04Back 1s linear infinite; animation: spin04Back 1s linear infinite; } @-webkit-keyframes spin04 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin04 { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes spin04Back { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-720deg); transform: rotate(-720deg); } } @keyframes spin04Back { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-720deg); transform: rotate(-720deg); } } .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: #12AFCB; } .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; } /******************************************* FINE: Loader *********************************************/ /******************************************* 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%; } /******************************************* FINE: Modal *********************************************/ /******************************************* RIF.97 - GALLERY WINSTONP (piccola) *********************************************/ figure.effect-winston,.grid figure figcaption { background-color: transparent; } figure.effect-winstonP { background: #162633; text-align: left; /* margin-left: 20%; */ margin-left: 30%; } figure.effect-winstonP img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-winstonP figcaption::before { position: absolute; /* top: 0; */ top:10px; left: 0; width: 100%; height: 100%; background: url(/basement/assets/pages/hover-effect/images/triangle.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imgWinstonP { width: 150px; height: 100px; background-repeat: no-repeat !important; background-size: contain !important; background-position:center !important; } figure.effect-winstonP h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-winstonP p { position: absolute; right: 0; bottom: 0; /* padding: 0 1.5em 7% 0; */ } figure.effect-winstonP a { /* margin: 0 10px; */ color: #5d504f !important; font-size: 170%; } figure.effect-winstonP a:hover, figure.effect-winstonP a:focus { color: #e40505 !important; } figure.effect-winstonP p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-winstonP:hover img { opacity: 0.6; } figure.effect-winstonP:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winstonP:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); } figure.effect-winstonP:hover p i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winstonP:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-winstonP:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-winstonP:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /******************************************* FINE:GALLERY WINSTONP (piccola) *********************************************/ /******************************************* GALLERY WINSTONP-TABLE (piccola per tabelle) *********************************************/ figure.effect-winstonP-Table { background: #162633; text-align: left; min-width:auto !important; } figure.effect-winstonP-Table img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-winstonP-Table figcaption::before { position: absolute; top: -4px; left: 0; width: 115%; height: 100%; background: url(/basement/assets/pages/hover-effect/images/triangle.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .imgWinstonP-Table { width: 150px; height: 100px; background-repeat: no-repeat !important; background-size: contain !important; background-position:center !important; } figure.effect-winstonP-Table h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-winstonP-Table p { position: absolute; right: 15px; bottom: 0; /* padding: 0 1.5em 7% 0; */ } figure.effect-winstonP-Table a { /* margin: 0 10px; */ color: #5d504f !important; font-size: 170%; } figure.effect-winstonP-Table a:hover, figure.effect-winstonP-Table a:focus { color: #e40505 !important; } figure.effect-winstonP-Table p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-winstonP-Table:hover img { opacity: 0.6; } figure.effect-winstonP-Table:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winstonP-Table:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); } figure.effect-winstonP-Table:hover p i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winstonP-Table:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-winstonP-Table:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-winstonP-Table:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /******************************************* FINE:GALLERY WINSTONP-TABLE (piccola per tabelle) *********************************************/ .fotoOrd .grid figure figcaption { padding:0; } .fotoOrd .grid figure { max-width:normal; max-height:normal; min-width:150px; max-height: 110px; } .fotoOrd .grid figure figcaption p a { font-size: 15px; margin: 0; margin-right: -10px; } .fotoOrd figure.effect-winston p { bottom:-5px; right:0px; } .fotoGallery{ /* height:240px !important; */ height:140px !important; } .fotoGalleryP { height:100px !important; } .grid figure { min-width:auto; max-width:auto; width:auto; } .modalFotoGallery figure.effect-winston figcaption::before { top: -50px; left: -30px; } figure.effect-winston p { bottom: -10px; right: -15px; } .modalFotoGallery figure.effect-winston p { right: 60px; bottom: 60px; } figure.effect-winston,.grid figure,.grid figure figcaption { background-color:transparent; } .grid figure figcaption:hover { background-color:rgba(0,0,0,0.2); } figure.effect-winston a { color:#5d504f !important; } figure.effect-winston a:hover { color:#e40505 !important; } .MagImg { background-position: center; background-repeat: no-repeat; background-size: contain; width: 150px; height: 100px; } .OrdiniImg { background-position: center; background-repeat: no-repeat; background-size: contain; } .OrdiniImg { width: 80px; height: 50px; } .loader-block { display:none; height: 0px; margin-top: 5px; position: relative; left: 45%; position: absolute; } /*************************************************************** FINE:GALLERY WINSTONP-TABLE (piccola per tabelle) ***************************************************************/ /******************************************* Classi per il cgi *********************************************/ .CatalogoImg { background-position: center; background-repeat: no-repeat; background-size: contain; } .CatalogoImg { width: 220px; height: 150px; } .CatalogoImgP4 { width:465px; height:354px; background-position: center; background-repeat: no-repeat; background-size: contain; } .card.detail-card { border-top: none; -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), 0 -2px 1px -2px rgba(0, 0, 0, 0.04), 0 0 0 -1px rgba(0, 0, 0, 0.05); -webkit-transition: all 150ms linear; transition: all 150ms linear; margin-bottom: 0; } .list-view li button { margin-right: 10px; margin-bottom: 10px; } .btnLeft,.btnRight { height: 100%; border: solid 1px rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.6); color: #fff; font-size: 20px; position:relative; z-index:100; } .btnLeft:hover,.btnRight:hover { background-color: rgba(0,0,0,0.8); } .wish { position: absolute; right: 12px; top: 6px; color: #000; } .wishPg2 { position: absolute; /* right: -40px; */ top: 29px; color: #000; } .card .card-header .card-header-left { border-radius: 0 0 5px 0; left: 15px; top: 0; display: inline-block; padding: 14px; position: absolute; color: #fff; } #returnCat i { color:#fff; } .boxSearch { width:96%; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); } .card-header { background-color: transparent; padding: 15px 20px; } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } /******************************************************** CATEGORIE CATALOGO *********************************************************/ /*Func*/ .item ul, .categorie input[type="checkbox"] { display: none; } .categorie .item,.item input:checked ~ ul { display: block; } .categorie ul,.categorie li { list-style:none; } .categorie li { padding: 10px 10px 0 10px; } .categorie li label { margin:0; } .categorie ul { padding: 0 10px; } .menuSxCateg { margin-bottom:10px; } .categorie label { cursor:pointer; } .btn-fornitori,.btn-categorie { cursor:pointer; } #nav-categ-sidebar-sx { padding-bottom:10px; } #nav-categ-sidebar-sx ul ul,#nav-categ-sidebar-sx ul ul ul,#nav-categ-sidebar-sx ul ul ul ul,#nav-categ-sidebar-sx ul ul ul ul ul { display:none; } #nav-categ-sidebar-sx ul li,#nav-categ-sidebar-sx ul ul li,#nav-categ-sidebar-sx ul ul ul li,#nav-categ-sidebar-sx ul ul ul ul li { cursor:pointer; } /******************************************************** FINE: CATEGORIE CATALOGO *********************************************************/ /******************************************* FINE: Classi per il cgi *********************************************/ /*===== Form Background-inputs start =====*/ .form-bg-primary { background-color: #1abc9c; border-color: #1abc9c; color: #fff; } .form-bg-primary:focus { background-color: #1abc9c; border-color: #1abc9c; color: #fff; } .form-bg-primary::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-primary:-ms-input-placeholder { color: #fff; } .form-bg-primary::-webkit-input-placeholder { color: #fff; } .form-bg-warning { background-color: #f1c40f; border-color: #f1c40f; color: #fff; } .form-bg-warning:focus { background-color: #f1c40f; border-color: #f1c40f; color: #fff; } .form-bg-warning::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-warning:-ms-input-placeholder { color: #fff; } .form-bg-warning::-webkit-input-placeholder { color: #fff; } .form-bg-default { background-color: #bdc3c7; border-color: #bdc3c7; color: #fff; } .form-bg-default:focus { background-color: #bdc3c7; border-color: #bdc3c7; color: #fff; } .form-bg-default::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-default:-ms-input-placeholder { color: #fff; } .form-bg-default::-webkit-input-placeholder { color: #fff; } .form-bg-danger { background-color: #e74c3c; border-color: #e74c3c; color: #fff; } .form-bg-danger:focus { background-color: #e74c3c; border-color: #e74c3c; color: #fff; } .form-bg-danger::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-danger:-ms-input-placeholder { color: #fff; } .form-bg-danger::-webkit-input-placeholder { color: #fff; } .form-bg-success { background-color: #2ecc71; border-color: #2ecc71; color: #fff; } .form-bg-success:focus { background-color: #2ecc71; border-color: #2ecc71; color: #fff; } .form-bg-success::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-success:-ms-input-placeholder { color: #fff; } .form-bg-success::-webkit-input-placeholder { color: #fff; } .form-bg-inverse { background-color: #34495e; border-color: #34495e; color: #fff; } .form-bg-inverse:focus { background-color: #34495e; border-color: #34495e; color: #fff; } .form-bg-inverse::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-inverse:-ms-input-placeholder { color: #fff; } .form-bg-inverse::-webkit-input-placeholder { color: #fff; } .form-bg-info { background-color: #3498DB; border-color: #3498DB; color: #fff; } .form-bg-info:focus { background-color: #3498DB; border-color: #3498DB; color: #fff; } .form-bg-info::-moz-placeholder { color: #fff; opacity: 1; } .form-bg-info:-ms-input-placeholder { color: #fff; } .form-bg-info::-webkit-input-placeholder { color: #fff; } /******************************************* 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: var(--secondario); background-color: var(--primario); border:solid 1px var(--primario); 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: var(--primario); background-color: var(--secondario); } /**************************************************** 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: 0px; right: 0px; font-size: 25px; cursor: pointer; background-color: #000; border-radius: 22px 0; padding: 10px 10px 5px 10px; margin: 0; } .pdfDownload:hover{color:var(--secondario);} .share { color: #fff; position: absolute; bottom: 0px; left: 0px; font-size: 20px; cursor: pointer; background-color: #000; border-radius: 0 22px; padding: 10px 10px 5px 10px; margin: 0; } .share:hover{color:var(--secondario);} /**************************************************** 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 { position: relative; top: 0; left: 30%; width: 41%; height: 39px; background: #fff; border-radius: 10px; overflow: hidden; padding: 3px; box-shadow: 0 0 4px 2px rgba(0,0,0,0.3); column-count: 2; } .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 { }*/ /* ============================ PARAGRAFI E TESTO ============================ */ /* ============================ BASE TYPO E BOX MODEL ============================ */ html { font-size: var(--fs-base); /*scroll-behavior: smooth;*/ /* Imposta base a 62.5%: 1rem = 10px */ } body {font-size: var(--fs-body)} /* Font base fluido da 14px a 16px */ /* Rimuove outline (accessibilità da rivedere se necessario) e imposta box model moderno */ *, input, select, textarea, option, button { outline: none; box-sizing: border-box; font-family: inherit; } /* ============================ HEADINGS FLUIDI CON CLAMP ============================ */ h1 {font-size: var(--fs-h1);} /* h1: da 24px a 32px */ h2 {font-size: var(--fs-h2);} /* h2: da 22px a 28px */ h3 {font-size: var(--fs-h3);} /* h3: da 20px a 24px */ h4 {font-size: var(--fs-h4);} /* h4: da 16px a 18px */ h5 {font-size: var(--fs-h5);} /* h5: da 15px a 16.5px */ h6 {font-size: var(--fs-h6);} /* h6: da 14px a 15px */ /* ============================ PARAGRAFI E TESTO ============================ */ p {font-size: var(--fs-p)} /* p: da 12px a 13px */ ul li {font-size: var(--fs-ul)} /* ul: da 12px a 13px */ /******************************************* MENU *********************************************/ body { line-height: 1.5; background-color: var(--bg); font-family: "Roboto Condensed", sans-serif; } #kitchen{padding:10px 0;} #kitchen article{ width:100%; height:97vh; background-image:url(../../img/cataloghi/cucina.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; align-content: center; } #kitchen article div{ width:600px; min-width:200px; background-color:rgba(0,0,0,0.3); border:solid 1px #fff; margin:0 auto; padding:10px; text-align:center; } #kitchen article div h5{ color:#fff; font-size:2.5rem; font-weight:bold; margin-bottom:5px; } #kitchen article div a{ color:#fff; font-size:1.2rem; } #banquet { width:100%; height:100vh; display:flex; flex-wrap:wrap; align-content: center; } #banquet article[categ="Porcellane"], #banquet article[categ="Fenixe"], #banquet article[categ="VetriCristalli"], #banquet article[categ="Posateria"] { width:24%; height:600px; background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto; align-content: center; } #banquet article[categ="Porcellane"] {background-image:url(../../img/cataloghi/porcellane.jpg);} #banquet article[categ="Fenixe"]{ background-image:url(../../img/cataloghi/fenixe.jpg); } #banquet article[categ="VetriCristalli"]{ background-image:url(../../img/cataloghi/vetri.jpg);} #banquet article[categ="Posateria"]{ background-image:url(../../img/cataloghi/posateria.jpg);} #banquet article div{ width:70%; min-width:200px; background-color:rgba(0,0,0,0.3); border:solid 1px #fff; margin:0 auto; padding:10px; text-align:center; } #banquet article div h5{ color:#fff; font-size:2.5rem; font-weight:bold; margin-bottom:5px; } #banquet article div a{ color:#fff; font-size:1.2rem; } #buffet {padding:10px 0;} #buffet article{ width:100%; height:97vh; background-image:url(../../img/cataloghi/tavola.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; align-content: center; } #buffet article div{ width:600px; min-width:200px; background-color:rgba(0,0,0,0.3); border:solid 1px #fff; margin:0 auto; padding:10px; text-align:center; } #buffet article div h5{ color:#fff; font-size:2.5rem; font-weight:bold; margin-bottom:5px; } #buffet article div a{ color:#fff; font-size:1.2rem; } #bar {padding:10px 0;} #bar article{ width:100%; height:97vh; background-image:url(../../img/cataloghi/bar.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; align-content: center; } #bar article div{ width:600px; min-width:200px; background-color:rgba(0,0,0,0.3); border:solid 1px #fff; margin:0 auto; padding:10px; text-align:center; } #bar article div h5{ color:#fff; font-size:2.5rem; font-weight:bold; margin-bottom:5px; } #bar article div a{ color:#fff; font-size:1.2rem; } #premium { padding:10px 0; } #premium article{ width:100%; height:97vh; background-image:url(../../img/cataloghi/Premium.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; text-align:center; align-content: center; } #premium article div{ width:600px; min-width:200px; background-color:rgba(0,0,0,0.3); border:solid 1px #fff; margin:0 auto; padding:10px; text-align:center; } #premium article div h5{ color:#fff; font-size:2.5rem; font-weight:bold; margin-bottom:5px; } #premium article div a{ color:#fff; font-size:1.2rem; } /******************************************* FINE: GENERICI *********************************************/ /********************************************************************************* -------- RIF.100 - MEDIA QUERY -------- **********************************************************************************/ @media print { @page { size: A4; margin-top:10px; } } /* ============================================== MQ:GENERICI ==============================================*/ /* Ultra-wide 4K monitor */ @media (min-width: 2560px) { /* ... */ } @media only screen and (min-width: 1920px) and (max-width: 2559px) and (min-resolution: 1.2dppx) and (max-resolution: 1.3dppx) { } /* Desktop Full HD e superiori */ @media (min-width: 1920px) and (max-width: 2559px) { } /* Desktop HD (1440px+) */ @media (min-width: 1440px) and (max-width: 1919px) { } /* Laptop standard e piccoli desktop */ @media (min-width: 1025px) and (max-width: 1439px) { } /* Tablet (portrait e landscape) */ @media (min-width: 768px) and (max-width: 1024px) { } /* Mobile medio/grande */ @media (min-width: 480px) and (max-width: 767px) { } /* Mobile piccolo */ @media (min-width: 360px) and (max-width: 479px) { #kitchen article div {width: 85%;} #buffet article div{width: 85%;} #bar article div{width: 85%;} #premium article div{width: 85%;} #banquet article[categ="Porcellane"], #banquet article[categ="Fenixe"], #banquet article[categ="VetriCristalli"], #banquet article[categ="Posateria"] { width:98%; margin-bottom:10px; } #banquet article[categ="Porcellane"]{ margin-top:40%; } } /* Mobile molto piccolo (es. iPhone SE, 320px) */ @media (max-width: 359px) { #kitchen article div {width: 85%;} #buffet article div{width: 85%;} #bar article div{width: 85%;} #premium article div{width: 85%;} #banquet article[categ="Porcellane"], #banquet article[categ="Fenixe"], #banquet article[categ="VetriCristalli"], #banquet article[categ="Posateria"] { width:98%; margin-bottom:10px; } #banquet article[categ="Porcellane"]{ margin-top:40%; } } /* ============================================== FISSI ==============================================*/ /* 1. Schermi molto grandi, desktop wide con alta risoluzione */ @media only screen and (min-width: 2160px) and (max-width: 2560px) and (min-resolution: 1.1dppx) and (max-resolution: 1.2dppx) { /* regole per schermi ultra-wide ad alta densità pixel */ } /* 2. Schermi larghi superiori a 2560px e altezza massima 1440px, ORIENTAMENTO landscape */ @media only screen and (min-width: 2560px) and (max-height: 1440px) and (orientation: landscape) { /* regole per schermi molto larghi in landscape */ } /* 3. Schermi larghi da 2160px a 2560px e altezza max 1440px, landscape */ @media only screen and (min-width: 2160px) and (max-height: 1440px) and (orientation: landscape) { /* regole per schermi molto larghi in landscape */ } /* 4. Schermi larghi da 1900px a 2160px, altezza max 1080px, landscape */ @media only screen and (min-width: 1900px) and (max-height: 1080px) and (orientation: landscape) { /* regole */ } /* 5. Schermi 1680x1050 esatti, landscape */ @media only screen and (width: 1680px) and (max-height: 1050px) and (orientation: landscape) { /* regole */ } /* 6. Schermi medi max 1600x900, landscape */ @media only screen and (max-width: 1600px) and (max-height: 900px) and (orientation: landscape) { /* regole */ } /* 7. Schermi medi max 1440x900, landscape */ @media only screen and (max-width: 1440px) and (max-height: 900px) and (orientation: landscape) { /* regole */ } /* 8. Schermi 1366x768, landscape */ @media only screen and (max-width: 1366px) and (max-height: 768px) and (orientation: landscape) { /* regole */ } @media only screen and (width: 1024px) and (height: 1342px) and (orientation: portrait) { } @media only screen and (min-width: 900px) and (max-width: 920px) and (max-height: 1792px) and (orientation: portrait) { } /* */ @media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* 9. Tablet orizzontale o landscape medi */ /*@media only screen and (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) and (orientation: landscape) { }*/ /* 10. Tablet portrait */ /*@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { }*/ /* 11. Mobile max 600px in portrait */ @media only screen and (max-width: 600px) and (orientation: portrait) { } /* 12. Mobile max 414px in portrait */ @media only screen and (max-width: 414px) and (orientation: portrait) { /* regole */ } /* 13. Mobile molto piccolo max 320px in portrait */ @media only screen and (max-width: 320px) and (orientation: portrait) { /* regole */ } /* 14. Landscape piccoli schermi */ @media only screen and (max-width: 800px) and (max-height: 600px) and (orientation: landscape) { /* regole */ }