html, body {
    /*background: linear-gradient(to bottom,var(--backColor) 0%, rgb(222, 222, 222) 80%) !important;*/
    background-color: transparent;
}

.LoginPanel .loginTitle {
    color: var(--flagStrongFontColor);
}

.LoginPanel {
    color: var(--flagStrongFontColor);
}

.loadingMask > .loadingMessage > .textInfo {
    background: var(--loadMessageColor) !important;
    color: var(--flagStrongFontColor) !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000000;
    background-color: var(--loadMessageColor) !important;
}

.homePageButtonBar {
    border-bottom: 1px solid var(--flagStrongBorderColor) !important;
}

.menuPage > .menuPanel {
    /*background-color: var(--backColor);*/
    color: var(--flagStrongFontColor);
}

    .menuPage > .menuPanel > .menuTitlePanel {
        border-bottom: 1px solid var(--borderColor);
    }

    .menuPage > .menuPanel > .menuLeftPanel > .menuLeftItem {
        border-bottom: 1px solid var(--borderColor);
    }

    .menuPage > .menuPanel > .menuTitlePanel > .menuTitle > .menuTitleItemSelected,
    .menuPage > .menuPanel > .menuTitlePanel > .menuTitle > .menuTitleItem:hover {
        color: var(--contrastingColor);
        background-color: var(--flagStrongBorderColor);
    }

    .menuPage > .menuPanel > .menuLeftPanel > .menuLeftItemSelected,
    .menuPage > .menuPanel > .menuLeftPanel > .menuLeftItem:hover {
        color: var(--contrastingColor);
        background-color: var(--flagStrongBorderColor);
    }

    .menuPage > .menuPanel > .menuRightPanel {
        border-left: 1px solid var(--borderColor);
    }

        .menuPage > .menuPanel > .menuRightPanel > .menuRightItem {
            border: 1px solid var(--borderColor);
        }

            .menuPage > .menuPanel > .menuRightPanel > .menuRightItem > .Comment {
                border-top: 1px solid var(--borderColor);
            }

            .menuPage > .menuPanel > .menuRightPanel > .menuRightItemSelected,
            .menuPage > .menuPanel > .menuRightPanel > .menuRightItem:hover {
                color: var(--contrastingColor);
                background-color: var(--flagStrongBorderColor);
            }

.shadow {
    -webkit-box-shadow: 2pt 4px 5px var(--foreColor) !important;
    -moz-box-shadow: 2pt 4px 5px var(--foreColor) !important;
    box-shadow: 2pt 4px 5px var(--foreColor) !important;
}

.optButton {
    border: 1px solid var(--flagStrongBorderColor);
    color: var(--flagStrongFontColor);
}

    .optButton:hover {
        color: var(--contrastingColor) !important;
        background-color: var(--flagStrongBackgroundColor);
    }

.contentTopButton:hover {
    color: var(--flagStrongFontColor) !important;
    background-color: var(--contrastingColor);
}

.navbar-inverse {
    color: var(--contrastingColor);
    background: linear-gradient(to right, var(--flagStrongBackgroundColor), var(--loadMessageColor));
}

.themeColorSelectItem:hover {
    -webkit-box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
    -moz-box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
    box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
}

hr {
    border-top: 1px solid var(--backColor);
}

.infoFlag {
    color: var(--flagStrongBackgroundColor);
}

.select2-container--default .select2-search--dropdown .select2-search__field,
input[type=search],
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=time],
textarea {
    border-bottom: 1px var(--borderColor) solid;
}

    input[type=search]:focus,
    input[type=text]:focus,
    input[type=tel]:focus,
    input[type=password]:focus,
    input[type=email]:focus,
    input[type=number]:focus,
    textarea:focus {
        border-bottom-color: var(--borderColor);
    }

        input[type=search]:focus:valid,
        input[type=text]:focus:valid,
        input[type=tel]:focus:valid,
        input[type=password]:focus:valid,
        input[type=email]:focus:valid,
        input[type=number]:focus:in-range,
        textarea:focus:valid {
            outline: 2px var(--backColorPlus) solid;
        }

        input[type=search]:focus:invalid,
        input[type=text]:focus:invalid,
        input[type=tel]:focus:invalid,
        input[type=password]:focus:invalid,
        input[type=email]:focus:invalid,
        input[type=number]:focus:out-of-range,
        textarea:focus:invalid {
            outline: 2px var(--backColorPlus) solid;
        }

    input[type=search]::-webkit-input-placeholder,
    input[type=text]::-webkit-input-placeholder,
    input[type=tel]::-webkit-input-placeholder,
    input[type=password]::-webkit-input-placeholder,
    input[type=email]::-webkit-input-placeholder,
    input[type=number]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: var(--markColor);
    }

    input[type=search]:-ms-input-placeholder,
    input[type=text]:-ms-input-placeholder,
    input[type=tel]:-ms-input-placeholder,
    input[type=password]:-ms-input-placeholder,
    input[type=email]:-ms-input-placeholder,
    input[type=number]:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: var(--borderColor);
    }

    input[type=search]::-moz-placeholder,
    input[type=text]::-moz-placeholder,
    input[type=tel]::-moz-placeholder,
    input[type=password]::-moz-placeholder,
    input[type=email]::-moz-placeholder,
    input[type=number]::-moz-placeholder,
    textarea::-moz-placeholder {
        color: var(--borderColor);
    }

