@charset "utf-8";

.rr {
	background-color: rgba(255,0,0,1);.
		border: 1px solid rgba(255,0,0,1);
}
.gg {
	background-color: rgba(0,255,0,1);
	border: 1px solid rgba(0,255,0,1);}

.bb {
	background-color: rgba(0,0,255,1);
	border: 1px solid rgba(0,0,255,1);
}

/* {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,0,0,1);
	border-bottom-color: rgba(255,0,0,1);
} */
h1,
h2,
h3 {
    color: var(--colorUser) !important;
}

.bg-color-user {
    background-color: var(--colorUser);
}

.bg-color-user-50 {
    background-color: var(--colorUser50);
}

.no-foto-perfil {
    border: 4px solid var(--colorUser10);
}

:root {
    --animate-delay: 0.1s;
}

:root {
    --colorSecondary: rgba(180, 180, 180, 1);
    --colorSecondary75: rgba(180, 180, 180, 0.75);
    --colorSecondary50: rgba(180, 180, 180, 0.50);
    --colorWarning: rgba(255, 180, 0, 1);
    --colorWarning75: rgba(255, 180, 0, 0.75);
    --colorDanger: rgba(254, 64, 65, 1);
    --colorDanger75: rgba(254, 64, 65, 0.75);
    --colorSuccess: rgba(45, 204, 112, 1);
    --colorSuccess75: rgba(45, 204, 112, 0.75);
    --colorInfo: rgba(143, 164, 174, 1);
    --colorInfo75: rgba(143, 164, 174, 0.75);
 }

/*SWEET ALERTS **/
.swal2-title {
    color: var(--colorUser) !important;
}

.swal2-confirm {
    background-color: var(--colorSuccess) !important;
}

.swal2-deny {
    background-color: var(--colorSecondary) !important;
}

.swal2-icon {
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}

.swal2-icon.swal2-question {
    background-repeat: no-repeat;
    background-color: var(--colorUser) !important;
    background-image: url(../img/interroga.gif);
    background-blend-mode: screen;
}

.swal2-icon.swal2-question .swal2-icon-content {
    display: none;
}

.swal2-icon.swal2-warning .swal2-icon-content {
    display: none;
}

.swal2-icon.swal2-warning {
    background-repeat: no-repeat;
    background-color: var(--colorUser) !important;
    background-image: url(../img/exclama.gif);
    background-blend-mode: screen;
}

.swal2-icon.swal2-error .swal2-x-mark {
    display: none;
}

.swal2-icon.swal2-error {
    background-repeat: no-repeat;
    background-color: var(--colorDanger) !important;
    background-image: url(../img/error.gif);
    background-blend-mode: screen;
}

.swal2-icon.swal2-success .swal2-success-ring {
    display: none;
}

.swal2-icon.swal2-success div {
    display: none;
}

.swal2-success-line-tip {
    display: none !important;
}

.swal2-success-line-long {
    display: none !important;
}

.swal2-icon.swal2-success {
    background-repeat: no-repeat;
    background-color: var(--colorSuccess) !important;
    background-image: url(../img/success.gif);
    background-blend-mode: screen;
}

.swal2-icon.swal2-info .swal2-icon-content {
    display: none !important;
}

.swal2-icon.swal2-info {
    background-repeat: no-repeat;
    background-color: var(--colorUser) !important;
    background-image: url(../img/info.gif) !important;
    background-blend-mode: screen !important;
}

/*SWAl*/


.modal-header .titulo {
    font-size: 18px !important;
    font-weight: bold !important;
    color: var(--colorUser) !important;
}

.no-mostrar {
    display: none;
}

.mostrar {
    display: block;
}

.vbox-overlay {
    background-color: var(--colorUser50) !important;
    background-image: url(../img/negro50.png) !important;
}


.numerico {
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

.btn {
    font-weight: normal;
    letter-spacing: 1px;
    padding-right: 20px;
    padding-left: 20px;

}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    border: 1px solid var(--colorUser) !important;
    background: var(--colorUser) !important;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
    border: 1px solid var(--colorUser75) !important;
    background: var(--colorUser75) !important;
}

.btn-primary:active,
.btn-primary.active {
    border: 1px solid var(--colorUser75) !important;
    background: var(--colorUser75) !important;
    box-shadow: none;
}

.btn.outline {
    background: none;

}

.btn-primary.outline {
    border: 1px solid var(--colorUser) !important;
    color: var(--colorUser);
}

