@font-face { font-family: Ubuntu; src: url('/fonts/Ubuntu-Regular.ttf'); } 
@font-face { font-family: Ubuntu; font-weight: bold; src: url('/fonts/Ubuntu-Bold.ttf');}

body {
   font-family: Ubuntu, sans-serif;
   margin: 0;
}

h1 {
   margin: 0;
   line-height: 2;
   text-align: center;
}

h2 {
   margin: 0 0 .5em;
   font-weight: normal;
}

input {
   position: absolute;
   opacity: 0;
   z-index: -1;
}

.container {
   width: 298px;
   border: 1px solid #979797;
}

/* Accordion styles */
.tabs {
   overflow: hidden;
}

.tab {
   width: 100%;
   color: white;
   overflow: hidden;
}
.tab-label {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 40px;
   padding: 0px 10px;
   background: #fa364a;
   cursor: pointer;
   box-shadow: 0 1px 0 0 #ffffff;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
}
.tab-label:hover {
   background: #dc3042;
}
.tab-label::after {
   content: url('/css/laneu/images/icon-arrow-down.png');
   width: 1em;
   height: 1em;
   text-align: center;
   transition: all .35s;
}
.tab-content {
   max-height: 0;
   background: #e2e7e8;
   transition: all .35s;
   height: 348px;
   overflow: scroll;
}
.tab-close {
   display: flex;
   justify-content: flex-end;
   padding: 1em;
   font-size: 0.75em;
   background: #2c3e50;
   cursor: pointer;
}
.tab-close:hover {
   background: #1a252f;
}

input:checked + .tab-label {
   background: #dc3042;
}
input:checked + .tab-label::after {
   -webkit-transform: rotate(-90deg);
           transform: rotate(-90deg);
}
input:checked ~ .tab-content {
   max-height: 100vh;
}

.resort-panel {
   background-color: #ffffff;
   margin-bottom: 4px;
   padding: 1em;
}

.resort-panel .resort-panel-header {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
}

.resort-panel .resort-panel-header .avatar{
   max-width: 43px;
}

.resort-panel .resort-panel-header .resort-name {
   margin-left: 20px;
   margin-top: 0;
   margin-bottom: 0;
   text-decoration: none;
   color: #307dfd;
}

.resort-panel .resort-panel-body {
   color: #1c1c1c;
   font-size: 13px;
}


/* TAULA RESUM CONDICIONS DE NEU DE LES ESTACIONS */
.resort-panel .resort-panel-body table{
   width: 100%;
   border-collapse: collapse; 
}

.resort-panel .resort-panel-body table tr td {
   padding: 7px 0; 
   border-bottom: 1px solid #dddede;
}

.resort-panel .resort-panel-body table tr:last-child td {
   border-bottom: 0;
}

.resort-panel .resort-panel-body table tr td:nth-child(2){
   text-align: right;
}

/* FOOTER */
.footer {
   padding: 3px 10px;
   background-color: #0c2340;
}