.contentTopBar {
    /*background: linear-gradient(to right, var(--flagStrongBackgroundColor), var(--loadMessageColor));*/
    background: var(--flagStrongBackgroundColor);
    color: var(--contrastingColor) !important;
}

    .contentTopBar input[type=text]::-webkit-input-placeholder,
    .contentTopBar input[type=tel]::-webkit-input-placeholder,
    .contentTopBar input[type=password]::-webkit-input-placeholder,
    .contentTopBar input[type=email]::-webkit-input-placeholder,
    .contentTopBar input[type=number]::-webkit-input-placeholder,
    .contentTopBar textarea::-webkit-input-placeholder {
        color: var(--contrastingColor);
    }

.select2-container--default .select2-selection--single,
select {
    color: var(--color);
    border-bottom-color: var(--borderColor);
}

    select option {
        color: black;
    }

.autocomplete > .infolist > ul > li {
    color: var(--color) !important;
}

    .autocomplete > .infolist > ul > li:hover {
        background-color: var(--backColorPlus) !important;
        color: var(--flagStrongFontColor) !important;
    }

.timeline > .logRow:hover {
    background-color: var(--backColor) !important;
    -webkit-box-shadow: 0pt 0px 10px var(--flagStrongFontColor) !important;
    -moz-box-shadow: 0pt 0px 10px var(--flagStrongFontColor) !important;
    box-shadow: 0pt 0px 10px var(--flagStrongFontColor) !important;
}

body::-webkit-scrollbar, div::-webkit-scrollbar {
    background: var(--scrollbarColor);
}

body::-webkit-scrollbar-thumb, .bodyer::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarColor);
}

div::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarColor);
}

    div::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbarColor);
    }

.dropdown-menu > li {
    color: var(--flagStrongFontColor) !important;
}

    .dropdown-menu > li > a {
        color: var(--flagStrongFontColor) !important;
    }

        .dropdown-menu > li > a:hover {
            color: var(--contrastingColor) !important;
            background-color: var(--flagStrongBackgroundColor) !important;
        }

.form-group:hover {
    background-color: var(--loadMessageColor);
}

.GuyRope {
    background-color: var(--flagStrongBackgroundColor) !important;
}

.FunPanel > ul {
    border-top: 1px solid var(--borderColor);
}

.FunPanel ul > li:hover {
    border: 1px solid var(--borderColor);
    background-color: var(--borderColor);
    color: var(--contrastingColor) !important;
    -webkit-box-shadow: 2pt 4px 5px var(--backColor) !important;
    -moz-box-shadow: 2pt 4px 5px var(--backColor) !important;
    box-shadow: 2pt 4px 5px var(--backColor) !important;
}

.FunPanelItemSelected {
    background-color: var(--borderColor);
    color: var(--contrastingColor) !important;
    font-weight: bold;
}

.statusflag {
    border: 1px solid var(--flagStrongBorderColor);
    background-color: var(--flagStrongBackgroundColor);
    color: var(--contrastingColor);
}

.datalist ul > li:hover {
    border: 1px solid var(--borderColor);
    background-color: var(--backColor);
    color: var(--color) !important;
}

.datalist ul > .selectedList {
    border: 1px solid var(--borderColor);
    background-color: var(--flagStrongBackgroundColor);
    color: var(--color) !important;
}