.btn-primary.outline:hover,
.btn-primary.outline:focus,
.btn-primary.outline:active,
.btn-primary.outline.active,
.open>.dropdown-toggle.btn-primary {
    border: 1px solid var(--colorUser75) !important;
    color: var(--colorUser75) !important;
}

.btn-primary.outline:active,
.btn-primary.outline.active {
    border: 1px solid var(--colorUser75) !important;
    color: var(--colorUser75) !important;
    box-shadow: none;
}

.btn-secondary {
    border: 1px solid var(--colorSecondary) !important;
    background: var(--colorSecondary) !important;
    color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-secondary {
    border: 1px solid var(--colorSecondary75) !important;
    background: var(--colorSecondary75) !important;
}

.btn-secondary:active,
.btn-secondary.active {
    border: 1px solid var(--colorSecondary75) !important;
    background: var(--colorSecondary75) !important;
    box-shadow: none;
}

.btn-secondary-outline {
    border: 1px solid var(--colorSecondary) !important;
    color: var(--colorSecondary) !important;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active,
.open>.dropdown-toggle.btn-secondary-outline {
    border: 1px solid var(--colorSecondary75) !important;
    color: var(--colorSecondary75) !important;
    background: none;
}

.btn-secondary-outline:active,
.btn-secondary-outline.active {
    border: 1px solid var(--colorSecondary75) !important;
    color: var(--colorSecondary75) !important;
    box-shadow: none;
}

.btn-success {
    border: 1px solid var(--colorSuccess) !important;
    background: var(--colorSuccess) !important;
    color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
    border: 1px solid var(--colorSuccess75) !important;
    background: var(--colorSuccess75) !important;
}

.btn-success:active,
.btn-secondary.active {
    border: 1px solid var(--colorSuccess75) !important;
    background: var(--colorSuccess75) !important;
    box-shadow: none;
}

.btn-success.outline {
    border: 1px solid var(--colorSuccess) !important;
    color: var(--colorSuccess) !important;
}

.btn-success.outline:hover,
.btn-success.outline:focus,
.btn-success.outline:active,
.btn-success.outline.active,
.open>.dropdown-toggle.btn-success {
    border: 1px solid var(--colorSuccess75) !important;
    color: var(--colorSuccess75) !important;
    background: none;
}

.btn-success.outline:active,
.btn-success.outline.active {
    border: 1px solid var(--colorSuccess75) !important;
    color: var(--colorSuccess75) !important;
    box-shadow: none;
}

.btn-danger {
    border: 1px solid var(--colorDanger) !important;
    background: var(--colorDanger) !important;
    color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
    color: #ffffff;
    background: var(--colorDanger75) !important;
    border: 1px solid var(--colorDanger75) !important;
}

.btn-danger:active,
.btn-danger.active {
    background: var(--colorDanger75) !important;
    border: 1px solid var(--colorDanger75) !important;
    color: #ffffff;
    box-shadow: none;
}

.btn-danger.outline {
    border: 1px solid var(--colorDanger) !important;
    color: var(--colorDanger) !important;
}

.btn-danger.outline:hover,
.btn-danger.outline:focus,
.btn-danger.outline:active,
.btn-danger.outline.active,
.open>.dropdown-toggle.btn-danger {
    border: 1px solid var(--colorDanger75) !important;
    color: var(--colorDanger75) !important;
    background: none;
}

.btn-danger.outline:active,
.btn-danger.outline.active {
    border: 1px solid var(--colorDanger75) !important;
    color: var(--colorDanger75) !important;
    box-shadow: none;
}

.btn-info {
    border: 1px solid var(--colorInfo) !important;
    background: var(--colorInfo) !important;
    color: #ffffff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
    color: #ffffff;
    background: var(--colorInfo75) !important;
    border: 1px solid var(--colorInfo75) !important;
}

.btn-info:active,
.btn-info.active {
    background: var(--colorInfo75) !important;
    border: 1px solid var(--colorInfo75) !important;
    color: #ffffff;
    box-shadow: none;
}

.btn-info.outline {
    border: 1px solid var(--colorInfo) !important;
    color: var(--colorInfo) !important;
}

.btn-info.outline:hover,
.btn-info.outline:focus,
.btn-info.outline:active,
.btn-info.outline.active,
.open>.dropdown-toggle.btn-info {
    border: 1px solid var(--colorInfo75) !important;
    color: var(--colorInfo75) !important;
    background: none;
}

.btn-info.outline:active,
.btn-info.outline.active {
    border: 1px solid var(--colorInfo75) !important;
    color: var(--colorInfo75) !important;
    box-shadow: none;
}

.btn-warning {
    border: 1px solid var(--colorWarning) !important;
    background: var(--colorWarning) !important;
    color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
    color: #ffffff;
    background: var(--colorWarning75) !important;
    border: 1px solid var(--colorWarning75) !important;
}

.btn-warning:active,
.btn-warning.active {
    background: var(--colorWarning75) !important;
    border: 1px solid var(--colorWarning75) !important;
    color: #ffffff;
    box-shadow: none;
}

.btn-warning.outline {
    border: 1px solid var(--colorWarning) !important;
    color: var(--colorWarning) !important;
}

.btn-warning.outline:hover,
.btn-warning.outline:focus,
.btn-warning.outline:active,
.btn-warning.outline.active,
.open>.dropdown-toggle.btn-warning {
    border: 1px solid var(--colorWarning75) !important;
    color: var(--colorWarning75) !important;
    background: none;
}

.btn-warning.outline:active,
.btn-warning.outline.active {
    border: 1px solid var(--colorWarning75) !important;
    color: var(--colorWarning75) !important;
    box-shadow: none;
}

.btn-group .btn:not(:first-of-type) {
    margin-left: 1px;

}

.btn-group-outline .btn:not(:first-of-type) {
    margin-left: -1px;


}

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-track {
    background-color: var(--colorUser);
}

::-webkit-scrollbar-thumb {

    background-color: rgba(255, 255, 255, 0.6);
}

.Perfil-Profesional h1,
h2,
h3,
strong {
    color: var(--colorUser);
}

.Perfil-Profesional .profesiones {
    font-family: Font-Titulos;
    font-size: 22px;
    font-weight: bold;
    color: var(--colorSecondary);
}

.Perfil-Profesional .especialidades h4 {

    font-size: 18px;
    font-weight: bold;

}

.Perfil-Profesional .nofoto {
	border: 2px solid var(--colorUser);; 
}
.Perfil-Profesional .especialidades .especialidad {
    background-color: var(--colorUser);
    font-size: 17px;
    font-weight: normal;
    color: #FFF;
    padding-top: 4px;
    padding-right: 15px;
    padding-bottom: 4px;
    padding-left: 15px;
    margin-right: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 10px;
}

.portfolio .portfolio-item {
    margin-bottom: 30px;

    width: calc(33% - 10px);
}

.portfolio #portfolio-flters {
    padding: 0;
    margin: 0 auto 20px auto;
    list-style: none;
    text-align: center;
}

.portfolio #portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 8px 15px 10px 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: #444444;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    border-radius: 3px;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
    color: #fff;
    background-color: #01bfd1;
}

