@charset "UTF-8";
/* CSS Document */

form {
	margin-block-end: 0;
}
h1, h2, h3, h4, h5, p {
	margin:0;
	padding: 0;
}
.drop {
	filter: drop-shadow(6px 6px 3px #333);

}

.main {
	font-family: 'Montserrat';
	color:#000;
}

.nav {
	width:100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: stretch;
	height:8vh;
	list-style: none;
	margin:10px 0 0 0;
	padding:0;
}

.nav a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #878787;
	border:2px solid white;
	color:#fff;
	flex:1;
	font-family: 'Dosis';
	text-align: center;
}
li{
	border:1px solid black;
	display: flex;
	flex:1;
	justify-content: center;
	align-items: center;
	background: #1E577F;
}

li a{
	text-decoration: none;
	text-transform: uppercase;
	color:#fff;
}

.login-form {
	background: #1E577F;
	width:100%;
	max-width: 700px;
	height:100%;
	margin:0 auto;
	padding:20px 0 80px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;

}

.form-button-set {
    display: flex;
    flex-direction: column;
}

.login-form h2{
	margin:0;
	font-size: 52px;
	text-align: center;
	color:#fff;
	font-family: sans-serif;

}

.login-form p{
	font-size: 42px;
	color:#fff;
	margin:0 auto;
	font-family: sans-serif;
}

.login-form input{
	height:60px;
	width:80vw;
	margin:0 auto;
	max-width:400px;
	font-size:32px;
	text-align: center;

}

input#crush::placeholder{
	color: white;
}

body {margin:0}

.daily{
	max-width: 800px;
	min-height:100%;
	margin:0 auto;
}

.daily-title {
	min-height:0vh;
	padding:0px 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}



.daily h2{
	font-size:5vh;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	text-align: left;
	margin:0 10px 0 0;
	padding:5px 0 0 10px;
	}
	.daily-title h2{
		margin:0 0 0 30px;
	}
.daily h3{
	font-family: 'Roboto';
	text-align: center;
	color:#fff;
	margin:0 5px 0 0;
}
.daily-title h3{
margin:0;
color:#000;
}







.daily-form-bottom {
	min-height: 300px;
margin:5px 0 0;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;

}


.review-fix {
	width:auto;
}

.form-dp-daily {
	margin:10px 0;
}
.sr-button-set {
	width:90%;
	margin:0 auto;
	padding:10px 0;
	display: flex;
	justify-content: space-around;
}
.sr-button {
	background: #37bdac;
	width: 30px;
	height: 30px;
	padding: 15px;
	margin:0 0px;
	display: flex;
	border-radius: 50px;
	align-items: center;
	justify-content: center;
}

.sr-button h3{
margin:0;
padding:0;
font-size:28px;
font-family: 'pt sans narrow';
 text-shadow: -1px -1px 0px rgba(250, 250, 250, 0.3), 1px 1px 0px rgba(0, 0, 0, 0.8);
}





.sr {
    width: 100%;
	margin:5px 0vw;
	padding:0;
	display:flex;
    justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}


.dp {
	margin:10px 0vw;
	padding:0;
	display:flex;
	align-items: center;
	flex-wrap: nowrap;
}

.dp input{
	max-width: 150px;
min-height: 35px;
background: none;
border:none;
border-bottom: 2px solid white;
border-right: 1px dashed green;
font-size: 26px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", ;
text-align: left;
color:#fff;
padding:0 0 0 2vw;
}

.dp h4{
	max-width: 150px;
min-height: 35px;
background: none;
border:none;
border-bottom: 2px solid white;
border-right: 1px dashed green;
font-size: 26px;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", ;
text-align: left;
color:#fff;
padding:0 0 0 2vw;
}



.sr p{
	color:#fff;
}


.sr-title {
	display: flex;
	flex-wrap: wrap;
	margin:5px 0;
	}

.sr-title h3{
	text-align: left;
	font-family: 'Raleway';
	}

.sr h3{
	font-size:34px;
	margin:0px auto;
	text-align: left;
	font-family: 'pt sans narrow';
}
#scale-readings {
	width:50vw;
}
.sr input{
    width: 80%;
    margin: 0 auto;
    max-width: 200px;
	min-height: 40px;
	font-size: 26px;
	font-family: 'Roboto' ;
	text-align: left;
	color:#000;
	padding:0 0 0 2vw;
}
#sr-rev {
	min-height: 0px;
	width:auto;
}

