:root {
    --bg-1-hex: #222222;
    --bg-2-hex: #363b3f;
    --bg-4-hex: #222529;
    --bg-5-hex: #454545;
    --bg-6-hex: #2e2e2e;
    --input-border-hex: #343a40;
    --dropdown-color-hex: #343a40;
    --subwindow-color-hex: #363b3f;
    --dialog-color-hex: #343a40;
    --warning-font-color-hex: #323232;
    --dropdown-button-color-hex: #222529;
    --status-button-selected-outline-color-hex: #d3d3d3;
    /* text colors */
    --c-1-hex: #f5f5f5;
    --c-2-hex: #f5f5f5;
    --c-4-hex: #99a8ff;
    --c-5-hex: #a4a7a8;
    --c-6-hex: #f5f5f5;
    /* detail/fill colors */
    --d-1-hex: #d3d3d3;
    --d-2-hex: #000000;
    /* background colors */
    --bg-1: 34, 34, 34;
    --bg-2: 54, 59, 63;
    --bg-4: 34, 37, 41;
    --bg-5: 69, 69, 69;
    --bg-6: 46, 46, 46;
    --dropdown-color: 52, 58, 64;
    --subwindow-color: 54, 59, 63;
    --dialog-color: 52, 58, 64;
    --warning-font-color: 50, 50, 50;
    --dropdown-button-color: 34, 37, 41;
    /* text colors */
    --c-1: 245,245,245;
    --c-2: 245,245,245;
    --c-4: 153, 168, 255;
    --c-5: 164, 167, 168;
    --c-6: 245, 245, 245;
    /* detail/fill colors */
    --d-1: 211,211,211;
    --d-2: 0, 0, 0;
    --input-calendar-icon-filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(144deg) brightness(90%) contrast(90%);
}

/*Arrow on selecter dropdown*/
.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='whitesmoke' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

/*Export dialog date-picker icons*/
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: var(--input-calendar-icon-filter) 
}

[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
    color: rgb(var(--c-1));
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}

[data-notify="container"][class*="alert-pastel-"] {
    background-color: #343a40;
    border-width: 0px;
    border-left: 15px solid rgb(69, 165, 76);
    border-radius: 0px;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.3);
    letter-spacing: 1px;
}

[data-notify="container"].alert-pastel-info {
    border-left-color: rgb(104, 184, 255);
}

[data-notify="container"].alert-pastel-warning {
    border-left-color: rgb(255, 179, 40);
}

[data-notify="container"].alert-pastel-danger {
    border-left-color: rgb(255, 103, 76);
}

.form-control::-webkit-input-placeholder {
    color: #6d7b8d;
    font-style: italic
}

.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,0.75)'/></svg>");
}

.form-switch .form-check-input:focus {
    border-color: rgba(0, 0, 0, 0.25);
    outline: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,0.75)'/></svg>");
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 30 30' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
}

.logLevel1 {
    color: whitesmoke !important;
}

.logLevel2 {
    color: #ABC8E6 !important;
}

.logLevel3 {
    color: #E6B400 !important;
}

.logLevel4 {
    color: red !important;
}

.bg_correction {
    background: #565750;
}

.workspaceReconnectingParent, .throttlingParent { 
    background: #4c4c4c; 
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd;
}

.windicatorButtonBorder {
    opacity: 0.1;
}

.windicatorButtonActive {
    fill:transparent
}

..windicatorMainArea{
    opacity: 0.1;
}

.windicatorArcArrow {
    stroke: whitesmoke;
    fill: whitesmoke;
    opacity: 0.9;
}

.windicatorHollowArcArrow {
    stroke: whitesmoke;
    fill: orange;
    opacity:0.9;
}

.windicatorMainArea {
    opacity: 0.1;
}

..windicatorPlaneIndicator {
    stroke: whitesmoke;
}

.windicatorButtonActiveBorder {
    mix-blend-mode: plus-lighter;
}

.windicatorMenu{
    /*opacity:0.8;*/
    fill: black;
}