.loglist ul > li:hover {
    border-left: 1px solid red;
    background-color: #ffe6d5;
    /*color: var(--color) !important;*/
}

.loglist ul > .selectedList {
    border: 1px solid var(--borderColor);
    background-color: var(--loadMessageColor);
    color: var(--color) !important;
}

.iconButtonSelected {
    border: 1px solid var(--borderColor);
}

.needfill {
    border-bottom: 2px solid var(--borderColor);
    background: linear-gradient(to top, var(--flagStrongBackgroundColor) 0%, var(--loadMessageColor) 5%);
}

.contentTitle > h4, .contentTitle > h5 {
    border-left: 5px solid var(--borderColor);
}

.remarkinfo .buttonBar > .remarkButton {
    color: var(--flagStrongFontColor);
}

.toolIconButton:hover {
    color: var(--flagStrongFontColor);
}

.taskListPanel .title {
    color: var(--flagStrongFontColor);
}

.taskListPanel {
    border-color: var(--loadMessageColor) !important;
}

    .taskListPanel:hover {
        border-color: var(--loadMessageColor) !important;
        -webkit-box-shadow: 0pt 4px 8px var(--flagStrongFontColor);
        -moz-box-shadow: 0pt 4px 8px var(--flagStrongFontColor);
        box-shadow: 0pt 4px 8px var(--flagStrongFontColor);
    }

.chapterGuide-TitleSelected {
    background-color: var(--flagStrongFontColor) !important;
    color: var(--contrastingColor) !important;
}

.chapterGuideItemSelected {
    border-left: 2px solid var(--borderColor) !important;
    background-color: var(--loadMessageColor) !important;
}

.chapterGuide-Block > ul > li:hover {
    border-left: 2px solid var(--flagStrongBorderColor) !important;
    color: var(--contrastingColor) !important;
}

.chapterGuideItemSelected > a {
    color: var(--flagStrongFontColor) !important;
}

.chapterGuide-Block > ul > li:hover {
    color: var(--flagStrongBorderColor) !important;
}

.list > .pageBar .currentPage {
    color: var(--flagStrongFontColor) !important;
    background-color: var(--backColor) !important;
}

.list > .pageBar > .pageButton:hover {
    background-color: var(--backColor) !important;
    color: var(--flagStrongFontColor) !important;
}

.list .cell:hover {
    background-color: var(--loadMessageColor) !important;
}

.list .cell .childNode {
    background-color: var(--borderColor) !important;
}

.list > .filterPanel > .filterToolBar {
    color: var(--flagStrongFontColor) !important;
}

    .list > .filterPanel > .filterToolBar > .searchButton {
        color: var(--flagStrongFontColor) !important;
    }

    .list > .filterPanel > .filterToolBar > .closeButton {
        color: var(--flagStrongFontColor) !important;
    }

.content > .title .filterColumn {
    color: var(--borderColor) !important;
}

.content > .title .filteringColumn {
    border: 1px solid var(--flagStrongBorderColor) !important;
}

.MainChartPlatform .LeftPlatform .ContentPlatItem:hover .HeadPanelTitle {
    background-color: var(--backColor);
    color: var(--flagStrongFontColor);
}

.MainChartPlatform .RightPlatform .loadFlagList {
    color: var(--flagStrongFontColor);
}

.sidePanel > .header {
    background-color: var(--flagStrongBackgroundColor) !important;
    color: var(--contrastingColor);
}

#topBodyer > .masterPage > .leftFunction {
    border-right: 1px solid var(--flagStrongFontColor);
}

    #topBodyer > .masterPage > .leftFunction > .functionTopBar,
    #topBodyer > .masterPage > .leftFunction > .functionMyBar,
    #topBodyer > .masterPage > .leftFunction > .functionMenuBar {
        border-bottom: 1px solid var(--flagStrongFontColor);
    }

    #topBodyer > .masterPage > .leftFunction .masterItem:hover {
        border-bottom: 1px solid var(--flagStrongFontColor);
        background-color: var(--loadMessageColor) !important;
    }

    #topBodyer > .masterPage > .leftFunction > .functionMyBar > .funMyFavrateBar > .menuItems > .menu1Item:hover,
    #topBodyer > .masterPage > .leftFunction > .functionMyBar > .funMyFavrateBar > .menuItems > .menu1Item:hover {
        border-left: 1px solid var(--flagStrongFontColor);
        background-color: var(--loadMessageColor) !important;
    }

    #topBodyer > .masterPage > .leftFunction .SelectedItem {
        border-left: 1px solid var(--flagStrongFontColor);
        background-color: var(--loadMessageColor) !important;
    }

    #topBodyer > .masterPage > .leftFunction > .functionMenuBar > .funMyMenuBar > .menuItems .menu2Item:hover {
        border-left: 1px solid var(--flagStrongFontColor);
        background-color: var(--loadMessageColor) !important;
    }

