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-size: 6.6rem;
  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: #8D8C99;
  letter-spacing: .1rem; }

.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--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--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--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-image: linear-gradient(-180deg, #63C9FF 0%, #4EADE1 100%) !important;
  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; }

.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--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("../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: #CAEBFD;
  clear: both;
  border-radius: 6px; }

.ui-message__title {
  color: #234E66; }

.ui-message__body {
  margin-top: 12px;
  font-size:1.4em; 
}

.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; }

.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: rgba(255, 202, 95, 0.9); }
  .ui-message--warning .ui-message__title, .ui-message--warning .ui-message__close {
    color: #664814; }
  .ui-message--warning .ui-message__body {
    color: #996E20; }

.ui-message--error {
  background-color: rgba(255, 118, 94, 0.9); }
  .ui-message--error .ui-message__title, .ui-message--error .ui-message__close {
    color: #993B2E; }
  .ui-message--error .ui-message__body {
    color: #66281F; }

.ui-message--confirm {
  background-color: rgba(191, 231, 151, 0.9); }
  .ui-message--confirm .ui-message__title, .ui-message--confirm .ui-message__close {
    color: #426636; }
  .ui-message--confirm .ui-message__body {
    color: #649951; }

@media only screen and (max-width: 768px) {
  .ui-message {
    width: 95%;
    margin: 24px auto 0 auto; }

  .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("../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("../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 {
  background-position: 0 -48px; }

.ui-icon--utenze {
  background-position: -24px -48px; }

.ui-icon--notifiche {
  background-position: -48px -48px; }

.ui-icon--assistenza {
  background-position: -72px -48px; }

.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("../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; }

.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("../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("../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: 1024px) {
	.responsive-table td:first-child {
		padding-left: 0;
	}
}
@media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {

    /* 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-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: 320px; }
	}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
		width:768px;
	}
}
/* ------------------------------------------------
    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 {
  background: #FFFFFF;
  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: 16px 15px 16px 15px;
  background: #EAEEF1;
  border-top: 5px solid #B8BCCC;
  text-decoration: none; }
#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: 0px 1px 2px 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%; } }
/* ------------------------------------------------
    Hex
--------------------------------------------------- */
.ui-hex {
  display: block;
  width: 90%;
  margin: 0 auto;
  margin: 24px auto;
  padding: 5%; }

.ui-hex__img {
  max-width: 100%;
  width: 100%; }

.sprite1 {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/sprite-didattica.png);}
.hex-generale-1 {width:154px; height:211px; background-position: -0px -0px}
.hex-generale-10 {width:154px; height:211px; background-position: -154px -0px}
.hex-generale-2 {width:154px; height:211px; background-position: -308px -0px}
.hex-generale-3 {width:154px; height:211px; background-position: -462px -0px}
.hex-generale-4 {width:154px; height:211px; background-position: -616px -0px}
.hex-generale-5 {width:154px; height:211px; background-position: -770px -0px}
.hex-generale-6 {width:154px; height:211px; background-position: -924px -0px}
.hex-generale-7 {width:154px; height:211px; background-position: -1078px -0px}
.hex-generale-8 {width:154px; height:211px; background-position: -1232px -0px}
.hex-generale-9 {width:154px; height:211px; background-position: -1386px -0px}
.hex-generale-vuoto {width:154px; height:211px; background-position: -924px -0px}

.sprite2 {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/sprite-personale.png);}
.hex-personale-1 {width:154px; height:211px; background-position: -0px -0px}
.hex-personale-10 {width:154px; height:211px; background-position: -154px -0px}
.hex-personale-2 {width:154px; height:211px; background-position: -308px -0px}
.hex-personale-3 {width:154px; height:211px; background-position: -462px -0px}
.hex-personale-4 {width:154px; height:211px; background-position: -616px -0px}
.hex-personale-5 {width:154px; height:211px; background-position: -770px -0px}
.hex-personale-6 {width:154px; height:211px; background-position: -924px -0px}
.hex-personale-7 {width:154px; height:211px; background-position: -1078px -0px}
.hex-personale-8 {width:154px; height:211px; background-position: -1232px -0px}
.hex-personale-9 {width:154px; height:211px; background-position: -1386px -0px}
.hex-personale-vuoto {width:154px; height:211px; background-position: -1540px -0px}

.sprite3 {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/sprite-bilancio.png);}
.hex-bilancio-1 {width:154px; height:211px; background-position: -0px -0px}
.hex-bilancio-2 {width:154px; height:211px; background-position: -154px -0px}
.hex-bilancio-3 {width:154px; height:211px; background-position: -308px -0px}
.hex-bilancio-4 {width:154px; height:211px; background-position: -462px -0px}
.hex-bilancio-5 {width:154px; height:211px; background-position: -616px -0px}
.hex-bilancio-vuoto {width:154px; height:211px; background-position: -770px -0px}

.sprite4 {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/sprite-generale.png);}
.hex-generale-1 {width:154px; height:211px; background-position: -0px -0px}
.hex-generale-10 {width:154px; height:211px; background-position: -154px -0px}
.hex-generale-2 {width:154px; height:211px; background-position: -308px -0px}
.hex-generale-3 {width:154px; height:211px; background-position: -462px -0px}
.hex-generale-4 {width:154px; height:211px; background-position: -616px -0px}
.hex-generale-5 {width:154px; height:211px; background-position: -770px -0px}
.hex-generale-6 {width:154px; height:211px; background-position: -924px -0px}
.hex-generale-7 {width:154px; height:211px; background-position: -1078px -0px}
.hex-generale-8 {width:154px; height:211px; background-position: -1232px -0px}
.hex-generale-9 {width:154px; height:211px; background-position: -1386px -0px}
.hex-generale-vuoto {width:154px; height:211px; background-position: -924px -0px}

.ui-hex__title {
	text-align:center;
	color:#7891A5;
	margin:-20% 0 0 0;
  	font-size:1.1rem; 
}

@media only screen and (max-width: 768px) {
  .ui-hex {
    width: 80%;
    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(../images/sprite@2x.png);
    background-size: 120px 180px; } }
/*
  Layout

- Header
- Main Navigation
- Inner Content
- Footer

*/
body {
  background-color: #F2F6F9; }

/*:focus {
  outline: thin dashed;
  outline-color: #F7B134;
  outline-width: 2px; 
}*/

/* ------------------------------------------------
    Header
--------------------------------------------------- */
.header {
  position: relative;
  height: 60px;
  padding: 12px 20px 0 20px;
  background-color: #FFF;
  box-sizing: border-box; }

.header__logo {
  float: left;
  width: 72px;
  height: 36px;
  text-indent: -9999px;
  background: url("../images/sprite.png") no-repeat 0 0; }

.header__logo--title {
  margin: auto;
  width: 96px;
  height: 12px;
  background: url("../images/sprite.png") no-repeat 0px -36px;
  text-indent: -9999px;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0; }

.header__login-button {
  position: absolute;
  top: 0;
  right: 0; }

.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("../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: 60px;
  background: #F4F6F5;
  -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); }

.main-menu__toggle {
  display: none;
  height: 36px;
  text-align: center;
  margin-top: 12px;
  cursor: pointer; }

.main-menu__tab {
  width: 25%;
  height: 60px;
  float: left;
  position: relative;
  background: #F4F6F5;
  border-top: 1px solid #EBEFF0;
  border-bottom: 1px solid #EBEFF0;
  border-right: 1px solid #EBEFF0;
  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 {
  background: #63C9FF;
  border-color: #4BB4EB; }

.main-menu__tab--active .ui-icon {
  background-position-y: -72px; }

.main-menu__tab--active .ui-icon-label__text {
  color: white; }

.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 {
  overflow: auto;
  margin: 18px auto 0 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.didattica {
  background: url("https://static.portaleargo.it/portale/images/hero-banner-1.jpg") no-repeat; }

.hero.personale {
  background: url("https://static.portaleargo.it/portale/images/hero-banner-2.jpg") no-repeat; }

.hero.contabile {
  background: url("https://static.portaleargo.it/portale/images/hero-banner-3.jpg") no-repeat; }

.hero.generale {
  background: url("https://static.portaleargo.it/portale/images/hero-banner-4.jpg") no-repeat; }

.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; }

@media only screen and (max-width: 768px) {
  .hero {
    height: 288px; }

  .hero__intro {
    margin-top: 60px; }

  .hero__title {
    width: 80%; } }
.ui-tabs--hex {
  margin-top: -72px; }
#news-container .ui-tabs--hex {
	margin-top: -59px;
}  

@media only screen and (max-width: 768px) {
  .ui-tabs--hex {
    margin-top: 0; } }
/* ------------------------------------------------
    Footer
--------------------------------------------------- */
.footer {
  min-height: 84px;
  margin-top: 48px;
  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("../images/sprite.png") no-repeat -24px -96px; }

.footer__credits {
  float: left; }

.footer__rina-logo {
  width: 106px;
  height: 36px;
  float: right;
  background: url("../images/logo-rina.png") no-repeat; }

@media only screen and (max-width: 480px) {
  .footer__rina-logo {
    margin: 24px auto 0 auto;
    float: none; } }
/* ------------------------------------------------
    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(../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;
}