/*    Generated by http://www.cssportal.com    */

@import url("reset.css");

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333
}

p {
    padding: 10px;
}

#wrapper {
    width: 100%;
    min-width: 480px;
    max-width: 1232px;
    margin: 0 auto;
}

#headerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#header {
    /* height: 30px; */
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}

#headermenu {
    /* height: 30px; */
    background: rgb(133, 20, 20);
    border-radius: 10px;
    border: 1px solid rgb(133, 20, 20);
    margin: 5px;
}

#navigationwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
}

#navigation {
    /* height: 50px; */
    background: rgb(199, 13, 13);
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
}

#left{ 
	float:left;
	padding:10px;
} 

#right{ 
	float:right;
	padding:10px; 
    margin: 1px;
} 

#contentliquid {
    float: left;
    width: 100%;
}

#contentwrap {
    width: 100%;
    float: left;
}

#content {
	align: center;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebe8de;
    margin: 5px;
}

.content {
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #ebe8de;
  margin: 5px;
}

#footerwrap {
    width: 100%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    /* height: 65px; */
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
    /* display: inline-block; */
    vertical-align: top;
	/* width: 100%; */
}
#middle{ 
    display: inline-block;
	padding:10px; 
	margin-left: 90px;
	margin-top: 20px;
}

#login {
    /* width: 40%; */
    float: center;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebe8de;
    margin: 5px;
}

#form {
    /* width: 98%; */
    float: center;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebe8de;
    margin: 5px;
}

a:link
{
	color: #808080 !important; 
	text-decoration: none
}
a:visited
{
	color: #808080; 
	text-decoration: none
} 
a:active 
{
	color: #808080 !important;
}
a:hover 
{
	color: #080000 !important;
	text-decoration: underline;
}

h1
{
    font-size:16pt !important; 
    font-style:normal; 
    font-weight:bold; 
    color:rgb(199, 13, 13) !important;
}
h2
{
    font-size:16pt !important; 
    font-style:normal !important; 
    font-weight:normal !important; 
    color:rgb(173,191,46) !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
h3
{
    color: #ffffff !important;
    font-size:14pt !important; 
    font-style:normal !important; 
    font-weight:normal !important;
}
h4
{
    font-size:12pt !important; 
    font-style:normal; 
    font-weight:normal; 
    color:rgb(199, 13, 13) !important;
}
h5
{
	font-size:11pt; font-style:normal; font-weight:normal; color:#000000
}
h6
{
	color: #000000;font-size:10pt; font-style:normal; font-weight:normal
}
h7
{
	color: #000000;font-size:10pt; font-style:italic; font-weight:normal
}
button       { font-family: Verdana; font-size: 9pt }
fieldset     { font-family: Verdana; font-size: 11pt }
select       { font-family: Verdana; font-size: 11pt }
input[type="text"] { font-family: Verdana; font-size: 11pt }
textarea     { font-family: Verdana; font-size: 11pt }
#hdrsel	 {
    height: 110px;
    background: #E1F2FA;
    border: 1px solid #ebebeb;
    margin: 5px;
	color: #696969;font-size:10pt; font-style:normal;
}
#hdrcal1	 {
    height: 24px;
    background: #E1F2FA;
    border: 1px solid #ebebeb;
    margin: 5px;
	color: #696969;font-size:10pt; font-style:normal;
}
#hdrcal2	 {
	color: #696969;font-size:10pt; font-style:normal;
}
#hdrtablist	 {
    height: 18px;
    background: rgb(199, 13, 13);
    border: 1px solid #c0c0c0;
    margin: 5px;
	vertical-align: middle;
	color: #ffffff; font-size:9pt; font-style:normal; font-weight:normal;
}
#hdrlist	 {
	color: #696969;font-size:11pt; font-style:normal; height: 16px;
}

