
:root {

	/* --color-base: #20855B; */
	--color-base: #00956E;
	/* --color-base: #59595C; */

	--bs-primary: #00857a;
	--bs-secondary: #00956e;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;

	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	
	--bs-green: #00857a;
	--bs-tertiary: #ffba3c;
	--bs-dark-green: #00956e;
	--bs-light-blue: #4bc4d8;
	--bs-deep-blue: #007f9a;
	--bs-yellow: #ffba3c;
	--bs-orange: #ee7624;
	--bs-gray: #e5eced;
	--bs-cool-gray: #58595b;
	--bs-dark-gray: #1a242b;
	--bs-action-blue: #0075aa;
	--bs-bright-red: #dd1c1a;
	--bs-mint-green: #48cfa0;
	
	--bs-primary-text-emphasis: #052c65;
	--bs-secondary-text-emphasis: #2b2f32;
	--bs-success-text-emphasis: #0a3622;
	--bs-info-text-emphasis: #055160;
	--bs-warning-text-emphasis: #664d03;
	--bs-danger-text-emphasis: #58151c;
	--bs-light-text-emphasis: #495057;
	--bs-dark-text-emphasis: #495057;
	--bs-primary-bg-subtle: #cfe2ff;
	--bs-secondary-bg-subtle: #e2e3e5;
	--bs-success-bg-subtle: #d1e7dd;
	--bs-info-bg-subtle: #cff4fc;
	--bs-warning-bg-subtle: #fff3cd;
	--bs-danger-bg-subtle: #f8d7da;
	--bs-light-bg-subtle: #fcfcfd;
	--bs-dark-bg-subtle: #ced4da;
	--bs-primary-border-subtle: #9ec5fe;
	--bs-secondary-border-subtle: #c4c8cb;
	--bs-success-border-subtle: #a3cfbb;
	--bs-info-border-subtle: #9eeaf9;
	--bs-warning-border-subtle: #ffe69c;
	--bs-danger-border-subtle: #f1aeb5;
	--bs-light-border-subtle: #e9ecef;
	--bs-dark-border-subtle: #adb5bd;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 300;
	line-height: 47px;
	color: #333;
	margin: 0 0 23px;
}

.section {
	margin: 20px 0;
	position: relative;
}

.TOP {
	height: 35px;
	/* background-color: #bddff1; */
	background-color: var(--bs-success-bg-subtle);
	position: relative;
  z-index: 0;
}
	.TOP nav {
		display: grid;
		grid-template-columns: 1fr auto auto auto auto;
	}
	.TOP a,
	.TOP button {
		display: block;
		text-transform: uppercase;
		padding: 0 20px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-size: 13px;
		font-weight: 600;
		line-height: 35px;
		text-decoration: none;
		transition: all .35s ease-in-out;
		background: transparent;
		border: 0;
		outline: 0;
		white-space: nowrap;
	}
		.TOP i {
			padding-right: 8px;
			display: none;
			font-size: 16px;
		}
		.TOP .profile i {
			padding-right: 0;
			padding-left: 8px;
		}

	.TOP .client-name {
		overflow: hidden;
		text-align: left;
		padding-left: 0;
		color: #000;
	}

	.TOP .logout,
	.TOP .logout:focus {
		background: #001f5b;
	}
	.TOP .logout:hover,
	.TOP .logout:active {
		background: #023995;
	}
		.TOP .logout i {
			padding-left: 8px;
			padding-right: 0;
		}

	.TOP .profile,
	.TOP .profile:focus {
		background: #0082ca;
	}
	.TOP .profile:hover,
	.TOP .profile:active {
		background: #18699f;
	}

	.TOP .help,
	.TOP .help:focus {
		background: #707271;
	}
	.TOP .help:hover,
	.TOP .help:active {
		background: #555;
	}

	.TOP .phone,
	.TOP .phone:focus {
		background: #333;
	}
	.TOP .phone:hover,
	.TOP .phone:active {
		background: #000;
	}


@media (max-width : 991px) {

	.TOP span {
		display: none;
	}
	.TOP i,
	.TOP .profile i {
		display: inline-block;
		padding: 0 !important;
	}
}

@media (max-width : 768px) {

	body {
		padding-top: 35px;
	}

		.TOP {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 9;
		}

		.TOP .container {
			padding: 0;
		}

		.TOP a,
		.TOP button {
			padding: 0 15px;
		}

		.TOP .client-name {
			padding-left: 15px;
		}

}








