@font-face {
    font-family: 'Merriweather Bold';
    src: url(../../font/Merriweather/Merriweather-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Merriweather';
    src: url(../../font/Merriweather/Merriweather-Light.ttf) format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url(../../font/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Roboto';
    src: url(../../font/Roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Light';
    src: url(../../font/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto Light';
    src: url(../../font/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto Light';
    src: url(../../font/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}

:root {
    --back-color: #fcfcfc;
    --back-container: #fff;
    --back-color-secundary: #f5f5f5;
    --back-color-secundary-hover: #F4F4F4;
    --color: #000;
    --color-span: rgba(87, 85, 85, 0.85);
    --color-secundary: #555555;
    --color-menu: #555555;
    --input-back-color: #ffffff;
    --input-border-color: #D3D3D3;
    --select-back-color: #ffffff;
    --select-border-color: #cccccc;
    --footer-back: #f2f2f2;
    --footer-color: #6d6d6d;
    --font-family: "century gothic", Arial, sans-serif;
    --font-family-grid: normal 12px/150% Arial, Helvetica, sans-serif;
    --font-size: 11px;
    --font-size-label: 11px;
    --font-size-secundary: 14px;
    --btn-color-primary: #333333;
    --btn-border-color-primary: #f5f5f5;
    --btn-back-color-primary: #f5f5f5;
    --btn-color-primary-hover: #333333;
    --btn-border-color-primary-hover: #cccccc;
    --btn-back-color-primary-hover: #f5f5f5;
    --btn-color-info: #ffffff;
    --btn-back-color-info: #49afcd;
    --btn-border-color-info: #2f96b4 #2f96b4 #1f6377;
    --btn-color-info-hover: #ffffff;
    --btn-border-color-info-hover: #2f96b4 #2f96b4 #1f6377;
    --btn-back-color-info-hover: #2f96b4;
    --btn-color-danger: #ffffff;
    --btn-back-color-danger: linear-gradient(to bottom, #ee5f5b, #bd362f);
    --btn-border-color-danger: #bd362f #bd362f #802420;
    --btn-color-danger-hover: #ffffff;
    --btn-border-color-danger-hover: #bd362f #bd362f #802420;
    --btn-back-color-danger-hover: #bd362f;
    --grid-row-secundary: #f9f9f9;
    --grid-row-hover: #f5f5f5;
    --grid-row-ui: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    --grid-row-alternate-ui: #f0f0f0;
    --grid-row-ui-hover: #dadada;
    --grid-row-empty: #f4f5f7;
    --grid-header: #F9F9F9;
    --grid-header-color: #203864;
    --grid-header-text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
    --jqgrid-pager-back: #e2e2e2;
    --tab-back-color: #fafafa;
    --tab-back-color-hover: #eeeeee;
    --tab-back-color-active: #ffffff;
    --tab-a-color-active: #555555;
    --tag-a-color: #555555;
    --legend-color: #586f89;
    --btn-border-radius: 4px;
    --top-color-header: #00c0ef;
    --top-color-header-secundary: #367fa9;
    --titulo-header-border: solid 2px #f4f4f4;
    --modal-alert: #d3c547;
    --modal-success: #d5dfca;
    /* AAAAA */
    --btn-color-login: #ffffff;
    --btn-back-color-login: #367fa9;
    --btn-border-color-login: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    --btn-color-login-hover: #ffffff;
    --btn-back-color-login-hover: #05c4ee;
    --btn-border-color-login-hover: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/* TOPO, COMUNS E COMPONENTES: ini */
* {
    padding: 0px;
    margin: 0px;
    font-size: var(--font-size);
}

html, body {
    height: 100%;
    position: relative;
    min-height: 100%;
    font-size: var(--font-size);
    background: var(--back-color);
}

    html.dark {
        --btn-color-primary: rgba(255,255,255);
        --btn-back-color-primary: rgba(66, 69, 88);
        --btn-back-color-hover-primary: rgba(82,81,80);
    }

    html.background-light {
        --back-color: rgb(255, 255, 255);
        --back-container: rgb(255, 255, 255);
    }

    html.background-grey {
        --back-color: rgb(226,226,226);
        --back-container: rgb(255, 255, 255);
    }

    html.background-dark {
        --back-color: rgb(37,41,60);
        --back-container: rgb(47,51,73);
        --back-color-secundary: rgb(47,51,73);
        --back-color-secundary-hover: rgb(37,40,57);
        --color: rgba(228,230,244, 0.68);
        --color-span: rgba(228,230,244, 0.68);
        --color-secundary: rgba(228,230,244, 0.68);
        --color-menu: rgba(228,230,244, 0.68);
        /*--input-back-color: rgba(59, 58, 57);*/
        --input-back-color: rgb(37,41,60);
        --input-border-color: rgba(228,230,244, 0.68);
        /*--select-back-color: rgba(59, 58, 57);*/
        --select-back-color: rgb(37,41,60);
        --select-border-color: rgba(228,230,244, 0.68);
        --footer-back: rgba(66, 69, 88);
        --footer-color: rgba(228,230,244, 0.68);
        --grid-row-secundary: rgba(66, 69, 88);
        --grid-row-hover: rgba(82,81,80);
        --grid-row-secundary-ui: rgba(66, 69, 88);
        --grid-row-ui: rgb(47,51,73);
        --grid-row-empty: rgb(47,51,73);
        --grid-row-alternate-ui: rgba(66, 69, 88);
        --grid-row-ui-hover: rgba(82,81,80);
        --grid-header: rgba(66, 69, 88);
        --grid-header-color: rgba(228,230,244, 0.68);
        --grid-header-text-shadow: none;
        --jqgrid-pager-back: rgb(47,51,73);
        --tab-back-color: rgb(37,40,57);
        --tab-back-color-hover: rgba(82,81,80);
        --tab-back-color-active: rgb(47,51,73);
        --tab-a-color-active: rgba(228,230,244, 0.68);
        --tag-a-color: rgba(228,230,244, 0.68);
        --legend-color: rgba(228,230,244, 0.68);
    }

    html.b-circle {
        --btn-border-radius: 15px;
    }

    html.b-square {
        --btn-border-radius: 0px;
    }

    html.b-standard {
        --btn-border-radius: 4px;
    }

    html.font-size-xs {
        --font-size: 10px;
        --font-size-label: 11px;
        --font-size-secundary: 13px;
    }

    html.font-size-sm {
        --font-size: 11px;
        --font-size-label: 12px;
        --font-size-secundary: 14px;
    }

    html.font-size-md {
        --font-size: 12px;
        --font-size-label: 13px;
        --font-size-secundary: 15px;
    }

    html.font-size-xl {
        --font-size: 13px;
        --font-size-label: 14px;
        --font-size-secundary: 16px;
    }

    html.font-size-lg {
        --font-size: 14px;
        --font-size-label: 15px;
        --font-size-secundary: 17px;
    }

    html.font-size-xl {
        --font-size: 1.0rem;
        --font-size-secundary: 1.125rem;
    }

    html.font-arial {
        --font-family: Arial;
        --font-family-grid: normal 12px/150% Arial, Helvetica, sans-serif;
    }

    html.font-cambria {
        --font-family: Cambria;
        --font-family-grid: Cambria;
    }

    html.font-merriweather {
        --font-family: Merriweather;
        --font-family-grid: Merriweather;
    }

    html.font-roboto {
        --font-family: Roboto;
        --font-family-grid: Roboto;
    }

    html.font-roboto-light {
        --font-family: Roboto Light;
        --font-family-grid: Roboto Light;
    }


    html.font-times-new-roman {
        --font-family: "Times New Roman", Times, serif;
        --font-family-grid: "Times New Roman", Times, serif;
    }

    html.font-century-gothic {
        --font-family: 'Century Gothic', sans-serif;
        --font-family-grid: 'Century Gothic', sans-serif;
    }

    html.b-default {
        --btn-back-color-primary: rgb(115, 103, 240);
        --btn-back-color-hover-primary: rgb(72,57,235);
        --btn-color-primary: #fff;
    }

    html.b-blue {
        --btn-back-color-primary: rgb(115, 103, 240);
        --btn-back-color-hover-primary: rgb(72,57,235);
        --btn-color-primary: #fff;
    }

    html.b-grey {
        --btn-back-color: rgb(168, 170, 174);
        --btn-back-color-hover: rgb(155,157,162);
    }

    html.b-green {
        --btn-back-color-primary: rgb(40, 199, 111);
        --btn-back-color-hover-primary: rgb(36,178,99);
        --btn-color-primary: #fff;
    }

    html.b-blue-info {
        --btn-back-color-primary: rgb(0, 207, 232);
        --btn-back-color-hover-primary: rgb(0,184,207);
        --btn-color-primary: #fff;
    }

    html.b-orange {
        --btn-back-color: rgb(255, 159, 67);
        --btn-back-color-hover: rgb(255,146,42);
    }

    html.b-red {
        --btn-back-color-primary: rgb(234, 84, 85);
        --btn-back-color-hover: -primary rgb(231,61,62);
        --btn-color-primary: #fff;
    }

    html.b-black {
        --btn-back-color: rgba(66, 69, 88);
        --btn-back-color-hover: rgb(55,58,73);
        --btn-color-primary: #fff;
    }


    html.b-yellow-liralink {
        --btn-back-color: rgb(255, 204, 0);
        --btn-back-color-hover: rgb(230,184,0);
    }

    html.b-red-liralink {
        --btn-back-color-primary: rgb(201, 12, 15);
        --btn-back-color-hover-primary: rgb(177,11,13);
        --btn-color-primary: #fff;
    }


    html.b-black-liralink {
        --btn-back-color-primary: rgba(59, 58, 57);
        --btn-back-color-hover-primary: rgb(46,45,44);
        --btn-color-primary: #fff;
    }

    html.top-blue {
        --top-color-header: rgb(115, 103, 240);
        --top-color-header-secundary: rgb(72,57,235);
    }

    html.top-grey {
        --top-color-header: rgb(168, 170, 174);
        --top-color-header-secundary: rgb(142,144,149);
    }

    html.top-green {
        --top-color-header: rgb(40, 199, 111);
        --top-color-header-secundary: rgb(31,157,87);
    }

    html.top-blue-info {
        --top-color-header: rgb(0, 207, 232);
        --top-color-header-secundary: rgb(0,161,181);
    }

    html.top-orange {
        --top-color-header: rgb(255, 159, 67);
        --top-color-header-secundary: rgb(255,133,16);
    }

    html.top-red {
        --top-color-header: rgb(234, 84, 85);
        --top-color-header-secundary: rgb(228,39,40);
    }

    html.top-black {
        --top-color-header: rgb(66, 69, 88);
        --top-color-header-secundary: rgb(44,46,59);
    }

    html.top-yellow-liralink {
        --top-color-header: rgb(255, 204, 0);
        --top-color-header-secundary: rgb(230,184,0);
    }

    html.top-red-liralink {
        --top-color-header: rgb(201, 12, 15);
        --top-color-header-secundary: rgb(177,11,13);
    }

    html.top-black-liralink {
        --top-color-header: rgba(59, 58, 57);
        --top-color-header-secundary: rgb(46,45,44);
    }


#content {
    background: var(--back-color);
    color: var(--color);
}

.cor-fundo-menu {
    background: var(--back-color-secundary);
}

br {
    clear: both;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    top: -10px;
    font-family: var(--font-family);
    font-size: var(--font-size);
    text-align: center;
}

.limit {
    min-width: 1000px;
    margin: 0 auto;
}

#wrap {
    min-height: calc(100% - 50px);
    position: relative;
    text-align: center;
}

#header {
    /* text-align: center; */
    z-index: 4998;
    /* height: 130px; */
    right: 0px;
    position: relative;
    /* width: calc(100% - 250px); */
}

    #header .logo {
        top: 1px;
        position: absolute;
        overflow: hidden;
    }

    #header .toolbar-header {
        background-color: var(--top-color-header);
        width: 100%;
        height: 55px;
    }


    #header .titulo-header {
        background-color: var(--back-container);
        width: 100%;
        height: 40px;
        border-bottom: solid 2px #f4f4f4;
    }

    #header .titulo-header-fixed {
        width: calc(100% - 250px) !important;
        height: 40px;
        border-bottom: solid 2px #eeeeee;
        position: fixed;
        top: 0px;
        box-shadow: 0 1px 5px #cccccc91;
    }


.f-nav {
    left: 0 !important;
    height: 113px;
    width: 100%;
    z-index: 4998 !important;
    position: fixed !important;
    top: -70px !important;
    width: 100%;
    background: #fff url("../img/bg_menor.jpg") repeat-x;
    box-shadow: 0 5px 7px #ccc;
}

    .f-nav .breadcrumb {
        margin-top: 8px;
    }

.logo a {
    display: block;
    width: 100%;
}

.logoClient {
    background: url('../img/logo_fundo_50.png') no-repeat;
    width: 40px;
    height: 40px;
    right: 5px;
    padding: 0px 0px 1px 0px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 50px;
    border: solid 1px rgba(54, 127, 169, 0.70);
}

    .logoClient img {
        width: 40px;
        height: 40px;
        margin: 0px;
    }


ul, ul li, ol, ol li {
    list-style: none;
    float: left;
}

.jstree ul, .jstree ul li, .jstree ol, .jstree ol li {
    list-style: inherit;
    float: inherit;
}

.jstree ul {
    clear: both;
}

#user {
    position: absolute;
    right: 67px;
    top: 22px;
    color: #f5f5f5;
}

    #user .name {
        background: url("../img/iconUser_white.png") center left no-repeat;
        padding-left: 15px;
    }

        #user .name:hover {
            background: url("../img/iconUser.png") center left no-repeat;
            padding-left: 15px;
        }

    #user .quit {
        background: url("../img/iconQuit_white.png") center left no-repeat;
        padding-left: 15px;
        color: #f5f5f5;
    }

        #user .quit:hover {
            background: url("../img/iconQuit.png") center left no-repeat;
        }

    #user .value {
        font-weight: bold;
        margin-right: 10px;
    }

