@charset "utf-8";

@media screen and (max-width:600px){
.modal_exito,.modal_agregado,.modal_login {display: none;position: fixed;z-index: 999999999999999999999999999999999999999999 !important;bottom: 15px;width: 90%;height: auto;margin:10px 5%;box-shadow:3px 3px 3px 3px rgba(50,50,50,0.15);padding:2.5px 0px}

.modal_exito{background-color:rgba(106, 176, 76,1.0);height:60px;color:rgba(255,255,255,1.00)}

.modal_agregado{background-color:rgba(240, 147, 43,1.0);height:60px;color:rgba(255,255,255,1.00)}

.modal_login{background-color:rgba(225, 112, 85,1.0);height:60px;color:rgba(255,255,255,1.00)}    

/* Modal Content */
.modal-content {position: relative;float: left;margin: auto;padding:0px;width: 100%;height: auto;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}

/* Add Animation */
@-webkit-keyframes animatetop { from {bottom:-300px; opacity:0} to {bottom:0px; opacity:1} }

@keyframes animatetop {from {bottom:-300px; opacity:0}to {bottom:0; opacity:1} }

/* The Close Button */
.close {color: black;float: right;font-size: 28px;font-weight: bold;}

.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}

.modal-header {padding: 2px 16px;}

.modal-body {padding: 2px 16px;}

.p-modal {font-size:14px;width:100%;text-align: center;position:relative;float:left;font-family: 'Open Sans', sans-serif;font-weight:500;line-height: 25px}
    
}

@media screen and (min-width:601px){
.modal_exito,.modal_agregado,.modal_login {display: none;position: fixed;z-index: 999999999999999999999999999999999999999999 !important;left: 50%;bottom: 15px;width: 400px;height: 30px;margin-left:-200px;box-shadow:3px 3px 3px 3px rgba(50,50,50,0.15);}

.modal_exito{background-color:rgba(106, 176, 76,1.0);height:60px;color:rgba(255,255,255,1.00)}

.modal_agregado{background-color:rgba(240, 147, 43,1.0);height:60px;color:rgba(255,255,255,1.00)}

.modal_login{background-color:rgba(225, 112, 85,1.0);height:60px;color:rgba(255,255,255,1.00)}    

/* Modal Content */
.modal-content {position: relative;float: left;margin: auto;padding:0px;width: 100%;height: auto;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}

/* Add Animation */
@-webkit-keyframes animatetop { from {bottom:-300px; opacity:0} to {bottom:0px; opacity:1} }

@keyframes animatetop {from {bottom:-300px; opacity:0}to {bottom:0; opacity:1} }

/* The Close Button */
.close {color: black;float: right;font-size: 28px;font-weight: bold;}

.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}

.modal-header {padding: 2px 16px;}

.modal-body {padding: 2px 16px;}

.p-modal {font-size:14px;width:100%;text-align: center;position:relative;float:left;font-family: 'Open Sans', sans-serif;font-weight:500;}
    
}