/* #############################################################################
                             PISAVE
   ###########################################################################*/
/* BEGIN Light */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-Light.woff2?v=1.101") format("woff2"), url("OpenSans-Light.woff?v=1.101") format("woff");
        font-weight: 300;
        font-style: normal;
}

/* END Light */
/* BEGIN Light Italic */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-LightItalic.woff2?v=1.101") format("woff2"), url("OpenSans-LightItalic.woff?v=1.101") format("woff");
        font-weight: 300;
        font-style: italic;
}

/* END Light Italic */
/* BEGIN Regular */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-Regular.woff2?v=1.101") format("woff2"), url("OpenSans-Regular.woff?v=1.101") format("woff");
        font-weight: normal;
        font-style: normal;
}

/* END Regular */
/* BEGIN Italic */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-Italic.woff2?v=1.101") format("woff2"), url("OpenSans-Italic.woff?v=1.101") format("woff");
        font-weight: normal;
        font-style: italic;
}

/* END Italic */
/* BEGIN Semibold */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-SemiBold.woff2?v=1.101") format("woff2"), url("OpenSans-SemiBold.woff?v=1.101") format("woff");
        font-weight: 600;
        font-style: normal;
}

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-SemiBoldItalic.woff2?v=1.101") format("woff2"), url("OpenSans-SemiBoldItalic.woff?v=1.101") format("woff");
        font-weight: 600;
        font-style: italic;
}

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-Bold.woff2?v=1.101") format("woff2"), url("OpenSans-Bold.woff?v=1.101") format("woff");
        font-weight: bold;
        font-style: normal;
}

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-BoldItalic.woff2?v=1.101") format("woff2"), url("OpenSans-BoldItalic.woff?v=1.101") format("woff");
        font-weight: bold;
        font-style: italic;
}

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-ExtraBold.woff2?v=1.101") format("woff2"), url("OpenSans-ExtraBold.woff?v=1.101") format("woff");
        font-weight: 800;
        font-style: normal;
}

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
        font-family: "Open Sans";
        src: url("OpenSans-ExtraBoldItalic.woff2?v=1.101") format("woff2"), url("OpenSans-ExtraBoldItalic.woff?v=1.101") format("woff");
        font-weight: 800;
        font-style: italic;
}

/* END Extrabold Italic */
        /*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;
        400;
        600;
        700;
        800&display=swap');
*/
/* #############################################################################
                              BARVE
   ###########################################################################*/
/* barve za vse module */
.barva-0 {
        background: #F0F0F0;
}

.barva-1 {
        background: #F8F8F8;
}

.barva-2 {
        background: #D0D0D0;
}

.barva-3 {
        background: #f2b707;
}

.barva-4 {
        background: #f3a108;
}

.nastevanje0 {
        background: #e7e8ea;
}

.nastevanje1 {
        background: #FFFFFF;
}

.nastevanjemimo0 {
        background: #ffcfbf;
}

.nastevanjemimo1 {
        background: #ffeee8;
}

.nastevanje-izloceno {
        background: #f2b707;
        color: #707070;
        text-decoration: line-through;
}

.nastevanje-ninavoljo {
        background: #f2b707;
        color: #707070;
}

.nastevanje-glava {
        background: #aec9d9;
        font-weight: bold;
        color: #FFF;
        padding: 2px 0;
        font-size: smaller;
}

.posebno {
        background: #E0E0E0;
}

.predsola {
        background: #C0C0C0;
}

/* #############################################################################
                          ZA VSE MODULE
   ###########################################################################*/
/* da Apple-Kr... ne spremeni vse inpute */
input[type="button"],
input[type="checkbox"],
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="radio"],
input[type="range"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
        -webkit-border-radius: 0;
}

a:hover, a:link, a:visited {
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        text-decoration: none;
}

body {
        background-attachment: fixed;
        background: #FFFFFF;
        color: #000000;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        /*line-height: 18px;*/
        text-align: center;
}

#page-wrap {
        text-align: left;
        width: 960px;
        margin: 0 auto;
        background: #FFFFFF;
        padding: 6px;
}

@media only screen and (max-width: 972px) {
#page-wrap {
        width: calc(100% - 12px);
}

}

h1 {
        background: transparent;
        color: #1368FF;
        font-family: 'Open Sans', sans-serif;
        font-size: 17pt;
        margin-bottom: 0;
}

h2 {
        background: transparent;
        color: #CC4613;
        font-family: 'Open Sans', sans-serif;
        font-size: 15pt;
        font-weight: bold;
        margin-bottom: 0;
}

h3 {
        background: transparent;
        color: #CC4613;
        font-family: 'Open Sans', sans-serif;
        font-size: 12pt;
        margin-bottom: 0;
}

h4 {
        background: transparent;
        color: #CC4613;
        font-family: 'Open Sans', sans-serif;
        font-size: 11pt;
        margin-bottom: 0;
}

h5 {
        background: transparent;
        color: #CC4613;
        font-family: 'Open Sans', sans-serif;
        font-size: 9pt;
        margin-bottom: 0;
}

hr {
        border: thin dashed #CC4613;
        text-align: left;
}

p, td {
        font-family: 'Open Sans', sans-serif;
        font-size: 10pt;
        text-decoration: none;
}

ul {
        font-family: 'Open Sans', sans-serif;
        font-size: 10pt;
        list-style: square outside;
        text-decoration: none;
        padding-left: 1em;
        margin: 3px 0;
}

ol {
        font-family: 'Open Sans', sans-serif;
        font-size: 10pt;
        list-style: decimal outside;
        text-decoration: none;
        padding-left: 1em;
        margin: 3px 0;
}

small {
        font-size: smaller;
}

strong, b, strong *, b * {
        font-weight: bold !important;
}

em, i, em *, i * {
        font-style: italic !important;
}

.glava-obstojeci {
        background: #aec9d9;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 0 5px 0;
}

.grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
}

.vrsta-obstojeci {
        align-items: center;
        display: grid;
        text-align: center;
}

.rdeco-ozadje {
        background: #CC4613 !important;
}

.zeleno-ozadje {
        background: #1C896F !important;
}

.container-brisigumb,
.container-obdelujgumb,
.container-infogumb,
.container-pripombegumb,
.container-pdfgumb {
        height: 30px;
        width: 30px;
        display: block;
        float: left;
}

.container-brisigumb img,
.container-obdelujgumb img,
.container-infogumb img,
.container-pripombegumb img,
.container-pdfgumb img {
        width: 100%;
        height: 100%;
}

textarea, select, input {
        background: #FFFFFF;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
}

/* za nicEditor */
.nicEdit-main {
        background: #FFFFFF;
}

.nicEdit-panelContain {
        background: transparent !important;
        border: none !important;
}

/* okno, ki javi, da je shranjeno, da je kaj narobe, ...*/
.okno-javi {
        width: 400px;
        min-height: 100px;
        text-align: center;
        vertical-align: middle;
        padding: 20px 0 10px 0;
        margin-top: 50px;
        box-shadow: 10px 10px 5px #909090;
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
}

.okno-javi-besedilo {
        display: block;
        clear: both;
        width: 100%;
}

.okno-javi-napaka {
        display: block;
        clear: both;
        width: calc(100% - 40px);
        text-align: left;
        color: #CC4613;
        background: #C0C0C0;
        padding: 10px;
        margin: 10px;
}

.okno-javi-napaka h3 {
        margin:3px auto;
        font-size: 1em;
}

.okno-javi-napaka li {
        font-size: 0.7em;
        list-style-position: inside;
}

.okno-javi-gumb-naprej {
        display: block;
        clear: both;
        background: #213970;
        color: white;
        font-size: 1.3em;
        line-height: 1.5em;
        height: 1.5em;
        cursor: pointer;
        margin: 0 auto;
        border: 0;
        padding: 0 10px;
        width: fit-content;
}

@media screen and (max-width: 450px) {
.okno-javi {
        width: calc(100% - 30px) !important;
}

}

/* #############################################################################
                          LOGIN
   ###########################################################################*/
.login-wrapper,
.login-keinscript {
        background: #e7e8ea;
        text-align: center;
        width: 300px;
        min-height: 200px;
        border: 1px solid #213970;
        padding: 0;
        margin: 20px auto;
}

.login-besedilo,
login-keinscript-besedilo {
        margin: 0 0 10px 0;
        font-size: 2em;
        color: #CC4613;
}

.login-logo,
.login-keinscript-logo {
        max-height: 200px;
        margin: 10px;
        max-width: 90%;
}

.login-keinscript-infotext {
        color: #CC0000;
}

.loginform-uporabnik,
.loginform-geslo {
        display: block;
        font-size: 2em;
        text-align: center;
        vertical-align: middle;
        width: calc(100% - 20px);
        margin: 5px 10px;
        padding: 0;
        border: 0;
}

.loginform-wrapper {
        text-align: center;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        border: 0;
}

.loginform-gumb {
        color: #FFFFFF;
        background: #404F8D;
        text-align: center;
        vertical-align: middle;
        font-size: 2em;
        width: calc(100% - 20px);
        border: 0;
        position: relative;
        bottom: 0;
        left: 0;
        margin: 5px 0 10px 0;
}

.loginform-gumb:hover {
        color: #404F8D;
        background: #FFFFFF;
}

.loginform-napaka {
        list-style-type: none;
        display: block;
        background: red;
        padding: 5px 0;
        color: white;
        margin: 0 0 10px 0;
}