.menu {
    position: absolute;
    float: none;
    text-align: center;
    margin: 51px 0 10px 10px;
    clear: both;
    font-size: var(--font-size);
}

    .menu > li {
        padding: 5px;
        position: relative;
        border: 1px solid transparent;
    }

        .menu > li:nth-child(1) {
        }

    .menu li.active {
        border: 1px solid #6080a0;
        border-bottom: 1px solid #fff;
        background: #fff;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .menu li:hover {
        border: 1px solid #6080a0;
        border-bottom: 1px solid #fff;
        background: #fff;
        border-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        cursor: pointer;
    }

    .menu li ul li:hover {
        border: none;
        cursor: pointer;
        background: #002d6c url("../img/menuOver.gif") no-repeat right center;
        color: #fff !important;
        text-decoration: none !important;
    }

        .menu li ul li:hover a {
            color: #fff !important;
        }

    .menu li a {
        color: #000;
        font-size: 15px;
    }

    .menu li.active a {
        z-index: -1;
        color: #4e89cb !important;
    }

    .menu li ul li:hover ul li a {
        color: #000 !important;
    }

        .menu li ul li:hover ul li a:hover {
            color: #fff !important;
        }

    .menu li ul {
        display: none;
        float: left;
        width: 300px;
        position: absolute;
        left: -1px;
        top: 40px;
        margin-left: 0;
        z-index: 4999;
        border: 1px solid #6080a0;
        background: #fff;
        border-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        text-align: left;
    }

    .menu li:hover > ul {
        display: block;
    }

    .menu li ul li:hover > ul {
        display: block;
    }

    .menu li ul li {
        position: relative;
        clear: both;
        float: left;
        width: 100%;
        text-align: left;
    }

        .menu li ul li a {
            display: block;
            padding: 10px 10px;
        }

            .menu li ul li a:hover {
                background: #002d6c url("../img/menuOver.gif") no-repeat right center;
                color: #fff !important;
                text-decoration: none !important;
            }

    .menu li ul ul {
        top: 0;
        left: 100%;
    }

#menu .fa, #menu1 .fa {
    font-size: 20px;
    padding-right: 10px;
}

#menu ul ul .fa, #menu1 ul ul .fa {
    font-size: 14px;
    width: 15px;
}