.portfolio #portfolio-flters li:last-child {
    margin-right: 0;
}

.portfolio .portfolio-wrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: rgba(60, 65, 51, 0.6);
}

.portfolio .portfolio-wrap::before {
    content: "";
    background: rgba(60, 65, 51, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    opacity: 0;
}

.portfolio .portfolio-wrap img {
    transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
    text-align: center;
    z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
    color: #fff;
    margin: 0 5px 0 0;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
    color: #c0da91;
}

.portfolio .portfolio-wrap:hover::before {
    opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
    transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
    opacity: 1;
}

/*.productos {

	}/*/

.producto .foto img {
    background-color: var(--colorUser);

}

.pagination {
    justify-content: center;

}

.pagination>li>a {

    background-color: white;
    color: var(--color2);
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {

    background-color: var(--colorUser);
    border-color: var(--color1);
    color: #ffffff;
}

.pagination>.active>a {
    color: #ffffff;
    background-color: var(--colorUser);
    border-color: var(--colorUser);
}

.pagination>.active>a:hover {
    background-color: var(--colorUser);
    border-color: var(--colorUser);
    color: #FFF;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #00ff00;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    background-color: var(--colorUser);
    border-color: var(--colorUser);
    color: #FFF;
}

.page-item.active .page-link {
    z-index: 1;
    background-color: var(--colorUser);
    border-color: var(--colorUser);
    color: var(--colorTextoBoton2);
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ver-carro .titulo {
    background-color: #84337f;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 32px;
}

.ver-carro {
    font-size: 0.9rem;
}

.ver-carro .elemento {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e3d3dc;
}

.ver-carro .descuento {
    padding-top: 10px;
    text-align: right;
}

.ver-carro .custom-control.image-checkbox {
    position: relative;
    padding-left: 0;
}

.ver-carro .custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:after,
.custom-control.image-checkbox .custom-control-input:checked~.custom-control-label:before {
    opacity: 1;
    background-color: #8d0d88;
    border-radius: 50%;
}

.ver-carro .custom-control.image-checkbox label {
    cursor: pointer;
}

.ver-carro .custom-control.image-checkbox label:before {
    background-color: #e3d3dc;
    border: 1px solid #84337f;
}

.ver-carro .custom-control.image-checkbox label:after,
.custom-control.image-checkbox label:before {
    transition: opacity .4s ease;
    opacity: 1;
    left: .25rem;
}

.ver-carro .custom-control.image-checkbox label:focus,
.custom-control.image-checkbox label:hover {
    opacity: .8;
}

.ver-carro .custom-control.image-checkbox label img {
    border-radius: 10px;
    border: 1px solid #e3d3dc;
}

.ver-carro .form-group-image-checkbox.is-invalid label {
    color: #dc3545;
}

.ver-carro .form-group-image-checkbox.is-invalid .invalid-feedback {
    display: block;
}


#carros .dropdown-menu {
    width: 500px;
    height: auto;
}

.btn-duplicar-campo {
    border: 1px dashed var(--colorUser);
    background: #ffffff;
    color: var(--colorUser);
    width: 100%;
}

.btn-duplicar-campo:hover,
.btn-duplicar-campo:focus,
.btn-duplicar-campo:active,
.btn-duplicar-campo.active {
    border: 1px solid var(--colorUser);
    color: #fff;
    width: 100%;
    background-color: var(--colorUser75);
}

.fc-unthemed td.fc-today {
    background: var(--colorUser10) !important;
}

.fc-prev-button {
    height: 28px !important;
    color: rgba(255, 255, 255, 1) !important;
    background: rgb(166, 9, 150) !important;
    background: linear-gradient(90deg, var(--colorUser) 0%, var(--colorUser) 100%) !important;
    -webkit-border-radius: 50px !important;
    -webkit-border-top-right-radius: 1px !important;
    -webkit-border-bottom-right-radius: 1px !important;
    -moz-border-radius: 50px !important;
    -moz-border-radius-topright: 1px !important;
    -moz-border-radius-bottomright: 1px !important;
    border-radius: 50px !important;
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}

.fc-prev-button:hover {
    background: rgb(157, 210, 230) !important;
    background: linear-gradient(90deg, var(--colorUser75) 0%, var(--colorUser75) 100%) !important;

}

.fc-next-button {
    height: 28px !important;
    color: rgba(255, 255, 255, 1) !important;
    background: rgb(166, 9, 150) !important;
    background: linear-gradient(90deg, var(--colorUser) 0%, var(--colorUser) 100%) !important;
    -webkit-border-radius: 1px !important;
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    -moz-border-radius: 1px !important;
    -moz-border-radius-topright: 50px !important;
    -moz-border-radius-bottomright: 50px !important;
    border-radius: 1px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    margin-left: 1px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}

.fc-next-button:hover {
    background: rgb(157, 210, 230) !important;
    background: linear-gradient(90deg, var(--colorUser75) 0%, var(--colorUser75) 100%) !important;

}

.fc-center h2 {
    font-size: 18px;
    height: 28px !important;
    padding-top: 2px;
}

.fc-month-button {
    height: 28px !important;
    color: rgba(255, 255, 255, 1) !important;
    background: rgb(166, 9, 150) !important;
    background: linear-gradient(90deg, var(--colorUser) 0%, var(--colorUser) 100%) !important;
    -webkit-border-radius: 50px !important;
    -webkit-border-top-right-radius: 1px !important;
    -webkit-border-bottom-right-radius: 1px !important;
    -moz-border-radius: 50px !important;
    -moz-border-radius-topright: 1px !important;
    -moz-border-radius-bottomright: 1px !important;
    border-radius: 50px !important;
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    font-size: 14px !important;
}

.fc-month-button:hover {
    background: rgb(157, 210, 230) !important;
    background: linear-gradient(90deg, var(--colorUser75) 0%, var(--colorUser75) 100%) !important;
}

.fc-agendaWeek-button {
    font-size: 14px !important;
    height: 28px !important;
    color: rgba(255, 255, 255, 1) !important;
    background: rgb(166, 9, 150) !important;
    background: linear-gradient(90deg, var(--colorUser) 0%, var(--colorUser) 100%) !important;
    -webkit-border-radius: 1px !important;
    -webkit-border-top-right-radius: 50px !important;
    -webkit-border-bottom-right-radius: 50px !important;
    -moz-border-radius: 1px !important;
    -moz-border-radius-topright: 50px !important;
    -moz-border-radius-bottomright: 50px !important;
    border-radius: 1px !important;
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
    margin-left: 1px !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
}

.fc-agendaWeek-button:hover {
    background: rgb(157, 210, 230) !important;
    background: linear-gradient(90deg, var(--colorUser75) 0%, var(--colorUser75) 100%) !important;

}

.fc-state-active {
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35) inset !important;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35) inset !important;
    -moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.35)inset !important;

}

