@charset "utf-8";

/* -------------------------------USO GENERAL -------------------------------------------------*/
/* -------------------------------USO GENERAL -------------------------------------------------*/
/* -------------------------------USO GENERAL -------------------------------------------------*/
.texto_negro {
	color:#000;
}
.texto_gris {
	color:#777777;
}
.texto_blanco {
	color:#FFF;
}
.texto_rojo {
	color:#E70206 !important; 
}
.texto_verde {
	color:#07DB26;
}
.borde_prueba {
	border:1px solid #F00;
	box-sizing:border-box;
}
* {
  box-sizing: border-box !important;
}.sombra_texto {
	background:#EFEFEF; 
	border-radius: 5px;
	padding: 3px;
}
@font-face {
	font-family: Rubik;
    src: url("../font/rubik/static/Rubik-Medium.ttf") format("opentype");
	font-style: normal;
	font-weight: normal;
    
}
body {
	font-family:"Rubik", sans-serif !important;
	color: #7c8798;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	/*user-select:none;*/
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #7c8798;
    text-align: left;
	box-sizing:content-box;
	
}
.ayuda {
	 width: 400px; 
     height:auto; 
     border: 3px solid #FFF;
     background: #300668;
	 position:fixed;
	 text-color:white;
	 left:50%;
	 margin-left:-200px;
	 top:10%;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: normal;
	 color: #FFFFFF;
	  opacity: 1;
  transition: opacity 2s linear;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    //margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h4, .h4 {
    font-size: 1.35rem;
}
i {
	font-size:20px;
}

.letra-s{
	font-size: 12px;
	text-decoration-line: overline;
	text-decoration-color: rgba(124,135,152,0.87);
}

.boton {
	display:inline-block;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	background-color:#38c172;
	border:1px solid transparent; 
	padding:0.375rem 0.75rem;
	font-size:0.9rem;
	user-select:none;
	line-height:1.6;
	border-radius:0.25rem;
	transition: all 0.3s ease;
	margin: 5px auto;
	
}
.boton:hover {
  background-color:#22AB5C;
  color:#FFF !important;	
  
}

.boton--celeste {
    color: #FFF !important;
    background-color: #409EFF !important;
    border-color: #409EFF !important;
}
.boton--celeste:hover {
  background-color:#7BBCFF !important;
  color:#FFF !important;	
  
}
.boton--blanco {
    color: #666 !important;
    background-color: #FFFFFF !important;
    border-color: #CCCCCC !important;
}
.boton--blanco:hover {
  background-color:#CCCCCC !important;
  color:#39F !important;	
  
}

.boton--gris {
    color: #333 !important;
    background-color: #CCCCCC !important;
    border-color: #CCCCCC !important;
}
.boton--gris:hover {
  background-color:#7BBCFF !important;
  color:#FFF !important;	
  
}

.boton--verde {
    color: #FFF !important;
    background-color:#38c172 !important;
    border-color: #38c172 !important;
}
.boton--verde:hover {
  background-color:#78D59F !important;
  color:#FFF !important;	
  
}
.boton--rojo {
    color: #FFF !important;
    background-color: #e3342f !important;
    border-color: #e3342f !important;
}
.boton--rojo:hover {
  background-color:#EC7572 !important;
  color:#FFF !important;	
  
}

.boton--naranja {
    color: #FFF !important;
    background-color: #E6A23C !important;
    border-color: #E6A23C !important;
}
.boton--naranja:hover {
  background-color:#EEC07C !important;
  color:#FFF !important;	
  
}

.alert-denger {
	color: #761b18;
	width:100%;
    background-color: #f9d6d5;
    border-color: #f7c6c5;
	position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.alert-sucess {
	color: #FFFFFF;
	width:100%;
    background-color:#439B42;
    border-color: #f7c6c5;
	position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
a {
	text-decoration:none;
	color:inherit;
}

#myTab .nav-item {
    display: block !important;
}
.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #f8fafc;
    border-color: #dee2e6 #dee2e6 #f8fafc;
}
.nav-link.active {
    border: 0 !important;
    color: black !important;
    border-bottom: 0.2rem solid #56ad1c !important;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-link:hover {
	border:1px solid #CCC;
}

