:root {
    /*--cor-txt:#006600; */
    --cor-txt:#323232;
    /* --cor-txt:#005761; */
    --cor-bg: #FFF;
    /*--cor-bg-colorido: #006600;*/
    --cor-bg-colorido: #7e7e7e;
    /* --cor-bg-colorido: #007582; */
    /*--cor-borda:#006600; */
    --cor-borda:#979b9b;
    /* --cor-borda:#007582;  */
    --font-padrao: Verdana, Arial, Helvetica, sans-serif;
    --cor-azul-claro:#a1d0f0;
    --cor-border-size : #adb1b1;
    --cor-sub-menus : #979b9b;
    --cor-border-table : #c1c1c1;
    --cor-input-text : #434444;
    --cor-link-submenu-text : #444444;
    --cor-grid-tamplete : #e1e4e5;
    --cor-text-button : #b5b5b5;

}

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: var(--font-padrao);
    text-decoration:none;
    list-style:none;
    /*color:#660099;*/
    /* color:var(--cor-txt); */
}


form{
    margin-top: 14px;
}

form > table {
    padding-top: 10px;
}


.nobreak_text{
    white-space: nowrap;
}

select, input	{
    font-family: var(--font-padrao);
}

html, body 
{
    min-width:1000px;
    width:100%;
    height:100%;
    /*background-color:var(--cor-bg);
    background-color:#deeaec;*/

    /* background-color: #aae5e3; */
    background-color: #434444;
    background-image: url('../imgs/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom right;
    background-size: 100%;
    -webkit-transition: all .8s;
    transition: all .8s;
}

#divContent	
{
    overflow:auto;
    border:1px solid var(--cor-borda);
    /*z-index:-1;*/
    padding:20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color:var(--cor-bg);
    height: 100%;
    height: calc(100% - 100px);
    border-left-color: var(--cor-border-size);
    border-left-width: 4px;
    border-bottom-color: var(--cor-border-size);
    border-bottom-width: 4px;
    border-top-color: var(--cor-border-size);
    border-top-width: 4px;
}

div.tbFloat {
    width:80%;
    margin: 0 auto;
    top:50px;
    left:10%;
    position: absolute;
    background-color:#FFF;
}

#divContent2	
{
    display: block;
    min-width:1000px;
    border:0px solid var(--cor-borda);
    /*z-index:200;*/
    padding:20px;
    min-height:400px;
    /*background-color:#FFF;*/
    height: 100%;
    height: calc(100% - 110px);
}

#footer {
    width:100%;
    text-align: right;
    font-size: 11px;
    padding-right: 20px;
    color: #FFF;
}

#divLeft	
{
    width:125px;
    float:left;
}
.modal-header{
    background-color:var(--cor-bg-colorido);
    color: #fff !important;
}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header td{
    color: #fff !important;
}

@media (min-width: 920px){
    .modal-xl
    {
        width: 95% !important;
    }
}

@media print {
    html, body 
    {
        height:100%;
        background-color:#FFF;
        width:100%;
    }

    .hideIfPrint	{
        display: none;
    }	


}



#divTop	
{
    overflow:hidden;
    height:75px;
    /*background:url(../imgs/square.png), url('../imgs/ifms_logo2.png');
    background-repeat:repeat-x, no-repeat;
    background-position:5px 5px, 100% 5px;*/
}

#divLeftTop	
{
    height:125px;
    /*background:url('../imgs/logotipo_transparente2.png') no-repeat 5px;*/
    background:url('../imgs/brain_2.png') no-repeat 15px;
    background-size:100px;
}

#divLeftInner	
{
    margin-top:10px;
    overflow:hidden;
    height:90%;
}



/* MENU */
#divLeftMenu ul 
{
    width:99px;
    float:left;
    margin-top:20px;
}

#divLeftMenu ul li	a
{
    width:100%;
    font-size:10px;
    text-align:center;
    float:left;
    line-height:10px;
    padding-top:35px;
    color:var(--cor-txt);
    font-weight:bold;
}

#divLeftMenu ul li	a:hover	
{
    color:#000000;
}