.breadcrumb {
    padding: 0px;
    margin: 10px 0px 0px 10px;
    border-radius: 0px;
}

    .breadcrumb li {
        margin-right: 5px;
        background: url("../img/breadSep.png") no-repeat right 4px;
        padding-right: 15px;
    }

        .breadcrumb li.active {
            background: none;
            z-index: -1;
        }

        .breadcrumb li .fa {
            font-size: 14px !important;
        }

        .breadcrumb li a {
            color: var(--color);
            font-size: var(--font-size-label);
        }

        .breadcrumb li.active a {
            z-index: -1;
            color: #367fa9;
        }

.toolbar {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

    .toolbar li {
        margin-left: 5px;
    }

        .toolbar li a {
            border: 1px solid rgba(54, 127, 169, 0.17);
            font-size: 14px;
            color: #367fa9;
            padding: 4px 10px 4px 25px;
            background-repeat: no-repeat;
            background-position: 6px center;
        }

.ocultar {
    display: none;
}

.toolbar li a:hover {
    border: 1px solid rgba(54, 127, 169, 1);
    text-decoration: none;
}

.tool1 a {
    background: #fff url("../img/tool1.gif");
}

.tool2 a {
    background: #fff url("../img/tool2.gif");
}

.tool3 a {
    background: #fff url("../img/tool3.gif");
}

.tool4 a {
    background: #fff url("../img/tool4.gif");
}

.tool5 a {
    background: #fff url("../img/tool5.gif");
}

.tool6 a {
    background: #fff url("../img/tool6.gif");
}

.tab {
    float: left;
    width: calc(100% - 20px);
    margin: 10px;
}


    .tab .tabContainer {
        /* top: 0px; */
        min-height: 100%;
        /* width: 111%; */
        width: calc(100% - 20px);
        float: left;
        /* margin-left: 199px; */
        margin-bottom: 40px;
        padding: 10px 10px 10px 10px;
        border: 1px solid #CCC;
        height: 100%;
        background: var(--back-container);
    }

    .tab .tabs {
        position: absolute;
        width: 200px;
        overflow: hidden;
        z-index: 4995;
        float: left;
        margin: 0;
        background: #e9ebee;
        top: 20px;
    }

.nav {
    margin-left: 0;
    margin-top: 0px;
    list-style: none;
}

.nav-tabs {
    margin-bottom: 0px !important;
    /* position: relative !important; */
    z-index: 999 !important;
}

    .nav-tabs > li > a {
        border-radius: 0px;
    }

.aba-nav.tabs {
    position: fixed !important;
    top: 85px;
}

.tab .tabs li {
    width: 100%;
    display: block;
    position: relative;
    float: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: left;
    box-shadow: inset -4px -4px 7px #ccc;
    overflow: hidden;
    z-index: -1;
}

    .tab .tabs li.active {
        width: 100%;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-right: 1px solid #fff;
        z-index: -1;
        background: #fff;
        box-shadow: -3px 7px 7px #ccc;
    }

    .tab .tabs li a {
        z-index: -1;
        padding: 10px 0 10px 15px;
        font-size: 14px;
        color: #777;
        display: block;
        width: 90%;
    }
/* TOPO, COMUNS E COMPONENTES: fim */

/* FORMS: ini */
.datepicker input {
    background-image: url("tema/images/calendar.gif");
    background-position: center right;
    background-repeat: no-repeat;
    -moz-min-width: 90px;
    -ms-min-width: 90px;
    -o-min-width: 90px;
    -webkit-min-width: 90px;
    min-width: 90px;
}

.ui-datepicker {
    margin-top: 20px;
}

fieldset {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    (-bracket-:hack;
        margin-left: -2.5px;
    ); /* hack pra chrome*/
}

.field {
    width: 98%;
    float: left;
    font-size: 13px;
}

.field100 {
    width: 100%;
    float: left;
    font-size: 13px;
    background-color: red;
}

.field.field_1_2 {
    width: 48%;
    margin-right: 2%;
}

.field.field_1_3 {
    width: 30%;
    margin-right: 4%;
}

.field.field_2_3 {
    width: 64%;
}

.field.lastOfLine {
    margin-right: 0;
}

.field.field_1_4 {
    width: 25%;
    margin-right: 4%;
}

.field.field_1_5 {
    width: 16%;
    margin-right: 4%;
}

.field.field_1_6 {
    width: 10%;
    margin-right: 4%;
}

.field input, .field textarea, .field select {
    float: left;
    width: 100%;
    /*box-shadow: inset 0px -5px 7px #eee;*/
}

.field select {
    float: left;
    width: 100%;
}

.field input[type="button"] {
    width: 100%;
}

.field input[type="radio"] {
    width: auto;
    margin-right: 10px;
    margin-top: 2px;
}

.field input[type="checkbox"] {
    width: auto;
    margin-top: 2px;
}

.field .error {
    width: 100%;
}

.field label {
    float: left;
    padding-right: 15px;
}

fieldset .finalButton {
    padding: 5px 45px !important;
}

.lbl {
    float: left;
    clear: both;
    display: block;
    margin-bottom: 2px;
    font-size: var(--font-size-label);
    font-weight: normal;
    line-height: 20px;
}

.field lbl {
    clear: both;
}

.fright {
    float: right;
    margin-right: 5px;
}

.required {
    background: url("../img/iconRequired.gif") no-repeat right center;
    padding-right: 17px;
}

.msg .required {
    background: url("../img/iconRequired.gif") no-repeat left;
    padding-right: 17px;
    float: right;
}

.iconGlass, .iconGlass:hover {
    background-image: url("../img/iconGlass.gif");
    background-repeat: no-repeat;
    background-position: 10px center;
}

.iconSearch {
    background-image: url("../img/iconGlass.gif");
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 28px !important;
}

.iconLeft {
    background-position: right center;
    padding-right: 10px;
    padding-left: 17px;
}

form .msg.required {
    float: right;
    right: 17px;
    line-height: 15px;
    display: inline-block;
}

form .error .lbl {
    color: #f00;
}

form .error input[type="text"], form .error textarea, input[type="text"].error, textarea.error, select.error {
    border: 1px solid #f00 !important;
}

form select.error {
    border: 1px solid #f00 !important;
}

.msgModal {
    display: none;
}

.ui-dialog {
    z-index: 4999;
}

.modal .ui-dialog-titlebar {
    display: none;
}

.modal .ui-widget-content {
    background: none;
    border: none;
    text-align: center;
}

.modal .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

    .modal .ui-dialog-buttonpane .ui-dialog-buttonset button {
        padding: 0;
        width: 100px;
        /*background: #aec694;
        border-color: #467c00;
        color: #fff !important;*/
        margin: 10px;
    }

.modal .msg {
    float: right;
    width: 225px;
    text-align: center;
    margin-top: 14px;
    font-weight: bold;
}

.modalSuccess {
    background: var(--modal-success);
    /* border-color: #467c00;*/
}

.modal .icon {
    background: url("../img/sucesso.gif");
    width: 47px;
    height: 50px;
    display: block;
    float: left;
}

.modalError {
    background: #fcf7f4;
    border-color: #f00;
}

    .modalError .icon {
        background: url("../img/erro.png");
    }

    .modalError .ui-dialog-buttonpane .ui-dialog-buttonset button {
        background: #fff;
        border-color: #f00;
        color: #f00 !important;
    }

.modalAlert {
    background: #fff;
    border-color: #ee8a32;
}

    .modalAlert .icon {
        background: url("../img/alertIcon.png");
    }

    .modalAlert .ui-dialog-buttonpane .ui-dialog-buttonset button {
        background: #fff;
        border-color: #ee8a32;
        color: #ee8a32 !important;
    }

.modalConfirm {
    background: var(--modal-alert);
    border-color: #000;
}

    .modalConfirm .icon {
        background: url("../img/confirm.png");
    }

    .modalConfirm .ui-dialog-buttonpane .ui-dialog-buttonset button {
        background: var(--modal-alert);
        border-color: #000;
        color: #000 !important;
    }
/* FORMS: fim */

/* CONTENT: ini */
#content {
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    /* padding-bottom: 40px; */
    /* position: relative; */
    text-align: left;
    top: 0px;
    /*background-color: #fcfcfc;*/
}
/* CONTENT: fim */

