:root {
	/* Colores base - Municipio de Mosquera */
	--color-primary: #5B9A2D;
	--color-primary-dark: #3D6B1E;
	--color-primary-light: #7DC440;
	--color-secondary: #F7C91B;
	--color-secondary-light: #FFE066;
	--color-highlight: #e8f5e0;
	--color-success: #5B9A2D;
	--color-neutral-dark: #1a1a1a;

	/* Colores para gráficas */
	--color-chart-primary: rgba(91, 154, 45, 1);
	--color-chart-secondary: rgba(247, 201, 27, 1);

	--bg-cardBtn: var(--color-primary);
	--color-contentBtn: #ffffffd1;

	--color-icons-nav: #867e7ed1;
	--color-active-link: var(--color-primary);
	--color-icon: var(--color-primary);

	--color-title: var(--color-primary-dark);
	--color-button: var(--color-secondary);
	--bg-title-form: var(--color-primary-light);

	--bg-img-body: #dfe6e8;
	--bg-footer: var(--color-primary);
	--bg-card-panel-bienvenida: var(--color-primary);

}

body {
	background-color: var(--bg-img-body);
	font-family: 'Questrial', sans-serif !important;
}

/* Header login */
.header {
	background-color: #fff;
	padding: 10px;
	-webkit-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	-moz-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
}

.header_login {
	background-color: #fff;
	padding: 5px 30px 5px 30px !important;
	-webkit-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	-moz-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	height: 63px;
}

/* nuevo menu */
.inter-nav {
	margin-bottom: 0px !important;
	background-color: #fff !important;
	border-color: #fff !important;
}

.inter-nav img {
	margin-top: -14px;
}

.inter-nav .navbar-nav .open a:hover {
	color: #555 !important;
	background-color: #e7e7e75c;
}

.inter-nav .in {
	padding-left: 30px !important;
	min-height: 190px !important;
}

.navbar-default {
	z-index: 1000;
}

/* nuevo menu */


.header_display {
	background-color: #fff;
	padding: 10px 30px 10px 30px !important;
	-webkit-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	-moz-box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
	box-shadow: -1px 6px 30px -8px rgba(107, 107, 107, 0.75);
}

/* Login */
.box-title {
	background-color: var(--bg-title-form);
	padding-top: 11px;
	padding-bottom: 3px;
	color: #fff;
	text-align: center;
}

.box-body {
	background-color: #fff;
	padding: 30px 10px 10px 10px;
}

.box-modal-body {
	background-color: #fff;
	padding: 30px 30px 10px 30px;
}

.shadow-box {
	-webkit-box-shadow: -1px 6px 42px -2px rgba(158, 158, 158, 1);
	-moz-box-shadow: -1px 6px 42px -2px rgba(158, 158, 158, 1);
	box-shadow: -1px 6px 42px -2px rgba(158, 158, 158, 1);
}

.box-center-vertical {
	vertical-align: middle !important;
}

.box-padding {
	padding: 0px !important;
}

.footer-section {
	color: #fff;
	margin-top: 40px;
	bottom: 0 !important;
	position: fixed;
	width: 100%;
	z-index: 106;
}

.footer-section-color {
	height: 10px;
	background-color: var(--color-neutral-dark);
}

.footer-body-section {
	background-color: var(--bg-footer);
	height: 25px;
}

.footer-body-section>div {
	padding: 3px;
}

.margin-row-bottom {
	margin-bottom: 10px;
}

.margin-row-bottom-button {
	margin-bottom: 20px;
}

.color-box {
	background-color: #fff;
}

.tooltip-color-theme {
	color: var(--bg-title-form);
}

/* Display table */
.table-dad {
	display: table;
}

.table-child {
	display: table-cell;
	vertical-align: middle;
}

.container-login {
	height: 100%;
	width: 100%;
}

.container-select-procedures {
	height: 100%;
	width: 100%;
	padding-bottom: 150px;
	overflow: scroll;
}

.style-button {
	border-radius: 0px !important;
}

.button-color {
	background-color: var(--color-button) !important;
	border-color: var(--color-button) !important;
}


label {
	color: #A4A4A5 !important;
}

.button-radius {
	border-radius: 20px !important;
	-webkit-box-shadow: 10px 10px 10px -6px rgba(219, 219, 219, 1);
	-moz-box-shadow: 10px 10px 10px -6px rgba(219, 219, 219, 1);
	box-shadow: 10px 10px 10px -6px rgba(219, 219, 219, 1);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #000 !important;
	cursor: default !important;
	background-color: #fff !important;
	border-radius: 10px 10px 0 0 !important;
	width: 150px;
	text-align: center;
	font-size: 20px;
}

.nav-tabs>li>a {
	color: #fff !important;
	cursor: default !important;
	background-color: #B1B4B6 !important;
	border-radius: 10px 10px 0 0 !important;
	width: 150px;
	text-align: center;
	font-size: 20px;
	padding-top: 7px;
}

