.webixappstart{
    opacity:0;
}
.webixapp{
    transition: opacity 500ms;
    opacity: 1;
}

/*data loading status*/
.status_good, .status_error, .status_saving{
	text-align: center;
	margin-left:-12px;
}
.status_error{
	color:red;
}
.status_good{
	color:green;
}

/*login form*/
.invalid_login .webix_header > div{
    background: #FC3636;
    transition: background 1s;
}
.invalid_login{
    -webkit-animation: formshake .5s linear;
}
@-webkit-keyframes formshake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
    }
    25%, 58% {
        -webkit-transform: translateX(10px);
    }
    75% {
        -webkit-transform: translateX(-5px);
    }
    92% {
        -webkit-transform: translateX(5px);
    }
    0%, 100% {
        -webkit-transform: translateX(0);
    }
}

/* sync status */
.status_good{
	color:#ddd;
}

/* chat */

.chat {
    width: 280px;
}

.bubble{
    background-color: #DCEDFA;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #DCEDFA;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
    -moz-transform:    rotate( 29deg ) skew( -35deg );
    -ms-transform:     rotate( 29deg ) skew( -35deg );
    -o-transform:      rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.me {
    float: left;
    margin: 5px 45px 5px 20px;
    background-color: #DCEDFA;
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;
}

.you {
    float: right;
    margin: 5px 20px 5px 45px;
    background-color: #bafcd0;
}

.you::before {
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -9px;
    background-color: #bafcd0;
}

.color_row_1{
	background-color:#e8cdb9;
	color:#000;
}

.color_row_2{
	background-color:#e3b38f;
	color:#000;
}

.color_row_3{
	background-color:#e0a274;
	color:#000;
}

.color_row_4{
	background-color:#e09056;
	color:#fff;
}

.color_row_5{
	background-color:#dc5d00;
	color:#fff;
}

.color_row_6{
	background-color: #90c3dc;
	color:#fff;
}


/*header*/
.login-header-style-2{
    width:100%;
    font-family: 'Orbitron', serif;
    font-size: 10px;
    color:#ffffff
}

.login-header-style-1{
    width:100%;
    font-family: 'Orbitron', serif;
    font-size: 20px;
    color:#ffffff
}

.main-header-style-1{
    width:100%;
    font-family: 'Orbitron', serif;
    font-size: 32px;
    color:#ffffff
}

.main-header-style-2{
    width:100%;
    font-family: 'Orbitron', serif;
    font-size: 18px;
    color:#ffffff
}

.draft .webix_template .title{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:23px;
	font-weight: bold;
	-webkit-animation: rightThenLeft 4s linear;
}

.calendarTable{
    font-size: 9px;
}

.agendatooltip {
    border-radius: 8px;
    background: #3978C9;
    color: #fff;
    padding: 8px;
    width: auto;
    height: auto;
}

.color_row_agenda{
	background-color:#3978C9;
	color:#fff;
}

.color_row_agenda_desactivado{
	background-color:#FFFFFF;
	color:#FFFFFF;
}

.verdeOscuro{
	background-color: #277f4d;
	color: #fff;
}

.verde{
	background-color: #1bfe92;
	color: #fff;
}

.grisOscuro{
	background-color: #685d5d;
	color: #fff;
}

.amarillo{
	background-color: #f7d842;
	color: #fff;
}

.rojo{
	background-color: #f70909;
	color: #fff;
}

.naranja{
	background-color:#ff9d00;
	color:#ffff
}

.azul{
	background-color: #3978C9;
	color: #fff;
}

.purpura{
	background-color: #7b00ff;
	color:#fff
}

.cafe{
	background-color: #9b4500;
	color:#fff
}

.azulClaro{
	background-color: #9b4500;
	color:rgb(112, 226, 255)
}
.agendatooltip {
    border-radius: 8px;
    background: #3978C9;
    color: #fff;
    padding: 8px;
    width: auto;
    height: auto;
}

.azulBase{
	background-color:#114262;
	color: #fff;
    font-size: 9px;
}

.tableviewhover{
	background: #F0DCB6;
}

.bigfont{
    font-size: 75px;
}

.pagosFont{
    font-size: 30px;
    text-align: center;
}

.bigfont input{
    font-size:50px;
    font-weight: bold;
 }

 .lcdlayout.webix_layout_line {
    background-color:#00ff00
}
.monospaced_font.webix_el_textarea textarea{
     font-family: Courier, "Lucida Console", monospace;
     color: #000000; 
     background-color: #ffffff !important;
}


.dataview_mstyle
{
    border-radius: 10px;
}

.webix_message_area{
    top:initial !important;
    bottom: 1px;
    
}