/*Aqui object utilizador pode definir sobreposi��es de classes CSS do tema normal definidas na aplica��o, ou seja, das defini��es que se encontream no ficheiro theme-default.css*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Oxygen:wght@300;700&display=swap');

/* ----------------------------------------------------------------
	CSS VARIABLES
-----------------------------------------------------------------*/


:root {

  /* Main Color */
  
  --main-color: #748d96;  
  --main-color-dark: #0f3c63;

  /* Main Content Destaque */
  
  --content-destaque-color: #4d4e50;  

  /* Header menu */

  --header-bg-color: #dddddd; 

  /* Page Header */ 

  --pageHeader-bg-color: #b9c9d0; 
  --pageHeader-border: 2px solid #ccc;

  /* History link colors */
  
  --history-a-visited: #ffffff; 
  --history-a-hover: #000000;

  /* Background Colors */

  --bg-color1: #ddd;
  --bg-color2: #ccc;
  --bg-color3: #eee;
  --main-bg-color: #ffffff;

  /* Fonts */

  --main-font: 'Oxygen', sans-serif;
  --font-titles-color: #000000;
  --font-labels-color: #000000;
  --font-table-header-color: #000000;
  --form-font-color: #555;
  --homepage-titles-color: #000;

  /* Default button */

  --btn-default-shadow: #2d72ad;
  --btn-default-bg-hover-color: #337ab7;
  --btn-default-other-color: #2b679a;

  /* Primary button */

  --btn-primary-bg-color: #e43737;
  --btn-primary-shadow: #bd2c2c;
  --btn-primary-bg-hover-color: #9e2626;
  --btn-primary-other-color: #711b1b;

  --btn-color: #fff;
}

/* ----------------------------------------------------------------
	MAIN CONTENT
-----------------------------------------------------------------*/

#maincontent {
    background-color: var(--bg-color1);
}

#maincontent .destaque, 
#maincontent .mainformdestaque {
    border-color: var(--content-destaque-color);
}

#maincontent .destaque .mainformcampolabelprincipal, 
#maincontent .mainformdestaque .mainformcampolabelprincipal {
    color: var(--content-destaque-color);
}

#destaques .tab-content 
#destaque2 li a:hover, 
#destaques .tab-content 
#destaque3 li a:hover, 
#destaques .tab-content 
#destaque4 .tab-content li a:hover {
    background-color: var(--main-bg-color);
    border: var(--main-color-dark);
}


/* ----------------------------------------------------------------
	FONTS
-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, a, span, caption, .btn, .btn:visited {
	font-family: var(--main-font);
}

.titulobig {
    color: var(--font-titles-color);
}

/* ----------------------------------------------------------------
	NAVBAR
-----------------------------------------------------------------*/


.navbar-default {
    background-color: var(--header-bg-color);
    padding: 0 10px 20px 20px !important;
}

header .menu .utils a, 
header .menu .shortcuts a {
    color: var(--main-color) !important;
}

header .dropdown-menu li.menu-option a:hover, 
header .dropdown-menu li:not(.dropdown-header) a:hover, 
header .dropdown-menu li.menu-option a:active, 
header .dropdown-menu li:not(.dropdown-header) a:active {
    color: var(--main-bg-color) !important;
    background: var(--main-color) !important;
}

header .menu .menu-closed {
    color: var(--main-color) !important;
}

/* ----------------------------------------------------------------
	SIDE MENU
-----------------------------------------------------------------*/

#sidebar-wrapper .sidebar-nav>li.menu-package a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-package a:focus,
#sidebar-wrapper .sidebar-nav>li.menu-package.open+ul,
#sidebar-wrapper .sidebar-nav>li.menu-special.open+u,
#sidebar-wrapper .sidebar-nav>li.menu-special.open+ul>li:not(.title),
#sidebar-wrapper .sidebar-nav>li.menu-special.open+ul {
    color: var(--main-bg-color) !important;
    background: var(--main-color) !important;
}

#sidebar-wrapper .sidebar-nav>li.menu-special a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-special a:focus {
    color: var(--main-bg-color) !important;
    background: var(--btn-default-other-color) !important;
}

#sidebar-wrapper .sidebar-nav>li.menu-package.open a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-package.open+ul a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open+ul a:hover, 
#sidebar-wrapper .sidebar-nav>li.menu-package.open a:focus, 
#sidebar-wrapper .sidebar-nav>li.menu-package.open+ul a:focus, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open a:focus, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open+ul a:focus,
#sidebar-wrapper .sidebar-nav>li.menu-package.open a,
#sidebar-wrapper .sidebar-nav>li.menu-special.open a {
    color: var(--main-bg-color) !important;
    background: var(--main-color-dark) !important;
}

