@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

body {
   font-family: 'Open Sans', sans-serif;
   background: #fefefe;
   margin: auto;
}


nav#tools-menu, nav#shortcut-menu {
   -webkit-margin-before: 0;
}


/* General elements (blocks) */

header {
   height: 90px;
   border-bottom: #8fbdd0 1px solid;
}

#header-container {
   padding: 0 3rem;
}

#main-menu {
   display: none;
}

a.transoptima-logo {
   float: left;
}

a.transoptima-logo div {
   width: 300px;
   height: 45px;
   background-image: url(../img/lightblue/transoptima-logo.svg);
   background-size: 100%;
   background-repeat: no-repeat;
   position: relative;
   top: 42px;
   left: 45px;
}

#content {
   margin-left: 0;
}

#content h1 {
   font-size: 1.5rem;
   padding: 0 3rem;
   margin: 0;
   color: #8fbcd0;
}

#content h2 {
   font-size: 1rem;
   font-weight: normal;
   color: #444;
   margin: 0.2rem 0 0.5rem 0;
}

#content .confirm-text {
   margin: 4rem auto;
   padding: 4rem;
}

#footer {
   clear: both;
   text-align: left;
   color: #698e9d;
   padding: 0.5rem 3rem;;
   font-size: 12px;
   border-top: 1px solid #86b6c9;
}

#blank-page {
   height: 100%;
   background: #fcfcfc;
}

#blank-page span {
   display: none;
   font-size: 1.5rem;
   position: relative;
   top: 50%;
}

/* Page headers / filters */

.browse-filter {
   display: table;
   padding-top: 1rem;
}

.browse-filter .picto-container {
   display: table-cell;
   padding: 1rem;
}

.browse-filter .picto {
   background: url(../img/lightblue/albaran-white.svg);
   background-size: 60%;
   background-position: center;
   background-repeat: no-repeat;
   background-color: #8fbcd0;
   border-radius: 50%;
   min-width: 8rem;
   height: 8rem;
   border-spacing: 1rem;
}

.browse-filter .picto.hojaruta {
   background-image: url(../img/lightblue/hoja-ruta-white.svg);
}

.browse-filter .picto.factura {
   background-image: url(../img/lightblue/factura-white.svg);
}

.browse-filter .picto.rd {
   background-image: url(../img/lightblue/reembolsos-white.svg);
}

.browse-filter .filters {
   display: table-cell;
   border-left: 2px solid #8fbcd0;
   vertical-align: top;
}



/* General UI elements */

select {
   width: 8rem;
   padding:3px;
   margin: 0;
   background: #fcfcfc;
   color: #7e8aa2;
   border: 1px solid #ccc;
   outline:none;
   display: inline-block;
   cursor:pointer;
   font-size: 0.75rem;
}

select[multiple="multiple"] {
   height: 10rem;
}

select:focus {
   background-color: #e0e0e0;
}

.browse-filter .select2-container--default .select2-selection--single {
   font-size: 14px;
   border-radius: 0 ; 
}

.select2-results__options {
   font-size: 14px;
   line-height: 14px;
}


input[type="text"], input[type="email"], input[type="password"] {
   padding: 0.2rem 0.4rem;
   border: #ccc 1px solid;
   color: #7e8aa2;
   font-size: 14px;
}

input[type="text"].datepicker {
   width: 4.5rem;
   text-align: right;
}

input[type="text"].datetimepicker {
   width: 8.5rem;
   text-align: right;
}

input[type="text"]:disabled {
   background: #f8f8f8;
}

i.help-icon {
   display: none;
   padding: 0 2px;
   border: 1px solid #ff9800;
   border-radius: 2px;
   margin-left: 5px;
   background: #f8f8f8;
   font-style: normal;
   color: #263248;
   font-size: 80%;
}

