@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap');

body, .ui-inputfield {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--fontSize);
}

.ui-inputfield, input[type=text] {
    font-size: var(--fontSize) !important;
}

:root {
    --borderColor: #dcdef1;
}

body {
    height: 100%;
    width: 100%;
}

.semibold {
    font-weight: bold;
}

/* CORE LAYOUT STANDART STYLES ********************************************************************************************************** */

a, div, span, input, textarea, li, strong, button {
    outline: none;
    text-decoration: none;
    /* this removes gray outline from ios safari a tags */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* this removes action panels from ios safari a tags */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

img {
    border: none;
    border: 0px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px !important;
}

.ClearBoth {
    clear: both;
}

.CursPointer {
    cursor: pointer;
}

/*visibilities according to the platform*/
.ShowOnMobile {
    display: none;
}

.ShowOnDesktop {
    display: inherit;
}

.FloatNoneOnMobile {
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

/* make auto of element width and/or height attribute on mobile devices with media queries */
.WidAutoOnMobile {
}

.HeiAutoOnMobile {
}

/* for responsive mode - if you want any ContainerX element has a responsive fluid abilities with media queries you must add this class to your element*/
.Responsive {
}

.Responsive50 {
}

.Responsive100 {
}

/* Text Decoration */
.Underline {
    text-decoration: underline;
}

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* for on iphone safari inputs shadow problem */
input[type="text"], input[type="password"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Display */
.DispBlock {
    display: block;
}

.DispTable {
    display: table;
    vertical-align: middle;
}

.DispTableCell {
    display: table-cell;
    vertical-align: middle;
}

.DispNone {
    display: none;
}

.DispInlBlock {
    display: inline-block;
}

/* Position */
.PosFixed {
    position: fixed;
}

.PosAbsolute {
    position: absolute;
}

.PosRelative {
    position: relative;
}

.PosStatic {
    position: static;
}

/* Floating */
.Fleft {
    float: left;
}

.Fright {
    float: right;
}

.Fnone {
    float: none !important;
}

/* Overflows */
.OvHidden {
    overflow: hidden;
}

.OvScroll {
    overflow: scroll;
}

.OvAuto {
    overflow: auto;
}

.OvVisible {
    overflow: visible;
}

.OvXScroll {
    overflow-x: scroll;
}

.OvYScroll {
    overflow-y: scroll;
}

.OvXHidden {
    overflow-x: hidden;
}

.OvYHidden {
    overflow-y: hidden;
}

/* Empty Boxes */
.EmptyBox5 {
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
}

.EmptyBox10 {
    display: block;
    width: 100%;
    height: 10px;
    overflow: hidden;
}

.EmptyBox20 {
    display: block;
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.EmptyBox30 {
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden;
}

.EmptyBox40 {
    display: block;
    width: 100%;
    height: 40px;
    overflow: hidden;
}

.EmptyBox50 {
    display: block;
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.EmptyBox60 {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.EmptyBox70 {
    display: block;
    width: 100%;
    height: 70px;
    overflow: hidden;
}

.EmptyBox80 {
    display: block;
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.EmptyBox90 {
    display: block;
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.EmptyBox100 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox110 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox120 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox130 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox140 {
    display: block;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.EmptyBox150 {
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
}

/* Opacity */
.Opac100 {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.Opac95 {
    opacity: 0.95;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
}

.Opac90 {
    opacity: 0.9;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
}

.Opac80 {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
}

.Opac70 {
    opacity: 0.7;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
}

.Opac60 {
    opacity: 0.6;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
}

.Opac50 {
    opacity: 0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
}

.Opac40 {
    opacity: 0.4;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
}

.Opac30 {
    opacity: 0.3;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
}

.Opac20 {
    opacity: 0.2;
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
}

.Opac10 {
    opacity: 0.1;
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
}

.OpacZero {
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}

/* Border Radius */
.BordRad3 {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.BordRad4 {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.BordRad5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.BordRad10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.BordRad15 {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.BordRadHalf {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.BordRight {
    border-right: solid 1px transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.BordLeft {
    border-left: solid 1px transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.BordTop {
    border-top: solid 1px transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.BordBottom {
    border-top: solid 1px transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.BordAll {
    border: solid 1px transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Width */
.Wid100 {
    width: 100%;
}

.Wid90 {
    width: 90%;
}

.Wid80 {
    width: 80%;
}

.Wid70 {
    width: 70%;
}

.Wid60 {
    width: 60%;
}

.Wid50 {
    width: 50%;
}

.Wid45 {
    width: 45%;
}

.Wid40 {
    width: 40%;
}

.Wid30 {
    width: 30%;
}

/* Width Special Values */
.Wid33 {
    width: 33.3%;
}

.Wid25 {
    width: 25%;
}

.Wid20 {
    width: 20%;
}

.Wid10 {
    width: 10%;
}

.MaxWid500 {
    max-width: 500px;
}

/* Height */
.Hei100 {
    height: 100%;
}

.Hei90 {
    height: 90%;
}

.Hei80 {
    height: 80%;
}

.Hei70 {
    height: 70%;
}

.Hei60 {
    height: 60%;
}

.Hei40 {
    height: 40%;
}

.Hei50 {
    height: 50%;
}

.Hei30 {
    height: 30%;
}

.Hei20 {
    height: 20%;
}

.Hei10 {
    height: 10%;
}

/* Margins */
.MarTopPerc5 {
    margin-top: 5%;
}

.MarTopPerc10 {
    margin-top: 10%;
}

.MarTopPerc20 {
    margin-top: 20%;
}

.MarTopPerc30 {
    margin-top: 30%;
}

.MarTopPerc40 {
    margin-top: 40%;
}

.MarTopPerc50 {
    margin-top: 50%;
}

.MarAuto {
    margin-left: auto;
    margin-right: auto;
}

.MarTop5 {
    margin-top: 5px;
}

.MarTop10 {
    margin-top: 10px;
}

.MarTop20 {
    margin-top: 20px;
}

.MarTop30 {
    margin-top: 30px;
}

.MarTop40 {
    margin-top: 40px;
}

.MarTop50 {
    margin-top: 50px;
}

.MarTopQuarter {
    margin-top: 25%;
}

.MarTopHalf {
    margin-top: 50%;
}

.MarBot10 {
    margin-bottom: 10px;
}

.MarRight10 {
    margin-right: 10px;
}

.MarRight20 {
    margin-right: 20px;
}


/* Paddings */
.PaddingTopPercent10 {
    padding-top: 10%;
}

/* Containers */
.Container100 {
    width: 100%;
    float: left;
}

.Container96 {
    width: 96%;
    float: left;
}

.Container90 {
    width: 90%;
    float: left;
}

.Container85 {
    width: 85%;
    float: left;
}

.Container80 {
    width: 80%;
    float: left;
}

.Container75 {
    width: 75%;
    float: left;
}

.Container70 {
    width: 70%;
    float: left;
}

.Container60 {
    width: 60%;
    float: left;
}

.Container50 {
    width: 50%;
    float: left;
}

.Container40 {
    width: 40%;
    float: left;
}

.Container33 {
    width: 33.3%;
    float: left;
}

.Container30 {
    width: 30%;
    float: left;
}

.Container25 {
    width: 25%;
    float: left;
}

.Container20 {
    width: 20%;
    float: left;
}

.Container10 {
    width: 10%;
    float: left;
}

.Container5 {
    width: 5%;
    float: left;
}

.ContainerIndent {
    display: block;
    margin: 0px auto;
    padding: 10px;
}

/* Text Aligns */
.TexAlCenter {
    text-align: center;
}

.TexAlLeft {
    text-align: left;
}

.TexAlRight {
    text-align: right !important;
}

/* Padding With Transparent Border*/
.PadWithBorder1 {
    border: solid 1px transparent;
}

.PadWithBorder2 {
    border: solid 2px transparent;
}

.PadWithBorder3 {
    border: solid 3px transparent;
}

.PadWithBorder4 {
    border: solid 4px transparent;
}

.PadWithBorder5 {
    border: solid 5px transparent;
}

.PadWithBorder10 {
    border: solid 10px transparent;
}

/* Box Sizing */
.BoxSizeContent {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.BoxSizeBorder {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Font Sizes */
.Fs9 {
    font-size: 9px !important;
}

.Fs10 {
    font-size: 10px !important;
}

.Fs11 {
    font-size: 11px !important;
}

.Fs12 {
    font-size: 12px !important;
}

.Fs13 {
    font-size: 13px !important;
}

.Fs14 {
    font-size: 14px !important;
}

.Fs15 {
    font-size: 15px !important;
}

.Fs16 {
    font-size: 16px !important;
}

.Fs17 {
    font-size: 17px !important;
}

.Fs18 {
    font-size: 18px !important;
}

.Fs19 {
    font-size: 19px !important;
}

.Fs20 {
    font-size: 20px !important;
}

.Fs21 {
    font-size: 21px !important;
}

.Fs22 {
    font-size: 22px !important;
}

.Fs23 {
    font-size: 23px !important;
}

.Fs24 {
    font-size: 24px !important;
}

.Fs25 {
    font-size: 25px !important;
}

.Fs26 {
    font-size: 26px !important;
}

.Fs27 {
    font-size: 27px !important;
}

.Fs28 {
    font-size: 28px !important;
}

.Fs29 {
    font-size: 29px !important;
}

.Fs30 {
    font-size: 30px !important;
}

.Fs40 {
    font-size: 40px !important;
}

.Fs50 {
    font-size: 50px !important;
}

.Fs60 {
    font-size: 60px !important;
}

.Fs100 {
    font-size: 100px !important;
}

.Fs130 {
    font-size: 130px !important;
}

/* Font Type */
.FontBold {
    font-weight: bold;
}

.FontLight {
    font-weight: lighter;
}

.FontNormal {
    font-weight: normal;
}

/* Animated */
.Animated03 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.Animated05 {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.Animated1 {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

/******************************************************************************************************************************** */

/* MEDIA QUERIES FOR CORE LAYOUT **************************************************************************************************************** */

/* Large desktop */
@media (min-width: 960px) {
    /*visibilities according to the platform*/
    .ShowOnMobile {
        display: none;
        opacity: 0;
    }

    .ShowOnDesktop {
        display: inherit;
        opacity: 1;
    }
}

@media (min-width: 960px) and (max-width: 1200px) {
    /* responsive support */
    .Responsive {
        width: 33.3%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive50 {
        width: 50%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive100 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile {
        width: auto !important;
    }

    .HeiAutoOnMobile {
        height: auto !important;
        min-height: 50px !important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px) {
    /*visibilities according to the platform*/
    .ShowOnMobile {
        display: inherit;
        opacity: 1;
    }

    .ShowOnDesktop {
        display: none;
        opacity: 0;
    }

    .FloatNoneOnMobile {
        float: none !important;
    }

    /* responsive support */
    .Responsive {
        width: 50%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive50 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive100 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .ContainerIndent {
        padding: 5px;
    }

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile {
        width: auto !important;
    }

    .HeiAutoOnMobile {
        height: auto !important;
        min-height: 50px !important;
    }

    /* font size resetting for responsive modes */
    .Fs14 {
        font-size: 13px !important;
    }

    .Fs15 {
        font-size: 14px !important;
    }

    .Fs16 {
        font-size: 15px !important;
    }

    .Fs17 {
        font-size: 16px !important;
    }

    .Fs18 {
        font-size: 16px !important;
    }

    .Fs19 {
        font-size: 16px !important;
    }

    .Fs20 {
        font-size: 18px !important;
    }

    .Fs21 {
        font-size: 18px !important;
    }

    .Fs22 {
        font-size: 20px !important;
    }

    .Fs23 {
        font-size: 20px !important;
    }

    .Fs24 {
        font-size: 22px !important;
    }

    .Fs25 {
        font-size: 22px !important;
    }

    .Fs26 {
        font-size: 24px !important;
    }

    .Fs27 {
        font-size: 24px !important;
    }

    .Fs28 {
        font-size: 26px !important;
    }

    .Fs29 {
        font-size: 26px !important;
    }

    .Fs30 {
        font-size: 28px !important;
    }

    .Fs40 {
        font-size: 30px !important;
    }

    .Fs50 {
        font-size: 35px !important;
    }

    .Fs60 {
        font-size: 40px !important;
    }

    .Fs100 {
        font-size: 60px !important;
    }

    .Fs130 {
        font-size: 70px !important;
    }
}


/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 640px) {
    /*visibilities according to the platform*/
    .ShowOnMobile {
        display: inherit;
        opacity: 1;
    }

    .ShowOnDesktop {
        display: none;
        opacity: 0;
    }

    .FloatNoneOnMobile {
        float: none !important;
    }

    /* responsive support */
    .Responsive {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive50 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive100 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .ContainerIndent {
        padding: 5px;
    }

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile {
        width: auto !important;
    }

    .HeiAutoOnMobile {
        height: auto !important;
        min-height: 50px !important;
    }

    /* font size resetting for responsive modes */
    .Fs12 {
        font-size: 12px !important;
    }

    .Fs13 {
        font-size: 12px !important;
    }

    .Fs14 {
        font-size: 13px !important;
    }

    .Fs15 {
        font-size: 13px !important;
    }

    .Fs16 {
        font-size: 13px !important;
    }

    .Fs17 {
        font-size: 14px !important;
    }

    .Fs18 {
        font-size: 15px !important;
    }

    .Fs19 {
        font-size: 17px !important;
    }

    .Fs20 {
        font-size: 17px !important;
    }

    .Fs21 {
        font-size: 18px !important;
    }

    .Fs22 {
        font-size: 18px !important;
    }

    .Fs23 {
        font-size: 20px !important;
    }

    .Fs24 {
        font-size: 21px !important;
    }

    .Fs25 {
        font-size: 22px !important;
    }

    .Fs26 {
        font-size: 23px !important;
    }

    .Fs27 {
        font-size: 23px !important;
    }

    .Fs28 {
        font-size: 25px !important;
    }

    .Fs29 {
        font-size: 25px !important;
    }

    .Fs30 {
        font-size: 26px !important;
    }

    .Fs40 {
        font-size: 30px !important;
    }

    .Fs50 {
        font-size: 32px !important;
    }

    .Fs60 {
        font-size: 35px !important;
    }

    .Fs100 {
        font-size: 40px !important;
    }

    .Fs130 {
        font-size: 50px !important;
    }
}


/* Portrait phones and down */
@media (min-width: 320px) and (max-width: 480px) {
    /*visibilities according to the platform*/
    .ShowOnMobile {
        display: inherit;
        opacity: 1;
    }

    .ShowOnDesktop {
        display: none;
        opacity: 0;
    }

    .FloatNoneOnMobile {
        float: none !important;
    }

    /* responsive support */
    .Responsive {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive50 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .Responsive100 {
        width: 100%;
        float: left;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .ContainerIndent {
        padding: 5px;
    }

    /* make auto of element width attribute on mobile devices with media queries */
    .WidAutoOnMobile {
        width: auto !important;
    }

    .HeiAutoOnMobile {
        height: auto !important;
    }

    /* font size resetting for responsive modes */
    .Fs12 {
        font-size: 12px !important;
    }

    .Fs13 {
        font-size: 12px !important;
    }

    .Fs14 {
        font-size: 13px !important;
    }

    .Fs15 {
        font-size: 13px !important;
    }

    .Fs16 {
        font-size: 13px !important;
    }

    .Fs17 {
        font-size: 14px !important;
    }

    .Fs18 {
        font-size: 15px !important;
    }

    .Fs19 {
        font-size: 17px !important;
    }

    .Fs20 {
        font-size: 17px !important;
    }

    .Fs21 {
        font-size: 18px !important;
    }

    .Fs22 {
        font-size: 18px !important;
    }

    .Fs23 {
        font-size: 20px !important;
    }

    .Fs24 {
        font-size: 21px !important;
    }

    .Fs25 {
        font-size: 22px !important;
    }

    .Fs26 {
        font-size: 23px !important;
    }

    .Fs27 {
        font-size: 23px !important;
    }

    .Fs28 {
        font-size: 25px !important;
    }

    .Fs29 {
        font-size: 25px !important;
    }

    .Fs30 {
        font-size: 25px !important;
    }

    .Fs40 {
        font-size: 28px !important;
    }

    .Fs50 {
        font-size: 30px !important;
    }

    .Fs60 {
        font-size: 32px !important;
    }

    .Fs100 {
        font-size: 35px !important;
    }

    .Fs130 {
        font-size: 40px !important;
    }
}

/* clearfix for Container */
.Container:before, .Container:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after {
    clear: both;
}

button:focus, a:focus {
    outline: 0 !important;
}

button:active, a:active {
    outline: 0 !important;
}

html {
    height: 100%;
}

.topo i, .menu i {
    color: #fff;
}

a {
    text-decoration: none;
}

body {
    margin: 0px;
    height: 100%;
    width: 100%;
    background-color: #f5f5f5;
}

/*Principais cores*/
.topo, .ui-co-index, .fundo, .menu-busca, .ui-panel .ui-panel-titlebar, .ui-bg {
    /*background: #48D1CC;*/
    /*background: #84BEFF;*/
    /*background: #3C3C3C;*/
    background: #2A3F54;
    color: #fff;
}

.menus {
    background: #fff;
}

.fab-icon {
    line-height: 25px;
    text-align: center;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    color: #2A3F54;
    font-weight: bold;
    font-size: var(--fontSize);
}

.topo_titulo, .ui-title, .ui-cg-label, .ui-cg-label i, .ui-c-topo, .ui-fieldset-legend, .ui-filter-i-label, .ui-filter-title,
.ui-cg-label, .ui-co-menu-title, .ui-co-menu-item, .ui-co-title, .uii-crud-head, .ui-cg-label, .ui-cg-label i, .ui-c-topo {
    /*color: #48D1CC;*/
    /*color: #84BEFF;*/
    /*color: #989696;*/
    /*color: #778D9B;*/
    color: var(--fontColor);
}

.ui-co-card-item .ui-co-chart {
    border: 1px solid var(--borderColor);
    box-shadow: 0 0px 5px rgba(0, 0, 0, .2);
    background: #fff;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
}

.ui-title, .borda {
    border-bottom: 1px solid var(--borderColor);
}

.ui-bar {
    padding: 15px;
    background: #dedede;
}

.ui-bar i {
    color: #fff;
    font-size: var(--fontSize);
}

.ui-title {
    padding: 15px;
    background: #fff;
    box-shadow: 7px 6px 4px -8px rgba(0, 0, 0, 0.38);
}

.borda {
    border-color: #48D1CC;
}

.ui-title, .ui-fieldset-legend {
    /*font-weight: bold;*/
    font-size: var(--fontSize);
}

.topo, .topo-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    z-index: 999;
    overflow: hidden;
}

.topo-inner {
    height: 35px;
    left: 60px;
    padding: 10px;
    left: 0;
}

.topo {
    color: #fff !important;
}

.topo * {
    color: #fff !important;
    vertical-align: middle;
}

.tabs-inner {
    display: table;
    position: absolute;
    left: 50px;
    height: 50px;
    width: 100%;
    right: 0;
}

.tabs-inner > div {
    display: table-cell;
    padding: 0;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.topo-left i, .topo-right i {
    font-size: var(--fontSize);
}

.topo-area {
    padding: 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.topo-left i {
    padding-right: 10px;
}

.topo-tabs, .topo-left, .topo-right {
    padding: 0;
    display: table-cell;
}

.topo-tabs {
    height: 55px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 210px;
    top: 0;
    text-align: left;
    font-size: var(--fontSize);
}

.tab {
    display: inline-flex;
}

.tab * {
    color: #6B6B6B;
}

.tab {
    vertical-align: middle !important;
    border-right: 1px solid #fff;
    padding: 0 5px;
    margin: 0;
    border-radius: 0;
    margin-top: 0;
    line-height: 50px;
}

.tab.tab-sel, .tab.tab-sel * {
    opacity: 1;
    font-weight: bold;
}

.tab-sel, .tab:hover {
    opacity: 0.7;
}

.tab:hover .tab-del {
    opacity: 1 !important;
}

.tab a {
    color: #fff;
    display: block;
    min-width: 20px;
    text-align: center;
}

.tab-del {
    padding-left: 5px;
    font-size: var(--fontSize);
    vertical-align: top;
}

.tab .tab-del {
    opacity: 0.5;
}

.tab-sel .tab-del {
    opacity: 1;
}

.topo-right {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 5px;
}

.topo-area a {
    margin-left: 5px;
    margin-right: 5px;
}

.conteudo {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
    overflow: auto;
}

.menu-overlay, .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.3;
    cursor: pointer;
}

.menu-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999998;
}

.menu-itens {
    position: absolute;
    top: 5px;
    left: 0;
    width: calc(100% + 15px);
    bottom: 0;
    overflow: auto;
    /*box-shadow: 0px 0px 2px 0px rgba(43, 59, 93, 0.4);*/
}

.menu-item {
    color: var(--fontColor) !important;
    display: block;
    cursor: pointer;
    padding: 15px;
}

.menu-item i {
    color: #fff;
    font-size: var(--fontSize);
}

.menu-item i:hover {
    opacity: 0.7
}

.menu-item:hover, .menu-item.menu-level-1:hover,
.menu-item:hover i, .menu-item.menu-level-1:hover i {
    opacity: 0.7
}

.menu-busca {
    padding: 15px;
}

.menu-busca td {
    text-align: right;
}

.menu-busca input {
    width: calc(100% - 15px);
    border: none;
    border-radius: 15px;
    font-size: var(--fontSize) !important;
    font-weight: normal !important;
    padding: 10px;
}

.click {
    cursor: pointer;
}

.geral_menu {
    padding: 15px;
    background: #fff;
    border-top: 1px solid var(--borderColor);
    text-align: right;
    bottom: 0;
    left: 0;
    overflow: auto;
    height: 38px;
    overflow: hidden;
    position: absolute;
    right: 0;
}

.geral_menu:empty {
    display: none;
}

.geral_menu button {
    font-weight: bold;
    margin-left: 5px;
}

.topo_todo {
    width: 100%;
    display: table;
}

.topo_titulo, .topo_botoes {
    font-weight: bold;
    display: table-cell;
}

.topo_botoes {
    text-align: right;
}

.topo_botoes i {
    padding-left: 15px;
    font-size: var(--fontSize);
}

.geral {
    font-size: var(--fontSize);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.geral_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.geral_conteudo {
    font-size: var(--fontSize);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: 20px;
}

.geral_com_aviso .geral_conteudo {
    top: 73px;
}

.geral_aviso {
    background: #fffcc9;
    padding: 15px;
    border-bottom: 3px solid darkorange;
}

.geral_aviso:empty {
    display: none;
}

.geral_aviso_item {
    display: inline-flex;
    text-align: left;
    vertical-align: middle;
    padding-right: 15px;
}

.geral_sem_topo {
    top: 0;
}

label {
    color: #666;
    font-weight: bold;
}

.ui-click {
    cursor: pointer !important;
}

.ui-empty-data {
    color: #888;
}

.ui-th-hide th {
    display: none !important;
}

td i {
    font-size: var(--fontSize);
}

.ajax-status {
    display: none;
}

select {
    background-position: right center !important;
    background-repeat: no-repeat !important;
    height: 37px;
    margin-right: 5px;
    padding: 3px 2px 3px 0;
}

.vtop, .vtop td, .vtop th {
    vertical-align: top;
}

.vbot, .vbot td, .vbot th {
    vertical-align: bottom;
}

.Card {
    padding: 10px;
    display: block;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #546e7a;
}

.CardTopic {
    font-size: var(--fontSize);
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    display: block;
    color: #546e7a;
}

.CardFooter {
    border-top: solid 1px #e0e0e0;
    margin: 10px -10px -12px;
    padding: 10px;
    overflow: hidden;
    display: block;
}

.CardFooterBtn {
    padding: 10px;
    margin: -10px 0px;
    display: inline-block;
    font-size: var(--fontSize);
}

.CardFooterBtn:hover {
    background-color: #f5f5f5;
}

/* seperator line */
.Separator {
    border-bottom: solid 1px #e0e0e0;
    width: 100%;
    overflow: hidden;
    height: 0px;
    margin: 10px 0px;
    clear: both;
}

.SeparatorFull {
    border-bottom: solid 1px #e0e0e0;
    display: block;
    overflow: hidden;
    height: 0px;
    margin: 10px -10px;
    clear: both;
}

/* hover effect for boxlink and links */
.HoverEffect {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.HoverEffect:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* shadow */
.ShadowEffect {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}

@media screen and (min-width: 0\0
) {
    .ShadowEffect {
        box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
    }
}

.BigTopic {
    padding-bottom: 20px;
    font-size: var(--fontSize);
}

.changecolor:hover {
    background-color: #FBB040;
    padding: 10px;
}

/* colors */
/* fonts */
/* misc */
.short-transition {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.medium-transition {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.long-transition {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/* predefined colors */
.White {
    color: #ffffff;
}

.WhiteBlue {
    color: #E1F5FE;
}

.SoftBlue {
    color: #03A9F4;
}

.Blue {
    color: #0288D1;
}

.Turquoise {
    color: #26C6DA;
}

.SoftGray {
    color: #ECEFF1;
}

.Gray {
    color: #90A4AE;
}

.BoldGray {
    color: #546E7A;
}

.SoftOrange {
    color: #FFCC80;
}

.Orange {
    color: #FB8C00;
}

.SoftGreen {
    color: #A5D6A7;
}

.Green {
    color: #43A047;
}

.LeadenGreen {
    color: #26A69A;
}

.SoftRed {
    color: #EF9A9A;
}

.Red {
    color: #E53935;
}

.Pink {
    color: #FF4081;
}

.SoftPurple {
    color: #CE93D8;
}

.Purple {
    color: #8E24AA;
}

.Yellow {
    color: #F7D100;
}

/* predefined background colors */
.WhiteBlueBack {
    background-color: #E1F5FE;
}

.SoftBlueBack {
    background-color: #03A9F4;
}

.BlueBack {
    background-color: #0288D1;
}

.TurquoiseBack {
    background-color: #26C6DA;
}

.SoftGrayBack {
    background-color: #ECEFF1;
}

.GrayBack {
    background-color: #90A4AE;
}

.BoldGrayBack {
    background-color: #546E7A;
}

.SoftOrangeBack {
    background-color: #FFCC80;
}

.OrangeBack {
    background-color: #FB8C00;
}

.SoftGreenBack {
    background-color: #A5D6A7;
}

.GreenBack {
    background-color: #43A047;
}

.LeadenGreenBack {
    background-color: #26A69A;
}

.SoftRedBack {
    background-color: #EF9A9A;
}

.RedBack {
    background-color: #E53935;
}

.PinkBack {
    background-color: #FF4081;
}

.SoftPurpleBack {
    background-color: #CE93D8;
}

.PurpleBack {
    background-color: #8E24AA;
}

.YellowBack {
    background-color: #F7D100;
}

/* predefined borders */
.BorderTop {
    border-top: solid 1px #E0E0E0;
}

.BorderRight {
    border-right: solid 1px #E0E0E0;
}

.BorderBottom {
    border-bottom: solid 1px #E0E0E0;
}

.BorderLeft {
    border-left: solid 1px #E0E0E0;
}

.BorderAll {
    border: solid 1px #E0E0E0;
}

.menu-item.menu-level-1 {
    padding-left: 35px;
}

.menu-item.menu-level-2 {
    padding-left: 60px;
}

.menu-item.menu-level-3 {
    padding-left: 85px;
}

.pag-loading {
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 1;
    z-index: 99999;
    top: 0px;
}

.fb-button {
    text-align: center;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.fb-button-inner:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.fb-button-inner .icon {
    margin-left: 4px;
    font-size: var(--fontSize);
}

.fb-alert {
    font-weight: bold;
    background: #E05059;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.fb-button-space {
    margin: 5px;
}

.fb-button:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.fb-alert:empty {
    display: none;
}

.fb-text {
    font-style: normal;
    text-align: center;
    font-weight: bold;
}

.fb-button-inner i {
    color: #fff;
}

.ui-co .ui-datatable th:first-child {
    border-left: 0 !important;
}

.ui-co .ui-datatable th:last-child {
    border-right: 0 !important;
}

.ui-co-label-error, .ui-co-obrigatorio, .ui-co-error-msg {
    color: #d14836 !important;
    color: red !important;
}

.ui-co-value-error input {
    border: 1px solid #d14836 !important;
}

.ui-co-obrigatorio {
    padding-left: 5px;
    font-weight: bold;
}

.ui-sb-dlg-label {
    display: table;
    padding: 5px 0 !important;
    background: #fff;
    border-radius: 5px;
}

.ui-sb-dlg-lbi {
    display: table-cell;
}

.ui-sb-dlg-lbi, .ui-sb-dlg-label {
    padding: 0;
    margin: 0;
}

.ui-td-icon {
    width: 20px;
}

.ui-item {
    background: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid var(--borderColor);
}

.topo-sem-menu {
    left: 15px !important;
}

.geral_full .geral_conteudo, .geral_full {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    left: 0;
    right: 0;
}

.ui-co-table {
    display: table;
}

.ui-co-col {
    display: table-cell;
}

.ui-co-img-preview {
    height: 40px;
}

.ui-co-td.ui-co-type-verdadeiro_falso {
    text-align: center;
}

.ui-co-type-data {
    width: 120px;
}

.ui-button {
    padding: 5px;
    box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}

.geral_menu .ui-button-icon-only {
    min-height: 32px !important;
}

.ui-button-text-only {
    min-width: 120px;
}

.ui-loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 22%;
}

.upper {
    text-transform: uppercase;
}

.titulo {
    color: #3C3C3C;
    font-weight: bold;
    padding-bottom: 20px;
}

.topo, .menus {
    font-size: var(--fontSize);
}

.ui-co-topo i {
    font-size: 14px;
    padding-left: 10px;
}

.sem_menu {
    bottom: 5px;
    top: 0;
}

.menu-item table {
    width: 100%;
}

.mnuib {
    text-align: left;
}

.mnuia {
    width: 20px
}

.ui-panel, .ui-fieldset {
    border: 0;
    padding: 0;
    box-shadow: 0px 3px 11px -7px rgba(0, 0, 0, 0.4);
    margin: 0;
    overflow: hidden;
    width: auto;
}

.ui-hide {
    display: none !important;
}

.ui-grid-form {
    width: 100%;
}

.ui-grid-form td:first-child {
    width: 80px;
}

.ui-grid-form input {
    width: calc(100% - 30px) !important;
}

.ui-colorpicker-container input {
    height: 2px;
    line-height: 20px !important;
    padding: 6px 0px;
}

.topo-titulo {
    padding-left: 50px;
    font-size: var(--fontSize);
    display: none;
}

.ui-co-buttons button * {
    vertical-align: middle;
}

button {
    height: 40px !important;
}

.ui-button.ui-button-icon-only {
    width: 40px !important;
    height: 40px !important;
}

@media (min-width: 800px) {
    .nodesktop {
        display: none !important;
    }
}

@media (max-width: 800px) {
    .ui-co-menu-right .ui-co-left {
        margin-right: 0 !important;
    }

    .nomobile {
        display: none !important;
    }

    .geral_topo {
        display: none;
    }

    .ui-home {
        position: fixed !important;
        top: 70px !important;
    }

    .home-marca {
        font-size: var(--fontSize) !important;
    }

    .topo-titulo {
        display: block;
        line-height: 55px;
        margin-top: -5px;
    }

    .ui-co-type-data_hora, .ui-co-type-data {
        display: none;
    }

    .geral_menu {
        position: fixed;
        right: 15px;
        left: 15px;
        width: auto !important;
        bottom: 0;
    }

    .ui-button-icon-only {
        margin: 0 !important;
        display: inline-flex;
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        border-radius: 50% !important;
        margin-bottom: 10px !important;
        margin-left: 10px !important;
        box-shadow: -3px 5px 10px -1px rgba(0, 0, 0, 0.3);
    }

    .ui-button-text-icon-left i.ui-button-icon-left.ui-icon.ui-c.fa {
        margin-top: -7px !important;
        font-size: var(--fontSize) !important;
    }

    .ui-co-dlg {
        left: 10px !important;
        right: 10px !important;
        margin: auto !important;
        width: calc(100% - 20px) !important;
    }

    .ui-co-column, .ui-col-expansion {
        display: none;
    }

    .ui-co-column-0, .ui-co-column-1, .ui-co-column-2, .ui-co-column-3 {
        display: table-cell;
    }

    .ui-co-centro thead {
        display: none;
    }
}

.conteudo a {
    color: var(--colorDark);
}

.no-link {
    text-decoration: none;
    color: #fff;
}

.noborder, .noborder td, .noborder tr {
    border: 0 !important;
}

.ui-messages.ui-messages-noicon ul {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.nopadding .ui-panelgrid-cell {
    padding: 0 !important;
}

.ui-spinner-item {
    text-align: center;
    position: fixed;
    top: 30%;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    opacity: 1;
}

.ui-co-sfieldset .ui-fieldset-content {
    padding: 0;
}

.ui-co-sfieldset .ui-co-search {
    border: 0;
}

@media (min-width: 650px) {
    .ui-cb-grid .ui-grid-row > div {
        padding-right: 15px;
    }

    .ui-cb-grid .ui-grid-row > div:last-child {
        padding-right: 0;
    }
}

.ui-growl {
    z-index: 999999 !important;
}

.ui-growl-message p {
    font-size: 13px;
    line-height: 20px;
}

.ui-growl-item * {
    color: #fff !important;
}

.ui-growl {
    top: 115px !important;
    z-index: 99999 !important;
}

.ui-growl-icon-close {
    background-image: url("../img/svg/delete-white.svg") !important;
}

.ui-growl-image-error {
    background-image: url("../img/svg/warn-white.svg") !important;
    background-position: center !important;
    background-size: 140% !important;
    margin-top: 5px;
}

.ui-growl-image-warn {
    background-image: url("../img/svg/warn-white.svg") !important;
    background-position: center !important;
    background-size: 140% !important;
    margin-top: 5px;
}

.ui-growl-image-info {
    background-image: url("../img/svg/warn-white.svg") !important;
    background-position: center !important;
    background-size: 140% !important;
    margin-top: 5px;
}

.ui-growl-image-fatal {
    background-image: url("../img/svg/warn-white.svg") !important;
    background-position: center !important;
    background-size: 140% !important;
    margin-top: 5px;
}

.ui-co-menu-item {
    cursor: pointer;
}

.app-name {
    color: #fff;
    font-size: var(--fontSize);
    display: block;
    font-weight: bold;
    margin-top: 75px;
}

.avatar img {
    border-radius: 50%;
    margin-top: 0;
    height: 50px;
    width: 50px;
}

input, textarea {
    border-radius: 3px !important;
    padding: 10px !important;
}

.layout-v1 .menu-itens {
    top: 0;
}

.layout-v1 .menu-busca {
    display: none;
}

.layout-v1 .menu-marca {
    display: block;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    margin-left: -10px;
    font-weight: bold;
    font-size: var(--fontSize);
}

.layout-v1 .menu-box {
    top: 0;
}

@media (max-width: 800px) {
    .layout-v1 .topo {
        left: 310px;
        background: #fff !important;
        padding: 10px;
        line-height: 35px;
        font-size: var(--fontSize);
        height: 40px;
    }

    .layout-v1 .topo * {
        color: var(--fontColor) !important;
        vertical-align: middle;
    }

    .layout-v1 .topo-titulo {
        display: none;
    }

    .layout-v1 .topo-tabs {
        padding-left: 20px;
        font-size: var(--fontSize);
        display: block;
        line-height: 55px;
        height: 55px;
    }

    .layout-v1 .tab-sel, .layout-v1 .tab:hover {
        border-color: currentColor !important;
    }

    .layout-v1 .tab {
        font-size: var(--fontSize) !important;
        border-bottom: 3px solid transparent;
        line-height: 20px;
        vertical-align: middle !important;
        padding-right: 5px;
    }

    .layout-new .geral {
        padding: 0;
    }

    .layout-new .geral_menu {
        bottom: 0px;
        right: 0;
        left: 0;
        border: none;
    }

    .layout-new .topo_titulo,
    .layout-new .topo_botoes {
        font-size: var(--fontSize);
        font-weight: normal;
    }

    .layout-new .geral_topo {
        padding: 15px;
        margin-bottom: 5px;
    }

    .layout-v1 .topo-left {
        display: none;
    }

    .layout-v1 .topo-tabs {
        left: 15px;
        vertical-align: middle;
        padding: 10px;
    }

    .layout-v1 .menu-box {
        display: block;
        right: auto;
    }

    .layout-v1 .menu-overlay {
        display: none;
    }

    .layout-v1 .conteudo {
        left: 310px;
    }

    .layout-v1 .menus {
        width: 310px;
    }
}


.ui-co-search-icon .ui-inputfield {
    width: calc(100% - 140px);
}

.ui-button-icon-only {
    min-height: 35px !important;
    min-width: 35px !important;
}

.ui-co-search-icon button {
    margin-left: 10px;
}

@media (min-width: 1200px) {
    .ui-co-compact .ui-co-label,
    .ui-co-compact .ui-co-value {
        display: inline-block;
        vertical-align: top;
    }

    .ui-co-compact .ui-co-label {
        width: 135px;
    }

    .ui-co-compact .ui-co-value {
        width: calc(100% - 135px - 50px);
    }
}

.layout-v1 .tab:hover .ui-tab-del {
    display: block !important;
}

.ui-co-topo i {
    background: transparent !important;
    width: 20px !important;
    height: 20px !important;
    color: var(--fontColor) !important;
    padding-top: 0 !important;
    font-size: 14px !important;
}

.ui-button i {
    color: #fff !important;
}

.ui-button-text-icon-left {
    min-width: 100px;
}

.ui-co-type-moeda {
    text-align: right !important;
}

.geral_menu_lateral .geral_conteudo {
    left: 250px;
}

.geral_menu_lateral .geral_lateral {
    background: #fff;
    margin: 15px 0 10px 10px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    width: 245px;
    float: left;
    border: 1px solid var(--borderColor);
}

.menu-lateral-item {
    display: table;
    padding: 15px 10px;
    width: calc(100% - 20px);
    font-size: var(--fontSize);
    color: #000;
}

.menu-lateral-item > div {
    display: table-cell;
    vertical-align: middle;
}

.menu-item-icon {
    width: 25px;
    text-align: left;
    vertical-align: middle;
}

.menu-item-ir {
    text-align: right;
}

.menu-lateral-item.odd {
    background: var(--primaryColor);
    color: #fff;
}

.menu-lateral-item.odd i {
    color: #fff;
}

.sys-loading {
    font-size: var(--fontSize) !important;
}

.ui-co-chart .ui-co-header {
    display: table;
    width: 100%;
}

.ui-co-chart .ui-co-header > span {
    display: table-cell;
}

.ui-co-chart .ui-co-header-b, .ui-co-chart .ui-co-header-b i {
    text-align: right;
    color: var(--fontColor);
}

.ui-panelgrid {
    border: none;
}

.geral_full .geral_area {
    bottom: 0;
}

.ui-co-h-total {
    text-align: right;
    color: var(--fontColor);
}

.ui-co-header-b {
    /* width: 40px; */
}

.ui-growl-item {
    background: #2856d6;
}

.ui-growl-error .ui-growl-item {
    background: #6d130c !important;
}

.ui-growl-warn .ui-growl-item {
    background: #F6BD0F !important;
}

.ui-state-highlight i {
    color: #fff !important;
}

.ui-col-toggle {
    width: 30px !important;
}

.dlg-p-shadow {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.dlg-p-data {
    background: #fff;
    position: fixed;
    right: 10px;
    border: 1px solid var(--borderColor);
    width: 420px;
    font-size: var(--fontSize);
    top: 63px;
    z-index: 9998;
}

.dlg-p-info-user label, .dlg-p-info-user select, .ui-usr-select * {
    color: #000 !important;
}

.ui-usr-select {
    padding: 7px;
    width: 320px !important;
}

.dlg-p-item {
    padding: 15px;
    background: #EEEEEE;
    border-bottom: 1px solid var(--borderColor);
}

.dlg-p-item {
    padding: 15px;
    background: #EEEEEE;
    border-bottom: 1px solid var(--borderColor);
}

.dlg-p-info {
    background: #fff;
}

.dlg-p-actions {
    display: table;
    width: 100%;
}

.dlg-p-item * {
    vertical-align: top;
}

.dlg-p-act {
    display: table-cell;
}

.dlg-p-act * {
    color: #888 !important;
}

.dlg-p-btn {
    border: 1px solid var(--borderColor);
    padding: 10px 20px;
    display: inline;
}

.dlg-p-close {
    text-align: left;
}

.dlg-p-logout {
    text-align: right;
}

.dlg-p-info-user td {
    line-height: 22px;
}

.dlg-p-info-user td {
    line-height: 22px;
}

.dlg-p-small {
    font-size: var(--fontSize);
    color: #666 !important;
}

.dlg-p-tri {
    position: fixed;
    right: 30px;
    top: 55px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 1px solid var(--borderColor);
    z-index: 9999;
    border-left: 1px solid var(--borderColor);
    transform: rotate(45deg);
}

.dlg-p-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9997;
    background: #fff;
    opacity: 0.5;
}

.dlg-p-dialog {
    display: none;
}

.acc-info {
    padding-top: 3px;
    cursor: pointer;
}

.dlg-el-item .ui-inputfield {
    width: calc(100% - 45px);
}

.dlg-el-item {
    padding-bottom: 10px;
}

.ui-dlg-required {
    border-color: red;
}

.ui-co-notas {
    padding: 10px;
}

.ui-cl-date {
    width: 140px;
}

td .ui-co-td-input {
    padding: 5px 10px !important;
}

.ui-co-notas .ui-co-usuario, .ui-co-notas .ui-cl-usuario {
    width: 200px;
    text-align: right !important;
}

input:focus {
    border-color: var(--primaryColor) !important;
}

a[title="JavaScript charts"],
a[title="JS map by amCharts"] {
    display: none !important;
}

.ui-co-dlg .ui-co-form-simple {
    overflow: auto;
    bottom: 60px !important;
    position: absolute;
}

.ui-co-dlg .ui-co-form-simple .ui-co-group {
    border: 0 !important;
}

::-webkit-scrollbar-track {
    background-color: var(--borderColor);
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: var(--borderColor);
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--colorDark);
}

.ui-co-dlg.ui-co-confirm {
    max-width: 500px;
    text-align: center;
    height: 260px;
}

.ui-co-dlg.ui-co-confirm .ui-c-centro {
    font-size: var(--fontSize);
    font-weight: bold;
}

.ui-datatable .ui-datatable-odd {
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
}

.ui-datatable .ui-datatable-even {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.ui-datatable th.ui-co-column {
    background-color: #f4f4f4;
}

.ui-datatable th.ui-co-column:not(.ui-col-act) * {
    text-transform: uppercase;
    font-size: var(--fontSize);
}

.ui-inputfield {
    border: 1px solid #ddd !important;
    transition: box-shadow .15s ease;
    border-radius: 0 !important;
}

.ui-co-value .ui-inputfield {
    width: 100%;
}

.ui-co-value .ui-inputtext {
    width: calc(100% - 10px);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.ui-panelgrid .ui-panelgrid-cell {
    border: 0;
}

.ui-chart-group .ui-grid-col {
    display: table-cell;
}

.ui-chart-group .ui-grid-row {
    display: table-row !important;
}

.ui-chart-group .ui-grid-label {
    text-align: left !important;
}

.ui-chart-group.ui-grid {
    display: table;
    width: 100%;
}

.ui-chart-group .ui-grid-col {
    padding: 7px;
    text-align: right;
}

.ui-chart-group .ui-grid-col {
    padding: 10px !important;
    border-top: 1px solid var(--borderColor);
}

.ui-grid-row.ui-grid-header {
    font-size: var(--fontSize);
}

.ui-grid-header .ui-grid-col {
    color: #8898aa;
    background-color: #f6f9fc;
    border-top: 1px solid var(--borderColor);
    text-transform: uppercase;
}

@keyframes fa-blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 0.3;
    }
}

.fa-blink {
    -webkit-animation: fa-blink .75s linear infinite;
    -moz-animation: fa-blink .75s linear infinite;
    -ms-animation: fa-blink .75s linear infinite;
    -o-animation: fa-blink .75s linear infinite;
    animation: fa-blink .75s linear infinite;
}

.ui-co-chart-card .ui-co-chart-data {
    background: transparent;
}

.ui-co-search-icon .ui-inputfield {
    width: calc(100% - 166px) !important;
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa {
    margin-top: -5px !important;
}

.ui-panel {
    border: none;
    border-radius: 0;
    box-shadow: 0 0 6px 0 rgba(136, 152, 170, .15) !important;
    padding: 0;
    margin: 0;
    background: #fff;
    overflow: hidden;
    border: 1px solid var(--borderColor);
}

.ui-panel .ui-panel-content {
    padding: 15px !important;
}

.ui-panel .ui-panel-titlebar {
    background: #fff !important;
    padding: 15px !important;
}

.ui-panel .ui-panel-titlebar, .ui-panel .ui-panel-titlebar * {
    color: var(--fontColor) !important;
    font-size: var(--fontSize) !important;
    font-weight: bold !important;;
}

.ui-button {
    height: 40px;
    padding: 0;
}

.ui-fileupload .ui-button-text-icon-left .ui-button-text {
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    line-height: 40px;
    color: #fff;
    padding-left: 25px !important;
}

.ui-button, .ui-button * {
    vertical-align: middle !important;
}

.ui-fileupload-buttonbar .ui-button {
    margin-right: 10px;
}

.pagina {
    position: absolute;
    left: 50px;
    right: 0;
    top: 50px;
    bottom: 0;
}

.menus {
    position: absolute;
    width: 50px;
    left: 0;
    top: 50px;
    bottom: 0;
    background: var(--primaryColor);
    box-shadow: -30px 95px 11px 25px rgba(0, 0, 0, 0.38);
    z-index: 99991;
    border-top: 1px solid #fff !important;
    overflow: hidden;
}

.menu-logo {
    margin-top: 0;
    height: 50px !important;
    background: var(--colorDark);
    position: absolute;
    width: 50px;
    color: #fff !important;
    text-align: center;
    vertical-align: top;
    margin: 0;
}

.menu-logo img {
    height: 25px;
    padding: 15px;
    margin: auto;
    width: calc(100% - 30px);
}

.menus {
    background: #fff;
}

.menu-data * {
    color: var(--colorDark) !important;
}

.menu-sel, .menu-sel * {
    background: var(--colorDark) !important;
    color: #fff !important;
}

.menu-item:hover, .menu-item.menu-level-1:hover,
.menu-item:hover i, .menu-item.menu-level-1:hover i {
    color: var(--primaryColor) !important;
    opacity: 1 !important;
}

.menu-item {
    border-bottom: 1px solid var(--borderColor);
}

.ui-co-menu-right .ui-co-right {
    width: 230px;
    box-shadow: 1px 2px 3px -6px rgba(0, 0, 0, 0.38);
    background: #fff;
    overflow: auto;
}

.ui-co-menu-label {
    color: var(--primaryColor) !important;
}

.ui-co-menu-risco, .ui-co-index {
    background: var(--colorDark) !important;
    color: #fff;
}

.menu-lateral {
    right: 0;
    box-shadow: 2px 2px 8px -5px rgba(0, 0, 0, 0.38);
    background: #fff;
    opacity: 0.9;
    position: fixed;
    left: 60px;
    top: 50px;
    padding: 10px;
    bottom: 0;
    overflow: auto;
}

.menu-data {
    position: absolute;
    left: 0;
    right: -10px;
    bottom: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.home-menus .ui-datagrid-column .atalho {
    background: #fff;
    /*border: 1px solid #dedede;*/
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.8;
}

.ui-panelgrid {
    background: transparent;
}

.ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    padding: 0;
}

.geral_conteudo {
}

.ui-spinner .ui-button {
    width: 25px !important;
    height: 18px !important;
    position: absolute;
    right: 0;
}

.ui-spinner .ui-button, .ui-spinner .ui-button * {
    display: inline;
    padding: 0 !important;
    width: 25px !important;
    text-align: center;
}

.ui-spinner .ui-button-text-only {
    min-width: 25px;
}

.ui-spinner input {
    height: 20px;
}

.ui-recover-area .ui-login-left {
    display: none;
}

.ui-recover-area .ui-login-right {
    top: 30px;
    width: 300px;
    height: 600px;
    border-radius: 50px;
    margin-top: auto;
    margin-bottom: auto;
    left: auto;
    box-shadow: -3px 5px 60px -5px rgba(0, 0, 0, 0.38);
    margin-right: calc(50% - 150px);
}

.ui-recover-area {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.theme-button, .theme-button:focus, .theme-button:hover {
    background: var(--primaryColor) !important;
}

.theme-button:focus {
    opacity: 0.8;
}

.ui-td-wicon {
    padding-right: 10px;
}

.ui-co-cicon {
    /* display: block; */
}

.ui-co-cicon img {
    width: 40px;
}

.ui-co-cicon svg {
    width: 40px;
    height: 40px;
}

.ui-co-cicon svg path {
    fill: var(--primaryColor) !important;
}

.ui-button.ui-button-icon-only.btn-back {
    height: 35px !important;
}

.ui-co-right:empty {
    display: none;
}

.ui-co-val-referencia .ui-button {
    box-shadow: none;
}

.ui-entitylabel {
    color: #1c86d4;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.atalho {
    width: 100%;
    font-size: var(--fontSize);
    text-align: center;
    background: #fff;
    height: 160px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 2px 2px 8px -5px rgba(0, 0, 0, 0.38);
}

.atalho i {
    font-size: 20px;
    vertical-align: middle;
}

.atalho a {
    text-decoration: none !important;
    display: block;
}

.ui-datagrid {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.ui-datagrid, .ui-datagrid-column {
    background: transparent;
}

.atalho-nome {
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    width: calc(100% - 80px);
}

.atalho-icone, .atalho-nome {
    /* line-height: 30px; */
    display: inline-flex;
}

.atalho .atalho-nome {
    color: var(--fontColor) !important;
    overflow: hidden;
    /* line-height: 30px; */
}

.atalho-detalhe {
    padding: 15px;
}

.atalho-interno {
    background: #fff;
    color: var(--fontColor);
    border-bottom: 1px solid var(--borderColor);
    display: block;
    width: 100%;
}

.atalho-nome, .atalho-nome > div {
    vertical-align: middle;
    /* line-height: 16px; */
}

.atalho-nome .atalho-label {
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-fav-menu {
    width: 50px;
    padding: 0 10px;
    text-align: right;
}

.atalho-label {
    overflow: hidden;
    line-height: 14px;
    text-align: left;
    color: var(--fontColor);
}

.atalho-icone .ui-co-cicon {
    font-weight: bold;
    font-size: 20px;
    vertical-align: middle;
}

.fab-fix {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    box-shadow: 4px 8px 8px -9px rgba(0, 0, 0, 0.38);
}

.search-bar {
    background: #f9f9f9;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 2px 2px 8px -5px rgba(0, 0, 0, 0.38);
    border: 1px solid var(--borderColor);
}

@media (max-width: 640px) {
    .ui-co-buttons .ui-button-text-icon-left .ui-button-text {
        display: none;
    }

    .ui-co-buttons .ui-button-text-icon-left i {
        padding: 2px;
    }

    .ui-co-buttons .ui-button-text-icon-left {
        width: 40px !important;
        margin: 0 !important;
        min-width: 40px;
        border-radius: 50%;
        margin-left: 10px !important;
    }

    .pagina {
        left: 0 !important;
    }

    .menus {
        display: none;
    }

    .geral_centro {
        margin: 15px;
    }
}

.ui-co-buttons-inner {
    text-align: right;
    width: 100%;
}

.ui-sb-dlg-lbi {
    vertical-align: top;
}

.ui-sb-dlg-lbi input {
    margin-right: 10px;
    height: 18px;
}

.geral_submenus {
    display: block;
    width: 100%;
}

.menu-grupo h3 {
    color: #888;
    font-weight: normal;
}

.menu-topo-item {
    display: table-cell;
    padding: 5px 0;
    height: 100%;
}

.ui-title {
    margin: 10px 15px;
    padding: 0 15px;
    background: #fff;
    line-height: 50px;
    box-shadow: 10px 8px 20px -16px rgba(0, 0, 0, 0.38);
    border-radius: 0;
    /*border-bottom: 3px solid var(--primaryColor);*/
}


.ui-co-buttons-inner {
    width: 100%;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.4);
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid var(--primaryColor);
    border-radius: 50%;
    animation: lds-ring 0.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--primaryColor) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.geral_topo {
    padding: 0;
    display: block;
    vertical-align: top;
    padding-left: 5px;
    padding-right: 10px;
}

.geral_topo > div {
    display: table-cell;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: top;
}

.geral_centro {
    position: relative;
    width: calc(100% - 30px);
    margin: 10px 15px;
}

.topo_botoes {
    width: 215px;
}

.topo_menus {
    text-align: right;
    font-weight: bold;
    float: right;
    position: relative;
}

.topo_titulo * {
    font-size: 20px;
    display: inline-block !important;
}


/*TOGGLE sm:toggle*/
.onoffswitch {
    position: relative;
    width: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 12px;
    padding: 0;
    line-height: 12px;
    font-size: var(--fontSize);
    color: white;
    font-weight: bold;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "";
    padding-left: 5px;
    background-color: var(--primaryColor);
    color: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "";
    padding-right: 5px;
    background-color: #E04E57;
    color: #999999;
    text-align: right;
}

.onoffswitch-switch {
    display: block;
    width: 16px;
    margin: -2px;
    background: var(--colorDark);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    border: 2px solid var(--colorDark);
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.geral_dashboard .geral_conteudo {
    padding: 10px 20px;
}

.geral_dashboard .ui-cb-grid .ui-grid-row {
    margin-bottom: 15px;
}

.ui-co-root-complete {
    position: absolute;
    z-index: 999;
    left: 15px;
    padding-top: 35px;
}

.menu-lateral {
    right: 0;
    box-shadow: 2px 2px 8px -5px rgba(0, 0, 0, 0.38);
    background: #fff;
    opacity: 0.9;
    position: fixed;
    left: 60px;
    top: 50px;
    padding: 10px;
    bottom: 0;
    overflow: auto;
}

.geral_menu > div {
    display: inline-block;
}

.menus .ui-co-icon-letter {
    background: var(--colorDark);
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    color: #fff !important;
    border-radius: 50%;
    font-weight: bold;
    font-size: var(--fontSize);
    margin-left: -3px;
}

.tab-label {
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gradient {
    background: rgba(0, 249, 220, 1);
    background: -moz-linear-gradient(left, rgba(0, 249, 220, 1) 0%, rgba(11, 158, 158, 1) 39%, rgba(28, 16, 60, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 249, 220, 1)), color-stop(39%, rgba(11, 158, 158, 1)), color-stop(100%, rgba(28, 16, 60, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 249, 220, 1) 0%, rgba(11, 158, 158, 1) 39%, rgba(28, 16, 60, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 249, 220, 1) 0%, rgba(11, 158, 158, 1) 39%, rgba(28, 16, 60, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 249, 220, 1) 0%, rgba(11, 158, 158, 1) 39%, rgba(28, 16, 60, 1) 100%);
    background: linear-gradient(to right, rgba(0, 249, 220, 1) 0%, rgba(11, 158, 158, 1) 39%, rgba(28, 16, 60, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f9dc', endColorstr='#1c103c', GradientType=1);
}

.menu-item-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 110px;
}

.ui-co-tr-markdel i {
    color: #fff !important;
}

.menu-centro-data {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    padding: 20px;
}

.ui-co-card-item-resume {
    padding: 0;
    background: #fff;
    box-shadow: 4px 2px 7px -4px rgba(0, 0, 0, 0.38);
    border-radius: 3px;
    overflow: hidden;
}

.ui-co-card-item-resume .ui-co-chart {
    border: 0 !important;
}

.ui-el-big-label {
    font-size: var(--fontSize);
}

.ui-connectme-home {
    text-align: center;
    color: #fff !important;
    width: 100%;
    line-height: 50px !important;
    display: block;
}

.ui-co-card-sub {
    border: 1px solid var(--borderColor);
    border-bottom-width: 10px;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ui-chart-card .ui-co-chart-data {
    background: transparent;
}

.ui-chart-card-icon {
    display: inline;
}

.ui-co-card-sub table {
    font-size: var(--fontSize);
}

.bloco-menus {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    width: 60%;
    background: #dedede;
    border-left: 1px solid var(--borderColor);
    padding: 20px;
    overflow: auto;
}

.bloco-menus-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    width: 100%;
    background: #dedede;
    background: #000;
    opacity: 0.7;
}

.menu-big-label {
    font-size: var(--fontSize);
    font-weight: bold;
    color: var(--colorDark);
}

.tabs-right {
    width: 350px;
    line-height: initial;
    position: relative;
    border-left: 1px solid var(--borderColor);
}

.account-info * {
    /* line-height: 15px; */
}

.user-fil, .user-fil * {
    font-weight: normal !important;
    font-size: var(--fontSize);
    background: #fff;
    color: var(--colorDark) !important;
}

.user-fil {
    border-radius: 5px;
    padding: 2px 10px;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.user-data {
    padding-left: 10px;
    width: 135px;
}

.user-act-show {
    padding: 5px;
    font-size: var(--fontSize) !important;
    margin-left: 10px;
}

.account-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.account-info img {
    height: 50px;
}

.tab.tab-search {
    border: 0;
    margin: 5px 0;
    line-height: 30px;
    padding-left: 15px;
}

.user-chat {
    padding: 10px 15px;
    font-size: var(--fontSize) !important;
}

.bloco-menus-right {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 35%;
    z-index: 999999;
    background: transparent;
}

.ui-chart-card-data {
    font-weight: bold;
    width: 20px;
    font-size: 30px;
    vertical-align: bottom;
}

.ui-chart-card .ui-chart-item {
    height: 90px;
    position: relative;
    display: table;
    font-size: 16px;
    line-height: 22px;
    width: calc(100% - 10px);
    margin-right: 10px;
    font-weight: bold;
    border-radius: 3px;
    background: var(--colorDark);
    color: #fff;
    border-bottom: 5px solid currentColor;
}

.ui-chart-col-12 .ui-chart-item {
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}

.ui-chart-card .ui-chart-item-inner > div, .ui-chart-info > div {
    display: table-cell;
    text-align: left;
}

.account-info {
    cursor: pointer;
    line-height: initial;
}

.ui-el-elements {
    width: 100%;
}

.ui-el-elements, .ui-el {
    display: inline-block;
    vertical-align: top;
}

.ui-el-avatar {
    width: 100px;
    overflow: hidden;
}

.ui-el-avatar img {
    width: 100%;
    border-radius: 50%;
}

.ui-el .ui-el-value {
    padding: 10px;
}

.ui-el-legend {
    font-weight: bold;
    font-size: var(--fontSize);
    padding-bottom: 20px;
}

.ui-chart-card .ui-co-header {
    border-bottom: 0 !important;
}

.ui-chart-resume {
    color: var(--fontColor);
    font-size: var(--fontSize);
}

.ui-chart-resume .ui-el-main > div {
    /* padding: 15px 20px; */
}

.ui-chart-resume .ui-el-main .ui-el-legend {
    border-bottom: 1px solid var(--borderColor);
    box-shadow: 4px 2px 7px -4px rgba(0, 0, 0, 0.38);
}

.ui-co-chart td i {
    font-size: var(--fontSize) !important;
    vertical-align: middle;
}

.ui-co-value {
    display: block;
    line-height: 24px;
}

.ui-co-header .fa-search {
    padding-left: 10px;
}

.ui-co-dlg-area {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50px;
    position: fixed;
    z-index: 9997;
}

/*.ui-co-overlay {
    background: #000;
    left: 0;
    margin: auto;
    bottom: 0;
    opacity: 0.4;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
}*/
.ui-co-overlay {
    background: rgba(0, 0, 0, .64);
    left: 0;
    margin: auto;
    bottom: 0;
    position: fixed;
    right: 0;
    top: 50px;
    z-index: 9998;
}

.ui-co-dlg {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 50px !important;
    margin-left: 5%;
    margin-right: 5%;
    position: fixed;
    z-index: 9999;
    width: 90%;
    height: calc(100% - 200px);
    margin-top: 50px !important;
}

.ui-co-bhl, .ui-co-btl {
    float: left;
}

.ui-co-bhr, .ui-co-btr {
    float: right;
}

.ui-co-title {
    font-size: var(--fontSize);
    height: 20px;
    width: 50px;
}

.ui-co-val-referencia .ui-co-dlg-area .ui-co-title {
    width: auto !important;
}

.ui-co-title > div, .ui-co-title > i, .ui-co-title > input {
    display: table-cell;
}

.ui-co-dlg {
    border: 1px solid var(--borderColor);
}

.ui-co-topo, .ui-c-topo, .ui-co-header {
    padding: 15px;
    background: #fff;
    font-weight: bold;
    font-size: var(--fontSize);
    color: var(--fontColor);
}

.ui-co-card-item-grid .ui-co-header {
    background: #f4f4f4;
    box-shadow: 10px 8px 20px -16px rgba(0, 0, 0, 0.38);
}

.ui-c-itopo {
    width: 100%;
    display: table;
    border-spacing: 0;
}

.ui-c-itopo > div {
    display: table-cell;
}

.ui-c-topo {
    border-bottom: 1px solid var(--borderColor);
}

.ui-c-topo .ui-c-acoes {
    text-align: right;
}

.ui-c-acoes i {
    margin-left: 10px;
    font-size: 16px;
}

.ui-co-topo-interno {
    display: table;
    border-spacing: 0;
    width: 100%;
}

.ui-co-topo-interno > div {
    display: table-cell;
}

.ui-co-acoes i {
    padding-left: 10px;
    vertical-align: middle;
}

.ui-co-input {
    /*border-radius: 30px !important;*/
    width: 200px;
}

.ui-co-acoes {
    text-align: right;
}

.ui-co-cad {
    background: #f5f5f5 !important;
    bottom: 70px;
}

.ui-c-centro {
    bottom: 70px;
    left: 0;
    overflow: auto;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 49px;
    /* background: #efefef; */
}

.ui-c-botoes {
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    height: 40px;
    background: #fff;
    border-top: 1px solid var(--borderColor);
    text-align: right;
}

.ui-c-botoes button {
    height: 40px;
    margin-left: 10px;
}

.ui-cg-label i {
    padding-right: 15px;
}

.ui-cruid-val-desc {
    color: #888;
    padding: 10px;
}

.ui-co-val-referencia > .ui-inputfield, .ui-co-val-entity > .ui-inputfield {
    width: calc(100% - 180px);
    min-width: 70px;
}

.ui-co-search-icon .ui-inputfield {
    width: calc(100% - 130px);
}

.ui-co-group {
    background: #f8f8f8;
    margin-bottom: -2px;
    border-radius: 10px;
}

.ui-co-group-a {
    background: #fff;
    display: table;
    width: 100%;
    cursor: pointer;
}

.ui-co-group-b, .ui-co-group-a {
    padding: 10px 15px 15px 15px;
    box-shadow: 5px -6px 15px rgba(0, 0, 0, .2);
    background: #ffffff;
}

.ui-co-group:last-child {
    margin-bottom: 0;
}

.ui-cg-label {
    font-size: var(--fontSize);
}

.ui-co-group-d {
    border-top: 1px solid var(--borderColor);
    padding: 15px;
    text-align: right;
}

.ui-co-dlg .ui-co-group:last-child {
    margin-bottom: 15px;
}

.ui-co-group-c {
    overflow: auto;
    padding: 0;
    padding-top: 0;
}

.ui-co-td-del {
    width: 30px !important;
}

.ui-co-td:first-child {
}

.ui-co-type-data, .ui-co-type-inteiro, .ui-co-type-decimal {
    text-align: right;
    padding-right: 15px !important;
}

.ui-co-type-texto {
    text-align: left;
}

.ui-co-card, .ui-co-coladow {
    box-shadow: 0 0 5px 0 rgba(136, 152, 170, .15) !important;
}

.ui-co-card {
    border: 1px solid rgba(0, 0, 0, .05);
}

.ui-co-dlg > .ui-co-datagrid {
    position: absolute;
    top: 125px;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: auto;
}

.ui-co-centro {
    display: block;
    width: 100%;
    /*overflow: auto;*/
}

.ui-co-centro .ui-co-resultado,
.ui-co-centro .ui-co-filtros {
    vertical-align: top;
}

.ui-co-filtro-item {
    padding: 5px 10px;
}

.ui-co-filtro-item {
    border-left: 5px solid transparent;
}

.ui-co-filtro-sel {
    font-weight: bold;
    border-left: 5px solid #2A3F54;
    color: #2A3F54;
}

.ui-co-filtro-add {
    color: #d25325;
}

.ui-co-resultado {
    /*    overflow: auto;
        width: 100%;*/
}

.ui-co-buttons {
    font-size: var(--fontSize);
    font-weight: bold;
    padding: 10px;
    text-align: left !important;
    width: calc(100% - 22px);
    display: inline-block;
    border-radius: 0;
    border: 1px solid var(--borderColor);
    margin-bottom: 5px;
    background: #fff;
}

.ui-co-menu-data {
    background: #fff;
    box-shadow: 4px 3px 33px -15px rgba(0, 0, 0, 0.38);
    padding: 5px;
}

.ui-co-menu-data .ui-co-menu-label {
    color: #fff;
}

.ui-co-list .ui-co-search {
    margin-bottom: 10px;
}

.ui-co-buttons button {
    font-weight: bold;
    text-align: left;
    margin-left: 10px;
}

.ui-co-menu-right {
    display: table;
    width: 100%;
}

.ui-co-menu-right .ui-co-right {
    position: relative;
}

.ui-co-menu-right .ui-co-right,
.ui-co-menu-right .ui-co-left {
    display: table-cell;
    vertical-align: top;
}

.ui-co-menu-right .ui-co-left {
    padding-right: 10px;
}

.ui-co-menu-right .ui-co-right .ui-co-buttons button {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}

.ui-co-menu-right .ui-co-right {
    width: 230px;
    overflow: auto;
}

.ui-co-menu-right .ui-co-right .ui-co-buttons {
    background: #fff;
}

.ui-co-buttons ui-button-icon-left.ui-icon.ui-c.fa {
    font-size: var(--fontSize);
    margin-top: -8px !important;
}

.ui-co-id, .ui-co-codigo {
    width: 80px;
}

.ui-co-label {
    color: #000;
    line-height: 25px;
    padding-top: 10px;
    font-weight: 400;
    font-size: 14px;
}

.ui-co-check-label {
    color: #888;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 2.5px;
    vertical-align: top;
}

.ui-co-check-field {
    display: inline-flex;
    line-height: 18px;
    vertical-align: middle;
}

.ui-co-bloco-cadastro .ui-co-value,
.ui-co-bloco-cadastro .ui-co-label {
    padding-right: 15px;
}

.ui-co-group-b {
    z-index: 99999;
    border: 1px solid var(--borderColor);
    border-top: 0;
}

.ui-co-group-hide .ui-co-group-b {
    display: none;
}

.ui-co-colow {
    display: block !important;
}

.ui-co-group-field {
    /* padding-bottom: 5px; */
    /* padding-top: 5px; */
}

.ui-co-index {
    display: block;
    font-size: var(--fontSize);
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background: #fff !important;
}

.ui-co-form .ui-co-index {
    background: var(--colorDark) !important;
    color: #fff !important;
}

.ui-co-group .ui-co-index {
    background: var(--colorDark) !important;
    color: #fff !important;
    border-radius: 0;
    padding: 15px;
    width: 15px;
    height: 15px;
    font-size: 20px;
    vertical-align: middle;
    line-height: 15px;
    font-weight: normal;
}

.ui-cg-title {
    font-weight: 400;
    display: table-cell;
    font-size: 16px;
    text-align: left;
}

.ui-co-group-list {
    padding-left: 10px;
}

.ui-co-simple-table .ui-co-group-d,
.ui-co-simple-table .ui-co-group-c {
    /*background: #F4F8F9;*/
}

.ui-co-stable-label {
    float: left;
    padding-left: 0;
}

.ui-co-td-del {
    background: #98B8E7;
    text-align: center;
}

.ui-co-td-del i {
    color: #fff;
}

.ui-co-val-lista select {
    width: calc(100% - 15px) !important;
}

.ui-co-group-hide .ui-co-group-b {
    display: none;
}

.ui-co {
    width: 100%;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
}

.ui-co-menu-item {
    display: block;
    width: calc(100% - 30px);
    color: #fff;
    height: 35px;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid var(--borderColor);
}

.ui-co-menu-item > span {
    display: table-cell;
}

.ui-co-menu-info {
    position: absolute;
    top: 10px;
    bottom: 15px;
    overflow: hidden;
    left: 40px;
}

.ui-co-menu-key.ui-co-index {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.ui-co-menu-item-odd {
    /*background: var(--color2Light);*/
}

.uii-crud-head {
    color: #fff;
    font-size: var(--fontSize);
    padding: 15px;
    background: var(--primaryColor);
    display: table;
    width: calc(100% - 30px);
}

.uii-crud-head > span {
    color: #fff;
    display: table-cell;
}

.uii-cg-head-log {
    width: 30px;
    text-align: center;
}

.uii-crud-head i {
    color: #fff;
}

.ui-co-menu-label {
    line-height: 30px;
    font-weight: bold;
    font-size: var(--fontSize);
    padding-left: 10px !important;
}

.ui-co-menu-title {
    background: #fff;
    font-size: var(--fontSize);
    padding: 10px;
}

.ui-co-menu-risco {
    background: #fff;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 2px;
    left: 25px;
}

.ui-co-menu-key {
    position: absolute;
    top: 10px;
}

.ui-co-menu-detail {
    display: table;
}

.ui-co-menu-item:last-child {
    border-bottom: 0;
}

.ui-co-menu-detail-item {
    border-top: 1px solid #fff;
    color: var(--primaryColor);
    font-size: var(--fontSize);
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 55px;
    padding-top: 10px;
}

.ui-co-menu-detail {
    margin-left: -15px;
    width: calc(100% + 30px);
}

.ui-co-menu-detail-info {
    color: #fff;
    opacity: 0.7;
    padding-bottom: 10px;
    padding-left: 40px;
}

.ui-co-buttons-wide {
    height: 25px;
}

.ui-co-group-edit input {
    width: calc(100% - 50px) !important;
}

.ui-co-edit-group {
    padding-top: 5px;
    display: table;
    width: 100%;
}

.ui-co-edit-group > span {
    display: table-cell;
}

.ui-co-gilabel {
    color: #888;
    font-size: var(--fontSize);
    vertical-align: top;
    line-height: 5px;
    width: 50%;
}

.ui-co .ui-draggable {
    /* border: 1px dashed var(--borderColor); */
    /* margin: 5px; */
    /* padding: 5px; */
}

.ui-co .ui-draggable .ui-co-label {
    cursor: pointer;
}

.ui-co .ui-draggable .ui-co-value,
.ui-co .ui-draggable .ui-co-label {
    padding-left: 0 !important;
}

.ui-co .ui-draggable .ui-co-label > span {
    padding-right: 10px;
}

.ui-co-buttons-left {
    float: left;
}

.ui-co-buttons-right {
    float: right;
}

.ui-co-index i {
    color: #fff;
}

.ui-co-group {
    margin-bottom: 15px;
}

.ui-crud-lst-field {
    margin-left: 10px;
}

.ui-crud-row-add {
    padding: 10px;
    direction: rtl;
}

.ui-co-nosearch {
    border-top: 0;
}

.ui-co-select {
    min-width: 155px;
}

.ui-co-noedit {
    width: calc(100% - 30px) !important;
}

.ui-co-rbuttons-right {
    float: right;
    padding-top: 5px;
    padding-bottom: 10px;
}

.ui-co-rbuttons-left.ui-co-label {
    padding-left: 0;
}

.ui-only-grid {
    padding-left: 15px;
    padding-right: 15px;
}

.ui-co-val-enum select {
    /* width: 100%; */
}

.ui-co-type-texto_grande {
    max-width: 100px;
}

.ui-co-title-item {
    display: table-cell;
    padding-right: 10px;
}

.ui-co-grp-key {
    text-align: left;
    text-transform: uppercase;
}

.ui-co-table-group {
    margin-top: 10px !important;
}

.ui-co-grp-total-key {
    font-weight: bold;
    text-transform: uppercase;
}

.ui-co-grp-total-val {
    text-transform: uppercase;
    width: 150px;
}

.ui-co-grp-val, .ui-co-grp-total-val {
    text-align: right;
    text-transform: uppercase;
}

.ui-co i {
    font-size: 20px;
    vertical-align: middle;
}

.ui-co-type-data_hora {
    width: 135px;
    text-align: right;
}

.ui-co-type-decimal {
    width: 100px;
}

.ui-co-input-texto-grande {
    height: 100px;
}

.ui-cut {
    white-space: nowrap;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-co-fl-label {
    padding-right: 10px;
    font-size: var(--fontSize);
}

.ui-co-info {
    border-top: 1px solid var(--borderColor);
    padding: 10px;
    font-size: var(--fontSize);
    text-align: left;
    color: #fff;
    background: #2A3F54;
    opacity: 1;
}

@media (max-width: 360px) {
    .ui-crud-lst-field {
        overflow: hidden;
        max-width: 290px;
    }
}

@media (max-width: 800px) {
    .ui-co-grid-scroll > div {
        overflow: hidden !important;
    }

    .ui-co-buttons {
        position: initial !important;
        float: right;
    }

    .ui-co-wmnu {
        width: 100%;
    }

    .topo-tabs {
        display: none;
    }

    .geral_com_aviso .geral_conteudo {
        top: 0;
    }

    .ui-co-filtros {
        display: none !important;
    }

    .ui-co-acoes i {
        font-size: 20px;
    }

    .ui-co-codigo,
    .ui-co-id, .ui-co-count,
    .ui-co-acoes select,
    .ui-co-acoes .fa-download,
    .ui-co-acoes .fa-filter,
    .ui-co-acoes .fa-print,
    .ui-co-acoes .fa-columns {
        display: none !important;
    }
}

.ui-co-val-select select {
    width: 100%;
}

textarea.ui-co-input-string {
    height: 115px;
}

.ui-co-filters {
    border-top: 1px solid var(--borderColor);
    background: #fff;
    padding: 15px 30px 15px 15px;
}

.ui-co-dlg .ui-co-filters {
    position: absolute;
    top: 124px;
    z-index: 999999;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.ui-filter-i-value {
    padding-top: 5px;
    vertical-align: top;
    display: table;
    padding-bottom: 5px;
    width: 100%;
}

.ui-filter-i-label {
    color: #888;
    font-weight: bold;
}

.ui-filter-item {
    padding-bottom: 5px;
    vertical-align: top;
}

.ui-filter-del {
    font-size: var(--fontSize) !important;
    padding-left: 5px;
    margin-top: -5px;
    color: #f12c2c;
}

.ui-filter-title {
    font-weight: bold;
    font-size: var(--fontSize);
    padding-bottom: 15px;
    display: block !important;
    width: 100% !important;
}

.ui-block {
    display: block !important;
}

.ui-co-value button {
    margin-left: 5px;
}

.ui-co-readonly {
    color: #666;
    min-height: 35px;
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
    width: calc(100% - 50px);
}

.ui-co-datagrid th,
.ui-co-datagrid th {
    border-top: none !important;
}

.ui-co-dlg .ui-c-centro {
    top: 46px;
}

.ui-filter-i-value > input {
    width: calc(100% - 50px);
}

.ui-filter-i-value > select {
    width: 96%;
    vertical-align: top;
}

.ui-filter-bar {
    border-top: 1px solid var(--borderColor);
    text-align: right;
    padding: 15px;
    width: calc(100% - 30px) !important;
}

.ui-co-check {
    border: 1px solid;
    border-color: #d14836;
    border-radius: 3px;
    padding: 2px;
    font-weight: bold;
}

.ui-co-check > span {
    padding: 5px 15px;
    border: 1px solid;
    border-color: #d14836;
}

.ui-co-bool-true {
    border-radius: 3px 0px 0 3px;
    margin-right: 1px;
}

.ui-co-bool-false {
    border-radius: 0 3px 3px 0;
    margin-left: 1px;
    color: #fff;
    background: #d14836;
}

.ui-co-checked, .ui-co-checked * {
    border-color: #15AC68 !important;
}

.ui-co-checked .ui-co-bool-true {
    color: #fff;
    background: #15AC68;
}

.ui-co-checked .ui-co-bool-false {
    color: var(--primaryColor);
    background: #fff;
}

@media (min-width: 1200px) {
    .ui-filter-item {
        display: inline-block;
    }
}

@media (max-width: 400px) {
    .ui-co-filter-label, .ui-co-title-item .fa-filter, .ui-co-feedback {
        display: none !important;
    }
}

.layout-v1 .ui-filter-item .ui-co-search-icon .ui-inputfield {
    width: calc(100% - 95px);
}

.ui-co-feedback {
    font-weight: normal;
    font-size: var(--fontSize);
    vertical-align: middle;
    color: #888;
}

.overlay, .dlg-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    z-index: 999998;
}

.dialog {
    display: none;
}

.dlg-content {
    position: absolute;
    z-index: 999999;
    background: #fff;
    border-radius: 5px;
    left: 20px;
    right: 20px;
    top: 30%;
}

.dlg-item {
    padding: 10px;
}

.dlg-title {
    font-weight: bold;
    font-size: var(--fontSize);
    font-size: 16px;
}

.dlg-actions .dlg-item {
    text-align: right;
    font-size: var(--fontSize);
    font-weight: bold;
}

.dlg-actions, .dlg-title {
    color: var(--secondaryColor);
}

.dlg-act {
    margin-left: 15px;
    background: var(--primaryColor);
    padding: 10px;
    color: #fff;
    border-radius: 2px;
}

.dlg-actions .dlg-item {
    display: inline-flex;
    cursor: pointer;
}

.dlg-actions {
    display: block;
    direction: rtl;
    line-height: 35px;
}

.ui-button .fa {
    /* color: #fff; */
}

@media (min-width: 1000px) {
    .dlg-content {
        width: 600px;
        left: calc(50% - 300px);
        right: calc(50% - 300px);
    }
}


.geral_com_aviso .ui-co-menu-left .ui-co-right {
    top: 142px;
}

@media (max-width: 1255px) {
    .ui-co-menu-left .ui-co-right {
        display: none;
    }
}

@media (min-width: 1255px) {
    .ui-co-menu-left .ui-co-left {
        position: absolute;
        left: 275px;
        top: 0;
        bottom: 0;
        right: 0;
    }
}

.ui-co-id {
    text-align: right !important;
    padding-left: 10px !important;
}

.ui-co-upload img {
    height: 40px;
}

.ui-filter-bar {
    background: #efefef;
    border-radius: 0;
    border: 1px solid #e3d9d9;
}

.ui-co-td-dw, .ui-co-td-dw i {
    background: #4daf4d;
}

.ui-co-td-del, .ui-co-td-del i,
.ui-col-disable, .ui-col-disable i,
.ui-co-td-dw, .ui-co-td-dw i {
    color: #fff !important;
    text-align: center;
    vertical-align: middle;
    width: 55px !important;
    padding: 0 !important;

}

.ui-co-user-help {
    color: #888;
    padding-right: 5px;
    font-size: var(--fontSize) !important;
    margin-top: -4px;
}

.ui-co-grid-scroll {
    display: table;
    width: 100%;
}

.ui-co-grid-sr {
    overflow: auto;
}

.ui-co-grid-scroll > div {
    display: inline-flex;
    vertical-align: top;
}

.ui-co-td {
    height: 22px !important;
}

.ui-co-grid-sr th {
    background: #fff;
}

.ui-co-centro > .ui-datatable table {
    /*table-layout: fixed;*/
}

.ui-co-upload .ui-button {
    width: 100%;
    text-align: left;
    border-radius: 10px !important;
    background: var(--primaryColor) !important;
    color: #fff !important;
}

.ui-co-search .ui-co-title {
    width: auto;
}

.ui-col-expansion {
    width: 30px !important;
    text-align: center;
    font-size: var(--fontSize);
    padding: 0 15px !important;
}

.ui-col-expansion i {
    color: var(--primaryColor) !important;
}

.ui-subrow {
    background: #dedede;
}

.ui-co-chart-data {
    padding: 15px;
    position: relative;
    border: 1px solid var(--borderColor);
    border-top: none;
    /*min-height: 335px;*/
}

.ui-combo-item {
    margin-bottom: 10px;
}

.ui-co-dateinterval {
    display: table;
    width: 100%;
}

.ui-co-dateinterval * {
    vertical-align: top;
}

.ui-co-dateinterval input {
    margin-right: 10px;
    width: calc(100% - 50px);
}

.ui-co-dateinterval .ui-co-di-item {
    display: table-cell;
}

.ui-filter-bar button {
    margin-left: 10px;
}

.ui-co-type-texto {
    overflow: hidden;
}

.ui-cg-title.ui-cg-edit {
    text-align: right;
}

.ui-filter-title-item {
    padding-left: 10px;
}

@media (max-width: 800px) {
    .ui-saved-filters {
        display: none;
    }
}

.ui-co-search-click {
    cursor: pointer;
}

.ui-filter-item .ui-co-search-icon .ui-inputfield {
    width: calc(100% - 150px);
}

.ui-filter-title > span {
    padding-right: 10px;
}

.ui-filter-item select {
    min-width: 250px !important;
}

.ui-co-coluser {
    padding: 15px;
    display: table-cell;
}

.ui-co-customcols {
    border-bottom: 1px solid var(--borderColor);
    background: #ededed;
    display: table;
    width: 100%;
}

.ui-co-password {
    display: table;
    width: 100%;
}

.ui-co-pwd-i {
    display: table-cell;
}

.ui-co-dlg-area .ui-sb-dialogs {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999999;
}

.ui-sb-dialogs:empty {
    display: none;
}

.ui-cg-title-acts {
    float: right;
}

.ui-co-logs {
    border: 1px solid var(--borderColor);
    padding: 10px;
    background: #ffffc7;
    margin-bottom: 10px;
}

.ui-co-logs-title {
    border: 1px solid var(--borderColor);
    padding: 15px;
    background: #fff;
    font-size: var(--fontSize);
    margin-bottom: 10px;
    color: var(--primaryColor);
    display: table;
    width: calc(100% - 30px);
}

.ui-co-logs-title > span {
    display: table-cell;
}

.ui-co-log-tr {
    width: 30px;
}

.ui-co-changed input, .ui-co-changed select {
    border-color: orangered;
}

.ui-col-changed * {
    color: orangered !important;
}

.ui-co-changed .ui-co-check {
    border-color: orange !important;
    background: orange;
    color: #fff;
}

.ui-cg-index {
    width: 40px;
}

.ui-warning-label {
    color: darkorange;
    padding-right: 10px;
}

.ui-co-search-icon .ui-inputfield.ui-click {
    color: var(--primary-dark);
    font-weight: bold;
}

.ui-co-search-icon .ui-inputfield {
    width: calc(100% - 166px) !important;
    display: inline-block;
    height: 20px;
    overflow: hidden;
}

.ui-co-preview {
    padding: 5px;
    vertical-align: middle;
    line-height: 35px;
}

.ui-centro-wide .geral_area {
    bottom: 0;
}

.ui-co-type-referencia, .ui-co-type-lista {
    text-align: left !important;
}

.ui-crud-row-add button {
    margin-left: 10px !important;
}

.ui-imp-col {
    display: inline-flex;
    margin-bottom: 10px;
    vertical-align: middle;
}

.ui-imp-col-l {
    vertical-align: middle;
    line-height: 35px;
    padding-right: 10px;
    font-weight: bold;
}

.ui-co-sel-add select {
    width: calc(100% - 50px);
}

.geral_crud .geral_area {
    bottom: 0 !important;
}

.geral_grud .ui-co-form {
    padding-bottom: 70px;
}

.ui-co-filters:empty {
    display: none;
}

.ui-col-disable {
    opacity: 0.5;
    background: #dedede !important;
}

.ui-cm-busca .ui-co-group-d {
    border-top: none;
    box-shadow: none !important;
}

.ui-cm-busca .ui-co-group-b {
    border-top: none;
    box-shadow: none !important;
}

.ui-cm-busca .ui-co-group {
    border: none;
    box-shadow: none !important;
}

.ui-co-type-inteiro {
    width: 70px;
    text-align: right !important;
}

.ui-co-auth-title {
    padding-left: 20px;
}

.ui-co-dlg.ui-co-auth {
    width: 600px;
    height: 300px;
}

.ui-co-dlg.ui-co-auth {
    width: 600px;
    height: 300px;
}

.ui-co-auth-msg {
    font-size: var(--fontSize);
    padding: 20px;
    text-align: center;
}

.ui-co-dynamic-obj {

    padding: 15px;
    border: 1px solid var(--borderColor);
    width: calc(100% - 30px);
    margin-top: 15px;
}


.ui-co-dynamic-choice {
    display: table;
    vertical-align: middle;
}

.ui-co-dynamic-choice > div {
    display: table-cell;
    vertical-align: middle;
}

.ui-co-dynamic-lbl {
    padding-right: 10px;
    padding-left: 5px;
    opacity: 0.8;
}

.ui-co-chart-data {
    position: relative;
    min-height: 80px;
}

.ui-co-chart-data .ui-loading {
    margin-bottom: 135px;
    margin-top: 135px;
    position: absolute !important;
}

.ui-co-cad .ui-c-centro {
    top: 55px;
    bottom: 70px;
}

.ui-cm-busca .ui-crud-lst-add {
    margin-left: 10px;
}

.ui-col-edit {
    opacity: 0.4;
}

.ui-col-th {
    width: 120px;
    text-align: center;
}

.btn-simular * {
    color: #fff !important;
    text-transform: lowercase;
}

.ui-chart-maps {
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.ui-cg-label .ui-co-user-help {
    padding-right: 10px;
    padding-left: 10px;
    color: var(--primaryColor);
}

.ui-co-val-step {
    display: table;
    width: calc(100% - 15px);
}

.ui-co-step-mais, .ui-co-step-menos {
    width: 37px !important;
    height: 37px !important;
    font-weight: bold;
    border-radius: 50%;
    color: var(--primaryColor);
    font-size: var(--fontSize);
    cursor: pointer;
}

.ui-co-step {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.ui-co-step input {
    margin-left: 0;
    margin-right: 0 !important;
    text-align: right;
    width: calc(100% - 30px) !important;
    border-radius: 15px 0 0 15px !important;
}

.ui-co-step-disable {
    pointer-events: none;
    opacity: 0.7;
}

.ui-co-align-centro {
    text-align: center !important;
}

.ui-co-align-direita {
    text-align: right !important;
}

.ui-co-align-esquerda {
    text-align: left !important;
}

i.ui-co-preview-icon {
    font-size: var(--fontSize);
    padding-right: 7px;
    vertical-align: middle;
}

.ui-co-val-step input {
    padding-right: 5px !important;
}

.ui-co-step-commands {
    display: table;
    width: 30px;
    border: 1px solid #888;
    border-radius: 0 5px 5px 0;
}

.ui-co-step-commands .ui-co-step {
    display: table-row;
    height: 10px !important;
    font-size: var(--fontSize);
    text-align: center;
    vertical-align: middle;
    line-height: 18px;
}

.ui-co-step-mais {
    background: #888;
    color: #fff;
}

.noselect, .ui-co-step-commands {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.ui-co-form {
    position: relative;
    margin-bottom: 10px;
}

.ui-crud-row-acts {
    display: inline-block;
    direction: ltr;
}

.ui-co-nosearch .ui-co-datagrid {
    /*top: 55px;*/
}

.ui-co-sel-itens {
    position: absolute;
    z-index: 99999;
    background: #fff;
    width: 100%;
    margin-top: 5px;
    display: none;
}

.ui-co-value-modal {
    position: relative;
}

.ui-co-sel-modal-item {
    padding: 10px 5px 10px 15px;
    border-bottom: 1px solid var(--borderColor);
    border-left: 1px solid var(--borderColor);
    border-right: 1px solid var(--borderColor);
}

.ui-co-sel-curr {
    background: var(--primaryColor);
    color: #fff;
}

.ui-co-sel-hidden {
    display: none !important;
}

.ui-co-group-error {
    padding-left: 20px;
    color: red;
}

.ui-co-deleted {
    font-size: var(--fontSize) !important;
    padding-right: 10px;
}

.ui-co-form-simple {
    padding-bottom: 10px !important;
}

.ui-co-tr-markdel td {
    background: #d8776e !important;
    color: #fff !important;
}

.ui-sb-dialogs {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}

.ui-co-status {
    width: 100px;
    text-align: center !important;
}

td.ui-co-type-moeda input {
    width: 50px;
}

.ui-co-sort-ico {
    opacity: 0.5;
    padding-right: 5px;
}

.ui-tr-total td {
    background: var(--primaryColor);
    font-weight: bold;
    color: #fff !important;
}

.ui-co-giitem * {
    display: block;
}

.ui-co-gilabel {
    padding-bottom: 5px;
}

.ui-co-edit-item {
    padding: 5px 10px;
}

.ui-co-edit-item {
    padding: 5px 10px;
}

.ui-co-edit-item-label {
    padding-bottom: 2px;
    font-weight: 450;
    color: var(--fontColor);
}

.ui-co-edit-item {
    padding: 5px 10px;
    display: inline-block;
    width: 45%;
}

.ui-co-edit-item-val * {
    width: calc(100% - 25px);
    vertical-align: top;
}

.ui-co-edit-item-val select {
    width: calc(100% - 4px);
}

.ui-co-edit-actions {
    display: block;
    direction: rtl;
    width: 95%;
}

.ui-co-edit {
    border-bottom: 1px solid var(--borderColor);
    padding-bottom: 10px;
}

.ui-inplace-editor button {
    margin-left: 5px !important;
}

.ui-col-act {
    border-radius: 0 !important;
}

.ui-co-grid-fix, .ui-co-fix-area {
    display: inline-block;
}


.ui-co-fix-area td, .ui-co-fix-area th {
    height: 20px !important;
}

.ui-edit-col {
    padding: 0 !important;
}

.ui-edit-col select {
    height: 27px;
    border-radius: 0 !important;
}

.ui-chart-card-item {
    padding: 5px;
}

.ui-chart-col {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    overflow: hidden;
    margin-top: 10px;
}

.ui-chart-card-title, .ui-chart-card-data {
    padding: 20px;
}

.ui-chart-card-title i {
    float: right;
    text-align: right;
    font-size: var(--fontSize);
    opacity: 0.7;
}

.ui-chart-card-title {
    font-weight: bold;
    padding-left: 0;
    width: 100%;
}

.ui-chart-card-data {
    font-weight: bold;
}

.ui-chart-card .ui-chart-card-item:last-child {
    margin-bottom: 10px;
}

.ui-chart-col-1 {
    width: 8.333%;
}

.ui-chart-col-2 {
    width: 16.667%;
}

.ui-chart-col-3 {
    width: 25.000%;
}

.ui-chart-col-4 {
    width: 33.333%;
}

.ui-chart-col-5 {
    width: 41.667%;
}

.ui-chart-col-6 {
    width: 50.000%;
}

.ui-chart-col-7 {
    width: 58.333%;
}

.ui-chart-col-8 {
    width: 66.667%;
}

.ui-chart-col-9 {
    width: 75.000%;
}

.ui-chart-col-10 {
    width: 83.333%;
}

.ui-chart-col-11 {
    width: 91.667%;
}

.ui-chart-col-12 {
    width: 100.000%;
}


@media (max-width: 1000px) {
    .ui-chart-col {
        width: calc(50% - 15px) !important;
    }
}

@media (max-width: 750px) {
    .ui-chart-col {
        width: calc(50% - 15px) !important;
    }
}

@media (max-width: 600px) {
    object, iframe {
        max-width: 100%;
    }

    .ui-chart-col {
        width: calc(100% - 15px) !important;
    }
}

.ui-co-chart .ui-co-header-b {
    vertical-align: middle;
    text-align: right;
    padding-right: 0;
}

.ui-co-chart .ui-co-refresh-time {
    display: none !important;
}

.ui-co-header-v {
    /* font-weight: normal; */
    border-bottom: 2px solid;
    margin-right: 10px;
    padding-bottom: 10px;
}

.ui-combo-view-sel {
    color: #fb3838;
}

.ui-co-chart-nolegend .ui-co-chart-data {
    padding: 0;
    border: 0 !important;
}

.ui-co-chart-nolegend {
    padding: 0;
    border: 0 !important;
}

.ui-combo-item .ui-co-grid-fix {
    overflow: auto;
    height: 470px;
}

.ui-co-fix-data, .ui-co-fix-area {
    position: relative;
}

.ui-co-fix-area {
    position: absolute;
    width: 100%;
}

.ui-co-grid-fix {
    position: absolute;
}

.ui-co-grid-nofix {
    overflow: auto;
}

/*.ui-combo-item-grid {
    height: 645px;
}*/

.ui-co-field-simple .ui-co-val-referencia .ui-button {
    background-color: transparent !important;
    padding: 0 !important;
    height: 30px !important;
    width: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
    text-align: left;
    display: inline;
}

.ui-co-field-simple .ui-co-val-referencia .ui-button .fa {
    color: var(--fontColor) !important;
    font-size: 16px !important;
    height: auto !important;
    margin: 0 !important;
    left: auto !important;
    right: 0 !important;
    vertical-align: middle;
    width: 30px;
    top: auto;
}

.ui-alerta {
    background: var(--red) !important;
}

.ui-congratulations {
    background: var(--green) !important;
}

.ui-congrats {
    z-index: 1;
    position: absolute;
    top: 18px;
    left: 18px;
    font-size: 120% !important;
    color: var(--yellow-star) !important;
}

.ui-co-date-filter {
    width: 75px;
    margin-left: 5px !important;
}

.ui-co-date-label {
    font-size: var(--fontSize);
}

.logo {
    margin-top: 10px;
    max-height: 100px;
}

.ui-co-simple-dialog {
    position: relative;
}

.ui-co-form {
    position: relative;
    margin-bottom: 10px;
}

.amchart-map {
    width: 100%;
    height: 340px;
}

.ui-co-chart-data {
    padding: 0;
}

/*.amchart-map a {
    display: none !important;
}*/
.ui-co-chart .ui-co-header {
    border-bottom: 1px solid var(--borderColor);
    background: transparent;
}

.ui-co-val-percentual .ui-co-bool-false {
    background: #15AC68;
    border: 1px solid #15AC68;
}

.ui-co-val-percentual .ui-co-check, .ui-co-val-percentual .ui-co-bool-true {
    border: 1px solid #15AC68;
}

.ui-co-val-percentual .ui-co-checked .ui-co-bool-false {
    background: #fff;
}

.ui-co-chart-data {
    display: block;
}

.ui-co-newdata {
    display: none;
}

.ui-co-td.ui-co-check > span {
    border: none !important;
}

.zoom {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    margin: auto;
    vertical-align: middle;
    right: 0;
}

.zoom-item {
    margin: auto;
    position: absolute;
    z-index: 9999;
    text-align: center;
    vertical-align: middle;
    left: 0;
    right: 0;
    top: 15%;
}

.zoom img {
    width: auto;
    margin: auto;
    height: auto;
    text-align: center;
}

.zoom-item.zoom-close {
    background: #fff;
    border: 1px solid var(--borderColor);
    padding: 5px;
    font-size: var(--fontSize);
    vertical-align: middle;
}

.ui-col-act {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: center;
}

.ui-col-act * {
    padding: 0 !important;
}

.ui-cg-title.ui-cg-actions {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.ui-co-btr-area {
    display: inline-block;
    position: relative;
}

.ui-co-btn-show .ui-co-btr-data {
    display: block;
    position: absolute;
    bottom: -10px;
    right: 25px;
    background: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px 0 rgba(136, 152, 170, .15) !important;
}

.ui-co-btr-area {
    display: inline-block;
}

.ui-co-btr-data {
    display: none;
}

.ui-co-button-more {
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    padding-right: 10px;
    padding-left: 10px;
    cursor: pointer;
    display: inline-block;
}

.ui-co-button-more * {
    vertical-align: middle;
}

.ui-co-button-more i {
    font-size: var(--fontSize);
}

.ui-co-btn-show button {
    margin-top: 5px;
    width: 240px;
    text-align: left;
}

.ui-co-btr-data:empty {
    display: none;
}

.ui-co-val-avatar.ui-co-upload img {
    border-radius: 50%;
}

.ui-co-val-avatar.ui-co-upload * {
    display: inline-flex;
    width: auto;
}

.ui-co-upload .ui-button {
    width: 200px;
}

.ui-map-area {
    height: 300px;
    width: 100%;
}

.ui-map-search input {
    width: calc(100% - 22px) !important;
}

.ui-co-val-referencia.ui-co-search-icon {
    position: relative;
}

.ui-combo-item-pie, .ui-combo-item-serial, .ui-combo-item-bar, .ui-combo-item-line {
    box-shadow: 2px 1px 20px rgba(0, 0, 0, 0.10);
}

.ui-co-dashtop {
    position: fixed;
    left: 65px;
    top: 55px;
    z-index: 99999;
    background: var(--primaryColor);
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12) !important;
    border-radius: 5px !important;
}

.ui-co-dashtop select {
    height: 25px !important;
}

.ui-co-dashtop .ui-panel-content {
    padding: 0 !important;
}

.ui-co-dashtop-actions, .dh-hide {
    display: none;
}

.ui-co-dashtop i, .ui-co-dashtop label {
    color: #fff !important;
    vertical-align: middle;
    line-height: 50px;
    box-shadow: 2px 2px 10px -5px rgba(0, 0, 0, 0.38);
    border-radius: 50px;
}

.dh-show {
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    padding: 5px;
}

.ui-co-chart-data {
    display: block;
    border: 0 !important;
    background: #fff;
    overflow: auto;
}

.ui-combo-item-chart {
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.ui-visao-global {
    display: table;
    width: 100%;
    background: #fff;
    box-shadow: 4px 6px 6px -9px rgba(0, 0, 0, 0.38);
}

.ui-visao-gitem {
    font-weight: bold;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-bottom: 4px solid transparent;
    padding-bottom: 8px;
    padding-top: 8px;
    color: var(--primaryColor) !important;
}

.ui-visao-gitem-sel {
    border-bottom-color: var(--primaryColor);
}

.ui-combo-item-pie, .ui-combo-item-serial, .ui-combo-item-bar, .ui-combo-item-line {
    box-shadow: 4px 2px 10px -5px rgba(0, 0, 0, 0.10);
}

.ui-sb-sbusca .ui-co-acoes select {
    width: auto;
    height: 30px;
    padding: 0 8px;
}

.ui-co-upload * {
    vertical-align: middle;
}

.ui-co-td img {
    height: 40px;
}

.ui-co-preview img {
    height: 250px;
}

.ui-co-resultado {
    background: #fff;
}

.ui-col-act {
    background: #f4f4f4;
    padding: 10px !important;
    text-align: center;
    border-right: 1px solid #fff !important;
}

td.ui-col-act * {
    text-align: center;
}

.ui-co-entity-item {
    display: table-cell;
    width: 30px;
    text-align: center;
}

.ui-co-bloco {
    margin-bottom: 10px;
}

.ui-co-bloco-lista .ui-grid-row .ui-grid-col:last-child {
    margin-right: 0;
}

.ui-co-bloco-lista .ui-co-row-1 .ui-grid-col {
    /*width: 100%;*/
}

.ui-co-group-field {
    height: 100%;
}

.ui-co-group-table {
    padding-left: 0 !important;
    height: calc(100% - 15px);
}

.ui-co-topo i {
    color: #ccc !important;
}

.ui-co-topo i:hover {
    opacity: 0.7;
}

.ui-co-count {
    display: inline-flex;
    margin-right: 10px;
    font-size: var(--fontSize);
}

.ui-co-val-readonly {
    padding: 0;
    border-radius: 5px;
    /* overflow: hidden; */
    font-size: var(--fontSize);
    font-weight: 500;
}

.ui-co-simple-table .ui-co-group-b {
    padding: 0;
}

.ui-chart-area .ui-co-card {
    box-shadow: none !important;
    border: 0;
    overflow: auto;
    width: 100%;
}

.ui-chart-area .ui-co-topo {
    padding-top: 10px;
}

.ui-co-card-item-list .ui-co-chart {
    background: #fff;
}

.ui-co-card-item .ui-co-chart {
    display: table;
    width: 100%;
    height: 100%;
}

.ui-co-chart .ui-grid-row {
    margin-bottom: 15px;
}

.ui-co-card-item .ui-co-chart {
    overflow: auto;
    display: block;
}

.ui-co-card-item-list .ui-co-chart {
    background: #fff;
    overflow: auto;
    border: 1px solid var(--borderColor);
    display: block;
    box-shadow: 8px 7px 10px -12px rgba(0, 0, 0, 0.38);
}

.ui-co-card-item-card .ui-co-chart {
    background: transparent;
    border: none;
}

.ui-co-entity {
    /* overflow: hidden; */
    height: 40px;
}

.ui-co-header {
    font-size: 16px;
    padding: 15px;
    color: var(--colorDark);
}

.ui-chart-list .ui-co-header {
    border-bottom: 1px solid var(--borderColor) !important;
    box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.12);
    height: 35px;
}

.ui-co-icone {
    width: 30px;
    padding: 10px !important;
    text-align: center;
}

.ui-co-icone i {
    padding: 0;
}

.ui-chart-fluxo, .ui-chart-fluxo .ui-co-chart-data, .ui-chart-fluxo .ui-co-header {
    background: transparent !important;
}

.ui-chart-fluxo .ui-chart-item {
    display: table;
    background: #fff;
    width: 100%;
}

.ui-chart-fluxo .ui-chart-item > div {
    display: table-cell;
    font-size: var(--fontSize);
    vertical-align: middle;
}

.ui-co-card-go {
    width: 30px;
    padding: 5px;
    font-size: var(--fontSize);
    padding-top: 10px;
    background: var(--colorDark);
    color: #fff;
    border-radius: 2px;
    text-align: center !important;
    vertical-align: middle;
}

.ui-chart-fluxo-data, .ui-chart-fluxo-title {
    padding: 15px;
    font-weight: bold;
}

.ui-chart-fluxo-data {
    width: 70px;
    background: var(--primaryColor);
    color: #fff;
    text-align: center;
    border-radius: 2px;
    font-size: 16px !important;
}

.ui-chart-fluxo .ui-chart-col {
    border-radius: 5px;
    /* box-shadow: 2px 3px 10px 2px rgba(0, 0, 0, 0.12); */
}

.ui-datatable table tbody tr td,
.ui-datatable table thead tr th {
    position: relative;
}

.ui-datatable table tbody tr:last-child td, .ui-datatable table tbody tr:last-child {
    border-bottom: none !important;
}

.ui-chart-card .ui-chart-item * {
    vertical-align: middle;
}

.ui-co .ui-chart-area {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.atalho-icone {
    color: var(--primaryColor);
    width: 20px;
}

.geral_menu_inner {
    display: flex;
}

.menu-topo-item * {
    vertical-align: middle !important;
}

.menu-topo-item i {
    margin-right: 6px;
    font-size: var(--fontSize);
}

.menu-topo-item-inner {
    background: var(--primaryColor);
    padding: 10px 15px;
    border-radius: 3px;
    color: #fff;
}

.menu-topo-edit {
    background: #EFBB46;
    color: #fff;
}

.topo_label {
    padding: 5px;
}

.ui-el-legend {
    padding: 0 !important;
    display: table;
    width: 100%;
}

.ui-el-legend > span {
    display: table-cell;
}

.ui-el-legend-icon {
    width: 50px;
    background: var(--primaryColor);
    text-align: center;
    opacity: 0.8;
}

.ui-el-legend-inner {
    padding: 15px 20px !important;
    display: inline-block;
}

.ui-co-header {
    padding: 0;
}

.ui-co-header-inner {
    padding: 15px;
}

.ui-co-header-icon {
    width: 50px;
    text-align: center;
    background: var(--primaryColor);
}

.ui-co-header-icon i {
    color: var(--fontColor);
    opacity: 0.8;
}

.ui-co-header-b {
    padding-right: 15px !important;
}

td.ui-co-td.ui-co-td-sel.ui-co-td-act.ui-co-col-icon {
    padding: 10px;
}

.ui-co-wbg {
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.ui-chart-list .ui-datatable-empty {
    padding: 25px;
    font-size: var(--fontSize);
    font-weight: bold;
}

.ui-co-type-texto {
    text-align: left;
}

.ui-co-title-search input {
    border: 0 !important;
    padding-left: 15px !important;
    background: #f5f5f5;
    width: auto !important;
}

.ui-co-title-search {
    border: 1px solid var(--borderColor);
    border-radius: 20px;
    padding-left: 5px;
    overflow: hidden;
    background: #f5f5f5;
}

.ui-co-title-search input:hover, .ui-co-title-search input:focus {
    box-shadow: none !important;
    border: none !important;
}

.ui-co-multiselect-item {
    display: inline-block;
    margin-bottom: 15px;
    padding-right: 15px;
}

.ui-co-multiselect-item input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.ui-co-multiselect-item label {
    position: relative;
    cursor: pointer;
}

.ui-co-multiselect-item label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--fontColor);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.ui-co-multiselect-item input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: 8px;
    width: 5px;
    height: 14px;
    border: solid var(--fontColor);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ui-chart-hint {
    font-weight: normal;
    font-size: var(--fontSize);
    color: #888;
}

.ui-chart-data {
    text-align: center;
    vertical-align: middle;
}

.menu-topo-item button {
    height: 35px !important;
    box-shadow: none;
    margin-right: 10px;
    min-width: auto;
}


.menu-topo-item button {
    height: 35px !important;
    box-shadow: none;
    margin-left: 10px;
    margin-right: 0;
    min-width: auto;
}

.PrimaryButton {
    background: var(--colorDark);
}

.SysButton {
    background: var(--colorDark);
}

.topo_menus button {
    /* font-weight: bold; */
}

.geral_dashboard .geral_centro {
    top: 15px;
}

.geral_centro {
    width: auto;
    padding: 0 10px;
}

.geral_topo_inner {
    display: table !important;
    width: 100%;
}

.geral_topo_inner, .geral_topo_inner * {
    vertical-align: middle;
}

.ui-chart-fluxo .ui-co-header-inner,
.ui-chart-card .ui-co-header-inner {
    padding-left: 0 !important;
}

.ui-chart-fluxo .ui-co-header {
    border-bottom: none !important;
}

.ui-chart-card .ui-chart-item, .topo {
    background: var(--gradientColor);
}

.ui-co-group-a {
    padding: 0;
    z-index: 999999;
    box-shadow: 4px 2px 5px -5px rgba(0, 0, 0, 0.38);
    display: inline-table;
}

.ui-co-simple-table .ui-co-group-a {
    border-bottom: 0;
}

.ui-grid-row .ui-grid-col:last-child .ui-co-value {
    padding-right: 0;
}

.jqte {
    margin: 0 !important;
}

.topo_label {
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-co-col-ficha .ui-co-label {
    font-weight: normal;
}

.ui-co-col-ficha .ui-co-value .ui-co-readonly {
    font-weight: bold !important;
    font-size: 14px;
    line-height: initial;
    height: auto;
}

.ui-co-col-ficha .ui-co-value, .ui-co-col-ficha .ui-co-simple-table {
    font-weight: normal !important;
}


.ui-co-cicon .fa {
    color: var(--colorDark);
}

.ui-co-icon-letter {
    width: 25px !important;
    height: 25px !important;
    border-radius: 50%;
    background: var(--colorDark);
    color: #fff;
    vertical-align: middle !important;
    line-height: 25px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: var(--fontSize) !important;
}

/* Font Sizes */
.Fs9 {
    font-size: 9px !important;
}

.Fs10 {
    font-size: 10px !important;
}

.Fs11 {
    font-size: 11px !important;
}

.Fs12 {
    font-size: 12px !important;
}

.Fs13 {
    font-size: 13px !important;
}

.Fs14 {
    font-size: 14px !important;
}

.Fs15 {
    font-size: 15px !important;
}

.Fs16 {
    font-size: 16px !important;
}

.Fs17 {
    font-size: 17px !important;
}

.Fs18 {
    font-size: 18px !important;
}

.Fs19 {
    font-size: 19px !important;
}

.Fs20 {
    font-size: 20px !important;
}

.Fs21 {
    font-size: 21px !important;
}

.Fs22 {
    font-size: 22px !important;
}

.Fs23 {
    font-size: 23px !important;
}

.Fs24 {
    font-size: 24px !important;
}

.Fs25 {
    font-size: 25px !important;
}

.Fs26 {
    font-size: 26px !important;
}

.Fs27 {
    font-size: 27px !important;
}

.Fs28 {
    font-size: 28px !important;
}

.Fs29 {
    font-size: 29px !important;
}

.Fs30 {
    font-size: 30px !important;
}

.Fs35 {
    font-size: 35px !important;
}

.Fs40 {
    font-size: 40px !important;
}

.Fs50 {
    font-size: 50px !important;
}

.Fs60 {
    font-size: 60px !important;
}

.Fs100 {
    font-size: 100px !important;
}

.Fs130 {
    font-size: 130px !important;
}

legend {
    width: calc(100% - 20px);
    border-radius: 0 !important;
}

.h1, .h2 {
    color: var(--primaryColor);
    /*font-weight: normal;*/
}

.h3, .h4, .h5 {
    font-weight: normal;
    color: #727176;
}

.h1 {
    font-size: 70px;
    letter-spacing: -3px;
    padding-right: 10px;
    line-height: 50px;
}

.h2 {
    font-size: 16px;
    line-height: 16px;
    vertical-align: top;
}

.h3 {
    font-weight: bold;
    font-size: 11px;
}

.h4 {
    font-size: 11px;
}

.h5 {
    font-size: 10px;
}

.ui-co-icon-text {
    text-align: left !important;
}

.geral_fluxo .geral_centro {
    margin-top: 0;
    padding: 0;
}

.geral_fluxo .ui-chart-area {
    padding-top: 0;
}

.ui-co-card-buttons {
    padding: 10px;
    text-align: right;
}

.ui-co-td-preview {
    font-weight: bold;
    color: #4c7aca !important;
}

.ui-co-node-item {
    display: table;
    width: 100%;
}

.ui-co-node-item > div {
    display: table-cell;
}

.ui-co-node-itens {
    /*display: none;*/
}

.ui-co-node-icon {
    width: 40px;
    text-align: center;
    padding: 5px;
}

.ui-co-node {
    padding-left: 20px;
    margin-bottom: 10px;
}

.ui-co-node-sel {
    font-weight: bold;
}

.ui-co-tree-label i {
    padding-left: 10px;
    width: 25px;
    display: table-cell;
}

.ui-co-tree-label {
    display: table;
    padding: 5px;
    width: calc(100% - 30px);
    border: 1px solid var(--borderColor);
    border-radius: 3px;
    cursor: pointer;
}

.ui-co-tree-label * {
    display: table-cell;
}

.ui-co-card-buttons:empty {
    display: none;
}

.ui-sm-ribbon {
    margin-top: 15px !important;
}

.ui-filter-i-value i {
    font-size: 20px !important;
    padding: 0 5px;
    padding-top: 0;
    color: var(--colorDark) !important;
    line-height: 25px;
    vertical-align: bottom;
    height: 35px;
}

.ui-chart-fluxo-sla {
    width: 100px;
    font-size: var(--fontSize) !important;
    vertical-align: middle;
    text-align: right;
    padding-right: 15px;
    color: green;
    font-weight: bold;
}

td.ui-td-sla {
    color: green !important;
}

.ui-td-sla {
    width: 120px;
    text-align: right;
}

pre.prettyprint {
    overflow: auto;
}

.ui-card-title-2 h1 {
    padding-top: 6px;
}

.ui-co-numero {
    text-align: right !important;
    width: 70px;
}

.ui-usr-select .current {
    display: block;
    width: 99%;
    overflow: hidden;
}

.ui-usr-select .list {
    right: 0;
}

.ui-usr-select .list li {
    overflow: hidden;
    margin-right: 10px;
}

.ui-co-val-lista .ui-co-tree > .ui-co-tree-area > .ui-co-node {
    padding-left: 10px;
}

.ui-co-val-lista .ui-co-tree > .ui-co-tree-area {
    border: 1px solid var(--borderColor);
    margin-top: 10px;
    border-radius: 2px;
    padding-top: 10px;
    position: absolute;
    background: #fff;
    padding-right: 15px;
    z-index: 999 !important;
}

.ui-co-node-witens .ui-co-node-title {
    padding-left: 10px;
}

.ui-co-tree-tags .ui-co-node-last {
    display: block;
}

.ui-co-node-last .ui-co-node {
    display: inline-flex;
}

.ui-co-node-last .ui-co-node-item {
    background: #dedede;
    padding: 5px 15px;
    border-radius: 20px;
}

.ui-co-node-last .ui-co-node-sel {
    background: #2E8B57;
    color: #fff;
}

.ui-co-tree .ui-co-tree-area {
    padding-bottom: 15px;
}

.ui-co-tree-tags .ui-co-tree-area {
    padding-bottom: 0;
}

.topo_menus button .ui-button-text {
    display: inline-block;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-co-col-ficha .ui-co-readonly {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    line-height: 38px;
}

.onlymobile {
    display: none !important;
}

.menu_close {
    display: none;
}

.ui-button, .ui-button * {
    font-size: var(--fontSize) !important;
}

@media (max-width: 600px) {
    .ui-co-expansion {
        display: none;
    }

    .geral_conteudo {
        margin: 0;
        padding-bottom: 35px !important;
    }

    .ui-co {
        width: 100%;
        margin: 0;
    }

    .topo_menus button .ui-button-text {
        max-width: 350px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .ui-el-legend {
        font-size: var(--fontSize) !important;
    }

    .topo_menus button .ui-button-text {
        padding-left: 65px !important;
    }

    .ui-cg-index {
        width: 40px !important;
    }

    .ui-co-index {
        display: block;
        font-size: var(--fontSize);
        text-align: center;
        vertical-align: middle;
        font-weight: bold;
        background: #fff !important;
    }

    .tabs-left.onlymobile {
        position: absolute;
        right: 70px;
        left: 0;
    }

    .ui-cg-label {
        font-size: var(--fontSize);
    }

    .ui-col-del {
        width: 20px;
    }

    .onlymobile {
        display: block !important;
    }

    .onlymobile .tab {
        border-right: 0 !important;
        width: 100%;
    }

    .ui-chart-area {
        padding: 0;
    }

    .ui-co-chart .ui-co-header {
        display: none !important;
    }

    .ui-chart-fluxo-data {
        width: 30px;
    }

    .ui-chart-fluxo .ui-chart-item > div {
        font-size: var(--fontSize);
    }

    .topo_titulo * {
        font-size: var(--fontSize);
        display: inline-block !important;
    }

    .ui-datatable table, table {
        table-layout: fixed !important;
    }

    .ui-chart-area .ui-grid-col {
        margin-bottom: 10px !important;
    }

    .ui-chart-col {
        width: 100% !important;
    }

    .ui-chart-card .ui-chart-item {
        width: 100% !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .user-controls {
        display: none;
    }

    .tabs-right {
        width: 60px;
        right: 0;
        bottom: 0;
        position: absolute;
        top: 0px;
    }

    .atalho {
        height: auto;
    }

    .atalho-detalhe {
        display: none;
    }

    .bloco-menus {
        right: 55px !important;
        width: auto;
    }

    .atalho {
        height: auto;
    }

    .atalho-detalhe {
        display: none;
    }

    .bloco-menus {
        right: 55px !important;
        width: auto;
    }

    .geral_topo_inner * {
        display: block;
        width: 100%;
        padding: 0;
    }

    .geral_centro {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding: 0;
        margin: 0;
    }

    .geral_topo {
        position: relative;
        padding: 0;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }

    .topo_menus button {
        width: 100%;
        margin-bottom: 10px !important;
        text-align: left;
        height: 50px !important;
        padding-left: 5px !important;
        font-size: var(--fontSize);
    }

    .topo_label {
        padding-bottom: 10px;
        font-size: 15px !important;
    }

    .ui-el .ui-col-6 {
        width: calc(100% - 30px);
        overflow: hidden;
    }

    .ui-co-form .ui-sb-search-main, .ui-co-form-search {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }

    .ui-co-val-referencia > .ui-inputfield, .ui-co-val-entity > .ui-inputfield {
        width: calc(100% - 95px);
    }

    .ui-co-bloco-cadastro .ui-co-value, .ui-co-bloco-cadastro .ui-co-label {
        padding-right: 0;
    }

    .ui-ch-chat {
        right: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        top: 55px;
        bottom: 0;
        height: auto;
    }

    .topo_menus {
        display: none;
    }

    .moremenu .menu_close {
        display: block;
    }

    .menu_close {
        position: absolute;
        bottom: 15px;
        right: 15px;
        color: #fff;
        background: #000;
        width: 20px !important;
        text-align: center;
        height: 20px !important;
        padding: 5px !important;
        border-radius: 50%;
        vertical-align: middle !important;
        line-height: 20px !important;
    }

    .menu_close * {
        vertical-align: middle !important;
        line-height: 20px !important;
    }

    .moremenu .topo_menus {
        display: block;
        position: fixed;
        left: 20px;
        right: 20px;
        bottom: 80px;
        z-index: 999;
        padding: 0;
        background: transparent;
        border-radius: 5px;
        width: auto;
    }

    .moremenu .topo_menus * {
        color: #000 !important;
        background: #fff !important;
    }

    .moremenu .topo_menus button {
        margin-bottom: 10px !important;
        height: 40px !important;
        background: transparent;
        color: #000 !important;
        text-align: left;
        display: inline;
        width: auto;
    }

    .moremenu .topo_overlay {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #fff;
        z-index: 999;
        opacity: 0.9;
    }

    .moremenu .topo_menus button .fa {
        display: inline;
        width: 20px !important;
        height: 20px !important;
        background: #fff !important;
        padding: 10px !important;
        border-radius: 50%;
        box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
        text-align: center;
        vertical-align: top !important;
        line-height: 20px;
        top: 5px;
        float: right;
    }

    .menu-more {
        display: block !important;
    }

    .login-group .ui-button.ui-button-icon-only {
        height: 47px !important;
    }

    .bloco-login input {
        font-size: var(--fontSize);
        line-height: 25px;
    }

    .bloco-login {
        top: 30px;
        padding: 20px;
    }

    .menu-centro-data {
        padding: 0;
    }
}

.geral_bottom.topo_menus * {
    display: block;
}

.geral_bottom.topo_menus button {
    width: 100%;
}

.geral_bottom.topo_menus button .ui-button-text {
    width: 100%;
    max-width: 300px;;
}

.geral_bottom.topo_menus {
    display: block;
    width: 100%;
    overflow: hidden;
}

.geral_bottom.topo_menus div {
    padding: 0;
}

.mob-close {
    position: absolute;
    right: 0;
    font-size: 20px;
}

.ui-cg-title.ui-cg-label {
    padding-left: 10px;
}

.ui-co-title-search * {
    display: inline;
}

.menu-more {
    display: none;
    background: var(--colorDark) !important;
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 15px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    font-size: var(--fontSize);
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
    width: 20px;
    color: #fff;
    z-index: 999999;
}

.menu-logo i {
    font-size: 30px !important;
    vertical-align: middle;
}

.menus i, .tabs-right i {
    font-size: 25px !important;
    vertical-align: middle;
}

.ui-co-title-search * {
    display: inline;
}

.topo-search, .topo-search * {
    background: var(--colorLight) !important;
    border: 0 !important;
    color: #fff !important;
    vertical-align: middle !important;
    display: inline;
}

@media (max-width: 1280px) {
    .ui-co-header-inner {
        padding: 10px;
    }

    .topo-search, .topo-search * {
        line-height: initial;
    }

    .ui-co-group .ui-co-index {
        padding: 10px;
    }

    .account-info img {
        height: 50px;
    }

    .geral_conteudo {
        padding: 10px;
    }

    .ui-co-group-b {
        padding: 5px 15px;
    }

    .tab {
        line-height: 50px;
        margin-left: 5px;
    }

    .topo, .topo-inner {
        height: 50px !important;
    }

    .menu-logo {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
    }

    .menu-logo * {
        line-height: 50px !important;
    }

    .pagina {
        top: 50px;
        left: 50px;
    }

    .menus {
        width: 50px;
        top: 50px;
    }

    .topo_titulo * {
        font-size: 20px;
        display: inline-block !important;
    }

    .menu-topo-item button {
        height: 30px !important;
    }
}

.ui-co-group-a > div {
    display: table-cell;
}

.ui-cg-header {
    display: table !important;
    width: 100%;
}

.ui-cg-header > div {
    display: table-cell;
}

.topo-search i {
    padding-right: 10px;
    padding-left: 10px;
}

.topo-search ::placeholder {
    color: #fff !important;
}

.topo-search {
    border-radius: 20px !important;
    overflow: hidden;
}

.tab:last-child {
    border: 0;
}

.atalho-interno > div {
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 1000px) {

    .geral_menu_fixed {
        position: fixed;
        right: 15px;
        top: 110px;
        background: #ffffff;
        padding: 10px;
        border: 1px solid var(--borderColor);
        border-radius: 2px;
        z-index: 99999;
        display: none;
    }

    .geral_menu_fixed * {
        display: block;
        width: 100%;
    }

    .geral_menu_fix {
        display: block;
        padding: 0;
    }

    .geral_menu_fix .fa {
        width: 20px !important;
    }

    .geral_menu_fix .ui-button-text {
        text-align: left;
    }

    .geral_menu_fixed .menu-button {
        margin-bottom: 10px;
    }

    .geral_menu_fixed button {
        margin-left: 0;
        margin-right: 0;
    }

    .geral_menu_fixed button .ui-button-text {
        max-width: inherit;
    }

    .show-more .geral_menu_fixed {
        display: block;
    }

    .geral_menu_fixed .menu-button:last-child {
        margin-bottom: 0;
    }
}

.ui-card .ui-co-list {
    margin: 10px;
    width: calc(100% - 20px);
}

.ui-co-crud-chart {
    margin-top: 5px;
}

.ui-co-crud-chart .ui-chart-empty {
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.ui-co-bloco > .ui-grid {
    margin-bottom: 10px;
}

.ui-chart-item {
    display: table;
    width: 100%;
}

.tl-item {
    width: 15px;
    padding: 10px;
    text-align: center;
    position: relative;
    height: 80px;
    border-right: 2px solid var(--primaryColor);
}

.ui-chart-timeline .ui-chart-col {
    margin-bottom: 0;
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

.tl-user, .tl-user img {
    width: 40px;
    height: 40px;
    background: #dedede;
    border-radius: 50%;
    margin: auto;
}

.tl-time {
    background: #dedede;
    padding: 3px;
    border-radius: 5px;
    font-size: 10px;
    margin-top: 5px;
}

.tl-item-inner {
    position: absolute;
    right: -20px;
    top: 20px;
}

.tl-info {
    padding-left: 30px;
    padding-top: 15px;
}

.tl-info-header {
    display: table;
    font-weight: bold;
}

.tl-info-header > div {
    display: table-cell;
    vertical-align: middle;
}

.tl-info-i {
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background: #dedede;
    border-radius: 50%;
}

.tl-info-t {
    padding-left: 10px;
}

.tl-inner {
    border: 1px solid var(--borderColor);
    padding: 10px;
    border-radius: 5px;
}

.tl-info-data {
    padding-top: 10px;
}

.tl-info-time {
    text-align: right;
    font-size: 10px;
    color: #888;
}

.ui-chart-timeline .ui-co-chart-data {
    padding: 10px;
}

.ui-co-td.ui-co-col-avatar img {
    height: 50px;
    width: 50px;
    object-fit: cover;
    object-position: top;
}

.zoom-item.zoom-overlay {
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    bottom: 0;
    opacity: 0.7;
}

.zoom-item.zoom-img {
    max-width: 600px;
}

.ui-co-tree {
    position: relative;
}

.ui-sla-atrasado, .ui-sla-atrasado td, .ui-sla-atrasado td *, td.ui-sla-atrasado {
    color: #d93025 !important;
}

.ui-co-type-imagem, .ui-co-col-avatar {
    width: 40px;
    padding: 5px !important;
}

.menu-topo-sel {
    border-bottom: 3px solid var(--primaryColor);
}

.menu-button button {
    padding-right: 15px !important;
}

.SysButton {
    background: var(--gradientColor) !important;
}

.ui-co-icon-text {
    width: auto;
}

.sla-c, .sla-t, .sla-p {
    display: block;
    text-align: center;
}

.sla-p {
    font-size: 10px;
    padding-top: 5px;
    color: #888;
}

.ui-co-col-sla {
    text-align: center !important;
}

.ui-co-type-imagem, .ui-co-type-imagem * {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    border: 0 !important;
}

.ui-co-tree-tags .ui-co-tree-area {
    position: relative !important;
}

.ui-state-disabled {
    color: #6d6d6d !important;
}

.nice-select.open .list {
    z-index: 99999 !important;
}

.tl-info-data li {
    padding: 5px 5px;
}

.ui-co-col-id {
    width: 100px;
    text-align: right !important;
}

.tl-info-login {
    text-align: right;
    font-weight: bold;
    padding-bottom: 10px;
}

.ui-edit-col {
    padding: 10px !important;
}

.ui-co-dialog-edit {
    display: table;
}

.ui-co-dialog-edit > div {
    display: table-cell;
}

.ui-chart-timeline .tl-info-data {
    max-height: 170px;
    overflow: hidden;
}

.tl-info-more {
    text-align: center;
    border-radius: 20px;
    font-size: 10px;
    margin: 0px 0 15px 0;
    cursor: pointer;
    background: var(--primaryColor);
    color: #fff;
    margin-top: 10px;
    width: 35px;
}

.ui-co-column-user > span {
    display: table-cell;
}

.tl-full-data {
    height: auto !important;
    max-height: initial !important;
}

.tl-info-a {
    float: right;
    position: absolute;
    right: 25px;
}

.tl-info-a {
    cursor: pointer;
}

.ui-chart-fluxo {
    display: block !important;
}

.ui-col-del {
    width: 30px !important;
}

.ui-cal-day {
    position: absolute;
    top: 5px;
    right: 10px;
}

.ui-chart-calendar .ui-co-chart-data {
    display: table;
    width: 100%;
    border-style: dashed;
    border-collapse: separate;
    border-spacing: 15px;
}

.ui-chart-calendar .ui-chart-row {
    display: table-row;
}

.ui-chart-calendar .ui-chart-col {
    display: table-cell;
    text-align: center;
    padding: 15px;
    position: relative;
    line-height: 30px;
    border: 1px dashed var(--borderColor);
    border-radius: 10px;
    height: 40px;
}

.ui-cal-header {
    height: auto !important;
    text-align: right !important;
    padding: 10px 20px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-style: solid !important;
    font-weight: bold;
    font-size: 14px;
    background: var(--primaryColor);
    color: #fff;
    border-radius: 5px !important;
    border: 0 !important;
}

.ui-cal-today {
    background: #d8dcd8;
    color: #fff;
    font-weight: bold;
    border-color: var(--colorDark) !important;
    font-size: 14px !important;
}

.ui-cal-count {
    position: absolute;
    left: 10px;
    bottom: 5px;
    vertical-align: bottom;
    background: #d25050;
    padding: 0 10px;
    color: #fff;
    font-size: 10px;
    border-radius: 10px;
}

.ui-chart-col.ui-chart-col-1.ui-cal-header.ui-cal-mes {
    text-align: left !important;
}

.ui-co-chart .ui-co-header-b i {
    display: inline;
    padding-left: 20px;
}

.ui-co-header.ui-co-card-detail-title {
    padding: 12px;
    overflow: hidden;
    border: 0;
    display: inline-flex;
    border-top: 1px solid var(--borderColor);
}

.ui-cal-sel {
    font-weight: bold;
    color: #fff;
    background: #cfeaef;
}

.ui-co-icon-text, .ui-co-icon-text * {
    width: auto;
}

.ui-dlg-label {
    font-weight: bold;
    padding-bottom: 0;
}

.ui-required {
    color: red;
    font-weight: bold;
}

.ui-td-oicon {
    width: 20px !important;
    padding: 10px !important;
    text-align: center;
}

.ui-co-col-orderdown, .ui-co-col-orderup {
    width: 20px;
}

.ui-app-version {
    position: fixed;
    bottom: 5px;
    right: 15px;
    color: #888;
}

.ui-co-group-b {
}

.ui-inputfield.ui-state-focus,
.ui-inputfield:focus,
input[type=text]:focus {
    border: solid 1px #03a9f4;
    box-shadow: 0 0 6px #00BDFF;
    background-color: white;
}

.ui-co-td-act {
    cursor: pointer;
}

.ui-co-iframe iframe {
    width: 100%;
    border: 0;
}

.ui-co-header-b button {
    margin-left: 10px;
}

.ui-frm-lower {
    text-transform: lowercase;
}

.ui-frm-upper {
    text-transform: uppercase;
}

.ui-frm-capitalize, .ui-frm-capitalizeall {
    text-transform: capitalize;
}

.ui-co-tree-search {
    padding-left: 15px;
    padding-bottom: 10px;
}

.ui-co-card.ui-co-group {
    border: 0;
}

.ui-co-ficha .ui-co-label {
    font-weight: normal;
}

.ui-co-ficha .ui-co-label, .ui-co-ficha .ui-co-value * {
    color: var(--fontColor);
}

.ui-so-avatar {
    width: 50px;
}

.ui-dlg-dmc select {
    width: 100%;
}

.menu-topo-item button * {
    vertical-align: middle !important;
}

.ui-button * {
    display: inline-block !important;
}

span.ui-co-input-string {
    line-height: 20px;
}

.ui-dialog {
    max-width: 100%;
}

.ui-s-post-i iframe {
    max-width: 100%;
}

.ui-growl {
    width: 400px !important;
    max-width: 100% !important;
}

.ui-growl-message {
    width: calc(100% - 50px) !important;
}

.dm-actions {
    margin-bottom: 0;
    margin-top: 24px;
}

@media (max-width: 800px) {
    .ui-tmobile tr, .ui-tmobile td, .ui-tmobile table, .ui-tmobile tbody, .ui-tmobile thead {
        display: block;
        width: 100%;
    }

    .ui-co-form-simple .ui-co-value select {
        width: 100%;
    }

    .dm-actions {
        margin-bottom: 10px;
    }

    .dm-actions button {
        width: 100%;
        margin-top: 10px;
    }

    .ui-co-root-value table {
        table-layout: fixed;
    }
}

.ui-co-topo-interno .ui-co-title {
    position: relative;
}

.ui-co-suggest-close {
    position: absolute;
    right: 5px;
    border: 1px solid var(--borderColor);
    width: 15px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    line-height: 15px;
    border-radius: 50%;
}

.ui-co-suggest {
    position: absolute;
    top: 40px;
    z-index: 9999;
    background: #fff;
    border: 1px solid var(--borderColor);
    border-radius: 5px;
    padding: 10px 20px 5px 15px;
    min-width: 145px;
}

.ui-co-suggest-i {
    padding-bottom: 5px;
}

.geral_analysis .geral_centro {
    top: 0 !important;
    padding: 0 10px;
}

.ui-co-ficha .ui-co-val-texto-editor .ui-co-readonly {
    max-height: 200px;
    display: block;
    overflow: auto;
    /* border: 1px solid var(--borderColor); */
    /* padding: 15px; */
}

.ui-co-dlg-input {
    width: calc(100% - 30px);
}

.ui-co-dlg-acts button {
    margin-right: 10px;
}

.ui-co-dlg-acts .ui-button.ui-button-icon-only {
    width: 25px !important;
    height: 25px !important;
}

.ui-co-dlg-tag {
    background: #fff;
    margin: 5px;
    padding: 10px 15px;
    border-radius: 20px;
    display: inline-flex;
    width: auto;
    font-weight: bold;
    box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
}

.ui-dlg-tags {
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.ui-co-dlg-tag-sel {
    background: green;
    color: #fff;
}

.ui-co-dlg-close {
    float: right;
}

.ui-co-value {
    width: 100%;
    display: table;
}

.ui-co-value > div {
    display: table-cell;
}

.ui-co-th-sort {
    cursor: pointer;
}

.ui-co-th-sort:hover {
    background: #dedede !important;
}

.ui-chart-timeline_horizontal {
    background: transparent !important;
}

.ui-chart-timeline_horizontal .ui-co-chart-data {
    background: transparent;
    display: table;
    width: 100%;
    margin-top: 15px;
}

.ui-chart-timeline_horizontal .ui-chart-col {
    padding: 0;
    width: auto;
    display: table-cell;
}

.ui-chart-timeline_horizontal .ui-chart-item {
    background: var(--gradientColor);
    color: #fff;
    padding: 5px 10px;
}

.ui-chart-timeline_horizontal .ui-chart-item {
    display: block;
    border-radius: 10px;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.ui-timeline-seta {
    background: transparent !important;
    padding: 5px !important;
    vertical-align: middle;
}

.ui-timeline-seta {
    color: var(--fontColor);
    font-size: 20px !important;
    vertical-align: middle;
}

.ui-chart-timeline_horizontal .ui-co-header {
    background: #fff;
}

.ui-timeline-detail {
    box-shadow: 7px 0px 10px -5px rgba(0, 0, 0, 0.38);
}

@media (max-width: 800px) {
    .ui-co-chart-data {
        display: block;
    }

    .ui-chart-col, .ui-chart-timeline_horizontal .ui-chart-item {
        display: block !important;
        width: calc(100% - 25px);
    }

    .ui-chart-timeline_horizontal .ui-chart-item.ui-timeline-seta {
        display: none !important;
    }

    .ui-co-acompanhamento {
        padding: 0 20px !important;
    }
}

.ui-datatable table {
    table-layout: fixed;
}

.ui-co-td-expansion, .ui-co-col-expansion {
    width: 20px !important;
}

.ui-timeline-content {
    box-shadow: none;
    text-align: center;
    width: 100%;
    display: block !important;
}

.ui-chart-risk {
    background: #000;
    height: 10px;
    width: 100%;
    position: absolute;
    top: 20px;
}

.ui-chart-timeline_horizontal .ui-chart-item.ui-timeline-content {
    display: block !important;
    height: auto;
}

.ui-chart-col-content, .ui-timeline-content {
    padding: 0 !important;
    margin: 0 !important;
}

.ui-draggable-handle {
    cursor: move;
}

.ui-co-td-copy {
    position: absolute;
    display: none;
    background: #fff;
    border-radius: 50%;
    right: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    /*border: 1px solid var(--borderColor);*/
    cursor: pointer;
    color: #000;
    line-height: 20px;
}

.ui-co-tr > td:hover > .ui-co-td-copy {
    display: initial;
}

.ui-co-grid-fixed {
    table-layout: fixed !important;
}

.ui-co-grid-auto, .ui-co-grid-auto table {
    table-layout: auto !important;
}

.ui-chart-area .ui-grid-row {
    padding-bottom: 15px;
}

.ui-co-title-search .ui-co-input-data.hasDatepicker {
    width: 80px !important;
}

.ui-state-highlight .ui-co-td-copy i {
    color: #000 !important;
}

.ui-chart-card .ui-chart-item.ui-chart-novalue .ui-chart-card-title {
    padding: 10px !important;
}

.ui-chart-card .ui-chart-item.ui-chart-novalue {
    height: auto !important;
}

.ui-chart-item-sel {
    filter: grayscale(100%);
}

.ui-chart-info, .ui-chart-detail {
    display: table !important;
    width: 100%;
}

.ui-chart-detail-data {
    display: table-cell;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-size: 11px;
    font-weight: normal;
}

iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.ui-co-val-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ui-co-ficha .ui-co-field-avatar .ui-co-label {
    display: none;
}

.ui-co-ficha .ui-co-field-avatar .ui-co-val-avatar img {
    width: 100px;
    height: 100px;
}

.ui-co-ficha .ui-co-label {
    padding-top: 0;
}

.ui-co-ficha .ui-co-value .ui-co-readonly {
    font-weight: bold;
}

.ui-co-group-a {
    border: 1px solid var(--borderColor);
}

.ui-co-ficha .ui-co-bloco-lista .ui-co-group-field-inner .ui-co-group-b {
    padding: 10px;
    background: #fff;
    border: 1px solid var(--borderColor);
    border-top: 0;
}

.ui-co-ficha .ui-co-group-field-inner {
    margin: 5px;
    padding: 5px 10px;
    border: 1px dashed var(--borderColor);
}

.ui-co-field-list > .ui-co-group-field-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

.ui-co-grid-actions {
    text-align: right;
    padding: 10px 15px;
    border: 1px solid var(--borderColor);
    background: #fff;
    border-bottom: 0;
}

.ui-co-grid-actions:empty {
    display: none;
}

.ui-co-grid-actions button {
    height: 30px !important;
}

.ui-co-chart-data .ui-sb-sbusca {
    margin-top: 10px;
}

.ui-co-tree-area {
    max-height: 300px;
    overflow: auto;
}

.geral_fluxo .geral_topo,
.geral_fluxo .geral_acessos,
.geral_fluxo .geral_centro {
    padding-left: 20px;
    padding-right: 20px;
}

.geral_acessos_inner {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
}

.geral_acessos_inner table td,.geral_acessos_inner table th {
    border: 1px solid #dedede;
    padding: 5px;
}

.geral_acessos_titulo {
    font-weight: bold;
    padding: 10px 3px;
    color: var(--colorDark);
    font-size: 18px;
}

.geral_acessos_inner table {
    min-width: 300px;
}

.ui-bold {
    font-weight: bold;
}
.ui-pointer {
    cursor: pointer;
}
.topo_acesso {
    color: var(--colorDark);
    padding: 5px;
    width: 18px;
    height: 18px;
    display: inline;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid;
    line-height: 12px;
    font-size: 17px;
    cursor: pointer;
}


.geral_acessos {
    position: absolute;
    z-index: 9999;
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #dedede;
    display: none;
    box-shadow: 7px 6px 4px -8px rgba(0, 0, 0, 0.38);
    margin-left: 25px;
}

.filtro-fluxo label {
    font-size: 16px;
}

.filtro-fluxo button {
    height: 33px !important;
}

td.ui-state-disabeld, td.ui-state-disabeld * {
    color: var(--borderColor);
}

.ui-co-col-remove {
    width: 30px;
}

td.ui-co-td-expansion {
    background: var(--colorDark);
    color: #fff !important;
    width: 40px !important;
    padding: 0 5px !important;
}

td.ui-co-td-expansion i {
    font-size: 25px !important;
}

.ui-co-wg-left.ui-co-wg-center,
.ui-co-wg-center.ui-co-wg-right {
    display: block;
    position: relative;
}

.ui-co-wg-left.ui-co-wg-center > .ui-co-pos-grid,
.ui-co-wg-left.ui-co-wg-center.ui-co-wg-right > .ui-co-pos-grid {
    position: absolute;
}

.ui-co-pos-grid.ui-co-grid-center {
    width: auto;
    overflow: auto;
}

.ui-co-pos-grid.ui-co-grid-left{
    overflow: hidden;
}

.ui-co-pos-grid.ui-co-grid-left > div {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.ui-sh-top-left .ui-co-search {
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.ui-co-wg-left.ui-co-wg-center table,
.ui-co-wg-left.ui-co-wg-center.ui-co-wg-right table {
    table-layout: auto;
    width: auto;
}

.ui-co-wg-left.ui-co-wg-center > .ui-co-pos-grid {
    position: absolute;
}

.ui-co-grid-center table {
    min-width: 100%;
}

.ui-co-grid-center .ui-co-table tr td:last-child {
    border-right: 0 !important;
}

.ui-co-grid-center .ui-co-table tr td:first-child {
    border-left: 0 !important;
}

.ui-co-grid-center .ui-co-table tr th:last-child {
    border-right: 0 !important;
}

.ui-co-grid-center .ui-co-table tr th:first-child {
    border-left: 0 !important;
}

.ui-co-grid-center .ui-co-table tr th:first-child {
    border-left: 0 !important;
}

.ui-co-grid-left .ui-subrow, .ui-co-grid-right .ui-subrow {
    background: var(--colorDark);
}

@media (max-width: 900px) {
    .ui-co-grid-left, .ui-co-grid-right {
        display: none;
    }

    .ui-co-grid-center {
        left: 0 !important;
    }
}

.ui-chart-more {
    text-align: center;
}

.ui-chart-more-button {
    padding: 10px;
    text-align: center;
    height: 15px;
    font-weight: bold;
    width: 200px;
    margin-top: 10px;
}

.ui-filter-operators .ui-filter-item > div {
    display: table-cell;
    vertical-align: middle;
}

.ui-filter-operators .ui-filter-item {
    display: table-row;
    width: 100%;
}

.ui-filter-operators {
    display: table;
    width: calc(100% - 46px);
}

.ui-filter-operators .ui-filter-item .ui-filter-i-label {
    width: 100px;
    color: #000;
}

.ui-filter-i-operator {
    width: 260px;
}

.ui-co-filters-acts {
    padding: 10px;
    background: #fff;
}

.ui-co-dlg-item-upload input {
    display: none;
}

.ui-sb-sbusca .ui-co-header {
    padding: 15px;
    border-bottom: 1px solid var(--borderColor);
}

.ui-co-fix-filter {
    display: inline-flex;
    padding-right: 10px;
}

.ui-co-fix-filter button {
    background: var(--colorLight);
}

.ui-co-fix-sel button {
    background: var(--colorDark);
}

td.ui-co-icon {
    background: var(--colorLight);
    color: #fff !important;
    text-align: center;
}

td.ui-co-expansion {
    background: var(--primaryColor);
}

.ui-co-search {
    box-shadow: 0px 2px 16px -10px rgba(0,0,0,0.75);    
    background: #fff;
}

.ui-chart-area .ui-co-search {
    box-shadow: none;
}

.ui-sh-top, .ui-sh-filters {
    padding: 15px;
}

.ui-sh-inner {
    display: table;
    width: 100%;
}

.ui-sh-inner > div {
    display: table-cell;
    vertical-align: middle;
}

.ui-sh-top-item {
    padding: 0px 10px;
    display: inline-flex;
    vertical-align: middle;
}

.ui-sh-top-right {
    text-align: right;
}

.ui-sh-filters {
    display: none;
    border-bottom: 1px solid var(--borderColor);
}

.ui-sh-top-left .ui-sh-top-item:first-child {
    padding-left: 0;
    padding-right: 0;
}

.ui-co-avatar.ui-co-type-imagem {
    text-align: center;
}

th.ui-co-avatar.ui-co-type-imagem * {
    content: "";
}

.ui-co-td-sel {
    cursor: pointer;
}

.ui-co-click {
    cursor: pointer;
}

.ui-co-icon-data .ui-co-td-icon {
    padding-right: 10px;
}

.ui-chart-card {
    background: transparent;
}

.ui-card-item {
    margin: 5px;
}

.ui-chart-area .ui-co-card {
    padding: 10px;
    width: calc(100% - 25px);
    background: #fff;
}

.ui-chart-card .ui-card {
    background: var(--gradientColor);
}

.ui-co-click {
    cursor: pointer;
}

.ui-co-loading {
    color: var(--primaryColor);
    font-size: 40px;
    padding: 40px;
    text-align: center;
}

.ui-chart-sub:empty {
    display: none;
}

.ui-sh-top-item button, .ui-sh-top-item select {
    height: 30px !important;
    border: 0;
    vertical-align: top;
}

.ui-chart-sub {
    border: 1px solid var(--borderColor);
    cursor: auto;
}

.ui-chart-resume {
    padding: 10px 15px;
}

.ui-co .ui-chart-resume {
    padding: 0;
}

.ui-chart-resume > .ui-el {
    padding: 10px 15px;
    width: calc(100% - 30px) !important;
}

.ui-sh-empty {
    text-align: center;
    padding: 15px;
    font-size: 15px;
    color: #888;
}

.ui-chart-card-detail {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 15px;
    text-align: right;
}

.ui-chart-card .ui-chart-item .ui-co-card-go {
    position: absolute;
    right: 0;
    top: 0;
}

.ui-co-expansion.ui-co-icon {
    background: var(--colorDark);
}

.ui-co-col-ficha {
    width: 20px;
}

.ui-co-row-expansion > td {
    padding: 0 !important;
}

.ui-co-row-expansion, .ui-co-row-expansion .ui-co-search,
.ui-co-row-expansion .ui-datatable {
    background: var(--colorDark);
    color: #fff;
}

.ui-co-row-expansion .ui-sh-top * {
    border-radius: 0 !important;
}

.ui-co-row-expansion .ui-co-loading * {
    color: #fff !important;
    font-size: 30px !important;
}

.ui-co-loading i {
    font-size: 40px !important;
}

.ui-sh-loading-data {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}

.ui-sh-data {
    position: relative;
}

.ui-sh-lg-item {
    display: table-cell;
    font-size: 16px;
    padding: 15px;
    color: var(--colorDark);
    font-weight: bold;
}

.ui-sh-legend  {
    border-bottom: 1px solid var(--borderColor);
}
.ui-sh-legend > div {
    display: table;
    width: calc(100% - 20px);
}

.ui-sh-lg-icon {
    width: 15px;
}

.ui-co-card-item-card .ui-co-chart .ui-sh-legend {
    border: 0;
}

.ui-sh-filter-option,.ui-sh-filter-option select {
    width: 220px;
}

.ui-sh-filter-group {
    width: 100%;
}

.ui-sh-filter-item .ui-el-item-data select {
    width: 100%;
}

.ui-sh-filter-item .ui-el-item-data *:not(select) {
    min-width: calc(100% - 20px) !important;
}

.ui-sh-filters .ui-sh-filter-item > div {
    border: 1px dashed #dedede;
    padding: 15px 10px;
    background: #f5f5f5;
    margin-bottom: 10px;
    width: calc(100% - 35px);
}

.ui-sh-filters .ui-sh-filter-item {
    display: inline-block;
    width: 50%;
}

.ui-sh-filter-item .ui-el-label {
    font-weight: 500;
}

.ui-sh-actions {
    text-align: right;
}

.ui-sh-actions {
    text-align: right;
}

.ui-sh-lg-item.ui-sh-actions {
    padding: 0;
}

.ui-sh-lg-item.ui-sh-actions button {
    margin-left: 10px;
    min-width: 40px;
    text-align: center;
}

.ui-chart-fluxo .ui-sh-lg-label {
    padding-left: 0;
}

.ui-chart-fluxo .ui-sh-legend {
    border: 0 !important;
}

.ui-co-card-item-timeline .ui-chart-item > div {
    display: table-cell;
}

.ui-column-sort {
    padding: 5px;
}

.ui-chart-card-bg {
    background: #fff !important;
}

.ui-chart-timeline .tl-info-data:hover {
    max-height: initial;
    cursor: pointer;
}

.ui-chart-fluxo .ui-chart-sub .ui-sh-legend {
    display: none;
}

.ui-login-create {
    font-weight: bold;
    vertical-align: bottom;
    padding: 0;
    padding-right: 50px;
}

.ui-co-col-icone-anexo {
    width: 15px;
}

.ui-title-item-filter {
    padding-left: 15px;
}

.ui-ref-preview img {
    width: 50px;
}

.ui-co-entity-preview .ui-ref-preview img {
    width: 25px;
}

.ui-co-root-value * {
    vertical-align: middle;
}

.ui-ref-preview img:hover {
    width: 120px;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.ui-ref-preview {
    position: relative;
    height: 25px;
    display: inherit;
}

.ui-co-entity-item:empty {
    display: none !important;
}

.ui-co-val-referencia {
    display: table !important;
    width: 100%;
}

.ui-entity-item-input {
    width: auto;
}

.tab a i {
    padding-left: 10px;
}

.ui-co-root-btns {
    vertical-align: top;
}

.ui-growl-success, .ui-growl-success * {
    background: green;
}

.ui-flip-horizontally {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.ui-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-rotate-icon-180 i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-sh-filter-group .ui-el-inner > .ui-el-item-span {
    display: table;
    width: 100%;
}

.ui-sh-filter-group .ui-el-inner > .ui-el-item-span > div {
    display: table-cell;
}
.ui-sh-feedback {
    color: #888;
    font-size: 10px;
}

.ui-type-crud > .ui-el-child {
    /* border-left: 1px solid var(--borderColor); */
    /* border-right: 1px solid var(--borderColor); */
    /* border-bottom: 1px solid var(--borderColor); */
}

.ui-type-crud {
    background: #fff;
    width: 100%;
    box-shadow: 0px 2px 16px -10px rgba(0,0,0,0.75);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.ui-el-label {
    padding: 10px 0 0 15px;
}

.ui-sh-filter-item .ui-el-label,
.ui-sh-filter-item .ui-el .ui-el-inner {
    padding: 0;
}

.ui-sh-filter-item .ui-el-label {
    padding-bottom: 5px;
}

.ui-type-crud > .ui-el-label {
    padding: 15px;
    font-weight: bold;
}

.ui-el-label {
    font-weight: 500;
}

.ui-el .ui-el-inner {
    padding: 5px 15px;
}

.ui-el-inner .ui-inputfield {
    width: calc(100% - 25px);
}

.ui-el-grid {
    display: table;
    width: 100%;
    color: #546e7a;
    padding-bottom: 10px;
}

.ui-el-grid .ui-grid-col {
    display: table-cell;
}

.ui-el-grid .ui-crud-row {
    display: table-row;
    width: 100%;
}
.ui-row-odd {
    background-color: #f8f8f8;
    border-bottom: 1px solid #fff;
}
.ui-column-header .ui-el-item {
    font-weight: 500;
    text-transform: uppercase;
}

.ui-type-row .ui-grid-col {
    padding: 5px;
}
.ui-el-buttons {
    text-align: right;
    border-top: 1px solid var(--borderColor);
}

.ui-el-buttons .ui-el-button {
    margin-left: 15px;
}

.ui-el-buttons > .ui-el-child {
    padding: 10px 15px;
}

.ui-type-button button {
    min-width: 110px;
    color: #fff;
    border: 0;
    background: var(--primaryColor);
    cursor: pointer;
}

.ui-el-back button {
    background: #fec747;
    /*margin: 0;*/
}

.ui-el-remove button {
    background: #e04e57;
}

.ui-evt-click {
    cursor: pointer;
}

.ui-el-form {
    padding-bottom: 15px;
}

.dlg-data.dlg-item.dlg-msg {
    font-size: 13px;
    font-weight: 500;
}
.ui-column-header {
    background: #d3d3d3;
}
.ui-el-item-editor {
    width: calc(100% - 25px);
}
.ui-el-list .ui-el-top button {
    min-width: 35px !important;
    height: 35px !important;
    border-radius: 2px;
}
.ui-el-list .ui-el-top .ui-el-query {
    width: 250px;
}

.ui-el-list .ui-el-top .ui-crud-button .ui-el-inner{
    padding: 5px !important;
}
.co-dlg-data {
    position: fixed;
    z-index: 9999;
    top: 50px;
    bottom: 50px;
    max-width: 1000px;
    left: 50px;
    width: calc(100% - 100px);
    margin: auto;
    right: 50px;
    background: #fff;
}

.ui-crud-dlg {
    position: absolute;
    margin: auto;
}
.co-dlg-data > .ui-type-crud > .ui-el-child {
    position: absolute;
    top: 47px;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.co-dlg-data > .ui-type-crud > .ui-el-child .ui-el-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.co-dlg-data > .ui-type-crud > .ui-el-child .ui-el-form {
    position: absolute;
    bottom: 70px;
    top: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
.ui-crud-list > .ui-el-label,
.ui-el-group > .ui-el-label {
    font-size: 14px;
    padding-bottom: 10px;
    color: var(--colorDark);
}
.ui-el-group .ui-crud-button .ui-el-inner {
    padding: 5px;
}

.ui-el-group .ui-crud-button .ui-el-inner button {
    width: 35px;
    height: 35px !important;
    min-width: 35px;
    min-height: 35px !important;
    border-radius: 2px;
}
.ui-crud-search {
    margin: 15px;
    border: 1px solid var(--borderColor);
    width: calc(100% - 30px);
}

.ui-crud-search .ui-el-label,.ui-type-crud > .ui-el-label {
    font-size: 14px;
    padding-bottom: 10px;
    color: var(--colorDark);
} 
.ui-crud-search .ui-el-top {
    padding: 10px 0;
}
.ui-el-buttons .ui-crud-button .ui-el-inner {
    padding: 5px !important;
}
.ui-el-item-button .ui-el-item-text {
    padding: 10px;
}

.ui-btn-text-icon .ui-el-item-icon {
    padding-left: 5px;
}
.ui-btn-icon-only .ui-el-inner {
    padding: 5px;
}

.ui-btn-icon-only button {
    min-width: 35px;
    height: 35px !important;
    border-radius: 2px;
}

.ui-ch-card .ui-avatar {
    height: 100px;
    max-width: 100%;
}

.ui-card.ui-card-light {
    background: #fff;
    padding: 10px;
    width: calc(100% - 40px);
}

.ui-filter-i-cfgs {
    display: table;
    width: 100%;
}

.ui-filter-i-cfgs > div {
    display: table-cell;
    vertical-align: middle;
}

.ui-filter-dates input:first-child {
    margin-right: 15px;
}

.ui-filter-dates input {
    width: calc(50% - 45px);
}
.ui-co-grid-all {
    overflow: auto;
}

.ui-sh-top {
    background: #fff;
    border-bottom: 1px solid var(--borderColor);
    color: #000;
}

.ui-co-row-expansion .ui-sh-legend ,.ui-co-row-expansion .ui-sh-legend * {
    color: #fff !important;
}

.ui-filter-column .ui-column-title {
    line-height: 25px;
}

.ui-ref-label {
    word-break: break-all;
    display: block;
    line-height: 18px;
}

.ui-sh-lg-item.ui-sh-actions .icon-only {
    background: transparent !important;
    color: var(--colorDark);
    box-shadow: none;
    font-size: 30px;
}

.ui-co-chart-empty {
    text-align: center;
    font-size: 20px;
    padding: 100px;
    color: #888;
}

.ui-co-card-item-fluxo .ui-co-chart {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.ui-co-row-expansion > td > div {
    margin: 5px;
}

.ui-co-col-multiple {
    width: 30px;
}

.ui-sh-data .ui-datatable {
    overflow: auto;
}

.atalho-label a {
    text-decoration: none !important;
    text-overflow: ellipsis;
    display: block;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    color: var(--fontColor) !important;
}

.atalho-detalhe {
    height: 85px;
}

.geral_menu_top_left .ui-button.ui-button-icon-only {
    background: transparent;
    color: var(--fontColor);
    padding: 0 !important;
}

.geral_menu_top_left .ui-button.ui-button-icon-only * {
    font-size: 18px !important;
    padding: 0 !important;
}

.ql-toolbar.ql-snow {
    padding: 0;
}

.ql-snow .ql-stroke {
    stroke-width: 1px;
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
    height: 14px;
}

.ui-co-group-field .ui-co-search,
.ui-co-group-field .ui-co-card,
.ui-co-group-field .ui-co-grid-actions {
    box-shadow: none !important;
    border: 0 !important;
}

.ui-sh-apply-filter {
    display: block;
    padding: 10px 20px;
    text-align: center;
    font-size: 15px;
    background: var(--colorDark);
    color: #fff;
    cursor: pointer;
    box-shadow: 0px 2px 16px -10px rgba(0,0,0,0.75);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 2px;
}

.ui-sh-apply-filter i {
    padding-left: 15px;
}

.ui-dlg-preview-files {
    border: 1px dashed #dedede;
}

.ui-dlg-preview-item {
    padding: 15px;
    background: #fff;
    border-bottom: 1px dashed #dedede;
}

span.ui-co-input-dlg {
    border: 1px solid #dedede;
    min-height: 25px;
    vertical-align: middle;
    display: block;
    padding: 5px;
    line-height: 25px;
    background: #dedede;
}

.ui-sb-dialogs .ui-sb-sbusca.ui-co-card {
    background: transparent;
}

td.ui-co-td-ficha i {
    color: #fff !important;
}

td.ui-co-td-ficha {
    background: #48B2E2 !important;
    color: #ffffff !important;
}

.ui-co-card-item-resume .ui-el-inner {
    padding: 0;
}

.ui-co-card-item-resume .ui-el-label {
    padding-left: 13px;
}

.ui-co-root-value.ui-co-val-readonly.ui-co-val-referencia, .ui-co-root-value.ui-co-val-readonly.ui-co-val-referencia * {
    vertical-align: middle;
    display: inline-block;
}

.ui-sh-feedback i {
    color: var(--colorDark);
    font-size: 20px;
}


.tab-menu-scroll > div {
    display: flex !important;
    width: 100%;
}

.tab-menu-scroll {
    position: fixed;
    top: 0;
    left: 50px;
    right: 300px;
    overflow: hidden;
}

.tab {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab * {
    position: relative;
    display: inline !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.geral_bottom {
    position: fixed;
    bottom: 5px;
    right: 50px;
    padding: 5px 10px 5px 0px;
    background: #fff;
    text-align: right;
    border: 1px solid #dedede;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.geral_centro {
    padding-bottom: 60px;
}

.geral_bottom:empty {
    display: none;
}

.ui-co-link {
    color: var(--colorDark);
    font-weight: 500;
}

.ui-view-iframe {
    position: fixed;
    left: 50px;
    right: 0px;
    top: 50px;
    bottom: 0;
}

.ui-view-iframe iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}