html {
font-size: 62.5%;
/* 10px */
}
body {
font-size: 1.2em;
line-height: 1.4;
font-weight: 400;
font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #67737b;
}
a {
color: #4EADE1;
text-decoration: none;
}
a:hover {
text-decoration: underline;
cursor: pointer;
}
p {
margin-top: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 2.4rem;
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
h1 {
font-weight: 300;
letter-spacing: .05rem;
line-height: 1.2;
}
h2 {
font-size: 3.4rem;
font-weight: 300;
letter-spacing: .05rem;
line-height: 1.4;
}
h3 {
font-size: 2.1rem;
font-weight: 400;
letter-spacing: .05rem;
line-height: 1.4;
}
h4,
h5,
h6 {
font-size: 1.8rem;
font-weight: 400;
letter-spacing: .05rem;
line-height: 1.4;
}
.body--grayed,
.ui-section__menu-item,
.ui-datalist__textfield {
color: #A6A6BA;
}
.body--white {
color: #FFFFFF;
}
.small,
.ui-filter-list__item,
.ui-table__subtitle,
.ui-newsbox__caption {
font-size: 1.3rem;
line-height: 1.4;
color: #484848;
letter-spacing: .1rem;
font-weight: 800;
}
.allcaps,
.ui-label,
label,
legend,
.ui-message__title,
.ui-message__close,
thead tr th,
.ui-newsbox__date,
.ui-tabs li>a,
.hero__intro {
font-size: 1.2rem;
color: #8D8C99;
letter-spacing: .14rem;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
body {
font-size: 1.4em;
}
h1 {
font-size: 3.4rem;
}
h2 {
font-size: 2.4rem;
}
h3 {
font-size: 1.8rem;
}
}
.button,
.button--primary,
.button--red,
.button--rinnovo,
.button--transparent,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 36px;
padding: 0 12px;
color: #6B6B7D;
text-align: center;
font-size: 13px;
font-weight: 500;
line-height: 36px;
letter-spacing: .1rem;
text-transform: capitalize;
text-decoration: none !important;
white-space: nowrap;
background-color: transparent;
background-image: linear-gradient(-180deg, #FAFAFA 0%, #E9E9E9 100%);
border-radius: 6px;
border: 1px solid #DEDEDE;
cursor: pointer;
box-sizing: border-box;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.button:hover,
.button--primary:hover,
.button--red:hover,
.button--rinnovo:hover,
.button--transparent:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
background-image: linear-gradient(-180deg, #FFFFFF 0%, #F5F5F5 100%);
color: #6B6B7D;
}
.button:active,
.button--primary:active,
.button--red:active,
.button--rinnovo:active,
.button--transparent:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background-image: linear-gradient(0deg, #F0F0F0 0%, #E9E9E9 100%);
color: #6B6B7D;
}
.button--primary {
background: #0091ff;
color: white !important;
border: none !important;
}
.button--primary:hover {
background-image: linear-gradient(-180deg, #84D4FF 0%, #74CEFF 100%);
color: white;
}
.button--primary:active {
background-image: linear-gradient(0deg, #4EADE1 0%, #469BC9 100%);
color: white;
}
input[disabled="true"].button--primary,
input[disabled="disabled"].button--primary {
background-image: linear-gradient(-180deg, #E9E9E9 0%, #ADADAD 100%) !important;
}
.button--red {
border-radius: 100px;
border: none;
background: #FF765E;
color: white;
}
.button--red:hover {
background: #ff8c78;
color: white;
}
.button--red:active {
background: #ff6045;
color: white;
}
.button--rinnovo {
border: none;
background: orange;
text-transform: uppercase;
font-weight: 600;
color: white;
}
.button--rinnovo:hover {
background: orange;
color: white;
}
.button--rinnovo:active {
background: orange;
color: white;
}
.button--generic {
border: 2px solid #7891A5;
background: #FFF;
color: #7891A5;
}
.button--generic:hover {
background: #7891A5;
color: white;
}
.button--generic:active {
background: #7891A5;
color: white;
}
.button--transparent {
background: transparent;
border: 0;
box-shadow: none;
padding: 0 12px;
}
.button--transparent:hover {
background: transparent;
color: black;
}
.button--transparent:active {
background: transparent;
color: #84D4FF;
}
.ui-label {
float: left;
clear: both;
height: 24px;
padding: 0 12px 0 28px;
color: #214E67;
border-radius: 30px;
margin-bottom: 12px;
background: url("https://cdn.portaleargo.it/portale/v2/images/icn-label.png") no-repeat 8px center;
background-size: 12px;
background-color: #CAEBFD;
line-height: 24px;
cursor: pointer;
}
.ui-label a {
color: inherit;
text-decoration: none;
}
.ui-label--red {
background-color: #F1A193;
color: #761f0f;
}
.ui-label--green {
background-color: #C0E0B7;
color: #3b6a2e;
}
.ui-label--yellow {
background-color: #fec471;
color: #6f4201;
}
.ui-label--disabled {
background-color: #DDDEDF;
color: #8D8C99;
}
.ui-label--disabled:hover {
background-color: #e2e3e6;
}
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px;
/* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
}
/* Removes awkard default styles on some inputs for iOS */
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0;
}
label,
legend {
display: block;
margin-bottom: .6rem;
}
fieldset {
padding: 0;
border-width: 0;
}
input[type="checkbox"],
input[type="radio"] {
display: inline;
}
label>.label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal;
}
.input-error {
border-color: #FF765E !important;
color: #FF765E;
}
.ui-message {
width: 100%;
padding: 1.666666667%;
margin-top: 24px;
background-color: #f1f1f1;
clear: both;
border-radius: 6px;
}
.ui-message__title {
color: #234E66;
font-size: 16px;
font-weight: 600;
}
.ui-message__body {
margin-top: 12px;
font-size: 16px;
}
.ui-message__body.message-footer {
font-size: 1.2em;
}
.ui-message__body .rich-datalist {
list-style: outside none disc;
}
.ui-message__close {
float: right;
cursor: pointer;
color: #234E66;
background-color: white;
padding: 2px 5px;
border-radius: 2px;
margin-top: -2px;
font-size: 14px;
}
.ui-message__close:active {
background-color: #dddddd;
}
.ui-message--full {
margin-top: 0;
border-radius: 0;
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: rgba(202, 235, 253, 0.9);
}
.ui-message--full .ui-message__body {
width: 90%;
}
.ui-message--warning {
background-color: #fff;
}
.ui-message--warning .ui-message__title,
.ui-message--warning .ui-message__close {
color: #ffffff;
background-color: #f7b132;
padding: 20px;
margin: 0;
}
.ui-message--warning .ui-message__body {
color: #7891A5;
}
.ui-message--error {
background-color: #FFF;
}
.ui-message--error .ui-message__title,
.ui-message--error .ui-message__close {
color: #ffffff;
background-color: #EA5C47;
padding: 30px;
margin: 0;
}
.ui-message--error .ui-message__body {
color: #7891A5;
}
.ui-message--confirm {
background-color: #FFF;
}
.ui-message--confirm .ui-message__title,
.ui-message--confirm .ui-message__close {
color: #ffffff;
background-color: #7abb63;
padding: 30px;
margin: 0;
;
}
.ui-message--confirm .ui-message__body {
color: #7891A5;
}
.ui-message--demo {
background-color: #FFF;
}
.ui-message--demo .ui-message__title,
.ui-message--demo .ui-message__close {
color: #ffffff;
background-color: #51ade1;
padding: 30px;
margin: 0;
;
}
.ui-message--demo .ui-message__body {
color: #7891A5;
}
/* ------------------------------------------------
Stile box messaggi
--------------------------------------------------- */
.modal {
position: fixed;
z-index: 9999;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
-webkit-animation-name: fadeIn;
-webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s;
}
.mezzacolonna {
float: left;
display: block;
width: 45%;
margin: 10px;
}
.img-avviso {
width: 95%;
}
@media only screen and (max-width: 768px) {
.ui-message {
width: 95%;
margin: 24px auto 0 10px;
}
.ui-message--full {
margin: 0;
width: 100%;
}
}
@media only screen and (max-width: 480px) {
.ui-message {
padding: 4.50%;
}
.ui-message__title {
width: 70%;
}
}
/*
UI Components
- Dropdown
- Hero Image
- Tabs
*/
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* ------------------------------------------------
Dropdown
--------------------------------------------------- */
.ui-dropdown {
position: relative;
background: white;
border-radius: 8px;
border: 1px solid #e5e5e5;
padding: 20px;
box-sizing: border-box;
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
z-index: 9999;
}
.ui-dropdown__arrow {
width: 24px;
height: 24px;
position: absolute;
top: -17px;
right: 20px;
background: url("https://cdn.portaleargo.it/portale/v2/images/sprite.png") no-repeat 0 -96px;
}
.ui-dropdown__separator {
width: 100%;
height: 1px;
margin: 0 0 10px 0;
background: #DDDEDF;
}
.ui-dropdown__label {
margin-bottom: 3px;
}
.ui-dropdown__link {
margin-bottom: 12px;
}
.ui-dropdown__logout-button {
width: 100%;
margin: 18px 0 5px 0;
box-shadow: none;
}
.ui-dropdown ul {
margin: 0;
}
.ui-dropdown li {
list-style: none;
}
/* ------------------------------------------------
Miscellaneous
--------------------------------------------------- */
.ui-icon {
width: 24px;
height: 24px;
display: block;
background: url("https://cdn.portaleargo.it/portale/v2/images/sprite.png") no-repeat;
}
.ui-icon--big {
width: 36px;
height: 36px;
}
.ui-icon--inline {
display: inline-block;
float: left;
margin: 0 12px 8px 0;
}
.ui-icon--erase {
background-position: -24px -120px;
}
.ui-icon--close {
background-position: -36px -144px;
}
.ui-icon--menu {
background-position: -96px -48px;
}
.ui-icon--app {
width: 24px;
background: url("https://cdn.portaleargo.it/portale/v2/images/applicativi.png");
}
.ui-icon--utenze {
width: 27px;
background: url("https://cdn.portaleargo.it/portale/v2/images/utenze.png");
}
.ui-icon--notifiche {
width: 24px;
background: url("https://cdn.portaleargo.it/portale/v2/images/notifiche.png");
}
.ui-icon--assistenza {
width: 25px;
background: url("https://cdn.portaleargo.it/portale/v2/images/ico_contratti.png");
background-repeat: repeat-y;
}
.ui-icon--help {
background-position: -96px -96px;
}
.ui-icon--phone {
background-position: -48px -120px;
}
.ui-icon--fax {
background-position: -96px -120px;
}
.ui-icon--mail {
background-position: -72px -120px;
}
.ui-icon--firefox {
background-position: 0 -144px;
}
.ui-icon-label {
height: 24px;
}
.ui-icon-label__text {
float: left;
margin: 0 0 0 10px;
}
.ui-icon-label .ui-icon {
float: left;
}
.ui-toolbox {
width: 100%;
float: left;
margin-bottom: 12px;
background: #F2F6F9;
border: 1px solid #DDDEDF;
border-radius: 2px;
padding: 10px;
box-sizing: border-box;
}
.ui-toolbox button {
margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
.ui-toolbox .u-pull-left,
.ui-toolbox .u-pull-right {
width: 100%;
clear: both;
}
.ui-toolbox .u-pull-left {
margin-bottom: 12px;
}
.ui-toolbox .u-pull-left button {
width: 100%;
margin-bottom: 10px;
}
}
.ui-external-link {
background: url("https://cdn.portaleargo.it/portale/v2/images/icns-external-link.png") no-repeat 100% -20px;
padding-right: 24px;
}
/* ------------------------------------------------
Section Menu
--------------------------------------------------- */
.ui-section {
min-height: 132px;
padding: 24px 20px 0 20px;
box-sizing: border-box;
overflow: visible;
background-color: #FFF;
}
.ui-section__title {
width: 100%;
}
.ui-section__title h2 {
float: left;
margin: 0;
color: #214E67;
}
.ui-section__side {
float: right;
margin-top: 12px;
/* margin-bottom: 80px; */
}
.ui-section__side--column {
margin-top: 0;
margin-left: 64px;
}
.ui-section__side--column:last-child {
margin-left: 0;
}
.ui-section__menu {
color: #214e67;
margin: 24px 0 0 0;
background-color: #f2f6f9;
box-sizing: border-box;
/*background:-webkit-linear-gradient(#dce5ec, #f2f6f9);
background:-o-linear-gradient(#dce5ec, #f2f6f9);
background:-moz-linear-gradient(#dce5ec, #f2f6f9);
background:linear-gradient(#dce5ec, #f2f6f9);*/
border-left: 1px solid #214E67;
border-right: 1px solid #214E67;
border-top: 1px solid #214E67;
}
.ui-section__menu li {
margin: 0;
}
.ui-section__menu-item {
color: #214e67;
position: relative;
float: left;
height: 37px;
padding: 6px 20px 0;
list-style-type: none;
font-size: 1.3em;
font-weight: bold;
}
.menu-item-separator {
border-right: 1px solid #aaa;
}
.ui-section__menu-item:hover {
border-bottom: 5px solid #B4BEBF;
cursor: pointer;
}
.ui-section__menu-item:last-child {
margin-right: 0;
}
.ui-section__menu-item a,
.ui-section__menu-item span,
.ui-section__menu-item .ui-dropdown__label {
/* color: #A6A6BA; #4eade1*/
color: #214e67;
text-decoration: none;
}
.ui-section__menu-item a.ui-external-link {
background-position: 100% 0px;
}
.ui-section__menu-item.active {
color: #4EADE1;
border-bottom: 5px solid #4EADE1;
}
.ui-section__menu-item.active:hover {
border-color: #4EADE1;
}
.ui-section__dropdown {
position: absolute;
top: 38px;
left: 0;
min-width: 200px;
margin: 0;
display: none;
}
.ui-section__dropdown .ui-dropdown__separator {
margin: 20px 0;
}
.ui-section__dropdown .ui-dropdown__arrow {
left: 12px;
}
.ui-section__dropdown .ui-dropdown__label {
margin-bottom: 12px;
}
.ui-section__dropdown .ui-dropdown__label a {
color: inherit;
}
.ui-section__dropdown .ui-dropdown__label:hover {
color: #4EADE1;
}
.ui-section__dropdown .ui-dropdown__label:last-child {
margin-bottom: 0;
}
.ui-section__menu-item--list:hover>.ui-section__dropdown {
display: block;
}
.ui-section__side--column .ui-icon-label {
margin-bottom: 6px;
}
@media only screen and (max-width: 768px) {
.ui-section {
padding-top: 12px;
}
.ui-section__title h2 {
margin-bottom: 6px;
}
.ui-section__side {
float: left;
clear: both;
}
.ui-section__side--column {
margin-left: 0;
margin-bottom: 24px;
}
.ui-section__menu {
padding: 0;
}
.ui-section__menu-item,
.ui-section__menu-item.active {
width: 100%;
margin: 0;
border-bottom: 1px solid #e6ebe8;
line-height: 36px;
box-sizing: border-box;
}
.ui-section__menu-item:hover {
border-bottom: 1px solid #e6ebe8;
}
.ui-section__menu-item:active {
background: #F4F6F5;
}
.ui-section__menu-item:last-child {
margin-bottom: 20px;
}
.ui-section__menu-item--list {
overflow: hidden;
height: 36px;
background: url("https://cdn.portaleargo.it/portale/v2/images/icn-dropdown.png") no-repeat 98% 15px;
background-size: 10px;
}
.ui-section__menu-item--list span {
display: block;
height: 36px;
line-height: 36px;
}
.ui-section__menu-item--list.opened {
height: auto;
}
.ui-section__dropdown {
display: block;
position: static;
border: 0;
padding: 6px 12px;
background: #F4F6F5;
border-radius: 0;
}
.ui-section__dropdown .ui-dropdown__separator {
margin: 12px 0;
}
.ui-section__dropdown .ui-dropdown__arrow {
display: none;
}
.ui-section__dropdown .ui-dropdown__label {
margin: 12px 0 !important;
}
}
/* ------------------------------------------------
Boxed Columns
--------------------------------------------------- */
.ui-box,
.ui-box--empty {
background: #FFFFFF;
box-shadow: 0px 1px 2px 0px rgba(45, 53, 57, 0.14);
border-radius: 8px;
margin-bottom: 36px;
}
.ui-box__title {
color: #214E67;
margin: 0 0 12px 15px;
}
.ui-box__content {
padding: 20px;
overflow: auto;
}
.ui-box__buttons {
clear: both;
height: auto;
/* padding: 18px 20px; */
box-sizing: border-box;
/* background: #F7F9FC; */
/* border-top: 1px solid #EBEFF0; */
/* border-radius: 0 0 8px 8px; */
/* box-shadow: 0px 1px 2px 0px rgba(45, 53, 57, 0.14); */
}
.ui-box__buttons>button {
float: left;
margin-right: 20px;
}
.ui-box--empty {
background-color: #DDE6ED;
box-shadow: none;
}
.ui-box--empty h3 {
text-align: center;
margin-bottom: 0;
margin: 60px 0;
color: #7991A4;
}
@media only screen and (max-width: 768px) {
.ui-box,
.ui-box--empty,
.ui-box__buttons {
border-radius: 0;
}
}
/* ------------------------------------------------
Datalist
--------------------------------------------------- */
.ui-datalist {
display: table-cell;
}
.ui-datalist__item {
width: 100%;
min-height: 60px;
padding: 18px 0 0 0;
border-bottom: 1px solid #DDDEDF;
box-sizing: border-box;
float: left;
clear: right;
}
.ui-datalist__label {
float: left;
width: 30%;
margin-right: 20px;
text-align: right;
word-wrap: break-word;
}
.ui-datalist__textfield {
width: 60%;
float: left;
word-wrap: break-word;
}
@media only screen and (max-width: 480px) {
.ui-datalist__item {
padding: 9px 0;
}
.ui-datalist__label,
.ui-datalist__textfield {
float: none;
width: 100%;
text-align: left;
}
}
/* ------------------------------------------------
Filter List
--------------------------------------------------- */
.ui-filter-list {
padding: 0;
margin: 0;
}
.ui-filter-list__item {
min-height: 28px;
padding: 4px 10px 4px 10px;
list-style-type: none;
margin-bottom: 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.ui-filter-list__item:hover {
background: #DDDEDF;
border-radius: 6px;
cursor: pointer;
}
.ui-filter-list__item:last-child {
margin-bottom: 0;
}
.ui-filter-list__item--active {
color: white;
border-radius: 6px;
padding-left: 32px;
background: url("https://cdn.portaleargo.it/portale/v2/images/icn-checkmark.png") no-repeat 9px 8px;
background-color: #63C9FF;
background-size: 16px 12px;
}
/* ------------------------------------------------
Table
--------------------------------------------------- */
thead {
width: 100%;
background: #F4F6F5;
border-radius: 2px;
}
thead tr th {
padding: 0 15px !important;
height: 32px;
}
td {
box-sizing: border-box;
vertical-align: middle;
}
td .ui-checkbox {
margin: 0 auto;
}
.ui-table-stato {
width: 36px;
}
.ui-table__title {
display: block;
word-wrap: break-word;
}
.ui-table__subtitle {
display: block;
word-wrap: break-word;
}
/* ------------------------------------------------
Responsive Table
--------------------------------------------------- */
.responsive-table table {
border-collapse: collapse;
width: 100%;
}
.responsive-table tr:nth-of-type(2n+1) {
background: #FAFAFA none repeat scroll 0 0;
}
th {
background: #333 none repeat scroll 0 0;
color: white !important;
font-weight: bold;
}
.responsive-table td,
.responsive-table th {
border: 1px solid #ccc;
padding: 6px;
text-align: left;
}
@media only screen and (min-device-width: 1000px) {
.responsive-table td:first-child {
padding-left: 0;
}
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1000px) {
/* Force table to not be like tables anymore */
table,
.responsive-table thead,
.responsive-table tbody,
.responsive-table th,
.responsive-table td,
.responsive-table tr {
display: block;
}
.responsive-table td:first-child {
padding-left: 50%;
}
/* Hide table headers (but not display: none;, for accessibility) */
.responsive-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsive-table tr {
border: 1px solid #ccc;
}
.responsive-table td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
}
.responsive-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
.stato-abilitazioni-table td:nth-of-type(1):before {
content: "Stato";
}
.stato-abilitazioni-table td:nth-of-type(2):before {
content: "Abilitazione";
}
.applicazioni-utente-table td:nth-of-type(1):before {
content: "Descrizione";
}
.applicazioni-utente-table td:nth-of-type(2):before {
content: "Azione";
}
.orario-accesso-table td:nth-of-type(1):before {
content: "Giorno";
}
.orario-accesso-table td:nth-of-type(2):before {
content: "Ora Inizio";
}
.orario-accesso-table td:nth-of-type(3):before {
content: "Ora Fine";
}
.orario-accesso-table td:nth-of-type(4):before {
content: "Stato";
}
.utenti-scuola-table td:nth-of-type(1):before {
content: "Id utente";
}
.utenti-scuola-table td:nth-of-type(2):before {
content: "Cognome";
}
.utenti-scuola-table td:nth-of-type(3):before {
content: "Nome";
}
.utenti-scuola-table td:nth-of-type(4):before {
content: "Ultimo accesso (*)";
}
.utenti-scuola-table td:nth-of-type(5):before {
content: "Azione";
}
.utenti-scuola-table td:nth-of-type(6):before {
content: "OTP in uso";
}
.utenti-gruppo-table td:nth-of-type(1):before {
content: "Check";
}
.utenti-gruppo-table td:nth-of-type(2):before {
content: "Id utente";
}
.utenti-gruppo-table td:nth-of-type(3):before {
content: "Cognome";
}
.utenti-gruppo-table td:nth-of-type(4):before {
content: "Nome";
}
.prof-uid-table td:nth-of-type(1):before {
content: "Selezione";
}
.prof-uid-table td:nth-of-type(2):before {
content: "Cognome";
}
.prof-uid-table td:nth-of-type(3):before {
content: "Nome";
}
.prof-uid-table td:nth-of-type(4):before {
content: "Data Nascita";
}
.prof-uid-table td:nth-of-type(5):before {
content: "Mansione";
}
.prof-uid-table td:nth-of-type(6):before {
content: "Rapporto lavoro";
}
.prof-uid-table td:nth-of-type(7):before {
content: "email";
}
.prof-utenti-table td:nth-of-type(1):before {
content: "Selezione";
}
.prof-utenti-table td:nth-of-type(2):before {
content: "Id utente";
}
.prof-utenti-table td:nth-of-type(3):before {
content: "Denominazione";
}
.prof-utenti-table td:nth-of-type(4):before {
content: "Data Nascita";
}
.prof-utenti-table td:nth-of-type(5):before {
content: "email";
}
.prof-utenti-table td:nth-of-type(6):before {
content: "Ultimo accesso";
}
.prof-utenti-table td:nth-of-type(7):before {
content: "Stato";
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body {
padding: 0;
margin: 0;
width: 100%;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1000px) {
body {
width: 100%;
}
}
/* ------------------------------------------------
Checkbox
--------------------------------------------------- */
.ui-checkbox {
width: 20px;
height: 20px;
position: relative;
}
.ui-checkbox label {
cursor: pointer;
position: absolute;
background: #DDDEDF;
width: 20px;
height: 20px;
top: 0;
border-radius: 4px;
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ui-checkbox label:after {
opacity: 0;
content: '';
position: absolute;
width: 9px;
height: 5px;
background: transparent;
top: 4px;
left: 4px;
border: 3px solid #fcfff4;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ui-checkbox label:hover::after {
opacity: 1;
}
.ui-checkbox input[type=checkbox]:checked+label:after {
opacity: 1;
}
.ui-checkbox input[type=checkbox]:checked+label {
background: #79BA63;
}
/* ------------------------------------------------
Newsbox
--------------------------------------------------- */
.ui-newsbox {
height: 150px;
background: #FFFFFF;
height: 160px;
margin-bottom: 36px;
padding-bottom: 20px;
/*box-shadow: 0px 1px 2px 0px rgba(45, 53, 57, 0.14);*/
box-shadow: 0px 1px 2px 0px rgba(45, 53, 57, 0.6);
border-radius: 2px;
}
.ui-newsbox__date {
padding: 8px 20px;
border-bottom: 2px solid #4EADE1;
}
.ui-newsbox__title {
padding: 0 20px 0 20px;
margin-top: 12px;
}
.ui-newsbox__caption {
padding: 0 20px 0 20px;
margin-top: 3px;
}
.ui-newsbox__readmore {
display: block;
padding: 0 20px 0 20px;
margin-top: 30px;
}
.ui-newsbox__date--blue {
border-bottom-color: #4EADE1;
}
.ui-newsbox__date--yellow {
border-bottom-color: #F7B134;
}
.ui-newsbox__date--green {
border-bottom-color: #79BA63;
}
.ui-newsbox__date--red {
border-bottom-color: #EA5C47;
}
@media only screen and (max-width: 768px) {
.ui-newsbox {
width: 95%;
margin: 0px auto 24px auto;
}
}
/* ------------------------------------------------
Tabs
--------------------------------------------------- */
.ui-tabs {
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.ui-tabs li {
float: left;
clear: both;
width: 100%;
margin-bottom: 0;
list-style-type: none;
}
.ui-tabs li>a {
display: block;
padding: 15px 25px;
background: #EAEEF1;
border-top: 5px solid #B8BCCC;
text-decoration: none;
font-size: 16px;
box-shadow: 7px 7px 12px 0px #d0d0d0;
}
#news-container .ui-tabs li>a {
background-color: white;
}
.ui-tabs li>a:hover {
background: #dbe2e7;
}
.ui-tabs li>a.active {
background: white;
}
#apps-tabs-1.active {
border-top-color: #4EADE1;
}
#apps-tabs-2.active {
border-top-color: #7BB967;
}
#apps-tabs-3.active {
border-top-color: #F5B043;
}
#apps-tabs-4.active {
border-top-color: #E85D4C;
}
#news-tabs-1 {
border-top: none;
border-bottom: 5px solid white;
}
#news-tabs-2 {
border-top: none;
border-bottom: 5px solid white;
}
#news-tabs-3 {
border-top: none;
border-bottom: 5px solid white;
}
#news-tabs-1.active {
border-bottom-color: #4EADE1;
}
#news-tabs-2.active {
border-bottom-color: #7BB967;
}
#news-tabs-3.active {
border-bottom-color: #F5B043;
}
.ui-tabs__content {
display: none;
/* I NEED TO FIX THIS */
width: 100%;
float: left;
background: white;
overflow: hidden;
padding: 1% 3% 0 3%;
}
.no-js .ui-tabs__content {
display: block;
/* I NEED TO FIX THIS */
}
@media only screen and (min-width: 768px) {
.ui-tabs {
position: relative;
}
.ui-tabs>li {
display: inline;
float: none;
margin-right: 16px;
}
.ui-tabs li>a {
display: inline-block;
border-radius: 2px 2px 0 0;
}
.ui-tabs__content {
padding: 20px;
position: relative;
top: 0px;
left: 0;
border-radius: 0 6px 6px 6px;
box-shadow: 5px 5px 7px 0px rgba(45, 53, 57, 0.14);
}
}
@media only screen and (max-width: 768px) {
.ui-tabs .column,
.ui-tabs .columns {
width: 50%;
}
}
@media only screen and (max-width: 480px) {
.ui-tabs .column,
.ui-tabs .columns {
width: 100%;
}
}
.sprite {
object-fit: none;
width: 125px;
height: 125px;
}
/* ------------------------------------------------
SPRITE AREA DIDATTICA
--------------------------------------------------- */
.dirigo_did {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat 0 0;
}
.alunni {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -128px 0;
}
.sidialunni {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -258px 0;
}
.scuolanext {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -386px 0;
}
.didup {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1286px 0;
}
.didup_accessibile {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -514px 0;
}
.commissione1ciclo {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1414px 0;
}
.scrutinio {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -643px 0;
}
.sms_did {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -772px 0;
}
.mensa {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -900px 0;
}
.asl {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1028px 0;
}
.libri {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1672px 0;
}
.pfi {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1800px 0;
}
.psp {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1156px -260px;
}
/* ------------------------------------------------
SPRITE AREA PERSONALE
--------------------------------------------------- */
.dirigo_personale {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat 0 -130px;
}
.personale {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1286px -130px;
}
.carriera {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -128px -130px;
}
.irap {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -258px -130px;
}
.f24 {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -386px -130px;
}
.pa04 {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -643px -130px;
}
.tfr {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -771px -130px;
}
.certificazioneunica {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -900px -130px;
}
.a770 {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1029px -130px;
}
.sms_personale {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1157px -130px;
}
.emolumenti {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1414px -130px;
}
/* ------------------------------------------------
SPRITE AREA CONTABILE
--------------------------------------------------- */
.dirigo_contabile {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat 0 -260px;
}
.bilancio {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -127px -260px;
}
.project {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -255px -260px;
}
.xmlavcp {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -382px -260px;
}
.iva {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -509px -260px;
}
.mof {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -638px -260px;
}
.pagonline {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -771px -260px;
}
.acquisto {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -900px -260px;
}
.magazzino {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1029px -260px;
}
.inventario {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1286px -260px;
}
/* ------------------------------------------------
SPRITE AREA GENERALE
--------------------------------------------------- */
.dirigo_generale {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat 0 -390px;
}
.privacy {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -128px -390px;
}
.gecodoc {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -257px -390px;
}
.savepanel {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -386px -390px;
}
.amministrazionetrasparente {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -515px -390px;
}
.albopretorio {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -643px -390px;
}
.kronos {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -771px -390px;
}
.timereport {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -900px -390px;
}
.presenze {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1029px -390px;
}
.conservazione {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1285px -390px;
}
.darwin {
background: url(https://cdn.portaleargo.it/portale/v2/images/sprite_applicativi.png) no-repeat -1156px -390px;
}
/* ------------------------------------------------
Hex
--------------------------------------------------- */
.ui-hex {
display: block;
width: 125px;
/*padding: 5px;*/
}
.ui-hex__img {
max-width: 100%;
width: 100%;
}
.ui-hex__title {
text-align: center;
color: #7891A5;
line-height: 1.2em;
font-size: 16px;
margin-top: 10px;
font-weight: 800;
padding-top: 105%;
}
@media only screen and (max-width: 768px) {
.ui-hex {
margin: 12px auto;
}
.ui-hex:active {
background: #dbe2e7;
border-radius: 4px;
}
}
/* ------------------------------------------------
Retina Sprites
--------------------------------------------------- */
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
.ui-dropdown__arrow,
.ui-icon {
background-image: url("https://cdn.portaleargo.it/portale/v2/images/sprite@2x.png");
background-size: 120px 180px; }
Layout
- Header
- Main Navigation
- Inner Content
- Footer
*/
body {
background-color: #FFFFFF;
}
/*:focus {
outline: thin dashed;
outline-color: #F7B134;
outline-width: 2px;
}*/
/* ------------------------------------------------
Header
--------------------------------------------------- */
.header {
position: relative;
height: 100px;
padding: 15px 5px;
background-color: #FFF;
box-sizing: border-box;
}
.header__logo {
float: left;
width: 285px;
height: 65px;
text-indent: -9999px;
background: url("https://cdn.portaleargo.it/portale/v2/images/portale_logo.png") no-repeat 0 0;
}
.header__logo--title {
float: right;
margin: auto;
width: 110px;
height: 50px;
background: url(https://cdn.portaleargo.it/portale/v2/images/logo_argo.png);
position: inherit;
top: 14px;
left: 0;
right: 0;
}
.header__login-button {
position: absolute;
float: right;
top: 15px;
right: 120px;
text-transform: uppercase;
font-weight: 600;
}
.header__login-button:hover {
box-shadow: 0 8px 16px 0 rgba(72, 72, 72, 0.4);
transform: scale(1.05);
}
.header__user-logged {
float: right;
}
.header__user-name {
float: left;
margin: 8px 0 0;
}
.header__user-avatar {
float: right;
width: 40px;
height: 36px;
background: url("https://cdn.portaleargo.it/portale/v2/images/sprite.png") no-repeat -72px 0px;
}
.header__user-dropdown {
float: right;
position: absolute !important;
top: 8px;
right: 0;
width: 274px;
margin-top: 48px;
opacity: 0;
pointer-events: none;
}
.header__user-dropdown .ui-dropdown__arrow {
right: 16px;
}
.header__user-dropdown.active {
opacity: 1;
pointer-events: auto;
}
@media only screen and (max-width: 550px) {
.header__logo--title {
display: none;
}
}
/* ------------------------------------------------
Navigation
--------------------------------------------------- */
.main-menu {
height: 50px;
-webkit-transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
width: 100%;
box-sizing: border-box;
margin: 0 auto;
max-width: 1060px;
padding: 0 22px;
position: relative;
z-index: 2;
}
.main-menu__toggle {
display: none;
height: 36px;
text-align: center;
margin-top: 12px;
cursor: pointer;
}
.main-menu__tab {
width: 25%;
height: 50px;
float: left;
position: relative;
background: #FFFFFF;
border-top: 2px solid #efefef;
border-right: 2px solid #efefef;
box-sizing: border-box;
}
/*.main-menu__tab--3 {
width: 34%;
}*/
.main-menu__tab:hover {
background-color: #eef1f0;
}
.main-menu__tab--active,
.main-menu__tab--active:hover {
color: #000;
background: #F4F6F5;
border-top: 2px solid #30cde6;
}
.main-menu__tab--active .ui-icon {
background-position-y: -72px;
}
.main-menu__tab--active .ui-icon-label__text {
color: #67737b;
}
.main-menu__tab--1 .ui-icon-label {
width: 185px;
}
.main-menu__tab--2 .ui-icon-label,
.main-menu__tab--3 .ui-icon-label {
width: 155px;
}
.main-menu__tab--4 .ui-icon-label {
width: 190px;
}
.main-menu .ui-icon-label {
margin: 13px auto;
}
.main-menu .ui-icon-label__text {
margin-top: 2px;
}
@media only screen and (max-width: 768px) {
.main-menu {
height: 48px;
overflow: hidden;
}
.main-menu--active {
height: 286px;
}
.main-menu__tab {
width: 100%;
}
.main-menu__toggle {
display: block;
min-width: 320px;
}
.main-menu__toggle .ui-icon-label {
margin-top: 3px;
margin-left: 12px;
}
.main-menu__toggle .ui-icon-label__text {
margin-top: 5px;
}
}
/* ------------------------------------------------
Inner Content
--------------------------------------------------- */
.inner-content {
margin-top: 48px;
}
.app-list-compact {
display: none;
width: 100%;
margin: 0;
}
.app-list-active .ui-label {
margin-bottom: 0;
}
.app-list-active .ui-icon {
float: right;
}
@media only screen and (max-width: 768px) {
.inner-content {
margin-top: 24px;
}
.app-list-full {
display: none;
}
.app-list-compact {
display: block;
}
}
.hero {
height: 340px;
/*396px;*/
position: relative;
background-size: cover !important;
background-position: 50% 0% !important;
padding-top: 1px;
}
.hero__intro {
font-size: 1.4rem;
display: block;
text-align: center;
/*margin: 92px auto 0 auto;*/
margin: 45px auto 0 auto;
color: #a3d4e3;
letter-spacing: 1.4px;
font-weight: bold;
}
.hero__title {
margin: 26px auto 0 auto;
width: 680px;
color: white;
text-align: center;
line-height: 1.4;
}
.hero__intro {
margin-top: 60px;
}
.hero__title {
width: 80%;
}
.ui-tabs--hex {
margin-top: 20px;
}
#news-container .ui-tabs--hex {
margin-top: -59px;
}
@media only screen and (max-width: 768px) {
.ui-tabs--hex {
margin: 0 20px;
}
}
/* ------------------------------------------------
Footer
--------------------------------------------------- */
footer {
position: absolute;
bottom: 0px;
width: 100%;
}
.footer {
float: left;
min-height: 84px;
padding: 24px 20px;
box-sizing: border-box;
background: white;
border-top: 1px solid #ECF0F1;
}
.footer__logo {
width: 72px;
height: 24px;
float: left;
margin: 0 12px 12px 0;
background: url("https://cdn.portaleargo.it/portale/v2/images/sprite.png") no-repeat -24px -96px;
}
.footer__credits {
float: left;
}
.footer__rina-logo {
/*width: 106px;
height: 36px;*/
width: 162px;
height: 60px;
float: right;
background: url("https://cdn.portaleargo.it/login/images/cert-rina.png") no-repeat;
}
@media only screen and (max-width: 480px) {
.footer__rina-logo {
margin: 24px auto 0 auto;
float: none;
}
}
/* ------------------------------------------------
BANNER FAMIGLIA
--------------------------------------------------- */
.famiglia_banner {
background: linear-gradient(170deg, #7BBB64 30%, #DFFF00 130%) !important;
width: 100%;
margin-bottom: 0px!important;
height: 80px;
position: fixed;
z-index: 1;
bottom: 0px!important;
padding: 10px;
}
.testo_famiglia_banner {
width: 710px;
color: #FFFFFF;
font-size: 23px;
font-weight: bolder;
padding-top: 10px;
}
.ico_famiglia_banner {
padding-right: 20px;
display: inline-block;
float: left;
margin: 0 15px 8px 0;
}
.button_famiglia_banner {
position: absolute;
width: 140px;
color: #FFF !important;
font-size: 19px;
float: right;
border: 2px solid #fff;
border-radius: 10px;
padding: 7px;
right: 0px;
margin-top: 10px;
}
/* ------------------------------------------------
IMPOSTAZIONI RESPONSIVE
--------------------------------------------------- */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 520px) {
.ui-tabs .column,
.ui-tabs .columns {
width: 50%;
height: 210px;
}
.header__logo {
overflow: auto;
position: inherit;
}
.header__login-button {
position: initial;
margin-left: 10px;
margin-top: 12px;
}
.famiglia_banner {
height: 110px;
}
.ico_famiglia_banner {
display: none;
}
.testo_famiglia_banner {
width: 70%;
font-size: 18px;
}
.button_famiglia_banner {
width: 28%;
font-size: 16px;
}
.hero {
height: 100px;
}
.ui-message__body.message-footer {
font-size: 12px;
}
.mezzacolonna {
width: 100%;
}
.img-avviso {
display: none;
}
.boxAvvisi-ctr {
top: 5%;
left: 5%;
position: absolute;
width: 80%;
z-index: 9999;
}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
/*.container {background: #ffc3c3;}*/
.ui-tabs .column,
.ui-tabs .columns {
width: 33%;
height: 210px;
}
.header__logo {
overflow: auto;
position: inherit;
}
.header__login-button {
position: initial;
margin-left: 10px;
margin-top: 12px;
}
.famiglia_banner {
height: 110px;
}
.ico_famiglia_banner {
display: none;
}
.testo_famiglia_banner {
width: 70%;
font-size: 18px;
}
.button_famiglia_banner {
width: 28%;
font-size: 16px;
}
.hero {
height: 180px;
}
.ui-message__body.message-footer {
font-size: 12px;
}
.mezzacolonna {
width: 100%;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/*.container {background: #c5e1a5;}*/
.ui-tabs .column,
.ui-tabs .columns {
width: 25%;
height: 220px;
}
.ui-tabs li>a {
font-size: 12px;
padding: 10px;
}
.hero {
height: 250px;
}
.testo_famiglia_banner {
width: 70%;
font-size: 18px;
}
.button_famiglia_banner {
width: 28%;
font-size: 16px;
}
.mezzacolonna {
width: 100%;
}
#boxAvvisi-ctr {
left: 15% !important;
width: 70% !important;
}
}
/* Medium devices (landscape tablets, 768px and up)
@media only screen and (min-width: 768px) {
.container {background: blue;}
}
/* Large devices (laptops/desktops, 992px and up)
@media only screen and (min-width: 992px) {
.container {background: orange;}
}
/* Extra large devices (large laptops and desktops, 1200px and up)
@media only screen and (min-width: 1200px) {
.container {background: pink;}
}*/
/*@media only screen and (max-width: 768px) and (max-width: 1035px) {
.testo_famiglia_banner {
font-size: 16px;
width: 60%;
padding: inherit;}
.ico_famiglia_banner {
display: none;}
.button_famiglia_banner {
font-size: 15px;}
.ui-tabs .column, .ui-tabs .columns {
width: 20%;
}
}
@media only screen and (max-width: 1035px){
.ui-tabs li > a{
font-size: 12px;}
}*/
/* ------------------------------------------------
Retina Sprites
--------------------------------------------------- */
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
.header__logo,
.header__logo--title,
.header__user-avatar,
.footer__logo {
background-image: url("https://cdn.portaleargo.it/portale/v2/images/sprite@2x.png");
background-size: 120px 180px; } }
/********************************/
.rich-panel {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 12px;
tr {
border-bottom: 1px solid red;
}
td {
border-bottom: none;
}
}
.rich-panel-header {
padding: 12px;
background-color: white;
background-image: none;
border: none;
border-bottom: 1px solid #DCDDDF;
font-size: 1.8em;
line-height: 1.4;
font-weight: 400;
font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #67737b;
}
.rich-panel-body {
font-size: 1.4em;
}
.rich-tabpanel {
margin-top: 12px;
}
.dr-pnl-b {
line-height: 1.4;
font-weight: 400;
font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #67737b;
}
input[type="email"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
padding: 6px 10px;
font-size: 1.0em;
}
.support-tel {
margin: 0 4px 0 30px;
width: 14px;
height: 14px;
}
.guide-class {
border-left: 1px solid #aaaaaa;
padding: 6px 8px 0 8px;
margin-left: 12px;
}
.button--famiglia {
background: white !important;
color: #f8b133 !important;
border: 2px solid #f8b133 !important;
font-size: 12px;
font-weight: 800;
text-transform: none !important;
padding: 2px 10px;
right: 80px !important;
line-height: 1.2em;
}
.button--famiglia:hover {
background: #f8b133 !important;
color: #fff !important;
}
.novita {
position: absolute;
background: #ea5c47;
color: #fff;
font-weight: 600;
padding: 2px 6px;
border-radius: 5px;
margin: 5px 65px;
}
.novita-generale {
background: #F8A934;
}