i#help-button {
   font-style: normal;
   font-weight: bold;
   float: right;
   width: auto;
   color: #ffffff;
   background: #7e8aa2;
   padding: 2px 6px;
   border: 2px solid #ff9800;
   border-radius: 12px;
   position: relative;
   top: 4px;
   right: 4px;
   transition: background 1s;
}

i#help-button:hover, i#help-button.active {
   background: #afb3bb;
}

i#help-button.ui-state-focus {
   margin: 0;
}

span#status {
   float:right;
}

input[type="submit"], button {
   background-color: #226e8f;
   border: none;
   border-radius: 0.75rem;
   font-size: 14px;
   text-decoration: none;
   color: white;
   padding: 0.5rem 1.5rem;
   transition: background-color 0.5s;
}

button a {
   color: white;
   text-decoration: none;
}

button:hover, input[type="submit"]:hover {
   background: #4faad0;
   color: #fff;
}

.button-new {
   width: 50%;
   float: right;
}

input[type="number"] {
   padding: 0.2rem;
   width: 6rem;
   border: #ccc 1px solid;
   text-align: right;
   font-size: 14px;
   color: #7e8aa2;
}

input:read-only {
   background: #9fc2dd;
}


/* Field wrappers */

.field-wrapper { margin-top: 12px; }

.field-wrapper.icon { vertical-align: bottom; }

.field-wrapper label {
   display: block;
   font-size: 12px;
   margin-bottom: 2px;
   color: #8fbcd0;
}

.field-wrapper .readonly {
   font-size: 14px;
   background: #f0f0f0;
   padding: 2px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
}

.field-wrapper.euro::after {
   content: '\20AC'; // Euro
   color: #7e8aa2;
}

.field-wrapper.simple-link {
   vertical-align: bottom;
}

.field-wrapper.simple-link a {
   padding: 0;
   margin: 0;
}

.simple-link a {
   float: right;
   padding: 0.4rem 1rem;
   margin: 0 0.5rem 0.5rem 0;
   color: #8391A0;
   font-size: 12px;
}

/* Field groups */

fieldset.field-group {
   display: table;
   background: #fefefe;
   border: none;
   margin: 0 2rem;
   padding: 0.5rem 1rem;
}

.field-group .field-wrapper {
   display: table-cell;
   padding-right: 1rem;
}

.field-group .field-wrapper.button {
   vertical-align: bottom;
}

.field-group .field-wrapper.button input[type="submit"] {
   margin-bottom: 0;
}

/* Messages */

#messages {
   background: #c0d7e2;
   color: #374a52;
   padding: 1rem;
}

ul.error {
   margin-left: 1rem;
}

.helptext {
   font-size: 12px;
   margin-top: 4px;
   color: #444;
}

/* Tables */

.transoptima-table {
   padding: 0.5rem 1rem;
}

.transoptima-table table {
   border-collapse: collapse;
   border-spacing: 0;
   width:100%;
   height:100%;
   margin:0px;padding:0px;
}

.transoptima-table tr input { margin: 0.2rem 0; }

