/***********************************************************************/

:root {
/*//  PRIORITY COLORS  //////////////////////////////////////////////////////*/

    --dts-priority-critical-icon-color: red;
    --dts-priority-major-icon-color: red;
    --dts-priority-average-icon-color: red;
    --dts-priority-minor-icon-color:  #33CC66;

/*//  STATUS COLORS  ////////////////////////////////////////////////////////*/

    --dts-status-open-bgcolor: #FFBFBF;
    --dts-status-in_progress-bgcolor: #BFFFE4;
    --dts-status-for_testing-bgcolor: #A8D2FE;
    --dts-status-reopened-bgcolor: #FFBFBF;
    --dts-status-resolved-bgcolor: #FFE6BF;
    --dts-status-closed-bgcolor: #E8E8E8;
    --dts-status-todo-bgcolor: #FF99FF;
    --dts-status-postponed-bgcolor: #FF99FF;
    --dts-status-done-bgcolor: #33CC66;
}


/*///////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////*/


/* --   MainHeader responsivity    ----------------------------------------- */

.app-logo span.app-title-prefix {
    font-size: 24px;
    font-weight: normal;
}

.app-logo {
    cursor: pointer;
    font-weight: bold;
}

.app-logo span.camel {
    font-weight: normal;
}


@media (min-width: 360px) {
    .app-logo {
        font-size: 16px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .app-logo span.camel {
        display: none;
    }

    .app-logo span.app-title-prefix {
        font-size: 14px;
    }
}


@media (min-width: 410px) {
    .app-logo {
        font-size: 20px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 16px;
    }
}

@media (min-width: 470px) {
    .app-logo {
        font-size: 24px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 18px;
    }
}

@media (min-width: 560px) {
    .app-logo {
        font-size: 32px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 23px;
    }
}
/*
@media (min-width: 1280px) {
    .app-logo {
        font-size: 24px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 18px;
    }
}


@media (max-width: 1442px) {
    @media (min-width: 1280px) {

        .app-logo span.camel {
            display: none;
        }
    }
}

@media (min-width: 1464px) {
    .app-logo {
        font-size: 26px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 20px;
    }
}

@media (min-width: 1504px) {
    .app-logo {
        font-size: 32px;
    }

    .app-logo span.app-title-prefix,
    .app-logo span.camel {
        font-size: 23px;
    }
}
*/


/* ------------------------------------------------------------------------- */


.dts-priority-icon-critical,
.dts-priority-icon-major,
.dts-priority-icon-average,
.dts-priority-icon-minor {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.dts-priority-icon-critical::before {
    color: var(--dts-priority-critical-icon-color) !important;
    content: '\f05e';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-style: normal;
}

.dts-priority-icon-major::before {
    color: var(--dts-priority-major-icon-color) !important;
    content: '\f102';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-style: normal;
}

.dts-priority-icon-average::before {
    color: var(--dts-priority-average-icon-color) !important;
    content: '\f106';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-style: normal;
}

.dts-priority-icon-minor::before {
    color: var(--dts-priority-minor-icon-color) !important;
    content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-style: normal;
}


.dts-status-open {
    background-color: var(--dts-status-open-bgcolor) !important;
}

.dts-status-in_progress {
    background-color: var(--dts-status-in_progress-bgcolor) !important;
}

.dts-status-for_testing {
    background-color: var(--dts-status-for_testing-bgcolor) !important;
}

.dts-status-reopened {
    background-color: var(--dts-status-reopened-bgcolor) !important;
}

.dts-status-resolved {
    background-color: var(--dts-status-resolved-bgcolor) !important;
}

.dts-status-closed {
    background-color: var(--dts-status-closed-bgcolor) !important;
}

.dts-status-todo {
    background-color: var(--dts-status-todo-bgcolor) !important;
}

.dts-status-postponed {
    background-color: var(--dts-status-postponed-bgcolor) !important;
}

.dts-status-done {
    background-color: var(--dts-status-done-bgcolor) !important;
}



.favorite-filters-item {
    background-color: #ddd8;
    padding: 1px 4px;
    margin-bottom: 2px;
    border: 1px solid #8888;
    border: 1px solid transparent;
    border-radius: 4px;
}

.favorite-filters-item a {
    color: #337ab7;
}

.favorite-filters-item a.close {
    color: #555;
}

.favorite-filters-item a.close:hover {
    color: firebrick;
}

.favorite-filters-item a.close:active {
    color: firebrick;
    opacity: 1;
}

.favorite-filters-item a.close:focus {
    color: firebrick;
}