/*
#hubox-theme-config#

    {
  "theme": "Default",
  "variation": "Default",
  "variables": {
    "@cor-destaque": {
      "name": "Cor de destaque",
      "description": "Cor aplicada em elementos/áreas de destaque.",
      "type": "color",
      "value": "0, 180, 212"
    },
    "@cor-primaria": {
      "name": "Cor primária",
      "description": "Cor aplicada em elementos/áreas de maior relevância no portal.",
      "type": "color",
      "value": "0, 110, 184"
    },
    "@cor-secundaria": {
      "name": "Cor secundario",
      "description": "Cor aplicada em elementos de relevância secundária.",
      "type": "color",
      "value": "241, 241, 241"
    },
    "@cor-sucesso": {
      "name": "Cor de ação efetuada com sucesso",
      "description": "Cor aplicada em elementos concluídos com sucesso.",
      "type": "color",
      "value": "0, 175, 0"
    },
    "@cor-erro": {
      "name": "Cor para exibição de erros",
      "description": "Cor aplicada em elementos que simbolizam erro.",
      "type": "color",
      "value": "229, 0, 0"
    },
    "@cor-texto": {
      "name": "Cor dos textos",
      "description": "Cor padrão dos textos.",
      "type": "color",
      "value": "0, 0, 0"
    },
    "@cor-fundo": {
      "name": "Cor dos fundo",
      "description": "Cor padrão dos fundos aplicados nos módulos.",
      "type": "color",
      "value": "255, 255, 255"
    },
    "@cor-fundo-pagina": {
      "name": "Cor de fundo das páginas",
      "description": "Cor de fundo das páginas.",
      "type": "color",
      "value": "248, 244, 233"
    },
    "@cor-fundo-pagina-destaque": {
      "name": "Cor para destacar o fundo das páginas",
      "description": "Cor para destacar o fundo das páginas.",
      "type": "color",
      "value": "238,236,224"
    },
    "@cor-fundo-pagina-secundaria": {
      "name": "Cor de fundo da página secundária",
      "description": "Cor de fundo aplicada em áreas da página secundária.",
      "type": "color",
      "value": "248, 244, 233"
    },
    "@cor-texto-sidebar": {
      "name": "Cor do texto da sibebar",
      "description": "Cor do texto da sibebar.",
      "type": "color",
      "value": "255, 255, 255"
    },
    "@cor-fundo-sidebar": {
      "name": "Cor do fundo da sidebar",
      "description": "Cor do fundo da sidebar.",
      "type": "color",
      "value": "127, 127, 127"
    },
    "@cor-separador": {
      "name": "cor para separar elementos",
      "description": "cor para separar elementos",
      "type": "color",
      "value": "215, 215, 215"
    }
  }
}

#hubox-theme-config#
*/

body,
html {
    margin: 0;
    padding: 0;
}

body {
    font-size: 13px;
    color: rgb(0, 0, 0);
    background-color: rgb(248, 244, 233);
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

body>form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

figure {
    margin: 0;
    max-width: 100%;
}

img {
    border: 0;
    max-width: 100%;
}

a {
    color: rgb(0, 110, 184);
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    text-decoration: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

h1,
h2 {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
}

h1 {
    font-size: 23px;
    color: rgb(0, 180, 212);
}

h2 {
    font-size: 15px;
}

h3,
h4,
h5,
h6 {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

h3 {
    font-size: 15px;
}

p {
    line-height: 16px;
}

ul.menu-list li.page-draft:after,
ul.menu-list li.page-hidden:after {
    content: "oculta";
    position: absolute;
    white-space: nowrap;
    top: 6px;
    left: 7px;
    font-size: 10px;
    letter-spacing: 2px;
    font-weight: bold;
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 0;
    color: rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    letter-spacing: 0;
    opacity: 0.7;
}

.no-data {
    text-align: center;
    padding: 19px;
}

label.icon.share {
    font-size: 13px;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

select::-ms-expand {
    display: none;
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hubox-bar .system-context {
        padding-right: 20px;
    }
}
    
/*#region  Retira a margim padr�o dos m�dulos presentes no cabe�alho e no rodap� */
.main-footer .Module:last-child,
.main-header .Module:last-child,
.main-footer .Module,
.main-header .Module {
    margin: 0;
}

/*#endregion */

/*#region  Inserir divisor acima ou abaixo do m�dulo */
/*.Module.divider-top:before {
    content: "";
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    position: absolute;
    top: -44px;
    bottom: auto;
    left: 0;
    right: 0;
    display: block;
}

.Module.divider-bottom:after {
    content: "";
    border-top: 0.07vw solid rgba(0, 0, 0, 0.12);
    position: static;
    margin-bottom: 4vw;
    margin-top: 2vw;
    display: block;
}*/

/*#endregion */

.Module {
    width: 100%;
    /* margin: 44px 0 88px 0; */
    margin: 44px 0;
    display: inline-block;
}

.Module:last-child {
    margin-bottom: 44px;
}

.Module:after {
    content: "";
    position: absolute;
    bottom: -44px;
    top: auto;
    left: 0;
    right: 0;
    display: block;
}


.Module>header>h2 {
    font-size: 1.3em;
    margin: 0 0 30px 0;
    color: rgb(0, 180, 212);
}

.Module>header>h2>span {
    text-transform: uppercase;
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    display: flex;
    align-items: center;
}

.Module>header>h2>span:before {
    font-family: 'intranet-icons';
    display: inline-block;
    font-size: 32px;
    position: relative;
    line-height: 1rem;
    top: -1px;
    vertical-align: middle;
    margin-right: 10px;
}

.Module>header>.description span {
    display: block;
    margin-bottom: 30px;
}



ser-actions a,
.comment-box .text-box .icon.send,
.calendar-events .initial-filter a,
.hubox.layer[class*="client-layer"] .hb-btn,
.hubox.layer[class*="client-layer"] .btn,
.template .btn {
    display: inline-block;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 0.85rem;
    margin-right: 10px;
    border: 0;
    text-decoration: none;
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.comment-box .text-box .icon.send,
.calendar-events .initial-filter a,
.hubox.layer[class*="client-layer"] .btn-primary,
.template .btn-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 110, 184);
}

.comment-box .text-box .icon.send:hover,
.calendar-events .initial-filter a:hover,
.hubox.layer[class*="client-layer"] .btn.btn-primary:hover,
.template .btn-primary:hover {
    background-color: rgba(0, 110, 184, .8);
}

.above-meu-espaco.user-status .user-actions a,
.hubox.layer[class*="client-layer"] .btn-default,
.template .btn-default {
    color: rgb(0, 110, 184);
    background-color: rgb(255, 255, 255);
    display: inline-block;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 0.85rem;
    margin-right: 10px;
    border: 0;
    text-decoration: none;
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.above-meu-espaco.user-status .user-actions a:hover,
.hubox.layer[class*="client-layer"] .btn-default:hover,
.template .btn-default:hover {
    background-color: rgba(255, 255, 255, .6);
}


/*#region  Botões para a modal Client */
.hubox.layer[class*="client-layer"] .hb-btn,
.hubox.layer[class*="client-layer"] .btn {
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 3px !important;
    text-align: center !important;
    font-weight: normal !important;
    font-size: 0.9rem !important;
}

.hubox.layer[class*="client-layer"] .btn-primary {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(0, 110, 184) !important;
}

.hubox.layer[class*="client-layer"] .btn-primary:hover {
    background-color: rgba(0, 110, 184, .8) !important;
}

.hubox.portal-internet-layer .btn-default:hover {
    background-color: rgba(255, 255, 255, .6) !important;
}

.hubox.layer[class*="client-layer"] .btn-secondary,
.hubox.layer[class*="client-layer"] .btn-default {
    color: rgb(0, 110, 184) !important;
    background-color: rgba(0, 0, 0, .05) !important;
}

.hubox.layer[class*="client-layer"] .btn-secondary:hover,
.hubox.layer[class*="client-layer"] .btn-default:hover {
    background-color: rgba(0, 0, 0, .1) !important;
}

/*#endregion */







.hubox.layer[class*="client-layer"] .tab .action-bar {
    padding-left: 55px;
    position: absolute;
}

.hubox.layer[class*="client-layer"] .action-bar button,
.hubox.layer[class*="client-layer"] .static-action-bar button,
.hubox.layer[class*="client-layer"] .action-bar-tab button {
    border: 0;
    background-color: transparent;
    margin-right: 10px;
    outline: 0 !important;
    display: inline-block;
    margin: 0 !important;
    margin-right: 12px !important;
    padding: 8px 12px !important;
    min-width: 70px !important;
    border: 0 !important;
    background-image: none !important;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 110, 184);
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif !important;
    padding: 12px !important;
    border: 0 !important;
    border-radius: 3px !important;
    text-align: center !important;
    font-weight: normal !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.27) !important;
}



.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.save:hover,
.hubox.layer[class*="client-layer"] .static-action-bar button.hubox-icon.save:hover,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.to-right:hover,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.to-left:hover,
.hubox.layer[class*="client-layer"] .static-action-bar button.hubox-icon.done:hover,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.done:hover {
    background: rgba(0, 110, 184, 0.8) !important;
}

.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.save,
.hubox.layer[class*="client-layer"] .static-action-bar button.hubox-icon.save,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.to-right,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.to-left,
.hubox.layer[class*="client-layer"] .static-action-bar button.hubox-icon.done,
.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon.done {
    color: rgb(255, 255, 255) !important;
    background: rgba(0, 110, 184, 1) !important;
}

.hubox.layer[class*="client-layer"] .action-bar button.hubox-icon,
    .hubox.layer[class*="client-layer"] .static-action-bar button.hubox-icon {
    background: rgb(255, 255, 255) !important;
}

.hubox.layer[class*="client-layer"] .action-bar .hubox-icon.save:before,
.hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon.save:before,
.hubox.layer[class*="client-layer"] .action-bar .hubox-icon.to-right:before,
.hubox.layer[class*="client-layer"] .action-bar .hubox-icon.to-left:before,
.hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon.done:before,
.hubox.layer[class*="client-layer"] .action-bar .hubox-icon.done:before {
    color: rgb(255, 255, 255) !important;
}


.hubox.layer[class*="client-layer"] .action-bar .hubox-icon:before,
.hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon:before {
    padding: 0 10px 0 0 !important;
}

.hubox.layer[class*="client-layer"] .static-action-bar button:last-of-type,
.hubox.layer[class*="client-layer"] .action-bar button:last-of-type {
    margin-right: 0 !important;
}

.search-button {
    display: inline-block;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 0.85rem;
    margin-right: 10px;
    border: 0;
    text-decoration: none;
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 110, 184) !important;
    outline: none;
    margin-left: 20px;
}
.custom-html,
.custom-html h3,
.custom-html h2,
.custom-html h1,
.custom-html span,
.custom-html a {

}

    .custom-html h5,
    .custom-html h4,
    .custom-html h3,
    .custom-html h2,
    .custom-html h1 {
        margin: 30px 0 15px 0;
    }

        .custom-html h5:first-child,
        .custom-html h4:first-child,
        .custom-html h3:first-child,
        .custom-html h2:first-child,
        .custom-html h1:first-child,
        .custom-html p:first-child {
            margin-top: 0;
        }

        .custom-html h5:last-child,
        .custom-html h4:last-child,
        .custom-html h3:last-child,
        .custom-html h2:last-child,
        .custom-html h1:last-child,
        .custom-html p:last-child {
            margin-bottom: 0;
        }

    .custom-html a {
        text-decoration: none;
    }

        .custom-html a:hover {
            text-decoration: underline;
        }

    .custom-html h3 span,
    .custom-html h3 {

    }

    .custom-html h1 {

    }

    .custom-html h2 {

    }

    .custom-html h3 {

    }

    .custom-html h4 {
        
    }



@font-face {
    font-family: 'Raleway-Bold';
    src: url('/static/fonts/Raleway/Raleway-Bold.eot') format('embedded-opentype'),
         url('/static/fonts/Raleway/Raleway-Bold.svg') format('svg'),
         url('/static/fonts/Raleway/Raleway-Bold.ttf') format('truetype'),
         url('/static/fonts/Raleway/Raleway-Bold.woff') format('woff');
         font-weight:700;
         font-style:normal;
}


@font-face {
    font-family: 'Raleway-Medium';
    src: url('/static/fonts/Raleway/Raleway-Medium.eot') format('embedded-opentype'),
         url('/static/fonts/Raleway/Raleway-Medium.svg') format('svg'),
         url('/static/fonts/Raleway/Raleway-Medium.ttf') format('truetype'),
         url('/static/fonts/Raleway/Raleway-Medium.woff') format('woff');
         font-weight:500;
         font-style:normal;
}



@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('/static/fonts/Raleway/Raleway-SemiBold.eot') format('embedded-opentype'),
         url('/static/fonts/Raleway/Raleway-SemiBold.svg') format('svg'),
         url('/static/fonts/Raleway/Raleway-SemiBold.ttf') format('truetype'),
         url('/static/fonts/Raleway/Raleway-SemiBold.woff') format('woff');
         font-weight:600;
         font-style:normal;
}


.template input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.template textarea,
.template select {
    max-width: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    font-size: 14px;
    padding: 8px 20px;
    margin: 5px 0;
    border-radius: 10px;
    max-height: 35px;
    background: rgb(255, 255, 255);
    outline: none;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}

.hubox.layer[class*="client-layer"] textarea,
.template textarea {
    max-height: none;
    resize: none;
    overflow: hidden;
    transition: 0s;
    transition: outline 0.2s, color 0.2s, background 0.2s;
}

.hubox.layer[class*="client-layer"] select,
.template select {
    padding-right: 50px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbWFkYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM1LjA5OHB4IiBoZWlnaHQ9IjguMjQ4cHgiIHZpZXdCb3g9IjAgMCAzNS4wOTggOC4yNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM1LjA5OCA4LjI0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjMDA2ZWI4IiBkPSJNMTguMDc4LDguMDI5bDYuNzQzLTYuNzM2YzAuMjk1LTAuMjk2LDAuMjk1LTAuNzc0LDAtMS4wNzFjLTAuMjk1LTAuMjk1LTAuNzc1LTAuMjk1LTEuMDcsMGwtNi4yMDgsNi4yMDINCglsLTYuMjA4LTYuMjAxYy0wLjI5NS0wLjI5Ni0wLjc3NS0wLjI5Ni0xLjA3MSwwYy0wLjI5NSwwLjI5Ni0wLjI5NSwwLjc3NSwwLDEuMDcxbDYuNzQzLDYuNzM2DQoJQzE3LjI5OSw4LjMyLDE3Ljc4Niw4LjMyLDE4LjA3OCw4LjAyOXoiLz4NCjwvc3ZnPg0K');
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 44px;
}

.hubox.layer[class*="client-layer"] select::-ms-expand {
    display: none;
}

.hubox.layer[class*="client-layer"] select option,
.template select option {
    font-size: inherit;
    font-family: inherit;
}

.hubox.layer[class*="client-layer"] select:focus,
.hubox.layer[class*="client-layer"] textarea:focus,
.hubox.layer[class*="client-layer"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
.template select:focus,
.template textarea:focus,
.template input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.template select:disabled,
.template textarea:disabled,
.template input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):disabled {
    color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, .1);
}

.hubox.layer[class*="client-layer"] input[type="radio"],
.template input[type="radio"] {
    width: 20px;
    height: 20px;
    top: -1px;
    left: 0;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 100%;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.template label~.radio {
    margin-top: 10px !important;
}

.template .checkbox {
    margin-bottom: 20px;
}

.template .radio label {
    color: rgb(0, 0, 0);
    cursor: pointer;
    margin-right: 5px;
}

.hubox.layer[class*="client-layer"] input[type="radio"]:checked,
.template input[type="radio"]:checked {
    border-color: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:after,
.template input[type="checkbox"]:before,
.template input[type="radio"]:before,
.template input[type="radio"]:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border-radius: 100%;
    background: rgb(0, 110, 184);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:checked:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:checked:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:checked:after,
.template input[type="checkbox"]:checked:before,
.template input[type="radio"]:checked:before,
.template input[type="radio"]:checked:after {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:before,
.template input[type="checkbox"]:before,
.template input[type="radio"]:before {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -20px;
    left: -20px;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:checked:before,
.hubox.layer[class*="client-layer"] input[type="radio"]:checked:before,
.template input[type="checkbox"]:checked:before,
.template input[type="radio"]:checked:before {
    opacity: 0;
    visibility: hidden;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.hubox.layer[class*="client-layer"] input[type="checkbox"],
.template input[type="checkbox"] {
    width: 20px;
    height: 20px;
    top: -1px;
    left: 0;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 2px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.EditMode .template .header-module-area>.inheritance>input[type="checkbox"]:after {
    content: "\e902";
    font-family: 'intranet-icons';
    color: #fff;
    margin: 0px;
    font-size: 14px;
    line-height: 17px;
    top: -5px;
    position: absolute;
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:after,
.template input[type="checkbox"]:after {
    content: "\e902";
    font-family: 'intranet-icons';
    color: #fff;
    margin: 2px;
    font-size: 14px;
    line-height: 17px;
    position: relative;
    opacity: 0;
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:checked,
.template input[type="checkbox"]:checked {
    border-color: rgb(0, 110, 184);
    background: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] input[type="checkbox"]:checked:after,
.template input[type="checkbox"]:checked:after {
    opacity: 1;
}

.hubox.layer[class*="client-layer"] .checkbox,
.hubox.layer[class*="client-layer"] .radio,
.hubox.layer[class*="client-layer"] .checkbox-group,
.hubox.layer[class*="client-layer"] .radio-group,
.template .checkbox-group,
.template .radio-group {
    position: relative;
    margin-bottom: 20px;
}

.hubox.layer[class*="client-layer"] .checkbox label,
.hubox.layer[class*="client-layer"] .radio label,
.hubox.layer[class*="client-layer"] .checkbox-group label,
.hubox.layer[class*="client-layer"] .radio-group label,
.template .checkbox-group label,
.template .radio-group label {
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 27px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.hubox.layer[class*="client-layer"] .form-group,
.template .form-group {
    margin-bottom: 30px;
}

.template .form-group label+div {
    margin: 0;
}

.template .form-group .btn {
    margin: 5px 0;
}

.hubox.layer[class*="client-layer"] .required,
.template .required {
    color: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] .inline-group,
.template .inline-group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.hubox.layer[class*="client-layer"] .inline-group .btn,
.template .inline-group .btn {
    margin-left: 10px;
    white-space: nowrap;
}

.hubox.layer[class*="client-layer"] .checkbox input[type="checkbox"],
.hubox.layer[class*="client-layer"] .radio input[type="radio"] {
    top: -11px;
}

.hubox.layer[class*="client-layer"] fieldset {
    padding: 0;
    margin-bottom: 30px;
}

.hubox.layer[class*="client-layer"] fieldset legend {
    margin: 0 -10px 10px -10px;
    padding: 0 10px;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif !important;
}

.hubox.layer[class*="client-layer"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.hubox.layer[class*="client-layer"] textarea,
.hubox.layer[class*="client-layer"] select {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif !important;
    font-size: 1rem !important;
    padding: 7px 20px !important;
    border-radius: 10px;
    background: rgba(0, 0, 0, .05) !important;
}

.hubox.layer[class*="client-layer"] select:disabled,
.hubox.layer[class*="client-layer"] textarea:disabled,
.hubox.layer[class*="client-layer"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):disabled {
    color: rgba(0, 0, 0, .5) !important;
    background: rgba(0, 0, 0, .15) !important;
}

.hubox .hb-btn-group input[type="radio"]:checked+.btn.btn-primary,
.hubox .hb-btn-group input[type="radio"]:checked+.hb-btn.btn-primary {
    background: rgb(0, 175, 0) !important;
}

.hubox.layer[class*="client-layer"] .hb-btn-group label {
    margin-right: 15px;
}

.hubox.layer[class*="client-layer"] input[type=date],
.hubox.layer[class*="client-layer"] input[type=datetime] {
    width: 200px;
}

.hubox.layer[class*="client-layer"] .form-group.inline input,
.hubox.layer[class*="client-layer"] .form-group.inline select,
.hubox.layer[class*="client-layer"] .form-group.inline textarea {
    vertical-align: top;
}

@media screen and (max-width: 1023px) {

    .hubox.layer[class*="client-layer"] .inline-group,
    .template .inline-group {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .hubox.layer[class*="client-layer"] .inline-group .btn,
    .template .inline-group .btn {
        margin-left: 0;
        white-space: normal;
    }
}

.template .inline-group .ddd {
    margin-right: 10px !important;
    width: 85px !important;
}

.template .inline-group .phone {
    width: calc(100% - 95px) !important;
}
.row-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -22px;
}

    .row-flex > [class*="col-"] {
        float: none;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        padding: 0 22px;
    }

.col-highlight {
    background-color:rgb(238,236,224);
}

.main-content > .row-flex {
    width: 100%;
    margin: 0;
	/* margin-top:-2.21vw; */
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

    .main-content > .row-content > .row-flex > [class*="col-"],
    .main-content > .row-flex > [class*="col-"] {
        padding-left: 44px;
        padding-right: 44px;
    }


.main-content > .row-content > .row-flex {
    width: 100%;
    margin: 0;
}

.row-flex .row-flex > .col-md-2-5 > div {
    height: 100%;
}

/*#region  Equilibra a altura dos módulos estando em subcolunas que estão lado-a-lado */
.template-home.row-flex .row-flex > .col-md-5 > div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .template-home.row-flex .row-flex > .col-md-5 > div .Module {
        flex: 0 1 100%;
        -ms-flex: 0 1 auto;
        display: flex;
        flex-direction: column;
    }

        .template-home.row-flex .row-flex > .col-md-5 > div .Module .content-wrapper {
            flex: 0 1 100%;
            -ms-flex: 0 1 auto;
        }

.template-home.row-flex .row-flex > .col-md-5 .module-area > div {
    width: 100%;
}

.template-home.row-flex .row-flex > .col-md-5 > div {
    height: 100%;
}
/*#endregion */

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1023px) {
}

@media screen and (max-width: 768px) {
}

.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0!important;
}

@font-face {
    font-family: 'intranet-icons';
    src: url('/static/fonts/Icons/icons.eot?msuxxj');
    src: url('/static/fonts/Icons/icons.eot?msuxxj#iefix') format('embedded-opentype'), url('/static/fonts/Icons/icons.ttf?msuxxj') format('truetype'), url('/static/fonts/Icons/icons.woff?msuxxj') format('woff'), url('/static/fonts/Icons/icons.svg?msuxxj#icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.template .icon:before {
    font-family: 'intranet-icons';
    font-weight: normal;
    font-style: normal;
}

.icon.arrow-left:before {
    content: "\e900";
}

.icon.arrow-right:before {
    content: "\e901";
}

.icon.check:before {
    content: "\e902";
}

.icon.file:before {
    content: "\e903";
}

.icon.arrow-double-left:before {
    content: "\e904";
}

.icon.arrow-double-right:before {
    content: "\e905";
}

.icon.hamburger:before {
    content: "\e906";
}

.icon.close:before {
    content: "\e908";
}

.icon.arrow-down:before {
    content: "\e909";
}

.icon.arrow-up:before {
    content: "\e90a";
}

.icon.user:before {
    content: "\e90b";
}

.icon.printer:before {
    content: "\e90d";
}
.icon.cam:before,
.icon.photo:before {
    content: "\e907";
}

.icon.search:before {
    content: "\e90c";
}

.icon.advertisement:before {
    content: "\e90e";
}

.icon.people:before {
    content: "\e90f";
}

.icon.estruct:before {
    content: "\e910";
}

.icon.events:before {
    content: "\e911";
}

.icon.groups:before {
    content: "\e912";
}

.icon.news:before {
    content: "\e913";
}

.icon.images:before {
    content: "\e914";
}

.icon.quick-access:before {
    content: "\e915";
}

.icon.next-events:before {
    content: "\e916";
}

.icon.my-space:before {
    content: "\e917";
}

.icon.videos:before {
    content: "\e918";
}

.icon.birthdays:before {
    content: "\e919";
}

.icon.poll:before {
    content: "\e91a";
}

.icon.trash:before {
    content: "\e91b";
}

.icon.trash:before {
    content: "\e91b";
}

.icon.add:before {
    content: "\e91c";
}

.icon.remove:before {
    content: "\e91d";
}

.icon.follow:before {
    content: "\e91e";
}

.icon.unfollow:before {
    content: "\e91f";
}

.icon.acknowledgment:before {
    content: "\e920";
}

.icon.files:before {
    content: "\e921";
}

.icon.edit:before,
.icon.pencil:before {
    content: "\e922";
}

.icon.hand-up:before {
    content: "\e923";
}

.icon.hand-down:before {
    content: "\e924";
}

.icon.block:before {
    content: "\e925";
}

.icon.comment:before {
    content: "\e926";
}

.icon.check-circle:before {
    content: "\e927";
}

.icon.close-circle:before {
    content: "\e928";
}

.icon.question-circle:before {
    content: "\e929";
}

.icon.outlook:before {
    content: "\e92a";
}

.icon.video:before {
    content: "\e92b";
}

.icon.send:before {
    content: "\e92c";
}

.icon.attachment:before,
.icon.clip:before {
    content: "\e92d";
}

.icon.list:before {
    content: "\e92e";
}

.icon.about:before {
    content: "\e92f";
}

.icon.tag:before {
    content: "\e930";
}

.icon.bio:before {
    content: "\e931";
}

.icon.special:before {
    content: "\e932";
}

.icon.interests:before {
    content: "\e933";
}

.icon.exclamation:before {
    content: "\e934";
}

.icon.comments:before {
    content: "\e935";
}

.icon.users:before {
    content: "\e936";
}

.icon.alert-circle:before {
    content: "\e937";
}

.icon.information-circle:before {
    content: "\e938";
}
.hubox.layer[class*="client-layer"] a {
    color: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] .layer-wrapper {
    color: #000;
    background: rgb(255, 255, 255);
    border: 0;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0,0,0,0.33);
    font-size: 1rem;
}

.hubox.layer[class*="client-layer"] .layer-header {
    background: none;
    border: 0;
    min-height: 30px;
}

    .hubox.layer[class*="client-layer"] header h2 span,
    .hubox.layer[class*="client-layer"] .layer-header h2 {
        padding: 30px;
        text-transform: uppercase;
        font-size: 1.3rem;
        color: rgb(0, 180, 212);
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    }

.hubox.layer[class*="client-layer"] .tab-panel header h2:first-child {
    margin-top: 0;
}

.hubox.layer[class*="client-layer"] header h2 span {
    padding: 0;
}

.hubox.layer[class*="client-layer"] .layer-close {
    font-size: 0;
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
    border-radius: 10px;
    line-height: 40px;
    text-align: center;
    color: rgb(0, 110, 184);
}

    .hubox.layer[class*="client-layer"] .layer-close:hover {
        background: rgba(0, 0, 0, .05);
    }

    .hubox.layer[class*="client-layer"] .layer-close:after {
        content: "\e908";
        font-family: 'intranet-icons';
        font-size: 16px;
    }

.hubox.layer[class*="client-layer"] .layer-content {
    padding: 0 30px 80px 30px;
    overflow-y: visible;
}

    .hubox.layer[class*="client-layer"] .layer-content:after,
    .hubox.layer[class*="client-layer"] .layer-content:before {
        content: "";
        display: table;
        clear: both;
    }

.hubox.layer[class*="client-layer"] h1,
.hubox.layer[class*="client-layer"] h2,
.hubox.layer[class*="client-layer"] h3,
.hubox.layer[class*="client-layer"] h4,
.hubox.layer[class*="client-layer"] h5,
.hubox.layer[class*="client-layer"] h6,
.hubox.layer[class*="client-layer"] p,
.hubox.layer[class*="client-layer"] span,
.hubox.layer[class*="client-layer"] fieldset legend,
.hubox.layer[class*="client-layer"] label {
    color: rgb(0, 0, 0);
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;


}

.hubox.layer[class*="client-layer"] h1,
.hubox.layer[class*="client-layer"] h2 {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
}

.hubox.layer[class*="client-layer"] h1 {
    font-size: 2rem;
    color: rgb(0, 180, 212);
}

.hubox.layer[class*="client-layer"] h2 {
    font-size: 1.3rem;
}

.hubox.layer[class*="client-layer"] h3,
.hubox.layer[class*="client-layer"] h4,
.hubox.layer[class*="client-layer"] h5,
.hubox.layer[class*="client-layer"] h6 {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.hubox.layer[class*="client-layer"] h3 {
    font-size: 1.3rem;
}

    .hubox.layer[class*="client-layer"] h1:first-child,
    .hubox.layer[class*="client-layer"] h2:first-child,
    .hubox.layer[class*="client-layer"] h3:first-child,
    .hubox.layer[class*="client-layer"] h4:first-child,
    .hubox.layer[class*="client-layer"] h5:first-child,
    .hubox.layer[class*="client-layer"] h6:first-child {
        margin-top: 0;
    }

.hubox.layer[class*="client-layer"] .static-action-bar,
.hubox.layer[class*="client-layer"] .action-bar {
    background: none;
    text-align: right;
    padding: 0 30px 30px 30px;
}

    .hubox.layer[class*="client-layer"] .static-action-bar .btn,
    .hubox.layer[class*="client-layer"] .action-bar .btn {
        float: right;
        margin: 0 0 0 20px !important;
    }

    .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon:not(.btn),
    .hubox.layer[class*="client-layer"] .action-bar .hubox-icon:not(.btn) {
        width: auto;
        height: auto;
        font-size: 1rem;
        padding: 5px 10px;
        color: rgb(0, 110, 184) !important;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    }

    .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon[disabled]:before,
    .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon[disabled],
    .hubox.layer[class*="client-layer"] .action-bar .hubox-icon[disabled]:before,
    .hubox.layer[class*="client-layer"] .action-bar .hubox-icon[disabled] {
        color: rgba(0, 0, 0, .33) !important;
    }

        .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon[disabled]:hover,
        .hubox.layer[class*="client-layer"] .action-bar .hubox-icon[disabled]:hover {
            background: none !important;
        }

    .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon:not(.btn):hover,
    .hubox.layer[class*="client-layer"] .action-bar .hubox-icon:not(.btn):hover {
        border-radius: 10px;
    }

    .hubox.layer[class*="client-layer"] .static-action-bar .hubox-icon:before,
    .hubox.layer[class*="client-layer"] .action-bar .hubox-icon:before {
        padding: 7px 10px 7px 0;
    }


.hubox.layer[class*="client-layer"] .check-list input[type="checkbox"] {
    position: relative;
}

.hubox.layer[class*="client-layer"] .required {
    font-size: 1.8rem;
    line-height: 0.7rem;
    height: 0px;
    vertical-align: middle;
    display: inline-block;
}

.hubox.layer[class*="client-layer"] .media-picker,
.hubox.layer[class*="client-layer"] .media-picker-wrapper {
    background: rgba(0, 0, 0, .1);
}

    .hubox.layer[class*="client-layer"] .media-picker:after {
        font-size: 1em;
    }

.hubox.layer[class*="client-layer"] .tab .tab-nav {
    background: rgb(255, 255, 255);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

    .hubox.layer[class*="client-layer"] .tab .tab-nav:before {
        display: none;
    }


.hubox.layer[class*="client-layer"] .tab .tab-item {
    border: 0;
}

    .hubox.layer[class*="client-layer"] .tab .tab-item.active {
        color: #fff;
        background: rgb(0, 180, 212);
    }

    .hubox.layer[class*="client-layer"] .tab .tab-item a {
        padding: 10px 3px;
        color: rgb(0, 110, 184);
    }

        .hubox.layer[class*="client-layer"] .tab .tab-item a:before {
            color: rgb(0, 110, 184) !important;
        }

    .hubox.layer[class*="client-layer"] .tab .tab-item.active a:before {
        color: #fff !important;
    }

    .hubox.layer[class*="client-layer"] .tab .tab-item:not(.active):hover {
        background: rgba(0, 0, 0,0.05);
    }

    .hubox.layer[class*="client-layer"] .tab .tab-item a:hover {
        background: none !important;
    }

    .hubox.layer[class*="client-layer"] .tab .tab-item.active a {
        color: rgb(255, 255, 255);
    }

    .hubox.layer[class*="client-layer"] .tab .tab-item.active:before {
        display: none;
    }

.hubox.layer[class*="client-layer"] .tab.horizontal .tab-nav {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}

.hubox.layer[class*="client-layer"] .tab.horizontal .tab-item {
    margin: 0;
}

    .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item a {
        background: none;
        font-size: 1rem;
        padding: 5px 12px;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    }

    .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item.active,
    .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item.active a {
        color: rgb(0, 180, 212);
        background: none;
    }

        .hubox.layer[class*="client-layer"] .tab.horizontal .tab-nav,
        .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item.active a {
            background: none;
        }

        .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item.active a {
            border: 0;
        }

            .hubox.layer[class*="client-layer"] .tab.horizontal .tab-item.active a:before {
                background: rgb(0, 180, 212);
                height: 5px;
                bottom: -1px;
            }

.hubox.layer[class*="client-layer"] .tab .tab-panel {
    border: 0;
    margin-left: 30px;
    padding: 0 20px 30px 20px;
}

.hubox.layer[class*="client-layer"] .tab.horizontal .tab-panel {
    border: 0;
    border-top: 1px solid rgba(cor-texto||,0.2);
    padding: 30px 0;
    margin: 0 0 -80px 0;
}

.hubox.layer[class*="client-layer"] .tab .tab .tab-item.active a {
    border: 0;
}

.hubox.layer[class*="client-layer"] .hubox-icon:not(.btn) {
    border-radius: 100%;
    width: 34px;
    height: 34px;
}


.hubox.layer[class*="client-layer"] .hubox-icon:before {
    color: rgb(0, 110, 184) !important;
    font-family: 'intranet-icons';
    font-size: 20px;
    margin: 0;
    padding: 7px;
}

.hubox.layer[class*="client-layer"] .hubox-icon:not(.btn):hover {
    border-radius: 100%;
    background: rgba(0, 0, 0, .05) !important;
}

.hubox.layer[class*="client-layer"] .btn.hubox-icon:before {
    margin: 0 10px 0 0;
    padding: 0;
    position: relative;
    top: -1px;
}

.hubox.layer[class*="client-layer"] .btn-primary.hubox-icon:before {
    color: #fff !important;
}

.hubox.layer[class*="client-layer"] .btn-group {
    float: none;
    margin-bottom: 30px;
}


/* Ícones */
.hubox.layer[class*="client-layer"] .hubox-icon:before {
    content: "\e902";
}

.hubox.layer[class*="client-layer"] .hubox-icon.save:before {
    content: "\e902";
}

.hubox.layer[class*="client-layer"] .hubox-icon.cancel:before {
    content: "\e908";
}

.hubox.layer[class*="client-layer"] .hubox-icon.to-up:before {
    content: "\e90a";
}

.hubox.layer[class*="client-layer"] .hubox-icon.to-down:before {
    content: "\e909";
}

.hubox.layer[class*="client-layer"] .hubox-icon.to-left:before {
    content: "\e900";
}

.hubox.layer[class*="client-layer"] .hubox-icon.to-right:before {
    content: "\e901";
}

.hubox.layer[class*="client-layer"] .hubox-icon.delete:before,
.hubox.layer[class*="client-layer"] .hubox-icon.trash:before,
.hubox.layer[class*="client-layer"] .hubox-icon.remove:before {
    content: "\e91b";
}

.hubox.layer[class*="client-layer"] .hubox-icon.add:before {
    content: "\e91c";
}

.hubox.layer[class*="client-layer"] .hubox-icon.general:before {
    content: "\e906";
}

.hubox.layer[class*="client-layer"] .hubox-icon.edit:before {
    content: "\e922";
}

.hubox.layer[class*="client-layer"] .hubox-icon.cam:before {
    content: "\e907";
}

.hubox.layer[class*="client-layer"] .bg-dark-gray,
.hubox.layer[class*="client-layer"] .hubox.bg-dark-gray {
    background: rgba(0, 0, 0, 0.05) !important;
}

.hubox.layer[class*="client-layer"] .image-list {
    margin: 0 -10px;
    clear: both;
}

    .hubox.layer[class*="client-layer"] .image-list li {
        width: 25%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        height: auto;
    }

        .hubox.layer[class*="client-layer"] .image-list li img {
            display: none;
        }

        .hubox.layer[class*="client-layer"] .image-list li figure {
            width: 100%;
            padding-bottom: 100%;
            background-size: cover;
            background-position: center;
        }

    .hubox.layer[class*="client-layer"] .image-list .actions {
        position: absolute;
        bottom: 10px;
        left: 10px;
        right: 10px;
        background: rgba(0,0,0,0.5);
    }

        .hubox.layer[class*="client-layer"] .image-list .actions a:before {
            color: #fff !important;
            text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
        }

        .hubox.layer[class*="client-layer"] .image-list .actions a:hover {
            background: rgba(255,255,255,0.25) !important;
        }

    .hubox.layer[class*="client-layer"] .image-list .hubox-icon:before {
        margin-top: -10px;
    }

    .hubox.layer[class*="client-layer"] .image-list select {
        padding: 6px 12px !important;
        background: #fff !important;
    }

.hubox.layer[class*="client-layer"] .hb-modal-video-preview,
.hubox.layer[class*="client-layer"] .hb-modal-video-preview video {
    width: 100%;
}

.hubox.layer[class*="client-layer"] .hb-modal-video-preview {
    margin-bottom: 30px;
}

div[data-ng-controller="GroupFormController"] {
    padding-top: 30px;
}

.portal-loading,
.template .loading {
    min-height: 120px;
    position: relative;
}

    .portal-loading *,    
    .template .loading * {
        visibility: hidden;
    }

    .portal-loading:before,
    .portal-loading:after,
    .template .loading:before,
    .template .loading:after {
        position: absolute;
        content: '';
        display: block;
        z-index: 0;
    }

    .portal-loading:before,
    .template .loading:before {
        width: 40px;
        height: 80px;
        border: 7px solid #cfd0d0;
        border-right: 0;
        border-radius: 80px 0 0 80px;
        top: 50%;
        left: 50%;
        margin: -40px;
        transform-origin: 40px;
        -webkit-animation: loadingAnimation 2s infinite ease 1.5s;
        -moz-animation: loadingAnimation 2s infinite ease 1.5s;
        -o-animation: loadingAnimation 2s infinite ease 1.5s;
        animation: loadingAnimation 2s infinite ease 1.5s;
    }

    .portal-loading:after,
    .template .loading:after {
        width: 41px;
        height: 82px;
        border: 9px solid #dedede;
        border-left: 0;
        border-radius: 0 82px 82px 0;
        top: 50%;
        left: 50%;
        margin: -41px 0;
        transform-origin: 0px 41px;
        -webkit-animation: loadingAnimation 2s infinite ease;
        -moz-animation: loadingAnimation 2s infinite ease;
        -o-animation: loadingAnimation 2s infinite ease;
        animation: loadingAnimation 2s infinite ease;
    }

@keyframes loadingAnimation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.hubox.layer[class*="client-layer"] .pagination-wrapper,
.template .pagination-wrapper {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    overflow: auto;
    padding-bottom: 20px;
    max-width: 100%;
    min-width: 100%;
    white-space: nowrap;
}

    .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination,
    .template .pagination-wrapper .pagination {
        display: inline;
        padding: 0 !important;
        margin: 0;
        font-size: 0;
    }

        .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li,
        .template .pagination-wrapper .pagination li {
            display: inline-block;
            vertical-align: top;
        }

            .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li a,
            .template .pagination-wrapper .pagination li a {
                width: 36px;
                height: 30px;
                border-radius: 20px;
                font-size: 1rem;
                display: inline-block;
                margin-right: 5px;
                padding: 0;
                text-align: center;
                vertical-align: middle;
                color: rgb(0, 110, 184);
                line-height: 30px;
                background-color: rgba(0, 0, 0, .05);
            }

            .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li.selected a,
            .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li:hover a,
            .template .pagination-wrapper .pagination li.selected a,
            .template .pagination-wrapper .pagination li:hover a {
                background-color: rgb(0, 110, 184);
                color: rgb(255, 255, 255);
            }

            .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li:last-child,
            .template .pagination-wrapper .pagination li:last-child {
                margin-right: 8px;
            }

    .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon,
    .template .pagination-wrapper .hubox-icon {
        width: 36px;
        height: 30px;
        border-radius: 20px;
        font-size: 13px;
        text-align: center;
        vertical-align: middle;
        line-height: 30px;
        margin-right: 5px;
        background-color: rgba(0, 0, 0, .05);
        color: rgb(0, 110, 184);
    }

        .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon:hover,
        .template .pagination-wrapper .hubox-icon:hover {
            border-radius: 20px;
            background-color: rgb(0, 110, 184) !important;
        }

            .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon:hover:before,
            .template .pagination-wrapper .hubox-icon:hover:before {
                color: rgb(255, 255, 255) !important;
            }

    .hubox.layer[class*="client-layer"] .pagination-wrapper a:hover:before,
    .template .pagination-wrapper a:hover:before {
        color: white;
    }

    .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon.to-left-double:before,
    .template .pagination-wrapper .hubox-icon.to-left-double:before {
        font-family: 'intranet-icons';
        content: "\e904";
        font-size: 12px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon.to-left:before,
    .template .pagination-wrapper .hubox-icon.to-left:before {
        font-family: 'intranet-icons';
        content: "\e900";
        font-size: 12px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon.to-right-double:before,
    .template .pagination-wrapper .hubox-icon.to-right-double:before {
        font-family: 'intranet-icons';
        content: "\e905";
        font-size: 12px;
        padding-top: 5px;
        padding-left: 10px;
    }

    .hubox.layer[class*="client-layer"] .pagination-wrapper .hubox-icon.to-right:before,
    .template .pagination-wrapper .hubox-icon.to-right:before {
        font-family: 'intranet-icons';
        content: "\e901";
        font-size: 12px;
        padding-top: 5px;
        padding-left: 10px;
    }

@media (max-width: 450px) {
    .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li,
    .template .pagination-wrapper .pagination li {
        display: none;
    }

        .hubox.layer[class*="client-layer"] .pagination-wrapper .pagination li.selected,
        .template .pagination-wrapper .pagination li.selected {
            display: inline;
        }
}

.template .tab nav {
    overflow-x: auto;
}

    .template .tab nav::-webkit-scrollbar {
        height: 8px;
    }

.template .tabs [data-tabs],
.template .tab-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0,0.12);
}

.template .tabs [data-tabs],
.template .tabs tabs-content {
    width: 100%;
}

.template .tabs [data-tabs] .active a,
.template .tabs [data-tabs] .active a:hover,
.template .tab-nav .active a,
.template .tab-nav .active a:hover {
    border-bottom: 4px solid rgb(0, 180, 212);
    color: rgb(0, 180, 212);
    cursor: default;
}

.template .tabs [data-tabs] a:hover,
.template .tab-nav a:hover {
    border-bottom: 4px solid rgb(0, 180, 212);
}

    .template .tabs [data-tabs] a,
    .template .tab-nav a {
        display: block;
        padding: 8px 12px;
        color: rgba(0, 0, 0,0.7);
        font-size: 16px;
        border-bottom: 3px solid transparent;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        height: 22px;
        font-weight: 400;
        line-height: 28px;
    }

.template .tabs [data-tabs]:before,
.template .tabs [data-tabs]:after,
.template .tab-nav:before,
.template .tab-nav:after {
    display: table;
    content: ' ';
    clear: both;
}

.template .tabs li,
.template .tab-nav li {
    margin-right: 10px;
}

.template .tabs li:last-child,
.template .tab-nav li:last-child {
    margin-right: 0;
}


.icon-mood {
    border: 1px solid #d0a036;
    border-radius: 100%;
    overflow: hidden;
    width: 18px;
    height: 18px;
    background-size: cover;
    background-position: center center;
    transition: 0.2s;
}

    .icon-mood.radiant {
        background-image: url('../../../static/images/estados-de-humor/01-radiante.jpg');
    }

    .icon-mood.radiant:hover {
        background-image: url('../../../static/images/estados-de-humor/01-radiante.gif');
    }
.user-card {
    position: relative;
}

    .user-card.mirror {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
    }

        .user-card.mirror.opened {
            visibility: visible;
            overflow: visible;
        }

    .user-card a:hover {
        text-decoration: underline;
    }

    .user-card .user-card-compact {
        padding-left: 46px;
        position: relative;
        z-index: 0;
    }

    .user-card.opened .user-card-compact {
        visibility: hidden;
    }

    .user-card .user-img {
        position: absolute;
        top: 3px;
        left: 0;
        cursor: pointer;
        z-index: -1;    
    }
    .user-card .user-department, .user-card .user-role {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        word-break: break-all;
        overflow: hidden;
        grid-area: responsibility;
    }
    .user-card-complete .user-department, .user-card-complete .user-role {
        max-width: 70%;
    }
    .user-card .user-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: calc(100% - 60px);
        word-break: break-all;
        overflow: hidden;
    }
    .user-card .user-card-complete .user-img.no-img figure:before {
        top: 13px;
        font-size: 90px;
        left: 50%;
    }

    .user-card .user-img figure {
        width: 35px;
        height: 35px;
        border-radius: 100%;
        background-size: cover;
        background-position: center center;
        position: relative;
        overflow: hidden;
    }

    .user-card .user-img.no-img figure {
        background-color: rgb(0, 180, 212);
    }

    .user-card .user-img.no-img figure:before {
        content: "\e90b";
        font-family: 'intranet-icons';
        color: rgb(255, 255, 255);
        font-size: 35px;
        position: absolute;
        top: 5px;
        left: 50%;
    margin-left: -50%
    }

    .user-card .user-mood {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        border-radius: 100%;
        display: inline-block;
        vertical-align: middle;
        transition: 0.2s;
    }

        .user-card .user-mood:hover {
            transform: scale(1.4);
        }

    .user-card .user-name {
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
        margin: 3px 0;
        vertical-align: middle;
        display: inline-block;
    }

    .user-card .user-role {
        font-size: 0.9em;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    }

    .user-card .user-badge-birthday,
    .user-card .user-badge-medal {
        position: absolute;
    }

    .user-card .user-badge-birthday {
        top: -10px;
        left: -16px;
        width: 35px;
        height: 60px;
        display: none;
        pointer-events: none;
        background-image: url('/static/images/icone-aniversario.png');
        background-size: contain;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .user-card.is-birthday .user-badge-birthday {
        display: block;
    }

    .user-card .user-badge-medal {
        width: 20px;
        height: 26px;
        position: absolute;
        top: 25px;
        left: 24px;
        z-index: 2;
        pointer-events: none;
    }

    .user-card .user-card-complete {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        border-radius: 3px;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        display: grid;
        display: -ms-grid;
        grid-template-columns: 130px calc(100% - 130px);
        -ms-grid-columns: 130px calc(100% - 130px);
        grid-template-rows: 74px auto;
        -ms-grid-rows: 74px auto;
        grid-template-areas: "image name" "image department" "image responsibility" "contacts contacts" "interactions interactions" "acknowledgment acknowledgment";
        background: rgb(255, 255, 255);
        box-shadow: 0 0 15px rgba(0,0,0,0.5);
        transition: opacity 0.3s, visibility 0.3s;
    }

.user-card.is-birthday .user-card-complete .user-full-name {
    color: #fff;
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 38px;
    max-width: 450px;
    padding: 0 20px 0 30px;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    grid-area: name;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    z-index: 3;
}

    .user-card.opened.mirror .user-card-complete {
        width: 580px;
        opacity: 1;
        visibility: visible;
        z-index: 103;
    }

    .user-card .user-card-complete.margin-row {
        margin-left: 20px;
        margin-right: 20px;
    }

    .user-card .user-card-complete.margin-col {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .user-card .user-card-close {
        width: 32px;
        height: 32px;
        color: #fff;
        z-index: 3;
        position: absolute;
        top: 5px;
        cursor: pointer;
        font-family: intranet-icons;
        right: 15px;
        padding: 8px;
        box-sizing: border-box;
        border-radius: 100%;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    }

    .user-card .user-card-overlay {
        content: "";
        display: block;
        position: fixed;
        z-index: 102;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        background: rgba(0,0,0,0.48);
        transition: 0.3s;
    }

    .user-card.opened .user-card-overlay {
        opacity: 1;
        visibility: visible;
    }

    .user-card .user-card-close:hover {
        background: rgba(255,255,255,0.2);
    }

    .user-card .user-card-complete .user-img {
        margin: 20px;
        z-index: 3;
        position: relative;
        width: 90px;
        grid-area: image;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
    }

        .user-card .user-card-complete .user-img figure {
            width: 90px;
            height: 90px;
        }

    .user-card .user-card-complete .user-badge-birthday {
        top: 20px;
        left: 0;
        width: 55px;
        height: 90px;
        z-index: 3;
    }

    .user-card .user-card-complete .user-badge-medal {
        width: 26px;
        height: 33px;
        top: 78px;
        left: 86px;
        z-index: 4;
    }

    .user-card .user-card-complete .user-mood {
        grid-area: name;
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        z-index: 4;
        position: relative;
        box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        margin-top: 38px;
    }

        .user-card .user-card-complete .user-mood:hover {
            transform: scale(1.6);
        }

.user-card .user-card-complete .user-full-name {
    color: #000;
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    font-size: 1.4em;
    margin-top: 38px;
    max-width: 450px;
    padding: 0 20px 0 30px;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    grid-area: name;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    z-index: 3;
}

    .user-card .user-card-complete .user-department {
        grid-area: department;
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        z-index: 2;
        font-size: 1.1em;
        padding-right: 20px;
        box-sizing: border-box;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    }
    .user-card .user-card-complete .user-department:nth-child(2n) {

        padding-top: 20px;
    
    }
    .user-card .user-card-complete .user-responsibility {
        grid-area: responsibility;
        z-index: 2;
        -ms-grid-column: 2;
        -ms-grid-row: 3;
        padding: 0 20px 20px 0;
        box-sizing: border-box;
        font-size: 1em;
        font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    }

    .user-card .user-image-highlight {
        width: 100%;
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .user-card .user-image-highlight figure {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }

        .user-card .user-image-highlight.no-img figure {
            background-image: url('/static/images/imagem-destaque-perfil-padrao.jpg');
        }

        .user-card .user-image-highlight figure:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

    .user-card.is-birthday .user-image-highlight figure {
        background-image: url('/static/images/card-aniversariante.jpg') !important;
    }

    .user-card .user-send-birthday-card {
        display: none;
    }

    .user-card.is-birthday .user-send-birthday-card {
        width: 111px;
        height: 87px;
        display: block;
        cursor: pointer;
        position: absolute;
        z-index: 3;
        top: 80px;
        right: 10px;
        background: url('/static/images/icone-enviar-cartao-aniversario.png');
    }

        .user-card.is-birthday .user-send-birthday-card span {
            padding: 5px;
            text-align: center;
            display: none;
            width: 100%;
            box-sizing: border-box;
            font-size: 0.9em;
            font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
        }

    .user-card .user-card-complete .user-contacts {
        grid-area: contacts;
        -ms-grid-column: 1;
        -ms-grid-row: 4;
        -ms-grid-column-span: 2;
        padding: 0 20px 20px 20px;
    }

    .user-card.is-birthday .user-card-complete .user-contacts,
    .user-card.is-birthday .user-card-complete .user-full-name,
    .user-card.is-birthday .user-card-complete .user-department,
    .user-card.is-birthday .user-card-complete .user-responsibility {
        /* padding-right: 180px; */
    }

    .user-card .user-card-complete .user-contacts li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.user-card .user-interactions a {
    margin-right: 10px;
}

    .user-card .user-card-complete .user-interactions {
        grid-area: interactions;
        -ms-grid-column: 1;
        -ms-grid-row: 5;
        -ms-grid-column-span: 2;
        padding: 15px 150px 15px 20px;
        position: relative;
        border-top: 1px solid rgba(0, 0, 0, .1);
    }

    .user-card.no-acknowledgment .user-card-complete .user-interactions {
        padding-right: 20px;
    }

    .user-card .user-card-complete .user-follow,
    .user-card .user-card-complete .user-unfollow,
    .user-card .user-card-complete .user-remove,
    .user-card .user-card-complete .user-acknowledgment,
    .user-card .user-card-complete .user-add {
        text-decoration: none;
        margin: 5px 20px 5px 0;
        display: inline-block;
    }

        .user-card .user-card-complete .user-follow:before,
        .user-card .user-card-complete .user-unfollow:before,
        .user-card .user-card-complete .user-remove:before,
        .user-card .user-card-complete .user-acknowledgment:before,
        .user-card .user-card-complete .user-add:before {
            font-size: 1.2em;
            margin-right: 5px;
            position: relative;
            top: 1px;
        }

        .user-card .user-card-complete .user-follow:hover span,
        .user-card .user-card-complete .user-unfollow:hover span,
        .user-card .user-card-complete .user-remove:hover span,
        .user-card .user-card-complete .user-acknowledgment:hover span,
        .user-card .user-card-complete .user-add:hover span {
            text-decoration: underline;
        }

    .user-card.no-follow .user-card-complete .user-follow,
    .user-card.no-unfollow .user-card-complete .user-unfollow,
    .user-card.no-remove .user-card-complete .user-remove,
    .user-card.no-acknowledgment .user-card-complete .user-acknowledgment,
    .user-card.no-add .user-card-complete .user-add {
        display: none;
    }

    .user-card .user-card-complete .user-acknowledgment {
        position: absolute;
        bottom: 20px;
        right: 20px;
        margin: 0;
    }

        .user-card .user-card-complete .user-acknowledgment.responded {
            color: rgb(0, 175, 0);
        }

    .user-card .user-card-complete .user-share-acknowledgment {
        grid-area: acknowledgment;
        -ms-grid-column: 1;
        -ms-grid-row: 6;
        -ms-grid-column-span: 2;
        overflow: hidden;
        max-height: 0;
        margin: 0 10px;
        border-radius: 10px;
        border-top-right-radius: 0;
        background: rgb(248, 244, 233);
        animation: closeAcknowledgment .3s;
        animation-fill-mode: forwards;
    }

    .user-card .user-card-complete.opened .user-share-acknowledgment {
        margin-bottom: 10px;
        animation: openAcknowledgment .3s;
        animation-fill-mode: forwards;
    }

@keyframes openAcknowledgment {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 1500px;
    }
}

@keyframes closeAcknowledgment {
    0% {
        max-height: 80vh;
    }

    100% {
        max-height: 0;
    }
}

.user-card .user-card-complete.opened .user-acknowledgment:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -20px;
    z-index: -1;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: rgb(248, 244, 233);
}

.user-card .user-card-complete .user-share-acknowledgment-title {
    padding: 20px;
    margin: 0;
    color: rgb(0, 180, 212);
}

.user-card .user-card-complete .user-share-acknowledgment-subtitle {
    padding: 0 20px 20px 20px;
    margin: 0;
}

.user-card .user-card-complete .radio-group {
    padding: 0 20px;
}

.user-card .user-card-complete .user-share-acknowledgment-actions {
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0,.1);
}

    .user-card .user-card-complete .user-share-acknowledgment-actions a:hover {
        text-decoration: none;
    }

    .user-card .user-card-complete .user-share-acknowledgment-actions .btn-default {
        background: rgb(255, 255, 255);
    }

        .user-card .user-card-complete .user-share-acknowledgment-actions .btn-default:hover {
            background: rgba(255, 255, 255, .3);
        }

/* User Card no-image */


/*.user-card .user-img.no-img figure {
    background: rgb(207, 217, 220);
    overflow: hidden;
}

    .user-card .user-img.no-img figure::before {
        background: #ffffff;
        width: 45%;
        height: 45%;
        left: 50%;
        margin-left: -22.5%;
        top: 10%;
    }

    .user-card .user-img.no-img figure::after,
    .user-card .user-img.no-img figure::before {
        content: " ";
        display: block;
        position: absolute;
        border-radius: 50%;
    }
    
    .user-card .user-img.no-img figure::after {
        background: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        top: 60%;
    }*/

    .user-img figure, .main-menu .menu .menu-list.horizontal:before{
        -ms-interpolation-mode: bicubic;
        image-rendering: optimizeQuality;
        /* image-rendering: -webkit-optimize-contrast; 
        image-rendering: -webkit-crisp-edges;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges; 
        image-rendering: pixelated;  */
    }

 
    .user-card-complete .user-role {
        /* margin-top: -13px; */
    }
.icon-medal {
    width: 76px;
    height: 100px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}

    .icon-medal.bronze {
        background-image: url('/static/images/medalhas/medalha-bronze.png');
    }

    .icon-medal.silver {
        background-image: url('/static/images/medalhas/medalha-prata.png');
    }

    .icon-medal.gold {
        background-image: url('/static/images/medalhas/medalha-ouro.png');
    }

    .icon-medal.diamond {
        background-image: url('/static/images/medalhas/medalha-diamante.png');
    }


.client-table,
.hubox.layer[class*="client-layer"] .hubox-table {
    width: 100%;
    border: 0;
}

    .client-table thead th,
    .hubox.layer[class*="client-layer"] .hubox-table thead th {
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
        text-align: left;
        color: rgba(0, 0, 0, 0.42);
        background: none;
    }

    .client-table thead th,
    .hubox.layer[class*="client-layer"] .hubox-table th,
    .client-table tbody td,
    .hubox.layer[class*="client-layer"] .hubox-table td {
        padding: 15px 20px;
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .hubox.layer[class*="client-layer"] .hubox-table tbody tr:nth-child(even) td {
        background: none;
    }

    .client-table tbody td,
    .hubox.layer[class*="client-layer"] .hubox-table td {
        word-break: break-all;
    }

        .client-table thead th.actions,
        .hubox.layer[class*="client-layer"] .hubox-table th.actions,
        .client-table tbody td.actions,
        .hubox.layer[class*="client-layer"] .hubox-table td.actions {
            text-align: center;
            white-space: nowrap;
        }

    .hubox.layer[class*="client-layer"] .hubox-table tbody tr td,
    .hubox.layer[class*="client-layer"].reverse-color .hubox-table tbody tr td {
        color: rgb(0, 0, 0);
        font-size: 1rem;
    }

    .hubox.layer[class*="client-layer"] .hubox-table tbody tr.selected td,
    .hubox.layer[class*="client-layer"].reverse-color .hubox-table tbody tr.selected td {
        background: rgba(0, 0, 0,0.05) !important;
        border-top: rgba(0, 0, 0,0.5) !important;
    }

    .hubox.layer[class*="client-layer"] .hubox-table thead th {
        font-size: 1rem;
    }

    .hubox.layer[class*="client-layer"] .actions,
    .hubox.layer[class*="client-layer"] .hubox-table .check-list,
    .hubox.layer[class*="client-layer"] .actions input[type="radio"],
    .hubox.layer[class*="client-layer"] .hubox-table .check-list input[type="radio"] {
        position: relative;
        text-align: center;
    }

.hubox.layer[class*="client-layer"] .with-hover tbody tr td:hover {
    background: rgba(0,0,0,0.05) !important;
}
.hubox.layer[class*="client-layer"] .hubox-steps .step-bar {
    background: rgba(0, 0, 0, .1);
}

.hubox.layer[class*="client-layer"] .hubox-steps.step-completed .step-bar:before {
    background: rgba(0, 0, 0, .3);
}

.hubox.layer[class*="client-layer"] .hubox-steps .step-number {
    line-height: 1rem;
    background: rgb(0, 110, 184);
}

    .hubox.layer[class*="client-layer"] .hubox-steps .step-number span {
        color: rgb(255, 255, 255);
        font-size: 1.2em;
        font-family: Arial;
        line-height: 1rem;
    }
    

.hubox.layer[class*="client-layer"] .hubox-steps .active .step-number {
    background: rgb(0, 180, 212);
}

.hubox.layer[class*="client-layer"] .hubox-steps .completed .step-number {
    background: rgb(0, 175, 0);
}

.hubox.layer[class*="client-layer"] .hubox-steps .completed .step-number:before {
    font-family: 'intranet-icons';
    content: "\e902";
    top: 12px;
}

.hubox.layer[class*="client-layer"] .hubox-steps .step-description {
    font-size: 0.9em;
}
.template .progress-bar,
.hubox.layer[class*="client-layer"] .progress-bar {
    border: 0;
    background-color: rgb(0, 110, 184);
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 100%);
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%);
}

    .template .progress-bar .bar,
    .hubox.layer[class*="client-layer"] .progress-bar .bar {
        background-color: rgb(0, 110, 184);
    }

    .template .progress-bar span,
    .hubox.layer[class*="client-layer"] .progress-bar span {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
        margin: 0 10px;
    }


.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li:first-child,
.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: auto;
    max-width: 200px;
    height: 200px;
    margin: 0 10px 10px 0;
}

    .hubox.layer[class*="client-layer"] .entity-image-gallery .list > li.is-highlight {
        border-color: rgb(0, 110, 184);
    }

        .hubox.layer[class*="client-layer"] .entity-image-gallery .list > li.is-highlight .circle-check {
            opacity: 0.4;
            pointer-events: none;
        }

.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li figure,
.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li > a {
    display: block;
    height: 100%;
}

.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li figure {
    background-size: cover;
    background-position: center;
}

.hubox.layer[class*="client-layer"] .entity-image-gallery .list > li img {
    display: none;
}

.hubox.layer[class*="client-layer"] .entity-image-gallery .image-actions a:before {
    color: #fff !important;
}

.hubox.layer[class*="client-layer"] .entity-image-gallery .image-actions a:hover {
    background: rgba(255,255,255,0.2) !important;
}

.template .btn-group {
    margin: 0 20px 30px 0;
}

    .template .btn-group .btn {
        margin: 0;
        border-right: 1px solid rgba(255,255,255,.25);
        float: left;
        border-radius: 0;
        text-decoration: none !important;
        position: relative;
        z-index: 2;
    }

        .template .btn-group .btn:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .template .btn-group .btn:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .template .btn-group .btn input {
            width: 100%;
            height: 100%;
            border-radius: 0;
            opacity: 0;
            border: 0;
            opacity: 0;
        }

            .template .btn-group .btn input:after,
            .template .btn-group .btn input:before {
                display: none;
            }

        .template .btn-group .btn label:after {
            content: "";
            position: absolute;
            top: -4px;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: rgba(0,0,0,0);
        }

        .template .btn-group .btn input:checked + label:after {
            left: 0;
            box-sizing: content-box;
            border-top: 4px solid rgba(0, 110, 184, .5);
            border-bottom: 4px solid rgba(0, 110, 184, .5);
        }

        .template .btn-group .btn:first-child input:checked + label:after {
            left: -4px;
            border-left: 4px solid rgba(0, 110, 184, .5);
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

        .template .btn-group .btn:last-child input:checked + label:after {
            border-right: 4px solid rgba(0, 110, 184, .5);
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

.note-item:before {
    font-family:'intranet-icons';
}

.note-item.warning:before {
    content: "\e937";
}

.note-item.success:before {
    content: "\e927";
}

.note-item.critical:before {
    content: "\e937";
}

.note-item.info:before {
    content: "\e938";
}

.hubox.layer[class*="client-layer"] [ng-controller="ContactsSelectionModalController"] {
    margin: 0 -30px;
}

    .hubox.layer[class*="client-layer"] [ng-controller="ContactsSelectionModalController"] > .form-group label {
        padding-left: 30px;
        padding-right: 30px;
    }

    .hubox.layer[class*="client-layer"] [ng-controller="ContactsSelectionModalController"] .layer-scroller-container {
        border-top: 1px solid rgba(0, 0, 0,0.1);
    }

    .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar {
        cursor: pointer;
    }

    .hubox.layer[class*="client-layer"] .contact-selection-list figure,
    .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar figure {
            width: 44px;
            height: 44px;
            border-radius: 100%;
            overflow: hidden;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            background: rgb(0, 110, 184);
        }

    .hubox.layer[class*="client-layer"] .contact-selection-list figure img,
    .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar figure img {
                min-width: 44px;
                min-height: 44px;
                max-width: none;
                max-height: 100%;
                width: auto;
                height: auto;
            }

            .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar figure.no-img img {
                display: none;
            }

            .hubox.layer[class*="client-layer"] .contact-selection-list figure.no-img:before,
            .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar figure.no-img:before {
                content: "\e90b";
                font-family: 'intranet-icons';
                color: rgb(255, 255, 255);
                font-size: 36px;
                padding-top: 10px;
                display: block;
            }

        .hubox.layer[class*="client-layer"] .contact-list-table .cell-avatar span {
            width: calc(100% - 64px);
            color: rgb(0, 110, 184);
            font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
            display: inline-block;
            vertical-align: middle;
        }



.hubox.layer[class*="client-layer"] .contact-selection-list {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
}

    .hubox.layer[class*="client-layer"] .contact-selection-list figure {
        width: 32px;
        height: 32px;
    }

        .hubox.layer[class*="client-layer"] .contact-selection-list figure img {
            min-width: 32px;
            min-height: 32px;
        }

        .hubox.layer[class*="client-layer"] .contact-selection-list figure.no-img img {
            display: none;
        }

    .hubox.layer[class*="client-layer"] .contact-selection-list span {
        font-size: 0.9rem;
        max-width: 300px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .hubox.layer[class*="client-layer"] .contact-selection-list li {
        background: rgba(0, 0, 0,0.05);
        border-radius: 16px;
        display: flex;
        align-items: center;
        float: left;
        margin: 0 10px 10px 0;
    }

        .hubox.layer[class*="client-layer"] .contact-selection-list li .remove-selection {
            font-size: 20px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            margin: 6px;
            border-radius: 100%;
            background: rgb(255, 255, 255);
        }

            .hubox.layer[class*="client-layer"] .contact-selection-list li .remove-selection:hover {
                background: rgba(0, 0, 0,.1);
            }

    .hubox.layer[class*="client-layer"] .contact-selection-list figure.no-img {
        width: 32px;
        height: 32px;
    }

    .hubox.layer[class*="client-layer"] .contact-selection-list figure.no-img:before {
        padding-top: 6px;
        font-size: 28px;
    }

.hubox.layer[class*="client-layer"] ul.multiple-select,
.template ul.multiple-select {
    border-radius: 3px;
}

    .hubox.layer[class*="client-layer"] ul.multiple-select.lista-horizontal,
    .template ul.multiple-select.lista-horizontal {
        border: 0;
        padding: 0 10px;
    }

    .hubox.layer[class*="client-layer"] ul.multiple-select li.item,
    .template ul.multiple-select li.item {
        border: 0;
        background: rgba(0, 0, 0, .06);
        padding: 6px 12px;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 10px;
        border-radius: 20px;
    }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item:hover,
        .template ul.multiple-select li.item:hover {
            background: rgba(0, 0, 0, .12);
        }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item.selected,
        .template ul.multiple-select li.item.selected {
            background: rgba(0, 110, 184, .8);
        }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item span,
        .template ul.multiple-select li.item span {
            color: rgb(0, 0, 0);
        }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item.selected span:not(.btn-delete),
        .template ul.multiple-select li.item.selected span:not(.btn-delete) {
            color: rgb(255, 255, 255);
            display: inline-block;
            vertical-align: middle;
        }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item .btn-delete,
        .template ul.multiple-select li.item .btn-delete {
            width: 20px;
            height: 20px;
            padding: 0;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            overflow: hidden;
            top: -1px;
            margin: 0 -5px 0 5px;
            border-radius: 100%;
            color: rgb(0, 110, 184);
            background: rgb(255, 255, 255);
        }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item .btn-delete:hover,
            .template ul.multiple-select li.item .btn-delete:hover {
                color: rgb(255, 255, 255);
                background: rgb(0, 110, 184);
            }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item .btn-delete:before,
            .template li.item .btn-delete:before {
                font-family: 'intranet-icons';
                content: "\e908";
                font-size: 11px;
                padding: 5px;
                position: relative;
                top: 1px;
            }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item .btn-delete:hover:before,
            .template ul.multiple-select li.item .btn-delete:hover:before {
                background: rgba(255, 255, 255,0.1);
            }

.hubox.layer[class*="client-layer"] ul.multiple-select li.item-input,
.template ul.multiple-select li.item-input {
    margin-left: 0;
    margin-top: 10px;
}

    .hubox.layer[class*="client-layer"] ul.multiple-select.lista-horizontal input,
    .template ul.multiple-select.lista-horizontal input {
        margin: 0;
        height: 34px !important;
    }

    .hubox.layer[class*="client-layer"] li.item-input ul.source,
    .template ul.multiple-select li.item-input ul.source {
        border-color: rgba(0, 0, 0,0.12);
        border-radius: 10px;
        padding: 10px 0;
        box-shadow: 0 5px 15px rgba(0, 0, 0,0.2);
    }

        .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li,
        .template ul.multiple-select li.item-input ul.source li {
            margin: 0;
            padding: 10px 20px;
        }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li:hover,
            .template ul.multiple-select li.item-input ul.source li:hover {
                background-color: rgba(0, 0, 0,0.05);
            }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li.selected,
            .template ul.multiple-select li.item-input ul.source li.selected {
                background-color: rgb(0, 110, 184);
            }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li span,
            .template ul.multiple-select li.item-input ul.source li span,
            .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li:hover span,
            .template ul.multiple-select li.item-input ul.source li:hover span {
                color: rgb(0, 0, 0);
            }

            .hubox.layer[class*="client-layer"] ul.multiple-select li.item-input ul.source li.selected span,
            .template ul.multiple-select li.item-input ul.source li.selected span {
                color: rgb(255, 255, 255);
            }
/*
	@package "list-post"
	@style-class ""
	@style-title "Padrão"
*/

.list-post .post-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: -11px;
}

.Module.list-post > header > h2 > span:before {
    content: "\e913";
}

.list-post .post-list > li {
    position: relative;
    float: none;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    padding: 11px;
}

.list-post .content-wrapper > div > .hubox-context-menu {
    top: -35px;
    z-index: 31;
}

.list-post .owl-item > div > .hubox-context-menu, .list-post .post-list .hubox-context-menu {
    height: 28px;
    top: 14px;
    right: 15px;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.7);
}

.list-post .post-wrapper {
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: rgb(255, 255, 255);
    border-radius: 10px;
}



.list-post .post-info {
    padding: 10px 20px 20px 20px;
    position: relative;
}

    .list-post .post-info .summary,
    .list-post .post-info h3 {
        /* margin: 15px 0 0 0; */
        clear: both;
    }



        .list-post .post-info .text,
        .list-post .post-info .summary p {
            display: block;
            display: -webkit-box;
            margin: 0;
            max-height: 80px;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            color: rgb(0, 0, 0);
            font-family: inherit;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0.07px;
        }

            .list-post .post-info .text p:first-child {
                margin-top: 0;
            }

.list-post .post-wrapper .figure {
    background-position: center;
    background-size: cover;
}

.list-post .post-info .time {
    position: absolute;
    font-size: 0.9em;
    top: -27px;
    left: 20px;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background: rgb(127, 127, 127);
}

    .list-post .post-info .time .day {
        color: rgb(255, 255, 255);
        font-size: 24px;
        font-weight: 400;
    }

    .list-post .post-info .time .month {
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
    }

.list-post .post-info .tags {
    margin-top: 10px;
}

    .list-post .post-info .tags li {
        color: rgb(0, 110, 184);
        font-weight: 600;
        padding: 4px 8px;
        font-size: 0.8rem;
        clear: both;
        font-family: inherit;
        text-transform: uppercase;
        background: rgb(248, 244, 233);
        border-radius: 12px;
        display: inline-block;
        padding: 4px 8px;
        font-family: 'Raleway';
        letter-spacing: 1.1px;
    }

.list-post .post-info .category {
    padding: 4px 10px;
    font-size: 0.85em;
    font-family: inherit;
    text-transform: uppercase;
    background: rgb(238,236,224);
    border-radius: 12px;
    margin-bottom: 15px;
    position: absolute;
    left: auto;
    right: 20px;
    max-width: 58%;
    line-height: 0.85em;
    max-height: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .list-post .post-info .category a {
        cursor: pointer;
        height: 11px;
        color: rgba(0, 0, 0,.87);
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03px;
    }

.list-post .post-info h3 {
    font-weight: normal;
    font-size: 1.5em;
    margin: 35px 0 15px;
}

    .list-post .post-info h3 a {
        color: rgb(0, 110, 184);
        font-family: inherit;
        font-size: 20px;
        font-weight: 500;
        line-height: 22px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        display: -webkit-box;
        max-height: 66px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

        .list-post .post-info h3 a:after {
            content: "";
            display: block;
            top: -50px;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            position: absolute;
            background: rgba(0,0,0,0);
        }

.list-post .post-wrapper .figure {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center center;
}

    .list-post .post-wrapper .figure a {
        display: block;
        padding-bottom: 75%;
    }

.list-post .post-wrapper:hover .figure {
    -webkit-box-shadow: 0 0 200px rgba(0, 110, 184, .5) inset;
            box-shadow: 0 0 200px rgba(0, 110, 184, .5) inset;
}

.list-post .post-wrapper img {
    display: none;
}

.list-post .no-img .post-wrapper .figure {
    position: relative;
    background-color: rgba(0, 0, 0, .15);
}

    .list-post .no-img .post-wrapper .figure a:after {
        content: "\e913";
        font-family: 'intranet-icons';
        color: rgba(255, 255, 255,0.85);
        text-shadow: 1px 1px 3px rgba(0,0,0,0.15);
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 180px;
        margin: -90px;
    }

.list-post .redirect-button {
    text-align: center;
    position: relative;
}

.list-post .posts-empty {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .list-post .posts-empty:before {
        font-family: 'intranet-icons';
        content: "\e934";
        font-size: 32px;
        margin-right: 10px;
        opacity: 0.66;
    }


/* VERIFICAR NECESSIDADE DESSA REGRA, MELHOR MANTER UM ESPAÇAMENTO NO PRÓPRIO BLOCO DE PAGINAÇÃO PARA NAO DEPENDER DE ELEMENTOS EXTERNOS */
/* .template .list-post .pagination-wrapper {
    margin: 0;
} */

/*#region Slideshow habilitado */
.list-post .owl-carousel {
    width: calc(100% + 34px);
    margin: 0 -17px;
    z-index: auto;
}



.list-post .owl-nav {
    opacity: 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.list-post .owl-carousel:hover .owl-nav {
    opacity: 1;
    }
.list-post .owl-prev
{
    position: absolute;
    background: none;
    left: 0;
    font-size: 0;
    top: 50%;
    color: rgb(0, 0, 0,0.4);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    
}

.list-post .owl-next
{
    position: absolute;
    background: none;
    right: 0;
    font-size: 0;
    top: 50%;
    color: rgb(0, 0, 0,0.4);
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.list-post .owl-next:before {
    content: '›';
    font-size: 3rem;
}
.list-post .owl-prev:before {
    content: '‹';
    font-size: 3rem;
}
.list-post .owl-carousel .figure {
    width: 500px;
}

.list-post .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.list-post .owl-item {
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
            flex: 0 1 auto;
    float: none;
    padding: 0 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.list-post .owl-carousel .owl-item .figure {
    width: 100%;
}

.list-post .owl-item > div > .hubox-context-menu {
    right: 23px;
}

.list-post .owl-item > div {
    height: 100%;
}

.list-post .owl-carousel + span + .redirect-button {
    position: absolute;
    bottom: 22px;
    right: 0;
    z-index: 2;
}

.template .list-post .owl-carousel + span + .redirect-button {
    margin: 0;
}


.Module.list-post .btn.btn-default {
    top: 0;
    background-color: rgb(255, 255, 255) !important;
    opacity: 0.7;
    color: rgb(0, 110, 184) !important;
    position: absolute;
    left: auto;
    right: 0;
    margin: 0;
}

    .Module.list-post .btn.btn-default:hover {
        opacity: 1;
    }


.Module.list-post > .content-wrapper > div {
    display: flex;
    flex-wrap: wrap;
}

.Module.list-post > .content-wrapper .form-group.redirect-button {
    order: 3;
}

.Module.list-post > .content-wrapper .post-lis{
    order: 1;
}

.Module.list-post > .content-wrapper .pagination-wrapper{
    order: 1;
}

.Module.list-post .redirect-button button {
    position: initial;
}

.Module.list-post .search {
    display: flex;
    margin-bottom: 20px;
}


/*
@package "list-post"
@style-class "listPostHorizontal"
@style-title "Horizontal para usar em carrossel com 1 coluna"
*/
.Module.listPostHorizontal {
    /*campo-total*/
    padding-bottom: 36px;
    border-bottom: 1px solid rgb(215, 220, 233);
    margin-bottom: 0px;
}

.Module.listPostHorizontal .post-wrapper {
    /*campo*/
    background-color: rgb(255, 255, 255);
    height: 100%;
    min-height: 142px;
    overflow: hidden;
    position: relative;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 11px;
}

.Module.listPostHorizontal .post-wrapper .figure {
    /*area da imagem*/
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s;
    background-size: cover;
    background-position: center center;
    width: 50%;
    height: 100%;
    float: left;
    position: static;
}

.Module.listPostHorizontal .post-info {
    /*area do post*/
    position: static;
    float: left;
    width: calc(50% - 80px);
    height: 142px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 41px;
    padding-right: 22px;
}

.Module.listPostHorizontal .post-info .time {
    /*area da data*/
    position: absolute;
    font-size: 10px;
    top: 23%;
    transform: translateY(-50%);
    left: 45.5%;
    width: 50px;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 11px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background-color: rgb(127, 127, 127);
}

.Module.listPostHorizontal .post-info .time .day {
    /*area do dia*/
    color: rgb(255, 255, 255);
    font-size: 21px;
    font-weight: 400;
}

.Module.listPostHorizontal .post-info .time .month {
    /*area do mes*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.Module.listPostHorizontal .post-info .category {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: auto;
    float: left;
    padding-left: 11px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: 20px;
    border-radius: 11px;
    position: relative;
    background-color: rgb(238,236,224);
    line-height: 15px;
    max-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 67%;
}

.Module.listPostHorizontal .post-info .category a {
    cursor: pointer;
    height: 8px;
    color: rgba(0, 0, 0, .87);
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03px;
}

.Module.listPostHorizontal .post-info h3 {
    /*area do titulo*/
    font-weight: normal;
    font-size: 19px;
    margin-top: 52px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    letter-spacing: -0.4px;
}

.Module.listPostHorizontal .post-info h3 a {
    /*area do link do titulo*/
    color: rgb(0, 110, 184);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 82px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.Module.listPostHorizontal .post-info h3 a::after {
    /*AFTER - area do link do titulo*/
    content: "";
    display: block;
    top: -36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
}

.Module.listPostHorizontal .post-info .text,
.list-post .post-info .summary p {
    /*Resumo do texto*/
    display: block;
    display: -webkit-box;
    margin: 0;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media only screen and (min-width:1500px) {
    .Module.listPostHorizontal .post-info .text,
    .list-post .post-info .summary p {
        /*Resumo do texto*/
        display: block;
        display: -webkit-box;
        margin: 0;
        max-height: 140px;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgb(0, 0, 0);
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
  
} 

.Module.listPostHorizontal .post-info .text p {
    /*Resumo do texto p*/
    line-height: 20px;
}

/*
@package "list-post"
@style-class "list-post-vertical"
@style-title "Notícias exibidas em lista"
*/
.Module.list-post-vertical{/*campo-total*/
padding-bottom:36px;
border-bottom:1px solid rgb(215, 220, 233);
margin-bottom:0px;
}
.Module.list-post-vertical .post-wrapper{/*campo*/
background-color:rgba(255, 255, 255,1);
height:100%;
min-height:142px;
overflow:hidden;
position:relative;
-moz-transition:0.2s;
-o-transition:0.2s;
-webkit-transition:0.2s;
transition:0.2s;
border-radius:11px;
}
.Module.list-post-vertical .post-wrapper .figure{/*area da imagem*/
background-color:rgba(0,0,0,0);
transition:0.3s;
background-size:cover;
background-position:center center;
width:50%;
height:100%;
float:left;
position:static;
}
.Module.list-post-vertical .post-info{/*area do post*/
position:static;
float:left;
width:219px;
height:142px;
padding-top:0px;
padding-bottom:0px;
padding-left:41px;
padding-right:22px;
}
.Module.list-post-vertical .post-info .time{/*area da data*/
position:absolute;
font-size:10px;
top:8%;
left:45%;
width:9%;
height:22%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-radius:11px;
text-transform:uppercase;
color:rgb(255, 255, 255);
background-color:rgb(127, 127, 127);
}
.Module.list-post-vertical .post-info .time .day{/*area do dia*/
color:rgb(255, 255, 255);
font-size:21px;
font-weight:400;
}
.Module.list-post-vertical .post-info .time .month{/*area do mes*/
color:rgb(255, 255, 255);
font-size:16px;
font-weight:400;
text-transform:uppercase;
}
.Module.list-post-vertical .post-info .category{/*area da categoria*/
padding-top: 2px;
padding-bottom: 2px;
padding-right: 11px;
padding-left: 11px;
margin-top: 12px;
margin-bottom: 0px;
margin-right: 19%;
margin-left: auto;
border-radius: 11px;
position: absolute;
background-color:rgb(238,236,224);
}
.Module.list-post-vertical .post-info .category a{
cursor:pointer;
height:8px;
color:rgba(0, 0, 0,.87);
font-family: inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.03px;
}
.Module.list-post-vertical .post-info h3{/*area do titulo*/
font-weight:normal;
font-size:19px;
margin-top:36px;
margin-right:0px;
margin-bottom:4px;
margin-left:0px;
letter-spacing:-1px;
}
.Module.list-post-vertical .post-info h3 a{/*area do link do titulo*/
color:rgb(0, 110, 184);
font-family:inherit;
font-size:19px;
font-weight:500;
line-height:22px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
max-height:82px;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.Module.list-post-vertical .post-info h3 a::after{/*AFTER - area do link do titulo*/
content:"";
display:block;
top:-36px;
right:0;
bottom:0;
left:0;
z-index:2;
position:absolute;
background-color:rgba(0,0,0,0);
}
.Module.list-post-vertical .post-info .text, .list-post .post-info .summary p{/*Resumo do texto*/
display:block;
display:-webkit-box;
margin:0;
max-height:105px;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
color:rgb(0, 0, 0);
font-family:inherit;
font-size:13px;
font-weight:400;
line-height:20px;
letter-spacing:0.07px;
}
.Module.list-post-vertical .post-info .text p{/*Resumo do texto p*/
line-height:20px;	
}
@media only screen and (min-width:1367px){
.Module.list-post-vertical{/*campo-total*/
padding-bottom:50px;
border-bottom:1px solid rgb(215, 220, 233);
margin-bottom:0px;
}
.Module.list-post-vertical .post-wrapper{/*campo*/
background-color:rgb(255, 255, 255);
height:100%;
min-height:200px;
overflow:hidden;
position:relative;
-moz-transition:0.2s;
-o-transition:0.2s;
-webkit-transition:0.2s;
transition:0.2s;
border-radius:11px;
}
.Module.list-post-vertical .post-wrapper .figure{/*area da imagem*/
background-color:rgba(0,0,0,0);
transition:0.3s;
background-size:cover;
background-position:center center;
width:50%;
height:100%;
float:left;
position:static;
}
.Module.list-post-vertical .post-info{/*area do post*/
position:static;
float:left;
width:219px;
height:200px;
padding-top:0px;
padding-bottom:0px;
padding-left:41px;
padding-right:22px;
}
.Module.list-post-vertical .post-info .time{/*area da data*/
position:absolute;
top:8%;
left:45%;
width:9%;
height:22%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-radius:11px;
text-transform:uppercase;
color:rgb(255, 255, 255);
background-color:rgb(127, 127, 127);
}
.Module.list-post-vertical .post-info .time .day{/*area do dia*/
color:rgb(255, 255, 255);
font-size:26px;
font-weight:400;
}
.Module.list-post-vertical .post-info .time .month{/*area do mes*/
color:rgb(255, 255, 255);
font-size:14px;
font-weight:400;
text-transform:uppercase;
}
.Module.list-post-vertical .post-info .category{/*area da categoria*/
padding-top: 3px;
padding-bottom: 3px;
padding-right: 11px;
padding-left: 11px;
margin-top: 17px;
margin-bottom: 0px;
margin-right: 25%;
margin-left: auto;
border-radius: 11px;
position: absolute;
background-color:rgb(238,236,224);
}
.Module.list-post-vertical .post-info .category a{
cursor:pointer;
height:11px;
color:rgba(0, 0, 0,.87);
font-family: inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.03px;
}
.Module.list-post-vertical .post-info h3{/*area do titulo*/
font-weight:normal;
font-size:20px;
margin-top:50px;
margin-right:0px;
margin-bottom:6px;
margin-left:0px;
letter-spacing:-1px;
}
.Module.list-post-vertical .post-info h3 a{/*area do link do titulo*/
color:rgb(0, 110, 184);
font-family:inherit;
font-size:20px;
font-weight:500;
line-height:22px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
max-height:66px;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.Module.list-post-vertical .post-info h3 a::after{/*AFTER - area do link do titulo*/
content:"";
display:block;
top:-50px;
right:0;
bottom:0;
left:0;
z-index:2;
position:absolute;
background-color:rgba(0,0,0,0);
}
.Module.list-post-vertical .post-info .text, .list-post .post-info .summary p{/*Resumo do texto*/
display:block;
display:-webkit-box;
margin:0;
max-height:82px;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
color:rgb(0, 0, 0);
font-family:inherit;
font-size:13px;
font-weight:400;
line-height:20px;
letter-spacing:0.07px;
}
.Module.list-post-vertical .post-info .text p{/*Resumo do texto p*/
line-height:20px;	
}
}
/*
@package "list-post"
@style-class "list-post-duas-colunas"
@style-title "Notícias exibidas em duas colunas"
*/
.Module.list-post-duas-colunas{/*campo-total*/
padding-bottom:36px;
border-bottom:0px;
margin-bottom:0px;
}
.Module.list-post-duas-colunas .post-wrapper{/*campo*/
background-color:rgba(255, 255, 255,1);
height:100%;
min-height:142px;
overflow:hidden;
position:relative;
-moz-transition:0.2s;
-o-transition:0.2s;
-webkit-transition:0.2s;
transition:0.2s;
border-radius:11px;
}
.Module.list-post-duas-colunas .post-wrapper .figure{/*area da imagem*/
background-color:rgba(0,0,0,0);
transition:0.3s;
background-size:cover;
background-position:center center;
width:50%;
height:100%;
float:left;
position:static;
}
.Module.list-post-duas-colunas .post-info{/*area do post*/
position:static;
float:left;
width:192px;
height:238px;
padding-top:0px;
padding-bottom:0px;
padding-left:27px;
padding-right:1px;
}
.Module.list-post-duas-colunas .post-info .time{/*area da data*/
position:absolute;
font-size:10px;
top:8%;
left:45%;
width:9%;
height:22%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-radius:11px;
text-transform:uppercase;
color:rgb(255, 255, 255);
background-color:rgb(127, 127, 127);
}
.Module.list-post-duas-colunas .post-info .time .day{/*area do dia*/
color:rgb(255, 255, 255);
font-size:21px;
font-weight:400;
}
.Module.list-post-duas-colunas .post-info .time .month{/*area do mes*/
color:rgb(255, 255, 255);
font-size:16px;
font-weight:400;
text-transform:uppercase;
}
.Module.list-post-duas-colunas .post-info .category{/*area da categoria*/
padding-top:2px;
padding-bottom:2px;
padding-right:11px;
padding-left:11px;
margin-top:16px;
margin-bottom:0px;
margin-right:19%;
margin-left:auto;
border-radius:11px;
position:absolute;
background-color:rgb(238,236,224);
}
.Module.list-post-duas-colunas .post-info .category a{
cursor:pointer;
height:8px;
color:rgba(0, 0, 0,.87);
font-family:inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.03px;
}
.Module.list-post-duas-colunas .post-info h3{/*area do titulo*/
font-weight:normal;
font-size:14px;
margin-top:49px;
margin-right:0px;
margin-bottom:4px;
margin-left:0px;
letter-spacing:-0.4px;
}
.Module.list-post-duas-colunas .post-info h3 a{/*area do link do titulo*/
color:rgb(0, 110, 184);
font-family:inherit;
font-size:14px;
font-weight:500;
line-height:16px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
max-height:82px;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.Module.list-post-duas-colunas .post-info h3 a::after{/*AFTER - area do link do titulo*/
content:"";
display:block;
top:-36px;
right:0;
bottom:0;
left:0;
z-index:2;
position:absolute;
background-color:rgba(0,0,0,0);
}
.Module.list-post-duas-colunas .post-info .text, .list-post .post-info .summary p{/*Resumo do texto*/
display:block;
display:-webkit-box;
margin:0;
max-height:105px;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
color:rgb(0, 0, 0);
font-family:inherit;
font-size:13px;
font-weight:400;
line-height:20px;
letter-spacing:0.07px;
}
.Module.list-post-duas-colunas .post-info .text p{/*Resumo do texto p*/
line-height:20px;	
}
/*
@package "list-post"
@style-class "list-post-calendario-leitura"
@style-title "Cards de Calendário de Leitura"
*/
.Module.list-post-calendario-leitura{/*campo-total*/
padding-bottom:36px;
border-bottom:0px;
margin-bottom:0px;
}
.Module.list-post-calendario-leitura .post-wrapper{/*campo*/
background-color:rgba(255, 255, 255,1);
height:100%;
min-height:68px;
overflow:hidden;
position:relative;
-moz-transition:0.2s;
-o-transition:0.2s;
-webkit-transition:0.2s;
transition:0.2s;
border-top-left-radius:27px;
border-top-right-radius:0px;
border-bottom-right-radius:27px;
border-bottom-left-radius:0px;
}
.Module.list-post-calendario-leitura .post-wrapper .figure{/*area da imagem*/
display:none;
}
.Module.list-post-calendario-leitura .post-info{/*area do post*/
position:static;
float:left;
width:100%;
height:68px;
padding-top:0px;
padding-bottom:0px;
padding-left:27px;
padding-right:1px;
background-color:rgba(65,105,175,1);
overflow:hidden;
}
.Module.list-post-calendario-leitura .post-info .time{/*area da data*/
position:absolute;
font-size:10px;
top:0px;
left:0px;
width:30%;
height:100%;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-radius:0px;
text-transform:uppercase;
color:rgba(253,189,53,1);
background-color:rgba(0,58,98,1);
border-top-left-radius:27px;
border-top-right-radius:0px;
border-bottom-right-radius:27px;
border-bottom-left-radius:0px;
}
.Module.list-post-calendario-leitura .post-info .time .day{/*area do dia*/
display:none;
}
.Module.list-post-calendario-leitura .post-info .time .month{/*area do mes*/
color:rgba(253,189,53,1);
font-size:27px;
font-weight:600;
text-transform:uppercase;
line-height:68px;
}
.Module.list-post-calendario-leitura .post-info .category{/*area da categoria*/
padding-top:2px;
padding-bottom:2px;
padding-right:11px;
padding-left:11px;
margin-top:16px;
margin-bottom:0px;
margin-right:19%;
margin-left:auto;
border-radius:11px;
position:absolute;
background-color:rgb(238,236,224);
}
.Module.list-post-calendario-leitura .post-info .category a{
cursor:pointer;
height:8px;
color:rgba(0, 0, 0,.87);
font-family:inherit;
font-size:10px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.03px;
}
.Module.list-post-calendario-leitura .post-info h3{/*area do titulo*/
font-weight:normal;
font-size:14px;
margin-top:3.5%;
margin-right:auto;
margin-bottom:auto;
margin-left:28%;
letter-spacing:normal;
height:49%;
line-height:25px;
width:63%;
overflow:hidden;
}
.Module.list-post-calendario-leitura .post-info h3 a{/*area do link do titulo*/
color:rgba(255,255,255,1);
font-family:inherit;
font-size:14px;
font-weight:500;
line-height:16px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
max-height:82px;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
.Module.list-post-calendario-leitura .post-info h3 a::after{/*AFTER - area do link do titulo*/
content:"";
display:block;
top:-36px;
right:0;
bottom:0;
left:0;
z-index:2;
position:absolute;
background-color:rgba(0,0,0,0);
}
.Module.list-post-calendario-leitura .post-info .text, .list-post .post-info .summary p{/*Resumo do texto*/
display:block;
display:-webkit-box;
margin:0;
max-height:105px;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
color:rgb(0, 0, 0);
font-family:inherit;
font-size:13px;
font-weight:400;
line-height:20px;
letter-spacing:0.07px;
}
.Module.list-post-calendario-leitura .post-info .text p{/*Resumo do texto p*/
line-height:20px;	
}
/*
@package "list-post"
@style-class "list-post-reconhecimento"
@style-title "Programa de Reconhecimento e Incentivo"
*/


.Module.list-post-reconhecimento>header>h2>span:before {
    content: "\e948";
    font-size: 40px;
    overflow: hidden;
    padding-top: 12px;
    vertical-align: middle;
    height: 40px;

}

.Module.list-post-reconhecimento {
    /*campo-total*/
    padding-bottom: 36px;
    border-bottom: 1px solid rgb(215, 220, 233);
    margin-bottom: 0px;
}

.Module.list-post-reconhecimento .post-wrapper {
    /*campo*/
    background-color: rgb(255, 255, 255);
    height: 100%;
    min-height: 142px;
    overflow: hidden;
    position: relative;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 11px;
}

.Module.list-post-reconhecimento .post-wrapper .figure {
    /*area da imagem*/
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-size: cover;
    background-position: center center;
    width: 50%;
    height: 100%;
    float: left;
    position: static;
}

.Module.list-post-reconhecimento .post-info {
    /*area do post*/
    position: static;
    float: left;
    width: calc(50% - 80px);
    height: 142px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 41px;
    padding-right: 22px;
}

.Module.list-post-reconhecimento .post-info .time {
    /*area da data*/
    position: absolute;
    font-size: 10px;
    top: 23%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 45.5%;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 11px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background-color: rgb(127, 127, 127);
}

.Module.list-post-reconhecimento .post-info .time .day {
    /*area do dia*/
    color: rgb(255, 255, 255);
    font-size: 21px;
    font-weight: 400;
}

.Module.list-post-reconhecimento .post-info .time .month {
    /*area do mes*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.Module.list-post-reconhecimento .post-info .category {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: auto;
    float: left;
    padding-left: 11px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: 20px;
    border-radius: 11px;
    position: relative;
    background-color: rgb(238,236,224);
    line-height: 15px;
    max-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 67%;
}

.Module.list-post-reconhecimento .post-info .category a {
    cursor: pointer;
    height: 8px;
    color: rgba(0, 0, 0, .87);
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03px;
}

.Module.list-post-reconhecimento .post-info h3 {
    /*area do titulo*/
    font-weight: normal;
    font-size: 19px;
    margin-top: 52px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    letter-spacing: -0.4px;
}

.Module.list-post-reconhecimento .post-info h3 a {
    /*area do link do titulo*/
    color: rgb(0, 110, 184);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 82px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.Module.list-post-reconhecimento .post-info h3 a::after {
    /*AFTER - area do link do titulo*/
    content: "";
    display: block;
    top: -36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
}

.Module.list-post-reconhecimento .post-info .text,
.list-post .post-info .summary p {
    /*Resumo do texto*/
    display: block;
    display: -webkit-box;
    margin: 0;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media only screen and (min-width:1500px) {

    .Module.list-post-reconhecimento .post-info .text,
    .list-post .post-info .summary p {
        /*Resumo do texto*/
        display: block;
        display: -webkit-box;
        margin: 0;
        max-height: 140px;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgb(0, 0, 0);
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

}

.Module.list-post-reconhecimento .post-info .text p {
    /*Resumo do texto p*/
    line-height: 20px;
}
/*
	@package "site-map"
	@style-class ""
	@style-title "Padrão"
*/

/* #region Mapa do site hierárquico */

.site-map .content-wrapper .hierarchical > ul > li > .label {
    font-size: 1.2em;
    font-weight: bold;
}

.site-map .content-wrapper .hierarchical > ul > li:before {
    display: none;
}

.site-map .content-wrapper .hierarchical > ul > li:after {
    display: none;
}

.site-map .hierarchical ul {
    padding: 0;
    margin: 0 0 0 1em;
    position: relative;
}

.site-map .hierarchical li {
    display: block;
    margin: 0;
    padding-left: 0.5em;
    position: relative;
    border-left: 1px solid rgba(0, 0, 0,0.2);
}

    .site-map .hierarchical li:last-of-type:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        border-left: 1px solid rgba(0, 0, 0,0.2);
        height: 1em;
    }

    .site-map .hierarchical li:last-of-type {
        border-left: 0;
    }

    .site-map .hierarchical li:before {
        content: " ";
        width: 0.5em;
        height: 0;
        border-bottom: 1px solid rgba(0, 0, 0,0.2);
        position: absolute;
        top: 1em;
        left: 0;
        margin-top: -1px;
    }

    .site-map .hierarchical li .label {
        text-align: left;
        font: inherit;
        display: block;
        margin: 0;
        padding: 0;
    }

        .site-map .hierarchical li .label > span {
            display: none;
        }

        .site-map .hierarchical li .label > a {
            display: inline-block;
            padding: 0.4em;
            white-space: normal;
        }

            .site-map .hierarchical li .label > a:hover {
                text-decoration: underline;
            }

.site-map .hierarchical .page-draft > .label > a:after,
.site-map .hierarchical .page-hidden > .label > a:after {
    content: "\200F\ (Página oculta no mapa do site)";
    font-size: 0.8em;
    font-weight: bold;
    color: rgb(0, 0, 0);
    display: inline-block;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.site-map .hierarchical .page-draft > .label > a:after {
    content: "\200F\ (Página em modo rascunho)";
}

.site-map .hierarchical .page-draft.page-hidden > .label > a:after {
    content: "\200F\ (Página em modo rascunho e oculta no mapa do site)";
}

/*#endregion */

/* #region Mapa do site sequencial */

.site-map .sequential {
    font-size: 0;
    margin-left: -40px;
}

    .site-map .sequential ul {
        width: 16.666%;
        margin: 70px 0 60px 0;
        padding: 0;
        font-size: 1rem;
        display: inline-block;
        vertical-align: top;
        list-style: none;
        position: relative;
    }

        .site-map .sequential ul:before {
            content: "";
            top: -80px;
            left: 40px;
            right: 0;
            height: 50px;
            display: block;
            position: absolute;
        }

        .site-map .sequential ul li {
            padding-left: 40px;
            margin-bottom: 15px;
            font-size: 0.9em;
            line-height: 1.2;
            font-family: opensansregular;
        }

    .site-map .sequential .label span {
        display: none;
    }

    .site-map .sequential .label a:hover {
        text-decoration: underline;
    }

    .site-map .sequential ul:after {
        content: attr(data-letter);
        top: -67px;
        left: 53px;
        display: block;
        text-transform: uppercase;
        font-family: opensansbold;
        position: absolute;
    }

    .site-map .sequential > ul[data-letter="9"] ~ ul[data-letter="9"]:before,
    .site-map .sequential > ul[data-letter="8"] ~ ul[data-letter="8"]:before,
    .site-map .sequential > ul[data-letter="7"] ~ ul[data-letter="7"]:before,
    .site-map .sequential > ul[data-letter="6"] ~ ul[data-letter="6"]:before,
    .site-map .sequential > ul[data-letter="5"] ~ ul[data-letter="5"]:before,
    .site-map .sequential > ul[data-letter="4"] ~ ul[data-letter="4"]:before,
    .site-map .sequential > ul[data-letter="3"] ~ ul[data-letter="3"]:before,
    .site-map .sequential > ul[data-letter="2"] ~ ul[data-letter="2"]:before,
    .site-map .sequential > ul[data-letter="1"] ~ ul[data-letter="1"]:before,
    .site-map .sequential > ul[data-letter="0"] ~ ul[data-letter="0"]:before,
    .site-map .sequential > ul[data-letter="Z"] ~ ul[data-letter="Z"]:before,
    .site-map .sequential > ul[data-letter="W"] ~ ul[data-letter="W"]:before,
    .site-map .sequential > ul[data-letter="X"] ~ ul[data-letter="X"]:before,
    .site-map .sequential > ul[data-letter="V"] ~ ul[data-letter="V"]:before,
    .site-map .sequential > ul[data-letter="U"] ~ ul[data-letter="U"]:before,
    .site-map .sequential > ul[data-letter="T"] ~ ul[data-letter="T"]:before,
    .site-map .sequential > ul[data-letter="S"] ~ ul[data-letter="S"]:before,
    .site-map .sequential > ul[data-letter="R"] ~ ul[data-letter="R"]:before,
    .site-map .sequential > ul[data-letter="Q"] ~ ul[data-letter="Q"]:before,
    .site-map .sequential > ul[data-letter="P"] ~ ul[data-letter="P"]:before,
    .site-map .sequential > ul[data-letter="O"] ~ ul[data-letter="O"]:before,
    .site-map .sequential > ul[data-letter="N"] ~ ul[data-letter="N"]:before,
    .site-map .sequential > ul[data-letter="M"] ~ ul[data-letter="M"]:before,
    .site-map .sequential > ul[data-letter="L"] ~ ul[data-letter="L"]:before,
    .site-map .sequential > ul[data-letter="K"] ~ ul[data-letter="K"]:before,
    .site-map .sequential > ul[data-letter="J"] ~ ul[data-letter="J"]:before,
    .site-map .sequential > ul[data-letter="I"] ~ ul[data-letter="I"]:before,
    .site-map .sequential > ul[data-letter="H"] ~ ul[data-letter="H"]:before,
    .site-map .sequential > ul[data-letter="G"] ~ ul[data-letter="G"]:before,
    .site-map .sequential > ul[data-letter="F"] ~ ul[data-letter="F"]:before,
    .site-map .sequential > ul[data-letter="E"] ~ ul[data-letter="E"]:before,
    .site-map .sequential > ul[data-letter="D"] ~ ul[data-letter="D"]:before,
    .site-map .sequential > ul[data-letter="C"] ~ ul[data-letter="C"]:before,
    .site-map .sequential > ul[data-letter="B"] ~ ul[data-letter="B"]:before,
    .site-map .sequential > ul[data-letter="A"] ~ ul[data-letter="A"]:before,
    .site-map .sequential > ul[data-letter="z"] ~ ul[data-letter="z"]:before,
    .site-map .sequential > ul[data-letter="w"] ~ ul[data-letter="w"]:before,
    .site-map .sequential > ul[data-letter="x"] ~ ul[data-letter="x"]:before,
    .site-map .sequential > ul[data-letter="v"] ~ ul[data-letter="v"]:before,
    .site-map .sequential > ul[data-letter="u"] ~ ul[data-letter="u"]:before,
    .site-map .sequential > ul[data-letter="t"] ~ ul[data-letter="t"]:before,
    .site-map .sequential > ul[data-letter="s"] ~ ul[data-letter="s"]:before,
    .site-map .sequential > ul[data-letter="r"] ~ ul[data-letter="r"]:before,
    .site-map .sequential > ul[data-letter="q"] ~ ul[data-letter="q"]:before,
    .site-map .sequential > ul[data-letter="p"] ~ ul[data-letter="p"]:before,
    .site-map .sequential > ul[data-letter="o"] ~ ul[data-letter="o"]:before,
    .site-map .sequential > ul[data-letter="n"] ~ ul[data-letter="n"]:before,
    .site-map .sequential > ul[data-letter="m"] ~ ul[data-letter="m"]:before,
    .site-map .sequential > ul[data-letter="l"] ~ ul[data-letter="l"]:before,
    .site-map .sequential > ul[data-letter="k"] ~ ul[data-letter="k"]:before,
    .site-map .sequential > ul[data-letter="j"] ~ ul[data-letter="j"]:before,
    .site-map .sequential > ul[data-letter="i"] ~ ul[data-letter="i"]:before,
    .site-map .sequential > ul[data-letter="h"] ~ ul[data-letter="h"]:before,
    .site-map .sequential > ul[data-letter="g"] ~ ul[data-letter="g"]:before,
    .site-map .sequential > ul[data-letter="f"] ~ ul[data-letter="f"]:before,
    .site-map .sequential > ul[data-letter="e"] ~ ul[data-letter="e"]:before,
    .site-map .sequential > ul[data-letter="d"] ~ ul[data-letter="d"]:before,
    .site-map .sequential > ul[data-letter="c"] ~ ul[data-letter="c"]:before,
    .site-map .sequential > ul[data-letter="b"] ~ ul[data-letter="b"]:before,
    .site-map .sequential > ul[data-letter="a"] ~ ul[data-letter="a"]:before {
        left: 0;
    }

    .site-map .sequential > ul[data-letter="9"] ~ ul[data-letter="9"]:after,
    .site-map .sequential > ul[data-letter="8"] ~ ul[data-letter="8"]:after,
    .site-map .sequential > ul[data-letter="7"] ~ ul[data-letter="7"]:after,
    .site-map .sequential > ul[data-letter="6"] ~ ul[data-letter="6"]:after,
    .site-map .sequential > ul[data-letter="5"] ~ ul[data-letter="5"]:after,
    .site-map .sequential > ul[data-letter="4"] ~ ul[data-letter="4"]:after,
    .site-map .sequential > ul[data-letter="3"] ~ ul[data-letter="3"]:after,
    .site-map .sequential > ul[data-letter="2"] ~ ul[data-letter="2"]:after,
    .site-map .sequential > ul[data-letter="1"] ~ ul[data-letter="1"]:after,
    .site-map .sequential > ul[data-letter="0"] ~ ul[data-letter="0"]:after,
    .site-map .sequential > ul[data-letter="Z"] ~ ul[data-letter="Z"]:after,
    .site-map .sequential > ul[data-letter="W"] ~ ul[data-letter="W"]:after,
    .site-map .sequential > ul[data-letter="X"] ~ ul[data-letter="X"]:after,
    .site-map .sequential > ul[data-letter="V"] ~ ul[data-letter="V"]:after,
    .site-map .sequential > ul[data-letter="U"] ~ ul[data-letter="U"]:after,
    .site-map .sequential > ul[data-letter="T"] ~ ul[data-letter="T"]:after,
    .site-map .sequential > ul[data-letter="S"] ~ ul[data-letter="S"]:after,
    .site-map .sequential > ul[data-letter="R"] ~ ul[data-letter="R"]:after,
    .site-map .sequential > ul[data-letter="Q"] ~ ul[data-letter="Q"]:after,
    .site-map .sequential > ul[data-letter="P"] ~ ul[data-letter="P"]:after,
    .site-map .sequential > ul[data-letter="O"] ~ ul[data-letter="O"]:after,
    .site-map .sequential > ul[data-letter="N"] ~ ul[data-letter="N"]:after,
    .site-map .sequential > ul[data-letter="M"] ~ ul[data-letter="M"]:after,
    .site-map .sequential > ul[data-letter="L"] ~ ul[data-letter="L"]:after,
    .site-map .sequential > ul[data-letter="K"] ~ ul[data-letter="K"]:after,
    .site-map .sequential > ul[data-letter="J"] ~ ul[data-letter="J"]:after,
    .site-map .sequential > ul[data-letter="I"] ~ ul[data-letter="I"]:after,
    .site-map .sequential > ul[data-letter="H"] ~ ul[data-letter="H"]:after,
    .site-map .sequential > ul[data-letter="G"] ~ ul[data-letter="G"]:after,
    .site-map .sequential > ul[data-letter="F"] ~ ul[data-letter="F"]:after,
    .site-map .sequential > ul[data-letter="E"] ~ ul[data-letter="E"]:after,
    .site-map .sequential > ul[data-letter="D"] ~ ul[data-letter="D"]:after,
    .site-map .sequential > ul[data-letter="C"] ~ ul[data-letter="C"]:after,
    .site-map .sequential > ul[data-letter="B"] ~ ul[data-letter="B"]:after,
    .site-map .sequential > ul[data-letter="A"] ~ ul[data-letter="A"]:after,
    .site-map .sequential > ul[data-letter="z"] ~ ul[data-letter="z"]:after,
    .site-map .sequential > ul[data-letter="w"] ~ ul[data-letter="w"]:after,
    .site-map .sequential > ul[data-letter="x"] ~ ul[data-letter="x"]:after,
    .site-map .sequential > ul[data-letter="v"] ~ ul[data-letter="v"]:after,
    .site-map .sequential > ul[data-letter="u"] ~ ul[data-letter="u"]:after,
    .site-map .sequential > ul[data-letter="t"] ~ ul[data-letter="t"]:after,
    .site-map .sequential > ul[data-letter="s"] ~ ul[data-letter="s"]:after,
    .site-map .sequential > ul[data-letter="r"] ~ ul[data-letter="r"]:after,
    .site-map .sequential > ul[data-letter="q"] ~ ul[data-letter="q"]:after,
    .site-map .sequential > ul[data-letter="p"] ~ ul[data-letter="p"]:after,
    .site-map .sequential > ul[data-letter="o"] ~ ul[data-letter="o"]:after,
    .site-map .sequential > ul[data-letter="n"] ~ ul[data-letter="n"]:after,
    .site-map .sequential > ul[data-letter="m"] ~ ul[data-letter="m"]:after,
    .site-map .sequential > ul[data-letter="l"] ~ ul[data-letter="l"]:after,
    .site-map .sequential > ul[data-letter="k"] ~ ul[data-letter="k"]:after,
    .site-map .sequential > ul[data-letter="j"] ~ ul[data-letter="j"]:after,
    .site-map .sequential > ul[data-letter="i"] ~ ul[data-letter="i"]:after,
    .site-map .sequential > ul[data-letter="h"] ~ ul[data-letter="h"]:after,
    .site-map .sequential > ul[data-letter="g"] ~ ul[data-letter="g"]:after,
    .site-map .sequential > ul[data-letter="f"] ~ ul[data-letter="f"]:after,
    .site-map .sequential > ul[data-letter="e"] ~ ul[data-letter="e"]:after,
    .site-map .sequential > ul[data-letter="d"] ~ ul[data-letter="d"]:after,
    .site-map .sequential > ul[data-letter="c"] ~ ul[data-letter="c"]:after,
    .site-map .sequential > ul[data-letter="b"] ~ ul[data-letter="b"]:after,
    .site-map .sequential > ul[data-letter="a"] ~ ul[data-letter="a"]:after {
        display: none;
    }


/*#endregion */

@media (min-width: 1901px) {
    .site-map .sequential ul:nth-child(6n+2):before {
        left: 40px !important;
    }

    .site-map .sequential ul:nth-child(6n+2):after {
        display: block !important;
    }
}

@media (max-width: 1900px) {
    .site-map .sequential ul {
        width: 20%;
    }
}

@media (min-width: 1441px) and (max-width: 1900px) {
    .site-map .sequential ul:nth-child(5n+2):before {
        left: 40px !important;
    }

    .site-map .sequential ul:nth-child(5n+2):after {
        display: block !important;
    }
}

@media (max-width: 1440px) {

    .site-map .sequential ul {
        width: 25%;
        margin-bottom: 40px;
    }

        .site-map .sequential ul:before {
            top: -65px;
        }

        .site-map .sequential ul:after {
            top: -53px;
        }
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .site-map .sequential ul:nth-child(4n+2):before {
        left: 40px !important;
    }

    .site-map .sequential ul:nth-child(4n+2):after {
        display: block !important;
    }
}

@media (max-width: 1024px) {

    .site-map .sequential ul {
        width: 33.333%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .site-map .sequential ul:nth-child(3n+2):before {
        left: 40px !important;
    }

    .site-map .sequential ul:nth-child(3n+2):after {
        display: block !important;
    }
}

@media (max-width: 767px) {

    .site-map .sequential {
        margin-left: -15px;
    }

        .site-map .sequential ul {
            width: 50%;
            margin-top: 70px;
            margin-bottom: 15px;
        }

            .site-map .sequential ul:before {
                top: -60px;
                left: 15px;
            }

            .site-map .sequential ul:after {
                top: -48px;
                left: 28px;
            }

            .site-map .sequential ul li {
                padding-left: 15px;
            }
}

@media (min-width: 481px) and (max-width: 767px) {
    .site-map .sequential ul:nth-child(2n+2):before {
        left: 15px !important;
    }

    .site-map .sequential ul:nth-child(2n+2):after {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .site-map .sequential ul {
        width: 100%;
        margin-bottom: -15px;
    }

        .site-map .sequential ul:before {
            content: "\e904";
            font-family: 'icons-cecred';
            text-align: right;
            font-size: 22px;
            padding: 15px 10px 0 0;
            left: 15px !important;
        }

        .site-map .sequential ul:after {
            display: block !important;
        }

    .site-map .sequential > ul[data-letter="9"] ~ ul[data-letter="9"]:before,
    .site-map .sequential > ul[data-letter="8"] ~ ul[data-letter="8"]:before,
    .site-map .sequential > ul[data-letter="7"] ~ ul[data-letter="7"]:before,
    .site-map .sequential > ul[data-letter="6"] ~ ul[data-letter="6"]:before,
    .site-map .sequential > ul[data-letter="5"] ~ ul[data-letter="5"]:before,
    .site-map .sequential > ul[data-letter="4"] ~ ul[data-letter="4"]:before,
    .site-map .sequential > ul[data-letter="3"] ~ ul[data-letter="3"]:before,
    .site-map .sequential > ul[data-letter="2"] ~ ul[data-letter="2"]:before,
    .site-map .sequential > ul[data-letter="1"] ~ ul[data-letter="1"]:before,
    .site-map .sequential > ul[data-letter="0"] ~ ul[data-letter="0"]:before,
    .site-map .sequential > ul[data-letter="Z"] ~ ul[data-letter="Z"]:before,
    .site-map .sequential > ul[data-letter="W"] ~ ul[data-letter="W"]:before,
    .site-map .sequential > ul[data-letter="X"] ~ ul[data-letter="X"]:before,
    .site-map .sequential > ul[data-letter="V"] ~ ul[data-letter="V"]:before,
    .site-map .sequential > ul[data-letter="U"] ~ ul[data-letter="U"]:before,
    .site-map .sequential > ul[data-letter="T"] ~ ul[data-letter="T"]:before,
    .site-map .sequential > ul[data-letter="S"] ~ ul[data-letter="S"]:before,
    .site-map .sequential > ul[data-letter="R"] ~ ul[data-letter="R"]:before,
    .site-map .sequential > ul[data-letter="Q"] ~ ul[data-letter="Q"]:before,
    .site-map .sequential > ul[data-letter="P"] ~ ul[data-letter="P"]:before,
    .site-map .sequential > ul[data-letter="O"] ~ ul[data-letter="O"]:before,
    .site-map .sequential > ul[data-letter="N"] ~ ul[data-letter="N"]:before,
    .site-map .sequential > ul[data-letter="M"] ~ ul[data-letter="M"]:before,
    .site-map .sequential > ul[data-letter="L"] ~ ul[data-letter="L"]:before,
    .site-map .sequential > ul[data-letter="K"] ~ ul[data-letter="K"]:before,
    .site-map .sequential > ul[data-letter="J"] ~ ul[data-letter="J"]:before,
    .site-map .sequential > ul[data-letter="I"] ~ ul[data-letter="I"]:before,
    .site-map .sequential > ul[data-letter="H"] ~ ul[data-letter="H"]:before,
    .site-map .sequential > ul[data-letter="G"] ~ ul[data-letter="G"]:before,
    .site-map .sequential > ul[data-letter="F"] ~ ul[data-letter="F"]:before,
    .site-map .sequential > ul[data-letter="E"] ~ ul[data-letter="E"]:before,
    .site-map .sequential > ul[data-letter="D"] ~ ul[data-letter="D"]:before,
    .site-map .sequential > ul[data-letter="C"] ~ ul[data-letter="C"]:before,
    .site-map .sequential > ul[data-letter="B"] ~ ul[data-letter="B"]:before,
    .site-map .sequential > ul[data-letter="A"] ~ ul[data-letter="A"]:before,
    .site-map .sequential > ul[data-letter="z"] ~ ul[data-letter="z"]:before,
    .site-map .sequential > ul[data-letter="w"] ~ ul[data-letter="w"]:before,
    .site-map .sequential > ul[data-letter="x"] ~ ul[data-letter="x"]:before,
    .site-map .sequential > ul[data-letter="v"] ~ ul[data-letter="v"]:before,
    .site-map .sequential > ul[data-letter="u"] ~ ul[data-letter="u"]:before,
    .site-map .sequential > ul[data-letter="t"] ~ ul[data-letter="t"]:before,
    .site-map .sequential > ul[data-letter="s"] ~ ul[data-letter="s"]:before,
    .site-map .sequential > ul[data-letter="r"] ~ ul[data-letter="r"]:before,
    .site-map .sequential > ul[data-letter="q"] ~ ul[data-letter="q"]:before,
    .site-map .sequential > ul[data-letter="p"] ~ ul[data-letter="p"]:before,
    .site-map .sequential > ul[data-letter="o"] ~ ul[data-letter="o"]:before,
    .site-map .sequential > ul[data-letter="n"] ~ ul[data-letter="n"]:before,
    .site-map .sequential > ul[data-letter="m"] ~ ul[data-letter="m"]:before,
    .site-map .sequential > ul[data-letter="l"] ~ ul[data-letter="l"]:before,
    .site-map .sequential > ul[data-letter="k"] ~ ul[data-letter="k"]:before,
    .site-map .sequential > ul[data-letter="j"] ~ ul[data-letter="j"]:before,
    .site-map .sequential > ul[data-letter="i"] ~ ul[data-letter="i"]:before,
    .site-map .sequential > ul[data-letter="h"] ~ ul[data-letter="h"]:before,
    .site-map .sequential > ul[data-letter="g"] ~ ul[data-letter="g"]:before,
    .site-map .sequential > ul[data-letter="f"] ~ ul[data-letter="f"]:before,
    .site-map .sequential > ul[data-letter="e"] ~ ul[data-letter="e"]:before,
    .site-map .sequential > ul[data-letter="d"] ~ ul[data-letter="d"]:before,
    .site-map .sequential > ul[data-letter="c"] ~ ul[data-letter="c"]:before,
    .site-map .sequential > ul[data-letter="b"] ~ ul[data-letter="b"]:before,
    .site-map .sequential > ul[data-letter="a"] ~ ul[data-letter="a"]:before,
    .site-map .sequential > ul[data-letter="9"] ~ ul[data-letter="9"]:after,
    .site-map .sequential > ul[data-letter="8"] ~ ul[data-letter="8"]:after,
    .site-map .sequential > ul[data-letter="7"] ~ ul[data-letter="7"]:after,
    .site-map .sequential > ul[data-letter="6"] ~ ul[data-letter="6"]:after,
    .site-map .sequential > ul[data-letter="5"] ~ ul[data-letter="5"]:after,
    .site-map .sequential > ul[data-letter="4"] ~ ul[data-letter="4"]:after,
    .site-map .sequential > ul[data-letter="3"] ~ ul[data-letter="3"]:after,
    .site-map .sequential > ul[data-letter="2"] ~ ul[data-letter="2"]:after,
    .site-map .sequential > ul[data-letter="1"] ~ ul[data-letter="1"]:after,
    .site-map .sequential > ul[data-letter="0"] ~ ul[data-letter="0"]:after,
    .site-map .sequential > ul[data-letter="Z"] ~ ul[data-letter="Z"]:after,
    .site-map .sequential > ul[data-letter="W"] ~ ul[data-letter="W"]:after,
    .site-map .sequential > ul[data-letter="X"] ~ ul[data-letter="X"]:after,
    .site-map .sequential > ul[data-letter="V"] ~ ul[data-letter="V"]:after,
    .site-map .sequential > ul[data-letter="U"] ~ ul[data-letter="U"]:after,
    .site-map .sequential > ul[data-letter="T"] ~ ul[data-letter="T"]:after,
    .site-map .sequential > ul[data-letter="S"] ~ ul[data-letter="S"]:after,
    .site-map .sequential > ul[data-letter="R"] ~ ul[data-letter="R"]:after,
    .site-map .sequential > ul[data-letter="Q"] ~ ul[data-letter="Q"]:after,
    .site-map .sequential > ul[data-letter="P"] ~ ul[data-letter="P"]:after,
    .site-map .sequential > ul[data-letter="O"] ~ ul[data-letter="O"]:after,
    .site-map .sequential > ul[data-letter="N"] ~ ul[data-letter="N"]:after,
    .site-map .sequential > ul[data-letter="M"] ~ ul[data-letter="M"]:after,
    .site-map .sequential > ul[data-letter="L"] ~ ul[data-letter="L"]:after,
    .site-map .sequential > ul[data-letter="K"] ~ ul[data-letter="K"]:after,
    .site-map .sequential > ul[data-letter="J"] ~ ul[data-letter="J"]:after,
    .site-map .sequential > ul[data-letter="I"] ~ ul[data-letter="I"]:after,
    .site-map .sequential > ul[data-letter="H"] ~ ul[data-letter="H"]:after,
    .site-map .sequential > ul[data-letter="G"] ~ ul[data-letter="G"]:after,
    .site-map .sequential > ul[data-letter="F"] ~ ul[data-letter="F"]:after,
    .site-map .sequential > ul[data-letter="E"] ~ ul[data-letter="E"]:after,
    .site-map .sequential > ul[data-letter="D"] ~ ul[data-letter="D"]:after,
    .site-map .sequential > ul[data-letter="C"] ~ ul[data-letter="C"]:after,
    .site-map .sequential > ul[data-letter="B"] ~ ul[data-letter="B"]:after,
    .site-map .sequential > ul[data-letter="A"] ~ ul[data-letter="A"]:after,
    .site-map .sequential > ul[data-letter="z"] ~ ul[data-letter="z"]:after,
    .site-map .sequential > ul[data-letter="w"] ~ ul[data-letter="w"]:after,
    .site-map .sequential > ul[data-letter="x"] ~ ul[data-letter="x"]:after,
    .site-map .sequential > ul[data-letter="v"] ~ ul[data-letter="v"]:after,
    .site-map .sequential > ul[data-letter="u"] ~ ul[data-letter="u"]:after,
    .site-map .sequential > ul[data-letter="t"] ~ ul[data-letter="t"]:after,
    .site-map .sequential > ul[data-letter="s"] ~ ul[data-letter="s"]:after,
    .site-map .sequential > ul[data-letter="r"] ~ ul[data-letter="r"]:after,
    .site-map .sequential > ul[data-letter="q"] ~ ul[data-letter="q"]:after,
    .site-map .sequential > ul[data-letter="p"] ~ ul[data-letter="p"]:after,
    .site-map .sequential > ul[data-letter="o"] ~ ul[data-letter="o"]:after,
    .site-map .sequential > ul[data-letter="n"] ~ ul[data-letter="n"]:after,
    .site-map .sequential > ul[data-letter="m"] ~ ul[data-letter="m"]:after,
    .site-map .sequential > ul[data-letter="l"] ~ ul[data-letter="l"]:after,
    .site-map .sequential > ul[data-letter="k"] ~ ul[data-letter="k"]:after,
    .site-map .sequential > ul[data-letter="j"] ~ ul[data-letter="j"]:after,
    .site-map .sequential > ul[data-letter="i"] ~ ul[data-letter="i"]:after,
    .site-map .sequential > ul[data-letter="h"] ~ ul[data-letter="h"]:after,
    .site-map .sequential > ul[data-letter="g"] ~ ul[data-letter="g"]:after,
    .site-map .sequential > ul[data-letter="f"] ~ ul[data-letter="f"]:after,
    .site-map .sequential > ul[data-letter="e"] ~ ul[data-letter="e"]:after,
    .site-map .sequential > ul[data-letter="d"] ~ ul[data-letter="d"]:after,
    .site-map .sequential > ul[data-letter="c"] ~ ul[data-letter="c"]:after,
    .site-map .sequential > ul[data-letter="b"] ~ ul[data-letter="b"]:after,
    .site-map .sequential > ul[data-letter="a"] ~ ul[data-letter="a"]:after {
        display: none !important;
    }

    .site-map .sequential > ul[data-letter="9"] ~ ul[data-letter="9"],
    .site-map .sequential > ul[data-letter="8"] ~ ul[data-letter="8"],
    .site-map .sequential > ul[data-letter="7"] ~ ul[data-letter="7"],
    .site-map .sequential > ul[data-letter="6"] ~ ul[data-letter="6"],
    .site-map .sequential > ul[data-letter="5"] ~ ul[data-letter="5"],
    .site-map .sequential > ul[data-letter="4"] ~ ul[data-letter="4"],
    .site-map .sequential > ul[data-letter="3"] ~ ul[data-letter="3"],
    .site-map .sequential > ul[data-letter="2"] ~ ul[data-letter="2"],
    .site-map .sequential > ul[data-letter="1"] ~ ul[data-letter="1"],
    .site-map .sequential > ul[data-letter="0"] ~ ul[data-letter="0"],
    .site-map .sequential > ul[data-letter="Z"] ~ ul[data-letter="Z"],
    .site-map .sequential > ul[data-letter="W"] ~ ul[data-letter="W"],
    .site-map .sequential > ul[data-letter="X"] ~ ul[data-letter="X"],
    .site-map .sequential > ul[data-letter="V"] ~ ul[data-letter="V"],
    .site-map .sequential > ul[data-letter="U"] ~ ul[data-letter="U"],
    .site-map .sequential > ul[data-letter="T"] ~ ul[data-letter="T"],
    .site-map .sequential > ul[data-letter="S"] ~ ul[data-letter="S"],
    .site-map .sequential > ul[data-letter="R"] ~ ul[data-letter="R"],
    .site-map .sequential > ul[data-letter="Q"] ~ ul[data-letter="Q"],
    .site-map .sequential > ul[data-letter="P"] ~ ul[data-letter="P"],
    .site-map .sequential > ul[data-letter="O"] ~ ul[data-letter="O"],
    .site-map .sequential > ul[data-letter="N"] ~ ul[data-letter="N"],
    .site-map .sequential > ul[data-letter="M"] ~ ul[data-letter="M"],
    .site-map .sequential > ul[data-letter="L"] ~ ul[data-letter="L"],
    .site-map .sequential > ul[data-letter="K"] ~ ul[data-letter="K"],
    .site-map .sequential > ul[data-letter="J"] ~ ul[data-letter="J"],
    .site-map .sequential > ul[data-letter="I"] ~ ul[data-letter="I"],
    .site-map .sequential > ul[data-letter="H"] ~ ul[data-letter="H"],
    .site-map .sequential > ul[data-letter="G"] ~ ul[data-letter="G"],
    .site-map .sequential > ul[data-letter="F"] ~ ul[data-letter="F"],
    .site-map .sequential > ul[data-letter="E"] ~ ul[data-letter="E"],
    .site-map .sequential > ul[data-letter="D"] ~ ul[data-letter="D"],
    .site-map .sequential > ul[data-letter="C"] ~ ul[data-letter="C"],
    .site-map .sequential > ul[data-letter="B"] ~ ul[data-letter="B"],
    .site-map .sequential > ul[data-letter="A"] ~ ul[data-letter="A"],
    .site-map .sequential > ul[data-letter="z"] ~ ul[data-letter="z"],
    .site-map .sequential > ul[data-letter="w"] ~ ul[data-letter="w"],
    .site-map .sequential > ul[data-letter="x"] ~ ul[data-letter="x"],
    .site-map .sequential > ul[data-letter="v"] ~ ul[data-letter="v"],
    .site-map .sequential > ul[data-letter="u"] ~ ul[data-letter="u"],
    .site-map .sequential > ul[data-letter="t"] ~ ul[data-letter="t"],
    .site-map .sequential > ul[data-letter="s"] ~ ul[data-letter="s"],
    .site-map .sequential > ul[data-letter="r"] ~ ul[data-letter="r"],
    .site-map .sequential > ul[data-letter="q"] ~ ul[data-letter="q"],
    .site-map .sequential > ul[data-letter="p"] ~ ul[data-letter="p"],
    .site-map .sequential > ul[data-letter="o"] ~ ul[data-letter="o"],
    .site-map .sequential > ul[data-letter="n"] ~ ul[data-letter="n"],
    .site-map .sequential > ul[data-letter="m"] ~ ul[data-letter="m"],
    .site-map .sequential > ul[data-letter="l"] ~ ul[data-letter="l"],
    .site-map .sequential > ul[data-letter="k"] ~ ul[data-letter="k"],
    .site-map .sequential > ul[data-letter="j"] ~ ul[data-letter="j"],
    .site-map .sequential > ul[data-letter="i"] ~ ul[data-letter="i"],
    .site-map .sequential > ul[data-letter="h"] ~ ul[data-letter="h"],
    .site-map .sequential > ul[data-letter="g"] ~ ul[data-letter="g"],
    .site-map .sequential > ul[data-letter="f"] ~ ul[data-letter="f"],
    .site-map .sequential > ul[data-letter="e"] ~ ul[data-letter="e"],
    .site-map .sequential > ul[data-letter="d"] ~ ul[data-letter="d"],
    .site-map .sequential > ul[data-letter="c"] ~ ul[data-letter="c"],
    .site-map .sequential > ul[data-letter="b"] ~ ul[data-letter="b"],
    .site-map .sequential > ul[data-letter="a"] ~ ul[data-letter="a"] {
        margin-top: -15px;
    }

    .site-map .sequential ul li {
        display: none;
    }

    .site-map .sequential ul.opened {
        margin-bottom: 15px;
    }

        .site-map .sequential ul.opened li {
            display: block;
        }

        .site-map .sequential ul.opened:before {
            content: "\e907";
        }

}

/*fonte do site map*/
.site-map span {
    font-family: 'varelaround-regular';
}

/*
@package "menu"
@style-class ""
@style-title "Padrão"
*/
@keyframes abrirMenu {
    0% {
        max-height: 0vh;
    }

    99% {
        max-height: 100vh;
    }

    100% {
        max-height: none;
    }
}

@keyframes fecharMenu {
    0% {
        max-height: 100vh;
    }

    100% {
        max-height: 0vh;
    }
}

.AdminMode~.sidebar-overlay-header {
    height: 174px;
}

.Module.menu {
    margin: 0;
}

.menu .menu-item > div {
    display: flex;
}

    .menu .menu-item > div a{
        flex-grow: 1;
    }

    .main-footer .menu a {
        color: rgb(255, 255, 255);
        border-radius: 7px;
        transition: 0.2s;
    }

.main-menu .Module.menu {
    /* margin-top:11px; */
}

.main-menu .menu .menu-list .label>span,
.main-menu .menu .menu-list .label>a {
    color: rgba(0, 0, 0, .6);
}

.main-menu .menu .menu-list>li>.label>a:hover,
.main-menu .menu .menu-list>li>.label>span:hover {
    background: rgba(0, 0, 0, 0.15);
}

.main-menu .menu .menu-list > li > .label > a {
    color: rgb(255, 255, 255);
    padding: 19px 10px !important;
    margin-right: 7px;
    border-radius: 7px;
    font-size: inherit;
    width: auto;
    height: auto;
    position: static;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}

.main-menu .menu .menu-list > li:not(.has-child) > .label:after {
    background: rgba(255, 255, 255, 0);
}

.main-menu .menu .menu-list > li.active:not(.has-child) > .label > a {
    color: white;
}

.main-menu .menu .menu-list>li>.label:after {
    content: "";
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: -1;
    background: rgba(0, 0, 0, 0.48);
    transition: 0.2s;
}

.main-menu .menu .menu-list>li>ul>li.has-child:first-child>.label>a {
    display: block;
}

.main-menu .menu .menu-list>li>ul li.opened>ul {
    max-height: calc(100vh - 160px);
}

.main-menu .menu .menu-list>li.has-child>.label>span,
.main-menu .menu .menu-list>li>.label>span {
    color: rgb(255, 255, 255);
    padding: 19px 10px!important;
    margin-right: 7px;
    border-radius: 7px;
    font-size: inherit;
    width: auto;
    height: auto;
    position: static;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
}

    .main-menu .menu .menu-list > li > .label > a:hover, .main-menu .menu .menu-list > li > .label > span:hover{
        background: none;
    }

.main-menu .menu .menu-list > li:hover > div {
     background: rgba(0, 0, 0, 0.15); 
     border-radius: 7px;
}

.main-menu .menu .menu-list > li.opened > div {
    background: rgb(255, 255, 255);
    border-radius: 7px 7px 0 0;
}

.main-menu .menu .menu-list > li > .label > a:hover {
    text-decoration: underline;
}

.main-menu .menu .menu-list > li.has-child:hover > .label > span, .main-menu .menu .menu-list > li.has-child.opened > .label > span {
    display: block !important;
    transition: 0.2s;
}
.main-menu .menu .menu-list > li.has-child.opened > .label > a {
    color: rgb(0, 180, 212);
}

    .main-menu .menu .menu-list > li.active > .label > a {
        color: white;
    }

    .main-menu .menu .menu-list > li.has-child > .label > span {
        display: none !important;
        transition: 0.2s;
    }


    .main-menu .menu .menu-list > li.has-child > .label > span:after {
        top: 20px !important;
        right: 7px !important;
    }

.main-menu .menu .menu-list>li.opened>.label>span {
    color: rgb(0, 180, 212);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-shadow: none;
}

.main-menu .menu .menu-list>li.opened>.label:after {
    visibility: visible;
    opacity: 1;
}

.main-menu .menu .menu-list li li li li span,
.main-menu .menu .menu-list li li li li a {
    padding-left: 64px;
}

.main-menu .menu .menu-list li li li span,
.main-menu .menu .menu-list li li li a {
    padding-left: 43px;
}

.main-menu .menu .menu-list li li span,
.main-menu .menu .menu-list li li a {
    padding-left: 21px;
}

.main-menu .menu .menu-list li li ul {
    max-height: 0;
}

.main-menu .menu .menu-list li.opened {
    z-index: 8;
}

.main-menu .menu .menu-list.horizontal>li>ul {
    position: absolute;
    width: 285px;
    max-height: calc(100vh - 160px);
    padding: 0;
    margin-top: -1px;
    box-shadow: none;
    opacity: 0;
    display: block;
    visibility: hidden;
    overflow: auto;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    transition: opacity 0.2s, visibility 0.2s;
    animation: none;
}

.main-menu .menu .menu-list.horizontal li li:first-child {
    margin-top: 6px;
}

.main-menu .menu .menu-list.horizontal li li:last-child {
    margin-bottom: 6px;
}



.main-menu .menu .menu-list.horizontal:before {
    /*background-image: url('../../../static/images/equatorial.png');*/
    /*background-image: url('../../../static/images/Logo QUAY.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    content: "";
    height: 53px;
    left: -178px;
    position: absolute;
    transition: all 0.2s ease-in-out;
    width: 161px;
    opacity: 0;*/
}

.main-menu .menu .menu-list.horizontal.logoVisible:before{
    opacity: 1!important;
}



.main-sidebar .menu .menu-list li li span,
.main-sidebar .menu .menu-list li li a {
    color: rgb(0, 110, 184);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    height: 23px;
    text-overflow: ellipsis;
}

.main-sidebar .menu .menu-list li li span {
    display: none;
}

.main-sidebar .menu .menu-list li li:hover {
    background: rgb(255, 255, 255);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}

.main-sidebar .menu .menu-list li ul li {
    flex: 1 0 auto;
    max-width: 71px;
    width: 100%;
    pointer-events: all;
    min-height: 49px;
    border-right: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    background: rgb(255, 255, 255);
}

.main-sidebar .menu .menu-list li.has-child>.label>a {
    display: none;
}

.main-sidebar .menu .menu-list li.has-child>.label>span {
    padding-right: 4px;
}

.main-sidebar .menu .menu-list li.has-child>.label>span {
    position: static;
    width: auto;
    height: auto;
    padding: 4px;
    font-size: 9px;
}

.main-sidebar .menu .menu-list li.has-child span:after {
    display: none;
}

.main-sidebar .menu .menu-list li.has-child ul li:first-child {
    display: none;
}

.main-sidebar .menu .menu-list li.has-child ul {
    top: 0;
    position: absolute;
    left: 71px;
    min-width: 431px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}

.main-sidebar .menu .menu-list li.has-child.opened ul {
    visibility: visible;
    opacity: 1;
}

.main-sidebar .menu .menu-list li.has-child.opened {
    background: rgb(0, 180, 212);
}

.main-sidebar .menu .menu-list li.selected>.label>a {
    color: rgb(255, 255, 255);
}

.main-sidebar .menu .menu-list li:hover {
    background: rgba(255, 255, 255, 0.1);
}

.main-sidebar .menu .menu-list li {
    padding: 7px 0 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.main-sidebar .menu .menu-list span,
.main-sidebar .menu .menu-list li.active>.label>a,
.main-sidebar .menu .menu-list a {
    padding: 4px;
    font-size: 9px;
    text-align: center;
    color: rgb(255, 255, 255);
}

.main-sidebar .menu .menu-list span:before,
.main-sidebar .menu .menu-list a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main-sidebar .menu .menu-list span:hover,
.main-sidebar .menu .menu-list a:hover {
    background: none;
}

.main-sidebar .menu figure {
    width: 23px;
    height: 18px;
    display: block;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    image-rendering: -webkit-optimize-contrast;
}

.main-sidebar .menu img {
    display: none;
}

.main-sidebar .menu {
    margin: 0;
}

.menu .menu-list .no-img,
.menu .menu-list.image-off figure {
    display: none;
}

.menu .menu-list a:hover,
.menu .menu-list span:hover {
    background: rgba(0, 0, 0, 0.05);
}

.menu .menu-list li>ul {
    display: block;
    overflow: hidden;
    max-height: 0;
    animation: fecharMenu 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

.menu .menu-list li li li>.label>a {
    padding-left: 36px;
}

.menu .menu-list li li li li>.label>a {
    padding-left: 50px;
}

.menu .menu-list li li.has-child:first-child>.label>a,
.menu .menu-list li>.label>span {
    display: none;
}

.menu .menu-list li.active>.label>span,
.menu .menu-list li.active>.label>a,
.menu .menu-list li.selected>.label>span,
.menu .menu-list li.selected>.label>a {
    color: rgb(0, 180, 212);
}

.menu .menu-list li.has-child>.label>span {
    font-size: 0;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 26px;
    height: 26px;
    padding: 0;
    border-radius: 4px;
    display: block;
}

.menu .menu-list li.has-child li.has-child:first-child>.label>a {
    display: block;
}

.menu .menu-list li.has-child span:after {
    content: "\e909";
    font-family: 'intranet-icons';
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 6px;
    transition: 0.2s;
}

.menu .menu-list li.has-child.opened>.label>span:after {
    transform: rotate(180deg);
}

.menu .menu-list li.opened>ul {
    max-height: none;
    animation: abrirMenu 0.4s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
}

.menu .menu-list li {
    position: relative;
}

.menu .menu-list span,
.menu .menu-list a {
    padding: 11px 36px 11px 21px;
    display: block;
    cursor: pointer;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
}

.menu .menu-list ul,
.menu .menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu .menu-list.horizontal>li>ul {
    position: absolute;
    z-index: 999;
    padding: 11px 0;
    background: rgb(255, 255, 255);
    box-shadow: 0 4px 11px rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: block;
    visibility: hidden;
    transition: 0.2s;
}

.menu .menu-list.horizontal>li.opened>ul {
    opacity: 1;
    visibility: visible;
}

.menu .menu-list.horizontal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    float: right;
}





.sidebar-opened .sidebar-overlay-header,
.sidebar-opened .sidebar-overlay {
    visibility: visible;
    opacity: 1;
}

.sidebar-overlay-header,
.sidebar-overlay {
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.48);
    transition: 0.3s;
}

.sidebar-overlay-header {
    bottom: auto;
    height: 142px;
    z-index: 101;
}


@media only screen and (max-width:1200px) {
    .menu .menu-list.horizontal {
        text-align: center;
        margin: 0 0
        ;
        float: none;
        display: inline-flex;
    }
    .main-menu .menu .menu-list.horizontal:before{
        display: none;
    }
}

@media only screen and (max-width:1365px) {
    .main-footer .menu .menu-list a {
        padding: 11px;
        font-size: 9px;
    }
  
}

@media only screen and (max-width:960px) {
    .menu .menu-list.horizontal {
        display: flex;
    }

}

.menu-list a[href=""] {
    display: none !important;
}



.menu .menu-list li.has-child > .label > span {
    right: auto !important;
    top: auto !important;
    height: auto !important;
    width: auto !important;
    padding: 11px 44px 11px 0px !important;
    display: block !important;
    cursor: pointer !important;
    font-size: 13px !important;
    position: relative !important;
}

.menu .menu-list li.has-child span:after {
    content: "\e909" !important;
    font-family: 'intranet-icons' !important;
    font-size: 14px !important;
    position: absolute !important;
    top: 11px !important;
    right: 15px !important;
    transition: 0.2s !important;
}

.menu .menu-list li.has-child>.label>a:not([data-ng-bind *='Sobre ']) {
    /*display: none!important;*/
}

/*.menu .menu-list li.has-child li li>.label>span {
    padding: 11px 36px 11px 36px !important;
}*/

.main-menu .menu.sem-logo .menu-list.horizontal.logoVisible:before {
    opacity: 1!important;
}


.menu.sem-logo .menu-list:before {
    display: none;
}

/*
	@package "menu"
	@style-class "internal"
	@style-title "Menu para as páginas internas"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo:menu-default.css
===================================================== */

.AdminMode .menu.internal {
    min-height: calc(100vh - 284px);
}
.menu.internal {
    background: rgb(255, 255, 255);
    margin-top: 0px;
    margin-right: -31px;
    margin-bottom: 0px;
    margin-left: -44px;
    height: 100%;
    width: auto;
    min-height: calc(100vh - 242px);
    display: flex;
    flex-grow: 1;
    position: relative;
}

.menu.internal .content-wrapper {
    width: 100%;
}

.menu.internal .menu-list {
	padding: 14px 0;
}

.menu.internal a {
	color: rgba(0, 0, 0, .66);
	font-size: 15px;
}

    .menu.internal .menu-list li li > .label > a {
        padding-left: 36px !important;
    }

    .menu.internal .menu-list li li li > .label > a {
        padding-left: 66px !important;
    }

.menu.internal .menu-list li li li>.label>a {
	padding-left: 50px;
}

.menu.internal .menu-list li li li li>.label>a {
	padding-left: 64px;
}

.menu.internal .menu-list li.has-child>.label>span {
	font-size: 0;
	position: absolute;
	right: 7px;
	top: 5px;
	width: 26px;
	height: 26px;
	padding: 0;
	border-radius: 4px;
	display: block;
}

.menu.internal .menu-list li.has-child span:after {
	content: "\e909";
	font-family: 'intranet-icons';
	font-size: 15px;
	position: absolute;
	top: 6px;
	right: 6px;
	transition: 0.2s;
}

.menu.internal .menu-list li.active>.label:last-child {
	background-color: rgba(240, 245, 255, 1);
}

/*#endregion */




.menu.internal .menu-list li.has-child>.label>span {
	color: rgba(0, 0, 0,.66) !important;
	font-size: 15px !important;
}

.menu.internal .menu-list li.has-child span:after {
	content: "\e909" !important;
	font-family: 'intranet-icons' !important;
	font-size: 14px !important;
	position: absolute !important;
	top: 13px !important;
	right: 15px !important;
	transition: 0.2s !important;
}


.menu.internal .menu-list li.has-child.active>.label>span {
	color: rgb(0, 180, 212) !important;
}

/*
@package "image-highlight-profile"
@style-class ""
@style-title "Imagem adaptavel e expandida"
*/
.main-header .image-highlight-profile,
.main-header .image-highlight-profile-wrapper div {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.main-header .image-highlight-profile .image-highlight {
    border-radius: 0;
    position: relative;
    background: 0 0
}

.main-header .image-highlight-profile .image-highlight figure {
    background-size: cover;
    height: 100%
}

.main-header .image-highlight-profile .image-highlight.no-img figure {
    padding-bottom: 0
}

.main-header .image-highlight-profile .image-highlight:after,
.main-header .image-highlight-profile .image-highlight:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.main-header .image-highlight-profile .image-highlight:before {
    z-index: 2
}

.main-header .image-highlight-profile .image-highlight-actions {
    position: absolute;
    top: 135px;
    right: 30px;
    height: auto;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .48)
}

.main-header .image-highlight-profile .image-highlight-actions a {
    color: #fff
}

.main-header .image-highlight-profile .image-highlight-actions .file-picker,
.main-header .image-highlight-profile .image-highlight-actions .image-highlight-remove {
    float: right;
    opacity: .54;
    margin: 0;
    height: auto;
    margin-top: 80px;
    transition: .2s;
    z-index: auto !important
}

body:not(.search-box-opened) .main-header:hover .image-highlight-profile .image-highlight-actions .file-picker,
body:not(.search-box-opened) .main-header:hover .image-highlight-profile .image-highlight-actions .image-highlight-remove {
    margin-top: 0
}

.main-header .image-highlight-profile .image-highlight-actions .file-picker:hover,
.main-header .image-highlight-profile .image-highlight-actions .image-highlight-remove:hover {
    opacity: .8
}

.main-header .image-highlight-profile .image-highlight-actions a:before {
    margin: 0 0 0 20px
}

.main-header .image-highlight-profile .image-highlight-actions span {
    display: none
}

.image-highlight-profile .image-highlight {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: rgb(255, 255, 255)
}

.image-highlight-profile .image-highlight figure {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 0
}

.image-highlight-profile .image-highlight.no-img img {
    display: none
}

.image-highlight-profile .image-highlight img {
    visibility: hidden
}

.image-highlight-profile .image-highlight-actions {
    margin-top: 20px
}

.image-highlight-profile .image-highlight-actions a {
    margin-right: 10px
}

.image-highlight-profile .image-highlight-actions a:before {
    font-size: 1.2em;
    position: relative;
    top: .1em;
    margin-right: 2px
}

.image-highlight-profile .image-highlight-actions a:hover span {
    text-decoration: underline
}

.image-highlight-profile-wrapper {

    max-width: 100vw;

}
/*
@package "user-context"
@style-class ""
@style-title "Padrão"
*/
.main-header .Module.user-context {
    white-space: nowrap;
    margin: 0 7px 0 0;
    z-index: 2;
}

.user-context .user-name {
    color: #fff;
    max-width: 107px;
    min-width: 71px;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-right: 21px;
    pointer-events: none;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    z-index: 8;
}

.user-context .user-mood.icon-mood {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: 0.2s;
    margin-left: 4px;
    margin-top: 0;
    margin-right: 3px;
    z-index: 8;
}

.user-context .user-mood.icon-mood:hover {
    width: 23px;
    height: 23px;
    margin-left: -4px;
}

.user-context .user-img {
    width: 31px;
    height: 31px;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    pointer-events: none;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    background-color: rgb(0, 180, 212);
    z-index: 8;
    border: 2px solid rgb(0, 110, 184);
}

.user-context .user-img img {
    display: none;
}

.user-context .no-img .user-img:before {
    content: "\e90b";
    font-family: 'intranet-icons';
    color: #fff;
    font-size: 28px;
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -14px;
}

.user-context .content-wrapper {
    padding: 9px 14px;
    border-radius: 7px;
}

.user-context .content-wrapper:hover {
    background: rgba(0, 0, 0, 0.15);
}

.user-context ul.hubox-context-menu {
    left: 0;
    bottom: 0;
    z-index: 1;
}

.user-context ul.hubox-context-menu:after {
    content: "";
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: -1;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.48);
}

.user-context ul.hubox-context-menu.opened:after {
    opacity: 1;
    visibility: visible;
}

ul.hubox-context-menu.opened li.options:before {
    background: rgb(255, 255, 255);
}

.user-context ul.hubox-context-menu li.options {
    border-radius: 7px;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, 0);
}

.user-context ul.hubox-context-menu li.options:after {
    content: "\e909";
    font-family: 'intranet-icons';
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 16px;
    right: 14px;
}

.user-context ul.hubox-context-menu.opened li.options {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0px;
    background: rgb(255, 255, 255);
}

.user-context ul.hubox-context-menu.opened li.options:after {
    color: rgba(0, 0, 0, .6);
    transform: rotate(180deg);
}

.user-context ul.hubox-context-menu.opened~span {
    text-shadow: none;
    color: rgb(0, 180, 212);
}

.user-context ul.hubox-context-menu li.options ul.option-list {
    border: 0;
    left: 0;
    right: 26px;
    top: 47px;
    box-shadow: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    background: rgb(255, 255, 255);
}

.user-context ul.hubox-context-menu li.options ul.option-list>li {
    border: 0;
}

.user-context ul.hubox-context-menu li.options ul.option-list>li a {
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    line-height: normal;
    color: rgba(0, 0, 0, .6);
    line-height: normal;
    font-size: 13px;
    padding: 11px 36px 11px 21px;
    display: block;
    cursor: pointer;
}

.user-context ul.hubox-context-menu li.options ul.option-list>li:hover {
    background: rgba(0, 0, 0, 0.05);
}

.user-context ul.hubox-context-menu {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0);
    z-index: 8;
}

ul.hubox-context-menu li.options ul.option-list {
    min-width: 100%;
}

ul.hubox-context-menu li.options ul.option-list>li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #F0F0F0;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

ul.hubox-context-menu li.options {
    border-radius: 0;
}


/*
	@package "advanced-search-box"
	@style-class ""
	@style-title "Padrão"
*/

.advanced-search-box {
    position: absolute;
    top: 5px;
    right: 110px;
    width: calc(50% - 185px);
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

.EditMode .advanced-search-box {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
}

.search-box-opened .advanced-search-box {
    visibility: visible;
    opacity: 1;
}

.advanced-search-box .search-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .advanced-search-box .search-form .select-container {
        flex: 0 1 auto;
    }

.template .advanced-search-box select {
    color: #ffffff!important;
    cursor: pointer;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhbWFkYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjM1LjA5OHB4IiBoZWlnaHQ9IjguMjQ4cHgiIHZpZXdCb3g9IjAgMCAzNS4wOTggOC4yNDgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM1LjA5OCA4LjI0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTguMDc4LDguMDI5bDYuNzQzLTYuNzM2YzAuMjk1LTAuMjk2LDAuMjk1LTAuNzc0LDAtMS4wNzFjLTAuMjk1LTAuMjk1LTAuNzc1LTAuMjk1LTEuMDcsMGwtNi4yMDgsNi4yMDINCglsLTYuMjA4LTYuMjAxYy0wLjI5NS0wLjI5Ni0wLjc3NS0wLjI5Ni0xLjA3MSwwYy0wLjI5NSwwLjI5Ni0wLjI5NSwwLjc3NSwwLDEuMDcxbDYuNzQzLDYuNzM2DQoJQzE3LjI5OSw4LjMyLDE3Ljc4Niw4LjMyLDE4LjA3OCw4LjAyOXoiLz4NCjwvc3ZnPg0K');
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    /* padding-top: 15px;
    padding-bottom: 15px;
    margin: 0; */
    outline: none!important;
    box-shadow: none!important;
    top: -5px;
    position: relative;
    max-height: auto!important;
    background-color: transparent!important;
}

.template .advanced-search-box select:hover {
    /* background-color: rgba(0,0,0,0.15); */
}

    .template .advanced-search-box select option {
        background: rgba(0,0,0,0.8);
    }

.advanced-search-box .input-container {
    white-space: nowrap;
    flex: 1 0 auto;
    padding-left: 60px;
    position: relative;
}

    .advanced-search-box .input-container:before {
        content: "\e90c";
        font-size: 30px;
        top: 5px;
        left: 20px;
        color: #fff!important;
        opacity: 0.33;
        font-family: 'intranet-icons';
        position: absolute;
    }

.template .advanced-search-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
    color: #fff!important;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 0;
    margin: 0;
    max-height: auto!important;
    background-color: transparent!important;
    border-bottom: 1px solid rgba(255,255,255,0.33);
    border-radius: 0;
    box-shadow: none!important;
    background: none!important;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

.template .advanced-search-box input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    border-bottom: 1px solid rgba(255,255,255,1);
}

.template .advanced-search-box input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.template .advanced-search-box input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.template .advanced-search-box input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.template .advanced-search-box input:-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.template .advanced-search-box input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.advanced-search-box .button-container {
    width: 0;
    height: 0;
    overflow: hidden;
}
/*
@package "site-chooser"
@style-class ""
@style-title "Modelo Padrão"
*/
.main-header .site-chooser .site-dropdown {
    top: 0;
    width: 320px;
    padding: 15px 0;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: calc(100vh - 56px);
}

.AdminMode .main-header .site-chooser .site-dropdown {
    max-height: calc(100vh - 100px);
}

.main-header .site-chooser .site-select:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.48);
    transition: all 0.5s ease-in-out;
}

.main-header .site-chooser .dropdown-opened .site-select:after {
    opacity: 1;
    visibility: visible;
}

.main-header .site-chooser .site-image img {
    max-height: 80px;
    transition: all 0.5s ease-in-out;
}

.main-header .site-chooser .site-name {
    padding: 0;
}

.main-header .site-chooser .site-select-icon {
    margin: 0;
    top: 0;
    left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    /*para versão da quay display none nop botão*/
    display: none;
}

.main-header .site-chooser .site-select-icon:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.main-header .site-chooser .site-select-text {
    display: none;
}

.main-header .site-chooser .site-select {
    width: auto;
    margin: 0;
    background: none;
    border: 0;
    top: 0;
    right: 0;
    padding: 0;
    color: #fff;
    cursor: default;
    position: absolute;
    display: none;
}

.home .main-header .site-chooser .site-select {
    display: block;
}

.site-chooser .dropdown-opened .site-dropdown {
    visibility: visible;
    opacity: 1;
}

.site-chooser .no-img .site-image {
    display: inline-block;
}

.site-chooser .no-img .site-name {
    display: block;
}

.site-chooser .site-dropdown li a {
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    padding: 15px 30px;
    color: rgba(0, 0, 0, .6);
    display: block;
}

.site-chooser .site-dropdown li a:hover {
    background: rgba(0, 0, 0, 0.05);
}

.site-chooser .site-dropdown li.selected a {
    color: rgb(0, 180, 212);
}

.site-chooser .site-dropdown-title {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    font-size: 1.3em;
    color: rgb(0, 180, 212);
    padding: 15px 30px;
}

.site-chooser .site-dropdown {
    visibility: hidden;
    opacity: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 101;
    border-radius: 10px;
    overflow-y: auto;
    background: rgb(255, 255, 255);
    transition: all 0.5s ease-in-out;
}

.site-chooser .site-image {
    font-size: 0;
    background-image: none !important;
}

.site-chooser .site-name {
    padding: 7px;
    font-size: 1.2em;
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    display: none;
    color: rgba(0, 0, 0, 0.7);
}

.site-chooser .site-select-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
}

.site-chooser .site-selected .site-image>img {
    /*opacity: 0;*/
}

.site-chooser .site-selected a {
    display: block;
    transition: all 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    position: absolute;
}

.site-chooser .site-selected a:hover {
    /* background:rgba(0,0,0,0.1); */
}

.site-chooser .site-selected {
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    display: block;
    /* height:6vw; */
    min-width: 160px;
    max-width: 260px;
    min-height: 50px;
    max-height: 120px;
}



.site-chooser .site-select {
    width: 100%;
    color: rgb(0, 110, 184);
    padding: 10px 40px 10px 20px;
    margin: 15px 0;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    background: rgb(255, 255, 255);
}

.site-chooser {
    background-color: rgba(255, 255, 255, 0);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    /* min-height: 80px; */
    /* max-height: 200px; */
    transition: all 0.5s ease-in-out;
    max-height: 69px;
}


.site-chooser .icon.arrow-down:before {
    height: 100%;
    vertical-align: -webkit-baseline-middle;
}
/*
	@package "banner"
	@style-class ""
	@style-title "Padrão"
*/

.banner .content-wrapper {
    min-height: 30px;
}

.banner ul.hubox-context-menu {
    top: 10px;
    right: 10px;
}

.banner img {
    width: 100%;
    font-size: 0;
    display: inline-block;
    visibility: hidden;
    background-position: center center;
    background-size: cover;
}

.banner .banners-images > li {
    z-index: 0!important;
    width: 100% !important;
    height: 100% !important;
    display: contents;
}

    .banner .banners-images > li > div,
    .banner .banners-images > li > div > div {
        height: 100%;
    }

.banner .banner-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .banner .banner-image a {
        display: block;
        height: inherit;
    }


.banner .banner-description {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.banner .banners-images .banner-text,
.banner .banners-images .banner-subtitle,
.banner .banners-images .banner-title {
    height: auto;
    padding: 15px;
    color: #fff;
    background: rgba(0, 110, 184,0.85);
}

.banner .banner-title {
    margin-top: -100%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.banner .banner-title + .banner-text {
    padding-top: 0;
}

.banner .banner-title h1 {
    margin: 0;
    color: rgb(255, 255, 255);
    font-size: 1.6em;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.banner .banner-text p {
    margin: 0;
}

.banner .banners-images .banner-subtitle {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    padding: 15px 15px 50px 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.banner .banner-subtitle h2 {
    margin: 0;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.banner .banners-images:hover .banner-title {
    margin-top: 0;
}

.banner .banners-images:hover .banner-subtitle {
    bottom: 0;
}

.banner .slides-wrap,
.banner .banners-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.banner .banners-nav {
    position: absolute!important;
    display: inline-block;
    overflow: visible!important;
    bottom: 8px;
    left: 15px;
    z-index: 20;
    padding: 0;
}   


    .banner .banners-nav li {
        margin-right: 7px;
        display: inline-block;
    }
    .banner .banners-nav li img {
        display: none;
    }

        .banner .banners-nav li.activeSlide a {
            background: rgb(0, 180, 212);
        }

    .banner .banners-nav a {
        background: rgb(248, 244, 233);
        display: block;
        width: 1em;
        height: 1em;
        border-radius: 5em;
        text-align: center;
        line-height: 1.2em;
        font-size: 1em;
        color: rgba(0,0,0,0);
        -webkit-transition: .2s;
        transition: .2s;
        padding: 0;
    }

        .banner .banners-nav a:hover {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

    .banner .banners-nav li.activeSlide a:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

.hb-banner-selector .selected .circle-check {
    background: forestgreen !important;
}

/* Modal de edição de banner */

.hubox.layer[class*="client-layer"] [data-ng-show="step.label == 'select-image'"] .radio-group label {
    display: block;
    margin-bottom: 20px;
}

.hubox.layer[class*="client-layer"] [data-hb-tag-categorization-selector] .check-all,
.hubox.layer[class*="client-layer"] [data-hb-tag-categorization-selector] .checkbox-group {
    margin-bottom: 0;
}

.hubox.layer[class*="client-layer"] .image-list li[data-ng-repeat="banner in banners"] figure {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0,0.12);
}

@media (min-width: 1600px) {
    .hubox.layer[class*="client-layer"] .image-list li[data-ng-repeat="banner in banners"] {
        width: 20%;
    }
}


.Module.banner .content-wrapper > div{
    position: relative;
}
/*
	@package "banner"
	@style-class "no-margin"
	@style-title "Banner sem margens"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: banner-default.css
===================================================== */

.banner.no-margin {
    margin: 0;
}
/*
	@package "banner"
	@style-class "no-margin-bottom"
	@style-title "Banner sem margem na sua base"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: banner-default.css
===================================================== */

.banner.no-margin-bottom {
    margin-bottom: 0;
}
/*
	@package "banner"
	@style-class "no-margin-top"
	@style-title "Banner sem margem no seu topo"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: banner-default.css
===================================================== */

.banner.no-margin-top {
    margin-top: 0;
}
/*
	@package "banner"
	@style-class "no-margin-grid"
	@style-title "Banner sem margem da grid"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: banner-default.css
===================================================== */

.banner.no-margin-grid {
    width: calc(100% + 88px);
    margin: 0 -44px;
}
/*
@package "banner"
@style-class "interno-carrossel"
@style-title "Banner para o cabeçalho das páginas internas com carrossel"
*/
.banner.interno-carrossel {
    width: calc(100% + 63px);
    margin-left: -31px;
    margin-right: -31px;
}

.banner.interno-carrossel img {
    width: auto;
    max-height: 260px;
    z-index: 1;
    visibility: visible;
    position: relative;
    -webkit-box-shadow: 0 0 142px rgba(0, 0, 0, 0.66);
            box-shadow: 0 0 142px rgba(0, 0, 0, 0.66);
}

.banner.interno-carrossel .banners-nav {
    position: absolute;
    display: inline-block;
    bottom: 5px;
    left: 11px;
    z-index: 20;
    padding: 0;
}

.Module.interno-carrossel:after {
    display: none;
}

.banner.interno-carrossel .banners-images {
    overflow: hidden;
    position: relative;
}

.banner.interno-carrossel .banner-image {
    background-size: 0;
    font-size: 0;
    text-align: center;
}

.banner.interno-carrossel .banner-image:after {
    content: '';
    background: inherit;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.66;
    -webkit-filter: blur(11px);
            filter: blur(11px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
    pointer-events: none;
}

.banner.interno-carrossel .banner-image:before {
    content: '';
    background-color: #000;
    opacity: 0.1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
}

.banner.interno-carrossel .banner-description {
    z-index: 2;
}

@media only screen and (min-width:1367px) {
    .banner.interno-carrossel img {
        max-height: 232px;
    }
}
/*
	@package "banner"
	@style-class "interno"
	@style-title "Banner para o cabeçalho das páginas internas"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: banner-default.css
===================================================== */

.banner.interno {
    width: calc(100% + 88px);
    margin: 0 -44px;
}

.banner.interno img {
    width: auto;
    max-height: 50vh;
    z-index: 0;
    visibility: visible;
    -webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0.66);
            box-shadow: 0 0 200px rgba(0, 0, 0, 0.66);
    position: relative;
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
    -webkit-transform:;
            transform:
}


.banner.interno .banner-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 250px;
}
.Module.interno:after {
    display: none;
}

.banner.interno .banners-images {
    overflow: hidden;
    position: relative;
}

.banner.interno .banner-image {
    background-size: 0;
    font-size: 0;
    text-align: center;
    
}

.banner.interno .banner-image:after {
    content: '';
    background: inherit;
    background-size: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.66;
    -webkit-filter: blur(15px);
            filter: blur(15px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='15');
    pointer-events: none;
    z-index: -1;
}

.banner.interno .banner-image:before {
    content: '';
    background-color: #000;
    opacity: 0.1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.banner.interno .banner-description {
    z-index: 2;
}

.banner.interno .banner-image a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
/*
@package "advanced-editor"
@style-class ""
@style-title "Padrão"
*/
.advanced-editor {
    background-color: rgba(255, 0, 0, 0);
    margin-bottom: 27px;
    margin-left: 0px;
    margin-right: 0px;
}

.advanced-editor .custom-html {
    color: rgba(0, 0, 0, .87);
}

.main-footer .advanced-editor .custom-html {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.advanced-editor p {
    text-align: justify;
    line-height: 22px;
    text-align: justify;
    color: rgba(0, 0, 0, .87);
    line-height: 22px;
    font-family: 'Raleway-Medium';
    font-size: 14px;
    font-weight:400;
    font-style:normal;
}

.advanced-editor .custom-html a {
    text-decoration: underline;
}

.advanced-editor .custom-html ol,
.advanced-editor .custom-html ul {
    list-style-type: initial;
    margin: 11px 0;
    padding: 0 0 0 21px;
}

.advanced-editor .custom-html ol {
    list-style-type: decimal;
}

.advanced-editor .custom-html ul li,
.advanced-editor .custom-html ol li {
    text-align: justify;
    font-family: 'Raleway-Medium';
    font-size: 14px;
    line-height: 22px;
    margin-top: 14px;
    margin-bottom: 14px;
}

.Module .custom-html table {
    width: 100%;
}

.Module .custom-html table th {
    color: rgb(255, 255, 255);
    padding: 4px;
    background: rgb(0, 110, 184);
    text-align: left;
}

.Module .custom-html table td {
    padding: 6px;
}

.Module .custom-html table tr:nth-child(odd) td {
    background: rgb(238,236,224);
}

.Module.advanced-editor iframe {
    width: 100% !important;
    /*height: 50vw !important;*/
}
/*
@package "advanced-editor"
@style-class "advanced-editor-no-margin-top"
@style-title "Sem distância no topo"
*/
/*#region  Rodapé do site */
.main-footer .advanced-editor-no-margin-top .custom-html{
color:#fff;
font-size:13px;
}
/*#endregion */

.advanced-editor-no-margin-top .custom-html{
color:rgba(0, 0, 0, .87);
}
.advanced-editor-no-margin-top .custom-html a{
text-decoration:underline;
}
.advanced-editor-no-margin-top .custom-html ol,
.advanced-editor-no-margin-top .custom-html ul{
list-style-type:initial;
margin:16px 0;
padding:0 0 0 30px;
}
.advanced-editor-no-margin-top .custom-html ol{
list-style-type:decimal;
}
.advanced-editor-no-margin-top .custom-html ul li,
.advanced-editor-no-margin-top .custom-html ol li{
line-height:22px;
}
.Module .custom-html table{
width:100%;
}
.Module .custom-html table th{
color:rgb(255, 255, 255);
padding:6px;
background:rgb(0, 110, 184);
text-align:left;
}
.Module .custom-html table td{
padding:9px;
}
.Module .custom-html table tr:nth-child(odd) td{
background:rgb(238,236,224);
}

/*
	@package "poll-vote"
	@style-class ""
	@style-title "Padrão"
*/

.Module.poll-vote {
    flex: none !important;
}

.Module.poll-vote > header > h2 > span:before {
    content: "\e91a";
}

.Module.poll-vote .content-wrapper {
    padding: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    padding-bottom:70px;
}

.Module.poll-vote h3 {
    margin: 0;
    font-size: 20px;
}

.Module.poll-vote .options.single {
    border-bottom: 1px solid rgba(0, 0, 0,0.12);
    margin: 0 -20px;
}

.Module.poll-vote .radio-group {
    margin: 30px 0 0 20px;
}

    .Module.poll-vote .radio-group label {
        display: block;
        margin: 0 0 20px 0;
    }

.Module.poll-vote button {
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
}

.Module.poll-vote [data-ng-show="!emptyResult && !isLoading"] {
    display: flex;
    flex-direction: column;
}

.Module.poll-vote [data-ng-if="properties.ShowHighlightImage"] {
    order: -1;
    margin: -20px -20px 20px -20px;
}

.Module.poll-vote .poll-highlight-img {
    margin: 0;
    max-width: 100%;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
    background-size: 0;
}

.Module.poll-vote .poll-highlight-img.no-img {
    display: none;
}

    .Module.poll-vote .poll-highlight-img img {
        width: 100%;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0 0;
    }

.Module.poll-vote .results h4 {
    margin: 5px 0;
}

.Module.poll-vote .progress-bar {
    margin-bottom: 5px;
}

.Module.poll-vote .progress-bar .bar {
    line-height: 30px;
}
/*#region  Modal */
.hubox.layer[class*="client-layer"] div[data-ng-repeat*="pollResult.Options"] {
    margin: 30px 0;
}
/*#endregion */

.Module.poll-vote .results li div~span {
    float: right;
    margin-top: -31px;
    margin-right: 15px;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 2px black;
  }
/*
@package "breadcrumb"
@style-class ""
@style-title "Padrão"
*/
.Module.breadcrumb {
    margin: 21px 0
}

.Module.breadcrumb:after {
    border: none !important
}

.Module.breadcrumb .bread-crumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px
}

.Module.breadcrumb .bread-crumb li {
    margin-top: 4px
}

.Module.breadcrumb .bread-crumb li span {
    margin-right: 4px;
    color: rgba(0, 0, 0, .6)
}

.Module.breadcrumb .bread-crumb li:last-child span {
    color: rgba(0, 180, 212, 1)
}

.Module.breadcrumb .bread-crumb li a {
    color: rgba(0, 0, 0, .6);
    font-family: Raleway-Medium;
    text-decoration: underline
}

.Module.breadcrumb .bread-crumb li::after {
    content: ">";
    margin-right: 3px
}

.Module.breadcrumb .bread-crumb li:first-child::after,
.Module.breadcrumb .bread-crumb li:last-child::after {
    display: none
}
/*
@package "file-list"
@style-class ""
@style-title "Padrão"
*/
.Module.file-list>header>h2>span:before {
    content: "\e921";
}

.Module.file-list .content-wrapper {
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    padding: 7px 0;
}

.Module.file-list .content-wrapper .list.vertical li::before {
    font-family: 'intranet-icons';
    content: "\e903";
    font-size: 22px;
    min-width: 38px;
    border-radius: 100%;
    height: 38px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255, 255, 255);
    margin: 0 0 0 14px;
}

.Module.file-list .content-wrapper .list.vertical {
    max-height: 229px;
    overflow-y: auto;
    overflow-x: hidden;
    order: -1;
}

.Module.file-list .content-wrapper .list.vertical li {
    display: flex;
    align-items: center;
    position: relative;
}

.Module.file-list .content-wrapper .list.vertical li:hover {
    background-color: rgba(0, 0, 0, .05);
}

.Module.file-list .content-wrapper .list.vertical li a {
    padding: 0 7px;
}

.Module.file-list .content-wrapper .list.vertical li a:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.Module.file-list .content-wrapper .list.vertical li a h3 {
    font-family: 'Raleway-bold';
    font-size: 13px;
    word-break: break-word;
}

.Module.file-list .content-wrapper .add-file {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 0 7px 14px;
    vertical-align: middle;
    display: inline-block;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    text-decoration: none;
    font-size: 13px;
}

.Module.file-list .content-wrapper .add-file:hover {
    text-decoration: underline;
}

.Module.file-list .content-wrapper .add-file:before {
    font-family: 'intranet-icons';
    content: "\e91c";
    font-size: 15px;
    padding: 0 7px 0 0;
    display: inline-block;
    text-decoration: none;
    top: 1px;
    position: relative;
}

.Module.file-list .content-wrapper .add-file:hover:before {
    text-decoration: none;
}

.Module.file-list .content-wrapper .pagination-wrapper {
    order: -1;
}

.template .Module.file-list .pagination-wrapper .pagination li {
    display: none;
}

.template .Module.file-list .pagination-wrapper .pagination li.selected {
    display: inline-block;
}

.Module.file-list .no-file-found {
    padding: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.Module.file-list .no-file-found:before {
    font-family: 'intranet-icons';
    content: "\e934";
    font-size: 23px;
    margin-right: 7px;
    opacity: 0.66;
}

/* icones de arquivos */
.Module.file-list .content-wrapper .list.vertical li.pdf::before {
    font-family: 'intranet-icons';
    content: "\e93d";
    color: #E1564C;
}

.Module.file-list .content-wrapper .list.vertical li.docx::before,
.Module.file-list .content-wrapper .list.vertical li.doc::before {
    font-family: 'intranet-icons';
    content: "\e93a";
    color: #295497;
}

.Module.file-list .content-wrapper .list.vertical li.file2::before {
    font-family: 'intranet-icons';
    content: "\e93b";
    color: #ECECEC;
}

.Module.file-list .content-wrapper .list.vertical li.image::before {
    font-family: 'intranet-icons';
    content: "\e93c";
    color: #f83939;
}

.Module.file-list .content-wrapper .list.vertical li.ppt::before {
    font-family: 'intranet-icons';
    content: "\e93e";
    color: #E5491A;
}

.Module.file-list .content-wrapper .list.vertical li.sound::before {
    font-family: 'intranet-icons';
    content: "\e93f";
    color: #757D91;
}

.Module.file-list .content-wrapper .list.vertical li.video2::before {
    font-family: 'intranet-icons';
    content: "\e940";
    color: #FC5A59;
}

.Module.file-list .content-wrapper .list.vertical li.xls::before {
    font-family: 'intranet-icons';
    content: "\e941";
    color: #0A9C58;
}

.Module.file-list .content-wrapper .list.vertical li.zip::before {
    font-family: 'intranet-icons';
    content: "\e942";
    color: #e8a300;
}

/* ----------------------------------------------------------------------------------------------- */
.Module.file-list li:before {
    font-family: 'intranet-icons';
}

.Module.file-list li:hover:before,
:hover:before {
    text-decoration: none;
}

.Module.file-list li:before,
    {
    text-decoration: none;
}

.Module.file-list li.DOCX:before,
.Module.file-list li.DOC:before,
.Module.file-list li.docx:before,
.Module.file-list li.doc:before {
    content: "\e93a" !important;
    color: #295497;
}

.Module.file-list li.image:before,
.Module.file-list li.BMP:before,
.Module.file-list li.PNG:before,
.Module.file-list li.GIF:before,
.Module.file-list li.JPEG:before,
.Module.file-list li.JPG:before,
.Module.file-list li.bmp:before,
.Module.file-list li.png:before,
.Module.file-list li.gif:before,
.Module.file-list li.jpeg:before,
.Module.file-list li.jpg:before {
    content: "\e93c" !important;
    color: #f83939;
}

.Module.file-list li.PDF:before,
.Module.file-list li.pdf:before {
    content: "\e93d" !important;
    color: #f20000;
}

.Module.file-list li.PPTX:before,
.Module.file-list li.PPT:before,
.Module.file-list li.pptx:before,
.Module.file-list li.ppt:before {
    content: "\e93e" !important;
    color: #eb4d00;
}

.Module.file-list li.MP3:before,
.Module.file-list li.WAV:before,
.Module.file-list li.mp3:before,
.Module.file-list li.wav:before {
    content: "\e93f" !important;
    color: #0072ff;
}

.Module.file-list li.video:before,
.Module.file-list li.MOV:before,
.Module.file-list li.MP4:before,
.Module.file-list li.MPEG:before,
.Module.file-list li.MPG:before,
.Module.file-list li.AVI:before,
.Module.file-list li.mov:before,
.Module.file-list li.mp4:before,
.Module.file-list li.mpeg:before,
.Module.file-list li.mpg:before,
.Module.file-list li.avi:before {
    content: "\e940" !important;
    color: #9b00e3;
}

.Module.file-list li.XLSX:before,
.Module.file-list li.XLS:before,
.Module.file-list li.xlsx:before,
.Module.file-list li.xls:before {
    content: "\e941" !important;
    color: #1d7044;
}

.Module.file-list li.RAR:before,
.Module.file-list li.ZIP:before,
.Module.file-list li.rar:before,
.Module.file-list li.zip:before {
    content: "\e942" !important;
    color: #e8a300;
}
/*
@package "calendar-events"
@style-class ""
@style-title "Padrão"
*/
/* inicio:CALENDARIO */
.calendar {
    margin-bottom: 14px;
    background: rgb(255, 255, 255);
    border-radius: 7px;
    padding: 14px;
}

.calendar .datepickerDoW span,
.datepickerMonth span {
    width: 100% !important;
}

.calendar .datepickerMonth {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
}

.calendar .datepickerMonth span {
    color: rgb(0, 180, 212) !important;
}

.calendar .datepicker {
    text-align: center;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
}

/* cantos arredondados */
.calendar .datepicker>.datepickerBorderT,
.calendar .datepicker>.datepickerBorderB,
.calendar .datepicker>.datepickerBorderL,
.calendar .datepicker>.datepickerBorderR,
.calendar .datepicker>.datepickerBorderTL,
.calendar .datepicker>.datepickerBorderTR,
.calendar .datepicker>.datepickerBorderBL,
.calendar .datepicker>.datepickerBorderBR {
    display: none;
}

.calendar .datepicker>.datepickerContainer {
    width: auto !important;
    height: auto !important;
}

.calendar table {
    width: 100%;
    border-collapse: collapse;
}

.calendar table a {
    display: block;
}

.calendar table tbody,
.calendar table thead {
    border-collapse: collapse;
}

.calendar table tr {
    border-collapse: collapse;
    width: 100%;
}

.calendar table tr>td,
.calendar table tr>th {
    border-collapse: collapse;
    position: relative;
}

.calendar span {
    display: inline-block;
    text-align: center;
    padding: 0;
    width: 100%;
    padding-right: 0;
    vertical-align: bottom;
    line-height: 26px;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock {
    border: none;
    position: relative;
    width: auto;
    padding: 0;
    display: block;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th {
    text-align: center;
    position: relative;
    border-width: 0;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th span {
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: normal;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerMonth:hover span {
    background: inherit;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev span,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext span {
    display: none;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev:before,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:before {
    position: absolute;
    margin: 1px;
    top: 7px;
    display: block;
    width: 13.5%;
    font-size: 14px;
    font-weight: 100;
    z-index: 2;
    font-family: 'intranet-icons';
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev:after,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:after {
    content: "";
    width: 28px;
    height: 28px;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 6.5%;
    margin: -18px -11px;
    opacity: 0;
    transition: 0.2s;
    background: rgba(0, 0, 0, .05);
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.current span {
    background-color: rgb(0, 180, 212) !important;
    color: rgb(255, 255, 255);
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev:hover:after,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:hover:after {
    opacity: 1;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:after {
    right: 6.5%;
    left: auto;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev:before {
    content: "\e900";
    left: 0;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:before {
    content: "\e901";
    right: 0;
}

/* dia da semana */
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr.datepickerDoW>th {
    border-width: 1px;
    opacity: 0.33;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr.datepickerDoW>th>span {
    display: block;
    font-size: inherit;
    font-weight: bold;
    padding-bottom: inherit;
}

/* corpo do calendario */
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody {
    width: 100%;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerMonths>tr>td span {
    line-height: 52px;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.datepickerNotInMonth span {
    opacity: 0.25;
    display: none;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td span {
    position: relative;
    background: rgba(0, 0, 0, 0);
    width: 20px;
    height: 20px;
    line-height: 18px;
    margin: 5px 0;
    color: rgb(0, 0, 0);
    border-radius: 71px;
    transition: 0.2s;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td a:hover span {
    background: rgba(0, 0, 0, 0.05);
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.highlight a:hover span,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.current a:hover span,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.highlight span {
    color: white !important;
    background: rgb(0, 110, 184);
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td a span:before {
    background: rgba(0, 0, 0, 0.05);
    opacity: 0;
    transition: 0.2s;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table>tbody.datepickerDays>tr>td.datepickerToday a span {
    color: white;
}

.datepickerBlock>table>tbody.datepickerDays>tr>td.datepickerToday:before {
    content: "";
    background-color: rgb(0, 180, 212);
    height: 2em;
    width: 2em;
    position: absolute;
    border-radius: 100%;
    left: 0;
    top: 3px;
    transform: translateX(-50%);
    margin-left: 50%;
}

.datepickerBlock>table>tbody.datepickerDays>tr>td.datepickerToday.datepickerNotInMonth.datepickerDisabled:before {
    display: none;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewDays>tbody.datepickerMonths,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewDays>tbody.datepickerYears {
    display: none;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewYears>tbody.datepickerMonths,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewYears>thead>tr.datepickerDoW,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewYears>tbody.datepickerDays {
    display: none;
}

.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewMonths>tbody.datepickerYears,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewMonths>thead>tr.datepickerDoW,
.calendar .datepicker>.datepickerContainer .datepickerBlock>table.datepickerViewMonths>tbody.datepickerDays {
    display: none;
}

/* fim:CALENDARIO */
.event-filter .country-filter,
.event-filter .country-filter .form-group,
.event-filter .tag-filter,
.event-filter .tag-filter .form-group,
.event-filter .period-filter,
.event-filter .period-filter .form-group {
    display: inline-block;
    vertical-align: middle;
}

.event-filter .period-filter .form-group,
.event-filter .tag-filter .form-group,
.event-filter .country-filter .form-group {
    padding-right: 7px;
    margin-bottom: 7px;
}

.event-filter .period-filter .form-group:last-child {
    padding-left: 7px;
}

ul.list-events>li {
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    margin-bottom: 14px;
}

.event-filter .btn {
    margin-bottom: 14px;
}

div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .country-filter,
div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .tag-filter,
div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .period-filter,
div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .country-filter .form-group,
div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .tag-filter .form-group,
div[class*="col-md-5"] div[class*="col-md-5"] .calendar-events .period-filter .form-group {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.Module.calendar-events>header>h2>span:before {
    content: "\e916";
}

.calendar-events .initial-filter {
    margin-bottom: 14px;
}

.calendar-events .event-item {
    display: grid;
    display: -ms-grid;
    position: relative;
    color: inherit !important;
    grid-template-columns: 160px 43px auto;
    -ms-grid-template-columns: 160px 43px auto;
    -ms-grid-columns: 160px 43px calc(100% - 203px);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-template-rows: auto;
    grid-template-areas: "image time title""image time hour""image country country""image description description""actions actions actions";
}

.calendar-events .event-item:hover figure a {
    box-shadow: 0 0 142px rgba(0, 110, 184, .5) inset;
}

.calendar-events .event-item .hubox-context-menu {
    top: 6px;
    right: 6px;
}

.calendar-events .event-item.no-img {
    grid-template-columns: 43px auto;
    -ms-grid-template-columns: 43px auto;
    -ms-grid-columns: 43px calc(100% - 43px);
    -ms-grid-rows: auto;
    grid-template-areas: "time title""time hour""country country""description description""actions actions";
}

.calendar-events .event-item figure {
    grid-area: image;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    background-size: cover;
    background-position: center;
    border-top-left-radius: 7px;
    width: 100%;
    position: relative;
    min-height: 124px;
}

.calendar-events .event-item figure a {
    display: block;
    position: absolute;
    border-top-left-radius: 7px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

.calendar-events .event-item figure.no-img,
.calendar-events .event-item figure img {
    display: none;
}

.calendar-events .event-item time {
    grid-area: time;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    display: block;
    width: 100%;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    position: relative;
    background: rgb(0, 180, 212);
}

.calendar-events .event-item.no-img time {
    -ms-grid-column: 1;
}

.calendar-events .event-item time span {
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
}

.calendar-events .event-item time span:first-child {
    font-size: 24px;
}

.calendar-events .event-item time span:last-child {
    padding-bottom: 39px;
}

.calendar-events .event-item time:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 21px solid transparent;
    border-right: 21px solid transparent;
    border-bottom: 14px solid rgb(255, 255, 255);
}

.calendar-events .event-item h3 {
    grid-area: title;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    width: 100%;
    margin: 0;
    padding: 7px 11px;
    box-sizing: border-box;
    border-top-right-radius: 7px;
    background: rgb(0, 110, 184);
}

.calendar-events .event-item.no-img h3 {
    -ms-grid-column: 2;
}

.calendar-events .event-item h3 a {
    display: block;
    display: -webkit-box;
    max-height: 59px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    text-overflow: ellipsis;
}

.calendar-events .event-item h3 a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
}

.calendar-events .event-item .event-country {
    grid-area: country;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    padding: 11px 11px 0 11px;
}

.calendar-events .event-item.no-img .event-country {
    -ms-grid-column: 1;
}

.calendar-events .event-item .event-country span {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.calendar-events .event-item .time-info {
    grid-area: hour;
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    padding: 11px 11px 0 11px;
    color: rgb(0, 110, 184);
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.calendar-events .event-item.no-img .time-info {
    -ms-grid-column: 2;
}

.calendar-events .event-description {
    grid-area: description;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 4;
    padding: 11px;
}

.calendar-events .event-item.no-img .event-description {
    -ms-grid-column: 1;
    max-height: 55px;
    overflow: hidden;
}

.calendar-events .event-description p:first-child {
    margin-top: 0;
}

.calendar-events .event-description p:last-child {
    margin-bottom: 0;
}

.calendar-events .event-actions {
    padding: 5px 0;
    grid-area: actions;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 5;
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.calendar-events .event-actions>div,
.calendar-events .event-actions li {
    display: inline-block;
}

.calendar-events .event-actions a {
    display: inline-block;
    margin: 5px 0 5px 11px;
}

.calendar-events .event-actions .message {
    display: inline-block;
    margin: 5px 0 5px 11px;
    color: rgb(0, 0, 0);
}

.calendar-events .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message {
    color: rgb(0, 175, 0);
}

.calendar-events .event-actions .message a {
    margin: 0 0 0 4px;
}

.calendar-events .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
    content: '\e927';
}

.calendar-events .event-actions ul[data-ng-if="!currentEvent.Status.Go && !currentEvent.Status.NotGo && currentEvent.Status.Maybe"] .message:before {
    content: '\e929';
}

.calendar-events .event-actions ul[data-ng-if="!currentEvent.Status.Go && currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
    content: '\e928';
}

.calendar-events .event-actions .event-outlook {
    margin-right: 11px;
}

.calendar-events .event-actions a:hover {
    text-decoration: underline;
}

.calendar-events .event-actions a:before {
    text-decoration: underline;
}

.calendar-events .event-actions a:hover:before {
    text-decoration: none;
}

.calendar-events .event-actions a:before {
    text-decoration: none;
}

.calendar-events .event-actions .message:before,
.calendar-events .event-actions a:before {
    font-family: 'intranet-icons';
    font-size: 16px;
    padding: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
    top: 1px;
    position: relative;
}

.calendar-events .event-actions a[data-ng-click="assignPresence(true)"]:before {
    content: "\e927";
}

.calendar-events .event-actions a[data-ng-click="assignPresence(false)"]:before {
    content: "\e928";
}

.calendar-events .event-actions a[data-ng-click="assignPresence()"]:before {
    content: "\e929";
}

.calendar-events .event-actions .event-outlook:before {
    content: "\e92a";
}

/* Slideshow */
.calendar-events .event-rotative {
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

.calendar-events .banners-images {
    overflow: hidden;
    border-radius: 7px;
}

.calendar-events .banners-images img {
    width: 100%;
    display: block;
    visibility: hidden;
    background-position: center center;
    background-size: cover;
    height: max-content;
}

.calendar-events .banners-images>li {
    width: 100% !important;
    overflow: hidden;
    border-radius: 7px;
    height: 100% !important;
    background: rgb(0, 110, 184);
}

.calendar-events .banners-images>li:after {
    content: "\e916";
    font-family: 'intranet-icons';
    position: absolute;
    right: 0;
    bottom: -68px;
    color: #fff;
    font-size: 273px;
    transform: rotate(-30deg);
    opacity: 0.33;
    z-index: -1;
}

.calendar-events .banners-images .event-image {
    background-size: cover;
    background-position: center;
    height: 100%;
}

.calendar-events .event-image a:after {
    content: "";
    display: block;
    height: inherit;
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0);
}

.calendar-events .banners-images .event-description {
    color: #fff;
    z-index: 3;
    position: absolute;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 711px rgba(0, 0, 0, 0.15) inset;
    background: rgba(0, 110, 184, 0.85);
}

.calendar-events .banners-images .event-description time {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 7px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    background: rgba(255, 255, 255, 0.3);
}

.calendar-events .banners-images .event-description time span {
    display: block;
}

.calendar-events .banners-images .event-description time span:first-child {
    font-size: 24px;
}

.calendar-events .banners-images .event-title {
    width: calc(100% - 61px);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    display: inline-block;
    vertical-align: middle;
}

.calendar-events .banners-images .event-title h1 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.calendar-events .slides-wrap,
.calendar-events .banners-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calendar-events .banners-nav {
    position: absolute;
    display: inline-block;
    bottom: 11px;
    left: 11px;
    z-index: 20;
    padding: 0;
}

.calendar-events .banners-nav li {
    margin-right: 5px;
    display: inline-block;
}

.calendar-events .banners-nav li.activeSlide a {
    background: rgb(0, 180, 212);
}

.calendar-events .banners-nav a {
    background: rgb(248, 244, 233);
    border: 1px solid rgba(255, 255, 255, 0.7);
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 57px;
    text-align: center;
    line-height: 14px;
    font-size: 11px;
    color: rgba(0, 0, 0, 0);
    -moz-transition: .2s;
    -o-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
    padding: 0;
}

.calendar-events .banners-nav a:hover {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.calendar-events .banners-nav li.activeSlide a:hover {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.calendar-events .hb-banner-selector .selected .circle-check {
    background: forestgreen !important;
}

/* Modal de cadastro de evento */
.hubox.layer[class*="client-layer"] .add-event-layer .hubox-steps {
    margin-bottom: 32px;
}

.hubox.layer[class*="client-layer"] [data-ng-controller="CalendarEventsManageController"]>div {
    max-height: none !important;
}
.calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoPrev:before, .calendar .datepicker>.datepickerContainer .datepickerBlock>table>thead>tr>th a.datepickerGoNext:befor{
    z-index: 0!important;
}
/*
@package "calendar-events"
@style-class "figure-top"
@style-title "Exibe a imagem do evento no topo da lista"
*/

/* =====================================================
IMPORTANTE:
Esta visualização herda as propriedades do arquivo:calendar-events-default.css
===================================================== */
.calendar-events.figure-top .event-item {
    grid-template-columns: 43px auto;
    -ms-grid-template-columns: 43px auto;
    -ms-grid-columns: 43px calc(100% - 43px);
    grid-template-areas: "image image""time title""time hour""country country""description description""actions actions";
}

.calendar-events.figure-top .event-item figure {
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background-image: url(../../../static/images/sem-imagem.jpg);
}

.calendar-events.figure-top .event-item:not(.no-img) h3 {
    border-top-right-radius: 0;
}

.calendar-events .event-item h3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}

.calendar-events.figure-top .event-item time {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}

.calendar-events.figure-top .event-item .time-info {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
}

.calendar-events.figure-top .event-description {
    -ms-grid-column: 1;
}

.calendar-events.figure-top .event-actions .message {
    display: block;
}
/*
	@package "timeline"
	@style-class ""
	@style-title "Padrão"
*/

.Module.timeline>header>h2>span:before {
    content: "\e92e";
}

/*TIMELINE*/

.Module.timeline .card {
    padding: 30px 0;
    position: relative;
}

.Module.timeline .card:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 60px;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.Module.timeline .timeline-item .card {
    margin-top: 30px;
    padding: 20px 0;
}

.Module.timeline .timeline-item .card:after {
    bottom: auto;
    top: 0;
    left: 70px;
    right: 10px;
}

.timeline-item {
    position: relative;
}

.timeline-item time {
    display: inline-block;
}

.Module.timeline .hubox-context-menu {
    top: auto;
    margin-top: 15px;
    right: 5px;
}

.Module.timeline .timeline-item.comment .hubox-context-menu {
    right: 15px;
}

.Module.timeline .timeline-item time {
    opacity: 0.8;
    position: absolute;
    font-size: 0.9em;
    top: 0;
    right: 0;
}

.timeline .comment-list .timeline-item.comment {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.timeline .comment-list .timeline-item.comment:after {
    display: none;
}

.Module.timeline .timeline-item.comment time {
    top: 10px;
    right: 10px;
}

.timeline-item-comments:after {
    background-color: rgb(248, 244, 233);
}


.timeline-item .timeline-item-entities {
    margin: 0 0 0 43px;
    /* max-height: 500px;
    overflow: hidden; */
}

.timeline-item .timeline-item-external-video,
.timeline-item .timeline-item-video {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: -7px;
}

.timeline-item .comment-list-wrapper>div {
    margin: 16px 0;
}

.timeline-item .comment-list-wrapper>div:last-of-type {
    margin-bottom: 0;
}

.timeline-item .timeline-item-external-video {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
}

.timeline-item .timeline-item-external-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timeline-item .timeline-item-content {
    margin: 0 0 0 43px;
    background-color: rgb(255, 255, 255);
    padding: 20px;
    border-radius: 10px;
    word-break: break-all;
}

.timeline-item .timeline-item-content:empty {
    padding: 0;
}

.timeline-item .timeline-item-content a {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.timeline-item .square-video-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.timeline-item .square-video-list li {
    font-size: 0;
}

.timeline-item .square-video-list video {
    width: 100%;
    border-radius: 10px;
    max-height: 450px;
    background: black;
}

.timeline-item-image {
    background-color: rgb(255, 255, 255);
    border-radius: 10px 10px 0 0;
    margin-bottom: -7px;
}

.timeline-item .timeline-item-image h4 {
    margin: 0;
    border-radius: 10px 10px 0 0;
    padding: 20px;
    font-size: 20px;
    font-family: 'Raleway-Medium';
    color: rgba(0, 0, 0, .66);
}

.timeline-item .square-image-list {
    list-style: none;
    padding: 0;
    margin: -6px -3px -3px -3px;
    font-size: 0;
    position: relative;
}

.timeline-item .square-image-list li {
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    padding: 6px 3px 0 3px;
    box-sizing: border-box;
    max-height: 250px;
    background-size: contain;
    overflow: hidden;
}

.timeline-item .square-image-list.total-1 li {
    overflow: visible;
}

.timeline-item .square-image-list li a {
    display: block;
    background: #000;
    max-height: 500px;
    overflow: auto;
}

.timeline-item .square-image-list li a figure {
    transition: 0.2s;
}

.timeline-item .square-image-list li a:hover figure {
    opacity: 0.8;
    transition: 0.2s;
}

.timeline-item .square-image-list.total-1 li:nth-child(3),
.timeline-item .square-image-list.total-1 li:nth-child(4),
.timeline-item .square-image-list.total-1 li:nth-child(5),
.timeline-item .square-image-list.total-1 li {
    width: 100%;
    max-height: fit-content;
}

.timeline-item .square-image-list.total-4 li:nth-child(3),
.timeline-item .square-image-list.total-4 li:nth-child(4),
.timeline-item .square-image-list.total-4 li:nth-child(5),
.timeline-item .square-image-list.total-4 li,
.timeline-item .square-image-list.total-2 li:nth-child(3),
.timeline-item .square-image-list.total-2 li:nth-child(4),
.timeline-item .square-image-list.total-2 li:nth-child(5),
.timeline-item .square-image-list.total-2 li {
    width: 50%;
}

.timeline-item .square-image-list.total-3 li:nth-child(3),
.timeline-item .square-image-list.total-3 li:nth-child(4),
.timeline-item .square-image-list.total-3 li:nth-child(5),
.timeline-item .square-image-list.total-3 li {
    width: 33.333%;
}


.timeline-item .square-image-list li:nth-child(3),
.timeline-item .square-image-list li:nth-child(4),
.timeline-item .square-image-list li:nth-child(5) {
    width: 33.333%;
}

.timeline-item .square-image-list li.more-items {
    width: calc(33.333% - 6px);
    height: 33%;
    right: 3px;
    bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.2s;
}

.timeline-item .square-image-list li.more-items:hover {
    background: rgba(0, 0, 0, 0.6);
}

.timeline-item .square-image-list li.more-items a {
    font-size: 3rem;
    color: #fff;
    background: none;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.timeline-item .square-image-list li.more-items a:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0);
}

.timeline-item .square-image-list li.more-items a:hover {
    text-decoration: none;
}

.timeline-item .square-image-list figure {
    width: 100%;
    margin: 0;
    height: 100%;
    min-height: 255px;
    max-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.timeline-item .square-image-list.total-1 figure {
    background: rgb(255, 255, 255);
    width: 100%;
    margin: 0;
    height: 100%;
    min-height: 0;
    max-height: none;
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-position: top;
    overflow: auto;
}

.timeline-item .square-image-list.total-1 img {
    display: inline;
    opacity: 0;
    min-height: 0;
    max-height: none;
    background-size: contain;
}

.timeline-item .square-image-list img {
    /* display: none;  */
    opacity: 0;
    min-height: 0;
    max-height: 500px;
    background-size: contain;
}


.timeline-item-attachments .attachment-list {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.timeline-item-attachments .attachment-list li {
    max-width: calc(100% - 20px);
    margin: 10px 0 0 10px;
    padding: 5px 8px 5px 30px;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
    background: rgb(248, 244, 233);
}

.timeline-item-content+.timeline-item-attachments .attachment-list li {
    padding-right: 10px;
}

.timeline-item-content+.timeline-item-attachments .attachment-list li:hover {
    background: rgb(238,236,224);
}

.timeline-item-attachments .attachment-list li:last-child {
    margin-bottom: 10px;
}

.timeline-item-attachments .attachment-list li .file-type {
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    left: 5px;
}

.timeline-item-attachments .attachment-list li .file-name {
    width: 100%;
    font-size: 0.9em;
    display: inline-block;
    word-break: break-all;
    word-break: break-word;
    vertical-align: middle;
}

.timeline-item-attachments .attachment-list li .file-name:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0);
}

.timeline-item-attachments .attachment-list li .file-name:hover {
    text-decoration: none;
}


.timeline-item-attachments .timeline-item-attachments {
    background-color: rgb(255, 255, 255);
    margin: 0 0 0 60px;
    border-radius: 0 0 10px 10px;
}

.timeline-item-attachments .attachment-list li {
    padding-right: 30px;
}

.timeline-item-attachments .attachment-list li .remove-selection {
    font-size: 30px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.timeline-item-attachments .attachment-list li .remove-selection:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
}

.timeline-item .timeline-item-reactions {
    margin: 0 0 0 60px;
    padding-top: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.timeline-item .reaction-bar {
    list-style: none;
    margin: -4px 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 0.9em;
}

.timeline-item .reaction-bar li {
    margin: 7px 30px 7px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}


.timeline-item .timeline-item-reactions a:hover {
    text-decoration: underline;
}

.timeline-item .load-more-items:before,
.timeline-item .timeline-item-reactions .timeline-item-comments span:before,
.timeline-item .reaction-bar a span:before {
    font-family: 'intranet-icons';
    font-size: 20px;
    margin: -2px 5px -2px 0;
    top: 2px;
    position: relative;
    display: inline-block;
    text-decoration: underline;
}

.timeline-item .timeline-item-reactions .timeline-item-comments.active,
.timeline-item .timeline-item-reactions .timeline-item-comments.selected,
.timeline-item .timeline-item-reactions .selected a {
    color: rgb(0, 110, 184);
}

.timeline-item .load-more-items:before,
.timeline-item .timeline-item-reactions .timeline-item-comments span:before,
.timeline-item .reaction-bar a span:before {
    text-decoration: none;
}

.timeline-item .load-more-items:hover:before,
.timeline-item .timeline-item-reactions .timeline-item-comments:hover span:before,
.timeline-item .reaction-bar a span:hover:before {
    text-decoration: none;
}


.timeline-item .reaction-bar .reaction-reprovar a span:before {
    content: "\e946";
    top: 5px;
}

.timeline-item .timeline-item-reactions .timeline-item-comments {
    margin-right: 16px;
    white-space: nowrap;
    z-index: 2;
    position: relative;
    font-size: 0.9em;
}

.timeline-item .timeline-item-reactions .timeline-item-comments span:before {
    content: "\e926";
    top: 5px;
    padding-right: 3px;
}

.timeline-item .timeline-item-reactions .timeline-item-comments.active:after,
.timeline-item .timeline-item-reactions .timeline-item-comments.selected:after {
    content: "";
    top: -12px;
    left: -16px;
    right: -16px;
    bottom: -16px;
    display: block;
    z-index: -1;
    position: absolute;
    background: rgb(248, 244, 233);
    border-radius: 10px 10px 0 0;
}

.timeline-item .load-more-items {
    margin-top: 16px;
    padding-top: 12px;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.timeline-item .load-more-items:before {
    content: "\e94b";
    top: 5px;
}

.timeline-notification.new-items {
    padding: 16px;
    margin-bottom: 22px;
    background: rgb(0, 180, 212);
    color: #fff;
    display: block;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.2); */
    font-size: 0.9rem;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    /* top: 110px; */
    z-index: 3;
    border-radius: 5px;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    font-size: 0.9em;

}

/* Bug do position sticky no chrome, descolar 5px para cima e para esquerda*/
.cssreflections .timeline-notification.new-items {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate(-5px, -5px);
}

.cssreflections .timeline-item .timeline-notification.new-items {
    -webkit-transform: translate(0, 0);
}

.AdminMode .timeline-notification.new-items {
    top: 154px;
}

.timeline-notification.new-items:hover {
    text-decoration: none;
    background: #4DA075;
}

.timeline-notification.new-items:before,
.timeline-notification.new-items:after {
    content: '';
    display: table;
}

.timeline-item .timeline-notification.new-items {
    background: #e5f0eb;
    color: rgb(0, 110, 184);
    font-weight: normal;
    padding: 8px;
    margin-bottom: 16px;
    box-shadow: none;
    position: static;
    top: 0;
}

.timeline-item .timeline-notification.new-items:hover {
    text-decoration: none;
    background: #d4e6de;
}

/* Loading */

.Module.timeline .loader {
    -moz-animation: none;
    -o-animation: none;
    -webkit-animation: none;
    animation: none;
    border: 0;
    width: 100%;
}

.Module.timeline .loader:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    content: " ";
    background: url(/Static/images/loading.gif);
    background-size: cover;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


@media (max-width:1023px) {
    .AdminMode .timeline-notification.new-items {
        top: 110px;
    }
}

@media (max-width:1300px) {
    .timeline-item .reaction-bar {
        font-size: 0;
    }
}


@media (max-width:980px) {

    .timeline-notification.new-items,
    .AdminMode .timeline-notification.new-items {
        top: 94px;
    }
}

@media (max-width:500px) {
    .timeline-item .timeline-item-reactions .timeline-item-comments span {
        font-size: 0;
    }
}



.reaction-curtir span,
.reaction-gostei span,
.reaction-revisar span,
.reaction-nao-gostei span {
    color: rgb(0, 110, 184) !important;
}

.reaction-curtir span::before,
.reaction-gostei span::before {
    content: "\e923";
    color: rgb(0, 110, 184) !important;
    padding-right: 3px;
}

.reaction-revisar span::before,
.reaction-não.gostei span::before {
    content: "\e924";
    color: rgb(0, 110, 184) !important;
    padding-right: 3px;
}

.reaction-não.gostei span {
    color: rgb(0, 110, 184) !important;
}

.reaction-impróprio span,
.reaction-impróprio span::before,
.reaction-impróprio a {
    color: rgba(229, 0, 0, .66);
}

.reaction-impróprio.selected span,
.reaction-impróprio.selected span::before,
.reaction-impróprio.selected a {
    color: rgb(229, 0, 0);
}

.reaction-gostei.selected a,
.reaction-gostei.selected span,
.reaction-gostei.selected span::before,
.reaction-não.gostei.selected a,
.reaction-não.gostei.selected span,
.reaction-não.gostei.selected span::before {
    color: rgb(0, 180, 212) !important;
}


.reaction-impróprio.selected a,
.reaction-impróprio.selected span,
.reaction-impróprio.selected span::before {
    color: red !important;
}

.reaction-impróprio span::before {
    content: "\e925";
    padding-right: 3px;
}

.timeline-item .comment {
    padding: 10px;
}

.timeline-item .timeline-item-reactions .timeline-item-comments.active:after,
.timeline-item .timeline-item-comments.active:after,
.timeline-item.comment .comment-box,
.timeline-item .comment-list {
    background-color: rgb(238,236,224);
    border-radius: 10px;
    padding: 10px;
}

.timeline-item .timeline-item .timeline-item-reactions .timeline-item-comments.active:after,
.timeline-item .timeline-item .timeline-item-comments.active:after,
.timeline-item .timeline-item.comment .comment-box,
.timeline-item .timeline-item .comment-list {
    background-color: rgb(248, 244, 233);
}

.timeline-item .timeline-item-reactions .timeline-item-comments.active:after,
.timeline-item .timeline-item-comments.active:after {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.timeline-item .comment-list {
    margin-top: 15px;
    margin-left: 60px;
    border-top-right-radius: 0;
}

.timeline .comment-list .comment-box {
    padding: 10px;
}

.timeline .comment-list .comment-box>div {
    display: flex;
    flex-wrap: wrap;
}

.timeline .comment-list .comment-box .text-box {
    width: calc(100% - 60px);
    position: relative;
}

.timeline .comment-list .comment-box .text-box .icon.attachment {}

.timeline .comment-list .comment-box .text-box textarea {
    padding: 12px 40px 12px 12px !important;
    margin: 0;
}

.timeline .comment-list .comment-box .text-box .icon.send {
    margin-top: 20px;
}

.timeline .comment-list .comment-box .text-box .icon.send::before {
    display: none;
}

.timeline [ng-include="'comment-item.html'"] {
    margin-top: -20px;
}

.timeline-item-wrapper {
    /* max-height: 500px; */
    overflow: hidden;
    border-radius: 10px;
}
/*
	@package "timeline"
	@style-class "margin-recoil"
	@style-title "Anula margem superior"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: timeline-default.css
===================================================== */

.timeline.margin-recoil {
    margin-top: -44px;
}

/*
@package "comments"
@style-class ""
@style-title "Padrão"
*/
.Module.comments > header > h2 > span:before{
content:"\e935";
}
.comment-list .comment-box{
padding-bottom:30px;
}
.comment-list .comment-box > div{
display:flex;
flex-wrap:wrap;
}
.comment-list .comment-box .text-box{
width:calc(100% - 60px);
position:relative;
}
.comment-list .text-box .icon.attachment{
position:absolute;
top:5px;
right:15px;
font-size:22px;
line-height:32px;
border-radius:7px;
text-indent:5px;
width:32px;
height:32px;
transition:0.2s;
font-family:'intranet-icons';
}
.comment-list .text-box .icon.attachment:hover{
background:rgba(0, 0, 0,.05);
}
.comment-list .text-box .icon.attachment span{
display:none;
}
.comment-list .comment-box .text-box .icon.send{
margin-top:20px;
}
.comment-list .comment-box .text-box .icon.send::before{
display:none;
}
.comment-list .comment-box .text-box textarea{
padding-top:12px;
padding-bottom:12px;
padding-right:60px;
margin:0;
}
.timeline-item-attachments{
width:calc(100% - 60px);
border-radius:10px;
background:rgb(255, 255, 255);
margin-top:20px;
margin: 0 0 0 43px;
display:flex;
}
.timeline-item-content + .timeline-item-attachments{
margin-top:-10px;
border-top-left-radius:0;
border-top-right-radius:0;
}
.comment-list .timeline-item.comment time{
position:absolute;
top:27px;
right:0;
font-size:0.9em;
}
.comment-list ul.hubox-context-menu{
top:auto;
right:10px;
margin-top:15px;
}
.comment-list .timeline-item.comment{
padding-top:20px;
padding-bottom:20px;
margin-top:20px;
}
.comment-list .timeline-item.comment:after{
content:"";
display:block;
position:absolute;
top:0;
left:60px;
right:0;
border-bottom:1px solid rgba(0, 0, 0,.12);
}
.user-card{
padding-bottom:20px;
}
.comment-list .comment-list .comment-list .timeline-item.comment time{
top:25px;
}
.comment-list .comment-list .timeline-item.comment{
margin-top:0;
}
.comment-list .load-more-items{
margin:20px 0;
display:block;
}
.comment-list .load-more-items:hover{
text-decoration:underline;
}
.comment-list .load-more-items:before{
content:"\e91c";
font-size:24px;
font-family:"intranet-icons";
margin-right:10px;
display:inline-block;
vertical-align:middle;
position:relative;
top:-2px;
}
/*
@package "comments"
@style-class "comments-cemar"
@style-title "Comentários CEMAR"
*/
.comments-cemar>header>h2>span:before {
    content: "\e935";
}

.comments-cemar .comment-box {
    padding-bottom: 21px;
}

.comments-cemar .comment-box>div {
    display: flex;
    flex-wrap: wrap;
}

.comments-cemar .comment-box .text-box {
    width: calc(100% - 43px);
    position: relative;
}

.comments-cemar .text-box .icon.attachment {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 13px;
    line-height: 34px;
    border-radius: 10px;
    height: 33px;
    text-indent: 4px;
    width: 109px;
    height: ;
    transition: 0.3s;
    font-family: 'intranet-icons';
    background-color: none;
    text-align: center;
}

.comments-cemar .text-box .icon.attachment span {
    display: none;
}

.comments-cemar .text-box .icon.attachment::before {
    font-family: 'intranet-icons';
    content: "\e92d ";
}

.comments-cemar .text-box .icon.attachment::after {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    content: "Anexar";
    font-weight: bold;
}

.comments-cemar .text-box textarea:focus {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.comments-cemar .comment-box .text-box .icon.send {
    margin-top: 14px;
}

.comments-cemar .comment-box .text-box .icon.send::before {
    display: none;
}

.comments-cemar .comment-box .text-box textarea {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 43px;
    margin: 0;
    font-size: 13px;
}

.comments-cemar .timeline-item-attachments {
    width: calc(100% - 43px);
    border-radius: 7px;
    background: rgb(255, 255, 255);
    margin-top: 14px;
    margin-left: 43px;
    display: flex;
}

.comments-cemar .timeline-item-content+.timeline-item-attachments {
    margin-top: -7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.comments-cemar .timeline-item .load-more-items:before,
.comments-cemar .timeline-item .timeline-item-reactions .timeline-item-comments span:before,
.comments-cemar .timeline-item .reaction-bar a span:before {
    font-family: 'intranet-icons';
    font-size: 14px;
    margin: -1px 4px -1px 0;
    top: 1px;
    position: relative;
    display: inline-block;
}

.comments-cemar .timeline-item .reaction-bar {
    list-style: none;
    font-size: 10px;
}

.comments-cemar .timeline-item .reaction-bar li {
    margin: 5px 21px 5px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.comments-cemar .timeline-item .timeline-item-reactions .timeline-item-comments span::before {
    content: "\e926";
    top: 4px;
    padding-right: 2px;
}

.comments-cemar .timeline-item.comment time {
    position: absolute;
    top: 19px;
    right: 0;
    font-size: 14px;
}

.comments-cemar ul.hubox-context-menu {
    top: auto;
    right: 7px;
    margin-top: 11px;
}

.comments-cemar .timeline-item.comment {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 14px;
}

.comments-cemar .timeline-item.comment:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 43px;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.comments-cemar .user-card {
    padding-bottom: 14px;
}

.comments-cemar .comments-cemar .comments-cemar .timeline-item.comment time {
    top: 18px;
}

.comments-cemar .comments-cemar .timeline-item.comment {
    margin-top: 0;
}

.comments-cemar .load-more-items {
    margin: 14px 0;
    display: block;
}

.comments-cemar .load-more-items:hover {
    text-decoration: underline;
}

.comments-cemar .load-more-items:before {
    content: "\e91c";
    font-size: 17px;
    font-family: "intranet-icons";
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.comments-cemar .icon.send span {
    color: rgba(255, 0, 0, 0);
}

.comments-cemar .icon.send span:after {
    color: rgb(255, 255, 255);
    content: "Publicar";
    margin-left: -52px;
}

.comments-cemar .profile-card {
    padding-left: 43px;
    position: relative;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
}

.comments-cemar .profile-card .profile-avatar {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: rgb(0, 110, 184);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* @media only screen and (min-width:1367px){
.comments-cemar .icon.send span:after{
margin-left:-37px;
}
.comments-cemar .profile-card .profile-avatar{
margin-top:0px;
}
.comments-cemar .text-box .icon.attachment{
height:52px;
top:-20px;
line-height:27px;
background-color:rgba(255,255,255,1);
}
.comments-cemar .text-box .icon.attachment:hover{
background-color:rgba(247,250,255,1);
}
} */

.comment-list .text-box .icon.attachment:hover {
    background: rgba(0, 0, 0, .05);
    border-radius: 10px;
    top: 0px;
}
/*
	@package "post-view"
	@style-class ""
	@style-title "Padrão"
*/

.post-view .post-publish-date,
.post-view .post-visualizations {
    display: inline-block;
}

.post-view .main-img {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    height: 369px;
    text-align: center;
    overflow: hidden;
    z-index: 0;
}

.post-view .main-img:after {
    content: '';
    display: block;
    position: absolute;
    background: inherit;
    background-size: cover;
    background-position: center;
    z-index: 2;
    top: -50px;
    left: -50px;
    right: -50px;
    bottom: -50px;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.post-view .main-img:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .20);
}

.post-view .main-img img {
    height: 100%;
    position: relative;
    z-index: 3;
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.7);
}

.post-view .post-wrapper {
    padding: 20px 0 0 0;
    margin-top: calc(369px + 10px);
}

.post-view .post-publish-date {
    font-size: 0.9em;
    margin-top: -27px;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background: rgb(127, 127, 127);
}

.post-view .post-publish-date .day {
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 400;
}

.post-view .post-publish-date .month {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.post-view .post-update-date {
    opacity: 0.87;
    color: rgb(0, 0, 0);
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
}

.post-view .post-category label {
    display: none;
}

.post-view .post-category {
    font-size: 0.8rem;
    font-weight: 700;
    position: inline-block;
    padding: 4px 10px;
    font-family: inherit;
    text-transform: uppercase;
    background: rgb(238,236,224);
    border-radius: 12px;
    margin-bottom: 15px;
    position: absolute;
    color: rgba(0, 0, 0, .87);
}

.post-view .post-category,
.post-view .post-publish-date,
.post-view .post-update-date {
    display: inline-block;
}

.post-view .post-update-date {
    float: right;
}

.post-view .post-wrapper h2:first-of-type {
    font-size: 2em;
    color: rgb(0, 180, 212);
    color: rgb(0, 180, 212);
    font-size: 28px;
    font-weight: 700;
}

.post-view .post-text iframe {
    width: 100% !important;
}

.post-view .post-segmented-tags,
.post-semantic-tags {
    border-radius: 12px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 3px;
    padding-left: 44px;
}

.post-view .post-segmented-tags label,
.post-semantic-tags label {
    display: none;
}

.post-view .post-segmented-tags label,
.post-semantic-tags span,
.post-segmented-tags label,
.post-segmented-tags span {
    background-color: rgb(0, 110, 184);
    padding: 3px 11px;
    margin: 0 5px 7px 0;
    border-radius: 22px;
    color: white;
    font-family: 'Raleway-SemiBold';
    font-size: 12px;
    color: rgb(255, 255, 255);
    display: inline-block;
    text-transform: uppercase;
}
.post-semantic-tags:before {
    font-family: 'intranet-icons';
    display: inline-block;
    font-size: 32px;
    position: absolute;
    line-height: 1rem;
    /* top: -1px; */
    left: 0;
    margin-top: 5px;
    vertical-align: middle;
    margin-right: 10px;
    content: '\e930';
    color: rgba(0, 0, 0, 0.47);
}

.post-view .post-text.custom-html {
    margin-bottom: 45px;
}

.post-view .post-visualizations {
    display: none;
}

.hubox.layer[class*="client-layer"] .modal-post-advanced-form .tab.horizontal .tab-panel {
    overflow: hidden;
    margin: 0 0 -44px 0;
}


/*exibe visualizacoes*/
.post-semantic-tags {
    height: 40px;
}
.post-view .post-segmented-tags label,
.post-semantic-tags label {
    display: none;
    height: 60px;
}

.post-view .post-visualizations {
    display: none;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    color: rgba(0, 0, 0, 0.76);
    font-style: italic;
}


/*Sem Imagem*/

.Module.post-view .post-content.no-img > figure {
    display: none;
}

.Module.post-view .post-content.no-img > .post-wrapper {
    margin-top: 0;
}
/*
	@package "publisher"
	@style-class ""
	@style-title "Padrão"
*/

.Module.publisher > header > h2 > span:before {
    content: "\e92e";
}

.publisher .list {
    display: flex;
    flex-wrap: wrap;
    margin: 0px 0 20px 53px;
}

    .publisher .selected-image-list li,
    .publisher .list.list-selection.attachment-list li {
        margin: 10px 10px 0 0;
        background: rgb(255, 255, 255);
        border-radius: 3px;
        padding: 5px;
        display: flex;
        align-items: center;
    }

    .publisher .selected-image-list li {
        margin-top: 0;
    }

        .publisher .selected-image-list li span,
        .publisher .list.list-selection.attachment-list li span {
            padding-right: 5px;
            font-size: 0.9em;
        }

            .publisher .selected-image-list li span.file-type,
            .publisher .list.list-selection.attachment-list li span.file-type {
                font-size: 1.1em;
            }

        .publisher .selected-image-list li a,
        .publisher .list.list-selection.attachment-list li a {
            font-size: 30px;
            height: 20px;
            box-sizing: border-box;
            line-height: 10px;
            border-radius: 2px;
            padding: 3px;
        }

            .publisher .selected-image-list li a:hover,
            .publisher .list.list-selection.attachment-list li a:hover {
                background: rgba(0, 0, 0,0.1);
            }

.publisher .types .list li {
    margin-right: 20px;
}

    .publisher .types .list li:last-child {
        margin-right: 0;
    }

.publisher .list .icon:before {
    padding-right: 5px;
}

.publisher .attachments {
    margin: 20px 0;
}

    .publisher .attachments .icon.attachment {
        padding-left: 53px;
    }

        .publisher .attachments .icon.attachment:before {
            content: "\e92d";
            margin-right: 5px;
        }

.publisher .share-with {
    display: flex;
    flex-direction: column;
    border-top: rgb(238,236,224);
    padding-top: 9px;
    margin-left: 55px;
}

    .publisher .share-with .list {
        padding: 10px 0;
    }

        .publisher .share-with .list .icon.plus {
            background-color: transparent;
            font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
            color: rgb(0, 110, 184);
            font-size: 13px;
            padding: 10px 10px 10px 0;
            white-space: nowrap;
        }

            .publisher .share-with .list .icon.plus::before {
                content: "\e90b";
            }

            .publisher .share-with .list .icon.plus::after {
                content: "Selecionar destinatários";
                text-transform: initial;
                padding-left: 5px;
            }

.publisher a.icon:hover {
    text-decoration: underline;
}

.publisher a.icon:before {
    display: inline-block;
}

.publisher a.icon:hover:before {
    text-decoration: none;
}

.publisher .contact-selection-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 0;
}

.publisher .share-with .list li:not(:last-child) {
    display: flex;
    align-items: center;
    background-color: rgb(255, 255, 255);
    margin: 5px 10px 5px 0;
    border-radius: 16px;
}

    .publisher .share-with .list li:not(:last-child) a {
        padding: 0;
        font-size: 26px;
        height: 20px;
        width: 20px;
        text-align: center;
        border-radius: 100%;
        line-height: 16px;
        margin: 0 5px 0 -10px
    }

.publisher .share-with .list figure {
    font-size: 0;
    margin-right: -5px;
}

    .publisher .share-with .list figure.no-img img {
        display: none;
    }

.publisher .share-with .list .contact-type-group figure.no-img:before,
.publisher .share-with .list .contact-type-user figure.no-img:before {
    content: "\e90b";
    font-family: 'intranet-icons';
    color: rgb(255, 255, 255);
    font-size: 26px;
    display: block;
    padding: 6px 3px 0 3px;
    border-radius: 100%;
    overflow: hidden;
    background: rgb(0, 110, 184);
}

.publisher .share-with .list .contact-type-group figure.no-img:before {
    content: "\e936";
    padding: 3px;
}

.publisher .share-with .list span {
    font-size: 0.9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
    padding: 7px 14px;
}

.publisher .share-with .list a:hover {
    background: rgba(0, 0, 0,0.1);
}

.publisher .content {
    padding-left: 55px;
}

    .publisher .content textarea {
        padding: 12px;
        height: 43px;
    }

.publisher .social-publisher {
    position: relative;
}

    .publisher .social-publisher .profile-card {
        position: absolute;
        top: 34px;
    }

.publisher .contact-type-group img,
.publisher .contact-type-user img,
.publisher .cell-avatar img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    background-color: rgb(0, 110, 184);
}

.publisher table.contact-list-table > thead > tr > th {
    text-align: left !important;
}

.publisher .social-publisher .profile-card a {
    display: none;
}

.publisher .social-publisher button {
    margin-left: 55px;
}

.Module.publisher .social-publisher:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -44px;
    left: 60px;
    top: auto;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0,.12);
}
/*
	@package "edit-user-profile"
	@style-class ""
	@style-title "Padrão"
*/

.Module.edit-user-profile {
    margin: 0;
}

.edit-user-profile hr {
    /* border-color: rgb(238,236,224); */
    display: none;
}

.edit-user-profile .user-picture {
    display: block;
    margin-bottom: 20px;
}

.edit-user-profile .user-picture img {
    width: 130px;
    height: 130px;
    border-radius: 100%;
    overflow: hidden;
}

.edit-user-profile .user-picture figure {
    background-image: none !important;
    width: 130px;
    display: inline-block;
}

.edit-user-profile .user-picture span {
    display: none;
}

.edit-user-profile .form-group>label {
    color: rgb(0, 180, 212);
}

.edit-user-profile .user-picture .edit {
    clear: right;
    position: absolute;
    margin-top: 40px;
    margin-left: 25px;
}

.edit-user-profile ul.steps li {
    display: inline-block;
}

.edit-user-profile ul.steps li:after {
    content: '———————';
    letter-spacing: -3px;
    color: rgb(238,236,224);
    margin: 0 20px 0 10px;
}

.edit-user-profile ul.steps li:last-child:after {
    content: none;
}

.edit-user-profile .step-description,
    {
    color: rgb(0, 0, 0) !important;
    opacity: 0.7;
}

.edit-user-profile .step-number {
    background: rgb(0, 0, 0) !important;
    opacity: 0.7;
}

.edit-user-profile li.active .step-description {
    color: rgb(0, 180, 212) !important;
}

.edit-user-profile li.active .step-number {
    background: rgb(0, 180, 212) !important;
}

.edit-user-profile .user-picture .delete {
    position: absolute;
    margin-top: 72px;
    margin-left: 25px;
}

.edit-user-profile .user-picture {
    font-size: 14px;
}

.edit-user-profile .hubox-icon:before {
    font-family: 'intranet-icons';
    font-size: 18px;
}

.edit-user-profile .hubox-icon.edit:before {
    content: "\e907";
}

.edit-user-profile .hubox-icon.delete:before {
    content: "\e91b";
}

.edit-user-profile header h2 {
    margin: 0;
    background: rgb(248, 244, 233);
    margin-left: -45px;
    padding-left: 45px;
    padding-bottom: 31px;
    padding-top: 20px;
    margin-right: -44px;
}

.edit-user-profile h3 {
    color: rgb(0, 180, 212);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.edit-user-profile div.hubox-steps {
    padding-bottom: 40px;
    border-bottom: solid 1px #00000012;
    margin-bottom: 40px;
    margin-left: -45px;
    padding-left: 45px;
    margin-right: -44px;
    background: rgb(248, 244, 233);
}

.edit-user-profile .legend {
    margin-bottom: 35px;
}

/* oculta o titulo "dados pessoais" duplicado  */

.edit-user-profile div:nth-child(4)>div.col-info>div:nth-child(1)>h3 {
    display: none;
}

/* PASSOS:start */

.edit-user-profile .step-number {
    height: 30px;
    display: inline-block;
    width: 30px;
    border-radius: 100%;
    text-align: center;
}

.edit-user-profile .step-number span {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
}

.edit-user-profile .step-description {
    color: rgb(0, 0, 0);
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    opacity: 0.7;
}

.edit-user-profile .step-footer {
    margin-bottom: 40px;
}

.template.meu-perfil .edit-user-profile hr {
    display: none;
}

.edit-user-profile div.hubox-steps.one.two.three~.legend {
    display: none;
}

/* hack da diretiva de endereço */
.directive-address article div.col-md-10 {
    width: 30% !important;
}

/*Connections*/

.edit-user-profile .list-users .list-avatars {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px -10px 20px -10px;
}

.edit-user-profile list-users{
   position: relative;
}

.edit-user-profile .list-users .list-avatars li {
    padding: 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    margin: 0 10px;
    margin-bottom: 20px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 270px;
    max-width: 280px;
}

.edit-user-profile .list-users .btn.btn-primary {
    color: rgb(0, 110, 184);
    background-color: rgb(255, 255, 255);
    display: inline-block;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 0.85rem;
    margin-right: 10px;
    border: 0;
    text-decoration: none;
    border-radius: 3px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: absolute;
    top: 15px;
    right: 0;
}




.edit-user-profile .list-avatars li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}

/*.edit-user-profile .user-card {
    /* overflow: hidden; */
    width: 290px;
    height: 140px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 10px 10px 20px;
}*/

.edit-user-profile .user-card .user-mood {
    margin-right: 7px;
    margin-top: -5px;
}

.edit-user-profile .user-card .user-badge-medal {
    top: 28px;
}

.edit-user-profile .user-role {
    color: rgb(0, 0, 0);
}

.edit-user-profile .user-card .user-name {
    color: rgb(0, 110, 184);
    max-width: 130px;
}

.edit-user-profile input[type="checkbox"] {
    position: relative;
}

/* DESABILITA BOTAO VOLTAR NO PRIMEIRO PASSO DO EDITAR PERFIL */
div[data-ng-show="step.label == 'personal-information'"] button.btn.btn-default:first-of-type {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}


/* dados da diretiva directive-organization-hierarchy */

.directive-organization-hierarchy p[data-ng-bind="groupType.Name"] {
    max-width: 100%;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    font-size: 14px;
    padding: 8px 20px;
    margin: 5px 0;
    border-radius: 10px;
    min-height: 32px;
    max-height: 32px;
    outline: none;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: rgba(0, 0, 0, .1);
    color: rgb(0, 0, 0) !important;
}



.directive-organization-hierarchy:before {
    content: 'INFORMAÇÕES DE CARGO';
    color: rgb(0, 180, 212);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}

.directive-organization-hierarchy {
    display: block;
    padding: 0 11px;
    width: 32%;
    clear: both;
}



.meu-espaco .directive-organization-hierarchy p[data-ng-bind="groupType.Name"] {
    background: none;
    padding: 0px;
    min-height: auto;
    max-height: 100%;
}

.meu-espaco .directive-organization-hierarchy{
    padding: 0;
}

.meu-espaco .directive-organization-hierarchy::before {
    content: '';
    margin: 0;
}
/*
	@package "advertisement-list"
	@style-class ""
	@style-title "Padrão"
*/

.Module.advertisement-list > header > h2 > span:before {
    content: "\e90e";
}

.advertisement-list .list .hubox-context-menu {
    height: 28px;
    top: 4px;
    right: 5px;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.7);
}

.advertisement-list .list {
    flex-wrap: wrap;
    display: flex;
    margin: 20px -10px;
}

    .advertisement-list .list li {
        width: calc(50% - 20px);
        margin: 10px;
        background: rgb(255, 255, 255);
        border-radius: 10px;
        position: relative;
    }

        .advertisement-list .list li:hover figure {
            box-shadow: 0 0 200px rgba(0, 110, 184, .5) inset;
            transition: 0.3s;
        }

        .advertisement-list .list li figure {
            padding-bottom: 75%;
            border-radius: 10px 10px 0 0;
            overflow: hidden;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

            .advertisement-list .list li figure img {
                display: none;
            }

        .advertisement-list .list li.no-img figure {
            position: relative;
            background-color: rgba(0, 0, 0, .15);
        }

            .advertisement-list .list li.no-img figure:after {
                content: "\e90e";
                font-family: 'intranet-icons';
                color: rgba(255, 255, 255,0.85);
                text-shadow: 1px 1px 3px rgba(0,0,0,0.15);
                position: absolute;
                top: 50%;
                left: 50%;
                font-size: 180px;
                margin: -90px;
            }

.advertisement-list-layer .checkbox,
.advertisement-list-layer .checkbox label,
.advertisement-list-layer .checkbox input {
    display: inline-block;
    margin-bottom: 0;
}

.advertisement-list .list li .info {
    padding: 10px 20px 20px 20px;
    min-height: 100px;
    position: relative;
}

    .advertisement-list .list li .info .category {
        padding: 4px 10px;
        font-size: 0.85em;
        font-family: inherit;
        text-transform: uppercase;
        background: rgb(248, 244, 233);
        border-radius: 12px;
        margin-bottom: 15px;
        position: absolute;
        left: auto;
        right: 20px;
        color: rgba(0, 0, 0,.87);
    }

.advertisement-list .info .date {
    position: absolute;
    font-size: 0.9em;
    top: -27px;
    left: 20px;
    width: 50px;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 10px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    background: rgb(127, 127, 127);
}

    .advertisement-list .info .date .day {
        color: rgb(255, 255, 255);
        font-size: 24px;
        font-weight: 400;
    }

    .advertisement-list .info .date .month {
        color: rgb(255, 255, 255);
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
    }

.advertisement-list .list li .info .code {
    display: none;
}

.advertisement-list .list li .title {
    display: flex;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 35px;
}

.advertisement-list .list li .price {
    font-family: 'Raleway-Medium';
    font-size: 16px;
    color: rgb(0, 0, 0);
}

.advertisement-list .tab-nav {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    overflow-y: hidden;
}

    .advertisement-list .tab-nav li {
        float: none;
        clear: none;
        display: inline-block;
    }

.template.classificados .advertisement-list .list li[data-ng-repeat="advertisement in advertisements"] {
    width: 23%;
}

.hubox.layer[class*="client-layer"] .form-group.advertisement-list-layer-price,
.hubox.layer[class*="client-layer"] .form-group.advertisement-list-layer-show-profile {
    margin-bottom: 15px;
}

    .hubox.layer[class*="client-layer"] .form-group.advertisement-list-layer-show-profile .checkbox,
    .hubox.layer[class*="client-layer"] .form-group.advertisement-list-layer-price .checkbox {
        margin: 0;
    }

div[data-ng-controller="AddAdvertisementController"] textarea {
    height: auto;
    min-height: 500px;
    overflow-y: auto !important;
}

div[data-ng-controller="AddAdvertisementController"] input[type=text].small {
    max-width: 80%;
    width: 80% !important;
}

/*
	@package "advertisement-view"
	@style-class ""
	@style-title "Padrão"
*/

.advertisement-view .image-and-gallery .main-image figure {
    width: 440px;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.advertisement-view .content-wrapper [data-ng-controller="AdvertisementViewController"] {
    display: flex;
}

.advertisement-view .image-and-gallery {
    order: -1;
    max-width: 22%;
}

.advertisement-view .info {
    order: -1;
    margin-left: 40px;
    position: relative;
}

    .advertisement-view .info .title {
        color: rgb(0, 180, 212);
        font-size: 28px;
        font-weight: 700;
    }

    .advertisement-view .info .category {
        position: absolute;
        padding: 4px 10px;
        font-size: 0.85em;
        font-family: inherit;
        text-transform: uppercase;
        background: rgb(255, 255, 255);
        border-radius: 12px;
        position: absolute;
        left: auto;
        right: 10px;
        color: rgba(0, 0, 0, .87);
    }

    .advertisement-view .info .date {
        position: relative;
        color: rgba(255, 255, 255, .62);
        position: absolute;
        font-size: 0.9em;
        left: 0;
        width: 50px;
        height: 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border-radius: 10px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        background: rgb(127, 127, 127);
    }

        .advertisement-view .info .date .day {
            color: rgb(255, 255, 255);
            font-size: 24px;
            font-weight: 400;
        }

        .advertisement-view .info .date .month {
            color: rgb(255, 255, 255);
            font-size: 14px;
            font-weight: 400;
            text-transform: uppercase;
        }

    .advertisement-view .info .description h3 {
        margin: 40px 0 0 0px;
    }

.advertisement-view .description p {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 10px 10px 20px;
}

.advertisement-view .description {
    margin-top: 100px;
}

.advertisement-view .user-card {
    width: auto;
    height: auto;
    padding: 20px 10px 0px 20px;
    background-color: rgb(255, 255, 255);
}

.advertisement-view .email {
    background-color: rgb(255, 255, 255);
    padding: 20px 10px 10px 20px;
    margin: 0;
}

.advertisement-view .phone,
.advertisement-view .addresss {
    background-color: rgb(255, 255, 255);
    padding: 0px 10px 10px 20px;
    margin: 0;
}

.advertisement-view .price p {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    background-color: rgb(0, 180, 212);
    color: white;
    border-radius: 12px;
    padding: 4px 10px;
    width: max-content;
    margin-top: 10px;
}

.advertisement-view .price h3 {
    margin: 0;
}

.advertisement-view .image-and-gallery.no-img figure {
    background-image: url('../../../static/images/sem-imagem.jpg') !important;
}

.advertisement-view .entity-image-gallery.view:before {
    content: "\e914";
    font-family: 'intranet-icons';
    display: inline-block;
    font-size: 40px;
    position: relative;
    vertical-align: middle;
    color: rgb(0, 180, 212);
}


.advertisement-view .entity-image-gallery.view:after {
    content: "Galeria de imagens";
    font-size: 1.3em;
    margin-left: 10px;
    color: rgb(0, 180, 212);
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    position: absolute;
    top: 10px;
    left: 40px;
}


.advertisement-view .entity-image-gallery.view {
    margin: 20px -12px;
    position: relative;
}


    .advertisement-view .entity-image-gallery.view .list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 10px;
    }

        .advertisement-view .entity-image-gallery.view .list li {
            width: 46%;
            border: 0;
            margin: 0 8px 8px 0;
            border-radius: 10px;
            overflow: hidden;
            height: 100px;
            max-height: 100px;
        }

.advertisement-view .entity-image-gallery .list > li > a {
    display: block;
    padding-bottom: 20%;
    height: 100px;
    max-height: 100px;
}

.advertisement-view .image-and-gallery .main-image figure img {
    display: none;
}

.advertisement-view .entity-image-gallery.view .list li figure {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100px;
    max-height: 100px;
}

    .advertisement-view .entity-image-gallery.view .list li figure img {
        display: none;
    }

.advertisement-view .code {
    display: none;
}

/*
@package "video-gallery"
@style-class ""
@style-title "Padrão"
*/
.video-gallery .video-list {
    display: flex;
    flex-wrap: wrap;
}

.video-gallery .video-list.vertical li {
    background: rgb(255, 255, 255);
    border-radius: 7px;
}

.video-gallery .video-list.vertical li a {
    display: flex;
}

.video-gallery .video-list.vertical li a .video-info {
    margin: 0;
    padding: 14px;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.video-gallery .video-list li a .video-info .title {
    font-size: 14px;
    top: 36px;
    order: 3;
    width: 100%;
}

.video-gallery .video-list li a .video-info .date {
    margin: 7px 0 7px 0;
    top: 0;
    left: 14px;
    color: rgba(0, 0, 0, .87);
    order: 1;
}

.video-gallery .video-list li a .video-info .views {
    top: 11px;
    background-color: rgb(248, 244, 233);
    border-radius: 7px;
    right: 14px;
    padding: 4px 7px;
    color: rgba(0, 0, 0, .87);
    order: 2;
}

.video-gallery .video-list.vertical li .video-thumb {
    width: 214px;
    min-height: 107px;
}

.video-gallery .video-list li .video-thumb {
    min-width: 214px;
    width: 214px;
    height: 142px;
}

.video-gallery .video-list.vertical li .video-thumb figure {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    border-radius: 7px 0 0 7px;
}

.video-gallery .video-list.horizontal li {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 14px);
    margin: 7px;
    background: rgb(255, 255, 255);
    border-radius: 7px;
    position: relative;
}

.video-gallery .video-list.horizontal li a {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.video-gallery .video-list.horizontal li a .video-thumb {
    min-width: 100%;
    width: 100%;
    height: 142px;
    position: relative;
    display: block;
    clear: both;
}

.video-gallery .video-list.horizontal li .video-thumb figure {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 142px;
    border-radius: 7px 7px 0 0;
}

.video-gallery .video-list li .video-thumb::after {
    content: "";
    background-image: url('../../../static/images/Play-Button-PNG-Transparent.png');
    position: absolute;
    height: 57px;
    background-repeat: no-repeat;
    width: 57px;
    background-size: contain;
    top: 50%;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px;
}

.video-gallery .video-list.horizontal li a .video-info {
    padding: 14px;
    /* height: 100%; */
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 90px;
}

.video-gallery .video-list li .video-thumb figure img {
    display: none;
}

.video-gallery .video-list li:hover .video-thumb figure {
    box-shadow: 0 0 142px rgb(0, 110, 184) inset;
}

.video-gallery .video-list li .video-thumb figure {
    background-color: rgb(0, 180, 212);
}

.Module.video-gallery>header>h2>span:before {
    content: "\e918";
}

[data-hb-video-view] .content-video-wrapper {
    display: flex;
    justify-content: center;
    margin: 0 -21px;
    background: rgb(255, 255, 255);
}

[data-hb-video-view] .video-info {
    padding: 21px 0;
    min-height: 36px;
    position: relative;
}

.hubox.layer[class*="client-layer"] [data-hb-video-view] .title {
    font-size: 1.3rem;
    color: rgb(0, 180, 212);
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    display: block;
    width: 100%;
}

.hb-video-view {
    margin-bottom: -46px;
}

.hubox.layer[class*="client-layer"] [data-hb-video-view] .views {
    display: block;
    float: left;
    margin: 11px 0;
    font-size: 0.9rem;
    font-family: 'Raleway-Semibold', Verdana, Arial, sans-serif;
}

.hubox.layer[class*="client-layer"] [data-hb-video-view] .date {
    display: block;
    margin: 11px 0;
    float: right;
    font-size: 0.9rem;
    font-family: 'Raleway-Semibold', Verdana, Arial, sans-serif;
}

[data-hb-video-view] .description {
    width: 100%;
    display: block;
    margin-top: 11px;
}

[data-hb-video-view] .description:after,
[data-hb-video-view] .description:before {
    content: "";
    display: table;
    clear: both;
}

[data-hb-video-view] .to-visualization-page {
    top: 11px;
    display: flex;
    font-size: 0;
    align-items: center;
}

[data-hb-video-view] .to-visualization-page:hover {
    font-size: 1rem;
}

[data-hb-video-view] .to-visualization-page:after {
    content: '\e918';
    font-size: 16px;
    font-family: 'intranet-icons';
    padding: 6px;
    margin-left: 7px;
    border-radius: 7px;
}

[data-hb-video-view] .to-visualization-page:hover:after {
    background: rgba(0, 0, 0, 0.05);
}

.hb-video-view [hb-comment-list] {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 21px;
}

.hb-video-view .comment-list .comment-box {
    padding-bottom: 7px;
}

.hubox.layer[class*="client-layer"] .hb-video-view .icon.send span {
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    line-height: 1rem;
}

.hubox.layer[class*="client-layer"] .hb-video-view .comment-list .comment-box .text-box textarea {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* .hb-video-view .timeline-item-attachments,
.hb-video-view .timeline-item .timeline-item-content{
background:rgb(248, 244, 233);
} */
.hubox.layer[class*="client-layer"] .hb-video-view a span {
    color: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] .hb-video-view .reaction-impróprio a,
.hubox.layer[class*="client-layer"] .hb-video-view .reaction-impróprio a span {
    color: rgb(229, 0, 0);
}

/* .hb-video-view .timeline-item-attachments .attachment-list li{
background:rgb(255, 255, 255);
} */
.hb-video-view .timeline-item-attachments .attachment-list .remove-selection {
    line-height: 1.4rem;
}

.hb-video-view .timeline-item .timeline-item-comments.active:after,
.hb-video-view .timeline-item .comment-list {
    background: rgba(0, 0, 0, 0.05);
}

.hb-video-view .timeline-item.comment .comment-box {
    background: none;
}

.hb-video-view .comment-list .comment-list .comment-box .timeline-item-attachments {
    background: none;
}

.hb-video-view .comment-list .comment-list .comment-box .timeline-item-attachments .attachment-list {
    padding: 0;
}

.hb-video-view .comment-list .comment-list .comment-box .timeline-item-attachments .attachment-list li {
    margin: 0 7px 7px 0;
}

.hb-video-view .comment-list .comment-list .timeline-item-attachments,
.hb-video-view .comment-list .comment-list .timeline-item-content {
    background: rgb(238,236,224);
}

.hb-video-view .comment-list .comment-list ul.hubox-context-menu {
    right: 14px;
}

.video-list-table.table>thead>tr>th {
    text-transform: uppercase;
    font-weight: 400;
}

.video-list-table.table>tbody>tr>td {
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
}

.video-list-table.table>thead>tr>th:last-child,
.video-list-table.table>tbody>tr>td:last-child {
    white-space: nowrap;
    text-align: right;
}

.video-list-table.table>tbody>tr>td:last-child a:before {
    padding: 0 0 0 0.1em;
}

.video-list-table.table .empty-row td {
    text-align: center !important;
    padding: 1em;
}

/* Modal de edição do módulo */
.video-management .thumb img {
    width: 9em;
}

.hubox.layer[class*="client-layer"] .video-management .form-group.gallery {
    max-width: 50%;
    margin-right: 7px;
    display: inline-block;
}

.hubox.layer[class*="client-layer"] .video-management .form-group.gallery select {
    height: 38px;
}

.hubox.layer[class*="client-layer"] .video-management .header .actions {
    text-align: left;
    display: inline-block;
}

.hubox.layer[class*="client-layer"] .video-management .header .actions .btn {
    margin-right: 11px;
}


.video-gallery .no-video-found {

    background: rgb(255, 255, 255);
    padding: 13px;
    border-radius: 7px;
    width: 100%;
    margin-right: 10px;

}

.video-view .icon.send span {
    color: transparent
}


.video-gallery .add-video {
    padding: 14px;
    display: block;
    margin-top: 13px;
}

.video-gallery .video-list li .video-thumb figure img {
    opacity: 0;
}

.video-gallery .video-list .video-thumb img {
    width: 160px;
    height: 142px;
}

/*
	@package "image-gallery"
	@style-class ""
	@style-title "Padrão"
*/

.Module.image-gallery>header>h2>span:before {
    content: "\e914";
}

.image-gallery [data-ng-controller="ImageGalleryController"]>h3 {
    color: rgb(0, 180, 212);
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
}

.image-gallery .image-list.Mosaic {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

.image-gallery .image-list.Mosaic li {
    width: 25%;
    position: relative;
}

    .image-gallery .image-list.Mosaic li a figure {
        padding-bottom: 75%;
        background-size: cover;
        background-position: center center;
        border-radius: 10px;
        margin: 10px;
        position: relative;
        background-color: rgba(0, 0, 0, .15);
        transition: 0.3s;
      
    }

.image-gallery .image-list.Mosaic li a figure img {
    display: none;
}

    .image-gallery .image-list.Mosaic li:hover figure {
        box-shadow: 0 0 200px rgba(0, 110, 184, .5) inset;
    }

.image-gallery .image-list.Mosaic li .comments {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 5px 10px 5px 30px;
    border-radius: 10px;
    color: white;
}

.image-gallery .image-list.Mosaic li .comments:before {
    content: "\e926";
    font-family: 'intranet-icons';
    position: absolute;
    top: 9px;
    left: 8px;
}

/* Modal de visualização da Imagem */

[data-hb-image-view] {
    margin-bottom: -95px;
}

[data-hb-image-view] .image-view figure img {
    max-width: 100%;
    margin: auto;
    display: block;
}

[data-hb-image-view] .image-content {
    position: relative;
    margin: 0 -30px 30px -30px;
    background: rgba(0, 0, 0,0.05);
}

    [data-hb-image-view] .image-content .navigation .image-prev {
        position: absolute;
        left: 0;
        top: 0px;
        width: 50px;
        display: flex;
        height: 100%;
        opacity: 0.66;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%) !important;
        background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
        background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
    }

[data-hb-image-view] .image-content .navigation .image-prev:before {
    content: "\e900";
    font-family: 'intranet-icons';
}

[data-hb-image-view] .image-content .navigation .image-next:before {
    content: "\e901";
    font-family: 'intranet-icons';
}

    [data-hb-image-view] .image-content .navigation .image-next {
        position: absolute;
        right: 0;
        top: 0px;
        width: 50px;
        display: flex;
        height: 100%;
        margin: 0;
        opacity: 0.66;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
    }

        [data-hb-image-view] .image-content .navigation .image-prev:hover,
        [data-hb-image-view] .image-content .navigation .image-next:hover {
            opacity: 1;
        }

[data-hb-video-view] .description {
    width: 100%;
    display: block;
    margin-top: 15px;
}

    [data-hb-video-view] .description:after,
    [data-hb-video-view] .description:before {
        content: "";
        display: table;
        clear: both;
    }

[data-hb-video-view] .to-visualization-page {
    top: 15px;
    display: flex;
    font-size: 0;
    align-items: center;
}

    [data-hb-video-view] .to-visualization-page:hover {
        font-size: 1rem;
    }

    [data-hb-video-view] .to-visualization-page:after {
        content: '\e918';
        font-size: 22px;
        font-family: 'intranet-icons';
        padding: 9px;
        margin-left: 10px;
        border-radius: 10px;
    }

    [data-hb-video-view] .to-visualization-page:hover:after {
        background: rgba(0,0,0,0.05);
    }

[data-hb-image-view] [hb-comment-list] {
    border-top: 1px solid rgba(0, 0, 0,0.1);
    padding-top: 30px;
}

[data-hb-image-view] .comment-list .comment-box {
    padding-bottom: 10px;
}

.hubox.layer[class*="client-layer"] [data-hb-image-view] .icon.send span {
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    line-height: 1rem;
}

.hubox.layer[class*="client-layer"] [data-hb-image-view] .comment-list .comment-box .text-box textarea {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

[data-hb-image-view] .timeline-item-attachments,
[data-hb-image-view] .timeline-item .timeline-item-content {
    background: rgb(248, 244, 233);
}

.hubox.layer[class*="client-layer"] [data-hb-image-view] a span {
    color: rgb(0, 110, 184);
}

.hubox.layer[class*="client-layer"] [data-hb-image-view] .reaction-impróprio a,
.hubox.layer[class*="client-layer"] [data-hb-image-view] .reaction-impróprio a span {
    color: rgb(229, 0, 0);
}

[data-hb-image-view] .timeline-item-attachments .attachment-list li {
    background: rgb(255, 255, 255);
}

[data-hb-image-view] .timeline-item-attachments .attachment-list .remove-selection {
    line-height: 1.4rem;
}

[data-hb-image-view] .timeline-item .timeline-item-comments.active:after,
[data-hb-image-view] .timeline-item .comment-list {
    background: rgba(0, 0, 0,0.05);
}

[data-hb-image-view] .timeline-item.comment .comment-box {
    background: none;
}

[data-hb-image-view] .comment-list .comment-list .comment-box .timeline-item-attachments {
    background: none;
}

    [data-hb-image-view] .comment-list .comment-list .comment-box .timeline-item-attachments .attachment-list {
        padding: 0;
    }

        [data-hb-image-view] .comment-list .comment-list .comment-box .timeline-item-attachments .attachment-list li {
            margin: 0 10px 10px 0;
        }

[data-hb-image-view] .comment-list .comment-list .timeline-item-attachments,
[data-hb-image-view] .comment-list .comment-list .timeline-item-content {
    background: rgb(238,236,224);
}

[data-hb-image-view] .comment-list .comment-list ul.hubox-context-menu {
    right: 20px;
}



/* ---------------ajusta visualizacao da imagem para manter imagem centralizada e limitada ao modal */
div[data-ng-controller="WrapperImageViewController"] {
    height: 82vh;
}

div[data-ng-controller="WrapperImageViewController"] [data-hb-image-view] .image-content {
    margin: 0;
    height: calc(82vh + 35px);
}

div[data-ng-controller="WrapperImageViewController"] [data-hb-image-view] .image-content figure {
    max-height: 100%;
    height: 82vh;
    margin: auto;
    width: 100%;
    min-height: auto;
    overflow: hidden;
    /* display: table-cell; */
    vertical-align: middle;
    text-align: center;
}

#large-layer .layer-wrapper, #large-client-layer .layer-wrapper {
    overflow: hidden;
}

div[data-ng-controller="WrapperImageViewController"] .content-wrapper {
    overflow: hidden;
    margin: 0 -30px;
}
div[data-ng-controller="WrapperImageViewController"] [data-hb-image-view] .image-view figure img {
    max-width: 100%;
    margin: auto;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    height: auto;
    position: absolute;
}
/*
	@package "search-result"
	@style-class ""
	@style-title "Padrão"
*/

.Module.search-result {
    margin-top: 0;
    background: rgb(218,229,255);
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
}
.search-result header h2 {
    margin: 0;
    padding-left: 45px;
    padding-bottom: 31px;
    padding-top: 20px;
}

.search-result time {
    display: block;
}

.search-result nav {
    border-bottom: solid 1px #00000012;
    padding-left: 45px;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}
.template .search-result  .tab-nav{
    border-bottom: none;
}

.search-result .tab-nav a {
    margin: 0;
    font-weight: 700;
    line-height: 27px;
}

.search-result .result-list li img.default {
    position: absolute;
    z-index: 0;
    width: 90px;
    height: 90px;
    padding: 10px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-color: rgb(255, 255, 255);
}

.search-result .result-list figure.item-img {
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    overflow: hidden;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-size: cover;
}

.search-result .result-list figure.item-img img {
    height: 100%;
    display: none;
}

.search-result .tab-panel {}

.search-result time {
    opacity: 0.87;
    color: rgb(0, 0, 0);
}

.search-result time+p {
    margin: 0;
}

.search-result .result-list li {
    border-top: 0;
    background-color: rgb(255, 255, 255);
    margin: 0 0px 20px 0px;
    border-top: none;
    transition: ease .2s;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.search-result .item-infos {
    margin-left: 20px;
    display: inline-block;
    overflow-wrap: normal;
    position: relative;
    padding-top: 10px;
    width: calc(100% - 250px);
    overflow: hidden;
    height: calc(100% - 10px);
}

.search-result a {
    text-decoration: none !important;
}

.search-result .item-infos h3 a {
    color: rgb(0, 110, 184);
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.search-result .results-found {
    text-align: left;
    padding: 30px 0;
    margin: 0;
    color: rgb(0, 0, 0);
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.search-result .user-card .user-name {
    margin: 0px 0 3px 0;
}

.search-result h3 {
    margin: 0;
    margin: 0;
    margin-bottom: 12px;
    margin: 0;
    font-family: 'Raleway-Medium';
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 20px;
}

.search-result .result-list li:after {
    clear: both;
}

.search-result h4.empty-result {
    margin: 0;
    padding: 30px 0;
}

.search-result .result-list .link-url {
    opacity: .87;
    color: rgb(0, 110, 184);
    font-size: 16px;
    display: block;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 480px) {
    .search-result .result-list figure.item-img {
        display: none;
    }
    .search-result .item-infos {
        margin-left: 0px;
    }
}

@media screen and (min-width: 700px) {
    .search-result h3 {
        margin: 0;
        margin-bottom: 16px;
    }
    .search-result .result-list .link-url {
        margin-bottom: 16px;
    }
}

/* ================================ */

.search-result .result-list li:before,
.search-result .result-list li:after {
    display: table;
    content: ' ';
}

.search-result .result-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-result .pagination {
    padding: 18px;
}

.search-result .result-list figure.item-img {
    background-repeat: no-repeat;
    width: 201px;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-size: cover;
    background-image: url(/static/images/default-thumb.svg);
}

/* grupos */

.search-result .item-infos span:nth-child(1) {
    display: none;
}

.search-result .item-infos p {
    opacity: 0.87;
    font-size: 16px;
    max-height: 72px;
    line-height: 18px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    margin-top: 0;
}

.total-association {
    position: absolute;
    left: auto;
    right: 16px;
    top: 16px;
    color: rgb(0, 110, 184);
    font-weight: 600;
    padding: 4px 8px;
    font-size: 0.8rem;
    clear: both;
    font-family: inherit;
    text-transform: uppercase;
    background: rgb(238,236,224);
    border-radius: 12px;
    display: inline-block;
    margin: 0 2px 2px 0;
}

.search-result .tab-panel li {
    height: 180px;
}

.search-result .tab-panel:first-of-type li,
.search-result .tab-panel:nth-of-type(2) li,
.search-result .tab-panel:nth-of-type(3) li {
    height: 120px;
}

/* usuarios */

.search-result .user-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .search-result .user-list li {
        display: block;
        margin-right: 20px;
        margin-bottom: 20px;
        height: auto;
        overflow: hidden;
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 200px;
        max-width: 300px;
    }

.search-result .user-card {
    width: auto;
    height: auto;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    padding: 20px 10px 10px 20px;
}

.search-result .user-department {
    font-weight: bold;
    color: rgb(0, 0, 0);
    margin-bottom: 5px;
}

.search-result .user-card .user-mood {
    margin-right: 7px;
    margin-top: -5px;
}

.search-result .user-card .user-badge-medal {
    top: 28px;
}

.search-result .user-role {
    color: rgb(0, 0, 0);
}

.search-result .user-card .user-name {
    color: rgb(0, 110, 184);
    max-width: 130px;
}
.resultado-da-busca .Module.page-header>header>h2>span {
    text-transform: none;
    margin-bottom: 44px
}
/*
@package "gallery-list"
@style-class ""
@style-title "Padrão"
*/
.gallery-list .list {
    display: flex;
    flex-wrap: wrap;
}

.gallery-list .list li {
    width: 46%;
    margin: 7px;
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    border-bottom: none;
    box-shadow: none;
    /* border-bottom: 3px solid rgb(0, 180, 212);
    box-shadow: 0px 4px 0px 0px rgba(0, 180, 212, 0.6); */
}

.gallery-list .list li a figure {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 7px 7px 0 0;
    padding-bottom: 75%;
    transition: 0.3s;
}

.gallery-list .list li a figure.no-img {
    position: relative;
    background-color: rgba(0, 0, 0, .15);
}

.gallery-list .list li a figure.no-img:after {
    content: "\e914";
    font-family: 'intranet-icons';
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 128px;
    margin: -64px;
}

.gallery-list .list li a figure img {
    display: none;
}

.gallery-list .list li a h3 {
    padding-left: 14px;
    font-size: 14px;
}

.gallery-list li:hover a figure {
    box-shadow: 0 0 142px rgba(0, 110, 184, .5) inset;
}



.gallery-list .no-data {
    text-align: center;
    padding: 19px;
    width: 100% !important;
}
/*
@package "user-status"
@style-class ""
@style-title "Padrão"
*/
.mood ul.dropdown{
position:absolute;
display:none;
list-style:none;
margin:0;
border:0;
left:0;
right:0;
top:21px;
box-shadow:none;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
background-color:rgba(255,255,255,1);
}
.mood .dropdown a:after{
content:"" !important;
}
.mood a{
padding:6px 36px;
z-index:8;
color:rgb(0, 110, 184);
}
.mood ul.dropdown li a{
color:rgb(0, 0, 0);
padding:3px 36px;
}
.mood ul.dropdown li a:hover{
background-color:rgba(0, 0, 0, .05) !important;
color:rgb(0, 0, 0);
}
.mood a{
background:none;
font-family:'Raleway-SemiBold', Verdana, Arial, sans-serif;
line-height:normal;
font-size:11px;
}
.mood ul.dropdown li a{
line-height:normal;
font-size:11px;
color:rgba(0, 0, 0, .6);
}
.mood.hubox-icon:before{
background-size:contain;
background-repeat:no-repeat;
}
.mood > a:before{
content:none;
}
.hubox-icon.triste:before, .user-mood.triste:hover{
background-image:url(/static/images/estados-de-humor/08-triste.gif);color:transparent;
}
.hubox-icon.triste:before, .user-mood.triste{
background-image:url(/static/images/estados-de-humor/08-triste.jpg);color:transparent;
}
.hubox-icon.alegre:before, .user-mood.alegre:hover{
background-image:url(/static/images/estados-de-humor/02-alegre.gif);color:transparent;
}
.hubox-icon.alegre:before, .user-mood.alegre{
background-image:url(/static/images/estados-de-humor/02-alegre.jpg);color:transparent;
}
.hubox-icon.animado:before, .user-mood.animado:hover{
background-image:url(/static/images/estados-de-humor/03-animado.gif);color:transparent;
}
.hubox-icon.animado:before, .user-mood.animado{
background-image:url(/static/images/estados-de-humor/03-animado.jpg);color:transparent;
}
.hubox-icon.desanimado:before, .user-mood.desanimado:hover{
background-image:url(/static/images/estados-de-humor/07-desanimado.gif);color:transparent;
}
.hubox-icon.desanimado:before, .user-mood.desanimado{
background-image:url(/static/images/estados-de-humor/07-desanimado.jpg);color:transparent;
}
.hubox-icon.otimista:before, .user-mood.otimista:hover{
background-image:url(/static/images/estados-de-humor/04-otimista.gif);color:transparent;
}
.hubox-icon.otimista:before, .user-mood.otimista{
background-image:url(/static/images/estados-de-humor/04-otimista.jpg);color:transparent;
}
.hubox-icon.pensativo:before, .user-mood.pensativo:hover{
background-image:url(/static/images/estados-de-humor/05-pensativo.gif);color:transparent;
}
.hubox-icon.pensativo:before, .user-mood.pensativo{
background-image:url(/static/images/estados-de-humor/05-pensativo.jpg);color:transparent;
}
.hubox-icon.preocupado:before, .user-mood.preocupado:hover{
background-image:url(/static/images/estados-de-humor/06-preocupado.gif);color:transparent;
}
.hubox-icon.preocupado:before, .user-mood.preocupado{
background-image:url(/static/images/estados-de-humor/06-preocupado.jpg);color:transparent;
}
.hubox-icon.radiante:before, .user-mood.radiante:hover{
background-image:url(/static/images/estados-de-humor/01-radiante.gif);color:transparent;
}
.hubox-icon.radiante:before, .user-mood.radiante{
background-image:url(/static/images/estados-de-humor/01-radiante.jpg);color:transparent;
}
/*
@package "user-status"
@style-class "above-meu-espaco"
@style-title "Meu espaço"
*/
.above-meu-espaco.user-status {
    position: absolute;
    animation-duration: .3s;
    animation-fill-mode: both;
    top: -89px;
    pointer-events: none;
    transition: .4s;
    left: 0;
    right: 0;
    z-index: 1;
}

.sidebar-opened .above-meu-espaco.user-status {
    opacity: 0;
    visibility: hidden;
}



.above-meu-espaco.user-status .user-img-content {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    margin-left: 0;
    position: relative;
    background-color: rgb(0, 180, 212);
}

    .above-meu-espaco.user-status .user-img-content figure {
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .above-meu-espaco.user-status .no-img .user-img-content:before {
        content: "\e90b";
        font-family: 'intranet-icons';
        color: #fff;
        font-size: 86px;
        position: absolute;
        top: 15px;
        left: 50%;
        margin-left: -43px;
    }

    .above-meu-espaco.user-status .profile-card {
        display: none;
    }

.above-meu-espaco.user-status .user-info {
    display: inline-block;
    position: absolute;
    margin-left: 16px;
    text-shadow: 0 2px 3px rgba(138, 138, 138, 0.6);
    font-size: 1.1rem !important;
    line-height: 0;
    margin-top: 4px;
    pointer-events: auto;
}

    .above-meu-espaco.user-status .user-info a {
        color: rgb(0,0,0);
    }

.above-meu-espaco.user-status .user-actions {
    margin: 65px 0 0 0;
    vertical-align: top;
    display: inline-block;
    pointer-events: auto;
    min-width: 25%;
    text-align: right;
    float: right;
}

.above-meu-espaco .content-wrapper {
    width: 96%;
    margin: 0 auto;
}

.above-meu-espaco .user-actions a:last-of-type {
    margin-right: 0;
}

.above-meu-espaco.user-status .user-actions a {
    background: rgb(255, 255, 255);
}

        .above-meu-espaco.user-status .user-actions a:hover {
            background: rgba(255, 255, 255, .5);
        }

.above-meu-espaco.user-status .user-info > h4:nth-child(2) {
    opacity: .87;
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: none;
    margin-top: 43px;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
}

.above-meu-espaco.user-status .user-info > h4:nth-child(3) {
    opacity: .87;
    color: rgb(0, 0, 0);
    font-family: 'Raleway-Medium';
    font-size: 14px;
    text-shadow: none;
}

.above-meu-espaco.user-status .user-mood {
    width: 100vw;
    height: 35px;
    float: right;
    border-radius: 25px;
    background-color: rgb(255, 255, 255);
    vertical-align: top;
    top: 65px;
    right: auto;
    position: absolute;
    pointer-events: auto;
    left: 50%;
    /* z-index:30; */
    max-width: 34%;
    transform: translateX(-47%);
}

.above-meu-espaco.user-status .mood label {
    display: none;
    font-size: 10px;
    font-weight: normal;
    font-family: "open_sanslight";
    color: rgb(0, 0, 0);
}

.above-meu-espaco.user-status .user-publisher {
    display: none;
}

.above-meu-espaco.user-status .mood a:after {
    content: "\e909";
    font-family: 'intranet-icons';
    color: rgb(0, 110, 184);
    font-size: 14px;
    position: absolute;
    top: 9px;
    right: 14px;
}

.above-meu-espaco.user-status .user-mood.icon-mood {
    top: 0;
    left: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    transition: 0.2s;
    margin-left: 20px;
    margin-top: 6px;
    z-index: 9;
}

.above-meu-espaco.user-status .icon-medal {
    width: 33px;
    height: 43px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 59px;
    left: 157px;
}

/* :start visualizacao de outro usuario */
.perfil .above-meu-espaco.user-status .user-mood {
    background-color: rgb(255, 255, 255);
}

.perfil .above-meu-espaco.user-status .mood a:after {
    content: "\e909";
    font-family: 'intranet-icons';
    font-size: 14px;
    position: absolute;
    top: 6px;
    right: 6px;
    transition: 0.2s;
}

.above-meu-espaco.user-status .mood a {
    font-size: 12px;
    padding: 9px 40px;
}

.perfil .above-meu-espaco.user-status .user-actions {
    background-color: transparent
}

.perfil .user-actions,
.perfil .user-actions > div {
    display: inline-block;
}

    .perfil .user-actions a {
        margin-right: 21px;
    }

.perfil .above-meu-espaco.user-status .user-actions {
    text-transform: initial;
}

.btn-associate.not-added:before {
    font-family: 'intranet-icons';
    content: "\e91c";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.btn-associate.added:before {
    font-family: 'intranet-icons';
    content: "\e91d";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.btn-follow.not-added:before {
    font-family: 'intranet-icons';
    content: "\e91e";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.btn-follow.added:before {
    font-family: 'intranet-icons';
    content: "\e91f";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.btn-thank.not-added:before {
    font-family: 'intranet-icons';
    content: "\e920";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.btn-thank.added:before {
    font-family: 'intranet-icons';
    content: "\e927";
    font-size: 14px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 6px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

/* ajuste para exibição em modo de edição do hubox */
.EditMode .above-meu-espaco.user-status {
    position: relative;
    top: 0;
}

.EditMode .above-meu-espaco.user-status {
    position: relative;
    top: 0;
    animation-name: none;
}

.above-meu-espaco.user-status .user-info > h3:nth-child(1) {
    font-size: 1.2rem;
}

.above-meu-espaco.user-status .mood ul.dropdown {
    position: absolute;
    display: none;
    list-style: none;
    margin: 0;
    border: 0;
    left: 0;
    right: 0;
    top: 45%;
    padding-top: 30px;
    box-shadow: none;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

    .above-meu-espaco.user-status .mood ul.dropdown li a {
        padding: 3px 10px;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
        line-height: normal;
        font-size: 12px;
        color: rgb(0, 110, 184);
    }


.row-10 .col-md-10 {
    z-index: 0;
}

.view-user-profile-perfil {
    z-index: 0;
}

/*
@package "user-status"
@style-class "user-status-card"
@style-title "Status em Card"
*/
.user-status-card{
height:191px;
}
.user-status-card .mood ul.dropdown{
position:absolute;
display:none;
list-style:none;
margin:0;
border:0;
left:0;
right:0;
top:115%;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
background-color:rgba(255, 255, 255,1);
padding-top: 14px;
box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
}
.user-status-card .mood .dropdown a:after{
content:"" !important;
}
.user-status-card .mood a{
padding:7px 36px;
z-index:8;
color:rgb(0, 110, 184);
}
.user-status-card .mood ul.dropdown li a{
color:rgb(0, 0, 0);
padding:3px 36px;
}
.user-status-card .mood ul.dropdown li a:hover{
background-color:rgba(0, 0, 0,.05) !important;
color:rgb(0, 0, 0);
}
.user-status-card .mood a{
background:none;
font-family:'Raleway-SemiBold',Verdana,Arial,sans-serif;
line-height:normal;
font-size:11px;
}
.user-status-card .mood ul.dropdown li a{
line-height:normal;
font-size:11px;
color:rgba(0, 0, 0,.6);
}
.user-status-card .mood.user-status-card .hubox-icon:before{
background-size:contain;
background-repeat:no-repeat;
}
.user-status-card .mood > a:before{
content:none;
}
.user-status-card .hubox-icon.triste:before,
.user-status-card .user-mood.triste:hover{
background-image:url(/static/images/estados-de-humor/08-triste.gif);color:transparent;
}
.user-status-card .hubox-icon.triste:before,
.user-status-card .user-mood.triste{
background-image:url(/static/images/estados-de-humor/08-triste.jpg);color:transparent;
}
.user-status-card .hubox-icon.alegre:before,
.user-status-card .user-mood.alegre:hover{
background-image:url(/static/images/estados-de-humor/02-alegre.gif);color:transparent;
}
.user-status-card .hubox-icon.alegre:before,
.user-status-card .user-mood.alegre{
background-image:url(/static/images/estados-de-humor/02-alegre.jpg);color:transparent;
}
.user-status-card .hubox-icon.animado:before,
.user-status-card .user-mood.animado:hover{
background-image:url(/static/images/estados-de-humor/03-animado.gif);color:transparent;
}
.user-status-card .hubox-icon.animado:before,
.user-status-card .user-mood.animado{
background-image:url(/static/images/estados-de-humor/03-animado.jpg);color:transparent;
}
.user-status-card .hubox-icon.desanimado:before,
.user-status-card .user-mood.desanimado:hover{
background-image:url(/static/images/estados-de-humor/07-desanimado.gif);color:transparent;
}
.user-status-card .hubox-icon.desanimado:before,
.user-status-card .user-mood.desanimado{
background-image:url(/static/images/estados-de-humor/07-desanimado.jpg);color:transparent;
}
.user-status-card .hubox-icon.otimista:before,
.user-status-card .user-mood.otimista:hover{
background-image:url(/static/images/estados-de-humor/04-otimista.gif);color:transparent;
}
.user-status-card .hubox-icon.otimista:before,
.user-status-card .user-mood.otimista{
background-image:url(/static/images/estados-de-humor/04-otimista.jpg);color:transparent;
}
.user-status-card .hubox-icon.pensativo:before,
.user-status-card .user-mood.pensativo:hover{
background-image:url(/static/images/estados-de-humor/05-pensativo.gif);color:transparent;
}
.user-status-card .hubox-icon.pensativo:before,
.user-status-card .user-mood.pensativo{
background-image:url(/static/images/estados-de-humor/05-pensativo.jpg);color:transparent;
}
.user-status-card .hubox-icon.preocupado:before,
.user-status-card .user-mood.preocupado:hover{
background-image:url(/static/images/estados-de-humor/06-preocupado.gif);color:transparent;
}
.user-status-card .hubox-icon.preocupado:before,
.user-status-card .user-mood.preocupado{
background-image:url(/static/images/estados-de-humor/06-preocupado.jpg);color:transparent;
}
.user-status-card .hubox-icon.radiante:before,
.user-status-card .user-mood.radiante:hover{
background-image:url(/static/images/estados-de-humor/01-radiante.gif);color:transparent;
}
.user-status-card .hubox-icon.radiante:before,
.user-status-card .user-mood.radiante{
background-image:url(/static/images/estados-de-humor/01-radiante.jpg);color:transparent;
}
.user-status-card .user-img-content,
.user-status-card .user-info,
.user-status-card .user-info,
.user-status-card .mood label,
.user-status-card .social-publisher .attachments,
.user-status-card .social-publisher .share-with,
.user-status-card .social-publisher .types{
display:none;
}
.user-status-card .content-wrapper > div > .user-mood:before{
content:"Diga como você está...";
color:rgba(0,0,0,0.65);
font-size:13px;
font-weight:bold;
margin-top:-20px;
position:absolute;
z-index:1;
margin-left:14px;
}
.user-status-card .user-mood{
background-color:rgba(255,0,0,0);
position:absolute;
margin-top:114px;
}
.user-status-card .user-mood div:nth-of-type(2){
background-color:rgba(255,0,0,0);
margin-top:5.5%;
margin-left:12%;
}
.user-status-card .user-mood .icon-mood{
margin-top:14px;
margin-left:26px;
z-index:1;
}
.user-status-card .user-publisher{
position:absolute;
width:414px;
height:205px;
background-color:rgba(0,0,0,0);
}
.user-status-card .user-publisher .profile-card{
padding-left:3%;
position:absolute;
height:60%;
display:table-cell;
vertical-align:middle;
background-color:rgba(255,0,0,0);
width:47%;
}
.user-status-card .user-publisher .profile-card .profile-avatar{
width:30%;
height:67%;
border-radius:100%;
background-color:rgb(0, 180, 212);
background-size:cover;
background-position:center center;
overflow:hidden;
position:absolute;
left:5%;
top:22%;
margin:0;
}
.user-status-card .user-publisher .profile-card .profile-name{
width:60%;
color:rgb(0, 110, 184);
font-family:'Raleway-Bold', Verdana, Arial, sans-serif;
display:inline-block;
background-color:rgba(255,255,0,0);
position:absolute;
left:40%;
top:39%;
margin:0;
font-size:14px;
}
.user-status-card .user-publisher .social-publisher{
height:100%;
}
.user-status-card .user-publisher .social-publisher .content{
width:50%;
height:80%;
float:right;
margin-top:0px;
background-color:rgba(255,0,0,0);
}
.user-status-card .user-publisher .social-publisher .content textarea{
height:84%;
float:right;
background-color:rgba(255,255,255,1);
width:88%;
margin-right:7%;
}
.user-status-card .user-publisher .social-publisher .content:before{
content:"Mensagem do dia";
color:rgba(0,0,0,0.65);
font-size:13px;
font-weight:bold;
margin-left:5%;
}
.user-status-card .user-publisher .social-publisher .btn-primary{
font-size:0px;
position:absolute;
right:34.5%;
top:auto;
width:11.5%;
line-height:27px;
padding-top:1%;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
bottom:1%;
}
.user-status-card .user-publisher .social-publisher .btn-primary:before{
content:"Enviar";
color:white;
font-size:13px;
}
.user-status-card .user-actions{
background-color:rgba(255,255,255,0);
position:absolute;
z-index:1;
margin-top:12.1%;
width:19%;
margin-left:19%;
}

/*
	@package "event-view"
	@style-class ""
	@style-title "Padrão"
*/

.event-view figure {
    width: calc(33.333% - 20px);
    margin: 0 20px 20px 0;
    float: left;
    border-radius: 10px;
    font-size: 0;
    background-size: cover;
    background-position: center;
}

    .event-view figure.no-img {
        display: none;
    }

    .event-view figure a {
        display: block;
    }

    .event-view figure img {
        visibility: hidden;
    }

.event-view .event-info {
    width: 66.666%;
    position: relative;
    float: left;
    margin-bottom: 20px;
}

.event-view figure.no-img + .event-info {
    width: 100%;
}

.event-view .event-info h3 {
    margin: 0 0 20px 0;
    font-size: 1.6em;
    color:  rgb(0, 180, 212);
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
}

.event-view time {
    position: absolute;
    left: 0;
    background: rgb(0, 180, 212);
    width: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    color: #fff;
    padding: 15px 0 40px 0;
}

    .event-view time span:first-child {
        font-size: 38px;
    }

    .event-view time:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-bottom: 20px solid rgb(255, 255, 255);
    }

.event-view address,
.event-view .time-info {
    padding: 20px 20px 20px 90px;
    background: rgb(255, 255, 255);
    font-size: 1.2em;
    line-height: 1.6em;
}

.event-view .time-info {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 0;
}

.event-view address {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-top: 0;
    margin-bottom: 15px;
}

    .event-view address a:hover {
        text-decoration: underline;
    }

.event-view .event-actions > div,
.event-view .event-actions li {
    display: inline-block;
}

.event-view .event-actions a {
    display: inline-block;
    margin: 7px 15px 7px 0;
}

.event-view .event-actions .message {
    display: inline-block;
    margin: 7px 15px 7px 0;
    color: rgb(0, 0, 0);
}

.event-view .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message {
    color: rgb(0, 175, 0);
}

.event-view .event-actions .message a {
    margin: 0 0 0 5px;
}

.event-view .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
    content: '\e927';
}

.event-view .event-actions ul[data-ng-if="!currentEvent.Status.Go && !currentEvent.Status.NotGo && currentEvent.Status.Maybe"] .message:before {
    content: '\e929';
}

.event-view .event-actions ul[data-ng-if="!currentEvent.Status.Go && currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
    content: '\e928';
}

.event-view .event-actions .event-outlook {
    margin-right: 15px;
}

.event-view .event-actions a:hover {
    text-decoration: underline;
}

.event-view .event-actions a:before {
    text-decoration: underline;
}

.event-view .event-actions a:hover:before {
    text-decoration: none;
}

.event-view .event-actions a:before {
    text-decoration: none;
}

.event-view .event-actions .message:before,
.event-view .event-actions a:before {
    font-family: 'intranet-icons';
    font-size: 1.4em;
    padding: 0 7px 0 0;
    display: inline-block;
    text-decoration: none;
    top: 2px;
    position: relative;
}

.event-view .event-actions a[data-ng-click="assignPresence(true)"]:before {
    content: "\e927";
}

.event-view .event-actions a[data-ng-click="assignPresence(false)"]:before {
    content: "\e928";
}

.event-view .event-actions a[data-ng-click="assignPresence()"]:before {
    content: "\e929";
}

.event-view .event-actions .event-outlook:before {
    content: "\e92a";
}

.event-view .links,
.event-view .tags,
.event-view .description {
    width: 100%;
    text-align: left;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

    .event-view .description:after {
        content: "\e92f";
        font-family: 'intranet-icons';
        display: block;
        font-size: 40px;
        position: absolute;
        top: -0.2em;
        color: rgb(0, 180, 212);
    }

    .event-view .description:before {
        content: "Sobre";
        text-transform: uppercase;
        font-size: 1.3em;
        display: inline-block;
        padding-left: 50px;
        margin-bottom: 20px;
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
        color: rgb(0, 180, 212);
    }

    .event-view .tags:before {
        content: "\e930";
        font-size: 30px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
        font-family: 'intranet-icons';
    }

    .event-view .tags span {
        display: inline-block;
        font-size: 0.9em;
        margin: 5px 10px 5px 0;
        padding: 3px 10px;
        border-radius: 20px;
        text-transform: uppercase;
        vertical-align: middle;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
        color: #fff;
        background: rgb(0, 110, 184);
    }

    .event-view .links a:hover {
        text-decoration: underline;
    }
    div[data-ng-controller="EventParticipantModalController"] li {
        margin-bottom: 10px;
        height: 44px;
      }
      div[data-ng-controller="EventParticipantModalController"] .user-card {
        padding: 0;
      }

/*
	@package "event-view"
	@style-class "no-description"
	@style-title "Evento sem a descrição, tags e endereço externo"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: event-view-default.css
===================================================== */

.event-view.no-description .tags,
.event-view.no-description .links,
.event-view.no-description .description {
    display: none;
}


/*
	@package "event-view"
	@style-class "description-only"
	@style-title "Evento com apenas a descrição, tags e endereço externo"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: event-view-default.css
===================================================== */

.event-view.description-only figure,
.event-view.description-only .event-info {
    display: none;
}

/*
	@package "event-participants"
	@style-class ""
	@style-title "Padrão"
*/

.Module.event-participants>header>h2>span:before {
    content: "\e90f";
}

.event-participants .user-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #fff;
}

.event-participants .user-list li:last-child .user-card {
    padding: 0;
}

.event-participants .user-list .user-card {
    padding-bottom: 10px;
    display: block;
    min-height: 44px;
}

div[data-ng-controller="EventParticipantModalController"] {
    margin-left: -30px;
    margin-right: -30px;
    height: 550px;
}

div[data-ng-controller="EventParticipantModalController"] .printable-area {
    visibility: hidden;
    width: 0;
    height: 0;
}

div[data-ng-controller="EventParticipantModalController"]:before {
    content: "Participantes do evento";
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 25px 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

div[data-ng-controller="EventParticipantModalController"] .bg-dark-gray {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    height: 38px;
}

div[data-ng-controller="EventParticipantModalController"] .list-avatars {
    position: absolute;
    height: 400px;
    top: 130px;
    left: 0;
    right: 0;
    padding: 15px 40px 15px 15px;
}

div[data-ng-controller="EventParticipantModalController"] .list-avatars .hubox-context-menu {
    right: 15px;
    top: 15px;
}

@media print {
    @page {
        size: auto;
        /* auto is the initial value */
    }
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .no-printable-area {
        display: none;
        visibility: hidden;
    }
    body {
        visibility: hidden;
        background: white;
    }
    nav,
    aside {
        display: none;
    }
    ul {
        page-break-inside: auto;
    }
    div[data-ng-controller="EventParticipantModalController"] .printable-area * {
        visibility: visible;
    }
    #small-client-layer .layer-wrapper,
    #small-layer .layer-wrapper,
    #sub-small-layer .layer-wrapper {
        display: absolute;
        height: 100%;
        width: 100%;
    }
    div[data-ng-controller="EventParticipantModalController"] .action-bar,
    div[data-ng-controller="EventParticipantModalController"] .form-group {
        display: none;
    }
    div[data-ng-controller="EventParticipantModalController"] ul.list-avatars li {
        min-height: 44px;
        margin-bottom: 9px;
    }
    div[data-ng-controller="EventParticipantModalController"] .printable-area {
        visibility: visible;
        margin-top: 0;
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        top: 0;
        overflow: auto;
        left: 0;
        z-index: 99999999;
        background: white;
        -webkit-filter: grayscale(100%) contrast(133%) !important;
        filter: grayscale(100%) contrast(133%) !important;
        z-index: 99999999;
    }
    div[data-ng-controller="EventParticipantModalController"] .list-avatars {
        position: absolute;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        page-break-inside: auto;
    }
    div[data-ng-controller="EventParticipantModalController"] .list-avatars li {
        page-break-after: auto;
    }
    .user-card .user-card-overlay {
        display: none
    }
    .user-card-complete {
        display: none
    }
}
/*
	@package "engagement-analysis-filter"
	@style-class ""
	@style-title "Padrão"
*/

.engagement-analysis-filter {
    margin-bottom: 0 !important;
    border-bottom: solid 1px #dfdfdf;
    margin: 0 -44px;
    padding: 0 44px;
}
.engagement-analysis-filter div[EngagementAnalysisFilterController] > div {
    margin: 0 -15px;
    width: calc(100% + 30px);
}


.engagement-analysis-filter  div[data-ng-controller="EngagementAnalysisFilterController"] > div {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    margin-top: 20px;
}

.engagement-analysis-filter select[ng-model="currentYear"] {
    display: table-row;
    width: 140px;
    left: auto;
    right: 44px;
    position: absolute;
    top: 0;
}


.engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > div span {
}

    .engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > div span .btn {
        font-size: 15px;
        cursor: pointer;
        flex-grow: 1;
        color: rgba(0, 0, 0, 0.6);
        text-align: center;
        font-weight: bold;
        padding: 4px 0px;
        user-select: none;
        -webkit-user-select: none;
        border-bottom: 4px solid transparent;
        margin: 0;
        border-radius: 0;
        background-color: transparent;
        text-transform: inherit;
    }

        .engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > div span .btn:hover {
            background-color: transparent;
        }

        .engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > div span .btn.active,
        .engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > div span .btn:focus {
            background-color: transparent;
            color: rgb(0, 180, 212);
            border-bottom: 4px solid rgb(0, 180, 212);
        }

.engagement-analysis-filter article.engagement-analysis-filter {
    margin: 0 -15px;
    width: calc(100% + 30px);
}


.engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > span:nth-child(1) {
    text-transform: none;
    display: flex;
    align-items: center;
    font-size: 23px;
    color: rgb(0, 180, 212);
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
}



.engagement-analysis-filter div[data-ng-controller="EngagementAnalysisFilterController"] > span:nth-child(3) {
    display: none;
}

.engagement-analysis-filter select[ng-model="currentYear"]:after {
    /* content: 'Ano:'; */
    background: red;
    position: absolute;
    top: 0;
    width: 30px;
    right: 0;
    display: block;
    left: auto;
}

.engagement-analysis-filter article.engagement-analysis-filter span > div > span:nth-child(3) {
    display: none;
}
/*
    @package "group-information"
    @style-class ""
    @style-title "Padrão"
*/

.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] {
    display: flex;
    flex-wrap: wrap;
    padding: 80px 0 0 0;
}

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] figure {
        order: -1;
        width: 25%;
        margin: 0 20px 0 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 250px;
        border-radius: 10px;
    }

        .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] figure img {
            display: none;
        }

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] [data-ng-bind="group.Name"] {
        position: absolute;
        top: 0;
        left: 0;
    }

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .actions {
        position: absolute;
        top: 20px;
        right: 0;
    }

.AdminMode .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .actions {
    position: absolute;
    top: 20px;
    right: 40px;
}

.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description {
    order: -1;
    display: flex;
    width: calc(75% - 20px);
    padding: 20px;
    border-radius: 10px;
    background: rgb(255, 255, 255);
    box-sizing: border-box;
    position: relative;
}

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description p {
        margin: 30px 0 0 0;
        position: relative;
    }

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description:before {
        content: "SOBRE";
        position: absolute;
        font-size: 16px;
        color: rgb(0, 180, 212);
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    }


    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description p p {
        margin: 10px 0;
    }

        .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description p p:first-child {
            margin: 0;
        }

.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .information {
    padding: 20px;
    background: rgb(255, 255, 255);
    border-radius: 10px;
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
}

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .information p {
        margin: 30px 0 0 0;
    }

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .information:before {
        content: "INFORMAÇÕES";
        position: absolute;
        font-size: 16px;
        color: rgb(0, 180, 212);
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    }

    .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .information p p {
        margin: 10px 0;
    }

        .group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .information p p:first-child {
            margin: 0;
        }


.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .qtty span {
    position: absolute;
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    top: 30px;
    right: 260px;
    font-size: 16px;
    color: rgba(0, 0, 0,.87);
}

.group-information .btn-associate {
    background-color: rgb(255, 255, 255)!important;
    color: rgb(0, 110, 184)!important;
    position: absolute;
    top: -91px;
    left: auto;
    right: 0;
    white-space: nowrap;
    margin: 0;
}

.group-information .group-statistics {
    padding: 10px 14px;
    font-size: 0.85em;
    font-family: inherit;
    text-transform: uppercase;
    background: rgb(238,236,224);
    border-radius: 21px;
    position: absolute;
    left: auto;
    right: 280px;
    top: -71px;
}
.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .qtty span {
    position: relative;
    top: 0;
    right: 0;
    font-size: 16px;
    cursor: pointer;
    height: 11px;
    color: rgb(0, 110, 184);
    font-size: 14px;
    text-transform: uppercase;
}
.grupos .profile-card .profile-avatar {
    top: 56px;
}


.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description:after {
    content: "\e92f";
    font-family: 'intranet-icons';
    padding-right: 4px;
    font-size: 28px;
    margin-top: -4px;
    position: absolute;
    color: rgb(0, 180, 212);
    left: 20px;
}
.group-information .content-wrapper > [data-ng-controller="GroupInformationController"] .description:before {
    content: "SOBRE";
    position: absolute;
    font-size: 16px;
    color: rgb(0, 180, 212);

    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    padding-left: 37px;
}
div[data-ng-controller="GroupFormController"] .row-10 {
    margin: 0!important;
}
/*
    @package "member-list"
    @style-class ""
    @style-title "Padrão"
*/

.member-list .content-wrapper{
    padding: 20px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}

.member-list h3 {
    color: rgb(0, 180, 212);
    margin: 0 0 20px 0;
}
.Module.member-list > header > h2 > span:before {
    content: "\e912";
}

.Module.member-list li.pendingrequest {
    position: relative;
}
    
/*
@package "group-list"
@style-class ""
@style-title "Padrão"
*/
.Module.group-list {
    min-height: 78px;
    background: none;
    position: relative;
}

.Module.group-list .content-wrapper {
    margin: 0 -9px;
}

.Module.group-list .content-wrapper h3[data-ng-bind="getTypeDescription(type)"] {
    padding: 9px;
    margin: 0;
    color: #017338;
    font-size: 17px;
    font-family: "open_sanssemibold";
}

.Module.group-list .list-groups {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.Module.group-list .list-groups>li {
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 11px;
    box-sizing: border-box;
    display: flex;
    max-width: 23.6vw;
        min-width: 16%;
}

.Module.group-list .list-groups>li.no-groups>span,
.Module.group-list .list-groups>li>div {
    min-height: 164px;
    padding: 0 0 43px 0;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    position: relative;
    border-radius: 7px;
    width: 100%;
}

.redes-que-voce-administra .Module.group-list .list-groups>li.no-groups {
    display: none;
}

.Module.group-list .list-groups>li.no-groups>span {
    text-align: center;
    display: block;
}

.Module.group-list .list-groups>li.no-groups>span:before {
    content: "\e617";
    font-family: 'fiesc-icons';
    display: block;
    margin: 14px auto;
    font-size: 68px;
}

.Module.group-list .list-groups>li figure img {
    display: none;
}

.Module.group-list .list-groups>li>div>div .group-picture {
    width: 100%;
    padding-bottom: 56.25%;
    margin: 0;
    background-size: cover;
    background-position: center;
    border-radius: 7px 7px 0 0;
}

.Module.group-list .list-groups>li>div>.no-img .group-picture {
    position: relative;
    background-color: rgb(0, 180, 212);
    background-image: url(/static/images/rede-social/no-image-group.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: center;
}

.Module.group-list .list-groups>li>div>.no-img .group-picture:before {
    content: "\e912";
    font-family: 'intranet-icons';
    color: rgb(255, 255, 255);
    font-size: 82px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -41px -41px;
}

.Module.group-list .group-info h3 {
    margin: 28px 0 0 0;
    height: auto;
    line-height: 16px;
    color: rgb(0, 110, 184);
    display: block;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Module.group-list .group-info h3 a {
    color: rgb(0, 110, 184);
}

.Module.group-list .group-info>p {
    max-height: 65px;
    line-height: 16px;
    padding: 0 14px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.Module.group-list .group-info>p p {
    margin: 0 0 4px 0;
}

.Module.group-list .status,
.Module.group-list .qtty {
    margin-bottom: 14px;
    padding: 0 14px;
}

.Module.group-list .participants-preview {
    z-index: 0;
    top: 0;
    padding-top: 50%;
    left: 17px;
    right: 17px;
    position: absolute;
    pointer-events: none;
    white-space: nowrap;
}

.Module.group-list .participants-preview>div {
    width: 14%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
    pointer-events: all;
}

.Module.group-list .participants-preview>div:last-child {
    position: relative;
    z-index: 2;
    margin-left: 0;
}

.Module.group-list .participants-preview>div:last-child span {
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    line-height: 0;
    text-align: center;
    border-radius: 100%;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-family: "open_sanssemibold";
    background: rgb(0, 180, 212);
}

.Module.group-list .participants-preview figure {
    width: 100%;
    padding-bottom: 100%;
    margin: 0;
    position: relative;
    border-radius: 100%;
    background-color: rgb(207, 217, 220);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.Module.group-list .participants-preview figure.no-img:after,
.Module.group-list .participants-preview figure.no-img:before {
    content: " ";
    display: block;
    position: absolute;
    border-radius: 50%;
}

.Module.group-list .participants-preview figure.no-img:before {
    background: rgb(255, 255, 255);
    width: 45%;
    height: 45%;
    left: 50%;
    margin-left: -22.5%;
    top: 10%;
}

.Module.group-list .participants-preview figure.no-img:after {
    background: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    top: 60%;
}

.Module.group-list .status {
    font-weight: bold;
    color: rgba(0, 0, 0, .87);
}

.Module.group-list ul.hubox-context-menu {
    top: 4px;
    right: 6px;
}

.Module.group-list ul.hubox-context-menu:after {
    content: "";
    width: 21px;
    height: 21px;
    top: 0;
    right: -1px;
    z-index: -1;
    position: absolute;
    border-radius: 100%;
}

.Module.group-list ul.hubox-context-menu.opened li.options:before {
    display: none;
}

.Module.group-list ul.hubox-context-menu.opened li.options ul.option-list {
    top: -1px;
    right: -4px;
}

.Module.group-list ul.hubox-context-menu.opened li.options ul.option-list li {
    border: 0;
}

.Module.group-list ul.hubox-context-menu li.options ul.option-list>li:hover {
    background: rgba(0, 0, 0, 0.1);
}

.Module.group-list ul.hubox-context-menu li.options ul.option-list>li:hover a {
    color: #555;
}

.Module.group-list .group-actions {
    position: absolute;
    left: 11px;
    right: 11px;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.Module.group-list .group-actions .btn {
    padding: 0;
    margin: 11px 11px 11px 0;
    font-size: 11px;
    display: inline-block;
    color: inherit;
    border: 0;
    background: none;
    color: rgb(0, 110, 184);
}

.Module.group-list .group-actions .btn:before {
    font: normal normal normal 10px/1 FontAwesome;
    font-size: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.Module.group-list .group-actions .btn:before {
    text-decoration: underline;
}

.Module.group-list .group-actions .btn:hover:before {
    text-decoration: none;
}

.Module.group-list .group-actions .btn:before,
.Module.group-list .group-actions .btn:hover:before {
    text-decoration: none;
}

.Module.group-list .group-actions .btn.added:not(not-added):before {
    content: "\f08b";
}

.Module.group-list .group-actions .btn.not-added:before {
    content: "\f090";
}

.Module.group-list .group-actions .btn.not-added.moderated:before {
    content: "\e94a";
    font-family: 'fiesc-icons';
}

.Module.group-list .group-actions .btn.pending:before {
    content: "\e949";
    font-family: 'fiesc-icons';
}

.Module.group-list .group-actions .btn:hover {
    text-decoration: underline;
    background: none;
}

.Module.group-list .btn-view-more {
    margin: 9px;
}

/*.Module.group-list .list-groups > li.add-group{
position:relative;
}*/
/*.Module.group-list .list-groups > li.add-group span.icon{
color:rgb(255, 255, 255);
padding:0;
margin:0;
line-height:0;
padding-bottom:56.25%;
position:relative;
z-index:2;
display:block;
background-image:url(/static/images/rede-social/no-image-group.jpg);
background-size:cover;
background-position:center;
}
.Module.group-list .list-groups > li.add-group .icon:before{
content:"\e610";
font-family:'hubox-icon';
font-size:5.5vw;
line-height:0;
position:absolute;
top:50%;
left:50%;
margin-left:-2.7vw;
}
.Module.group-list .list-groups > li.add-group .text{
border-bottom:1px solid rgba(0,0,0,0.1);
display:block;
margin-top:11px;
font-size:0;
height:82px;
}
.Module.group-list .list-groups > li.add-group .text:after{
content:"\e610";
font-family:'hubox-icon';
display:block;
font-size:1.4rem;
left:11px;
bottom:11px;
position:absolute;
}
.Module.group-list .list-groups > li.add-group a{
display:block;
}
.Module.group-list .list-groups > li.add-group a:after{
content:"";
top:0;
left:0;
right:0;
bottom:0;
z-index:2;
position:absolute;
background:rgba(0,0,0,0);
}
.Module.group-list .list-groups > li.add-group .text:before{
content:"Nova rede";
color:#016e36;
font-family:'open_sanssemibold';
font-size:1.17rem;
display:block;
position:relative;
text-decoration:none;
}
.Module.group-list .list-groups > li.add-group a:before{
content:"Criar rede";
font-size:11px;
bottom:11px;
left:45px;
position:absolute;
}
.Module.group-list .list-groups > li.add-group a:hover{
text-decoration:underline;
}
.Module.group-list .list-groups > li.add-group a:before{
text-decoration:none;
}
.Module.group-list .list-groups > li.add-group a:hover:before{
text-decoration:underline;
}*/
@media (max-width:1920px) {
    .Module.group-list .list-groups>li {
        width: 25%;
    }

    .Module.group-list .list-groups>li>div>.no-img>figure:before {
        font-size: 68px;
        margin: -48px -55px;
    }

    .Module.group-list .participants-preview {
        top: 0;
        padding-top: 50%;
    }
}

@media (max-width:1200px) {
    .Module.group-list .list-groups>li {
        width: 33.333%;
        font-size: 19px;
    }

    .Module.group-list .participants-preview {
        top: 0;
        padding-top: 50%;
    }

    /*.Module.group-list .list-groups > li.add-group div:before{
font-size:1.3rem;
}
.Module.group-list .list-groups > li.add-group .text{
height:72px;
}
.Module.group-list .list-groups > li.add-group .text:before{
font-size:1.07rem;
}
.Module.group-list .list-groups > li.add-group a:after{
font-size:10px;
}*/
}

@media (max-width:1272px) {
    .Module.group-list .list-groups>li {
        width: 50%;
    }

    .Module.group-list .list-groups>li>div>.no-img .group-picture:before {
        font-size: 164px;
        margin: -123px -123px;
    }

    .Module.group-list .participants-preview {
        top: 0;
        padding-top: 50%;
    }

    /*.Module.group-list .list-groups > li.add-group .icon:before{
font-size:164px;
margin-left:-6vw;
}*/
}

@media (max-width:600px) {
    /* .Module.group-list .list-groups>li {
        width: 100%;
    }

    .Module.group-list .list-groups>li>div {
        min-height: 0;
    }

    .Module.group-list .list-groups>li>div>.no-img .group-picture:before {
        font-size: 328px;
        margin: -219px -246px;
    }

    .Module.group-list .participants-preview {
        top: 0;
        padding-top: 50%;
    } */

    /*.Module.group-list .list-groups > li.add-group .icon:before{
font-size:22vw;
margin-left:-11vw;
}*/
}

/* Ajuste para o funcionamento do scroll infinito na modal de lista de grupos  --------------------------------- */
.hubox.layer[class*="client"] ul.list-groups {
    height: 55vh;
    position: relative;
    margin: 0 -21px;
}

.hubox.layer[class*="client"] ul.list-groups li[data-ng-repeat="group in groups"] {
    display: block;
    clear: both;
    border-top: 1px solid rgba(0, 0, 0, .14);
    position: relative;
}

.hubox.layer[class*="client"] ul.list-groups li[data-ng-repeat="group in groups"] [data-hb-group-item]:before,
.hubox.layer[class*="client"] ul.list-groups li[data-ng-repeat="group in groups"] [data-hb-group-item]:after {
    content: "";
    display: table;
    clear: both;
}

.hubox.layer[class*="client"] ul.list-groups li[data-ng-repeat="group in groups"]>[data-hb-group-item] {
    margin: 7px 21px;
}

.hubox.layer[class*="client"] ul.list-groups li[data-ng-repeat="group in groups"] [data-ng-class="{'image-off':!options.ShowHighlightImage, 'no-img':!group.Picture, 'secret':group.IsSecret}"] {
    /* display:table; */
}

.hubox.layer[class*="client-layer"] ul.list-groups li[data-ng-repeat="group in groups"] a {
    display: block;
    /* width:51px; */
    float: left;
}

.hubox.layer[class*="client"] ul.list-groups .group-picture {
    margin: 0;
    width: 51px;
    height: 51px;
    margin-right: 7px;
    background-size: cover;
    background-color: rgb(0, 110, 184);
    position: relative;
}

.hubox.layer[class*="client"] ul.list-groups .group-picture.no-img:before {
    color: rgb(255, 255, 255);
    font-size: 21px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px -7px;
    content: "\e912";
    font-family: 'intranet-icons';
}

.hubox.layer[class*="client"] ul.list-groups .group-info {
    padding-left: 58px;
    /* float:left; */
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.hubox.layer[class*="client"] ul.list-groups .group-info h3 {
    padding: 0px 0px 7px 0px;
    margin: 0;
    display: block;
}

.hubox.layer[class*="client"] ul.list-groups .group-info p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}

.hubox.layer[class*="client"] ul.list-groups .group-statistics {
    padding-left: 58px;
    /* float:left; */
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.hubox.layer[class*="client"] ul.list-groups .group-statistics .participants-preview {
    display: none;
}

.hubox.layer[class*="client"] ul.list-groups .group-actions {
    padding-left: 58px;
    /* float:left; */
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 7px;
}

.group-list .list-groups li:hover .group-link figure {
    box-shadow: 0 0 142px rgb(0, 110, 184) inset;
}
.group-list .group-info {
    padding-top: 5%;
}
.group-list .add-group>div {
    background: none !important;
    box-shadow: none !important;
}

.Module.group-list .list-groups>li.add-group,
.Module.group-list .list-groups>li.add-group>div {
    position: static;
}

.Module.group-list .list-groups>li.add-group a {
    position: absolute;
    bottom: 0;
    display: inline-block;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    padding: 9px;
    font-size: 10px;
    margin-right: 7px;
    border: 0;
    text-decoration: none;
    border-radius: 2px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    left: 0;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 110, 184);
}

.Module.group-list .list-groups>li.add-group a:hover {
    background-color: rgba(0, 110, 184, .8);
}

.Module.group-list .list-groups>li.add-group a .icon.add {
    display: none;
}

.Module.group-list .list-groups>li.add-group a .text {
    font-size: 0;
}

.Module.group-list .list-groups>li.add-group a .text:before {
    font-size: 11px;
    content: "NOVO GRUPO";
}

.group-list .qtty span {
    background: rgb(248, 244, 233);
    padding: 4px;
    color: rgba(0, 0, 0, .87);
    border-radius: 7px;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.Module.group-list>header>h2>span:before {
    content: "\e912";
}




.Module.group-list.groupNarrow .list-groups > li {
    width: 33%;
}



    @media (max-width:1500px) {
        .Module.group-list.groupNarrow  .list-groups>li {
            width: 50%!important;
        }
/*     
        .Module.group-list.groupNarrow .participants-preview > div {
            width: 15%;
        } */
    }
    
    .meu-espaco .Module.group-list .list-groups>li {
        width: 25%;
    }
    
    .layer-client-search input[name=filter] {
        width: calc(100% - 143px);
        margin-right: 20px;
    }
    .Module.group-list .group-statistics {
        margin-top: 15px;
    }
/*
	@package "contact-list"
	@style-class ""
	@style-title "Padrão"
*/

.Module.contact-list > header > h2 > span:before {
    content: "\e917";
}

.contact-list .content-wrapper {
    background-color: rgb(255, 255, 255);
    padding: 1px 20px 20px 20px;
    border-radius: 10px;
}

.contact-list .list-avatars li {javascript:void(0);
    margin-bottom: 10px;
}

    .contact-list .list-avatars li:last-child {
        margin-bottom: 0;
    }

.contact-list .list-users h3 {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    color: rgb(0, 180, 212);
}

/*
	@package "career"
	@style-class ""
	@style-title "Padrão"
*/

.Module.next-birthdays > header > h2 > span:before {
    content: "\e919";
}

.next-birthdays .content-wrapper {
    background: rgb(248, 244, 233);
    background: rgb(218,229,255);
    
    padding: 20px;
    border-radius: 10px;
}

    .next-birthdays .content-wrapper > div {
        height: 100%;
        min-height: 285px;
        position: relative;
    }

.next-birthdays .list-avatars li {
    position: relative;
    margin: 28px 0;
    padding: 0 28px;
    display: block;
}

.next-birthdays #today .user-card:before {
    content: "";
    background-image: url('../../../static/images/aniversariantes.png');
    height: 60px;
    position: absolute;
    background-size: cover;
    /* width: 35px; */
    z-index: 0;
    top: -10px;
    left: -17px;
    pointer-events: none;
}

.next-birthdays .user-role {
    margin-bottom: -20px;
}

.next-birthdays li .user-card {
    padding-bottom: 20px;
}

.next-birthdays li:last-child .user-card:last-child {
    padding-bottom: 0;
}

.next-birthdays .no-data {
    padding: 20px;
    box-sizing: border-box;
}

.next-birthdays .list-users {
    position: absolute;
    top: 53px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    overflow: auto;
}

.next-birthdays .list-avatars li.no-data {
    padding: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .next-birthdays .list-avatars li.no-data:before {
        font-family: 'intranet-icons';
        content: "\e934";
        font-size: 32px;
        margin-right: 10px;
        opacity: 0.66;
    }
    .next-birthdays .tabs [data-tabs] a, .next-birthdays .tab-nav a {
        padding: 8px 0;
    }
    .next-birthdays .tabs li, .next-birthdays .tab-nav li {
        margin: 0;
        width: 33%;
        text-align: center;
    }


/*
@package "next-birthdays"
@style-class "next-birthdays-no-padding"
@style-title "Aniversários sem padding-top"
*/

.Module.next-birthdays-no-padding > .content-wrapper{
background-color:rgb(218, 229, 255);
}
.Module.next-birthdays-no-padding:before{ /*BORDER-BOTTOM NAS DUAS COLUNAS - PIXELS*/
content:'';
width:586px;
height:1px;
background-color:rgb(215, 220, 233);
position:absolute;
margin-left:-315px;
margin-top:523px;
}
.Module.next-birthdays-no-padding > header > h2 > span:before{
content:"\e919";
}
.next-birthdays-no-padding .content-wrapper{
background:rgb(248, 244, 233);
padding:14px;
border-radius:7px;
}
.next-birthdays-no-padding .content-wrapper > div{
height:100%;
min-height:389px;
position:relative;
}
.next-birthdays-no-padding .list-avatars li{
position:relative;
margin:14px;
display:block;
}
.next-birthdays-no-padding #today .user-card:before{
content:"";
background-image:url('../../../static/images/aniversariantes.png');
height:43px;
position:absolute;
background-size:cover;
width:25px;
z-index:9;
top:-7px;
left:-12px;
pointer-events:none;
}
.next-birthdays-no-padding .user-card .user-badge-birthday{
background-image:none;
}
.next-birthdays-no-padding .user-role{
margin-bottom:-14px;
}
.next-birthdays-no-padding li .user-card{
padding-bottom:14px;
}
.next-birthdays-no-padding li:last-child .user-card:last-child{
padding-bottom:0;
}
.next-birthdays-no-padding .no-data{
padding:14px;
box-sizing:border-box;
}
.next-birthdays-no-padding .list-users {
position:absolute;
top:38px;
left:-14px;
right:-14px;
bottom:-14px;
overflow:auto;
margin-top: 5px;
}
.next-birthdays-no-padding .list-avatars li.no-data{
padding:14px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
align-items:center;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.next-birthdays-no-padding .list-avatars li.no-data:before{
font-family:'intranet-icons';
content:"\e934";
font-size:23px;
margin-right:7px;
opacity:0.66;
}
@media only screen and (min-width:1367px){
.next-birthdays-no-padding .content-wrapper > div{
height:100%;
min-height:270px;
position:relative;
}
}
/*
@package "next-birthdays"
@style-class "next-birthdays-internal"
@style-title "Aniversários Internal"
*/
.Module.next-birthdays-internal{
margin-top:27px;
}
.Module.next-birthdays-internal > .content-wrapper{
background-color:rgb(218, 229, 255);
}
@media only screen and (min-width:1367px){
.Module.next-birthdays-internal{
margin-top:41px;
}
}
/*
	@package "month-birthdays-list"
	@style-class ""
	@style-title "Padrão"
*/

.Module.month-birthdays-list > header > h2 > span:before {
    content: "\e919";
}
.month-birthdays-list .list {
    background: rgb(255, 255, 255);
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
}

    .month-birthdays-list .list li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .month-birthdays-list .list li:last-child {
       margin: 0;
    }

        .month-birthdays-list .list li figure {
            margin: 0;
            max-width: 100%;
            height: 40px;
            width: 40px;
            background-color: rgb(0, 180, 212);
            border-radius: 100%;
            position: relative;
            margin: 0 10px 0 0;
            overflow: hidden;
        }

            .month-birthdays-list .list li figure img {
                max-width: 100%;
                height: 40px;
                width: 40px;
                border-radius: 100%;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }


    .month-birthdays-list .list li h3{
        margin: 0;
    }

        .month-birthdays-list .list li figure.no-img:before {
            content: "\e90b";
            font-family: 'intranet-icons';
            position: absolute;
            font-size: 30px;
            top: 50%;
            right: 50%;
            overflow: hidden;
            margin: -10px -15px 0 0;
            color: white;
        }

.Module.month-birthdays-list .user-card .user-name {
    overflow: inherit;
}

.Module.month-birthdays-list .user-card .user-img.no-img figure:before {
    margin-left: -46%;
}
/*
	@package "view-user-profile"
	@style-class ""
	@style-title "Padrão"
*/

.view-user-profile .content-wrapper {
    margin-top: -72px;
}


.view-user-profile .sub-group {
    display: flex;
    flex-wrap: wrap;
    margin: 40px -10px 0 -10px;
    position: relative;
}

    .view-user-profile .sub-group h3 {
        display: none;
    }

    .view-user-profile .sub-group .form-group {
        flex-shrink: 0;
        flex-grow: 1;
        max-width: 32.33%;
        flex-basis: 32.33%;
        padding: 20px;
        margin: -1px 0 0px 0;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        justify-content: flex-start;
        align-content: flex-start;
        border-radius: 0;
        background-color: transparent;
        border-top: 1px solid rgb(215, 215, 215);
        border-bottom: 1px solid rgb(215, 215, 215);
    }


/* 


.view-user-profile [data-ng-show="step.label == 'about-you'"] .sub-group .form-group {
    width: calc(33.33% - 15px);
    padding: 10px 10px 10px 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    margin: 0 10px 20px 5px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    align-content: flex-start;
    border: none;
} */

.view-user-profile .sub-group .form-group p:first-of-type {
    margin-top: 0;
}

.view-user-profile .sub-group .form-group p:last-child {
    margin-bottom: 0;
}

.view-user-profile .sub-group .form-group .list-item {
    background-color: rgb(248, 244, 233);
    padding: 5px 15px;
    margin: 0 10px 10px 0;
    border-radius: 10px;
    color: white;
    font-family: 'Raleway-SemiBold';
    font-size: 14px;
    color: rgba(0, 0, 0,.87);
}

/*LABEL*/
.view-user-profile label {
    font-family: "Raleway-Bold";
    font-size: 16px;
    color: rgb(0, 180, 212);
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 10px;
    max-height: 30px;
}

.view-user-profile [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowBio"] label:before {
    content: "\e931";
    font-family: 'intranet-icons';
    padding-right: 5px;
    font-size: 30px;
}

.view-user-profile [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowSpecialities"] label:before {
    content: "\e932";
    font-family: 'intranet-icons';
    padding-right: 5px;
    font-size: 30px;
}

.view-user-profile [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowInterestAreas"] label:before {
    content: "\e933";
    font-family: 'intranet-icons';
    padding-right: 5px;
    font-size: 30px;
}


.view-user-profile .perfil-preview {
    display: none;
}

.view-user-profile .directive-organization-hierarchy {
    width: 100%;
}

    .view-user-profile .directive-organization-hierarchy [data-hb-group-selector-by-type-view] > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

.view-user-profile [data-hb-user-connections] {
    width: 100%;
}

    .view-user-profile [data-hb-user-connections] > div {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }



    .view-user-profile [data-hb-user-connections] .user-list {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 -10px;
    }

        .view-user-profile [data-hb-user-connections] .user-list li {
            background-color: rgb(255, 255, 255);
            border-radius: 10px;
            padding: 20px;
            width: calc(16.66% - 80px);
            margin: 10px;
        }

    .view-user-profile [data-hb-user-connections] .filter-options {
        display: flex;
        width: 50%;
        margin-bottom: 30px;
    }

    .view-user-profile [data-hb-user-connections] .search {
        width: 50%;
        display: flex;
        position: relative;
        justify-content: flex-end;
    }

        .view-user-profile [data-hb-user-connections] .search input {
            width: 10px !important;
            background-color: transparent !important;
            position: relative;
        }

            .view-user-profile [data-hb-user-connections] .search input:focus {
                width: auto !important;
                background-color: transparent !important;
            }


.template .view-user-profile [data-hb-user-connections] .search input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    width: 220px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgb(0, 110, 184) !important;
    border-radius: 0;
}


.view-user-profile [data-hb-user-connections] .search input:focus + .cancel-search:before {
    right: 230px;
}


.view-user-profile [data-hb-user-connections] .search .cancel-search:before {
    font-family: 'intranet-icons';
    content: '\e90c';
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    pointer-events: none;
    color: rgb(0, 110, 184);
    transition: 0.2s;
}




.view-user-profile .filter-options li {
    background-color: rgb(255, 255, 255);
    padding: 10px;
    cursor: pointer;
    font-family: 'Raleway-SemiBold';
    color: rgb(0, 110, 184);
    margin-right: 5px;
}

    .view-user-profile .filter-options li.active {
        background-color: rgb(0, 110, 184);
        color: white;
    }


@media (max-width: 1600px) {
    .view-user-profile [data-hb-user-connections] .user-list li {
        width: calc(25% - 40px);
    }
}


/*STEPS*/
.view-user-profile .steps {
    display: flex;
    margin: 0px -44px 20px -44px;
    border-bottom: 1px solid rgba(0, 0, 0,.12);
}

    .view-user-profile .steps li:first-of-type {
        margin-left: 44px;
    }

    .view-user-profile .steps li.active a {
        color: rgb(0, 180, 212);
        border-bottom: 5px solid;
        padding: 0 0 5px 0;
    }

    .view-user-profile .steps li a {
        color: rgba(0, 0, 0,0.5);
        font-family: "Raleway-Bold";
        margin: 0 30px 0px 0px;
        display: block;
    }

        .view-user-profile .steps li a .step-number {
            display: none;
        }

.view-user-profile ul.steps li:after {
    display: none;
}

.view-user-profile .step-footer {
    display: none;
}


/* Ajuste onde o "user-status" se sobrepunha nas abas do "meu espaço" */

.view-user-profile .hubox-steps {
    position: fixed;
    margin-top: -25px;
    width: 100%;
    z-index: 3;
}


.view-user-profile .hubox-steps:before {
    content: "";
    display: block;
    height: 135px;
    position: absolute;
    top: -105px;
    left: -44px;
    width: 106%;
    background-color: rgb(248, 244, 233);
    z-index: -1;
}

.view-user-profile .hubox-steps:before {
    content: "";
}

.view-user-profile .sub-group {
    padding-top: 30px;
}


/*FIM  Ajuste onde o "user-status" se sobrepunha nas abas do "meu espaço" */


@media (min-width: 1700px) {
    .view-user-profile .sub-group .form-group {
       
    }
}

/*
	@package "view-user-profile"
	@style-class "no-title"
	@style-title "Visualização de perfil especial para conexões sem titulo"
*/


.view-user-profile.no-title .connections-wrapper .box-info-wrapper > h3 {
    display: none;
}

.view-user-profile.no-title .connections-wrapper .box-info-wrapper [data-hb-user-connections]{
    margin-top: 60px;
}
/*
	@package "view-user-profile"
	@style-class "no-line"
	@style-title "Visualização de perfil sem  a divisoria"
*/


.Module.view-user-profile.no-line:after{
    display: none;
}

.Module.view-user-profile.no-line {
    margin: 44px 0 44px 0;
}
/*
@package "view-user-profile"
@style-class "view-user-profile-perfil"
@style-title "Perfil"
*/
.view-user-profile-perfil {
    width: 100%;
    margin-top: 44px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    z-index: 0;
}

.view-user-profile-perfil-sem-margin-top {
    margin-top: 0px;
}

.view-user-profile-perfil .content-wrapper {
    margin-top: 0px;
}

.view-user-profile-perfil .sub-group {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -7px 0 -7px;
    position: relative;
    padding-top: 0px;
    margin-right: -2%;
}

    .view-user-profile-perfil .sub-group h3,
    .view-user-profile-perfil .directive-address h3 {
        display: none;
    }

.view-user-profile-perfil .sub-group .form-group {
   
    padding: 14px;
    margin-top: 1%;
    margin-right: 1%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    align-content: flex-start;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 1);
    border-top: 0px solid rgb(215, 215, 215);
    border-bottom: 0px solid rgb(215, 215, 215);
    min-height:64px;
}
/* 
.view-user-profile-perfil [data-ng-show="step.label == 'about-you'"] .sub-group .form-group {
    width: calc(33.33% - 11px);
    padding: 7px 7px 7px 7px;
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    margin: 0 7px 14px 4px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    align-content: flex-start;
    border: none;
} */

.view-user-profile-perfil .sub-group .form-group p:first-of-type {
    margin-top: 0;
}

.view-user-profile-perfil .sub-group .form-group p:last-child {
    margin-bottom: 0;
}

.view-user-profile-perfil .sub-group .form-group .list-item {
    background-color: rgb(248, 244, 233);
    padding: 4px 11px;
    margin: 0 7px 7px 0;
    border-radius: 7px;
    color: white;
    font-family: 'Raleway-SemiBold';
    font-size: 10px;
    color: rgba(0, 0, 0, .87);
}

/*LABEL*/
.view-user-profile-perfil label {
    font-family: "Raleway-Bold";
    font-size: 11px;
    color: rgb(0, 180, 212);
    margin-bottom: 14px;
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 7px;
    max-height: 21px;
}

.view-user-profile-perfil [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowBio"] label:before {
    content: "\e931";
    font-family: 'intranet-icons';
    padding-right: 4px;
    font-size: 21px;
}

.view-user-profile-perfil [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowSpecialities"] label:before {
    content: "\e932";
    font-family: 'intranet-icons';
    padding-right: 4px;
    font-size: 21px;
}

.view-user-profile-perfil [data-ng-if="configuration.ViewUserProfile.AboutYouConfigurations.ShowInterestAreas"] label:before {
    content: "\e933";
    font-family: 'intranet-icons';
    padding-right: 4px;
    font-size: 21px;
}

.view-user-profile-perfil .perfil-preview {
    display: none;
}

.view-user-profile-perfil .directive-organization-hierarchy,
.view-user-profile-perfil .sub-group.directive-address > div {
    width: 100%;
}


.view-user-profile-perfil .directive-organization-hierarchy [data-hb-group-selector-by-type-view]>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.view-user-profile-perfil [data-hb-user-connections] {
    width: 100%;
}

.view-user-profile-perfil [data-hb-user-connections]>div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.view-user-profile-perfil [data-hb-user-connections] .user-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -7px;
}

    .view-user-profile-perfil [data-hb-user-connections] .user-list li {
        background-color: rgb(255, 255, 255);
        border-radius: 7px;
        padding: 14px;
        margin: 7px;
        flex-shrink: 0;
        flex-grow: 1;
        flex-basis: 230px;
        max-width: 270px;
    }

.view-user-profile-perfil [data-hb-user-connections] .filter-options {
    display: flex;
    width: 50%;
    margin-bottom: 21px;
}

.view-user-profile-perfil [data-hb-user-connections] .search {
    width: 50%;
    display: flex;
    position: relative;
    justify-content: flex-end;
}

.view-user-profile-perfil [data-hb-user-connections] .search input {
    width: 7px !important;
    background-color: transparent !important;
    position: relative;
}

.view-user-profile-perfil [data-hb-user-connections] .search input:focus {
    width: auto !important;
    background-color: transparent !important;
}

.template .view-user-profile-perfil [data-hb-user-connections] .search input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    width: 185px !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-bottom: 0px solid rgb(0, 110, 184) !important;
    border-radius: 0;
}

.view-user-profile-perfil [data-hb-user-connections] .search input:focus+.cancel-search:before {
    right: 178px;
}

.view-user-profile-perfil [data-hb-user-connections] .search .cancel-search:before {
    font-family: 'intranet-icons';
    content: '\e90c';
    position: absolute;
    top: 12px;
    right: 7px;
    font-size: 18px;
    pointer-events: none;
    color: rgb(0, 110, 184);
    transition: 0.2s;
}

.view-user-profile-perfil .filter-options li {
    background-color: rgb(255, 255, 255);
    padding: 7px;
    cursor: pointer;
    font-family: 'Raleway-SemiBold';
    color: rgb(0, 110, 184);
    margin-right: 4px;
}

.view-user-profile-perfil .filter-options li.active {
    background-color: rgb(0, 110, 184);
    color: white;
}

/*STEPS*/
.view-user-profile-perfil .steps {
    display: flex;
    margin: 0px -31px 14px -31px;
    border-bottom: 0px solid rgba(0, 0, 0, .12);
}

.view-user-profile-perfil .steps li:first-of-type {
    margin-left: 31px;
}

.view-user-profile-perfil .steps li.active a {
    color: rgb(0, 180, 212);
    border-bottom: 4px solid;
    padding: 0 0 4px 0;
}

.view-user-profile-perfil .steps li a {
    color: rgba(0, 0, 0, 0.5);
    font-family: "Raleway-Bold";
    margin: 0 21px 0px 0px;
    display: block;
}

.view-user-profile-perfil .steps li a .step-number {
    display: none;
}

.view-user-profile-perfil ul.steps li:after {
    display: none;
}

.view-user-profile-perfil .step-footer {
    display: none;
}

/* Ajuste onde o "user-status" se sobrepunha nas abas do "meu espaço" */
.view-user-profile-perfil .hubox-steps {
    position: static;
    margin-top: 27px;
    width: 100%;
    z-index: 3;
}


.view-user-profile-perfil .hubox-steps:before {
    content: "";
    display: block;
    height: 96px;
    position: absolute;
    top: -75px;
    left: -31px;
    width: 100%;
    background-color: rgba(248, 244, 233, 0);
    z-index: -1;
}


/*FIM  Ajuste onde o "user-status" se sobrepunha nas abas do "meu espaço" */
@media (min-width:1700px) {
    .view-user-profile-perfil .sub-group .form-group {
       
    }
}

@media (max-width:1600px) {
    .view-user-profile-perfil [data-hb-user-connections] .user-list li {
        width: calc(25% - 38px);
    }
}

@media only screen and (min-width:1367px) {
    .view-user-profile-perfil {
        margin-top: 58px;
    }
}
/*
	@package "rating"
	@style-class ""
	@style-title "Padrão"
*/

.rating .stars-rating {
    display: block;
    margin-bottom: 10px;
}
.rating .stars-rating li {
    display: inline;
}

.Module.rating > .content-wrapper .stars-rating > li > a.hubox-icon:hover:before {
    text-decoration: none;
    transform: scale(1.6);
}

/*
	@package "image-list"
	@style-class ""
	@style-title "Padrão"
*/

.image-list .list{
    display: flex;
    flex-wrap: wrap;
}

    .image-list .list li {
        width: 85px;
        height: 85px;
        padding: 5px;
    }

        .image-list .list li figure {
            background-size: cover;
            background-repeat: no-repeat;
            height: 85px;
            background-position: center;
            width: 85px;
            border-radius: 10px;
        }

        .image-list .list li figure img{
            display: none;
        }

        .Module.image-list > header > h2 > span:before {
            content: "\e914";
          }
/*
@package "image-list"
@style-class "image-list-marca"
@style-title "Galeria de Marcas"
*/
.image-list-marca .list {
    display: flex;
    flex-wrap: wrap;
}

.image-list-marca .list li {
    width: 82px;
    height: 82px;
    padding-top: 4px;
    padding-bottom: 7px;
    padding-left: 4px;
    padding-right: 4px;
}

.image-list-marca .list li figure {
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    border-radius: 7px;
    background-color: rgba(218, 229, 255, 1);
}

.image-list-marca .list li figure img {
    display: none;
}

.Module.image-list-marca>header>h2>span:before {
    content: "\e914";
}
/*
@package "page-list"
@style-class ""
@style-title "Padrão"
*/
.page-list li {
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 7px;
    width: 47%;
}

.page-list ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-list .image-highlight {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    background: rgb(238,236,224);
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
    background-position: center;
    height: 150px;
    overflow: hidden;
    background-size: cover;
}

.page-list .image-highlight img {
    width: 0;
}

.page-list .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* min-height: 43px; */
}

.page-list .icon img {
    background: 0 0;
}

.page-list .icon {
    position: absolute;
    bottom: auto;
    background-size: 0;
    margin: 14px;
    border-radius: 7px;
    height: 56px;
    width: 56px;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page-list .page-description,
.page-list .summary {
    display: block;
    display: -webkit-box;
    max-height: 57px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    opacity: 0.87;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.13px;
    margin: 0px;
    margin-bottom: 14px;
}

.page-list .info {
    /* padding: 14px 14px 0; */
}

.page-list .info h3 {
    margin: 0;
    margin-bottom: 14px;
}

@media (max-width:1100px) {
    .page-list li {
        width: 100%;
    }
}

@media (min-width:2000px) {
    .page-list li {
        width: 30%;
    }
}

.page-list .horizontal .info {
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.page-list .horizontal .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    margin: 0;
    margin-right: 14px;
}

.page-list .horizontal .images {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: auto;
}

.page-list  a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    padding-right: 20px;
}

.page-list .info h3 {
    margin: 0;
    color: rgb(0, 110, 184);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 82px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.page-list .horizontal .image-highlight {
    display: none;
}

.page-list .horizontal .page-description,
.page-list .horizontal .summary {
    display: none;
}



.page-list a {
    align-items: center;
}

.page-list li {
    flex-shrink: 0;
    flex-grow: 1;
    width: inherit!important;
}
/*
@package "page-list"
@style-class "quick-access"
@style-title "Acesso rápido"
*/
.page-list.quick-access {
    transition: all 0.5s ease-in-out;
    z-index: 0;
    -ms-transform: none !important;
 -ms-animation: none !important;
 -ms-transition-property: none !important;
}

.page-list.quick-access ul {
    margin: 0 60px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .page-list.quick-access ul li {
        background-color: #353535;
        background-image: -webkit-linear-gradient(130deg, rgba(255, 255, 255, .2) 0, rgba(0, 56, 91, 0) 100%);
        background-image: -o-linear-gradient(130deg, rgba(255, 255, 255, .2) 0, rgba(0, 56, 91, 0) 100%);
        background-image: linear-gradient(-40deg, rgba(255, 255, 255, .2) 0, rgba(0, 56, 91, 0) 100%);
        z-index: -1;
        max-width: 110px;
    }




.page-list.quick-access ul li {
    margin-right: -25px;
    width: 130px;
    padding-left: 13px;
    height: 60px;
    padding-right: 0;
    z-index: 1;
    display: block;
    position: relative;
}

.page-list .quick-access.horizontal a {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 7px 21px 7px 0;


}

.page-list.quick-access ul li:after {

    margin-left: -13px;
    width: 123px;
    padding-left: 14px;
    padding-right: 7px;
    position: absolute;
    content: "";
    height: 60px;
    overflow: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    border-radius: 7px;
    cursor: pointer;
    background-image: -webkit-gradient(linear, left top, right top, from(#0e0e0e38), to(#0000000d));
    background-image: -webkit-linear-gradient(left, #0e0e0e38, #0000000d);
    background-image: -o-linear-gradient(left, #0e0e0e38, #0000000d);
    background-image: linear-gradient(to right, #0e0e0e38, #0000000d);
    z-index: -1;
    top: 0;
}

.page-list.quick-access ul li:hover:after {
    opacity: 1
}

.page-list.quick-access .info {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    min-height: 60px;
    height: 60px;
    top: 0;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .page-list.quick-access .info h3 {
        color: rgb(255, 255, 255);
        font-size: 9px;
        word-break: break-word;
        width: 100%;
        /* height: 60px; */
        line-height: 13px;
        vertical-align: middle;
        overflow: hidden;
        text-align: center;
        text-transform: uppercase;
    }

.page-list.quick-access a {
    /* -ms-flex-wrap: initial;
    flex-wrap: initial;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
    height: 100%;
     display: block;
    padding: 0;
    /* padding-right: 20px; */
}

.page-list.quick-access li:nth-child(1) {
    background-color: #34c1f7;
}

.page-list.quick-access li:nth-child(2) {
    background: #01b2f6;
}

.page-list.quick-access li:nth-child(3) {
    background: #0496fb;
}

.page-list.quick-access li:nth-child(4) {
    background: #1a73f1;
}

.page-list.quick-access li:nth-child(5) {
    background: #2860e7;
}

.page-list.quick-access li:nth-child(6) {
    background: #3b4adb;
}

.page-list.quick-access li:nth-child(7) {
    background-color: #4a37cf;
}

    .page-list.quick-access li:nth-child(8) {
        background-color: #6e39cf;
    }


.page-list.quick-access>header>h2>span:before {
    content: "\e915"
}

.page-list.quick-access li a[href*="/senior-folha"] .info,
.page-list.quick-access li a[href*="/nosso-portal"] .info {
    display: none
}

.page-list.quick-access li a[href*="/senior-folha"] .icon,
.page-list.quick-access li a[href*="/nosso-portal"] .icon {
    height: 60px;
    width: 57px;
    margin-left: 14px
}

.page-list.quick-access li a[href*="/senior-folha"] .icon img,
.page-list.quick-access li a[href*="/nosso-portal"] .icon img {
    width: 100%;
    height: auto
}











.page-list.quick-access .images {
     /* display: block; */
    /*min-height: 100%;
    height: 60px;
    min-height: 60px;
    vertical-align: middle;
    position: absolute;
    max-height: 60px;
    width: 100%; */

}
.page-list.quick-access .icon {
    background-color: transparent;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    bottom: auto;
    width: 28px;
    vertical-align: middle;
    image-rendering: crisp-edges;
    /* top: 0; */
    transform: none;
    /* display: table-cell; */
    height: 60px;
}

.page-list.quick-access .icon img {
    /* background: center;
    width: 100%;
    display: block;
    max-width: 100px;
    min-width: 28px;
    height: 28px; */
    opacity: 0;
    image-rendering: crisp-edges;
}

/*
@package "page-list"
@style-class "page-list-gestao"
@style-title "Com imagem de capa"
*/


.page-list-gestao li {
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    margin: 7px;
    width: 31%
}
@media (max-width:1500px) {
    .page-list-gestao li {
     
        width: 46%
    }
}

.page-list-gestao ul {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    -webkit-flex-flow: row wrap;
    justify-content: space-between
}

.page-list-gestao .image-highlight {
    order: -1;
    width: 100%;
    background: rgb(238,236,224);
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
    background-position: center;
    height: 191px;
    overflow: hidden;
    background-size: cover
}

.page-list-gestao .image-highlight img {
    width: 0
}

.page-list-gestao .images {
    display: flex;
    min-height: 43px;
    width: 100%;
}

.page-list-gestao .icon img {
    background: 0 0;
    width: 70%
}

.page-list-gestao .icon {
    position: absolute;
    bottom: auto;
    background-size: 0;
    background-color: rgb(127, 127, 127);
    margin: 14px;
    border-radius: 7px;
    height: 36px;
    width: 36px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-list-gestao .page-description,
.page-list-gestao .summary {
    display: block;
    display: -webkit-box;
    max-height: 57px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .87;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    margin: 0;
    margin-bottom: 14px
}

.page-list-gestao .title {
    color: rgb(0, 0, 0)
}

.page-list-gestao .info {
    padding: 14px 14px 0
}

.page-list-gestao .info h3 {
    margin: 0;
    margin-bottom: 14px
}

.page-list-gestao .horizontal .info {
    padding: 0;
    display: inline-flex
}

.page-list-gestao .horizontal .icon {
    display: inline-flex;
    position: relative;
    margin: 0;
    margin-right: 14px
}

.page-list-gestao .horizontal .images {
    display: inline-flex;
    min-height: auto
}

.page-list-gestao .horizontal a {
    display: flex;
    flex-wrap: wrap;
    padding: 7px
}

.page-list-gestao .horizontal .info h3 {
    margin: 0
}

.page-list-gestao .horizontal .image-highlight {
    display: none
}

.page-list-gestao .horizontal .page-description,
.page-list-gestao .horizontal .summary {
    display: none
}



.page-list-gestao .image-highlight img{
    width: 100%;
    opacity: 0;
}

.page-list.page-list-gestao  a{
    padding: 0;
}
/*
	@package "list-items"
	@style-class ""
	@style-title "Padrão"
*/

.list-items li.item {
    padding: 20px 20px 0 20px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    width: 42%;
    margin: 1%;
}

.list-items .item-content {
    margin-bottom: 20px;
}

.list-items li.item a {
    display: flex;
    flex-direction: column;
}

.list-items ul.list-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.list-items li.item>div {
    display: flex;
    flex-direction: column;
}

.list-items .item-icon {
    margin: 0 0 20px;
    text-align: center;
    max-height: 70px;
}

.list-items .item-icon {
    height: auto;
}

.list-items .item-icon img {
    width: 36px;
}

.list-items .item-html {
    margin-bottom: 20px;
}

.list-items .item-image {
    order: -1;
    margin: -20px -20px 20px -20px;
    max-height: 150px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;   
}

.list-items .item-icon img {
    background: rgb(127, 127, 127);
    border-radius: 10px;
    padding: 10px;
}

.list-items .item-content .item-html p {
    display: -webkit-box;
    margin: 0;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.87;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.07px;
}

.list-items .item-image figure {
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.list-items .item-image figure img {
    display: none;
}

.list-items .item:hover .item-image figure {
    box-shadow: 0 0 200px rgb(0, 180, 212) inset;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.list-items li.item {
    padding: 20px 20px 0 20px;
    background-color: #fff;
    border-radius: 10px;
    width: 42%;
    margin: 1%;
}

.list-items .item-content {
    margin-bottom: 20px;
}

.list-items li.item a {
    display: flex;
    flex-direction: column;
}

.list-items ul.list-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}

.list-items li.item>div {
    display: flex;
    flex-direction: column;
}

.list-items .item-icon {
    margin: 0 0 20px;
    text-align: center;
    max-height: 70px;
}

.list-items .item-icon {
    height: auto;
}

.list-items .item-icon img {
    width: 60px;
}

.list-items .item-html {
    margin-bottom: 20px;
}

.list-items .item-image {
    order: -1;
    margin: -20px -20px 20px -20px;
    max-height: 150px;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

.list-items .item-icon img {
    background: #7e7e7e;
    border-radius: 10px;
    padding: 10px;
}

.list-items .item-content .item-html p {
    display: -webkit-box;
    margin: 0;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 0.87;
    color: black;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.07px;
}

.list-items .item-title {
    margin: 0;
    color: blue;
}

.list-items .item-image figure {
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.list-items .item-image figure img {
    display: none;
}

.list-items .item:hover .item-image figure {
    box-shadow: 0 0 200px rgb(0, 110, 184) inset;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*
	@package "widget-mirroring"
	@style-class ""
	@style-title "Padrão"
*/

.Module.widget-mirroring {
    margin: 0;
    height: 100%;
}

.Module.widget-mirroring > .content-wrapper {
    height: 100%;
}
.Module.widget-mirroring:after {
    border: none;
}
/*
@package "menu"
@style-class "menu-tab"
@style-title "Menu superior em abas"
*/
.menu.menu-tab .content-wrapper{
display:flex;
margin-top:31px;
margin-right:-31px;
margin-bottom:0px;
margin-left:-31px;
}
.menu.menu-tab .content-wrapper > [data-ng-controller="MenuController"]{
width:100%;
display:flex;
justify-content:start;
}
.menu.menu-tab .content-wrapper .menu-list{
border-bottom:1px solid rgba(0,0,0,.14);
width:100%;
padding:0 31px;
}
.menu.menu-tab .content-wrapper .menu-list .menu-item a{
color:rgba(0, 0, 0, .5);
padding:0 0 4px 0px;
margin:0 21px 0px 0px;
}
.menu.menu-tab .content-wrapper .menu-list .menu-item a:hover{
background:none;
}
.menu.menu-tab .content-wrapper .menu-list .menu-item.active a{
border-bottom:4px solid;
color:rgb(0, 180, 212);
}
.Module.menu-tab:after{
content:"";
border:none;
}
/*
	@package "view-user-profile"
	@style-class "no-line"
	@style-title "Visualização de perfil sem  a divisoria"
*/


.Module.view-user-profile.no-line:after{
    display: none;
}

.Module.view-user-profile.no-line {
    margin: 44px 0 44px 0;
}
/*
	@package "view-user-profile"
	@style-class "no-title"
	@style-title "Visualização de perfil especial para conexões sem titulo"
*/


.view-user-profile.no-title .connections-wrapper .box-info-wrapper > h3 {
    display: none;
}

.view-user-profile.no-title .connections-wrapper .box-info-wrapper [data-hb-user-connections]{
    margin-top: 60px;
}
/*
	@package "recover-password"
	@style-class ""
	@style-title "Padrão"
*/

.recover-password .content-wrapper {
    width: 450px;
    background-color: rgb(248, 244, 233);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
}

.hubox.layer[class*="client-layer"] [data-ng-controller="RequestRecoverPasswordController"] fieldset legend,
.hubox.layer[class*="client-layer"] [data-ng-controller="ChangePasswordController"] fieldset legend {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 1.3rem;
    color: rgb(0, 180, 212);
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif !important;
}
.theme-list {
    margin: 0 -10px!important;
}

.theme-list li {
    padding: 0 10px;
    max-width: 150px;
}

    .theme-list li .radio-group{
        margin-bottom: 0!important;
    }

    .theme-list li .radio-group:before {
        content: "";
        height: 100px;
        width: 150px;
        background-size: cover;
        display: block;
        background-position: center;
        background-image: url('../../../static/images/Preview-temas/padrao.jpg');
    }

.theme-list li .radio-group label{
    margin: 10px 0!important;
}

.theme-list li.theme-item-auto-constraste .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/auto-constraste.jpg');
}

.theme-list li.theme-item-azul .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Azul.jpg');
}

.theme-list li.theme-item-ciano .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Ciano.jpg');
}

.theme-list li.theme-item-cinza .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Cinza.jpg');
}

.theme-list li.theme-item-laranja .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Laranja.jpg');
}

.theme-list li.theme-item-lils .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Lilás.jpg');
}

.theme-list li.theme-item-pink .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Pink.jpg');
}

.theme-list li.theme-item-verde .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Verde.jpg');
}

.theme-list li.theme-item-vermelho .radio-group:before {
    content: "";
    background-image: url('../../../static/images/Preview-temas/Vermelho.jpg');
}

/*
	@package "user-events"
	@style-class ""
	@style-title "Padrão"
*/

.user-events .event-item {
    display: grid;
    display: -ms-grid;
    position: relative;
    color: inherit !important;
    grid-template-columns: 225px 60px auto;
    -ms-grid-template-columns: 225px 60px auto;
    -ms-grid-columns: 225px 60px calc(100% - 285px);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-template-rows: auto;
    grid-template-areas: "image time title" "image time hour" "image country country" "image description description" "actions actions actions";
}

    .user-events .event-item:hover figure a {
        box-shadow: 0 0 200px rgba(0, 110, 184, .5) inset;
    }

    .user-events .event-item .hubox-context-menu {
        top: 8px;
        right: 8px;
    }
    .user-events .event-item.no-img {
        grid-template-columns: 60px auto;
        -ms-grid-template-columns: 60px auto;
        -ms-grid-columns: 60px calc(100% - 60px);
        -ms-grid-rows: auto;
        grid-template-areas: "time title" "time hour" "country country" "description description" "actions actions";
    }

    .user-events .event-item figure {
        grid-area: image;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 4;
        background-size: cover;
        background-position: center;
        border-top-left-radius: 10px;
        width: 100%;
        position: relative;
        min-height: 175px;
    }
    .Module.user-events > header > h2 > span:before {
        content: "\e916";
    }
    

        .user-events .event-item figure a {
            display: block;
            position: absolute;
            border-top-left-radius: 10px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            transition: 0.3s;
        }

        .user-events .event-item figure.no-img,
        .user-events .event-item figure img {
            display: none;
        }

    .user-events .event-item time {
        grid-area: time;
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        display: block;
        width: 100%;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
        position: relative;
        background: rgb(0, 180, 212);
    }

    .user-events .event-item.no-img time {
        -ms-grid-column: 1;
    }

    .user-events .event-item time span {
        color: #fff;
        position: relative;
        display: block;
        width: 100%;
    }

        .user-events .event-item time span:first-child {
            font-size: 34px;
        }

        .user-events .event-item time span:last-child {
            padding-bottom: 55px;
        }

    .user-events .event-item time:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 20px solid rgb(255, 255, 255);
    }

    .user-events .event-item h3 {
        grid-area: title;
        -ms-grid-column: 3;
        -ms-grid-row: 1;
        width: 100%;
        margin: 0;
        padding: 10px 15px;
        box-sizing: border-box;
        border-top-right-radius: 10px;
        background: rgb(0, 110, 184);
    }

    .user-events .event-item.no-img h3 {
        -ms-grid-column: 2;
    }

    .user-events .event-item h3 a {
        display: block;
        display: -webkit-box;
        max-height: 5.2em;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: #fff;
        text-overflow: ellipsis;
    }

        .user-events .event-item h3 a:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,0);
        }

    .user-events .event-item .event-country {
        grid-area: country;
        -ms-grid-column: 2;
        -ms-grid-column-span: 2;
        -ms-grid-row: 3;
        padding: 15px 15px 0 15px;
    }

    .user-events .event-item.no-img .event-country {
        -ms-grid-column: 1;
    }

    .user-events .event-item .event-country span {
        font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    }

    .user-events .event-item .time-info {
        grid-area: hour;
        -ms-grid-column: 3;
        -ms-grid-row: 2;
        padding: 15px 15px 0 15px;
        color: rgb(0, 110, 184);
        font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    }

    .user-events .event-item.no-img .time-info {
        -ms-grid-column: 2;
    }

.user-events .event-description {
    grid-area: description;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 4;
    padding: 15px;
}

.user-events .event-item.no-img .event-description {
    -ms-grid-column: 1;
}

.user-events .event-description p:first-child {
    margin-top: 0;
}

.user-events .event-description p:last-child {
    margin-bottom: 0;
}

.user-events .event-actions {
    padding: 7px 0;
    grid-area: actions;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    -ms-grid-row: 5;
    position: relative;
    z-index: 2;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

    .user-events .event-actions > div,
    .user-events .event-actions li {
        display: inline-block;
    }

    .user-events .event-actions a {
        display: inline-block;
        margin: 7px 0 7px 15px;
    }

    .user-events .event-actions .message {
        display: inline-block;
        margin: 7px 0 7px 15px;
        color: rgb(0, 0, 0);
    }

    .user-events .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message {
        color: rgb(0, 175, 0);
    }

    .user-events .event-actions .message a {
        margin: 0 0 0 5px;
    }

    .user-events .event-actions ul[data-ng-if="currentEvent.Status.Go && !currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
        content: '\e927';
    }

    .user-events .event-actions ul[data-ng-if="!currentEvent.Status.Go && !currentEvent.Status.NotGo && currentEvent.Status.Maybe"] .message:before {
        content: '\e929';
    }

    .user-events .event-actions ul[data-ng-if="!currentEvent.Status.Go && currentEvent.Status.NotGo && !currentEvent.Status.Maybe"] .message:before {
        content: '\e928';
    }

    .user-events .event-actions .event-outlook {
        margin-right: 15px;
    }

    .user-events .event-actions a:hover {
        text-decoration: underline;
    }

    .user-events .event-actions a:before {
        text-decoration: underline;
    }

    .user-events .event-actions a:hover:before {
        text-decoration: none;
    }

    .user-events .event-actions a:before {
        text-decoration: none;
    }

    .user-events .event-actions .message:before,
    .user-events .event-actions a:before {
        font-family: 'intranet-icons';
        font-size: 1.4em;
        padding: 0 7px 0 0;
        display: inline-block;
        text-decoration: none;
        top: 2px;
        position: relative;
    }

    .user-events .event-actions a[data-ng-click="assignPresence(true)"]:before {
        content: "\e927";
    }

    .user-events .event-actions a[data-ng-click="assignPresence(false)"]:before {
        content: "\e928";
    }

    .user-events .event-actions a[data-ng-click="assignPresence()"]:before {
        content: "\e929";
    }

    .user-events .event-actions .event-outlook:before {
        content: "\e92a";
    }

/*
	@package "user-events"
	@style-class "figure-top"
	@style-title "Exibe a imagem do evento no topo da lista"
*/

/* =====================================================
    IMPORTANTE:
    Esta visualização herda as propriedades do arquivo: user-events-default.css
===================================================== */

.figure-top .event-item {
    grid-template-columns: 60px auto;
    -ms-grid-template-columns: 60px auto;
    -ms-grid-columns: 60px calc(100% - 60px);
    grid-template-areas: "image image" "time title" "time hour" "country country" "description description" "actions actions";
    border-radius: 10px;
    overflow: hidden;
}

.figure-top event-item .event-item figure {
    -ms-grid-row-span: 1;
    -ms-grid-column-span: 2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.figure-top event-item .event-item:not(.no-img) h3 {
    border-top-right-radius: 0;
}

event-item .event-item h3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
}

.figure-top event-item .event-item time {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
}

.figure-top .event-item .time-info {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
}

.figure-top event-item .event-description {
    -ms-grid-column: 1;
}
.figure-top event-item .event-actions .message {
    display: block;
}
.figure-top.user-events .event-item h3 {
    border-radius: 0!important;
  }


/*
@package "user-events"
@style-class "user-events-equatorial"
@style-title "Próximos Eventos"
*/
.user-events-equatorial {
    padding-top: 30px;
    padding-bottom: 20px;
    overflow: hidden;
}

.user-events-equatorial header h2 span:before {
    /*ícone do título*/
    content: "\e916";
}

.user-events-equatorial .calendar {
    /*Retirar o calendário*/
    background-color: red;
    display: none;
}

.user-events-equatorial .event-item {
    min-height: 281px;
}

.user-events-equatorial .list-events>li {
    /*Item*/
    width: 48%;
    float: left;
    margin-right: 2%;
    height: auto;
    /*270px*/
    overflow: hidden;
}

.user-events-equatorial .event-item>time {
    background-color: rgb(0, 180, 212) !important;
    background-position: 0% 0% !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-image: none !important;
    background-size: auto auto !important;
    background-origin: padding-box !important;
    background-clip: border-box !important;
    max-height: 120px !important;
}

.user-events-equatorial .event-item .time-info .end-date {
    display: none;
}

.user-events-equatorial .event-item>h3 {
    min-height: 100px;
}


/* ajusta lista de usuarios em 3 colunas  */
.hubox.layer[class*="client-layer"] .layer-wrapper ul.user-list {
    /* -webkit-column-count: 3; */
    -moz-column-count: 3;
    /* column-count: 2; */
    height: 100%;
    overflow: auto;
    display: inline-block;
    width: 100%;
}



div[data-ng-controller="MemberListAssociationTypeController"] input[name="filter"] {
    max-width: 230px;
    margin-right: 20px;
}

.hubox.layer[class*="client-layer"] .layer-wrapper ul.user-list.user-list-card-opened > li {
    padding: 11px 0px 2px 20px;
    overflow: visible;
    min-height: 70px;
    display: inline-block;
    width: 30%;
}
.user-list-layer {
    height: 250px;
}

.contact-list .list-users button {
    margin-top: 20px;
}
/*
	@package "video-gallery"
	@style-class "small-space"
	@style-title "Estilo para placeholders pequenos, visualização horizontal"
*/
.video-gallery.small-space .video-list.horizontal li{
width:100%;
margin:0 14px 14px 0;
}
/*
@package "video-view"
@style-class ""
@style-title "Visualização de Vídeos"
*/
.video-view .video-info .views,
.video-view .video-info .date,
.video-view .video-info .description {
    display: none;
}

.video-view .video-info .title {
    color: rgba(0, 0, 0,.66);
    font-weight: bold;
    font-size: 19px;
}

.video-view>header>h2>span:before {
    content: "\e935";
}

.video-view .comment-box {
    padding-bottom: 21px;
}

.video-view .comment-box>div {
    display: flex;
    flex-wrap: wrap;
}

.video-view .comment-box .text-box {
    width: calc(100% - 43px);
    position: relative;
}

.video-view .text-box .icon.attachment {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 14px;
    line-height: 34px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 0px;
    text-indent: 4px;
    width: 109px;
    height: 0;
    transition: 0.3s;
    font-family: 'intranet-icons';
    text-align: center;
    background-color: rgb(255, 255, 255);

}

.video-view .text-box .icon.attachment:hover {
    background-color: rgb(255, 255, 255);
}

.video-view .text-box .icon.attachment span {
    display: none;
}


.video-view .icon.send span{
    color: transparent
}



.video-view .text-box .icon.attachment::before {
    font-family: 'intranet-icons';
    content: "\e92d ";
}

.video-view .text-box .icon.attachment::after {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    content: " Anexar";
    font-weight: bold;
}

.video-view .text-box textarea:focus {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.video-view .comment-box .text-box .icon.send {
    margin-top: 14px;
}

.video-view .comment-box .text-box .icon.send::before {
    display: none;
}

.video-view .comment-box .text-box textarea {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 43px;
    margin: 0;
}

.video-view .timeline-item-attachments {
    width: calc(100% - 43px);
    border-radius: 7px;
    background: rgb(255, 255, 255);
    margin-top: 14px;
    margin-left: 43px;
    display: flex;
}

.video-view .timeline-item-content+.timeline-item-attachments {
    margin-top: -7px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.video-view .timeline-item .load-more-items:before,
.video-view .timeline-item .timeline-item-reactions .timeline-item-comments span:before,
.video-view .timeline-item .reaction-bar a span:before {
    font-family: 'intranet-icons';
    font-size: 14px;
    margin: -0.14px 4px -0.14px 0;
    top: 0.14px;
    position: relative;
    display: inline-block;
}

.video-view .timeline-item .reaction-bar {
    list-style: none;
    font-size: 10px;
}

.video-view .timeline-item .reaction-bar li {
    margin: 5px 21px 5px 0;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.video-view .timeline-item .timeline-item-reactions .timeline-item-comments span::before {
    content: "\e926";
    top: 4px;
    padding-right: 2px;
}

.video-view .timeline-item.comment time {
    position: absolute;
    top: 1.414px;
    right: 0;
    font-size: 0.9em;
}

.video-view ul.hubox-context-menu {
    top: auto;
    right: 7px;
    margin-top: 11px;
}

.video-view .timeline-item.comment {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 14px;
}

.video-view .timeline-item.comment:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 43px;
    right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.video-view .user-card {
    padding-bottom: 14px;
}

.video-view .video-view .video-view .timeline-item.comment time {
    top: 18px;
}

.video-view .video-view .timeline-item.comment {
    margin-top: 0;
}

.video-view .load-more-items {
    margin: 14px 0;
    display: block;
}

.video-view .load-more-items:hover {
    text-decoration: underline;
}

.video-view .load-more-items:before {
    content: "\e91c";
    font-size: 17px;
    font-family: "intranet-icons";
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -0.14px;
}


.video-view .icon.send span:after {
    color: rgb(255, 255, 255);
    content: "Publicar";
    margin-left: -52px;
}

.video-view .profile-card {
    padding-left: 43px;
    position: relative;
    height: 32px;
    display: table-cell;
    vertical-align: middle;
}

.video-view .profile-card .profile-avatar {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: rgb(0, 110, 184);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.layer-wrapper .hb-video-view [hb-comment-list]{
    border-top: 1px solid rgba(0, 0, 0,0.4);
   
}
 .hb-video-view [hb-comment-list]{
  
    padding-top: 21px;
}
/* 
@media only screen and (min-width:1367px) {
    .video-view .icon.send span:after {
        margin-left: -37px;
    }

    .video-view .profile-card .profile-avatar {
        margin-top: 0px;
    }

    .video-view .text-box .icon.attachment {
        height: 52px;
        top: -20px;
        line-height: 27px;
        background-color: rgb(255, 255, 255);
    }

    .video-view .text-box .icon.attachment:hover {
        background-color: rgb(255, 255, 255);
    }
} */

.video-view .mejs-poster,
.video-view video,
.mejs-overlay.mejs-layer.mejs-overlay-play {
    max-width: 100% !important;
}

.video-view a.icon.attachment, .hb-video-view .comment-list .text-box .icon.attachment {
    display: none;
}
/*
@package "video-view"
@style-class "embedded-video"
@style-title "Vídeo Embarcado"
*/
.Module.embedded-video{
background-color:rgba(0,0,0,0);
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
.Module.embedded-video header{
background-color:rgba(255,0,0,0);
margin-top:27px;
margin-bottom:14px;
}
.Module.embedded-video .content-wrapper iframe{
background-color:rgba(255,0,0,0);
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
width:100%;
}
.template {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    transition: none;
    width: 100%;
    margin: 0 auto
}

.coluna-menu {
    background-color: white;
}

.EditMode .template {
    padding-top: 0
}

.EditMode .module-area {
    min-width: 200px;
}

.AdminMode .template {
    min-height: calc(100vh - 44px);
    /* padding-top:44px */
    transition: none;
}

.main-header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    transition: .3s;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    z-index: 99;
    /* min-height: 127px; */
    box-shadow: 0px 0px 6px 0px #cecece;
}











.EditMode .main-header {
    position: relative;
    top: 0
}

.main-header-top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: flex-end;
    z-index: 1;
    position: relative;
}



.main-header-top>div {
    box-sizing: border-box
}

.main-header .spacer {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}





.main-header-top,
.above-header-wrapper {
    max-width: 1920px;
    margin: 0 auto;

}

.above-header-wrapper {
    overflow: hidden;
}

@media only screen and (max-width:1920px) {

    .main-header-top {
        max-width: 89vw;
        margin: 0 auto;
    }
}

.main-header .logo {
    /* width: 10vw; */
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 0;
    /* padding-left: 20px; */
    box-sizing: border-box;
    transition: .3s;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -40px;
}

.main-header.template-home .logo {
    position: absolute;
    left: 0;
}



.main-header .main-menu,
.main-header .user {
    min-width: 10px;
    transition: .2s
}

.main-header .search-wrapper {
    min-width: 10px
}

.main-header .search-wrapper:after {
    content: "";
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    position: absolute;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    /* background: -moz-linear-gradient(to right, #000 0, rgba(0, 0, 0, .68) 100%);
    background: -webkit-linear-gradient(to right, #000 0, rgba(0, 0, 0, .68) 100%);
    background: linear-gradient(to right, #000 0, rgba(0, 0, 0, .68) 100%) */
}

.search-box-opened .main-header .search-wrapper:after {
    opacity: .7;
    visibility: visible;
    z-index: 1
}


.main-header .search-close,
.main-header .search-open {
    color: rgba(255, 255, 255, 0.692);

    font-size: 19px;
    cursor: pointer;
    position: absolute;
    text-shadow: .05vw .05vw .05vw rgba(0, 0, 0, .2);
    transition: .2s;
    padding: 15px 20px;
    border-radius: 7px;
    margin: 0 7px;
}

.main-header .search-close {
    opacity: 0;
    visibility: hidden
}

.main-header .search-close:hover,
.main-header .search-open:hover {
    background: rgba(0, 0, 0, .15);
    padding: 15px 20px;
    border-radius: 7px;
}


.EditMode .main-header .search-open {
    display: none
}

.search-box-opened .main-header .search-close {
    opacity: 1;
    z-index: 2;
    visibility: visible
}

.search-box-opened .main-header .main-menu,
.search-box-opened .main-header .search-open,
.search-box-opened .main-header .user {
    opacity: 0;
    visibility: hidden
}

.main-header .image-highlight-profile-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-image: url('../../../../../static/images/imagem-cabecalho.jpg');
    background-repeat: no-repeat;
    background-position: top right;
}

.EditMode .main-header .image-highlight-profile-wrapper {
    position: relative;
    height: 200px;
    background: rgb(127, 127, 127);
}

.AdminMode .main-header .module-area .header-module-area {
    top: 0;
    z-index: 99
}

.EditMode .main-header {
    background: rgb(127, 127, 127);
}

.main-content {
    width: 100%;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    max-width: 1920px;
    margin: 0 auto;
    display: block;
}

/* 
.main-content .main-sidebar {
    width: 100px;
    max-width: 100px;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    background: rgb(127, 127, 127)
}

.EditMode .main-content .main-sidebar {
    padding-top: 0
}

.main-content .main-sidebar-wrapper {
    width: 100px;
    padding-top: 200px;
    top: 0;
    position: fixed;
    transition: .3s
}
.AdminMode .main-content .main-sidebar-wrapper {
    padding-top: 244px
}



.EditMode.AdminMode .main-content .main-sidebar-wrapper {
    padding-top: 0;
    position: static
}



.main-content>.row-content,
.main-content>.row-flex>[class*=col-] {
    /* padding-top: 176px; */
    align-content: flex-start
}

.EditMode .main-content>.row-content,
.EditMode .main-content>.row-flex>[class*=col-] {
    padding-top: 0
}

.main-footer {
    width: 100%;
    min-height: 70px;
    padding: 0 40px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    justify-content: space-between;
    background: rgb(0, 180, 212);
    background-image: url('../../../static/images/imagem-rodape.jpg');
    background-position: right;
    box-shadow: 0px 0px 6px 0px #cecece;
    z-index: 1;
}

    .main-footer .copyright,
    .main-footer .footer-menu {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto align-items: center;
        display: flex;
    }

        .main-footer .footer-menu{
            justify-content: flex-end;
        }

        .main-footer .advanced-editor p {
            color: rgb(255, 255, 255);
        }

.main-footer .advanced-editor p span {
    margin-left: 11vw
}


/* @media only screen and (min-width:1367px) {

    .main-content>.row-content,
    .main-content>.row-flex>[class*=col-] {
        padding-top: 163px;
        align-content: flex-start
    }
} */

/* @media screen and (max-width:1200px) {
    .main-footer {
        flex-wrap: wrap;
        padding: 0;
        text-align: center
    }

    .main-footer .copyright {
        width: 100%;
        order: 2;
        padding: 15px;
        box-sizing: border-box;
        background: rgba(0, 0, 0, .1)
    }
} */

/* @media screen and (max-width:960px) {
    .main-footer .copyright {
        order: 2
    }
} */

::-webkit-scrollbar {
    width: 12px
}

::-webkit-scrollbar-track {
    background: #d6d5d5
}

::-webkit-scrollbar-thumb {
    background: #acacac
}

.template div::-webkit-scrollbar,
.template ul::-webkit-scrollbar {
    width: 16px
}

.template div::-webkit-scrollbar-track,
.template ul::-webkit-scrollbar-track {
    border-radius: 8px;
    background: rgba(0, 0, 0, .1);
    border: solid 4px rgb(255, 255, 255)
}

.template div::-webkit-scrollbar-thumb,
.template ul::-webkit-scrollbar-thumb {
    height: 4px;
    border: solid 4px transparent;
    background-clip: padding-box;
    border-radius: 8px;
    background-color: rgb(0, 180, 212)
}

.row-color-sec {
    background-color: rgb(248, 244, 233)
}


.redirect-button button:hover {
    opacity: 1
}

.redirect-button {
    margin-bottom: 0!important;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }

    30% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(1000px);
        -ms-transform: perspective(1000px);
        transform: perspective(1000px)
    }

    30% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 20deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(1000px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(1000px);
        -ms-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.interno-03-colunas-esquerda {
    width: 300px;
    padding-bottom: 0;
    padding-left: 44px;
    padding-right: 30px;
    padding-top: 0
}

.interno-03-colunas-central {
    width: calc(100% - 822px);
    padding-bottom: 0;
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 0
}

.interno-03-colunas-direita {
    width: 360px;
    padding-bottom: 0;
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 0
}

.interno-02-colunas-esquerda {
    width: 300px;
    padding-bottom: 0;
    padding-left: 44px;
    padding-right: 30px;
    padding-top: 0
}

.interno-02-colunas-direita {
    width: calc(100% - 462px);
    padding-bottom: 0;
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 0
}

.lb-outerContainer {
    background: rgb(238,236,224);

}


.meu-espaco .main-header,
.perfil-do-usuario .main-header {

    height: 120px !important;
    max-height: 100%;
    z-index: auto;
}


.EditMode .meu-espaco .main-header {
    height: auto !important;
    z-index: 99;
}

.width-wrapper {
    max-width: 1920px;

    margin: 0 auto;
}

.main-footer .width-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    align-items: center;
}

.main-footer .menu .menu-list {
    display: flex;
    flex-wrap: wrap;
}

.template.login {
    min-height: 100vh !important;
    max-width: 100vw !important;
}

.template-highlight.col-highlight {

    width: 100%;
    text-align: center;

}

.main-header .menu-list a[href="/classificados"]:nth-child(3) {
    display: none !important;
}


.hubox.layer[class*="client-layer"] ul.multiple-select,
.template ul.multiple-select {
    border-radius: 10px;
    margin-top: 5px;
}

.z50 {
    z-index: 50 !important
}

.contact-form .info {
    margin-top: -20px;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.7);
}



/* ul.hubox-context-menu {
    z-index: auto !important;
}  */

input#filepicker::before {
    content: 'Anexar';
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    line-height: 33px;
    border-radius: 10px;
    height: 33px;
    text-indent: 4px;
    width: 109px;
    top: -7px;
    position: relative;
    font-size: initial;
    transition: 0.3s;
    font-family: 'intranet-icons';
    text-align: center;
    color: rgb(0, 110, 184);
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    text-decoration: none;
}

input#filepicker::-webkit-file-upload-button {
    visibility: hidden;
}

input#filepicker:after {
    font-family: 'intranet-icons';
    content: "\e92d ";
    left: 30px;
    position: absolute;
    color: rgb(0, 110, 184);
    margin-top: 1px;
}

.grupo .col-md-2-5.col-highlight {
    background-color: rgba(248, 244, 233, 0.3);
}





.meu-espaco .col-md-2-5.col-highlight {
    background-color: rgba(234, 240, 254, 0.1) !important;
}


/* esconde menu de usuario para nao administradores */
/*.main-header-top .menu-list>.menu-item:first-child {
    display: none;
}*/

.AdminMode .main-header-top .menu-list>.menu-item:first-child {
    display: list-item;
}

.hubox span.help{

    display: block;
    margin-top: 4px;
    color: #adadad!important;
    font-style: italic;
    font-size: 0.83em!important;
    font-family: Tahoma;
    line-height: 1.3em!important;
    cursor: help;

}

.note-item.info{
    border-radius: 10px!important;

}

.intranet-equatorial-energia .main-menu .menu .menu-list.horizontal:before {
    display: none;
}
  





   .toggle-wrapper {
        margin: 0 0 30px;
        align-items: center;
        display: flex;
        font-size: 1.17em;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0
    }
    .toggle-wrapper .toggle-text {
        display: inline-block;
        color: rgba(0, 0, 0, .54);
        font-weight: 700;
        margin-right: 10px
    }
    td.number, th.number {
        text-align: right
    }
.toggle {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0)
}
    .toggle:before {
        content: "";
        position: relative;
        top: 3px;
        left: 3px;
        width: 34px;
        height: 14px;
        display: block;
        background: #b9b8b8;
        border-radius: 8px;
        transition: background .2s ease
    }
    .toggle span {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        display: block;
        background: #f1f1f1;
        border-radius: 10px;
        box-shadow: 0 3px 8px rgba(154, 153, 153, .5);
        transition: all .2s ease
    }
    .toggle span:before {
        content: "";
        position: absolute;
        display: block;
        margin: -18px;
        width: 56px;
        height: 56px;
        background: #eee;
        border-radius: 50%;
        transform: scale(0);
        opacity: 1;
        pointer-events: none
    }
    .toggle-wrapper input:checked + .toggle:before {
        background: #006eb8;
        opacity: .55
    }
    .toggle-wrapper input:checked + .toggle span {
        background: #006eb8;
        transform: translateX(20px);
        transition: all .2s cubic-bezier(.8, .4, .3, 1.25), background .15s ease;
        box-shadow: 0 3px 8px rgba(79, 46, 220, .2)
    }
    .toggle-wrapper input:checked + .toggle span:before {
        transform: scale(1);
        opacity: 0;
        transition: all .4s ease
    }
    .table-height-wrapper {
        max-height: 300px;
        overflow: auto;
    }


.Module.divider-bottom:after {
    content: "";
    color: #d6d6d6;
    border-bottom: 1px solid;
}

.EditMode .main-footer {
    margin-top: 80px;
}
@font-face {
    font-family: 'extensions';
    src: url('../../../static/fonts/extension/extensions.eot?aa4wgxab');
    src: url('../../../static/fonts/extension/extensions.eot?#iefixaa4wgxab') format('embedded-opentype'), url('../../../static/fonts/extension/extensions.ttf?aa4wgxab') format('truetype'), url('../../../static/fonts/extension/extensions.woff?aa4wgxab') format('woff'), url('../../../static/fonts/extension/extensions.svg?aa4wgxab#fiesc-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.layer[class*=client-layer] .file-type:before,
.template .file-type:before {
    font-family: 'extensions';
    speak: none;
    display: inline-block;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: underline;
}

.layer[class*=client-layer] .file-type:hover:before,
.template .file-type:hover:before {
    text-decoration: none;
}

.layer[class*=client-layer] .file-type:before,
.template .file-type:before {
    text-decoration: none;
}

.layer[class*=client-layer] .file-type:before,
.template .file-type:before {
    content: "\e901";
}

.layer[class*=client-layer] .file-type.DOCX:before,
.layer[class*=client-layer] .file-type.DOC:before,
.layer[class*=client-layer] .file-type.docx:before,
.layer[class*=client-layer] .file-type.doc:before,
.template .file-type.DOCX:before,
.template .file-type.DOC:before,
.template .file-type.docx:before,
.template .file-type.doc:before {
    content: "\e900";
    color: #295497;
}

.layer[class*=client-layer] .file-type.image:before,
.layer[class*=client-layer] .file-type.BMP:before,
.layer[class*=client-layer] .file-type.PNG:before,
.layer[class*=client-layer] .file-type.GIF:before,
.layer[class*=client-layer] .file-type.JPEG:before,
.layer[class*=client-layer] .file-type.JPG:before,
.layer[class*=client-layer] .file-type.bmp:before,
.layer[class*=client-layer] .file-type.png:before,
.layer[class*=client-layer] .file-type.gif:before,
.layer[class*=client-layer] .file-type.jpeg:before,
.layer[class*=client-layer] .file-type.jpg:before,
.template .file-type.image:before,
.template .file-type.BMP:before,
.template .file-type.PNG:before,
.template .file-type.GIF:before,
.template .file-type.JPEG:before,
.template .file-type.JPG:before,
.template .file-type.bmp:before,
.template .file-type.png:before,
.template .file-type.gif:before,
.template .file-type.jpeg:before,
.template .file-type.jpg:before {
    content: "\e902";
    color: #f83939;
}

.layer[class*=client-layer] .file-type.PDF:before,
.layer[class*=client-layer] .file-type.pdf:before,
.template .file-type.PDF:before,
.template .file-type.pdf:before {
    content: "\e903";
    color: #f20000;
}

.layer[class*=client-layer] .file-type.PPTX:before,
.layer[class*=client-layer] .file-type.PPT:before,
.layer[class*=client-layer] .file-type.pptx:before,
.layer[class*=client-layer] .file-type.ppt:before,
.template .file-type.PPTX:before,
.template .file-type.PPT:before,
.template .file-type.pptx:before,
.template .file-type.ppt:before {
    content: "\e904";
    color: #eb4d00;
}

.layer[class*=client-layer] .file-type.MP3:before,
.layer[class*=client-layer] .file-type.WAV:before,
.layer[class*=client-layer] .file-type.mp3:before,
.layer[class*=client-layer] .file-type.wav:before,
.template .file-type.MP3:before,
.template .file-type.WAV:before,
.template .file-type.mp3:before,
.template .file-type.wav:before {
    content: "\e905";
    color: #0072ff;
}

.layer[class*=client-layer] .file-type.video:before,
.layer[class*=client-layer] .file-type.MOV:before,
.layer[class*=client-layer] .file-type.MP4:before,
.layer[class*=client-layer] .file-type.MPEG:before,
.layer[class*=client-layer] .file-type.MPG:before,
.layer[class*=client-layer] .file-type.AVI:before,
.layer[class*=client-layer] .file-type.mov:before,
.layer[class*=client-layer] .file-type.mp4:before,
.layer[class*=client-layer] .file-type.mpeg:before,
.layer[class*=client-layer] .file-type.mpg:before,
.layer[class*=client-layer] .file-type.avi:before,
.template .file-type.video:before,
.template .file-type.MOV:before,
.template .file-type.MP4:before,
.template .file-type.MPEG:before,
.template .file-type.MPG:before,
.template .file-type.AVI:before,
.template .file-type.mov:before,
.template .file-type.mp4:before,
.template .file-type.mpeg:before,
.template .file-type.mpg:before,
.template .file-type.avi:before {
    content: "\e906";
    color: #9b00e3;
}

.layer[class*=client-layer] .file-type.XLSX:before,
.layer[class*=client-layer] .file-type.XLS:before,
.layer[class*=client-layer] .file-type.xlsx:before,
.layer[class*=client-layer] .file-type.xls:before,
.template .file-type.XLSX:before,
.template .file-type.XLS:before,
.template .file-type.xlsx:before,
.template .file-type.xls:before {
    content: "\e907";
    color: #1d7044;
}

.layer[class*=client-layer] .file-type.RAR:before,
.layer[class*=client-layer] .file-type.ZIP:before,
.layer[class*=client-layer] .file-type.rar:before,
.layer[class*=client-layer] .file-type.zip:before,
.template .file-type.RAR:before,
.template .file-type.ZIP:before,
.template .file-type.rar:before,
.template .file-type.zip:before {
    content: "\e908";
    color: #e8a300;
}

.hubox .social-modal:before {
    content: "";
    top: 10px;
    right: 13px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: block;
    z-index: 4;
    position: absolute;
    background: #fff;
}

.hubox .social-modal span {
    color: inherit;
    font-size: 0;
}

.social-modal a:hover {
    text-decoration: underline;
}

.layer[class*=client-layer] .social-modal ul {
    padding: 0;
    display: inherit;
}

.social-modal {
    font-size: 1.1em;
    margin: -30px -30px -80px -30px;
    min-height: 480px;
    overflow: hidden;
    border-radius: 10px;
    background: rgb(248, 244, 233);
}

    .social-modal .social-modal-wrapper {
        height: 100%;
        margin: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .social-modal > .social-modal-wrapper > .social-modal-item {
        margin: 0;
        padding: 0;
        position: relative;
        min-height: 480px;
        -ms-flex: 1 0 1px;
        -webkit-flex: 1 0 1px;
        flex: 1 0 1px;
    }

        .social-modal > .social-modal-wrapper > .social-modal-item > div {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            justify-content: center;
            max-width: 100%;
        }

.hide-social-item .social-modal > .social-modal-wrapper > .social-modal-item {
    display: none;
}

.hide-social-item .social-modal > .social-modal-wrapper > .social-modal-info {
    max-width: 100%;
}

.hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a {
    z-index: 2;
    width: 50px;
    top: 0;
    bottom: 0;
    position: absolute;
    transition: 0.2s;
    opacity: 0.66;
    color: #fff;
    text-shadow: 0 0 4px #000;
    border-radius: 0;
    height: 100%;
}

.social-modal .social-modal-item.image {
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    min-height: 530px;
}

    .social-modal .social-modal-item.image figure {
        max-width: 100%;
        margin: 0;
        font-size: 0;
    }

        .social-modal .social-modal-item.image figure img {
            width: 100%;
        }

.social-modal .social-modal-item.video,
.social-modal .social-modal-item.external-video {
    padding-bottom: calc(46.25vw - 160px);
}

    .social-modal .social-modal-item.video video,
    .social-modal .social-modal-item.external-video iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.social-modal .social-modal-item .modal-navigation {
    opacity: 0;
    transition: 0.2s;
}

.social-modal .social-modal-item:hover .modal-navigation {
    opacity: 1;
}

.hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a {
    z-index: 2;
    width: 50px;
    top: 0;
    bottom: 0;
    position: absolute;
    transition: 0.2s;
    opacity: 0.66;
    color: #fff;
    text-shadow: 0 0 4px #000;
}

    .hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a.to-left {
        left: 0;
        background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%) !important;
        background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
        background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
    }

    .hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a:hover {
        opacity: 1;
    }

    .hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a.to-right {
        right: 0;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%) !important;
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%) !important;
    }

    .social-modal .social-modal-item .modal-navigation > a:before {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        position: absolute;
        top: 200px;
        left: 5%;
        font-size: 26px !important;
        margin-left: -13px;
        text-decoration: underline;
    }

.hubox.layer[class*="client-layer"] .social-modal .social-modal-item .modal-navigation > a:before {
    text-decoration: none;
    color: #fff !important;
}

    .social-modal .social-modal-item .modal-navigation > a:hover:before {
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        text-decoration: none;
    }

.social-modal .social-modal-info {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 585px;
    padding: 16px;
    box-sizing: border-box;
    min-height: 100%;
    background: rgb(255, 255, 255);
    border-left: 1px solid #eee;
}


    .social-modal .social-modal-info .profile-card .profile-display,
    .social-modal .social-modal-info .profile-card .profile-name {
        width: calc(100% - 40px);
    }

    .social-modal .social-modal-info .timeline-item time {
        margin: 10px 30px 0 0;
        padding-right: 10px;
        position: absolute;
        top: 0;
        right: 0;
    }

.social-modal [data-hb-user-card] + time {
    margin-top: 2px !important;
}


.hubox.layer[class*="client-layer"] .social-modal .social-modal-info .timeline-item-content {
    line-height: normal;
}

.social-modal .social-modal-info .timeline-item .timeline-item .timeline-item-content {
}

.social-modal .social-modal-info .timeline-item .timeline-item .timeline-item .timeline-item-content {
    background-color: rgb(255, 255, 255);
}

.social-modal .comment-list .text-box textarea {
    padding: 12px 50px 12px 20px !important;
    border: 0 !important;
    line-height: normal;
}


.social-modal .timeline-item .timeline-item-reactions .timeline-item-comments {
    top: -4px;
    margin-right: 8px;
    font-size: 0.9rem;
    color: rgb(0, 110, 184);
}

.social-modal .timeline-item-comments span {
    color: rgb(0, 110, 184) !important;
}

.social-modal a {
    color: rgb(0, 110, 184);
}

    .social-modal a:hover {
        color: rgb(0, 110, 184);
        text-decoration: none;
    }

.social-modal .timeline-item .reaction-bar li {
    margin-right: 20px;
}

.social-modal .timeline-item .timeline-item-reactions .timeline-item-comments span:before,
.social-modal .timeline-item .reaction-bar a span:before {
    margin-right: 0;
}

.social-modal .timeline-item .reaction-bar a span {
    font-size: 0;
}

.social-modal .timeline-item .timeline-item-reactions .timeline-item-comments.active:after,
.social-modal .timeline-item .timeline-item-reactions .timeline-item-comments.selected:after {
    left: -8px;
    right: -8px;
    color: rgb(0, 110, 184);
}

.layer[class*=client-layer] .social-modal .timeline-item .timeline-item-reactions .timeline-item-comments.active span,
.layer[class*=client-layer] .social-modal .timeline-item .timeline-item-reactions .timeline-item-comments.selected span,
.layer[class*=client-layer] .social-modal .timeline-item .timeline-item-reactions .selected a {
    color: rgb(0, 110, 184);
}

.layer[class*=client-layer] .social-modal .timeline-item .reaction-bar li {
    padding: 0;
}

.social-modal .comment-list {
    margin-left: 0;
    margin-top: 10px;
    background-color: rgb(248, 244, 233);
}

    .social-modal .comment-list .comment-box {
        margin-top: 0;
        background-color: rgb(248, 244, 233);
        padding: 10px;
    }

.social-modal .comment-box .text-box .icon.send {
    margin-top: 10px;
}

    .social-modal .comment-box .text-box .icon.send span {
        font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif !important;
        font-size: 1em;
        line-height: normal;
        color: rgb(255, 255, 255);
    }

    .social-modal .comment-box .text-box .icon.send:before {
        display: none;
    }

.social-modal [ng-include="'comment-item.html'"] {
    border-bottom: 1px solid rgba(0, 0, 0,.12);
}

.social-modal [ng-include="'comment-item.html'"]:last-child {
    border-bottom: none;
}

.social-modal .comment-list .card {
    box-shadow: none;
    margin: 0;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(248, 244, 233);
}

    .social-modal .comment-list .card .comment-list .card {
        background-color: rgb(238,236,224);
    }



.social-modal .timeline-item .comment .timeline-item-content {
    background-color: rgb(255, 255, 255);
}

.social-modal .timeline-item.comment .timeline-item-content {
    margin-top: 10px;
}

.hubox.layer[class*="client-layer"] .social-modal .timeline-item-attachments .attachment-list li .file-name {
    font-size: 0.9rem;
    line-height: 1.2rem;
    vertical-align: text-top;
}

.hubox.layer[class*="client-layer"] .social-modal .timeline-item .attachment-list li .file-type {
    line-height: normal;
    font-size: 1.1rem;
}

.social-modal .user .user-avatar {
    display: block;
    margin: 0;
    border-radius: 2em;
    background-size: cover;
    position: absolute;
    width: 2.8em;
    height: 2.8em;
    top: 0;
    left: 0;
}

.layer[class*=client-layer] .social-modal .timeline-notification.new-items span {
    font-size: 0.8rem;
    color: rgb(0, 110, 184);
}

.modal-navigation .hubox-icon.to-left:before {
    content: "\e900";
}

.modal-navigation .hubox-icon.to-right:before {
    content: "\e901";
}

.social-modal .comment-box > div:first-child {
    display: flex;
    flex-wrap: wrap;
}

.social-modal .text-box {
    width: calc(100% - 60px);
    position: relative;
}

.social-modal .timeline-item-attachments {
    width: 100%;
    margin-left: 0;
}

.hubox.layer[class*="client-layer"] .social-modal textarea {
    background-color: rgb(255, 255, 255) !important;
    border-radius: 10px;
}

.social-modal .icon.attachment {
    color: rgb(0, 110, 184);
}

.social-modal .icon.attachment:hover {
    color: rgb(0, 110, 184);
    text-decoration: none;
}

.social-modal .icon.attachment::before {
    content: "\e92d";
    font-family: 'intranet-icons';
    padding-right: 5px;
}

.social-modal .icon.attachment span {
    display: none;
}

@media (max-width:980px) {
    .hubox .social-modal:before {
        top: 10px;
        right: 14px;
        width: 29px;
        height: 29px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .social-modal .social-modal-wrapper {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .social-modal > .social-modal-wrapper > .social-modal-info,
    .social-modal > .social-modal-wrapper > .social-modal-item {
        width: 100%;
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .social-modal .social-modal-info {
        max-width: 100%;
    }

    .social-modal > .social-modal-wrapper > .social-modal-item,
    .social-modal > .social-modal-wrapper > .social-modal-item > div,
    .social-modal .social-modal-item {
        min-height: 50vh;
    }

        .social-modal .social-modal-item .modal-navigation > a:before {
            top: 24vh;
        }

        .social-modal .social-modal-item.external-video {
            padding-bottom: 56.25%;
            height: 0;
            min-height: 0;
        }
}

.social-modal .timeline-item .timeline-item-content {
    margin-left: 0;
}

.social-modal .timeline-item .timeline-item-reactions {
    margin: 10px 0;
}

.hubox.layer[class*="client-layer"] .social-modal h1,
.hubox.layer[class*="client-layer"] .social-modal h2,
.hubox.layer[class*="client-layer"] .social-modal h3,
.hubox.layer[class*="client-layer"] .social-modal h4,
.hubox.layer[class*="client-layer"] .social-modal h5,
.hubox.layer[class*="client-layer"] .social-modal h6,
.hubox.layer[class*="client-layer"] .social-modal p,
.hubox.layer[class*="client-layer"] .social-modal span,
.hubox.layer[class*="client-layer"] .social-modal fieldset legend,
.hubox.layer[class*="client-layer"] .social-modal label,
.hubox.layer[class*="client-layer"] .social-modal time,
.hubox.layer[class*="client-layer"] .social-modal .timeline-item-content {
    line-height: 1.4rem;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}

.hubox.layer[class*="client-layer"] .social-modal .timeline-item-reactions a,
.hubox.layer[class*="client-layer"] .social-modal .timeline-item-reactions span {
    font-size: 0.9rem;
}

.hubox.layer[class*="client-layer"] .social-modal .reaction-impróprio a,
.hubox.layer[class*="client-layer"] .social-modal .reaction-impróprio span {
    color: rgba(229, 0, 0, .66);
}

.hubox.layer[class*="client-layer"] .social-modal .reaction-impróprio.selected a,
.hubox.layer[class*="client-layer"] .social-modal .reaction-impróprio.selected span {
    color: rgb(229, 0, 0);
}

.social-modal .timeline-item .comment {
    padding: 0;
}

.social-modal .comment-list .comment-box .text-box {
    border: 0;
    padding: 0;
}

.social-modal .timeline-item .timeline-item.comment .timeline-item-comments:after,
.social-modal .timeline-item.comment .comment-box,
.social-modal .timeline-item.comment .comment-list {
    background-color: rgb(238,236,224);
}

.social-modal .timeline-item.comment .timeline-item-comments:after {
    border-radius: 10px 10px 10px 0 !important;
}

.social-modal .timeline-item.comment .comment-list {
    margin-top: 10px;
}

.social-modal .comment-list .timeline-item time {
    top: 4px;
}

.social-modal a {
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif !important;
    color: rgb(0, 110, 184);
    font-weight: normal;
}

.social-modal .timeline-item .timeline-item-comments.active:after {
    background-color: rgb(248, 244, 233);
}
.profile-card {
    padding-left: 60px;
    position: relative;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
}

.profile-card .profile-avatar {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: rgb(0, 180, 212);
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

.profile-card .profile-avatar img {
    display: none;
}

    /*.profile-card .profile-avatar.no-img:after,
    .profile-card .profile-avatar.no-img:before {
        content: " ";
        display: block;
        position: absolute;
        border-radius: 50%;
    }*/

    .profile-card .profile-avatar.no-img:before {
        content: "\e90b";
        font-family: 'intranet-icons';
        color: #fff;
        font-size: 40px;
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -20px;
    }

    /*.profile-card .profile-avatar.no-img:after {
        background: rgb(255, 255, 255);
        width: 100%;
        height: 100%;
        top: 60%;
    }*/

    .profile-card .profile-name {
        width: 100%;
        color: rgb(0, 110, 184);
        font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
        display: inline-block;
    }

        .profile-card .profile-name:hover{
            text-decoration: underline;
            color: rgb(0, 110, 184)
        } 
        
        .profile-card .profile-display {
            font-size: 0.85em;
            display: inline-block;
            opacity: 0.8;
        }

    .profile-card .profile-display:empty {
        display: none;
    }
/*
	@package "advertisement-list"
	@style-class "one-column"
	@style-title "Apenas uma coluna"
*/
.advertisement-list.one-column .list li {
    width: 100%;
}
.birthday-send-card ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    list-style: none;
}

.birthday-send-card li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    list-style: none;
    max-width: 168px;
    width: 17%;
    background: #f1f1f1;
    border-radius: 10px;
    margin: 0 5px 10px 0;
}

.birthday-send-card li.selected {
    background: rgb(0, 180, 212);
}

.birthday-send-card .user-to figure,
.birthday-send-card .user-from figure {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
    background-size: 0;
}

.birthday-send-card .user-to .name,
.birthday-send-card .user-from .name {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;

    vertical-align: middle;
    display: inline-block;
}

.birthday-send-card .message {
    width: 600px;
    height: 500px;
    background-position: center;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: contain;
}

.birthday-send-card .message textarea {
    width: 440px;
    height: 160px;
    position: absolute;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 43%;
}

.birthday-send-card .user-to {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    vertical-align: middle;
    height: 44px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;

}

.birthday-send-card .user-from {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    vertical-align: middle;
    height: 44px;
    padding: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 250px;
    bottom: 10px;
}

.birthday-send-card .user-from figure,
.birthday-send-card .user-to figure {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.birthday-send-card .user-from figure img .birthday-send-card .user-to figure img {
    width: 44px;
    height: 44px;
}

.birthday-send-card .user-from .name {
    position: relative;
    margin: 0 !important;
}

.birthday-send-card .message .description {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
/*
@package "list-post"
@style-class "listPostHorizontal"
@style-title "Horizontal para usar em carrossel com 1 coluna"
*/
.Module.listPostHorizontal {
    /*campo-total*/
    padding-bottom: 36px;
    border-bottom: 1px solid rgb(215, 220, 233);
    margin-bottom: 0px;
}

.Module.listPostHorizontal .post-wrapper {
    /*campo*/
    background-color: rgb(255, 255, 255);
    height: 100%;
    min-height: 142px;
    overflow: hidden;
    position: relative;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    border-radius: 11px;
}

.Module.listPostHorizontal .post-wrapper .figure {
    /*area da imagem*/
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s;
    background-size: cover;
    background-position: center center;
    width: 50%;
    height: 100%;
    float: left;
    position: static;
}

.Module.listPostHorizontal .post-info {
    /*area do post*/
    position: static;
    float: left;
    width: calc(50% - 80px);
    height: 142px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 41px;
    padding-right: 22px;
}

.Module.listPostHorizontal .post-info .time {
    /*area da data*/
    position: absolute;
    font-size: 10px;
    top: 23%;
    transform: translateY(-50%);
    left: 45.5%;
    width: 50px;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border-radius: 11px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background-color: rgb(127, 127, 127);
}

.Module.listPostHorizontal .post-info .time .day {
    /*area do dia*/
    color: rgb(255, 255, 255);
    font-size: 21px;
    font-weight: 400;
}

.Module.listPostHorizontal .post-info .time .month {
    /*area do mes*/
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.Module.listPostHorizontal .post-info .category {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: auto;
    float: left;
    padding-left: 11px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: 20px;
    border-radius: 11px;
    position: relative;
    background-color: rgb(238,236,224);
    line-height: 15px;
    max-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 67%;
}

.Module.listPostHorizontal .post-info .category a {
    cursor: pointer;
    height: 8px;
    color: rgba(0, 0, 0, .87);
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03px;
}

.Module.listPostHorizontal .post-info h3 {
    /*area do titulo*/
    font-weight: normal;
    font-size: 19px;
    margin-top: 52px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
    letter-spacing: -0.4px;
}

.Module.listPostHorizontal .post-info h3 a {
    /*area do link do titulo*/
    color: rgb(0, 110, 184);
    font-family: inherit;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 82px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.Module.listPostHorizontal .post-info h3 a::after {
    /*AFTER - area do link do titulo*/
    content: "";
    display: block;
    top: -36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
}

.Module.listPostHorizontal .post-info .text,
.list-post .post-info .summary p {
    /*Resumo do texto*/
    display: block;
    display: -webkit-box;
    margin: 0;
    max-height: 80px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(0, 0, 0);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

@media only screen and (min-width:1500px) {
    .Module.listPostHorizontal .post-info .text,
    .list-post .post-info .summary p {
        /*Resumo do texto*/
        display: block;
        display: -webkit-box;
        margin: 0;
        max-height: 140px;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: rgb(0, 0, 0);
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }
  
} 

.Module.listPostHorizontal .post-info .text p {
    /*Resumo do texto p*/
    line-height: 20px;
}

/*
	@package "newsletter-management"
	@style-class ""
	@style-title "Padrão"
*/
.newsletter-management .send:before {
    font-family: 'intranet-icons';
    content: "\e92c";
}

.newsletter-management .view-history:before {
    font-family: 'intranet-icons';
    content: "\e92c";
}

.newsletter-management .view-history:before {
    font-family: 'intranet-icons';
    content: "\e92e";
}

.newsletter-management .active:before {
    font-family: 'intranet-icons';
    content: "\e927";
}

.newsletter-management .inactive:before {
    font-family: 'intranet-icons';
    content: "\e928";
}

#medium-client-layer fieldset table>thead>tr>td,
.newsletter-management table>thead>tr>td {
    text-transform: uppercase;
    font-weight: 600;
    padding: 15px 20px;
}

#medium-client-layer fieldset table>tbody>tr>td,
.newsletter-management table>tbody>tr>td {
    vertical-align: middle;
    word-break: break-all;
    word-wrap: break-word;
}

#medium-client-layer fieldset table>thead>tr>th:last-child,
#medium-client-layer fieldset table>tbody>tr>td:last-child,
.newsletter-management table>thead>tr>th:last-child,
.newsletter-management table>tbody>tr>td:last-child {
    white-space: nowrap;
    text-align: right;
}

#medium-client-layer fieldset table>tbody>tr>td:last-child a:before,
.newsletter-management table>tbody>tr>td:last-child a:before {
    padding: 0 0 0 0.1em;
}

.newsletter-management table .empty-row td {
    text-align: center !important;
    padding: 1em;
}

#medium-client-layer>div>div.layer-content>div>div>div>fieldset>div {
    margin-top: 50px;
    border-bottom: solid 1px #e8e8e8;
}

#medium-client-layer .hubox-icon.send:before {
    font-family: 'intranet-icons';
    content: "\e92c";
}

div[data-ng-controller="EditNewsletterModalController"] textarea,
div[data-ng-controller="AddNewsletterModalController"] textarea {
    height: auto;
    min-height: 500px;
    overflow-y: auto !important;
}







/*
@package "banner"
@style-class "expanded"
@style-title "Imagem adaptavel e expandida para home"
*/
.banner.expanded {
    width: 100%;
    overflow: hidden;
    padding-top: 0px;
    max-width: 1920px;
    margin: 0 auto;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.banner.expanded .main-img {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
}

.banner.expanded .main-img:after {
    content: '';
    display: block;
    position: absolute;
    background: inherit;
    background-size: cover;
    background-position: center center;
    z-index: 2;
    top: -50px;
    left: -50px;
    right: -50px;
    bottom: -50px;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.banner.expanded .main-img:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .20);
}

.banner.expanded .main-img img {
    height: 100%;
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 200px rgba(0, 0, 0, 0.7);
}

.banner.expanded .banners-nav {
    overflow: visible !important;
    bottom: 0 !important;
}

.banner.expanded .slides-wrap,
.banner.banner.expanded .banners-list ul {
    height: auto;
    max-height: 0;
    padding-top: 20%;
}

.banner.expanded .content-wrapper {
    /* min-height: 150px; */
    -webkit-transition: 0.2s;
    transition: 0.2s;
    background: white;
}

/* 
.banner.expanded .banners-images > li{
    width: 100%;
    padding-top: 20%;
    position: relative;
}

.banner.expanded .banners-images > li > div, .banner.expanded .banners-images > li > div > div {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
} */

.banner.expanded .banners-images>li>div,
.banner.expanded .banners-images>li>div>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner.expanded .banners-images>li {
    width: 100% !important;
    /* padding-top: 20%; */
    overflow: hidden;
    /* height: 0!important; */
    position: relative;
}

.banner.expanded .banners-nav {
    overflow: visible !important;
    bottom: 0 !important;
    position: absolute;
    bottom: 28px !important;
    left: 28px !important;
}
/*
@package "career"
@style-class ""
@style-title "Padrão"
*/
.Module.career>header>h2>span:before {
    content: "\e939";
}

.career .tab-nav {
    display: flex;
    justify-content: space-between;
}

.career .content-wrapper {
    padding: 14px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
}

.career .tab-panel {
    padding: 11px;
}

.career .content-wrapper>div {
    height: 100%;
    min-height: 393px;
    position: relative;
}

#contracted li,
#recruitment li,
#promoted li {
    position: relative;
    margin: 11px 0;
    padding: 0 14px;
    display: block;
}

.career .user-role {
    margin-bottom: -14px;
}

.career li:last-child .user-card:last-child {
    padding-bottom: 0;
}

.career .no-data {
    padding: 14px;
    box-sizing: border-box;
}

.career .tab-panel {
    position: absolute;
    top: 43px;
    left: -14px;
    right: -14px;
    bottom: -14px;
    overflow: auto;
}

.career .tab-panel li.no-data {
    padding: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.career .tab-panel li.no-data:before {
    font-family: 'intranet-icons';
    content: "\e934";
    font-size: 23px;
    margin-right: 7px;
    opacity: 0.66;
}

.hubox.layer[class*="client-layer"] .hubox-icon.search:before {
    content: "\e90c";
    font-size: 15px;
}

.career .user-card .user-badge-birthday {
    background-image: url('../../../static/images/aniversariantes.png');
    height: 43px;
    position: absolute;
    background-size: cover;
    width: 25px;
    z-index: 9;
    top: -7px;
    left: -12px;
    pointer-events: none;
}

@media only screen and (min-width:1367px) {
    .career .content-wrapper>div {
        min-height: 264px;
    }
}

.career header {
    margin-bottom: 20px;
}
.career header:after {
    content: 'Acompanhe as últimas movimentações dos colaboradores.';
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.81);
}

.hubox.layer[class*="client-layer"] div[data-ng-controller="CareerManagePromotedController"] h1:after,
    .hubox.layer[class*="client-layer"] div[data-ng-controller="CareerManageRecruitmentController"] h1:after {
    content: 'Observação: O cargo será atualizado na listagem somente após atualização na base do RH.';
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
    margin-top: 20px;
}
/*#region Tablets Portrait */

@media (min-width: 1px) {
    .row-10 .col-md-0 {
        width: auto !important;
    }
    .row-10 .col-md-0-5 {
        width: 5% !important;
    }
    .row-10 .col-md-1 {
        width: 10% !important;
    }
    .row-10 .col-md-1-5 {
        width: 15% !important;
    }
    .row-10 .col-md-2 {
        width: 20% !important;
    }
    .row-10 .col-md-2-5 {
        width: 25% !important;
    }
    .row-10 .col-md-3 {
        width: 30% !important;
    }
    .row-10 .col-md-3-5 {
        width: 35% !important;
    }
    .row-10 .col-md-3-3 {
        width: 33.33333333% !important;
    }
    .row-10 .col-md-4 {
        width: 40% !important;
    }
    .row-10 .col-md-4-5 {
        width: 45% !important;
    }
    .row-10 .col-md-5 {
        width: 50% !important;
    }
    .row-10 .col-md-5-5 {
        width: 55% !important;
    }
    .row-10 .col-md-6 {
        width: 60% !important;
    }
    .row-10 .col-md-6-5 {
        width: 65% !important;
    }
    .row-10 .col-md-7 {
        width: 70% !important;
    }
    .row-10 .col-md-7-5 {
        width: 75% !important;
    }
    .row-10 .col-md-8 {
        width: 80% !important;
    }
    .row-10 .col-md-8-5 {
        width: 85% !important;
    }
    .row-10 .col-md-9 {
        width: 90% !important;
    }
    .row-10 .col-md-9-5 {
        width: 95% !important;
    }
    .row-10 .col-md-10 {
        width: 100% !important;
    }
}
/*
@package "login-box"
@style-class ""
@style-title "Padrão"
*/
.login-content .login-no-padding {
    padding: 0 !important
}

.login-content {
    padding: 0 !important
}

.AdminMode .login-content article {
    width: 100vw;
    height: 100vh;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    overflow: hidden;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.login-content article {
    width: 100vw;
    height: 100vh;
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    position: fixed;
    overflow: hidden;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
}

.EditMode .login-content article {
    position: relative;
    width: 100%;
    height: 100%
}

.login .login-box .content-wrapper {
    width: 450px;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .14);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .14);
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .14);
    margin: 70px;
}

.row-content.row-flex.login-content {
    margin-top: 0 !important
}

/*.logo-intranet-login-bgimage {
    height: 50px;
    position: relative;
    /*background-image: url(/static/images/equatorial-logo.png);*/
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
margin-bottom: 20px
}

*/
/* desabilita esqueci minha senha para a intranet */
.login a.forgot-password {
    display: none;
}

a[data-ng-click="changePassword()"] {
    display: none;
}


/*habilita esqueci minha senha quando tem a classe*/
.show-password-recovery a[data-ng-click="changePassword()"] {
    display: block;
}

.show-password-recovery .forgot-password {
    display: inline-block;
}

/*esconde header*/
.login .login-box header {
    display: none;
}

/*
@package "suggestion-form"
@style-class ""
@style-title "Padrão"
*/

.suggestion-form .info {
    margin-bottom: 20px;
    color: rgba(0, 0, 0,0.8);
}
.suggestion-form label {
    color: rgb(0, 180, 212);
    line-height: 13px;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}
.suggestion-form .required {
    line-height: 13px;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Raleway-Medium', Verdana, Arial, sans-serif;
}
/*
	@package "page-header"
	@style-class ""
	@style-title "Padrão"
*/

.Module.page-header {
	margin: 0;
	margin-top: -32px;
    bottom: -32px;
}
.Module.page-header .summary {
    margin-bottom: calc(32px + 44px);
}


/*
	@package "link-list"
	@style-class ""
	@style-title "Padrão"
*/
.link-list a:before {
    font-family: 'intranet-icons';
    content: "\e915";
    margin-right: 5px;
}

.link-list li {
    padding: 11px 36px 11px 21px;
    display: block;
    cursor: pointer;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
}
.link-list ul {
    margin-bottom: 14px;
    background: rgb(255, 255, 255);
	border-radius: 7px;
	padding: 10px 0;
}
.link-list li:hover {
    background: rgba(0, 0, 0,0.05);
}
.Module.link-list>header>h2>span:before {
    content: "\e915";
}
/*
@package "list-post"
@style-class "narrowCard"
@style-title "Adaptado para multiplas colunas ou espaço estreito"
*/

.list-post.narrowCard .post-info .category {
    padding: 4px 10px;
    font-size: 0.85em;
    font-family: inherit;
    text-transform: uppercase;
    border-radius: 12px;
    margin-bottom: 15px;
    position: relative;
    left: auto;
    right: auto;
    max-width: fit-content;
    line-height: 0.85em;
    max-height: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-post.narrowCard .post-info {
    padding: 35px 10px 10px 20px;
    position: relative;
}

.list-post.narrowCard .post-info h3 {
    font-weight: normal;
    font-size: 1.5em;
    margin: 20px 0 15px;
}



.list-post.narrowCard .search {
    margin-top: 55px;
    width: 100%;
}

.list-post.narrowCard .search > .row-10{
    width: 100%;
}
/*
	@package "employees-list"
	@style-class ""
	@style-title "Padrão"
*/

.employees-list li {
    background-color: rgb(255, 255, 255);
    border-radius: 7px;
    padding: 14px;
    width: auto;
    margin: 7px;
    position: relative;
    min-height: 35px;
    min-width: 170px;
}

.employees-list figure {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.employees-list ul.list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -7px;
}

.employees-list h3 {
    font-family: 'Raleway-Bold', Verdana, Arial, sans-serif;
    margin: 3px 0;
    vertical-align: middle;
    font-size: 13px;
    color: rgb(0, 110, 184);
    clear: both;
    display: block;
}

.employees-list .role, .employees-list .department {
    font-size: 0.9em;
    font-family: 'Raleway-SemiBold', Verdana, Arial, sans-serif;
    display: block;
}

.employees-list .user-info {
    padding-left: 46px;
    position: relative;
}
/*
@package "group-list"
@style-class "groupNarrow"
@style-title "Para espaços estreitos"
*/


.Module.group-list.groupNarrow .list-groups > li {
    width: 33%;
}



    @media (max-width:1920px) {
        .Module.group-list .list-groups>li {
            width: 50%;
        }
    
        .Module.group-list.groupNarrow .participants-preview > div {
            width: 15%;
        }
    }
    
/*
@package "image-gallery"
@style-class "image-gallery-sixcolumns"
@style-title "Galeria de Imagens com 6 colunas"
*/

.image-gallery.image-gallery-sixcolumns .image-list.Mosaic li {
    width: 16%;
    position: relative;
}

 
/*
@package "page-list"
@style-class "page-list-proportion"
@style-title "Cards com imagem sob proporção 3:2 "
*/



.page-list.page-list-proportion ul{
    justify-content: center;
}

.page-list.page-list-proportion .image-highlight{

    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: calc(100% - 20px);
    margin: 10px auto;
    background: rgb(255, 255, 255);
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
    background-position: center;
    height: auto;
    overflow: hidden;
    padding-bottom: 66%;
    background-size: cover;

}

.page-list.page-list-proportion .images {
    display: block;
    position: relative;
}

.page-list.page-list-proportion img {
    width: 100%;
}

.page-list.page-list-proportion .image-highlight {
    order: -1;
    height: 0;
    width: calc(100% - 20px);
    margin: 10px auto;
    background: rgb(255, 255, 255);
    background-repeat: no-repeat;
    border-radius: 7px 7px 0 0;
    background-position: center;
    height: 0;
    overflow: hidden;
    padding-bottom: 66%;
    background-size: 0;
    margin: 0;
    width: 100%;
}


.page-list.page-list-proportion li > a {
    display: block;
    padding: 0px;
}

.page-list.page-list-proportion .info {
    padding: 10px;
}
/*
	@package "mood-monitor"
	@style-class ""
	@style-title "Padrão"
*/

.Module.mood-monitor>header>h2>span:before {
    content: "\e949";
}

.Module.mood .mood-list {
    display: grid;
    grid-gap: 0px;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(4, 25%);
    grid-template-rows: auto;
    /* box-sizing: border-box; */
    grid-gap: 20px;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
    width: calc(100% - 60px);
    margin-right: 0;
}

.Module.mood .mood-card {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* margin: 10px; */
}

.Module.mood .mood-card-wrapper {
    padding: 30px;
}

.Module.mood .radiante {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, #aac400 0%, #51cb00 100%);
}

.Module.mood .alegre {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(249, 164, 0, 0.6) 0%, rgba(170, 196, 0, 0.6) 100%);
}

.Module.mood .animado {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(255, 120, 0, 0.6) 0%, rgba(249, 164, 0, 0.6) 100%);
}

.Module.mood .otimista {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(255, 72, 0, 0.6) 0%, rgba(255, 120, 0, 0.6) 100%);
}

.Module.mood .pensativo {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(231, 2, 104, 0.6) 0%, rgba(255, 72, 0, 0.6) 99%, rgba(255, 72, 0, 0.6) 100%);
}

.Module.mood .preocupado {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(160, 2, 200, 0.6) 0%, rgba(231, 2, 104, 0.6) 100%);
}

.Module.mood .desanimado {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(75, 0, 212, 0.6) 0%, rgba(160, 2, 200, 0.6) 100%);
}

.Module.mood .triste {
    background-color: #ffffff;
    background-image: linear-gradient(-40deg, rgba(12, 0, 255, 0.6) 0%, rgba(75, 0, 212, 0.6) 100%);
}


.Module.mood .mood-card-title {
    display: table;
    vertical-align: middle;
    margin-bottom: 25px;
}

.Module.mood .mood-card-title .title-mood {
    color: #ffffff;

    font-size: 20px;
    vertical-align: middle;
}

.Module.mood .mood-card-title .icon-mood {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-left: 0;
    margin-top: 0;
    margin-right: 10px;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 6px 0px #2120207a;
    box-shadow: 0px 0px 6px 0px #2120207a;
}

.Module.mood .mood-card-title .icon-mood:after {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    right: -2px;
    left: -2px;
    background-image: inherit;
    border-radius: 100%;
    /* background: red; */
    /* height: 54px; */
    /* width: 54px; */
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 1px 1px 1px 1px black;
    box-shadow: 1px 1px 1px 1px black;
}

.Module.mood .mood-card:hover .mood-card-title .icon-mood {
    color: transparent;
    background-color: #ff252500;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.Module.mood .radiante .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/01-radiante.jpg');
}

.Module.mood .radiante:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/01-radiante.gif');
}

.Module.mood .alegre .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/02-alegre.jpg');
}

.Module.mood .alegre:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/02-alegre.gif');
}

.Module.mood .animado .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/03-animado.jpg');
}

.Module.mood .animado:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/03-animado.gif');
}

.Module.mood .otimista .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/04-otimista.jpg');
}

.Module.mood .otimista:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/04-otimista.gif');
}

.Module.mood .pensativo .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/05-pensativo.jpg');
}

.Module.mood .pensativo:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/05-pensativo.gif');
}

.Module.mood .preocupado .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/06-preocupado.jpg');
}

.Module.mood .preocupado:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/06-preocupado.gif');
}

.Module.mood .desanimado .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/07-desanimado.jpg');
}

.Module.mood .desanimado:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/07-desanimado.gif');
}

.Module.mood .triste .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/08-triste.jpg');
}

.Module.mood .triste:hover .mood-card-title .icon-mood {
    background-image: url('../../../static/images/estados-de-humor/08-triste.gif');
}

.Module.mood .mood-value-wrapper {
    position: relative;
    width: 100%;
}

.Module.mood .mood-value-wrapper span {
    color: #ffffff;
    font-size: 44px;
    font-weight: 500;
}

.Module.mood .mood-value-wrapper span:after {
    content: "";
    height: 32px;
    width: 30px;
    position: absolute;
    right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
}

.Module.mood .mood-value-wrapper span.aumento:after {
    background-image: url('../../../static/images/estados-de-humor/icone-subir.png');
}

.Module.mood .mood-value-wrapper span.igual:after {
    background-image: url('../../../static/images/estados-de-humor/icone-igual.png');
}

.Module.mood .mood-value-wrapper span.desceu:after {
    background-image: url('../../../static/images/estados-de-humor/icone-desceu.png');
}

.Module.mood .mood-info-wrapper {
    position: relative;
}

.Module.mood .mood-info-wrapper .mood-info-primary {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

.Module.mood .mood-info-wrapper .mood-info-seccondary {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    right: 0;
}

@media (max-width: 1080px) {
    .Module.mood .mood-list {
        grid-template-columns: 1fr 1fr 1fr 1fr;

        grid-template-columns: repeat(3, 33.33%);
        grid-template-rows: auto;
        width: calc(100% - 40px);
        margin-right: 0;
    }
}

/*Filtros*/
.Module.mood-monitor .mood-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    max-width: 780px;
}

.Module.mood-monitor .mood-filter-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Module.mood-monitor data-hb-mood-filter {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.Module.mood-monitor data-hb-mood-filter .form-group.form-group-date {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.Module.mood-monitor data-hb-mood-filter h4 {
    margin-right: 10px;
}

.Module.mood-monitor data-hb-mood-filter:last-of-type h4 {
    margin-right: 20px;
}

.Module.mood-monitor data-hb-mood-filter label {
    margin-right: 10px;
}

.Module.mood-monitor .mood-filter-wrapper button {
    margin-left: 10px;
}

.Module.mood-monitor .mood-filter-wrapper button.loading {
    min-height: auto;
}

data-hb-mood-filter .form-group select,
data-hb-mood-filter .form-group input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
    color: #006eb8 !important;
    font-family: 'Raleway-Medium' !important;
    font-weight: 500;
}



.Module.mood {
    margin-top: 20px;
}

.mood-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    opacity: 0.87;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.mood-info:before {
    position: absolute;
    content: "";
    background-image: url('../../../static/images/icones-humor.png');
    height: 30px;
    width: 334px;
    left: 0;
}





@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {

    .Module.mood .mood-card {
        width: 23%;
        margin-right: 1%;
        margin-bottom: 20px;
        display: inline-block;
    }


}



/*
	@package "visits-by-date-grouping"
	@style-class ""
	@style-title "Padrão"
*/
.visits-by-date-grouping th.mat-header-cell {
    font-size: inherit;
    font-weight: 700
}

.visits-by-date-grouping .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.visits-by-date-grouping .mat-cell {
    font-size: 14px
}

.visits-by-date-grouping .mat-table {
    background: #fff
}

    .visits-by-date-grouping .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-header-row],
    [mat-row] {
        background: inherit
    }

.visits-by-date-grouping td.mat-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.visits-by-date-grouping .mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.visits-by-date-grouping .mat-cell {
    color: rgba(0, 0, 0, .87)
}

.visits-by-date-grouping table {
    width: 100%
}

    .visits-by-date-grouping table.mat-table {
        border-spacing: 0
    }

.visits-by-date-grouping tr.mat-header-row {
    height: 56px
}

.visits-by-date-grouping tr.mat-row {
    height: 48px
}

.visits-by-date-grouping th.mat-header-cell {
    text-align: left
}

.visits-by-date-grouping td.mat-cell,
th.mat-header-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .visits-by-date-grouping td.mat-cell:first-of-type,
    th.mat-header-cell:first-of-type {
        padding-left: 24px
    }

    .visits-by-date-grouping td.mat-cell:last-of-type,
    th.mat-header-cell:last-of-type {
        padding-right: 24px
    }

.visits-by-date-grouping .card-title h3 {
    color: #00b4d4;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Raleway-Bold, Verdana, Arial, sans-serif;
    align-items: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.visits-by-date-grouping .card-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    align-self: center;
    margin: 0 auto;
}

.visits-by-date-grouping .card {
    background-color: #fff;
    padding: 10px 0 15px;
    border-radius: 10px;
    width: 100%;
    float: left;
}

.visits-by-date-grouping td.number,
.visits-by-date-grouping th.number {
    text-align: right
}

.cards-1col {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.cards-2col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 50%);
}

.cards-3col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 30px);
    grid-template-columns: repeat(3, 33%);
}

.cards-4col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 60px);
    grid-template-columns: repeat(4, 25%);
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .visits-by-date-grouping .card {
        margin: 0 20px 20px 0;
        width: 48%;
    }
}

/*
	@package "visits-by-device-capabilities"
	@style-class ""
	@style-title "Padrão"
*/

.visits-by-device-capabilities th.mat-header-cell {
    font-size: inherit;
    font-weight: 700
}

.visits-by-device-capabilities .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.visits-by-device-capabilities .mat-cell {
    font-size: 14px
}

.visits-by-device-capabilities .mat-table {
    background: #fff
}

    .visits-by-device-capabilities .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-header-row],
    [mat-row] {
        background: inherit
    }

.visits-by-device-capabilities td.mat-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.visits-by-device-capabilities .mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.visits-by-device-capabilities .mat-cell {
    color: rgba(0, 0, 0, .87)
}

.visits-by-device-capabilities table {
    width: 100%
}

    .visits-by-device-capabilities table.mat-table {
        border-spacing: 0
    }

.visits-by-device-capabilities tr.mat-header-row {
    height: 56px
}

.visits-by-device-capabilities tr.mat-row {
    height: 48px
}

.visits-by-device-capabilities th.mat-header-cell {
    text-align: left
}

.visits-by-device-capabilities td.mat-cell,
visits-by-device-capabilities th.mat-header-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .visits-by-device-capabilities td.mat-cell:first-of-type,
    th.mat-header-cell:first-of-type {
        padding-left: 24px
    }

    .visits-by-device-capabilities td.mat-cell:last-of-type,
    th.mat-header-cell:last-of-type {
        padding-right: 24px
    }

.visits-by-device-capabilities .card-title h3 {
    color: #00b4d4;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Raleway-Bold, Verdana, Arial, sans-serif;
    align-items: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.visits-by-device-capabilities .card-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    align-self: center;
    margin: 0 auto;
}

.visits-by-device-capabilities .card {
    background-color: #fff;
    padding: 10px 0 15px;
    border-radius: 10px;
    width: 100%;
    float: left;
}

.visits-by-device-capabilities td.number,
.visits-by-device-capabilities th.number {
    text-align: right
}

.visits-by-device-capabilities .cards-1col {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.visits-by-device-capabilities .cards-2col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(3, 33%);
}

/*.visits-by-device-capabilities .cards-3col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 30px);
    grid-template-columns: repeat(3, 33%);
}

.visits-by-device-capabilities .cards-4col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 60px);
    grid-template-columns: repeat(4, 25%);
}*/

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .visits-by-device-capabilities .card {
        margin: 0 20px 20px 0;
        width: 31%;
    }
}


/*
	@package "evolution-year"
	@style-class ""
	@style-title "Padrão"
*/

.Module.evolution-year{
    margin-top: 0;
}


    .Module.evolution-year > header > h2 > span:before {
        content: "\e949";
    }

    .Module.evolution-year > header {
        display: flex;
        align-items: center;
    }

        .Module.evolution-year > header h2 {
            margin: 0;
        }

        .Module.evolution-year > header > select {
            width: 110px;
            margin-left: 20px;
        }

.evolution-year th.mat-header-cell {
    font-size: inherit;
    font-weight: 700
}

.evolution-year .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.evolution-year .mat-cell {
    font-size: 14px
}

.evolution-year .mat-table {
    background: #fff
}

    .evolution-year .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-header-row],
    [mat-row] {
        background: inherit
    }

.evolution-year td.mat-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.evolution-year .mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.evolution-year .mat-cell {
    color: rgba(0, 0, 0, .87)
}

.evolution-year table {
    width: 100%
}

    .evolution-year table.mat-table {
        border-spacing: 0
    }

.evolution-year tr.mat-header-row {
    height: 56px
}

.evolution-year tr.mat-row {
    height: 48px
}

.evolution-year th.mat-header-cell {
    text-align: left
}

.evolution-year td.mat-cell,
th.mat-header-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .evolution-year td.mat-cell:first-of-type,
    th.mat-header-cell:first-of-type {
        padding-left: 24px
    }

    .evolution-year td.mat-cell:last-of-type,
    th.mat-header-cell:last-of-type {
        padding-right: 24px
    }

.evolution-year .card-title h3 {
    color: #00b4d4;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Raleway-Bold, Verdana, Arial, sans-serif;
    align-items: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.evolution-year .card-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    align-self: center;
    margin: 0 auto;
}

.evolution-year .card {
    background-color: #fff;
    padding: 10px 0 15px;
    border-radius: 10px;
    width: 100%;
    float: left;
}

.evolution-year td.number,
.evolution-year th.number {
    text-align: right
}

.evolution-year .cards-1col ~ .cards-2col {
    margin-top: 20px;
}

.cards-1col {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.cards-2col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 50%);
}

.cards-3col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 30px);
    grid-template-columns: repeat(3, 33%);
}

.cards-4col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 60px);
    grid-template-columns: repeat(4, 25%);
}

.evolution-year .prompt {
    color: #666;
    font-family: "Raleway-SemiBold";
    font-weight: 400;
    line-height: 28px;
    /* margin-right: 30px; */
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: center;
    width: 20px;
    margin-right: 27px;
}

.evolution-year .checkbox-group input[type="checkbox"] {
    position: relative;
    opacity: 1;
}

.evolution-year .checkbox-group {
    display: flex;
    width: 100%;
    flex-basis: auto;
    flex-grow: 1;
    justify-content: flex-start;
    flex-wrap: wrap; 
    margin-top: 20px;
}

    .evolution-year .checkbox-group > * {
        display: flex;
        /* flex-grow: 1; */
        vertical-align: middle;
        display: flex !important;
        align-items: center;
        width: auto;
        padding: 0 !important;
    }

.evolution-year span.check-label {
    font-family: "Raleway-SemiBold";
    font-size: 16px;
    line-height: 12.75px;
    text-transform: uppercase;
    letter-spacing: 0.08px;
}
}

text {
    font-weight: normal !important;
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .evolution-year .card {
        margin-bottom: 20px;
        margin-right: 20px;
    }
    .evolution-year .cards-2col > .card{
        width: 48%;
    }

}

/*
	@package "top-visits"
	@style-class "default"
	@style-title ""
*/

.top-visits th.mat-header-cell {
    font-size: inherit;
    font-weight: 700
}

.top-visits .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.top-visits .mat-cell {
    font-size: 14px
}

.top-visits .mat-table {
    background: #fff
}

    .top-visits .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-header-row],
    [mat-row] {
        background: inherit
    }

.top-visits td.mat-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.top-visits .mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.top-visits .mat-cell {
    color: rgba(0, 0, 0, .87)
}

.top-visits table {
    width: 100%
}

    .top-visits table.mat-table {
        border-spacing: 0
    }

.top-visits tr.mat-header-row {
    height: 56px
}

.top-visits tr.mat-row {
    height: 48px
}

.top-visits th.mat-header-cell {
    text-align: left
}

.top-visits td.mat-cell,
th.mat-header-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .top-visits td.mat-cell:first-of-type,
    th.mat-header-cell:first-of-type {
        padding-left: 24px
    }

    .top-visits td.mat-cell:last-of-type,
    th.mat-header-cell:last-of-type {
        padding-right: 24px
    }

.top-visits .card-title h3 {
    color: #00b4d4;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Raleway-Bold, Verdana, Arial, sans-serif;
    align-items: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.top-visits .card-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    align-self: center;
    margin: 0 auto;
}

.top-visits .card {
    background-color: #fff;
    padding: 10px 0 15px;
    border-radius: 10px;
    width: 100%;
    float: left;
}

.top-visits td.number,
.top-visits th.number {
    text-align: right
}

.cards-1col {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.cards-2col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 50%);
}

.cards-3col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 30px);
    grid-template-columns: repeat(3, 33%);
}

.cards-4col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 60px);
    grid-template-columns: repeat(4, 25%);
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .top-visits .card {
    margin: 0 20px 20px 0;  
    width:48%;
    }
}


/*
	@package "active-users-visits-monitoring"
	@style-class ""
	@style-title "Padrão"
*/
.active-users-visits-monitoring th.mat-header-cell {
    font-size: inherit;
    font-weight: 700
}

.active-users-visits-monitoring .mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.active-users-visits-monitoring .mat-cell {
    font-size: 14px
}

.active-users-visits-monitoring .mat-table {
    background: #fff
}

    .active-users-visits-monitoring .mat-table tbody,
    .mat-table tfoot,
    .mat-table thead,
    .mat-table-sticky,
    [mat-header-row],
    [mat-row] {
        background: inherit
    }

.active-users-visits-monitoring td.mat-cell,
th.mat-header-cell {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.active-users-visits-monitoring .mat-header-cell {
    color: rgba(0, 0, 0, .54)
}

.active-users-visits-monitoring .mat-cell {
    color: rgba(0, 0, 0, .87)
}

.active-users-visits-monitoring table {
    width: 100%
}

    .active-users-visits-monitoring table.mat-table {
        border-spacing: 0
    }

.active-users-visits-monitoring tr.mat-header-row {
    height: 56px
}

.active-users-visits-monitoring tr.mat-row {
    height: 48px
}

.active-users-visits-monitoring th.mat-header-cell {
    text-align: left
}

.active-users-visits-monitoring td.mat-cell,
th.mat-header-cell {
    padding: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

    .active-users-visits-monitoring td.mat-cell:first-of-type,
    th.mat-header-cell:first-of-type {
        padding-left: 24px
    }

    .active-users-visits-monitoring td.mat-cell:last-of-type,
    th.mat-header-cell:last-of-type {
        padding-right: 24px
    }

.active-users-visits-monitoring .card-title h3 {
    color: #00b4d4;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Raleway-Bold, Verdana, Arial, sans-serif;
    align-items: center;
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.active-users-visits-monitoring .card-title {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    align-self: center;
    margin: 0 auto;
}
.active-users-visits-monitoring div[data-ng-controller="ActiveUsersVisitsMonitoringController"] > div {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 50%);
}
.active-users-visits-monitoring .card {
    background-color: #fff;
    padding: 10px 0 15px;
    border-radius: 10px;
    width: 100%;
    MARGIN-BOTTOM: 44px;
    float: left;
}

.active-users-visits-monitoring td.number,
.active-users-visits-monitoring th.number {
    text-align: right
}

.active-users-visits-monitoring .cards-1col {
    display: grid;
    grid-template-columns: repeat(1, 100%);
}

.active-users-visits-monitoring .cards-2col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, 50%);
}

.active-users-visits-monitoring .cards-3col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 30px);
    grid-template-columns: repeat(3, 33%);
}

.active-users-visits-monitoring .cards-4col {
    display: grid;
    grid-gap: 20px;
    width: calc(100% - 60px);
    grid-template-columns: repeat(4, 25%);
}


 .mat-table th:nth-of-type(1),
 .mat-table td:nth-of-type(1) {
    width: 60%;
}

.mat-table th:nth-of-type(2),
 .mat-table td:nth-of-type(2) {
    width: 20%;
}

 .mat-table th:nth-of-type(3),
 .mat-table td:nth-of-type(3) {
    width: 20%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .active-users-visits-monitoring .card {
        margin: 0 10px 20px 0;
        width: 19%;
        display: inline-block;
    }
}


/*
	@package "active-users-overview"
	@style-class ""
	@style-title "Padrão"
*/
.active-users-overview .card {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* margin: 10px; */
}

    .active-users-overview .card.green {
        background-color: #ffffff;
        background-image: linear-gradient(-40deg, #aac400 0%, #51cb00 100%);
    }

    .active-users-overview .card.purple {
        background-color: #ffffff;
        background-image: linear-gradient(-40deg, rgba(12, 0, 255, 0.6) 0%, rgba(75, 0, 212, 0.6) 100%);
    }

.active-users-overview .title-wrapper {
    margin-bottom: 25px;
    min-height: 48px;
}

.active-users-overview .title-card {
    color: #ffffff;

    font-size: 20px;
    font-weight: 500;
}

.active-users-overview .info-wrapper {
    position: relative;
}

.active-users-overview .info-value {
    height: auto;
    color: #ffffff;
    font-size: 44px;
    font-weight: 500;
    padding-right: 59px;
    display: block;
}

.active-users-overview .info-seccondary {
    /* Style for "usuários" */
    width: 70px;
    height: 14px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    /* Text style for "usuários" */
    letter-spacing: 0.04px;
}

.active-users-overview .card-wrapper {
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.active-users-overview .info-percent {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    float: right;
}

    .active-users-overview .info-percent.pie:before {
        content: "";
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAMAAACxiD++AAAAAXNSR0IB2cksfwAAADNQTFRFAAAA////////////////////////////////////////////////////////////////t5XiggAAABF0Uk5TABQkMDhANCAQCCg8BAwYHCxrkCGlAAAA4UlEQVR4nIVTQRKEIAwrlggCIv9/7UJ1VgTEnnSSSdqSEt2lFtYAVjaW+tqcx13ahCccFjTlVY3vusVzuQr3A7xi2DEOLJf/Gw6cffArDi0G7zgQ5wIisc1wYKdjTjBzByB9EZjmONARnP8gHBRrV931UJa33zJMqZWQNIV4BSBR7JrIy5MncOUvDja5UdSxJC4YnX96D1MC4J3IqNFr5jZFneMVKNcy/r7eiExoE8tVBpZhZrd7NjtMdZ5UVwKFsT4IPpCRj/R2WVebqb6/x22ek5r2fpUr1+3ZlT3aJCPSD1u7EdINj7QtAAAAAElFTkSuQmCC'); height: 40px;
        width: 42px;
        position: absolute;
        top: 4px;
        right: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }


.active-users-overview ul.card-list {
    display: grid;
    grid-gap: 0px;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: auto;
    /* box-sizing: border-box; */
    grid-gap: 10px;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
    width: calc(100% - 40px);
    margin-right: 0;
}

.active-users-overview li.card-item {
    display: inline-block;
}

@media (max-width: 1310px) {
    .active-users-overview ul.card-list {
        display: grid;
        grid-gap: 0px;
        padding: 0;
        list-style: none;
        grid-template-columns: repeat(4, 25%);
        grid-template-rows: auto;
        /* box-sizing: border-box; */
        grid-gap: 10px;
        -webkit-padding-start: 0px;
        padding-inline-start: 0px;
        width: calc(100% - 30px);
        margin-right: 0;
    }
}


@media (max-width: 1080px) {
    .active-users-overview ul.card-list {
        display: grid;
        grid-gap: 0px;
        padding: 0;
        list-style: none;
        grid-template-columns: repeat(3, 33.33%);
        grid-template-rows: auto;
        /* box-sizing: border-box; */
        grid-gap: 10px;
        -webkit-padding-start: 0px;
        padding-inline-start: 0px;
        width: calc(100% - 20px);
        margin-right: 0;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .active-users-overview .card {
        margin: 0 10px 20px 0;
        width: 19%;
        display:inline-block;
    }
}



/*
	@package "inactive-users-overview"
	@style-class ""
	@style-title "Padrão"
*/
.users-overview .card {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    /* margin: 10px; */
}

    .users-overview .card.green {
        background-color: #ffffff;
        background-image: linear-gradient(-40deg, #aac400 0%, #51cb00 100%);
    }

    .users-overview .card.purple {
        background-color: #ffffff;
        background-image: linear-gradient(-40deg, rgba(12, 0, 255, 0.6) 0%, rgba(75, 0, 212, 0.6) 100%);
    }

.users-overview .title-wrapper {
    margin-bottom: 25px;
    min-height: 48px;
}

.users-overview .title-card {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
}

.users-overview .info-wrapper {
    position: relative;
}

.users-overview .info-value {
    height: auto;
    color: #ffffff;
    font-size: 44px;
    font-weight: 500;
    padding-right: 59px;
    display: block;
}

.users-overview .info-seccondary {
    /* Style for "usuários" */
    width: 70px;
    height: 14px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    /* Text style for "usuários" */
    letter-spacing: 0.04px;
}

.users-overview .card-wrapper {
    padding: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.users-overview .info-percent {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    float: right;
}

    .users-overview .info-percent.pie:before {
        content: "";
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAMAAACxiD++AAAAAXNSR0IB2cksfwAAADNQTFRFAAAA////////////////////////////////////////////////////////////////t5XiggAAABF0Uk5TABQkMDhANCAQCCg8BAwYHCxrkCGlAAAA4UlEQVR4nIVTQRKEIAwrlggCIv9/7UJ1VgTEnnSSSdqSEt2lFtYAVjaW+tqcx13ahCccFjTlVY3vusVzuQr3A7xi2DEOLJf/Gw6cffArDi0G7zgQ5wIisc1wYKdjTjBzByB9EZjmONARnP8gHBRrV931UJa33zJMqZWQNIV4BSBR7JrIy5MncOUvDja5UdSxJC4YnX96D1MC4J3IqNFr5jZFneMVKNcy/r7eiExoE8tVBpZhZrd7NjtMdZ5UVwKFsT4IPpCRj/R2WVebqb6/x22ek5r2fpUr1+3ZlT3aJCPSD1u7EdINj7QtAAAAAElFTkSuQmCC');
        height: 40px;
        width: 42px;
        position: absolute;
        top: 4px;
        right: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }


.users-overview ul.card-list {
    display: grid;
    grid-gap: 0px;
    padding: 0;
    list-style: none;
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: auto;
    /* box-sizing: border-box; */
    grid-gap: 10px;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
    width: calc(100% - 40px);
    margin-right: 0;
}

.users-overview li.card-item {
    display: inline-block;
}

@media (max-width: 1310px) {
    .users-overview ul.card-list {
        display: grid;
        grid-gap: 0px;
        padding: 0;
        list-style: none;
        grid-template-columns: repeat(4, 25%);
        grid-template-rows: auto;
        /* box-sizing: border-box; */
        grid-gap: 10px;
        -webkit-padding-start: 0px;
        padding-inline-start: 0px;
        width: calc(100% - 30px);
        margin-right: 0;
    }
}


@media (max-width: 1080px) {
    .users-overview ul.card-list {
        display: grid;
        grid-gap: 0px;
        padding: 0;
        list-style: none;
        grid-template-columns: repeat(3, 33.33%);
        grid-template-rows: auto;
        /* box-sizing: border-box; */
        grid-gap: 10px;
        -webkit-padding-start: 0px;
        padding-inline-start: 0px;
        width: calc(100% - 20px);
        margin-right: 0;
    }
}

.users-overview .info, .active-users-overview .info {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 30px;
    margin-top: 10px;
    opacity: 0.87;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
}

.card{
    position: relative;
}


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

    .users-overview .card {
        margin: 0 10px 20px 0;
        width: 19%;
        display: inline-block;
    }
}

.Module.category-list .content-wrapper {
    padding: 10px 0;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}
.Module.category-list ul.list {
    max-height: 280px;
    overflow: hidden auto;
}

        .Module.category-list ul.list li {
            padding: 10px 20px;
        }


            .Module.category-list ul.list li a {
                display: block;
            }

            .Module.category-list ul.list li:hover {
                background-color: rgba(0, 0, 0, .05);
            }

/*.Module.category-list .content-wrapper a{
    display: block;
}*/

.Module.category-list .content-wrapper a > span {
    font-family: 'Raleway-bold';
    font-size: 13px;
    word-break: break-word;
}

.Module.category-list .content-wrapper .btn.btn-primary {
    top: 0;
    background-color: rgb(255, 255, 255) !important;
    opacity: 0.7;
    color: rgb(0, 110, 184) !important;
    position: absolute;
    left: auto;
    right: 0;
    margin: 0;
}


    .Module.category-list .content-wrapper .btn.btn-primary:hover{
        opacity: 1;
    }



    .Module.category-list header > h2 > span {
        padding-right: 120px;
    }


.Module.cloud-tag > header > h2 > span:before {
    content: "\e930";
}
.Module.cloud-tag .content-wrapper {
    padding: 10px 0;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}

.Module.cloud-tag ul.tag-list {
    max-height: 280px;
    display: flex;
    overflow: hidden auto;
    flex-wrap: wrap;
    padding: 10px 20px;
    justify-content: center;
}

    .Module.cloud-tag ul.tag-list li {
        background: rgb(248, 244, 233);
        padding: 4px 8px;
        clear: both;
        font-family: inherit;
        border-radius: 12px;
        display: flex;
        align-items: center;
        margin: 0 4px 4px 0;
    }


        .Module.cloud-tag ul.tag-list li a {
            color: rgb(0, 110, 184);
            display: block;
            font-family: 'Raleway';
            letter-spacing: 1.1px;
        }

            .Module.cloud-tag ul.tag-list li.small a{
                font-size: 11px;
            }

        .Module.cloud-tag ul.tag-list li.medium a {
            font-size: 13px;
        }
        .Module.cloud-tag ul.tag-list li.large a {
            font-size: 15px;
        }
        .Module.cloud-tag ul.tag-list li.extra-large a {
            font-size: 15px;
        }

            

            .Module.cloud-tag .content-wrapper a {
                font-family: 'Raleway-bold';
                font-size: 13px;
                word-break: break-word;
            }

.Module.cloud-tag .content-wrapper .btn.btn-primary {
    top: 0;
    background-color: rgb(255, 255, 255) !important;
    opacity: 0.7;
    color: rgb(0, 110, 184) !important;
    position: absolute;
    left: auto;
    right: 0;
    margin: 0;
}

    .Module.cloud-tag .content-wrapper .btn.btn-primary:hover{
        opacity: 1;
    }

    .Module.cloud-tag header > h2 > span {
        padding-right: 120px;
    }
/*
@package "list-post"
@style-class "list-post-base-conhecimento"
@style-title "Visualização para base de conhecimento"
*/

.Module.list-post.list-post-base-conhecimento  .post-list {
    display: block;
    width: 100%;
}

.Module.list-post.list-post-base-conhecimento  .post-list>li {
    position: inherit;
    padding: 0;
    width: 100% !important;
    margin-bottom: 10px;
}

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-wrapper {
    min-height: auto;
    overflow: inherit;
    position: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 150px;
}

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-wrapper .figure {
    max-width: 250px;
    width: 100%;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
}

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-wrapper .figure a {
    padding-bottom: 0;
}

.Module.list-post.list-post-base-conhecimento .post-list {
    margin-top: 20px;
}

    .Module.list-post.list-post-base-conhecimento .post-list > li .post-wrapper .post-info {
        width: 100%;
        padding: 20px 20px 20px 20px;
    }

    .Module.list-post.list-post-base-conhecimento .post-list > li .post-info .time {
        position: inherit;
        font-size: inherit;
        width: auto;
        height: auto;
        text-align: inherit;
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        border-radius: inherit;
        color: inherit;
        text-transform: inherit;
        background: inherit;
        top: inherit;
        left: inherit;
        margin-bottom: 5px;
    }

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-info .time span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.Module.list-post > header > .description span{
    padding-right: 170px;
}

.Module.list-post.list-post-base-conhecimento .post-list > li .post-info .category {
    padding: inherit;
    font-size: inherit;
    font-family: inherit;
    text-transform: inherit;
    background: inherit;
    border-radius: inherit;
    margin-bottom: inherit;
    position: inherit;
    left: inherit;
    right: inherit;
    max-width: inherit;
    line-height: inherit;
    max-height: inherit;
    white-space: inherit;
    overflow: inherit;
    text-overflow: inherit;
    padding: 0;
    margin-bottom: 5px;
    text-align: right;
    position: absolute;
    top: 20px;
    right: 20px;
}

        .Module.list-post.list-post-base-conhecimento .post-list > li .post-info .category a {
            cursor: inherit;
            height: inherit;
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            text-transform: inherit;
            letter-spacing: inherit;
            padding: 2px 10px;
            font-size: 0.85em;
            font-family: inherit;
            text-transform: uppercase;
            background: rgb(238,236,224);
            border-radius: 12px;
            margin-bottom: 15px;
            line-height: 0.85em;
            max-height: 0.85em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            height: 11px;
            color: rgba(0, 0, 0,.87);
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.03px;
        }

    .Module.list-post.list-post-base-conhecimento .post-list > li .post-info h3 {
        font-weight: inherit;
        font-size: inherit;
        margin: inherit;
        margin-bottom: 5px;
    }

    .Module.list-post.list-post-base-conhecimento .post-list > li .post-info .tags {
        margin-bottom: 0;
    }

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-info .tags ul {
    display: flex;
    flex-wrap: wrap;
}

.Module.list-post.list-post-base-conhecimento  .post-list>li .post-info .tags li {
    font-weight: inherit;
    clear: inherit;
    font-family: inherit;
    text-transform: inherit;
    display: inherit;
    margin: 0 4px 4px 0;
}
/*
@package "file-list"
@style-class "image-preview"
@style-title "Preview de imagens"
*/

.Module.file-list.image-preview .content-wrapper {
    background-color: inherit;
    border-radius: 0;
}

    .Module.file-list.image-preview .content-wrapper .list.horizontal {
        display: flex;
        flex-wrap: wrap;
    }

    .Module.file-list.image-preview .content-wrapper .list li {
        flex-grow: 1;
        flex-shrink: 0;
        flex-basis: 100px;
        margin: 5px 5px;
        max-width: 130px;
    }

        .Module.file-list.image-preview .content-wrapper .list li > div,
        .Module.file-list.image-preview .content-wrapper .list li > div > div {
            height: 100%;
        }

.Module.file-list.image-preview .list li a {
    display: block;
    height: 100%;
}

.Module.file-list.image-preview .list li figure {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

    .Module.file-list.image-preview .list li figure img {
        opacity: 0;
    }

.Module.file-list.image-preview li:before {
    content: "";
    display: none;
}

.Module.file-list.image-preview .content-wrapper .add-file{
    border: none;
}

.Module.file-list.image-preview .content-wrapper .add-file:before {
    display: none;
}