/*@import url('https://fonts.googleapis.com/css2?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');*/
@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

/* Bootstrap custom */
:root {
	/*Custom Colors & Properties*/
	--gold: #C9B037;
	--silver: #B4B4B4;
	--bronze: #AD8A56;
	--light-gray: #F8F9FA;
	--primary-lighten: #f4f9ff;
	--primary-medium: #d5e5f6;
	--shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
	--card-border-color: rgba(31, 54, 65, 0.13);
	--purple: #7E70EA;
	--pink: #FE86EA;
	--red: #F45454;
}
body {
  font-family: 'Nunito', sans-serif;
  /* Hack para los dropdowns de tinyMCE */
  position: relative;
}
textarea {
   resize: none;
}
.dropdown-menu {
	z-index: 1035;
}
/*New Color*/
.bg-gold {
	background-color: var(--gold) !important;
}
.bg-silver {
	background-color: var(--silver) !important;
}
.bg-bronze {
	background-color: var(--bronze) !important;
}
.bg-light-gray {
  background-color: var(--light-gray) !important;
}
/*StickyTop*/
.sticky-top-0 {
	top: 0px;
}
.sticky-top-20 {
	top: 20px;
	z-index: 1010;
}
.sticky-top-40 {
	top: 40px;
	z-index: 1010;
}
.sticky-top-60 {
   top: 60px;
   z-index: 1010;
}
.sticky-top-80 {
   top: 80px;
   z-index: 1010;
}
.sticky-top-100 {
   top: 100px;
   z-index: 1010;
}
/*dots*/
.dot {
	background-color: var(--primary);
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
}
.dot-medium {
	width: 20px;
	height: 20px;
}
.dot-big {
	width: 30px;
	height: 30px;
}
 /*Border-left-2px*/
.border-left-primary {
	border-left: 4px solid var(--primary) !important;
}
.border-left-secondary {
	border-left: 4px solid var(--secondary) !important;
}
.border-left-success {
	border-left: 4px solid var(--success) !important;
}
.border-left-info {
	border-left: 4px solid var(--info) !important;
}
.border-left-warning {
	border-left: 4px solid var(--warning) !important;
}
.border-left-danger {
	border-left: 4px solid var(--danger) !important;
}
.border-left-dark {
	border-left: 4px solid var(--danger) !important;
}
/*Estandard*/
.shadow {
	box-shadow: var(--shadow) !important;
}
.primary-lighten {
	background-color: var(--primary-lighten);
}
.primary-medium {
  background-color: var(--primary-medium);
}
/*Cards*/
.card {
	border: 1px solid var(--card-border-color);	
}
.card-header {
	background-color: var(--primary-lighten);
	border-bottom: 1px solid var(--card-border-color);
	color: var(--primary);
	font-weight: 600;
}
.mb-20 {
	margin-bottom: 20px;
}
.material-icons,
.material-icons-outlined {
	font-size: 21px;
	vertical-align: middle;
}
.form-group-secondary {
	padding: 1rem;
	margin-left: 1rem;
	background-color: var(--light);
	border-left: 4px solid var(--primary);
}
.form-group-secondary .form-group-secondary {
	background-color: #e8ecf1;
}
/* Datatables: bordes en las celdas del header para que quede claro a qué columna pertenecen las flechas para ordenar */
.dataTable:not(.table-bordered) {
	border-top: 1px solid #dee2e6;
}
.dataTable:not(.table-bordered) thead th {
	border-right: 1px solid #dee2e6;
}
.dataTable:not(.table-bordered) thead th:first-child {
	border-left: 1px solid #dee2e6;
}
/* Common components */
.cv-table-form th {
	width: 1%;
	white-space: nowrap;
	text-align: right;
}
.page-undefined-cashback-events .panel-title .logo,
.page-fix-offers .panel-title .logo {
	width: 60px;
	height: 30px;
	margin-right: 10px;
}
.page-undefined-cashback-events .table .alert,
.page-fix-offers .table .alert {
	margin: 10px 0 0 0;
	padding: 5px;
}
.page-cashback-event-lookup form {
	margin: 20px auto;
}
.page-cashback-event-lookup #field-q {
	width: 400px;
}
.page-cashback-claim-lookup form {
	margin: 20px auto;
}
.page-cashback-claim-lookup #field-q {
	width: 400px;
}
.page-cashback-program-lookup form {
	margin: 20px auto;
}
.page-cashback-program-lookup #field-q {
	width: 400px;
}
.page-offer-coupon-codes .bg-info,
.page-voucher-create .bg-info {
	margin-bottom: 10px;
}
.page-offer-coupon-code-load-input #field-file {
    border: none;
    padding: 0;
    box-shadow: none;
}
.page-offer-coupon-code-get-success .bg-warning {
	padding: 10px;
	margin-bottom: 10px;
}
/*
 * Colectivo extra
 */