.bandera_amarilla {
	color:#212529; 
	background-color:#ffed4a; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5
}
.bandera_roja {
	color:#212529; 
	background-color:#e3342f; 
	color:#FFF; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5
}
.bandera_verde {
	color:#212529; 
	background-color:#38c172; 
	color:#FFF; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5
}
.bandera_azul {
	color:#212529; 
	background-color:#3490dc; 
	color:#FFF; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5
}
.bandera_azul2 {
	color:#212529; 
	background-color:#3490dc; 
	color:#000; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5
}
.bandera_gris {
	color: #212529;
    background-color: #666666;
	color:#FFF; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5

}
.bandera_blanco {
	color: #212529;
    background-color: #e8eaec;
	color:#666; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5

}
.bandera_negra {
	color: #212529;
    background-color: #000000;
	color:#FFF; 
	font-size:60%;
	padding: 0.65em 0.9em !important;
	border-radius: 0.25rem; 
	line-height:2.5

}
.timeline-marker {
    background: #3d8a07;
    border: 3px solid transparent;
    border-radius: 100%;
    content: "";
    display: block;
    height: 13px;
    /*position: absolute;*/
    top: 4px;
    left: 0;
    width: 13px;
    transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.bg-rojo {
	background: #E70206;
}
.bg-blanco {
	background: #FFF;
}
.bg-verde {
	background: #07DB26;
}
.bg-azul {
	background:#3490dc; 
}

.cabecera_tabla {

	color:#FFFFFF !important;
	/*background: rgb(151,222,156);
	background: linear-gradient(0deg, rgba(151,222,156,1) 0%, rgba(86,173,28,1) 100%);*/
	background-color: #54b511;
}

.custom-file-input {
  color: transparent;
  outline:none;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
  outline:none;
}
.custom-file-input::before {
  content: 'Tomar Selfie';
  color: black;
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
	text-align: center;
  font-weight: 700;
  font-size: 10pt;
	width: 95%;
	z-index: 1000;
}
.custom-file-input:hover::before {
  border-color: black;
  outline:none;
}
.custom-file-input:active {
  outline: 0;
  outline:none;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
  outline:none;
}
.tit_evidencia::before	{
	content: 'Tomar Evidencia' !important;	
}
.tit_hallazgo::before	{
	content: 'Tomar Hallazgo' !important;	
}
.tit_hallazgo2::before	{
	content: 'Registro Mini Instrucción' !important;	
}

.borde_imagen{
display:block;
background-color: #F5F5F5;
border: 5px solid #FFFFFF;
box-shadow: 0 0 22px #111111;
margin-top: 10px;
margin-bottom: 10px;
//margin-right: 10px;
//margin-left: 10px;
//position: relative;
box-sizing:border-box;

}
/* -------------------------------USO GENERAL -------------------------------------------------*/
/* -------------------------------USO GENERAL -------------------------------------------------*/
/* -------------------------------USO GENERAL -------------------------------------------------*/


/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
.barra_lateral {
	width: 260px;
    background-color: white;
    height: 100%;
    top: 0px;
    z-index: 10;
    transition: 0.2s ease-in;
    -webkit-box-shadow: 9px 0px 15px -7px rgba(0,0,0,0.64);
	-moz-box-shadow: 9px 0px 15px -7px rgba(0,0,0,0.64);
	box-shadow: 9px 0px 15px -7px rgba(0,0,0,0.64);
    position: fixed;
	display:block;
}
.container {
	text-align:center;
}
.desplazar {
	overflow-y: scroll;
}
.desplazar-tbody tbody {
	overflow-y: scroll;
	height: 100px;
}
.logo_menu {
	width:100px;
	height:auto;
	margin:25px auto;
}
.sidebar-nav #sidebarnav .nav-small-cap {
    font-size: 12px;
    padding: 0 30px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    line-height: 30px;
    color: #000;
    opacity: 1;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}
