html{
    background-color:#fafafa;
}
/* body{
    padding:1em;
} */
@font-face{
    font-family: 'muktamahee';
    src: url('css/fonts/MuktaMahee-Regular.ttf');
}
.xdebug-error{
    font-size: 20px;
}
.is-orange, .is-orange:focus{
    background-color: #ffa749;
    color: white;
    border: #ff9626;
}
.is-orange:hover{
    background-color: #ff9e36;
    color: white;
    border: #ff9626;
}
.is-orange:active{
    background-color: #ff921d;
    color: white;
    border: #ff9626;
}
.navbar{
    height: 100px!important;
    padding-left: 3rem!important;;
    padding-right: 3rem!important;;
}
body.has-navbar-fixed-top, html.has-navbar-fixed-top {
    padding-top: 6rem!important;
  }
.navbar-burger{
    padding: 20px;
    margin-left: 0!important;
}
.navbar-item img {
    max-height: 5rem!important;
}
@media screen and (min-width: 1024px){
    .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: #f5f5f5;
    color: #485fc7;
    }
}
.datetimepicker-dummy{
    max-width:90%;
}
table thead tr th{
    background-color: #f5f5f5!important;
    border-color: #dbdbdb!important;
}
.comisiones-table-wrapper{
    height: 320px;
    overflow-y: auto;
}
a:hover{
    text-decoration: none!important;
}
.section{
    padding-top: .5em!important;
    padding-bottom: .5em!important;
}
.logo{
    margin:auto;
    display:block;
    max-height:5em;
}
.terminal-logo{
    margin:auto;
    display:block;
    max-width:35em;
    max-height:15em;
}
.cursor{
    cursor:pointer;
}
.cursor-drag{
    cursor: move;
}
.post-text{
    font-family: 'muktamahee';
    background-color: white;
}
.text-r{
    text-align:right!important;
}
.text-l{
    text-align:left!important;
}
.text-c{
    text-align:center!important;
}
.is-vertical-center {
    display: flex;
    align-items: center;
}
.input-tag-size{
    width:7em;
}
.input-size{
    width:6em;
}
.file-label{
    margin:auto;
    text-align:center;
    overflow: initial!important;
}
.file-name-short{
    max-width: 10em!important;
}
.select-default{
    background-color: #eeeeee;
}
.login-box{
    max-width:500px;
    margin:auto;
    margin-top: 5em;
}
.terminal-box{
    text-align: center;
    min-width:100%;
    min-height: 100%;
    max-width:100%;
    max-height: 100%;
    margin:auto;
}
.terminal-box .code-scan img.terminal-help{
    width: 140px;
    height: auto;
    position: absolute;
    bottom: 20px;
    left: 20px;
}
.section.terminal{
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.terminal .container{
    height: 90vh;
    margin-top: 5vh;
    margin-bottom: 5vh;
    margin-left: auto;
    margin-right: auto;
}
#terminalPin{
    text-align: right;
    font-size: 30px;
    letter-spacing: 100px;
    margin-right: -100px;
    display: block;
}
#terminalAmountRequested{
    text-align: right;
    font-size: 30px;
    letter-spacing: 35px;
    margin-right: -35px;
    display: block;
}
.terminal-ticket tr td:first-child{
    font-size: bold;
}
#terminalCanvas, #terminalVideo{
    width: 640px;
    height: 480px;
}
.pin-keypad, .dispatch-keypad{
    width: 600px;
    margin: auto;
}
.pin-keypad div.column button, .dispatch-keypad div.column button{
    font-size: 2rem;
}
.pagination-previous, .pagination-next, .pagination-all{
    min-width: 100px;
}
.pagination-all{
    color: #363636;
    padding-left: .75em;
    padding-right: .75em;
    white-space: nowrap;
    font-size: 1em;
    justify-content: center;
    margin: .25rem;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
    align-items: center;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    line-height: 1.5;
    padding-bottom: calc(.5em - 1px);
    padding-top: calc(.5em - 1px);
    position: relative;
    vertical-align: top;
    order: 2;
}
.pagination-all.is-current {
    background-color: #485fc7;
    border-color: #485fc7;
    color: #fff;
  }
