/*LAYOUT*/
/*INICI*/
.responsive-image-bandera{
	width:auto;
	height:70%;
	max-height:23px;
	min-height:5px;
}

tr.dadesfact>td:hover{
	background-color:#d9edf7 !important;
}

#myTable {
  border-collapse: collapse;
  margin: 0;
  /*width: 100%;*/
  table-layout: auto;
}

#myTable caption {
  font-size: 1.4em;
}

/*#myTable tr {
 
 }
*/
#myTable th,
#myTable td {
  text-align: left;
}

#myTable th {
  
  letter-spacing: .1em;
  text-transform: uppercase;
}
/*MOVIL*/

/*LAYOUT MOV*/
.navbar-right {
  float: left!important;
  /* margin-right: -15px; */
}

@media screen and (max-width: 991px) {
  #logo-menu {
    position: relative;

    width: 9rem;
    margin-left: 10rem;

    margin-top:unset;
    margin-bottom:unset;
    margin-right:unset;
    z-index: 5;
  }
  body{
    font-size:18px;
  }
/*NAVBAR*/
  .navbar{
		font-size:2rem;
	}

  .navbar:before {
    background-image:none;
    animation:none;
  }
  .navbar-header{
    display: flex;
    align-items: center;
  }

  .navbar-toggler{
    float: left;
    margin-left: 14px;
  }

  a.navbar-brand {
    float: none;
    display: table;
    margin: auto;
  }

  .navbar-toggler div.close-icon {
    font-size:2rem;
  }

  /* hide close when burger shown */
  .navbar-toggler.collapsed .close-icon {
    display: none;
  }

  .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    display: inline;
  }
  
  .navbar-toggler-icon{
    height:3rem;
    width:3rem;
  }

  .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    font-size:2rem;
    /* box-shadow:inset 0 0 0 0.25rem; */
    box-shadow:none;
  }
  
	/* Estilos para todos los submenús incluido el primero */
	ul.navbar-nav .dropdown-toggle[aria-expanded="true"] ~ ul.dropdown-menu {
		/* Estilos para los submenús */
		color: #000;
		background-color: #56a8f0;
	}
	
	/* Estilos para los submenús alternos (a partir del segundo submenú) */
	ul.navbar-nav .dropdown-toggle[aria-expanded="true"] ~ ul.dropdown-menu ul.dropdown-menu:nth-child(even) {
		background-color: #009dff;
		width: 100%;
		padding-left:1rem;
	}
	
	/* Estilos para los submenús alternos (a partir del tercer submenú) */
	ul.navbar-nav .dropdown-toggle[aria-expanded="true"] ~ ul.dropdown-menu ul.dropdown-menu:nth-child(odd) {
		background-color: #3278bc; /* Color alternativo para los siguientes submenús */
		width: 100%;
		padding-left:1rem;
	}
  .container-md, .container-sm, .container {
    max-width: 100%;
  }

  .dropdown-menu {
    font-size:2rem;
  }

  #navBarBurguer{
    position:relative;
    z-index:1031;
  }
  /*AIXO ES UTIL PER SI VOLEM POSAR EN HORITZONTAL IDIOMA;USER..*/
  /* ul.navbar-right{
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
  } */
  /* ul.navbar-right li.nav-item{
    margin-left:.2rem;
    margin-right:.2rem;
  } */

  /* .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
} */
  /*#logo-menu {
    width: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 30px;
    margin-left: 20px;
}*/
/*
  #myTable caption {

	}
  */
  #myTable thead {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    /*width: 1px;*/
  }

  /*TAULA CONTINGUT*/
  #myTable td {
	font-size:3vw;
    display: block;
    text-align: right;
	
  }

  #myTable td.bg-white {
    display: none;
  }

  #myTable tbody tr td.busqueda-hide{
    display: none !important;
  }
  /*AMAGA I ENSENYAR BUSQUEDA*/
  #myTable tbody tr td div.responsive-amaga{
	  display:none;
	  transition: max-height 0.3s, padding 0.3s;
  }
  
  #myTable tbody tr.active td div.responsive-amaga {
	  display:block;
	  transition: max-height 0.6s, padding 0.6s;
}
  /*TABLE HEADERS*/
  #myTable td::before {
	font-size:3vw;
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  #myTable > :not(:first-child) {
    border-top: none;
}

  #myTable tr:not(:first-child) {
    border-top: 3px solid #3097d1;
  }
 
  #myTable td:last-child {
	border-bottom:0px;
  }
  
  .servei-factura{
	/*font-family:'Poppins';
	    font-size: 9px;*/
		width: inherit;
		
}
.barra-fact-total{
	border-bottom:2px solid black;
}
   .busqueda-hide{
	 display:none;
 }   
  
  .responsive-show{
	  display:block;
  }
  td.responsive-show{
	display:block;
	background-color:grey !important;
	padding:0;
}

