/* TEXT COLORS */
.color-primary {
  color: #E9BC28 !important;
}

.color-secondary {
  color: #40060A !important;
}

.color-dark {
  color: #2F2F2F !important;
}

.color-content {
  color: #F2F2F2 !important;
}

/* BACKGROUND COlORS */
.bg-primary {
  background-color: #E9BC28 !important;
}

.bg-primary-gradient {
  background-image: linear-gradient(to bottom, #beabff, #af97ff, #9f82ff, #8f6dff, #7e57ff) !important;
}

.bg-secondary {
  background-color: #40060A !important;
}

.bg-secondary-gradient {
  background-image: linear-gradient(to right top, #ff930f, #ffae19, #ffc72b, #ffe041, #fff95b) !important;
}

.bg-dark {
  background-color: #2F2F2F !important;
}

.bg-content2 {
  background-color: #f2f2f2 !important;
}


/* BOX SHADOW */
.box-shadow-color {
  box-shadow: 0 3px 15px rgb(233 189 40 / 25%) !important;
}

.box-shadow-color-s2 {
  box-shadow: 0 3px 15px rgb(64 6 11 / 25%) !important;
}


/* CONTENT */
.wrap-content {
  background-color: #F9F9F9 !important;
  border-radius: 0 !important;
  padding: 15px !important;
}

.main-content {
  margin-top: 0 !important;
}

.navbar {
  background: transparent;
}

.cancelled-watermark::after {
	content: "SIN PAGAR";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(-10deg);
	font-size: 100px;
	opacity: 0.08;
  width: 550px;
}

/* MENU - SIDEBAR */
#sidebar nav>ul>li.active {
  background: #E9BC28 !important;
}

.app-sidebar-closed .app-aside>.item-inner {
  background: #E9BC28 !important;
}

.app-sidebar-closed .app-aside>.item-inner .title {
  color: white !important;
}


/* PAGINATION */
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  background-color: #E9BC28 !important;
  border-color: #E9BC28 !important;
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #E9BC28 !important;
  border-color: #E9BC28 !important;
}


/* BUTTONS */
.btn-info.btn-o:active,
.btn-info.btn-o.active,
.btn-info.btn-o.active:hover {
  background-color: #E9BC28 !important;
  border-color: #E9BC28 !important;
  color: white !important;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
  height: 22px !important;
}


/* CALENDAR */
.cal-month-box .cal-day-today span[data-cal-date] {
  background: #E9BC28 !important;
}

.clip-datepicker button.btn-current {
  background-color: #E9BC28 !important;
}

.uib-button-bar {
  display: none;
}

.uib-datepicker table {
  width: 100%;
}

.uib-datepicker th {
  font-weight: bold;
  font-size: 14px;
}

.uib-datepicker thead button {
  background: transparent;
  box-shadow: none !important;
  padding: 0;
  border: 0;
}

.uib-datepicker td,
.uib-datepicker th {
  padding: 4px 0px;
  max-width: 10px;
}

.uib-datepicker tr,
.uib-datepicker td {
  border: 0 !important;
}

.uib-datepicker .btn-default,
.uib-datepicker .btn-default:hover {
  background-color: transparent !important;
}

.uib-day button,
.uib-month button,
.uib-year button {
  padding: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  color: #596068;
  border: 0;
}

.uib-day button:hover,
.uib-month button:hover,
.uib-year button:hover {
  box-shadow: none !important;
}

.uib-day button .text-muted,
.uib-month button .text-muted,
.uib-year button .text-muted {
  opacity: 0.8;
}

.uib-day button .text-info,
.uib-month button .text-info,
.uib-year button .text-info {
  padding: 9px;
  border: 1px solid #f2e41f;
  border-radius: 50px;
}

.uib-day button.active span,
.uib-month button.active span,
.uib-year button.active span {
  padding: 9px;
  color: black;
  background-color: #f2e41f;
  border-radius: 50px;
}

.uib-datepicker-popup.dropdown-menu {
  min-width: 265px;
}


/* UI SELECT */
.ui-select-multiple {
  background: #f0f3f4;
  border: 0;
  box-shadow: none;
  border-radius: 8px;
}

.ui-select-multiple .ui-select-match-item {
  background-color: white !important;
  color: black !important;
}

.ui-select-multiple .ui-select-match-close {
  margin-top: 9px;
  margin-left: 5px;
}

.ui-select-bootstrap .ui-select-toggle {
  background-color: #f0f3f4 !important;
}

.form-control .ui-select-search::placeholder {
  color: #c2c2c5 !important;
}

.has-tooltip .ui-select-choices {
  padding-top: 35px;
}


/* MAP */
#map .centerMarker {
  position: absolute;
  background: url(../images/marker.png) no-repeat;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin-left: -22px;
  margin-top: -36px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  background-size: contain;
}

.gm-style-iw-d {
  overflow: hidden !important;
  padding-bottom: 10px;
}


/* MARCA DE AGUA - WATERMARK */
.has-watermark {
  position: relative;
}

.watermark {
  width: 100%;
  height: 100%;
  color: red;
  font-size: 50px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  font-weight: bold;
  opacity: 0.5;
}

.watermark-text {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.watermark-paidout {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='300px' width='400px'><text transform='translate(50, 250) rotate(-45)' fill='rgba(255, 0, 0, 0.2)' font-size='60' font-family='Helvetica Neue'>PAGADO</text></svg>");
}

.watermark-cancelled {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='300px' width='400px'><text transform='translate(50, 250) rotate(-45)' fill='rgba(255, 0, 0, 0.2)' font-size='60' font-family='Helvetica Neue'>CANCELADO</text></svg>");
}


/* MODAL */
.modal.modal-center {
  text-align: center;
  padding: 0 !important;
}

.modal.modal-center::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal.modal-center .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


/* SPINNER */
.md-preloader svg circle {
  stroke: #40060A !important;
}

#loading-bar .bar {
  background: #40060A !important;
}


/* MEDIA QUERIES */
@media (max-width: 991px) {
  header .navbar-collapse {
    background: #40060A !important;
  }
}