/*Write your custom css in this file.*/
/*CSS PERSONALIZADO MMAZCORRO.*/

.color-verde { 
	background: #28af31; 
}

.color-amarillo { 
	background: #e4b92f; 
}
	
.color-naranja { 
	background: #db7b2b; 
}

.color-rojo { 
	background: #cc3232; 
}
form#project-form label{
    padding-top: 8px;
    position: relative;
    top: 15px;
    left: 5px;
    font-weight: bold;
    z-index: 1;
  }

#description{
  resize: none;
}

.pnel-body .title{
  font-weight: 800;
} 

.sidebar-brand{
  background-color: #fff !important;
} 

.list-group-flush .list-group-item{
  padding: 0 25px;
}

.list-group-item span{
  float: right;
}

.form-group{
  margin-bottom: 0;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
  margin-left: 15px;
  margin-bottom: 0;
  margin-top: 0;
}

.ribbon_tiempo{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.card-title small{
  float: right;
}


/*INVOICE MANGAMENTE.*/
/*CSS PERSONALIZADO MMAZCORRO.*/
.coffee-shop-back-img-one img { 
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	height: auto;
	width: 70%;
}
.coffee-txt {
	color: #12151C;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 6px;
	text-align: center;
	font-weight: bold;
}
.brown-bg {
	width: 20px;
	height: 39.983px;
}
.invo-head-content-coffee {
	display: flex;
	column-gap: 15px;
	align-items: center;
	padding: 10px;
	width: 100%;
	justify-content: right;
	width: 76%;
	z-index: 1;
}
.invo-head-content-coffee .invo-head-wrap{
	padding-bottom: 0;
}

.invo-tb-header .font-md{
	padding: 10px;
	color: #fff;
	font-size: 13px;
	text-align: center;
}
.invo-tb-header .font-md:nth-child(1){
	padding-left: 20px;
	width: 50%;
}
.invoice-logo-content-coffee{
	display: flex;
	flex-wrap: wrap;
	/*column-gap: 30px;*/
	align-items: center;
}
.titulo_informacion{
	letter-spacing: 4px;
	margin-bottom: -10px;
    margin-left: -5px;
	opacity: 50%;
	color: #000;
	text-transform: uppercase;
}

.titulo_informacion1{
	letter-spacing: 4px;
	margin-bottom: -10px;
    margin-right: -10px;
	opacity: 50%;
	color: #000;
	text-transform: uppercase;
}
.texto_terminos{
	text-align: justify;
	font-size: 15px;
	font-weight: bold;
	margin-top: 3px;
}
.texto_totales{
	font-size: 15px;
}

.texto_justificado{
	text-align: justify;
}
.coffee-table tbody tr td:nth-child(3){
	text-align: center;
}
.coffee-table thead tr th:first-child{
	text-align: left;
}
.coffee-table tbody tr td .iva:last-child{
	font-size:10px;
}
.coffee-table .iva_subtotal{
	text-align: center;
	line-height:15px;
}

.coffee-table tbody tr td:nth-child(2),
.coffee-table tbody tr td:nth-child(3){
	text-align: center;
	font-size: 14px;
	
}
.invo-tb-header th:nth-child(2),
.invo-tb-header th:nth-child(3),
.invo-tb-header th:nth-child(4){
	width: 15%;
}

.coffee-triangle-image {
	content: "";
	clip-path: polygon(52% 99%, 0 1%, 100% 0);
	background: #12151C;
	width: 260px;
	height: 130px;
	position: absolute;
	right: 0;  
	top:-1.2px;
	fill: #00D061;
}
.coffee-triangle-image:before{
	content: "";
	background-image: url(../images/coffee-shop/triangle-top.svg);
	background-repeat: no-repeat;
	position: absolute;
	left:-4px;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
	color: #13206b;
}
.header-top-coffee{
	padding: 11px 0;
}
.invoice-logo-coffee {
	width: 20%;
}
.coffee-bottom-sec-footer {
	display: flex;
}
.coffee-conta-mail-wrap{
	display: flex;
	align-items: center;
	padding: 8px 50px;
	justify-content: space-around;
}
.coffee-bottom-sec{
	width: 30%;
	position: relative;
}
.coffee-bottom-sec {
	width: 16.67%;
}
.coffee-thank-txt {
	width: 100%;
	margin-left: auto;
}
.coffee-bottom-contact {
	width: 100%;
}
.coffee-invoice .rest-payment-bill .pay-data:last-child{
	border-bottom: none;
}
.ecommerce .payment-wrap-car .pay-data:last-child{
	border-bottom: none;
}
.pay-data {
	border-bottom: 1px solid #888888;
}
.pay-type {
	padding: 20px 20px 20px 0px;
}
.rest-payment-bill {
	display: flex;
}
.res-pay-table-res{
	border-collapse: collapse;
	width: 100%;
}
.res-pay-table-res .pay-type{
	padding: 20px;
}
.res-pay-table {
	border-collapse: collapse;
	width: 100%;
}
.payment-wrap {
	border: 2px solid #12151C;
	padding: 0px 20px 0px 20px;
	display: inline-block;
}
.car-invoice .payment-wrap.payment-wrap-car-details{
	padding: 0;
}
.ecommerce .payment-wrap-car .pay-data:last-child{
	border-bottom: none;
}

.coffee-txt-bottom{
	margin-top: 20px;
	text-align: center;
	margin-bottom: 24px;
}
.coffee-contact,
.coffee-mail{
	display: flex;
	align-items: center;
}
.coffee-triangle-image-footer{
	rotate: 180deg;
	bottom: 0;
	top: unset;
	right: unset;
	left: 0;
}
.coffee-contact svg {
	margin-right: 10px;
}
.coffee-mail svg{
	margin-right: 10px;
}
.invoice-logo-coffee img{
	width: 100%;
}

.bg-black {
	background: #12151C;
}
.bg-red {
	background: #EF4444;
}
.bg-green {
	background: #00D061;
}
.bg-yellow {
	background: #F59E0B;
}
.font-sm{
	color: #505050;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px; 
}
.font-sm-700{
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
}
.font-sm-500{
	color: #505050;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; 
}
.font-md{
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
.font-md-500{
	color:#12151C;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; 
}
.font-md-grey{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 10px;
}
.coffee-mail a:hover{
	color: #fff;
}
.tabla_articulos{
	min-height: 400px;
}
.invo-btns {
	display: inline-flex;
	align-items: center;
	margin: 0 1px;
}

.invo-buttons-wrap .invo-btns .print-btn {
	background: #EF4444;
	padding: 12px 24px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	color: white;
}
.invo-buttons-wrap{
	padding-top:10px;
	text-align: center;
}
.bold{
	font-weight: bold;
}
.font-18{
	color: #FFF;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.font-18-700{
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; 
}
.font-18-500{
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}
.font-lg{
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; 
}
.color-blue{
	color: #1D4ED8
}
.bg-blue{
	background: #1D4ED8;
}
.bg-dark-green{
	background: #60A917;
}
.table-bg{
	background: #F5F5F5;
}
.color-green{
	color: #60A917;
}
.color-white{
	color: #FFF;
}
.color-light-black{
	color: #12151C;
}
.color-grey{
	color: #505050;
}
.color-purple{
	color: #7E22CE;
}
.color-yellow{
	color: #F59E0B;
}
.color-dark-yellow{
	color: #FFA801;
}
.color-pink{
	color: #E11D48;
}
.color-dark-blue{
	color: #3742FA;
}
.pt-10{
	padding-top: 10px;
}
.pt-40{
	padding-top: 40px;
}
.pt-60{
	padding-top: 60px;
}
.mtb-14{
	margin: 14px 0px !important;
}
.invo-to-wrap{
	text-align: left;
}
.invo-pay-to-wrap{
	text-align: right;
}
.pl-10{
	padding-left: 10px !important;
}
.pr-10{
	padding-right: 10px !important;
}
.pr-20{
	padding-right: 20px;
}
.padding{
	padding: 10px;
}
.pt-20{
	padding-top: 20px;
}
.pt-0{
	padding-top: 0;
}
.text-right{
	text-align: right !important;
}
.text-center{
	text-align: center !important;
}
.text-left{
	text-align: left !important;
}
.invo-total-table .tax-row td{
	padding: 20px 0;
}
.hotel-sub {
	padding-left: 70px!important;
}
.width-50{
	width: 50%;
}
.d-none{
	display: none;
}

/************************* 2.Header CSS **************************/
.text-invoice {
	background-image: url('../images/hotel/txt-img.png');
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: auto;
	background-position: bottom center;
}
.container {
	max-width: 850px;
	margin: 0 auto;
	padding: 0 50px;
	z-index: 2;
}
.invoice-content-wrap {
	background:white;
	position: relative;
	height: 100%;
	width: 100%;
	
}
.invoice-container {
	max-width: 880px;
	margin: 0 auto;
	padding: 30px 15px;
}
.wid-20{
	width: 20%;
}
.wid-40{
	text-align: start;
	width: 102px;
}
.wid-50{
	width: 50%;
}
.logo img {
	display: block;
	height: 100%;
}

.invoice-owner-conte-wrap {
	display: flex;
	justify-content: space-between;
	-webkit-box-pack: justify;
}

.color-coffe{
	color: #13206b;
}

.cotizacion-pagina-mario{
	max-width: 880px;
    margin: 0 auto;
    padding: 30px 15px;
}

.invoice-table {
	border-collapse: collapse;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	/*white-space: nowrap;MMAZCORRO*/
	text-align:justify;
}

.invoice-table td{
	padding: 15px 20px;
}

.invoice-table.movie-table thead th {
	color: #12151C;
	padding: 10px 0;
}

.invo-tb-body {
	border-top: 2px solid #12151C;
}

.invo-tb-body .invo-tb-row {
	border-bottom: 1px solid #505050;
}
.invo-addition-wrap {
	display: flex;
	justify-content: space-between;
}
.invo-add-info-content {
	width: 50%;
	padding-left: 15px;
}
.invo-bill-total {
	width: 50%;
	position: relative;
	padding-right: 20px;
}
.invo-bill-total table {
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
	float: right;
}
.tax-row.bottom-border, .disc-row.bottom-border {
	border-bottom: 2px solid #12151C;
}
.disc-row td {
	padding-bottom: 10px;
}
.width-70{
	width: 70%;
}
.width-30{
	width: 30%;
}
.texto_grand_total{
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding-right:10px;
}
.signature-wrap {
	text-align: center;
	align-items: center;
	position: relative;
	left: 19%;
	padding-top: 50px;
}
.signature-wrap-flight {
	text-align: end;
	padding-top: 40px;
	position: relative;
}
.signature-wrap-flight:before{
	content: "";
	background-image: url(../images/flight/footer-traingle.svg);
	width: 100%;
	height: 118px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: left;
	left: -50px;
	bottom: 0;
}
.booking-content-wrap {
	display: flex;
	justify-content: space-between;
	column-gap: 4px;
	text-align:center;
}
.detail-col-car1 {
	width: 247px;
	padding: 9px 10px;
	background: #F5F5F5;
}
.detail-col-car1.internet-bg {
	background: rgb(96 169 23 / 8%);
}
.second-row{
	margin-top: 4px;
}
.invoice-timing-wrap {
	display: flex;
	justify-content: flex-start;
}
.invo-time-col {
	display: inline-block;
	padding: 0 12px 0 18px;
	position: relative;
}
.booking-info:before {
	content: '';
	position: absolute;
	/*border-left: 2px solid #13206b; QUITAMOS LA LINEA VERTICAL YA QUE SOLO HAY UN ARTICULO ACTUALMENTE*/
	height: 39px;
	top: 12px;
	left: -13px;
}
.booking-info .circle:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background-color: #13206b;
	left: -16px;
	top: 7px;
}
.booking-info p, .booking-info {
	position: relative;
}
.agency-service-content{
	position: relative;
	z-index:1;
}
/*INVOICE MANGAMENTE.*/
/*CSS PERSONALIZADO MMAZCORRO.*/