:root{
	--error-clr:#F9423A;
	--warning-clr:#FFCD00;
	--primary-clr:#009cde;
	--light-clr:#12b9ff;
	--dark-clr:#0078ab;
	--secondary-clr:#c1c6cb;
	--tertiary-clr:#9cde00;
	}

	.error-clr{
		background-color:var(--error-clr) !important;
	}
	.btn-no-style{
		background: none;
		color: inherit;
		border: none;
		padding: 0;
		font: inherit;
		cursor: pointer;
		outline: inherit;
	}

/*LAYOUT APP NAVBAR*/
body {
    font-family: 'Poppins' !important;
	background-color: #FFFFFF !important;
}

/*LAYOUTS*/
.nav-item{
	margin-right:5px;
}

.navbar-collapse{
	margin-left:10px;
}

.welcome{
  position:absolute;
  left:50%;
  top:50%;
  margin-left: -450px;
  margin-top: -201px;
}

.responsive-image-welcome{

}


.panel-vista{ 
padding-top: 82px !important;
}
.nav>li, .nav>li>a {
    position: relative;
    display: inline-flex !important;
}
#top-menu li a:hover{
	/*color:red;*/
	background-color:#a2d4ff !important;
	color:#fff;
	font-weight:600;
}

#top-menu li.active a{
	/*color:red;*/
	background-color:#009bdf !important;
	color:#fff;
	font-weight:600;
}

/*FACTCLIENT*/
/*FORM CREAR FACTURES*/
.generabuto{
	padding-left:2vw;
	padding-right:2vw;
}
.form_h>select{
	margin-left:.3vw;
	margin-right:.3vw;
}
.form_h>input{
	margin-left:.3vw;
	margin-right:.3vw;
}

/*FORM CERCA FACTURES*/
/*inputs*/
.card.cerca>div>.md-form{
	display:inline-flex !important;
}
.card.cerca>div>.md-form>input{

}

td>input#data{
/*width: 5.8vw;
height:3vh;
font-size:.6vw;*/
}

tr.totals-fact{
	background-color:#3097d1;
	
}
tr.totals-fact{
    color:white;
}
tr.totals-fact>td{
    color:white;
}

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

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

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

/*generic*/
.card.cerca>div>div>tr>td>input{
    float:left !important;
	margin-right:1vw;
	width:10vw !important;
}

/*submit*/
#cercaCalls{
	position: relative;
    display: block;
    margin: 0 auto;
	vertical-align:center;
	height:auto;
	width:60%;
	font-size:.8vw;
	padding-left:.6vw;
	padding-right:.6vw;
}
.buscarbutton{
	border-color:var(--primary-clr) !important;
	border-top:1px var(--primary-clr) solid !important;
	border-left:1px var(--primary-clr) solid !important;
	border-bottom:1px var(--primary-clr) solid !important;
	border-right:1px var(--primary-clr) solid !important;
	text-decoration:none !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: #3097d1;  /*Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
 /*Some padding */
  padding-bottom:0vh;
  padding-left:.4vw;  
  padding-right:.4vw;
  margin-top:1vh;
  border-radius: .5vh; /* Rounded corners */
  line-height: 3vh;
  /*font-size: 2vh;  Increase font size */
}
#button-scrollup.span.glyphicon{
 color:white !important;
  z-index: 9999;
}
#button-scrollup:hover { z-index: 9999;
  background-color: red; /* Add a dark-grey background on hover */
}
#button-scrollup>span{
	 z-index: 9999;
	font-size:2vh;
	color: white !important;
    vertical-align: middle; 
}

/*TOTALS*/
.totals-fact{
	background-color:#636b6f;
	border-bottom:2px solid black;
	border-top:2px solid black !important;
}
.totals-fact:hover{
	background-color:#d9edf7;
}
.totals-fact td:hover{
	background-color:#d9edf7;
}
tr.totals-fact.active{
	background-color:#d9edf7;
}
tr.totals-fact>td:hover{	
	background-color:#d9edf7;
}

.totals-fact td{	
	font-size:.9vw;
	color: #636b6f;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}

tr.totals-fact>td{	
	font-size:.9vw;
	color: #636b6f;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}
.descargas-modal{
	font-size:.8vw;
	margin:0 !important;
}
/*FACTURES CLIENT*/
.header-right{
float:right;
height:100%;
}
.header-right>select {
    margin-top: 30px;
    margin-bottom: 30px;
}

.dd-descargas{
	padding:0px !important;
}
.responsive-show{
	display:none;
}

.ampletotal{
	width:100%;
}

.busqueda-hide>div>input{
	width: 100%;
	text-align:center;
	display: block;
}

.totals-hide{
	width: 100%;
	text-align:center;
	display: none;
}

.width100{
	width:100%;
}

.width100>tr>td{
	width:100%;
}
.width100>tr{
	width:100%;
}
/*PAGINACIO*/
#paginacio{
	display:flex;
	font-size:.8vw;
	
}
#paginacio>form{
padding-left:1vw;
font-size:1em;
}
/*Ordres de venta*/

/*TEXT AREA INSERTS*/
.textinput {
	width: 100%;
	min-height: 20vh;
	outline: none;
}

.transcript_input{
	display:none;
}

/* Task scheduler graphs */
svg {
	background-color: white;
}
rect {
	fill: none;
	pointer-events: all;
  }
  
 
  
  .cursor {
	fill: none;
	stroke: brown;
	pointer-events: none;
  }
  
  .link {
	stroke: #999;
  }

   	select:invalid.invalid_dropdown{
		background-color: Tomato;
	}

	select.invalid_dropdown option.white_option{
		background-color: white !important;
	} 

	.option-gray{
		background-color: gray !important;
	}