@media only screen and (max-width: 325px) {
.login-wrapper {
        width: calc(100% - 4px);
}

}

/* #############################################################################
                          IZBIRNA, OSNOVNA STRAN
   ###########################################################################*/
.izbira-browserproblem {
        margin: 0 10px;
        background: #404F8D;
        color: #FFFFFF;
        padding: 20px 40px;
        animation: blinkaj 3s linear infinite;
}

@keyframes blinkaj {
0% {
        opacity: 0;
}

}

.izbira-menu-wrapper {
        width: 474px;
        background: #e7e8ea;
        display: block;
        float: left;
}

.izbira-menu-holder {
        width: 454px;
        padding: 10px;
        margin: 0 auto;
}

.izbira-menuicon {
        width: 50px;
}

.izbira-sola {
        display: table-cell;
        width: 150px;
        text-align: center;
}

.izbira-razred {
        display: table-cell;
        width: 150px;
        text-align: center;
}

.izbira-ucitelj {
        display: table-cell;
        width: 150px;
        text-align: center;
}

.izbira-menunaslov {
        display: block;
        width: 100%;
        clear: both;
        color: #FFFFFF;
        height: 20px;
        line-height: 20px;
        background: #404F8D;
        font-weight: bold;
}

.izbira-menutocka {
        display: block;
        clear: both;
        padding: 3px 0px;
        color: #404F8D;
}

.izbira-menutocka:link,
.izbira-menutocka:visited {
        color: #404F8D;
}

.izbira-menutocka:hover {
        background: #CC4613;
        color: #FFFFFF;
}

.izbira-kurzinput-wrapper {
        width: 454px;
        text-align: left;
        overflow: auto;
        border: none;
        margin: 0 auto 20px auto;
        background: #FFF;
        display: block;
        float: right;
}

.izbira-kurzinput-besedilo {
        padding: 3px 3px 6px 10px;
        display: block;
        width: calc(100% - 43px);
        float: left;
        margin: 5px 0 5px 0;
}

.izbira-kurzinput-avtor {
        color: #FFFFFF;
        background: #404F8D;
        font-weight: bold;
        margin: 0;
        display: block;
        clear: both;
        padding: 3px 10px;
        width: fit-content;
}

.izbira-kurzinput-icon {
        width: 30px;
        display: block;
        float: left;
        margin: 5px 0 0 0;
}

.izbira-infopoint-feedbacks-wrapper {
        border: none;
        min-height: 200px;
        overflow-y: auto;
        width: 454px;
        margin: 0 auto 20px auto;
        display: block;
        float: right;
        clear: right;
        background: #FFFFFF;
}

.izbira-infopoint-feedback-glava {
        Background: #404F8D;
        Color: #FFFFFF;
        display: block;
        padding: 3px 10px;
        width: 170px;
        margin: 0px;
        font-weight: bold;
}

.izbira-infopoint-feedback {
        width: 100%;
        background: #cfcfcf;
        margin: 0 0 6px 0;
}

.izbira-infopoint-pripomba {
        padding: 3px 5px;
        background: #FFFF99;
}

.izbira-infopoint-pripomba-odgovor {
        background: #e7e8ea;
        font-size: 0.8em;
        font-style: italic;
        margin: 0 0 0 5px;
        padding: 3px;
        color: #404F8D;
        display: block;
        line-height: 1.3em;
}

.izbira-infopoint-feedback-naslov {
        line-height: 200%;
        margin: 0 5px;
}

.izbira-termini-wrapper {
        width: 454px;
        text-align: left;
        margin: 0 auto 20px auto;
        border: none;
        height: 150px;
        overflow-y: auto;
        display: block;
        float: right;
        clear: right;
        background: #FFFFFF;
}

.izbira-termini-glava {
        background: #404F8D;
        Color: #FFFFFF;
        display: block;
        padding: 3px 10px;
        width: 110px;
        margin: 0px;
        font-weight: bold;
}

.izbira-termin {
        display: block;
        width: 100%;
        clear: both;
        min-height: 60px;
}

.izbira-termin-datum {
        padding: 3px;
        font-size: 0.7em;
        background: #cfcfcf;
        display: block;
        text-align: center;
        width: 60px;
        float: left;
        clear: both;
}
.izbira-termin-datum-aktiven {
        background: #aec9d9;
}

.izbira-termin-datum-dan {
        font-weight: bold;
}

.izbira-termin-datum-datum {
        font-size: 1.7em;
        font-weight: bold;
}

.izbira-termin-datum-leto {
        font-size: 1.4em;
}

.izbira-termin-vsebina {
        display: block;
        width: calc(100% - 72px);
        padding: 0 3px;
        float: left;
        margin: 0 0 8px 0;
}

.izbira-termin-vsebina-naslov {
        font-weight: bold;
        background: #CECECE;
        color: #404F8D;
        display: block;
        margin: 0 0 2px 0;
}

.izbira-termin-vsebina-naslov-info {
        margin-left: 5px;
        font-size: 0.7em;
        vertical-align: middle;
        color: #CC4613;
}

@media only screen and (max-width: 950px) {
.izbira-menu-wrapper,
.izbira-kurzinput-wrapper,
.izbira-termini-wrapper,
.izbira-infopoint-feedbacks-wrapper {
        width: calc(100% - 80px);
        display: block;
        float: none;
        clear: both;
        margin-top: 10px;
        padding: 0 40px;
}

}

@media only screen and (max-width: 570px) {
.izbira-menu-wrapper,
.izbira-kurzinput-wrapper,
.izbira-termini-wrapper,
.izbira-infopoint-feedbacks-wrapper {
        width: 100%;
        padding: 0 0 0 0;
}

}

@media only screen and (max-width: 485px) {
.izbira-menu-holder {
        width: calc(100% - 32px);
}

.izbira-sola,
.izbira-razred,
.izbira-ucitelj {
        width: 100%;
        display: block;
        border: 0;
}

.izbira-menutocka {
        font-size: 1.2em;
        line-height: 1.4em;
}

.izbira-menunaslov {
        font-size: 1.5em;
        margin: 0;
}

.izbira-menuicon {
        width: 35px;
}
}

/* #############################################################################
                          TOPBAR PRI VSEH MODULIH
   ###########################################################################*/
.topbar {
        display: block;
        overflow: hidden;
        background: #f1f1f1;
}

.topbar-logout {
        float: left;
        background: #CC4613;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 55px;
        padding: 0 5px;
}

.topbar-logout:hover {
        box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
}

.topbar-logout-text {
        display: inline;
}

.topbar-logout-button {
        display: none;
        height: 55px;
}

.topbar-levo {
        display: block;
        float: left;
        width: fit-content;
        height: 55px;
        text-align: center;
        border: 0px;
        margin: 0px;
}

.topbar-logo {
        height: 45px;
        padding: 5px 10px 5px 5px;
        float: left;
}

.topbar-imemodula {
        display: table-cell;
        height: 52px;
        vertical-align: bottom;
        text-align: left;
        color: #CC4613;
        font-weight: bold;
        font-size: 1.6em;
        line-height: 1.1em;
}

.topbar-uporabnik {
        display: block;
        float: left;
        line-height: 17px;
        padding: 0 10px;
        height: 51px;
        margin: 1px;
        border: 0px;
}

.topbar-datumcas {
        display: block;
        float: left;
        padding: 0px;
        width: 100%;
        color: #213970;
}

.topbar-desno {
        float: right;
}

.topbar-micromenu {
        width: 350px;
        background: #FFFFFF;
        display: none;
        position: absolute;
        top: 6px;
        margin-left: 55px;
        font-size: 0.9em;
        z-index: 2;
}

.topbar-micromenu-button {
        height: 55px;
        background: #CC4613;
        color: #FFFFFF;
        display: block;
        float: left;
        padding: 0 5px;
        width: calc(100% - 10px);
        text-align: center;
        font-size: 2em;
        line-height: 2em;
        margin: 0 0 5px 0;
}

.topbar-micromenu-button:hover {
        box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
}

.topbar-micromenu .izbira-menunaslov {
        background: #404F8D;
}

/* topbar-menu-preklop
Animacija za ikonco, ki preklaplja topbar */
.topbar-menu-preklop {
        width: 35px;
        height: 35px;
        margin: 10px 10px;
        position: relative;
        cursor: pointer;
        float: left;
}

.topbar-menu-preklop span {
        background: #213970;
        position: absolute;
        transition: .3s cubic-bezier(.8, .5, .2, 1.4);
        width: 100%;
        height: 4px;
        transition-duration: 500ms
}

.topbar-menu-preklop span:nth-child(1) {
        top: 0px;
        left: 0px;
}

.topbar-menu-preklop span:nth-child(2) {
        top: 15px;
        left: 0px;
        opacity: 1;
}

.topbar-menu-preklop span:nth-child(3) {
        bottom: 0px;
        left: 0px;
}

.topbar-menu-preklop:not(.open):hover span:nth-child(1) {
        transform: rotate(-3deg) scaleY(1.1);
}

.topbar-menu-preklop:not(.open):hover span:nth-child(2) {
        transform: rotate(3deg) scaleY(1.1);
}

.topbar-menu-preklop:not(.open):hover span:nth-child(3) {
        transform: rotate(-4deg) scaleY(1.1);
}

.topbar-menu-preklop.open span:nth-child(1) {
        transform: rotate(45deg);
        top: 15px;
}