.list-divider {
    height: 1px;
    background: #818181;
    display: block;
    margin: 10px 0 20px 30px;
    opacity: 0.1;
}
#sidebarnav {
    margin: 0;
    padding: 0;
}
.sidebar-icon {
    font-style: normal;
    height: 20px;
    width: 20px;
    color: #9eabc0;
    display: inline-block;
    text-align: center;
    margin-right: 8px;
    font-size: 1.2rem;
}
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
    color: #fff;
    font-size: 16px;
    padding: 12px 30px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 27px;
    opacity: 0.7;
    margin-right: 17px;
    color: #818181;
}
/*
.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link:hover {
	background-color: red;
}
*/
.sidebar-nav #sidebarnav .sidebar-item.selected > .sidebar-link {
    border-radius: 0px 60px 60px 0px;
    color: #fff !important;
    background: linear-gradient(270deg, #3a8406 6%, #56b812 100%);
    box-shadow: 0px 7px 12px 0px rgba(95, 118, 232, 0.21);
    opacity: 1;
}
.sidebar-nav ul li {
    list-style: none;
}
.td-center td 
{
    text-align: center; 
    vertical-align: middle;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
    list-style: none;
}
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/


/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
#contenedor_busqueda input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:20px;
	border:1px solid #CCC;
	width:70%;
	height:40px;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
	box-shadow: 0 0 4px 3px rgba(169, 184, 200, 0.2);
}
#contenedor_busqueda input:focus {
  outline: none;
  box-shadow: 0 0 2px 1px rgba(106, 199, 42, 0.7);
}
.dropdown-item {
    display: block;
    width: 100%;
	height:50px !important;
	line-height:50px;
    padding: 0em 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #FFF;
    border: 1px solid #CCC;
}
#dropdown1 {
	display:none;
}
.menu2 {
	height:60px; 
	width:100%; 
	background-color:#F9FBFD; 
	display:block; 
	box-sizing:border-box !important; 
	line-height:60px; 
	text-align:right; 
	border-bottom:1px solid #CCC;
}
.menu2_interno {
	float:right; 
	margin-right:30px; 
	z-index:200; 
	position:absolute; 
	right:0; 
	text-align:left;
	margin-top:100px;
}
.menu3 {
	display:none;
	vertical-align:middle;
}
.modal_flotante {
	display:none; 
	position:fixed; 
	z-index:500; 
	width:100%;
	height:auto !important; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	text-align:center;
	padding-bottom:100px; 
	background-color:rgba(0,0,0,0.64);
}

/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/


/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

.c_izq {
	display:inline-block;
	width:33%; 
	vertical-align:top; 
	box-sizing:border-box;
}
.c_der {
	display:inline-block; 
	width:66.666%; 
	box-sizing:border-box;
}
.imagenlogin {
	width:1400px;
	height:auto;
}