.MENU {
	background-color: #fff;
	position: relative;
	z-index: 2;
}
	.MENU-grid {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-areas:
			'logo menu-ul'
		;
		gap: 30px;
		padding: 15px 0;
		height: 100px;
		align-items: center;
	}
		.MENU-logo {
			grid-area: logo;
		}
		.MENU-logo a {
			display: flex;
			text-decoration: none !important;
		}
			.MENU-logo img {
				height: 50px;
				width: auto;
			}

		.MENU-ul {
			grid-area: menu-ul;
			display: flex;
			margin: 0;
			padding: 0;
			list-style-type: none;
			align-items: center;
			font-family: 'Open Sans', sans-serif;
			height: 75%;
		}
			.MENU-ul a {
				text-decoration: none;
				transition: all .3s ease;
			}
			.MENU-ul a:hover {
				color: #000;
			}
			.MENU-ul > li {
				display: inline-block;
				position: relative;
				display: flex;
				align-items: center;
				height: 100%;
			}
				.MENU-ul > li > button {
					background: transparent;
					text-transform: uppercase;
					font-size: 14px;
			    color: #707271;
    	    font-weight: 600;
					display: flex;
					height: 100%;
					align-items: center;
					padding: 0 15px;
					border-top-left-radius: 5px;
					border-top-right-radius: 5px;
					border: 1px solid transparent;
					border-bottom: 0;
					transition: all .3s ease;
					position: relative;
					z-index: 2;
				}

					.MENU-ul ul.submenu {
						position: absolute;
						z-index: 1;
						top: calc( 100% - 1px );
						left: 0;
																						min-width: 100%;
						background-color: #fff;
						/* display: none; */
						list-style-type: none;
						padding: 0;
						margin: 0;
						border: 1px solid #dededd;
						border-top-right-radius: 5px;
						border-bottom-left-radius: 5px;
						border-bottom-right-radius: 5px;
						opacity: 0;
						pointer-events: none;
						transition: all .3s ease;
						transform-style: preserve-3d;
						transform: translateY( -3px );
					}
					.MENU-ul li:last-child ul.submenu {
						left: auto;
						right: 0;
					}





					.MENU-ul ul.submenu li {
						min-width: 200px;
					}
						.MENU-ul ul.submenu a {
							display: block;
							white-space: nowrap;
							padding: 10px 20px;
							color: #333;
							font-weight: 600;
							background: #fff;
						}
						.MENU-ul ul.submenu li:first-child a {
							border-top-right-radius: 5px;
						}
						.MENU-ul ul.submenu li:last-child a {
							border-bottom-left-radius: 5px;
							border-bottom-right-radius: 5px;
						}
							.MENU-ul i {
								padding-left: 10px;
								display: inline-block;
							}


@media (min-width: 768px)
{
				.MENU-ul > li:hover ul.submenu {
					opacity: 1;
					pointer-events: auto;
					transform: translateY( 0 );
				}
					.MENU-ul > li:hover > button {
						background-color: #fff;
						border-color: #dededd;
						color: #00946d;
					}
						.MENU-ul ul.submenu a:hover {
							background-color: #ebf7f4;
						}
}

		.MENU-toggle {
			grid-area: menu-toggle;
			display: none;
			font-size: 20px;
		}
			.MENU-toggle button {
				border: 0;
				background: none;
				outline: 0;
			}


@media (max-width: 767px)
{
	.MENU-grid {
		grid-template-areas:
			'logo menu-toggle'
		;
		padding: 0 15px;
		height: 65px;
		/* gap: 30px;*/
	}
		.MENU-logo img {
			height: 30px;
		}
		.MENU-ul {
			display: none;
		}
		.MENU-toggle {
			display: block;
		}

	.MENU.open .MENU-ul {
		display: block;
		position: absolute;
    top: 100%;
    background: #fff;
    left: 0;
    right: 0;
    height: calc(100vh - 65px - 35px);
		overflow-y: auto;
	}
		.MENU.open .MENU-ul > li {
			display: block;
			height: auto;
			border-top: 1px solid #eee;
			padding-bottom: 15px;
		}
			.MENU.open .MENU-ul > li > a {
				padding: 10px 30px;
				border-color: transparent;
				color: #00946d;
			}
			.MENU.open .MENU-ul > li:hover > a {
				border-color: transparent
			}
				.MENU.open .MENU-ul ul.submenu {
					display: block;
					position: relative;
					opacity: 1;
					pointer-events: auto;
					transform: translateY(0);
					border-color: transparent;
					border-radius: 0;
				}
					.MENU.open .MENU-ul > li ul.submenu a {
						margin-left: 45px;
						margin-right: 15px;
						padding-left: 15px;
						border-left: 4px solid #ebf7f4;
						padding-top: 7px;
						padding-bottom: 7px;
					}
						.MENU.open .MENU-ul i {
							display: none;
						}


			.MENU-ul > li > button {
				padding: 10px 15px;
			}



}