.topbar-menu-preklop.open span:nth-child(2) {
        opacity: 0;
}

.topbar-menu-preklop.open span:nth-child(3) {
        transform: rotate(-45deg);
        top: 15px;
}

@media only screen and (max-width: 650px) {
.topbar-logo {
        display: none;
}

}

@media only screen and (max-width: 520px) {
.topbar-uporabnik {
        display: none;
}

.topbar-logout {
        padding: 0;
}

.topbar-logout-text {
        display: none;
}

.topbar-logout-button {
        display: block;
        height: 55px;
}

.topbar-imemodula {
        font-size: 1em;
        line-height: 1.7em;
}

.topbar-micromenu {
        width: 300px;
}
}

@media only screen and (max-width: 485px) {
.topbar-micromenu {
        width: 200px;
}
}

/* #############################################################################
                          GLAVA ZA VSE MODULE
   ###########################################################################*/
.glava-wrapper {
        background: #aec9d9;
        color: #000;
        width: calc(100% - 20px);
        min-height: 24px;
        padding: 10px 10px 10px 10px;
        margin: 0 0 10px 0;
        overflow: auto;
}

.glava-info {
        float: left;
        text-align: left;
        margin: 0 0 5px 0;
        width: 100%;
}

.glava-info-pdfgumb {
        display: block;
        float: right;
        width: 57px;
        height: 40px;
        margin: 0 0 0 10px;
}

.glava-info-pdfgumb img {
        width: 100%;
        height: 100%;
}

.glava-info-btkaziurnik {
   display: block;
   float: right;
   height:40px;
   cursor: pointer;
}


.glava-info-naslov {
        display: block;
        float: left;
        font-weight: bold;
        font-size: 1.3em;
        margin: 3px 10px 0 0;
        color: #213970;
}

.glava-info-datumi {
        display: block;
        float: left;
        font-weight: bold;
        font-size: 1.3em;
        margin: 3px 0 0 0;
        color: #213970;
}

.glava-info-tedeninfo {
        display: block;
        float: left;
        clear: left;
        margin: 5px 0 0 0;
}

.glava-izbira {
        clear: both;
        text-align: center;
        padding: 10px 0 0 0;
        border-top: 1px dotted #000000;
}

.glava-izbira-tedni,
.glava-izbira-sole,
.glava-izbira-razredi,
.glava-izbira-dnevi {
        display: block;
        clear: both;
        padding: 2px 0;
        margin: 2px auto;
        width: fit-content;
}

.glava-izbira-enteden,
.glava-izbira-enasola,
.glava-izbira-enrazred,
.glava-izbira-endan {
        display: block;
        float: left;
        margin: 0 3px 0 0;
        padding: 2px;
        min-width: 16px;
        color: #213970;
}

.glava-izbira-enteden:hover,
.glava-izbira-enasola:hover,
.glava-izbira-enrazred:hover,
.glava-izbira-endan:hover {
        padding: 1px;
        border: 1px solid #FFFFFF;
        background: #CC4613;
        color: #000000 !important;
}

.glava-izbira-enteden-trenutni,
.glava-izbira-endan-trenutni {
        padding: 1px;
        border: 1px solid #213970;
}

.glava-izbira-enteden-aktivni,
.glava-izbira-enasola-aktivna,
.glava-izbira-enrazred-aktivni,
.glava-izbira-endan-aktivni {
        background: #213970;
        color: #FFFFFF;
}

.glava-izbira-endan-malidatum {
        font-size: 0.8em;
        display: block;
        float: left;
        line-height: 1.8em;
        background: #FFF;
        padding: 0 3px;
}

@media only screen and (max-width: 970px) {
.glava-izbira-tedni {
        overflow: auto;
        white-space: nowrap;
        width: 100%;
}

.glava-izbira-enteden {
        display: inline-block;
        float: unset;
}

}

@media only screen and (max-width: 520px) {
.glava-info-naslov {
        clear: both;
}

}

/* #############################################################################
                          NOGA Z GUMBI ZA VSE MODULE
   ###########################################################################*/
.gumbi-wrapper {
        background: #aec9d9;
        text-align: right;
        width: 100%;
        height: 40px;
        padding: 0;
        margin: 10px 0 10px 0;
}

.gumbi-gumb-ok {
        height: 100%;
        vertical-align: middle;
        background: #213970;
        color: white;
        font-size: 2em;
        cursor: pointer;
        margin: 0;
        border: 0;
        padding: 0 10px;
        width: fit-content;
}

.gumbi-gumb-reset {
        height: 100%;
        vertical-align: middle;
        background: #CC4613;
        color: white;
        font-size: 2em;
        cursor: pointer;
        margin: 0 0 0 10px;
        border: 0;
        width: 140px;
}

.gumbi-gumb-novo {
        height: 1em;
        display: inline-block;
        margin: 0 0 0 20px;
        background: #213970;
        color: #FFF;
        padding: 2px 10px;
}

.gumbi-gumb-funazaj {
        height: 100%;
        vertical-align: middle;
        background: #CC4613;
        color: white;
        font-size: 2em;
        cursor: pointer;
        margin: 0;
        border: 0;
        padding: 0 10px;
        width: fit-content;
        display: inline-block;
        line-height: 1.4em;
}

.gumbi-gumb-ocnazaj {
        height: 100%;
        background: #CC4613;
        color: white;
        font-size: 1.3em;
        cursor: pointer;
        border: 0;
        padding: 0 10px;
        width: fit-content;
        line-height: 40px;
        display: block;
        float: right;
        margin-right: 5px;
}
.gumbi-gumb-ok:hover,
.gumbi-gumb-reset:hover,
.gumbi-gumb-novo:hover,
.gumbi-gumb-funazaj:hover {
        box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
}

.gumbi-gumb-pdf {
        display: block;
        float: right;
        width: 57px;
        height: 40px;
        margin: 0 0 0 10px;
}

.gumbi-gumb-pdf img {
        width: 100%;
        height: 100%;
}

@media only screen and (max-width: 445px) {
.gumbi-gumb-ok,
.gumbi-gumb-reset {
        width: fit-content;
}

}

/* #############################################################################
                          MODUL WOCHENPLAN
   ###########################################################################*/
.wochenplan-presledek {
        border-top: solid 3px white
}

.wochenplan-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.wochenplan-vnos-tr {
        display: table-row;
}

.wochenplan-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.wochenplan-vnos-td:first-child {
        padding-left: 5px;
        width: 220px;
}

.wochenplan-vnos-predmet-separator {
    display: inline;
}


@media screen and (max-width: 970px) {
.wochenplan-vnos-tabela {
        width: 100%;
}

.wochenplan-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100%;
}

.wochenplan-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-size: 0.8em;
        font-weight: bold;
        min-height: 20px;
        line-height: 20px;
}

.wochenplan-vnos-predmet-separator br {
        display: none;
}

.wochenplan-vnos-predmet-separator:after {
        content: ' |';
}


}

@media screen and (max-width: 600px) {
.wochenplan-vnos-td textarea {
        width: calc(100% - 8px) !important;
}

}

/* #############################################################################
                          MODUL LEHRER-DB
   ###########################################################################*/
.ucitelji-label {
        width: 100px;
        clear: both;
        display: inline-block;
        margin: 0 0 0 10px;
}

.ucitelji-razredi {
        width: 50px;
        clear: both;
        display: inline-block;
        margin: 0 0 0 10px;
}

.ucitelji-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 25px 55px 62px auto;
}

.ucitelji-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.ucitelji-vnos-tr {
        display: table-row;
}

.ucitelji-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.ucitelji-vnos-td:first-child {
        padding-left: 5px;
}

@media screen and (max-width: 970px) {
.ucitelji-vnos-tabela {
        width: 100%;
}

.ucitelji-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.ucitelji-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

}

@media screen and (max-width: 450px) {
.ucitelji-grid-obstojeci {
        width: 100%;
        grid-template-columns: 0px 55px 62px auto;
}

}

/* #############################################################################
                          MODUL SCHÜLER-DB
   ###########################################################################*/
.ucenci-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 40px 40px 70px 50px 40px 62px auto;
}

.ucenci-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.ucenci-vnos-tr {
        display: table-row;
}

.ucenci-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.ucenci-vnos-td:first-child {
        padding-left: 5px;
}

.ucenci-prelom {
        display: inline-block;
        width: 1em;
}

@media screen and (max-width: 970px) {
.ucenci-vnos-tabela, .ucenci-grid-obstojeci {
        width: 100%;
}

.ucenci-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.ucenci-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

}

@media screen and (max-width: 600px) {
.ucenci-grid-obstojeci:last-child {
        font-size: smaller;
}

.ucenci-prelom {
        display: block;
        clear: both;
        width: 0px;
}

.ucenci-vnos-td .ucenci-kratektekst {
        min-width: 242px;
}

.ucenci-vnos-td .ucenci-kratekselect {
        min-width: 250px;
}

}

@media screen and (max-width: 450px) {
.ucenci-grid-obstojeci {
        grid-template-columns: 0px 0px 70px 50px 0px 62px auto;
}

}

/* #############################################################################
                          MODUL KURZINPUT
   ###########################################################################*/
.kurzinput-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 25px 70px 80px 54px 49px 62px auto;
}

.kurzinput-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.kurzinput-vnos-tr {
        display: table-row;
}

