body
{
    font-size: .85em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #232323;
    background-color: #fff;
    margin:0px 10px 10px 10px;
    margin:0;
}

header,
footer,
nav,
section {
    display: block;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
  white-space:nowrap;
}

    table th {
        padding: 6px 5px;
        text-align: left;
        background-color: #686868;
        border: solid 1px #414141;
        color: #636262;
        border-color: rgb(198, 198, 198);
        /*color: #FFF;*/
        /*text-shadow: 0px 1px 1px #686868;*/
        background: rgb(104, 104, 104);
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

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

table { 
    width: 100%;
    white-space:nowrap;
}

tr.alternate-row
{
    background-color: #f0f0f0;
    
}

tr.grid-footer td
{
    padding-top: 10px;
    border-top: 1px solid black;
    color: rgb(94, 94, 94);
    background-color:#FFF;
    font-weight: bold;
    font-size: 0.95em;
    text-shadow:0px 1px 1px rgba(255,255,255,0.75);
    border-top: 3px solid #CCC;
}

tr.grid-footer a 
{
    color:rgb(51,51,51);
    font-weight: normal;
        font-weight: bold;
}

tr.grid-header th
{
    background-color: #999;
    color: #000;
    border-color: rgb(198, 198, 198); color: rgb(51, 51, 51); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(rgb(250, 250, 250), rgb(233, 233, 233)); background-repeat: repeat-x; background-color: rgb(243, 243, 243);

}
tr.grid-header a,  tr.grid-header td
{
    color: rgb(51, 51, 51);
}



#tbBrowser tr:hover {background-color:#ddd; cursor: pointer; }

fieldset {
    padding: 10px;
    background-color: #fafafa;
    box-shadow: 0 1px 1px #888888;
    border:1px solid #CCC;
}

input.num { width: 60px;text-align: right; }
legend { margin-bottom: 10px; }

/*
------ MENU -----
*/	
	
nav {
	max-width:50%;
	text-align:left;
    font-size:0.9em;
    margin-top:-50px;
    margin-left:220px;
	}

.verticalBar 
{
    border-right-color: rgba(255, 255, 255, 0.12); border-left-color: rgba(0, 0, 0, 0.5); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;height:42px;padding:0px;
}


nav ul{
    margin-left:-30px;
	}
nav ul li{
	list-style:none;
	display: inline-block;
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:1px;
	position:relative;
        margin-top:-12px;
        transition:opacity 0.1s linear; opacity: 0.87; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear;
	}

nav ul li a {
	color:#FFF;
	text-decoration:none;
    background: rgba(255, 255, 255, 0); padding: 6px !important; height: auto; text-align: center; max-height: 42px; min-width: 40px;text-shadow: 0px -1px 0px black;
    margin: 0px; text-align: center; line-height: 20px; overflow: hidden; font-size: 12px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
	}


nav ul li a:hover {
    color: white; background-color: rgba(255, 255, 255, 0.15);
	}

    nav ul li:hover {
	opacity: 1;
    }	

ul.sub-menu {
	display:none;
	background-color:#333;
	z-index:9999;
	margin-top:1px;
	position: absolute;
	}	
li:hover ul.sub-menu{
	display: block;
	list-style:none;
	margin-left:0px;
	min-width:100px;

	}	
	
ul.sub-menu li {
	display:block;
	font-size:1em;
	margin-left:-30px;
	text-align:left;
	padding:5px 0px;
	width:120px;
    font-size:0.95em;
	}

.sub-menu li a{
	font-size:0.8em;
	color:#fff;
	background:none;
    text-align:left;

	}

.sub-menu li a:hover{
	color:#FFF;
	
	}

.ativo {
	color:#FFF;
}

.destaque
{

    margin-top:52px;

}




/*
//////////////////////////////////////
LOGIN PAGE
//////////////////////////////////////
*/

#divLogin 
{
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); border-radius: 3px; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);text-decoration:none;
    color:#626262;
    padding-bottom:10px;
    width:400px;
    margin: 0 auto;
        border-top-left-radius:5px;
    border-top-right-radius:5px;
 /*box-shadow: 10px 10px 5px #888888;*/   
}