/* FOOTER: ini */
#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    background: var(--footer-back);
    height: 50px;
    line-height: 50px;
    text-align: center;
}

    #footer.footer-nav {
    }

    #footer * {
        color: var(--footer-color);
    }

        #footer *:hover {
            color: var(--footer-color);
            text-decoration: none;
        }

    #footer .limit {
        position: relative;
    }

    #footer .logoLiraLink {
        position: absolute;
        top: 15px;
        left: 152px;
        background: url("../img/logoLiraLink.png") no-repeat;
        width: 102px;
        height: 21px;
        margin: 0 auto;
    }

    #footer .tel {
        position: absolute;
        padding-left: 50px;
        top: 0;
    }

    #footer .versao {
        position: absolute;
        top: 0;
        right: 10px;
    }

    #footer .site {
        margin-right: 20px;
    }
/* FOOTER: fim */

.bordaArredondada {
    float: left;
    top: -10px;
    position: relative;
    width: 100%;
    width: calc(100% - 30px);
    padding: 10px;
    margin: 5px;
    border: 1px solid #e4e4e4;
    background: var(--back-container);
}

.bordaArredondada_1_2 {
    float: left;
    position: relative;
    width: 50%;
    width: calc(50% - 30px) !important;
    padding: 10px;
    margin: 3px;
    border: 1px solid #e4e4e4;
    background: var(--back-container);
}

.bordaArredondada_1_3 {
    float: left;
    top: -10px;
    position: relative;
    width: 33%;
    width: calc(33% - 12px);
    padding: 10px;
    margin: 5px;
    border: 1px solid #ccc;
    background: var(--back-container);
}

.bordaArredondada legend {
    /* box-shadow: inset -5px -2px 10px #f5f5f5;*/
    padding-left: 10px;
    width: 100%;
    width: calc(100% - 10px);
}

.bordaArredondada_1_2 legend {
    padding-left: 10px;
    width: 100%;
    width: calc(100% - 10px);
}

.gd-campo-toolTipDiv {
    color: #fff;
    width: 200px;
    height: 40px;
    padding-top: 10px;
    background-color: #FF3300;
}
/*
.ui-widget-content
{
    border: 1px solid Red;
    background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
    color: #FFF;
    background-color: #ED5454;
}
*/

table {
    width: 100%;
}

td {
    padding: 0px 5px 0px 5px;
}

    td .field {
        width: auto;
        width: calc(100% - 10px);
        position: relative;
        float: left;
        margin-right: 10px;
    }

    td .error {
        width: auto;
        width: calc(100% - 10px);
        position: relative;
        float: left;
        margin-right: 10px;
    }
/*
top: -10px;
	min-height: 207px;
	position: relative;
	width: 86%;
	width: calc(100% - 187px);
	float: left;
	margin-left: 159px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #ccc;
	
	background: #fff;

	*/

td {
    vertical-align: top;
}

table td .btn-info {
    color: var(--btn-color-info) !important;
    background: var(--btn-back-color-info) !important;
    border-color: var(--btn-border-color-info) !important;
    /*margin-top: 22px;*/
    /*min-width: 120px;*/
}

