/* FONTS */ 
@font-face {
    font-family: linotype;
    src:
        url("../../fonts/linotype/Linotype-DINNextLTPro-Regular.otf") format("otf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: linotype;
    src:
        url("../../fonts/linotype/Linotype-DINNextLTPro-Bold.otf") format("otf");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: linotype;
    src:
        url("../../fonts/linotype/Linotype-DINNextLTPro-Italic.otf") format("otf");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* MAIN STYLES */
* {
    --lighter-color: #c0e1de;
    --darker-color: #212d66;
    --grey-color: #818285;
    --darkgrey-color: #58585a;
    --iucbenikimk-color: #a3c739;
    --ucimte-color: #2175a7;
}

html, body {
    height: 100%;
}

body {
    /*font-family: "Trebuchet MS", Helvetica, sans-serif;*/
    font-family: "Helvetica", sans-serif;
    
    background-color: darkgrey;
    background-image: url('../../images/background/slider_1.jpg');
    background-size: 100% 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    min-width: 100%;
}

.zelena, .green {
    color: #75a734;
}

input[type='submit'] {
    font-family: "Trebuchet MS", sans-serif;    
}

div.hidden {
    display: none;
}


/* HEADER STYLES */
header#header-outer-wrapper div#block-headermklogo,
header#header-outer-wrapper div#block-mkheaderlogo {
    /*width: 700px;*/
    /*width: 65%; */
    width: 745px;
    display: inline-block;
    line-height: 41px;
}

/*header#header-outer-wrapper div#block-horizontalmenu,
header#header-outer-wrapper nav#block-iucbenikimk-account-menu,
header#header-outer-wrapper nav#block-mktopmenu,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu,
header#header-outer-wrapper nav#block-mkprijavljentopmenu,
header#header-outer-wrapper div#block-openidconnectlogin {
    float: right;
    margin-left: 1.5rem;
}

header#header-outer-wrapper div#block-horizontalmenu ul li.menu-item {
    float: left;
    margin-left: 1.5rem;
}*/

/*header#header-outer-wrapper div#block-openidconnectlogin {
    margin-top: 3px;
    margin-bottom: 3px;
}*/

header#header-outer-wrapper nav#block-mktopmenu,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu {
    /*margin-right: 4px;*/
}


header#header-outer-wrapper div#block-horizontalmenu ul.horizontal-menu li.menu-item a {
    /*margin-left: 6px;*/
}

/*header#header-outer-wrapper div#block-horizontalmenu ul.horizontal-menu li.menu-item a,
header#header-outer-wrapper nav#block-iucbenikimk-account-menu ul.menu li.menu-item a,
header#header-outer-wrapper ul.menu li.menu-item a,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a,*/
div.mk-user-profile-page div.top-menu .button,
form#user-register-form a.nakup-kode {
/*,
header#header-outer-wrapper input#edit-openid-connect-client-generic-login {*/
    font-family: "Trebuchet MS", sans-serif;
    color: white;
    display: block;
    text-decoration: none;
    font-weight: 700;
    /*margin: 0 10px;*/
    transition: all 300ms ease 0s;
    background: linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #4c8d4e;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    box-shadow: 0 0 1px 1px #d4d9dd;
    line-height: 28px;
    height: 40px;
    
    width: 90px;
}

