/*! 
* Ras Web Viewer - ver. 2.2.2 - 03.11.2022.
* Copyright Ras Timetable Software. All Rights Reserved. 
* http://time-table.net
*/
:root{
  --background-color: #eaeae2;
  --primary-color: #072c2c;
  --secondary-color: #c5c5ad;
  --accent-color: #ff5f02;
  --text-color: #000000;
  --nav-height: 70px;

  --spec-boja:#bdc7bd;
}

@media screen {

    #print-container,
    #screen-container.hidden {
        display: none
    }

    #screen-container {
        display: block;
        min-width: 800px;
        padding: 0;
        font-size: 92.8%;
        margin: 0;
    }

    .error {
        position: fixed;
        padding: 20px;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 120%;
        color: #fff;
        text-align: center
    }
}

body {
    margin: 0;
    padding: 0;
    font: 12px Roboto, arial, helvetica, verdana, sans-serif;
    font-size: small;
    color: #000;
    background-color: #072c2c !important;
    cursor: default
}

.datahighlight {
    background-color: #ffdc87 !important;
    color: var(--primary-color);
    text-decoration: underline
}

dd,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
label,
li,
ol,
p,
ul {
    margin: 0;
    border: 0;
    padding: 0
}

p.sitno {
    font-size: 75%;
    line-height: 110%;
    padding: 15px 0 0;
    color: #898;
    border: none
}

.hidden {
    display: none
}

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

#mainFrame {
    background: #fafafa;
    padding: 20px;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    overflow: hidden;
    border-radius: 8px;
    -moz-box-shadow: 5px 8px 5px #3a553a;
    -webkit-box-shadow: 5px 8px 5px #3a553a;
    box-shadow: 5px 8px 5px #3a553a
}

#raspored_naslov {
    width: 100%;
    padding-top: 3px;
    vertical-align: top;
    z-index: 5
}

#raspored_naslov .title {
    width: 100%;
    vertical-align: top;
    font-size: 100%;
    font-weight: 700
}

#raspored_naslov #school-name {
    color: var(--primary-color)
}

#raspored_naslov h1 {
    font-size: 190%
}

#right_menu {
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
    border-radius: 5px;
    width: 16em;
    float: right;
    background-color: #eee;
    border: 1px solid #898;
    padding: 5px;
    display: block;
    position: relative
}

#right_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#right_menu input[type=radio] {
    cursor: pointer;
    margin: 2px 0 5px 5px;
    vertical-align: middle;
    accent-color: var(--accent-color);
}

#right_menu input[type=radio]+label {
    display: inline-block;
    width: 70px;
    padding: 3px 5px;
    margin: 0
}

#right_menu input[type=radio]:checked+label {
    font-weight: 700
}

#right_menu #radios {
    padding-right: 10px;
    flex: 1;
}

#right_menu #printer {
    width: 40px;
    height: 40px;
    padding: 5px 10px;
    margin: 0 0 0 10px;
    right: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(data:image/png;base64,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);
    flex: 0 0 auto;
}

.tb-item {
    padding: 5px 1px 1px
}

.tb-item:hover {
    cursor: pointer
}

#combo {
    position: absolute;
    z-index: 15
}

#select {
    font-weight: 700;
    font-size: 100%;
    background-color: #eee;
    border: 1px solid #898
}

#select option {
    background-color: #fff
}

.mainTable {
    width: 100%;
    background: #fff;
    padding: 0;
    border: 2px solid #565;
    table-layout: fixed;
    border-collapse: collapse;
    page-break-after: always
}

.mainTable td,
.mainTable th {
    text-align: center;
    border-collapse: collapse;
    border-style: solid;
    padding: 0
}

.mainTable:last-of-type {
    page-break-after: auto
}

.mainTable th {
    font-size: 95%;
    height: 1.5em;
    border-color: #586;
    border-width: 0 1px 1px 0;
    font-weight: 400;
    background: #f0f0f0
}

.mainTable td,
.mainTable td.rbr {
    font-size: 90%
}

.mainTable th.headCelDay,
.mainTable th.headCelDayEven {
    font-weight: 700;
    overflow: hidden;
}

.mainTable th.headCelDayEven,
.mainTable th.headCelPerEven {
    background: #eafada
}

