/* Main.css */

/* Maquetació */

/*PerfilUsuari*/
/*.userDevice{
    display:none;
}
.userDesktop{
    display:block;
}*/

/*
    ErrorFotoPeu

*/

#btn-dep{display:none;}
/*APAÑO views/informes/index.aspx*/
.checkFoto {
    display:none;
}

/*---------------------------Desktop-------------------------*/
/* General */
    .titolMenu, .optionTitleList, .brotherLinkList, .childLinkeList{
        list-style-type: none;
        /*posar padding a 0 si es detecten bugs en altres vistes*/
        padding:4px;
        margin:0;
    }

html, body
{
	margin: 0;
	padding: 0;
	border-width: 0;
	height: 100%;
	font-family: Calibri, Verdana, Sans-Serif;
	font-size: 12px;
}

a
{
	text-decoration: none;
	color: #0050c7;
}

img 
{
	border: 0;
}

h1
{
	font-family: Calibri, Verdana, Sans-Serif;
	font-size: 25px;
	color: #444444;
}

h2
{
	font-family: Calibri, Verdana, Sans-Serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #444444;
}

h3
{
    font-size:25px;
	margin: 2px; 
	padding: 0.3em; 
	text-align: center;
	color: #444444;
}

h5
{
	font-size: 14px;
	font-family: Calibri, Verdana, Sans-Serif;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

#BUTTON_BorraLocModal{
    font-size:12px;
}

.LoginCentered 
{
    font-size:20px !important;
    padding:8px;
	margin-left: auto;
	margin-right: auto;
    background-color:#0078ad;
    color:white;
    border:none;
}
.Centered 
{
	margin-left: auto;
	margin-right: auto;
}
.LoginCentered:hover
{
    background:green;
}

.TextCenter
{
	text-align:center;
}

textarea, input, select, label
{
	font-family: Calibri, Verdana, Sans-Serif !important;
	font-size: 15px !important;
}
/*textarea{
    max-width:100%!important;
}*/
/* Wrapper */
div#wrapper 
{
	width: 100%;
	height: 100%;
	margin: auto;
}

div#contentWrapper
{
	width: 100%;
	/*overflow: auto;*/
	height: 100%;
}

/* Header */
div#header 
{
	/*position: fixed;*/
	width: 100%;
	height: 71px;
	border-bottom: solid 1px black;
	z-index: 15;
}

div#header #logoclient
{
	float: left;
	height: inherit;
	margin-right:25px;
}

div#header #logoclient img
{
	max-height: 70px; /* Com el header */
	height: inherit;
}

div#header #usermenu 
{
	float: right;
	/*margin-right: 100px;*/
}

div#header #usermenu a
{
    font-weight: bold;
}

div#header #logocias 
{
	float: right;
	height: inherit;
}

div#header #logocias img
{
	height: 70px;
}



div#header #headertitle
{
	float: left;
	height: inherit;
	/*padding: 0 0 0 25px;*/
}

/* Menu */
.btn-top{
    /*NEW*/
    display:none;
    /*OLD*/
    /*cursor:pointer;
    display: block;
    position: absolute;
    top: 70px;
    color: white;
    padding: 5px 10px;
    font-size: 35px;
    z-index:4;
    background-color:#3498DB;*/
}
.btn-top:hover{
    background-color:#3e8e41;
}

div#menu
{
    /*NEW*/
    position: inherit;
    top: 130px;
    float: left;
    width: 14%;
    height: 100%;
    border-right: solid 1px grey;
    font-family: unset;
    font-size: 11px;
    color: #000000;
    z-index: 11;
    /*OLD*/
    /*display:block;
    position: absolute;
    top: 130px;
    float: left;
    width: 14%;
    height: 100%;
    border-right: solid 1px grey;
    font-family: unset;
    font-size: 11px;
    color: #000000;
    z-index: 11;
    background: ghostwhite;*/
}
.titolMenu:hover{
    cursor:pointer;
    box-shadow: 0 0 14px rgba(33,33,33,.2); 
}
.brotherLinkList{
    display:block;
}
/*Esborrar si tenim problemes amb altres "ul"*/
ul{
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    padding: 20px;
}
div#menu a
{
    font-weight:bold;
}

div#menu table 
{
	margin: 5px 0 0 5px;
}

