/* CSS Resets */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%;}img{max-width:100%!important;height:auto;}
html{	-webkit-font-smoothing: antialiased;overflow-x: hidden;overflow-y: auto;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
* { _noFocusLine: expression(this.hideFocus=true); }
#Form{height:100%;}
a{outline:0;border:0;}
table{border-spacing:0;}

.cf:before,
.cf:after {
    content: " "; 
    display: table; 
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

.rightFloat {
    float: right;
}


.Results.Documents a {
	display: block;
}
.logoLink{
		display: block;
		width:100%;
		height: 100%;
		
}

/*_____________TRANSLATOR________________*/
#translator{
	display: none;
	width: 90px;
	float: right;
	position: relative;
	z-index: 1;
    margin-top:12px;
}

#WidgetLauncher {
	margin: 0!important;
	width: 90px!important;
}
#WidgetLauncher, #MicrosoftTranslatorWidget{
    height:27px!important;
}
#LauncherLogo{
	display:none!important;
}
#LauncherTranslatePhrase{
	background:rgba(255,255,255,.5)!important;
	height: auto!important;
	padding: 5px 0 5px 0!important;
	-webkit-border-radius:  3px;
	-moz-border-radius:     3px;
	border-radius:          3px;
}
#TranslateSpan {
	font-size: 11px!important;
	color:#666!important;
}
#LauncherTranslatePhrase:hover #TranslateSpan{
	color:#000!important;
}
#WidgetFloaterPanels {
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	-ms-transform: translate(-111px,0); /* IE 9 */
	-webkit-transform: translate(-111px,0); /* Chrome, Safari, Opera */
	transform: translate(-111px,0);
}

/*_____________Choose Database____________*/


html, body{
    min-height: 100%;
}

body{
	font-size: 11px; 
	font-family: 'Open Sans', trebuchet ms, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;

	background: #ADADAD url(img/BG7.svg) no-repeat center 0;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	text-align: left;
	color: #555;
	margin:0;
	padding:0;
	height:100%;
}

.ie8andDown body {
    background: #D6D6D6 url(img/texture.jpg) 0 0 repeat;
    background-size: auto;
}


#mainWrap{
	margin:0 auto;
	max-width:800px;
}
.clientID{
	position:relative;
}
.Logo{
	background: url(logo.png) 0 100% no-repeat;
	height: 80px;
	float:left;
	width:50%;
    cursor:pointer;
}
#databaseName{
	text-align:right;
	width:50%;
	float:right;
	position:absolute;
	top:0;
	bottom:0;
	right:0;	
}
#databaseName div{
	position:relative;
	height: 100%;
}
.databaseNameTitle{	
	color: #fff;
	font-weight:400;
    font-size:12px;
	position:absolute;
	bottom:0;
	right:0
}

.MenuTab{
	padding-top:10px;
}

.Content{
	background: #F5F5F5;
	background: rgba(255,255,255,0.75);
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	padding:20px;
	margin-top:10px;
    position: relative;
}

.subContent{
	padding:0 10px;
}


.Footer{
	color: #666;
    text-align:left;
    font-size: 10px;
	line-height:12px;
	padding:10px;
}
.FooterContainer{
	position:relative;

}
#owner{
	float:left;
	width:50%;
}
#usoCookies{
	text-align:right;
	width:50%;
	float:right;
	position:absolute;
	top:0;
	bottom:0;
	right:0;	
}
#usoCookies > div{
	position:relative;
	height: 100%;
}
a#cookies{
	position:absolute;
	bottom:0;
	right:0;
	text-transform:uppercase;
    font-weight:600;
    border-bottom: 3px solid #007ACC;
    padding-bottom: 4px;
}
.Footer a{font-size:10px!important;}
.Footer a:hover{text-decoration:none; }

.white-popup {
  position: relative;
  color: #FFF;
  padding: 30px;
  font-weight:300;
  font-size:15px;
  border: 1px dotted #FFF;
  width: auto;
  max-width: 775px;
  margin: 0 auto;
}

.Title{
	font-weight: 300;
	font-size:26px;
	line-height:26px;  
}

.smaller{
	font-size:22px;
}

