:root {
  --page-bg: #ffb2db;
  --text-color: #f00;
}

@media (prefers-color-scheme: dark) {
  :root {
    --page-bg: darkslategray;
    --text-color: silver;
  }
}

body	{ font-size: 1em; background: var(--page-bg); color: var(--text-color); }

pre	{ padding: 3px 5px; }

option	{ padding: 0.1em 0; }

input:hover,
textarea:hover { background: #fff url(/css/cat.gif) no-repeat top right; background-size: contain; }

.alert	{ padding: 0.5em; margin: 3px; }

.preklepyIn	{ height: 250px; }

.fr	{ float: right; }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

#sharelatorgraf	{ width: 100%; height: 500px; }