.field-campaign-additional {
  overflow: hidden;
}
 .campaign-additional {
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #d0d0d0;
  color: #777777;
  max-width: 200px;
  float: left;
  margin: 5px 5px 0 0;
  padding: 10px 10px;
}
 .campaign-additional-name {
  max-width: 170px;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.campaign-additional .button-delete-campaign-additional {
  display: inline-block;
  margin-left: 10px;
  overflow: hidden;
  cursor: hand;
  cursor: pointer;
}
/*
 * Dropdown submenu
 */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
/*
 * Popover de variables.
 */
.popover-variables {
	max-width: 75%;
}
/* JQuery UI autocomplete */
.ui-menu.ui-autocomplete {
	/* Para que aparezca encima de sticky top. */
	z-index: 1021;
}
/*
 * Fix menú opciones tinyMCE.
 */
.mce-menu {
	position: fixed !important;
}
.mce-tooltip {
	position: fixed !important;
}
.mce-floatpanel {
	position: fixed !important;
}
.tox-statusbar__help-text {
	flex-grow: 1 !important;
}
/*
 *Table Resume Campaign
 */
.table-resume {
  border-collapse: collapse;
  width: 100%;
}
.table-resume td, .table-resume th{
    padding: 10px;
}
.table-resume tr{
  border-bottom: 1px solid #e8e8e8;
}
.table-resume td{
	width: 60%;
}
.table-resume th{
	width: 40%;
}

/* Disabled non-operational select */
.disabledSelect {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

/* BOC-BOP styles */
.boc-search-vertical-center {
	min-height: 100% !important;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh !important; /* These two lines are counted as one */
	display: flex !important;
	/*align-items: center;*/
}

.boc-request-lconditions {
	display: inline;
}

#service-name, #service-coupon-code, #service-status {
	text-align: center !important;
	font-weight: bold;
	font-size: 18px;
}

#service-coupon-code {
	display:block;
	font-size: 26px;
}

#service-status {
	display:block;
	font-size: 20px;
}
#service-coupon-code-label, #service-status-label {
	padding-top: 7px;
}
/* Diálogo de configuración de comunicaciones */
.dlg-comconfigurator .file-gallery .gallery-item,
.dlg-comconfigurator .file-gallery .gallery-item-default {
	width: 50%;
}
/* Tuneo del header */
table.dataTable.table-sm > thead > tr > th {
	padding-right: 25px;
}
table.dataTable.table-sm .sorting:after, 
table.dataTable.table-sm .sorting_asc:after, 
table.dataTable.table-sm .sorting_desc:after {
    top: calc(50% - 15px);
}
table.dataTable.table-sm .sorting:before, 
table.dataTable.table-sm .sorting_asc:before, 
table.dataTable.table-sm .sorting_desc:before {
    top: calc(50% - 15px);
}
/* Tuneo del componente de búsqueda para datatables */
div.dataTables_wrapper div.dataTables_filter {
	text-align: left;
}
div.dataTables_wrapper div.dataTables_info {
	padding: 0;
}
div.dataTables_wrapper div.dataTables_length label {
	margin: 0;
}
/* Componente action bar para datatables */
table.dataTable tr.hover {
	background-color: rgba(0,0,0,.075);
	color: #212529;
}
table.dataTable tbody tr.selected, 
table.dataTable tbody tr > .selected {
	background-color: rgba(0,0,0,.075);/*var(--primary);*/
	color: #212529;/*white;*/
}
.file-gallery.is-invalid .card {
	border-color: var(--danger);
}
.file-gallery > .card-dnd {
	background-color: #f0f0f0;
	border-style: dashed;
}
.file-gallery .gallery-item,
.file-gallery .gallery-item-default,
.file-gallery-modal .gallery-item {
	width: 200px;
	height: 200px;
}
.file-gallery .gallery-item-default {
	height: auto !important;
}
.file-gallery .gallery-item .btn-group,
.file-gallery-modal .gallery-item .btn-group {
	display: none;
}
.file-gallery .gallery-item:hover .btn-group,
.file-gallery-modal .gallery-item:hover .btn-group {
	display: block;
}
.file-gallery .gallery-item .caption .form-control:focus {
	box-shadow: none;
}

