@media (min-width: 576px) {
    .logo_brand {
        width: 100%;
        height: 100%; 
    } 
}
@media (min-width: 768px) {
    .logo_brand {
        width: 60%;
        height: 60%; 
    } 
}
@media (min-width: 1024px) {
    .logo_brand {
        width: 80%;
        height: 80%; 
    } 
}
@media (min-width: 1200px) {
    .logo_brand {
        width: 100%;
        height: 100%; 
    } 
}
@media (min-width: 1400px) {
    .logo_brand {
        width: 100%;
        height: 100%; 
    } 
}
@media (min-width: 1600px) {
    .logo_brand {
      width: 100%;
      height: 100%; 
    } 
}

.w-nav-link:visited{
  color: white;
}

.user-link:visited{
  color: white;
}

a:hover{
  text-decoration-line: none;
}

a{
  text-decoration-line: none;
}

.b-inativo {
  background-color: #fff;
  opacity: 0.64;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}



/* DateRangePicker */


.daterangepicker tbody td.today{
    background: rgba(39, 188, 74, 0.5);
}

.datetimepicker {
  width: 265px;
  padding: 10px;
  left: auto; }
  .datetimepicker.datetimepicker-orient-top {
    margin-top: 8px; }
  .datetimepicker table {
    width: 100%; }
  .datetimepicker td, .datetimepicker th {
    width: 35px;
    height: 35px;
    border-radius: 3px; }
  .datetimepicker thead th.prev, .datetimepicker thead th.switch, .datetimepicker thead th.next {
    font-weight: 500; }
  .datetimepicker thead th.dow {
    font-weight: 500; }
  .datetimepicker thead th.next > span, .datetimepicker thead th.prev > span {
    display: inline-block;
    font: normal normal normal 16px/1 "LineAwesome";
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    font-size: 0.85rem; }
  .datetimepicker thead th.next > span:before {
    content: "\f112"; }
  .datetimepicker thead th.prev > span:before {
    content: "\f111"; }
  .datetimepicker tbody tr > td.day.today {
    position: relative; }
    .datetimepicker tbody tr > td.day.today:before {
      content: '';
      display: inline-block;
      border: solid transparent;
      border-width: 0 0 7px 7px;
      border-bottom-color: #ffffff;
      border-top-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      bottom: 4px;
      right: 4px; }
  .datetimepicker tfoot tr > th.today, .datetimepicker tfoot tr > th.clear {
    border-radius: 3px;
    font-weight: 500; }

.input-daterange .input-group-addon {
  min-width: 44px; }