input {
	background-color: #DFE6E8 !important;
	border-radius: 1px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.menu_link {
	padding: 30px 20px !important;
	background-color: transparent;
	color: black;
}

.menu_link-user {
	padding: 15px 20px !important;
	background-color: transparent;
	color: black;
}

.padding-home {
	padding-bottom: 10px !important;
}

.menu_link:hover {
	/*width: 50%;*/
	border-bottom: 2px solid var(--color-button);
	background: transparent;
	transition: all 0s ease;
}

.btn-warning {
	background: var(--color-button);
	border-radius: 5px;
	border-color: var(--color-button);
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: white;
}

.btn-warning-confirmar {
	background: var(--color-button);
	border-radius: 5px;
	border-color: var(--color-button);
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: white;
}

.btn-actions {
	background: var(--color-success);
	border-radius: 5px;
	border-color: var(--color-success);
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: white;
}

.btn-actions-disabled {
	background: #A7A9AC;
	border-radius: 5px;
	border-color: #A7A9AC;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.divider {
	height: 1px !important;
	margin: 9px 0 !important;
	overflow: hidden !important;
	background-color: #bebdc0 !important;
	margin: 0px !important;
}

.close-modal-paddig {
	padding-right: 10px !important;
}

.query-input {
	background: url('../../images/lupa.png') no-repeat scroll 7px 4px !important;
	padding-left: 50px !important;
	border-radius: 5px 1px 1px 5px !important;
}

.button-new-element {
	padding-left: 25px !important;
	padding-right: 25px !important;
}

.title-section {
	color: var(--color-title);
	font-weight: bold;
	font-family: 'Questrial', sans-serif !important;
}

.table-color-one {
	background-color: rgb(237, 237, 237) !important;
}

.table-color-two {
	background-color: rgb(226, 226, 226) !important;
}

.nav-tabs li a {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.dropdown i {
	color: var(--color-title);
	font-size: 16px;
	padding: 3px;
}

.dropdown-menu {
	/* background-color: rgba(255, 251, 251, 1) !important; */
	background: rgb(255, 255, 255) !important;
	color: rgba(190, 189, 192, 0.1) !important;
	border: 0px !important;
	position: absolute !important;
}

.dropdownMenu {
	color: var(--color-icon);
}

.dropdown-option {
	background-color: #ffffff;
	padding: 9px;
	color: var(--color-title) !important;
	font-weight: bold !important;
}

table,
tr,
th,
td {
	border: 0.5px solid #fff !important;
}

.marquee {
	width: 100%;
	height: 70px;
	font-size: 30px;
	vertical-align: middle;
	background-color: var(--bg-title-form);
	overflow: hidden;
	color: white;
	border: 1px solid #ccc;
	padding-top: 5px;
}

.form-control-hide {
	display: none;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1;
	color: #7A7A7A;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.fc-widget-content table tr>td:first-child {
	width: 50px !important;
}

.fc-widget-header {
	padding-left: 50px;
}

.button-step {
	width: 50px;
	height: 50px;
	background-color: #a8a8a8;
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;

}

.form-button-step {
	width: 50px;
	height: 50px;
	background-color: #a8a8a8;
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;

}

.summary-button-step {
	width: 50px;
	height: 50px;
	background-color: #a8a8a8;
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;

}

.button-step-active {
	width: 50px;
	height: 50px;
	background-color: var(--bg-title-form);
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;
}

.button-step-form-personal-summary {

	width: 50px;
	height: 50px;
	background-color: #a8a8a8;
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;

}

.button-step-form-personal-summary-active {
	width: 50px;
	height: 50px;
	background-color: var(--bg-title-form);
	color: rgb(255, 255, 255);
	margin: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 14px;
	padding-right: 14px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	font-size: 17px;
	border: 2px solid #9e9e9e;
}

.header-select-procedures {
	background-color: var(--bg-title-form);
	color: white;
	font-size: 20px;
	padding: 8px
}

.back-scheduling {
	background-color: var(--color-button);
	color: #fff;
	padding-top: 3px;
	border-color: #fff;
	margin-bottom: 10px;
}

.btn_save_all_forms-active {
	background-color: var(--color-button);
	color: white !important;
}

.highlight {
	background-color: var(--color-highlight) !important;
	color: #000 !important;
}

.iconoHome {
	color: var(--color-icon);
	font-size: 30px;
}

.arrowBack {
	color: var(--color-icon);
	width: 60px;
	font-size: 22px
}

/***********************************************
BOTON CONTINUAR FORMULARIO PROGRAMACION DE CITAS
***********************************************/
div#message-save-continue label {
	font-weight: 400;
	color: #777 !important;
}

div#message-save-continue label span {
	font-weight: 700;
	color: #000;
}

/***
CONFIGURACION CARDS BTN
***/