#divLogin td{
	color:#454545;
	font-size:1.4em;
	font-style:normal;
	line-height:2em;
	}	

#bLogin:hover
{
    cursor:pointer;
    opacity:0.7;
}

	
#divLogin .lembrar{
	font-size:0.8em;
	font-style:italic;
	line-height:2.5em;
	
	}
#divLogin p {
    color: #FFF;
    font-size: 2em;
    font-style: normal;

    text-align:center;
    margin-bottom:5px;
    margin-top:5px;
    font-weight:bold;
}

.span01{
	font-size:1.2em;
	font-style:italic;
	color:#172b4e;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

.span02{
	font-size:1.5em;
	font-style:italic;
	font-weight:bold;
	color:#172b4e;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

#divLoginGeral{
	position:absolute;
	top:0;
	left:0;
	z-index:11;
    background:url(../img/bg.jpg)  50% top;
	width:100%;
	height:100%;
}
#geral-login {
	width:100%;
    margin: 0 auto;
    background:url(../img/bg_footer.jpg) 50% top;
    height:100%;
	}
	
.bLogin
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 19px; font-size: 14px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white !important; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

#divLogin input[type="text"]{
	font-size:0.9em;
	font-style:normal;
    color:#626262;
}


.LoginCabecalho
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 20px;text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 20px; margin-bottom: 0px; vertical-align: middle;box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke;  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

.bLogin:hover
{
    background:rgb(0, 85, 204);
    cursor:pointer;
}




.span01{
	font-size:1.5em;
	font-style:italic;
	color:#68b1ff;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

.span02{
	font-size:1.8em;
	font-style:italic;
	font-weight:bold;
	color:#68b1ff;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

.span03{
	font-size:2.4em;
	font-weight:bold;
	color:#fff;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

.span04{
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	}

.login {
	text-align:center;
	padding:0px 0px 10px 0px;
	line-height:2.5em;
}

#header
{

    padding: 10px;
    background-color: #626262; 
    height:60px;
background-image:-moz-linear-gradient(rgb(102, 102, 102) 0%, rgb(75, 75, 75) 50%, rgb(68, 68, 68) 51%, rgb(34, 34, 34) 100%);

}

/*All IE versions, including IE8 Standards Mode:*/
#header { background-image:-ms-linear-gradient(rgb(102, 102, 102) 0%, rgb(75, 75, 75) 50%, rgb(68, 68, 68) 51%, rgb(34, 34, 34) 100%); }


#tbAgenda td
{
    border-color:#ffb504 !important;
}

#tbCliente td
{
    border-color:#42d503 !important;
}

#tbMapa td
{
    border-color:#4800ff !important;
}

#tbMapa td a
{
    color:#fff !important;
}

#bAgenda:hover{
	opacity:0.85;
	cursor:pointer;

}

#bCliente:hover{
	opacity:0.85;
	cursor:pointer;

}

#bMapa:hover{
	opacity:0.85;
	cursor:pointer;

}

#bAgenda
{
    float: left; 
    width: 32%; 
    background-color: #ffb504; 
    height: 60px; 
    font-weight: bold; 
    text-align: center; 
    color: white; 
    cursor: pointer; 
    margin-right: 5px;
    margin-bottom:2px;
}

#bCliente
{
    float: left; 
    width: 32%; 
    background-color: #42d503; 
    height: 60px; 
    font-weight: bold; 
    text-align: center; 
    color: white; 
    cursor: pointer;
}

#bMapa
{
    float: left; 
    width: 33%; 
    background-color: #4800ff;
    height: 60px; 
    font-weight: bold; 
    text-align: center; 
    color: white; 
    cursor: pointer; 
    margin-left: 5px;
}

#seta01
{
    float: initial; 
    margin-top: 10px;
}

.divSeta
{
    float: initial; 
    margin-top: 10px;
    display:none;
}

.setaBaixo
{
    font-size: 0px; 
    line-height: 0%; 
    width: 0px;
    border-bottom: 15px solid #3e3e3e;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin-left:45px;
    margin-top:12px;
}