.transoptima-table tr:nth-child(odd)     { background-color:#f5f5f6; }
.transoptima-table tr:nth-child(even)    { background-color:#ffffff; }

.transoptima-table td {
   vertical-align:middle;
   text-align: left;
   padding: 0 4px;
   font-size:12px;
   font-weight:normal;
   color:#080808;
}

.transoptima-table td.icons {
   padding-top: 0.2rem;
   text-align: center;
   vertical-align: middle;
}

.transoptima-table td.icons a, a.icon {
   font-size: 1rem;
   color: #8fbcd0;
   transition: color 0.5s;
}

.transoptima-table td.icons a:hover, a.icon:hover {
   color: #506a75;
}

.transoptima-table td.date input {
   width: 5rem;
}

.transoptima-table td.amount input {
   width: 5rem;
}

.transoptima-table tr:last-child td { border-width:0px 1px 0px 0px; }
.transoptima-table tr td:last-child { border-width:0px 0px 1px 0px; }
.transoptima-table tr:last-child td:last-child { border-width:0px 0px 0px 0px; }

.transoptima-table tr:first-child td {
   font-size: 48px;
}

.transoptima-table tr:first-child td {
   background-color:#ececed;
   border:none;
   font-size:14px;
   font-weight:bold;
   color:#8fbcd0;
   padding: 0.3rem;
}

.transoptima-table tr:first-child td:first-child{ border-width:0px 0px 1px 0px; }
.transoptima-table tr:first-child td:last-child{ border-width:0px 0px 1px 1px; }

.transoptima-table .amount {
   text-align: right;
}

/* CSV import */
.csv-albaran .transoptima-table input {
   font-size: 12px;
}

.csv-albaran .transoptima-table td.referencia input[type="text"] {
   width: 6rem;
}

.csv-albaran .transoptima-table input[type="number"] {
   width: 3.5rem;
}

.csv-albaran .transoptima-table input[type="text"] {
   width: 7rem;
}

.csv-albaran .transoptima-table td.bultos input[type="number"] {
   width: 3rem;
}

.csv-albaran .transoptima-table td.date input[type="text"] {
   width: 4rem;
}

.csv-albaran .transoptima-table td.pagdeb input[type="text"] {
   width: 1rem;
}

.csv-albaran .totals {
   padding-left: 2rem;
   color: #7e8aa2;
   font-size: 0.8rem;
}

/* XLS import */
.xls-albaran .transoptima-table input {
   font-size: 12px;
}

.xls-albaran .transoptima-table td.referencia input[type="text"] {
   width: 6rem;
}

.xls-albaran .transoptima-table input[type="number"] {
   width: 3.5rem;
}

.xls-albaran .transoptima-table input[type="text"] {
   width: 7rem;
}

.xls-albaran .transoptima-table td.bultos input[type="number"] {
   width: 3rem;
}

.xls-albaran .transoptima-table td.date input[type="text"] {
   width: 4rem;
}

.xls-albaran .transoptima-table td.pagdeb input[type="text"] {
   width: 1rem;
}

.xls-albaran .totals {
   padding-left: 2rem;
   color: #7e8aa2;
   font-size: 0.8rem;
}

/* Search box */

.search input[type=submit] {
   float: none;
   background: none;
   margin: 0;
   padding: 0;
   width: 1.5rem;
   height: 1.5rem;
   vertical-align: middle;
   font-size: 0;
}

.search .fa-search {
   position: relative;
   left: -26px;
   color: #86b5c9;
   z-index: -1;
}
.search .fa-search:hover {
   color: red;
}

/* Pager links */

.pager-links a {
   text-decoration: none;
   font-size: 26px;
   line-height: 1rem;
   padding: 2px;
   color: #86b5c9;
}
.pager-links a:hover {
   color: #79a5b6;
}

.pager-links a.previous {
}

.pager-links a.next {
}

textarea#id_comentarios {
   width: 40rem;
   height: 3rem;
}

/* Controls box */

.controls {
   display: table;
   width: 97%;
   padding: 0.5rem 1rem;
}

.controls-row {
   display: table-row;
   height: 2.5rem;
}

.controls .pager {
   display: table-cell;
   width: 10%;
}

.controls .search {
   display: table-cell;
   vertical-align: top;
}

.controls .button-group { 
   display: table-cell;
   width: 12%;
   padding-top: 0;
   text-align: right;
}

.button-link {
   padding: 0.35rem 1.5rem 0.5rem 1.5rem;
   margin: 0 0.5rem;
   border-radius: 0.75rem;
   background: #226e8f;
   text-align: center;
   display: inline;
   vertical-align: middle;
}

.button-link a {
   text-decoration: none;
   color: #ffffff;
   font-size: 14px;
   text-align: center;
}

.simple-link { display: inline; }


/* Individual styling for forms */

.browse-factura .controls .button-group { width: 24%; }
.edit-factura .controls .button-group { width: 10%; }
.edit-factura .controls .pager { width: 25%; }

/* Cliente */
input#id_domicilio { width: 15rem; }
input#id_codigo_pais { width: 3rem; }
input#id_telefono { width: 5rem; }
input#id_movil { width: 5rem; }
input#id_cp { width: 5rem; }
input#id_cif { width: 5rem; }
input#id_iban { width: 10rem; }
input#id_tipo_iva { width: 4rem; }
input#id_tipo_seguro { width: 4rem; }

/* Cliente popup */

.popup #main-menu { display: none; }
.popup #secondary-menu { display: none; } 
.lightblue.popup header { display: none; }
body.edit-cliente.popup { width: 960px; } 
body.lighblue.edit-cliente.popup { margin-top: 0.5rem; } 

/* Albaran */

.edit-albaran .button-group, .edit-hr .button-group {
   /*
   text-align: right;
   display: inline;
   padding: 1rem;
   */
}

.edit-albaran a.cliente-add-link {
   color: #8fbcd0;
}

/* Calendars */
.ui-datepicker.ui-widget.ui-widget-content {
   color: #404040;
}

@media screen and (min-device-width: 480px) {
   input#id_nombre_remitente, 
   input#id_domicilio_remitente, 
   input#id_nombre_consignatario, 
   input#id_domicilio_consignatario { width: 12rem; }

   textarea#id_notas { width: 400px; height: 100px; }

   input#id_reexpedicion, input#id_mercancia, input#id_r_original { width: 12rem; }

   .browse-albaran .form-wrapper select { width: 5rem; }
   .field-wrapper.id_factura .select2-container { min-width: 10rem; }
}

@media screen and (max-device-width: 479px) {
   input#id_tipo_iva { width: 8rem; }
   input#id_tipo_seguro { width: 8rem; }
}

/* Plazas */

.plaza-list .transoptima-table {
   width: 40%;
   margin: 0.5rem auto;
}

/* Tarifas */

.browse-tarifa .form-wrapper {
   width: 35%;
   margin: auto;
}

.edit-tarifa .form-wrapper {
   width: 50%;
   margin: auto;
}

/* Vehículos */

.browse-vehiculo .form-wrapper {
   width: 50%;
   margin: auto;
}

/* Conductores */

.browse-conductor .form-wrapper {
   width: 15%;
   margin: auto;
}

/* Configuration */
.edit-config img.company-logo {
   max-width: 20rem;
   margin-top: 1rem;
}

/* Login form */

body.io-login {
   background: url(../img/io-login.png);
   background-repeat: no-repeat;
   background-size: cover;
   width: auto;
}

.io-login header {
   display: none;
}

.io-login .field-wrapper {
   padding: 0.5rem 2rem;
}

.io-login .field-wrapper label {
   font-size: 20px;
   font-family: Roboto;
   color: #fff;
}

.io-login .texture-1 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/texture-1.png);
    background-repeat: repeat;
    mix-blend-mode: overlay;
    opacity: 0.3;
}