/* Select2 */
.select2-selection__arrow b {
	display:none !important;
}

.select2-results__group {
	font-weight: normal;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: fit-content;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-results__option--group {
	border-bottom: 1px solid #ced4da;
}

/* Icons */
.icon-gallery .thumbnail,
.icon-gallery .img-thumbnail {
	border-width: 2px;
	cursor: hand;
	cursor: pointer;
	text-align: center;
	font-size: 50px;
}
.icon-gallery .thumbnail:hover,
.icon-gallery .thumbnail.active,
.icon-gallery .img-thumbnail:hover,
.icon-gallery .img-thumbnail.active {
	border-color: var(--primary);;
	color: var(--primary);
}
.icon-gallery-selection {
	cursor: pointer;
	font-size: 50px;
}
.icon-gallery-selection .icon:not([class*="icon-"]) {
	background-image: url("data:image/svg+xml,%3Csvg fill='%23cacaca' viewBox='0 -21 511.98744 511' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m377.652344 469.828125c-4.03125 0-8.148438-.511719-12.226563-1.578125l-329.898437-88.34375c-25.449219-7.019531-40.617188-33.34375-33.960938-58.773438l36.265625-139.070312c2.21875-8.535156 10.945313-13.71875 19.519531-11.433594 8.535157 2.21875 13.675782 10.964844 11.4375 19.519532l-36.269531 139.09375c-2.238281 8.574218 2.859375 17.425781 11.394531 19.773437l329.707032 88.300781c8.46875 2.238282 17.214844-2.796875 19.433594-11.222656l11.261718-45.441406c2.136719-8.574219 10.796875-13.78125 19.371094-11.6875 8.578125 2.132812 13.804688 10.792968 11.691406 19.367187l-11.304687 45.65625c-5.699219 21.609375-25.152344 35.839844-46.421875 35.839844zm0 0'/%3E%3Cpath d='m463.988281 341.828125h-330.667969c-26.472656 0-48-21.527344-48-48v-245.335937c0-26.472657 21.527344-48 48-48h330.667969c26.472657 0 48 21.527343 48 48v245.335937c0 26.472656-21.527343 48-48 48zm-330.667969-309.335937c-8.832031 0-16 7.167968-16 16v245.335937c0 8.832031 7.167969 16 16 16h330.667969c8.832031 0 16-7.167969 16-16v-245.335937c0-8.832032-7.167969-16-16-16zm0 0'/%3E%3Cpath d='m191.988281 149.828125c-23.53125 0-42.667969-19.136719-42.667969-42.667969s19.136719-42.667968 42.667969-42.667968 42.664063 19.136718 42.664063 42.667968-19.132813 42.667969-42.664063 42.667969zm0-53.335937c-5.890625 0-10.667969 4.78125-10.667969 10.667968 0 5.886719 4.777344 10.667969 10.667969 10.667969 5.886719 0 10.664063-4.78125 10.664063-10.667969 0-5.886718-4.777344-10.667968-10.664063-10.667968zm0 0'/%3E%3Cpath d='m101.746094 320.066406c-4.09375 0-8.191406-1.558594-11.304688-4.691406-6.25-6.25-6.25-16.386719 0-22.636719l96.425782-96.425781c14.59375-14.59375 38.335937-14.59375 52.90625 0l25.792968 25.792969 79.230469-95.105469c7.082031-8.492188 17.472656-13.398438 28.503906-13.460938 11.859375-.660156 21.460938 4.734376 28.605469 13.121094l106.199219 123.902344c5.757812 6.699219 4.96875 16.8125-1.730469 22.570312-6.71875 5.761719-16.808594 4.972657-22.570312-1.726562l-106.238282-123.945312c-1.410156-1.6875-3.136718-1.601563-4.097656-1.902344-.914062 0-2.6875.277344-4.09375 1.941406l-90.453125 108.589844c-2.882813 3.453125-7.082031 5.546875-11.5625 5.738281-4.566406.253906-8.875-1.496094-12.035156-4.671875l-38.183594-38.1875c-2.710937-2.710938-4.949219-2.710938-7.660156 0l-96.425781 96.40625c-3.117188 3.132812-7.210938 4.691406-11.308594 4.691406zm0 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 50px;
    height: 50px;
}

/*
* Home Market
*/
.page-home-market .add-service {
  width: 150px;
  height: 150px;
}
.page-home-market .user-profile {
  width: 100px;
  height: 100px;
}
.drag-handle,
.ui-draggable:not(.ui-draggable-disabled) {
	cursor: grab;
}