html, body {
    box-sizing: border-box;
    width: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    font: 16px;
}
*, *:before, *:after { box-sizing: inherit;}

.div-spacer-top {height: 60px;}

body, .div-spacer-top {background-color: antiquewhite;}

main {height: calc(100vh - 105px);overflow-y: auto;}

.container, .container-lg, .container-md { background-color: #fff;}

footer {
    z-index: 100;
    background-color: #ff6a00;
    height: 40px;
    line-height: 40px;
    color: #dedede;
}

p {letter-spacing: 1px;}
.p-text-justify {text-align: justify;text-justify: inter-word;}
.ul-none {list-style-type: none;}
.ul-circle {list-style-type: circle;}

.span-word-mix{font-weight:600; font-style:italic;}
.min-width5{min-width:5em; }

/*SLIDE-IN*/
@keyframes slideFromL {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}
.slide-from-left {animation: 1s ease-out 0s 1 slideFromL;}

@keyframes slideFromT {
    0% {transform: translateY(-100%);}
    100% {transform: translateY(0);}
}
.slide-from-top {animation: 1s ease-out 0s 1 slideFromT;}

#imgBrand {
    height:24px; 
    animation: 2s ease-out 0s slideFromL;
    /*transform: rotate(180deg);*/
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}