.io-login input[type="text"], .io-login input[type="password"] {
   width: 96%;
   padding: 0.3rem;
   font-size: 20px;
   background-color: #fff;
}

.io-login input[type="submit"] {
   border: #003c30 1px solid;
   background: #41b932;
   margin: 0 0 1rem 0;
   padding: 0.75rem;
   width: 90%;
   font-size: 1.5rem;
}

.io-login .login-buttons { text-align: center; }
.io-login input#register { display: none; background: rgba(216, 26, 26, 0.8); }
.io-login input#login { background: #41b932; border: 1px solid #359c28; }

.io-login .login-title {
   background: -webkit-linear-gradient(top, rgba(250,250,250,0.8) 0%, rgba(233,238,241,0.8) 50%, rgba(224,239,249,0.8) 100%);
   background: -moz-linear-gradient(top, rgba(250,250,250,0.8) 0%, rgba(233,238,241,0.8) 50%, rgba(224,239,249,0.8) 100%);
   color: #444;
   font-family: "Open Sans";
   font-size: 2rem;
   font-weight: 400;
   border-bottom: 1px solid #7e8aa2;
   padding: 0.5rem 2rem;
}

.io-login #content {
   min-height: 100vh;
}

.io-login .form-wrapper {
    width: 22rem;
    border-top: #3f3f82 1px solid;
    border-bottom: #3f3f82 1px solid;
    background: rgba(25, 79, 151, 0.5)
}

