body {
  color: #333;
}

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }

  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}


/*// validação*/
.has-error ul {
  padding-left: 0px !important;
}

.parsley-required {
  margin-top: -2px !important;
  list-style: none !important;
  margin-left: 0px;
  padding-left: 0px;
}

.parsley-required {
  color: #FFF;
  padding: 10px;
  background-color: #e65252;
  font-size: 12px;
  font-weight: 400;
  border-radius: 0px 0px 5px 5px
}


.parsley-equalto {
  color: #FFF;
  padding: 10px;
  background-color: #e65252;
  font-size: 12px;
  font-weight: 600;
}

.parsley-type {
  color: #FFF;
  padding: 10px;
  background-color: #e65252;
  font-size: 12px;
  font-weight: 600;
}

@keyframes heartbeat {
  0% {
    transform: scale(.75);
  }

  20% {
    transform: scale(1);
  }

  40% {
    transform: scale(.75);
  }

  60% {
    transform: scale(1);
  }

  80% {
    transform: scale(.75);
  }

  100% {
    transform: scale(.75);
  }
}

.heartbeat {
  animation: heartbeat 1s infinite;
  text-shadow: 0px 3px 3px #FFF;
}


/* Margin Top */
.margin-top-0 {
  margin-top: 0 !important;
}

.margin-top-1 {
  margin-top: 1px !important;
}

