/**
 * Plugin Name: Operaciones API
 * Plugin URI: https://testoperacionesapi.cas.cl
 * Description: Plugin para consumir API de Operaciones y renderizas las respectivas páginas en wordpress
 * Version: 1.0
 * Author: Macarena Ramos
 * Author URI: https://testoperacionesapi.cas.cl
 */
:root {
	/* --operaciones-bg: #078bcd; */
	/* --operaciones-bg: #5bc0de; */
	--operaciones-bg: #2091D2;
}

.opacity-50 {
	opacity: 50%;
}

table thead {
	height: 38px !important;
}

table th {
	text-transform: none;
	font-weight: 600;
	vertical-align: middle;
}

table tbody {
	color: #575b5d;
}

.bg-base {
	background-color: var(--operaciones-bg);
}

.text-base {
	color: var(--operaciones-bg);
}

.page-link {
	height: 35px !important;
	min-width: 35px !important;
	width: auto !important;
	text-align: center;
	padding-top: 7px !important;
	font-size: 13px !important;
	color: var(--operaciones-bg) !important;
	border-radius: 50%;
	margin: 0 3px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 50%;
}

.active>.page-link,
.page-link.active {
	background-color: var(--operaciones-bg);
	border-color: var(--operaciones-bg);
	color: #fff !important;
	border-radius: 50%;
}

#contenido {
	font-family: "Poppins", sans-serif !important;
	font-size: 10pt !important;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-default {
	cursor: default;
}

.text-saldo {
	font-size: 2rem;
}


/* .dropdown-menu>li>a {
	padding: 10px 20px !important;
}

.dropdown-menu.show {
	display: block;
	font-size: 13px;
}

.elementor-item-active,
.elementor-item:hover,
.elementor-item:active,
.elementor-sub-item:hover,
.e--pointer-background .elementor-item:before,
.elementor-sub-item .elementor-item-active,
.elementor-sub-item.highlighted {
	background-color: #00366d !important;
	color: #fff
}

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-sub-item.elementor-item-active,
.elementor-sub-item.highlighted,
.elementor-sub-item:focus {
	background-color: #00366d !important;
	color: #fff
} */

/* .menuSocio .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.menuSocio .elementor-nav-menu--dropdown .elementor-item.highlighted,
.menuSocio .elementor-nav-menu--dropdown .elementor-item:focus,
.menuSocio .elementor-nav-menu--dropdown .elementor-item:hover,
.menuSocio .elementor-sub-item.elementor-item-active,
.menuSocio .elementor-sub-item.highlighted,
.menuSocio .elementor-sub-item:focus {
	background-color: rgb(0 0 0 / 10%) !important;
	color: var(--e-global-color-secondary) !important;
} */

@media screen and (max-width: 960px) {
	.sticky-column {
		top: 80px;
	}
}

.elementor-icon-box-icon {
	margin-bottom: 5px;
}

.nameUser {
	text-transform: lowercase;
	display: inline-block;
}

.nameUser::first-line {
	text-transform: capitalize !important;
}

.input-group.input-group-lg {
	height: 38px;
	border-radius: 10px;
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
	font-size: 1.3rem;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

input[type=checkbox]:checked:before,
.input.form-check-input:before {
	content: none !important;
}

.opacity-65 {
	opacity: 0.65;
}

.table-lg> :not(caption)>*>* {
	padding: 1rem 2rem;
}

.table>tbody>tr>td {
	vertical-align: middle;
}

.btn.btn-cas,
.btn.btn-cas:active {
	color: #fff;
	background-color: var(--operaciones-bg);
}

.btn.btn-cas:hover,
.btn.btn-cas:active {
	background-color: #2B79A7 !important;
}

.btn.boton {
	height: 40px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	width: 100%;
	border-radius: 100px;
}

.btn.btn-cas.boton-volver {
	height: 40px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 100px;
}

.form-check-input:checked {
	background-color: var(--operaciones-bg);
	border-color: var(--operaciones-bg);
}

.quitar {
	margin: 0px auto;
	width: 25px;
	height: 25px;
	border-radius: 100%;
	text-align: center;
}

.quitar i {
	vertical-align: middle;
	line-height: 50%;
}

.check {
	margin: 0px auto;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	text-align: center;
}

.check i {
	vertical-align: middle;
	line-height: 50px;
	font-size: 30px;
}

.content {
	text-align: center;
}

.content h1 {
	font-size: 25px;
	padding-top: 25px;
}

.badge {
	--bs-badge-padding-x: 0.65em;
	--bs-badge-padding-y: 0.35em;
	--bs-badge-font-size: 0.75em;
	--bs-badge-font-weight: 700;
	--bs-badge-color: #fff;
	--bs-badge-border-radius: 0.375rem;
	display: inline-block;
	padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
	font-size: var(--bs-badge-font-size);
	font-weight: var(--bs-badge-font-weight);
	line-height: 1;
	color: var(--bs-badge-color);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

.text-bg-success {
	color: #fff !important;
	background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
	float: right;
}

.text-bg-danger {
	color: #fff !important;
	background-color: #dc3545 !important;
	float: right;
}

table th,
table td {
	border-bottom: 1px solid #f5f6f8;
}

.tooltip-inner {
	opacity: 1;
	border-radius: none;
	background-color: #fff;
	border: none;
	color: #7A7A7A;
	padding: 0;
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
	left: 0px;
	border-left-color: #a9a8a8;
}

.card {
	box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.2);
	font-size: 13px;
}

.tooltip.show {
	opacity: 1;
}


/* .tooltip {
	margin-left: -55px;
}


.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: 1px;
    border-top-color: #ffffff;
}


 */

.btn-reservar {
	font-size: 11px;
	border-radius: 20px;
	letter-spacing: 1px;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
}

.list-group-item {
	padding: var(--bs-list-group-item-padding-y) 0;
}

.icon-accordion {
	padding-left: 100px;
	vertical-align: middle;
}

.accordion-body {
	background-color: rgba(0, 0, 0, 0.03);
}

.accordion-button:hover {
	background-color: transparent;
}

.accordion-button:focus {
	z-index: 3;
	border-color: var(--operaciones-bg);
	outline: 0;
	box-shadow: none;
}

.icon-grupos {
	margin-right: 10px;
	font-size: 15px;
	font-weight: 600;
}

.form-control:focus,
.form-select:focus {
	color: var(--operaciones-bg);
	background-color: #fff;
	border-color: var(--operaciones-bg);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(43, 121, 167, 0.25);
}

.form-control,
.form-select {
	height: 38px;
	line-height: 2;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
	background: var(--operaciones-bg);
	box-shadow: rgba(43, 121, 167, 0.25) 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
	background: var(--operaciones-bg);
	box-shadow: rgba(43, 121, 167, 0.25) 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
	color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
	color: #fff !important;
	background: rgba(43, 121, 167, 0.25) !important;
	box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
	background: var(--operaciones-bg) !important;
	box-shadow: rgba(43, 121, 167, 0.25) 0 1px 3px 0 inset !important;
	color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year,
.xdsoft_datetimepicker .xdsoft_calendar th {
	color: var(--operaciones-bg);
}

a.disabled {
	opacity: 0.5;
	pointer-events: none;
	cursor: default;
}