.Title, .Title2{
	padding: 0;
	display:block;
	color:#007ACC;
	text-transform:uppercase;
	letter-spacing: -0.035em;
	text-decoration: none;
}
.Title2{
	font-weight: 600;
	text-transform:none;
	font-size:14px;
	line-height:16px;  
	position:relative;
    display:inline;
}
.Title2 a{
	font-weight: 600;
	text-transform:none;
	font-size:14px!important;
	line-height:16px!important;
}

.Title:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
    position:relative;
	left: 0;
}
.Foto:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ebff";
    padding-right: 7px;
	top:3px;
}
.Pesquisa:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ebfd";
    padding-right: 7px;
	top:3px;
}
.DSI:before {
	font-size: 33px;
	line-height: 33px;
	content: "\e6e2";
    padding-right: 7px;
	top:3px;
}

.Utilizador:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ebfb";
    padding-right: 7px;
	top:3px;
}
.Movimentos:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec14";
    padding-right: 7px;
	top:3px;
}


.UserLogin:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec01";
    padding-right: 7px;
	top:3px;
}


.Password:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ebfc";
    padding-right: 7px;
	top:3px;
}

.Comentarios:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec08";
    padding-right: 7px;
	top:3px;
}
.Coments:after {
    font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
    position:relative;
	font-size: 26px;
	line-height: 26px;
	content: "\ec08";
    padding-left: 7px;
}

.Tag:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec00";
    padding-right: 7px;
	top:3px;
}
.Book:before {
	font-size: 33px;
	line-height: 33px;
	content: "\edc3";
    padding-right: 7px;
	top:3px;
}

.Info:before {
	font-size: 30px;
	line-height: 30px;
	content: "\e792";
    padding-right: 7px;
	top:3px;
}
.Erro:before {
	font-size: 30px;
	line-height: 30px;
	content: "\e790";
    padding-right: 7px;
	top:3px;
}

.Edit:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec03";
    padding-right: 7px;
	top:3px;
}
.Ver:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec07";
    padding-right: 7px;
	top:3px;
}
.Exemplar:before {
	font-size: 33px;
	line-height: 33px;
	content: "\e6c8";
    padding-right: 7px;
	top:3px;
}

.SendMail:before {
	font-size: 33px;
	line-height: 33px;
	content: "\ec0d";
    padding-right: 7px;
	top:3px;
}


.SubTitle{
	font-size: 15px;
	color: #999;
	font-style: italic;
	font-weight:400!important;
	letter-spacing: 0px;
}

.SubTitle2{
	color:#007ACC;
	font-size: 12px;
	font-weight:600;
}
.Normal {
    font-style:normal;
}
.Description{
	font-size: 10px;
	color: #555;
	font-weight:600;
	padding-bottom:7px;
}
.mini{
	font-size: 11px;
	color: #222;
}
.subdescription a {
	font-size:10px!important;
	text-transform:lowercase!important;
}
.Description i {
    font-weight:400!important;
}


.RegDetails{
    display:block;
	margin-top:10px;
	margin-left:10px;
}

.SubDescription{
	font-size: 10px;
	color: #888;
	display:inline-block;
	text-transform:uppercase;
}
.Text{
	color: #666;
	line-height:13px;
	font-size: 11px;
}
.Text label, .InputBox label{
	position:relative;
	top:-2px;
}

.Alert{
	font-weight:400;
	line-height:14px;
	font-size: 12px;
	color: #fff;
	display:block;
    position:relative;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;  
    background: #007ACC;
    padding:10px 10px 10px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: all 0.2s ease-in-out;
}
.Alert i{
    font-weight:400!important
}
.Alert:before {
    content: "\e792";  
    font-family: 'icomoon';
    speak: none;
    font-size: 21px;
    line-height: 21px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 12px;
    top: 6px;
}

.Alert[style*="inline"]{
    display:block !Important;
}

.Alert.red{
    background: #EE3A43;

}

.Alert.red:before {
    content: "\e790"; /*e790   e86d ec88 */
}

#btnToogleHelp{
	background:#ccc;
	padding:10px;
	margin-top:10px;
	cursor:pointer;
}

.aberto{
	background: #222!important;
	color:#eee;
}

/*************************************************************
ACCORDION
 **************************************************************/
#accordion-container {
	font-size: 12px;
	padding: 0;
	margin: 10px 0 20px 0;
	border:1px solid #ccc;
}