.iconBlock {
    /*color: var(--flagStrongFontColor);*/
}

.picturePanel > .imageDisplay:hover {
    background: var(--contrastingColor);
    border: 1px solid var(--flagStrongBackgroundColor);
    -webkit-box-shadow: 2pt 4px 5px var(--flagStrongFontColor) !important;
    -moz-box-shadow: 2pt 4px 5px var(--flagStrongFontColor) !important;
    box-shadow: 2pt 4px 5px var(--flagStrongFontColor) !important;
}

.gradient-background {
    background: linear-gradient(to right, var(--backColorPlus), rgba(255, 255, 255, 0));
}

.listItemSelected {
    background-color: var(--backColorPlus);
}

.listItem:hover {
    -webkit-box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
    -moz-box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
    box-shadow: 0pt 0px 4px var(--flagStrongBackgroundColor);
}

.cardItem:hover {
    -webkit-box-shadow: 0pt 0px 10px var(--flagStrongBackgroundColor);
    -moz-box-shadow: 0pt 0px 10px var(--flagStrongBackgroundColor);
    box-shadow: 0pt 0px 10px var(--flagStrongBackgroundColor);
    color: var(--flagStrongFontColor) !important;
}

.OpenInfo {
    color: var(--flagStrongBackgroundColor);
}

    .OpenInfo > a {
        color: var(--flagStrongBackgroundColor);
    }

.taskListHead {
    border-bottom: 1px solid var(--flagStrongBackgroundColor) !important;
}

.tableLable:hover,
.tableLableSelected {
    background: linear-gradient(to right, var(--backColorPlus), rgba(255, 255, 255, 0));
    color: var(--flagStrongFontColor) !important;
    font-weight: bolder;
    border-left: 2px solid var(--flagStrongBackgroundColor) !important;
    border-top: 2px solid var(--flagStrongBackgroundColor) !important;
    border-right: 2px solid var(--flagStrongBackgroundColor) !important;
}

.taskListContnet .taskListContnetPanel {
    border: 1px solid var(--flagStrongBackgroundColor) !important;
}

    .taskListContnet .taskListContnetPanel .labelTitle {
        color: var(--flagStrongFontColor) !important;
        font-weight: bolder;
        border-bottom: 1px solid var(--flagStrongBackgroundColor) !important;
    }

.taskListContnet > .leftPanel ul .personItem:hover {
    background-color: var(--loadMessageColor) !important;
    font-weight: bold;
}

.taskListContnet > .leftPanel ul .personItemSelected {
    font-weight: bold;
    background-color: var(--loadMessageColor) !important;
    color: var(--flagStrongFontColor) !important;
}

.chartPeriodSelectPanel {
    border-bottom-color: var(--flagStrongBackgroundColor) !important;
}

.taskListContnet .taskListContnetPanel .statusBlock:hover {
    background-color: var(--loadMessageColor) !important;
}

.taskListContnet .taskListContnetPanel .chartBlockFlag:hover,
.taskListContnet .taskListContnetPanel .chartBlock:hover {
    background-color: var(--loadMessageColor) !important;
}

.taskListContnet .taskListContnetPanel .billBlock:hover {
    background-color: var(--loadMessageColor) !important;
}

.taskListContnet .taskListContnetPanel .shadow {
    -webkit-box-shadow: 2pt 1px 5px var(--flagStrongFontColor) !important;
    -moz-box-shadow: 2pt 1px 5px var(--flagStrongFontColor) !important;
    box-shadow: 2pt 1px 5px var(--flagStrongFontColor) !important;
}

.taskListContnet .taskListContnetPanel .billLabel {
    border-left: 4px solid var(--flagStrongBackgroundColor) !important;
    border-bottom: 1px dotted var(--borderColor) !important;
}

.taskListContnet .taskListContnetPanel .billBlock:hover > .topPanel > .comment {
    color: var(--flagStrongFontColor) !important;
    border-top: 1px solid var(--flagStrongBackgroundColor) !important;
}

