@import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700';

body {
  font-family: 'Montserrat', sans-serif;
  /*background: #fafafa;*/
  background: #ffffff;
  margin: 0;
  text-rendering: optimizeLegibility;
}

@media only screen and (max-width: 991.98px) {
  body.website {
    padding-top: 53px;
  }
}

@media only screen and (min-width: 992px) {
  body.website {
    padding-top: 75px;
  }
}

.main-background {
  background-color: #fcfcfc;
}

p {
  /*
    font-family: 'Poppins', sans-serif;
    */
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999;
}

p.welcome {
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.7em;
  color: #999;
  background-color: #006064;
}

.btn-admin-collapse {
  color: #ffffff;
  background-color: #0097a7;
  border-color: #0097a7;
}

.btn-admin-collapse:hover,
.btn-admin-collapse:focus,
.btn-admin-collapse:active,
.btn-admin-collapse.active,
.open .dropdown-toggle.btn-admin-collapse {
  color: #ffffff;
  background-color: #006064;
  border-color: #0097a7;
}

.btn-admin-collapse:active,
.btn-admin-collapse.active,
.open .dropdown-toggle.btn-admin-collapse {
  background-image: none;
}

.btn-admin-collapse.disabled,
.btn-admin-collapse[disabled],
fieldset[disabled] .btn-admin-collapse,
.btn-admin-collapse.disabled:hover,
.btn-admin-collapse[disabled]:hover,
fieldset[disabled] .btn-admin-collapse:hover,
.btn-admin-collapse.disabled:focus,
.btn-admin-collapse[disabled]:focus,
fieldset[disabled] .btn-admin-collapse:focus,
.btn-admin-collapse.disabled:active,
.btn-admin-collapse[disabled]:active,
fieldset[disabled] .btn-admin-collapse:active,
.btn-admin-collapse.disabled.active,
.btn-admin-collapse[disabled].active,
fieldset[disabled] .btn-admin-collapse.active {
  background-color: #0097a7;
  border-color: #0097a7;
}