.msgDetalheAg
{
    background-color: #3e3e3e;
    color:white;
    padding:15px;
}

.detAgContainer
{
    clear: both; 
    display: none;
}

.tdHover:hover
{
    	opacity:0.75;
	cursor:pointer;
}

#osPDF{
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
	}
	
#osPDF:hover{
	opacity:0.8;
	cursor:pointer;

}

#osExcel{
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
background:#134178;
	}
	
#osExcel:hover{
	opacity:0.8;
	cursor:pointer;

}

.tRelParam
{
    width:400px;
}
.tRelParam tr td
{
    border:0px;
}

.tRelParam
{
    border:0px;
}

#footer
{
    background-color:#626262;
    width:100%;
    height:100px;
box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);
background-image: linear-gradient(to bottom, #5c5c5c, #4c4c4c 130%);
}



#footer p
{
    color:#fff;
    text-align:right;
    padding-right:10px;
}

#LogOff
{
    float:right;
    padding:5px;
    padding-left:12px;
    text-align:right
}

#LogOff a
{
    color:#ffb504;
    text-decoration:none;
    font-weight:bold;
}

#LogOff p
{
    color:#fff204;
    font-weight:bold;
}


#LogOff a:hover
{
    	opacity:0.7;
	cursor:pointer;
}

#altSenha
{
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
background:#ff9c00;
}

#altSenha:hover
{
    	opacity:0.8;
	cursor:pointer;
}

#bEnviarCli
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

#bEnviarCli:hover
{
    	opacity:0.8;
}



#bEnviar
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

#bEnviar:hover
{
    	opacity:0.8;
        cursor:pointer;
}

#bEnviarCol
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
background:#134178;
}

#bEnviarCol:hover
{
    	opacity:0.8;
}

#osAtrasada1
{
    background-color:transparent;
    float:left;
    padding:6px;
    color:#FFF;
    font-weight:bold;
    margin-top:25px;
    margin-right:15px;
    text-align:center;
        font-size:14px;
}


#osAtrasada0{ 
    background-color:transparent;
    float:left;
    padding:8px;
    color:#FFF;
    font-weight:bold;
    margin-top:25px;
    margin-right:20px;
    text-align:center;
    font-size:14px;
}