.MainChartPlatform .RightPlatform .ListContent > ul > li:hover {
    color: var(--flagStrongFontColor) !important;
    background-color: var(--loadMessageColor) !important;
}

.taskListContnet .taskListContnetPanel .weekProjectBlock .weekProjectListDataBlock .weekProjectListDataRow:hover {
    background-color: var(--loadMessageColor);
}

.taskListContnet .taskListContnetPanel .weekProjectBlock .weekProjectListDataBlock .weekProjectListDataRow .taskProcessBar {
    background-color: var(--borderColor) !important;
}

.helpDocList li:not(.noStyle) {
    border-left: 1px dotted var(--flagStrongBorderColor) !important;
}

    .helpDocList li:not(.noStyle):hover {
        border-left: 1px solid var(--borderColor) !important;
        background-color: var(--loadMessageColor) !important;
    }

.helpDocList li .liOpt {
    color: var(--neededColor) !important;
}

.helpDocList .selectedHelpItem {
    border-left: 1px solid var(--borderColor) !important;
    background-color: var(--loadMessageColor) !important;
}

.docContentPanel .docTitle {
    border-bottom: 1px dotted var(--flagStrongBorderColor) !important;
}

    .docContentPanel .docTitle h4 {
        color: var(--flagStrongFontColor) !important;
    }

.picturePanel .imageDisplay > .imageTitle > .imageTitleNum {
    color: var(--flagStrongFontColor) !important;
}

.floatContentButtonPanel {
    color: var(--flagStrongFontColor) !important;
}

    .floatContentButtonPanel .floatButton {
        color: var(--flagStrongFontColor) !important;
        background-color: var(--loadMessageColor) !important;
    }

        .floatContentButtonPanel .floatButton:hover {
            background-color: var(--flagStrongFontColor) !important;
            color: white !important;
        }

    .floatContentButtonPanel > .buttonList {
        /*background-color: var(--loadMessageColor) !important;*/
    }

        .floatContentButtonPanel > .buttonList > .button:hover {
            background-color: var(--flagStrongFontColor) !important;
            color: white !important;
        }

.form-field a {
    color: var(--flagStrongFontColor) !important;
}

.placeContainer > .equipmentContainer:hover {
    -webkit-box-shadow: 0pt 0px 15px var(--neededColor);
    -moz-box-shadow: 0pt 0px 15px var(--neededColor);
    box-shadow: 0pt 0px 15px var(--neededColor);
}

.selectedDataTemplate {
    border: 2px solid var(--neededColor) !important
}

.queryResult {
    border-top-color: var(--neededColor) !important;
}

.DragItem:hover {
    -webkit-box-shadow: 0pt 5px 6px var(--borderColor) !important;
    -moz-box-shadow: 0pt 5px 6px var(--borderColor) !important;
    box-shadow: 0pt 5px 6px var(--borderColor) !important;
    /*opacity: 0.9 !important;*/
}

.DragItemMoving {
    overflow: hidden !important;
    border: 2px dotted var(--flagStrongFontColor) !important;
}

.ExpandPanel > .titlePanel .preItem,
.ExpandPanel > .titlePanel .nextItem {
    color: var(--flagStrongFontColor) !important;
}

    .ExpandPanel > .titlePanel .preItem:hover,
    .ExpandPanel > .titlePanel .nextItem:hover {
        border: 1px solid var(--flagStrongFontColor) !important;
        background-color: var(--flagStrongFontColor) !important;
        color: var(--contrastingColor) !important;
    }

.MainChartPlatform .RightPlatform .ParamsListContent .ParamsListTitle {
    border-color: var(--flagStrongFontColor) !important;
}

.alert {
    border: 1px solid var(--neededColor) !important;
}

.personBaseInfoPanel > .pictureButtonPanel {
    background-color: var(--loadMessageColor);
    opacity: 0.8;
}

    .personBaseInfoPanel > .pictureButtonPanel > .imageButton:hover {
        background-color: var(--flagStrongFontColor);
        color: var(--contrastingColor);
    }

    .personBaseInfoPanel > .pictureButtonPanel > .imageButtonSelected {
        background-color: var(--flagStrongFontColor);
        color: var(--contrastingColor);
    }