/*header#header-outer-wrapper div#block-horizontalmenu ul.horizontal-menu li.menu-item a:hover,
header#header-outer-wrapper nav#block-iucbenikimk-account-menu ul.menu li.menu-item a:hover,
header#header-outer-wrapper ul.menu li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a:hover,*/
div.mk-user-profile-page div.top-menu .button:hover {
/*header#header-outer-wrapper input#edit-openid-connect-client-generic-login:hover {*/
    color: #798393;
    background: linear-gradient(to bottom, #bbe8ab 0%, #8fc97b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #4c8d4e;
}

/*header#header-outer-wrapper ul.horizontal-menu li.menu-item a[href="/trgovina"],
header#header-outer-wrapper ul.horizontal-menu li.menu-item a[href="/sl/trgovina"],*/
form#user-register-form a.nakup-kode,
div.mk-user-profile-page div.top-menu form#add-code .button {
    width: 90px!important;
    border: 1px solid #295FA0!important;
    background: linear-gradient(to bottom, #739AC2 0%, #295FA0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}

/*header#header-outer-wrapper input#edit-openid-connect-client-generic-login,
header#header-outer-wrapper div.openid-connect-login-form {
    display: inline-block;
}*/

/*header#header-outer-wrapper ul.horizontal-menu li.menu-item a[href="/trgovina"]:hover,
header#header-outer-wrapper ul.horizontal-menu li.menu-item a[href="/sl/trgovina"]:hover,*/
form#user-register-form a.nakup-kode:hover,
div.mk-user-profile-page div.top-menu form#add-code .button:hover {
    background: linear-gradient(to bottom, #abcaea 0%, #3980d6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}

/*header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/user/register"],
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/sl/user/register"] {
    width: 117px;    
    background: linear-gradient(to bottom, #fbc376 0%, #f1870f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #f7a833;
}

header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/user/register"]:hover,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/sl/user/register"]:hover {
    background: linear-gradient(to bottom, #ffdcab 0%, #f3a135 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/evalvacija"],
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/sl/evalvacija"] {
    width: 110px;    
    background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(72,5,5,1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ff0000;
    text-transform: uppercase;
}

header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/evalvacija"]:hover,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href="/sl/evalvacija"]:hover {
    background: linear-gradient(to bottom, rgba(255,161,161,1) 0%, rgba(228,105,105,1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}*/

body.user-logged-in div#off-canvas ul.mm-listview li.mm-listitem a[href="/user/register"],
body.user-logged-in div#off-canvas ul.mm-listview li.mm-listitem a[href="/sl/user/register"],
body.user-logged-in div#off-canvas ul.mm-listview li.mm-listitem a[href="/evalvacija"],
body.user-logged-in div#off-canvas ul.mm-listview li.mm-listitem a[href="/sl/evalvacija"] {
    display: none;
}

header#header-outer-wrapper {        
    /*background-color: #404041;*/
    /*background-color: rgba(255, 255, 255,0.6);*/
    background-color: var(--grey-color);
    
    /*box-shadow: 0px 5px 22px -5px rgba(122,122,122,0.1);*/    
    box-shadow: 0px 0px 10px 3px #969696;
    /*box-shadow: 0px 0px 10px 3px #c8c8c8;*/
    
    position: relative;
    z-index: 500;
    
    /*border-bottom: 4px solid #75a734;*/
}

/*header#header-outer-wrapper div.region--header {    
    margin-top: 15px;
    margin-bottom: 13px;
    padding-top: 9px;
    padding-bottom: 9px;
}*/

header#header-outer-wrapper div.header_mk_logo {
    font-family: "Trebuchet MS", sans-serif;
    display: inline-block;
    line-height: 0;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 14px;
}

header#header-outer-wrapper div.header_mk_logo a img {
    height: 56.4px;
}

header#header-outer-wrapper #block-mkheaderlogo div.field--name-body {
    line-height: 0;
}

header#header-outer-wrapper #block-mkheaderlogo {
    padding: 9px 0;
}


/*header#header-outer-wrapper div.header_mk_logo a {
    color: white;
    color: black;
    
    text-decoration: none;
    margin: auto;
    font-size: 30px;
}*/

/*header#header-outer-wrapper div.header_mk_logo a span.opis {
    font-family: "linotype", sans-serif;
    color: var(--darker-color);
    font-size: 19px;
}*/

/*header#header-outer-wrapper div#block-responsivemenumobileicon {
    position: absolute;
    top: 9px;
    right: 10px;
}

header#header-outer-wrapper div#block-responsivemenumobileicon span.label {
    display: none;
}*/


/* HEADER ANIMATED BUTTON STYLES */
header#header-outer-wrapper div.header_mk_menu {
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
    
    margin-top: 21px;
    
    margin-right: 11px;
}

header#header-outer-wrapper div.header_mk_menu .region-header,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu,
header#header-outer-wrapper nav#block-mkprijavljentopmenu,
header#header-outer-wrapper nav#block-mkprijavljentopmenu ul.menu,
header#header-outer-wrapper nav#block-mkprijavljentopmenueng,
header#header-outer-wrapper nav#block-mkprijavljentopmenueng ul.menu,
header#header-outer-wrapper nav#block-mkprijavljentopmenuright,
header#header-outer-wrapper nav#block-mkprijavljentopmenuright ul.menu,
header#header-outer-wrapper nav#block-mkprijavljentopmenurighteng,
header#header-outer-wrapper nav#block-mkprijavljentopmenurighteng ul.menu,
header#header-outer-wrapper div.openid-connect-login-form {
    display: inline-block;
}

