/*
*	Resaltar menu hamburguesa
*/

.intermitente{

  border: 1px solid black;
  padding: 20px 20px;
  /*
  box-shadow: 0px 0px 20px;
  animation: infinite resplandorAnimation 2s;
  */
}

@keyframes resplandorAnimation {
  0%,100%{
    box-shadow: 0px 0px 20px;
  }
  50%{
  box-shadow: 0px 0px 0px;
  
  }

}


.link_menu_home{
	float: right; 
	font-weight:600;
}

.link_menu_home:hover{
	text-decoration:underline;
}

/*
* Datatable
*/
.dataTables_wrapper .dataTables_processing{
	background: #e1e1e1b0 !important;
	z-index: 1 !important;
	font-weight: bold !important;
	height: 95% !important;
	top: 2.5% !important;
}

.dt-buttons{
	display:block !important;
}

div.dt-buttons{
	width: 8.2%;
}

.trow_width{
	width:200px !important;
}

/*
* Alert
*/

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  border-radius: .25rem;
}


/*
* GENERALES
*/

body.drawer-open-left {
  margin-left: 0px !important;
}


/*
* AJAX
*/

.column_display_none{
	display:none;
}

/*
*
*/

.dt-button {
  border: none;
  background: #3cbcc3;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 10%;
}

.tile_count .tile_count_mini {
  /*
    margin-bottom: 20px;
    margin-top: 20px;
	*/
}

.tile_count .tile_stats_count {
  margin-bottom: 10px;
  border-bottom: 0;
  margin-top: 10px;
}

.tile_count .tile_stats_count {
  text-align: center;
  /*
    border-bottom: 1px solid #D9DEE4;
    padding: 0 10px 0 20px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
	*/
}

.tile_count .tile_stats_count span {
  font-size: 13px;
}

.tile_count .tile_stats_count .count {
  font-size: 40px;
}

.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 35px;
  font-weight: 600;
  padding-top: 5px;
}

.tile_count .tile_stats_count span {
  font-size: 13px;
}

.tile_count .tile_stats_count:first-child:before {
  border-left: none;
}

.tile_count .tile_stats_count::before {
  content: "";
  position: absolute;
  left: 0;
  height: 70px;
  border-left: 2px solid #adb2b5;
  margin-top: 10px;
}

.tile_count_mini .tile_stats_count_mini::before {
  content: "";
  position: absolute;
  left: 0;
  height: 55px;
  border-left: 2px solid #adb2b5;
  margin-top: 0px;
}
/*
* Tarjetas
*/

.x_title {
  border-bottom: 0px solid #a4a5a6;
  padding: 2px 5px 5px;
  margin-bottom: 10px;
  text-align: center;
}

.x_content {
  padding: 0 3px 6px;
  position: relative;
  width: 100%;
  /* float: left; */
  clear: both;
  margin-top: 5px;
  background: #f1f1f1;
  height:500px;
}

.widget_summary {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.widget_summary .w_left {
  float: left;
  text-align: left;
  font-size: 10px;
}
.w_25 {
  width: 25%;
}

.widget_summary .w_center {
  float: left;
}
.w_55 {
  width: 35%;
}

.font-10 {
  font-size: 10px;
}

.widget_summary .w_right {
  /* float: left; */
  /* text-align: right; */
  font-size: 10px;
  display: inline-flex;
  padding-left: 10px;
}
.w_20 {
  width: 20%;
}

/*
* Dashboard usuario C1
*/

.tit_tabla_1 {
  height: 60px;
  margin: auto;
  padding: 10px;
}

.div_check_tabla_1 {
  padding-top: 30px;
}

/*
* Generales
*/

.bg_color_totals {
  background: #12CDD4;
  min-height: 85px;
}

.bg_color_cards {
  background: #ffffff;
  padding: 10px;
  min-height: 500px;
  max-height: 500px;
  overflow: hidden;
}

.bg_color_cards_auto {
  background: #ffffff;
  text-align: left;
  padding: 10px;
}

.bg_color_cards_bar {
  background: #f1f1f1;
  padding: 0px;
  min-height: 440px;
  max-height: 440px;
  overflow: hidden;
}

.pd_cards {
  padding: 5px;
}

.progress-bar {
  font-size: 10px;
  line-height: 15px;
}

.progress {
  height: 1rem;
}

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

.x_title h6 {
  font-weight: 600;
  font-size: 22px;
  color: #808080;
}

a {
  color: #606060;
}
a:hover {
  color: #606060;
}

#region-main .card {
  overflow-x: hidden !important;
}