.FILTERS {
	position: relative;
	margin: 0;
	padding: 15px;
	border-radius: 5px;
	/* background: #0082ca; */
	/* background: #d1e8f5; */
	/* color: #fff; */
	/* color: #000; */
	/* color: #0082ca; */
	/* background-color: var(--bs-primary-bg-subtle); */
	background-color: var(--bs-gray);
	color: var(--bs-action-blue);
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}
	.FILTERS-grid {
		display: flex;
		gap: 15px
	}
		.FILTERS-grid div {
			flex: 3;
		}
		.FILTERS-search {
			flex: 6;
		}


	.FILTERS span.title {
		display: block;
		padding-bottom: 6px;
		font-weight: 900;
		overflow: hidden;
	}

	.FILTERS select {
		width: 100%;
		height: 40px;
		padding: 0 15px;
		border: 0;
		border-radius: 5px;
		line-height: 40px;
		font-size: 15px;
		font-weight: 600;
		color: #333;
	}

	.FILTERS input[type="text"] {
		height: 40px;
		padding: 0 0 0 15px;
		border: 0;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		line-height: 40px;
		font-size: 15px;
		font-weight: 600;
		color: #333;
	}

	.FILTERS input::selection {
		color: #2980b9;
		background: #fff;
	}
	.FILTERS input::-moz-selection {
		color: #2980b9;
		background: #fff;
	}
	
	.FILTERS-group,
	.FILTERS-search-group {
		display: grid;
		grid-template-columns: 1fr auto;
		padding: 0;
		border: 0;
		border-radius: 5px;
		font-size: 14px;
		font-weight: 400;
		line-height: inherit;
		color: #555;
		text-align: center;
		background-color: #fff;
	}

	.FILTERS input[type="submit"] {
		display: inline-block;
		width: 40px;
		height: 40px;
		border: 0;
		background: url('../img/search.png') no-repeat;
		color: transparent;
	}