.margin-top-2 {
  margin-top: 2px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-4 {
  margin-top: 4px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-6 {
  margin-top: 6px !important;
}

.margin-top-7 {
  margin-top: 7px !important;
}

.margin-top-8 {
  margin-top: 8px !important;
}

.margin-top-9 {
  margin-top: 9px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-15 {
  margin-top: 15px !important;
}

.margin-top-20 {
  margin-top: 20px !important;
}

.margin-top-25 {
  margin-top: 25px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-35 {
  margin-top: 35px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.margin-top-45 {
  margin-top: 45px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-55 {
  margin-top: 55px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-65 {
  margin-top: 65px !important;
}

.margin-top-70 {
  margin-top: 70px !important;
}

.margin-top-75 {
  margin-top: 75px !important;
}

.margin-top-80 {
  margin-top: 80px !important;
}

.margin-top-85 {
  margin-top: 85px !important;
}

.margin-top-90 {
  margin-top: 90px !important;
}

.margin-top-95 {
  margin-top: 95px !important;
}

.margin-top-100 {
  margin-top: 100px !important;
}

.margin-top-105 {
  margin-top: 105px !important;
}

.margin-top-110 {
  margin-top: 110px !important;
}

.margin-top-115 {
  margin-top: 115px !important;
}

.margin-top-120 {
  margin-top: 120px !important;
}

/* Margin Bottom */
.margin-bottom-0 {
  margin-bottom: 0 !important;
}

.margin-bottom-2 {
  margin-bottom: 2 !important;
}

.margin-bottom-3 {
  margin-bottom: 3 !important;
}

.margin-bottom-4 {
  margin-bottom: 4 !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

.margin-bottom-85 {
  margin-bottom: 85px !important;
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

.margin-bottom-95 {
  margin-bottom: 95px !important;
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

/* Margin Left */
.margin-left-0 {
  margin-left: 0 !important;
}

.margin-left-1 {
  margin-left: 1px !important;
}

.margin-left-2 {
  margin-left: 2px !important;
}

.margin-left-3 {
  margin-left: 3px !important;
}

.margin-left-4 {
  margin-left: 4px !important;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-6 {
  margin-left: 6px !important;
}

.margin-left-7 {
  margin-left: 7px !important;
}

.margin-left-8 {
  margin-left: 8px !important;
}

.margin-left-9 {
  margin-left: 9px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-left-25 {
  margin-left: 25px !important;
}

.margin-left-30 {
  margin-left: 30px !important;
}

.margin-left-35 {
  margin-left: 35px !important;
}

.margin-left-40 {
  margin-left: 40px !important;
}

.margin-left-45 {
  margin-left: 45px !important;
}

.margin-left-50 {
  margin-left: 50px !important;
}

.margin-left-55 {
  margin-left: 55px !important;
}

.margin-left-60 {
  margin-left: 60px !important;
}

.margin-left-65 {
  margin-left: 65px !important;
}

.margin-left-70 {
  margin-left: 70px !important;
}

.margin-left-75 {
  margin-left: 75px !important;
}

.margin-left-80 {
  margin-left: 80px !important;
}

.margin-left-85 {
  margin-left: 85px !important;
}

.margin-left-90 {
  margin-left: 90px !important;
}

.margin-left-95 {
  margin-left: 95px !important;
}

.margin-left-100 {
  margin-left: 100px !important;
}

/* Margin Right */
.margin-right-0 {
  margin-right: 0 !important;
}

.margin-right-1 {
  margin-right: 1px !important;
}

.margin-right-2 {
  margin-right: 2px !important;
}

.margin-right-3 {
  margin-right: 3px !important;
}

.margin-right-4 {
  margin-right: 4px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}

.margin-right-6 {
  margin-right: 6px !important;
}

.margin-right-7 {
  margin-right: 7px !important;
}

.margin-right-8 {
  margin-right: 8px !important;
}

.margin-right-9 {
  margin-right: 9px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-right-15 {
  margin-right: 15px !important;
}

.margin-right-20 {
  margin-right: 20px !important;
}

.margin-right-25 {
  margin-right: 25px !important;
}

.margin-right-30 {
  margin-right: 30px !important;
}

.margin-right-35 {
  margin-right: 35px !important;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-45 {
  margin-right: 45px !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.margin-right-55 {
  margin-right: 55px !important;
}

.margin-right-60 {
  margin-right: 60px !important;
}

.margin-right-65 {
  margin-right: 65px !important;
}

.margin-right-70 {
  margin-right: 70px !important;
}

.margin-right-75 {
  margin-right: 75px !important;
}

.margin-right-80 {
  margin-right: 80px !important;
}

.margin-right-85 {
  margin-right: 85px !important;
}

.margin-right-90 {
  margin-right: 90px !important;
}

.margin-right-95 {
  margin-right: 95px !important;
}

.margin-right-100 {
  margin-right: 100px !important;
}


/*padding */
.padding-5 {
  padding: 5px !important;
}

/* Padding Top */
.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-1 {
  padding-top: 1px !important;
}

.padding-top-2 {
  padding-top: 2px !important;
}

.padding-top-3 {
  padding-top: 3px !important;
}

.padding-top-4 {
  padding-top: 4px !important;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-top-6 {
  padding-top: 6px !important;
}

.padding-top-7 {
  padding-top: 7px !important;
}

.padding-top-8 {
  padding-top: 8px !important;
}

.padding-top-9 {
  padding-top: 9px !important;
}

.padding-top-10 {
  padding-top: 10px !important;
}

.padding-top-15 {
  padding-top: 15px !important;
}

.padding-top-20 {
  padding-top: 20px !important;
}

.padding-top-25 {
  padding-top: 25px !important;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-top-35 {
  padding-top: 35px !important;
}

.padding-top-40 {
  padding-top: 40px !important;
}

.padding-top-45 {
  padding-top: 45px !important;
}

.padding-top-50 {
  padding-top: 50px !important;
}

.padding-top-55 {
  padding-top: 55px !important;
}

.padding-top-60 {
  padding-top: 60px !important;
}

.padding-top-65 {
  padding-top: 65px !important;
}

.padding-top-70 {
  padding-top: 70px !important;
}

.padding-top-75 {
  padding-top: 75px !important;
}

.padding-top-80 {
  padding-top: 80px !important;
}

.padding-top-85 {
  padding-top: 85px !important;
}

.padding-top-90 {
  padding-top: 90px !important;
}

.padding-top-95 {
  padding-top: 95px !important;
}

.padding-top-100 {
  padding-top: 100px !important;
}

.padding-top-105 {
  padding-top: 105px !important;
}

.padding-top-110 {
  padding-top: 110px !important;
}

.padding-top-115 {
  padding-top: 115px !important;
}

.padding-top-120 {
  padding-top: 120px !important;
}

/* Padding Bottom */
.padding-bottom-0 {
  padding-bottom: 0 !important;
}

.padding-bottom-1 {
  padding-bottom: 1px !important;
}

.padding-bottom-2 {
  padding-bottom: 2px !important;
}

.padding-bottom-3 {
  padding-bottom: 3px !important;
}

.padding-bottom-4 {
  padding-bottom: 4px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

.padding-bottom-85 {
  padding-bottom: 85px !important;
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

.padding-bottom-95 {
  padding-bottom: 95px !important;
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

/* Padding Right */
.padding-right-0 {
  padding-right: 0 !important;
}

.padding-right-5 {
  padding-right: 5px !important;
}

.padding-right-10 {
  padding-right: 10px !important;
}

.padding-right-15 {
  padding-right: 15px !important;
}

.padding-right-20 {
  padding-right: 20px !important;
}

.padding-right-25 {
  padding-right: 25px !important;
}

.padding-right-30 {
  padding-right: 30px !important;
}

.padding-right-35 {
  padding-right: 35px !important;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-45 {
  padding-right: 45px !important;
}

.padding-right-50 {
  padding-right: 50px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-right-55 {
  padding-right: 55px !important;
}

.padding-right-60 {
  padding-right: 60px !important;
}

.padding-right-65 {
  padding-right: 65px !important;
}

.padding-right-70 {
  padding-right: 70px !important;
}

.padding-right-75 {
  padding-right: 75px !important;
}

.padding-right-80 {
  padding-right: 80px !important;
}

.padding-right-85 {
  padding-right: 85px !important;
}

.padding-right-90 {
  padding-right: 90px !important;
}

.padding-right-95 {
  padding-right: 95px !important;
}

.padding-right-100 {
  padding-right: 100px !important;
}

/* Padding Left */
.padding-left-0 {
  padding-left: 0 !important;
}

.padding-left-5 {
  padding-left: 5px !important;
}

.padding-left-10 {
  padding-left: 10px !important;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-left-25 {
  padding-left: 25px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}

.padding-left-35 {
  padding-left: 35px !important;
}

.padding-left-40 {
  padding-left: 40px !important;
}

.padding-left-45 {
  padding-left: 45px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-left-55 {
  padding-left: 55px !important;
}

.padding-left-60 {
  padding-left: 60px !important;
}

.padding-left-65 {
  padding-left: 65px !important;
}

.padding-left-70 {
  padding-left: 70px !important;
}

.padding-left-75 {
  padding-left: 75px !important;
}

.padding-left-80 {
  padding-left: 80px !important;
}

.padding-left-85 {
  padding-left: 85px !important;
}

.padding-left-90 {
  padding-left: 90px !important;
}

.padding-left-95 {
  padding-left: 95px !important;
}

.padding-left-100 {
  padding-left: 100px !important;
}

/* TAMANHO DE FONTS */

.font-size-8 {
  font-size: 8px !important;
}

.font-size-9 {
  font-size: 9px !important;
}

.font-size-10 {
  font-size: 10px !important;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 15px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-17 {
  font-size: 17px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-19 {
  font-size: 19px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-24 {
  font-size: 24px !important;
}

.font-size-26 {
  font-size: 26px !important;
}

.font-size-28 {
  font-size: 28px !important;
}

.font-size-30 {
  font-size: 30px !important;
}

.font-size-35 {
  font-size: 35px !important;
}

.font-size-40 {
  font-size: 40px !important;
}

.font-size-45 {
  font-size: 45px !important;
}

.font-size-50 {
  font-size: 50px !important;
}

.font-size-60 {
  font-size: 60px !important;
}

.font-size-70 {
  font-size: 70px !important;
}

.font-size-80 {
  font-size: 80px !important;
}

.font-size-90 {
  font-size: 90px !important;
}

.font-size-100 {
  font-size: 100px !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.font-space-1- {
  letter-spacing: -1px !important;
}

.font-space-1- {
  letter-spacing: -1px !important;
}

.font-space-05- {
  letter-spacing: -0.5px !important;
}

.font-space-05 {
  letter-spacing: 0.5px !important;
}

.font-space-1 {
  letter-spacing: 1px !important;
}

.font-space-1-5 {
  letter-spacing: 1.5px !important;
}

.font-space-2 {
  letter-spacing: 2px !important;
}

.font-space-2-5 {
  letter-spacing: 2.5px !important;
}

.font-space-3 {
  letter-spacing: 3px !important;
}