.accordion-header {
	margin:0 0!important;
	border-bottom:1px solid #fff;
	padding:14px 70px 12px 50px;
	cursor: pointer;
	position:relative;
	-webkit-transition:	    background-color 0.2s ease-out;
	-moz-transition:		background-color 0.2s ease-out;
	-o-transition:			background-color 0.2s ease-out;
	-ms-transition:		    background-color 0.2s ease-out;
	transition:				background-color 0.2s ease-out;

}

.active-header,.active-header:hover  {
	background: #fff;
	color:#333;
}

.inactive-header {
	background: #fff;
	color:#999;

}
.inactive-header:hover {
	color:#28282B;
	background: #fff ;
}

.accordion-content {
	display: none;
	width:100%!important;
	height:auto;
	border-top: 0;
	background: #28282B;
    font-weight:300;
	position:relative;
	font-size: 13px;
	color: #EFEBE9;
}
.accordion-content:after, #mobileMenu:after {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 22px;
	display: block;
	background: url(../../images/bg_head_shadow3.png) no-repeat center top;
	background-size: 100%;
	z-index: 1;
}
.accordion-content .Text{
	color:#ababab;
}

strong, b{
	font-weight:600;
}
.subContent b {
    font-weight: 700;
}
.accordion-content strong, .accordion-content b{
	color: #fff;
    font-weight: 400;
}
.accordion-content em, .accordion-content i {
	color:#fff;
}
.headerHelp{
	color: #8297FF;
	font-weight:400;
	text-transform:uppercase;
	font-size:13px;
}
.content-padding {
	padding:10px 40px 20px 40px;
	text-align:left;
}
.content-padding h1{
	margin-bottom:10px;

}
.contentwrap{
	font-size:13px;
	line-height:13px;
	font-weight:600;
}
.contentwrap:before{
	content: "\ec02";
	font-family: 'icomoon';
	speak: none;
	font-size: 21px;
	line-height:21px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 25px;
	top:9px;
}
.accordion-content a{
	font-weight:600;
}
.accordion-header:after{
	content: "\ec85";
	font-family: 'icomoon';
	speak: none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 30px;
	top:14px;
}

.active-header:after{
	content: "\ec86";
}



.navigation {
    padding-top:8px;
}
.pagination {
    margin-bottom:15px;
}

.light {
    background:#fff;
}


/*************************************************************
END ACCORDION
 **************************************************************/
.divide5			{	width:100%;height:5px;}
.divide10			{	width:100%;height:10px;}
.divide15			{	width:100%;height:15px;}
.divide20			{	width:100%;height:20px;}
.divide40			{	width:100%;height:40px;}
.divide50			{	width:100%;height:50px;}

.parceiros{display:none;}
.waitDIV{
	text-align:center;
	padding:30px 0 40px 0;
}

.InputBox {
	background: #fff!important;
	border:1px solid #ccc!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	font-weight:400;
	font-size: 12px;
	text-align:left;
	display: block;
	width: 100%;
	padding: 6px 10px;
	color: #555555;
	vertical-align: middle;	
}

.InputBox, input, select, .InputBoxInline  {
	margin:5px 0;
	outline: 0;
	font-family: 'Open Sans', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif!important;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;     
  }
  
input[type="checkbox"] {
	margin: 0 5px 0 0;
}


input[type="radio"] {
	margin-right: 5px;
}

.InputBoxInline {
	background: none!important;
	border:1px solid #ccc!important;
	-moz-box-shadow:none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	font-weight:400;
	font-size: 12px;
	text-align:left;
	width: 100%;
	padding: 2px 3px;
	color: #555555;
	vertical-align: middle;	
    position:relative;
    top:-1px;
}
.InputBoxCesto {
    position:relative;
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box;    
	box-sizing: content-box;     
    float: right;
    margin-right: 0px!important;
	
}

hr{
	border-right: #c9c9c9 1px solid;
	border-top: #c9c9c9 1px solid;
	border-left: #c9c9c9 1px solid;
	border-bottom: #c9c9c9 1px solid
}

/*************   responsive tables   *****************/