header#header-outer-wrapper div#block-horizontalmenu li.menu-item,
header#header-outer-wrapper nav#block-mkprijavljentopmenu li.menu-item,
header#header-outer-wrapper nav#block-mkprijavljentopmenueng li.menu-item,
header#header-outer-wrapper nav#block-mkprijavljentopmenuright li.menu-item,
header#header-outer-wrapper nav#block-mkprijavljentopmenurighteng li.menu-item,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item {
    margin: 0;
    padding: 0;
    height: 100%;
}

header#header-outer-wrapper div#block-horizontalmenu li.menu-item a,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item a,
header#header-outer-wrapper nav#block-mkprijavljentopmenu li.menu-item a,
header#header-outer-wrapper nav#block-mkprijavljentopmenueng li.menu-item a,
header#header-outer-wrapper nav#block-mkprijavljentopmenuright li.menu-item a,
header#header-outer-wrapper nav#block-mkprijavljentopmenurighteng li.menu-item a,
header#header-outer-wrapper div.openid-connect-login-form input#edit-openid-connect-client-generic-login,
a.esolamk-button {
    font-family: "linotype", sans-serif;
    /* reseting some values */
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    
    color: white; /*var(--iucbneikimk-color);*/
    text-transform: uppercase;
    border: 2px solid var(--grey-color);
    border-radius: 0.87rem;
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 2px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: border 0.5s ease-in-out, background-color 0.5s ease-in-out;
    
    height: 27px;
    line-height: 21px;
    display: block;
    
    vertical-align: middle;
    /*margin-top: 23px;*/
}

/*header#header-outer-wrapper div.openid-connect-login-form input#edit-openid-connect-client-generic-login {
    margin-left: 0.25rem;
}*/

header#header-outer-wrapper div#block-horizontalmenu li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkprijavljentopmenu li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkprijavljentopmenueng li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkprijavljentopmenuright li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkprijavljentopmenurighteng li.menu-item a:hover,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item a:hover,
header#header-outer-wrapper div.openid-connect-login-form input#edit-openid-connect-client-generic-login:hover,
a.esolamk-button:hover {
    /* reseting some values */
    text-decoration: none;
    
    border: 2px solid var(--iucbenikimk-color);
    background-color: var(--iucbenikimk-color);
    color: white;
}

/*div#off-canvas div.mm-panels ul.mm-listview li.mm-listitem a,
header#header-outer-wrapper div.openid-connect-login-form input#edit-openid-connect-client-generic-login,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item a,
header#header-outer-wrapper div#block-horizontalmenu li.menu-item a {
    font-family: "linotype", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: var(--darker-color);
    
    margin: 0;
    padding: 0;
    padding-top: 6px;
    
    width: auto;
    height: 2.25rem;
    
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
}*/
/*
div#off-canvas div.mm-panels ul.mm-listview li.mm-listitem a {
    margin-left: 2.25rem;
}

header#header-outer-wrapper div.openid-connect-login-form form#openid-connect-login-form div {
    position: relative;
}*/

/*div#off-canvas div.mm-panels ul.mm-listview li.mm-listitem a:after,
header#header-outer-wrapper div.openid-connect-login-form form#openid-connect-login-form div:after,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item a:after,
header#header-outer-wrapper div#block-horizontalmenu li.menu-item a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    transition: opacity 0.2s, transform 0.2s;
    transform: translateY(0.3125rem);
    opacity: 0;
    border-top: solid 2px var(--darker-color);
}

div#off-canvas div.mm-panels ul.mm-listview li.mm-listitem a:hover:after,
header#header-outer-wrapper div.openid-connect-login-form form#openid-connect-login-form div:hover:after,
header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item a:hover:after,
header#header-outer-wrapper div#block-horizontalmenu li.menu-item a:hover:after {
    transform: translateY(0);
    opacity: 0.8;
}*/

/*header#header-outer-wrapper nav#block-mkneprijavljentopmenu {
    display: none;
}

header#header-outer-wrapper div.openid-connect-login-form {
    margin-right: 4rem;
}*/

