html, body {
            height: 100%;
        }
        body.bck {
            background: url(../imagenes/bg4.jpg) no-repeat fixed 100% 100%;
        }
        .page-content {
            padding-top: 3.125rem;
            min-height: 100%;
            height: 100%;
        }
        .table .input-control.checkbox {
            line-height: 1;
            min-height: 0;
            height: auto;
        }

.display_none
{
	display:none;
}

.transparencia {
    position: fixed;
    /*display: none;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
    /*text-indent: -9999px;*/
}

.login-form {
            width: 360px;
            position: fixed;
            top: 30%;
            margin-top: -100px;
            left: 50%;
            margin-left: -180px;
            background-color: #fff;
            opacity: 0;
            -webkit-transform: scale(.8);
            transform: scale(.8);
        }

.mensaje {
        position: fixed;
        display: inline-block;
        box-shadow: 0 0 0px #616161;
        font-weight: 300;
        font-size: 20px;
        top: 60px;
        z-index: 1000;
        width: 60%;
        left: 20%;
    }

.mensaje .notify {
        max-width: 100% !important;
    }

.mensaje .cerrar-mensaje {
        position: absolute;
        display: block;
        top: 5px;
        right: 15px;
        cursor: pointer;
    }

        .mensaje .cerrar-mensaje:hover {
            opacity: 0.7;
        }

.dialogo {
    position: fixed;
    /*display: none;*/
    top: 35%;
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    z-index: 100;
    transform: translate(-50%,-50px%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

    .dialogo .cerrar-dialogo {
        position: absolute;
        display: block;
        top: 10px;
        right: 10px;
        cursor: pointer;
        z-index: 1;
    }

        .dialogo .cerrar-dialogo:hover {
            opacity: 0.7;
        }

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

.width-50 {
    width: 50%;
    top:50% !important;
    left:50% !important;
    /*margin-left: -25%;*/
}

.width-50c {
    width: 350px;
    top:50% !important;
    left:50% !important;
    margin-left: -350px !important;
}

#panel_loading
{
	    z-index:999;
	    position:fixed;
	    left:0;
	    top:0;
	    width:100%;
        height:100%;
	    background-color: rgba(0,0,0,0.5);
    }

        #panel_loading .loading
        {
	        position:absolute;
	        left:50%;
	        margin-left:-25px; 
	        top:0px; 
	        height:50px;
	        z-index:100;
	        width:50px; 
        }

            #panel_loading .loading #imagen
            {
	            position:relative; 
	            width:50px; 
	            height:50px; 
	            margin:0 auto; 
	            top:200px;
            }

.ajax__calendar {
    z-index: 2 !important;
}

.titulo-pagina {
    background-color: #fff;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: 10px 0 15px #e0e0e0;
    display: block;
    padding: 0px 15px;
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1;
}

    .titulo-pagina .titulo {
        position: relative;
        float: left;
    }

      .titulo-pagina .titulo > span:first-of-type {
        border: 0 !important;
        padding-right: 10px;
        padding-left: 0 !important;
        margin-right: 5px;
    }

    .titulo-pagina > .titulo > span:last-of-type {
        padding-left: 10px;
        border-left: 1px dotted #9e9e9e;
    }

.gridHeader th {
    padding: 10px;
    font-size: 14px;
    color: #fff !important;
    font-weight: normal;
    background-color: #333;
    text-align: center;
    text-transform: uppercase;
}

    .gridHeader th.sorting_asc, .gridHeader th.sorting_desc {
        color: #000 !important;
    }