body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
}

.dx-gridbase-a11y-status-container {
    width: 0;
    height: 0;
    overflow: hidden;
}

.dx-texteditor-input{
    font-size:12px;
}

.bottom-toolbar {
    padding: 7px 10px;
    border-top: 1px solid rgba(0,0,0,.10);
    background-color: #f7f7f7;
}

.navigation-toolbar-container {
    padding: 7px 10px;
    border-bottom: 1px solid rgba(0,0,0,.10);
    background-color: #f7f7f7;
}

    .navigation-toolbar-container .dx-toolbar {
        background-color: transparent;
    }   

.tee-times-toolbar-container {
    padding: 7px 10px;
    border-bottom: 1px solid rgba(0,0,0,.10);
    background-color: #f7f7f7;
}

    .tee-times-toolbar-container .dx-toolbar {
        background-color: transparent;
    }

/*#region App Toolbar*/
.app-toolbar-container {
    flex-direction: column;
    display: flex;
    height: 100%;
    width: 100%;
}

    .app-toolbar-container .dx-toolbar {
        background-color: transparent;
    }

    .layout-header {
        flex: 0 0 auto;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
        position: relative;
        z-index: 1501;
        padding: 7px 10px;
        border-bottom: 1px solid rgba(0,0,0,.10);
        background-color: #f7f7f7;
    }

        .layout-header .header-logo {
            width: 40px;
        }

    .app-toolbar-container .main-title {
        display: inline-block;
        vertical-align: middle;
        text-decoration: none !important;
    }

        .app-toolbar-container .main-title:hover {
            /*color: #03a9f4 !important;*/
        }

        .app-toolbar-container .main-title .main-title-icon {
            font-size: 30px !important;
            padding-right: 10px;
            vertical-align: middle;
        }

        .app-toolbar-container .main-title .main-title-content {
            /*color: #5f6368 !important;*/
            display: inline-block;
            font-size: 22px !important;
            line-height: 24px !important;
            position: relative;
            vertical-align: middle;
        }
/*#endregion*/