.bDel
{
    background:url(../img/icon_del_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

.bDelf
{
    background:url(../img/icon_del_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
        opacity:0.4;
}


.bDelDstv
{
    background:url(../img/icon_del_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
    opacity:0.5;
}

    .bDel:hover
    {
        background:url(../img/icon_del_02.jpg) no-repeat center;
    }

.bEdt
{
    background:url(../img/icon_edit_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bEdt:hover
    {
        background:url(../img/icon_edit_02.jpg) no-repeat center;
    }


    .bPrint
{
    background:url(../img/icon_print_01.png) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bPrint:hover
    {
        background:url(../img/icon_print_02.png) no-repeat center;
    }

.bEdtf
{
    background:url(../img/icon_edit_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
    opacity:0.4;
}

.bVis
{
    background:url(../img/icon_view_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bVis:hover
    {
        background:url(../img/icon_view_02.jpg) no-repeat center;
    }

.bInter {
    background: url(../img/icon_inter_01.jpg) no-repeat center;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bInter:hover {
        background: url(../img/icon_inter_02.jpg) no-repeat center;
    }

.bAdd
{
    background:url(../img/icon_add_01.jpg) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
    opacity:0.7;
}

.bAdd:hover
{
    opacity:0.5;
    cursor:pointer;
}

.bPesq
{
    background:url(../img/icon_search_01.jpg) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    border:none;
    text-indent: -9999px;
}

.bEvent
{
    background:url(../img/plus.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bEvent:hover
{
    opacity:0.7;
        cursor:pointer;
}

    .bPesq:hover
    {
        background:url(../img/icon_search_02.jpg) no-repeat center;
        cursor:pointer;
    }

p .addSpam{
    font-size:1.2em;
	font-weight:bold;
	color:#333;
    font-family:'Century Gothic', Arial, Helvetica, sans-serif !Important;
	}

.bProxAnt
{
    font-size:1.2em;
    border:none;
    background-color:#626262;
    color:#FFF;
    font-weight:bold;
    padding:5px;
}

.bProxAnt:hover
{
    	opacity:0.7;
        cursor:pointer;
}

#AgEnvCliente
{
     text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
background:#134178;
    width:98%;
}

#AgEnvCliente:hover
{
    opacity:0.7;
    cursor:pointer;
}


.container22 {
    overflow: hidden;
    margin: 0 auto;
/*    position: relative;*/
    margin-top:8px;
}
.right {
float:left;
width: 30%;
background:#ebebeb;
height:325px;
box-shadow: 0 2px 2px #888888;border:1px solid #CCC;
}
.left {
float: left;
width: 43.5%;
background:#ebebeb;
height:325px;
margin-left:0.5%;
margin-right:0.5%;
box-shadow: 0 2px 2px #888888;border:1px solid #CCC
}
.middle {
float: left;
width: 25%;
height:325px;
background-color:#ebebeb;
box-shadow: 0 2px 2px #888888;border:1px solid #CCC;
margin-bottom:10px;
}


#0:hover
{
    cursor:pointer;
}

#1:hover
{
    cursor:pointer;
}

#2:hover
{
    cursor:pointer;
}


.cbAnt
{
    background:url(../img/left_round.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    border:none;
    text-indent: -9999px;
}

.cbAnt:hover
{
    opacity:0.7;
    cursor:pointer;
}

.cbProx
{
    background:url(../img/right_round.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    border:none;
    text-indent: -9999px;
}

.cbProx:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bVoltar
{
    background:url(../img/left_round.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    border:none;
    text-indent: -9999px;
    vertical-align:super;

}

.bVoltar:hover
{
    opacity:0.7;
}

.bSalvado
{
    text-decoration:none;
border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

.bSalvado:hover
{
    background:rgb(0, 85, 204);
    cursor:pointer;
}

.bAddItem
{
    background:url(../img/icon_add_01.jpg) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
    opacity:0.7;
}

.bAddItem:hover
{
    opacity:1;
    cursor:pointer;
}

.bLock
{
    background:url(../img/lock.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    text-indent: -9999px;
}

    .bLock:hover
    {
    opacity:0.7;
    cursor:pointer;
    }

    .bUnLock
{
    background:url(../img/unlock.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    text-indent: -9999px;
}

    .bUnLock:hover
    {
    opacity:0.7;
    cursor:pointer;
    }

.msgError span
{
    color:#ff0000;
    font-weight:bold;
}

.bAdmin
{
    background:url(../img/moderator.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bAdmin:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bCoord
{
    background:url(../img/administrator.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bCoord:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bCollaborator
{
    background:url(../img/collaborator.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bCollaborator:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bKey
{
    background:url(../img/key.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bKey:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bGeral{
	border:0;
	background: #134178;
	padding:20px 20px;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;

	}
	
.bGeral:hover{
	opacity:0.8;
	cursor:pointer;

}

.notification{
font-size:1em;
padding-top:0.7px;
padding-right:4px;
padding-bottom:0.7px;
padding-left:4px;
margin-top:-34px;
margin-right:15px;
margin-bottom:0px;
margin-left:0px;
float:right;
border:1px solid #FFF;
text-shadow:0 -1px 0 #5D0807;
color:#FFF;
background-color: rgb(176,23,21);
background-image:-moz-linear-gradient(rgb(231, 70, 66), rgb(176, 23, 21));

}

/*All IE versions, including IE8 Standards Mode:*/
.notification { background-image:-ms-linear-gradient(rgb(231, 70, 66), rgb(176, 23, 21)); }


#divOsAtrs 
{
    float: right;width:50px;height:70px
}

    #divOsAtrs:hover 
    {
        cursor:pointer;
        opacity:0.7;
    }



.bDesp
{
    background:url(../img/banknotes.png) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bDesp:hover
    {
	opacity:0.8;
	cursor:pointer;
    }


    .bDespG
{
    background:url(../img/greenBanknotes.png) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bDespG:hover
    {
	opacity:0.8;
	cursor:pointer;
    }



        .bNoDespG
{
    background:url(../img/greenNoBanknotes.png) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bNoDespG:hover
    {
	opacity:0.8;
	cursor:pointer;
    }



            .bNoDesp
{
    background:url(../img/Nobanknotes.png) no-repeat center;
    width:30px;
    height:30px;
    display: inline-block;
    text-indent: -9999px;
}

    .bNoDesp:hover
    {
	opacity:0.8;
	cursor:pointer;
    }




.bSolicitacao {
    background: #720098;
    padding: 10px;
    border: none;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}

    .bSolicitacao:hover 
    {
        	opacity:0.8;
	cursor:pointer;
    }


#mLogin {
	list-style: none; margin: 0px; padding: 0px; font-size: 1em; float: right; position: relative;top:17px;
}

#mLogin a{
    opacity:1;
}
#mLogin li {
	float: left; position: relative;
}
#mLogin li > a {
	padding: 4px; color:#FFF; text-decoration: none; float: left; display: block;
}

#mLogin > li:hover a {
	opacity:0.6;
    background:transparent;
}

#mLogin ul {
	display: none;
}
#mLogin li:hover ul {
	display: block;
}
#mLogin ul {
	z-index: 999;width:120px; list-style: none; margin: 5px 0px 0px 0px; padding: 0px; left: -15px; top: 1.85em; float: none; position: absolute;background-color:#FFF;border-radius: 5px; border: 1px solid rgb(192, 192, 192);box-shadow: inset 2px 3px 0px -1px rgba(255,255,255,0.75), inset 0px 0px 10px rgba(0,0,0,0.08), 1px 1px 1px rgba(0,0,0,0.07);
}
#mLogin ul li {
	margin: 0px; padding: 0px; width: auto; color: #636363; clear: none; float: none;
}

.n{
	margin: 0px; padding: 0px; width: auto; color: #626262; clear: none; float: none;border-top:1px solid rgb(192, 192, 192);
}
#mLogin li:hover ul li a {
	padding: 0px 6px 0px 0px; color: #626262;  text-transform: lowercase; line-height: 200%; float: none; display: block;
}
#mLogin ul li a {
	padding: 0px 6px 0px 0px; color: #626262; text-transform: lowercase; line-height: 200%; float: none; display: block;text-align:center;
}
#mLogin li:hover ul li a:hover {
	color: #137bfa;
}
#mLogin ul li a:hover {
	color: #137bfa;
}

.mLogin_arr {
	 top: -7px; width: 12px; height: 8px; right: 19px; overflow: hidden; position: absolute;
}

.mLogin_arr::after {
	background: rgb(253, 253, 253); border-width: 1px 0px 0px 1px; border-style: solid; border-color: rgb(192, 192, 192); left: 2px; top: 2px; width: 7px; height: 7px; position: absolute; content: ""; box-shadow: inset 2px 0px 0px 0px rgba(255,255,255,0.75), inset 0px 0px 10px rgba(0,0,0,0.03); transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
}

.bRed
{
    background:url(../img/redBall.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bRed:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bGreen
{
    background:url(../img/greenBall.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bGreen:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bYellow
{
    background:url(../img/yellowBall.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bYellow:hover
{
    opacity:0.7;
    cursor:pointer;
}

.bBlue
{
    background:url(../img/blueBall.png) no-repeat center;
    width:26px;
    height:26px;
    display: inline-block;
    vertical-align:super;
    border:none;
    text-indent: -9999px;
}

.bBlue:hover
{
    opacity:0.7;
    cursor:pointer;
}

.ui-tabs-vertical { width: 100%;border-radius:2px;margin:0;border:none !important; }

.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }

.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0;background-image:none !important;background-color:#FFF !important;border:none !important;color:#137bfa !important; }
.ui-tabs-vertical .ui-tabs-nav li:hover { background-color:whitesmoke !important }

.ui-tabs-vertical .ui-tabs-nav li a:hover { color:#000 !important }

.ui-tabs-vertical .ui-tabs-nav li a { display:block;color:#137bfa !important; }

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px;background-image:none !important;border:1px solid #CCC !important;border-right:1px solid #FFF !important;color:#CCC !important; }

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active > a { color:#404040 !important; }


.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left;background:red;margin-left:5px;}

.ui-widget-content{background:#FFF !important
}

#tabs .ui-widget-header {
    background-image: none !important;
    background:#FFF !important;
    border:none !important;
    border-right:1px solid #CCC !important;
    border-radius:0px !important;
    height:100% !important;
}

.ui-widget {

    margin: 0 auto;
    
}


.btnPadrao 
{
    border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);text-decoration:none;
}

    .btnPadrao:hover 
    {
        color: rgb(51, 51, 51); background-color: rgb(230, 230, 230);background-position: 0px -15px; transition:background-position 0.1s linear; color: rgb(51, 51, 51); text-decoration: none; background-color: rgb(230, 230, 230); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear;
    }

.btnRed 
{
     border-width: 1px; border-style: solid; border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); padding: 4px 12px; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);text-decoration:none;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(238, 95, 91), rgb(189, 54, 47)); background-repeat: repeat-x; background-color: rgb(218, 79, 73);
}


.btnRed:hover {
    color: rgb(51, 51, 51); background-color: rgb(230, 230, 230);background-position: 0px -15px; transition:background-position 0.1s linear; color: rgb(51, 51, 51); text-decoration: none; background-color: rgb(230, 230, 230); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear;
	color: white; background-color: rgb(189, 54, 47);
}


.cabecalho {
	font-size: 20px;color:#4d4d4d;border-radius: 4px 4px 0px 0px; border: 1px solid rgb(213, 213, 213); height: 40px; line-height: 40px;background-image: linear-gradient(rgb(250, 250, 250), rgb(233, 233, 233)); background-repeat: repeat-x; background-clip: padding-box; background-color: rgb(243, 243, 243); -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding-box;
}


.cabecalhoAzul {
	font-size: 18px;color:#626262;border-radius: 4px 4px 0px 0px; border: 1px solid rgb(213, 213, 213); height: 40px; line-height: 40px; position: relative; background-image: linear-gradient(rgb(250, 250, 250), rgb(233, 233, 233)); background-repeat: repeat-x; background-clip: padding-box; background-color: rgb(243, 243, 243); -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding-box;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 85, 204)); background-repeat: repeat-x; background-color: rgb(0, 116, 204);
}

.tbExcel 
{
    border-collapse:collapse;
}

    .tbExcel td 
    {
        width:20px;border:1px solid black
    }

    .tbExcel { 
    border: AppWorkspace solid 1px; 
    font-size: 0.8em; 
    text-align: center; 
    border-collapse:collapse;
} 

.tbExcel tr.header{
    font-weight: bold;
    background-color: #ffffef
}

.tbExcel td { 
    border: 1px solid AppWorkspace; 
    margin: 0; 
    padding: 0.5px; 

} 
.menu{
top:0;
left:0;
width:100%;
font:13px Arial,sans-serif;
color:#3366cc;
height:45px;
border:1px solid #5c5c5c;
box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 3px 2px 0 rgba(0,0,0,.2);
background-color: #636262;
position:fixed;
z-index: 2;
}
.dl-menuwrapper {
	width: 100%;
	max-width: 250px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	color: #fff;
	outline: none;
	text-decoration: none;
    font:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: " ";
		width: 0; 
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	margin-top:12px;
	border-left: 8px solid #FFF;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 0 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
    visibility:visible;
    z-index: 2;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;

	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}


@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}


@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}


@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}



@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}


@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}



/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
box-shadow: inset 0 2px 3px 0 rgba(255,255,255,.3), inset 0 -3px 6px 0 rgba(0,0,0,.2), 0 0px 1px 0 rgba(0,0,0,.2);
background-color:#636262;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    box-shadow:none;
    color:#5c5c5c;
	background: rgb(144, 144, 144);
}






#content {
    background-color: #FFFFFF;
    text-align: left;
    width: 900px;
}

#header {
    background: none repeat scroll 0 0 #C5E6EA;
    border-bottom: 1px solid #B2CCD0;
    display: block;
    height: 42px;
    padding: 25px 0 5px 20px;
    width: 880px;
}


#darkbanner {
    background:#424242;
    margin: 20px 0 0 -18px;
    padding: 8px 10px 15px 40px;
    position: relative;
    color: #FFFFFF;
    font-size:1.9em;
    text-shadow:0 -1px 0 #5D0807;
}

.banner320 {
    width: 320px;
}


#darkbannerwrap {
    background: url("../img/aiwrap.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    margin: 0 0 -5px -18px;
    position: relative;
    width: 18px;
}

.boldtext {
    font-weight: bold;
}

#timeline{
	    width:800px;
	    list-style-type: none;
	    background: url(../img/timeline.png) top center repeat-y;
	    margin: 0 auto;
	    padding:20px;
	    margin-bottom:10px;
        height:auto;
}

	#timeline li{
	    width:375px; border:1px solid rgb(198,198,198); padding:5px;
        color: rgb(51, 51, 51); line-height: 18px; font-size: 13px; margin-bottom: 0px; text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);text-decoration:none;
	}
	 
	#timeline li:nth-of-type(odd){
	    clear: both;float:right;
	}
	 
	#timeline li:nth-of-type(odd), #timeline li:nth-of-type(even){
	    margin:-10px 0 20px 0;
	}

    	#timeline li:nth-of-type(even) .corner{
	    display:block; margin-left:380px;width:20px; height:15px;background:url("../img/right.png");
         left: 100%;
	}
	#timeline li:nth-of-type(odd) .corner{
	    display:block;margin-left:-25px;width:20px;height:15px;background:url("../img/left.png");
         right: 100%;
	}

time,.time{
    font-size: 10px; color:gray; border-bottom: 1px solid #e1e1e1; min-width:350px; padding-bottom: 5px;

}

.input-append, .input-prepend {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.input-append, .input-prepend 
{
    margin-bottom:0px !important;
    font-size:inherit !important;
}


h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    text-rendering: optimizelegibility;
}

h3 
{
    font-size:22px;
}

legend 
{
        -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    color: #333333;
    display: block;
    font-size: 19px;
    line-height: 40px;
    padding: 0;
    margin-bottom:-10px;

}



textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}



select,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px !important;
    height: 18px;
    /*line-height: 15px;*/
    padding: 4px 6px;
    vertical-align: middle;
}


input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

select, input[type="file"] {
    height: 28px;
    line-height: 28px;
}


select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}