.kurzinput-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.kurzinput-vnos-td:first-child {
        padding-left: 5px;
        width: 140px;
}

.kurzinput-ikonca {
        width: 25px;
        vertical-align: middle;
        margin: 0 5px;
}

.kurzinput-vnos-predmet-separator {
    display: inline;
}


@media screen and (max-width: 970px) {
.kurzinput-vnos-tabela,
.kurzinput-grid-obstojeci {
        width: 100%;
}

.kurzinput-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.kurzinput-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

.kurzinput-vnos-predmet-separator br {
        display: none;
}

.kurzinput-vnos-predmet-separator:after {
        content: ' |';
}


}

@media screen and (max-width: 750px) {
.kurzinput-grid-obstojeci:last-child {
        font-size: smaller;
}

}

@media screen and (max-width: 450px) {
.kurzinput-grid-obstojeci {
        grid-template-columns: 0px 70px 0px 0px 49px 62px auto;
}

.kurzinput-ikonca {
        width: 20px;
}

.kurzinput-datum {
        clear: both;
        margin: 5px 0;
        width: calc(100% - 22px);
}

.kurzinput-select {
        width: calc(100% - 14px);
}

}

/* #############################################################################
                          MODUL ABSENZEN
   ###########################################################################*/
.absenzen-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 40px auto 100px 62px auto;
}

.absenzen-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.absenzen-vnos-tr {
        display: table-row;
}

.absenzen-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.absenzen-vnos-predmet-separator {
    display: inline;
}

@media screen and (max-width: 970px) {
.absenzen-vnos-tabela, .absenzen-grid-obstojeci {
        width: 100%;
}

}

@media screen and (max-width: 450px) {
.absenzen-vnos-predmet-separator br {
        display: none;
}

.absenzen-vnos-predmet-separator:after {
        content: ' |';
}

.absenzen-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.absenzen-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

.absenzen-grid-obstojeci {
        grid-template-columns: 0px auto 55px 62px auto;
}

.absenzen-grid-obstojeci div:nth-child(5n+2):not(:nth-child(2)),
.absenzen-grid-obstojeci div:nth-child(5n+3):not(:nth-child(3)) {
        font-size: 0.6em;
}

}

/* #############################################################################
                          MODUL INVENTAR
   ###########################################################################*/
.inventar-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 50px 120px 40px 40px auto;
}

.inventar-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.inventar-vnos-tr {
        display: table-row;
}

.inventar-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.inventar-vnos-td textarea {
        width: calc(100% - 8px);
}

.inventar-vnos-td hr {
        width: 100%;
        border: 2px solid #FFFFFF;
}

.inventar-vnos-td h3 {
        color: #213970;
        margin: 2px 0;
        font-weight: bold;
}

.inventar-vnos-navi-wrapper {
        background: #e7e8ea;
        color: #000000;
        font-size: 1.2em;
        line-height: 2.2em;
        text-align: center;
        margin: 10px 0;
}

.inventar-vnos-navi-pu-aktivna {
        background: #FFFFFF;
        color: #213970;
        border: 1px solid #C0C0C0;
        padding: 3px;
        margin: 0 3px;
}

.inventar-vnos-navi-pu-aktivna:hover {
        background: #FFFFCC;
}

.inventar-vnos-navi-pu-inaktivna {
        background: transparent;
        border: 1px solid #C0C0C0;
        padding: 3px;
        margin: 0 3px;
}

.inventar-sort-akt {
        color: #1C896F !important;
}

.inventar-sort-akt:after {
        content: ' \2714';
}

.inventar-sort-pass {
        color: #213970 !important;
}

.inventar-ena {
        width: 270px;
        vertical-align: top;
        float: left;
        padding: 5px 0;
}

.inventar-dva {
        width: 220px;
        vertical-align: top;
        float: left;
        padding: 5px 0;
        margin: 0 5px;
}

.inventar-tri {
        width: 165px;
        vertical-align: bottom;
        float: left;
        padding: 5px 0;
        margin: 0 5px;
}

.inventar-stiri {
        width: 283px;
        vertical-align: bottom;
        float: left;
        padding: 5px 0;
}

.inventar-ena select,
.inventar-dva select {
        width: 100%;
}

@media screen and (max-width: 970px) {
.inventar-vnos-tabela,
.inventar-grid-obstojeci {
        width: 100%;
}

.inventar-tri {
        clear: both;
}

.inventar-ena,
.inventar-dva,
.inventar-tri,
.inventar-stiri {
        width: calc(50% - 10px);
        padding: 0;
}

.inventar-ena,
.inventar-tri {
        margin: 0 5px 0 0;
}
.inventar-dva,
.inventar-stiri {
        margin: 0 0 0 5px;
}

}

@media screen and (max-width: 600px) {
.inventar-grid-obstojeci div:nth-child(5n+2):not(:nth-child(2)),
.inventar-grid-obstojeci div:nth-child(5n+5):not(:nth-child(5)) {
        font-size: 0.8em;
}

}

@media screen and (max-width: 490px) {
.inventar-dva,
.inventar-stiri {
        clear: both;
}

.inventar-ena,
.inventar-dva,
.inventar-tri,
.inventar-stiri {
        width: calc(100% - 4px);
        margin: 0;
}

.inventar-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.inventar-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

.inventar-grid-obstojeci {
        grid-template-columns: 50px 120px 0px 40px auto;
}

.inventar-grid-obstojeci div:nth-child(5n+2):not(:nth-child(2)),
.inventar-grid-obstojeci div:nth-child(5n+5):not(:nth-child(5)) {
        font-size: 0.6em;
}

}

/* #############################################################################
                          MODUL BÜCHEREI + ADMIN
   ###########################################################################*/
.knjige-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 55px 40px auto auto auto;
}

.knjige-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.knjige-vnos-tr {
        display: table-row;
}

.knjige-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.knjige-vnos-td h3 {
        color: #213970;
        margin: 2px 0;
        font-weight: bold;
}

.knjige-ucenec {
        display: block;
        float: left;
        background: #FFF;
        width: calc(50% - 15px);
        margin: 10px 5px 10px 10px;
        min-height: 250px;
        text-align: center;
}

.knjige-knjiga {
        display: block;
        float: left;
        background: #FFF;
        width: calc(50% - 15px);
        margin: 10px 10px 10px 5px;
        min-height: 250px;
        text-align: center;
}

.knjige-ucenec h2,
.knjige-knjiga h2 {
        display: block;
        float: left;
        width: calc(100% - 20px);
        background: #404F8D;
        color: #FFFFFF;
        margin: 0 0 10px 0;
        padding: 10px;
}

.knjige-input {
        font-size: 2em;
        margin: 0 10px;
        width: calc(100% - 28px);
        text-align: center;
}

.knjige-detajl {
        background: #F0F0F0;
        display: block;
        float: left;
        clear: both;
        width: calc(100% - 29px);
        min-height: 50px;
        margin: 5px 10px;
        padding: 5px;
        font-size: 1em;
}

.knjige-bt-izposoja {
        font-size: 2em;
        margin: 20px 0;
        min-width: 230px;
        display: none;
}

.knjige-sort-akt {
        color: #1C896F !important;
}

.knjige-sort-akt:after {
        content: ' \2714';
}

.knjige-sort-pass {
        color: #213970 !important;
}

.knjige-vnos-navi-wrapper {
        background: #e7e8ea;
        color: #000000;
        font-size: 1.2em;
        line-height: 2.2em;
        text-align: center;
        margin: 10px 0;
}

.knjige-vnos-navi-pu-aktivna {
        background: #FFFFFF;
        color: #213970;
        border: 1px solid #C0C0C0;
        padding: 3px;
        margin: 0 3px;
}

.knjige-vnos-navi-pu-aktivna:hover {
        background: #FFFFCC;
}

.knjige-vnos-navi-pu-inaktivna {
        background: transparent;
        border: 1px solid #C0C0C0;
        padding: 3px;
        margin: 0 3px;
}

.knjige-admin-vnos-pdf-wrapper {
        min-height: 2em;
        background: #e7e8ea;
        line-height: 2em;
        padding: 0px 10px;
        margin: -10px 0 0 0;
        width: calc(100% - 20px);
        text-align: center;
}

.knjige-admin-vnos-pdf-wrapper a {
        padding: 2px 6px;
        background: #FFFFFF;
        color: #213970;
        border: 1px solid #C0C0C0;
}

.knjige-admin-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 48px 62px 35px 60px 60px auto auto;
}

.knjige-admin-prelom {
        display: inline-block;
        width: 0;
}

.knjige-admin-ena {
        width: calc(33% - 10px);
        vertical-align: top;
        float: left;
        padding: 5px;
}

.knjige-admin-ena label {
        display: inline-block;
        width: calc(100% - 25px);
}

.knjige-admin-dva {
        width: calc(33% - 10px);
        vertical-align: top;
        float: left;
        padding: 5px;
}

.knjige-admin-tri {
        width: calc(33% - 10px);
        vertical-align: bottom;
        float: left;
        padding: 5px;
}

@media screen and (max-width: 970px) {
.knjige-vnos-tabela,
.knjige-grid-obstojeci,
.knjige-admin-vnos-tabela,
.knjige-admin-grid-obstojeci {
        width: 100%;
}

.knjige-admin-prelom {
        display: block;
        width: 0;
        height: 0;
        clear: both;
}

}

@media screen and (max-width: 750px) {
.knjige-ucenec, .knjige-knjiga {
        width: calc(100% - 15px);
        clear: both;
}

}

