body {
    
}

.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: 10;
        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%;*/
}

#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_container {
    z-index: 9999 !important;
    background-color: white;
}

.titulo-pagina {
    background-color: #fff;
    border-bottom: 1px solid #bdbdbd;
    box-shadow: 0 0 15px #e0e0e0;
    display: block;
    padding: 0px 15px;
    position: fixed;
    top: 50px;
    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;
    }


#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 350px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

.circle{
    width:100px;
    height:100px;
    border-radius:50px;
    font-size:20px;
    color:#fff;
    line-height:100px;
    text-align:center;
    background:#08019f;

}
.info{
    position:absolute;
    color:#777;
    margin-left:20px;
}

#fotterImg {
    margin-top: 50px;
    position: relative;
    left: 50%;
    margin-left: -190px;
    width: 380px;
}


.red-font {
	color: red;
	font-weight: bold;
}
.green-font {
	color: #60a917;
	font-weight: bold;
}
.blue-font {
	color: #00aff0;
	font-weight: bold;
}
.orange-font {
	color: #e3c800;
	font-weight: bold;
}

#penMode_btn, #touchMode_btn {
	display: none;
}