.io-login #footer, .popup #footer {
   display: none;
}

.io-login .demo-notice {
   padding: 0 2rem;
}

.io-login .demo-notice p {
   margin: 0.2rem 0;
   font-size: 11px;
   line-height: 14px;
   color: #fff;
}

.io-login .demo-byline {
   background: rgba(136, 136, 136, 0.47);
   padding: 0.2rem 2rem;
}

.io-login .demo-byline a {
   color: #fff;
}

.io-login .demo-byline p {
   margin: 0;
   font-size: 11px;
   line-height: 14px;
   color: #fff;
}

/*                Menus                */

/* General styling for menus */ 

li.io-menu-item {
   display: table;
	background-color:#86b6c9;
	border-radius:15px;
	text-decoration:none;
   width: 25rem;
   height: 4rem;
   margin: 0.5rem 0;
   transition: background 0.2s;
}

li.io-menu-item .picto {
   background: url(../img/lightblue/albaran-white.svg);
   background-size: 50%;
   background-position: center;
   background-repeat: no-repeat;
   display: table-cell;
   border-right: 2px solid white;
   margin-right: 6.5rem;
}

li.io-menu-item .text {
   width: 80%;
   text-align:left;
   padding: 1rem;
   display: table-cell;
   vertical-align: middle;
}

li.io-menu-item a {
   font-size: 1.5rem;
   font-weight: normal;
   text-decoration: none;
   color: #fcfcfc;
   line-height: 1.2rem;
}

li.io-menu-item .description {
   color: #5d748a;
   font-size: 0.7rem;
}

/* Tools menu */

nav#tools-menu ul {
   position: relative;
   top: 60px;
   right: 50px;
   float: right;
   margin: 0;
}

nav#tools-menu li {
   display: inline;
   margin: 0 1rem;
}

nav#tools-menu li a {
   color: #8fbdd0;
   text-decoration: none;
}

nav#tools-menu li a:hover {
   color: #8fbdd0;
   text-decoration: underline;
}

/* Shortcut (full page) menu */

nav#shortcut-menu {
   padding: 1rem 0;
}

nav#shortcut-menu .io-menu-item.item-home {
   background-color: #c2ccd4;
   border: 1px solid #ccc;
}

nav#shortcut-menu .notice {
   font-size: 12px;
   color: #444;
   text-align: left;
   width: 90%;
   margin: auto;
   padding-top: 0.5rem;
}


/* Main menu (pulldown), processed by jQuery menu */

nav#main-menu {
   float: left;
}

nav#main-menu .selected {
   background-color: #7e8aa2;
}

nav#main-menu li.menutab {
   width: 2rem;
   color: #86b6c9;
   font-size: 2rem;
   padding: 0;
   top: 2.7rem;
   background: none;
   border: none;
}

nav#main-menu li.menutab:hover {
   background: none;
   border: none;
}

nav#main-menu li.menutab .ui-icon {
   display: none;
}

nav#main-menu li.io-menu-item:hover {
	background-color:#4faad0
}

nav#main-menu li.io-menu-item:active {
	position:relative;
	top:1px;
}

nav#main-menu > ul.ui-widget-content {
   border: 1px solid white;
}

/* Overrides for jquery UI menu */

.io-menu .ui-state-active,
.io-menu.ui-widget-content .ui-state-active,
.io-menu .ui-widget-header .ui-state-active {
	border: none;
}

.io-menu li.io-menu-item.ui-menu-item {
   padding: 0;
   display: table;
   width: 20rem;
   margin: 0.5rem 1rem;
}