.fc-toolbar {
    height: 28px !important;
    margin-top: -10px !important;
    margin-right: 0px !important;
    margin-bottom: 5px !important;
    margin-left: 0px !important;
}

.fc-day-header {
    font-size: 14px !important;
    font-weight: bold !important;
    color: rgba(255, 255, 255, 1) !important;
    background-color: var(--colorUser) !important;
    text-transform: capitalize !important;
    border-top-color: var(--colorUser) !important;
    border-right-color: var(--colorUser) !important;
    border-bottom-color: var(--colorUser) !important;
    border-left-color: var(--colorUser) !important;
}

.fc-head {
    line-height: 40px;
    background-color: var(--colorUser) !important;
    text-transform: capitalize !important;
    border-top-color: var(--colorUser) !important;
    border-right-color: var(--colorUser) !important;
    border-bottom-color: var(--colorUser) !important;
    border-left-color: var(--colorUser) !important;
}

.fc-event-container {
    text-align: center !important;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    vertical-align: middle;
}


.form-control.hora-inicio,
.form-control.hora-fin {
    line-height: 38px;
    height: 38px;
}

/*.tabla-horario {}*/
.tabla-horario tr {
    margin: 0px;
    padding: 0px;
    height: 30px;
}

.tabla-horario td {
    margin: 0px;
    height: 30px;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
}

