.ngx-file_e {
	height: 120px;
	border-color: #29b6f6 !important;
}
.ngx-file_f {
	height: 70px;
	border-color: #29b6f6 !important;
}

/* ================================================================================
dialogs
================================================================================ */
.dialogs-main {
	max-width: 700px !important;
	height: 95vh;
	width: 100%;
	margin: 0 20px;
}
.dialogs-md {
	max-width: 900px !important;
	width: 100%;
	margin: 0 20px;
}
.dialogs-lg {
	max-width: 1200px !important;
}

/*  */
.mat-dialog-content {
    max-height: 80vh !important;
}

/*  */
.dialog-customers {
    width: auto;
}
.dialog-customers .content {
    padding: 0;
}
.dialog-customers .head {
    display: flex;
}
.dialog-customers .dialog-title {
    color: var(--color-font-titles);
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    margin-right: auto;
}
.dialog-customers .icon-close {
    color: var(--color-primary);
}
.dialog-customers .body {
    padding: 20px 0;
    /* margin: 20px 0; */
    border-bottom: solid 1px var(--color-gris-2);
    border-top: solid 1px var(--color-gris-2);
}

.dialog-customers .body .campos-obligatorios {
    display: block;
    color: var(--color-danger);
    margin-bottom: 5px;
}

.dialog-customers .footer .buttons {
    text-align: right;
}

.dialog-customers .company-logo .image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    color: var(--color-font);
    background-color: var(--color-gris-3);
    border-radius: 50%;
}


.margin-l {
    margin-left: 5px !important;
    margin-bottom: 20px !important;
}

/* ================================================================================
media queries
================================================================================ */
@media (max-width: 576px) {
    /* .dialog-customers {
		width: 250px;
    } */
}