#sr-rev input{
max-width:130px;
}

.add-type-button {
    margin: 0 auto;
    font-size: 12px;
    color: white;
    text-align: center;
    max-width: 50px

}

.addProdInput {
    margin: 5px auto !important;
    font-size: 12px !important
}

.showPT {
    width: 100%;
    margin: 5px auto 0;
    font-size: 12px;
    text-align: center;
}

.dp-rev{
	height:5vh;
	margin:0 0 0 10vw;
    width:30vw;
    border-bottom: 2px dotted white;
}

.redbox {
	border: 3px solid red;
}

.dtp {
	min-width: 70%;
	margin:10px auto 20px;
	padding:0px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color:#fff;
	text-align: center;
	font-family: 'Raleway';
}

.dtpp p{
	font-family: 'Roboto' ;
	font-size: 26px;
	margin:0 0 0 10px;

}





.daily-button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.bottom {
	position: absolute;
	bottom:0;
}





	/*  ************************************** */
   /* end responsive daily page */
	/* **************************************** */
	/* **************************************** */






.admin-date-input input{
	min-height:40px;
	min-width:100px;
	border-radius: 15px;
	font-size:18px;
}

.admin-date-input h3{
	color:#000;
}

.admin-form-select {
	margin:5px 0 0;
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.admin-form-select select{
	min-height:40px;
	min-width:100px;
	font-size:16px;
}
.admin-date-param {
    width:40%;
    margin:20px 0;

}



.admin-table {
	overflow: scroll;
	table-layout: fixed;
	width:auto;
	border-collapse: collapse;

	margin: 40px auto 0;
	color: #000;
}

.admin-table tr{
		font-family: 'Arimo';

	height:30px;
}
.admin-table th{
	border-bottom: 1px solid black;

}
.admin-table td{
	border-bottom: 1px solid black;

	text-align: center;

	vertical-align: bottom;
	padding:5px;
	padding-bottom: 0px;
}




.admin-table thead{
	font-size:18px;
	color:#000;
}

.wide {
	width:100px;
	font-family: 'Arimo';
	font-weight: 700;
	font-size: 14px;
}

.small {
	width:60px;
	font-family: 'Dosis';
	font-size: 14px;
	padding:0 5px;
	/* border-right:1px dashed #878787; */
}

.left-bord {
	border-left: 1px solid #d5d1d1;
}

.soft {
	color:#878787;
	font-weight: 100;
}

.login-button {
	margin:0 auto;
	height:20vh;
	margin:50px 15%;;
	display:flex;
	justify-content: center;
	align-items: center;
	background: #1E577F;
	color:#fff;
	font-size: 64px;
}

a {
	text-decoration: none;
	text-transform: uppercase;
}

svg {
	height:10% !important;
}

.admin-edit-form {
	display: flex;
	flex-flow: row wrap;
	width:70%;
	margin:0 auto;

}
.admin-edit-form h2{
	font-family: 'Montserrat';
	color: #6c6c6c;
}

.admin-edit-form input {
	height:30px;
	/* width:150px; */
	margin:3px 0;
	font-size: 22px;
}
.edit-head {
	width:100%;
	display: flex;
	flex-flow:row wrap;
	justify-content: space-around;
	border-bottom:1px solid black;
	margin:20px auto;
	padding:0 0 20px;
}

.edit-block {
	min-width: 600px;
	display: flex;
	flex-flow:column nowrap;

	justify-content: space-around;
	align-items: center;
}

.edit-line {
	width:100%;
	min-width: 300px;
	display: flex;
	justify-content: space-around;
	margin:10px 0;
}

.form-item {
	margin:0 auto;
	display: flex;
	flex-direction: column;
}

.edit-end {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
}


	/*  ************************************** */
   /* recent addons */
	/* **************************************** */
	/* **************************************** */

.send-away-container {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	min-height: 300px;
	max-width: 400px;
	margin: 100px auto;

}

.send-away-container h2{
	font-size: 32px;
	font-weight: 700;
	color: black;
	text-align: center;
}