@media screen and (max-width: 600px) {
.knjige-grid-obstojeci {
        grid-template-columns: 55px 40px auto auto auto;
}

.knjige-grid-obstojeci div:nth-child(5n+3):not(:nth-child(3)),
.knjige-grid-obstojeci div:nth-child(5n+4):not(:nth-child(4)),
.knjige-grid-obstojeci div:nth-child(5n+5):not(:nth-child(5)) {
        font-size: 0.6em;
}

}

@media screen and (max-width: 550px) {
.knjige-admin-grid-obstojeci {
        grid-template-columns: 48px 62px 0px 0px 0px auto auto;
}

.knjige-admin-ena,
.knjige-admin-dva,
.knjige-admin-tri {
        width: calc(50% - 10px);
}

.knjige-admin-tri {
        clear: both;
        width: calc(100% - 10px);
}

.knjige-admin-vnos-pdf-wrapper a {
        font-size: 0.7em;
        padding: 6px;
}

}

/* #############################################################################
                          MODUL TAGESPLAN
   ###########################################################################*/
.dan-vnos-tabela, .dan-vnos-tabela2 {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.dan-vnos-tr,.dan-vnos-tr2 {
        display: table-row;
}

.dan-vnos-td,.dan-vnos-td2 {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.dan-enota {
        width: 66px;
        display: table-cell;
        text-align: center;
        vertical-align: top;
        font-size: 2em;
        font-weight: bold;
        line-height: 1.1em;
}

.dan-cilji {
        width: 206px;
        display: table-cell;
        text-align: left;
        vertical-align: top;
}

.dan-potek {
        width: 658px;
        display: table-cell;
        text-align: left;
        vertical-align: top;
        font-size: 12px;
}

.dan-prva {
        width: 66px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
}

.dan-druga {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
}

.dan-vnos-td:nth-child(3) {
        display: none;
}
/* hack za RichText */
.dan-vnos-td > .richText > .richText-toolbar > ul > li > .richText-btn,
.dan-vnos-td2 > .richText > .richText-toolbar > ul > li > .richText-btn {
        padding: 4px 9px;
}
.dan-vnos-td > .richText > .richText-editor,
.dan-vnos-td2 > .richText > .richText-editor {
        min-height: 75px;
        font-family: 'Open Sans', sans-serif;
        font-size: 10pt;
}
.dan-vnos-td .richText .richText-editor ol, 
.dan-vnos-td .richText .richText-editor ul,
.dan-vnos-td2 .richText .richText-editor ol, 
.dan-vnos-td2 .richText .richText-editor ul {
  margin: 1px 15px;
}
/* hack za nicEditor */
.nicEditor > div,
.nicEditor2 > div {
        width: 100% !important;
        border: none !important;
}
.nicEditor > div > div,
.nicEditor2 > div > div {
        width: calc(100% - 10px) !important;
        margin: 0 0 0 4px !important;
}

.nicEditor > div > div {
}

/* konec hacka */

.dan-vnos-ciljev, .dan-vnos-pripomb {
        width: calc(100% - 8px);
        font-size: 12px;
}
.dan-vnos-ciljev {
        height: 60px;
}

.dan-vnos-pripomb {
        background: #E0E0E0;
        height: 30px;
}

.dan-vnos-poteka {
        width: calc(100% - 8px);
        height: 86px;
        font-size: 12px;
        background: #FFFFFF;
}

.dan-vnos-predmeta {
        width: calc(100% - 20px);
        text-align: center;
        margin: 0 auto;
}

.dan-vnos-domacevaje {
        width: calc(100% - 8px);
        background: #F4A460;
        color: #8B0000;
}

.dan-urnik {
    display: none;
    position: absolute;
    top: 61px;
    background: #C0C0C0;
    padding: 10px;
    z-index: 10000;
}
.dan-urnik-bt-clear {
    background:#D94415;
    color:white;
    padding: 5px;
    width: 70px;
    text-align: center;
    margin: 3px 0;
    float: right;
    cursor: pointer;
}
.dan-urnik-bt-save {
    background:#3F67A4;
    color:white;
    padding: 5px;
    margin-left: 10px;
    width: 80px;
    text-align: center;
    margin: 3px;
    float: right;
    cursor: pointer;
}
.dan-urnik-bt-reset {
    background:#E0E0E0;
    color:white;
    padding: 5px;
    margin-left: 10px;
    width: 80px;
    text-align: center;
    margin: 3px;
    float: right;
    cursor: pointer;
}

.dan-bt-prenesi-datajo {
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
    display: none;
}

.dan-bt-odstrani-datajo {
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
    display: none;
}

.dan-input-file {
   /* width: 300px;
    max-width: 100%;
    color: #444;
    padding: 5px;
    background: #fff;*/
    display: none;
}

.dan-file-upload {
    border: 1px solid #fff;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    height: 22px;
    font-size: 1.4em;
    vertical-align: middle;
}

.dan-input-file::file-selector-button {
  margin-right: 10px;
  border: none;
  background: #aec9d9;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

.dan-file-upload:hover {
    background: #213970;
    color: #FFFFFF;
}

.dan_upload_napredek {
    display:none;
    width: 100%;
    height:10px;
}

.dan_upload_napredek_potek {
    display: block;
    height: 100%;
    width: 0%;
    background: #213970;
    border-radius: 4px;
}

.dan-dataje-wrapper {
    width: 100%;
    background: #c0c0c0;
}

.dan-dataje-enadataja {
    width: calc(100% - 8px);
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    border-bottom: 1px dashed #FFFFFF;
}

.dan-dataje-enadataja a {
    vertical-align: middle;
    text-decoration: inherit;
    color: inherit;
    max-width: calc(100% - 30px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dan-dataje-enadataja-x {
    width: 20px;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}

@media screen and (max-width: 970px) {
.dan-vnos-tabela,.dan-vnos-tabela2 {
    width: 100%;
}

}

@media screen and (max-width: 750px) {
.dan-vnos-tr:nth-child(1){
    font-size: 0.7em;
    line-height: normal;
}

}
@media screen and (max-width: 600px) {
.dan-vnos-tabela {
    display:block;
}

.dan-cilji, .dan-potek {
    width: 100%;
}

.dan-vnos-tr:nth-child(1), .dan-vnos-tr:nth-child(2) {
    display: none;
}

.dan-vnos-tr {
    display: grid;
    grid-template-columns: 70px auto;
}

.dan-vnos-td {
    display: grid;
}
.dan-vnos-td:nth-child(3) {
    display: grid;
}
.dan-gumbi-gumb-pdf {
    width: 40px;
    height: 30px;
    margin: 5px 0 0 5px
}
.dan-bt-prenesi-datajo,
.dan-bt-odstrani-datajo {
    height: 30px;
}
}

/* #############################################################################
                          MODUL FÖRDERPLAN
   ###########################################################################*/

.foerder-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 30px 40px 90px 62px auto;
}

.foerder-separator-leta {
        text-align:left;
        font-weight: bold;
}

.foerder-ucenci-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.foerder-ucenci-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.foerder-ucenci-td a {
        color: #404F8D;
}

.foerder-ucenci-td:nth-child(1) {
        width: 44px;
        text-align: center;
}

.foerder-ucenci-td:nth-child(2) {
        text-align: left;
}

.foerder-ucenci-td:nth-child(3) {
        width: 200px;
        text-align: center;
}

.foerder-ucenci-td:nth-child(4) {
        width: 200px;
        text-align: center;
}

.foerder-ucenci-td:nth-child(5) {
        width: 100px;
        text-align: center;
}

.foerder-ucenci-naslov {
        vertical-align: top;
        background: #CECECE;
        color: #404F8D;
}

.foerder-ucenci-tr {
        display: table-row;
}

.foerder-fortschritt-balken-wrapper {
        border: 1px solid #000;
        background: white;
        width: 100%;
        height: 20px;
        padding: 1px;
}

.foerder-fortschritt-balken {
        height: 20px;
        color: #C0C0C0;
}

.foerder-fortschritt-text {
        display: none;
        font-weight: bold;
        color: #404F8D;
}

@media screen and (max-width: 970px) {
.foerder-grid-obstojeci,
.foerder-ucenci-tabela {
        width: 100%;
}
}

@media screen and (max-width: 750px) {
.foerder-ucenci-td:nth-child(3),
.foerder-ucenci-td:nth-child(4){
        width: 15%;
}
.foerder-ucenci-td:nth-child(5) {
        width: 50px;
}
}

@media screen and (max-width: 450px) {
.foerder-fortschritt-balken-wrapper {
        display: none;
}
.foerder-fortschritt-text {
        display: inline;
}
.foerder-grid-obstojeci {
        grid-template-columns: 30px 0px 90px 62px auto;
}
.foerder-ucenci-td:nth-child(3),
.foerder-ucenci-td:nth-child(4),
.foerder-ucenci-td:nth-child(5) {
        width: 50px;
}
}

/* #############################################################################
                          MODUL ABSENZEN
   ###########################################################################*/
.absenzen-sort-akt {
        color: #1C896F !important;
}

.absenzen-sort-akt:after {
        content: ' \2714';
}

.absenzen-sort-pass {
        color: #213970 !important;
}

.absenzen-gumb-opravici {
        display: inline-block;
        border: 0;
        border-radius: 2px;
        background: greenyellow;
        padding: 5px;
        font-size: 8px;
        cursor: pointer;
        vertical-align: middle;
        font-weight: bold;
}

.absenzen-gumb-opravici:hover, .absenzen-gumb-opravici:focus {
        background: #1C896F;
        color: #FFFFFF;
}

.absenzen-gumb-opravici:focus {
        outline: 1px solid #fff;
        outline-offset: -3px;
}

.absenzen-gumb-opravici:active {
        transform: scale(0.99);
}

/* #############################################################################
                          MODUL LEISTUNGEN
   ###########################################################################*/
.ocenjevanje-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.ocenjevanje-vnos-tr,
.ocenjevanje-ucenci-tr {
        display: table-row;
}

.ocenjevanje-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.ocenjevanje-vnos-tr:first-child select,
.ocenjevanje-vnos-tr:first-child input,
.ocenjevanje-vnos-tr:first-child textarea,
.ocenjevanje-vnos-tr:nth-child(3) select {
        width: calc(100% - 8px);
        font-weight: bold;
        font-size: 1.4em;
        text-align: center;
}

.ocenjevanje-vnos-tr:nth-child(3) input {
        width: calc(100% - 8px);
        font-size: 1.1em;
        text-align: left;
}

.ocenjevanje-vnos-tr:nth-child(2) textarea,
.ocenjevanje-vnos-tr:nth-child(4) textarea {
        width: calc(100% - 8px);
}

.ocenjevanje-vnos-td label {
        font-weight: bold;
        margin-bottom: 5px;
}

.ocenjevanje-vnos-prva,
.ocenjevanje-vnos-druga,
.ocenjevanje-vnos-tretja,
.ocenjevanje-vnos-cetrta {
        display: block;
        width: calc(25% - 4px);
        margin: 4px 2px;
        float: left;
}

.ocenjevanje-vnos-pripombe,
.ocenjevanje-vnos-opis {
        margin: 5px 0 0 0;    
}

.ocenjevanje-ucenci-tabela {
        display: table;
        border-collapse: collapse;
        width: 100%;
}

.ocenjevanje-ucenci-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.ocenjevanje-ucenci-td:nth-child(1) img,
.ocenjevanje-ucenci-td:nth-child(2) img,
.ocenjevanje-ucenci-td:nth-child(3) img {
        height: 40px;
        margin: 0 2px;
}

.ocenjevanje-ucenci-td:nth-child(1) {
        width:fit-content;
        text-align: center;
}
.ocenjevanje-ucenci-td:nth-child(2) {
        width:fit-content;
        text-align: center;
}
.ocenjevanje-ucenci-td:nth-child(3) {
        width:fit-content;
        text-align: center;
}
.ocenjevanje-ucenci-td:nth-child(4) {
        font-weight: bold;
        font-size: 1.2em;
}
.ocenjevanje-ucenci-td:nth-child(5) {
        width:fit-content;
        text-align: center;
}
.ocenjevanje-ucenci-td:nth-child(6) {
        text-align: center;
}

.ocenjevanje-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-template-columns: 44px 84px 62px auto;
        grid-row-gap: 2px;
}

.ocenjevanje-grid-obstojeci-pripombe {
        font-size: smaller;
        display: inline-block;
        color: #a00;
        margin: 0 0 0 10px;
}

.ocenjevanje-predmet-naslov {
        width: 950px;
        background: burlywood;
        padding: 5px 0 5px 10px;
        font-size: 1.5em;
        font-weight: bold;
        margin: 5px 0 0 0;
}

.ocenjevanje-modalno-ozadje {
        display: none;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: rgba(0,0,0,0.4);
}

.ocenjevanje-pripombe-form {
        z-index: 10000;
        position: relative;
        display: none;
        background: #e7e8ea;
        margin: 15% auto;
        border: 1px solid #888;
        width: 328px;
        min-height: 260px;
}

.ocenjevanje-pripombe-form-ikonca {
        display: block;
        float: left;
        width: 27px;
        height: 27px;
        margin: 3px 5px;
}

.ocenjevanje-pripombe-form-ime {
        display: block;
        float: left;
        margin-left: 10px;
        font-size: 1em;
        font-weight: bold;
        line-height: 2.5em;
        color: #CC4613;
}

.ocenjevanje-pripombe-tr {
        display: block;
        width: calc(100% - 6px);
        min-height: 35px;
        padding: 3px;
        text-align: center;
}

.ocenjevanje-pripombe-tr:first-child {
        background: #aec9d9;
}

.ocenjevanje-pripombe-form-gumb-ok {
        width: 100%;
        height: 40px;
        border-bottom: 20px;
        vertical-align: middle;
        background: #213970;
        color: white;
        font-size: 2em;
        cursor: pointer;
}

.ocenjevanje-pripombe-form-gumb-vrsta {
        background: #C0C0C0;
        width: calc(33% - 4px);
        height: 40px;
        font-size: 2em;
        cursor: pointer;
        color: white;
        float: left;
        margin: 2px;
}
.ocenjevanje-pripombe-form-predmet {
        width: calc(50% - 10px);
        display: block;
        float: left;
        text-align: left;
        margin: 5px;
}

.ocenjevanje-pripombe-form-predmet select {
        width: 100%;
}

.ocenjevanje-pripombe-form-datum {
        width: calc(50% - 10px);
        display: block;
        float: right;
        text-align: right;
        margin: 5px;
}

.ocenjevanje-pripombe-form-datum input {
        width: calc(100% - 8px);
}

.ocenjevanje-pripombe-form-pripomba {
        font-size: 14px;
        width: calc(100% - 8px);
        background: white;
        margin: 5px 0 0 0;
}

/* ocenjevanje pregled */
.ocenjevanje-pregled-naslov {
        display: block;
        background: #aec9d9;
        padding: 0 0 0 5px;
        height: 40px;
}

.ocenjevanje-pregled-naslov span {
        display: block;
        float: left;
        height: 40px;
        width: calc(100% - 180px);
        line-height: 40px;
        font-weight: bold;
        font-size: 1.3em;
}

.ocenjevanje-pregled-prva-ravanj {
        display: block;
        font-size: 1.5em;
        font-weight: bold;
}

.ocenjevanje-pregled-druga-ravanj {
        display: block;
        font-style: italic;
        background: #1C896F;
        color: #FFFFFF;
        line-height: 2em;
        padding: 0 0 0 5px;
        font-weight: bold;
}

.ocenjevanje-pregled-tretja-ravanj {
        display: block;
        font-weight: bold;
        color: #CC4613;
}

.ocenjevanje-pregled-cetrta-ravanj {
        display: block;
        margin-left:30px;
}

.ocenjevanje-pregled-ocena {
        display: block;
        margin: 6px 0;
        color: #1C896F;
        background: #F0F0F0;
}

.ocenjevanje-pregled-brisigumb {
        height:15px;
        width: 15px;
        margin:0 5px 0 -14px;
}

@media only screen and (max-width: 970px) {
.ocenjevanje-predmet-naslov {
        width: calc(100% - 10px);
}
.ocenjevanje-vnos-tabela {
        width: 100%;
}
}

@media screen and (max-width: 700px) {
.ocenjevanje-pregled-naslov span {
        font-size: 1em;
        line-height: 20px;
}

.ocenjevanje-vnos-tr:first-child select,
.ocenjevanje-vnos-tr:first-child input,
.ocenjevanje-vnos-tr:first-child textarea,
.ocenjevanje-vnos-tr:nth-child(3) select {
        font-weight: normal;
        font-size: 1em;
}

.ocenjevanje-vnos-tr:nth-child(3) input {
        font-size: 0.8em;
        line-height: 19px;
}

.ocenjevanje-vnos-td label {
        font-size: 0.8em;
}

.ocenjevanje-ucenci-td:nth-child(1) img,
.ocenjevanje-ucenci-td:nth-child(2) img,
.ocenjevanje-ucenci-td:nth-child(3) img {
        height: 30px;
}

.ocenjevanje-ucenci-td:nth-child(4) {
        font-weight: normal;
        font-size: 0.8em;
}

}

@media screen and (max-width: 500px) {
.ocenjevanje-pregled-naslov span {
        font-size: 0.8em;
}
.ocenjevanje-vnos-td label {
        font-size: 0.7em;
}
.ocenjevanje-ucenci-td:nth-child(5) {
        width: 55px;
}
}

/* #############################################################################
                          MODUL INFOPOINT-SSM
   ###########################################################################*/
.ipssm-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.ipssm-vnos-tr {
        display: table-row;
}

.ipssm-vnos-td {
        display: table-cell;
        vertical-align: top;
        padding: 3px;
}

.ipssm-vnos-td label {
        font-weight: bold;
        font-size: 0.8em;
}

.ipssm-vnos-td:nth-child(2) {
        width: 250px;
}

.ipssm-count-ucenci {
        width: calc(100% - 12px);
        display: inline-block;
        background: #FFF;
        padding: 5px;
}

.ipssm-select-ucenci {
        width: calc(100% - 2px);
}

.ipssm-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 38px 121px 45px 50px 62px auto;
}

@media only screen and (max-width: 970px) {
.ipssm-vnos-tabela,
.ipssm-grid-obstojeci {
        width: 100%;
}
}

@media only screen and (max-width: 550px) {
.ipssm-vnos-td {
        display: block;
}
.ipssm-vnos-td:nth-child(2) {
        width: 100%;
}
.ipssm-grid-obstojeci {
        grid-template-columns: 0px auto auto auto 62px auto;
}
}

/* #############################################################################
                          MODUL POJASNILO
   ###########################################################################*/
.pojasnilo-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.pojasnilo-wrapper-ucenci {
        width: 960px;
}
.pojasnilo-vnos-ocene-tabela {
        display: table;
        border-collapse: collapse;
        width: 100%;
}
.pojasnilo-vnos-tr,
.pojasnilo-vnos-ocene-tr {
        display: table-row;
}

.pojasnilo-vnos-td,
.pojasnilo-vnos-ocene-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}

.pojasnilo-vnos-td img {
        height: 40px;
        margin-left:7px;
}

.pojasnilo-vnos-td:nth-child(2) {
        font-size: 1.3em;
        font-weight: bold;
}
.pojasnilo-vnos-ocene-td {
        display: table-cell;
        vertical-align: top;
        text-align: center;
        width: fit-content;
}
.pojasnilo-izbira-semestra {
        display: block;
        min-height: 30px;
        background: #e7e8ea;
        padding: 6px 0;
        margin-bottom: 10px;
}

.pojasnilo-gumb-semester {
        background: #E0E0E0;
        color: #213970;
        min-width: 65px;
        font-size: 0.8em;
        margin: 0 0 0 8px;
        padding: 4px;
        display: block;
        float: left;
        text-align: center;
        border: 2px solid #FFFFFF;
}

.pojasnilo-gumb-semester:hover {
        border: 2px solid #000000;
}

.pojasnilo-semester-aktiven {
        background: #1C896F;
        color: #FFFFFF;
}

@media only screen and (max-width: 970px) {
.pojasnilo-vnos-tabela {
        width: 100%;
}
}

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

.pojasnilo-vnos-tr {
        display: block;
}

.pojasnilo-vnos-td:nth-child(2) {
        width: 100%;
}

.pojasnilo-vnos-td:nth-child(3),
.pojasnilo-vnos-td:nth-child(4) {
        display: block;
        clear: both;
}
}