.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
}

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
}

.requiriedField {
    color: red;
}



input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error
{
    border-color:red ;
    background-color:#ffeeee;
}


#sidebar {
  width: 210px;
  height: 100%;
  position: fixed;
  background: #d3d3d3;
 }

.ui-tabs
{
    position:inherit !important;
}

.ui-tabs .ui-tabs-nav li 
{
        position:inherit !important;
    }


.ganttChart:before { 
  font-family: FontAwesome; 
  top: 0; 
  padding-right: 0.5em; 
  content: "\f036";
  text-decoration:none;
}

.timeLine:before { 
  font-family: FontAwesome; 
  top: 0; 
  padding-right: 0.5em; 
  content: "\f0e8";
}

.timeLine 
{
          text-decoration:none;
                font-weight:normal;
}
.ganttChart 
{
      text-decoration:none;
      font-weight:normal;
}


.bPortal:before { 
  font-family: FontAwesome; 
    font-size:1.3em;
  content: "\f108";
}




.bEditar:before { 
  font-family: FontAwesome; 
  top: 0; 
  content: "\f040";
}

.bDownload:before { 
  font-family: FontAwesome; 
  top: 0; 
  content: "\f019";
}

.bAnexo:before {
    font-family: FontAwesome;
    top: 0;
    content: "\f0c6";
}