#divLeftMenu ul li	
{
    width:100%;
    height:45px;
    float:left;
    clear:left;
    background:#FFF url("../imgs/icones_web32x32_normal.png") no-repeat;
    margin-bottom:5px;
    border:1px solid #02ad55;
    border-left:10px solid #02ad55;
    /*border-bottom:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    border-right:4px solid #FFFFFF;*/
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#divLeftMenu ul li:hover, #divLeftMenu ul li.selected
{
    background:#FFF url("../imgs/icones_web32x32_hover.png") no-repeat;
    border:1px solid var(--cor-borda);
    border-left:10px solid var(--cor-borda);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-right:1px solid #FFF;
    /*border-bottom:1px solid #660099;
    border-top:1px solid #660099;
    border-right:1px solid #660099;*/
}

#divLeftMenu ul	li.css6010		{background-position:28px -2022px;}
#divLeftMenu ul	li.css6030		{background-position:28px -2263px;}
#divLeftMenu ul	li.css6060		{background-position:28px -197px;}
#divLeftMenu ul	li.css6070		{background-position:28px -2840px;}
#divLeftMenu ul	li.css6080		{background-position:28px -870px;}
#divLeftMenu ul	li.adm			{background-position:28px -1015px;}
#divLeftMenu ul	li.logout		{background-position:28px -4090px;}
#divLeftMenu ul	li.home			{background-position:28px -3078px;}
#divLeftMenu ul	li.cpass		{background-position:28px -2695px;}
#divLeftMenu ul	li.logs			{background-position:28px -2790px;}
#divLeftMenu ul	li.dashboard	{background-position:28px -680px;}
#divLeftMenu ul	li.graf			{background-position:28px -680px;}
#divLeftMenu ul	li.pesquisa     {background-position:28px -1160px;}
#divLeftMenu ul	li.fatura       {background-position:28px -2020px;}
#divLeftMenu ul	li.parm         {background-position:28px -4px;}

div.divTopContent
{
    width:100%;
    float:left;
    font-size:26px;
    font-weight:bold;
    font-style:italic;
    display:block;
    height:50px;
    margin-top:3px;
    margin-left:25px;
    z-index:200;
    animation: 1s ease-out 0s 1 slideInFromLeft;
    color: #FFF;
}

#divTopBorder	{
    width:100%;
    height:18px;
    float:left;
    border-bottom:3px solid var(--cor-border-size);
    border-left:3px solid var(--cor-border-size);
    border-bottom-left-radius: 10px;
    background-color: #FFF;
    text-align: right;
    padding-right: 20px;
    padding-top:1px;
    font-size: 10px;
}


/* SUB MENUS */
.loginInfo	
{
    position:absolute;
    left:100%;
    margin-left:-320px;
    font-size:11px;
    margin-top:20px;
    width: 300px;
    text-align: right;
}

#divSubMenu ul	
{
    float:left;
    margin-top:56px;
    position:absolute;
    min-width:700px;
}

#divSubMenu ul li
{
    font-weight:bolder;
    color:var(--cor-txt);
    padding:0px 12px 0px 12px;
    float:left;
    /*border-top:1px solid #660099;
    border-right:1px solid #660099;
    border-left:1px solid #660099;*/
    margin-right:1px;
    margin-left:10px;
    top:1px;
    position:relative;
    font-size:12px;
    background:#FFF;


    border:1px solid var(--cor-borda);
    border-top:3px solid var(--cor-borda);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-color: transparent !important;

}

#divSubMenu ul li.selected
{
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-left:3px solid var(--cor-borda);
    border-right:3px solid var(--cor-borda);
    padding:0px 10px 0px 10px;
}


#divSubMenu ul li:hover	
{
    color:#000000;
    border-left:3px solid var(--cor-borda);
    border-right:3px solid var(--cor-borda);
    padding:0px 10px 0px 10px;
}

#divSubMenu ul li:hover	a, #divSubMenu ul li.selected a {
    color:var(--cor-txt);
}