table#advanced, table#HistoryTable, table.table-responsive {
	border-collapse: collapse;
	text-rendering: optimizeLegibility;
	width:100%;
	margin-bottom:10px;
	
}
table.table-responsive {
	margin-bottom:0;
    color: #444;
}
table#advanced thead th, table#HistoryTable thead th, table.table-responsive thead th  { 
	font-weight: 600; 
    text-align:left;
}
table#advanced thead th, table#advanced tbody td {
	padding: 5px; 
}
table#advanced tbody td, table#HistoryTable tbody td  {
	padding: 5px; 
}

table#advanced tbody td.VAtop{
	vertical-align:top;
}

table#HistoryTable{
	background: #007ACC;
	color:#fff;
	font-weight:600;
}
table#HistoryTable thead th{
	text-transform:uppercase;
	font-weight:400;
}
table.table-responsive thead th{
    font-weight: 300;
    background: #ACACAC;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}

table#HistoryTable thead th, table#HistoryTable tbody td {
	padding:10px;
}
table.table-responsive thead th, table.table-responsive tbody td{
	padding:5px;
}
table#HistoryTable tbody td {
	background: #fff;
	color:#444;
}

table#HistoryTable tbody td > div > img{
	position:relative;
	top:7px;
}


table#HistoryTable tbody tr {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.accordion-content table th, .accordion-content table td{
    padding: 5px;
}
#tblAddComments {
    width:100%;
	border-collapse: collapse;
}
.comentarios {
    width:100%;
	border-collapse: collapse;
    margin-bottom:20px;
}
.starsRate {
    text-align:right;
    width:100px;
}
/*_________FOO TABLE____________*/

.footable {
   border-bottom: 1px solid #ccc!important;
}
.footable > thead > tr > th {
   background: #007ACC;
}
.footable > thead > tr > th, .footable > thead > tr > td, .footable > tfoot > tr > th, .footable > tfoot > tr > td {
    background-color: #007ACC;
    /*border: 1px solid #007ACC;*/
}
.footable-row-detail-name {
    color:  #007ACC;
}

.status-metro {
    display: inline-block;
    padding: 4px 7px;
	color: #fff!important;
    text-decoration:none!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
   	-webkit-transition:	all 0.2s ease-in-out;
	-ms-transition: 		all 0.2s ease-in-out;
	-moz-transition:		all 0.2s ease-in-out;
	-o-transition: 			all 0.2s ease-in-out;
	transition: 				all 0.2s ease-in-out;

}
.status-metro.status-link {
   background: #007ACC;
}
.status-metro.status-link:hover, .status-metro.status-link:active{
    background: #28282B;
}

.status-metro.status-disabled {
    background: #999999;
}


/*************   colunas   *****************/

.col-md-21, .col-md-22  {
	position: relative;
	float:left;
	width: 48%;
}
.col-md-22  {
	float:right;
}

/*.esquerda, .direita{
	width:50%;
	float:left;
	display:block;
}
.direita{
	float:right;
}*/

.tdBG {
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
}

.detalhes {
    margin-bottom:10px;
}
.grid_two_Detahes_first {
	width:21%;
	float:left;
}
.grid_two_Detahes_second {
	width:77%;
	float:right;
}

.grid_two_RightB_first{
	width:24.5%;
	float:left;
}
.grid_two_RightB_second{
	width:74.5%;
	float:right;
}

.grid_two_LeftB_first{
	width:74.5%;
	float:left;
}
.grid_two_LeftB_second{
	width:24.5%;
	float:right;
}
.DetailsContainer .grid_two_LeftB_second > div{
    padding:0 5px;
    position: relative;
    top: -3px;
}
.DetailsContainer .grid_two_LeftB_second img, img.ImagemDetalhes{
    background:#ccc;
    padding:1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.leftFloat{
	float:left;
	padding:13px 10px;
}

.tdBG table, .tdBG table{
    border:none!important;
}

.left{
	float:left;
}
.combine {
    padding-bottom:5px;
}
.combine > div{
	min-width:60px;
	margin-right:10px;
}
.combine > span{
    margin-top: 5px;
}

.LeftPaneBig{
    width:74.5%;
    float:left;
}
.RightPaneSmall{
    width: 24.5%;
    float: right;
}

.LeftPaneSmall{
    float: left;
    max-width: 24.5%;
    padding-right:15px;

}
.RightPaneBig{
    float: left;
}
#permaLinkPlace{
    float:left;
    margin-right:5px;

}
/*************   BUTTONS   *****************/
.Button, .ButtonBig, .AltButton{
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:18px;
	letter-spacing:0.025em;
	font-family: 'Open Sans', sans-serif;
	width: auto;
	min-width:100px;
	cursor: pointer;
	color: #fff;
	font-weight:600 ;
	padding: 7px 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: none;
	background: #007ACC;
	margin-bottom:3px;
    -webkit-box-shadow: 	0 -3px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:    	0 -3px rgba(0, 0, 0, 0.1) inset;
    box-shadow:         		0 -3px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition:	all 0.2s ease-in-out;
	-ms-transition: 		all 0.2s ease-in-out;
	-moz-transition:		all 0.2s ease-in-out;
	-o-transition: 			all 0.2s ease-in-out;
	transition: 			all 0.2s ease-in-out;
}
	