.btn-admin-collapse .badge {
  color: #0097a7;
  background-color: #ffffff;
}
.navbar-header {
  padding: 10px 10px;
  background: #fff;
  border: none;
  border-radius: 0;
  margin-bottom: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn-header {
  box-shadow: none;
  outline: none !important;
  border: none;
}

a,
a:hover,
a:focus {
  color: inherit;
  /*text-decoration: none;*/
  transition: all 0.3s;
}

.navbar-ligadus-toogler.navbar-toggler {
  border: none !important;
}

.alert-ligadus {
  color: #343a40 !important;
  background-color: #33ff00;
  border-color: #26eb03;
}

.alert-ligadus hr {
  border-top-color: #26eb03;
}

.alert-ligadus .alert-link {
  color: #343a40 !important;
}

.bg-ligadus-main {
  color: #343a40 !important;
  background-color: #ff6600;
}

.bg-ligadus-complementary-blue {
  color: #343a40 !important;
  background-color: #0066ff;
}

.bg-ligadus-monochromatic-orange {
  color: #343a40 !important;
  background-color: #e6782e;
}

.bg-ligadus-analogous-orange {
  color: #343a40 !important;
  background-color: #ffa600;
}

.bg-ligadus-analogous-red {
  color: #ffffff !important;
  background-color: #ff2600;
}

.bg-ligadus-split-complementary-purple {
  color: #ffffff !important;
  background-color: #4d00ff;
}

.bg-ligadus-split-complementary-green {
  color: #ffffff !important;
  background-color: #00ff99;
}

.bg-ligadus-triadic-purple {
  color: #ffffff !important;
  background-color: #cc00ff;
}

.bg-ligadus-triadic-green {
  color: #343a40 !important;
  background-color: #33ff00;
}

.bg-ligadus-triadic-white {
  color: #343a40 !important;
  background-color: #ffffff;
}

.bg-ligadus-tetradic-blue {
  color: #ffffff !important;
  background-color: #0066ff;
}

.bg-ligadus-tetradic-purple {
  color: #ffffff !important;
  background-color: #cc00ff;
}

.bg-ligadus-tetradic-yellow {
  color: #343a40 !important;
  background-color: #ffe600;
}

.bg-ligadus-footer-dark {
  background: #233142;
  color: #ffffff;
}

.text-ligadus-analogous-red {
  color: #ff2600 !important;
}

a.text-ligadus-analogous-red:hover,
a.text-ligadus-analogous-red:focus {
  color: #e22100 !important;
}
/*
 * DVP - Botão Warning
*/
.btn-ligadus-warning {
  color: #fff !important;
  background-color: #ff6600 !important;
  border-color: #ff6600 !important;
  border-radius: 5px !important;
}

.btn-ligadus-warning:hover {
  color: #ffe87c !important;
  background-color: #d65600 !important;
  border-color: #ff6600 !important;
}

/*
 * DVP - Botão Ligadus Red
*/
.btn-ligadus-red {
  color: #fff !important;
  background-color: #ef4136 !important;
  border-color: #ef4136 !important;
}

.btn-ligadus-red:hover {
  color: #fff !important;
  background-color: #d11e00 !important;
  border-color: #d11e00 !important;
}

.btn-ligadus-red:active {
  color: #fff !important;
}

.btn-ligadus-red:focus,
.btn-ligadus-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-ligadus-red.disabled,
.btn-ligadus-red:disabled {
  color: #ffa191 !important;
  background-color: #b27267 !important;
  border-color: #a8695e !important;
}

.btn-ligadus-red:not(:disabled):not(.disabled):active,
.btn-ligadus-red:not(:disabled):not(.disabled).active,
.show > .btn-ligadus-red.dropdown-toggle {
  color: #fff !important;
  background-color: #ef4136 !important;
  border-color: #a51800 !important;
}

.btn-ligadus-red:not(:disabled):not(.disabled):active:focus,
.btn-ligadus-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-ligadus-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

/*
 * DVP - Botão Ligadus Green
*/
.btn-ligadus-green {
  color: #000 !important;
  background-color: #33ff00 !important;
  border-color: #33ff00 !important;
}

.btn-ligadus-green:hover {
  color: #000 !important;
  background-color: #24b800 !important;
  border-color: #1f9b00 !important;
}

.btn-ligadus-green:active {
  color: #000 !important;
}

.btn-ligadus-green:focus,
.btn-ligadus-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-ligadus-green.disabled,
.btn-ligadus-green:disabled {
  color: #d0ebca !important;
  background-color: #c4d1c1 !important;
  border-color: #aebaab !important;
}

.btn-ligadus-green:not(:disabled):not(.disabled):active,
.btn-ligadus-green:not(:disabled):not(.disabled).active,
.show > .btn-ligadus-green.dropdown-toggle {
  color: #000 !important;
  background-color: #24b800 !important;
  border-color: #105400 !important;
}

.btn-ligadus-green:not(:disabled):not(.disabled):active:focus,
.btn-ligadus-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-ligadus-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-modal-border-green {
  border: green !important;
}

/*
 * DVP - Botão Outline Ligadus Red
*/
.btn-outline-ligadus-red {
  color: #ff2600 !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #ff2600 !important;
}

.btn-outline-ligadus-red:hover {
  color: #fff !important;
  background-color: #ff2600 !important;
  border-color: #ff2600 !important;
}

.btn-outline-ligadus-red:active {
  color: #fff !important;
}

.btn-outline-ligadus-red:focus,
.btn-outline-ligadus-red.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-ligadus-red.disabled,
.btn-outline-ligadus-red:disabled {
  color: #ff2600 !important;
  background-color: transparent !important;
}

.btn-outline-ligadus-red:not(:disabled):not(.disabled):active,
.btn-outline-ligadus-red:not(:disabled):not(.disabled).active,
.show > .btn-outline-ligadus-red.dropdown-toggle {
  color: #fff !important;
  background-color: #ff2600 !important;
  border-color: #ff2600 !important;
}

.btn-outline-ligadus-red:not(:disabled):not(.disabled):active:focus,
.btn-outline-ligadus-red:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-ligadus-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary-nav {
  color: black !important;
  background-color: #96b6ff !important;
}

.btn-primary-nav:hover {
  color: white !important;
  background-color: #2e78e6 !important;
}

.btn-primary-nav:active {
  color: white !important;
  background-color: #0066ff !important;
}

.btn-primary-nav:disabled,
.btn-primary-nav.is-disabled {
  opacity: 0.5 !important;
}

.btn-shadow {
  -webkit-box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.3);
  -moz-box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.3);
  box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.3);
  /*border-radius:0;*/
}

.btn-shadow:active {
  margin-top: 3px !important;
  margin-bottom: -3px !important;
}

/*
 * DVP - Botão rounded-circle
*/
.btn-ligadus-rounded-circle {
  border-radius: 23px !important;
}
.custom-file-inputt ~ .custom-file-labell::after {
  content: 'Selecionar';
}

.inputDnD .form-control-file {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 6em;
  outline: none;
  visibility: hidden;
  cursor: pointer;
  background-color: #ff6600;
  box-shadow: 0 0 5px solid #ff6600;
}
.inputDnD .form-control-file:before {
  content: attr(data-title);
  font-size: small;
  color: #ff6600;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 100%;
  min-height: 6em;
  line-height: 2em;
  padding-top: 1.5em;
  opacity: 1;
  visibility: visible;
  text-align: center;
  border: 0.25em dashed #d65600;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
}
.inputDnD .form-control-file:hover:before {
  font-size: small;
  color: #d65600;
  border-style: solid;
  box-shadow: inset 0px 0px 0px 0.25em #d65600;
}