.responsive-hide{
  display:none !important;
  }
  

.responsive-maxample{
	width:100% !important;
}
.totals-fact{
	border-top:3px solid black !important;
	border-bottom:3px solid black !important;
}

tr.totals-fact:nth-child(2){
border-bottom:5px solid black !important;
}

.totals-fact:hover{
	background-color:background-color,#f5f5f5;
}

.buscarbutton{
  font-size:1.1rem;
}

/*BUTO BUSQEDA TOGGLE*/
#toggle-buscar{
	width:auto !important;
	font-size:3vw;
	display: block;
	margin: auto;
}
/*BUTO BUSCAR*/
#cercaCalls{
	vertical-align:center;
	height:auto;
	font-size:4.5vw !important;
	padding:0 !important;
	/*float:right;*/
}

.bg-white{
	background-color:white !important;
}

.bg-white>td{
	background-color:white !important;
}
.border-0{
	border:0px !important;
}
.border-0>td{
	border:0px !important;
}
.border-0>tr>td{
	border:0px !important;
}

.dd-descargas{
	padding:0px !important;
	font-size: 3vw !important;
	font-weight:100 !important;
}

.descargas-modal{
	font-size:2vw;
	margin:0 !important;
	font-weight:100 !important;
}

.descargas-modal p{
text-align: center;
}

.responsive-image-bandera{
	width:auto;
	height:20%;
	max-height:2vh;
	min-height:.1vh;
}

.responsive-image-welcome{
margin-top: .1vh;
width: 90vw;
}

table>tbody>tr>td{
	border-top:0px!important;
}

/*SCROLL*/
#button-scrollup{
  color:white !important;
  display: none; /* Hidden by default */
  z-index: 9999;
  /*z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: grey;  /*Set a background color #3097d1*/
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
 /*Some padding */
  padding-top:2px;
  padding-bottom:4px;
  padding-left:8px;  
  padding-right:8px;
  /*margin-top:1vh;*/
  position:fixed;
  bottom:10vh;
  right:5vw;
  border-radius: 5px; /* Rounded corners */
  /*line-height: 3vh;*/
  /*font-size: 2vh;  Increase font size */
  -size:20px;
}

#button-scrollup.span.glyphicon{
 color:white !important;
 font-size:20px;
  z-index:9999;
}
#button-scrollup:hover { z-index: 9999;
  background-color:grey; /* Add a dark-grey background on hover */
}
#button-scrollup>span{
	 z-index: 9999;
	font-size:2vh;
	color: white !important;
    vertical-align: middle; 
}

/*USUARIS*/
table#taula_usuaris{
	font-size:2vh;
	display:block;
	width:90%;
	margin-right:10px;
}
#taula_usuaris tbody{
	display: table;
	width:100%;
	
}
#taula_usuaris tbody tr td{
	display:block;
	width:100%;
}

#taula_usuaris tbody tr td:nth-child(1) {
    width: 100%;
    
}
#taula_usuaris tbody tr td:nth-child(2) {
    width: 100%;
}
.allscreen{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-direction: column;
    flex-direction: column;	
}

.header-right>select {
    /* margin-top: 22px !important; */
    margin-top: none;
    margin-bottom: 22px !important;
}

#items{
	font-size:3vw;
}

.paginacio{
	font-size:3vw;
}

.pagination>li>a, .pagination>li>span {
	padding:0px 4px !important;
}

label{
  font-size:1rem;
	font-weight: 300 !important;
	
}

/*FACTURES*/
.fact-dload-icon{
  width:3rem;
}

/*SERVEIS*/
div.tabnav > ul li {
  font-size: 18px sans-serif;
}

/*PREFACTURA*/
.prefact-table tbody td{
  font-size:1.2rem;
}

.prefact-table thead th{
  font-size:1.1rem;
}

.prefact-table thead tr.descuento td{
  font-size:1rem;
}


/*.nav>li, .nav>li>a {
   display: block; !important;}*/
/*ul.nav{
    display: inline-grid;
    position: relative;
    float: left;
}*/
}

/*TRUCADES*/
/* @media screen and (max-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 100%;
  }

} */