.tabla-horario .td-eliminar-horario {
    width: 160px;
    margin: 0px !important;
    padding: 0px !important;
    height: 38px;
}

.tabla-horario .td-eliminar-horario .btn {
    line-height: 36px;
    text-align: center;
    width: 100%;
    padding: 0px;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.tabla-horario thead th {
    text-align: center;
}

/*.horarios .intervalo {
}*/
.horarios {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    width: 100%;
}

.datepicker {
    width: 100% !important;
    margin-bottom: 10px;
    background-color: #e2e5ee;
    padding: 5px;
}

.datepicker .parametro label {
    display: inline-block;
    width: 100px;
}

.datepicker .parametro select {
    display: inline-block;
    width: calc(100% - 120px);
    display: inline-block;
}

.datepicker .parametro input {
    display: inline-block;
    width: calc(100% - 150px);
    display: inline-block;
}

.btn-duplicar-horario {
    font-family: 'Montserrat', sans-serif;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
    height: 32px;
    width: 300px;
    margin-left: -150px !important;
    position: relative;
    left: 50%;
    border: 1px solid var(--colorUser);
    color: var(--colorUser);
    line-height: 32px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.btn-duplicar-horario:hover {
    background-color: #9fb600;
    color: rgba(255, 255, 255, 1);
    border: 1px solid #9fb600;
}


.eliminar-horario {
    margin: 0px;
    line-height: 38px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
}


.sobre-modal {
    box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.3);
    margin-top: 20px !important;
}

.info-box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: var(--colorUser25);
    border: 1px solid var(--colorUser10);
    margin: 10px;
    position: relative;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 32px;
}

.info-box .texto {
    font-size: 14px;
    font-weight: lighter;
}

.info-box .icono {
    font-size: 24px;
    line-height: 24px;
    color: var(--colorUser);
    text-align: center;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;

    right: 8px;
}

.p-infobox {
    padding-top: 10px;
}

.info-box p,
.info-box h4,
.info-box h5 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

.info-box h4 {
    font-size: 16px;
}

