.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }

.modal-open {overflow: hidden;}
.modal {position: fixed;top: 135px;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal-backdrop.fade {filter: alpha(opacity=0); opacity: 0;}
.modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}


/* ==========================================================================
   LOGIN MODAL Style
   ========================================================================== */
.modalLogin {width:350px; margin:auto; top:135px; background:#FFFFFF; padding:25px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:1001;}
.modalLogin label{font-weight:700; display: block; font-size:0.875em; text-align: left;}
.modalLogin .titulo{overflow:hidden; margin-bottom:30px; width:100%;}
.modalLogin .titulo h3{float:left; position:relative; font-size:14px; line-height:20px;}
.modalLogin .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.modalLogin .titulo button{line-height:20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
.modalLogin .titulo a{line-height:20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
.modalLogin .titulo button:hover{color:#333;}
.modalLogin .titulo a:hover{color:#333;}
.modalLogin .titulo button:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
.modalLogin .titulo a:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
.modalLogin ul{list-style-type: none; margin:0 auto; padding:0;}
.modalLogin .search-button input{float: none; color: #333; background-color: #e0cce9; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #e0cce9;}
.modalLogin .search-button button{float: none; color: #333; background-color: #e0cce9; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #e0cce9;}
.modalLogin .search-button input:hover{cursor:pointer; background-color:#8c42ad;}
.modalLogin .search-button button:hover{cursor:pointer; background-color:#8c42ad;}
.modalLogin .search-button input:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}
.modalLogin .search-button button:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}

/* ==========================================================================
   PESQUISA SIMPLES MODAL Style
   ========================================================================== */
.modalPesquisaSimples {width:40%; margin:auto; top:135px; background:#FFFFFF; padding:25px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:1001;}
.modalPesquisaSimples label{font-weight:700; display: block; font-size:0.875em; text-align: left;}
.modalPesquisaSimples .titulo{overflow:hidden; margin-bottom:30px; width:100%;}
.modalPesquisaSimples .titulo h3{float:left; position:relative; font-size:14px; line-height:20px;}
.modalPesquisaSimples .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.modalPesquisaSimples .titulo button{line-height:20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
.modalPesquisaSimples .titulo button:hover{color:#333;}
.modalPesquisaSimples .titulo button:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }

.modalPesquisaSimples .input-group .form-control{border-top-left-radius:10px !important; border-bottom-left-radius:10px !important;}
.modalPesquisaSimples .input-group .btn{float: right; color: #333; background-color: #8c42ad; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #8c42ad;}
.modalPesquisaSimples .input-group .btn:hover{cursor:pointer; background-color:#8c42ad;}
.modalPesquisaSimples .input-group .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}

/* ==========================================================================
   News-Roller MODAL Style
   ========================================================================== */
.modalNewsRoller-content {width:70%; height:70%; margin: auto; padding: 0; top: 10%; left: 50%; transform: translate(-50%,0%); position:absolute; overflow-y:auto;}
.modalNewsRoller .close {color: white; position: absolute; top: 10px; right: 10px; font-size: 35px; font-weight: bold;} 
.modalNewsRoller { display: none; min-width:100%; min-height:100%; background-color: #333; position: fixed; z-index:1; left: 0; top: 80px;}

.modalNewsRoller .close:hover, .modalNewsRoller .close:focus {color: #999; text-decoration: none; cursor: pointer;}
.modalNewsRoller .mySlides {transition: all 1s linear; display: block;}
.modalNewsRoller .mySlides.hidden {display: none;}
.modalNewsRoller .mySlides.visuallyhidden {opacity: 0;}
.modalNewsRoller .mySlidesImg{float:left; padding:8px 12px;}
.modalNewsRoller .mySlides img{    max-width: 100%; max-height: 100%;}
.modalNewsRoller .cursor {cursor: pointer;}

/* Next & previous buttons */
.modalNewsRoller .icons{top:80%; position:absolute; width:100%; text-align:center; margin:10px auto}
.modalNewsRoller .prev, .modalNewsRoller .next {opacity:0.5; cursor: pointer; padding: 10px; color: white; font-weight: bold; font-size: 25px; transition: 0.7s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.modalNewsRoller .prev:hover, .modalNewsRoller .next:hover {opacity:1;}

/* Number text (1/3 etc) + título da notícia */
.modalNewsRoller .numbertext {color: #fff; font-size: 15px; padding: 8px 12px; /*position: absolute;*/ top: 0;}



.modalAconteceuBib-content {width:70%; height:70%; margin: auto; padding: 0; top: 10%; left: 50%; transform: translate(-50%,0%); position:absolute; overflow-y:auto;}
.modalAconteceuBib .close {color: white; position: absolute; top: 10px; right: 10px; font-size: 35px; font-weight: bold;} 
.modalAconteceuBib { display: none; min-width:100%; min-height:100%; background-color: #333; position: fixed; z-index:1; left: 0; top: 80px;}

.modalAconteceuBib .close:hover, .modalAconteceuBib .close:focus {color: #999; text-decoration: none; cursor: pointer;}
.modalAconteceuBib .mySlides {transition: all 1s linear; display: block;}
.modalAconteceuBib .mySlides.hidden {display: none;}
.modalAconteceuBib .mySlides.visuallyhidden {opacity: 0;}
.modalAconteceuBib .mySlidesImg{float:left; padding:8px 12px;}
.modalAconteceuBib .mySlides img{    max-width: 100%; max-height: 100%;}
.modalAconteceuBib .cursor {cursor: pointer;}

/* Next & previous buttons */
.modalAconteceuBib .icons{top:80%; position:absolute; width:100%; text-align:center; margin:10px auto}
.modalAconteceuBib .prev, .modalAconteceuBib .next {opacity:0.5; cursor: pointer; padding: 10px; color: white; font-weight: bold; font-size: 25px; transition: 0.7s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.modalAconteceuBib .prev:hover, .modalAconteceuBib .next:hover {opacity:1;}

/* Number text (1/3 etc) + título da notícia */
.modalAconteceuBib .numbertext {color: #fff; font-size: 15px; padding: 8px 12px; /*position: absolute;*/ top: 0;}

/* ==========================================================================
   LIGHTBOX'S Style
   ========================================================================== */

#lightbox{ display:none; background:#000; opacity:0.6; filter:alpha(opacity=90); position:fixed; top:0px; left:0px; min-width:100%; min-height:100%; z-index:1;}
#lightbox-panel, #lightbox-panel-autores, #lightbox-panel-descritores, #lightbox-panel-temas, #lightbox-panel-pedido-reserva, #lightbox-panel-pedido-reserva-status, #lightbox-panel-pedido-deposito, #lightbox-panel-pedido-deposito-status, #lightbox-panel-info, #lightbox-panel-info-newsletter, #lightbox-panel-login, #lightbox-panel-files, #lightbox-panel-change-password, #lightbox-panel-change-password-negado, #lightbox-panel-change-password-leitor, #lightbox-panel-import, #lightbox-panel-comentario-apagar{display:none; width:50%; position:fixed; top:135px; left:50%; margin-left:-25%; background:#FFFFFF; padding:20px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:1001;}
#lightbox-panel-login {width: 300px; margin-left: -150px; top:135px; background:#FFFFFF; padding:25px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:1001;}
#lightbox-panel-login label{font-weight:700; display: block; font-size:0.875em; text-align: left;}
#lightbox-panel-login #close-panel-login{cursor:pointer; padding:1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7; cursor: pointer;}
#lightbox-panel-login #close-panel-login:hover{color:#333;}
#lightbox-panel-login #close-panel-login:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
#lightbox-panel-login .titulo{overflow:hidden; margin-bottom:30px; width:100%;}
#lightbox-panel-login .titulo h3{float:left; position:relative; font-size:14px; line-height:20px;}
#lightbox-panel-login .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#lightbox-panel-login ul{list-style-type: none; margin:0 auto; padding:0;}
#lightbox-panel-login li{margin-bottom: 10px;}
#lightbox-panel-login input{text-indent: 15px;}
#lightbox-panel-login button{float:none; color: #333; background-color: #8c42ad; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 5px 0 0 0; border:1px solid #8c42ad;}
#lightbox-panel-login button:hover{cursor:pointer; background-color:#8c42ad;}
#lightbox-panel-login button:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}
#lightbox-panel-autores, #lightbox-panel-descritores, #lightbox-panel-temas{width:65%; left:50%; margin-left:-32.5%; }
#lightbox-panel-autores .titulo, #lightbox-panel-descritores .titulo, #lightbox-panel-temas .titulo{overflow:hidden; margin-bottom:20px; width:100%;}
#lightbox-panel-autores .titulo h3, #lightbox-panel-descritores .titulo h3, #lightbox-panel-temas .titulo h3{float:left; position:relative; font-size:16px; line-height:20px;}
#lightbox-panel-autores .titulo h3:before, #lightbox-panel-descritores .titulo h3:before, #lightbox-panel-temas .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#lightbox-panel-autores .titulo #close-panel-autores, #lightbox-panel-descritores .titulo #close-panel-descritores, #lightbox-panel-temas .titulo #close-panel-temas{cursor:pointer; padding:1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7; cursor: pointer;}
#lightbox-panel-autores .titulo #close-panel-autores:hover, #lightbox-panel-descritores .titulo #close-panel-descritores:hover, #lightbox-panel-temas .titulo #close-panel-temas:hover{color:#333;}
#lightbox-panel-autores .titulo #close-panel-autores:focus, #lightbox-panel-descritores .titulo #close-panel-descritores:focus, #lightbox-panel-temas .titulo #close-panel-temas:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
#lightbox-panel-autores nav.page_count, #lightbox-panel-descritores nav.page_count, #lightbox-panel-temas nav.page_count{width: 100%; height: 37px; line-height: 30px; border-top: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; margin-bottom:10px;}
#lightbox-panel-autores ul li, #lightbox-panel-descritores ul li, #lightbox-panel-temas ul li{margin-bottom:5px;}
#lightbox-panel-temas ul li.aux-table-page{display:inline;}
#lightbox-panel-autores ul li a, #lightbox-panel-descritores ul li a, #lightbox-panel-temas ul li a{color:#333;}
#lightbox-panel-autores ul li a:hover, #lightbox-panel-descritores ul li a:hover, #lightbox-panel-temas ul li a:hover{color:#333; text-decoration:underline;}
#lightbox-panel-autores span.current_page, #lightbox-panel-descritores span.current_page, #lightbox-panel-temas span.current_page {float: left; line-height: 30px; color: #b7b7b7;}
#lightbox-panel-autores .counting, #lightbox-panel-descritores .counting, #lightbox-panel-temas .counting {float: right; margin: 0; padding: 0;}
#lightbox-panel-autores .counting a, #lightbox-panel-descritores .counting a, #lightbox-panel-temas .counting a {color:#b7b7b7;}
#lightbox-panel-autores label, #lightbox-panel-descritores label{font-weight:700; font-size:14px; margin-right:5px;}
#lightbox-panel-autores input[type="radio"], #lightbox-panel-descritores input[type="radio"]{margin: 0 5px;}

#thesSelected li label {width:90%;font-weight:normal; margin:1% 2%;}
#lightbox-panel-descritores form{width: 100%; overflow: hidden; margin: 0;}
#lightbox-panel-descritores form filedset{line-height:35px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch;width: 100%;}
#thesSearchTerms{width: 50%; height: 40px;}
#thesSearchTerms[disabled], #thesSearchTerms[readonly], fieldset[disabled] #thesSearchTerms {cursor: not-allowed; background-color: #eeeeee; opacity: 1; }
#thesSearch, #thes-ok, #thes-clear, #thes-cancel{color: #333; background-color: #8c42ad; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 5px;}
#thes-ok{margin:5px 5px 5px 0;}
#thesSearch:hover, #thes-ok:hover, #thes-clear:hover, #thes-cancel:hover{background-color:#8c42ad;}
#thesSearch:focus, #thes-ok:focus, #thes-clear:focus, #thes-cancel:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}
#thesSearchType{height:40px;}
.coleft{border-radius:4px; float:left; width:59%; height:350px; background:#eaeaea; padding:10px 20px 10px 0; margin-top: 30px; overflow: auto;}
.coleft ul {padding:0 0 0 10px; list-style-type:none;}
.coleft .tselect {width:100%;font-weight:bold; margin:1% 0 1% 2%;}
.coleft li {padding:5px;}
/*.coleft span {display:inline !important;}*/
.coright {width:38%; height: 350px; float:right; padding-top:30px;}
.coright button{margin:10px 10px 0 0;}
.coright ul {padding:0 0 0 10px; list-style-type:none;}
.frame{border-radius:4px; height:281px;background:#eaeaea; overflow: auto;}

#lightbox-panel-pedido-reserva h1, #lightbox-panel-pedido-reserva-status h1, #lightbox-panel-pedido-deposito h1, #lightbox-panel-pedido-deposito-status h1, #lightbox-panel-info h1, #lightbox-panel-info-newsletter h1, #lightbox-panel-change-password h1, #lightbox-panel-change-password-negado h1, #lightbox-panel-change-password-leitor h1, #lightbox-panel-comentario-apagar h1  {color: #333; font-size: 16px; padding: 0; margin: 0 0 1em 0; font-weight: bold; text-align:center;}
#lightbox-panel-pedido-reserva, #lightbox-panel-pedido-deposito, #lightbox-panel-change-password, #lightbox-panel-change-password-negado, #lightbox-panel-change-password-leitor #lightbox-panel-comentario-apagar{text-align: center; width:400px; margin-left:-200px;}
#lightbox-panel-pedido-reserva-status, #lightbox-panel-pedido-deposito-status, #lightbox-panel-info, #lightbox-panel-info-newsletter {text-align: center; width:400px; margin-left:-200px;}
#lightbox-panel-pedido-reserva button, #lightbox-panel-pedido-reserva-status button, #lightbox-panel-pedido-deposito button, #lightbox-panel-pedido-deposito-status button, #lightbox-panel-info button, #lightbox-panel-info-newsletter button, #lightbox-panel-change-password button, #lightbox-panel-change-password-negado button, #lightbox-panel-change-password-leitor button, #lightbox-panel-comentario-apagar button{float:none; color: #333; background-color: #8c42ad; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 5px; border:1px solid #8c42ad;}
#lightbox-panel-pedido-reserva button:hover, #lightbox-panel-pedido-reserva-status button:hover, #lightbox-panel-pedido-deposito button:hover, #lightbox-panel-pedido-deposito-status button:hover, #lightbox-panel-info button:hover, #lightbox-panel-info-newsletter button:hover, #lightbox-panel-change-password button:hover, #lightbox-panel-change-password-negado button:hover, #lightbox-panel-change-password-leitor button:hover, #lightbox-panel-comentario-apagar button:hover{cursor:pointer; background-color:#8c42ad;}
#lightbox-panel-pedido-reserva button:focus, #lightbox-panel-pedido-reserva-status button:focus, #lightbox-panel-pedido-deposito button:focus, #lightbox-panel-pedido-deposito-status button:focus, #lightbox-panel-info button:focus, #lightbox-panel-info-newsletter button:focus, #lightbox-panel-change-password button:focus, #lightbox-panel-change-password-negado button:focus, #lightbox-panel-change-password-leitor button:focus, #lightbox-panel-comentario-apagar button:hover{border: 1px solid #8c42ad; outline: none; box-shadow: none;}
#lightbox-panel-pedido-reserva span, #lightbox-panel-pedido-reserva-status span, #lightbox-panel-pedido-deposito span, #lightbox-panel-pedido-deposito-status span, #lightbox-panel-info span, #lightbox-panel-info-newsletter span, #lightbox-panel-change-password span, #lightbox-panel-change-password-negado span, #lightbox-panel-change-password-leitor span, #lightbox-panel-comentario-apagar span{ width:300px; margin: 0 auto;  display: inline-block;}
#close-panel, #close-panel-pedido-reserva, #close-panel-files{cursor:pointer; padding:1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7; cursor: pointer;}
#close-panel:hover, #close-panel-pedido-reserva:hover, #close-panel-files:hover{color:#333;}
#close-panel:focus, #close-panel-pedido-reserva:focus, #close-panel-files:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }

#lightbox-panel-change-password-leitor .titulo button {line-height: 20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
#lightbox-panel-change-password-leitor .titulo h3 {width:90%; float: left; position: relative; font-size: 14px; line-height: 20px;}

/* Modal de exportação de lista e detalhe de registo */
#export-drop, #email-result{position: fixed; top: 200px; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
/*#email-result.mailresult{top:0; width:296px; min-height:120px; padding:10px; background: #f7f7f7; box-shadow:0px 5px 10px 1px rgba(119, 119, 119, 0.3); position: absolute; z-index: 1050;}*/

#export-drop .modalExport {color:#333; overflow:hidden; position: relative; width: 30%; padding:15px; margin: auto; height: auto; max-height: 90%; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
#email-result .mailresult {color:#333; overflow:hidden; position: relative; width: 30%; padding:15px; margin: auto; height: auto; max-height: 90%; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
#email-result .mailresult span{float:right;}
#export-drop .modalExport form {overflow:hidden;}
#export-drop .modalExport form ul{float:left; width:80%; margin:auto}
#export-drop .modalExport form ul li{float:none; text-align:left;}
#export-drop .modalExport form ul li input{float:left;}	
#export-drop .modalExport form ul li .btn {color:#333; background-color:#8c42ad; font-size:14px; border-radius:4px; padding:5px 10px; margin:5px;}
#export-drop .modalExport form ul li .btn:hover{background-color:#8c42ad;}
#export-drop .modalExport form ul li .btn:last-child {margin-right:0}
#export-drop .modalExport form ul li .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;}
#export-drop .modalExport form ul li label.control-label{display:block; font-weight:600;}
#export-drop .modalExport form ul li textarea{height: 80px; font-size: 0.875em; padding: 10px;}
#export-drop .close, .export .close, #email-result .close {font-size: 13px; font-weight: bold; float: right; opacity:1; color:#333;}

/* Modal para as dispersões */
.modalDispersoes {overflow:hidden; position: relative; width:50%; padding:15px; margin: auto; height: auto; max-height: 90%; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-header-dispersoes{overflow:hidden; padding: 10px; border-top-left-radius:6px; border-top-right-radius:6px;}
.modal-dispersoes-template{padding: 10px; width:100%; float:left; max-height: calc(100vh - 255px); overflow-y: auto;}
.modalDispersoes .form-control-modal {float: right; width: 55%;height: 26px;margin: 0 10px;}
.modalDispersoes .campoPesquisar{float:right; width:50%;}
.modalDispersoes .campoPesquisar button{border-radius:4px; float:right; background-color:#f7f7f7; border:1px solid #f7f7f7; cursor:pointer;}
.modalDispersoes .campoPesquisar button:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
.modalDispersoes .titulo{float:left; width:50%;}
.modalDispersoes .titulo h3{position:relative; font-size:14px; line-height:20px;}
.modalDispersoes .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}

/* Modal para a newsletter */
.modalNewsletter {overflow:hidden; position: relative; width:40%; padding:15px; margin: auto; height: auto; max-height: 90%; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-header-newsletter{padding: 10px; border-bottom: 1px solid #e5e5e5; background-color: #efeeeb; border-top-left-radius:6px; border-top-right-radius:6px;}
.modal-header-newsletter button{cursor:pointer; float:right; border:1px solid #d0d0d0; border-radius:2px; line-height:20px;}
.modalNewsletter .contentNewsletter{margin:15px 0;}
.modalNewsletter #enviarNewsletter{color: #333; background-color: #8c42ad; font-size: 12px; border-radius: 4px; padding: 2px 4px; margin: 10px 0 0 0; border: 1px solid #8c42ad;}
.modalNewsletter #enviarNewsletter:hover{cursor:pointer; background-color:#8c42ad;}

/* Modal para mais documentos (detalhe registo)*/
.sectionResultsDetails .content-wrapper .content .list_resultsDetails li .modal-content-moreDocuments{width:40%; margin:auto; position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5)}
.sectionResultsDetails .content-wrapper .content .list_resultsDetails li .modal-content-moreDocuments .modal-header{padding:15px; overflow:hidden;}
.sectionResultsDetails .content-wrapper .content .list_resultsDetails li .modal-content-moreDocuments .modal-header button{float:right; padding:2px 8px;}
.sectionResultsDetails .content-wrapper .content .list_resultsDetails li .modal-content-moreDocuments .modal-header h3 {position: relative; font-size: 14px; line-height: 20px;}
.sectionResultsDetails .content-wrapper .content .list_resultsDetails li .modal-content-moreDocuments .modal-header h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}

/* Modal para importação de resgisto (detalhe registo HIP)*/
#lightbox-panel-import .import-titulo {overflow:hidden; margin-bottom:20px;}
#lightbox-panel-import .import-titulo h3{position:relative; font-size:20px; line-height:40px; float:left;}
#lightbox-panel-import .import-titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#lightbox-panel-import .import-titulo #close-panel-import{color:#333; padding:2px 6px; border-radius:4px; float:right; background-color:#f7f7f7; border:1px solid #f7f7f7; cursor:pointer;}
#lightbox-panel-import .import-titulo #close-panel-import:hover{color:#333;}
#lightbox-panel-import .import-titulo #close-panel-import:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(140 66 173 / 60%); }
#lightbox-panel-import .import-content{color:#333;}
#lightbox-panel-import .import-content .imphip{text-decoration:underline;}

/* Ini relacoes thesaurus*/
.tselect
{
    font-weight: bold;
    color: #000;
    font-size:13px;
}

.tselect a {color:#000;}
a.tselect:hover {color:#000 !important;}
a.tselect:focus {color:#000 !important;}
.tselect2
{
    color: #000000;
    font-size:87.5%;
}

.thes-get
{
    font-weight: normal;
    color: #9A9A9A;
    font-size:67.5%;
}

.tdo, #main li a.tdo:link, #main li a.tdo:hover, #main li a.tdo:visited, #main li a.tdo:active
{
    font-weight: normal;
    color: #4863A0;
    font-size:87.5%;
}
.tmt, #main li a.tmt:link, #main li a.tmt:hover, #main li a.tmt:visited, #main li a.tmt:active
{
    font-weight: normal;
	color: #4863A0;
    font-size:87.5%;
}
.tte, #main li a.tte:link, #main li a.tte:hover, #main li a.tte:visited, #main li a.tte:active
{
    font-weight: normal;
    color: #00AA00;
    font-size:87.5%;
}
.ttr, #main li a.ttr:link, #main li a.ttr:hover, #main li a.ttr:visited, #main li a.ttr:active
{
    font-weight: normal;
    color: #4863A0;
    font-size:87.5%;
}
.ttg, #main li a.ttg:link, #main li a.ttg:hover, #main li a.ttg:visited, #main li a.ttg:active
{
    font-weight: normal;
    color: #4863A0;
    font-size:87.5%;
}
.tuse, #main li a.tuse:link, #main li a.tuse:hover, #main li a.tuse:visited, #main li a.tuse:active
{
    font-weight: normal;
    color: #FF0000;
    font-size:87.5%;
}
.tup, #main li a.tup:link, #main li a.tup:hover, #main li a.tup:visited, #main li a.tup:active
{
    font-weight: normal;
    color: #FF0000;
    font-size:87.5%;
}
.tne { font-weight: normal; color: #000000; font-size: 87.5%; font-style: italic;}

/*.thes-cod {display: inline-block; margin-right: 20px;font-size: 67.5%; width: 11px;}*/
.thes-cod {display: inline-block; margin-right: 20px; margin-left: 20px; font-size: 87.5%; width: 11px;}
.nouse { display: inline-block; margin-left: 10px; font-size: 67.5%; width: 21px;}

a.thes-add, a.thes-add:hover, a.thes-add:visited, a.thes-add:active 
{
    font-weight: normal;
	text-decoration:underline;
	color: #000000;
    font-size:87.5%;
}

.thes-usar {display: inline-block; margin-right: 10px; width: 21px;}


.thes-descr td {padding:2px 0;}

#main article ul.thes-lista li {font-size: 100%;}

ul.thes-lista {margin: 0; padding-left: 10px; }
.thes-lista li {display: block; color: #000000; margin-top: 6px;}
#lightbox-panel-descritores ul .thes-lista {margin-top: 0;}
#thesSelected label { color: #000000;}
#thesSelected li {list-style: none outside none; margin-left: 10px; margin-bottom: 6px;}
#thesSelected dl, #thesSelected dd{margin: 0; padding: 0;}
#thesSelected ul{margin: 0; padding: 0;}
#thesSelected li label {padding: 10px;}

#useLabel { clear: left; float: left; margin-top: 20px; margin-left: 2px;}
#useLabel span.label { color: #000000; font-size: 87.5%; display: none;}
/* Fim relações thesaurus */

/* ==========================================================================
   COMMENTS MODAL Style
   ========================================================================== */
.modalComment {width:350px; margin:auto; top:100px; background:#FFFFFF; padding:25px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); z-index:1001;}
.modalComment label{font-weight:700; display: block; font-size:0.875em; text-align: left;}
.modalComment .titulo{overflow:hidden; margin-bottom:30px; width:100%;}
.modalComment .titulo h3{float:left; position:relative; font-size:14px; line-height:20px;}
.modalComment .titulo h3:before{content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #ffdf00; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.modalComment .titulo button{line-height:20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
.modalComment .titulo a{line-height:20px; cursor: pointer; padding: 1px 6px; border-radius: 4px; float: right; background-color: #f7f7f7; border: 1px solid #f7f7f7;}
.modalComment .titulo button:hover{color:#333;}
.modalComment .titulo a:hover{color:#333;}
.modalComment .titulo button:focus{ border-color: #ffdf00; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); }
.modalComment .titulo a:focus{ border-color: #ffdf00; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); }
.modalComment ul{list-style-type: none; margin:0 auto; padding:0;}
.modalComment .search-button input{float: none; color: #333; background-color: #ffdf00; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #ffdf00;}
.modalComment .search-button button{float: none; color: #333; background-color: #ffdf00; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #ffdf00;}
.modalComment .search-button input:hover{cursor:pointer; background-color:#ccb200;}
.modalComment .search-button button:hover{cursor:pointer; background-color:#ccb200;}
.modalComment .search-button input:focus{border: 1px solid #ffdf00; outline: none; box-shadow: none;}
.modalComment .search-button button:focus{border: 1px solid #ffdf00; outline: none; box-shadow: none;}