.k-grid {
    font-size: 10pt !important;
    font-family: calibri !important;
}
.k-grid td {
    line-height: 2em !important;
}
.k-state-selected, .k-link{
	padding:5px !important;
	font-size: 10pt !important;
	font-weight: bold !important;
}

.close{
	color:black;
}
 #pestanas {
    float: top;
    font-size: 3ex;
    font-weight: bold;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    position: relative;
    top: 137px;
    left: -566px;
}
#pestanas ul {
    margin-left: -40px;
}
#pestanas li {
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0px 2px -2px -0px;
    background: darkgrey;
    padding: 0px 20px 0px 20px;
}
#pestanas a:link {
    text-decoration: none;
    color: bisque;
}
#contenidopestanas {
    clear: both;
    background: dimgray;
    padding: 20px;
    width: 1025px;
    height: 800px;
} 

img.expando{ /*sample CSS for expando images. Not required but recommended*/
	border: none;
	vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
	} 

.k-link{
	font-size: 10pt;
	font-weight: bold;
	color: #4A93C6 !important;
}
.k-dropdown-wrap > .k-input{
	height:20px !important;
	font-size: 12pt !important;
}
.k-select{
	width:20px !important;
	height:20px !important;
	font-size: 12pt !important;
}
.k-pager-wrap .k-link, .k-pager-wrap .k-state-selected {
	padding: .5em;
	width: -webkit-23px !important;
	width: 23px !important;
	height: -webkit-23px !important;
	height: 23px !important;
	line-height: -webkit-23px !important;
	line-height: 23px !important;
}
.k-pager-first, .k-pager-last{
	display: none !important;
}
.k-state-selected{
	z-index: 1 !important;
}
.k-pager-info{
	font-size: 12pt !important;
	color: #565656 !important;
}
.k-alt{
	background-color: rgba(0,0,0,0.1);
}
/*regla para ponerle un color de select al row seleccionado*/
tr.k-state-selected{	
	outline: 1px solid rgb(30, 114, 142) !important;
}
a[data-page]{
	width:20px !important;
	height:20px !important;
	font-size: 12pt !important;
	color: #1E728E !important;
	font-weight: bold;
}
.k-pager-numbers > li > span.k-state-selected{
	width:20px !important;
	height:20px !important;
	font-size: 12pt !important;
	color: #3C3B3B !important;
	font-weight: bold;
	background-color: #55A9FF;
	margin-left:1px !important;
	margin-right:1px !important;
}
td[role=gridcell]{
	font-size: 10pt;
}


.modal-header{
	background-color: #4D4D4D !important;
	color: white !important;
}
.input-group .form-control{
	z-index: 1 !important;
}
.title-table{
	font-size: 12pt;
	cursor: pointer !important;
}
textarea{
	resize:none;
}
#link:hover{
	text-decoration: none;
	color:white;
}
#link{
	color:white;
}
.botonEditar{
	color:#59B3FF;
}


.boton{
    background: white !important;
}
.ocultar{
	display:none !important;
}
.mensaje{
	color: #3D3D3D;
	font-size: 11pt;
	margin-top: 10px;
}
.info{
	font-size: 10pt;
	color: #BDBDBD;
}
#page-header{
	background-color: white !important;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,1) !important;
box-shadow: 0px 1px 5px 0px rgba(0,0,0,1) !important;
}
#header{
	background-color: #455264 !important;
	color:white !important;
}
.navbar-right li a{
	color: #D3D1D1 !important;
	text-shadow: -2px -2px 2px #000;
}
.navbar-right li a:hover{
	background-color: #303844 !important;
}
.navbar-right li a:focus{
	background-color: #303844 !important;
}
.margin-bottom-10{
		margin-bottom: 16px !important;
}
.toggle-sidebar a{
	color: #D3D1D1 !important;
	text-shadow: -1px -1px 2px #000;
}
.toggle-sidebar a:hover{
	background-color: #303844 !important;	
}
.toggle-sidebar a:focus{
	background-color: #303844 !important;	
}

/*reglas de medias querys para responsividad del sitio*/
@media (max-width: 500px) { 
	.k-pager-info{
		font-size: 8pt !important;
		color: #565656 !important;
	}
}
@media (min-width: 800px) { 
	.modal-xl{
		width:750px !important;
	}
}
@media (min-width: 900px) { 
	.modal-xl{
		width:850px !important;
	}
}
@media (min-width: 1000px) { 
	.modal-xl{
		width:1000px !important;
	}
}
@media (min-width: 1024px) {
  .padding-left-none{
	padding-left: 0px !important;
	}
}
@media (max-width: 1024px) {
  .margin-bottom-10{
		margin-bottom: 16px !important;
	}
}
@media (min-width: 1300px) { 
	.modal-xl{
		width:1200px !important;
	}
}
@media (min-width: 1400px) { 
	.modal-xl{
		width:1200px !important;
	}
}
@media (max-height: 790px) {
  	#footer{
		position:static !important;
		bottom: 0px !important;
	}
}