select, input[type="email"], input[type="text"], input[type="password"], input[type="date"], input[type="number"]
{
    border:1px solid var(--cor-borda);
    /* background-color:#FFF;*/
    padding-left: 5px;
}

select:focus, input[type="email"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="number"]:focus
{
    border:1px solid var(--cor-text-button);
    background-color:#FFF;
}

select:disabled, input[type="email"]:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="number"]:disabled {
    background-color: var(--cor-text-button);
}

input{
    color:var(--cor-input-text) !important;
}


input[type="button"]:disabled, button:disabled {
    color: var(--cor-text-button) !important;
    /*color: #e8fbff !important;*/
    
}

/* validadores de campos do angular */
input.ng-invalid-pattern {
border: 1px solid red;
background-color: #ebcccc
}

input[type="checkbox"] {
    height:14px;
    width:14px;

}
select:invalid, input[type="email"]:invalid, input[type="text"]:invalid, input[type="password"]:invalid, input[type="date"]:invalid, input[type="number"]:invalid,textarea:invalid {
    border:1px solid red;
    background-color: #ebcccc;
}


.obrigatorio
{
    border-color:red !important;
}

input.fechar, input.return, input.clear, input.edit, input.new, input.confirm, input.rem, input.close, input.search,
input.back, input.next, input.before, input.last, input.first, input.exp, 
input.print, input.detail, input.money, input.docsover, input.upfile, input.refresh, input.hist, input.pass, input.alerts
{
    background: #FFF url("../imgs/icones_web16x16_normal.png") no-repeat;
    background-position: -2px -915px;
    border: 1px solid var(--cor-borda);
    text-align: left;
    padding: 2px 10px 2px 20px;
    border-radius: 3px;
    font-size: 10px;
    height: 20px;
}

input.fechar:enabled:hover, input.return:enabled:hover, input.clear:enabled:hover,input.edit:enabled:hover, input.new:enabled:hover, input.confirm:enabled:hover, input.rem:enabled:hover,
input.close:enabled:hover, input.search:enabled:hover, input.back:enabled:hover, input.next:enabled:hover,
input.before:enabled:hover, input.last:enabled:hover, input.first:enabled:hover, input.exp:enabled:hover, 
input.print:enabled:hover, input.detail:enabled:hover, input.money:enabled:hover, input.docsover:enabled:hover,
input.upfile:enabled:hover, input.refresh:enabled:hover, input.hist:enabled:hover, input.pass:enabled:hover, input.alerts:enabled:hover
{
    background-image: url("../imgs/icones_web16x16_hover.png"); 
}


input.fechar{
    background-position: -1px -2044px;
}

input.return {
    background-position: -1px -2618px;
}

input.clear {
    background-position: -1px -243px;
}

input.new {
    background-position: -2px -2835px;
}

input.confirm {
    background-position: -2px -268px;
}

input.rem {
    background-position: -2px -2044px;
}

input.close {
    background-position: -2px -2044px;
}

input.search {
    background-position: -2px -580px;
}

input.pass {
	background-position: -2px -1348px;
}

input.back {
    background-position: -2px -2620px;
}

input.next {
    background-position: -2px -1804px;
}

input.before {
    background-position: -2px -1828px;
}

input.last {
    background-position: -2px -1060px;
}

input.first {
    background-position: -2px -819px;
}

input.exp {
    background-position: -2px -1948px;
}

input.print {
    background-position: -2px -1011px;
}

input.detail {
    background-position: -2px -1395px;
}

input.money	{
    background-position: -2px -1131px;
}

input.docsover	{
    background-position: -2px -435px;
}

input.upfile	{
    background-position: -2px -100px;
}

input.refresh	{
    background-position: -2px -723px;
}

input.hist	{
    background-position: -2px -1731px;
}


input.bkBt {
    position: absolute;
    margin: 100%;
    margin-left: -100px;
    top: 10px;
    z-index: 500;
}

input.alerts {
    background-position: -2px -1707px;
}

