@font-face {
    font-family : "Source Sans Pro";
    src         : url("SourceSansPro-Regular.ttf.woff2") format("woff2"), url("SourceSansPro-Regular.ttf.woff") format("woff");
    font-weight : 400;
}

body {
    visibility  : unset;
    font-family : "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    font-size   : 15px;
    margin      : 0;
}

body #app > header {
    padding             : 1.5em .5em 1.5em 4em;
    background          : url(../../../../_shared/images/logo_bryntum_bw.png) #2196f3;
    background-repeat   : no-repeat;
    background-size     : 30px;
    background-position : center left 1.5em;
    display             : flex;
}

body #app > header h1 {
    margin      : 0;
    font-size   : 1.5em;
    color       : #fff;
    font-weight : normal;
    flex        : 1;
    align-self  : center;
}
 

body #app > header a {
    color           : inherit;
    text-decoration : none;
}

body #app > header button {
    width         : 2.8em;
    background    : #8bc34a;
    border        : none;
    color         : #fff;
    cursor        : pointer;
    font-size     : 1em;
    font-family   : "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
    border-radius : 2px;
    margin-right  : .5em;
}

body #app > header button:hover {
    background : #9ccc65;
}

body #app > header button:active {
    background : #9ccc65;
}

body #app > header button:disabled {
    background : #ccbdb8 !important;
    cursor     : default;
}

body #app > header button.red {
    background : #f44336;
}

body #app > header button.red:hover {
    background : #ef5350;
}

body #app > header .sel-event {
    margin-right : 2em;
    align-self   : center;
    color        : #fff;
}

body #app > header .sel-event span {
    font-size : 1.1em;
}

body #app > header .barmargin label {
    color        : #fff;
    margin-right : .5em;
}

body #app > header .barmargin input {
    font-size     : 1em;
    font-family   : inherit;
    padding       : .7em;
    border-radius : 2px;
    border        : none;
    margin-right  : .5em;
}

body #app {
    height : 100%;
}

.b-sch-event:not(.b-sch-event-milestone) .b-fa {
    margin-right : 0.5em;
    font-size    : 1.5em;
}

.b-sch-range {
    background : repeating-linear-gradient(-55deg, #ddd, #ddd 10px, #eee 5px, #eee 20px);
    opacity    : 0.5;
}

.info {
    flex-direction : column;
}

.desc {
    font-size   : .8em;
    font-weight : 300;
}
 .Rowunassign{
 background : #e3eaec;
 }