html, body {
    height: 100% !important;
    margin: 0 !important;
    position: relative;
    background-color: #f6f7f9;
}
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 300px; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
}

/* The sidebar links */
.sidebar a {
  /*padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;*/
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
 /* color: #f1f1f1;*/
}


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    margin-left: 300px;
  transition: margin-left .5s; /* If you want a transition effect */
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}
.container_log_in {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
		margin-top: -5em;
}
.layer_log_in {
	width: 400px;
	height: 300px;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	padding-top: 1em;
	border-color: #ccc;

}
.titulo_log_in {
	margin-bottom: 1em;
}
.ic_panel_contenedor {
    background-color: #aaa;
    width: 100%;
    height: 100% !important;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
}
/*.ic_panel_menu {
    height: 100%;
    width: 400px;
    overflow: auto;
}*/

.ic_panel_main {
    height: 100%;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: no-wrap;
}
.ic_panel_main_nav {
    background-color: #f8f9fa;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ic_panel_main_cont {
    /*background-color: yellow;*/
    width: 100%;
    height: 100%;
    display: flex;
    overflow: auto;
}
.ic_panel_main_nav_menu_toggle_boton {
    margin-left: 7px;
    cursor: pointer;
}
.ic_panel_main_nav_menu_toggle_boton:hover {
    opacity: 0.8;
}
/* Shrinking the sidebar from 250px to 80px and center aligining its content*/
#sidebar.active {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}

/* Toggling the sidebar header content, hide the big heading [h3] and showing the small heading [strong] and vice versa*/
#sidebar .sidebar-header strong {
    display: none;
}
#sidebar.active .sidebar-header h3 {
    display: none;
}
#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right:  0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

/* Same dropdown links padding*/
#sidebar.active ul ul a {
    padding: 10px !important;
}
/* Changing the arrow position to bottom center position, 
      translateX(50%) works with right: 50% 
      to accurately  center the arrow */
    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
    .level2 {
    	padding-left: 1em;
    	
    }
    .level3 {
    	padding-left: 2em;
    	margin-left: -1em;	
    }
    .level4 {
        padding-left: 1em;
        font-style: italic;
    }
    .nav-link {
    	color: #fff;
    }
    .nav-link:hover {
    	opacity: 0.9;
    }
    .header_menu {
    	margin-top: 1em;
    	margin-bottom: 2em;
    	margin-left: 10%;
    	margin-right:10%;
        height:100px;
    }
    .header_menu img{
    	width: 100%;
        height: 100%;
        object-fit: contain !important;
    }
    .title_ic_panel {
       font-weight: bold;
        color: #1e283e;
    }
    #col_container h2 {
    	text-align: center;
    	/*margin: 0.5em;*/
        margin-bottom: 1.5em;
    }
    #col_container {
        margin-bottom: 3em;
    }
    .edit_user_ic_panel img {
    	width: 30px;
    }
    .delete_user_ic_panel img {
    	width: 35px;
    }
    .save_edit_user_ic_panel img {
    	width: 35px;
    }
    .link_annadir_user_ic_panel {
    	cursor: pointer;
    	color: #4a5264;
    	
    }
    .img_save_annadir_user img {
    	width: 35px;
    	cursor: pointer;
    }
    
    .edit_campus_ic_panel img {
    	width: 30px;
    }
    .delete_campus_ic_panel img {
    	width: 35px;
    }
    .save_edit_campus_ic_panel img {
    	width: 35px;
    }
    .link_annadir_campus_ic_panel {
    	cursor: pointer;
    	color: #4a5264;
    	
    }   
    .img_save_annadir_campus img {
    	width: 35px;
    	cursor: pointer;
    }

    .edit_empresa_ic_panel img {
    	width: 30px;
    }
    .delete_empresa_ic_panel img {
    	width: 35px;
    }
    .save_edit_empresa_ic_panel img {
    	width: 35px;
    }
    .link_annadir_empresa_ic_panel {
    	cursor: pointer;
    	color: #4a5264;    	
    }   
    .img_save_annadir_empresa img {
    	width: 35px;
    	cursor: pointer;
    }
    .edit_url_campus_ic_panel img {
    	width: 30px;
    }
    .delete_url_campus_ic_panel img {
    	width: 35px;
    }
    .save_edit_url_campus_ic_panel img {
    	width: 35px;
    }
    .link_annadir_url_campus_ic_panel {
    	cursor: pointer;
    	color: #4a5264;    	
    }   
    .img_save_annadir_url_campus img {
    	width: 35px;
    	cursor: pointer;
    }
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    	word-wrap: break-word !important;
    }
    .row {
    	margin-bottom: 1em;
    	
    }
    .row-header {
    	font-weight: bold;
    	margin-bottom: 1em;
    }
    textarea, input, select {
    	width: 100%;
    }
    input[type="checkbox"] {
    	width: auto !important;
    }
    .row_borrado {
    	opacity: .6;
    }
    .modal-body label {
        font-weight:bold;
    }
    .modal-body .celd {
        margin:1em;
    }
    .block_form_asignar_campus {
        margin: 1em;
    }
    .block_form_asignar_campus label{
        font-weight: bold;
    }
    .row_informe_coherencias {
        margin-top: 1em;
    }
    .edit_com_ic_panel img {
    	width: 30px;
    }
    .delete_com_ic_panel img {
    	width: 35px;
    }

/* Absolute Center Spinner */
div.loading {
  position: fixed;
  z-index: 10000;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
}