.mainTable th.razmak {
    width: 0;
    border-width: 0 0 0 2px
}

.mainTable th.razmakOdel {
    width: 10px;
    border-width: 0 1px
}

.mainTable tr {
    page-break-inside: avoid;
    width: 100%
}

.mainTable tr.dataRow {
    height: 3em
}

.mainTable tr:hover td:has(div) {
    background-color: #ffdc87 !important
}

.mainTable tr:hover td.rasCelNast,
.mainTable tr:hover td.rasCelOdel {
    background-color: #ffdc87 !important;
    color: var(--primary-color);
    text-decoration: underline
}

.mainTable td {
    overflow: hidden;
    font-weight: 400;
    height: 3em;
    border-color: #c4c4c4;
    border-width: 0 .5px .5px 0;
    margin: 0
}

.mainTable td.ev {
    background: #eafada
}

.mainTable td.od {
    background: #f2f5f2
}

.mainTable td.rasCelNast {
    text-align: left;
    cursor: pointer;
    padding: 0 5px;
    font-size: 95%
}

.mainTable td div.crd,
div.card,
div.cardW,
div.card_block,
div.card_blockW {
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0
}

.mainTable td.rasCelOdel {
    cursor: pointer;
    font-weight: 700;
    font-size: 100%
}

.mainTable td div.crd {
    white-space: nowrap;
    line-height: 3em;
    height: 3em;
    width: 100%
}

div.card_block,
div.card_blockW {
    border-width: 0
}

div.card_blockW {
    color: #fff
}

div.card,
div.cardW {
    height: 3em;
    line-height: 3em;
    border: 1px solid #286
}

div.cardW {
    color: #fff
}