.bDelete:before { 
  font-family: FontAwesome; 
  top: 0; 
  content: "\f00d";
}
 
 


.bEditar 
{
    text-decoration:none;
    font-weight:normal;
}


.nbEditar:before { 
  font-family: FontAwesome; 
  color:#FFF;
  font-size:1.8em;
  content: "\f040";
}

.nbEditar 
{
        text-decoration:none;
        font-weight:normal;
border-width: 1px; border-style: solid; border-radius: 3px; text-align: center; color: rgb(51, 51, 51); margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background: #CFA400; background-repeat: repeat-x; background-color: #CFA400;
height:30px;width:30px;
line-height:30px;
}

.nbEditar:hover
{
    background:#B88A00;
    cursor:pointer;
}

.nbVisu:before { 
  font-family: FontAwesome; 
  color:#FFF;
  font-size:1.8em;
  content: "\f06e";
}

.nbVisu 
{
        text-decoration:none;
                font-weight:normal;
border-width: 1px; border-style: solid; border-radius: 3px;text-align: center; color: rgb(51, 51, 51); margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background: #2177E7; background-repeat: repeat-x; background-color: #2177E7;
height:30px;width:30px;
line-height:30px;
}

.nbVisu:hover
{
    background:#024CAD;
    cursor:pointer;
}