.personCAPEInfoPanel {
    border-top-color: var(--borderColor) !important;
}

    .personCAPEInfoPanel > .personPowerInfoPanel {
        border-top-color: var(--borderColor) !important;
    }

    .personCAPEInfoPanel > .personEvaluatePanel > .evaluateStar {
        color: var(--flagStrongFontColor) !important;
    }

.tagColor:hover {
    background-color: var(--borderColor) !important;
    color: var(--contrastingColor) !important;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.score:hover {
    border-color: var(--borderColor) !important;
    color: var(--flagStrongFontColor) !important;
}

.aiContent .aiContentPanel {
    border: 1px solid var(--flagStrongBackgroundColor) !important;
}

    .aiContent .aiContentPanel .labelTitle {
        color: var(--flagStrongFontColor) !important;
        font-weight: bolder;
        border-bottom: 1px solid var(--flagStrongBackgroundColor) !important;
    }

.aiContent > .leftPanel {
    border-right-color: var(--loadMessageColor) !important;
}

    .aiContent > .leftPanel ul .chatItem:hover {
        background-color: var(--loadMessageColor) !important;
        font-weight: bold;
    }

    .aiContent > .leftPanel ul .chatItemSelected {
        font-weight: bold;
        background-color: var(--loadMessageColor) !important;
        color: var(--flagStrongFontColor) !important;
    }

.aiContent > .rightPanel > .chatContentInfo > .chatContentTools .smallButton {
    color: var(--flagStrongFontColor) !important;
}

    .aiContent > .rightPanel > .chatContentInfo > .chatContentTools .smallButton:hover {
        color: var(--contrastingColor) !important;
        background-color: var(--flagStrongFontColor) !important;
    }

.aiContent > .rightPanel > .chatContentInfo > .chatContentTools > .aiThinking {
    color: var(--flagStrongFontColor) !important;
}

.aiContent > .rightPanel > .chatContentInfo > .chatContentData {
    border-color: var(--backColorPlus) !important;
}

    .aiContent > .rightPanel > .chatContentInfo > .chatContentData:hover {
        border-color: var(--neededColor) !important;
        -webkit-box-shadow: 2pt 4px 5px var(--backColor);
        -moz-box-shadow: 2pt 4px 5px var(--backColor);
        box-shadow: 2pt 4px 5px var(--backColor);
    }

    .aiContent > .rightPanel > .chatContentInfo > .chatContentData .aiAskQuestion {
        color: var(--flagStrongFontColor) !important;
    }

    .aiContent > .rightPanel > .chatContentInfo > .chatContentData .aiAskQuestionTime {
        border-top-color: var(--neededColor) !important;
        color: var(--flagStrongFontColor) !important;
    }

    .aiContent > .rightPanel > .chatContentInfo > .chatContentData .aiLocalChecking {
        border-color: var(--flagStrongFontColor) !important;
        color: var(--flagStrongFontColor) !important;
    }

.sessionData {
    border-color: var(--backColorPlus) !important;
}

    .sessionData:hover {
        border-color: var(--neededColor) !important;
        -webkit-box-shadow: 2pt 4px 5px var(--backColor);
        -moz-box-shadow: 2pt 4px 5px var(--backColor);
        box-shadow: 2pt 4px 5px var(--backColor);
    }

    .sessionData .contentInfo {
        color: var(--flagStrongFontColor) !important;
    }

    .sessionData .contentInfoTime {
        border-top-color: var(--neededColor) !important;
        color: var(--flagStrongFontColor) !important;
    }

    .sessionData .localChecking {
        border-color: var(--flagStrongFontColor) !important;
        color: var(--flagStrongFontColor) !important;
    }

.picturePanel .imageDisplay > .imageTitle > .imageTitleDeleteButton:hover {
    background: var(--flagStrongFontColor) !important;
    color: white !important;
}

.calendarList > .titleInfo {
    border-color: var(--foreColor) !important;
    background: var(--backColor) !important;
}

.calendarList > ul > li {
    border-color: var(--foreColor) !important;
    background: var(--backColor) !important;
}

    .calendarList > ul > li > details > summary:hover {
        background: var(--loadMessageColor) !important;
    }

    .calendarList > ul > li > details > div {
        border-color: var(--foreColor) !important;
    }

        .calendarList > ul > li > details > div > ul > li {
            border-color: var(--foreColor) !important;
        }

            .calendarList > ul > li > details > div > ul > li:hover {
                background: var(--loadMessageColor) !important;
            }