/* #############################################################################
                          MODUL GESLA
   ###########################################################################*/
.gesla-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.gesla-vnos-tr {
        display: table-row;
        font-size: 1.4em;
}

.gesla-vnos-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}
.gesla-vnos-td:nth-child(3) {
        width: 200px;
}

.gesla-vnos-td input {
        width: calc(100% - 8px);
        font-size: 1.2em;
}

.gesla-gumb-pdf {
        display: block;
        float: left;
        width: fit-content;
        height: 40px;
        color: #FFFFFF;
        background: #CC4613;
        font-size: 1.3em;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
}
@media only screen and (max-width: 970px) {
.gesla-vnos-tabela {
        width: 100%;
}
}

@media only screen and (max-width: 750px) {
.gesla-vnos-tr {
        font-size: 1em;
}
.gesla-vnos-td:nth-child(3) {
        width: 118px;
}
.gesla-vnos-td input {
        font-size: 0.8em;
}
}

@media only screen and (max-width: 450px) {
.gesla-vnos-tr {
        font-size: 0.8em;
}
.gesla-vnos-td:nth-child(3) {
        width: 80px;
}
.gesla-vnos-td input {
        font-size: 0.7em;
}
}
/* #############################################################################
                          MODUL INFOPOINT BACKEND
   ###########################################################################*/