.Button:focus, .ButtonBig:focus, .AltButton:focus{
	outline:0;
}

.Button:hover, .Button:active, .Button:focus, .ButtonBig:hover, .ButtonBig:focus, .ButtonBig:active, .AltButton:hover, .AltButton:active, .AltButton:focus{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
}

.AltButton{
	padding: 4px 10px;
}

.Button[disabled], .Button[disabled]:hover, .Button[disabled]:focus, .Button[disabled]:active,.AltButton[disabled], .AltButton[disabled]:hover, .AltButton[disabled]:focus, .AltButton[disabled]:active {
	background: #ccc;
}
.Secondary{
    background:#28282B!important;
}

.Secondary:hover, .Secondary:active, .Secondary:focus{
    color: #8297FF;
}
.Soft{
    background:#999!important;
}

.Soft:hover, .Soft:active, .Soft:focus{
    background: #666!important;
}


.Transparent{
    background: none!important;
    padding: 7px 12px!important;
    min-width: 40px!important;
}
.Transparent:hover, .Transparent:active, .Transparent:focus {
    color: #8297FF;  
}

.Mail, .Print, .Export, .Next, .Prev {
	min-width: 40px;
    width: 40px;
    text-indent: -10000px;
    position: relative;
   /* background: #fff!important;*/

}
.Mail:before, .Print:before, .Export:before, .Prev:before, .Next:before  {
    width: 100%;
    text-indent: 0px;
    position: absolute;
    left: 0;
    top:0;
    line-height: 25px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 17px;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.Mail:before {
    content: "\ed90";/*ec0d ecea  ed90*/
    font-size: 19px;
    line-height:27px;
}
.Print:before {
    content: "\edb2";
}
.Export:before {
    content: "\ee2f" /*e6f9  e860 ee2f*/;
}
.Next:before {
    content: "\ee5c";/*ee64  ec73 e7c5*/
    font-size: 19px;
}
.Prev:before {
    content: "\ee59";/*ec72 ee61 e7c1  e7c9*/
    font-size: 19px;
}
.Mail:hover:before, .Print:hover:before, .Export:hover:before, .Mail:focus:before, .Print:focus:before, .Export:focus:before, .Mail:active:before, .Print:active:before, .Export:active:before {
    color: #8297FF;
}



/*************   END BUTTONS   *****************/



a:visited, a:active, a:link{
	color:#007ACC;
	text-decoration: none;	
	font-size: 11px;
	line-height:13px;
}
a:hover{text-decoration:underline;}


.ResultsTitle{
	font-size: 11px;
	color: #222;
	display:block;
	font-weight:600;
}

.ResultsTitle2{
	font-size: 9px;
	line-height:12px;
	color: #fff;
	font-weight:400;
    background: #007ACC;
    letter-spacing: 0.025em;
    text-transform: uppercase;

}

.ResultsNumbers{
	font-size: 17px;
	color: #666666;
}

.DivButtons{
	padding: 15px 0 10px 0!important;
}
.right{
	text-align:right;
}
.Results{
	font-size: 11px;
	color: #666666;
	display:block;
	padding-bottom:7px;
	
}
td.Results{
	padding-bottom:5px;
}
ul.Results, ul.Results2{
	list-style-type: none;
	margin:0;
	padding:0;
	padding-bottom:7px;
}
ul.Results li, ul.Results2 li{
	margin-bottom: 7px;

}
ul.Results span, ul.Results2 span{
	cursor:pointer;
}

.titulo{
    font-weight:600;
    color: #666;
}
.inline{
	display: table-cell!important
}
a.lermais img {
    position:relative;
    top:3px;
    left:-3px;
}
.Results2{
	font-size: 11px;
	color: #666666;
}

.DivResults{
	padding: 10px 10px 20px 10px;
	background: none;
	border-top: 1px solid #c9c9c9;
}
.DivResultsInBasket{
	padding: 10px 10px 20px 10px;
	border-top: 1px solid #c9c9c9;
	background:#fff;
}

.ReducedFormat .DivResults, .ReducedFormat .DivResultsInBasket{
	padding: 0;
	border-top: none;
    padding-bottom:5px;
}

.ExemplarResult .DivResults {
	border-top: none;
    padding:0!important;
}

.ExemplarResult .addCesto {
    display:none;    
}

#datagridContainer {
    /*
    background:#fff;
    margin-top: 10px;
    border: 1px solid #ccc;

    */
}
#datagridContainer table{
    text-align: left;
}

