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

.color-secundary,
.color-secondary {
	color: #00B1AE !important;
}

.color-dark {
	color: #282829 !important;
}

fieldset legend {
	color: #4CAF50 !important;
}

/* BACKGROUND COlORS */
.bg-primary {
	/* background-color: #4CAF50 !important; */
	background-image: linear-gradient(to right top, #00C974, #00c489, #00bf9a, #00b8a7, #00b1ae) !important;
}
.bg-primary-solid {
	background-color: #00B1AE !important;
}
textarea {
	background-color: #edf2f6 !important;
}

.bg-secundary,
.bg-secondary {
	background-color: #00B1AE !important;
}

.bg-login {
	background-image: linear-gradient(to right top, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #f6f8ff, #e7f2ff, #d3eeff, #96e7fb, #46e1e3, #00d7b5, #4CAF50);
}

.bg-content {
	background-color: #EDF2F6 !important;
}

.navbar-default {
	background-color: white !important;
}


/* CONTENT */
.wrap-content {
	padding: 15px 20px 0 15px;
	background-color: #f0f3f4;
}

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

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	padding-right: 10px;
	padding-left: 10px;
}

.row.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.row.equal-height [class*="col-"] {
  display: flex;
}

.row.equal-height .col-md-3 > div {
  flex-grow: 1;
}


/* BOX SHADOW */
.box-shadow-color {
	box-shadow: 0 3px 7px rgb(0 176 174 / 25%) !important;
}

.box-shadow-color-s2 {
	box-shadow: 0 3px 7px rgb(0 202 111 / 25%) !important;
}


/* TEXT */
.title-decoration {
	padding-left: 60px;
}

.title-decoration:before {
	content: "";
	background: #00B1AE;
	width: 35px;
	height: 2px;
	position: absolute;
	margin-left: -50px;
	margin-top: 7px;
	border-radius: 50px;
}


/* BTN HOVER */
.btn.bg-primary:hover {
	background-color: #4CAF50 !important;
}

.btn.bg-primary:hover {
	background-color: #00B1AE !important;
}

.btn.box-shadow-color:hover {
	box-shadow: 0 3px 7px rgb(0 202 111 / 25%) !important;
}

.btn.box-shadow-color-s2:hover {
	box-shadow: 0 3px 7px rgb(0 176 174 / 25%) !important;
}


/* INPUTS */
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background-color: #EDF2F6;
	padding: 5px 15px;
	line-height: 42px !important;
	height: 42px !important;
}


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

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

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

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

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

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

.ui-select-container .btn {
	line-height: 32px !important;
}

.ui-select-match .btn-default {
	font-size: 14px !important;
}

.input-icon .ui-select-match .btn-default,
.input-icon .ui-select-search {
	padding-left: 35px !important;
}


/* CARD */
.card {
	/* min-height: 180px; */
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.card-checkbox {
	border: 1px solid #00B1AE;
}

.card-checkbox::before {
	color: white;
	background-color: #00B1AE;
	border-radius: 0 8px 0 30px;
	font-family: "Font Awesome 5 Pro";
}


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


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


/* TABS */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	border-bottom: 3px solid #4CAF50 !important;
	box-shadow: none !important;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	background-color: #4CAF50 !important;
}

.nav-pills>li>a {
	color: #282829;
}

/* TABLE */
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tfoot>tr>td {
	border-bottom: 1px solid #f1f1f1 !important;
	color: #9E9E9E !important;
	font-weight: normal;
}

.table>thead>tr>th {
	background-color: #F8F7FD;
}

.table>tbody>tr>td {
	color: #282829 !important;
}


/* DATEPICKER */
.clip-datepicker .btn {
	font-size: 12px !important;
	padding: 0 !important;
	margin: 0 2px !important;
}

.uib-day button,
.uib-month button,
.uib-year button {
	min-width: auto !important;
}

.clip-datepicker button span.text-info::before,
.clip-datepicker button span.text-current::before {
	display: none;
}

.btn-info:active,
.btn-info.active,
.btn-info.active:focus,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.dropdown-toggle:active:hover {
	background-color: #4CAF50 !important;
	border-color: #4CAF50;
	border-radius: 50px;
}


/* 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: #4CAF50 !important;
	border-color: #4CAF50 !important;
}

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


/* WIZARD */
.swMain>ul li>a.selected .stepNumber {
	border-color: #4CAF50 !important;
}

.swMain>ul li>a.selected:before,
.swMain li>a.done:before {
	border-color: #4CAF50 !important;
}

.swMain ul li>a.done .stepNumber,
.swMain>ul li:last-child>a.selected .stepNumber {
	background-color: #4CAF50 !important;
}

/* Accordion */
.vAccordion--default-schedules v-pane,
.vAccordion--default-schedules v-pane v-pane-content {
	overflow: visible !important;
}


/* Time Range Picker */
.hour {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  text-align: center;
}

.hour.selected {
  background-color: #01b1ae;
	color: white;
}

.hour.disabled {
  background-color: #d3d3d3;
	cursor: not-allowed;
}

.hour.inRange {
  background-color: rgb(1 177 174 / 10%);
}

.columns-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

/* Clase para cada columna */
.column {
	flex-grow: 1;
	width: calc(16.66% - 10px); /* Tamaño aproximado de cada columna */
	margin-bottom: 20px;
}

.clearfix {
  clear: both;
}