@charset "UTF-8";
/**
* 	@desc: 	Neste documento estão contidas as variáveis de controle CSS, 
*        	importação dos widgets e os estilos de configuração geral.
*	  @author: Eduardo Marinho - Ed.marinho@outlook.com
**/
@media all {
  :root {
    /*Cor base do texto*/
    --baseTextColor: #3c3c3c;
    /*Cores opcionais*/
    --colorAmetist: #8e44ad;
    --colorCarbon: #2d3436;
    --colorCarrot: #e67e22;
    --colorCrimson: #ff5252;
    --colorDeepRose: #c44569;
    --colorEmerald: rgb(49, 155, 84);
    --colorJade: rgb(0, 168, 107);
    --colorPorcelainRose: #e66767;
    --colorPewter: #8e9294;
    --colorLuckyPoint: #2c2c54;
    --colorRuby: rgba(153, 12, 65, 1);
    --colorSapphire: rgba(6, 32, 73, 1);
    --colorSilver: #c0c0c0;
    --colorStrongCyan: #0fa8ba;
    --colorTopaz: rgb(231, 223, 84);
    /*Cores opcionais com transparência*/
    --baseColor3Transparent: rgba(92, 156, 204, 0.2);
    --colorEmeraldTransparent: rgba(44, 99, 75, 0.2);
    --colorTopazTransparent: rgba(231, 223, 84, 0.3);
    /*Imagens gradiente*/
    --baseGradientColor: linear-gradient(to top, #2980b9, #5c9ccc) !important;
  }
  *.color_basecolor1 {
    background-color: var(--baseColor);
  }
  *.color_basecolor2 {
    background-color: var(--baseColor1);
  }
  *.color_basecolor3 {
    background-color: var(--baseColor3);
  }
  *.color_ametist {
    background-color: var(--colorAmetist);
  }
  *.color_carbon {
    background-color: var(--colorCarbon);
  }
  *.color_carrot {
    background-color: var(--colorCarrot);
  }
  *.color_crimson {
    background-color: var(--colorCrimson);
    color: #fff;
  }
  *.color_cyan {
    background-color: var(--colorStrongCyan);
  }
  *.color_deepRose {
    background-color: var(--colorDeepRose);
  }
  *.color_emerald {
    background-color: var(--colorEmerald);
  }
  *.color_jade {
    background-color: var(--colorJade);
  }
  *.color_luckyPoint {
    background-color: var(--colorLuckyPoint);
  }
  *.color_pewter {
    background-color: var(--colorPewter);
  }
  *.color_porcelainRose {
    background-color: var(--colorPorcelainRose);
  }
  *.color_ruby {
    background-color: var(--colorRuby);
  }
  *.color_silver {
    background-color: var(--colorSilver);
  }
  *.color_topaz {
    background-color: var(--colorTopaz);
  }
}

/**
* @desc: conjunto de regras para formatação de elementos comuns
**/
@media all {
  /*reseta todas as regras*/
  * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-shadow: none !important;
  }
  a {
    cursor: pointer;
  }
  a:hover {
    text-decoration: underline;
  }
  a.link__type.--classic {
    color: blue;
  }
  abbr {
    font-size: inherit;
  }
  /* @desc: formatação do estilo dos textos */
  *.font__style.--bold,
  .fonte__estilo.--bold {
    font-weight: bold !important;
  }
  *.font__style.--bold, *.font__style.--negrito,
  .fonte__estilo.--bold,
  .fonte__estilo.--negrito {
    font-weight: bold !important;
  }
  *.font__style.--normal,
  .fonte__estilo.--normal {
    font-style: normal !important;
  }
  *.font__style.--italic, *.font__style.--italico,
  .fonte__estilo.--italic,
  .fonte__estilo.--italico {
    font-style: italic !important;
  }
  /* @desc: formatação de alinhamento */
  *.align__type.--center {
    text-align: center !important;
  }
  *.align__type.--justify {
    text-align: justify !important;
  }
  *.align__type.--left {
    text-align: left !important;
  }
  *.align__type.--right {
    text-align: right !important;
  }
  /* @desc: formatação de espaçamento */
  *.padding__zero.--left {
    padding-left: 0 !important;
  }
  *.padding__zero.--right {
    padding-right: 0 !important;
  }
  *.padding__zero.--both {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* @desc: definições para os elementos com scroll */
  *.scroller__type.--auto {
    overflow: auto;
  }
  *.scroller__type.--horizontal {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  *.scroller__type.--vertical {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  *.scroller__type.--zero {
    overflow: hidden !important;
  }
  /* @desc: definições para o cursor do mouse */
  *.cursor__type.--default {
    cursor: default;
  }
  *.cursor__type.--none {
    cursor: none;
  }
  *.cursor__type.--pointer {
    cursor: pointer;
  }
  /* @desc: definições para a formatação da fonte */
  *.text__transform.--capitalize {
    text-transform: capitalize;
  }
  *.text__transform.--lowercase {
    text-transform: lowercase;
  }
  *.text__transform.--uppercase {
    text-transform: uppercase;
  }
  /* @desc: definições para o deslocamento dos elementos */
  *.float__type.--left {
    float: left;
  }
  *.float__type.--right {
    float: right;
  }
  *.float__type.--none {
    float: none;
  }
}

@media all {
  header {
    background-color: var(--baseColor1);
    background-image: none;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 50px;
    width: 100%;
  }
  header button#btnSideLeftMenu {
    border: 0;
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
    height: 50px;
    margin: 0px !important;
    padding: 16.5px;
    width: 50px;
  }
}

@media all {
  body {
    background-color: #000;
    color: #3c3c3c;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: initial;
    margin: 0;
    padding: 0;
  }
  main {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background-image: linear-gradient(to bottom, #f2f2f2, #f0f0f0);
    height: auto;
    min-height: calc(100vh - 50px);
    padding: 1px;
  }
}

@media all {
  .sidenav__body {
    background-color: #ccc;
    display: none;
    width: 100%;
  }
  .sidenav__parent::after {
    background-image: url("../../imgs/sideNav/icon__arrow__down.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    content: " ";
    float: right;
    margin-right: 5px;
    padding: 10px;
  }
  .sidenav__item:hover {
    background-color: var(--baseColor1);
    color: #fff;
    text-decoration: none !important;
  }
  .sidenav__icon {
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px;
    /* Ícones para adicionar nos itens do menu*/
  }
  .sidenav__icon.icon__box {
    background-image: url("../../imgs/sideNav/icon__box.png");
  }
  .sidenav__icon.icon__gear {
    background-image: url("../../imgs/sideNav/icon__gear.png");
  }
  .sidenav__icon.icon__feet {
    background-image: url("../../imgs/sideNav/icon__feet.png");
  }
  .sidenav__icon.icon__logout {
    background-image: url("../../imgs/sideNav/icon__logout.png");
  }
  .sidenav__icon.icon__round__square {
    background-image: url("../../imgs/sideNav/icon__round__square.png");
  }
  .sidenav__icon.icon__time {
    background-image: url("../../imgs/sideNav/icon__time.png");
  }
  .sidenav__icon.icon__user {
    background-image: url("../imgs/sideNav/icon_person.png");
  }
  #btnSideLeftMenu {
    margin: 0px !important;
    padding: 16.5px;
  }
  .sidenav {
    background-color: rgba(249, 249, 249, 0.98);
    -webkit-box-shadow: 1px 0px 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 1px 0px 1px 2px rgba(0, 0, 0, 0.05);
    height: 100%;
    left: 0;
    overflow-x: hidden;
    padding-top: 60px;
    position: fixed;
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 0;
    z-index: 1;
  }
  .sidenav a {
    color: #3c3c3c;
    display: block;
    font-size: 14px;
    padding: 10px 8px 10px 32px;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    font-size: 36px;
    padding: 0px 10px;
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

@media screen and (max-width: 760px) {
  nav.sidenav a.sidenav__item {
    padding-bottom: 20px;
    padding-top: 20px;
  }
}

.badge {
  color: #fff;
  border: 0px;
  border-radius: 5px;
  display: block;
  font-weight: bold;
  padding: 5px 10px;
  width: 100px;
}

.badge.--blue {
  background-color: royalblue;
}

.badge.--green {
  background-color: #27ae60;
}

.badge.--red {
  background-color: #e74c3c;
}

/**
* @desc: estilos que definem os botões do sistema como um todo
**/
@media all {
  button,
  input [type="button"],
  input [type="submit"] {
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    -webkit-filter: opacity(0.8);
            filter: opacity(0.8);
    /*definições dos estados dos botões */
    /*Cor dos botões*/
  }
  button:active, button:focus, button:hover,
  input [type="button"]:active,
  input [type="button"]:focus,
  input [type="button"]:hover,
  input [type="submit"]:active,
  input [type="submit"]:focus,
  input [type="submit"]:hover {
    -webkit-filter: opacity(100);
            filter: opacity(100);
  }
  button:disabled,
  input [type="button"]:disabled,
  input [type="submit"]:disabled {
    -webkit-filter: saturate(10%) !important;
            filter: saturate(10%) !important;
  }
  button.btn,
  input [type="button"].btn,
  input [type="submit"].btn {
    font-weight: bold;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
    /*Forma do botão*/
    /*tamanhos*/
  }
  button.btn.--cancel,
  input [type="button"].btn.--cancel,
  input [type="submit"].btn.--cancel {
    background-color: #c8c8c8;
    color: #3c3c3c;
  }
  button.btn.--cancel:hover,
  input [type="button"].btn.--cancel:hover,
  input [type="submit"].btn.--cancel:hover {
    background-color: var(--colorRuby);
    color: #fff;
  }
  button.btn.--confirm,
  input [type="button"].btn.--confirm,
  input [type="submit"].btn.--confirm {
    background-color: var(--colorEmerald);
    color: #fff;
  }
  button.btn.--return,
  input [type="button"].btn.--return,
  input [type="submit"].btn.--return {
    color: #5c5c5c;
  }
  button.btn.--return:hover,
  input [type="button"].btn.--return:hover,
  input [type="submit"].btn.--return:hover {
    background-color: var(--baseColor2);
    color: #fff;
  }
  button.btn.btn__shape.--leafLeft, button.btn.btn__shape.--folhaEsquerda,
  input [type="button"].btn.btn__shape.--leafLeft,
  input [type="button"].btn.btn__shape.--folhaEsquerda,
  input [type="submit"].btn.btn__shape.--leafLeft,
  input [type="submit"].btn.btn__shape.--folhaEsquerda {
    border: 0px;
    border-radius: 20px 0px 20px 0px;
  }
  button.btn.btn__shape.--quadro, button.btn.btn__shape.--square,
  input [type="button"].btn.btn__shape.--quadro,
  input [type="button"].btn.btn__shape.--square,
  input [type="submit"].btn.btn__shape.--quadro,
  input [type="submit"].btn.btn__shape.--square {
    border-radius: 0px !important;
  }
  button.btn.btn__shape.--suave, button.btn.btn__shape.--smooth,
  input [type="button"].btn.btn__shape.--suave,
  input [type="button"].btn.btn__shape.--smooth,
  input [type="submit"].btn.btn__shape.--suave,
  input [type="submit"].btn.btn__shape.--smooth {
    border-radius: 3px !important;
  }
  button.btn.btn__shape.--redonda, button.btn.btn__shape.--circle,
  input [type="button"].btn.btn__shape.--redonda,
  input [type="button"].btn.btn__shape.--circle,
  input [type="submit"].btn.btn__shape.--redonda,
  input [type="submit"].btn.btn__shape.--circle {
    border-radius: 100% !important;
  }
  button.btn.btn__size.--fixed,
  input [type="button"].btn.btn__size.--fixed,
  input [type="submit"].btn.btn__size.--fixed {
    height: initial !important;
  }
  button.btn.btn__size.--great,
  input [type="button"].btn.btn__size.--great,
  input [type="submit"].btn.btn__size.--great {
    font-weight: 400;
    letter-spacing: 0.5pt;
    padding: 16px !important;
    width: 100% !important;
  }
  button.btn.btn__size.--large,
  input [type="button"].btn.btn__size.--large,
  input [type="submit"].btn.btn__size.--large {
    padding: 7.5px 10px;
    width: 100% !important;
  }
  button.btn.btn__size.--mid,
  input [type="button"].btn.btn__size.--mid,
  input [type="submit"].btn.btn__size.--mid {
    min-width: 80px;
    padding: 7.5px 10px;
  }
  button.btn.btn__size.--small,
  input [type="button"].btn.btn__size.--small,
  input [type="submit"].btn.btn__size.--small {
    background-size: 12px;
    height: 24px;
    padding: 5px;
    width: 24px;
  }
  button.btn__icon, button.btn__icone,
  input [type="button"].btn__icon,
  input [type="button"].btn__icone,
  input [type="submit"].btn__icon,
  input [type="submit"].btn__icone {
    background-position: center;
    /*Ícones dos botões*/
  }
  button.btn__icon.--before, button.btn__icone.--before,
  input [type="button"].btn__icon.--before,
  input [type="button"].btn__icone.--before,
  input [type="submit"].btn__icon.--before,
  input [type="submit"].btn__icone.--before {
    background-size: 12px;
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
    color: #fff;
    font-style: normal;
    letter-spacing: 1px;
    padding-left: 30px !important;
  }
  button.btn__icon.--add, button.btn__icone.--add,
  input [type="button"].btn__icon.--add,
  input [type="button"].btn__icone.--add,
  input [type="submit"].btn__icon.--add,
  input [type="submit"].btn__icone.--add {
    background-image: url("../../imgs/buttons/icon_add.png");
  }
  button.btn__icon.--back, button.btn__icone.--back,
  input [type="button"].btn__icon.--back,
  input [type="button"].btn__icone.--back,
  input [type="submit"].btn__icon.--back,
  input [type="submit"].btn__icone.--back {
    background-image: url("../../imgs/buttons/icon_back.png");
  }
  button.btn__icon.--clock, button.btn__icone.--clock,
  input [type="button"].btn__icon.--clock,
  input [type="button"].btn__icone.--clock,
  input [type="submit"].btn__icon.--clock,
  input [type="submit"].btn__icone.--clock {
    background-image: url("../imgs/buttons/icon_clock.png");
  }
  button.btn__icon.--del, button.btn__icone.--del,
  input [type="button"].btn__icon.--del,
  input [type="button"].btn__icone.--del,
  input [type="submit"].btn__icon.--del,
  input [type="submit"].btn__icone.--del {
    background-image: url("../../imgs/buttons/icon_del.png");
  }
  button.btn__icon.--download, button.btn__icone.--download,
  input [type="button"].btn__icon.--download,
  input [type="button"].btn__icone.--download,
  input [type="submit"].btn__icon.--download,
  input [type="submit"].btn__icone.--download {
    background-image: url("../../imgs/buttons/icon_download.png");
  }
  button.btn__icon.--edit, button.btn__icone.--edit,
  input [type="button"].btn__icon.--edit,
  input [type="button"].btn__icone.--edit,
  input [type="submit"].btn__icon.--edit,
  input [type="submit"].btn__icone.--edit {
    background-image: url("../imgs/buttons/icon_edit.png");
  }
  button.btn__icon.--filter, button.btn__icone.--filter,
  input [type="button"].btn__icon.--filter,
  input [type="button"].btn__icone.--filter,
  input [type="submit"].btn__icon.--filter,
  input [type="submit"].btn__icone.--filter {
    background-image: url("../../imgs/buttons/icon_filter.png");
  }
  button.btn__icon.--gear, button.btn__icone.--gear,
  input [type="button"].btn__icon.--gear,
  input [type="button"].btn__icone.--gear,
  input [type="submit"].btn__icon.--gear,
  input [type="submit"].btn__icone.--gear {
    background-image: url("../../imgs/buttons/icon_gear.png");
  }
  button.btn__icon.--help, button.btn__icone.--help,
  input [type="button"].btn__icon.--help,
  input [type="button"].btn__icone.--help,
  input [type="submit"].btn__icon.--help,
  input [type="submit"].btn__icone.--help {
    background-image: url("../../imgs/buttons/icon_help.png");
  }
  button.btn__icon.--list, button.btn__icone.--list,
  input [type="button"].btn__icon.--list,
  input [type="button"].btn__icone.--list,
  input [type="submit"].btn__icon.--list,
  input [type="submit"].btn__icone.--list {
    background-image: url("../imgs/buttons/icon_list.png");
  }
  button.btn__icon.--email, button.btn__icone.--email,
  input [type="button"].btn__icon.--email,
  input [type="button"].btn__icone.--email,
  input [type="submit"].btn__icon.--email,
  input [type="submit"].btn__icone.--email {
    background-image: url("../imgs/buttons/icon_mail.png");
  }
  button.btn__icon.--minus, button.btn__icone.--minus,
  input [type="button"].btn__icon.--minus,
  input [type="button"].btn__icone.--minus,
  input [type="submit"].btn__icon.--minus,
  input [type="submit"].btn__icone.--minus {
    background-image: url("../../imgs/buttons/icon_minus.png");
  }
  button.btn__icon.--paste, button.btn__icone.--paste,
  input [type="button"].btn__icon.--paste,
  input [type="button"].btn__icone.--paste,
  input [type="submit"].btn__icon.--paste,
  input [type="submit"].btn__icone.--paste {
    background-image: url("../../imgs/buttons/icon_paste.png");
  }
  button.btn__icon.--pause, button.btn__icone.--pause,
  input [type="button"].btn__icon.--pause,
  input [type="button"].btn__icone.--pause,
  input [type="submit"].btn__icon.--pause,
  input [type="submit"].btn__icone.--pause {
    background-image: url("../../imgs/buttons/icon_pause.png");
  }
  button.btn__icon.--play, button.btn__icone.--play,
  input [type="button"].btn__icon.--play,
  input [type="button"].btn__icone.--play,
  input [type="submit"].btn__icon.--play,
  input [type="submit"].btn__icone.--play {
    background-image: url("../../imgs/buttons/icon_play.png");
  }
  button.btn__icon.--power, button.btn__icone.--power,
  input [type="button"].btn__icon.--power,
  input [type="button"].btn__icone.--power,
  input [type="submit"].btn__icon.--power,
  input [type="submit"].btn__icone.--power {
    background-image: url("../../imgs/buttons/icon_power.png");
  }
  button.btn__icon.--reload, button.btn__icone.--reload,
  input [type="button"].btn__icon.--reload,
  input [type="button"].btn__icone.--reload,
  input [type="submit"].btn__icon.--reload,
  input [type="submit"].btn__icone.--reload {
    background-image: url("../../imgs/buttons/icon_reload.png");
  }
  button.btn__icon.--report, button.btn__icone.--report,
  input [type="button"].btn__icon.--report,
  input [type="button"].btn__icone.--report,
  input [type="submit"].btn__icon.--report,
  input [type="submit"].btn__icone.--report {
    background-image: url("../../imgs/buttons/icon_report.png");
  }
  button.btn__icon.--save, button.btn__icone.--save,
  input [type="button"].btn__icon.--save,
  input [type="button"].btn__icone.--save,
  input [type="submit"].btn__icon.--save,
  input [type="submit"].btn__icone.--save {
    background-image: url("../../imgs/buttons/icon_save.png");
  }
  button.btn__icon.--search, button.btn__icone.--search,
  input [type="button"].btn__icon.--search,
  input [type="button"].btn__icone.--search,
  input [type="submit"].btn__icon.--search,
  input [type="submit"].btn__icone.--search {
    background-image: url("../../imgs/buttons/icon_search.png");
  }
  button.btn__icon.--stop, button.btn__icone.--stop,
  input [type="button"].btn__icon.--stop,
  input [type="button"].btn__icone.--stop,
  input [type="submit"].btn__icon.--stop,
  input [type="submit"].btn__icone.--stop {
    background-image: url("../../imgs/buttons/icon_stop.png");
  }
  button.btn__icon.--tape, button.btn__icone.--tape,
  input [type="button"].btn__icon.--tape,
  input [type="button"].btn__icone.--tape,
  input [type="submit"].btn__icon.--tape,
  input [type="submit"].btn__icone.--tape {
    background-image: url("../../imgs/buttons/icon_tape.png");
  }
  button.btn__icon.--upload, button.btn__icone.--upload,
  input [type="button"].btn__icon.--upload,
  input [type="button"].btn__icone.--upload,
  input [type="submit"].btn__icon.--upload,
  input [type="submit"].btn__icone.--upload {
    background-image: url("../../imgs/buttons/icon_upload.png");
  }
  button.btn__icon.--view, button.btn__icone.--view,
  input [type="button"].btn__icon.--view,
  input [type="button"].btn__icone.--view,
  input [type="submit"].btn__icon.--view,
  input [type="submit"].btn__icone.--view {
    background-image: url("../imgs/buttons/icon_view.png");
  }
  button.bg__color.--ametist, button.bg__color.--emerald, button.bg__color.--ruby, button.bg__color.--sapphire,
  input [type="button"].bg__color.--ametist,
  input [type="button"].bg__color.--emerald,
  input [type="button"].bg__color.--ruby,
  input [type="button"].bg__color.--sapphire,
  input [type="submit"].bg__color.--ametist,
  input [type="submit"].bg__color.--emerald,
  input [type="submit"].bg__color.--ruby,
  input [type="submit"].bg__color.--sapphire {
    color: white;
  }
  button.bg__color.--ametist,
  input [type="button"].bg__color.--ametist,
  input [type="submit"].bg__color.--ametist {
    background-color: var(--colorAmetist);
  }
  button.bg__color.--emerald,
  input [type="button"].bg__color.--emerald,
  input [type="submit"].bg__color.--emerald {
    background-color: var(--colorEmerald) !important;
  }
  button.bg__color.--ruby,
  input [type="button"].bg__color.--ruby,
  input [type="submit"].bg__color.--ruby {
    background-color: var(--colorRuby) !important;
  }
  button.bg__color.--sapphire,
  input [type="button"].bg__color.--sapphire,
  input [type="submit"].bg__color.--sapphire {
    background-color: var(--colorSapphire) !important;
  }
  button.bg__color.--basecolor_2,
  input [type="button"].bg__color.--basecolor_2,
  input [type="submit"].bg__color.--basecolor_2 {
    background-color: var(--baseColor2) !important;
  }
  button .basecolor_1,
  input [type="button"] .basecolor_1,
  input [type="submit"] .basecolor_1 {
    background-color: var(--baseColor) !important;
  }
  button button.basecolor_3,
  input [type="button"] button.basecolor_3,
  input [type="submit"] button.basecolor_3 {
    background-color: var(--baseColor3) !important;
  }
}

/*
* Regras para celulares com a resolução com até 480px
*/
@media screen and (max-width: 640px) {
  button.btn.btn__mobile {
    background-position: center !important;
    color: rgba(0, 0, 0, 0);
    font-size: 0 !important;
    height: 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;
    padding: 0px !important;
  }
}

/* 
    Extra small devices (phones, 600px and down) 
    Small devices (portrait tablets and large phones, 600px and up)
*/
@media only screen and (max-width: 768px) {
  button.btn.--small {
    min-width: 80px !important;
  }
}

@media screen and (max-width: 800px) {
  button,
  input [type="button"],
  input [type="submit"] {
    height: 48px;
  }
  button.btn__tamanho.--medio, button.btn__tamanho.--mid,
  input [type="button"].btn__tamanho.--medio,
  input [type="button"].btn__tamanho.--mid,
  input [type="submit"].btn__tamanho.--medio,
  input [type="submit"].btn__tamanho.--mid {
    min-width: 100px !important;
  }
}

@media all {
  .calendar__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  .calendar {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 10px 0;
    padding: 10px 5px;
    min-width: -webkit-min-content !important;
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .calendar .calendar__extras {
    -webkit-filter: opacity(70%);
            filter: opacity(70%);
    text-transform: capitalize;
  }
  .calendar .calendar__extras .calendar__year {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
  }
  .calendar .calendar__extras .calendar__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: bold;
  }
  .calendar .calendar__extras .calendar__control > div {
    width: 100%;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__left,
  .calendar .calendar__extras .calendar__control .calendar__btn__right,
  .calendar .calendar__extras .calendar__control .calendar__month {
    margin: 0px;
    padding: 0px;
    height: 48px;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__left {
    text-align: right;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__left button {
    background-image: url("../imgs/calendar/icon__arrow.png");
    background-position-x: -5px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__left button:focus, .calendar .calendar__extras .calendar__control .calendar__btn__left button:hover {
    background-position-x: 10px;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__right {
    text-align: left;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__right button {
    background-image: url("../imgs/calendar/icon__arrow.png");
    background-position-x: -5px;
  }
  .calendar .calendar__extras .calendar__control .calendar__btn__right button:focus, .calendar .calendar__extras .calendar__control .calendar__btn__right button:hover {
    background-position-x: 10px;
  }
  .calendar .calendar__extras .calendar__control .calendar__month {
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
  }
  .calendar .calendar__extras .calendar__control button.btn__calendar {
    background-color: transparent;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 14px !important;
    -webkit-filter: opacity(40%);
            filter: opacity(40%);
    height: 48px;
    margin: 0px 10px;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    width: 40px;
  }
  .calendar .calendar__extras .calendar__control button.btn__calendar:hover {
    -webkit-filter: opacity(100%);
            filter: opacity(100%);
  }
  .calendar .calendar__header {
    border-bottom: 1px solid rgba(220, 220, 220, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .calendar .calendar__header .calendar__dayName {
    -webkit-filter: opacity(60%);
            filter: opacity(60%);
    font-weight: bold;
    text-align: center;
  }
  .calendar .calendar__header .calendar__dayName span {
    display: none;
  }
  .calendar .calendar__dayName,
  .calendar .calendar__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 30px;
    padding: 10px;
    width: 100%;
  }
  .calendar .calendar__body {
    background-color: #f0f0f0;
  }
  .calendar .calendar__body .calendar__week {
    background-color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
  }
  .calendar .calendar__body .calendar__week .calendar__day {
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
    line-height: 24px;
    text-align: center;
    -webkit-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
  }
  .calendar .calendar__body .calendar__week .calendar__day.calendar__day__tagged {
    background-color: #B53471;
    color: white;
  }
  .calendar .calendar__body .calendar__week .calendar__day.calendar__day__selected {
    background-color: var(--baseColor3) !important;
    color: white !important;
  }
  .calendar .calendar__body .calendar__week .calendar__day:hover {
    background-color: var(--baseColor1);
    color: white;
    cursor: pointer;
    -webkit-filter: opacity(100%);
            filter: opacity(100%);
  }
  .calendar .calendar__body .calendar__week .calendar__day span {
    border: 2px solid transparent;
    cursor: pointer;
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
  }
  .calendar .calendar__body .calendar__week .day--invalid {
    background-color: transparent !important;
    cursor: default !important;
  }
  .calendar .calendar__body .calendar__week .day--today {
    background-color: var(--baseColor2) !important;
    color: white;
  }
  .events {
    min-height: 50px;
    width: calc(100% - 8px);
  }
  .events button.btnEventsAdd {
    background-color: var(--baseColor2);
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .events div.events__header__info {
    -webkit-filter: opacity(70%);
            filter: opacity(70%);
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    padding: 10px 0px;
  }
  .events .events__title {
    color: #6c6c6c;
    display: block;
    font-weight: bold;
    padding-top: 10px;
  }
  .events .calendar__events__message {
    background-color: antiquewhite;
    border-radius: 5px;
    display: block;
    font-size: 14px;
    margin: 20px 0 0 0;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .events ul {
    max-height: 340px;
    overflow-y: auto;
    padding: 0;
  }
  .events ul li {
    border: 1px solid rgba(220, 220, 220, 0.8);
    border-left: 8px solid var(--baseColor2);
    border-right: 8px transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 5px 5px rgba(220, 220, 220, 0.3);
            box-shadow: 0px 3px 5px 5px rgba(220, 220, 220, 0.3);
    list-style: none;
    margin-bottom: 20px;
    padding: 15px 10px;
    background: white;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
  }
  .events ul li div {
    display: block;
  }
  .events ul li div.events__title {
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
    font-weight: bold;
    line-height: 30px;
  }
  .events ul li div.events__date {
    -webkit-filter: opacity(50%);
            filter: opacity(50%);
    font-size: 14px;
    font-weight: initial;
    line-height: 18px;
    padding-top: 5px;
  }
  .events ul li div.events__date span {
    display: block;
  }
  .events ul li div.events__date .events__hour {
    background-color: var(--baseColor2);
    border-radius: 100px;
    color: white;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin-top: -40px;
    padding: 5px 10px;
  }
  .events ul li:focus, .events ul li:hover {
    border-left-width: 15px;
    -webkit-box-shadow: 3px 3px 5px 5px rgba(220, 220, 220, 0.3);
            box-shadow: 3px 3px 5px 5px rgba(220, 220, 220, 0.3);
    cursor: pointer;
  }
  .events ul li:focus span.events__hour, .events ul li:hover span.events__hour {
    -webkit-filter: saturate(200%);
            filter: saturate(200%);
  }
}

@media (max-width: 860px) {
  .calendar__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  .calendar__container {
    background-color: red;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .calendar .calendar__dayName,
  .calendar .calendar__day {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .calendar .calendar__header .calendar__dayName {
    text-align: center;
  }
  .calendar .calendar__header .calendar__dayName .day--mobile {
    display: block;
  }
  .calendar .calendar__body .calendar__day {
    text-align: center;
  }
  .events .events__date span {
    display: initial !important;
  }
  .events .events__date .events__hour {
    float: none;
    margin-top: 0px !important;
  }
}

@media (min-width: 769px) {
  .calendar .calendar__header .calendar__dayName .day--desktop {
    display: block;
  }
}

@media all {
  input[type="checkbox"] {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    width: 16px;
  }
  input[type="checkbox"]:checked {
    background-color: var(--baseColor1);
    background-image: url("../imgs/checkbox/icon_confirm.png");
    background-position: center;
    border: none;
  }
  input[type="checkbox"]:hover {
    background-color: var(--baseColor1);
    -webkit-filter: saturate(200%);
            filter: saturate(200%);
  }
}

@media all {
  div.neon-dialog {
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3);
            box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3);
    width: 300px;
  }
  div.neon-dialog div.neon-dialog__header {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    padding: 20px 15px 10px 15px;
  }
  div.neon-dialog div.neon-dialog__header button {
    background-color: transparent !important;
    color: #5c5c5c;
    -webkit-filter: opacity(40%);
            filter: opacity(40%);
    float: right;
    font-weight: bold;
    height: 22px;
    line-height: 12px;
    margin-right: -10px;
    margin-top: -20px;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
  }
  div.neon-dialog div.neon-dialog__header button:focus, div.neon-dialog div.neon-dialog__header button:hover {
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
  }
  div.neon-dialog div.neon-dialog__body {
    font-size: 14px !important;
    padding: 10px 15px !important;
  }
  div.neon-dialog div.neon-dialog__footer {
    padding: 5px 15px 10px 15px;
    text-align: right;
  }
  div.neon-dialog div.neon-dialog__footer button {
    background-color: var(--baseColor1);
    border-radius: 5px;
    color: #fff;
    -webkit-filter: saturate(40%);
            filter: saturate(40%);
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin-left: 5px;
    padding: 10px 12px;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
  }
  div.neon-dialog div.neon-dialog__footer button.--cancel {
    background-color: transparent;
    color: #9c9c9c;
  }
  div.neon-dialog div.neon-dialog__footer button.--cancel:focus, div.neon-dialog div.neon-dialog__footer button.--cancel:hover {
    color: var(--colorRuby);
  }
  div.neon-dialog div.neon-dialog__footer button:focus, div.neon-dialog div.neon-dialog__footer button:hover {
    -webkit-filter: saturate(80%);
            filter: saturate(80%);
  }
}

@media all {
  form.form__model.--simple label {
    display: block;
    -webkit-filter: opacity(65%);
            filter: opacity(65%);
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
  }
  form.form__model.--simple input[type="number"],
  form.form__model.--simple input[type="date"],
  form.form__model.--simple input[type="email"],
  form.form__model.--simple input[type="text"],
  form.form__model.--simple input[type="time"],
  form.form__model.--simple input[type="password"],
  form.form__model.--simple textarea {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 10px;
    width: 100%;
  }
  form.form__model.--simple select {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 35px;
    padding: 8px 10px;
    width: 100%;
  }
  form.form__model.--simple input[type="number"]:focus,
  form.form__model.--simple input[type="date"]:focus,
  form.form__model.--simple input[type="email"]:focus,
  form.form__model.--simple input[type="text"]:focus,
  form.form__model.--simple input[type="password"]:focus,
  form.form__model.--simple input[type="time"]:focus,
  form.form__model.--simple select:focus,
  form.form__model.--simple textarea:focus {
    border-color: transparent;
    -webkit-box-shadow: 0px 0px 1px 2px var(--baseColor2);
            box-shadow: 0px 0px 1px 2px var(--baseColor2);
  }
}

@media all {
  form.form__model.--underline label {
    display: block;
    font-size: 12px;
    margin-bottom: 0.5em;
  }
  form.form__model.--underline input[type="email"],
  form.form__model.--underline input[type="number"],
  form.form__model.--underline input[type="password"],
  form.form__model.--underline input[type="text"],
  form.form__model.--underline input[type="time"],
  form.form__model.--underline textarea {
    border: 0px;
    border-bottom: 1px solid #ccc;
    color: #5c5c5c;
    padding: 10px 5px !important;
    width: 100%;
  }
  form.form__model.--underline input[type="email"]:active, form.form__model.--underline input[type="email"]:focus,
  form.form__model.--underline input[type="number"]:active,
  form.form__model.--underline input[type="number"]:focus,
  form.form__model.--underline input[type="password"]:active,
  form.form__model.--underline input[type="password"]:focus,
  form.form__model.--underline input[type="text"]:active,
  form.form__model.--underline input[type="text"]:focus,
  form.form__model.--underline input[type="time"]:active,
  form.form__model.--underline input[type="time"]:focus,
  form.form__model.--underline textarea:active,
  form.form__model.--underline textarea:focus {
    border-bottom-color: var(--baseColor2) !important;
  }
  form.form__model.--underline input[type="time"] {
    height: 37px !important;
  }
  form.form__model.--underline select {
    border: 0px;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px !important;
    width: 100%;
  }
  form.form__model.--underline select:active, form.form__model.--underline select:focus {
    border-bottom-color: var(--baseColor2) !important;
  }
  form.form__model.--underline textarea {
    border: 1px solid #ccc;
  }
}

@media all {
  form {
    /* @desc: definições dos fieldsets*/
    /* @desc: definições dos labels do formulário */
    /* @desc.: definições do textarea */
    /* @desc.: definições do readonly */
  }
  form fieldset {
    border: none !important;
    display: block;
    margin-bottom: 1rem;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    -webkit-padding-before: 0;
            padding-block-start: 0;
    -webkit-padding-after: 0;
            padding-block-end: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }
  form label.label__type.--bold {
    font-weight: bold;
  }
  form label.label__type.--light {
    font-weight: lighter;
  }
  form textarea {
    min-height: 100px;
  }
  form textarea.resize.--both {
    resize: both;
  }
  form textarea.resize.--horizontal {
    resize: horizontal;
  }
  form textarea.resize.--vertical {
    resize: vertical;
  }
  form input[readonly],
  form select[readonly] {
    background: #eee !important;
    pointer-events: none;
    -ms-touch-action: none;
        touch-action: none;
  }
}

/* importação de modelos de formulário */
/*@import url("../lib/forms/form_basic.css");
@import url("../lib/forms/form_simple.css");
@import url("../lib/forms/inputs.css");
*/
/**
* @desc: estilos padrões para os elementos de um fomulário
**/
@media all {
  /* reseta as definições dos formulários */
  form * {
    outline: none;
  }
  form input:required {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  form *:required {
    background-color: rgba(255, 255, 0, 0.1) !important;
  }
  form input:required:invalid {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  /* adiciona o cursor finger no mouse */
  input[type="checkbox"],
  input[type="radio"],
  select {
    cursor: pointer !important;
  }
  form input,
  form textarea {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  form textarea {
    resize: none;
  }
  /**
	* @desc: estilos de estrutura do formulária
	**/
  .form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
  .form__row [class*="column-"] {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/**
* @desc: definições de formatação dos formulários
**/
@media all {
  /**
	* @desc: definição de formulário com ícones
	*		 devem ser utilizados em elementos input apenas;
	**/
  form input.form__input__icon {
    padding-left: 30px !important;
    background-position-y: center !important;
    background-position-x: 7px !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
  }
  /* definição dos ícones para os elementos do formulário*/
  form input.form__input__icon.icon__box {
    background-image: url("../../../imgs/form/icon_box.svg") !important;
  }
  form input.form__input__icon.icon__calendar {
    background-image: url("../../../imgs/form/icon_calendar.svg") !important;
  }
  form input.form__input__icon.icon__cake {
    background-image: url("../../../imgs/form/icon_cake.svg") !important;
  }
  form input.form__input__icon.icon__coin {
    background-image: url("../../../imgs/form/icon_coin.svg") !important;
  }
  form input.form__input__icon.icon__email {
    background-image: url("../../../imgs/form/icon_email.svg") !important;
  }
  form input.form__input__icon.icon__hash {
    background-image: url("../../../imgs/form/icon_hash.svg") !important;
  }
  form input.form__input__icon.icon__person {
    background-image: url("../../../imgs/form/icon_person.svg") !important;
  }
  form input.form__input__icon.icon__phone {
    background-image: url("../../../imgs/form/icon_phone.svg") !important;
  }
  form input.form__input__icon.icon__key {
    background-image: url("../../../imgs/form/icon_key.svg") !important;
  }
  form input.form__input__icon.icon__time {
    background-image: url("../../../imgs/form/icon_time.svg") !important;
  }
}

/**
*  @descripiton: regras aplicadas para telas em resolução mínima 720px
**/
@media screen and (orientation: portrait) and (max-width: 800px) {
  form input[type="submit"] {
    font-stretch: extra-expanded;
    font-weight: 500;
  }
}

@media screen and (max-width: 800px) {
  /*desc: estilos utilizados para redimensionar o tamanho dos componentes do formulário*/
  form input[type="password"],
  form input[type="text"],
  form select {
    height: 48px;
  }
  form textarea {
    min-height: 100px;
  }
}

/**
* @desc: definições para usar elementos usando com o modelo grid GS
**/
@media all {
  .column__1,
  .column__2,
  .column__3,
  .column__4,
  .column__5,
  .column__6,
  .column__7,
  .column__8,
  .column__9,
  .column__10,
  .column__11,
  .column__12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .column__1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33%;
            flex: 0 0 8.33%;
    max-width: 8.33%;
  }
  .column__2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.667%;
            flex: 0 0 16.667%;
    max-width: 16.667%;
  }
  .column__3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .column__4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .column__5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.667%;
            flex: 0 0 41.667%;
    max-width: 41.667%;
  }
  .column__6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .column__7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33%;
            flex: 0 0 58.33%;
    max-width: 58.33%;
  }
  .column__8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.667%;
            flex: 0 0 66.667%;
    max-width: 66.667%;
  }
  .column__9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .column__10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83%;
            flex: 0 0 83%;
    max-width: 83%;
  }
  .column__11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66%;
            flex: 0 0 91.66%;
    max-width: 91.66%;
  }
  .column__12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  *.row {
    display: block;
    padding: 10px 0px;
  }
}

/**
  * @desc: definições para quando a tela for mobile
  **/
@media all and (max-width: 800px) {
  .column__1,
  .column__2,
  .column__3,
  .column__4,
  .column__5,
  .column__6,
  .column__7,
  .column__8,
  .column__9,
  .column__10,
  .column__11,
  .column__12 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: initial;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
  }
}

@media all {
  .c-loader {
    -webkit-animation: is-rotating 0.9s infinite;
            animation: is-rotating 0.9s infinite;
    border: 4px solid #e5e5e5;
    border-top-color: green;
    border-radius: 100%;
    height: 100px;
    margin: 0 auto;
    width: 100px;
  }
}

@-webkit-keyframes is-rotating {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
    -webkit-transition: ease-in;
    transition: ease-in;
  }
}

@keyframes is-rotating {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
    -webkit-transition: ease-in;
    transition: ease-in;
  }
}

@media all {
  .modal {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
  }
  .neon-modal {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
  }
}

@media all {
  div.tab__wrap nav.tab__collector {
    border-bottom: 1px solid #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    overflow-x: auto;
  }
  div.tab__wrap nav.tab__collector a {
    color: #929daf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-filter: opacity(80%);
            filter: opacity(80%);
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
  }
  div.tab__wrap nav.tab__collector a:focus, div.tab__wrap nav.tab__collector a:hover {
    -webkit-filter: opacity(100%);
            filter: opacity(100%);
  }
  div.tab__wrap nav.tab__collector a:focus span, div.tab__wrap nav.tab__collector a:hover span {
    color: #428bff;
    border-bottom: 0.5px solid #428bff;
  }
  div.tab__wrap nav.tab__collector a.--active span {
    color: #428bff;
    border-bottom: 2px solid #428bff;
  }
  div.tab__wrap nav.tab__collector a span {
    background-position: 0 18px;
    background-repeat: no-repeat;
    background-size: 14px;
    margin: 0 auto;
    padding: 14px 15px 10px 20px;
    -webkit-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  div.tab__wrap nav.tab__collector a span.base {
    background-image: url("../imgs/tabs/tab_base.png");
  }
  div.tab__wrap nav.tab__collector a span.folder {
    background-image: url("../imgs/tabs/tab_folder.png");
  }
  div.tab__wrap nav.tab__collector a span.link {
    background-image: url("../imgs/tabs/tab_link.png");
  }
  div.tab__wrap nav.tab__collector a span.lock {
    background-image: url("../imgs/tabs/tab_lock.png");
  }
  div.tab__wrap nav.tab__collector a span.person {
    background-image: url("../imgs/tabs/tab_person.png");
  }
  div.tab__wrap nav.tab__collector a span.settings {
    background-image: url("../imgs/tabs/tab_settings.png");
  }
  div.tab__wrap nav.tab__collector a span.shield {
    background-image: url("../imgs/tabs/tab_shield.png");
  }
  div.tab__wrap div.tab__container {
    padding: 10px;
  }
  div.tab__wrap div.tab__container .tab {
    display: none;
  }
}

/**
*	@author: Eduardo Marinho;
*	@since: 22/02/2019
*	@lastUpdate: 24/12/2020
*	@version: 1.2.12242020
*	@validade em: https://jigsaw.w3.org/css-validator/validator [W3C];
**/
/*============================================*/
/* @Desing de tabela FLAT
/**===========================================*/
@media all {
  table.table__style.--flat {
    background-color: #fff;
    border-collapse: collapse;
  }
  table.table__style.--flat tbody tr:nth-child(2n) {
    background-color: #f7f7f7;
  }
  table.table__style.--flat tbody tr:hover {
    background-color: rgba(204, 204, 204, 0.5);
  }
  table.table__style.--flat tbody tr td {
    padding: 5px;
  }
}

/*============================================*/
/* @Desing de tabela LIGHT
/**===========================================*/
table.light {
  background-color: #fff;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

table.light > thead tr th,
table.light caption {
  background-color: #5c9ccc;
  /*Cor do cabeçalho*/
  color: #fff;
}

table.light > tbody tr td {
  border-bottom: 1px solid #ddd;
}

table.light > tbody tr tr:hover {
  background-color: #f5f5f5;
}

table.light thead > tr th,
table.light tbody > tr td {
  padding: 10px 5px;
}

/**
*	@desc: cores alternadas nas linhas da tabela
**/
table.light > tbody tr:hover {
  background-color: #ccc;
}

/*============================================*/
/* @Desing de tabela GRID
/**===========================================*/
table.grid {
  background-color: #fff;
  border-collapse: collapse;
  font-size: 12px;
  width: 100%;
}

table.grid > thead tr th,
table.grid caption {
  background-color: #5c9ccc;
  /*Cor do cabeçalho*/
  color: #fff;
}

table.grid,
table.grid td,
table.grid th {
  border: 1px solid #ddd;
}

/**
* @desc: cores alternadas nas linhas da tabela
**/
table.grid > tbody tr:hover {
  background-color: #ccc;
}

/**
* @desc: regras de espaçamento das células
**/
table.grid td,
table.grid th {
  padding: 10px;
}

/**
* @desc: aumenta o tamanho do checkbox para mobile
**/
@media only screen and (min-height: 4em) and (max-width: 800px) {
  input[type="checkbox"] {
    height: 25px;
    width: 25px;
  }
  table.grid td,
  table.grid th {
    padding: 5px;
  }
}

/*============================================*/
/* @Desing de tabela RADIUS
/**===========================================*/
@media all {
  table.table__style.--radius {
    border-radius: 10px;
    border-collapse: collapse;
  }
  table.table__style.--radius thead tr th {
    padding: 12px 10px;
  }
  table.table__style.--radius thead tr th:first-of-type {
    border-radius: 10px 0px 0px 0px;
  }
  table.table__style.--radius thead tr th:last-of-type {
    border-radius: 0px 10px 0px 0px;
  }
  table.table__style.--radius tbody tr {
    -webkit-box-shadow: 0px 0px 1px 0px #ccc;
            box-shadow: 0px 0px 1px 0px #ccc;
  }
  table.table__style.--radius tbody tr:nth-child(2n) {
    background-color: #f7f7f7;
  }
  table.table__style.--radius tbody tr:last-of-type {
    border-bottom: 1px solid #f2f2f2;
  }
  table.table__style.--radius tbody tr:hover {
    background-color: rgba(204, 204, 204, 0.5);
    color: var(--baseColor1);
    -webkit-filter: none;
            filter: none;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
  }
  table.table__style.--radius tbody tr:hover td {
    color: var(--baseColor1) !important;
    text-shadow: 0px 0px 1px var(--baseColor1) !important;
  }
  table.table__style.--radius tbody tr td {
    color: #5c5c5c;
    padding: 12px 10px;
  }
}

@media all {
  table {
    font-size: 12px;
    width: 100%;
    /*===========================*/
    /* @Desc: Tamanho das colunas
        /**==========================*/
  }
  table.table__basecolor.--true caption,
  table.table__basecolor.--true thead tr th,
  table.table__basecolor.--true tfoot tr td {
    background-color: var(--baseColor2);
    color: #fff;
  }
  table.table__border.--border__true caption,
  table.table__border.--border__true td,
  table.table__border.--border__true th {
    border: 1px solid #efefef;
  }
  table.table__border.--border__false {
    border: 0;
  }
  table thead caption,
  table thead tr th,
  table tfoot tr td {
    background-color: #5c9ccc;
    /*Cor do cabeçalho*/
    color: #fff;
    /*Cor do fonte*/
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
  }
  table thead tr th.tcol.--size__10 {
    padding: 5px;
    width: 10px;
  }
  table thead tr th.tcol.--size__20 {
    width: 20px;
  }
  table thead tr th.tcol.--size__30 {
    width: 40px;
  }
  table thead tr th.tcol.--size__30 {
    width: 40px;
  }
  table thead tr th.tcol.--size__80 {
    width: 80px;
  }
  table thead tr th.tcol.--size__90 {
    width: 90px;
  }
  table thead tr th.tcol.--size__100 {
    width: 100px;
  }
  table thead tr th.tcol.--size__120 {
    width: 120px;
  }
  table thead tr th.tcol.--size__140 {
    width: 140px;
  }
  table thead tr th.tcol.--size__150 {
    width: 150px;
  }
  table thead tr th.tcol.--size__160 {
    width: 160px;
  }
  table thead tr th.tcol.--size__180 {
    width: 180px;
  }
  table thead tr th.tcol.--size__210 {
    width: 210px;
  }
  table thead tr th.tcol.--size__230 {
    width: 230px;
  }
  table tbody tr:hover {
    -webkit-filter: grayscale(50%);
            filter: grayscale(50%);
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  table {
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}

/* 
    Extra small devices (phones, 600px and down) 
    Small devices (portrait tablets and large phones, 600px and up)
*/
@media only screen and (max-width: 768px) {
  /*===========================*/
  /* @Desc: Tamanho das colunas
    /**==========================*/
  thead tr th.tcol.mobile__reset {
    width: initial !important;
  }
}

/**
* @Desc: 	utilizado para criar blocos longos de textos, seja para avisos ou informações em geral
* @Author: 	Eduardo Marinho;
* @Version:	1.0.220118
**/
@media all {
  div.warning {
    border-radius: 5px;
    font-size: 14px;
    padding: 10px;
    margin: 10px auto;
    width: auto;
  }
  div.warning.--alert {
    background-color: #ffeeba;
    border: 1px solid #ffe082;
    color: #856404;
  }
  div.warning.--info {
    background-color: #d0eeff;
    border: 1px solid #bee7ff;
    color: #0b5885;
  }
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  div.warning {
    text-align: center;
  }
  div.warning.--align__initial {
    text-align: initial !important;
  }
}

/**
* @desc: WORKSPACE, um elemento DIV ou SECTION,
*        basicamente é um container isolado para conter os demais elementos.
**/
@media all {
  /*definições da estrutura base do workspace*/
  section.workspace {
    background-color: white;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 1240px;
    width: calc(100vw - 40px);
    /*definições da estrutura de cabeçalho do WORKSPACE*/
    /*definições da estrutura de corpo do WORKSPACE*/
    /*definições da estrutura de rodapé do WORKSPACE*/
  }
  section.workspace.--border div.workspace__header,
  section.workspace.--border div.workspace__body {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  section.workspace.border__radius.--smooth {
    border-radius: 10px;
  }
  section.workspace div.workspace__header,
  section.workspace div.workspace__body,
  section.workspace div.workspace__footer {
    padding: 20px 20px 15px 20px;
  }
  section.workspace div.workspace__header h2.workspace__title {
    color: var(--baseTextColor);
    font-size: 18px !important;
    font-weight: 400;
    -webkit-filter: opacity(90%);
            filter: opacity(90%);
    letter-spacing: 1pt;
    margin: 0px;
    text-transform: initial;
  }
  section.workspace div.workspace__header span.worksapce__subtitle {
    display: block;
    font-size: 14px !important;
    padding-top: 10px;
  }
  section.workspace div.workspace__body {
    -webkit-appearance: initial;
       -moz-appearance: initial;
            appearance: initial;
  }
  section.workspace div.workspace__footer {
    -webkit-appearance: initial;
       -moz-appearance: initial;
            appearance: initial;
  }
  *.workspace_title {
    color: var(--baseTextColor);
    font-size: 20px;
    font-weight: 400;
    -webkit-filter: opacity(90%);
            filter: opacity(90%);
    letter-spacing: 1pt;
    padding: 10px 0px;
    text-transform: initial;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  section.workspace {
    margin-top: 20px;
    width: calc(100vw - 38px) !important;
  }
}

/*definições para telas de desktop*/
@media only screen and (min-width: 800px) {
  *.workspace {
    max-width: 1220px;
  }
}

@media screen and (min-width: 1440px) {
  *.workspace {
    max-width: initial !important;
    width: calc(100vw - 120px) !important;
  }
}

/* Regras de terceiros */
@media all {
  .ql-container {
    height: auto !important;
  }
  .ql-container.required .ql-editor {
    background-color: rgba(255, 255, 0, 0.1) !important;
  }
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat.ttf") format("truetype");
}

/* Extra small devices (phones, 600px and down) */
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/*# sourceMappingURL=alpha.css.map */