﻿/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}

.bg-gray {
  background-color: #eaeaec !important;
}

.bg-black {
  background-color: #222222 !important;
}

.bg-red {
  background-color: #f56954 !important;
}

.bg-yellow {
  background-color: #f39c12 !important;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-blue {
  background-color: #0073b7 !important;
}

.bg-light-blue {
  background-color: #43d0d1 !important;
}

.bg-green {
  background-color: #00a65a !important;
}

.bg-navy {
  background-color: #001f3f !important;
}

.bg-teal {
  background-color: #39cccc !important;
}

.bg-olive {
  background-color: #3d9970 !important;
}

.bg-lime {
  background-color: #01ff70 !important;
}

.bg-orange {
  background-color: #ff851b !important;
}

.bg-fuchsia {
  background-color: #f012be !important;
}

.bg-purple {
  background-color: #932ab6 !important;
}

.bg-maroon {
  background-color: #85144b !important;
}

/*
    Component: Small boxes
*/
.small-box {
  position: relative;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*margin-bottom: 15px;*/
}

  .small-box h4 {
    color:#fff;
  }

  .small-box > .inner {
    padding: 10px;
    min-height: 100px
  }

  .small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }

    .small-box > .small-box-footer:hover {
      color: #fff;
      background: rgba(0, 0, 0, 0.15);
    }

  .small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
  }

  .small-box p {
    font-size: 15px;
  }

    .small-box p > small {
      display: block;
      color: #f9f9f9;
      font-size: 13px;
      margin-top: 5px;
    }

  .small-box h3,
  .small-box p {
    z-index: 5px;
  }

  .small-box .icon {
    position: absolute;
    top: auto;
    /*bottom: 5px;*/
    bottom: -20px;
    right: 5px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
  }

  .small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
  }

    .small-box:hover .icon {
      animation-name: tansformAnimation;
      animation-duration: .5s;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      -webkit-animation-name: tansformAnimation;
      -webkit-animation-duration: .5s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: forwards;
      -moz-animation-name: tansformAnimation;
      -moz-animation-duration: .5s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: forwards;
    }
@keyframes tansformAnimation {
  from {
    font-size: 90px;
  }

  to {
    font-size: 100px;
  }
}

@-webkit-keyframes tansformAnimation {
  from {
    font-size: 90px;
  }

  to {
    font-size: 100px;
  }
}

/*|==================================================================================================|*/
/*|====================================== PAGINACAO PADRAO ==========================================|*/
/*|==================================================================================================|*/
/*.paginacao{width:100%; border-top: 1px solid #f6dec2; border-bottom:1px solid #f6dec2; padding:10px; float:left; margin-left:10px; margin-bottom:40px;}*/

.paginacaoGrid td {
  /*margin:0 !important;*/
  padding: 0 !important;
}