div#menu table p 
{
	margin-top:7px;
    margin-bottom:7px;
}

/* Main */

div#main 
{
	float: left;
	padding-bottom: 30px;
	right: 0;
	width: 86% !important;
	/*overflow: auto;*/
}
/* CANVIS MEDIA QUERY */
 #menu, .titolMenu, .optionTitleList{font-size:15px;}
 @media (max-width: 1280px){
     #menu, .titolMenu, .optionTitleList{font-size:12px;}
     h1, h2, h3{font-size:15px;}
 }
 @media (max-width: 1160px){
     /*#menu{width:20% !important;}
     #main{width:80% !important;}*/
     #menu, .titolMenu, .optionTitleList{font-size:11px;}
     h1, h2, h3{font-size:14px;}
     legend,label{font-size:2vw;}
 }
 @media (max-width: 900px){
      #headertitle{display:none;}
      #usermenu{display:none;}
      .formato250px {width: 212px !important;}
      #lb_llistaDadesTaula{width: 235px;}
      #tb_FiltrarPer {width: 102px;}
      h1, h2, h3{font-size:14px;}
 }
 @media(max-width:780px){
     #divGestiodades{width:100% !important;}
 }

 @media (max-width: 535px) {
     #menu, .titolMenu, .optionTitleList{font-size:8px;}
     #menu{width:30% !important;}
     #main{width:70% !important;}  
     h1, h2, h3{font-size:13px;}
     .formato250px {width: 143px !important; font-size: 13px !important;}
     textarea{width:144px;}
     label{font-size:11px;}
 }

 /*##################*/
 /*Bootstrap override*/
 legend{
     width:auto;
     border-bottom: unset;
 }
 table {
    border-spacing: 2px;
    border-collapse: separate;
}
 fieldset{
     display: block;
     margin-inline-start: 2px;
     margin-inline-end: 2px;
     padding-block-start: 0.35em;
     padding-inline-start: 0.75em;
     padding-inline-end: 0.75em;
     padding-block-end: 0.625em;
     min-inline-size: min-content;
     border-width: 2px;
     border-style: groove;
     border-color: threedface;
     border-image: initial;
 }
 /**/


div#tabs, div#mainContent
{
	margin: 35px 35px 0 35px;
}

div#cellDependencia{
    display: table-cell; 
    width: 25%;
    height: 30%;
}
/* Info Panel */
div#info
{
	position: fixed;
	bottom: -1px;
	right: 50px;
	height: auto;
	width: 280px;
	z-index: 200;
}

div#info p
{
	padding: 5px;
    margin-left: 15px;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: bold;
}

/* Error Dialog */
div#msgAjaxError 
{
	display: none;
}

/* Taula formulari */
table.tblForm 
{
	margin-left: auto;
	margin-right: auto;
	/*width: 500px;*/
}

table.tblForm input[type="text"]
{
	width: 60%;
}

.ui-dialog{
    margin-left:35%;
    margin-top:15%;
}


/* Formats per homogenització del tamany dels camps */ 

.formato250px
{
    width: 250px;
}
.formato175px
{
    width: 175px !important;
}
.formato150px
{
    width: 150px !important;
}
.formato125px
{
    width: 125px !important;
}
.formato100px
{
    width: 100px !important;
}
.formato75px
{
    width: 75px !important;
}
input[readonly]
{
    background-color:antiquewhite;
}


/* Footer */
div#footer 
{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	border-top: solid 1px black;
	background-color: White;
    text-align:center;
    z-index: 201;
}

div#footer, div#push 
{
	clear: both;
}

/* Butonera */
div#buttonrow 
{
    /*NEW*/
    /* position: fixed; */
    /* margin-left: 51px; */
    height: 59px;
    width: 100%;
    z-index: 15;
    margin-bottom: 25px;
    border-bottom: solid 1px black;

    /*OLD*/
	/*position: fixed;*/
    /*margin-left:51px;
	height: 59px;
	width: 97.3%;
	z-index: 15;
	margin-bottom: 25px;
	border-bottom: solid 1px black;*/
}


div#buttonrow button, div#buttonrow a
{
	margin: 15px;
}

/* Login Panel */