.FILTERS-toggle {
	display: none;
	width: 100%;
	margin: 0;
	border: 0;
	outline: 0;
	text-align: center;
	color: #000;
	background: transparent;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.FILTERS-grid .FILTERS-cancel {
	display: none;
	flex: 0;
}
	.FILTERS-cancel button {
		display: block;
		margin-top: 3px;
		text-align: center;
		font-size: 24px;
		font-weight: 300;
		color: #fff;
		text-decoration: none;
		background: transparent;
		border: 0;
		width: 100%;
	}
		.FILTERS-cancel button span {
			display: none;
			text-align: center;
			/* color: #fff; */
			color: #000;
			background: transparent;
			text-transform: uppercase;
			text-decoration: none;
			cursor: pointer;
			font-size: 14px;
			font-weight: 600;
		}
		.FILTERS-cancel i {
			color: #000;
		}
		

.FILTERS.actived .FILTERS-cancel {
	display: block;
}


@media (max-width: 991px)
{
	.FILTERS-toggle {
		display: block;
	}
	.FILTERS-grid {
		display: none;
	}
	.FILTERS.open .FILTERS-toggle,
	.FILTERS.actived .FILTERS-toggle {
		display: none;
	}
	.FILTERS.open .FILTERS-grid,
	.FILTERS.actived .FILTERS-grid {
		display: grid;
	}

	.FILTERS.open .FILTERS-cancel,
	.FILTERS.actived .FILTERS-cancel {
		display: block;
	}

	.FILTERS-cancel span.title {
		display: none;
	}
	.FILTERS-cancel i {
		display: none;
	}
	.FILTERS-cancel button span {
		display: block;
	}

}













.FOOTER {
	margin-top: 60px;
	margin-bottom: 30px;
	border-top: 1px solid #dededd;
	padding-top: 15px;
	padding-bottom: 15px;
}
	.FOOTER .logos {
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding-bottom: 15px;
	}
		.FOOTER .logos div {
			display: grid;
			align-content: center;
		}
		.FOOTER .logos div:nth-child(2) {
			display: flex;
			justify-self: flex-end;
		}
			.FOOTER .logos img {
				max-height: 24px;
				max-width: 100%;
			}

	.FOOTER nav {
		padding-top: 15px;
		line-height: 1.5em;
		font-size: 13px;
		text-decoration: none;
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		color: #707271;
		display: grid;
		gap: 15px;
		grid-template-columns: 1fr auto;
	}
	
	.FOOTER nav div {
		display: grid;
		grid-template-columns: auto auto;
		gap: 15px;
	}

@media (min-width: 991px)
{
	.FOOTER .logos {
		display: none;
	}
	
}

@media (max-width: 768px)
{
	.FOOTER {
		margin-left: 15px;
    margin-right: 15px;
	}
		.FOOTER nav {
			text-align: center;
			grid-template-columns: 1fr;
		}
			.FOOTER nav span {
				font-size: 12px;
			}
			.FOOTER nav div {
				width: 100%;
			}


	.container {
    padding-right: 0;
    padding-left: 0;
	}
}

















.header_bar {
	border-bottom: 1px solid #dededd;
	background-color: #f2f2f2;
}
.header_bar.blue {
	background-color: #0082CA;

}

.header {
	padding: 20px 0;
	margin: 0;
	position: relative;
}

.header h1 {
	color: #00946d;
	margin: 0;
	font-size: 36px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	line-height: 50.087px;
	font-weight: 300;
}

.header .icono_fondo {
	position: absolute;
	right: 0;
	font-weight: 900;
	color: #666;
	font-size: 60px;
	bottom: 12px;
}

.breadcrumb {
	padding: 18px 0 13px;
	border-bottom: 1px solid #dededd;
	background: transparent;
	margin: 0 -15px 45px;
}

.breadcrumb li {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 1em;
	line-height: 1.5em;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #707271;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	color: #707271;
	font-size: 16px;
	transition: color .35s ease-in-out;
}

.breadcrumb>li+li:before {
	content: "";
	padding: 0;
}

.breadcrumb li:last-child {
	border-right: 0;
	font-weight: 600;
	color: #00946d;
}

.breadcrumb li:last-child:after {
	content: "\00bb";
	padding-left: 10px;
}

.breadcrumb li a {
	color: #707271;
	text-decoration: none;
}

.breadcrumb li a:hover {
	color: #00946d;
}

.breadcrumb li a:after {
	content: "";
	padding: 0;
}

.option,
.option:visited {
	width: 100%;
	margin-right: 4%;
	margin-bottom: 25px;
	float: left;
	text-align: center;
	height: 192px;
	border: 1px solid #dededd;
	border-radius: 5px;
	transition: all .35s ease-in-out;
	transform-style: preserve-3d;
	text-decoration: none;
}

.option:hover,
.option:focus {
	border-color: var(--color-base);
	text-decoration: none;
}

.option .icon {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.option i {
	font-size: 60px;
	line-height: 75px;
	display: inline-block;
	color: var(--color-base);
	transition: all .35s ease-in-out;
}

.option:hover i {
	color: #0e7051;
}

.option h5 {
	text-transform: capitalize;
	color: #707271;
	font-family: 'Open Sans', sans-serif;
	margin-top: 16px;
	font-size: 18px;
	font-weight: 600;
	transition: color .35s ease-in-out;
	text-decoration: none;
}

.option:hover h5,
.option:focus h5 {
	color: #000;
}

.panel {
	border: 0;
}

.panel .panel-heading {
	background-color: #0082ca;
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	font-weight: 100;
	line-height: 40px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 0;
}

.panel .panel-body {
	border: 1px solid #dededd;
	border-top: 0;
	border-radius: 0;
	min-height: 170px;
	border-bottom: 0;
}

.panel .panel-body ul li {
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 22.5px;
	list-style-type: none;
	margin-bottom: 5px;
}

.panel .panel-body ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #0082ca;
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	top: 7px;
	left: -20px;
}

.panel .panel-body ul li a {
	color: #707271;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 22.5px;
	text-transform: capitalize !important;
}

.panel .panel-footer {
	background: #fff;
	border: 1px solid #dededd;
	border-top: 0;
	height: 35px;
	border-radius: 0;
}

.link_blue {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-transform: uppercase;
}



.button {
	background-color: transparent;
	border: 2px solid #00946d;
	border-radius: 5px;
	color: #00946d;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 45px;
	margin: 0;
	min-width: 131px;
	padding: 0 15px;
	text-transform: capitalize;
	text-align: center;
	text-decoration: none;
	transition: all .35s ease-in-out;
	text-decoration: none !important;
	outline: 0 !important;
}

.button:hover {
	background-color: #00946d;
	border-color: #00946d;
	color: #fff;
}

.button_white,
.button_white:focus {
	background-color: #fff;
	border-color: #eee;
	color: #777;
}

.button_white:hover,
.button_white:active {
	background-color: #ddd;
	border-color: #ddd;
	color: #777;
}

#button_delete,
.button_red,
.button_red:focus {
	background-color: transparent;
	border-color: #e74c3c;
	color: #e74c3c;
}

#button_delete:hover,
.button_red:hover,
.button_red:active {
	background-color: #c0392b;
	border-color: #c0392b;
	color: #fff;
}

#button_submit,
.button_blue,
.button_blue:focus {
	background-color: transparent;
	border-color: #0082ca;
	color: #0082ca;
}

#button_submit:hover,
.button_blue:hover,
.button_blue:active {
	background-color: #0082ca;
	border-color: #0082ca;
	color: #fff;
}




.button:focus,
#button_submit:focus,
.button_blue:focus,
#button_delete:focus,
.button_red:focus,
.button_white:focus {
	border-color: #000 !important;
}








.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding: 5px 10px;
}