.btn-info:disabled {
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

/* COMPONENTES */
.ui-tooltip-erro, .arrow:after {
    background: red;
    border: 2px solid white;
}

.ui-tooltip-erro {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        tranform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.gd-linhaDiv {
    height: 10px;
    margin: 0px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 3px;
}

.jqGridAlternateRow {
    background-color: red;
    background: none;
    background: #f9fdff;
}


.gd-tab-item-container {
    float: left;
    width: 100%;
}

.filtro-container {
    width: 100%;
    margin-bottom: 10px;
}

    .filtro-container table {
        width: 99%;
    }

.ui-tooltip, .arrow:after {
    background: #586f89;
    border: 1px solid #f4f4f4;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 14px "Helvetica Neue", Sans-Serif;
    text-transform: uppercase;
    box-shadow: 0 0 7px black;
}

.searchFilter input[type='button'] {
    width: 30px;
}

.btn {
    padding: 5px 9px 5px 9px;
    font-weight: 600;
}

.btnAlertaHome {
    margin-top: 3px;
}

table td .btnMarginDown {
    margin-top: 10px;
    float: left;
}

.home-area-tabela {
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    width: calc(100% - 15px);
}

    .home-area-tabela tr th {
        /*border-left: solid 1px #b1b3b2;     border-top: solid 1px #b1b3b2;     padding: 5px;     background-color: #e2e2e2;     text-align: left;     cursor: pointer;*/
        border: 1px solid #79b7e7;
        background: var(--grid-header);
        color: var(--grid-header-color);
        font-weight: bold;
        min-height: 26px;
        cursor: pointer;
    }

.mapa-comite-nivel {
    border-left: solid 1px #b1b3b2;
    border-top: solid 1px #b1b3b2;
    padding: 5px;
    /*background-color:#e2e2e2;*/
    background: #d0e5f5 url('tema/images/ui-bg_glass_75_d0e5f5_1x400.png') repeat-x 50% 50%;
    text-align: center;
    width: calc(100% - 30px);
    margin-bottom: 10px;
}

    .mapa-comite-nivel:hover {
        background: #d0e5f5;
    }

    .mapa-comite-nivel a {
        float: left;
        color: Green;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        margin-right: -10px;
    }

.home-area-tabela tr th:hover {
    background: var(--grid-header);
    color: var(--grid-header-color);
}

.home-area-tabela tr td {
    border: 1px solid #a6c9e2;
    background: var(--grid-row-ui);
    color: var(--color);
    min-height: 24px;
    cursor: pointer;
    padding: 4px;
}

    .home-area-tabela tr td:hover {
        background: var(--grid-row-ui-hover);
        color: var(--color);
    }

.home-area-tabela .linhaAlternada td {
    background: var(--grid-row-alternate-ui);
    color: var(--color);
}
/*LAYOUT QUESTIONARIO RCA*/
.questionario-questao-icone {
    background-image: url('../img/ICONE_QUESTAO.png') center left no-repeat;
    cursor: pointer;
    margin-left: 4px;
}

.questionario-questao {
    clear: both;
    margin-bottom: 1px;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    cursor: pointer;
    margin-left: 4px;
}

.questionario-questao-linha {
    background-color: #fffff1;
    cursor: pointer;
    border-right: solid 10px #FFF;
    border-bottom: solid 4px #FFF;
}

.questionario-questao-linha-alternada {
    background-color: #ffffd8;
    cursor: pointer;
    border-right: solid 10px #FFF;
    border-bottom: solid 4px #FFF;
}

.questionario-questao-linha:hover {
    background-color: #EAEA00;
}

.questionario-tabela {
}

    .questionario-tabela td {
        border-right: solid 10px #FFF;
        min-height: 24px;
    }

    .questionario-tabela th {
        min-height: 40px;
        background-color: #963b20;
        color: White;
        text-align: center;
        border-right: solid 10px #FFF;
        border-bottom: solid 2px #FFF;
        clear: both;
        margin-bottom: 1px;
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        cursor: pointer;
        padding: 15px;
        text-transform: uppercase;
        padding-left: 5px;
    }

        .questionario-tabela th.competenciaItem {
            text-align: left;
            background-color: #ffab8b;
            padding-left: 15px;
            color: #666;
        }

    .questionario-tabela td {
        padding-left: 15px;
    }

.Etapas {
    background-color: #00a65a;
    border: 2px solid #009551;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #f5f5f5;
    float: left;
    transition: 1s;
}

    .Etapas:hover, .Etapas-alert:hover, .Etapas-warning:hover, .Etapas-success:hover, .Etapas-shadown:hover {
        transform: scale(1.1);
    }

.Etapas-danger {
    background-color: #e1544f;
    border: 2px solid #a73b38;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #1E1E1E;
    float: left;
    transition: 1s;
    box-shadow: 3px 3px 3px #E2E2E2;
}


.Etapas-alert {
    background-color: #f39c12;
    border: 2px solid #da8c10;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #f5f5f5;
    float: left;
    transition: 1s;
    box-shadow: 3px 3px 3px #E2E2E2;
}

.Etapas-warning {
    background-color: #fffdc0;
    border: 2px solid #f5ef85;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #f5f5f5;
    float: left;
    transition: 1s;
    box-shadow: 3px 3px 3px #E2E2E2;
}

.Etapas-success {
    background-color: #c1ffc0;
    border: 2px solid #86f585;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #f5f5f5;
    float: left;
    transition: 1s;
    box-shadow: 3px 3px 3px #E2E2E2;
}


.Etapas-shadown {
    background-color: #f1f1f1;
    border: 2px solid #7d7d7d;
    margin: 5px;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #1E1E1E;
    float: left;
    transition: 1s;
    box-shadow: 3px 3px 3px #E2E2E2;
}



.Etapas a {
    color: #000000;
}

.Etapas:hover {
    transition: width 0.5s;
    background-color: #009551;
    color: #fff;
    text-decoration: underline;
}

    .Etapas:hover label {
        text-decoration: underline;
    }

.Etapas-shadown:hover {
    transition: width 0.5s;
    background-color: #7a7a7a;
    border: 2px solid #212121;
    color: #fff;
    text-decoration: underline;
}

.Etapas.Atraso {
    background-color: #e1544f;
    border: 2px solid #a73b38;
    color: #fff;
}

    .Etapas.Atraso:hover {
        background-color: #f19b98;
        border: 2px solid #e1544f;
    }

.Etapas-danger:hover {
    transition: width 0.5s;
    background-color: #f96767;
    border: 2px solid #D6D6D6;
    color: #fff;
    text-decoration: underline;
}

.Etapas-success:hover {
    transition: width 0.5s;
    background-color: #67f96e;
    border: 2px solid #D6D6D6;
    color: #fff;
    text-decoration: underline;
}

.Etapas-alert:hover {
    transition: width 0.5s;
    background-color: #f9ed67;
    border: 2px solid #D6D6D6;
    color: #fff;
    text-decoration: underline;
}

.Etapas-warning:hover {
    transition: width 0.5s;
    background-color: #f9ed67;
    border: 2px solid #D6D6D6;
    color: #000;
    text-decoration: underline;
}

.Etapas:hover label {
    text-decoration: underline;
}

.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
    position: relative;
}

    .span2 input,
    .span3 input,
    .span4 input,
    .span5 input,
    .span6 input,
    .span7 input,
    .span8 input,
    .span9 input,
    .span10 input,
    .span11 input,
    .span12 input,
    .span2 textarea,
    .span3 textarea,
    .span4 textarea,
    .span5 textarea,
    .span6 textarea,
    .span7 textarea,
    .span8 textarea,
    .span9 textarea,
    .span10 textarea,
    .span11 textarea,
    .span12 textarea,
    .span2 select,
    .span3 select,
    .span4 select,
    .span5 select,
    .span6 select,
    .span7 select,
    .span8 select,
    .span9 select,
    .span10 select,
    .span11 select,
    .span12 select {
        /*width: 100%;*/
        resize: none;
        box-sizing: border-box;
        /*padding-top: 14px;
        padding-bottom: 14px;*/
        line-height: 100%;
        height: 30px;
        padding-top: 0px;
    }

    .span2 label,
    .span3 label,
    .span4 label,
    .span5 label,
    .span6 label,
    .span7 label,
    .span8 label,
    .span9 label,
    .span10 label,
    .span11 label,
    .span12 label {
        display: inline-block;
        margin: 4px 0;
        background-position-y: top;
    }

    .span2 img.action,
    .span3 img.action,
    .span4 img.action,
    .span5 img.action,
    .span6 img.action,
    .span7 img.action,
    .span8 img.action,
    .span9 img.action,
    .span10 img.action,
    .span11 img.action,
    .span12 img.action {
        position: absolute;
        bottom: 14px;
        right: 0;
    }

p.required {
    text-align: right;
    background-position-y: top;
}

.form-control {
    width: 95%;
}

.dialog form {
    margin-bottom: 0;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.no-titlebar .ui-dialog-content {
    padding-top: 15px;
}

.min200 {
    min-width: 200px;
}

.ui-menu-item a {
    text-align: left;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button span {
        cursor: pointer;
    }

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

        .fileinput-button input:hover {
            cursor: pointer;
        }

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}

.progress {
    height: 5px;
    margin: 14px 0 0;
}

label.empty {
    height: 17px;
}

.botaoCentral {
    margin-left: 50%;
}

input.iconSearch-fix {
    width: calc(100% - 28px);
}

.breadcrumb li:last-child {
    background: none;
}

/*MENU*/

.row-fluid [class*="span"] * {
    box-sizing: border-box;
}

.row-fluid [class*="span"] input[type="text"],
.row-fluid [class*="span"] input[type="password"] {
    width: 100% !important;
    height: 30px;
    line-height: 100%;
}

input[type="number"] {
    width: 100% !important;
    height: 30px;
    line-height: 100%;
}

.row-fluid [class*="span"] input[type="text"].ui-pg-input {
    width: 50px !important;
}

.painel-menu {
    height: 100%;
    background-color: red;
    margin: 0px;
    max-width: 180px;
}

#menu, #menu1 {
    /*height: 100% !important -;*/
    height: -moz-calc(100% - (160px));
    height: -webkit-calc(100% - (160px));
    height: calc(100% - (160px));
    width: 250px;
    overflow-y: auto !important;
    box-shadow: 0 1px 5px #cccccc91
    /*width: 16.893617021276595%;
	*width: 16.840425531914894%;*/
}

    #menu > .nav {
    }

    #menu .nav, #menu1 .nav {
        width: 100%;
        display: block;
        margin-bottom: 0;
    }

    #menu > .nav ul {
    }

    #menu > .nav > li, #menu1 > .nav > li {
        clear: both;
    }

    #menu .nav a, #menu1 .nav a {
        line-height: 14px;
        background-color: var(--back-color-secundary);
        text-align: left;
        margin: 1px;
    }

    #menu > .nav > li a, #menu1 > .nav > li a {
        text-align: left;
        font-weight: normal;
        border-radius: 0 !important;
        border-bottom: 1px solid #fcfcfc;
        margin: 0px;
    }

    #menu > .nav > li > a {
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
    }

    #menu > .nav > li a[data-toggle="collapse"] {
        border-top: 1px solid #fff;
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
    }

    #menu > .nav > li > a .caret {
        float: right;
        margin-top: 5px;
        margin-right: 2px;
    }

    #menu > .nav li a .caret {
        float: right;
        margin-top: 5px;
        margin-right: 2px;
        border: none;
    }

.caret::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f106';
}

#menu li a.collapsed > .caret::before {
    font-family: "FontAwesome";
    font-weight: 900;
    content: '\f107';
}

#menu > .nav > li > a > .menu-icon {
    display: inline-block;
    min-width: 20px;
    margin-right: 2px;
    vertical-align: sub;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

#menu .nav .nav a {
    padding-left: 30px;
}

#menu .nav .nav .nav li {
    display: block !important;
    text-decoration: none !important;
}

#menu .nav .nav .nav a {
    padding-left: 45px;
    text-align: left;
}

#menu .nav .nav .nav li:hover {
    text-decoration: none !important;
}

#menu li a:hover {
    background: var(--back-color-secundary-hover);
    color: var(--color-menu);
    border-bottom: 1px solid #ddd;
}

#menu li.active a:before {
}

#menu li.active > a,
#menu li.active > a:hover {
    background: var(--back-color-secundary-hover);
    color: var(--color-menu);
    border-bottom: 1px solid #ddd;
}

#menu .nav {
    margin-top: 0px !important;
}

#menu ul ul li {
    overflow: hidden;
}

#menu a {
    white-space: nowrap;
    color: var(--color-menu);
}

.menu-fixo {
    height: -moz-calc(100% - (85px)) !important;
    height: -webkit-calc(100% - (85px)) !important;
    height: calc(100% - (85px)) !important;
    /* z-index: 4998 !important;*/
    position: fixed !important;
    top: 44px !important;
}