@media (min-width: 960px) { 
    nav.responsive-menu-block-wrapper { 
        display: block; 
    } 
    
    .responsive-menu-toggle-wrapper.responsive-menu-toggle { 
        display: none; 
    }
    
/*    header#header-outer-wrapper nav#block-mkneprijavljentopmenu {
        display: block;
    }*/

    header#header-outer-wrapper div.openid-connect-login-form {
        margin-right: 0;
    }
}


/* CONTENT STYLES *
section#content-outer-wrapper:after {
  content: "";
  display: block;
}
*/
div.mm-page {
    background: transparent;
}

/* FOOTER STYLES */
footer#footer-outer-wrapper,
section#content-outer-wrapper:after {
    /*height: 95px;*/
}

section#content-outer-wrapper {
    /*min-height: calc(100vh - 253px);*/
    min-height: calc(100vh - 159px);
}

footer#footer-outer-wrapper {
    background-color: #75a734;
    border-top: 1px solid rgba(100,100,100,0.6);
    box-shadow: 0 0 2px 1px rgba(100,100,100,0.5);
    padding: 5px 10px;
    
    width: 100%;
    
    z-index: 1000;
    
    height: 80px;
}

div.footer-mk table {
    color: white;
    font-size: 11px;
    width: 100%;
}

div.footer-mk table tr td ul {
    list-style: none;
    padding-left: 0;
}

div.footer-mk table tr td a {
    color: white;
    text-decoration: none;
}

div.footer-mk table tr td a:hover {
    text-decoration: underline;
}

/* FRONT PAGE STYLES */
div.front-page {
    margin-top: 5%;
}

div.front-page img.logotipi-sredina {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.front-page div.video-gumb {
    background-image: url(/themes/iucbenikimk/images/icons/video_gumb.png);
    background-position: -1px center;
    background-repeat: no-repeat;
    outline: 4px solid rgba(255, 255, 255, 0);
    padding-top: 4px;
    color: #fff;
    cursor: pointer;
    height: 167px;
    transition: all 0.3s linear 0s;
    filter: drop-shadow(0px 0px 5px #a0a0a0);
}

div.front-page a.video {
    color: #fff;
}

div.front-page a.video:hover {
    text-decoration: none;
}

div.front-page div.video-gumb:hover {
    outline: 4px solid rgba(117, 167, 52, 0.8);
}

div.front-page div.logotipi {
    position: absolute;
    top: 30px;
    left: 3px;
}

div.front-page div.logotipi p.naslov {
    margin-bottom: 5px;
    margin-top: 25px;
}

div.front-page div.logotipi p.naslov:first-child {
    margin-top: 0;
}

div.front-page div.logotipi a {
    display: block;
}

div.front-page div.logotipi img {
    width: 150px;
    margin-bottom: 5px;
}

div.front-page div.evalvacija,
div.front-page div.iucbenik {
    width: 300px;
    position: absolute;
    right: 3px;
    top: 30px;
    
    border: 6px solid transparent;
    border-radius: 16px;
    
    background: white;
    background-clip: padding-box;
    box-shadow: 0 3px 9px black;/*, inset 0 0 9px white;*/
    
    padding: 13px;    
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: black;
    font-weight: bold;
}

div.front-page div.iucbenik {
    top: 100px;
}

div.front-page div.evalvacija::after,
div.front-page div.iucbenik::after {
    position: absolute;
    top: -6px; bottom: -6px;
    left: -6px; right: -6px;
    background: linear-gradient(to bottom, rgba(255,0,0,1) 0%, rgba(72,5,5,1) 100%);
    content: '';
    z-index: -1;
    border-radius: 16px;
}

div.front-page div.evalvacija:hover,
div.front-page div.iucbenik::hover {
    background: #ECECEC;
    background-clip: padding-box;
}

div.front-page div.promocijskidostop {
    width: 300px;
    position: absolute;
    right: 3px;
    top: 30px;
    
    border: 6px solid transparent;
    border-radius: 16px;
    
    background: white;
    background-clip: padding-box;
    box-shadow: 0 3px 9px black;/*, inset 0 0 9px white;*/
    
    padding: 13px;    
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: black;
    font-weight: bold;
}

div.front-page div.promocijskidostop::after {
    position: absolute;
    top: -6px; bottom: -6px;
    left: -6px; right: -6px;
    background: linear-gradient(to bottom, rgba(117,167,52,1) 0%, rgba(72,5,5,1) 100%);
    content: '';
    z-index: -1;
    border-radius: 16px;
}

div.front-page div.promocijskidostop:hover {
    background: #ECECEC;
    background-clip: padding-box;
}

/*
div.front-page div.logotipi div.logo-ucimse {
    background-image: url(/themes/iucbenikimk/images/UCIMse-logo-gray.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 57px;
    
    margin-bottom: 15px;    
/*
    position: absolute;
    left: 3px;
    cursor: pointer;
    top: 50px;
*
}

div.front-page div.logotipi div.logo-ucimse:hover {
    background-image: url(/themes/iucbenikimk/images/UCIMse-logo-color.png);
}

div.front-page div.logotipi div.logo-ucimte {
    background-image: url(/themes/iucbenikimk/images/UCIMte-logo-gray.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 140px;
    height: 49px;
/*
    position: absolute;
    left: 3px;
    cursor: pointer;
    top: 120px;
*
}

div.front-page div.logotipi div.logo-ucimte:hover {
    background-image: url(/themes/iucbenikimk/images/UCIMte-logo-color.png);
}
*/


/* USER LOGGED IN */
body.user-logged-in div#main-layout,
body.path-trgovina div#main-layout,
body.path-evalvacija div#main-layout,
body.path-promocijska-koda div#main-layout,
body.path-matura div#main-layout,
body.path-qrvsebine-koda div#main-layout,
div#main-layout {
    background: white;
    padding-top: 20px;
    padding-bottom: 20px;
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);   
}

