:root {
    --fntsize: 12pt;
    --color_theme: var(--color_light);
    --color_navbar: var(--color_grey);
    --color_pagebgcolor: var(--color_lightgrey);
    --color_btnregular: var(--color_theme);
    --color_lightgrey: #DEDEDE;
    --color_grey: #B8B8B8;
    --color_light: #F7F7F7;
    --color_black: #020202;
    --color_tomato: #F05C41;
    --color_salmon: #F48D7B;
    --color_orange: #EFA155;
    --color_yellow: #F1D165;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1.5), only screen and (max--moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen and (max-device-pixel-ratio: 1.5) {
    :root {
        --fntsize: 14pt;
    }
}

* {
    font-family: Ubuntu;
    font-size: var(--fntsize);
}

.bannertext {
    text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
    color: white;
    font-size: 6.2em;
}

.btn-color-primary {
    background-color: var(--color_btnregular);
    border-color: var(--color_btnregular_border);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

.btn-color-secondary {
    background-color: var(--color_btnsecondary);
    border-color: var(--color_btnsecondary_border);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

body {
    margin-bottom: 60px;
    background-color: var(--color_pagebgcolor);
    overflow-y: scroll;
}

.navbar {
    background-color: var(--color_navbar);
}

.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem var(--color_theme); /*Input focus olunca görünen gölge*/
    border-color: var(--color_btnregular_border); /*Input focus olunca görünen border*/
}

.td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.btntab {
    width: 3.2rem;
    margin: 0.1rem;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}

select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid #dee2e6;
}

html, body, form {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 0px;
}

.nav-link.active {
    background-color: black !important;
    color: white !important;
}

.nav-link {
    color: black !important;
}

.form-check {
    display: flex;
    align-items: center;
}

    .form-check .form-label {
        padding-top: 0.3rem;
        padding-left: 1rem;
    }

.daemonbox {
    display: inline-block;
    font-weight: 200;
    margin-right: 2px;
    margin-bottom: 2px;
    border-radius: 1em;
    border: 1px solid black;
    stroke-width: 5px;
    color: var(--color_black);
    padding: 0.06em 0.6em;
    background-color: white;
}

.daemonboxlight {
    background-color: white;
    color: var(--color_black) !important;
}

.daemonboxcolortheme {
    background-color: var(--color_theme);
}

/* CheckBox Style */
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

    input[type=checkbox]::before {
        content: "";
        width: 1.5em;
        height: 1.5em;
        -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 150ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        /* Windows High Contrast Mode */
        background-color: black;
    }

    input[type=checkbox]:checked::before {
        transform: scale(1);
    }

    input[type=checkbox]:focus {
        outline: max(2px, 0.15em) solid lightgray;
        outline-offset: max(2px, 0.15em);
    }

    input[type=checkbox]:disabled {
        --form-control-color: var(--form-control-disabled);
        color: var(--form-control-disabled);
        cursor: not-allowed;
    }

.chckbox {
    display: flex;
    align-items: center;
    padding: 0 1rem 1rem 1rem;
    margin-bottom: 1rem;
}

/* SCROLLBAR */
/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #000000 #FFFFFF;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #FFFFFF;
}

    *::-webkit-scrollbar-track:hover {
        background-color: #FFFFFF;
    }

    *::-webkit-scrollbar-track:active {
        background-color: #FFFFFF;
    }

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #000000;
}

    *::-webkit-scrollbar-thumb:hover {
        background-color: #848484;
    }

    *::-webkit-scrollbar-thumb:active {
        background-color: #5F5F5F;
    }


a {
    text-decoration: none !important;
}

kbd {
    font-family: Consola;
}

select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}

/* FONTS  */
@font-face {
    font-family: "Consola";
    src: url("/fonts/consola.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/fonts/ubuntu-regular-webfont.eot');
    src: url('/fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ubuntu-regular-webfont.woff2') format('woff2'), url('/fonts/ubuntu-regular-webfont.woff') format('woff'), url('/Fonts/ubuntu-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('/fonts/robotoLatinExt.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), url('/fonts/robotoLatin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/robotoLatinExtBold.woff2') format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/robotoLatinBold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/montserrat-regular.woff2') format('woff2'), url('/fonts/montserrat-regular.woff') format('woff'), url('/fonts/montserrat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caveat';
    src: url('/fonts/caveat-regular.woff2') format('woff2'), url('/fonts/caveat-regular.woff') format('woff'), url('/fonts/caveat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pangolin';
    src: url('/fonts/pangolin-regular.woff2') format('woff2'), url('/fonts/pangolin-regular.woff') format('woff'), url('/fonts/pangolin-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mukta';
    src: url('/fonts/mukta-regular.woff2') format('woff2'), url('/fonts/mukta-regular.woff') format('woff'), url('/fonts/mukta-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anaheim';
    src: url('/fonts/anaheim-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arya';
    src: url('/fonts/arya-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans';
    src: url('/fonts/notosans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sansita';
    src: url('/fonts/sansita-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Truculenta';
    src: url('/fonts/truculenta-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mollie glaston';
    src: url('/fonts/mollieglaston.woff2') format('woff2'), url('/fonts/mollieglaston.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.woff2') format('woff2'), url('/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VT323';
    src: url('/fonts/VT323-Regular.woff2') format('woff2'), url('/fonts/VT323-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Henny Penny';
    src: url('/fonts/HennyPenny-Regular.woff2') format('woff2'), url('/fonts/HennyPenny-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}