/* ****************************************
    CUSTOM STYLING
**************************************** */
.ui-iggrid .ui-iggrid-tablebody td svg.blue {
    fill: #21A3A9;
}
.input-group-btn span, .file-upload-input span {
    color: #21A3A9;
}
.image-file-upload-clear svg {
    fill: #21A3A9;
}
.image-file-upload-clear:hover svg {
    fill: #21A3A9;
}
#document-topics .topic .image-file-upload-input, #document-topics .topic .file-upload-input, .file-upload-clear {
    color: #21A3A9 !important;
}
    #document-topics .topic .image-file-upload-input svg, #document-topics .topic .file-upload-input svg, #document-topics .file-upload-clear svg {
        fill: #21A3A9;
    }
    #document-topics .topic .image-file-upload-input:hover svg, #document-topics .topic .file-upload-input:hover svg, #document-topics .file-upload-clear:hover svg {
        fill: #21A3A9;
    }
    #document-topics .topic .image-file-upload-input:hover svg, #document-topics .topic .file-upload-input:hover svg {
        fill: #21A3A9 !important;
    }
#document-topics .topic h4 {
    color: #21A3A9;
}
#document-topics .topic .action-button span {
    background: #21A3A9;
    border-color: #21A3A9;
}
.input-list[data-show-index-numbers='true'] .input-list-item .input-list-item-index-background .input-list-item-index {
    color: #21A3A9;
}

.popover-header {
    color: #21A3A9;
}

div[data-document-property-code="OrganisationUserSecurityObjects"] svg:hover {
    fill: #21A3A9;
}

#dbq-document-class-list-breadcrumbs a.btn:hover {
    color: #21A3A9;
    fill: red;
}

#dbq-document-class-list-breadcrumbs svg:hover {
    fill: #21A3A9;
}

.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    color: #21A3A9 !important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #21A3A9 !important;
}
               
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
    border-bottom: 5px solid #21A3A9;
}

.ui-state-hover input, .ui-state-hover select {
    background: #21A3A9 !important;
}
.ui-iggrid-paging-item .ui-state-hover {
    border: 2px solid #21A3A9 !important;
    background: #21A3A9 !important;
}
    .ui-iggrid tr#classlist .document-class-list-tree tr:hover {
        background: #21A3A9;
    }
        .ui-iggrid tr#classlist .document-class-list-tree tr:hover .row-button {
            background: #21A3A9;
        }

    .ui-iggrid .ui-iggrid-table > tbody > tr > td.ui-state-hover {
        border-top: 1px solid #21A3A9 !important;
        border-right: 1px solid #21A3A9 !important;
        border-bottom: 1px solid #21A3A9 !important;
        border-left: 1px solid #21A3A9 !important;
    }

.ui-iggrid .ui-iggrid-toolbar .ui-iggrid-results {
    color: #21A3A9;
}

.toggle-group span.toggle-handle {
    background: #21A3A9 !important;
}

#classlist-tiled-list .document-class-list-tiles-load-button[data-type='1'] {
    color: #21A3A9;
}
        #classlist-tiled-list .document-class-list-tiles-load-button svg:hover {
            fill: #21A3A9;
        }

#classlist .classlist-toolbar-item:hover {
    background: #21A3A9;
    border: 1px solid #21A3A9;
}
    #classlist-tiled-list .document-class-list-tiles-loading-indicator a svg {
        fill: #21A3A9;
    }
        #document-class-list-filters .document-class-list-filter .cr svg {
            fill: #21A3A9;
        }
    #classlist .classlist-toolbar-item svg {
        fill: #21A3A9;
    }

#classlist-search-list #document-class-list-filters label.dbq-checkbox input:checked ~ .dbq-checkmark {
    background-color: #21A3A9;
    border: 2px solid #21A3A9;
}
#classlist-search-list #classlist-filters .document-class-list-filter-show-more {
    color: #21A3A9;
}
    #classlist-search-list #classlist-filters .document-class-list-filter-show-more svg {
        fill: #21A3A9;
    }

#document-topics .dbq-radio-container label.dbq-radio input:checked ~ .dbq-radiomark {
    background-color: #21A3A9;
    border: 2px solid #21A3A9;
}

h3.ellipsis {
    color: #21A3A9 !important;
}

#classlist-tiled-list .document-class-list-tiles-load-button[data-type='1'] {
    color: #21A3A9;
}
    #classlist-tiled-list .document-class-list-tiles-load-button svg:hover {
        fill: #21A3A9;
    }

