:root {

    --accent1: #81B1A8;
    --accent1-hover: #555;
    --accent1-color:#fff;

    --accent2: #81B1A8;
    --accent2-hover: #555;
    --accent2-color:#fff;

    /* --primary-background: #22272e;
    --secondary-background: #373e47;

#051825 blue-dark
#2C2C36 - grey-dark

     */

    --primary-background: #121212;
    --secondary-background: #222222;


    --primary-font-color: #f5f4f3;
    --secondary-font-color: #f5f4f3;

    --neutral:#333333;

    --col-title-bg: #1d1d1d;
    --col-content-bg: #333333;
    --col-hover-bg: #222222;

    --kanban-col-bg: #333333;
    --kanban-col-title-bg:  #1d1d1d;
    --kanban-col-title-color:var(--primary-font-color);
    --kanban-card-bg: #242424;
    --kanban-card-hover: #1d1d1d;



    --primary-color: var(--accent1); // #3b9ae3;
    --secondary-color: var(--accent2);

    --main-bg: var(--primary-background);
    --left-panel-bg: var(--secondary-background);
    --content-bg: var(--secondary-background);

    --main-action-bg: var(--accent1);
    --main-action-color: var(--accent1-color);
    --main-action-hover-bg: var(--accent1-hover);
    --main-action-hover-color: var(--accent1-color);

    --secondary-action-bg: var(--primary-background);
    --secondary-action-color: var(--primary-font-color);
    --secondary-action-hover-bg: var(--accent2-hover);
    --secondary-action-hover-color: var(--accent2-color);

    --main-menu-link-bg: var(--secondary-background);
    --main-menu-link-color: var(--primary-font-color);

    --main-menu-link-hover-bg: #1d1d1d;
    --main-menu-link-hover-color: var(--primary-color);

    --main-menu-link-active-bg: var(--primary-background);
    --main-menu-link-active-color: var(--primary-color);

    --main-menu-border-color:#333333;

    --project-selector-bg: var(--secondary-background);
    --project-selector-color: var(--primary-font-color);
    --project-selector-hover-bg: var(--primary-background);
    --project-selector-hover-color: var(--primary-font-color);

    --dropdown-link-bg:var(--secondary-background);
    --dropdown-link-color: var(--primary-font-color);
    --dropdown-link-hover-bg: var(--primary-background);
    --dropdown-link-hover-color: var(--primary-font-color);

    --header-action-hover-color:var(--neutral);
    --header-bg-color:var(--primary-color);
    --header-gradient:linear-gradient(90deg, var(--accent1) 0%, #282830 80%);

    --primary-font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
    --base-font-size: 14px;
    --font-size-xs: 10px;
    --font-size-s:12px;
    --font-size-l: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 22px;
    --font-size-xxxl: 26px;

    --main-border-color:#333333;
    --min-shadow: 0px 1px 1px rgba(0 0 0 / 20%);
    --regular-shadow: 0px 2px 6px rgba(0 0 0 / 40%);
    --large-shadow: 0px 0px 8px 0 rgba(0 0 0 / 30%);
    --box-radius-large:10px;
    --box-radius: 5px;
    --box-radius-small:3px;
    --element-radius: 5px;



    /* Status Colors */
    /* Status Colors */

    --dark-red:#D61B0A;
    --dark-red-text-color:#fff;

    --red: #F76C5E;
    --red-text-color: #000;

    --green: #32965D;
    --green-text-color: #fff;

    --dark-green: #1F5C39;
    --dark-green-text-color:#fff;

    --yellow: #FDB833;
    --yellow-text-color: #000;

    --blue: #1B75BB;
    --blue-text-color: #fff;

    --dark-blue:#124F7D;
    --dark-blue-text-color: #fff;

    --darker-blue:#082236;
    --darker-blue-text-color: #fff;

    --purple:#5F0F40;
    --purple-text-color:#fff;

    --pink: #F26CA7;
    --pink-text-color:#000;

    --brown: #4C212A;
    --brown-text-color: #fff;

    --grey: #b0b0b0;
    --grey-text-color:#000;

    --dark-grey: #707070;
    --dark-grey-text-color: #fff;



}

.tab-primary.ui-tabs .ui-tabs-nav {
    background: var(--primary-background);
}

.nyroModalCont .tab-primary.ui-tabs .ui-tabs-nav li a,
body .maincontentinner .tab-primary.ui-tabs .ui-tabs-nav li a {
    background: transparent;
}

.nyroModalCont .tab-primary.ui-tabs .ui-tabs-nav li,
.maincontentinner .tab-primary.ui-tabs .ui-tabs-nav li{
    border-color:var(--neutral)
}

body .tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background:var(--secondary-background) !important;
}

.tox .tox-tbtn svg {
    fill:var(--primary-font-color) !important;
}


.tox .tox-tbtn:hover,
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover,
.tox .tox-menu{
    background: var(--primary-background) !important;
}

.tox-tinymce,
.tox .tox-menu{
    border-color:var(--neutral) !important;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type),
.chzn-container .chzn-drop{
    border-color:var(--neutral) !important;
}

.mce-content-body,
.tox .tox-tbtn,
.tox .tox-collection__item,
.tox .tox-statusbar,
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount{
    color:var(--primary-font-color) !important;
}