.addCesto{
	float: left;
	width:50px;
    position: relative;
    padding-top: 2px;
}

#PrintExemplar a {
    display: block;
    font-size: 10px!important;
    padding: 5px 0 6px 0;
    margin-top: 10px;
    color: #999;
    text-decoration: none;
    z-index: 1;
	text-indent: -10000px;
	position: relative;
	-webkit-transition: 	all 0.2s ease-in-out;
	-ms-transition: 		all 0.2s ease-in-out;
	-moz-transition: 		all 0.2s ease-in-out;
	-o-transition: 			all 0.2s ease-in-out;
	transition: 			all 0.2s ease-in-out;
}
#PrintExemplar a:before{
	width: 100%;
	text-indent: 0px;
	position: absolute;
	left: 1px;
	top: 0;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#PrintExemplar a.exemplares-link:before{
	content: "\e6c8"; /* e6bb   edc3  e8f8 ee36 e872  ebfd e6c8*/
	font-size: 20px;
	line-height:23px;
}
#PrintExemplar a.details-popup-link:before{
	content: "\ec0e"; /*e944 e76f ec0e  ec2f eca3  eda9 e885 ebf6 eda7 */
	font-size: 18px;
	line-height:26px;
	left: 2px;
}


#PrintExemplar a.exemplares-link:hover, #PrintExemplar a.exemplares-link:active, #PrintExemplar a.details-popup-link:hover, #PrintExemplar a.details-popup-link:active{
	color: #007ACC;
    border-color: #C9C9C9
}



.DetailsContainer {
	float: left;
    display: block;
    width: 100%;
    margin-left: -50px;

}
.Details{
    padding-left: 60px;
    padding-right: 10px;
}


.DetailsTitle{
    font-size: 12px;
    color: #28282B;
    font-weight: 600;
	padding-bottom:7px;
	display:block;
}


.border1{
    border-top:1px solid #C9C9C9
}


#tvCatalogsDIV td{
	white-space:normal!important;
}

#tvCatalogsDIV {
	padding:20px 0;
	position:relative;
}
.OPACQRCode img{
	position:absolute;
	right:0;
	bottom:0;
	border: 1px solid #ddd;
	
}
#tvCatalogsDIV > a{
	display:none;
}

#tvCatalogsDIV .dbTreeView {
	padding: 1px;
	height: auto;
	font-weight: normal;
	font-size: 11px;
}
#tvCatalogsDIV .dbTreeView a{
	position:relative;
	left:10px;
}
#tvCatalogsDIV .dbTreeView a img{
	position:relative;
	top:2px;
	left:-4px;
}


.ShowContent3{
	width:544px;
	height:auto;
	overflow:auto;
	padding:1px 2px;
	margin: 0px;
	border-top: 0px solid #333333;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 0px solid #333333;

}

.ShowContent33	{
	overflow: auto;
	padding:0;
	margin: 0px;
	border-top: 0px solid #333333;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 0px solid #333333;

}
.ShowContent33 img{
	border:1px solid #999!important;
}

.download button {
	padding: 10px 16px;
	background:#f6f6f6 url(../../images/download_icon_12.png) 50% no-repeat;
	border:0;
	border:1px solid #ccc;
	cursor:pointer;
	
}
.download button:hover{
	background-color:#ffffff;
} 