/*/*/
.warning-box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: var(--colorUser25);
    border: 1px solid var(--colorUser10);
    margin: 10px;
    position: relative;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 32px;
}

.warning-box .texto {
    font-size: 14px;
    font-weight: lighter;
}

.warning-box .icono {
    font-size: 24px;
    line-height: 24px;
    color: var(--colorUser);
    text-align: center;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    position: absolute;
    top: 50%;

    right: 8px;
}

.p-warning {
    padding-top: 10px;
}

.warning-box p,
.warning-box h4,
.warning-box h5 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

.warning-box h4 {
    font-size: 16px;
}
/*/*/
/*/*/
.success-box {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: var(--colorSuccess);
	background-image: url(../img/ccc.gif);
	border: 1px solid var(--colorSuccess);
	margin: 10px;
	position: relative;
	padding-top: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-right: 1px;
}
 
 .success-box .interior {
 	background-color: var(--colorSuccess);
	background-image: url(../img/blanco75.png);
	display: block;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.success-box .texto {
	width: calc(100% - 40px);
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
}

.success-box .icono {
    font-size: 32px;
    line-height: 32px;
    color:  #22c05d;
    text-align: center;
    height: 32px;
    width: 32px;
    margin-top: -16px;
    position: absolute;
    top: 50%;

    right: 8px;
}
.success-box strong {
	  color: #22c05d;
	}
.p-success {
    padding-top: 10px;
}

.success-box p,
.success-box h4,
.success-box h5 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

.success-box h4 {
    font-size: 16px;
}
 
/*/*/
#event-description .rectangulo {
    padding-right: 10px;
    padding-left: 10px;
    background-color: var(--colorUser10);
    padding-bottom: 10px;
}

.modal-title .titulo {
    font-weight: bold;
    text-align: center;
    font-size: 18px;

}

#event-description .titulo {
    padding: 10px;

    font-weight: bold;
    text-align: center;
    color: var(--colorUser);
}

#event-description .fecha-2,
#event-description .fecha-2 .hora-inicio,
#event-description .fecha-2 .hora-fin {
    color: var(--colorUser);
    background-color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    width: calc(100% - 4px) !important;
    padding: 5px;
    margin-right: 2px;
    margin-left: 2px;
    font-size: 18px;
    text-align: center;
}

#event-description .fecha-2:before {
    content: "\f133 \0020";
    font-family: "FontAwesome";
}

#event-description .fecha,
#event-description .hora-inicio,
#event-description .hora-fin {
    color: var(--colorUser);
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    width: calc(33% - 4px);
    padding: 5px;
    margin-right: 2px;
    margin-left: 2px;
    font-size: 18px;
    text-align: center;
    border: 1px solid var(--colorUser25);
}

#event-description .fecha:before {
    content: "\f133 \0020";
    font-family: "FontAwesome";
}

#event-description .hora-inicio:before {
    content: "\f017 \0020";
    font-family: "FontAwesome";
}

#event-description .hora-fin:before {
    content: "\f017 \0020";
    font-family: "FontAwesome";
}

.estado-despacho {
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 33px;
    padding-right: 5px;
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 14px;
}

.estado-despacho .texto {
    width: calc(100% - 30px);
    float: left;
}

.estado-despacho .icono {
    width: 30px;
    float: left;
    text-align: center;
    font-size: 22px;
}

.estado-despacho.despacho-1 {
    border: 1px dashed #CCCCCC;
    color: #CCCCCC;
}

.estado-despacho.despacho-2 {
    border: 1px dashed #00b4ff;
    color: #00b4ff;
}

.estado-despacho.despacho-3 {
    border: 1px dashed var(--colorUser);
    color: var(--colorUser);
}

.estado-despacho.despacho-4 {
    border: 1px dashed var(--colorSuccess);
    color: var(--colorSuccess);
}

.estado-despacho.despacho-5 {
    border: 1px dashed var(--colorDanger);
    color: var(--colorDanger);
}

.estado-despacho.despacho-6 {
    border: 1px dashed var(--colorWarning);
    color: var(--colorWarning);
}

.lista-productos-despacho {
    background-color: var(--colorUser10);
    -webkit-border-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomright: 0px;
    border-radius: 10px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 5px 0px var(--colorUser25) inset;
    -webkit-box-shadow: 0px 0px 5px 0px var(--colorUser25) inset;
    -moz-box-shadow: 0px 0px 5px 0px var(--colorUser25) inset;
    padding: 10px;
}