/* login screen */
#brain  {
    background-color: #aae5e3;
    background-image: url('../imgs/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: bottom right;
    background-size: 100%;
    -webkit-transition: all .8s;
    transition: all .8s;
}
/* #LoginScrn	{
    width:400px;
    height:150px;
    left:50%;
    top:150px;
    margin-left:-200px;
    position:absolute;
    border:1px solid #7788ae;
    border-radius:20px;
    padding:10px;
    opacity: .85;
}

#LoginScrn form		{

    padding-top:25px;

} */

#LoginScrn	{
    width:99%;
    position:absolute;
    border: 3px solid #ffc826 !important;
    border-radius:10px;
    top:2px;
    text-align: right;
    background-color: #FFF;
    margin-left:3px;
    padding:3px;
}

#LoginScrn form ul {
    float:right;
    margin-right: 10px;
    margin-top:5px;
}
#LoginScrn form ul li {
    float:left;
    font-size:10px;
    margin-left:5px;
}
#LoginScrn form ul li label, #LoginScrn form ul li input, #LoginScrn form ul li button {
    clear:both;
    float:left;
}

#LoginScrn form h2 {
    float: left;
    text-align: left;
    padding: 3px;
    margin-top: 5px;
    font-weight: bold;
}
#LoginScrn form ul li input {
    height: 21px;
}




#Chgpass	{
    width: 400px;
    float:left;
}

/* #LoginScrn form ul li, #Chgpass form ul li	{
    float:left;
    padding-top:5px;
    clear:left;
}

#LoginScrn form ul li label, #Chgpass form ul li label	{
    float:left;
    width:100px;
} */




table	{
    border:1px solid var(--cor-border-table) ;
    padding: 1px;
    border-spacing: 1px;
    border-collapse: separate;
    width: 100%;
    border-radius:10px;

}

table tr td, table tr th	{
    padding:0px 10px 0px 10px;
    font-size: 12px;
}

table tr th{
    color: #FFF;
    border:0px solid  var(--cor-border-table);
    border-radius:20px;
    background-color: var(--cor-bg-colorido);
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
    padding:2px 10px 2px 10px;
}
table tr th *{
    color: #FFF;
}

table tr th label {
    color:#FFF;
}


table tr.alt	{
    background-color: var(--cor-grid-tamplete);
}

table tr.alt td	{
    background-color: var(--cor-grid-tamplete);
    border:0px solid var(--cor-grid-tamplete);
}

table tr td span	{
    float: left;
    z-index: 50;
}

table tr td span.alt	{
    float:left;
    border:1px solid black;
    position: relative;
    background-color: orange;
    left: 0px;
    top: -5px;
    visibility: visible;
    padding:5px;
    z-index: 100;
}

table tr td:hover span.alt	{
    visibility: visible;
}



#wait	{

    background-color: #000;
    opacity:.6;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    z-index:200;
}

#wait img	{
    width:64px;
    left:50%;
    margin-left:-32px;
    top:50%;
    margin-top:-32px;
    position:absolute;
}

#editing	{
    background-color: #fff;
    position:absolute;
    top:150px;
    left:50%;
    margin-left:-200px;
    width:500px;
    display:none;
    z-index:300;
    border:1px solid var(--cor-border-table);
    border-radius: 20px;
    padding:10px;
}

.MessageTbl {
    color:#FFF;
    background-color:red;
}

.success {
    color: #FFF !important;
    background-color: green !important;
    width:100%;
    padding:3px;
    -webkit-animation: sucesso 5s;
    -webkit-animation-fill-mode: forwards; 
    animation: sucesso 5s;
    animation-fill-mode: forwards;
}

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

.aleft {
    text-align: left !important;
    padding-left:15px;
}

.aright {
    text-align: right;
    padding-right:15px;
}

.fleft {
    float: left;
}

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



.amiddle {
    vertical-align: middle;
}

.acenter {
    text-align: center;
}

.w30px {
    width: 30px;
}

.w50px {
    width: 50px;
}

.w80px {
    width: 80px !important;
}

.w100px {
    width: 100px !important;
}

.w120px {
    width: 120px !important;
}

.w150px {
    width: 150px !important;
}