/* ESTILO DROPDOWN COM ICON PLUS */
.input-group {
    position: relative !important;
    display: table !important;
    width: calc(100% - 32px);
}

    .input-group .form-control {
        width: 99%;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

.input-group {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.input-group-btn {
    width: 1% !important;
    float: right !important;
    margin-left: -7px !important;
}

    .input-group-btn .btn {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

/*WIZARD*/
.wizard {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}

    .wizard:after,
    .wizard:before {
        display: table;
        line-height: 0;
        content: "";
    }

    .wizard:after {
        clear: both;
    }

    .wizard ul {
        /*width:4000px;*/
        padding: 0;
        margin: 0;
        list-style: none outside none;
    }

        .wizard ul.previous-disabled li.complete {
            cursor: default;
        }

            .wizard ul.previous-disabled li.complete:hover {
                color: #356e35;
                cursor: default;
                background: #f3f4f5;
            }

                .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f4f5;
                }

        .wizard ul li {
            position: relative;
            float: left;
            height: 46px;
            padding: 0 20px 0 30px;
            margin: 0;
            font-size: 16px;
            line-height: 46px;
            color: #999;
            cursor: default;
            background: #ededed;
        }

            .wizard ul li .chevron {
                position: absolute;
                top: 0;
                right: -14px;
                z-index: 1;
                display: block;
                border: 24px solid transparent;
                border-right: 0;
                border-left: 14px solid #fff;
            }

                .wizard ul li .chevron:before {
                    position: absolute;
                    top: -24px;
                    right: 1px;
                    display: block;
                    border: 24px solid transparent;
                    border-right: 0;
                    border-left: 14px solid #fff;
                    content: "";
                }

            .wizard ul li.complete {
                color: #468847;
                background: #f3f4f5;
            }

                .wizard ul li.complete:hover {
                    cursor: pointer;
                    background: #e7eff8;
                }

                    .wizard ul li.complete:hover .chevron:before {
                        border-left: 14px solid #e7eff8;
                    }

                .wizard ul li.complete .chevron:before {
                    border-left: 14px solid #f3f4f5;
                }

            .wizard ul li.active {
                color: #3a87ad;
                background: #f1f6fc;
            }

                .wizard ul li.active .chevron:before {
                    border-left: 14px solid #f1f6fc;
                }

            .wizard ul li .badge {
                margin-right: 8px;
            }

            .wizard ul li:first-child {
                padding-left: 20px;
                border-radius: 4px 0 0 4px;
            }

    .wizard .actions {
        position: absolute;
        right: 0;
        z-index: 2;
        float: right;
        padding-right: 15px;
        padding-left: 15px;
        line-height: 46px;
        vertical-align: middle;
        background-color: #eee;
        border-left: 1px solid #d4d4d4;
    }

        .wizard .actions a {
            margin-right: 8px;
            font-size: 12px;
            line-height: 45px;
        }

        .wizard .actions .btn-prev i {
            margin-right: 5px;
        }

        .wizard .actions .btn-next i {
            margin-left: 5px;
        }

.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
    overflow: hidden;
    padding-right: 4px;
    padding-top: 2px;
    position: relative;
    vertical-align: text-top;
    white-space: normal !important;
}

.datepicker-orient-bottom {
    z-index: 10000 !important;
}


/* datagrid = Estilo de tabela simples */
.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagrid {
    font: var(--font-family-grid);
    background: #fff;
    overflow: hidden;
    border: 1px solid #cedceb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

    .datagrid table td, .datagrid table th {
        padding: 3px 10px;
    }

    .datagrid table thead th {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e7f3f7), color-stop(1,#f9fcfe) );
        background: -moz-linear-gradient( center top, #77afcb 5%, #00557F 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#4b8dad');
        background-color: #77afcb;
        color: #3b5a79;
        font-size: var(--font-size);
        font-weight: bold;
        border-left: 1px solid #dfebf7;
    }

        .datagrid table thead th:first-child {
            border: none;
        }

    .datagrid table td {
        color: #00557F;
        border: 1px solid #E1EEF4;
        font-size: var(--font-size);
        font-weight: normal;
    }

    /*.datagrid table .alt td {
        background: #E1EEf4;
        color: #00557F;
    }*/

    .datagrid table tbody td:first-child {
        border-left: none;
    }

    .datagrid table tbody tr:last-child td {
        border-bottom: none;
    }


.collapse-clean .ui-state-active, .collapse-clean .ui-widget-content .ui-state-active, .collapse-clean .ui-widget-header .ui-state-active, .collapse-clean .ui-widget-header .ui-state-default {
    box-shadow: inset -15px -10px 15px #f2f3f5;
    border-radius: 5px;
    background: none;
    border: none;
    height: 40px;
    color: #6080a0;
    font-size: 18px;
    font-weight: normal;
}

.collapse-clean .ui-state-default, .collapse-clean .ui-widget-content .ui-state-default, .collapse-clean .ui-widget-header .ui-state-default {
    box-shadow: inset -15px -10px 25px #f2f3f5;
    border-radius: 5px;
    background: none;
    border: none;
    height: 40px;
    color: #6080a0;
    font-size: 18px;
    font-weight: normal;
}

.collapse-clean .ui-widget-content {
    border: none;
    background: none;
    border: solid 1px #f2f3f5;
}

.gd-tab-item-container .row-fluid label:not(.labelRadioButton), .field span, .input-group span {
    color: var(--color-span);
    -webkit-text-stroke: .5px var(--color-span);
}

.row-fluid select {
    width: 100%;
}

.jstree-checkbox-disabled {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important;
}

.item-arquivo-padroniza-quebra-pagina {
    min-height: 350px;
    float: left;
}

.item-arquivo {
    width: 150px;
    background: #fcfcfc;
    border: solid 1px #E2E2E2;
    text-align: center;
    overflow: hidden;
    padding: 5px;
    float: left;
    margin: 10px;
    font-size: 10px;
}

    .item-arquivo img {
        height: 100px;
        display: inline;
        cursor: pointer;
    }

    .item-arquivo .item-nome-arquivo {
        display: block;
        font-size: 10px;
        word-wrap: break-word;
        min-height: 40px;
        overflow: hidden;
    }

    .item-arquivo .item-categoria {
        text-align: left;
        font-weight: bold;
    }

    .item-arquivo hr {
        margin: 5px;
    }

    .item-arquivo select {
        font-size: 10px;
        margin: 0px;
    }

    .item-arquivo .item-categoria {
    }

    .item-arquivo .item-status {
        text-align: left;
        font-weight: bold;
    }

    .item-arquivo .item-status-descricao {
        text-align: left;
        padding-left: 5px;
        background: #fff7b4;
        border: solid 1px #F4F4F4;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .item-arquivo button {
        width: 100%;
        margin-bottom: 5px;
    }

    .item-arquivo .item-pdf-paginas-quantidade {
        font-weight: bold;
        font-size: 15px;
    }

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow: inherit;
}

.textoMenu {
    white-space: normal;
}

.fixed-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
}

.ui-jqgrid .jqgrow td:hover {
    cursor: pointer;
}

.ui-jqgrid tr.jqgrow td {
    white-space: pre-wrap;
}

.div-alternativa label {
    word-wrap: normal;
}

.bg-success {
    background: #8be19d;
    padding: 1px;
}

.pulse {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f5ff03;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(204, 73, 44, 0.40);
    animation: pulse 2s infinite;
    border: solid 1px #F4F4F4;
}

    .pulse:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 73, 44, 0.40);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 73, 44, 0.40);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 73, 44, 0.40);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

.select2-results__option--highlighted:has( > .bg-success ) {
    background-color: green !important;
}

.select2-results__option--highlighted > .bg-success {
    background-color: transparent !important;
}

.field .select2 {
    margin-bottom: 15px;
}

.label-danger {
    background-color: #eb0b0b;
}

.home-area-tabela th {
    padding: 5px !important;
}

.container-menu-content {
    display: inline;
    float: left;
}

.menu-area {
    width: 250px !important;
    position: absolute;
    z-index: 999;
}

.content-area {
    position: absolute;
    left: 250px;
    width: calc(100% - 250px);
}

.foto-center-cropped {
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    margin-left: calc(50% - 35px);
    border-radius: 50px;
    border: solid 1px #ccc;
}

.img-polaroid {
    padding: 0px;
}

.foto-center-cropped img {
    min-height: 100%;
    min-width: 100%;
}

#menu-body li {
    background-color: var(--back-color-secundary);
}

    #menu-body li a {
        background-color: var(--back-color-secundary);
        background-image: none;
    }


