@charset "utf-8";
/* CSS Document */
.detailDiv {
  background-color: lightcyan;
  }
.loginState {
    display:none;
}
/* // Small devices (landscape phones, 288px and up) */
@media (min-width: 288px) { 
    body {
        background: lightcyan;
    }
    h1 {
        color: #015107;
        font-size: 20px;
    }
    h2 {
        color: #015107;
        font-size: 15px;
    }
    h3 {
        color: #015107;
        font-size: 15px;
    }
    h4 {
        color: #015107;
        font-size: 15px;
    }
    h5 {
        color: #015107;
        font-size: 15px;
    }
    h6 {
        color: #460303;
        font-size: 10px;
    }
.button {
	padding: 1px 1px;
	color: #157B7E;
	margin: 1px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}
.btn-modal-target {
	padding: 0px 1px;
	color: #BAEBEB;
    font-weight: bold;
	margin: 1px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
}
  .modal-header, .close {
    background-color: lightcyan;
    color:white !important;
    text-align: center;
    font-size: 3px;
  }
  .modal-footer {
    background-color: lightcyan;
  }
#btn-coffee {
	background: #e85545;
}
#btn-breakfast {
	background: #F1773A;
}
#btn-lunch {
	background: #525FE4;
}
#btn-dinner {
	background: #22C2D9;
}
#btn-desert {
	background: #E520BD;
}
#btn-other {
	background: #14862D;
}
#btn-all {
	background: #E90A0A;
}
#btn-active {
	background: #E0E900;
}
}
 
/* // Small devices (landscape phones, 576px and up) GAP BETWEEN WHITE & PINK!! */
@media (min-width: 576px) { 
     body {
        background: lightcyan;
    }
    h1 {
        color: #015107;
        font-size: 25px;
    }
    h2 {
        color: #015107;
        font-size: 20px;
    }
    h3 {
        color: #015107;
        font-size: 20px;
    }
    h4 {
        color: #015107;
        font-size: 20px;
    }
    h5 {
        color: #015107;
        font-size: 20px;
    }
    h6 {
        color: #460303;
        font-size: 20px;
    }
.button {
	padding: 2px 2px;
	color: #157B7E;
	margin: 2px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
}
.btn-modal-target {
	padding: 4px 6px;
	color: #BAEBEB;
    font-weight: bold;
	margin: 6px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
}
  .modal-header, .close {
    background-color: lightcyan;
    color:white !important;
    text-align: center;
    font-size: 10px;
  }
  .modal-footer {
    background-color: lightcyan;
  }
#btn-coffee {
	background: #e85545;
}
#btn-breakfast {
	background: #F1773A;
}
#btn-lunch {
	background: #525FE4;
}
#btn-dinner {
	background: #22C2D9;
}
#btn-desert {
	background: #E520BD;
}
#btn-other {
	background: #14862D;
}
#btn-all {
	background: #E90A0A;
}
}

/* // Medium devices (tablets, 768px and up) 
@media (min-width: 768px) { 
     body {
        background: #F09AC8;
    }
    h1 {
        color: #015107;
        font-size: 30px;
    }
    h2 {
        color: #015107;
        font-size: 30px;
    }
    h3 {
        color: #015107;
        font-size: 30px;
    }
    h4 {
        color: #015107;
        font-size: 30px;
    }
    h5 {
        color: #015107;
        font-size: 30px;
    }
    h6 {
        color: #460303;
        font-size: 30px;
    }
}
*/
/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    body {
        background: lightcyan;
    }
    h1 {
        color: #015107;
        font-size: 40px;
    }
    h2 {
        color: #015107;
        font-size: 27px;
    }
    h3 {
        color: #015107;
        font-size: 27px;
    }
    h4 {
        color: #015107;
        font-size: 27px;
    }
    h5 {
        color: #015107;
        font-size: 27px;
    }
    h6 {
        color: #460303;
        font-size: 27px;
    }
.button {
	padding: 8px 8px;
	color: #157B7E;
	margin: 6px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
}
.btn-modal-target {
	padding: 8px 10px;
	color: #BAEBEB;
    font-weight: bold;
	margin: 8px;
	border-radius: 10px;
	cursor: pointer;
	display: inline-block;
}
  .modal-header, .close {
    background-color: lightcyan;
    color:white !important;
    text-align: center;
    font-size: 15px;
  }
  .modal-footer {
    background-color: lightcyan;
  }
#btn-coffee {
	background: #e85545;
}
#btn-breakfast {
	background: #F1773A;
}
#btn-lunch {
	background: #525FE4;
}
#btn-dinner {
	background: #22C2D9;
}
#btn-desert {
	background: #E520BD;
}
#btn-other {
	background: #14862D;
}
#btn-all {
	background: #E90A0A;
}
}

/* // Extra large devices (large desktops, 1200px and up) 
@media (min-width: 1200px) { 
     body {
        background: #F5F798;
    }
 }
 */