.pagination-all:hover{
    border-color: #b5b5b5;
    color: #363636;
}
.pagination-all:active{
    box-shadow: inset 0 1px 2px rgba(10,10,10,.2);
}
.pagination-all.is-disabled{
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5;
}
.admin-panel{
    /* max-width: 1062px; */
    min-height:1100px;
    background-color: #eee;
    padding: 50px;
}
.chart-container canvas{
    /* min-height: 550px; */
    max-height: 650px;
}
.admin-img-preview{
    /* width: 100%; */
    max-width: 600px;
    max-height: 600px;
}
table tfoot tr th{
    text-align: center!important;
}
.is-4by4 img{
    max-height: 100%;
}
.is-fullwidth{
    width: 100%!important;
}
.is-halfwidth{
    width:50%!important;
}
.is-borderless{
    border-style: none;
}
.articulos-existentes tbody tr td, .ordenes-existentes tbody tr td, .registros tbody tr td{
    vertical-align: middle;
}
#outdiv
{
    text-align: center;
    /* width:320px;
    height:240px; */
	/* border: solid;
	border-width: 3px 3px 3px 3px; */
}
#qr-canvas{
    display:none;
    width: 800px;
    height: 600px;
}
#v{
    max-height: 800px;
    /* padding-left: 25%;
    padding-right: 25%; */
}
.despacharCantidadContainer{
    margin:auto;
    /* width:100%; */
}
.img-despachados-thumb{
    width:100%;
    height: auto;
    max-height: 100px;
}
.abonos-comprobante{
    width: auto;
    height: 100%;
    max-height: 100px;
}
.folio-despachados{
    min-width:150px;
}
.despachar-litros{
    color:blue;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}
.despachar-litros span{
    color:red;
    font-weight: bold;
    font-size: 60px;
}
.ck-editor__editable{
    min-height: 1000px;
    padding: 50px!important;
}
.order-message{
    font-size:20px;
    font-weight: normal;
}
#articuloFotos{
    height: 100px;
    width: 100px;
}
.is-contents{
    display: contents;
}
.nice-select ul{
    max-height: 300px;
    overflow-y: scroll !important;
}
.cat-image-preview{
    max-height: 200px;
    min-height: 166px;
}
.qr-image-thumbnail{
    width: 40px;
    height: 40px;
    margin: 5px;
}
.blur-thumb{
    opacity: 30%;
}
.product-img{
    text-align: center;
    min-height: 480px;
}
.product-image-cover{
    width: 480px;
    height: auto;
    max-height: 480px;
}
.dz-image-preview{
    display:inline-block;
    margin:5px;
    border: 2px #a6a6a6 solid;
    padding: 5px;
    border-radius: 5px;
}
.dz-filename, .dz-success-mark, .dz-error-mark, .dz-size{
    display:none;
}
.dz-remove{
    float: right;
    position: relative;
    margin-top: -130px;
}
.dz-trash{
    color: #7e0b0b;
}
.portada-fotos{
    float: left;
    position: relative;
    margin-top: -130px;
}
.banner-message{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px;
    border-radius: 8px;
    margin-bottom: 40px;
    font-weight: bold;
}
.list {
    max-height: 300px;
    overflow-y: scroll !important;
}
.payment-product-image{
    width: 70px;
    height: 70px;
    margin-right: 20px;
}
.payment-product-image img{
    max-width:100%;
}
.payment-address-preview{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
    padding: 20px;
}
.outliner{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
    padding: 20px;
}
.banner-message-red{
    background-color: #f6e0e0;
}
.banner-message-green{
    background-color: #e0f6e9;
}
.banner-message-yellow{
    background-color: #f6f6e0;
}
.file-label{
    margin: 0!important;
}
.column-divider{
    border-right: 2px #eeeeee solid;
}
.icon-package{
    color: #b19011;
}
.icon-tag, .text-unavailable{
    color: #b11111!important;
}
.icon-check, .text-available{
    color: #11b150!important;
}
.disabled a span{
    background-color: #d9d9d9;
}
.nice-select::after{
    display: none!important;
}
.nice-select{
    line-height: 25px!important;
}
.pagination li a, .pagination li span{
    width: 30px!important;
    height: 30px!important;
}
.pagination li a.page-navigation{
    border: none;
}
.has-background-sent{
    background-color: #dcf7c8!important;
}
.has-background-not-sent{
    background-color: #fdf5c8!important;
}
.has-background-deleted{
    background-color: #ffa9a9!important;
}
.has-background-entry{
    background-color: #3fb7ff!important;
}
.has-background-exit{
    background-color: #ff903f!important;
}
.weather{
    /* margin-top: 15em; */
    max-width: 500px;
    margin: auto;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
.weather .columns{
    display: inline-flex;
    align-items: center;
}
.weather-name{
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 17px;
}
.weather-temp{
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	font-size: 70px;
	font-weight: 200;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.input-number-no-arrows{
  appearance: textfield;
}
.animation-entry {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.fade-in {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

.fade-out {
    animation: fadeOut ease 1s;
    -webkit-animation: fadeOut ease 1s;
    -moz-animation: fadeOut ease 1s;
    -o-animation: fadeOut ease 1s;
    -ms-animation: fadeOut ease 1s;
}
@keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}

@-moz-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}

@-webkit-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}

@-o-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}

@-ms-keyframes fadeOut {
    0% {opacity:1;}
    100% {opacity:0;}
}