.tox .tox-split-button:hover {
    box-shadow: 0 0 0 1px var(--neutral) inset !important;
}

.mce-content-body,
.tox .tox-statusbar,
.tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled),
.chzn-container .chzn-drop,
.progress{
    background: var(--secondary-background) !important;
}

.tox-collection__item-label > * {
    background: transparent !important;
}

.tox .tox-statusbar {
    border-top:1px solid var(--neutral) !important;
}

body .chzn-container-single .chzn-single {
    color:var(--primary-font-color);
    background-color: var(--secondary-background);
    border: 1px solid var(--main-border-color);
}

body .chzn-container-active .chzn-single-with-drop {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.ticketDropdown ul::after {
    border-bottom: 7px solid var(--secondary-background);
}

.maincontentinner .table th, .maincontentinner .table.table-bordered th, .maincontentinner .table tr.dtrg-group td {
    border-color:var(--neutral);
}

.ui-datepicker-calendar td {
    background:var(--secondary-background) !important;
}

.ui-datepicker-calendar td {
    border-left: 1px solid var(--neutral) !important;
    border-top: 1px solid var(--neutral) !important;

}

.ui-datepicker-calendar td a {
    color:var(--primary-font-color) !important;
}

.ui-datepicker-calendar td a:hover {
    background:var(--primary-background) !important;
}

.ui-datepicker-calendar thead th,
.ui-datepicker-calendar{
    background:var(--col-title-bg) !important;
    color:var(--primary-font-color) !important;
}

.ui-datepicker-calendar thead th {
    border-color:var(--neutral) !important;
}

body .gantt .grid-header {
    fill: var(--col-title-bg) !important;
    stroke: var(--neutral);
    stroke-width: 1.4;
}

body .gantt .grid-row {
    fill: var(--col-content-bg);
}

body .gantt .grid-row:nth-child(even) {
    fill: var(--col-hover-bg);
}


body .gantt .row-line {
    stroke: var(--neutral);
}

body .gantt .lower-text {
    color:var(--primary-font-color) !important;
    fill: var(--primary-font-color);
}

body .gantt .tick {
    stroke: var(--primary-font-color) !important;
    stroke-width: 0.2;
}

body .gantt #details .details-container {
    background: var(--primary-background);
    display: inline-block;
    padding: 12px;
}

body .gantt #details .details-container p {
    color:var(--primary-font-color);
}

body .gantt .bar-label.big {
    color:var(--primary-font-color);
    fill: var(--primary-font-color);
}

body .fc-widget-header,
body .fc-widget-content {
    border-color:var(--neutral);
}

body .fc-content {
    background:var(--col-content-bg);
}

body .fc-state-highlight {
    background:var(--col-hover-bg);
}

body .fc-state-down,
body .fc-state-active,
body .fc-state-default,
body  .fc-header .fc-button-prev,
body .fc-header .fc-button-next,
body .fc-header .fc-button-today
{
    background:var(--accent2);
    color:var(--accent2-color);
}

body .fc-state-active {
    background:var(--accent2-hover);
}

body .modal {
    background:var(--secondary-background);
    border: 1px solid var(--neutral);
}

body .modal-header {
    border-color:var(--neutral);
}

body .modal-footer {
    background:var(--secondary-background);
    border-color:var(--neutral);
    box-shadow:none;
}

body .row .regLeft {
    /*background: linear-gradient(45deg, var(--accent1) 20%,var(--accent2) 100%);*/
    background: linear-gradient(45deg, var(--accent1) 0%,#282830 80%);
}

body .regpanelinner .pageheader .pagetitle h1,
body .regpanelinner .pageheader .pageicon {
    color:var(--primary-font-color);
}

body input[disabled],
body select[disabled],
body textarea[disabled],
body input[readonly],
body select[readonly],
body textarea[readonly] {
    cursor: not-allowed;
    background-color: var(--secondary-background);
}

body .userloggedinfo .dropdown-menu::after {
    border-bottom: 6px solid var(--secondary-background);
}

body .ticketDropdown ul::after {
    border-bottom: 7px solid var(--secondary-background);
}

.ss-main .ss-single-selected, .ss-content {
    background-color: var(--secondary-background) !important;
    color:var(--primary-font-color) !important;
    border: 1px solid var(--main-border-color) !important;
}

.ss-content .ss-list .ss-option.ss-disabled {
    background-color: var(--secondary-background) !important;
    color:darkgrey !important;
}

.ss-content .ss-search input::placeholder, .ss-content .ss-search input {
    background-color: var(--primary-background) !important;
    color:var(--primary-font-color) !important;
}

.ss-content .ss-search input::placeholder, .ss-content .ss-search input {
    border: 1px solid var(--main-border-color) !important;
}

.ss-option:hover {
	color: white;
	background-color: var(--accent1) !important;
}
.popover-content,
.iconpicker-popover.popover,
.iconpicker .iconpicker-items{
    background:var(--dropdown-link-bg);
}

.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
    background:var(--dropdown-link-hover-bg);
}

.articleBody table {

}

.articleBody table td {
    border:1px solid var(--neutral);
}