.login {
	padding: 20px 20px 20px 20px;
	
}
.logologin {
	width: 9rem;
    margin-left: 3rem;
    margin-top: 4rem;
}
.ingresatxt {
	margin-left:3rem;
	margin-right:3rem;
}
.contenedor_login {
	padding: 0 3rem 20px 3rem;
}
.grupo {
	margin-bottom:1rem;
	display:block;
}
.grupo input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo input:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}
.form-control {
	display:block;
	width:100%;
	height:calc(1.6em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
	
}
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
.progreso {
	 width: 400px; 
     height: 100px; 
     line-height: 100px; /* <-- this is what you must define */
	 vertical-align:middle;
  	 border: 3px solid #FFF;
     background: #300668;
	 position:fixed;
	 text-color:white;
	 left:50%;
	 margin-left:-200px;
	 top:50%;
	 text-align:center;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: normal;
	 color: #FFFFFF;
	 z-index:1000;
  opacity: 1;
  transition: opacity 2s linear;
  
	 
}
.page-wrapper {
    display:block;
	background: #f9fbfd;
    position: relative;
    transition: 0.2s ease-in;
    box-shadow: unset;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 260px;
}
.contenedor_principal {
	padding: 15px;
    min-height: calc(100vh - 80px);
}
.marco_principal {
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
	border-radius:5px;
	padding:15px;
	border: 1px solid #ebeef5;
}
.seccion_cabecera {
	width:100%; 
	display:table;
}
.seccion_titulos {
	display: table-cell; 
	width:30%;
}
.link_cabecera {
	font-size:15px;
}
.seccion_botones {
	display:table-cell; 
	width:70%; 
	text-align:right;
}

.el-button--celeste {
    color: #FFF !important;
    background-color: #409EFF !important;
    border-color: #409EFF !important;
}
.el-button--celeste:hover {
  background-color:#7BBCFF !important;
  color:#FFF !important;	
  
}

.el-button--coral {
    color: #FFF !important;
    background-color: #F56C6C !important;
    border-color: #F56C6C !important;
}
.el-button--coral:hover {
  background-color:#F89B9B !important;
  color:#FFF !important;	
  
}
.el-button--melon {
    color: #FFF !important;
    background-color: #E6A23C !important;
    border-color: #E6A23C !important;
}
.el-button--melon:hover {
  background-color:#EDBF7A !important;
  color:#FFF !important;	
  
}
.el-button--blanco {
    color: #999 !important;
    background-color: #FFFFFF !important;
    border-color: #CCCCCC !important;
}
.el-button--blanco:hover {
  background-color:#CCCCCC !important;
  color:#FFF !important;	
  
}
.el-button--verde {
    color: #FFF !important;
    background-color: #67C23A !important;
    border-color: #67C23A !important;
}
.el-button--verde:hover {
  background-color:#97D578 !important;
  color:#FFF !important;	
  
}
.el-button--naranja {
    color: #FFF !important;
    background-color: #E6A23C !important;
    border-color: #E6A23C !important;
}
.el-button--naranja:hover {
  background-color:#EEC07C !important;
  color:#FFF !important;	
  
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #FFF;
    border: 1px solid #DCDFE6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 9px 15px;
    font-size: 14px;
    border-radius: 4px;
	transition: all 0.3s ease;
}
/*.el-button input[type=button]:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}*/

.el-button--mini{
    padding: 7px 15px !important;
	font-size:10px !important;
}
.el-button--mini i {
	font-size:14px;
}
.el-popover {
    position: absolute;
    background: #FFF;
    min-width: 150px;
    border: 1px solid #EBEEF5;
    padding: 12px;
    z-index: 400;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    -webkit-box-shadow: 0px 8px 23px 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 8px 23px 6px rgba(0,0,0,0.3);
	box-shadow: 0px 8px 23px 6px rgba(0,0,0,0.3);
    word-break: break-all;
	right:190px;
	border-radius: 4px;
}
#busqueda_general input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:20px;
	border:1px solid #CCC;
	width:70%;
	height:40px;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
	box-shadow: 0 0 4px 3px rgba(169, 184, 200, 0.2);
}
#busqueda_general input:focus {
  outline: none;
  box-shadow: 0 0 2px 1px rgba(106, 199, 42, 0.7);
}
.grupo2 {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:45%;
}
.grupo2 input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo2 input:focus{
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}
.grupo2 textarea {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo2 textarea:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}

.grupo2pre {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:45%;
}
.grupo2pre input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:0 5px 5px 0;
	border:1px solid #CCC;
	width:90%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo2pre input:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}
.grupo2pre span {
	border-radius:5px 0 0 5px;
	border:1px solid #CCC;
	padding: 0.375rem 0.75rem;
	font:400 14px Arial, Helvetica, sans-serif;
	background-color:#E9ECEF;
	
}
.grupo2 select, .seccion_botones select {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo2 select:focus, .seccion_botones select:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}

.grupo3 select {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo3 select:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}

.grupo3 {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:22%;
}
.grupo3 input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo3 input:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}

.grupo3pre {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:22%;
}
.grupo3pre input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:0 5px 5px 0;
	border:1px solid #CCC;
	width:90%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo3pre input:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}
.grupo3pre span {
	border-radius:5px 0 0 5px;
	border:1px solid #CCC;
	padding: 0.375rem 0.75rem;
	font:400 14px Arial, Helvetica, sans-serif;
	background-color:#E9ECEF;
	
}


