@import "/css/fontello/css/fontello.css?v=26012023";

/*Diseño basado en https://preview.themeforest.net/item/stroyka-admin-ecommerce-dashboard-template/full_screen_preview/33436549*/

body{margin:0;padding:0;color:#222;background:#F5F7FA;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:400;print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}
h1{font-weight:500;font-size:27px}
h2{font-weight:500;font-size:18px}
input, 
button, 
select,
textarea{display:block;box-sizing: border-box;width: 100%;margin: 5px 0 20px 0;font-family: inherit;/* font-size:18px; */height: 36px;padding: 6px 13px;border-radius:2px;border:1px solid #ced4da;}
input[type="checkbox"]{width: 25px;height: 25px;}
input:focus,
select:focus,
textarea:focus{color: #212529;background-color: #fff;border-color: #1f7a274b;outline: 0;box-shadow: 0 0 3px 2px #1f7a274b;}
label{display:block;margin:15px 0 5px 0;font-size: 80%;}
button.botVerde,
button.botRojo,
a.botGris,
a.botRojo,
a.botVerde{background: #1f7a27;padding: 7px 17px 7px 13px;font-size:15px;display: inline-block;font-weight: 500;line-height:22px;color: #ffffff;border-radius:2px;text-align: center;vertical-align: middle;cursor: pointer;border: 0;z-index:5;margin: 3px;}
button.botVerde:hover,
a.botVerde:hover{background: #1f7a27ce;}
button.botVerde.disable,
button.botVerde.disable:hover{background: #b7b7b7;}
a.botGris{background:#3d464d;}
a.botGris:hover{background:#3d464dce;}
button.botRojo,
a.botRojo{background: #f75c5c;}
button.botRojo:hover,
a.botRojo:hover{background: #f75c5cce;}
input[type="submit"]{background: #1f7a27;border: 0;display: inline-block;font-weight: 500;line-height: 1.5;color: #ffffff;text-align: center;vertical-align: middle;cursor: pointer;padding: 10px;}
input[type="submit"]:hover{background: #1f7a27ce;}
input:disabled,
select:disabled,
select:disabled>option{background-color:#fafafa;color:#222;border:1px solid #ced4da;opacity:1}
a{color:#1f7a27;text-decoration:none}
.pequeno{font-size:80%}
.red{color:#FF0000}
.clear{clear:both}

.bVolver{display:block!important}
.content{padding:20px;}
.card{width:100%;box-sizing: border-box;background:#FFF;border-radius:2px;padding: 20px;box-shadow: 0 1px 3px #00000026;}
.card.w50{margin:20px 0}
.ok{font-size:14px;background-color: rgb(31 122 39 / 20%);border: 1px solid rgb(31 122 39 / 30%);border-radius:8px;color: #1f7a27;padding: 15px;}
.error{font-size:14px;background-color: rgb(209 55 52 / 20%);border: 1px solid rgb(209 55 52 / 30%);border-radius:8px;color:#d13734;padding: 15px;}
.info{font-size:14px;background-color: #4434d133;border: 1px solid rgb(68 52 209 / 30%);border-radius:8px;color:#4434d1;padding: 15px;}
@media(min-width:650px){
  .card.w50{width: calc(50% - 30px);max-width: 430px;min-width: 280px;margin: 0 0 20px 20px;}
  .card.w50:nth-child(2n+1){ margin: 0 20px 20px 0; }
}

/* Pantalla de Login */
#login{max-width:340px;margin:auto;}
#login>img{ max-width: 210px; margin: 40px auto; display: block; }
#login>.card>h2{margin-top:0}


/* Personalizar ventas alert sweetalert2*/



/* Loading */
body>.lds-ellipsis{display:none;}
.lds-ellipsis { display: block; position: relative; width: 80px; height: 20px;margin:auto }
.lds-ellipsis div { position: absolute; top: 4px; width: 13px; height: 13px; border-radius: 50%; background: #1f7a27; animation-timing-function: cubic-bezier(0, 1, 1, 0); }
.lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite; }
.lds-ellipsis div:nth-child(2) { left: 8px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; }
.lds-ellipsis div:nth-child(4) { left: 56px; animation: lds-ellipsis3 0.6s infinite; }
@keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
}