.modal{ z-index:99999999999999999; position:absolute; display:none; }
.modal-content { position: fixed;  bottom: 0; background-color: #fff; width: 100%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s;-webkit-box-shadow: 0px -5px 14px -3px rgba(46,46,46,0.42); 
box-shadow: 0px -5px 14px -3px rgba(46,46,46,0.42);}
.modal-header { padding: 0.2% 0.5% 0.5% 0.2%; background-color: #d86900; color: white; font-size:1.4em;text-shadow: 1px 1px 0px #2B3801}
.modal-body {padding: 2px 8px;font-size:1.4em;MIN-height: 50PX;}
.modal-footer {padding: 2px 8px; background-color: #EEEEEE; color: white; MIN-height: 50PX; border:1px solid red}
.texto{width:77%; float:left; padding-top:1%; }
button {background-color:#d86900; color: white; padding: 7px 10px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9;}
button:hover {opacity:1;}
/* Float cancel and delete buttons and add an equal width */
.cancelbtn, .deletebtn {float: left;width: 40%;}
/* Add a color to the cancel button */
.cancelbtn {background-color: #ccc; color: black;}
/* Add a color to the delete button */
.deletebtn {background-color:#d86900; }
.botdiv{width:23%; float:left; }
/* Add Animation */
@-webkit-keyframes slideIn { from {bottom: -300px; opacity: 0}  to {bottom: 0; opacity: 1}}
@keyframes slideIn { from {bottom: -300px; opacity: 0} to {bottom: 0; opacity: 1}}
@-webkit-keyframes fadeIn { from {opacity: 0}  to {opacity: 1}}
@keyframes fadeIn { from {opacity: 0}  to {opacity: 1}}
@media screen and (max-width: 1024px){
.modal-header { padding: 0.01% 0.02%; font-size:0.7em;}
.modal-body {padding: 2px 8px;font-size:0.8em;MIN-height: 50PX;}
.texto{width:100%; float:left; padding-top:1%; }
.cancelbtn, .deletebtn {float: left;width: 100%;}
.botdiv{width:100%; }
}