#user_info a {
    color: #21A3A9 !important;
}

        .nav-tabs > li > a:hover {
            color: #21A3A9 !important;
        }

#side_navigation.side_navigation_document_editor span.blue {
    color: #21A3A9;
    border: 1px solid #21A3A9 !important;
}

span.button {
    background: #21A3A9;
    border: 1px solid #21A3A9;
}
    span.button:hover {
        color: #21A3A9 !important;
    }

#content textarea, #content select {
    color: #21A3A9;
}

.pagination li > a.active {
    background-color: #21A3A9 !important;
    border: 1px solid #21A3A9 !important;
}
    #dbq-notification-center .dbqnc-item-list .dbqnc-item .dbqnc-item-message .dbqnc-message-expander {
        color: #21A3A9;
    }

.ui-iggrid .ui-iggrid-footer .ui-iggrid-paging-item .ui-iggrid-page.ui-state-default, .ui-iggrid .ui-iggrid-footer .ui-iggrid-paging-item.ui-state-default {
    color: #21A3A9;
}
.ui-iggrid .ui-iggrid-paging .ui-igedit-input, .ui-iggrid .ui-iggrid-results .ui-igedit-input {
    color: #21A3A9;
}
.ui-icon, .ui-state-default .ui-icon, .ui-widget-content .ui-icon {
    color: #21A3A9;
}
.ui-iggrid-pagedropdowncontainer .ui-icon:before, .ui-iggrid-pagesizedropdown .ui-icon:before {
    color: #21A3A9;
}

.ui-iggrid .ui-iggrid-footer .ui-state-default {
    color: #21A3A9 !important;
}
.ui-state-hover.ui-state-default .ui-icon {
    color: #21A3A9;
}
    .ui-igedit-dropdown::-webkit-scrollbar-thumb {
        background-color: #21A3A9;
    }
    .ui-igcombo-listitemholder li.ui-state-active, .ui-igcombo-listitemholder li.ui-state-active a, .ui-igcombo-listitemholder li.ui-state-highlight, .ui-igcombo-listitemholder li.ui-state-highlight a, .ui-igedit-dropdown .ui-igedit-listitem.ui-state-highlight, .ui-igedit-list .ui-igedit-listitem.ui-state-highlight, .ui-iggrid-columnmoving-dropdown-list li.ui-state-active, .ui-iggrid-columnmoving-dropdown-list.ui-state-active a, .ui-iggrid-featurechooser-list li.ui-state-active, .ui-iggrid-featurechooser-list.ui-state-active a, .ui-iggrid-filterddlist li.ui-state-active, .ui-iggrid-filterddlistitem.ui-state-active a, .ui-iggrid-hiding-dropdown-list li.ui-state-active, .ui-iggrid-hiding-dropdown-list.ui-state-active a {
        border: 1px solid #21A3A9;
        background-color: #21A3A9;
    }
    .document-class-list-tree tr[aria-selected="true"] td.ui-state-active.ui-state-hover {
        background: #21A3A9 !important;
        background-color: #21A3A9 !important;
        border: 1px solid #21A3A9 !important;
    }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    border-color: #21A3A9 !important;
    background-color: #21A3A9 !important;
}

.ui-iggrid-pagesizedropdown:hover, .ui-iggrid .ui-iggrid-results .ui-igedit-dropdown-button:hover {
    border-color: #21A3A9 !important;
    background-color: #21A3A9 !important;
}

    .ui-iggrid-pagesizedropdown:hover .ui-igedit-dropdown-button {
        border-color: #21A3A9 !important;
        background-color: #21A3A9 !important;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 2px solid #21A3A9 !important;
}
.ui-iggrid .ui-iggrid-footer .ui-iggrid-paging-item.ui-state-hover {
    border: 2px solid #21A3A9 !important;
    background-color: #21A3A9 !important;
}
.ui-iggrid .ui-iggrid-footer .ui-iggrid-page.ui-iggrid-page-hover {
    border: 2px solid #21A3A9 !important;
    background-color: #21A3A9 !important;
}

    .bootstrap-datetimepicker-widget table td.active {
        background-color: #21A3A9;
    }
    .bootstrap-datetimepicker-widget .prev, .bootstrap-datetimepicker-widget .next {
        color: #21A3A9;
    }
    .dropdown-menu .datepicker svg {
        fill: #21A3A9;
    }

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #21A3A9;
}

