html[data-color='light-aras'] {
    --primary: #062f6d;
    --secondary: #6cdbef;
    --tertiary: #5de3c8;
    --quaternary: #558df3;
    --primary-rgb: 30, 168, 231;
    --secondary-rgb: 108, 219, 239;
    --tertiary-rgb: 93, 227, 200;
    --quaternary-rgb: 85, 141, 243;
    --primary-darker: #1b9ad4;
    --secondary-darker: #6cdbef;
    --tertiary-darker: #54ccb4;
    --quaternary-darker: #4c7dd6;
    --body: #4e4e4e;
    --alternate: #7c7c7c;
    --muted: #afafaf;
    --separator: #e6e6e6;
    --separator-light: #f1f1f1;
    --body-rgb: 59, 59, 59;
    --alternate-rgb: 124, 124, 124;
    --muted-rgb: 176, 176, 176;
    --separator-rgb: 221, 221, 221;
    --separator-light-rgb: 241, 241, 241;
    --background: #f9f9f9;
    --foreground: #ffffff;
    --background-rgb: 249, 249, 249;
    --foreground-rgb: 255, 255, 255;
    --background-theme: #eaf0f1;
    --background-light: #f8f8f8;
    --gradient-1: #062f6d;
    --gradient-2: #0243a5;
    --gradient-3: #23b3f4;
    --gradient-1-lighter: #2abdff;
    --gradient-1-darker: #1fa5e2;
    --light-text: #fff;
    --dark-text: #343a40;
    --light-text-darker: #eeeeee;
    --dark-text-darker: #23272b;
    --light-text-rgb: 255, 255, 255;
    --dark-text-rgb: 52, 58, 64;
    --danger: #cf2637;
    --info: #279aac;
    --warning: #ebb71a;
    --success: #439b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #333333;
    --alternate-darker: #616161;
    --muted-darker: #888888;
    --separator-darker: #c0c0c0;
    --danger-rgb: 182, 40, 54;
    --info-rgb: 41, 138, 153;
    --warning-rgb: 235, 183, 26;
    --success-rgb: 65, 139, 56;
    --light-rgb: 218, 218, 218;
    --dark-rgb: 78, 78, 78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.05);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #242424;
    --theme-image-filter: hue-rotate(0deg);
}
html[data-color='dark-aras'] {
    --primary: #0a62e7;
    --secondary: #6cdbef;
    --tertiary: #54cdb4;
    --quaternary: #4d7fdb;
    --primary-rgb: 27, 152, 208;
    --secondary-rgb: 97, 198, 216;
    --tertiary-rgb: 84, 205, 180;
    --quaternary-rgb: 77, 127, 219;
    --primary-darker: #1989bb;
    --secondary-darker: #56b1c1;
    --tertiary-darker: #46af99;
    --quaternary-darker: #426ebf;
    --body: #c1c1c1;
    --alternate: #999999;
    --muted: #727272;
    --separator: #474747;
    --separator-light: #2e2e2e;
    --body-rgb: 193, 193, 193;
    --alternate-rgb: 153, 153, 153;
    --muted-rgb: 114, 114, 114;
    --separator-rgb: 71, 71, 71;
    --separator-light-rgb: 46, 46, 46;
    --background: #121212;
    --foreground: #1d1d1d;
    --background-rgb: 29, 29, 29;
    --foreground-rgb: 36, 36, 36;
    --background-theme: #242424;
    --background-light: #292929;
    --gradient-1: #0a62e7;
    --gradient-2: #062f6d;
    --gradient-3: #1ea5e1;
    --gradient-1-lighter: #1ea5e1;
    --gradient-1-darker: #1a90c5;
    --light-text: #f0f0f0;
    --dark-text: #191c1f;
    --light-text-darker: #e9e9e9;
    --dark-text-darker: #08090a;
    --light-text-rgb: 240, 240, 240;
    --dark-text-rgb: 25, 28, 31;
    --danger: #b62836;
    --info: #298a99;
    --warning: #ebb71a;
    --success: #418b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #a0a0a0;
    --alternate-darker: #6e6e6e;
    --muted-darker: #4e4e4e;
    --separator-darker: #353535;
    --danger-rgb: 182, 40, 54;
    --info-rgb: 41, 138, 153;
    --warning-rgb: 235, 183, 26;
    --success-rgb: 65, 139, 56;
    --light-rgb: 218, 218, 218;
    --dark-rgb: 78, 78, 78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    --menu-shadow-navcolor: 0px 3px 10px rgba(0, 0, 0, 0.4);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #242424;
    --theme-image-filter: hue-rotate(0deg) brightness(0.9);
}
    html[data-color='dark-aras'] .logo .img, html[data-color='light-aras'] .logo .img {
        background-image: url(../img/logo/aras-marin-gray.svg);
        background-size: cover !important;
        filter: grayscale(100) brightness(100) !important;
        -webkit-filter: grayscale(100) brightness(100) !important;
        width: 138px !important;
        min-height: 55px  !important;
    }
html[data-placement='vertical'][data-behaviour='unpinned']:not([data-menu-animate='show']) .nav-container .nav-content .logo a {
    width: 65px !important;
}
html[data-placement='vertical'] .nav-container .nav-content .logo a, html[data-placement='horizontal'] .nav-container.mobile-side-ready .nav-content .logo a, html[data-placement='vertical'] .nav-container.mobile-side-ready .nav-content .logo a {
    width: 160px!important;
}

#ProjectList .selectable-item div, .movableProject li div {
    cursor: pointer;
}
    #ProjectList .selectable-item.selected > div, .movableProject li.selectedLi > div {
        background-color: #eee;
    }
    .movableProject li[data-is-active="true"] {
        opacity: .5;
    }
#ProjectList ul ul, #veriler ul ul, .movableProject ul ul {
    margin-left: 8px;
}
table tr:not(:last-child) td {
    border-bottom: 1px solid var(--separator);
}
table th, table td {
    padding: 8px 10px;
}
.star {
    position: absolute;
    top: 3px;
    right: 9px;
    width: 24px;
    aspect-ratio: 1;
    background: #F8CA00;
    clip-path: polygon(50% 0, calc(50%*(1 + sin(.4turn))) calc(50%*(1 - cos(.4turn))), calc(50%*(1 - sin(.2turn))) calc(50%*(1 - cos(.2turn))), calc(50%*(1 + sin(.2turn))) calc(50%*(1 - cos(.2turn))), calc(50%*(1 - sin(.4turn))) calc(50%*(1 - cos(.4turn))) );
}