/********_TO TOP_********/
.scroll-to-top {
	-moz-border-radius: 7px 7px 0 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 7px 7px 0 0;
	-webkit-transition: all 0.3s;
	background: #404040;
	border-radius: 7px 7px 0 0;
	bottom: -50px;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 12px 0 26px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	width: 49px;
	z-index: 1040;
}

.scroll-to-top:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.scroll-to-top.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
	bottom: 0px;
}

.icon {
    display: inline-block;
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transition:	    all 0.3s ease-in-out;
	-moz-transition:		all 0.3s ease-in-out;
	-o-transition:			all 0.3s ease-in-out;
	-ms-transition:		    all 0.3s ease-in-out;
	transition:			    all 0.3s ease-in-out;
}

.icon-to-top:before {
    content: "\ee5b";
    font-size: 20px;
    line-height: 23px;
}

.icon-white {
    color:#fff;

}
.scroll-to-top:hover .icon-white{
    color: #8297FF;
}


.icon-to-cesto:before {
    content: "\e6d1";
    font-size: 20px;
    line-height: 20px;
    padding-left: 10px;
   	position: absolute;
	top: -1px;
    font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.icon-dark {
    color: #28282B;
}
.DivResultsInBasket .icon-dark {
    color: #007ACC;
}
#show_bibliotecas {
    display:none;
}
#toogle_bibliotecas {
    cursor: pointer;
}
#toogle_bibliotecas:after {
    content: "\ec85";
    font-family: 'icomoon';
    speak: none;
    font-size: 13px;
    padding-left:10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position:relative;
    top:1px;

}
#toogle_bibliotecas.active{
    border: none;
    background: none;
}
#toogle_bibliotecas.active:after {
    content: "\ec86";
}
#emprestimos, #reservas {
    padding-top:10px;
}
#dadosPessoais {
    border-top: 1px solid #ccc!important;
    padding: 12px 10px 10px 10px;
	background:#fff;

}

.shadow{
	width: 100%;
	height: 22px;
	display: block;
	background: url(../../images/bg_head_shadow3.png) no-repeat center top;
	background-size: 100%;
}

.userdata{
    color:#007ACC;
    font-weight:600;
    padding-right:5px;
}
img.userPhoto {
 padding:1px;
 background: #ccc ;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
}

.escondido {
    display:none;
}

/*************************************************************
 MUSETTE VISUAL FORMAT 
**************************************************************/

td.toBascket{
padding:0 10px;

}

td.toBascket input{
margin-top:3px;

}
.resultsHeader{
	color: #222;
	position:relative;
}
.resultsHeader, .active{
	width:100%; 
	border-top:solid 1px #ffffff; 
	border-bottom:solid 1px #ccc; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	cursor:pointer; 
}

.active{
	background-color:#fff;
}

.resultsHeader:hover{
	background-color:#fff;
	color: #000;
}

.resultsHeader:before {
	content: '';
	position: absolute;
	right:15px;
	top:50%;
	width: 12px;
	height: 8px;
	display: block;
	margin-top:-4px;
	background:url('img/arrows.png') 0 0 no-repeat; 
}

.resultsHeader.active:before{
	background-position:0 -8px; 
}

.selected, .resultsHeader .active .divResults{
	background-color:#fff!important;
}
.divResults.collapsed{
	margin:0px 0px 0px 0px;
	padding:20px 20px 20px 24px; 
	border-bottom:solid 1px #e9e9e9;
	display:none;
}

.ResultsExpander{
	width:640px; 
	padding: 10px 20px 10px 0; 
}

.resultsSynthesisBold{
	font-size:11px; 
	font-weight:600;

}
.resultsSynthesisNormal{
	font-size:11px; 
	COLOR: #000;
}

.SubDescription{
	display:Inline;
} 

img.autoridade{
	position: relative;
	top:5px;
	left: 3px;
}
/*************************************************************
 FONTS 
**************************************************************/