#sidebar-wrapper .sidebar-nav>li.menu-package.open>li:not(.title) a, 
#sidebar-wrapper .sidebar-nav>li.menu-package.open+ul>li:not(.title) a, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open>li:not(.title) a, 
#sidebar-wrapper .sidebar-nav>li.menu-special.open+ul>li:not(.title) a,
#sidebar-wrapper .sidebar-nav>li.menu-package.open+ul>li:not(.title) {
    color: var(--main-bg-color);
    background: var(--main-color);
}

/* ----------------------------------------------------------------
  CONFIRM BOX
-----------------------------------------------------------------*/

.jconfirm .jconfirm-box {
    background: var(--main-bg-color) !important;
}

/* ----------------------------------------------------------------
	HEADER
-----------------------------------------------------------------*/

header>.col {
    background-color: var(--header-bg-color);
}

header .menu li .header-submenu, 
header .menu li .pesquisa-submenu {
    background-color: var(--header-bg-color);
}

#history {
    background-color: var(--main-color);
    border-top: none;
    font-size: 1.4rem;
}

#history a:visited {
    color: var(--history-a-visited);
}

#history a:hover {
    color: var(--history-a-hover);
}

#history a:link, 
#history a:focus {
    color: var(--header-bg-color);
}

.main-content__filters-zone {
    background-color: var(--bg-color1);
}

#maintoolbar,
.normalform {
    background-color: transparent;
}

#pageHeader {
    background-color: var(--pageHeader-bg-color) !important;
    padding: 20px;
    border-bottom: var(--pageHeader-border);
}

header .menu .form-control {
    height: 30px !important;
    box-shadow: 0 3px var(--btn-default-shadow);
 }

 /* ----------------------------------------------------------------
    FORM CONTROL
-----------------------------------------------------------------*/


.form-control:focus {
    border-color: var(--main-color);
} 

.form-control {
    color: var(--form-font-color);
}

/* ----------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------*/


body.home form>.container {
    background-color: var(--bg-color1);
}

.gridParent.gridHomepage .grid-stack .grid-stack-item .row h3,
.title-cindex {
    background-color: var(--bg-color2);
    padding: 15px;
    font-size: 1.5rem;
}

#colunas-content a.caixaautotitulotexto, .caixaautotitulotexto {
    color: var(--homepage-titles-color);
    font-weight: bold;
    font-size: 2rem;
}


.nav.nav-pills li.active>a, 
.nav.nav-pills li.active>a:focus, 
.nav.nav-pills li.active>a:active,
.nav.nav-pills li>a {
    font-size: 1.5rem;
    color: var(--homepage-titles-color);
}

.nav.nav-tabs {
    margin: 0 20px;
}

.nav.nav-tabs li.active>a, 
.nav.nav-tabs li.active>a:focus, 
.nav.nav-tabs li.active>a:active {
    border: 3px solid #920816 !important;
}

.nav.nav-tabs li>a {
    margin-right: 0px !important;
    border: 3px solid #dbdbdb;
}

.nav.nav-tabs li>a:hover {
    color: var(--content-destaque-color);
    background-color: var(--bg-color3);
    border: 3px solid var(--bg-color3);
}

.rede_separator {
	background-color: var(--bg-color2);
}

#DialogueData,
[id^="ctl00_conteudo_userpg2"] {
    margin: 0 20px !important;
}

#ctl00_conteudo_MYFREF2 {
    padding-left: 20px;
}

#ctl00_conteudo_MNOPAT,
#ctl00_conteudo_nopatmohrealizado {
    margin: 20px 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    padding: 0 10px !important;
    border-color: var(--content-destaque-color);
    font-size: 3rem;
}

#ctl00_conteudo_serie {
    margin: 20px 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    padding: 0 10px !important;
    border-color: var(--content-destaque-color);
    font-size: 3rem;
}


#ctl00_conteudo_nopatmohrealizado_mLabel1 {
font-weight: bold;
font-size: 3rem;
}

#ctl00_conteudo_MNOPAT_mLabel1{
font-weight: bold;
font-size: 3rem;
}

#ctl00_conteudo_orinopat{
font-weight: bold;
font-size: 3rem;
}

#ctl00_conteudo_userpg2_001_0 {
font-weight: bold;
font-size: 3rem;
}

#ctl00_conteudo_userpg2_002_1 {
    font-size: 3rem;
    font-weight: bold;
    }
    
#ctl00_conteudo_fechada label {
    font-size: 3rem;
    font-weight: bold;
    line-height: 0.9;
}

/* ----------------------------------------------------------------
	SNAPSHOTS
-----------------------------------------------------------------*/

.snaptd1g {
    text-align: left;
    width: 100%;
    vertical-align: top;
    float: left;
}

.snaptd1g a {
    font-size: 3rem;
}

.snaptd2g {
    text-align: left;
    width: 100%;
    vertical-align: top;
    float: left;
}

.statTitulo1 {
    font-weight: bold;
}