.nbDeletar:before { 
  font-family: FontAwesome; 
  color:#FFF;
  font-size:1.8em;
  content: "\f00d";
}

.nbDeletar 
{
        text-decoration:none;
                font-weight:normal;
border-width: 1px; border-style: solid;text-align: center; border-radius: 3px; color: rgb(51, 51, 51); margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: white; text-shadow: 0px -1px 0px rgba(0,0,0,0.25); background: #E03A00; background-repeat: repeat-x; background-color: #E03A00;
height:30px;width:30px;
line-height:30px;
}

.nbDeletar:hover
{
    background:#A82A01;
    cursor:pointer;
}



.bCliArq:before { 
  font-family: FontAwesome; 
    font-size:1.1em;
  content: "\f0c6";
}


.nbSolicitante:before {
    font-family: FontAwesome;
    color: #FFF;
    font-size: 1.8em;
    content: "\f007";
}

.nbSolicitante {
    text-decoration: none;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    text-align: center;
    border-radius: 3px;
    color: rgb(51, 51, 51);
    margin-bottom: 0px;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05);
    text-shadow: 0px 1px 1px rgba(255,255,255,0.75);
    background-repeat: repeat-x;
    background-color: whitesmoke;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: white;
    text-shadow: 0px -1px 0px rgba(0,0,0,0.25);
    background: #E03A00;
    background-repeat: repeat-x;
    background-color: #248b00;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

    .nbSolicitante:hover {
        background: #195700;
        cursor: pointer;
    }