.table > tbody > tr:nth-child(even) {
	background-color: #f9f8f8;
}


.table > tbody > tr:hover td {
	background: #fdfbea;
	/* cursor: default !important; */
}


.table-responsive {
	padding-top: 15px;
}

.ka-grid-pagination {
	padding: 0 0 15px 0;
	width: 100%;
	display: block;
}
.ka-grid-pagination:not(:has(a)) {
	display: none;
}

.ka_grid_header {
	border: 1px solid #dededd;
}
.ka_grid_header th {
	padding: 10px;
	background: #ececec;
	text-align: center;
}
	.ka_grid_header th a {
		color: #444;
		text-decoration: none;
		font-size: 14px;
		font-weight: 600;
		line-height: 30px;
	}

.ka_grid_row td,
.ka_grid_row_alt td {
	padding: 10px 0;
	color: #707271;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}





.ka_grid_row,
.ka_grid_row_alt {
	border-bottom: 1px solid #f2f2f2;
}

.ka_grid_row:last-child,
.ka_grid_row_alt:last-child {
	border-bottom: 1px solid #dededd;
}

.ka_grid_row_inside {
	font-size: 13px;
	font-weight: 500;
	color: #707271;
}

.ka_grid_row_inside td {
	padding: 5px;
	background: #fff;
}

.ka_grid_row_inside {
	border-bottom: 1px solid #f2f2f2;
}


#text_grey {
	padding: 10px 0;
	color: #707271;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	display: block;
	border: 1px solid #dededd;
	background: #fff;
}







.actions {
	margin: 25px 0;
}

.actions .pull-right {
	margin-left: 10px;
}

input {
	display: inline-block;
}

.form-group {
	padding-bottom: 20px;
}

.form-group label,
.form-group strong {
	padding-bottom: 5px;
	font-weight: 700;
	display: inline-block;
}

.checkbox {
	margin-bottom: 5px;
}

input.form-control, select.form-control, textarea.form-control {
	box-shadow: none;
	border: 2px solid #ccc;
}

input.form-control:focus, select.form-control:focus, textarea.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select.form-control optgroup {
	background: #fff;
	color: #555;
	font-weight: 600;
}

.form-horizontal h1 {
	margin: 40px 0 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dededd;
}

.form-horizontal p.description {
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #dededd;
}

.form-horizontal .actions {
	border-top: 1px solid #dededd;
	padding-top: 20px;
}

.form-horizontal .form-group {
	margin-bottom: 0;
}

.result-ok {
	display: none;
}

.has-error {
	border: 2px solid #ea6153 !important;
}

.error_checkbox {
	color: #e74c3c;
	font-weight: 700;
}

.checkbox.has-error {
	border: 0 !important;
}

.color_error {
	color: #ea6153;
}

