.my-custom-scrollbar {
	position: relative;
	height: 70vh;
	overflow: auto;
}
.table-wrapper-scroll-y {
	display: block;
}
.sidebarout {
	transition: all 1s;
	margin-left: -250px;
}
#sidebar ul.components {
	text-transform: capitalize;
}
.pointer,
.cursor {
	cursor: pointer;
}
.pendiente {
	color: gray;
	font-size: 18px;
	margin-right: 8px;
}
.rojo {
	color: #e02a2a
}
.cargado-1 {
	color: blue;
	font-size: 18px;
	margin-right: 8px;
}
.cargado-2 {
	color: red;
	font-size: 18px;
	margin-right: 8px;
}
.cargado-3 {
	color: green;
	font-size: 18px;
	margin-right: 8px;
}
.estado-file-1 {
	background-color: #66ACF2;
}
.estado-file-2 {
	background-color: #eda19a;
}
.estado-file-3 {
	background-color: #5ad694;
}
.estado-file-4 {
	background-color: #e37368;
}
.estado-file-5 {
	background-color: #dcdfe0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
hr {
	margin: 0px;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.5);
	border-top-color: rgba(0, 0, 0, 0.5);
}
.btn-link {
	color: #fff !important;
}
.bgtablas {
	color: #fff !important;
}
.titulo-contratos {
	color: #139386;
	font-size: 20px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}
.titulotext {
	color: #139386;
	font-size: 16px;
	padding-left: 8px;
	font-weight: bold;
}
.green {
	color: rgb(7, 168, 69);
}
.titulo-contratos-rechazados {
	color: #71585b;
	font-size: 20px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}
