div[isagrupador="true"] {
    background-color: #bde0ea;
}

div[isagrupador="true"]:before {
/*    content: "\f6d5";   this is your text. You can also use UTF-8 character codes as I do here */
/*    content: "[+] ";*/
    /*font-family: FontAwesome;*/
/*    left:0px;
    position:absolute;
    top:0;*/
}

a abbr, .cursor {
	cursor 								: pointer;
}

a:link,
a:visited, 
a:hover,
a:active {
	text-decoration: none;
}


a:hover {
	background-color: #eef;
	color: #000; 	
}

abbr {
	cursor								: help;
}

body {
	color								: #333;
	background							: white;
}

ol, ul {
	list-style							: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse						: separate;
	border-spacing						: 0;
}

caption, th, td {
	text-align							: left;
	font-weight							: normal;
	vertical-align:	middle;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content								: "";
}

blockquote, q {
	quotes								: "" "";
}

/* FIM DO RESET */

body {
	background: #d4e0ea url(../images/design/background.png) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

/*login ~~~~~~~~~~~~~~~ */
div.login {
    background: #3c515a url(../images/design/bg-login.png) repeat-x top left;
    width: 450px;
    height: 270px;
    margin: 150px auto 0px auto;
    text-align: center;
    border: 2px solid #9a9a9a;
}

div.login img{margin: 15px 0px;}

div.login fieldset { 
    border: 0 none;
    margin: 0 auto 0 30px;
    padding: 5px;
    text-align: left;
}

div.login fieldset label {
    display: block;
    width: 98px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    color: #ccc;
    float: left;
    cursor: pointer;
    line-height: 20px;
}

div.login fieldset label em{color: #900;}

div.login fieldset input#senha,
div.login fieldset input[type="text"] {width: 205px; margin-bottom: 15px;}
div.login fieldset input[type="password"] {width: 205px; margin-bottom: 15px;}
div.login fieldset select {width: 220px; margin-bottom: 15px;}

div.login fieldset button {
    border: 0px; padding-bottom: 2px;
    background: url(../images/design/bt-login.png) no-repeat top left; 
    width: 65px; height: 23px; color: #333; text-shadow: 0px 1px 0px #eee;
    font-weight: bold; cursor: pointer;
    margin-left: 257px;
}

div.login fieldset label.optional{
    display: inline-block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    width: 230px;
}

div.login fieldset input[type="checkbox"] {margin-left: 90px; cursor: pointer;}

div.loginCreditos {
    background: url(../images/design/shadow-login.png) no-repeat 50% 0%;
    margin: 0px auto;
    text-align:right;
    width: 520px;
    height: 25px;}

div.loginCreditos img {margin: 20px 30px 0 0;}

div.loginCreditos a:hover {background: none;}

fieldset p.alert, div p.alert,
fieldset p.erro, div p.erro,
fieldset p.success, div p.success,
div.login p.erro {
	display: block; 
	width: 90%; 
	border: 1px solid darkred; 
	background: #FDD; 
	color: darkred; 
	font-weight: bold; 
	font-size: 11px;
	padding: 5px; 
	margin: -10px auto 10px auto; 
	text-align: center;
}

div.login p.success {
	display: block; 
	width: 90%; 
	border: 1px solid darkgreen; 
	background: lightgreen;
	color: darkgreen;
	font-weight: bold; 
	font-size: 11px;
	padding: 5px; 
	margin: -10px auto 10px auto; 
	text-align: center;
}

/* geral ~~~~~~~~~~~~~~~ */

div.site {
	background: #FFF url(../images/design/bg-ropape.png) repeat-x bottom left;
	width: 100%; 
	margin: 0px auto; /* 10px auto */ 
	border-top: 1px solid #9a9a9a;  border-bottom: 1px solid #9a9a9a; 
	display: table;
	height: 100%;
}

div.creditos,
div.site div.topo,
div.site div.conteudo,
div.site div.rodape {width: 100%; margin: 10px auto; display: block;}

div.site div.topo {
	margin-top: 0;
}

h1, h2, h3, h4 { font-weight: bold; margin-bottom: 20px; color: #939598;}

h1 {font-size: 26px;}	
h2 {font-size: 24px;}
h3 {font-size: 18px; margin: 0px;}
h4 {font-size: 16px;}

h3, h4 {
    background-color: #9FC4C0;
    color: #fff;
    padding: 5px;
}

/* topo */
div.site div.topo {
	background: #FFF url(../images/design/bg-topo.png) no-repeat bottom center;
	height: 112px;
}

div.site div.topo img.logo-VSControl {float: right; margin: 10px 10px 0px 0px;}

div.site div.topo div.info-usuario{
	float: left; 
	margin: 10px 0px 0px 10px;
	padding: 20px;
	bordeR: 1px solid #eee;	
}

div.site div.topo div.info-usuario p { font-weight: normal; margin: 0; }


div.site div.topo div.info-usuario p span {
	width: 80px; 
	margin-right: 10px;
	display: block; float: left; 
	text-align: right;  font-weight: bold; color:#888;
}

/* conteudo */
div.site div.conteudo {margin: 0 auto; width: 98%;}


/* rodape */
div.site div.rodape {height: 50px;}

div.creditos {text-align: center;}
div.creditos p{font-size: 11px;}
div.creditos img{margin-top: 10px;}

/* tabelas --------- */

table {
	border:1px solid gray;
	border-bottom: 0px;
	width: 100%;
}

table tr th:first-child, table tr td:first-child {border-left: 0px;}

table tr th,
table tr td{
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 5px;
	vertical-align: middle;
}

tr td.cor{
    background-color: #ddd;
}

table tr th{
	background-color: #80b6ba;
	color: #fff;
	font-weight: bold;
}

table tr.cor {background-color: #ddd;}

table tfoot tr {background-color: #FFFDCB; font-size: 14px;}
table tfoot tr td{font-weight: bold;}


/* configuração ---------*/
fieldset {
	border: 1px solid #ddd;
	padding: 15px;
}

fieldset legend {
	margin-left: -10px;
	padding: 0 10px 0 10px;
	font-variant: small-caps;
	font-weight: bold;
}

fieldset dl {
	width: 98%;
	margin: 0 auto;
}

fieldset dl dt {
	color: #333;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

fieldset dl dt label {display: block; width: 100%;} 

fieldset p.alert, div p.alert,
fieldset p.success, div p.success,
fieldset p.erro, div p.erro {
	width: 99%;
	margin: 0 auto 10px auto;
}

fieldset p.success, div p.success {
	color: darkgreen;
	background-color: lightgreen;
	border: 1px solid green;	
}

fieldset p.alert {
	color: #996800;
	background-color: #FFECC7;
	border: 1px solid #996800;
}

/* formulário de busca ---------*/
div.formBusca{
	border:1px solid gray;
	background-color: #ddd;
	padding: 5px;
	display: block;
}

div.formBusca div {
    margin: 0 15px 5px 0px;
    display: inline-block;
}

div.formBusca div div {
	margin: 0;
	padding: 0;
}

div.formBusca div .tagify__input {
    min-width: 110px;
    margin: 5px;
    padding: .3em .5em;
    position: relative;
}

div.formBusca div tag div {
    vertical-align: top;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: .3em .5em;
    color: #000;
    border-radius: 3px;
    -webkit-transition: .13s ease-out;
    -o-transition: .13s ease-out;
    transition: .13s ease-out;
    padding-right: 1.5em;
}

div.formBusca label{
	font-weight: bold;
}

.paginationControl{
	text-align:  center;
	margin-top: 10px;
}

.colId,
.colSerial { width: 50px; }
.colMarcado { width: 30px; }
.colReflete { width: 80px; }
.colTerminalId { width: 180px; }
.colGravidade { width: 60px; }
.colStatus,
.colHeartbeat { width: 40px; }
.colDescHeartbeat { width: 230px; }
.colAssociados  { width: 170px; }
.colDataHora {width: 110px; }
.colSerialLog {width: 70px; }
.colAtividadeLog {width: 150px; }
.colTituloLog {width: 300px; }

.colTelefone {width: 120px; }

.colPrivilegio,
.colExcluir,
.colAlterar,
.colActionIcon { width: 30px; }

.tCenter { text-align: center; }
.tRight { text-align: right; }
.red { color: darkred; }
.valignMiddle { vertical-align: middle; }
.valignTextBottom { vertical-align: text-bottom; }

.legenda { font-size: 85%; font-style: oblique; }
.legendaDestaqueFonte { font-size: 11pt; font-weight: bold; }

.letraPreta {color:#000}

.gravidade1,
.gravidade2,
.gravidade3,
.gravidade4,
.gravidade5,
.gravidade6,
.gravidade7,
.gravidade8,
.gravidade9,
.gravidade10 { padding: 2px; }


.gravidade1 { background-color:#ffe373; }
.gravidade2 { background-color:#fbcb5b; }
.gravidade3 { background-color:#ffae57; }
.gravidade4 { background-color:#fa963e; }
.gravidade5 { background-color:#ff981e; }
.gravidade6 { background-color:#ff800f; }
.gravidade7 { background-color:#e88c70; }
.gravidade8 { background-color:#e27655; }
.gravidade9 { background-color:#ce4731; }
.gravidade10 { background-color:#b42c16; }

.diaMonitor { background-color:#FFCCCC; }


div.ui-dialog div.site div.conteudo
{
	margin: 10px auto;
}


a.linkHeader:link,
a.linkHeader:visited, 
a.linkHeader:hover,
a.linkHeader:active {
    text-decoration: none;
    background-color: #80B6BA !important;
    color: #fff;
}

a.linkHeader:hover {
	text-decoration: underline;
    background-color: #80B6BA !important;
}


.trEntidadeLevel0 {	background-color: #5B5B5B; }
.trEntidadeLevel0 td.tdTituloEntidadeLevel0,
.trEntidadeLevel0 td.tdTituloEntidadeLevel0 a {
    font-size: small;
    font-weight: bold;
}
.trEntidadeLevel0 td a:link, 
.trEntidadeLevel0 td a:visited, 
.trEntidadeLevel0 td a:hover, 
.trEntidadeLevel0 td a:active,
.trEntidadeLevel0 td {
    color: #fff; 
    text-decoration: none;
    background-color: #5B5B5B; 
}


.trEntidadeLevel1 { background-color: #bcbcbc; }
.trEntidadeLevel1 td.tdTituloEntidadeLevel1, 
.trEntidadeLevel1 td.tdTituloEntidadeLevel1 a {
    font-size: small;
    font-weight: bold;
}
.trEntidadeLevel1 td a:link, .trEntidadeLevel1 td a:visited, .trEntidadeLevel1 td a:hover, .trEntidadeLevel1 td a:active { 
    color: #444; 
    text-decoration: none;
    background-color: #bcbcbc; 
}


.trEntidadeLevel2 { background-color: #ddd; }
.trEntidadeLevel2 td.tdTituloEntidadeLevel2,
.trEntidadeLevel2 td.tdTituloEntidadeLevel2 a {
    font-size: small;
}
.trEntidadeLevel2 td a:link, .trEntidadeLevel2 td a:visited, .trEntidadeLevel2 td a:hover, .trEntidadeLevel2 td a:active { 
    color: #444; 
    text-decoration: none;
    background-color: #ddd; 
}


.trEntidadeLevel3 { background-color: #eee; }
.trEntidadeLevel3 td.tdTituloEntidadeLevel3,
.trEntidadeLevel3 td.tdTituloEntidadeLevel3 a {
}
.trEntidadeLevel3 td a:link, .trEntidadeLevel3 td a:visited, .trEntidadeLevel3 td a:hover, .trEntidadeLevel3 td a:active { 
    color: #444; 
    text-decoration: none;
    background-color: #eee; 
}

.trEntidadeLevel0 td a:hover,
.trEntidadeLevel1 td a:hover,
.trEntidadeLevel2 td a:hover, 
.trEntidadeLevel3 td a:hover
{ text-decoration: underline; }


.detalhe-interno-dl-form
{
	margin-top: 15px;
	border: 1px solid #eee !important;
}

#lstTerminais .center
{
	text-align: center;
}

#lstTerminais .right
{
	text-align: right;
}

#lstTerminais .left
{
	text-align: left;
}

#lstTerminais thead tr.label th
{
	background-color: #90C6CA;
}

#loading p
{
	text-align: center;
}


.topo div.info-software
{
	float: left; 
	margin: 31px 0 0 20px;
}

.topo div.info-software h2 
{
	margin: 0;
	font-size: 24px;
	line-height: 20px;
}

.topo div.info-software h3
{
	background-color: transparent; 
	padding: 0; 
	margin: 0; 
	text-align: right; 
	color: rgb(147, 149, 152); 
	font-size: 13px;
	line-height: 20px;
}


.required
{
	background-image:url("/images/required_red.gif");
	background-repeat:no-repeat;
	padding-left:9px;
}

/* Campos da tela de login */
div.login label.required {
	background:none; 
}

.campoLabel {
	background-color: transparent;
	border: 0;
	padding: 0;
}

.hiddenDialog {
	display:none;
}

.multiSelect {
	width: 380px;
	height: 240px;
}

.bold {
	font-weight: bold;
}

.overline {
    color: gray;
    text-decoration: line-through;
}

.ui-autocomplete-input { margin: 0; padding: 2px 0 3px 3px; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 3px !important; }
.formBusca .ui-widget { margin: 0; }

.progress
{
    background-color: #f7f7f7;
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
    height: 20px;
    margin-bottom: 20px;
    moz-border-radius: 4px;
    moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    overflow: hidden;
    webkit-border-radius: 4px;
    webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress .bar
{
    background-color: #0e90d2;
    background-image: linear-gradient(to bottom,#149bdf,#0480be);
    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    background-image: -o-linear-gradient(top,#149bdf,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
    background-repeat: repeat-x;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-sizing: border-box;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    float: left;
    font-size: 12px;
    height: 100%;
    moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    moz-box-sizing: border-box;
    moz-transition: width .6s ease;
    o-transition: width .6s ease;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    transition: width .6s ease;
    webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    webkit-box-sizing: border-box;
    webkit-transition: width .6s ease;
    width: 0;
}
.progress .bar+.bar
{
    box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
}
.progress-striped .bar
{
    background-color: #149bdf;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    moz-background-size: 40px 40px;
    o-background-size: 40px 40px;
    webkit-background-size: 40px 40px;
}
.progress.active .bar
{
    animation: progress-bar-stripes 2s linear infinite;
    moz-animation: progress-bar-stripes 2s linear infinite;
    ms-animation: progress-bar-stripes 2s linear infinite;
    o-animation: progress-bar-stripes 2s linear infinite;
    webkit-animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,.progress .bar-danger
{
    background-color: #dd514c;
    background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0);
}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger
{
    background-color: #ee5f5b;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-success .bar,.progress .bar-success
{
    background-color: #5eb95e;
    background-image: linear-gradient(to bottom,#62c462,#57a957);
    background-image: -moz-linear-gradient(top,#62c462,#57a957);
    background-image: -o-linear-gradient(top,#62c462,#57a957);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0);
}
.progress-success.progress-striped .bar,.progress-striped .bar-success
{
    background-color: #62c462;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-info .bar,.progress .bar-info
{
    background-color: #4bb1cf;
    background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
    background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
    background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0);
}
.progress-info.progress-striped .bar,.progress-striped .bar-info
{
    background-color: #5bc0de;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-warning .bar,.progress .bar-warning
{
    background-color: #faa732;
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning
{
    background-color: #fbb450;
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}

table .progress {
	margin-bottom: 0;
}

.colProgress {
	width: 120px;
    padding-left: 10px;
}

.vsDatePtBr {
	width: 84px;
}

.vsComboNormal {
	width: 150px;
}


td a:link,
td a:visited, 
td a:hover,
td a:active,
div.paginationControl a:link,
div.paginationControl a:visited, 
div.paginationControl a:hover,
div.paginationControl a:active {
    text-decoration: none;
    color: #333;
}

div.chzn-container-single {
	vertical-align: -6px;
}

dl, dd,
form dl div dd,
#perfil-geral dd,
#perfil-privilegios dd {
	margin-left: 0;
}

#perfil-privilegios dd {
	margin-bottom: 15px; 
}

#perfil-privilegios dt {
	display: none;
}

.form-elemento-add {
	float: left;
	margin-right: 10px;
}

.form-elemento-add .select-cidade {
	width: 250px;
}

.detalhe-interno-dl-form dd fieldset dl dd fieldset {

	background-color: #eee;
}

.lista-detalhes dd {
	margin-bottom: 10px;
}

/* Chamado */

.chamado h1 {
	font-size: 24px;
	margin: 0;
}

.chamado h2 {
	font-size: 18px;
	margin: 5px 0;
}

.chamado .geral {
	border: 1px solid #ddd;
	float:left;
	padding: 5px;
	margin-right: 10px;
	min-height: 500px;
	width: 55%;/*840px;*/
}

.chamado .info {
	border: 1px solid #ddd;
	float:left;
	padding: 5px;
        width: 40%;
	/*min-width: 400px;
	min-height: 500px;*/
}

.chamado .info div, .chamado .info fieldset {
	margin: 10px 0;
}

.chamado .info div label {
	font-weight: bold;
}

.chamado .lista-arquivos {
	margin-bottom: 10px;
}
/* Chamado */

.os h1 {
	font-size: 24px;
	margin: 0;
}

.os h2 {
	font-size: 18px;
	margin: 5px 0;
}

.os .os-info fieldset {
	height: 100px;
}

/* Atendimento */

#novo-apontamento fieldset {
	border: 0 none;
}

#fldAvaliarAtendimento h2 {
	font-size: 18px;
}

#frmAvaliacaoAtendimento dt label,
.frmAvaliacaoAtendimento .descricao {
	font-size: 14px;
	font-weight: normal;
}

#frmAvaliacaoAtendimento dd {
	padding: 10px 0 10px 0;
}

#frmAvaliacaoAtendimento dd label {
	margin-right: 20px;
}

/* Dialog Loading */
.dialog-loading p {
	text-align: center;
}

.dialog-loading p img {
	margin-right: 5px;
}

/* Detalhe RMA Requisição */

.rma-requisicao-detalhe h1 {
	font-size: 24px;
	margin: 0;
}

.rma-requisicao-detalhe h2 {
	font-size: 18px;
	margin: 5px 0;
}

.rma-requisicao-detalhe table {
	border: 0px;
}

.rma-requisicao-detalhe table tr td {
	border: 0px;
	padding: 0px;
	vertical-align: top;
}

.rma-requisicao-detalhe .info {
	margin-bottom: 10px;
}

.rma-requisicao-detalhe .info label {
	font-weight: bold;
}

.rma-requisicao-detalhe .table-componente {
	border:1px solid gray;
	border-bottom: 0px;
	border-left: 0px;
	width: 800px;
}

.rma-requisicao-detalhe .table-componente tr th,
.rma-requisicao-detalhe .table-componente tr td {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 5px;
	vertical-align: middle;
}

/* Notificações */

.notificacoes {
    font-weight: bold;
    color: #FF0000;
}

#imgCinza{
    filter: none;
    -webkit-filter: grayscale(100);
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    transition: all 0.8s linear;
}

p.opcao-descarte {
    width: 99%;
    margin: 0 auto 10px auto;
    display: block;
    width: 90%;
    border: 1px solid black;
    background: #FFFF33;
    color: black;
    font-weight: bold;
    font-size: 11px;
    padding: 5px;
    margin: -10px auto 10px auto;
    text-align: center;
}

.cadastro-formulas #casas-decimais {
    width: 40px;
}

.cadastro-formulas #cadastro-formula-template {
    display: none;
}

.relatorio_envio_respostas_ativo {
    background-color: lightgreen;
}

.relatorio_envio_respostas_inativo {
    background-color: lightgrey;
}

.relatorio_envio_respostas_table {
    width: 1500px;
    overflow-x: auto;
}