/*
 * Redefining jsGrid
 *
 * jsGrid v1.1.0 (http://js-grid.com)
 * (c) 2015 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */


.jsgrid
{
    margin-left: 10px;
    margin-top: 5px;
    font-family: Verdana;
    font-size: 11px;
}

.jsgrid-grid-header
{
    overflow-y: hidden;
}

.jsgrid-grid-body
{
    overflow-y: hidden;
}

.jsgrid-header-row > th
{
    background: #e0f5ff;
}

.jsgrid-row > td
{
    /*background: #fcfcfc;*/
    background: #5656ac;
}

.jsgrid-alt-row > td
{
    /*background: #edebf2;*/
    background: #ff0000;
}

.jsgrid-alt-row .jsgrid-cell
{
    /*background: #edebf2;*/
    background: #e2e7e8;
}

.jsgrid-pager, jsgrid-pager-page
{
    background-color: #e9cd33;
    color: #000000;
}

.jsgrid-pager-nav-button, jsgrid-pager-container
{
    color: #7a6c27;
}


/*
 * Redefining Jquery UI
 *
 */
.ui-datepicker-trigger
{
    position: absolute;
    margin-left: 3px;
    margin-top: 5px;
}

.ui-spinner
{
    height: 18px;
    margin-left: 6px;
    border: 1px solid #acacac;
    border-radius: 0;
}

.ui-dialog {
    border-left: 1px solid #5656ac;
    border-right: 1px solid #5656ac;
    border-bottom: 1px solid #5656ac;
    background-color: transparent;
}

.ui-dialog-content
{
    background-color: #c3e4f3;
}

.ui-widget-content
{
    background-color: #e6eaed;
}

.ui-dialog-titlebar
{
    display: none;
}

.ui-widget-overlay
{
    background: #d9b868;
}

.cl-ui-dialog .ui-corner-all
{
    border-radius: 4px;
    border: 2px solid #5656ac;
}

.cl-settings-tab
{
    min-height: 300px;
}

.ui-tabs-panel /* just in case you want to change the panel */
{
    background: blue;
}

.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */
{
    background: #e2e7e8;
    border-radius: 3px ;
}

.ui-tabs .ui-tabs-nav li
{
    display: inline-block;
    min-width: 60px;
    width: auto;
}

    .ui-tabs .ui-tabs-nav li a
    {
        font-family: Verdana;
        font-size: 11px !important;
    }

.ui-tabs-panel /* just in case you want to change the panel */
{
    background: blue;
}
.ui-datepicker-trigger
{
    margin-top: 5px;
    vertical-align: top;
}

/*
 * Redefining Quill
 *
 */

#quillContainer
{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 430px;
    background-color: lightskyblue;
}

#quillEditor
{
    height: 90%;
    background: aliceblue;
}