#navigator .navigation-button .navigation-button-title:hover {
    color: #21A3A9;
}

ul.gj-list-bootstrap li:hover {
    background: #21A3A9 !important;
}

ul.gj-list-bootstrap li.active div[data-role="wrapper"] span[data-role="display"] {
    color: #21A3A9 !important;
}
ul.gj-list-bootstrap li.active div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-2 {
    fill: #21A3A9 !important;
}

ul.gj-list-bootstrap li:hover div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-1 {
    fill: #21A3A9 !important;
}

ul.gj-list-bootstrap li.active:hover div[data-role="wrapper"] span[data-role="display"] {
    color: #21A3A9 !important;
}

ul.gj-list-bootstrap li.active:hover div[data-role="wrapper"] span[data-role="icon"] svg .dbq-icon-color-2 {
    fill: #21A3A9 !important;
}

/* Hover svg */
ul.gj-list-bootstrap li span[data-role="display"]:hover {
    color: #21A3A9;
}
ul.gj-list-bootstrap li span[data-role="expander"] svg:hover, ul.gj-list-bootstrap li span[data-role="options"] svg:hover {
    fill: #21A3A9 !important;
}

    ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.active span[data-role="icon"] svg .dbq-icon-color-2 {
        fill: #21A3A9 !important;
    }
    ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.active span[data-role="display"] {
        color: #21A3A9 !important;
    }
    
/* text hover in expanded state */
ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li:hover span[data-role="display"] {
    color: #21A3A9 !important;
}

    ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.list-group-item.dbq-expand-active-style li.active span[data-role="icon"] svg .dbq-icon-color-2 {
        fill: #21A3A9 !important;
    }
    ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.list-group-item.dbq-expand-active-style li.active span[data-role="display"] {
        color: #21A3A9 !important;
    }
    
/* text hover in expanded-expanded state */
ul.gj-list-bootstrap li.list-group-item.dbq-expand-active-style li.list-group-item.dbq-expand-active-style li:hover span[data-role="display"] {
    color: #21A3A9 !important;
}

ul.dropdown-menu li.username {
    background: #f6f9fd;
    color: #21A3A9;
}
    .dropdown-menu > li > a:hover {
        color: #21A3A9 !important;
    }

/* ****************************** 
    Buttons
****************************** */
.btn-primary {
    background: #21A3A9 !important;
    border: 2px solid #21A3A9 !important;
}
.btn-link:hover {
    color: #21A3A9 !important;
}
    /* Enabled */
    button.btn-primary:enabled {
        background: #21A3A9 !important;
        border: 2px solid #21A3A9 !important;
    }
    button.btn-default:enabled {
        color: #21A3A9 !important;
        fill: #21A3A9 !important;
    }
        button.btn-primary.selected:disabled, button.btn-primary:disabled.selected, button.btn-primary.selected.disabled, button.btn-primary.disabled.selected {
            background: #21A3A9 !important;
            border: 2px solid #21A3A9 !important;
        }
            button.btn-primary.selected:hover:disabled, button.btn-primary.selected.disabled:hover {
                background: #21A3A9 !important;
                border: 2px solid #21A3A9 !important;
            }
        button.btn-default.selected:disabled, button.btn-default:disabled.selected, button.btn-default.selected.disabled, button.btn-default.disabled.selected {
            background: #21A3A9 !important;
            border: 2px solid #21A3A9 !important;
        }
            button.btn-default.selected:hover:disabled, button.btn-default.selected.disabled:hover {
                background: #21A3A9 !important;
                border: 2px solid #21A3A9 !important;
            }

.dbq-switch-handle {
    background: #21A3A9 !important;
}
.dbq-switch-input:checked ~ .dbq-switch-handle {
    background: #21A3A9;
}

/* ****************************************
    Primary hover 
**************************************** */ 

/* Enabled + hover */
button.btn-primary:hover:enabled {
    background: #208b90 !important;
    border: 2px solid #208b90 !important;
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    opacity: 1;
}

/* ****************************************
    Login 
**************************************** */
.login_background #container #login_container form.login_box button.blue {
    background-color: #21A3A9 !important;
    border: 2px solid #21A3A9 !important;
}
    .login_background #container #login_container form.login_box button.blue:hover {
        background-color: #208b90 !important;
        border: 2px solid #208b90 !important;
    }