@font-face {
	font-family: 'icomoon';
	src:url('Fonts/icomoon/icomoon.eot');
	src:url('Fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('Fonts/icomoon/icomoon.ttf') format('truetype'),
		url('Fonts/icomoon/icomoon.woff') format('woff'),
		url('Fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*************************************************************
 MEDIA QUERIES 
**************************************************************/
@media screen and (max-width: 767px),only screen and (max-device-width :767px) {
	#Nav{
		display:none;
	}
	#mobileNav{
		display:block!important;
	}
	#menuDiv{
		display:none!important;
	}
	#mainWrap{
		padding:0 15px;
	}
	
	.content-padding {
		padding: 10px 20px 20px 20px;
	}	
    .subContent {
        padding: 0;
    }
	
	.col-md-21, .col-md-22 {
		width: 100%;
	}
	 .col-md-22 {
		margin-top: 10px;
	}
	.scroll-to-top{
		display:none;
	}

}
@media screen and (max-width: 600px) {

    #mainWrap{
		padding:0 5px;
	}
	.Content{
		padding:15px;
	}
	.DivResults, .DivResultsInBasket{
		padding: 10px 5px 15px 5px;
	}
	

	table#advanced{
		margin-top:-25px;
		text-align:center;
	}
	table#advanced thead, table#HistoryTable thead, table.table-responsive thead, table.table-responsive tbody tr td:first-child:before  { 
		display: none; 
	}
	table#advanced tbody td, table#HistoryTable tbody td, table.table-responsive tbody td  { 
		display: block; 
	}
	table#advanced tbody td:before {
		content: attr(data-th); 
		display: inline-block; 
		width: 100%;
		font-weight: 600;
	}
	.grid_two_RightB_first, .grid_two_RightB_second{
		float:none;
		width:100%;
	}
	.leftFloat{
		float:none;
		padding: 5px;
	}

	table#advanced tbody td.VAtop{
		color:transparent
	}
	
	
	table#HistoryTable tbody tr td:first-child { 
		background: #007ACC;
	}
	table#HistoryTable tbody tr td:first-child:before { 
		display:none;
	}
	table#HistoryTable tbody tr td:first-child, table#HistoryTable tbody tr td:first-child a{
		color:#fff;
		font-size:14px;
		line-height:18px;
		font-weight:400;
	}
	table#HistoryTable tbody td:before {
		content: attr(data-th); 
		font-weight: 400;
		display: inline-block; 
		width: 90px;
		text-transform: uppercase;
		color:#777;
		font-size:12px;
	}	
	table#HistoryTable tbody td > div{
		margin-left:90px;
		margin-top:-15px;
	}
	table#HistoryTable tbody td > div > img{
		top:0;
	}	
	
	table#HistoryTable .ResultsTitle{
		line-height:21px;
	}

    table.table-responsive tbody tr td:first-child { 
      background: #ACACAC; 
      color: #fff; 
      text-transform: uppercase;
      font-weight:300;
    }
	table.table-responsive tbody td:before { 
        content: attr(data-th); 
        font-weight: 600;
        display: inline-block;
        width: 90px;
		color:#777;
   }

	.grid_two_RightB_second{
		margin:5px 0;
	}

    .LeftPaneBig{
        width:100%;
        float:none;
    }
    .RightPaneSmall{
        float:none;
        padding-left: 60px;
        width: auto;
		margin-top:-10px;
    }

    .LeftPaneSmall {
        float:none;
        max-width:100%;
        padding-right:0;
        padding-bottom:5px;
    }
    .RightPaneBig {
        float:none;
    }

    .ExemplarResult .RightPaneSmall {
        padding-left: 20px;
    }
    .detalhes .RightPaneSmall {
        padding-left: 0;
    }
    .DivResultsInBasket, .DivResults{
        padding-left:0;
        padding-right:0;
    }
    .DetailsContainer .grid_two_LeftB_second > div {
        padding-right:10px;
    }
    .Details{
        padding-right:0;
    }
    #databaseName{
        display:none;
    }
    .Logo {
        width:100%!important;
        float: none;
    }


}
@media screen and (max-width: 420px),only screen and (max-device-width :420px) {
	.Title{
		font-size:18px;
	}
	.Title:before{
		font-size:24px!important;
	}
}

#disablingDiv {
    /* Do not display it on entry */
    display: none;
    /* Display it on the layer with index 1001.
       Make sure this is the highest z-index value
       used by layers on that page */
    z-index: 1001;
    /* make it cover the whole screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /* make it white but transparent */
	/*
    background-color:white;
    opacity: .5;
    filter: alpha(opacity=00);
    display: flex;
    align-items: center;
	*/
	background: rgba(255,255,255,0.5)  url(../../images/ajax-loader.gif) fixed no-repeat 50% 50%;
}