﻿.gaia-logo-navbar {
    width: 233px;
}

.gaia-window .k-dialog-titlebar.k-header.k-window-titlebar {
    targets the entire titlebar background: #2D2981;
}

.k-dialog-titlebar {
    background: #2D2981;
}

.k-dialog .k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: #2D2981;
}

.k-dialog .k-dialog-button-layout-stretched .k-button.k-primary:focus, .k-dialog-button-layout-stretched .k-button.k-primary.k-state-focused {
    box-shadow: none;
}

.k-dialog .k-dialog-button-layout-stretched .k-button:focus, .k-dialog-button-layout-stretched .k-button.k-state-focused {
    box-shadow: none;
}

.k-dialog .k-button.k-primary:hover, .k-button.k-primary.k-state-hover {
    border-color: #2D2981;
    color: #ffffff;
    background-color: #2D2981;
    background-image: none;
}

.k-checkbox {
    border-color: rgba(0, 0, 0, 0.08);
    color: transparent;
    background-color: #bcdafb;
}

    .k-checkbox:checked, .k-checkbox.k-checked {
        border-color: #2D2981;
        color: #ffffff;
        background-color: #2D2981;
    }

/*.k-button.k-flat {
    color: white;
}

    .k-button.k-flat:hover {
        color: white;
    }

    .k-button.k-flat:active {
        color: white;
    }

    .k-button.k-flat:focus {
        color: white;
    }
*/
.update-button {
    position: relative;
    color: white;
    font: bold;
    font-size: 20px;
    background: #4BB3D2;
    border-radius: 10px;
    margin-right: 15px;
}

.update-button-red {
    position: relative;
    color: white;
    font: bold;
    font-size: 20px;
    background: #ff6a00;
    border-radius: 10px;
    margin-right: 15px;
}



.cancel-button {
    position: relative;
    color: white;
    font: bold;
    font-size: 20px;
    background: #FBB9AA;
    border-radius: 10px;
    margin-right: 15px;
}

.grid-button {
    background-color: #4bb3d2;
    color: white;
}

    .grid-button:hover {
        background-color: #29293d;
        color: white;
    }

.grid-button-red {
    background-color: darkorange;
    color: white;
}

    .grid-button-red:hover {
        background-color: #29293d;
        color: white;
    }

.gaia-form {
    background: #F5F5F5;
    border: 1px solid #2F297F;
    box-sizing: border-box;
    box-shadow: 3px 2px 7px 2px rgba(0, 0, 0, 0.22);
}

.gaia-form-inedit {
    background: #F5F5F5;
    border: 4px solid #7f2956;
    box-sizing: border-box;
    box-shadow: 3px 2px 7px 2px rgba(0, 0, 0, 0.22);
}

.k-calendar-view {
    width: auto !important;
}

.wrapper {
    height: 30px;
    max-width: 100%;
    overflow: hidden;
    color: white;
}

.marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 60s linear infinite;
}

    .marquee:hover {
        animation-play-state: paused;
    }

    .marquee p {
        display: inline-block;
    }

    .marquee pre {
        display: inline-block;
    }

@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
