@charset "UTF-8";
/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
/* [KENDO THEME BUILDER] */
/* (end) [KENDO THEME BUILDER] */
/* [COLORS] */
/* [COLORS] Overall */
/* [COLORS] Buttons */
/* [COLORS] Navbar left */
/* [COLORS] Navbar top */
/* [COLORS] StaticBar / Breadcrumb */
/* [COLORS] - SubNavbar*/
/* [COLORS] - First pages */
/* [COLORS] - Inputs */
/* [COLORS] - Kendo */
/* [COLORS] - Grids */
/* [COLORS] - Other */
/* (end) [COLORS] */
/* [MEASURES] */
/* [MEASURES] Overall */
/* [MEASURES] - Inputs */
/* [MEASURES] - Buttons */
/* [Measures] - Grids */
/* [Measures] - Kendo */
/* [MEASURES] - Navbar left */
/* [MEASURES] - Navbar top */
/* [MEASURES] - Subnavbar */
/* [MEASURES] - First pages*/
/* [MEASURES] - Fonts */
/* [MEASURES] - StaticBar / Breadcrumb */
/* [MEASURES] - Other */
/* (end) [MEASURES] */
/* [SCROLLBAR] */
/* (end) [SCROLLBAR] */
/* [OTHER] */
/* (end) [OTHER] */
html .k-button,
html .btn {
  font-size: 1rem;
  height: 30px;
  line-height: 30px;
  padding: 0 1.334rem 0 1.334rem; }
  html .k-button--hidden,
  html .btn--hidden {
    visibility: hidden; }
  html .k-button.onetacho-k-primary:not(.square-button):not(.custom-grid-command):not(.onetacho-grid-custom-button):not(.k-grid-update):not(.k-grid-cancel), html .k-button.onetacho-k-secondary:not(.square-button):not(.custom-grid-command):not(.onetacho-grid-custom-button):not(.k-grid-update):not(.k-grid-cancel),
  html .btn.onetacho-k-primary:not(.square-button):not(.custom-grid-command):not(.onetacho-grid-custom-button):not(.k-grid-update):not(.k-grid-cancel),
  html .btn.onetacho-k-secondary:not(.square-button):not(.custom-grid-command):not(.onetacho-grid-custom-button):not(.k-grid-update):not(.k-grid-cancel) {
    min-width: 6rem; }
  html .k-button.square-button,
  html .btn.square-button {
    height: 30px;
    width: 30px;
    padding: 0; }
  html .k-button.k-danger:not(.disabled):not(:disabled), html .k-button.btn-danger:not(.disabled):not(:disabled),
  html .btn.k-danger:not(.disabled):not(:disabled),
  html .btn.btn-danger:not(.disabled):not(:disabled) {
    background-image: none !important;
    background-color: #FF3B00;
    color: #FFFFFF;
    font-weight: normal;
    border: none;
    border-radius: 3px; }
    html .k-button.k-danger:not(.disabled):not(:disabled):not(.square-button), html .k-button.btn-danger:not(.disabled):not(:disabled):not(.square-button),
    html .btn.k-danger:not(.disabled):not(:disabled):not(.square-button),
    html .btn.btn-danger:not(.disabled):not(:disabled):not(.square-button) {
      height: 30px;
      padding: 0 1.334rem 0 1.334rem; }
    html .k-button.k-danger:not(.disabled):not(:disabled):hover, html .k-button.btn-danger:not(.disabled):not(:disabled):hover,
    html .btn.k-danger:not(.disabled):not(:disabled):hover,
    html .btn.btn-danger:not(.disabled):not(:disabled):hover {
      background-color: #FF0C00;
      color: #FFFFFF;
      border: none; }
    html .k-button.k-danger:not(.disabled):not(:disabled):active, html .k-button.btn-danger:not(.disabled):not(:disabled):active,
    html .btn.k-danger:not(.disabled):not(:disabled):active,
    html .btn.btn-danger:not(.disabled):not(:disabled):active {
      background-color: #D80A00;
      color: #FFFFFF;
      border: none; }
    html .k-button.k-danger:not(.disabled):not(:disabled):focus, html .k-button.btn-danger:not(.disabled):not(:disabled):focus,
    html .btn.k-danger:not(.disabled):not(:disabled):focus,
    html .btn.btn-danger:not(.disabled):not(:disabled):focus {
      box-shadow: none; }
  html .k-button.onetacho-k-secondary-danger:not(.disabled):not(:disabled),
  html .btn.onetacho-k-secondary-danger:not(.disabled):not(:disabled) {
    background-image: none !important;
    background-color: #FFFFFF;
    color: #FF3B00;
    font-weight: normal;
    border: 1px solid #FF3B00;
    border-radius: 3px; }
    html .k-button.onetacho-k-secondary-danger:not(.disabled):not(:disabled):not(.square-button),
    html .btn.onetacho-k-secondary-danger:not(.disabled):not(:disabled):not(.square-button) {
      height: 30px;
      padding: 0 1.334rem 0 1.334rem; }
    html .k-button.onetacho-k-secondary-danger:not(.disabled):not(:disabled):hover,
    html .btn.onetacho-k-secondary-danger:not(.disabled):not(:disabled):hover {
      background-color: rgba(255, 59, 0, 0.1);
      color: #FF3B00;
      border: 1px solid #FF3B00; }
    html .k-button.onetacho-k-secondary-danger:not(.disabled):not(:disabled):active,
    html .btn.onetacho-k-secondary-danger:not(.disabled):not(:disabled):active {
      background-color: rgba(255, 59, 0, 0.25);
      color: #FF3B00;
      border: 1px solid #FF3B00; }
    html .k-button.onetacho-k-secondary-danger:not(.disabled):not(:disabled):focus,
    html .btn.onetacho-k-secondary-danger:not(.disabled):not(:disabled):focus {
      box-shadow: none; }
  html .k-button.onetacho-k-primary:not(.disabled):not(:disabled), html .k-button.btn-primary:not(.disabled):not(:disabled),
  html .btn.onetacho-k-primary:not(.disabled):not(:disabled),
  html .btn.btn-primary:not(.disabled):not(:disabled) {
    background-image: none !important;
    background-color: #0e7b81;
    color: #FFFFFF;
    font-weight: normal;
    border: none;
    border-radius: 3px; }
    html .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button), html .k-button.btn-primary:not(.disabled):not(:disabled):not(.square-button),
    html .btn.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
    html .btn.btn-primary:not(.disabled):not(:disabled):not(.square-button) {
      height: 30px;
      padding: 0 1.334rem 0 1.334rem; }
    html .k-button.onetacho-k-primary:not(.disabled):not(:disabled):hover, html .k-button.btn-primary:not(.disabled):not(:disabled):hover,
    html .btn.onetacho-k-primary:not(.disabled):not(:disabled):hover,
    html .btn.btn-primary:not(.disabled):not(:disabled):hover {
      background-color: var(--primary-hover);
      color: #FFFFFF;
      border: none; }
    html .k-button.onetacho-k-primary:not(.disabled):not(:disabled):active, html .k-button.btn-primary:not(.disabled):not(:disabled):active,
    html .btn.onetacho-k-primary:not(.disabled):not(:disabled):active,
    html .btn.btn-primary:not(.disabled):not(:disabled):active {
      background-color: var(--primary-active);
      color: #FFFFFF;
      border: none; }
    html .k-button.onetacho-k-primary:not(.disabled):not(:disabled):focus, html .k-button.btn-primary:not(.disabled):not(:disabled):focus,
    html .btn.onetacho-k-primary:not(.disabled):not(:disabled):focus,
    html .btn.btn-primary:not(.disabled):not(:disabled):focus {
      box-shadow: none; }
  html .k-button.onetacho-k-secondary:not(.disabled):not(:disabled), html .k-button.btn-secondary:not(.disabled):not(:disabled),
  html .btn.onetacho-k-secondary:not(.disabled):not(:disabled),
  html .btn.btn-secondary:not(.disabled):not(:disabled) {
    background-image: none !important;
    background-color: #FFFFFF;
    color: #0e7b81 !important;
    font-weight: normal;
    border: 1px solid #0e7b81;
    border-radius: 3px; }
    html .k-button.onetacho-k-secondary:not(.disabled):not(:disabled):not(.square-button), html .k-button.btn-secondary:not(.disabled):not(:disabled):not(.square-button),
    html .btn.onetacho-k-secondary:not(.disabled):not(:disabled):not(.square-button),
    html .btn.btn-secondary:not(.disabled):not(:disabled):not(.square-button) {
      height: 30px;
      padding: 0 1.334rem 0 1.334rem; }
    html .k-button.onetacho-k-secondary:not(.disabled):not(:disabled):hover, html .k-button.btn-secondary:not(.disabled):not(:disabled):hover,
    html .btn.onetacho-k-secondary:not(.disabled):not(:disabled):hover,
    html .btn.btn-secondary:not(.disabled):not(:disabled):hover {
      background-color: rgba(0, 101, 165, 0.1);
      color: #0e7b81;
      border: 1px solid #0e7b81; }
    html .k-button.onetacho-k-secondary:not(.disabled):not(:disabled):active, html .k-button.btn-secondary:not(.disabled):not(:disabled):active,
    html .btn.onetacho-k-secondary:not(.disabled):not(:disabled):active,
    html .btn.btn-secondary:not(.disabled):not(:disabled):active {
      background-color: rgba(0, 101, 165, 0.25);
      color: #0e7b81;
      border: 1px solid #0e7b81; }
    html .k-button.onetacho-k-secondary:not(.disabled):not(:disabled):focus, html .k-button.btn-secondary:not(.disabled):not(:disabled):focus,
    html .btn.onetacho-k-secondary:not(.disabled):not(:disabled):focus,
    html .btn.btn-secondary:not(.disabled):not(:disabled):focus {
      box-shadow: none; }
  html .k-button.button-with-icon,
  html .btn.button-with-icon {
    padding: 0 0.8rem; }
    html .k-button.button-with-icon i,
    html .btn.button-with-icon i {
      font-size: 1rem;
      font-weight: normal;
      padding-right: 0.4rem; }
  html .k-button.custom-grid-command, html .k-button.k-grid-update, html .k-button.k-grid-cancel,
  html .btn.custom-grid-command,
  html .btn.k-grid-update,
  html .btn.k-grid-cancel {
    background-image: none !important;
    background-color: transparent;
    color: #0e7b81 !important;
    font-weight: normal;
    height: 30px;
    width: 30px;
    padding: 0 0 0 0 !important;
    border: none; }
    html .k-button.custom-grid-command:hover, html .k-button.k-grid-update:hover, html .k-button.k-grid-cancel:hover,
    html .btn.custom-grid-command:hover,
    html .btn.k-grid-update:hover,
    html .btn.k-grid-cancel:hover {
      background-color: transparent;
      color: #0e7b81;
      border: none; }
      html .k-button.custom-grid-command:hover .custom-grid-command__icon,
      html .k-button.custom-grid-command:hover .k-icon,
      html .k-button.custom-grid-command:hover > span, html .k-button.k-grid-update:hover .custom-grid-command__icon,
      html .k-button.k-grid-update:hover .k-icon,
      html .k-button.k-grid-update:hover > span, html .k-button.k-grid-cancel:hover .custom-grid-command__icon,
      html .k-button.k-grid-cancel:hover .k-icon,
      html .k-button.k-grid-cancel:hover > span,
      html .btn.custom-grid-command:hover .custom-grid-command__icon,
      html .btn.custom-grid-command:hover .k-icon,
      html .btn.custom-grid-command:hover > span,
      html .btn.k-grid-update:hover .custom-grid-command__icon,
      html .btn.k-grid-update:hover .k-icon,
      html .btn.k-grid-update:hover > span,
      html .btn.k-grid-cancel:hover .custom-grid-command__icon,
      html .btn.k-grid-cancel:hover .k-icon,
      html .btn.k-grid-cancel:hover > span {
        color: #0e7b81; }
    html .k-button.custom-grid-command:active, html .k-button.k-grid-update:active, html .k-button.k-grid-cancel:active,
    html .btn.custom-grid-command:active,
    html .btn.k-grid-update:active,
    html .btn.k-grid-cancel:active {
      background-color: transparent;
      color: var(--primary-active);
      border: none; }
      html .k-button.custom-grid-command:active .custom-grid-command__icon,
      html .k-button.custom-grid-command:active .k-icon,
      html .k-button.custom-grid-command:active > span, html .k-button.k-grid-update:active .custom-grid-command__icon,
      html .k-button.k-grid-update:active .k-icon,
      html .k-button.k-grid-update:active > span, html .k-button.k-grid-cancel:active .custom-grid-command__icon,
      html .k-button.k-grid-cancel:active .k-icon,
      html .k-button.k-grid-cancel:active > span,
      html .btn.custom-grid-command:active .custom-grid-command__icon,
      html .btn.custom-grid-command:active .k-icon,
      html .btn.custom-grid-command:active > span,
      html .btn.k-grid-update:active .custom-grid-command__icon,
      html .btn.k-grid-update:active .k-icon,
      html .btn.k-grid-update:active > span,
      html .btn.k-grid-cancel:active .custom-grid-command__icon,
      html .btn.k-grid-cancel:active .k-icon,
      html .btn.k-grid-cancel:active > span {
        color: var(--primary-active); }
    html .k-button.custom-grid-command:focus, html .k-button.k-grid-update:focus, html .k-button.k-grid-cancel:focus,
    html .btn.custom-grid-command:focus,
    html .btn.k-grid-update:focus,
    html .btn.k-grid-cancel:focus {
      box-shadow: none; }
    html .k-button.custom-grid-command .custom-grid-command__icon,
    html .k-button.custom-grid-command .k-icon,
    html .k-button.custom-grid-command > span, html .k-button.k-grid-update .custom-grid-command__icon,
    html .k-button.k-grid-update .k-icon,
    html .k-button.k-grid-update > span, html .k-button.k-grid-cancel .custom-grid-command__icon,
    html .k-button.k-grid-cancel .k-icon,
    html .k-button.k-grid-cancel > span,
    html .btn.custom-grid-command .custom-grid-command__icon,
    html .btn.custom-grid-command .k-icon,
    html .btn.custom-grid-command > span,
    html .btn.k-grid-update .custom-grid-command__icon,
    html .btn.k-grid-update .k-icon,
    html .btn.k-grid-update > span,
    html .btn.k-grid-cancel .custom-grid-command__icon,
    html .btn.k-grid-cancel .k-icon,
    html .btn.k-grid-cancel > span {
      font-size: 1.3rem;
      color: #0e7b81;
      pointer-events: none; }
  html .k-button.k-grid-update, html .k-button.k-grid-cancel,
  html .btn.k-grid-update,
  html .btn.k-grid-cancel {
    background-color: transparent !important; }
    html .k-button.k-grid-update > span, html .k-button.k-grid-cancel > span,
    html .btn.k-grid-update > span,
    html .btn.k-grid-cancel > span {
      font-size: 1.8rem; }
  html .k-button.k-grid-cancel > span,
  html .btn.k-grid-cancel > span {
    color: #656565; }
  html .k-button.k-grid-cancel:hover > span,
  html .btn.k-grid-cancel:hover > span {
    color: black; }

/* .info-icon - Botão de informação, associado com uma 'popover' ou uma 'tooltip' */
.info-icon {
  color: #0e7b81;
  font-size: 18px;
  line-height: normal;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.5rem;
  border-radius: 50%;
  transition: 0.25s; }
  .info-icon:focus {
    text-decoration: none;
    color: var(--primary-active);
    outline: none; }
  .info-icon:hover {
    color: #0e7b81;
    text-decoration: none; }

.onetacho-grid-custom-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 30px;
  border-radius: 3px;
  background-image: none !important;
  background-color: transparent;
  color: #0e7b81 !important;
  font-weight: normal;
  padding: 0 0 0 0;
  border: none; }
  .grid-custom-button__filter-toggle.active {
    background-color: transparent;
    color: #0e7b81 !important;
    border: none; }
    .grid-custom-button__filter-toggle.active:hover {
      background-color: transparent;
      color: #0e7b81 !important;
      border: none; }
  .grid-custom-button__columns-config i {
    font-size: 1.5rem; }
  .onetacho-grid-custom-button i {
    font-size: 1.5rem;
    color: #0e7b81;
    font-weight: normal; }
  .onetacho-grid-custom-button:hover {
    cursor: pointer;
    background-color: transparent;
    color: #0e7b81;
    border: none; }
    .onetacho-grid-custom-button:hover i {
      color: #0e7b81; }
  .onetacho-grid-custom-button:active {
    background-color: transparent;
    color: var(--primary-active);
    border: none; }
    .onetacho-grid-custom-button:active i {
      color: var(--primary-active); }

.bool-icon--green {
  color: #B7DB7F; }

.bool-icon--red {
  color: #CD603D; }

.status-tag {
  width: 120px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  padding: 0 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .status-tag--blue {
    background-color: #0275D8; }
  .status-tag--light-blue {
    background-color: #5BC0DE; }
  .status-tag--green {
    background-color: #5CB85C; }
  .status-tag--yellow {
    background-color: #F0AD4E; }
  .status-tag--orange {
    background-color: #E67D4A; }
  .status-tag--red {
    background-color: #D9534F; }
  .status-tag--green-blue {
    background-color: #21B6A8; }
  .status-tag--violet {
    background-color: #EE82EE; }
  .status-tag--grey {
    background-color: #808080; }
  .status-tag--black {
    background-color: #292b2c; }

.custom-radio-button {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 20px;
  margin: 0;
  cursor: pointer; }
  .custom-radio-button input {
    display: none; }
    .custom-radio-button input:checked ~ .checkmark {
      background-color: #0e7b81; }
      .custom-radio-button input:checked ~ .checkmark:after {
        display: block; }
  .custom-radio-button .checkmark {
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #0e7b81;
    border-radius: 50%;
    font-size: 1rem; }
    .custom-radio-button .checkmark:after {
      content: "";
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #FFFFFF; }
  .custom-radio-button:hover input ~ .checkmark {
    background-color: #0e7b81; }

.onetacho-upload-logo-button {
  width: 10em;
  height: 2.5em;
  border-radius: 3px;
  border: 0.15em solid #0e7b81;
  background-color: #0e7b81;
  color: #FFFFFF;
  transition: all 0.5s ease;
  margin-top: 0.5em;
}

.onetacho-upload-logo-button .text {
  display: none;
}

.onetacho-upload-logo-button:hover>.text {
  display: block;
}

/* .upload-logo-button:hover>svg {
  display: none;
} */

.onetacho-upload-logo-button:hover {
  background-color: var(--primary-hover);
  color: #fff;
}

.onetacho-upload-logo-button svg {
  width: 1.5em;
}

.remove-logo-button {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  z-index: 1;
}