.panel-btn {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 230px;
	position: relative;
	width: 71%;
	padding: 25px 12px;
	text-align: center;
	border-radius: 4px;
	background-color: var(--bg-cardBtn) !important;
	-webkit-box-shadow: 10px 34px 34px -21px rgba(112, 112, 112, 1);
	-moz-box-shadow: 10px 34px 34px -21px rgba(112, 112, 112, 1);
	box-shadow: 10px 34px 34px -21px rgba(112, 112, 112, 1);
}

.panel-btn .bi {
	font-size: 95px;
	color: var(--color-contentBtn) !important;
}

.panel-content {
	height: 100%;
	position: relative;
	width: 100%;
	color: var(--color-contentBtn) !important;
	border-top: 2px dotted var(--color-contentBtn);
	padding-top: 20px;
}

.card-btn {
	margin-bottom: 40px;
	cursor: pointer;
}

.card-btn .panel-btn {
	z-index: -1;
}

.panel-btn .panel-head {
	color: #fff;
	display: flex;
	flex-direction: column;
}

.panel-btn .panel-head p {
	font-size: 1.2rem;
	margin-bottom: 0;
}

.panel-btn .panel-icon .bi {
	font-size: 50px;
}

.panel-btn .panel-content {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

/***
CONFIGURACION CARDS BTN
***/

#logo {
	height: 50px;
	width: auto;
}

/* menu */
.breadcrumb .glyphicon {
	color: var(--color-icons-nav);
}

.breadcrumb a .glyphicon {
	color: var(--color-active-link);
}

.breadcrumb a {
	color: var(--color-active-link);
}

.breadcrumb .active {
	color: var(--color-icons-nav) !important;
}

/* menu */

/* panel bienvenida */
.card-panel-bienvenida {
	padding: 30px;
	position: relative;
	z-index: -1;
}

.card-panel-bienvenida .row {
	background-color: var(--bg-card-panel-bienvenida);
	color: white;
	border-radius: 20px;
}

.card-panel-bienvenida i {
	font-size: 280px;
}

.card-panel-bienvenida .panel-icon {
	margin-top: 45px;
}

.card-panel-bienvenida .panel-content-text {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-bottom: 15px;
}

.card-panel-bienvenida .panel-content-text div {
	font-size: 58px;
	margin-top: 90px;
}

.card-panel-bienvenida .panel-content-text p {
	margin-bottom: -15px;
}

.card-panel-bienvenida .panel-content-text strong {
	font-size: 61px;
}

/* panel bienvenida */

/* paginaciones */
.paginate .paginate-right {
	text-align: right;
}

.paginate .paginate-right label {
	margin-top: 25px;
}

.paginate .paginate-left {
	text-align: left;
}

/* paginaciones */

.buttonList-site {
	text-transform: capitalize;
}

/**********
 Responsive 
 **********/
@media (max-width: 991px) {

	/* panel de bienvenida */
	.card-panel-bienvenida .panel-content-text div {
		border-top: 5px dotted var(--color-contentBtn);
	}

	/* paginaciones */
	.paginate .paginate-right {
		text-align: center;
	}

	.paginate .paginate-left {
		text-align: center;
	}

	/* show-display-public */
	#tableTurnos thead tr {
		font-size: 17px;
	}

	#turnList tr {
		font-size: 34px;
	}

	#turnList tr {
		font-size: 24px;
	}

	/* show-display-public */
}

@media (min-width: 991px) {

	/* panel de bienvenida */
	.card-panel-bienvenida .panel-content-text div {
		border-bottom: 5px dotted var(--color-contentBtn);
	}

	/* show-display-public */
	#tableTurnos thead tr {
		font-size: 33px;
	}

	#turnList tr {
		font-size: 50px;
	}

	#turnList tr {
		font-size: 40px;
	}

	/* show-display-public */
}

@media (max-width: 636px) {

	/* panel de bienvenida */
	.card-panel-bienvenida .panel-icon {
		margin-top: 16px;
	}

	.card-panel-bienvenida i {
		font-size: 144px;
	}

	.card-panel-bienvenida .panel-content-text div {
		font-size: 27px;
		margin-top: 0px;
	}

	.card-panel-bienvenida .panel-content-text strong {
		font-size: 29px;
	}
}

/* AJUSTES EN EL TURNERO */
@media only screen and (max-width: 992px) {
	.turnerocont {
		font-size: 6rem !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
	.turnerocont {
		font-size: 2.5rem !important;
	}
}

@media only screen and (min-width: 1440px) and (max-width: 1980px) {
	.turnerocont {
		font-size: 3rem !important;
	}
}

@media only screen and (min-width: 1980px) {
	.turnerocont {
		font-size: 3.5rem !important;
	}
}

/* Paginación */
.pagination>li>a,
.pagination>li>span {
	color: var(--color-primary);
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: var(--color-primary-light);
	border-color: var(--color-primary);
}