.card h1 {
	border-left: 5px solid #116FBF;
	padding-left: 10px;
}

.badge-attendance {
	margin-right: 5px;
}
/* WIDTHS */
.w-5{
	width: 5% !important;
}

.w-10{
	width: 10% !important;
}

.w-15{
	width: 15% !important;
}

.w-20{
	width: 20% !important;
}

.w-30{
	width: 30% !important;
}

.w-35{
	width: 35% !important;
}

.w-40{
	width: 40% !important;
}

.w-45{
	width: 45% !important;
}

.w-55{
	width: 55% !important;
}

.w-60{
	width: 60% !important;
}

.w-65{
	width: 65% !important;
}

.w-70{
	width: 70% !important;
}

.w-80{
	width: 80% !important;
}

.w-85{
	width: 85% !important;
}

.w-90{
	width: 90% !important;
}

.w-95{
	width: 95% !important;
}
/* FOOTER */
.layout-main {
  position: relative;
  min-height: 100vh;
}

.layout-content {
	padding-bottom:  48px !important;
	position:relative;
    display:block;
}

.layout-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;            /* Footer height */
}

/* TABLAS */
.ui-datatable thead input {
	display: none !important;
}

.ui-cell-editor-input .pe-timepicker {
	width: 80% !important;
}
.ui-datatable .ui-datatable-data > tr > td {
    padding: .3rem !important;
}

.ui-datatable .ui-datatable-footer {
	text-align: right !important;
}

/* MENSAJES */
.ui-staticmessage {
	width: 100% !important;	
}


/* BADGE EXTENSION */
.ui-badge-top-right:before {
	top: 0px !important;
}
/* TIME PICKER */
.ui-widget-header {
    border: 1px solid #d9d9d9;
    color: #1b1d1f;
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f6f7f9),color-stop(100%,#ebedf0));
    background: -webkit-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
    background: -o-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
    background: -ms-linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
    background: linear-gradient(top,#f6f7f9 0,#ebedf0 100%);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d6d6d6;
    font-weight: normal;
}

body .ui-timepicker-table td a {
    color: #333;
    padding: 0.286em;
}

.ui-timepicker-table td a {
    display: block;
    padding: 0.2em 0.3em 0.2em 0.5em;
    width: auto !important;
    cursor: pointer;
    text-align: right;
    text-decoration: none;
}

.ui-timepicker-table td {
    padding: 0.286em !important;
}

.ui-timepicker-table td {
    padding: 0.1em;
    width: auto !important;
}

.loading-dialog {
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
}

.loading-dialog .ui-dialog-content{
	background: transparent !important;
	padding: 0px !important;
	border: 0px !important;
	border-radius: 25px !important;
}

@media screen and (max-width: 768px ) {
	.modalResponsive-60 { 
  		width: 90% !important;
  	} 
  	
  	.card-alert {
  		width: 308px;
  	}
}

@media screen and (min-width: 1024px ) {
  	.modalResponsive-60 { 
  		width: 60% !important; 
  	}
  	
  	.card-alert {
  		width: 760px;
  	}
}

.grid-modal {
	padding: 0 !important;
}
.input-modal {
	margin-bottom: 10px !important;
}

.borderLessGrid.ui-panelgrid>*>tr,
.borderLessGrid.ui-panelgrid .ui-panelgrid-cell {
    border: none;
}