.info_ok {
	color: #545454;
	padding: 0 20px;
}



				.modal {
					opacity: 0;
					pointer-events: none;
					overflow-y: auto;
				}

				.modal.open {
					display: block;
					pointer-events: auto;
					opacity: 1;
					transform: translateY( 0 );
					pointer-events: auto;
					background: rgba(30,30,30,0.5);
				}

				.modal-content {
					border-radius: 6px;
					background-clip: padding-box;
					box-shadow: 0 0 10px rgba(0,0,0,.5);
					color: #000;
					background-color: #fff;
					border: rgba(0,0,0,0);
				}

				.modal-message .modal-dialog {
					width: 400px;
				}

				.modal-message .modal-body,
				.modal-message .modal-footer,
				.modal-message .modal-header,
				.modal-message .modal-title {
					background: 0 0;
					border: none;
					margin: 0;
					padding: 0 30px;
					text-align: center;
				}

				.modal-message .modal-title {
					font-size: 17px;
					color: #737373;
					margin-bottom: 20px;
					margin-top: 30px;
				}

				.modal-message .modal-body {
					color: #737373;
				}

				.modal-message .modal-header {
					color: #fff;
					margin-bottom: 15px;
					padding: 20px 0 8px;
				}

				.modal-message .modal-header i,
				.modal-message .modal-header .glyphicon,
				.modal-message .modal-header .typcn,
				.modal-message .modal-header .wi {
					font-size: 30px;
				}

				.modal-message .modal-footer {
					margin: 25px 0 20px;
					padding-bottom: 20px;
				}

				.modal-backdrop.in {
					zoom: 1;
					filter: alpha(opacity=75);
					-webkit-opacity: .75;
					-moz-opacity: .75;
					opacity: .75;
				}

				.modal-backdrop {
					background-color: #fff;
				}

				.modal-message.modal-success .modal-header {
					color: #53a93f;
					border-bottom: 3px solid #00946d;
				}

				.modal-message.modal-info .modal-header {
					color: #0082ca;
					border-bottom: 3px solid #0082ca;
				}

				.modal-message.modal-danger .modal-header {
					color: #d73d32;
					border-bottom: 3px solid #e46f61;
				}

				.modal-message.modal-warning .modal-header {
					color: #f4b400;
					border-bottom: 3px solid #ffce55;
				}

				.modal-message .btn {
					min-width: 121px;
				}

				#modal-legal .modal-dialog {
					width: 90%;
					max-width: 750px;
				}


































.dosimetry .data {
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	margin-bottom: 10px;
	padding-left: 130px;
	position: relative;
}

.dosimetry .data span {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
}

.dosimetry .field {
	margin-top: 15px;
}

.dosimetry .field span {
	padding-bottom: 5px;
	font-weight: 700;
	display: inline-block;
	width: 25%;
}

.dosimetry .field div {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	border: 2px solid #f4f4f4;
	border-radius: 4px;
	margin-bottom: 10px;
}

.dosimetry .nav-tabs {
	border-bottom: 2px solid #ccc;
}

.dosimetry .nav-tabs>li {
	margin-bottom: -2px;
}

.dosimetry .nav-tabs>li>a {
	border-width: 2px;
	border-bottom: 0;
	font-weight: 700;
	color: #545454;
	margin-right: 5px;
}

.dosimetry .nav>li>a:focus,
.dosimetry .nav>li>a:hover {
	background-color: #f0f0f0;
	border-color: #ccc;
	border-bottom: transparent;
}

.dosimetry .nav-tabs>li.active>a,
.dosimetry .nav-tabs>li.active>a:focus,
.dosimetry .nav-tabs>li.active>a:hover {
	border: 2px solid #ccc;
	border-bottom: 0;
	color: #00946d;
	background: #fff;
}

.dosimetry .tab-content {
	border: 2px solid #ccc;
	border-top: 0;
	padding: 30px 15px;
	margin-bottom: 15px;
}

.dosimetry .tab-content .nav-tabs {
	text-align: center;
}

.dosimetry .tab-content .tab-content {
	border: 2px solid #fff;
	border-top: 0;
	padding: 0;
}

.dosimetry .table {
	margin: 0;
}

.dosimetry .table>tbody>tr:first-child>td {
	border-top: 2px solid #ddd;
}

.dosimetry .table-hover>tbody>tr:hover {
	cursor: pointer !important;
}

.dosimetry .table-center td, .dosimetry .table-center th {
	text-align: center;
}

.fixed-bottom-nav {
	position: fixed;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	z-index: 222;
}

.fixed-bottom-nav .form-control {
	width: 60%;
}

.fixed-bottom-nav ul li {
	float: right;
}

.fixed-bottom-nav .tab-content {
	margin: 15px 0;
	padding: 0 15px;
	border: 0;
}