@media screen {

    #toolCenter,
    #toolLeft,
    #toolRight {
        margin: 7px;
        display: block
    }

    #loadme {
        padding: .2em;
        font-size: 90%
    }

    #loadme h2,
    h3,
    h4 {
        color: #444;
        text-align: center
    }

    #toolLeft {
        text-align: left;
        float: left
    }

    #toolRight {
        text-align: right;
        float: right
    }

    #toolCenter {
        text-align: center
    }

    #print-tool {
        position: absolute;
        top: 12px;
        right: 35px;
        font-weight: 700
    }

    .toolTable,
    .toolTable-o {
        width: 100%;
        background: #f2f5f2;
        border-collapse: collapse;
        border: 2px solid #565;
        table-layout: fixed
    }

    .toolTable td,
    .toolTable th,
    .toolTable-o td,
    .toolTable-o th {
        text-align: center;
        overflow: hidden;
        border-collapse: collapse;
        border-style: solid;
        border-color: #586;
        border-width: 0 1px 1px 0;
        padding: 0;
        margin: 0;
        font-size: 100%;
        height: 60px;
        font-weight: 400
    }

    .toolTable-o td {
        height: 5.9em
    }

    .toolTable td.od,
    .toolTable-o td.od {
        background: #e0eaca
    }

    .toolTable th,
    .toolTable-o th {
        height: 1.5em;
        font-weight: 700;
        background: #eafada
    }

    div.toolCard {
        overflow: hidden;
        border: none;
        margin: 1px;
        padding: 0;
        background-color: rgb(187, 248, 192) !important;
        color: black !important;
    }

    div.pk,
    div.pk-2,
    div.toolCard_block {
        padding: 0;
        border: none;
        overflow: hidden;
        background-color: rgb(187, 248, 192) !important;
        color: black !important;
    }

    div.ucenicki-polje{
        background-color: rgb(187, 248, 192) !important;
        color: black !important;
    }

    div.pk,
    div.pk-2 {
        display: block;
        line-height: 10px;
        height: 10px;
        margin: 0
    }

    div.pk-2 {
        white-space: normal;
        height: 20px;
        font-size: 80%
    }

    div.toolCard_block {
        margin: 0;
        font-weight: 700;
        white-space: normal
    }

    span.pki {
        font-weight: 400;
        font-size: .85em
    }

    div.kab {
        position: relative;
        text-align: right;
        height: .5em
    }

    span.kab {
        font-size: 80%;
        border: 1px solid #888;
        padding: 1px
    }

    .toolTable-o td .toolCellOdel {
        text-align: center;
        overflow: hidden;
        font-size: 95%;
        border-collapse: collapse;
        margin: 0;
        padding: 1px
    }

    .cellTable,
    .cellTable td {
        vertical-align: middle;
        border-collapse: collapse;
        border: none;
        padding: 0;
        margin: 0
    }

    .cellTable {
        width: 100%;
        table-layout: fixed;
        overflow: hidden
    }

    .cellTable td {
        text-align: center;
        font-weight: 400
    }

    #backgroundPopup {
        z-index: 10;
        position: fixed;
        display: none;
        height: 100%;
        width: 100%;
        background: #000;
        top: 0;
        left: 0
    }

    #toPopup {
        padding: 30px;
        background: #fff;
        border: 1px solid #888;
        border-radius: 7px;
        color: #333;
        display: none;
        position: absolute;
        z-index: 20;
        -moz-box-shadow: 3px 3px 5px #888;
        -webkit-box-shadow: 3px 3px 5px #888;
        box-shadow: 3px 3px 5px #888
    }



    div.close {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIhSURBVDjLlZPrThNRFIWJicmJz6BWiYbIkYDEG0JbBiitDQgm0PuFXqSAtKXtpE2hNuoPTXwSnwtExd6w0pl2OtPlrphKLSXhx07OZM769qy19wwAGLhM1ddC184+d18QMzoq3lfsD3LZ7Y3XbE5DL6Atzuyilc5Ciyd7IHVfgNcDYTQ2tvDr5crn6uLSvX+Av2Lk36FFpSVENDe3OxDZu8apO5rROJDLo30+Nlvj5RnTlVNAKs1aCVFr7b4BPn6Cls21AWgEQlz2+Dl1h7IdA+i97A/geP65WhbmrnZZ0GIJpr6OqZqYAd5/gJpKox4Mg7pD2YoC2b0/54rJQuJZdm6Izcgma4TW1WZ0h+y8BfbyJMwBmSxkjw+VObNanp5h/adwGhaTXF4NWbLj9gEONyCmUZmd10pGgf1/vwcgOT3tUQE0DdicwIod2EmSbwsKE1P8QoDkcHPJ5YESjgBJkYQpIEZ2KEB51Y6y3ojvY+P8XEDN7uKS0w0ltA7QGCWHCxSWWpwyaCeLy0BkA7UXyyg8fIzDoWHeBaDN4tQdSvAVdU1Aok+nsNTipIEVnkywo/FHatVkBoIhnFisOBoZxcGtQd4B0GYJNZsDSiAEadUBCkstPtN3Avs2Msa+Dt9XfxoFSNYF/Bh9gP0bOqHLAm2WUF1YQskwrVFYPWkf3h1iXwbvqGfFPSGW9Eah8HSS9fuZDnS32f71m8KFY7xs/QZyu6TH2+2+FAAAAABJRU5ErkJggg==) no-repeat;
        cursor: pointer;
        position: absolute;
        top: 12px;
        left: 30px;
        width: 16px;
        height: 16px;
        padding: 3px
    }

    div.close:hover {
        border: 1px solid transparent
    }
}

td.class-td {
    padding: 1px;
    margin: 1px
}

td.class-td table {
    width: 100% !important;
    height: 100% !important;
    border-style: hidden !important;
    border-collapse: collapse !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    table-layout: fixed !important
}

td.class-td table td {
    padding: 0;
    margin: 0;
    height: inherit;
    line-height: inherit;
    border-style: dotted;
    border-color: #aaa;
    border-width: 0 .5px .5px 0
}

td.class-td table td.right {
    border-right: none
}

td.class-td table td.bottom {
    border-bottom: none
}

td.right::before{
    content: none !important;
    display: none !important;
}

td.class-td table td div {
    position: relative;
    padding: 0;
    border: none;
    height: inherit;
    line-height: 100%
}

td.class-td table td div .kabi {
    position: absolute;
    top: .5px;
    right: .5px;
    height: 10px;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 75%
}

td.class-td table td div .pred {
    display: grid;
    align-content: center
}

td.class-td table td div .pred-top {
    display: block
}

