﻿

/*
	Alinear Modal al Centro
	************************
*/

.modal-vertical-cargando {
	transform: translate(0, 100%) !important;
	-ms-transform: translate(0, 100%) !important; /* IE 9 */
	-webkit-transform: translate(0, 100%) !important; /* Safari and Chrome */
}

.modal-vertical-centered {
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 */
	-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

.modal-vertical-top {
	transform: translate(0, 25%) !important;
	-ms-transform: translate(0, 25%) !important; /* IE 9 */
	-webkit-transform: translate(0, 25%) !important; /* Safari and Chrome */
}

.modal-vertical-bottom {
	transform: translate(0, 75%) !important;
	-ms-transform: translate(0, 75%) !important; /* IE 9 */
	-webkit-transform: translate(0, 75%) !important; /* Safari and Chrome */
}


/*
	Cambiar Color al Modal
	************************
*/

.modal-header-primary {
	color: #ffffff;
	padding: 9px 15px;
	border-bottom: 1px solid #00579E;
	background-color: #00579E;
	font-size: 12px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


/*
	Cambiar el tamaño de letra a la grilla
	***************************************
*/


.k-grid {
	font-size: 11px !Important;
}

	.k-grid td {
		line-height: 2em;
		font-size: 11px;
	}

	.k-grid th {
		line-height: 2em;
		font-size: 11px;
	}

p:first-letter {
	text-transform: uppercase;
}

.form-control {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/*
	Quitar porcentaje al upload file
	*********************************
*/

.k-upload-pct {
	visibility: hidden;
	display: none;
}



/*
	Cambiar el color de las filas observadas
	*****************************************
*/
.observado_row {
	background-color: #FFCBCB;
}


/*
	Cambiar el color de las filas detalle - consumos
	*************************************************
*/
.consumos_row {
	background-color: #DFF0D8;
}


/*
	Cambiar el color del Footer Grilla
	*************************************************
*/
.tr.k-footer-plantilla td {
	background-color: #f00;
}


/*
	Cambiar el color del File Upload
	*************************************************
*/

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}

.btn-file-dt {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	background-color: transparent;
	color: transparent;
}


/*
	Cambiar el color del input file grilla download y remove
	*************************************************************
*/

.grid_download {
	vertical-align: middle;
	line-height: 2em;
	font-size: 11px;
}

.grid_remove {
	font-size: 11px;
	font-weight: bold;
	color: red;
	cursor: pointer;
}

.grid_remove {
	font-size: 11px;
	font-weight: bold;
	color: red;
	cursor: pointer;
}

	/* unvisited link */
	.grid_remove:link {
		color: red;
	}

	/* visited link */
	.grid_remove:visited {
		color: red;
	}

	/* mouse over link */
	.grid_remove:hover {
		color: red;
	}

	/* selected link */
	.grid_remove:active {
		color: red;
	}



/*
	Detalle de Grilla Expedientes
	*************************************************************
*/


.k-detail-cell .k-tabstrip .k-content {
	padding: 0.2em;
}

.employee-details ul {
	list-style: none;
	font-style: italic;
	margin: 15px;
	padding: 0;
}

.employee-details ul li {
		margin: 0;
		line-height: 1.7em;
	}

.employee-details label {
	display: inline-block;
	width: 90px;
	padding-right: 10px;
	text-align: right;
	font-style: normal;
	font-weight: bold;
}


/*
	Color de Botones otros
	****************************
*/

/* WHITE */
.btn-white { 
  color: #555555; 
  background-color: #FFFFFF; 
  border-color: #DBDBDE; 
} 
 
.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  color: #555555; 
  background-color: #FFFFFF; 
  border-color: #DBDBDE; 
} 
 
.btn-white:active, 
.btn-white.active, 
.open .dropdown-toggle.btn-white { 
  background-image: none; 
} 
 
.btn-white.disabled, 
.btn-white[disabled], 
fieldset[disabled] .btn-white, 
.btn-white.disabled:hover, 
.btn-white[disabled]:hover, 
fieldset[disabled] .btn-white:hover, 
.btn-white.disabled:focus, 
.btn-white[disabled]:focus, 
fieldset[disabled] .btn-white:focus, 
.btn-white.disabled:active, 
.btn-white[disabled]:active, 
fieldset[disabled] .btn-white:active, 
.btn-white.disabled.active, 
.btn-white[disabled].active, 
fieldset[disabled] .btn-white.active { 
  background-color: #FFFFFF; 
  border-color: #DBDBDE; 
} 
 
.btn-white .badge { 
  color: #FFFFFF; 
  background-color: #555555; 
}


/* TEAL */
.btn-teal { 
  color: #FFFFFF; 
  background-color: #009688; 
  border-color: #009688; 
} 
 
.btn-teal:hover, 
.btn-teal:focus, 
.btn-teal:active, 
.btn-teal.active, 
.open .dropdown-toggle.btn-teal { 
  color: #FFFFFF; 
  background-color: #009688; 
  border-color: #009688; 
} 
 
.btn-teal:active, 
.btn-teal.active, 
.open .dropdown-toggle.btn-teal { 
  background-image: none; 
} 
 
.btn-teal.disabled, 
.btn-teal[disabled], 
fieldset[disabled] .btn-teal, 
.btn-teal.disabled:hover, 
.btn-teal[disabled]:hover, 
fieldset[disabled] .btn-teal:hover, 
.btn-teal.disabled:focus, 
.btn-teal[disabled]:focus, 
fieldset[disabled] .btn-teal:focus, 
.btn-teal.disabled:active, 
.btn-teal[disabled]:active, 
fieldset[disabled] .btn-teal:active, 
.btn-teal.disabled.active, 
.btn-teal[disabled].active, 
fieldset[disabled] .btn-teal.active { 
  background-color: #009688; 
  border-color: #009688; 
} 
 
.btn-teal .badge { 
  color: #009688; 
  background-color: #FFFFFF; 
}


/* BLUE */

.btn-blue { 
  color: #FFFFFF; 
  background-color: #2196F3; 
  border-color: #2196F3; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #FFFFFF; 
  background-color: #2196F3; 
  border-color: #2196F3; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #2196F3; 
  border-color: #2196F3; 
} 
 
.btn-blue .badge { 
  color: #2196F3; 
  background-color: #FFFFFF; 
}

/* INDIGO */

.btn-indigo { 
  color: #FFFFFF; 
  background-color: #3F51B5; 
  border-color: #3F51B5; 
} 
 
.btn-indigo:hover, 
.btn-indigo:focus, 
.btn-indigo:active, 
.btn-indigo.active, 
.open .dropdown-toggle.btn-indigo { 
  color: #FFFFFF; 
  background-color: #3F51B5; 
  border-color: #3F51B5; 
} 
 
.btn-indigo:active, 
.btn-indigo.active, 
.open .dropdown-toggle.btn-indigo { 
  background-image: none; 
} 
 
.btn-indigo.disabled, 
.btn-indigo[disabled], 
fieldset[disabled] .btn-indigo, 
.btn-indigo.disabled:hover, 
.btn-indigo[disabled]:hover, 
fieldset[disabled] .btn-indigo:hover, 
.btn-indigo.disabled:focus, 
.btn-indigo[disabled]:focus, 
fieldset[disabled] .btn-indigo:focus, 
.btn-indigo.disabled:active, 
.btn-indigo[disabled]:active, 
fieldset[disabled] .btn-indigo:active, 
.btn-indigo.disabled.active, 
.btn-indigo[disabled].active, 
fieldset[disabled] .btn-indigo.active { 
  background-color: #3F51B5; 
  border-color: #3F51B5; 
} 
 
.btn-indigo .badge { 
  color: #3F51B5; 
  background-color: #FFFFFF; 
}

/* GRAY */

.btn-gray { 
  color: #FFFFFF; 
  background-color: #9E9E9E; 
  border-color: #9E9E9E; 
} 
 
.btn-gray:hover, 
.btn-gray:focus, 
.btn-gray:active, 
.btn-gray.active, 
.open .dropdown-toggle.btn-gray { 
  color: #FFFFFF; 
  background-color: #9E9E9E; 
  border-color: #9E9E9E; 
} 
 
.btn-gray:active, 
.btn-gray.active, 
.open .dropdown-toggle.btn-gray { 
  background-image: none; 
} 
 
.btn-gray.disabled, 
.btn-gray[disabled], 
fieldset[disabled] .btn-gray, 
.btn-gray.disabled:hover, 
.btn-gray[disabled]:hover, 
fieldset[disabled] .btn-gray:hover, 
.btn-gray.disabled:focus, 
.btn-gray[disabled]:focus, 
fieldset[disabled] .btn-gray:focus, 
.btn-gray.disabled:active, 
.btn-gray[disabled]:active, 
fieldset[disabled] .btn-gray:active, 
.btn-gray.disabled.active, 
.btn-gray[disabled].active, 
fieldset[disabled] .btn-gray.active { 
  background-color: #9E9E9E; 
  border-color: #9E9E9E; 
} 
 
.btn-gray .badge { 
  color: #9E9E9E; 
  background-color: #FFFFFF; 
}

/* BLUE GRAY */

.btn-bluegray { 
  color: #FFFFFF; 
  background-color: #607D8B; 
  border-color: #607D8B; 
} 
 
.btn-bluegray:hover, 
.btn-bluegray:focus, 
.btn-bluegray:active, 
.btn-bluegray.active, 
.open .dropdown-toggle.btn-bluegray { 
  color: #FFFFFF; 
  background-color: #607D8B; 
  border-color: #607D8B; 
} 
 
.btn-bluegray:active, 
.btn-bluegray.active, 
.open .dropdown-toggle.btn-bluegray { 
  background-image: none; 
} 
 
.btn-bluegray.disabled, 
.btn-bluegray[disabled], 
fieldset[disabled] .btn-bluegray, 
.btn-bluegray.disabled:hover, 
.btn-bluegray[disabled]:hover, 
fieldset[disabled] .btn-bluegray:hover, 
.btn-bluegray.disabled:focus, 
.btn-bluegray[disabled]:focus, 
fieldset[disabled] .btn-bluegray:focus, 
.btn-bluegray.disabled:active, 
.btn-bluegray[disabled]:active, 
fieldset[disabled] .btn-bluegray:active, 
.btn-bluegray.disabled.active, 
.btn-bluegray[disabled].active, 
fieldset[disabled] .btn-bluegray.active { 
  background-color: #607D8B; 
  border-color: #607D8B; 
} 
 
.btn-bluegray .badge { 
  color: #607D8B; 
  background-color: #FFFFFF; 
}

/* BLUE ACERO */

.btn-blueacero { 
  color: #FFFFFF; 
  background-color: #577492; 
  border-color: #577492; 
} 
 
.btn-blueacero:hover, 
.btn-blueacero:focus, 
.btn-blueacero:active, 
.btn-blueacero.active, 
.open .dropdown-toggle.btn-blueacero { 
  color: #FFFFFF; 
  background-color: #577492; 
  border-color: #577492; 
} 
 
.btn-blueacero:active, 
.btn-blueacero.active, 
.open .dropdown-toggle.btn-blueacero { 
  background-image: none; 
} 
 
.btn-blueacero.disabled, 
.btn-blueacero[disabled], 
fieldset[disabled] .btn-blueacero, 
.btn-blueacero.disabled:hover, 
.btn-blueacero[disabled]:hover, 
fieldset[disabled] .btn-blueacero:hover, 
.btn-blueacero.disabled:focus, 
.btn-blueacero[disabled]:focus, 
fieldset[disabled] .btn-blueacero:focus, 
.btn-blueacero.disabled:active, 
.btn-blueacero[disabled]:active, 
fieldset[disabled] .btn-blueacero:active, 
.btn-blueacero.disabled.active, 
.btn-blueacero[disabled].active, 
fieldset[disabled] .btn-blueacero.active { 
  background-color: #577492; 
  border-color: #577492; 
} 
 
.btn-blueacero .badge { 
  color: #577492; 
  background-color: #FFFFFF; 
}

/* JULIET */

.btn-juliet { 
  color: #FFFFFF; 
  background-color: #FFC107; 
  border-color: #FFC107; 
} 
 
.btn-juliet:hover, 
.btn-juliet:focus, 
.btn-juliet:active, 
.btn-juliet.active, 
.open .dropdown-toggle.btn-juliet { 
  color: #FFFFFF; 
  background-color: #FFC107; 
  border-color: #FFC107; 
} 
 
.btn-juliet:active, 
.btn-juliet.active, 
.open .dropdown-toggle.btn-juliet { 
  background-image: none; 
} 
 
.btn-juliet.disabled, 
.btn-juliet[disabled], 
fieldset[disabled] .btn-juliet, 
.btn-juliet.disabled:hover, 
.btn-juliet[disabled]:hover, 
fieldset[disabled] .btn-juliet:hover, 
.btn-juliet.disabled:focus, 
.btn-juliet[disabled]:focus, 
fieldset[disabled] .btn-juliet:focus, 
.btn-juliet.disabled:active, 
.btn-juliet[disabled]:active, 
fieldset[disabled] .btn-juliet:active, 
.btn-juliet.disabled.active, 
.btn-juliet[disabled].active, 
fieldset[disabled] .btn-juliet.active { 
  background-color: #FFC107; 
  border-color: #FFC107; 
} 
 
.btn-juliet .badge { 
  color: #FFC107; 
  background-color: #FFFFFF; 
}


/* GREEN */

.btn-green { 
  color: #FFFFFF; 
  background-color: #52A847; 
  border-color: #52A847; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #FFFFFF; 
  background-color: #52A847; 
  border-color: #52A847; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #52A847; 
  border-color: #52A847; 
} 
 
.btn-green .badge { 
  color: #52A847; 
  background-color: #FFFFFF; 
}



/* GREEN GRAY */

.btn-greengray { 
  color: #FFFFFF; 
  background-color: #AA9A66; 
  border-color: #AA9A66; 
} 
 
.btn-greengray:hover, 
.btn-greengray:focus, 
.btn-greengray:active, 
.btn-greengray.active, 
.open .dropdown-toggle.btn-greengray { 
  color: #FFFFFF; 
  background-color: #AA9A66; 
  border-color: #AA9A66; 
} 
 
.btn-greengray:active, 
.btn-greengray.active, 
.open .dropdown-toggle.btn-greengray { 
  background-image: none; 
} 
 
.btn-greengray.disabled, 
.btn-greengray[disabled], 
fieldset[disabled] .btn-greengray, 
.btn-greengray.disabled:hover, 
.btn-greengray[disabled]:hover, 
fieldset[disabled] .btn-greengray:hover, 
.btn-greengray.disabled:focus, 
.btn-greengray[disabled]:focus, 
fieldset[disabled] .btn-greengray:focus, 
.btn-greengray.disabled:active, 
.btn-greengray[disabled]:active, 
fieldset[disabled] .btn-greengray:active, 
.btn-greengray.disabled.active, 
.btn-greengray[disabled].active, 
fieldset[disabled] .btn-greengray.active { 
  background-color: #AA9A66; 
  border-color: #AA9A66; 
} 
 
.btn-greengray .badge { 
  color: #AA9A66; 
  background-color: #FFFFFF; 
}


/* GREEN BLUE*/

.btn-greenblue { 
  color: #FFFFFF; 
  background-color: #28716C; 
  border-color: #28716C; 
} 
 
.btn-greenblue:hover, 
.btn-greenblue:focus, 
.btn-greenblue:active, 
.btn-greenblue.active, 
.open .dropdown-toggle.btn-greenblue { 
  color: #FFFFFF; 
  background-color: #28716C; 
  border-color: #28716C; 
} 
 
.btn-greenblue:active, 
.btn-greenblue.active, 
.open .dropdown-toggle.btn-greenblue { 
  background-image: none; 
} 
 
.btn-greenblue.disabled, 
.btn-greenblue[disabled], 
fieldset[disabled] .btn-greenblue, 
.btn-greenblue.disabled:hover, 
.btn-greenblue[disabled]:hover, 
fieldset[disabled] .btn-greenblue:hover, 
.btn-greenblue.disabled:focus, 
.btn-greenblue[disabled]:focus, 
fieldset[disabled] .btn-greenblue:focus, 
.btn-greenblue.disabled:active, 
.btn-greenblue[disabled]:active, 
fieldset[disabled] .btn-greenblue:active, 
.btn-greenblue.disabled.active, 
.btn-greenblue[disabled].active, 
fieldset[disabled] .btn-greenblue.active { 
  background-color: #28716C; 
  border-color: #28716C; 
} 
 
.btn-greenblue .badge { 
  color: #28716C; 
  background-color: #FFFFFF; 
}

/* BROWN*/

.btn-brown { 
  color: #FFFFFF; 
  background-color: #D07C40; 
  border-color: #D07C40; 
} 
 
.btn-brown:hover, 
.btn-brown:focus, 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  color: #FFFFFF; 
  background-color: #D07C40; 
  border-color: #D07C40; 
} 
 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  background-image: none; 
} 
 