.fixed-bottom-nav .nav-tabs {
	margin-top: 10px;
}

.fixed-bottom-nav .nav-tabs, .fixed-bottom-nav .nav-tabs>li.active>a, .fixed-bottom-nav .nav-tabs>li.active>a:focus, .fixed-bottom-nav .nav-tabs>li.active>a:hover {
	border: 0;
}

.fixed-bottom-nav .nav>li>a, .fixed-bottom-nav .nav>li>a:focus, .fixed-bottom-nav .nav>li>a:hover {
	border: 0;
	background: transparent;
}

.help p {
	text-align: justify;
}

.help h2 {
	margin-top: 80px;
}

.help h3 {
	margin-top: 35px;
	color: #0082ca;
}

.help img.img-responsive {
	margin: 40px auto;
	border: 1px solid #eee;
}

.help blockquote {
	font-size: 14px;
}

.help blockquote.info {
	background: #ecf0f1;
	color: #545454;
	border-left-color: #bdc3c7;
}

.help blockquote.important {
	background: #f1c40f;
	color: #000;
	border-left-color: #f39c12;
}

.help #sticky {
	margin-bottom: 80px;
}

.help .affix-top, .help .affix {
	position: static;
}

.help #sidebar li a {
	color: #545454;
	font-weight: 400;
	text-decoration: none;
	background: #fff;
	display: block;
	padding: 3px 0;
}

.help #sidebar li a:hover {
	text-decoration: none;
	background: #fff;
	font-weight: 700;
}

.help #sidebar > li.active > a {
	color: #000;
	font-weight: 700;
}

.help #sidebar > li.active > ol > li.active > a {
	color: #0082ca;
	font-weight: 700;
}

.help .espaciado li {
	margin-bottom: 15px;
}

.help .to_top {
	margin-bottom: 70px;
	padding-bottom: 30px;
	padding-top: 15px;
	border-bottom: 1px dashed #666;
}

.help .to_top a {
	background: none !important;
	color: #545454;
}

.help .big_icon {
	display: block;
	font-size: 200px;
	text-align: center;
	padding: 30px 0;
}

#change-password {
	display: none;
}

.balance_total {
	line-height: 40px;
	text-align: center;
}

.welcome {
	color: #fff;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
}

.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
	-o-transition: border .15s ease-in-out, color .15s ease-in-out;
	transition: border .15s ease-in-out, color .15s ease-in-out;
}

.checkbox label::after {
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0;
	top: 0;
	margin-left: -20px;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {

	font-family: "Font Awesome 6 Pro";
	content: "\f00c";
	font-weight: 900;
	font-size: 13px;


}

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
	opacity: .65;
}

.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
	background-color: #eee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
	color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
	color: #fff;
}

.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transition: border .15s ease-in-out;
	-o-transition: border .15s ease-in-out;
	transition: border .15s ease-in-out;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 11px;
	height: 11px;
	left: 3px;
	top: 3px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition: -webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-moz-transition: -moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	-o-transition: -o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
	transition: transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);
}

.radio input[type="radio"] {
	opacity: 0;
	z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
}

.radio input[type="radio"]:disabled + label {
	opacity: .65;
}

.radio input[type="radio"]:disabled + label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
	background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
	border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
	background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
	background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
	border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
	background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
	background-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::before {
	border-color: #5bc0de;
}

.radio-info input[type="radio"]:checked + label::after {
	background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
	background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
	border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
	background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
	background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
	border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
	background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
	font-family: "Font Awesome 6 Pro";
	content: "\f00c";
	font-weight: 900;
	font-size: 13px;
}

input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
	color: #fff;
}

input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
	color: #fff;
}

@media only screen and (max-width : 480px) {
	.form-horizontal .actions .btn, .btn_block {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 767px)
{
	.fixed-bottom-nav .form-control {
		width: 100%;
	}

	.fixed-bottom-nav ul {
		text-align: center;
	}

	.fixed-bottom-nav ul li {
		float: none;
		display: inline;
	}

	.fixed-bottom-nav .nav>li>a {
		display: inline;
	}
}

@media (min-width: 992px)
{
	.help #sidebar.affix-top {
		position: static;
	}

	.help #sidebar.affix {
		position: fixed;
		top: 30px;
	}
}

@media (max-width: 991px) and (min-width: 768px)
{
	.logo img {
		height: 50px;
		width: 50px;
	}
}

