@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,200i,300,300i,400,400i,600,600i,700,700i,900');

* {
    font-family: 'Titillium Web', sans-serif;
}

.container, .container-fluid {
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar.navbar-custom {
    border-radius: 0;
    min-height: 0;
    border: none;
}

    .navbar.navbar-custom .container-fluid {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar.navbar-custom .navbar-brand {
        height: auto;
        padding: 0 15px;
    }

    .navbar.navbar-custom h4.navbar-text {
        margin: 0;
        line-height: 30px;
        color: #f7f7f7;
    }

.grid {
    width: auto;
    height: 200px;
    margin: 15px;
}

.ui-grid-viewport {
    max-width: 100%;
}

.btn.btn-spaced {
    margin-right: 15px;
}

.input-group-addon.top-input-group-addon,
.input-group-addon.top-input-group-addon:first-child {
    display: inline-table;
    border-right: 1px solid #ccc;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0;
    padding: 9px 12px;
}

.ql-toolbar.ql-snow {
    background: #f7f7f7;
}

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background: #666;
    color: #fff;
}

.ql-editor {
    min-height: 250px;
}

.ql-showHtml:after {
  content: "[source]";
}