.paginacao {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  font-size: 12px;
}
  /*.paginacao *{font-family:"Trebuchet MS", Arial; font-size:14px;color:#464646;}*/
  /*_*/
  .paginacao span.SpanElementoPaginacao {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .paginacao .FirstPreviousPage {
    float: left;
    padding: 5px 10px;
    color: #464646;
  }

  .paginacao a.FirstPreviousPage:hover {
    color: #464646;
    background: #ddd;
  }

  .paginacao .FirstPreviousPage2 {
    padding: 5px 10px;
    color: #464646;
  }

  .paginacao a.FirstPreviousPage2:hover {
    color: #464646;
    background: #ddd;
  }

  .paginacao span.FirstPreviousPage {
    cursor: default;
    color: #464646;
    padding: 4px;
  }

  .paginacao .Numeric_Links, .paginacao .Current_Page {
    display: inline-block;
    text-align: center;
    padding: 5px 10px;
    background: #fafafa;
    color:#464646;
  }

    .paginacao .Numeric_Links:hover {
      color: #464646;
      background: #ddd;
    }

  .paginacao .Current_Page {
    color: #fff;
    /*background: #ddd;*/
    background-color: #3874ff;
  }

  .paginacao .LastNextPage {
    float: right;
    padding: 5px 10px;
  }

  .paginacao a.LastNextPage:hover {
    color: #464646;
    background: #ddd;
  }

  .paginacao .LastNextPage2 {
    padding: 5px 10px;
  }

  .paginacao a.LastNextPage2:hover {
    color: #464646;
    background: #ddd;
  }

  .paginacao span.LastNextPage {
    cursor: default;
    color: #464646;
  }
/*|==================================================================================================|*/
/*|==================================================================================================|*/
/*|----------- PERSONALIZAÇÃO DE GRID --------------------|*/

.link_cabecalho_grid th a {
  color: #000000 !important;
}

/*          .link_cabecalho_grid th a::after {
            content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgNyA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy4xNDkgMC42NDY3NjhDMy4zNDM2NiAwLjQ1NDg4NSAzLjY1NjM0IDAuNDU0ODg1IDMuODUxIDAuNjQ2NzY4TDYuMTMxNTEgMi44OTQ2OUM2LjQ0OTk4IDMuMjA4NjIgNi4yMjc2OSAzLjc1MDc4IDUuNzgwNSAzLjc1MDc4SDEuMjE5NUMwLjc3MjMwNyAzLjc1MDc4IDAuNTUwMDE4IDMuMjA4NjIgMC44Njg0OTUgMi44OTQ2OUwzLjE0OSAwLjY0Njc2OFoiIGZpbGw9IiM2RTc4OTEiLz4KPHBhdGggZD0iTTMuMTQ5IDguMTU0MDFDMy4zNDM2NiA4LjM0NTkgMy42NTYzNCA4LjM0NTkgMy44NTEgOC4xNTQwMUw2LjEzMTUxIDUuOTA2MDlDNi40NDk5OCA1LjU5MjE2IDYuMjI3NjkgNS4wNSA1Ljc4MDUgNS4wNUgxLjIxOTVDMC43NzIzMDcgNS4wNSAwLjU1MDAxOCA1LjU5MjE2IDAuODY4NDk1IDUuOTA2MDlMMy4xNDkgOC4xNTQwMVoiIGZpbGw9IiM2RTc4OTEiLz4KPC9zdmc+Cg==);
            margin-left: 0.25rem;
          }
*/ 
.link_celula_grid a {
  color: #000000 !important;
}

/* validacao radio */
.is-invalid label {
  color: #ed2000;
}

.is-valid label {
  color: #25b003;
}

.tinyBorderColor-Danger {
  border: 1px solid #ed2000 !important;
  border-radius: 0.375rem !important;
}

.ckEditorBorderColor-Danger {
  border: 1px solid #ed2000 !important;
  border-radius: 0.375rem !important;
}

.fc-daygrid-event {
  cursor: pointer !important;
}


/*|==================================================================================================|*/
/*|==================================================================================================|*/
/*|----------- PERSONALIZAÇÃO DO UPLOAD MULTIPLO --------------------|*/

.dropzone.dz-started .dz-message {
  display: block !important;
  margin: 0 !important;
}

.dropzone.dz-started .dz-remove {
  display: none !important;
}

.dropzone .dz-preview.dz-image-preview {
  /*background: var(--phoenix-gray-soft);*/
  background-color: white !important;
}

.dropzone.dropzone-multiple .dz-image {
  height: 2rem !important;
  width: 2rem !important;
}

.dz-message {
  background: var(--phoenix-gray-soft);
}

.dropzone.dropzone-multiple {
  background-color: white !important;
}

.CustomUploadFile {
  /*position: absolute;*/
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  min-height: 34px;
  margin-top: -4px;
  padding-top: 5px;
  opacity:0.01;
}

.item_legenda {
  float: left;
  padding-bottom: 10px;
}

.oculta-dropzone {
  display: none !important;
}

.exibe-dropzone {
  display: block !important;
}

.pasta-sem-subpasta {
  display: none !important;
}

.item-subpasta {
  padding-left: 5px;
  padding-top: 3px;
}

.item-pasta-selecionada {
  background-color: rgba(var(--phoenix-light-rgb), var(--phoenix-bg-opacity)) !important;
  --phoenix-bg-opacity: 1;
}

.titulo-pasta {
  padding: 5px;
}

.item-pasta-padding {
  padding-right: 0px;
}

/*modal carregando e travando a pagina*/
.modal-carregando .modal-corpo {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}

  .modal-carregando .modal-corpo .modal-content {
    background-color: transparent;
    border: none;
  }


  /* PAGINACAO GALERIA IMAGENS */
.Current_Page {
  border: none !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.Numeric_Links {
  border: none !important;
}


/* GRAFICOS */
.so_impressao {
  display: none;
}

.quebra-pagina-impressao{
  display:none;
}

@media print {
  .so_impressao {
    display: block;
  }

  .cor-fonte-impressao-branco {
    color: white !important;
    /*text-shadow: 0 0 0 #ffffff !important;*/
  }

  .icone_dash_impressao {
    color: rgba(0, 0, 0, 0.15) !important;
  }

  .largura-caixa-dash-impressao {
    max-width: 150px !important;
  }

  .tamanho-grafico-dash-impressao {
    width: 100% !important;
    height: 400px;
  }

  .quebra-pagina-impressao {
    display:block;
    page-break-after: always;
  }

  .no-print {
    display: none;
  }

  .left-side,
  .header,
  .content-header {
    display: none;
  }

  .right-side {
    margin: 0;
  }
}
/*BOTAO ATENÇÃO - ver se da pra colocar no css do tema, arquivo theme.css*/
.badge-phoenix-attention {
  border: 1px solid #93A400 !important;
  background-color: #FFFFB7 !important;
  color: #93A400 !important;
}

.border-attention {
  --phoenix-border-color: #93A400 !important;
}

.text-attention {
  color: #93A400 !important;
}

.fc .text-attention.fc-daygrid-event .fc-event-main {
  color: #93A400 !important;
}

  .fc .text-attention.fc-daygrid-event .fc-event-main::after {
    border: 4px solid #93A400 !important;
  }

.fc .text-attention .fc-event-main:after {
  background-color: #93A400 !important;
}

.progress-bar-questionario {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: var(--phoenix-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--phoenix-progress-bar-bg);
  -webkit-transition: var(--phoenix-progress-bar-transition);
  -o-transition: var(--phoenix-progress-bar-transition);
  transition: var(--phoenix-progress-bar-transition);
}

.disable-menu-cliente {
  color: darkgrey !important;
}


.texto_com_quebra {
  white-space: normal !important;
}

.Radio_List td {
    padding: 5px;
}

    .Radio_List td input {
        margin-top: 2px;
    }

    .Radio_List td label {
        padding-left: 5px;
        vertical-align: top;
    }

.Check_List td {
    padding: 5px;
    padding-right: 20px;
}

    .Check_List td input {
        margin-top: 2px;
    }

    .Check_List td label {
        padding-left: 5px;
        vertical-align: top;
    }

/*.Radio_List input {
  margin-left: 0px !important;
  vertical-align: top !important;
  margin-top: 5px !important;
  margin-right: 5px !important;
}


.Radio_List td label {
  font-weight: normal !important;
}

.Radio_List td {
  padding: 0 !important;
}

.Radio_List span {
  font-weight: 600 !important;
}
*/
.texto-qdd {
  font-size: 15px;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}