@media print {

    #combo,
    #right_menu,
    #screen-container,
    footer, header {
        display: none !important;
    }

    .dugme-item{
        display: none !important;
    }

    #print-container {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .mainTable,
    .mainTable th {
        border-color: #555
    }

    #toolCenter,
    #toolLeft,
    #toolRight {
        display: block;
        margin: 5px
    }

    h2,
    h3,
    h4 {
        margin: 0
    }

    #tool-header {
        width: 100%;
        font-size: 80%;
        font-weight: 400
    }

    #toolLeft {
        text-align: left;
        float: left
    }

    #toolRight {
        text-align: right;
        float: right
    }

    #toolCenter {
        text-align: center
    }

    #print-tool {
        display: none
    }

    h3,
    h4 {
        color: #444;
        text-align: center
    }

    h2 {
        color: #000;
        font-size: 120%;
        text-align: center
    }

    .toolTable,
    .toolTable-o {
        width: 100%;
        border-collapse: collapse;
        border: 2px solid #444;
        table-layout: fixed;
    }

    .toolTable td,
    .toolTable th,
    .toolTable-o td,
    .toolTable-o th {
        text-align: center;
        overflow: hidden;
        border-collapse: collapse;
        border-style: solid;
        border-color: #444;
        border-width: 1px;
        padding: 1px;
        margin: 0;
        font-size: 100%;
        height: 60px;
        font-weight: 400
    }

    div.pk,
    div.pk-2,
    div.toolCard,
    div.toolCard_block {
        padding: 0;
        margin: 0;
        overflow: hidden;
        font-weight: normal !important;
    }

    .toolTable th,
    .toolTable-o th {
        height: 1.5em;
        font-weight: 400;
        color: #444;
        box-shadow: inset 0 0 0 1000px #f5f5f5
    }

    .toolTable-o td .toolCellOdel [style],
    div.toolCard [style],
    td.class-td [style] {
        color: #000 !important
    }

    div.toolCard {
        height: 56px
    }

    div.pk,
    div.pk-2 {
        display: block;
        line-height: 10px;
        height: 10px;
        border: none
    }

    div.pk-2 {
        height: 20px;
        font-size: 80%
    }

    div.toolCard_block {
        font-weight: 700;
        white-space: normal
    }

    span.pki {
        font-weight: 400;
        font-size: .85em
    }

    div.kab {
        position: relative;
        text-align: right;
        height: .5em;
        margin: 1px 1px 0 0
    }

    span.kab {
        font-size: 80%;
        border: 1px solid #eee;
        padding: 1px
    }

    .cellTable,
    .cellTable td {
        vertical-align: middle;
        border: none
    }

    .toolTable-o td .toolCellOdel {
        text-align: center;
        overflow: hidden;
        font-size: 95%;
        height: 6em;
        padding: 0;
        margin: 0
    }

    .cellTable {
        width: 100%;
        padding: 0;
        margin: 0;
        table-layout: fixed;
        overflow: hidden
    }

    .cellTable td {
        text-align: center;
        font-weight: 400;
        padding: 0 2px
    }
}

@media screen and (max-width: 768px) {

    body {
        overflow-x: hidden;
    }

    #screen-container {
        min-width: 0;
    }

    #mainFrame {
        margin: 10px;
        padding: 10px;
    }

    #right_menu {
        width: 100%;
        flex-wrap: wrap;
    }

    #right_menu #printer {
        margin-left: auto;
    }

    #right_menu input[type=radio] {
        accent-color: var(--accent-color);
    }

    .rasporedcasova-wrapper {
        width: 100%;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
    }

    .mainTable {
        min-width: 1000px;
    }

    h1 {
        font-size: 140%;
    }

    h2 {
        font-size: 120%;
    }

    #raspored_naslov table td {
        display: block;
        width: 100% !important;
        text-align: center;
    }

    #title-left,
    #title-center {
        text-align: center !important;
    }

    #toPopup {
        /* width: 90vw;
        max-width: 95vw;
        left: 50% !important; */
        top: 10vh;
        /* transform: translateX(-50%); */
        padding: 15px;
        box-sizing: border-box;
    }

    #loadme {
        max-height: 70vh;
        overflow-y: auto;
    }

    #backgroundPopup {
        width: 100vw;
        height: 100vh;
    }

    #title-left{
        display: none;
    }
}