body.path-frontpage div#main-layout {
    background: none;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;   
}

/* General styles */
h1 {
    font-family: "Trebuchet MS", sans-serif;
    font-weight: normal;
}

h2, h3 {
    font-family: "Trebuchet MS", sans-serif;
}

/* FORM styles */
select {
    border: 1px solid #BBBBBB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 4px 2px 4px 5px;
    color: #000;
    background-color: #f3f3f3;
}


/* Page Content */
div#info-content h1 {
    color: #75a734;
    margin-bottom: 5px;
    margin-top: 0;
}

div#info-content .green {
    color: #75a734;
}

/* Views */
div.view-content table.views-table {
    border: 1px solid #75a734;
    width: 100%;
    text-align: left;
}

div.view-content table.views-table td, 
div.view-content table.views-table th {
    border: 0px solid #AAAAAA;
    padding: 3px 10px;
}

div.view-content table.views-table tbody td {
    font-size: 14px;
    height: 25px;
}

div.view-content table.views-table tbody tr:nth-child(even) {
    background: #d5f3ca;
}

div.view-content table.views-table thead {
    background: #75a734;    
    
    background: -moz-linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    background: -webkit-linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    background: linear-gradient(to bottom, #8fc97b 0%, #75a734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);    
    
    border-bottom: 1px solid #444444;
}   

div.view-content table.views-table thead th {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 2px solid #f0ffea;
}

div.view-content table.views-table thead th:first-child {
    border-left: none;
}


/*
body.user-logged-in {
    height: calc(100% - 174px);
}

body.user-logged-in div.dialog-off-canvas-main-canvas,
body.user-logged-in div#page-wrapper, 
body.user-logged-in div#page,
body.user-logged-in section#content-outer-wrapper,
body.user-logged-in div.region-content{
    height: 100%;
}

body.user-logged-in div#main-layout {
    height: 100%;
    background: red;
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);    
}



/*
body {
    height: calc(100% - 175px);
}5px;

body div.dialog-off-canvas-main-canvas,
body div#page-wrapper,
body div#page,
body section#content-outer-wrapper,
body div#main-layout,
body div.region-content {
    height: 100%;
}

body div#main-layout {
    background-color: white;
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);    
}
*/

/* Integracija */
div.integracija-autologin-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgb(0,0,0);
    background: radial-gradient(circle, rgba(0,0,0,0.7) 60%, rgba(0,0,0,0.3) 100%);
}