/* Transparent Overlay */
div.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(200, 200, 200,.5), rgba(255, 255, 255, 1));

  background: -webkit-radial-gradient(rgba(200, 200, 200,.5), rgba(255, 255, 255, 1));
}

/* :not(:required) hides these rules from IE9 and below */
div.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

div.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transformj: rotate(360deg);
    transform: rotate(360deg);
  }
}
thead {
    font-weight: bold;
}
.informe_tabla {
    margin-bottom: 1em;
}
.informe_ficha,  .informe_ficha_grupal{
    margin-top: 7em;
    margin-bottom: 3em;
    border-style: solid;
    padding: 1em;
    border-width:1px;
    position: relative;
    background-color: #eee;
}
.export_layer {
    position: absolute;
    width: 75px;
    bottom: 5px;
    right: 5px;
}
.icon_csv, .icon_csv_estadistico {
    cursor: pointer;
}
th.estadistico {
    cursor: pointer;
}
.icon_pdf {
    cursor: pointer;
}
.export_layer img{
    width: 30px;
}
.celda_titulo {
    color: #fff;
    background-color: #4A5264;
    padding:0.5em;
    font-weight: bold;
}
.csv_content {
    display: none;
}
.comp_ok {
    color: green;    
}
.comp_no {
    color: red; 
}

.check_gestion_alertas {

    width: auto !important;

}

html, body {
    /*Estilos estándar experimentales (Principalmente Firefox)*/
    scrollbar-color: #999999 rgba(0, 0, 0, 0);    
    scrollbar-width: thin;    
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar-button:increment {
    display: none;
} 

::-webkit-scrollbar:horizontal {
    height: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #999999;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}


/*Cambios Globales*/
/*Cambiar color de fondo principal*/
body {
    background-color: #f6f7f9;
}

/*Título y logo*/
h1.display-1 {
    font-family: 'Varela Round', sans-serif;
}
h1.display-4 {
    /*font-family: 'glory', sans-serif;*/
    font-weight: 200;
}
.display-4 {
    font-size: 2.5rem;
}


/*En formularios*/
.btn-primary {
    color: #2d2d2d;
    background-color: #22d3ee !important;
    border-color: #22d3ee !important;
    font-family: 'Varela Round', sans-serif !important;
    font-weight: 600 !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #22d3ee !important;
    border-color: #22d3ee !important;
    font-family: 'Varela Round', sans-serif !important;
    font-weight: 600 !important;
}
.btn-primary:focus {
    color: #2d2d2d !important;
    background-color: #22d3ee !important;
    border-color: #22d3ee !important;
    font-family: 'Varela Round', sans-serif !important;
    font-weight: 600 !important;
}

label {
    /*font-family: 'Glory', sans-serif;*/
}

/*Página de panel de control*/
/*Tipografía */
h2 {
    /*font-family: 'Glory', sans-serif;*/
    font-weight: 600;
}


/*colores sidebar*/
div#mySidebar {
    background-color: #fff;
}
.level2  {
    background-color: #4e5869;
}

.nav-link {
    color: rgb(191 194 198);
}

.nav-link:hover {
    opacity: 1;
    color: #fff;
}

svg.radial-progress {

  height: auto;

  max-width: 120px;

  padding: 1em;

  transform: rotate(-90deg);

  width: 100%;

}

svg.radial-progress circle {

  fill: rgba(0,0,0,0);

  stroke: #fff;

  stroke-dashoffset: 219.91148575129;

  stroke-width: 10;

}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; }

svg.radial-progress text {

  fill: #000;

  text-anchor: middle;

}

svg.radial-progress circle { stroke: #a2ed56; }

.card {

    display: none;

}

.modal-header {

    border-color: #fff !important;

}
.modal-footer {
    
    border-color: #fff !important;

}

.main-menu.menu-dark, .navbar-header {

    opacity: 0;

}

.condicion_condicion_celd {
    border-style: solid;
    border-color:rgba(200, 200, 200,.5);
    border-width: 0px;
    border-bottom-width: 1px;
    padding-bottom: 0.5em;
}

.condicion_condicion_celd input {

    display: inline !important;
    width: auto !important; 


}
.link_agregar_condicion, .agregar_comunicacion {

    cursor: pointer !important;

}
.capa_condiciones_lista {

    padding-bottom: 2em;
    /*padding-top: 2em;*/

}

.form-check-input {
    display:inline !important;
    width: auto !important; 
}

.informe_ficha input {

    width: auto !important;

}
.informe_ficha .form-check {

    padding: 0.2em !important;

}

.ocultar_tabla_informe {

    display: none;

}

/*
table {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.jsdragtable-contents {
    background: #fff;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    box-shadow: 2px 2px 5px #aaa;
    padding: 0;
}

.jsdragtable-contents table {
    margin-bottom: 0;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

tbody>tr>td,thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}


.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered>tbody>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>th {
    border-bottom-width: 2px;

}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}
        
.table-bordered>thead>tr>th.over {
    border: 2px dashed #000;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

th{
    cursor:move;
}*/


@media print {
    
    .sidebar, .ic_panel_main_nav, .main-menu, .footer {
        display: none;
    }
    .celda_titulo {
        color: #000;
    }
    #main, .content {

        margin-left: 0px !important;

    }
    .div_page_break {

        page-break-before: always;

    }
    
}

@media (max-width: 700px) {

    #mySidebar {

        width: 0px;

    }
    #main {

        margin-left: 0px;

    }
}