.background-main {
    background-color: black;
}

.background-negative {
   background: whitesmoke;
}

.text-color-negative {
   color: black;
}
  
.text-color-main {
   color: whitesmoke;
}

.text-color-auxiliar {
   color: #adb5bd;
}

.text-color-primary {
   color: #dc3545 ;
}

.background-primary {
   background: #dc3545 ;
}

.text-link {
   color: #0d6efd;
   text-decoration:none;
   font-weight: bold;
}
  
.border-color-primary {
   border-color: #dc3545  !important;
}

.btn-success {
   color: whitesmoke;
   background-color: #dc3545;
   text-decoration: none;
   font-weight: bold;
}

.btn-success:hover {
   background-color: #dc3545;
}

.btn-success:hover:disabled,
.btn-success:disabled {
   color: whitesmoke;
   background-color: #adb5bd;
   border-color: #adb5bd;
}
 
.border-bottom {
    border-bottom: solid;
}

.border-top {
    border-top: dashed;
}

.border-none {
    border: none;
}

.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-width: 0;
}

.grow { 
    transform: scale(1.08); 
    transition: all .2s ease-in-out;
}
.contract {
    transition: all .2s ease-in-out;
}

.hand-pointer {
  cursor: pointer;
}

.tag {
    padding: 1rem;
    line-height: 1.5rem;
}

select:disabled {
    opacity: 0.7;
}

.circle {
    border-radius: 50%;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: justify;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.limit-width {
    margin: 0 auto;
    width: 75%;
}

@media screen and (max-width: 768px) {
    .limit-width {
        width: calc(95%);
    }
}

.max-with-16 {
    max-width: 16rem;
}

.max-with-40 {
    max-width: 40rem;
}

.margin-none {
    margin: 0;
}

.padding-none {
    padding: 0;
}

.padding-25 {
    padding: .25rem;
}

.margin-top-1 {
    margin-top: 1rem;
}

.margin-top-2 {
    margin-top: 2rem;
}

.margin-bottom-1 {
    margin-bottom: 1rem;
}

.margin-bottom-2 {
    margin-bottom: 2rem;
}

.margin-bottom-5 {
    margin-bottom: 5rem;
}

.responsive {
    max-width: 100%;
    height: auto;
}

.center-element {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-vertical {
    display: flex;
    justify-content: center;
    align-items: center;
}

.occupy-vertical {
    display: flex;
    flex-direction: column;
}

.occupy-horizontal {
    width: 100%;
}

.min-height-5 {
    min-height: 5rem;
}



@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 300;
   src: url(./fonts/Roboto-Light.ttf);
}

@font-face {
   font-family: 'Roboto Bold';
   font-style: normal;
   font-weight: 700;
   src: url(./fonts/Roboto-Bold.ttf);
 }

.text-general {
   font-family: 'Roboto' , sans-serif;
}

.text-title {
   font-family: 'Roboto Bold' , sans-serif;
}

.text-caption {
   font-size: 0.8rem;
   font-style: italic;
}

.text-size-150 {
   font-size: 150%;
}

.text-size-110 {
   font-size: 110%;
}

.text-center {
   text-align: center;
}

.text-right {
   text-align: right;
}

.list-without-decoration {
   list-style-type:none;
   padding: 0;
}

.justify {
   text-align: justify;
   text-justify: inter-word;
}

.bold {
   font-weight: bold;
}

.link-without-decoration {
   text-decoration:none;
}