.read { color: #696969;font-size:10pt; font-style:normal; font-weight:normal; }
.unread { color: #696969;font-size:9pt; font-style:normal; font-weight:bold; }

.headerlist	 {
    height: 18px;
    background: rgb(199, 13, 13);
    border: 1px solid #c0c0c0;
    margin: 5px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff; font-size:9pt; font-style:normal; font-weight:normal;
}

.tabCellHdr
{
  color: #808080;
  background-color:#e2e2e2;
  font-size:10pt; font-style:normal; font-weight:bold; text-align: left;
  border: 2pt solid #c0c0c0;
}
.tabCellHdrSelected
{
  color: #ffffff;
  background-color:#ff0000;
  font-size:10pt; font-style:normal; font-weight:bold; text-align: left;
  border: 2pt solid #c0c0c0;
}
.tabCellTextEven
{
  color: #808080;
  background-color:#ffffff;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
  border: 1pt solid #c0c0c0; height: 80px;
}
.tabCellTextOdd
{
  color: #808080;
  background-color:#e2e2e2;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
  border: 1pt solid #c0c0c0; height: 80px;
}
.tabCellTextSelected
{
  color: #ffffff;
  background-color:rgb(199, 13, 13);
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
  border: 1pt solid #c0c0c0; height: 80px;
}
.newTabCellCenter
{
  color: #000000;
  background-color:#ffffff;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: center;
}
.newTabCellLeft
{
  color: #000000;
  background-color:#ffffff;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
}
.newTabCellRight
{
  color: #000000;
  background-color:#ffffff;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: right;
}

.tabCellTextAdjustedEven
{
  color: #808080;
  background-color:#ffffff;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
  border: 1pt solid #c0c0c0; height: 20px;
}
.tabCellTextAdjustedOdd
{
  color: #808080;
  background-color:#e2e2e2;
  font-size:10pt; font-style:normal; font-weight:normal; text-align: left;
  border: 1pt solid #c0c0c0; height: 20px;
}

.tabCellVMiddle{
    vertical-align: middle;
}

.cellbgAddLineL {
	background-color: #ffffff;
	text-align: left;
}
.cellbgAddLineC {
	background-color: #ffffff;
	text-align: center;
}

.fldname{    
	/* height: 24px; */
    background: #F3F3F3;
	border-bottom:1px solid #aaa;
    margin: 5px;
	color: #222;font-size:12pt; font-style:normal;
}
.fldvalue{    
	height: 24px;
	border-bottom:1px solid #aaa;
    margin: 5px;
	color: #222;font-size:12pt; font-style:normal;
}
.dlgname{    
	height: 18px;
    background: #F3F3F3;
	border-bottom:1px solid #aaa;
    margin: 2px;
	color: #222;font-size:10pt; font-style:normal;
}

.inputShowInfo{
	font-size: 12px;
	color: red;
	border: none;
}
.inputLeft{
	font-size: 12px;
}
.inputCenter{
	font-size: 12px;
	text-align: center;
}

.error {
  border:2px solid red;
}

#datanaix{
	font-size:12pt; font-style:normal;
}

.butonsMenu{
	background-color: #ffffff; 
	outline: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	height: 34px;
}

.butonsAccions{
	background-color: #ffffff; 
	outline: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	height: 34px;
	width: 270px;
    margin-bottom: 5px;
}

.butonsMenu-actiu{
	background-color: rgb(199, 13, 13);
	color: #ffffff; 
	outline: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	height: 34px;
}


.tablaFiltres{
    vertical-align: middle;
    background-color: #F3F3F3;
}

.ui-tabs .ui-tabs-nav a { background-color: #ffffff; outline: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-color: #696969; font-size: 10pt;}
.ui-tabs .ui-tabs-panel { background: #ffffff; }
.ui-tabs .ui-tabs-nav { background: #ffffff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {	color: #ffffff; background-color: rgb(199, 13, 13);}

/* cellpadding */
th, td { padding: 3px; }

/* cellspacing */
/* table { border-collapse: separate; border-spacing: 3px; } /* cellspacing="3" */
table { border-collapse: collapse; border-spacing: 0; }   /* cellspacing="0" */

/* valign */
th, td { vertical-align: top; }

/* align (center) */
table { margin: 0 auto; }


/* file upload */
#trigger-upload{
	display: inline;
    width: 105px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 7px 10px;
    text-align: center;
    float: left;
    background: rgba(204, 216, 218, 0.76);
    color: #000000;
    border-radius: 2px;
    border: 1px solid rgb(199, 13, 13);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset,
                1px 0 1px rgba(255, 255, 255, 0.07) inset,
                0 1px 0 rgba(0, 0, 0, 0.36),
                0 -2px 12px rgba(0, 0, 0, 0.08) inset;
}

#fine-uploader .qq-upload-button {
	margin-right: 15px;
}

#fine-uploader .buttons {
	width: 36%;
}

#fine-uploader .qq-uploader .qq-total-progress-bar-container {
	width: 60%;
}