html,
body {
  height: 100%;
}

#tudo {
  position: relative;
  margin: 0 auto;
  min-height: 100%;
}

* html #tudo {
  height: 100%;
}

#conteudo {
  padding-bottom: 267px;
}

#principal {
  padding-top: 10px;
}

#rodape {
  position: absolute;
  bottom: 0;
  height: 267px;
}
.spinner-loading {
  margin: 100px auto;
  height: 50px;
  text-align: center;
  font-size: 10px;
}

.spinner-loading > div {
  height: 100%;
  width: 15px;
  display: inline-block;
  background-color: #ff2600;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner-loading .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner-loading .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner-loading .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner-loading .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.div-spinner-loading {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 250px;
  margin: -250px 0 0 -15px;
  padding: 0;
  background-color: #fff;
  text-align: center;
  z-index: 1000;
}

/*
 *
 * Necessário
 *
 * <div class="div-spinner-loading">
 *   <div class="spinner-loading">
 *       <div class="rect1"></div>
 *       <div class="rect2"></div>
 *       <div class="rect3"></div>
 *       <div class="rect4"></div>
 *       <div class="rect5"></div>
 *   </div>
 * </div>
 *
*/
.checkbox-ligadus label:after,
.radio-ligadus label:after {
  content: '';
  display: table;
  clear: both;
}

.checkbox-ligadus .cr,
.radio-ligadus .cr {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1.3em;
  height: 1.3em;
  float: left;
  margin-right: 0.5em;
}

.radio-ligadus .cr {
  border-radius: 50%;
}

.checkbox-ligadus .cr .cr-icon,
.radio-ligadus .cr .cr-icon {
  position: absolute;
  font-size: 0.8em;
  line-height: 0;
  top: 50%;
  left: 20%;
}

.radio-ligadus .cr .cr-icon {
  margin-left: 0.04em;
}

.checkbox-ligadus label input[type='checkbox'],
.radio-ligadus label input[type='radio'] {
  display: none;
}

.checkbox-ligadus label input[type='checkbox'] + .cr > .cr-icon,
.radio-ligadus label input[type='radio'] + .cr > .cr-icon {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.checkbox-ligadus label input[type='checkbox']:checked + .cr > .cr-icon,
.radio-ligadus label input[type='radio']:checked + .cr > .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox-ligadus label input[type='checkbox']:disabled + .cr,
.radio-ligadus label input[type='radio']:disabled + .cr {
  opacity: 0.5;
}
.breadcrumb {
  background: rgba(255, 255, 255, 0) !important;
  border: 0px solid rgba(245, 245, 245, 0) !important;
  border-radius: 4px !important;
}
.breadcrumb a {
  color: rgba(0, 102, 255, 1) !important;
}
.breadcrumb a:hover {
  /*color: rgba(18, 98, 168, 1) !important;*/
  color: rgba(255, 38, 0, 1) !important;
}
.breadcrumb > .active {
  color: rgba(0, 0, 0, 1) !important;
}
.breadcrumb > li + li:before {
  color: rgba(204, 204, 204, 1) !important;
  content: '\276D\00a0' !important;
}
.semquebra {
  white-space: nowrap;
}
.box-shaddow-hover {
  transition: box-shadow 0.3s;
  border-radius: 7px;
  border: 1px solid #d3d3d3;
  background: #fff;
}
.box-shaddow-hover:hover {
  cursor: pointer;
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
}

/* checkbox-editado */
.checkbox-ligadus .cr-editado {
  position: relative;
  display: inline-block;
  border: 1px solid #a9a9a9;
  border-radius: 0.25em;
  width: 1em;
  height: 1em;
  top: 2px;
  margin-right: 0.5em;
}

.radio-ligadus .cr-editado {
  border-radius: 20%;
}

.checkbox-ligadus .cr-editado .cr-icon-editado {
  position: absolute;
  font-size: 0.7em;
  line-height: 0;
  top: 50%;
  left: 18%;
}

.radio-ligadus .cr-editado .cr-icon-editado {
  margin-left: 0.04em;
}

.checkbox-ligadus
  label
  input[type='checkbox']
  + .cr-editado
  > .cr-icon-editado {
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}

.checkbox-ligadus
  label
  input[type='checkbox']:checked
  + .cr-editado
  > .cr-icon-editado {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}

.checkbox-ligadus label input[type='checkbox']:disabled + .cr-editado {
  opacity: 0.5;
}