.w3-theme-light {color:#152A52 !important; background-color:#ffffff !important}
.w3-theme-dark {color:#00C294 !important; background-color:#152A52 !important}
/*
.w3-theme-color {color:#00C294 !important;}
*/
.w3-hover-theme:hover {color:#fff !important; background-color:#616161 !important}

h1    {font-weight: 700; font-style: italic; font-size: 35px;}
label.skvc {font-weight: 700; font-size: 35px;color:#00C294}
.w3-input.skvc {height: 65px; border-radius: 40px; font-size: 35px; font-weight: 700; background-color: white !important;}
.skvc-link {color: #ffffff;text-decoration: none;}
.skvc-link:hover {color: #00C294;}
.skvc-color {color:#00C294} 
.skvc-bgcolor {background-color:#00C294} 
.skvcTitle {color: #ffffff;font-weight: 700; font-style: italic; font-size: 45px;}
html, body {height: 100%;font-size: 18px;}
.skvc-button {width: 268px; height: 60px; background-color: #00C294; color: #152A52; border-radius: 15px; margin: 8px 16px 8px 16px; padding: 0; font-size: 24px; font-weight: 700;}

.color-input .box {width: 20px !important;height: 25px !important}
.color-input .box.active {background-color: transparent !important;}
.color-input .picker-popup {z-index: 100 !important;}
.color-input.user .box::before {content: '\f53f';font: var(--fa-font-regular)}

.my-close-button {border-radius: 50%;position: absolute;top: 10px;right: 10px}
div#closeInfo {position: absolute; right: 20px; bottom: -20px; z-index: 999; border: none; cursor: pointer; padding: 2px 5px; font-size: 12px; border-radius: 3px; background-color: rgb(194, 53, 49); color: rgb(255, 255, 255);}
table#tableData th {background: #00C294; position: sticky; top: 0; /* Don't forget this, required for the stickiness */ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);}

/* vypnutie autocomplete style */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.centerFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}