.qq-btn-select{
    display: inline;
    width: 150px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 7px 10px;
    text-align: center;
    float: left;
    background: rgba(204, 216, 218, 0.76);
    color: #000000;
    border-radius: 2px;
    border: 1px solid rgb(199, 13, 13);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.37) inset,
                1px 0 1px rgba(255, 255, 255, 0.07) inset,
                0 1px 0 rgba(0, 0, 0, 0.36),
                0 -2px 12px rgba(0, 0, 0, 0.08) inset;
}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Validar */
.estilVal {
    border-bottom: 1px solid #C0C0C0;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* Creados Nuevos */

.font14{
    font-size: 14pt;
}

.headerlist	 {
    /* height: 18px; */
    background: rgb(199, 13, 13) !important;
    border: 1px solid #c0c0c0;
    margin: 5px;
    vertical-align: middle !important; 
    text-align: center;
	color: #ffffff; font-size:10pt; font-style:normal; font-weight:normal;
}

.buttonLogin{
    background-color: rgb(173,191,46) !important; 
    color: #ffffff !important;
    outline: none; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt !important;
    height: 34px;
    width: 250px;
    margin-bottom: 5px;
}

.buttonLogin:hover{
opacity: 0.9;
}

.butonsMenu-actiu{
	background-color: rgb(199, 13, 13) !important;
	color: #ffffff !important; 
	outline: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	height: 34px;
}

.butonsMenu{
	background-color: #ffffff; 
	outline: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt;
    height: 34px;
    color: #000000;
}

.button_Accio{
  font-size:9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
  border-color: rgb(199, 13, 13) !important; 
}

.button_Accio:hover{
    opacity: 0.9;
}

.close{
    margin-left: 0 !important;
}

.vaM{vertical-align: middle !important;}

.tablaDades {
  border-collapse:separate !important;
  border:solid #008bac 1px !important;
  padding: 10px !important;
  border-radius:6px !important;
  -moz-border-radius:6px !important;
  background-color: #e9e9e9 !important;
  margin-top: 10px;
}

.tablaDades td{
  border-top: 0px solid #dee2e6 !important;
}

.table td{
  padding: 3px !important;
}

label {
  font-size: 13px;
  font-family: Verdana,arial,helvetica !important;
}
select {
  font-size: 13px !important;
  font-family: Verdana,arial,helvetica !important;
}

.custom-select {
  /* height: calc(1.8rem + 2px) !important; */
}

.styleFormcontrol{
    border-radius: 0.25rem !important;
    border: 1px solid #ced4da !important;
}

.form-control{
  padding: 0.25rem 0.75rem !important;
}

.borderT0{
  border-top: 0px solid #ffffff !important;
}

.textCenter{
  text-align: center !important;
}

.textRight{
    text-align: right !important;
}

button {
  border: 1px solid #C6C6C6 !important;
  font-size: 14px !important;
}

.colorE6{background-color: #e6e6e6 !important;}
.colorF2{background-color: #F2F2F2 !important;}
.colorD8{background-color: #D8D8D8 !important;}
.colorFF{background-color: #FFFFFF !important;}

.tablePadding td { padding: 0px;}

.tablePadding5 td { padding: 5px;}

.tableBorder0 td { border-top: 0px solid #ffffff !important;}

.tableLogin {
  border-radius: 10px;
  border: 1px solid #ebe8de;
  margin-left: 25%;
  margin-right: 25%;
  padding: 25px;
  background-color: #F2F2F2;
}

.tablaFiltres{
    vertical-align: middle;
    background-color: #F3F3F3;
}

td {
    font-size : 10pt !important;
}

.formColor{background-color: #F3F3F3 !important;}

.bodyColor { background-color: #FFFCF2 !important; }

/*Cabecera informacion*/
.info { background-color: #F3F3F3;}
.infoText {
  color:rgb(199, 13, 13);
  font-weight: bold;
}

.textBold{
    font-weight:bold !important;
}

.borderInfo {border: 1px solid #ebe8de;}

/* Classes Margenes*/
.mAuto{margin: 0 auto;}

.m5{margin:5px;}
.m10{margin:10px !important;}

.mt0{margin-top: 0px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}

.mb0{margin-bottom: 0px !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml10p{margin-left: 10%;}

.mr5{margin-right: 5px;}


/*Classes paddings*/

.p0{padding: 0px !important;}
.p5{padding: 5px !important;}
.p10{padding: 10px !important;}
.p15{padding: 15px !important;}

.pr15{padding-right: 15px;}

.pl15{padding-left: 15px;}

/*Dropdown*/
.dropdown-item:hover, .dropdown-item:focus {
  background-color: #e4e1e1 !important;
}