ul.io-menu.ui-widget-content {
   border-radius: 1rem;
   background: rgba(255,255,255,0.75);
}

ul.ui-menu div.ui-state-active, ul.ui-menu div.ui-state-focus {
}

ul.ui-menu li.io-menu-item > div.ui-state-active.picto, 
ul.ui-menu li.io-menu-item > div.ui-state-focus.picto {
   border-right: 2px solid white;
}

ul.ui-menu li.io-menu-item > div.ui-state-active.text, 
ul.ui-menu li.io-menu-item > div.ui-state-focus.text {
   background: none;
}


/* Individual styling for menu options */

.io-menu-item.item-albaran > .picto {
   background-image: url(../img/lightblue/albaran-white.svg);
}

.io-menu-item.item-albaran {
   background-color: #c0d7e2;
}

.io-menu-item.item-hoja_ruta > .picto {
   background-image: url(../img/lightblue/hoja-ruta-white.svg);
}

.io-menu-item.item-hoja_ruta {
   background-color: #9ec1cc;
}

.io-menu-item.item-facturas > .picto {
   background-image: url(../img/lightblue/factura-white.svg);
}

.io-menu-item.item-facturas {
   background-color: #b1c9c9;
}

.io-menu-item.item-rd > .picto {
   background-image: url(../img/lightblue/reembolsos-white.svg);
}