.ip-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.ip-vnos-tr {
        display: table-row;
}

.ip-vnos-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}

.ip-vnos-td:first-child {
        font-weight: bold;
        padding: 5px 0;
}

.ip-vnos-predmet-separator {
    display: inline;
}

.ip-switchcontainer {
        display: flex;
        float: left;
        clear: both;
        background: transparent;
        width: 960px;
        height: 40px;
        padding: 5px 0;
        align-content: center;
        border-bottom: 1px solid #000000;
}

.ip-switchtab {
        display: block;
        float: left;
        width: 100px;
        height: 39px;
        background: #FFFFFF;
        color: #213970;
        border-bottom: none;
        padding: 5px 5px 0 5px;
        text-align: center;
        cursor: pointer;
        border-left: 1px solid #213970;
        border-top: 1px solid #213970;
        border-right: 1px solid #213970;
        font-weight: bold;
}
.ip-switchtab-aktiven {
        background: #213970;
        color: #FFFFFF;
}

.ip-switchtab:hover {
        color: #E0E0E0;
}

.ip-datacontainer {
        display: none;
        float: left;
        clear: both;
        margin: 10px 0;
        width: 100%;
}

.ip-ena-skupina-dataj {
        background: #FFF;
        width: calc(100% - 2px);
        display: block;
        float: left;
        clear: both;
        padding: 0 0 0;
        margin: 0 0 7px 0;
        border: 1px solid #0A0;
}

.ip-ena-dataja {
        display: block;
        float: left;
        clear: both;
        margin: 0 2px 5px 2px;
        padding: 5px;
        background: #F0F0F0;
        width: calc(100% - 14px);
}

.ip-info-dataje {
        font-size: 8px;
        margin: 0 0 0 10px;
}

.ip-btbrisidatajo {
        display: block;
        float: right;
        background: #F00;
        padding: 1px 5px;
        color: #FFF;
        cursor: pointer;
}

.ip-btbrisidatajo:hover {
        color: #000000;
        background: #AA0000;
}

.ip-SSModgovor-wrapper {
        display: block;
        background: #aec9d9;
        margin-bottom: 3px;
        padding: 4px;
}

.ip-SSModgovor-btSSM {
        display: inline-block;
        background: #213970;
        color: #FFFFFF;
        padding: 1px 5px;
        margin-right: 5px;
        cursor: pointer;
        border: 1px solid #FFF;
}

.ip-SSModgovor-btSSM-disabled {
        display: inline-block;
        background: transparent;
        color: transparent;
        padding: 1px 5px;
        margin-right: 5px;
        border: 1px solid transparent;
        width: 28px;
}

.ip-SSModgovor-btSSM:hover {
        color: #000000;
        background: #FFFFFF;
}

.ip-SSModgovor-imeucenca {
        color: #FFF;
        font-weight: bold;
}

.ip-SSModgovor {
        display: block;
        float: left;
        background: #c0c0c0;
        width: 100%;
        padding: 3px 0 6px 0;
        margin-top: -3px;
}

.ip-SSModgovor-txt {
        display: block;
        float: left;
        height: 37px;
        width: calc(100% - 93px);
        border: 1px;
        margin: 0 3px;
}

.ip-SSModgovor-OK {
        display: block;
        float: right;
        background: #213970;
        color: #FFFFFF;
        padding: 2px;
        width: 68px;
        text-align: center;
        cursor: pointer;
        line-height: 2.5em;
        margin-right: 7px;
}

.ip-toggler-razreda-deloma {
        border: 1px solid #1C896F !important;
}

.ip-toggler-razreda-popolnoma {
        border: 1px solid #FFFFFF !important;
        background: #1C896F;
        color: #FFFFFF;
}

.ip-toggler-razreda {
        cursor: pointer;
        padding: 0 10px;
        border: 1px solid transparent;
}

.ip-toggler-razreda:hover {
        background: #FFFF00;
}

.ip-seznam-ucencev {
        display: none;
        position: relative;
        left: 142px;
        width: 300px;
}

.ip-seznam-ucencev-razreda li {
        list-style: none;
}

.ip-seznam-ucencev-razreda li:first-child {
        font-weight: bold;
}

.ip-adresat-potrjen {
        background: #CCCC00;
}

.ip-prebrano {
        color: #808080;
        font-style: italic;
}

.ip-pripombe-minikos,
.ip-pripombe-minioko {
        height: 20px;
        margin-right: 3px;
        vertical-align: bottom;
        cursor: pointer;
}

.ip-grid-obstojeci {
        width: 960px;
        margin-top: 5px;
        display: grid;
        grid-row-gap: 2px;
        grid-template-columns: 38px 38px 38px 121px 42px 45px 62px auto;
}

.ip-gumb-archiv {
        height: 22px;
        display: block;
        margin: 0 0 0 5px;
        background: #FFFFFF;
        color: #213970;
        padding: 0 5px;
        font-size: 0.6em;
        line-height: 22px;
        text-align: center;
        float: right;
        border: 1px solid #213970
}

.ip-gumb-archiv-aktiven {
        background: #213970;
        color: #FFFFFF;
}

.ip-gumb-archiv:hover {
        color: #E0E0E0;
}

.ip-checkbox-wrapper {
        display: inline-block;
}

.ip-input-datum {
        width: 125px;
        text-align: center;
}

.ip-input-naslov {
        width: calc(100% - 8px);
        height: 25px;
        line-height: 25px;
}

.ip-input-tekst {
        width: calc(100% - 8px);
}

@media screen and (max-width: 970px) {
.ip-vnos-tabela,
.ip-grid-obstojeci,
.ip-switchcontainer {
        width: 100%;
}

.ip-vnos-td {
        display: block;
        clear: left;
        text-align: left;
}

.ip-vnos-td:first-child {
        text-align: left;
        padding: 0;
        font-size: 0.8em;
        font-weight: bold;
        line-height: 15px;
        height: 15px;
}

.ip-vnos-predmet-separator br {
        display: none;
}

.ip-vnos-predmet-separator:after {
        content: ' |';
}

}