.w200px {
    width: 200px !important;
}

.w250px {
    width: 250px !important;
}

.w300px {
    width: 300px !important;
}

.w350px {
    width: 350px !important;
}

.w400px {
    width: 400px !important;
}

.mw30px {
    max-width: 30px;
}

.mw50px {
    max-width: 50px;
}

.mw80px {
    max-width: 80px !important;
}

.mw100px {
    max-width: 100px !important;
}

.mw120px {
    max-width: 120px !important;
}

.mw150px {
    max-width: 150px !important;
}

.mw200px {
    max-width: 200px !important;
}

.mw300px {
    max-width: 300px !important;
}


.bold	{
    font-weight: bold;
}

.fs12	{
    font-size: 12px;
}

.fs14	{
    font-size: 14px;
}

.fs16	{
    font-size: 16px;
}

.z300	{
    z-index: 300;
    position: relative;
}
.z100	{
    z-index: 100;
    position: relative;
}

.pointer {
    cursor: pointer
}

.op80 {
    opacity:.8;
}

.op50 {
    opacity:.5;
}

.tred {
    color:red !important;
}

.twit {
    color: #FFF !important;
}

.bgwhite {
    background-color: #FFF !important;
}

.hide {
    display:none;
}

.bbBlue {
    border-bottom:1px dashed var(--cor-borda) !important;
}

.underline {
    text-decoration: underline;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.topSpacer {
    margin-top:5px;
}

.google-visualization-table-th	{
    color: #FFF !important;
    border:0px solid var(--cor-border-table) !important;
    border-radius:20px !important;
    background-color: var(--cor-bg-colorido) !important;
    font-weight: bold !important;
    font-size: 12px !important;
}

th	{
    background-color:#FFF;
}


thead	{
    background-color: #FFF;
}

#newChartWrapper	{
    min-width:1000px;
}


.chartStatus {
    border:1px solid var(--cor-borda);
    background-color: var(--cor-text-button);
    font-size: 10px;
    padding:4px;
    font-weight: bolder;
    color: var(--cor-txt);
    opacity: .7;
    position:fixed;
    left:10px;
    top:100%;
    margin-top:-20px; 
    height: 20px;
    vertical-align: middle;
}



#inOverlay 	{
    background: #fff url("../imgs/loader2.gif") no-repeat;
    background-color: #FFF;
    background-position: 50% 50%;
    opacity: .6;
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 250;
    border:2px solid #fff;
}

div.tooltip {
    width:300px;
    /*background-color: #FFF !important;*/
    border:none !important;
}

div.tooltip table tr td span {
    font-weight: bold;
}



#ui-datepicker-div {
    z-index:2000 !important;
}


.txtNonEdited, span.txtNonEdited {
    font-weight: bold !important;
}
.dataFormatada {
    width: 80px;
}

.lineSelected, .lineSelected td{
    /*background-color: #b2dba1 !important;*/
    background-color: #ffe089 !important;
    
/*    
        --cor-txt:#005761;
    --cor-bg-colorido: #007582;
    --cor-borda:#007582; 
    --cor-azul-claro:#a1d0f0;
    */
}

#menu {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9999;
    -webkit-transition: all .8s;
    transition: all .8s;
    background-color: var(--cor-bg-colorido);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-left:1px;
    padding-top:5px;
}
#menu ul li a {
    display: inline-block;
    color: #FFF;
    font-family: Verdana, 'titillium_webregular', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 12px;
    position: relative;
    margin-left:2px;
    margin-bottom: 6px;
    letter-spacing: 1px;
    width:100%;
    text-align: left;
}
#menu ul li a span {
    display: block;
    /*position: absolute;*/
    width: 0px;
    height: 4px !important;
    background: var(--cor-border-size);
    bottom: 0;
    /*left: 2px;*/
    -webkit-transition: all .5s;
    transition: all .5s;
}
#menu ul li a:hover span, li.menusel a span {
    width: 100% !important;
    -webkit-transition: all .5s;
    transition: all .5s;
}

li a em {
    color:#FFF !important;
}