/*#region Card*/
.tdt-card {
    display: flex;
    flex-direction: column;
}

    .tdt-card a {
        text-decoration: none;
    }

        .tdt-card a:hover {
            text-decoration: none;
        }

    .tdt-card .tdt-card-content {
        display: flex;
        border: 1px solid #dadce0;
        border-bottom: none;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

        .tdt-card .tdt-card-content .tdt-card-body {
            min-height: 100px;
            padding: 24px;
            padding-bottom: 14px;
        }

            .tdt-card .tdt-card-content .tdt-card-body .tdt-card-icon {
                font-size: 96px;
                color: #03a9f4;
                display: block;
            }

            .tdt-card .tdt-card-content .tdt-card-body .tdt-card-title {
                font-family: Roboto,Arial,sans-serif;
                line-height: 1.75rem;
                font-size: 1.375rem;
                letter-spacing: 0;
                font-weight: 400;
                hyphens: auto;
                word-break: break-word;
                word-wrap: break-word;
                color: #fff;
            }

            .tdt-card .tdt-card-content .tdt-card-body .tdt-card-description {
                font-family: Roboto,Arial,sans-serif;
                font-size: 0.875rem;
                font-weight: 400;
                letter-spacing: 0.01428571em;
                line-height: 1.25rem;
                hyphens: auto;
                word-break: break-word;
                word-wrap: break-word;
                color: #fff;
                flex-grow: 1;
                flex-shrink: 1;
                margin: 0;
                padding: 8px 0 0;
            }

    .tdt-card .tdt-card-footer {
        border: 1px solid #dadce0;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        padding: 14px 24px;
        font-family: Roboto,Arial,sans-serif;
        font-size: 0.875rem;
        font-weight: 500;
        letter-spacing: 0.00714286em;
        line-height: 1.25rem;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        color: #fff;
    }

        .tdt-card .tdt-card-footer:hover {
            cursor: pointer;
            background-color: #faf7f7;
            color: #03a9f4;
        }
/*#endregion Card */

/*#region Content*/
.tdt-content-container {
    margin: 0;
}

    .tdt-content-container h1 {
        font-family: Roboto,Arial,sans-serif;
        line-height: 2.25rem;
        font-size: 1.75rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
        text-align: center;
    }

    .tdt-content-container h2 {
        font-family: Roboto,Arial,sans-serif;
        line-height: 1.75rem;
        font-size: 1.375rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-content-container p {
        font-family: Roboto,Arial,sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        letter-spacing: 0.01785714em;
        line-height: 1.25rem;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(95,99,104);*/
        margin-top: 16px;
        text-align: center;
    }

    .tdt-content-container .main-label {
        font-family: 'Open Sans',Arial,sans-serif;
        line-height: 1.0rem;
        font-size: .9rem;
        letter-spacing: 0;
        font-weight: 600;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-content-container .sub-label {
        font-family: 'Open Sans',Arial,sans-serif;
        line-height: 1.4rem;
        font-size: .85rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgba(0,0,0,.8);*/
        font-style: italic;
    }

    .tdt-content-container .tdt-page-title-wrapper {
    }

        .tdt-content-container .tdt-page-title-wrapper .tdt-page-title-header {
            font-family: 'Lato',Arial,sans-serif;
            line-height: 1.3rem;
            font-size: 1.25rem;
            letter-spacing: 0;
            font-weight: 500;
            hyphens: auto;
            word-break: break-word;
            word-wrap: break-word;
            /*color: rgb(32,33,36);*/
        }

        .tdt-content-container .tdt-page-title-wrapper .tdt-page-title-description {
            font-family: 'Lato',Arial,sans-serif;
            font-size: 16px;
            font-weight: 400;
            letter-spacing: 0;
            line-height: 24px;
            hyphens: auto;
            word-break: break-word;
            word-wrap: break-word;
            /*color: rgb(95,99,104);*/
            text-align: center;
        }

    .tdt-content-container .tdt-details-container {
        border: 1px solid #dadce0;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
        padding: 24px;
    }

    .tdt-content-container .tdt-details-container-lg {
        max-width: 1000px;
    }

    .tdt-content-container .tdt-details-container .dx-datagrid-header-panel {
        border-bottom: none;
    }

    .tdt-content-container .tdt-details-container .dx-button.dx-button-default {
        /*background-color: #337ab7;*/
    }

        .tdt-content-container .tdt-details-container .dx-button.dx-button-default.dx-state-hover {
            /*background-color: #296293;*/
        }

    .tdt-content-container .tdt-details-container .tdt-details-section-header {
        font-family: 'Lato',Arial,sans-serif;
        line-height: 1.25rem;
        font-size: 1.1rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-content-container .tdt-details-container .tdt-details-section-description {
        font-family: 'Open Sans',Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(95,99,104);*/
        margin: 0;
        padding: 8px 0 0;
    }

    .tdt-content-container .tdt-details-container .tdt-details-data-container {
        width: 100%;
    }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row {
            display: flex;
            height: 100%;
            padding-top: 15px;
            padding-bottom: 16px;
            border-top: 1px solid #dadce0;
        }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row.tdt-details-data-row-top {
                border-top: none;
            }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row.tdt-details-data-row-border-none {
                border: none;
            }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container.tdt-details-data-row-container-editable.tdt-details-data-row-container-mouseover,
        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container.tdt-details-data-row-container-link.tdt-details-data-row-container-mouseover {
            /*background-color: rgba(0,0,0,.04);*/
            cursor: pointer;
            border-top: 1px solid #dadce0;
            border-bottom: 1px solid #dadce0;
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container.tdt-details-data-row-container-editable-top.tdt-details-data-row-container-mouseover {
            /*background-color: rgba(0,0,0,.04);*/
            cursor: pointer;
            border-bottom: 1px solid #dadce0;
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container.tdt-details-data-row-container-editable-bottom.tdt-details-data-row-container-mouseover {
            /*background-color: rgba(0,0,0,.04);*/
            cursor: pointer;
            border-top: 1px solid #dadce0;
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-label-cell {
            display: flex;
            align-items: center;
            text-align: left;
            width: 200px;
        }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-label-cell .tdt-details-data-label-cell-value {
                font-family: Roboto;
                font-weight: 500;
                line-height: 1.25rem;
                /*color: #202124;*/
                font-size: .875rem;
            }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell {
            display: flex;
            align-items: center;
            flex-grow: 1;
        }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell img {
                max-width: 75px;
                max-height: 75px;
            }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .tdt-details-data-content-cell-value {
                font-size: .875rem;
                font-family: Roboto;
                font-weight: 400;
                line-height: 1.25rem;
                /*color: #202124;*/
            }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-img-cell {
            display: flex;
            align-items: center;
        }

            .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-img-cell .dx-icon {
                font-size: 24px;
                line-height: 1.25rem;
                /*color: #202124;*/
            }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .dx-button-mode-text.dx-state-hover {
            /*background-color: inherit;*/
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .dx-button {
            height: auto;
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-button-content {
            padding: 0;
        }

        .tdt-content-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .dx-button-text {
            text-transform: none;
        }

    .tdt-content-container .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
        border-radius: 0;
    }
/*#endregion*/

/*#region Data Grid*/
.tdt-data-grid .main-label {
    font-family: 'Open Sans',Arial,sans-serif;
    line-height: 1.0rem;
    font-size: .9rem;
    letter-spacing: 0;
    font-weight: 600;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    /*color: rgb(32,33,36);*/
}

    .tdt-data-grid .main-label:hover {
        /*color: rgb(32,33,36);*/
    }

.tdt-data-grid .sub-label {
    font-family: 'Open Sans',Arial,sans-serif;
    line-height: 1.4rem;
    font-size: .85rem;
    letter-spacing: 0;
    font-weight: 400;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    /*color: rgba(0,0,0,.8);*/
    font-style: italic;
}

.tdt-data-grid .dx-header-row {
    /*background-color: rgba(0,0,0,.1);*/
}

.tdt-data-grid .dx-datagrid-headers {
    /*color: rgba(0,0,0,.6);*/
}

    .tdt-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
        background-color: transparent;
    }

    .tdt-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
        /*color: rgba(0,0,0,.6);*/
    }

    .tdt-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort,
    .tdt-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
    .tdt-data-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
        /*color: rgba(0,0,0,.6);*/
    }

.tdt-data-grid .dx-datagrid .dx-link {
    /*color: rgba(0,0,0,.87);*/
}

.tdt-data-grid .dx-datagrid .dx-row.dx-header-row > td {
    padding: 12px 12px 12px 0px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: .9rem;
    letter-spacing: 0;
    font-weight: 600;
    /*color: rgb(32,33,36);*/
}

.tdt-data-grid .dx-datagrid .dx-row > td {
    padding: 12px 12px 12px 0px;
    font-size: .875rem;
    font-family: Roboto;
    font-weight: 400;
    line-height: 1.25rem;
    /*color: #202124;*/
}

.tdt-data-grid.tee-time-grid .dx-datagrid .dx-row.dx-header-row > td {
    padding: 6px 12px 6px 12px;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: .9rem;
    letter-spacing: 0;
    font-weight: 600;
    /*color: rgb(32,33,36);*/
}

.tdt-data-grid.tee-time-grid .dx-datagrid .dx-row > td {
    padding: 6px 12px 6px 12px;
    font-size: .875rem;
    font-family: Roboto;
    font-weight: 400;
    line-height: 1.25rem;
    /*color: #202124;*/
}

    .tdt-data-grid .dx-datagrid .dx-row > td > a.tdt-grid-link {
        padding: 12px 12px 12px 0px;
        font-size: .875rem;
        font-family: Roboto;
        font-weight: 400;
        line-height: 1.25rem;
        /*color: #1a73e8;*/
        text-decoration: none;
    }

        .tdt-data-grid .dx-datagrid .dx-row > td > a.tdt-grid-link:hover {
            text-decoration: none;
        }

.tdt-data-grid .dx-datagrid-header-panel {
    padding: 0;
}

.tdt-data-grid .dx-datagrid-search-panel {
    margin: 0;
}

.tdt-data-grid.tdt-data-grid-selectable .dx-state-hover {
    cursor: pointer;
}
/*#endregion*/

/*#region Form*/
.tdt-form-container {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

    .tdt-form-container .dx-texteditor-input {
        font-size: 15px;
    }

    .tdt-form-container .dx-texteditor.dx-editor-underlined::after {
        border-bottom: 1px solid #e0e0e0;
    }

.tdt-form-container-no-padding {
    padding: 0;
}

    .tdt-form-container-no-padding .dx-field-item-label-location-top {
        padding: 0;
        margin-bottom: 10px;
    }

    .tdt-form-container-no-padding .dx-field-item-label-text {
        font-size: 24px;
    }

.tdt-form-container #dropzone-external,
.tdt-form-container #dropzone-edit-external {
    width: 350px;
    height: 350px;
    background-color: rgba(183, 183, 183, 0.1);
    border-width: 2px;
    border-style: dashed;
    padding: 10px;
}

    .tdt-form-container #dropzone-external > *,
    .tdt-form-container #dropzone-edit-external > * {
        pointer-events: none;
    }

    .tdt-form-container #dropzone-external.dropzone-active,
    .tdt-form-container #dropzone-edit-external.dropzone-active {
        border-style: solid;
    }

.tdt-form-container .widget-container > span {
    font-family: 'Open Sans',Arial,sans-serif;
    line-height: 2.2rem;
    font-size: 1.375rem;
    letter-spacing: 0;
    font-weight: 400;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    color: rgb(32,33,36);
}

.tdt-form-container #dropzone-image,
.tdt-form-container #dropzone-edit-image {
    max-width: 100%;
    max-height: 100%;
}

.tdt-form-container #dropzone-text > span,
.tdt-form-container #dropzone-edit-text > span {
    font-weight: 100;
    opacity: 0.5;
}

.tdt-form-container #upload-progress,
.tdt-form-container #upload-edit-progress {
    display: flex;
    margin-top: 10px;
}