.lista-productos-despacho .item-lista {
    margin-bottom: 5px;
    background-color: rgba(255, 255, 255, 1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

.lista-productos-despacho .item-lista .foto {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.lista-productos-despacho .item-lista .datos {
    width: calc(100% - 60px);
    float: left;
    display: flex;
    align-items: center;
    height: 50px;

}

.lista-productos-despacho .item-lista .datos .nombre {
    width: calc(100% - 360px);
    color: #666;
}

.lista-productos-despacho .item-lista .datos em {
    display: block;
    width: 100%;
    font-style: normal;
    line-height: 14px;
    color: rgba(204, 204, 204, 1);
    font-size: 13px;
}

.lista-productos-despacho .item-lista .datos strong {
    display: block;
    width: 100%;
    font-weight: normal;
    font-size: 17px;
}


.lista-productos-despacho .item-lista .datos .cantidad {
    width: 120px;
    text-align: center;
    color: #ff5b00;
}

.lista-productos-despacho .item-lista .datos .unidad {
    width: 120px;
    text-align: center;
    font-size: 16px;
    color: #00b4ff;
}

.lista-productos-despacho .item-lista .datos .total {
    text-align: center;
    width: 120px;
    color: var(--colorUser);
}

.historial-despacho {
    padding-top: 40px;
}

.historial-despacho .item-historial {
    position: relative;
    padding-left: 30px;
    margin: 0px;
    padding-bottom: 25px;
}

.historial-despacho .item-historial .punto {
    background-color: var(--colorUser);
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0px;
    top: 5px;
    display: block;
    background-image: url(../img/linea-tiempo.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.historial-despacho .item-historial:last-of-type .punto {
    height: 20px !important;
    width: 20px;
}

.historial-despacho .item-historial .datos {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #77909c;
}

.historial-despacho .item-historial .hora {
    color: var(--colorUser);
    display: inline-block;
}

.historial-despacho .item-historial .cambio-estado {
    display: inline-block;
}

.historial-despacho .item-historial .persona {
    font-size: 14px;
    color: #000000;
}

.historial-despacho .item-historial .comentario {
    font-size: 14px;
    color: #77909c;
    font-style: italic;
}

@media screen and (max-width: 992px) {
    section {
        overflow-x: hidden !important;
        margin: 0px;
        padding: 0px;
        width: 100vw;
    }

}


#calendario-cliente .fc-agenda-view {
    height: calc(100vh - 208px) !important;
    border: 1px solid var(--colorUser) !important;
    overflow-y: scroll;
    padding: -1px;
}

#calendario-cliente .fc-day-header {
    line-height: 40px;
}

/*#calendario-cliente table {}
*/
#calendario-cliente .fc-v-event {
    padding-top: 8px;
}

/*#historial-reservas {

 	}*/
#historial-reservas .lista-reservas {
    background-color: var(--colorUser) !important;
    background-image: url(../img/blanco75.png);
    padding-top: 14px;
    margin-bottom: 10px;
    padding-bottom: 31px;
    margin-top: -2px;
}

#historial-reservas .lista-reservas .item-reserva {
    background-color: rgba(255, 255, 255, 1);
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    box-shadow: 0px 0px 5px 0px var(--colorUser10);
    -webkit-box-shadow: 0px 0px 5px 0px var(--colorUser10);
    -moz-box-shadow: 0px 0px 5px 0px var(--colorUser10);
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

/*ACCORDION LISTA DE PEDIDOS */
#AccordionPedidos .accordion-item {

    border: 0px solid var(--colorUser);
}

#AccordionPedidos .accordion-button:hover {
    background-color: var(--colorUser75) !important;
    color: rgba(255, 255, 255, 1);
}

#AccordionPedidos .accordion-button {
    font-family: 'Font-Cuerpo' !important;
    background-color: var(--colorUser10) !important;
    color: var(--colorUser);
    height: 50px;
    overflow: hidden !important;
    font-size: 18px;
    text-align: center !important;
    text-decoration: none;
    margin-bottom: 2px;
    border: 1px solid var(--colorUser50);
    font-weight: normal;
}

#AccordionPedidos .accordion-collapse {
    z-index: 3;
    border-color: var(--colorUser10) !important;
    outline: 0;

}