.titulo_contrato_nuevo {
	color: rgb(233, 239, 243);
	font-size: 24px;
	vertical-align: middle;
	padding-left: 10px;
}
.titulo_contrato_editar {
	color: rgb(233, 239, 243);
	font-size: 26px;
	vertical-align: middle;
	padding-left: 10px;
}
.titulo-detalle-contratos {
	color: #fff;
	font-size: 21px;
	vertical-align: middle;
	padding-left: 10px;
}
#sidebar ul li span {
	padding: 10px;
	font-size: 0.9em;
	display: block;
}
#submenus a {
	padding: 10px;
	padding-left: 20px;
	font-size: 0.9em;
	display: block;
	color: #ffa114;
}
#submenusactividades a {
	padding: 10px;
	padding-left: 20px;
	font-size: 0.9em;
	display: block;
	color: #ffa114;
}
#submenustrabajadores a {
	padding: 10px;
	padding-left: 20px;
	font-size: 0.9em;
	display: block;
	color: #ffa114;
}
#submenusdocumentacion a {
	padding: 10px;
	padding-left: 20px;
	font-size: 0.9em;
	display: block;
	color: #ffa114;
}
.mouse-menu {
	cursor: pointer;
}
#sidebar ul li span:hover {
	color: #00217c;
	background: #f39200;
}
.descargar {
	margin: 0 10px 0 10px !important;
}
.select2-container .select2-selection--multiple {
	max-width: 97%;
	min-height: calc(2.4rem + 2px);
	border: 1px solid #d1d3e2;
	border-radius: 0;
}
.bootstrap-tagsinput .tag {
	margin: 1px;
	color: #fff !important;
	background-color: #3a6791;
	padding: 6px;
	text-align: center;
	border-radius: 5px;
	text-transform: capitalize;
}
.bootstrap-select>.dropdown-toggle {
	background-color: #cdd0d1;
}
.responsable {
	font-size: 12px;
	font-style: oblique;
}
.bootstrap-tagsinput {
	line-height: 40px !important;
}
.numero_contrato_eliminar {
	font-weight: bold;
	color: rgb(40, 76, 122);
}
.centrado {
	text-align: center;
	vertical-align: middle !important;
	margin: auto;
}
.centrado-vertical {
	text-align: left;
	vertical-align: middle !important;
	margin: auto;
}
.centrado-riesgo {
	text-align: center;
	vertical-align: middle !important;
	display: inline !important;
	margin: auto;
}
.centrado-actividad {
	text-align: center;
	vertical-align: middle !important;
	display: grid;
}
a:not([href]):hover {
	color: #ffae00;
	font-weight: bold;
}
.fondo-trabajador {
	background-color: #e0e0e0 !important;
}
.fondo-documento {
	border-radius: 25px;
	background-color: #cfcfcf !important;
	color: #000;
}
.contrato_elementos {
	font-weight: bold;
	margin-right: 5px;
	font-size: 18px;
	color: white;
}
.objetocontrato {
	font-weight: bold;
	font-size: 18px;
	color: white;
	padding-left: 8px;
	margin-right: 6px;
}
.detalle-contrato {
	background-color: rgb(96, 145, 173);
	color: white;
}
/* .navbar {
    margin-bottom: 20px !important;
} */
.actividad-info {
	background-color: #c4cad1;
	color: rgb(62, 70, 80);
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 8px;
}
.titulo-nav {
	background-color: #446d9c;
	color: #fff;
}
.fondo-gray {
	background-color: rgb(223, 221, 221);
	color: #000;
}
.actividades-listado {
	line-height: 50px;
}
.negro {
	color: black;
}
.riesgo-titulo {
	font-weight: bold;
	margin-left: 20px;
	color: rgb(12, 55, 63);
	font-size: 16px;
}
.blanco {
	color: white;
}
.sinmaquinarias {
	color: white;
	font-size: 20px;
}
.bg-enviarcontrato {
	background: -webkit-linear-gradient(left, #808382, #8ec2ad);
	border-radius: 10px;
}
.bg-blanco {
	background-color: rgb(255, 255, 255);
}
.nombre_usuario {
	color: #fff !important;
	font-size: 16px;
	margin-left: 10px;
}
.color-descarga {
	color: #000;
	margin-left: 5px;
}
.bg-imagen {
	background-image: url("../imagen/contrato_header.png");
	background-position: top;
	/* border-top-left-radius: 25px;
    border-top-right-radius: 25px; */
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-imagen-actividades {
	background-image: url('../imagen/actividades_header.png');
	/* border-top-left-radius: 25px;
    border-top-right-radius: 25px; */
}
.bg-enviarContrato {
	background-image: url("../imagen/enviarContrato.png");
	background-position: top;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
.bg-imagen-sgssta {
	background-image: url("../imagen/contrato_header_sgssta.png");
	background-position: top;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
.fondo_documentos {
	background-image: url("../imagen/documento_header.png");
	background-position: top;
	color: white;
}
.arriba {
	margin-top: -18px;
}
.texto-small {
	font-size: 14px;
}
.table-white {
	background-color: #fff;
}
.contrato-detalle {
	margin-top: -10px;
}
.trabajadores-maquinaria {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
.tabla_trabajadores {
	border-bottom-left-radius: 25px;
}
.custom-file-input:lang(es)::before {
	content: "Buscar";
}
.custom-file-input:lang(es):empty::after {
	content: "Seleccionar archivo";
}
.custom-file-label::after {
	content: "Buscar";
}
.titulo_empresa {
	padding: 15px;
	font-size: 16px;
	vertical-align: middle;
}
#razon_social {
	color: rgb(218, 123, 14);
	font-weight: bold;
}
.titulotexts {
	color: rgb(41, 80, 80);
	font-weight: bold;
	font-size: 18px;
	text-transform: capitalize;
	margin-left: 15px;
}
.razon_social {
	color: rgb(41, 80, 80);
	font-weight: bold;
	font-size: 24px;
	vertical-align: middle;
	text-transform: capitalize;
	margin-left: 15px;
}
.razon_social_contrato {
	color: rgb(209, 241, 241);
	font-size: 26px;
	vertical-align: middle;
	text-transform: capitalize;
	margin-left: 25px;
}
.razon_social_maquinaria {
	color: rgb(220, 212, 233);
	/* font-weight: bold; */
	font-size: 28px;
	vertical-align: middle;
	text-transform: capitalize;
	margin-left: 25px;
}
.razon_social_editar {
	color: rgb(218, 123, 14);
	font-weight: bold;
	font-size: 26px;
	vertical-align: middle;
	vertical-align: middle;
	margin-left: 10px;
}
.riesgoEmpresa {
	padding: 4px 6px;
	height: 50px;
}
.trabajadores_lista {
	margin-top: -8px;
	padding: 9px;
	background-color: #ccc;
	color: #000;
}
.nombre_empresa {
	color: black;
	margin-left: 10px;
	margin-right: 5px;
}
.nuevo_contrato {
	font-size: 14px;
}
.select2-container {
	display: inherit !important;
	width: 100% !important;
}
.card-counter {
	box-shadow: 2px 2px 10px #dadada;
	margin: 5px;
	padding: 20px 10px;
	background-color: #fff;
	height: 100px;
	border-radius: 5px;
	transition: 0.3s linear all;
}
.card-counter:hover {
	box-shadow: 4px 4px 20px #d6d6d6;
	transition: 0.3s linear all;
}
.card-counter.primary {
	background-image: url("../imagen/generados.png");
	color: #fff;
}
.card-counter.aprobados-gray {
	background-image: url("../imagen/aprobados-gray.png");
	color: #fff;
}
.card-counter.generados-gray {
	background-image: url("../imagen/generadosgray.png");
	color: #fff;
}
.card-counter.secundary {
	background-image: url("../imagen/enviados.png");
	color: #fff;
}
.card-counter.enviados-gray {
	background-image: url("../imagen/enviadosgray.png");
	color: #fff;
}
.card-counter.success {
	background-image: url("../imagen/aprobados.png");
	color: #fff;
}
.card-counter.danger {
	background-image: url("../imagen/rechazados.png");
	color: #fff;
}
.card-counter.rechazados-gray {
	background-image: url("../imagen/rechazadosgray.png");
	color: #fff;
}
.card-counter.trabajadores {
	background-image: url("../imagen/trabajadores.png");
	color: #fff;
	box-shadow: 2px 2px 10px #dadada;
	margin: 5px;
	padding: 20px 10px;
	height: 100px;
	border-radius: 5px;
	transition: 0.3s linear all;
}
.bloques-inicio {
	display: block !important;
}
.block {
	display: block !important;
}
.card-counter.trabajadores-actividad {
	background-image: url("../imagen/trabaactividad.png");
	color: #fff;
	box-shadow: 2px 2px 10px #dadada;
	margin: 3px;
	padding: 10px 10px;
	height: 50px;
	border-radius: 5px;
	transition: 0.3s linear all;
}
.card-counter.maquin {
	background-image: url("../imagen/maquinarias.png");
	color: #fff;
	box-shadow: 2px 2px 10px #dadada;
	margin: 5px;
	padding: 20px 10px;
	height: 100px;
	border-radius: 5px;
	transition: 0.3s linear all;
}
.card-counter.maquin-actividad {
	background-image: url("../imagen/maqactividad.png");
	color: #fff;
	box-shadow: 2px 2px 10px #dadada;
	margin: 3px;
	padding: 10px 10px;
	height: 50px;
	border-radius: 5px;
	transition: 0.3s linear all;
}
.card-counter.danger {
	background-color: #c54441;
	color: #fff;
}
.card-counter.success {
	background-color: #52a356;
	color: #fff;
}
.card-counter.info {
	background-color: #26c6da;
	color: #fff;
}
.card-counter i {
	font-size: 5em;
	opacity: 0.2;
}
.card-counter .count-numbers {
	position: absolute;
	right: 35px;
	top: 20px;
	font-size: 32px;
	display: block;
}
.card-counter .count-name {
	position: absolute;
	right: 35px;
	top: 65px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	color: white !important;
}
.card-counter .count-name-actividad {
	text-align: center;
	padding-top: 10px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	color: white;
}
.extension {
	display: none;
}
.bg-contratos {
	background-color: #139386;
}
.bg-contratos-radius {
	background-color: #139386;
	border-radius: 10px !important;
	color: white;
}
.radius {
	border-radius: 10px !important;
}
.bg-actividades {
	background-color: #139386;
	color: white;
}
.bg-actividades-radius {
	background-color: #139386;
	color: white;
	border-radius: 10px !important;
}
.bg-maquinarias {
	background-color: #336177 !important;
	color: white;
}
#contrato_form_trab {
	padding: 20px;
	background-color: rgb(230, 230, 230);
	border-radius: 10px !important;
	margin-bottom: 40px;
}
.bg-btn-trabajadores {
	background-color: #139386;
	color: white;
	border-radius: 10px;
}
.bg-btn-enviados {
	background-color: #abb33e;
	color: white;
	border-radius: 10px;
}
.bg-btn-rechazados {
	background-color: #834045;
	color: white;
	border-radius: 10px;
}
.bg-no-docs:hover {
	color: black !important;
}
.bg-editar {
	background-color: #c28432;
	color: white;
}
.bg-trabajadores {
	background-color: #39758d;
	color: white;
}
.bg-rechazados {
	background-color: #834045;
	color: white;
}
.bg-enviados {
	background-color: #abb33e;
	color: white;
}
.bg-completados {
	background-color: #2e71bd;
	color: white;
}
.color-contratos {
	color: #139386;
	color: white;
}
.maquinarias_editar {
	width: 400px !important;
}
.contratoheader {
	padding: 0 20px;
	vertical-align: middle;
}
.boton_nuevo {
	text-align: right !important;
}
.agregar-actividad {
	display: grid;
	align-items: center;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
.info-riesgo {
	padding-top: 6px;
}
.actividadesContrato {
	padding: 2px 2px 0px 5px;
}
.editarActividad {
	color: black;
}
.select2-search__field {
	width: 100% !important;
}
.boton-regresar {
	border-radius: 10px;
	float: left;
}
.riesgo-actividad-contrato {
	background-color: rgb(221, 221, 221);
	border-radius: 15px;
	margin: 0px 5px 5px 5px;
}
.boton-actividades {
	border-radius: 10px;
	float: left;
	background-color: rgb(72, 46, 73);
	color: white;
}
.boton-siguiente {
	border-radius: 10px;
	float: right;
	background-color: rgb(50, 105, 149) !important;
	color: white;
}
.titulo-empresa {
	color: rgb(210, 245, 239) !important;
	font-size: 28px;
	margin-left: 10px;
	vertical-align: middle;
}
.actividad-trabajador {
	background-color: rgb(217, 224, 219);
	color: rgb(24, 24, 24);
	border-radius: 10px;
}
.actividad-sinriesgos {
	background-color: rgb(230, 230, 230);
	color: rgb(24, 24, 24);
	border-radius: 10px;
}
.background-docs {
	background-color: rgb(224, 224, 224);
	border-radius: 10px;
	padding: 7px;
}
.background-riesgo {
	background-color: #ccc;
	border-radius: 10px;
	padding-top: 20px;
}
.background-riesgo {
	background-color: #ccc;
	border-radius: 10px;
	padding-top: 20px;
}
.actividad-empresa {
	background-color: rgb(218, 230, 226);
	color: rgb(24, 24, 24);
	border-radius: 10px;
}
.doc-riesgo {
	border-radius: 10px !important;
	border: 2px;
	border-style: solid;
	border-color: rgb(70, 134, 107);
	color: rgb(70, 134, 107);
	margin-bottom: 5px;
}
.bg-no-docs {
	border: 2px;
	border-style: solid;
	border-color: #be816f;
	color: #be816f;
	border-radius: 10px !important;
	margin-bottom: 5px;
}
.riesgo-actividad {
	border-radius: 10px;
}
.docs-riesgo {
	margin-bottom: 5px;
}
.riesgo-actividad {
	border-radius: 10px;
}
.riesgo-detalle {
	text-align: left;
	vertical-align: middle !important;
	margin: auto;
}
.icono-doc-riesgo {
	margin-right: 10px;
}
.documentos-riesgo {
	background-color: rgb(217, 221, 224);
	padding: 10px;
}
.docs-riesgo {
	margin-bottom: 5px;
	font-size: 16px;
}
.documento-trabajador {
	background-color: rgb(148, 175, 192);
	color: white;
	border-radius: 10px;
	text-align: center !important;
}
.titulo-actividad {
	color: #000;
	font-weight: bold;
	text-transform: capitalize;
}
.titulo-actividad-maq {
	color: rgb(42, 170, 106);
	font-weight: bold;
	margin-left: 10px;
	text-transform: uppercase;
}
.titulo-actividad-maq-editar {
	color: rgb(42, 170, 106);
	font-weight: bold;
	margin-left: 10px;
	font-size: 24px;
	text-transform: uppercase;
}
.titulo-zona {
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	border-radius: 10px;
	padding: 1px;
	margin-bottom: 4px;
}
.RiesgoAcitivid {
	display: none;
}
.RiesgoAcitivid2 {
	display: none;
}
.addRiesgoAcitivid {
	display: none;
}
.guardarrisk {
	display: none;
}
.submitfile {
	display: none;
}
.addRiesgoActivContra {
	display: none;
}
.submitfile {
	display: none;
}
.boton-trabajadores {
	border-radius: 10px;
	padding: 4px;
	margin-left: 10px;
}
.bg-sgssta {
	background-color: #ac7611;
	color: white;
}
.boton-enviar {
	text-align: center;
}
.maquinaria-div {
	vertical-align: middle;
	margin: auto;
}
.btnContactSubmit {
	width: 50%;
	border-radius: 1rem;
	padding: 1.5%;
	color: #fff;
	background-color: #0062cc;
	border: none;
	cursor: pointer;
	margin-right: 6%;
	background-color: white;
	color: blue;
	margin-top: 4%;
}
.register .nav-tabs .nav-link:hover {
	border: none;
}
.register-heading {
	margin-left: 21%;
	margin-bottom: 10%;
	color: #e9ecef;
}
.register-heading h1 {
	margin-left: 21%;
	margin-bottom: 10%;
	color: #e9ecef;
}
.btnLoginSubmit {
	border: none;
	padding: 2%;
	width: 25%;
	cursor: pointer;
	background: #29abe2;
	color: #fff;
}
.btnForgetPwd {
	cursor: pointer;
	margin-right: 5%;
	color: #f8f9fa;
}
.nombre-trabajador {
	color: black;
	font-size: 21px;
	font-weight: bold;
}
.nombre-actividad {
	color: black;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase !important;
}
.fondo-nombre-actividad {
	color: black;
	text-transform: capitalize !important;
	border-bottom: 1px dashed rgb(36, 36, 36) !important;
}
.riesgo-maquinarias {
	border-bottom: 1px #000 dashed !important;
}
.bg-nueva-maquinaria {
	background-color: rgb(29, 119, 146);
	border-radius: 10px !important;
	color: white;
}
.actividades-border {
	border: 2px #22773c solid;
	border-radius: 10px !important;
	color: black !important;
}
.actividad-n1 {
	border: 2px #22773c solid;
	border-radius: 10px !important;
	color: #22773c !important;
}
.niveluno {
	font-size: 18px;
}
.contrato {
	background: -webkit-linear-gradient(left, #438b83, #8ec2ad);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	color: white;
}
.tabs-title {
	color: #34363a !important;
	font-weight: bold !important;
	font-size: 21px;
}
.detallesContrato {
	font-weight: bold;
	margin-right: 5px;
}
.icono-riesgo {
	color: rgb(75, 45, 75);
}
.bg-actividades-table {
	background-color: #518453;
}
.titulo-actividades {
	color: #232523;
	font-size: 20px;
	vertical-align: middle;
	padding-left: 10px;
	font-weight: bold;
}
.empresa-actividad {
	color: black;
	font-weight: bold;
	font-size: 24px;
	vertical-align: middle;
	text-transform: capitalize;
	margin-left: 15px;
}
.page-item.active .page-link {
	color: #fff;
	background-color: #139386 !important;
	border-color: #139386 !important;
}
#botones {
	background-color: #393836 !important;
}
#infocliente {
	background-color: #393836 !important;
}
.agregar_trabajador {
	margin-left: 20px !important;
}
.bg-trabajador {
	background-color: #ebf1ee;
}
.agregar-rol {
	padding: 8px;
}
.sinRiesgos {
	margin: auto;
	text-align: center;
}
.bg-riesgos {
	background-color: rgb(179, 194, 197);
	border-radius: 15px;
}
.bg-documentos-riesgo {
	background-color: rgb(255, 255, 255);
	border-radius: 15px;
}
#sidebar .sidebar-header {
	background-color: #393836 !important;
	padding: 8px 0px 0px 0px !important;
}
.perfil-usuario {
	border: rgb(228, 220, 220) 1px solid;
	border-radius: 15px;
	padding: 5px;
	width: 80px;
	height: auto;
}
.bg-gray {
	background-color: rgb(190, 188, 188);
	color: black;
	border-radius: 15px;
}
.btn-danger {
	border-radius: 10px !important;
}
.bg-gray-light {
	background-color: rgb(235, 230, 230);
	border-radius: 10px;
}
.bg-gray-light-bottom {
	background-color: rgb(233, 227, 227);
	border-radius: 0px 0px 10px 10px;
}
.trabajador-editar-act {
	background-color: rgb(83, 163, 143) !important;
	color: white !important;
}
.agregar-actividad-contrato {
	_width: 200px !important;
}
.agregar-actividad-contrato:hover {
	color: rgb(230, 145, 10) !important;
}
.maq-editar-act {
	background-color: rgb(83, 163, 143) !important;
	color: white;
}
.text-black {
	color: #000;
}
footer.sticky-footer {
	background-color: #393836 !important;
	color: white !important;
}
.dropdown-item.active,
.dropdown-item:active {
	background-color: #259580 !important;
}
/* Plantilla Oct 2020 */
/* johan.quijano@ccs.org.co  */
.container-fluid {
	padding: 0px 12px 12px 12px !important;
}
.breadcrumb-fluid {
	padding-top: 5px !important;
	padding-left: 12px !important;
	padding-bottom: 5px !important;
}
.selection {
	width: 100% !important;
}
.card-title {
	margin-bottom: 0px !important;
}
.card-header {
	padding: 0.7rem !important;
}
.card-headerfaltantes {
	padding: 0.3rem !important;
	color: #139386;
	font-size: 12px !important;
}
/* End Ajustes plantilla 2020  */
.tabs-enviar {
	width: 300px !important;
	font-size: 22px !important;
	font-weight: bold;
}
.contenido-tabs-enviar {
	border: 2px;
	border-color: #58a58b;
	border-style: solid;
	padding: 5px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: linear-gradient(#7fa19d, #49807a);
}
.nav-pills .nav-link {
	border-radius: 0.25rem 0.25rem 0rem 0rem !important;
	text-align: center !important;
}
/* Fondo bg de formulario accidentes laborales */
.bg-form {
	background-color: #e5eaeac7;
}
.inc_badge {
	border: none;
}
/* ----- */
.display-none {
	display: none;
}
#divpreload {
	top: 10em;
	left: 45%;
	position: fixed;
	width: 5rem;
	height: 5rem;
	z-index: 3000;
}
#divpreload .spinner-border {
	width: 5rem;
	height: 5rem;
}
/* DataTables */
.dataTables_filter {
	float: right !important;
}
.size-8 {
	font-size: 8px;
}
.size-9 {
	font-size: 9px;
}
.size-10 {
	font-size: 10px;
}
.size-11 {
	font-size: 11px;
}
.size-12 {
	font-size: 12px;
}