li a:hover em, li.menusel a em {
    padding-left: 3px;
    display:block;
    -webkit-transition: all .8s;
    transition: all .8s;
}


#divSubMenu ul li
{
    font-weight:bolder;
    color:#FFF;
    padding:0px 12px 0px 12px;
    float:left;
    /*border-top:1px solid #660099;
    border-right:1px solid #660099;
    border-left:1px solid #660099;*/
    margin-right:1px;
    margin-left:10px;
    top:1px;
    position:relative;
    font-size:12px;
    background: var(--cor-sub-menus);

    border:1px solid var(--cor-borda);
    border-top:3px solid var(--cor-borda);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-color: transparent !important;

}

#divSubMenu ul li a, #divSubMenu ul li a:hover {
    color:#FFF !important;
}

#divSubMenu ul li.selected
{
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-left:3px solid var(--cor-borda);
    border-right:3px solid var(--cor-borda);
    padding:0px 10px 0px 10px;
}


#divSubMenu ul li:hover	
{
    color:#000000;
    border-left:3px solid var(--cor-borda);
    border-right:3px solid var(--cor-borda);
    padding:0px 10px 0px 10px;
}

#divSubMenu ul li.menusel a {
    color:var(--cor-link-submenu-text) !important;
}


.ulMenuSecundario li.menusel, .ulMenuSecundario li.menusel:hover {
    border: 3px solid var(--cor-border-size) !important;
    border-bottom: 3px solid #fff !important;
    padding:0px 10px 0px 10px !important;
    background-color: var(--cor-border-size) !important;
    color: var(--cor-link-submenu-text) !important;
}


#degrade {
    margin-top:-20px;position:fixed;height:20px;width:100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    z-index: 999;
}


#chart_div  {
    width: 100%;
    height: 100%;
    height: calc(100% - 90px);
    background-color:#FFF;
}


@keyframes slideInFromLeft {
    0% {
      transform: translateX(-200px);
    }
    100% {
      transform: translateX(0);
    }
  }


table.newAssetID tr td{
    padding: 2px;
}

table.tbclis tr td {
    padding:3px;
}

table.tbclis tr td table tr td {
    font-size:14px;
}

table.tbclis tr th {
    font-size:16px;
}

table.tbclis tr td table tr th {
    font-size:12px;
    text-align: center;
}

/* table.clislista tbody tr:hover td:nth-child(1) {
    font-weight: bolder;
    border-left:2px solid #e1e4e5;
} */

table tr.footer {
    background-color:var(--cor-bg-colorido) !important;
}

table tr.footer td {
    color: #fff !important;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    padding-left:15px;
}

table tbody .hover:hover td:nth-child(1) {
    border-left:2px solid black;
    font-weight: bolder;
}

.btn.detail {
    background:
#FFF url("../imgs/icones_web16x16_normal.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: -2px -915px;
    border: 1px solid var(--cor-borda);
    text-align: left;
    padding: 2px 10px 2px 20px;
    border-radius: 3px;
    font-size: 10px;
    height: 20px;
    background-position: -2px -1395px;
}

.btn.back {
    background:
#FFF url("../imgs/icones_web16x16_normal.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: -2px -2620px;
    border: 1px solid var(--cor-borda);
    text-align: left;
    padding: 2px 10px 2px 20px;
    border-radius: 3px;
    font-size: 10px;
    height: 20px;
}

.page-clientes table {
    border-radius: 5px;
}

.page-clientes table tr th {
    border-radius: 5px;
}

.page-clientes input {
    height: 20px;
}

.page-clientes .p-5 {
    padding: 5px;
}

.page-clientes .p-0 {
    padding: 0;
}

.page-clientes .table-spacing tr td {
    padding: 3px;
}

.page-clientes table tr td {
    padding: 4px 2px;
}

.page-clientes .table-title {
    font-size: 16px;
}

.page-clientes .my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.page-clientes .w90 {
    width: 90%;
}
.page-clientes .w100 {
    width: 100%;
}

.page-clientes .align-middle td {
    vertical-align: middle;
}

.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}