.tdt-form-container .flex-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*#endregion*/

/*#region Glyphicons*/
@font-face {
    font-family: Glyphicons;
    src: url("icons/TDT.woff") format("woff"),url("icons/icomoon.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

.glyphicon {
    font-family: Glyphicons !important;
    font-style: normal;
    font-variant-caps: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 1;
    font-size-adjust: none;
    font-kerning: auto;
    font-optical-sizing: auto;
    font-variant-alternates: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-variant-position: normal;
    font-language-override: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

.glyphicon-clients:before {
    content: "\e800";
}

.glyphicon-employees:before {
    content: "\E80E";
}

.glyphicon-file-plus:before {
    content: "\e812";

    @font-face {
        font-family: 'glyphicons-basic-739-check';
        src: url('file:///D:\Development\Glyphicons\glyphicons-basic-2-4\glyphicons-basic-2-4\svg\individual-svg\glyphicons-basic-739-check.svg') format('svg');
    }
}

.glyphicon-hash:before {
    content: "\e810";
}

.glyphicon-home:before {
    content: "\E817";
}

.glyphicon-notes:before {
    content: "\e811";
}

.glyphicon-shop-window:before {
    content: "\E813";
}

.glyphicon-user-plus:before {
    content: "\e80C";
}

.glyphicon-mobile-phone-check:before {
    content: "\e818";
}

.glyphicon-play:before {
    content: "\e819";
}

.glyphicon-building:before {
    content: "\e81D";
}

.glyphicon-settings:before {
    content: "\e81E";
}

.glyphicon-football:before {
    content: "\e81F";
}

.glyphicon-t-shirt:before {
    content: "\e820";
}

.glyphicon-cup:before {
    content: "\e821";
}

.glyphicon-database:before {
    content: "\e822";
}

.glyphicon-calendar:before {
    content: "\e823";
}

.glyphicon-check:before {
    content: "\e824";
}

.glyphicon-list-numbers:before {
    content: "\e825";
}

.glyphicon-share:before {
    content: "\e826";
}

.glyphicon-video-play:before {
    content: "\e827";
}

.glyphicon-money:before {
    content: "\e828";
}

.glyphicon-left-arrow:before {
    content: "\e82E";
}

.glyphicon-calendar:before {
    content: "\e830";
}

.glyphicon-no:before {
    content: "\e832";
}
/*#endregion*/

/*#region Layout*/
.layout-body {
    /*background-color: #ffffff;*/
    flex: 1;
    height: 100%;
    min-height: 0;
}

    .layout-body .menu-container {
        height: 100%;
        width: 250px;
        padding-top: 10px;
    }

    .layout-body .content {
        height: 100%;
        flex-grow: 1;
        line-height: 1.5;
    }

    .layout-body .content-block {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .layout-body .content-footer {
        display: block;
        color: rgba(0,0,0,.609);
        border-top: 1px solid rgba(0,0,0,.1);
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .layout-body .responsive-paddings {
        padding: 20px;
    }

.layout-body-hidden {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .layout-body .content-block {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media screen and (min-width: 1280px) {
    .layout-body .responsive-paddings {
        padding: 40px;
    }
}
/*#endregion*/

/*#region Data Grid*/
.tdt-list .main-label {
    font-family: 'Open Sans',Arial,sans-serif;
    line-height: 1.0rem;
    font-size: .9rem;
    letter-spacing: 0;
    font-weight: 600;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    color: rgb(32,33,36);
}

.tdt-list .sub-label {
    font-family: 'Open Sans',Arial,sans-serif;
    line-height: 1.4rem;
    font-size: .85rem;
    letter-spacing: 0;
    font-weight: 400;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    color: rgba(0,0,0,.8);
    font-style: italic;
}

/*#region Main Content*/
.main-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
}
/*#endregion*/

/*#region Main Tree View*/
.tdt-create-button-container {
    padding-top: 10px;
    /*padding-left: 10px;*/
}

    .tdt-create-button-container .dx-button-has-icon.dx-button-has-text .dx-icon {
        width: 18px;
        height: 18px;
        font-size: 18px;
        margin-right: 16px;
        margin-left: 0;
        padding-left: 5px;
    }

    .tdt-create-button-container .tdt-create-button,
    .tdt-create-button-container .dx-state-focused {
        /*background-color: #ffffff !important;*/
        box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149) !important;
        /*height: 38px !important;*/
        /*border-radius: 24px 24px 24px 24px !important;*/
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important;
        text-transform: none !important;
        /*color: #616161 !important;*/
    }

        .tdt-create-button-container .tdt-create-button:hover {
            /*background-color: rgba(232,240,254,.4) !important;*/
            box-shadow: 0 1px 15px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);
            transition: box-shadow 0.3s ease-in-out;
        }

    .tdt-create-button-container .dx-icon {
        /*color: #03a9f4 !important;*/
        font-size: 1.6rem !important;
        height: auto !important;
        width: auto !important;
    }

    .tdt-create-button-container .dx-button-text {
        text-transform: none !important;
    }

.tdt-tree-view-container {
    padding-top: 10px;
}

.dx-swatch-additional .dx-treeview-item {
    padding: 5px 5px;
    min-height: auto;
}

/*#endregion*/

/*#region Menu*/
.menu-container .dx-widget {
    font-family: Roboto,RobotoFallback,Helvetica,Arial,sans-serif;
    letter-spacing: .01785714em;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    /*color: #202124;*/
    white-space: nowrap;
}

.menu-container .dx-treeview {
    white-space: nowrap;
}

    .menu-container .dx-treeview .dx-treeview-item {
        padding-left: 0;
        padding-right: 0;
    }

        .menu-container .dx-treeview .dx-treeview-item .dx-icon {
            width: 60px !important;
            margin: 0 !important;
        }

    .menu-container .dx-treeview .dx-treeview-node {
        padding: 0 0 !important;
    }

    .menu-container .dx-treeview .dx-treeview-toggle-item-visibility {
        right: 10px;
        left: auto;
    }

    .menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
        left: 10px;
        right: auto;
    }

    .menu-container .dx-treeview .dx-treeview-node {
        border-radius: 0 25px 25px 0;
        width: 260px;
        /*font-weight: bold;
    border-bottom: 1px solid #515159;*/
    }

        .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content {
            font-weight: normal;
            padding: 0 60px;
        }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item {
        /*background: transparent;*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected {
        /*background-color: #e8f0fe;*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node > .dx-treeview-item * {
        /*color: #616161;*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
        /*color: #1967d2;*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-selected) > .dx-treeview-item.dx-state-hover {
        border-radius: 0 25px 25px 0;
        /*background-color: rgba(0,0,0,.04);*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-selected) > .dx-treeview-item.tdt-tree-item-seperator.dx-state-hover {
        /*background-color: #ffffff;*/
        cursor: default;
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item.tdt-tree-item-seperator {
        /*background-color: #ffffff;*/
        cursor: default;
    }

.menu-container .dx-theme-material-typography .dx-swatch-additional, .menu-container .dx-theme-material-typography.dx-swatch-additional {
    /*background-color: #ffffff !important;*/
}

.menu-container .dx-treeview-item.tdt-tree-item-seperator {
    padding: 0;
    min-height: 0;
}

.menu-container .tdt-tree-item-seperator hr {
    border-bottom: 1px solid rgba(0,0,0,.25);
    width: 100%;
    margin: 7px 0px 5px 0px
}

.dx-theme-material-typography .dx-swatch-additional, .dx-theme-material-typography.dx-swatch-additional {
    /*background-color: #ffffff !important;*/
}

.dx-swatch-additional .dx-treeview-item .dx-treeview-item-content {
    display: flex;
    align-items: center;
    line-height: 0;
}

    /*.dx-drawer-panel-content {
    width: 280px !important;*/
    /*padding-top: 20px;*/
    /*}*/

    .dx-swatch-additional .dx-treeview-item .dx-treeview-item-content > .dx-icon {
        display: block;
    }
/*#endregion*/

/*#region Popup*/
.tdt-popup-container {
}

    .tdt-popup-container .tdt-popup-header {
        font-family: 'Open Sans',Arial,sans-serif;
        line-height: 1.25rem;
        font-size: .9rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-popup-container .tdt-popup-description {
        font-family: 'Open Sans',Arial,sans-serif;
        line-height: 20px;
        font-size: 14px;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-popup-container .dx-button-mode-text.dx-button-default {
        /*color: #1967d2;*/
    }

    .tdt-popup-container h2 {
        font-family: Roboto,Arial,sans-serif;
        line-height: 1.75rem;
        font-size: 1.375rem;
        letter-spacing: 0;
        font-weight: 400;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
        /*color: rgb(32,33,36);*/
    }

    .tdt-popup-container .tdt-details-container {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
    }

        .tdt-popup-container .tdt-details-container .tdt-details-data-container {
            width: 100%;
        }

            .tdt-popup-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row {
                display: flex;
                height: 100%;
                padding-top: 15px;
                padding-bottom: 16px;
                border-top: 1px solid #dadce0;
            }

                .tdt-popup-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row.tdt-details-data-row-top {
                    border-top: none;
                }

                .tdt-popup-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-label-cell {
                    display: flex;
                    align-items: center;
                    text-align: left;
                    width: 20%;
                }

                    .tdt-popup-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-label-cell .tdt-details-data-label-cell-value {
                        font-family: Roboto;
                        font-weight: 500;
                        line-height: 1.25rem;
                        /*color: #202124;*/
                        font-size: .875rem;
                    }

                .tdt-popup-container .tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell {
                    display: flex;
                    align-items: center;
                    width: 70%;
                }

                    .tdt-popup-container.tdt-details-container .tdt-details-data-container .tdt-details-data-row-container .tdt-details-data-row .tdt-details-data-content-cell .tdt-details-data-content-cell-value {
                        font-size: .875rem;
                        font-family: Roboto;
                        font-weight: 400;
                        line-height: 1.25rem;
                        /*color: #202124;*/
                    }
/*#endregion*/

/*#region Scheduler*/
.disable-date {
    height: 100%;
    width: 100%;
}

.past-date {
    height: 100%;
    width: 100%;
}

.disable-date {
    background-image: repeating-linear-gradient(135deg, rgba(244, 67, 54, 0.1), rgba(244, 67, 54, 0.1) 4px, transparent 4px, transparent 9px);
    color: #9B6467;
}

.past-date {
    background: rgba(0, 0, 0, 0.05);
}

.dx-scheduler-header-panel-cell {
    height: 70px;
    text-align: left;
    vertical-align: bottom;
}

    .dx-scheduler-header-panel-cell .disable-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .dx-scheduler-header-panel-cell .past-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .dx-scheduler-header-panel-cell .tdt-date-right-header {
        display: block;
        margin: 0 14px;
        font-size: 12px;
        line-height: 15px;
    }

    .dx-scheduler-header-panel-cell .tdt-date-right-data-item {
        display: block;
        margin: 0 14px;
        font-size: 11px;
        line-height: 12px;
    }
.dx-scheduler-time-panel-cell {
    height: 150px;
}

.dx-scheduler .dx-scheduler-date-table-cell {
    min-height: 150px;
}

.dx-scheduler-date-table-cell {
    height: 150px;
   
}

.dx-scheduler-cell-sizes-horizontal {
}
/*#endregion*/
/*#region Toolbar*/
.tdt-toolbar-container {
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 50px;
}

    .tdt-toolbar-container .current-label {
        font-family: 'Roboto',Arial,sans-serif;
        font-size: 20px;
        line-height: 23px;
        font-weight: 400;
        letter-spacing: .04em;
    }

    .tdt-toolbar-container .dx-toolbar .dx-toolbar-items-container {
        height: 40px;
    }

    .tdt-toolbar-container .tdt-button-page-tools .dx-button-text {
        text-transform: none;
        font-size: 20px;
        color: rgba(0,0,0,.75);
    }

    .tdt-toolbar-container .dx-icon {
        margin-top: 3px;
    }

    .tdt-toolbar-container .dx-button {
        height: auto;
    }

    .tdt-toolbar-container .dx-button-has-text {
        min-width: 0;
    }

    .tdt-toolbar-container .dx-button .dx-button-text {
        text-transform: none;
        font-size: 20px;
        color: #03a9f4;
    }

    .tdt-toolbar-container .dx-button .dx-button-content {
        padding: 3px 6px;
    }

.tdt-toolbar-popup-menu .dx-popup-content {
    padding: 10px 0;
}

    .tdt-toolbar-popup-menu .dx-popup-content > .dx-button {
        margin: 0;
    }

.tdt-toolbar-popup-menu .dx-button-mode-text .dx-icon {
    color: rgb(97, 97, 97);
    vertical-align: middle;
    margin-top: -3px;
}

.tdt-toolbar-popup-menu .dx-button-text {
    text-transform: none;
    color: rgb(97, 97, 97);
    vertical-align: middle;
    font-weight: 500;
}

.tdt-toolbar-popup-menu .dx-button-content {
    text-align: left;
}

.tdt-toolbar-popup-menu .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-button-content {
    padding-left: 20px;
}

.tdt-toolbar-popup-menu .tdt-toolbar-popup-menu-separator {
    margin: .5rem 0;
}
/*#endregion*/

/*#region User Content*/
.tdt-user-content-container {
    max-width: 800px;
    width: 100%;
}
/*#endregion*/

/*#region User Menu*/
.tdt-user-menu-container .formatted-name {
    padding-bottom: 7px;
    font-weight: bold;
}

.tdt-user-menu-container .user-name {
    color: #5f6368;
    border-bottom: 1px solid #dedede;
    padding-bottom: 7px
}
/*#endregion*/

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td {
    color: inherit;
}

    .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
        background-color: inherit;
    }