sistema de desayuno 2019 actualizado

public_html/estilos/modal.css

@@ -0,0 +1,152 @@
+.modal
+{
+	display: none;
+	position: fixed;
+	z-index: 1;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+	background-color: rgb(0,0,0);
+	background-color: rgba(0,0,0,0.4);
+}
+.modal-content {
+    background-color: #fefefe;
+    margin: 15% auto; /* 15% from the top and centered */
+    padding: 20px;
+    border: 1px solid #888;
+    border-radius: 10px;
+    width: 50%; /* Could be more or less, depending on screen size */
+}
+.modal-footer
+{
+	position: relative;
+	left: 90%;
+}
+.close {
+	cursor: pointer;
+    color: #aaa;
+    float: right;
+    font-size: 28px;
+    font-weight: bold;
+}
+
+.input-seccion > label
+{
+	display: inline-block;
+	max-width: 100%;
+	margin-bottom: 5px;
+	font-weight: 700;
+}
+
+.input-seccion > input
+{
+	display: block;
+	width: 100%;
+	font-size: 14px;
+	line-height: 1.42857143;
+	color: #555;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+}
+.warning
+{
+	background: #ffa7a7;
+	font-style: italic;
+	padding: 3px;
+	border-radius: 5px;
+}
+.send-btn
+{
+	padding: 10px;
+	margin-top: 20px;
+	background: #BB8800;
+	border: none;
+	border-radius: 3px;
+	color: white;
+}
+
+/****SPINER***/
+.spin
+{
+	display: none;
+	position: fixed;
+	z-index: 1;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+	background-color: rgb(0,0,0);
+	background-color: rgba(0,0,0,0.4);
+}
+.spin-content
+{
+	margin: 15% auto;
+	width: 60px;
+}
+.spin .spiner{
+    width: 20px;
+    position: relative;
+    float: left;
+	color: black;
+	font-size:35px;
+  	-webkit-animation: slideIn 1s linear infinite; /* Safari */
+  	animation: slideIn 1s linear infinite;
+}
+.spin1.slideIn
+{
+	
+	animation-delay: 0.3s;
+	-moz-animation-delay: 0.3s;
+	-webkit-animation-delay: 0.3s;
+	-o-animation-delay: 0.3s;
+}
+
+.spin2.slideIn {
+	
+	animation-delay: 0.6s;
+	-moz-animation-delay: 0.6s;
+	-webkit-animation-delay: 0.6s;
+	-o-animation-delay: 0.6s;
+}
+.spin3.slideIn {
+
+	animation-delay: 0.9s;
+	-moz-animation-delay: 0.9s;
+	-webkit-animation-delay: 0.9s;
+	-o-animation-delay: 0.9s;
+}
+
+@-webkit-keyframes slideIn {
+  0% { font-size:35px; }
+  100% { font-size:80px; }
+}
+
+@keyframes slideIn 
+{
+	0%{
+		font-size:35px;
+	}
+	50%
+	{
+		color: white;
+		font-size:80px;
+	}
+	100%
+	{
+		color: black;
+		font-size:35px;
+	}
+ 
+}
+
+
+.white
+{
+	color:white;
+	text-align: center;
+}