div.integracija-autologin-overlay div.integracija-loader-container-mk-logo {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div.integracija-autologin-overlay i {
  position: relative;
  display: inline-block;
  margin: 0 4px;
  width: 5px;
  height: 15px;
  border-radius: 2px;
  border: solid #690;
  border-width: 0 1px 1px 0;
  background: #75a734;
  animation: tilt infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  /*
  animation: tilt infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  */
  transform-origin: 100% 100%;
}

div.integracija-autologin-overlay i::before {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  display: block;
  width: 5px;
  height: 5px;
  background: transparent;
  box-shadow: 0 2px rgba(0,0,0,.3);
  animation: stretch infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  /*
  animation: stretch infinite 5s cubic-bezier(0.955, -0.010, 1.000, 1.000);
  */
  opacity: 0;
  transform-origin: 0% 0%;
}

div.integracija-autologin-overlay i:nth-child(2),
div.integracija-autologin-overlay i:nth-child(2)::before {
  animation-delay: .3s;
}

div.integracija-autologin-overlay i:nth-child(3),
div.integracija-autologin-overlay i:nth-child(3)::before {
  animation-delay: .6s;
}

div.integracija-autologin-overlay i:nth-child(4),
div.integracija-autologin-overlay i:nth-child(4)::before {
  animation-delay: .9s;
}

div.integracija-autologin-overlay i:nth-child(5),
div.integracija-autologin-overlay i:nth-child(5)::before {
  animation-delay: 1.2s;
}

div.integracija-autologin-overlay i:last-of-type {
  animation-name: tilt-last;
}

div.integracija-autologin-overlay i:last-of-type::before {
  animation-name: stretch-last;
}

@keyframes tilt {
  10% { transform: rotate(70deg) }
  60% { transform: rotate(70deg) }
  70% { transform: rotate( 0deg) }
}

@keyframes tilt-last {
  10% { transform: rotate(90deg) }
  60% { transform: rotate(90deg) }
  70% { transform: rotate( 0deg) }
}

@keyframes stretch {
  10% { transform: rotate(-70deg); width: 10px; opacity: 1; left: 0px; bottom: -1px; }
  60% { transform: rotate(-70deg); width: 10px; opacity: 1; }
  70% { width: 5px; transform: rotate(0deg); opacity: 0; }
}

@keyframes stretch-last {
  10% { transform: rotate(-90deg); width: 10px; height: 2px; opacity: .5; left: 3px; bottom: -1px; }
  60% { transform: rotate(-90deg); width: 10px; height: 2px; opacity: .5; }
  70% { transform: rotate(0deg); width: 5px; height: 5px; opacity: 0;}
}

div.integracija-autologin-overlay .integracija-loader {
  position: relative;
  display: block;
  margin: auto;
  padding: 0;
  width: 100px;
  height: 15px;
  text-align: center;
}

div.integracija-autologin-overlay p.integracija-autologin-overlay-text {
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 4px 3px #292929
}

/****** Top menu responsive layout ******/
@media (max-width: 959.5px) {
    header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href='/sl/user/register'],
    header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href='/user/register'],
    header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href='/sl/evalvacija'],
    header#header-outer-wrapper nav#block-mkneprijavljentopmenu ul.menu li.menu-item a[href='/evalvacija'] {
        display: none;
    }
    
    /* Content */
    div.front-page div.logotipi {
        transform-origin: left top;
        transform: scale(0.7);
    }
    
    div.front-page div.evalvacija {
        width: 250px;
        font-size: 12px;
        line-height: 14px;
    }
}