.datetimepicker thead th.prev:hover, .datetimepicker thead th.switch:hover, .datetimepicker thead th.next:hover {
  background: #CCCCCC; }

.datetimepicker tbody tr > td.day {
  color: #707070; }
  .datetimepicker tbody tr > td.day:hover {
    background: #CCCCCC; }
  .datetimepicker tbody tr > td.day.old {
    color: #969696; }
  .datetimepicker tbody tr > td.day.new {
    color: #707070; }
  .datetimepicker tbody tr > td.day.selected, .datetimepicker tbody tr > td.day.active {
    background: #5867dd;
    color: #ffffff; }
  .datetimepicker tbody tr > td.day.today {
    background: #828ee6;
    color: #ffffff;
    position: relative; }
    .datetimepicker tbody tr > td.day.today:before {
      border-bottom-color: #ffffff;
      border-top-color: rgba(0, 0, 0, 0.2); }
  .datetimepicker tbody tr > td.day.range {
    background: #d4d4d4; }

.datetimepicker tbody tr > td span.hour,
.datetimepicker tbody tr > td span.minute,
.datetimepicker tbody tr > td span.month {
  color: #707070; }
  .datetimepicker tbody tr > td span.hour.focused, .datetimepicker tbody tr > td span.hour:hover,
  .datetimepicker tbody tr > td span.minute.focused,
  .datetimepicker tbody tr > td span.minute:hover,
  .datetimepicker tbody tr > td span.month.focused,
  .datetimepicker tbody tr > td span.month:hover {
    background: #CCCCCC; }
  .datetimepicker tbody tr > td span.hour.active:hover, .datetimepicker tbody tr > td span.hour.active,
  .datetimepicker tbody tr > td span.minute.active:hover,
  .datetimepicker tbody tr > td span.minute.active,
  .datetimepicker tbody tr > td span.month.active:hover,
  .datetimepicker tbody tr > td span.month.active {
    background: #5867dd;
    color: #ffffff; }

.datetimepicker tfoot tr > th.today:hover, .datetimepicker tfoot tr > th.clear:hover {
  background-color: #CCCCCC; }

.datetimepicker.datetimepicker-inline {
  border: 1px solid #d4d4d4; }

.daterangepicker {
  padding: 0px; }
  .dropdown-menu {
    box-shadow: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: -1px;
  }
  .daterangepicker .daterangepicker_input .input-mini {
    height: auto;
    padding: 0.85rem 1.15rem;
    padding-left: 2.35rem;
    line-height: 1.25; }
  .daterangepicker .daterangepicker_input i {
    top: 10px; }
  .daterangepicker td, .daterangepicker th {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 0;
    vertical-align: middle;
    line-height: 0; }
  .daterangepicker thead .fa.fa-chevron-right,
  .daterangepicker thead .fa.fa-chevron-left {
    display: inline-block;
    font: normal normal normal 16px/1 "LineAwesome";
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased; }
  .daterangepicker thead .fa.fa-chevron-left:before {
    content: ""/*rtl:""*/; }
  .daterangepicker thead .fa.fa-chevron-right:before {
    content: ""/*rtl:""*/; }
  .daterangepicker thead th {
    font-weight: 500; }
    .daterangepicker thead th.prev, .daterangepicker thead th.next {
      font-size: 1.3rem; }
  .daterangepicker tbody td.in-range.start-date.today {
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker tbody td.in-range.end-date.today {
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker tbody td.today.in-range, .daterangepicker tbody td.today {
    border-radius: 3px;
    position: relative; }
    .daterangepicker tbody td.today.in-range:before, .daterangepicker tbody td.today:before {
      content: '';
      display: inline-block;
      border: solid transparent;
      border-width: 0 0 7px 7px;
      border-bottom-color: #ffffff;
      border-top-color: rgba(0, 0, 0, 0.2);
      position: absolute;
      bottom: 4px;
      right: 4px; }
  .daterangepicker select.monthselect,
  .daterangepicker select.yearselect,
  .daterangepicker select.hourselect,
  .daterangepicker select.minuteselect,
  .daterangepicker select.ampmselect {
    border-radius: 3px;
    padding: 0.45rem 0.8rem;
    outline: none !important; }
  .daterangepicker .calendar-time {
    margin: 15px 0 5px 0; }
    .daterangepicker .calendar-time select.hourselect,
    .daterangepicker .calendar-time select.minuteselect,
    .daterangepicker .calendar-time select.ampmselect {
      width: 70px; }
    .daterangepicker .calendar-time i {
      left: 3px;
      top: 5px;
      display: inline-block;
      font: normal normal normal 16px/1 "LineAwesome";
      font-size: 1.4rem;
      text-decoration: inherit;
      text-rendering: optimizeLegibility;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased; }
      .daterangepicker .calendar-time i:before {
        content: "\f18f"; }
  .daterangepicker .ranges {
    padding: 0px;
    margin: 0px; }
    .daterangepicker .ranges ul {
      width: 207px; }
      .daterangepicker .ranges ul li {
        border-radius: 0px;
        background: transparent;
        padding: 5px 3px;
        margin-bottom: 0px;
        font-weight: 400;
        border-color: transparent; }
    .daterangepicker .ranges .range_inputs {
      margin-top: 0; }
      .daterangepicker .ranges .range_inputs .btn {
        padding: 0.6rem 1.6rem;
        border-radius: 40px;
        margin-right: 6px; }

.daterangepicker .daterangepicker_input .input-mini {
  height: auto;
  border: 1px solid #CCCCCC; }
  .daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
    border: 1px solid #34b133; }

.daterangepicker .daterangepicker_input i {
  color: #b2b1c5; }

.daterangepicker thead th.prev:hover, .daterangepicker thead th.next:hover {
  background: #CCCCCC; }

.daterangepicker tbody td.available:hover, .daterangepicker tbody td:hover {
  background: rgba(39, 188, 74, 0.5); }

.daterangepicker tbody td.off {
  color: #969696; }

.daterangepicker tbody td.available {
  color: #707070; }

.daterangepicker tbody td.today {
  background: transparent;
  color: #ffffff; }
  .daterangepicker tbody td.today:before {
    border-bottom-color: #ffffff;
    border-top-color: rgba(0, 0, 0, 0.2); }
  .daterangepicker tbody td.today.in-range {
    border-radius: 0; }

.daterangepicker tbody td.in-range, .daterangepicker tbody td.active {
  background:rgba(39, 188, 74, 0.5);
  color: #ffffff; }
  .daterangepicker tbody td.in-range:hover, .daterangepicker tbody td.active:hover {
    background: rgba(39, 188, 74);
    color: #ffffff; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
  border: 1px solid #CCCCCC; }
  .daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus,
  .daterangepicker select.yearselect.active,
  .daterangepicker select.yearselect:focus,
  .daterangepicker select.hourselect.active,
  .daterangepicker select.hourselect:focus,
  .daterangepicker select.minuteselect.active,
  .daterangepicker select.minuteselect:focus,
  .daterangepicker select.ampmselect.active,
  .daterangepicker select.ampmselect:focus {
    border: 1px solid #34b133; }

.daterangepicker .calendar-time i {
  color: #b2b1c5; }

.daterangepicker .ranges li {
  border: 1px solid #CCCCCC;
  color: #969696; }
  .daterangepicker .ranges li:hover {
    background: transparent;
    color: #969696;
    background-color: rgba(0, 0, 0, .05); }
  .daterangepicker .ranges li.active {
    background: #34b133;
    color: #ffffff;
    border: 1px solid #34b133; }

    .drop-toggle-periodo:focus{
      outline: none;
    }