body.navbar-side-open { overflow: hidden;}
.container-fluid { max-width: 1600px;}

/*MARGINS*/
.margin-top-45{margin-top: 45px;}
.margin-right-10{margin-right: 10px;}
.margin-left-10{margin-right: 10px;}
.margin-left-30{margin-right: 30px;}

/*NAVBAR*/
.navbar-brand { margin-bottom: 0.9rem}
.navbar { height: 100px;}
.navbar .navbar-toggler{margin-right: 15px;}
.navbar .linia { border-right: 1px solid #fff;}
#navbar-side { position: fixed; /* top: 60px; */ left: 0; /* height: calc(100vh - 80px); */ height: -webkit-fill-available; z-index: 1040; background-color: #fff; width: 225px; transform: translateX(-225px); transition: transform 0.5s ease-in-out; color: #757473; }
#navbar-side { color: #000; font-size: 0.9rem}
.wrapper { position: fixed; height: 100%; width: 100%; z-index: 99; top: 100px; left: 0; visibility: hidden;}
.wrapper:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .6); z-index: 1035; opacity: 0; visibility: hidden; transition: all 0.5s ease-in-out;}
.navbar-side-open{overflow: hidden;}
.navbar-side-open .wrapper { visibility: visible;}
.navbar-side-open .wrapper:before { opacity: 1; visibility: visible;}
.navbar-side-open #navbar-side { transform: translateX(0);}
#navbar-side .navbar-close { background-color: transparent; border: none; position: absolute; top: 15px; right: 15px;}
#navbar-side .menu { list-style: none; padding: 15px 0; margin-bottom: 0; margin-left: auto; margin-right: auto;}
#navbar-side .menu li { border-bottom: 1px solid #e5e5e5;}
#navbar-side .menu a{ padding: 15px; display: block; font-size: 0.8rem}
#navbar-side .menu i, .formulari-cercador i { width: 25px; font-size: 1.13rem; color:#999999!important}
nav .formulari-cercador{margin: 5px 15px; }
.formulari-cercador button { top: 6px; left: 5px;}
.formulari-cercador .form-control { background-color: #f1f1f1!important; width: 100%; border-color: #989898; border-radius: 15px }
@media(min-width: 992px) {
	.formulari-cercador button {left: 255px;}
	.formulari-cercador .form-control {padding-left: 15px;}
}

@media (min-width: 576px){
	#navbar-side { }
}

@media (min-width: 992px){
	.navbar { padding: 0.5rem 0; margin-bottom: 0}
	#navbar-side {}
	#navbar-side .menu{padding: 0 0; height: 70px;}
	#navbar-side .menu li { border-bottom: none; float: left;}
	#navbar-side .menu a { padding: 18px 10px; }
	.margin-navbar{margin-top: 0;}
	.margin-navbar-home{margin-top: 0;}
	.formulari-cercador .form-control { width: 300px; }
	nav .formulari-cercador{margin-left: 0; margin-right: 0;}
}

@media (min-width: 1200px){
	#navbar-side .menu li { margin-right: 45px;}
}

/*SLIDER*/
.slider-areaclient { margin-bottom: 30px;}
.slider-areaclient .slick-prev,
.slider-areaclient .slick-next { top: -45px; -webkit-transform: none; -ms-transform: none; transform: none; border-radius: 5px;}
.slider-areaclient .slick-prev { right: 50px; left: auto;}
.slider-areaclient .slick-next { right: 0;}
.slider-areaclient .item{border-radius: 5px;}
.slider-areaclient .container-fluid{ top: auto; bottom: 15px; -webkit-transform: none; -o-transform: none; transform: none;}

@media (min-width: 576px){
	.slider-areaclient .nom { margin-bottom: 15px;}
	.slider-areaclient .txt { margin-bottom: 15px;}
}

.btn-primary {
    background-color: #fa6400 !important;
    padding: .45rem 1.6rem;
    border-color: #fa6400 !important;
    border-radius: 2rem;
    font-size: 0.8rem;
    font-weight: 800;
}

/*HOME*/
.titol-home {font-weight: 500; text-transform: uppercase; font-size: 1.13rem;}
.img-block {background-color: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align: center; display: flex;min-height: 200px;}
.img-block img, .img-block i{font-size: 50px;}

/*SECCIO*/
.titol-seccio { padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}

/*NOTICIES*/
.noticia-block{border: none; padding: 0;}

/*DOCUMENTS*/
.document-block{border: 1px solid #f3f3f3; padding: 10px; margin-bottom: 15px; position: relative;}
.document-block .ico-left-txt{padding-right: 25px;}
.document-block .fa-chevron-down { position: absolute; top: 15px; right: 15px; color: #4a4a4a;}
.document-block .data{font-size: .88rem;}
.document-block .firmat{font-size: .88rem; color: #878787; font-style: italic;}
.document-block .icos{ margin-top: 15px; margin-left: auto;}
.document-block .icos .cercle, .document-block .cercle.descarrega { background-color: #cccdcd; color: #fff; height: 70px; line-height: 70px;
	width: 70px; border-radius: 50%; display: inline-block; text-align: center; margin-bottom: 5px; font-size: 30px; }
.document-block .cercle.descarrega { position: absolute; top: 15px; right: 15px; height: 25px; line-height: 25px; width: 25px; font-size: 15px;}
.document-block .icos span{ font-size: .88rem; display: block; text-align: center;}
.modal-content { border-radius: 0;}
.categoria-block { margin-bottom: 30px; border: none; padding: 0; font-size: .88rem; text-align: center;}
.categoria-block img{margin-bottom: 15px;}

@media (min-width: 576px){
	.document-block{ padding: 15px;}
	.document-block .ico-left-txt{padding-right: 50px;}
	.document-block .cercle.descarrega { height: 50px; line-height: 50px; width: 50px; font-size: 30px;}
}

@media (min-width: 1200px){
	.documents-block{padding: 15px; background-color: #ffffff; padding: 15px; border-radius: 5px; border: 1px solid #e6e6e6; color: #5c757d;
		margin-bottom: 30px;}
	.documents-block .titol{color: #4d4d4d; margin-bottom: 5px;}
	.documents-block .linia{border-bottom: 1px solid #b2b2b2; margin-top: 10px; margin-bottom: 10px;}
	.documents-block .firmat{font-size: .88em; color: #878787; font-style: italic;}
	.document-block-xl .cercle{ background-color: #cccdcd; color: #fff; height: 28px; line-height: 28px; width: 28px; border-radius: 50%;
	display: inline-block; text-align: center; font-size: 10px; margin-left: auto; margin-right: auto;}
	.document-block-xl .data, .document-block-xl .nom{font-size: .88em;}
	.document-block-xl .nom i{width: 30px; font-size: 1.13rem; margin-left: 20px;}
	.document-block-xl .tamany{font-size: .88em;}
}

/*FIRMA*/
#firma_container canvas { border: 1px solid #000; width: 100%; height: calc(100vh - 250px); min-height: 200px; max-height: 350px;}
#aviso_pantalla { max-width: 100%;}

@media (min-width: 576px){
	#firma_container canvas { height: 150px; min-height: 150px;}
}



#checksumPreview, .firmat.checksum {word-wrap: break-word;}

/*.portrait { position: relative; width: 150px; height: 100px; margin-left: auto; margin-right: auto;}
.portrait .portrait-1, .portrait .portrait-2{position: absolute; top: 0; left: 0; width: 100%;}
.portrait  .portrait-1 { animation: portrait1 2s infinite; opacity: 1;}
.portrait  .portrait-2 { animation: portrait2 2s infinite; opacity: 0;}

@media (orientation: portrait) and (max-width: 767px){
	.d-portrait-none{display: none!important;}
	.d-portrait-block{display: block!important;}
}

@media (orientation: landscape) and (max-width: 767px){
	.d-landscape-none{display: none!important;}
	.d-landscape-block{display: block!important;}
	.d-landscape-inline-block{display: inline-block!important;}
}

@keyframes portrait1 { 50% { opacity: 0;}}
@keyframes portrait2 { 50% { opacity: 1;}}*/

.bg-verd {
    background-color: green;
}

table.table td {
    padding: 3px;
}

.input-referencia, .input-cable {
    height: 23px;
    text-align: center;
}

.input-tramo {
    height: 29px;
}

.afegr-tramo {
    margin: 0 auto;
    display: inline-block;
    font-size: 35px;
    color: green;
    text-align: center;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

/* .ref-cliente-input.form-control {
    display: inline;
    width: 50%;
} */
.input-multiplicador {
    display: inline;
    width: 50px;
    text-align: center;
}

h2.total_titol, h3.total_titol {
	color: #FFF !important;
	font-size: 1.5rem;
	padding: 10px;
	margin: 20px 0 10px 0;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

h3.total_titol {
	font-size: 1.2rem;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.fa-sort-down {
    color:black;
}

.fa-sort-up {
    color:#acacac;
}

.collapsed .fa-sort-down {
    color:#acacac;
}

.collapsed .fa-sort-up {
    color:black;
}

.card-header {
    cursor: pointer;
}

textarea {
    min-height: 185px;
}

.seguiment-aceptada {
    background-color: #ccffcc;
}

.seguiment-rechazada {
    background-color: #ffcccc;
}

.seguiment-entregada {
    background-color: #f1f5f5;
}

.sort_container {

    align-items: center;
  }

  .icons-wrapper {
    display:inline;
    flex-direction: column;
    position: relative;
    padding-left: 4px;
  }

  .icons-wrapper i.fa{
    line-height: 0;
    position: absolute;
    top:10px;
    left:5px;
  }

.fa-sort-up, .fa-sort-down {
    color: #acacac;
}

.fa-sort-up.active, .fa-sort-down.active {
    color: black;
}

button.button:hover {
    opacity: 0.75;
}

button.button:active {
    position: relative;
    top:2px;
    left: 2px;;
}

.chat {
    text-align: center;
}

.chat .estado {
    font-size: 12px;
    background-color: #eaeaea;
    padding: 5px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 15px;
}

.chat .mensaje .data {
    font-size: 11px;
    background-color: #ffffff;
    padding: 5px;
    border-radius: 10px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    top:-10px;
    left: -10px;
}

.chat .mensaje {
    text-align: left;
    padding: 15px;
    background-color: #fa640024;
    display: block;
    border-radius: 10px;
    margin-top: 15px;
}

.chat .mensaje .text {
    display: block;
}