/****** My responsive layout styles ******/
@media all and (min-width: 0px)  and (max-width: 767px) {
    /* Header */
    header#header-outer-wrapper div#block-headermklogo,
    header#header-outer-wrapper div#block-mkheaderlogo {
        width: calc(100% - 60px - 7rem);
        line-height: 20px;
    }
    
    header#header-outer-wrapper div.header_mk_logo a {
        font-size: 25px;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis span.dash,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis span.dash {
        display: none;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis {
        font-size: 12px;
        display: block;
    }
    
    /* Header *
    header#header-outer-wrapper div#block-headermklogo,
    header#header-outer-wrapper div#block-mkheaderlogo {
        width: calc(100% - 60px);
        display: inline-block;
        line-height: 41px;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a {
        font-size: 24px;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis {
        font-size: 18px;
    }
    
    /* Content */
    div.front-page div.logotipi {
        position: inherit;
        text-align: center;
        transform: none;
    }
    
    div.front-page div.evalvacija {
        width: 100%;
    }
    
    /* Footer */
    div.footer-mk table tr > * {
        display: block;
    }
    
    div.footer-mk table tr {
        display: table-cell;
    }
    
    footer#footer-outer-wrapper {
        height: auto;
    }
    
    /* Page Content */
    div#info-content {
        font-size: 14px;
    }
    
    div#info-content h1 {
        font-size: 20px;
    }
    
    div#info-content h2 {
        font-size: 15px!important;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    /* Header */
    header#header-outer-wrapper div#block-headermklogo,
    header#header-outer-wrapper div#block-mkheaderlogo {
        width: 460px;
        line-height: 20px;
    }
    
    header#header-outer-wrapper div.header_mk_logo a {
        font-size: 25px;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis span.dash,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis span.dash {
        display: none;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis {
        font-size: 17px;
        display: block;
    }
    
    /* Footer */
    div.footer-mk table tr td.prvi {
        width: 160px;
    }    
    
    div.footer-mk table tr td.drugi {
        width: auto;
        padding: 0 20px;
        font-size: 10px;
    }
    
    div.footer-mk table tr td.tretji {
        width: 220px;
        padding-right: 15px;
    }    
    
    div.footer-mk table tr td.cetrti {
        width: 130px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1219px) {
    /* Header */
    header#header-outer-wrapper div#block-headermklogo,
    header#header-outer-wrapper div#block-mkheaderlogo {
        width: 500px;
        line-height: 20px;
    }
    
    header#header-outer-wrapper div.header_mk_logo a {
        font-size: 25px;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis span.dash,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis span.dash {
        display: none;
    }
    
    header#header-outer-wrapper div#block-headermklogo div.header_mk_logo a span.opis,
    header#header-outer-wrapper div#block-mkheaderlogo div.header_mk_logo a span.opis {        
        font-size: 17px;
        display: block;
    }
    
    /* Footer */
    div.footer-mk table tr td.prvi {
        width: 160px;
    }    
    
    div.footer-mk table tr td.drugi {
        width: auto;
        padding: 0 50px;
    }
    
    div.footer-mk table tr td.tretji {
        width: 220px;
        padding-right: 15px
    }    
    
    div.footer-mk table tr td.cetrti {
        width: 160px
    }
}

@media all and (min-width: 1220px) {    
    /* Footer */
    div.footer-mk table tr td.prvi {
        width: 160px;
    }    
    
    div.footer-mk table tr td.drugi {
        width: auto;
        padding: 0 40px;
    }
    
    div.footer-mk table tr td.tretji {
        width: 220px;
        padding-right: 15px;
    }    
    
    div.footer-mk table tr td.cetrti {
        width: 200px;
    }
}

.header-nav-overlay {   
    display: none;
}

@media (max-width: 1220px) {
    /* Top menu when hidden */
    header#header-outer-wrapper nav#block-mkprijavljentopmenu li.menu-item,
    header#header-outer-wrapper nav#block-mkprijavljentopmenueng li.menu-item,
    header#header-outer-wrapper div#block-esolamkuserprofile,
    header#header-outer-wrapper nav#block-mkneprijavljentopmenu li.menu-item {
        display: block;
        margin-bottom: 0.5rem;
    }
    
    div.header_mk_menu #block-esolamkportali {
        position: absolute;
        top: 0;
        right: 0;
    }
    
    div.header_mk_menu {
        background: var(--grey-color);
        height: 100%;
        width: 500px!important;
        position: fixed;
        right: -500px;
        top: 0;
        margin: 0!important;
        padding: 0;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        border-top: solid var(--grey-color) 74px;
        
        text-align: left!important;
        
        -webkit-box-shadow: 0px 0px 10px 3px #969696;
        box-shadow: 0px 0px 10px 3px #969696;
        
        visibiltiy: hidden;
        
        z-index: 110;
        transition: visibility 0.2s, transform 0.2s;
    }
    
    div.header_mk_menu .region-header {        
        margin-top: 2.25rem!important;
        margin-bottom: 2.25rem!important;
    }
    
    
    div.header_mk_menu.is-active {
        visibility: visible;
        transform: translateX(-500px);
    }
    
    div.header_mk_menu.is-active .responsivemenu {
        top: -54px;
    }
    
    .header-nav-overlay.is-active {        
        position: fixed;
        z-index: 101;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100vh;
        opacity: 0.2;
        /*background: #0d77b5;*/
        background: var(--iucbenikimk-color);
    }
}


@media (max-width: 500px) {
    div.header_mk_menu {
        width: 100%!important;
        border-top: solid var(--grey-color) 54px
    }
}