.btnPadrao2 
{
    border-width: 1px;text-align: center; border-style: solid;border-color: rgb(198, 198, 198) rgb(198, 198, 198) rgb(172, 172, 172); border-radius: 3px; text-align: center; color: rgb(51, 51, 51); margin-bottom: 0px; vertical-align: middle; display: inline-block; cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); text-shadow: 0px 1px 1px rgba(255,255,255,0.75); background-image: linear-gradient(white, rgb(230, 230, 230)); background-repeat: repeat-x; background-color: whitesmoke; -moz-border-radius: 3px; -webkit-border-radius: 3px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);text-decoration:none;
    height:30px;width:30px;line-height:30px;
}

    .btnPadrao2:hover 
    {
        color: rgb(51, 51, 51); background-color: rgb(230, 230, 230);background-position: 0px -15px; transition:background-position 0.1s linear; color: rgb(51, 51, 51); text-decoration: none; background-color: rgb(230, 230, 230); -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear;
    }


    .circular {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
    background-size: cover;
	}

.circular img {
	opacity: 0;
	filter: alpha(opacity=0);
	}



#imagePreview {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-image:url(../img/default_large.png);
}

#imagePreviewMini {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, .3);
    display: inline-block;
    background-image:url(../img/default_large.png);
}

.cardView {
    font-size:0.8em;
    background: #ebebeb;
    box-shadow: 1px 1px 1px #888888;
    border: 1px solid #CCC;
    margin-bottom:10px;
    padding:5px;
}



.mvc-grid-sort, .mvc-grid-filter {
    color: #636262 !important;
}