.cor-fundo-titulo-app {
    /*background-color: #367fa9 !important;*/
    background-color: var(--top-color-header-secundary);
    text-align: center;
    height: 50px;
    line-height: 55px;
    font-size: 20px;
    color: #fff;
    font-family: "century gothic", Arial, sans-serif;
    padding-top: 5px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
    border-radius: 0px;
    border: 1px solid rgba(221, 221, 221, 0.8);
}

.bordaArredondada-manual {
    float: left;
    /* top: -10px; */
    position: relative;
    width: 100%;
    width: calc(100% - 30px);
    padding: 10px;
    margin: 5px;
    border: 1px solid #e4e4e4;
    /*  */
    background: var(--back-container);
}

#header #user .btn-indicador {
    background: none;
    border: none;
    margin-right: 20px;
    color: #f5f5f5;
    font-size: 18px;
    position: relative;
}

    #header #user .btn-indicador:hover {
        color: #fff;
        text-shadow: 2px 2px #6080a0;
    }

.indicador-total {
    background-color: #f39c12;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -9px;
    right: -9px;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
}

.container-atalhos {
    margin: 8px;
    width: calc(100% - 16px);
}

.btn-atalho {
    margin: 3px;
    display: inline-block;
    background-color: #00c0ef;
    position: relative;
    width: calc(20% - 10px);
    height: 100px;
    color: rgba(245, 245, 245, 0.81);
    transition: 0.3s;
    z-index: 999;
}

    .btn-atalho:hover {
        box-shadow: 0 5px 10px #ccc;
        cursor: pointer;
        color: #fff;
        transform: scale(1.1);
    }


    .btn-atalho i {
        font-size: 50px;
        position: absolute;
        right: 10px;
        top: 5px;
    }

    .btn-atalho .total {
        font-size: 22px;
        position: absolute;
        left: 5px;
        top: 10px;
        font-weight: bold;
    }

    .btn-atalho .nome {
        font-size: 12px;
        position: absolute;
        left: 0px;
        top: 50px;
        width: calc(100% - 5px);
        padding-left: 5px;
    }

    .btn-atalho .sub-titulo {
        font-size: 10px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: calc(100% - 5px);
        padding-left: 5px;
    }

label {
    display: inline-block;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: var(--font-size-secundary);
    line-height: 40px;
    color: var(--legend-color);
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}

.caret-total {
    display: none;
    position: absolute;
    border-radius: 10px;
    height: 15px;
    /* width: 15px; */
    overflow: hidden;
    border: solid 2px #00c0ef;
    background: #00c0ef;
    right: 20px;
    text-align: center;
    font-size: 9px;
    color: #ffffff;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
}

.caret-total {
    display: none !important;
}

.overflow-h {
    overflow: hidden !important;
}

.campo-obrigatorio-asterisk {
    color: red;
    font-size: 9px !important;
    top: 0px;
    position: absolute;
}

.foto-center-cropped-tab {
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    /*margin-left: calc(50% - 35px);*/
    border-radius: 50px;
    margin-left: 7px;
    border: solid 1px #ccc;
}

.btn-small {
    padding: 2px 5px 2px 5px !important;
    line-height: 16px !important;
    font-size: 10px !important;
    margin: 0px !important;
}
/*
.btn:hover, .btn:focus {
    color: var(--btn-color-primary-hover) !important;
    background: var(--btn-back-color-primary-hover) !important;
    border-color: var(--btn-border-color-primary-hover) !important;
}*/
/*.btn {
    color: var(--btn-color-primary) !important;
    background: var(--btn-back-color-primary) !important;
    border-color: var(--btn-border-color-primary) !important;
}*/

/*.btn:hover, .btn:focus {
        color: var(--btn-color-primary-hover) !important;
        background: var(--btn-back-color-primary-hover) !important;
        border-color: var(--btn-border-color-primary-hover) !important;
    }*/

.btn-primary {
    color: var(--btn-color-primary) !important;
    background: var(--btn-back-color-primary) !important;
    border-color: var(--btn-border-color-primary) !important;
}

    .btn-primary:hover, .btn-primary:focus {
        color: var(--btn-color-primary-hover) !important;
        background: var(--btn-back-color-primary-hover) !important;
        border-color: var(--btn-border-color-primary-hover) !important;
    }

.btn-default {
    color: var(--btn-color-primary) !important;
    background: var(--btn-back-color-primary) !important;
    border-color: var(--btn-border-color-primary) !important;
}

    .btn-default:hover, .btn-default:focus {
        color: var(--btn-color-primary-hover) !important;
        background: var(--btn-back-color-primary-hover) !important;
        border-color: var(--btn-border-color-primary-hover) !important;
    }

.btn-info {
    color: var(--btn-color-info) !important;
    background: var(--btn-back-color-info) !important;
    border-color: var(--btn-border-color-info) !important;
}

    .btn-info:hover, .btn-info:focus {
        color: var(--btn-color-info-hover) !important;
        background: var(--btn-back-color-info-hover) !important;
        border-color: var(--btn-border-color-info-hover) !important;
    }

.btn-danger {
    color: var(--btn-color-danger) !important;
    background: var(--btn-back-color-danger) !important;
    border-color: var(--btn-border-color-danger) !important;
}

    .btn-danger:hover, .btn-danger:focus {
        color: var(--btn-color-danger-hover) !important;
        background: var(--btn-back-color-danger-hover) !important;
        border-color: var(--btn-border-color-danger-hover) !important;
    }

.ui-jqgrid {
    -moz-box-sizing: content-box;
}

.ui-jqgrid-btable {
    border-collapse: separate;
}

.ui-jqgrid-htable {
    border-collapse: separate;
}

.ui-jqgrid-titlebar {
    height: 40px;
    line-height: 15px;
    color: #dfeffd !important;
    background-color: #dfeffd;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.ui-jqgrid .ui-jqgrid-title {
    float: left;
    margin: 1.1em 1em 0.2em;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    position: relative;
    border-left: 1 solid;
    border-right: 1 solid;
    border-top: 1 solid;
}