#AccordionPedidos .accordion-button::after {
    background-image: none !important;
    transform: rotate(0deg);
    transition-duration: 0.3s;
    transform-origin: center center !important;
    transition-timing-function: ease-in-out;
    -webkit-mask-image: url(../img/accordion-mas.svg);
    mask-image: url(../img/accordion-mas.svg);
    background-color: var(--colorUser);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

#AccordionPedidos .accordion-button:not(.collapsed)::after {
    background-image: none !important;
    transform-origin: center center !important;

    transform: rotate(180deg);
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    -webkit-mask-image: url(../img/accordion-menos.svg);
    mask-image: url(../img/accordion-menos.svg);
    background-color: var(--colorUser);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


#AccordionPedidos .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
}

#AccordionPedidos .accordion-button:hover .estado-orden {
    color: var(--colorUser);
}

#AccordionPedidos .fecha {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 14px;
    background-color: var(--colorUser10);
}

#AccordionPedidos .orden {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 0px;
    margin-left: 0px;
    font-size: 14px;
}

#AccordionPedidos .num {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 0px;
    margin-left: 5px;
    font-size: 16px;
    font-weight: bold;
}

#AccordionPedidos .etiq-orden {
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 14px;

}

#AccordionPedidos .estado-orden {
    background-color: rgba(255, 255, 255, 1);
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-left: 5px;
    font-size: 16px;
    text-transform: uppercase;
}

#AccordionPedidos .estado-orden i {

    font-size: 18px;

}

#AccordionPedidos h4 {

    color: var(--colorUser);

}

#Noticia {
    padding-top: 40px;
    padding-bottom: 60px;
}

#Noticia h1 {
    font-family: Font-Titulos;
    font-weight: bold;
}

#Noticia .foto-portada {
    display: block;
}

#Noticia .resumen {
    background-color: var(--colorUser10);
    margin-top: 50px;
    padding: 30px;
}

.galeria-noticia .foto {
    overflow: hidden;
    width: 48%;
    margin: 1%;
    float: left;
}


.loader {
    z-index: 500000000000;
    background-color: #00000053;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
}

.loaderSpin {
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--colorUser);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 0.5s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
#login .info-adicional {
    display: none !important;
}

#login a {}

#login a:hover {}

#formularioLogin {
	max-width: 512px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #eaeaea;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.dropdown-menu #formularioLogin .info-adicional {
	margin: 0px;
	}
	.dropdown-menu #formularioLogin .info-adicional {
margin-top: 0px!important;
	}
.dropdown-menu #formularioLogin {
border: 1px solid rgba(0,0,0,0)!important;
}
#formularioLogin .error-login img {
	max-width: 192px;
	background-color: var(--colorUser);
	}

 .dropdown-menu #formularioLogin {
	 all: initial;
			}
.dropdown-menu  #formularioLogin .error-login img {
	margin-top: -20px;
	max-width: 128px;
	background-color: var(--colorUser);
	}
 #formularioLogin .error-login .mensaje-error {
	background-color: var(--colorUser10);
	padding: 10px;
	margin-bottom: 10px;
  	}
 #formularioLogin  h5 {
			   color: var(--colorUser);
 	font-weight: bold!important;
 	}
 #formularioLogin .error-login .mensaje-error p {
	padding: 0px;
	margin: 0px;
 	}
		.dropdown-menu #formularioLogin .error-login .mensaje-error {
	width: 304px;
	font-size: 13px;
 	}
	   .dropdown-menu #formularioLogin .error-login .mensaje-error h5 {
	font-size: 14px;
	font-weight: bold;
 	}
   .dropdown-menu #formularioLogin .error-login .mensaje-error p {
	padding: 0px;
	margin: 0px;
 	}
 #formularioLogin .error-login .mensaje-error hr {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;

	border-top-color: var(--colorUser)!important;
	border-right-color: var(--colorUser)!important;
	border-bottom-color: var(--colorUser)!important;
	border-left-color: var(--colorUser)!important;
 	}
			.dropdown-menu #formularioLogin {
	font-family: 'Font-Cuerpo';

 	}
 .dropdown-menu .mini-login .btn-lg {
	margin: 0px!important;
		   }

.redireccion {
 	margin-top: 32px;
 	top: 50%;
	text-align: center;
	width: 100%;
	}
	.redireccion .texto {
	font-family: 'Font-Cuerpo';
	color: var(--colorUser);
	font-size: 24px;
	font-weight: normal;
 		}