.logUser, .logPassword, .logDomain{
    font-size: 20px !important;
}
/*#uname, #GEN_USU_LOGIN, #psw, #GEN_USU_PASSWORD, #domain, #domini, .LoginCentered{
    font-size:20px !important;
}*/
div#loginpanel
{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	border: 1px double lightgray;
	position: relative;
	top: 150px;
}

div#loginpanel table
{
	width: 100%;
	table-layout: fixed;
}

div#loginpanel input[type="text"], input[type="password"]
{
	width: 97%;
}

/* Validation */
.validation-summary-errors
{
	font-family: verdana;
	font-size: 15px;
	color: #FF0000;
}

.validation-summary-valid
{
	font-family: verdana;
	font-size: 10px;
	color: #FF0000;
    display:none;
}

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

.field-validation-error
{
    font-size: 15px;
	color: #FF0000;
}

/* ErrorPage */
div#errorPanel
{
	margin: 0 5% 0 5%;
}

div#errorPanel legend
{
	color: Red;
}

/* Treeview */
table.tblDadesTree
{
	width: 95%;
}

table.tblDadesTree select, table.tblDadesTree textarea, table.tblDadesTree input
{
	width: 100%;
}

.ocult 
{
    display: none;
}

/* Manteniments Arbres: LOCALITZACIONS, ITEMS_ARBRE */
.nodeEliminat 
{
    color: #990000;
}

.nodeSelected 
{
    font-weight:bold;
}

.nodeUnSelected
{
    font-weight:normal;
}

.divMantLocTree 
{
    width:35%;
    float:left;
    margin: 5px 0px 0px 5px;
}

.divMantLocDades 
{
    width:59%;
    float:right;
    margin: 5px 5px 0px 0px;
}

.locTreeMant
{
    border:1px solid black;
    width:300px;
    height:400px;
    overflow:scroll;
}

.divMantItArTree
{
    width:35%;
    float:left;
    margin: 5px 0px 0px 5px;
}

.divMantItArDades 
{
    width:59%;
    float:right;
    margin: 5px 5px 0px 0px;
    overflow:auto;
}



/* Modal Adjunts */
select.listddl 
{
	width: 100%;
}

/* Arbre Items */
.filetree 
{
	margin-left: 20px;
}

/* Loading */
#loadingDiv
{
	position: fixed;
	text-align: center;
	top: 50%;
	left: 50%;
	z-index: 200;
	display: none;
	font-family: Calibri;
	color: #808080;
	/*height: 70px;*/
	width: 180px !important;
	border: 2px solid #bbbbbb;
	background-color: White;
}

/*Loader normal*/
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin-left:15%;
  margin-bottom:2%;
}
/*Loader Apple*/
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.divTable 
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
/*sino funciona posar style en el html corresponent*/
#divGestiodades{
    width:50%;
    float:right
}

/* Maps */
div#iw_content label
{
	font-weight: bold;
}

div#iw_content span.latlng
{
	font-size: 8px;
}

/* Arbre d'items, items de baixa */
.dbaixa 
{
	text-decoration: line-through;
}


/* Checkbox list */
table.checkboxlist
{
    margin: 0 auto;
}

table.checkboxlist td
{
    padding: 10px;
    vertical-align: top;
}

table.checkboxlist input {
    vertical-align: middle;
}
table.checkboxlist span {
    vertical-align: middle;
}

/* Messages */
.message_success
{
    padding: 5px;
    background-color: #B5F4CE;
    color: #19813E;
}
.message_error
{
    padding: 5px;
    background-color: #F4B5CE;
    color: #81193E;
}

/* Checkbox TreeView */
div.tree-multiselect div.title {
    background-color: inherit;
    color: #444;
    font-weight: bold;
}

div.tree-multiselect {
    border: 0;
}

div.tree-multiselect input[type="checkbox"] {
    display: inline;
    margin-right: 5px;
    vertical-align: middle;
}

/*Index*/
/* DataTables */
.index_device{
    display:none;
}
table.display
{
    display:none;
}
#btn-dep{
    
}

/* Taula de puntuacions*/
table#tblPuntuacionsInsp th
{
    font-size: 12px;
    text-align: center;
    vertical-align: bottom;
}

table#tblPuntuacionsInsp th a
{
    color: #0050c7;
    text-decoration: underline;
    text-decoration-color: #0050c7;
    font-size: 12px;
}


table#tblPuntuacionsInsp tr>:nth-child(2)
{
     padding-right: 15px;
}