@media screen and (max-width: 650px) {
.ip-checkbox-wrapper {
        display: block;
        clear: both;
}
.ip-seznam-ucencev {
        left: calc(100% - 300px);
}
.ip-grid-obstojeci {
        grid-template-columns: 0px 38px 38px 0px 0px 45px 62px auto;
}
}

@media screen and (max-width: 550px) {
.ip-grid-obstojeci {
        grid-template-columns: 0px 0px 38px 0px 0px 0px 62px auto;
}
}

/* #############################################################################
                          MODUL GTS-ADMIN
   ###########################################################################*/
.gtsadmin-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.gtsadmin-vnos-tr {
        display: table-row;
        font-size: 1em;
}

.gtsadmin-vnos-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}

.gtsadmin-vnos-pripomba {
        width: calc(100% - 8px);
}

.gtsadmin-vnos-td:nth-child(1) {
        font-size: 1.4em;
}
.gtsadmin-vnos-td:nth-child(3) {
        width: 160px;
}
.gtsadmin-vnos-td:nth-child(4) {
        width: 300px;
}
.gtsadmin-checkbox-wrapper {
        display: block;
        float: left;
        min-width: 25px;
        text-align: center;
}

.gtsadmin-checkbox-wrapper:last-child {
        margin-left:10px;
}
.gtsadmin-gumb-pdf {
        display: block;
        float: left;
        width: fit-content;
        height: 40px;
        color: #FFFFFF;
        background: #CC4613;
        font-size: 1.3em;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
}

.gtsadmin-vnos-separator {
    display: inline;
}

.gtsadmin-vnos-separator br {
    display: none;
}

@media only screen and (max-width: 970px) {
.gtsadmin-vnos-tabela {
        width: 100%;
}
.gtsadmin-vnos-td:nth-child(4) {
        width: 20%;
}
}

@media only screen and (max-width: 700px) {
.gtsadmin-vnos-td:nth-child(1) {
        font-size: 1em;
}
}

@media only screen and (max-width: 550px) {
.gtsadmin-vnos-tr {
        font-size: 0.8em;
}
.gtsadmin-vnos-td:nth-child(2) select {
        font-size: 0.8em;
}
.gtsadmin-vnos-separator br {
    display: inline;
}
}

/* #############################################################################
                          MODUL GTS-ABSENZEN
   ###########################################################################*/
.gtsabsenzen-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.gtsabsenzen-vnos-tr {
        display: table-row;
        font-size: 1em;
}

.gtsabsenzen-vnos-tr:first-child {
        font-size: 0.8em;
        font-weight: bold;
}

.gtsabsenzen-vnos-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}

.gtsabsenzen-vnos-td:nth-child(1) :not(.gtsabsenzen-vnos-tr:first-child) {
        font-size: 1.4em;
}

.gtsabsenzen-vnos-td:nth-child(2),
.gtsabsenzen-vnos-td:nth-child(3),
.gtsabsenzen-vnos-td:nth-child(4) {
        text-align: center;
}

.gtsabsenzen-vnos-td:nth-child(2) textarea,
.gtsabsenzen-vnos-td:nth-child(5) input {
        width: calc(100% - 8px);
}

.gtsabsenzen-izbira-enrazred-vpisan {
        border-bottom: 2px solid #1C896F;
}
.gtsabsenzen-izbira-enrazred-nivpisan {
        border-bottom: 2px solid #CC4613;
}

@media only screen and (max-width: 970px) {
.gtsabsenzen-vnos-tabela {
        width: 100%;
}
}

@media only screen and (max-width: 700px) {
.gtsabsenzen-vnos-tr {
        font-size: 0.7em;
}
}


/* #############################################################################
                          MODUL TERMINI
   ###########################################################################*/
.termini-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}
.termini-vnos-tr {
        display: table-row;
        font-size: 1em;
}

.termini-vnos-td {
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
}

.termini-vnos-td input {
        font-size: 1.2em;
}

.termini-vnos-datum {
        width: 190px;
}

.termini-vnos-checkbox {
        margin-right: 10px;
}

.termini-vnos-select {
        font-size: 1.3em;
}

.termini-grid-obstojeci {
        display: grid;
        margin-top: 5px;
        grid-template-columns: 25px 32px 32px 49px 62px auto;
}

@media only screen and (max-width: 970px) {
.termini-vnos-tabela {
        width: 100%;
}
}

@media only screen and (max-width: 750px) {
.termini-vnos-tr {
        font-size: 1em;
}
.termini-vnos-td input {
        font-size: 0.9em;
}
.termini-vnos-datum {
        width: calc(50% - 12px);
}
}

@media only screen and (max-width: 450px) {
.termini-vnos-datum {
        width: calc(100% - 12px);
}
}

/* #############################################################################
                          MODUL SUPPLENZEN
   ###########################################################################*/
.supplenzen-grid-obstojeci {
        width: 960px;
        display: grid;
        grid-row-gap: 2px;
        margin-top: 5px;
        grid-template-columns: 25px 100px 62px auto;
}

.supplenzen-vnos-tabela {
        display: table;
        border-collapse: collapse;
        width: 960px;
}

.supplenzen-vnos-tr {
        display: table-row;
}

.supplenzen-vnos-td {
        display: table-cell;
        vertical-align: middle;
        border-bottom: 1px solid #F7F7F7;
        padding: 2px 0;
}

.supplenzen-vnos-td:first-child {
        width: 100px;
}

.supplenzen-vnos-predmet-separator {
    display: inline;
}

.supplenzen-razlaga {
    display: block;
    background: #aec9d9;
    padding: 5px;
    color: #213970;
}

@media screen and (max-width: 970px) {
.supplenzen-vnos-tabela, .supplenzen-grid-obstojeci {
        width: 100%;
}

}

@media screen and (max-width: 450px) {
.supplenzen-vnos-predmet-separator br {
        display: none;
}

.supplenzen-vnos-predmet-separator:after {
        content: ' |';
}

.supplenzen-vnos-td {
        display: block;
        clear: left;
        text-align: left;
        width: 100% !important;
}

.supplenzen-vnos-td:first-child {
        text-align: left;
        width: 100% !important;
        padding: 0;
        font-weight: bold;
}

}

/* Kompetence */
.kompPodatkiUcenca {
        padding: 10px;
        font-size: 1.5em;
        background: #FFB039;
        border-radius: 5px;
        margin: 10px 0 0 0;
        color: #FFFFFF;
        min-height: 27px;
}

.kompLinkZaPDF {
        display: block;
        float: left;
        width: 83px;
        height: 37px;
        margin: 0 0 0 491px;
}

.kompLinkZaPredmet {
        margin: 5px 3px 5px 0;
        padding: 5px;
        display: block;
        float: left;
        background: #C0C0C0 !important;
        border-radius: 5px;
        min-width: 80px;
        font-size: 1.3em !important;
        text-align: center;
}

.kompLinkZaSemester {
        background: #A0A0A0 !important;
        min-width: 65px;
        font-size: 0.8em !important;
        margin: 0 0 0 8px;
        padding: 5px;
        display: block;
        float: left;
        border-radius: 5px;
        text-align: center;
}

.kompSelectUcenec {
        font-size: 18px;
        width: 200px;
        display: block;
        float: left;
}

.kompLinkZaPredmet:hover, .kompLinkZaSemester:hover {
        background: #00CC00 !important;
}

.podrWrapper {
}

.kompRdecOkvir {
        border: 2px solid #FF0000;
}

.kompZelenOkvir {
        border: 2px solid #00FF00;
}

.kompWrapper {
        min-height: 150px;
        clear: both;
}

.kompHeader {
        background: #C0C0C0;
        writing-mode: vertical-lr;
        float: left;
        height: 175px;
        padding: 10px;
        text-align: left;
        font-size: 1em;
        width: 35px;
        margin: 0 3px 0 0;
}

.kompKompetenca {
        background: #D8A55B;
        padding: 3px;
        font-size: 1.1em;
        min-height: 29px;
}

.kompMIN, .kompMID, .kompMAX, .kompNON, .kompINF, .kompSUP {
        display: block;
        float: left;
        height: 145px;
        width: 240px;
        margin: 3px 3px 3px 0;
        text-align: left;
        padding: 3px;
        font-size: 1em;
}

.kompNON {
        width: 54px;
        height: 56px;
        background: #909090;
        border: 3px dashed #909090;
        text-align: center;
        clear: both;
        margin: 0 3px 3px 0;
        font-size: 3em;
}

.kompINF {
        width: 54px;
        height: 74px;
        background: #E0E0E0;
        border: 3px dashed #E0E0E0;
        text-align: center;
        margin: 3px 0 3px 0;
        font-size: 3em;
}

.kompSUP {
        width: 54px;
        height: 74px;
        background: #C0C0C0;
        border: 3px dashed #C0C0C0;
        text-align: center;
        margin: 3px 0 74px 0;
        font-size: 3em;
}

.kompMIN {
        background: #D8D8D8;
        border: 3px dashed #D8D8D8;
}

.kompMID {
        background: #D0D0D0;
        border: 3px dashed #D0D0D0;
}

.kompMAX {
        background: #C8C8C8;
        border: 3px dashed #C8C8C8;
}

.kompLwrapper, .kompRwrapper {
        display: block;
        float: left;
}

.kompRadio {
        display: none;
}

.kompCheckana {
        border: 3px dashed #0000FF;
        background: #99FF00;
}

.kompAktivna {
        border: 3px dashed #000000;
}