body {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 75%;
    background-color: #EFF8FF;
    margin: 0;
}

.content {
    position: relative;
    top: 80px;
}

#overlay {
    background-color: #EFF8FF;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 80px;
    z-index: 9;
}

.color-green {
    color: green;
}

.flex-row {
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.flex-1 {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.margin-left-10px {
    margin-left: 10px;
}

/*#region Busy Indicator */
#ajaxBusy {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: -1;
}

    #ajaxBusy img {
        width: 100px;
        height: 100px;
    }

#ajaxBusy-overlay {
    background-color: #BFDBFF;
    filter: alpha(opacity=0);
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
/*#endregion*/

/*#region NectariComponents header*/
.header {
    border-bottom: 4px solid #FFAE75;
    left: 0;
    right: 0;
    background-color: #BFDBFF;
    position: absolute;
    top: 0;
    box-shadow: 2px 2px 0 rgba(130, 154, 170, .5),4px 4px 0 rgba(165, 185, 200, .5);
}

    .header > img {
        height: 60px;
        padding: 5px;
    }

#toolbarContainer {
    width: 100%;
    height: 27px;
}

    #toolbarContainer > span {
        font-weight: bold;
        font-size: 20px;
        padding-left: 7px;
    }

#toolbar {
    z-index: 1000;
}
/*#endregion*/

/*#region Tooltips*/
.ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 5px 15px;
    color: white;
    border-radius: 20px;
    font: normal 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
    max-width: 500px;
}

.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .arrow.top {
        top: -16px;
        bottom: auto;
    }

    .arrow.left {
        left: 20%;
    }

    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }
/*#endregion*/

/* #region Kendo */

.k-grid td[role="gridcell"] .k-button {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2px 5px;
    min-width: 20px;
}

    .k-grid td[role="gridcell"] .k-button span {
        margin: 0;
    }

/* #endregion Kendo*/

.kendo-windowTitleBold {
    font-weight: bold;
}

.k-cleanFormatting {
    background-position: -288px -192px;
}

/*#region button */
.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
    text-decoration: none;
}

.button:active {
    position: relative;
    top: 1px;
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

    .blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #0095cc, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
    }

    .blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top, #0078a5, #00adee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
    }

    .blue:disabled {
        pointer-events: none;
        background: #005676;
        background: -webkit-gradient(linear, left top, left bottom, from(#0083b4), to(#00455f));
        background: -moz-linear-gradient(top, #0083b4, #00455f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0083b4', endColorstr='#00455f');
        color: darkcyan;
    }

.bigrounded {
    border-radius: 2em;
}

.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}

.small {
    font-size: 11px;
    padding: .35em .5em .3em;
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

    .white:hover {
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
        background: -moz-linear-gradient(top, #fff, #dcdcdc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    }

    .white:active {
        color: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
        background: -moz-linear-gradient(top, #ededed, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
    }

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

    .gray:hover {
        background: #616161;
        background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
        background: -moz-linear-gradient(top, #757575, #4b4b4b);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }

    .gray:active {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
    }

.k-edit-form-container .k-button.multilangBtn, .k-button.multilangBtn {
    margin-top: -2px;
    height: 22px;
}
/*#endregion */

.greenText {
    color: #00b700;
}

.redText {
    color: red;
}

.floatLeft {
    float: left;
}


/*#region ErrorPage*/

#StackTraceBox {
    border-bottom: 2px rgb(151, 77, 77);
    padding: 20px 5px;
}

/*#endregion ErrorPage*/
.error {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.advancedError {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-y: auto;
    max-height: 300px;
}

.redCenteredBoldMsg {
    color: red;
    font-weight: bold;
    font-size: large;
    margin: 0 100px;
}

.clearBoth {
    clear: both;
}

/* #region declare embedded fonts for Unicode support in kendo pdf export */
@font-face {
    font-family: "DejaVu Sans";
    src: url("kendo/web/fonts/DejaVu/DejaVuSans.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    src: url("kendo/web/fonts/DejaVu/DejaVuSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url("kendo/web/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    font-style: italic;
    src: url("kendo/web/fonts/DejaVu/DejaVuSans-Oblique.ttf") format("truetype");
}