/* ----------------------------------------------------------------
	LABELS
-----------------------------------------------------------------*/

.control-label.mainformcampotitulo {
    font-weight: bold;
}

.btn, 
.btn:visited {
    border: 0;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 8px 20px 8px 20px;
    display: inline-block;
    margin: 0;
    outline: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    line-height: 13px;
    position: relative;
    text-align: center;
    -webkit-backface-visibility: hidden;
    text-decoration: none !important;
    margin: 3px 0px;
}

.btn a {
    background-color: var(--main-color) !important;
}

.btn-default {
	background: var(--main-color) !important;
	color: var(--btn-color) !important;
	box-shadow: 0 3px var(--btn-default-shadow) !important;
	border: none !important;
}

.btn-default:hover, 
.btn-default:visited:hover {
    color: var(--btn-color);
    background: var(--btn-default-bg-hover-color) !important;
    box-shadow: 0 3px var(--btn-default-other-color) !important;
    border: none !important;
}

.btn-default:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    text-decoration: none;
    border: none !important;
}

.btn-default:active:focus {
	background: var(--btn-default-other-color) !important;
	border: none !important;
}

.btn-default:active {
	background: var(--btn-default-other-color) !important;
	color: var(--btn-color) !important;
	box-shadow: 0 3px var(--btn-default-other-color) !important;
	border: none !important;
}

.btn-default:active:hover {
	background: var(--btn-default-other-color) !important;
	color: var(--btn-color) !important;
	box-shadow: 0 3px var(--btn-default-other-color) !important;
	border: none !important;
}

.btn-primary {
	background: var(--btn-primary-bg-color) !important;
    color: var(--btn-color) !important;
    box-shadow: 0 3px var(--btn-primary-shadow);
    border: none !important;
}

.btn-primary:hover, 
.btn-primary:visited:hover {
    color: var(--btn-color) !important;
    background: var(--btn-primary-bg-hover-color) !important;
    box-shadow: 0 3px var(--btn-primary-other-color) !important;
    border: none !important;
}

.btn-primary:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    text-decoration: none;
    border: none !important;
}

.btn-primary:active:focus {
	background: var(--btn-primary-other-color) !important;
	border: none !important;
}

.btn-primary:active {
	background: var(--btn-primary-other-color) !important;
	color: var(--btn-color) !important;
	box-shadow: 0 3px var(--btn-primary-other-color) !important;
	border: none !important;
}

.btn-primary:active:hover {
	background: var(--btn-primary-other-color) !important;
	color: var(--btn-color) !important;
	box-shadow: 0 3px var(--btn-primary-other-color) !important;
	border: none !important;
}

.btn-toolbar 
.btn, 
.btn-toolbar 
.btn-group, 
.btn-toolbar 
.input-group {
    float: none !important;
}

/* ----------------------------------------------------------------
	MAIN AREAS
-----------------------------------------------------------------*/

#mainRecsZone {
	background-color: var(--bg-color3);
	padding: 20px;
}

#dataArea {
	padding: 20px;
    background-color: var(--main-bg-color);
}

#areasZone {
    background-color: var(--main-bg-color);
}

#mainPage #campos {
    padding: 0 !important;
}

.mainformcpHeader {
    padding: 5px 2px !important;
    border-bottom: 2px solid #ddd !important;
    font-size: 2.5rem;
    background-color: var(--bg-color3);
}

.mainformcpHeader .glyphicon {
    color: #000000 !important;
}

.mainformcptitulo {
    font-weight: bold;
    color: #000000;
    margin-top: 20px;
    font-size: 2.5rem;
}

.mainformcampolabelprincipal {
    font-weight: bold;
    font-size: 3rem;
}

.mainformcampotitulo {
    color: var(--font-labels-color) !important;
}

caption {
    color: var(--font-labels-color);
    font-weight: bold;
    font-size: 1.5rem;
}

#ctl00_conteudo_userpg2_003_0 {
    margin: 0px 20px !important;
}

/* ----------------------------------------------------------------
    TABLE HEADERS
-----------------------------------------------------------------*/

tr.defgridheader>th {
    color: var(--font-table-header-color) !important;
}

/* ----------------------------------------------------------------
	SEARCH ZONE
-----------------------------------------------------------------*/

#searchZone {
    margin: 10px 0;
    padding: 0 !important;
}

/* ----------------------------------------------------------------
	SEARCH DATA
-----------------------------------------------------------------*/

#searchData .searchItem {
    box-shadow: 3px 3px #ccc !important;
    border: solid #ccc 1px !important;
}

#searchData .dataValues {
	background-color: var(--bg-color3); 
}

#searchData .search-data__header {
    font-size: 2rem;
}

#searchData .breakword {
    font-size: 1.5rem;
}

#searchData table tr {
    background-color: var(--pageHeader-bg-color);
}