.btn-brown.disabled, 
.btn-brown[disabled], 
fieldset[disabled] .btn-brown, 
.btn-brown.disabled:hover, 
.btn-brown[disabled]:hover, 
fieldset[disabled] .btn-brown:hover, 
.btn-brown.disabled:focus, 
.btn-brown[disabled]:focus, 
fieldset[disabled] .btn-brown:focus, 
.btn-brown.disabled:active, 
.btn-brown[disabled]:active, 
fieldset[disabled] .btn-brown:active, 
.btn-brown.disabled.active, 
.btn-brown[disabled].active, 
fieldset[disabled] .btn-brown.active { 
  background-color: #D07C40; 
  border-color: #D07C40; 
} 
 
.btn-brown .badge { 
  color: #D07C40; 
  background-color: #FFFFFF; 
}


/*
	Botones Detalle Expedientes
	****************************
*/
.verDetalle_row {}
.Actualizar_row {}
.Historico_row {}
.deleteCITT_row {}
.CITT_row { text-transform:uppercase;}
.NIT_row { text-transform:uppercase;}
.EXP_row { text-transform:uppercase;}
.RBTOP_row {}
.RBTIT_row {}

.TOTAL_I_row {
background-color:white;
text-align: right!Important;
color: #515967!Important; 
font-weight:600;
}

.NIT_check {}