.io-menu-item.color-1 { background-color: #c0d7e2; }
.io-menu-item.color-2 { background-color: #9ec1cc; }
.io-menu-item.color-3 { background-color: #b1c9c9; }
.io-menu-item.color-4 { background-color: #86b6c9; }

.io-menu-item.item-diario > .picto { background-image: url(../img/lightblue/diario.svg);  }
.io-menu-item.item-informes > .picto { background-image: url(../img/lightblue/informes.svg); }
.io-menu-item.item-mantenimiento > .picto { background-image: url(../img/lightblue/mantenimiento.svg); }
.io-menu-item.item-herramientas > .picto { background-image: url(../img/lightblue/herramientas.svg); }
.io-menu-item.item-config > .picto { background-image: url(../img/lightblue/config.svg); }
.io-menu-item.item-logout > .picto { background-image: url(../img/lightblue/logout.svg); }
.io-menu-item.item-mto_clientes > .picto { background-image: url(../img/lightblue/mto_clientes.svg); }
.io-menu-item.item-mto_tarifas > .picto { background-image: url(../img/lightblue/mto_tarifas.svg); }
.io-menu-item.item-mto_plazas > .picto { background-image: url(../img/lightblue/mto_plazas.svg); }
.io-menu-item.item-mto_vehiculos > .picto { background-image: url(../img/lightblue/mto_vehiculos.svg); }
.io-menu-item.item-mto_conductores > .picto { background-image: url(../img/lightblue/mto_conductores.svg); }
.io-menu.informes .picto { background-image: url(../img/lightblue/informes.svg); }

/* Mobile styling */

.slicknav_menu {
   display: none;
}

@media screen and (max-device-width: 480px) {
   body { width: auto; }

   #content { min-height: 95vh; height: 100%;}

   nav#main-menu {
      display: none;
   }

   /* Shortcut menus */
   #shortcut-menu { width: auto; }
   #shortcut-menu .io-menu-item a { font-size: 4rem; line-height: 2.5rem;}
   #shortcut-menu .description { font-size: 2rem; }
   #shortcut-menu .notice { font-size: 2rem; }

   #shortcut-menu ul.io-menu {
      padding: 1rem;
   }

   #shortcut-menu li.io-menu-item {
      width: 100%;
      height: 10rem;
   }

   /* Hide desktop only fields */
   .desktop-only, .field-group .field-wrapper.desktop-only { display: none; }

   /* Table styling */
   .transoptima-table td, .transoptima-table tr:first-child td { font-size: 1.5rem; }
   .transoptima-table td.icons a { font-size: 2rem; }
   .transoptima-table .icons .pdf, .transoptima-table .icons .print { display: none; }
   .transoptima-table .icons .edit img { width: 2rem; }

   /* Generic field styling */
   input[type="text"], input[type="email"], input[type="password"], input[type="number"] { 
      font-size: 2.5rem; 
      width: 100%;
      margin: 0;
      padding: 1rem 0.5rem;
   }

   input[type="number"] { width: 50%; }

   .search { margin-top: 1rem;}
   .search input[type="text"] { width: 65%; }
   .search input[type="submit"] { width: 3rem; background-size: 3.5rem; vertical-align: top; margin-left: 1rem; border-radius: 0.5rem;}
   .search svg.fa-search { font-size: 4rem; top: 20px;}

   .euro input[type="number"] { width: 50%; }
   .field-wrapper.euro:after { font-size: 2.5rem; }

   input[type="text"].datepicker { width: 14rem; }

   textarea { width: 100%; margin: 0 1rem; font-size: 1.5rem;}

   select { font-size: 2rem; width: 50%;}

   input[type="checkbox"] { width: 2rem; height: 2rem; }

   span.select2-container { min-width: 30rem; }
   .select2-container--default {
      font-size: 2.5rem;
   }

   .select2-results__options {
      font-size: 2rem;
      line-height: 2rem;
   }

   .select2.select2-container .select2-selection--single {
      height: 3rem;
   }

   input[type="submit"], button { font-size: 2.5rem; padding: 1.5rem; margin: 1rem; border-radius: 1rem;}
   .field-wrapper label { font-size: 2rem; }
   .field-wrapper.button { display: block; }
   .field-group .field-wrapper { display: block; }
   .controls .button-group {
      float: none;
      text-align: center;
   }

   .controls .button-group button { margin: 0; }

   /* Links and other elements */
   #content h1 { font-size: 3rem; }
   .controls { padding-top: 1rem; }
   .button-link a { font-size: 2.5rem; }
   .controls .pager {
      margin: 2rem 1rem;
      width: 20%;
   }

   .controls .button-link {
      display: block;
      width: 15rem;
   }

   .controls .pager-links a {
      background-size: 3rem;
      padding: 0;
      font-size: 5rem;
   }

   /* Slicknav menus */

   div.slicknav_menu {
      display: block;
      background: #fcfcfc;
   }

   div.slicknav_menu ul { margin: 0; }

   .slicknav_menu .io-menu-item .picto, .slicknav_menu .io-menu-item .description {
      display: none;
   }

   .slicknav_menu .io-menu-item .text {
      display: inline;
      padding: 0;
   }

   .slicknav_menu li.io-menu-item {
      height: initial;
      border: none;
      margin: 0.2rem;
      width: 98%;
   }

   .slicknav_menu li.io-menu-item a {
      font-size: 3rem;
      line-height: normal;
   }

   .slicknav_menu .slicknav_btn {
      float:none;
      background-color: #fcfcfc;
   }

   .slicknav_menu .slicknav_btn .slicknav_menutxt {
      color: #8fbcd0;
      text-shadow: none;
      font-size: 3rem;
   }

   .slicknav_menu span.slicknav_icon {
      margin-top: 14px;
   }

   .slicknav_menu .slicknav_icon .slicknav_icon-bar {
      background-color: #8fbcd0;
      font-size: 3rem;
   }

   .slicknav_menu li.io-menu-item:hover {
      background-color: white;
   }

   /* Calendars */
   .ui-datepicker.ui-widget.ui-widget-content {
      font-size: 2rem;
      color: #404040;
   }

   /* Messages */
   #messages { font-size: 2rem; }
   .ui-widget button .ui-button-text { font-size: 1.5rem; }
   .ui-widget button .ui-button-text { font-size: 1.5rem; }

   /* Login page */

   .io-login .form-wrapper { width: 75%; }
   .io-login .login-title { font-size: 4rem; }
   .io-login #login-form input { font-size: 3rem; }
}