@media (min-width: 768px)
{
	.modal-lg {
		width: 600px !important;
	}

	.logo {
		margin-left: 0;
	}

	.welcome {
		font-size: 30px;
		line-height: 43px;
	}
}

@media (max-width : 992px) {
	.header h1 {
		font-size: 28px;
		font-weight: 300;
		line-height: 40px;
	}

	.header .icono_fondo {
		font-size: 50px;
		bottom: 14px;
	}

	.breadcrumb {
		padding: 14px 0 5px;
	}

	.breadcrumb li {
		margin-bottom: 8px;
		line-height: 1em;
		padding-right: 16px;
		font-weight: 500;
		font-size: 14px;
	}

	h2 {
		font-size: 28px;
		font-weight: 300;
		line-height: 37px;
		margin: 0 0 18px;
	}

	.option {
		height: 136px;
	}

	.option i {
		font-size: 55px;
		line-height: 55px;
	}

	.option h5 {
		margin-top: 14px;
		font-size: 14px;
		font-weight: 400;
	}

	.panel .panel-heading {
		font-size: 18px;
		font-weight: 100;
		line-height: 32px;
	}

	.panel .panel-body ul li {
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
	}

	.panel .panel-body ul li a {
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
	}
}

@media (max-width : 767px) {
	.modal-lg .btn_block {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}

	.welcome {
		font-size: 18px;
		line-height: 24px;
	}

	.header h1 {
		font-size: 21px;
		font-weight: 300;
		line-height: 28px;
	}

	.header .icono_fondo {
		font-size: 40px;
		bottom: 14px;
	}

	.breadcrumb {
		margin-bottom: 25px;
	}

	.form-horizontal h1 {
		margin-top: 0;
	}

	form .col-sm-6 {
		padding-bottom: 35px;
	}

	form .col-sm-6:nth-child(2) {
		padding-bottom: 0;
	}

	.form-group {
		padding-bottom: 10px;
		margin-bottom: 5px;
	}


/*


	#filters_button {
		display: block;
		padding-top: 15px;
		text-align: center;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
		cursor: pointer;
	}

	#filters_grid {
		display: none;
	}


*/





	.ka_grid_row td, .ka_grid_row_alt td {
		font-size: 13px;
	}

	.help .big_icon {
		font-size: 100px;
		text-align: center;
		padding: 20px 0;
	}

	.modal-message .modal-dialog {
		margin: 60px auto;
	}
}


@media (max-width : 480px) {
	
	.logo {
		top: 32px;
	}

	.breadcrumb {
		margin-bottom: 20px;
	}

	.header h1 {
		font-size: 18px;
		font-weight: 300;
		line-height: 24px;
	}

	.header .icono_fondo {
		display: none;
	}

	/* #filters input[type="text"] {
		position: relative;
		top: 0;
		right: 0;
		width: 100% !important;
	} */

	.modal-message .modal-dialog {
		width: 80%;
	}

	.modal-message .modal-footer .pull-left {
		float: left;
	}

	.modal-message .modal-footer .pull-right {
		float: right;
	}

}

.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.text-justify {
	text-align: justify !important;
}

.nowrap {
	white-space: nowrap;
}


.request-access span.error { display: block; color: #ea6153; }

.g-recaptcha > div {
	margin: 0 auto;
}



.subclient_info {
	color: #0082ca;
}




ul.no-list {
	list-style: none !important;
	padding: 0;
}


.noscroll {
	overflow: hidden !important;
}



#permissions select {
	margin: 8px 0 2px 0;
	display: none;
}
#permissions .error {
	margin-bottom: 10px;
}
#permissions .checkbox {
	margin-bottom: 18px;
}
#permissions select.checked {
	display: block;
}
#permissions select.checked.display_none {
	display: none;
}

#dosimetry_profile {
	margin-bottom: 10px !important;
}
#dosimetry_sites {
	margin: 0 !important;
}


.balance-total {
	display: block;
	background-color: #fff;
	color: #000;
	border-radius: 5px;
}


.delivery-notes-link {
	background-color: transparent;
	color: #0082ca;
	font-weight: 700;
	border: 0;
	outline: 0;
}
.delivery-notes-link:hover {
	text-decoration: underline;
}
.ka_status {
	display: block;
	border-radius: 4px;
	color: #fff;
}



.bg_red {
	background: var(--bs-danger);
}
.bg_green {
	background: var(--bs-success);
}
.bg_yellow {
	background: var(--bs-warning);
}
.bg_gray {
	background: var(--bs-dark);
	color: #fff;
}