.ui-widget-header {
    background: none;
    background-image: none;
    background-color: #F9F9F9;
    text-transform: uppercase;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.ui-jqgrid tr.ui-row-ltr td {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 1px;
    border-right: none !important;
    text-align: left;
    border-color: #DDDDDD;
    background-color: inherit;
}

.ui-search-toolbar input[type="text"] {
    font-size: 12px;
    height: 15px;
    border: 1px solid #CCCCCC;
    border-radius: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: var(--grid-header);
    border: 1px solid #D3D3D3;
    line-height: 15px;
    font-weight: bold;
    color: var(--grid-header-color);
    text-shadow: var(--grid-header-text-shadow);
}

.ui-widget-content {
    box-sizing: content-box;
}

.ui-icon-triangle-1-n {
    background-position: 1px -16px;
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top-width: 0px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #dadada;
    border-collapse: separate;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
}

.ui-jqgrid .ui-pg-input {
    font-size: inherit;
    width: 50px;
    border: 1px solid #CCCCCC;
    height: 15px;
}

.ui-jqgrid .ui-pg-selbox {
    display: block;
    font-size: 1em;
    height: 25px;
    line-height: 18px;
    margin: 0;
    width: auto;
}

.ui-jqgrid .ui-pager-control {
    position: relative;
}

.ui-jqgrid .ui-jqgrid-pager {
    height: 32px;
    position: relative;
}

.ui-pg-table .navtable .ui-corner-all {
    border-radius: 0px;
}

.ui-jqgrid .ui-pg-button:hover {
    padding: 1px;
    border: 0px;
}

.ui-jqgrid .loading {
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    height: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    display: none;
    border-width: 2px !important;
    font-size: 11px;
}

.ui-jqgrid .form-control {
    height: 10px;
    width: auto;
    display: inline;
    padding: 10px 12px;
}

.ui-jqgrid-pager {
    height: 32px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: var(--grid-header);
    border: 1px solid #afbbc6;
    line-height: 20px;
    font-weight: bold;
    color: var(--grid-header-color);
    text-shadow: var(--grid-header-text-shadow);
}

.jqGridAlternateRow:hover {
    background: var(--grid-row-ui-hover) !important;
    color: var(--color);
}

.jqGridAlternateRow {
    background-color: var(--grid-row-alternate-ui) !important;
    color: var(--color);
}


.ui-jqgrid {
    border: none !important;
}

.ui-accordion-content-active {
    background: var(--back-container);
    color: var(--color);
}

select {
    background-color: var(--select-back-color);
    border: 1px solid var(--select-border-color);
    color: var(--color-secundary);
}

.select2-container--default .select2-selection--single {
    background-color: var(--select-back-color) !important;
    border: 1px solid var(--select-border-color) !important;
    color: var(--color-secundary) !important;
}

.select2-dropdown {
    background-color: var(--select-back-color) !important;
    color: var(--color-secundary) !important;
}

.select2-search__field {
    background-color: var(--select-back-color) !important;
    color: var(--color-secundary) !important;
    width: calc(100% - 10px) !important;
    margin-top: 10px !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: var(--input-back-color) !important;
    color: var(--color) !important;
}



.btn {
    border-radius: var(--btn-border-radius);
}


.btn-standard {
    border-radius: 4px;
}

.btn-circle {
    border-radius: 15px;
}

.btn-square {
    border-radius: 0px;
}




.toolbar li a {
    border-radius: var(--btn-border-radius) !important;
}


.dropdown-menu {
    background-color: var(--select-back-color) !important;
    color: var(--color) !important;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: var(--grid-row-secundary) !important;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: var(--grid-row-hover) !important;
}

tbody > .ui-widget-content {
    background: var(--grid-row-ui);
    color: var(--color);
}

.jqgrow:hover {
    background: var(--grid-row-ui-hover);
    color: var(--color);
}

.modalSuccess .ui-state-default, .ui-widget-header {
    background: var(--modal-success) !important;
    color: var(--btn-color-primary) !important;
}

    .modalSuccess .ui-state-default:hover, .ui-widget-header {
        background: var(--btn-back-color-primary-hover) !important;
        color: var(--btn-color-primary-hover) !important;
    }




.nav-tabs > li > a {
    background-color: var(--tab-back-color);
}

    .nav-tabs > li > a:hover {
        background-color: var(--tab-back-color-hover) !important;
        color: var(--tag-a-color) !important;
    }

.nav-tabs > .active > a {
    background-color: var(--tab-back-color-active) !important;
    color: var(--tag-a-color) !important;
}

.jstree-classic.jstree-focused, .jstree a {
    background: var(--back-color) !important;
    color: var(--color) !important;
}

a {
    color: var(--tag-a-color);
}

.theme-color {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.theme-color-input {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin-top: 0.5rem;
}

.expanded.theme-colors > label.theme-color-input {
    width: 36px;
    height: 36px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
}

.expanded.theme-colors #myapp-0 {
    background: #886ab5;
    -webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
    box-shadow: inset 0 0 0 3px #2ba1ff;
}

.expanded.theme-colors #myapp-1 {
    background: #b56a9f;
}

.expanded.theme-colors #myapp-2 {
    background: #9fcb3d;
}

.expanded.theme-colors #myapp-3 {
    background: #4679cc;
}

.expanded.theme-colors #myapp-4 {
    background: #2198F3;
}

.expanded.theme-colors #myapp-5 {
    background: #6ab5b4;
}

.expanded.theme-colors #myapp-6 {
    background: #dd5293;
}

.expanded.theme-colors #myapp-7 {
    background: #868e96;
}

.expanded.theme-colors #myapp-8 {
    background: #7c91df;
}

.expanded.theme-colors #myapp-9 {
    background: #e59c6c;
}

.expanded.theme-colors #myapp-10 {
    background: #778c85;
}

.expanded.theme-colors #myapp-11 {
    background: #a2b077;
}

.expanded.theme-colors #myapp-12 {
    background: #7976b3;
}

.expanded.theme-colors #myapp-13 {
    background: #55ce5f;
}

.expanded.theme-colors #myapp-14 {
    background: #fbe231;
}

.expanded.theme-colors #myapp-15 {
    background: #627ca0;
}

.custom-radios span.btn-blue {
    background-color: rgb(115, 103, 240);
}

.custom-radios span.btn-grey {
    background-color: rgb(168, 170, 174);
}

.custom-radios span.btn-green {
    background-color: rgb(40, 199, 111);
}

.custom-radios span.btn-blue-info {
    background-color: rgb(0, 207, 232);
}

.custom-radios span.liralink-yellow {
    background-color: rgb(255, 204, 0);
}

.custom-radios span.liralink-black {
    background-color: rgb(0, 0, 0);
}

.custom-radios span.liralink-red {
    background-color: rgb(201, 12, 15);
}

.custom-radios span.btn-orange {
    background-color: rgb(255, 159, 67);
}

.custom-radios span.btn-red {
    background-color: rgb(234, 84, 85);
}

.custom-radios span.btn-black {
    background-color: rgba(59, 58, 57);
}

.expanded.theme-colors .theme-color-input.back-light {
    background-color: rgb(255, 255, 255);
}

.expanded.theme-colors .theme-color-input.back-grey {
    background-color: rgb(247, 246, 249);
}

.expanded.theme-colors .theme-color-input.back-dark {
    background-color: rgb(35,38,58);
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

element.style {
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    flex-direction: column !important;
}

.d-flex {
    display: flex !important;
}

.bg-faded {
    background-color: #f7f9fa;
}

.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}

.pt-3, .py-3 {
    padding-top: 1rem !important;
}

.pl-2, .px-2 {
    padding-left: 1rem !important;
}

.pr-2, .px-2 {
    padding-right: 1rem !important;
}

.border-primary {
    border-color: #868e96 !important;
}

.bg-white {
    background-color: #fff;
    color: #666666;
}

.bg-fusion-500 {
    background-color: dimgray;
    color: white;
}

.bg-fusion-600 {
    background-color: #5c5c5c;
    color: white;
}

.bg-white {
    background-color: #fff;
    color: #666666;
}

.bg-primary-gradient {
    background-image: linear-gradient(250deg, rgba(85, 91, 97, 0.7), transparent);
}

.bg-primary-600 {
    background-color: #78818a;
    color: white;
}

.theme-font-size {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.theme-font-input {
    height: 2em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    padding: 0 1rem;
    cursor: pointer;
}

.theme-color {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.theme-background {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 5px;
}

.theme-background-input {
    height: 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    padding: 0 1rem;
    cursor: pointer;
}

    .theme-background-input input {
        margin-right: 20px;
    }




.custom-radios div {
    display: inline-block;
}

.custom-radios input[type="radio"] {
    display: none;
}


.custom-radios label span {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    line-height: 44px;
}

    .custom-radios label span.active {
        border: 2px solid #27fc88;
    }

.custom-radios input[type="radio"] img {
    opacity: 0;
    transition: all .3s ease;
}


.custom-radios #color-1 {
    background-color: #2ecc71;
}

.custom-radios #color-2 {
    background-color: #3498db;
}

.custom-radios #color-3 {
    background-color: #f1c40f;
}

.custom-radios #color-4 {
    background-color: #e74c3c;
}

.custom-radios input[type="radio"]:checked label span img {
    opacity: 1;
}

label, input, button, select, textarea {
    font-size: var(--font-size-label);
}


.breadcrumb > li {
    text-shadow: none;
}

.btn {
    text-shadow: none;
    font-size: var(--font-size);
}

.layout-container {
    width: 100%;
    margin-bottom: 10px;
}

.btn-primary-login {
    background: var(--btn-back-color-login) !important;
    color: var(--btn-color-login) !important;
    border-color: var(--btn-border-color-login) !important;
}

    .btn-primary-login:hover {
        background: var(--btn-back-color-login-hover) !important;
        color: var(--btn-color-login-hover) !important;
        border-color: var(--btn-border-color-login-hover) !important;
    }


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    color: var(--color);
}

.grid-row-empty {
    background: var(--grid-row-empty)
}

.home-reportrange {
    background-color: var(--select-back-color);
    border: 1px solid var(--select-border-color);
    color: var(--color-secundary);
}


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee !important;
    cursor: default;
}

.ui-accordion .ui-accordion-content {
    padding: 8px;
}

tr.selecionado > td {
    background: #ffd800;
}
.no-scroll {
    overflow-y:hidden;
}