#example_filter {
  display: none;
}

.desc_titulos_largos {
  line-height: 18px;
  font-size: 14px;
  padding-top: 15px;
  height: 60px;
}

.txt_font_check {
  font-size: 12px;
  margin-top: -25px;
  display: block;
}

/* Grafica bar */
.font_bar_graf {
  font-size: 10px;
  font-weight: 600;
}

/*
* Estilos para modal campos extra
*/

.modal-header {
  background: #034768;
  color: #fff;
}

.list-group-item-ce {
  font-weight: 600;
  text-align: initial !important;
}

.list-group-item-ce:hover {
  background: #f1f1f1;
}

.modal-sm-local {
  width: 380px;
}

#msj_guardado {
  width: 75%;
  display: inline-block;
  text-align: left;
  font-weight: 600;
  display: none;
}



#page-header-2 .card {
  background: rgba(255, 255, 255, 0.5);
  background: linear-gradient(to right, #1c48a1 0%, #78ffeb 100%) left bottom
    rgba(255, 255, 255, 0.5) no-repeat;
  background-size: auto;
  padding-bottom: 3px;
  -webkit-background-size: 100% 3px;
  background-size: 100% 3px;
}

#page-header-2 {
  padding-bottom: 15px !important;
}

/*
* Boton negro
*/
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  font-weight: 700 !important;
  border-radius: 7px !important;
  padding: 8px 15px !important;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#div_permisos {
  padding-bottom: 10px;
}

.scroll_responsive {
  overflow: hidden;
}

/* Extra small devices (phones, 1024px and down) */
@media only screen and (max-width: 1024px) {
  .scroll_responsive {
    overflow: scroll;
  }
}

/* Small devices (portrait tablets and large phones, 400px and up) */
@media only screen and (max-width: 400px) {
  .scroll_responsive {
    overflow: scroll;
  }
}


/*
*
* Loader
*
*/
.loader {
            position: fixed;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            z-index: 9999;
            background-color: #F5F5F5;
        }
        .loader img{
            position: relative;
            left: 40%;
            top: 40%;
        }

th, td
	{
		text-align: center;
	}
	
input type[checkbox]
	{
		
	}
	
/*
*
*	
*
*/

	.select-cg{
		width: 100%;
		background: #fff;
		height: 35px;
	}
	
	.ins_modal{
		font-weight:bold;
	}
	
	.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;filter:alpha(opacity=20);opacity:.2}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
	
	.modal-body{
		height: 80vh;
		overflow-y: auto;
	}
	.modal-header {
		background: #fff !important;
		color: #000 !important;
	}
	
	.row-course-modal{
		padding: 5px;
	}
	
	.text-course-modal{
		font-size: 12px;
		padding-left: 2.5px;
	}
	
	#marcarTodo, #desmarcarTodo{
		text-decoration:underline;
	}
	
	.dropdown-menu {
		background: #fff;
		border: 1px solid #a1a1a1;
	}
	
/*
*	Gamificacion
*/



/* Style the tab */
.tab_gam {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab_gam button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 12px;
  width: 25%;
}

/* Change background color of buttons on hover */
.tab_gam button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab_gam button.active {
  background-color: #ccc;
}

/* Style the tab_gam content */
.tabcontent_gam {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tab_gam_title{
	margin-bottom: 0px;
	margin-top: 5px;
}

/*
*
*	Datatable
*
*/

.btn-success-excel{
	font-size: 70px !important;
	margin-left: 950%;
	margin-top: -140%;
}
.btn-success-file{
	font-size: 70px !important;
	margin-left: 485%;
	margin-top: -70%;
}

.dataTables_filter {
	display: block !important;
} 

.style_btn_exports{
	background: transparent !important;
	border: 0px solid red !important;
	color: #808080 !important;
	padding: 0px !important;
}


/*
*	Titulos secciones dataTables
*/

.div_title_left{
	width: 40%;
	float: left;
	text-align: center;
	font-size: 18px;
	background: #f1f1f1;
	padding: 15px;
	color: #000;
}
.div_title_right{
	width: 40%;
	float: right;
	text-align: center;
	font-size: 18px;
	background: #f1f1f1;
	padding: 15px;
	color: #000;
}

.div_title_active{
	border-bottom: 5px solid #11c7cd;
	padding-bottom: 10px;
}

.txt_checkbox{
	font-size: 12px;
}