/*!
 * Autor: Adrian Zurbrügg, Hostettler Dimitri, Fabio Perissinotto
 * Copyright 2015-2019 ISCeco WBF Lehrwerkstatt
 * 
 */
body, html {
    height: 100%;
}
/*Karussell Style*/
#karussell {
    height: 100%;
    position: fixed;
    margin-top: 55px;
    font-size: 200%;
}

.statusknopf{
    width: 150px;
    cursor: default;
}
/***************/

/*Header Style*/
.main-header {
    border-bottom: 5px solid #FD6600;
    position: fixed;
    z-index: 1000;
}
/**************/

/*Footer Style*/
.main-footer {
    border-top: 5px solid #FD6600;
    background-color: white;
    position: fixed;
    height: 60px;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer-link-text {
    color: #FD6600;
}
.copyright-text {
    color: #FD6600;
}
/******************/

/*Admin Bereich*/
/*Design der Dropdownlisten*/
.dropdown {
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.30);
}

.card-content.grey.lighten-4 {
    margin-bottom: -15px;
}

.label {
    margin-bottom: -10px;
}

.bigModal {
    width: 75%;
}

.card {
    margin-bottom: 0;
}


#btn_standort_liste input, #btn_mannschaft_liste input, #btn_garderobe_liste input, #btn_platz_liste input {
    background:rgba(0,0,0,0);
    border:none;
}

/******************/

/*Login*/
 /* label focus color */
   .input-field input[type=text]:focus + label, .input-field input[type=password]:focus + label, .input-field input[type=email]:focus + label{
     color: #FD6600 !important;
}
/* label underline focus color */
   .input-field input[type=text]:focus, .input-field input[type=password]:focus, .input-field input[type=email]:focus {
     border-bottom: 1px solid #FD6600 !important;
     box-shadow: 0 1px 0 0 #FD6600 !important;
   }

[type="checkbox"]:checked + span:not(.lever):before{
    border-right: 2px solid #FD6600;
    border-bottom: 2px solid #FD6600;
}
/*************/

/*************************************/
@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('../fonts/helvetica/Helvetica.woff') format('woff');
}

.nav-wrapper a{
    color: black;
}

#loader{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    overflow: hidden;
    top:50%;
    left:50%;
}
#overlay {
    position: fixed;
    top: -25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #000;
    will-change: opacity;
    z-index: 1003;
    opacity: 0.2;
}
#overlay-loader {
    position: fixed;
    top:40%;
    left:50%;
    z-index: 1004;
}
#editor {
    display: none;
}

.userselect {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    user-select: none;
}

.collapsible-body{
    overflow: scroll;
    height: 500px;
}
.userselect.mobile {
    overflow: auto !important;
}

/*******Datepicker*************/
.datepicker-date-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #FD6600 !important;
  color: #fff;
  padding: 20px 22px;
  font-weight: 500;
}

.datepicker-table td.is-today {
  color: #FD6600 !important;
}

.datepicker-table td.is-selected {
  background-color: #FD6600 !important;
  color: #fff !important;
}

/* Footer */

.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #FD6600;
  padding: 0 1rem;
}


.timepicker-digital-display {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
      -ms-flex: 1 auto;
          flex: 1 auto;
  background-color: #FD6600;
  padding: 10px;
  font-weight: 300;
}

.timepicker-canvas line {
  stroke: #FD6600;
  stroke-width: 4;
  stroke-linecap: round;
}

.timepicker-canvas-bearing {
  stroke: none;
  fill: #FD6600;
}

.timepicker-canvas-bg {
  stroke: none;
  fill: #FD6600;
}

.timepicker-close {
  color: #FD6600;
}
/*********************************/

@media only screen and (max-height: 568px) {
    .collapsible-body{
        overflow: scroll;
        height: 330px;
    }
}
@media only screen and (min-height: 667px) {
    .collapsible-body{
        overflow: scroll;
        height: 430px;
    }
}