.grupo4 {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:30%;
}
.grupo4 select ,.grupo4 input,.grupo4 textarea{
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:5px;
	border:1px solid #CCC;
	width:100%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo4 select:focus ,.grupo4 input:focus,.grupo4 textarea:focus{
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}

.grupo4pre {
	margin-bottom:1rem;
	margin-left:1rem;
	display:inline-block;
	width:30%;
}
.grupo4pre input {
	font:400 14px Arial, Helvetica, sans-serif;
	border-radius:0 5px 5px 0;
	border:1px solid #CCC;
	width:90%;
	padding: 0.375rem 0.75rem;
	transition: all 0.3s ease;
}
.grupo4pre input:focus {
  outline: none;
  box-shadow: 0 0 3px 2px rgba(106, 199, 42, 0.7);
}
.grupo4pre span {
	border-radius:5px 0 0 5px;
	border:1px solid #CCC;
	padding: 0.375rem 0.75rem;
	font:400 14px Arial, Helvetica, sans-serif;
	background-color:#E9ECEF;
	
}

small, .small {
    font-size: 80%;
    font-weight: 400;
}
.falseinput {
    display: block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.6;
    color: #495057;
    background-color: #fff;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal_body {
	background-color:#FFF; 
	margin-top:200px; 
	margin-left:auto; 
	margin-right:auto;  
	width:500px; 
	height:150px;  
	border-radius:5px; 
	padding:20px;
}

.marco_texto {
	background-color:#FFF; 
	border:1px solid #999; 
	border-radius:5px; 
	padding-left:10px; 
	margin-bottom:10px;
}
.onoffswitch {
    position: relative; width: 110px;
	margin-bottom:0;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Verficación";
    padding-left: 15px;
    background-color: #FF0000; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Tarifa Base";
    padding-right: 15px;
    background-color: #67C23A; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 79px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
/*###########################siwth 2 para nreferencia###########################*/
.onoffswitch2 {
    position: relative; width: 120px;
	margin-bottom:0;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch2-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch2-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch2-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch2-inner:before, .onoffswitch2-inner:after {
    display: block; float: left; width: 50%; height: 25px; padding: 0; line-height: 25px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch2-inner:before {
    content: "Cod. Cliente";
    padding-left: 15px;
    background-color: #FF0000; color: #FFFFFF;
}
.onoffswitch2-inner:after {
    content: "Cod. Phoenix";
    padding-right: 15px;
    background-color: #67C23A; color: #FFFFFF;
    text-align: right;
}
.onoffswitch2-switch {
    display: block; width: 18px; margin: 4px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 95px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
    margin-left: 0;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
    right: 0px; 
}

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

@media screen and (min-width: 1200px) {


}
@media screen and (min-width: 992px) and (max-width: 1199px) {
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

.c_izq {
	display:inline-block;
	width:40%; 
	vertical-align:top; 
	box-sizing:border-box;
}
.c_der {
	display:inline-block; 
	width:59.26%; 
	box-sizing:border-box;
}
.imagenlogin {
	width:1400px;
	height:auto;
}

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/



}

@media screen and (min-width: 771px) and (max-width: 991px) {

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

.c_izq {
	display:inline-block;
	width:100%; 
	vertical-align:top; 
	box-sizing:border-box;
}
.c_der {
	display:inline-block; 
	width:100%; 
	box-sizing:border-box;
}
.imagenlogin {
	width:100%;
	height:auto;
}

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
.logo_menu {
	width:50px;
	height:auto;
}
.barra_lateral {
	width: 70px;
 }
 .hide-menu {
	 visibility:hidden;
 }
.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
    color: #fff;
    font-size: 16px;
    padding: 12px 20px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    line-height: 27px;
    opacity: 0.7;
    margin-right: 10px !important;
    color: #818181;
}
.list-divider {
    height: 1px;
    background: #818181;
    display: block;
    margin: 10px;
    opacity: 0.1;
}
.hide-menu {
    display: none;
}
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

.page-wrapper {
    margin-left: 80px;
}

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

}
@media screen and (max-width: 770px) {

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

.c_izq {
	display:inline-block;
	width:100%; 
	vertical-align:top; 
	box-sizing:border-box;
}
.c_der {
	display:inline-block; 
	width:100%; 
	box-sizing:border-box;
}
.imagenlogin {
	width:100%;
	height:auto;
}

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
.menu2 {
	display:none;
}
.menu3 {
	display:block;
}
.menu3_interno {
		display:inline-block; 
		width:100%; 
		height:80px; 
		text-align:center; 
		align-items:center; 
		justify-content:space-between; 
		flex-direction: row;
}
.icon-menu {
	font-size:24px;
	color:#7C8798; 
	float:left; 
	margin:25px 0 25px 25px; 
	display:inline-block
}
.icon-user {
	font-size:24px; 
	color:#7C8798; 
	float:right; 
	margin:25px 25px 25px 0; 
	display:inline-block
}
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/

/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
.barra_lateral {
	width: 260px;
	display:none;
	top:83px;
 }
.hide-menu {
	 visibility:hidden;
 }
.logo_menu {
	height:70px;
	width:auto;
	display:inline-block;
	margin:0 auto;
}
img {
	vertical-align:middle;
}
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/
/* -------------------------------MENU LATERAL -------------------------------------------------*/

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

.page-wrapper {
    margin-left: 0px;
}
.seccion_titulos {
	display:block;
	width:100%;
}
.seccion_botones {
	display:block;
	width:100%;
}
.grupo2 {
	width:95%;
	margin-right:2rem;
}
.grupo3 {
	width:95%;
	margin-right:2rem;
}
.bandera {
    display: inline-block;
	font-size:10px;
 }
.bandera-warning {
    color: #212529 !important;
    background-color: #ffed4a !important;
}
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

}
@media screen and (max-width: 500px) {
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
#busqueda_general{
	width:100% !important;
}
.modal_body {
	margin-top:10%;
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;  
	width:100%; 
	height:150px;  
	border-radius:5px; 
	padding:20px;
}
/*.modal_flotante {
	position:absolute !important; 
	padding-bottom:0;
	height:1000px !important;
}*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/


/* -------------------------------MENU CABECERA  -------------------------------------------------*/
/* -------------------------------MENU CABECERA  -------------------------------------------------*/
/* -------------------------------MENU CABECERA  -------------------------------------------------*/


/* -------------------------------MENU CABECERA  -------------------------------------------------*/
/* -------------------------------MENU CABECERA  -------------------------------------------------*/
/* -------------------------------MENU CABECERA  -------------------------------------------------*/

}
@media screen and (max-width: 450px) {
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

.c_izq {
	display:inline-block;
	width:100%; 
	vertical-align:top; 
	box-sizing:border-box;
}
.c_der {
	display:inline-block; 
	width:100%; 
	box-sizing:border-box;
}
.imagenlogin {
	width:100%;
	height:auto;
}

/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/
/* -------------------------------VENTANA INDEX -------------------------------------------------*/

/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
.menu3_interno {
		width:100%; 
}

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
#busqueda_general{
	width:100% !important;
}
/*.modal_body {
	margin-top:30%;
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;  
	width:100%; 
	height:150px;  
	border-radius:5px; 
	padding:20px;
}
.modal_flotante {
	position:absolute !important; 
	padding-bottom:0;
	height:1000px !important;
}*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/

}
@media screen and (max-width: 330px) {
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
.menu3_interno {
		width:330px; 
}
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/
/* -------------------------------MENU CABECERA -------------------------------------------------*/

/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/*.modal_body {
	margin-top:30%;
	margin-bottom:auto; 
	margin-left:auto; 
	margin-right:auto;  
	width:100%; 
	height:150px;  
	border-radius:5px; 
	padding:20px;
}
.modal_flotante {
	position:absolute !important; 
	padding-bottom:0;
	height:1000px !important;
	top:0;
}*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/
/* -------------------------------BODY  -------------------------------------------------*/


}