body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 25px;
    padding-right: 25px;
}*/


@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff'),
        url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


.cc-window {
	font-size:12px!important;
	max-width:200px!important;
}
a, .cc-link {
	text-decoration:none!important;
}


.scc {
    font-size: 10px;
}

img {
    max-width: 100%;
    height: auto;
}

/*#region col-xxl in col-xxxl*/

.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,.col-xxl-auto, 
.col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl,.col-xxxl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (max-width: 575px) {
    .col-none {
        display:none!important;
    }
}

@media (min-width: 576px) {
    .col-sm-none {
        display:none!important;
    }
}

@media (min-width: 768px) {
    .col-md-none {
        display:none!important;
    }
}

@media (min-width: 1140px) {
    .col-lg-none {
        display:none!important;
    }
    .col-xl-none {
        display:none!important;
    }
    .bootstrap-select .dropdown-menu {
        max-width: unset !important;
    }
}

@media (min-width: 1600px) {
    .col-xxl-none{
        display:none!important;
    }

    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxl-0 {
        margin-left: 0;
    }

    .offset-xxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxl-3 {
        margin-left: 25%;
    }

    .offset-xxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxl-6 {
        margin-left: 50%;
    }

    .offset-xxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxl-9 {
        margin-left: 75%;
    }

    .offset-xxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxl-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 2000px) {
    .col-xxxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xxxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xxxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xxxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xxxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xxxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xxxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xxxl-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xxxl-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xxxl-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xxxl-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xxxl-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xxxl-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xxxl-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xxxl-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xxxl-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xxxl-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xxxl-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xxxl-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xxxl-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xxxl-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xxxl-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xxxl-0 {
        margin-left: 0;
    }

    .offset-xxxl-1 {
        margin-left: 8.333333%;
    }

    .offset-xxxl-2 {
        margin-left: 16.666667%;
    }

    .offset-xxxl-3 {
        margin-left: 25%;
    }

    .offset-xxxl-4 {
        margin-left: 33.333333%;
    }

    .offset-xxxl-5 {
        margin-left: 41.666667%;
    }

    .offset-xxxl-6 {
        margin-left: 50%;
    }

    .offset-xxxl-7 {
        margin-left: 58.333333%;
    }

    .offset-xxxl-8 {
        margin-left: 66.666667%;
    }

    .offset-xxxl-9 {
        margin-left: 75%;
    }

    .offset-xxxl-10 {
        margin-left: 83.333333%;
    }

    .offset-xxxl-11 {
        margin-left: 91.666667%;
    }
}

/*#endregion*/


@media print {
    .tableBorder tr td, .tableBorder tr th {
        border-width: 1px !important;
        border-style: solid !important;
        border-color: #000000 !important;
        background-color: !important;
        -webkit-print-color-adjust: exact;
    }

    .pageBreakAvoid {
        page-break-inside: avoid;
    }
}

.pageBreakPrint {
    page-break-after: always;
}
.kt-print {
    display: block !important;
}

.badgeTextWrap {
    white-space:normal!important;
    text-align:left;
    line-height:20px;
}

.bd-search {
    position: relative;
    padding-top: 15px;
    padding-bottom: 1px;
    width: 100%;
}

.bd-sidebar {
    border-right: 1px solid rgba(0,0,0,.1) !important;
    /*max-width: 320px;*/
    padding-right: 30px;
    background-color: #f4f4f4;
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.custom-radio .custom-control-label::before {
    background-color: rgb(215, 214, 214); /* https://stackoverflow.com/a/48401949 */
}


/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap*/


.badge-purple {
    color: #fff;
    background-color: #9370DB;
}

.badge-purple[href]:hover, .badge-purple[href]:focus {
    color: #fff;
    text-decoration: none;
    background-color: #9370DB;
}



#mouse_over .meni {
    opacity: 0;
}

#mouse_over:hover .meni {
    opacity: 1;
}


.word-wrap {
    max-width:200px!important;
    word-wrap: break-word;
}

.word-wrap-avoid {
    white-space: nowrap;
}

/*odreže predolg, da predolg priimek, ime ne pade v 2. vrstico*/
.elli {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis!important;
}



@media (min-width: 1200px) { /* xl */

    /*.col-xl-fixed {
        background: yellow;
        max-width: 300px !important;
        min-width: 300px !important;
    }
    .col-xl-fluid {
        min-width:600px;
        width:auto;
    }*/
}


/*#region media queries*/

    /*@media screen and (min-wdth: 0) and (max-width: 575.98px) { 
        .nosmallphone {
            display: none;
        }
    }
    @media screen and (min-width: 576) and (max-width: 767.98px) {
        .nophone {
            display: none;
        }
    }
    @media screen and (min-width: 768px) and (max-width: 991.98px) {
        .notablet {
            display: none;
        }
    }
    @media screen and (min-width: 992px) and (max-width: 1199.98px) {
        .nodesktop {
            display: none;
        }
    }*/


    @media only screen and (max-width: 767.98px) {
        .nomobile {
            display: none!important;
        }
    }

    @media only screen and (min-width: 768px) {
        .nodesktop {
            display: none!important;
        }
    }


/*#endregion*/




.fontawesomeTooltip {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-width: 0px !important;
}




/*#region selectpicker*/
.btn-light {
    border-color: #CED4DA !important;
    background-color: white !important;
    color: black !important;
}
/*#endregion*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
    max-width: 100%;
}

.search {
    display: inline-block;
}

.width250 {
    width: 250px !important;
}

.width300 {
    width: 300px !important;
}

.velikostPodjetjaVelika {
    font-size: 1.5em;
}
/*.velikostPodjetjaMala{
    font-size: 0.75em;
}*/
.naslovPadding {
    padding-bottom: 15px;
}

.detailsButtonsMargin {
    margin-top: 5px;
}

.detailsMargin {
    margin-left: 15px;
}

.width170 {
    width: 170px !important;
}

.width280 {
    max-width: 280px !important;
}

.width300 {
    width: 300px !important;
}

.lmargin50 {
    margin-left: 50px;
}
/*prisili dropdown, da je vedno dropdown in ne dropup*/
/*.drop-down {
    top:100%!important; 
}*/

.prostor25 {
    margin-top: 25px;
}

.prostor50 {
    margin-top: 50px;
}

.prostor75 {
    margin-top: 75px;
}

.marginright30 {
    margin-right: 30px;
}

.rdec {
    color: red;
}

.moder {
    color: #428bca;
}

.zelen {
    color: #8fc451;
}

.margin10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.details-margin-bottom {
    margin-bottom: 5px;
}

.edit-info-label {
    margin-left: 0em
}

.edit-info {
    padding-left: 0em;
    margin-bottom: 1em;
}

/*poveča višino menija, da ni dropdown ujet pod njega*/
.dropdown-menu {
    z-index: 1040;
}

.title-neaktivno {
    color: red !important;
}

.index-smaller-text {
    font-size: /*11 px*/ 0.75em;
}


.dostop-zapri-gumb {
    background-color: #179bd7;
    border-color: #179bd7;
    color: white;
}



.filter-margins {
    /*margin-bottom: 5px;*/
    margin-right: 5px;
    margin-top: 5px;
}

@media screen and (max-width: 500px) { /*da je na mobitelu dropdown le toliko ozek, kot je dropdown polje*/
    .dropdown-menu {
        width: 100% !important;
        /*padding-right: 5px;*/
    }
    .col-12-collapse {
        padding-left:10px!important;
        padding-right:10px!important;
        /*ko je collpase je manjši rob za collapse*/
    }

    .panel-default > .panel-heading {
        border: none;
    }
}

.pisava-opis-mobile {
    font-size: 12px; /*velikost pisave opisa vrstice v tabeli*/
}

.width-opis {
    width: 20%;
}

.btn-block {
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
}

.panel { /*skrije zgornjo in stranski vrstici v tabeli*/
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px;
}

.table tr.fit,
.table td.fit {
    white-space: nowrap;
    width: 1%;
}

.e-grid .e-boolrowcell input[type='checkbox'] {
    margin-left: .7em;
    width: 30px !important;
    height: 30px !important;
    -moz-appearance: none; /* Firefox */
}

.text-success {
    color: green;
}



/*#region padding & margin*/
    .paddingLeft0 { padding-left: 0px }
    .paddingRight0 { padding-right: 0px }
    .paddingTop0 { padding-top: 0px }
    .paddingBottom0 { padding-bottom: 0px }

    .paddingLeft5 { padding-left: 5px }
    .paddingRight5 { padding-right: 5px }
    .paddingTop5 { padding-top: 5px }
    .paddingBottom5 { padding-bottom: 5px }

    .paddingLeft10 { padding-left: 10px }
    .paddingRight10 { padding-right: 10px }
    .paddingTop10 { padding-top: 10px }
    .paddingBottom10 { padding-bottom: 10px }

    .paddingLeft15 { padding-left: 15px }
    .paddingBottom15 { padding-bottom: 15px }
    .paddingTop15 { padding-top: 15px }
    .paddingRight15 { padding-right: 15px }

    .paddingLeft25 { padding-left: 25px }
    .paddingRight25 { padding-right: 25px }
    .paddingTop25 { padding-top: 25px }
    .paddingBottom25 { padding-bottom: 25px }

    .paddingLeft50 { padding-left: 50px }
    .paddingRight50 { padding-right: 50px }
    .paddingTop50 { padding-top: 50px }
    .paddingBottom50 { padding-bottom: 50px }

    .padding0 { padding: 1px 1px 1px 1px; }
    .padding5 {
        padding: 5px 5px 5px 5px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .padding10 {
        padding: 10px 10px 10px 10px!important;
    }
    .padding15 {
        padding: 15px 15px 15px 15px!important;
    }
    .padding25 {
        padding: 25px 25px 25px 25px!important;
    }

    .nivoKomentar{
        padding-left: 50px;
    }
    @media only screen and (max-width: 600px) {
        .padding25 {
            padding: 1px 1px 1px 1px;

        }
        .nivoKomentar {
            padding-left: 25px;
        }
        .col-12-padding0 {
            padding-right:0px!important;
            padding-left:0px!important;
        }
        .row-mobile{
            margin-right:0px!important;
            margin-left:0px!important;
        }
    }


    .padding50 { padding: 50px 50px 50px 50px; }

    .marginTop0 {margin-top: 0px!important}
    .marginRight0 {margin-right: 0px!important}
    .marginBottom0 {margin-bottom:0px!important}
    .marginLeft0 {margin-left: 0px!important}

    .marginTop5 {margin-top: 5px}
    .marginRight5 {margin-right: 5px}
    .marginBottom5 {margin-bottom:5px}
    .marginLeft5 {margin-left: 5px}

    .marginTop10 {margin-top: 10px}
    .marginRight10 {margin-right: 10px}
    .marginBottom10 {margin-bottom: 10px}
    .marginLeft10 {margin-left: 10px}

    .marginTop15 {margin-top: 15px}
    .marginRight15 {margin-right: 15px}
    .marginBottom15 {margin-bottom: 15px}
    .marginLeft15 {margin-left: 15px}

    .marginTop25 {margin-top: 25px}
    .marginRight25 {margin-right: 25px}
    .marginBottom25 {margin-bottom: 25px}
    .marginLeft25 {margin-left: 25px}


    .marginTop50 {margin-top: 50px}
    .marginRight50 {margin-right: 50px}
    .marginBottom50 {margin-bottom: 50px}
    .marginLeft50 {margin-left: 50px}


    .marginTop3 { margin-top: 3px }

    .margin5 { margin: 5px 5px 5px 5px; }
    .margin10 { margin: 10px 10px 10px 10px; }
    .margin10 { margin: 15px 15px 15px 15px; }
    .margin25 { margin: 25px 25px 25px 25px; }
/*#endregion*/



.bd-table {
    padding: 1.5rem;
    margin-right: 0;
    margin-left: 0;
    border-width: .2rem;
}

.table-fixed thead {
    width: 97%;
}

.table-fixed tbody {
    height: 230px;
    overflow-y: auto;
    width: 100%;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block;
}

    .table-fixed tbody td, .table-fixed thead > tr > th {
        float: left;
        border-bottom-width: 0;
    }




/*#region btn-purple*/
.btn-purple {
    color: #fff;
    background-color: mediumpurple;
    border-color: mediumpurple;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #7452ab;
        border-color: #7452ab;
    }

    .btn-purple:focus {
        color: #fff;
        background-color: #7452ab;
        border-color: #7452ab;
    }

    .btn-purple:focus, .btn-purple.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
        box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    }

    .btn-purple.disabled, .btn-purple:disabled {
        color: #fff;
        background-color: mediumpurple;
        border-color: mediumpurple;
    }

    .btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
    .show > .btn-purple.dropdown-toggle {
        color: #fff;
        background-color: #7452ab;
        border-color: #7452ab;
    }

        .btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
            box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
        }

.btn-outline-purple {
    color: mediumpurple;
    background-color: transparent;
    background-image: none;
    border-color: mediumpurple;
}

    .btn-outline-purple:hover {
        color: #fff;
        background-color: mediumpurple;
        border-color: mediumpurple;
    }

    .btn-outline-purple:focus, .btn-outline-success.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
        box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    }

    .btn-outline-purple.disabled, .btn-outline-success:disabled {
        color: #7452ab;
        background-color: transparent;
    }

    .btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active,
    .show > .btn-outline-purple.dropdown-toggle {
        color: #fff;
        background-color: #7452ab;
        border-color: #7452ab;
    }

        .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-purple.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
            box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
        }


.text-purpleCustom {
    color: mediumpurple !important;
}

a.text-purpleCustom:hover, a.text-purpleCustom:focus {
    color: #7452ab !important;
}

a.text-yellowCustom:hover, a.text-purpleCustom:focus {
    color: #FEF200 !important;
}

.text-yellowCustom {
    color: #ede209 !important;
}

a.text-blueCustom:hover, a.text-purpleCustom:focus {
    color: #39efe3 !important;
}

.text-blueCustom {
    color: #2dc6bc !important;
}

.text-greenCustom {
    color: #89ff3f !important;
}

a.text-greenCustom:hover, a.text-purpleCustom:focus {
    color: #6ccc30 !important;
}

.text-pinkCustom {
    color: #e83e8c !important;
}

a.text-pinkCustom:hover, a.text-purpleCustom:focus {
    color: #af316b !important;
}

a.text-purpleCustom:focus {
    color: #7452AB !important;
}

.text-greyCustom {
    color: #C3C3C3 !important;
}


/*#endregion*/

li.active.nav-link > a {
    color:#fff!important;
}



@media (min-width: 1201px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex: none !important;
        padding-left: 0px;
        padding-right: 0px;
        /*background-color: #F4F4F4;*/
    }
    .ikonaLeft {
        margin-left:0px;
    }
    .potniMobilePadding{
        padding-left:0px;
        padding-right:0px;
    }
    .prikaziMobile {
        display:none;
    }
    .prikaziDesktop {
        display:inherit;
    }
    .boldMobile{
        font-weight:normal;
        color:grey;
    }
}


@media (max-width: 1200px) {
    .seven-cols .col-12
     {
        width: 100%;
        *width: 100%;
        max-width: 100% !important;
        flex: none !important;
        padding-left: 0px;
        padding-right: 0px;
        /*background-color: #F4F4F4;*/
    }
    .ikonaLeft {
        margin-left:10px;
    }
    .potniMobilePadding{
        padding-left:10px;
        padding-right:10px;
    }
    .prikaziMobile {
        display:inherit;
    }
    .prikaziDesktop {
        display:none;
    }
    .boldMobile{
        font-weight:bold;
        color:#E74C3C;
    }
}


.five-cols {
    width: 16.8%;
    *width: 16.8%;
    max-width: 16.8% !important;
    flex: none !important;
    padding-left: 0px;
    padding-right: 0px;
    /*background-color: #F4F4F4;*/
}

.two-cols
{
    width: 8%;
    *width: 8%;
    max-width: 8% !important;
    flex: none !important;
    padding-left: 0px;
    padding-right: 0px;
    /*background-color: #F4F4F4;*/
}





@media only screen and (max-width: 1280px) {
    .two-cols, .five-cols {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
        max-width: 14.285714285714285714285714285714% !important;
        flex: none !important;
        padding-left: 0px;
        padding-right: 0px;
        /*background-color: #F4F4F4;*/
    }  

    /*.koledar-mobile-delavnik {
        width: 20%;
        *width: 20%;
        max-width: 20% !important;
        flex: none !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    .koledar-mobile-vikend {
        display:none!important;
    }*/
}

.izbrana {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
}
.izbrana:hover {
    border-color: #858587 !important;
    border-style: solid;
    border-width: 1px;
}
.izbranaBG {
    background-color: transparent;
}
.izbranaBG:hover {
    background-color: #F7F7F7 !important;
}

.izbranaPrisotnost {
    border-right:solid;
    border-width: 3px;
    border-color: rgba(133,133,135,0.0);
}

.izbranaPrisotnost:hover {
    border-right-color: #858587 !important;
    border-right: solid;
    border-width: 3px;
}

.izbranaSprememba {
    border-left-color: #FFFFFF !important;
    border-left: solid;
    border-width: 5px;
}
.izbranaSprememba:hover {
    border-left-color: #858587 !important;
    border-left: solid;
    border-width: 5px;
}

.vsebina:hover {
    color:#000000!important;
}

.koledar-row-flex {
    display: flex;
    flex-wrap: wrap;
}

.koledar-content {
    height: 100%;
    padding: 5px 5px 5px 5px;
}

.koledar-content-modal {
    height: 100%;
    padding: 5px 20px 5px 20px;
}

.koledar-border {
    border-width:5px;
    border:solid;
    border-color:white;
}

.koledar-danes {
    border-width: 5px;
    border: solid;
    border-color: black;
}

.koledar-meni {
    padding-left: 15px !important;
    padding-right: 3px !important;
}
.koledar-dan {
    padding-left: 3px !important;
    padding-right: 15px !important;
}

.koledar-dan-modal {
    padding-left:5px;
    padding-right:5px;
}

.not-allowed {
    cursor: not-allowed !important;
}

@media only screen and (min-width: 900px) {
    #mouse_over .koledar-meni-hover {
        opacity: 0;
    }
    #mouse_over:hover .koledar-meni-hover {
        opacity: 1!important;
    }

    #mouse_over .oglasna-uredi-hover {
        opacity: 0;
        /*height:0px;*/
    }
    #mouse_over .oglasna-komentar-hover {
        opacity: 0;
        height:0px;
    }
    #mouse_over:hover .oglasna-uredi-hover {
        opacity: 1!important;
        /*height: 22px;*/
    }
    #mouse_over:hover .oglasna-komentar-hover {
        opacity: 1!important;
        height: 22px;
    }
}
.naloga-obroba-danger
{
    border: 3px solid #E64C3C!important;
}
.naloga-obroba-warning
{
    border: 3px solid #FFB822!important;
}
.naloga-obroba-success
{
    border: 3px solid #0ABB87!important;
}
.naloga-obroba-info
{
    border: 3px solid #3498DB!important;
}
.naloga-obroba-purple
{
    border: 3px solid #9370DB!important;
}

.input-group-addon-left {
    padding-right: 15px !important;
}

.input-group-addon-middle {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.radioDiv {
    display: none;
}

/*#region print*/
@media print {
    .noPrint {
        display: none;
    }
}

.repeatePrint {
    position: sticky;
}

.theadPrint {
    display: table-header-group;
}

tfootPrint {
    display: table-footer-group;
}

.tbodyPrint {
    display: block;
    overflow: visible!important;
}
/*#endregion*/
.borderPrintTopNo {
    border-top: 1px solid #ffffff !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.borderPrintBottom {
    border-bottom: 1px solid #000000!important;
}
.borderPrintTop {
    border-top: 1px solid #000000!important;
}

.pageBreakPrint {
    page-break-after: always;
}

.alert-purpleCustom {
    color: #FFFFFF;
    background-color: mediumpurple;
    border-color: #f8cdc8;
}

.alert-purpleCustom hr {
    border-top-color: #7452ab;
}

.alert-purpleCustom .alert-link {
    color: #FFFFFF;
}

.barva-besedilo {
    color: white !important;
}


.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}


@page :first {
    color: green;

    @top-left {
        content: "foo";
        color: blue;
    }

    @top-right {
        content: "bar";
    }
}

@page {
    color: red;

    @top-center {
        content: "Page " counter(page);
    }
}

.filter-danger {
    color: #000000;
    text-decoration: none;
}

.filter-danger:hover {
    color: #D62C1A;
    text-decoration:underline;
}

.footer-notification {
    position:fixed;
    z-index:999;
    bottom: 15px;
    left:15px;
    max-width:500px;
}

.header-notification {
    position: fixed;
    z-index: 999;
    top: 90px;
    left: 15px;
    max-width: 500px;
}

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index: 999;
}


.table-striped-danger tbody tr:nth-of-type(odd) {
    background-color: #ffeae8;
}

.table-striped-success tbody tr:nth-of-type(odd) {
    background-color: #d5f0ea;
}

.table-striped-info tbody tr:nth-of-type(odd) {
    background-color: #dfedf7;
}

.table-striped-warning tbody tr:nth-of-type(odd) {
    background-color: #fae6c5;
}


.form-control::-webkit-input-placeholder {
  color: #DFDFDF!important;
}
.form-control {
  color: #000!important;
}

.cardPaddingTop0 { padding-top: 0px!important; padding-bottom:0px!important}

.card-body {
    padding: 15px 15px 15px 15px!important;
}
.card.card-custom>.card-header {
    min-height: 50px;
}
.card-header {
    padding: 0px 15px 0px 15px!important;
}
.card-title {
    margin: 0px 0px 0px 0px!important;
    min-height: 50px;
}

.link-success{
    color:#000000;
}
.link-success:hover {
    color:#18BC9C;
}

.link-warning {
    color:#000000;
}
.link-warning:hover{
    color:#F39C12;
}

.link-danger {
    color:#000000;
}
.link-danger:hover{
    color:#E74C3C;
}


.link-purpleCustom {
    color:#000000;
}
.link-purpleCustom:hover{
    color:#9370DB;
}


.barva-besedilo {
    color: #3498DB!important;
    font-weight:bold!important;
}




.linkText {
    border-bottom: 3px solid transparent;
    transition: all 0.20s linear;
    position: relative;
}

.linkText:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #E74C3C;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}

.linkTextDanger:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    color: #E74C3C;
    background-color: #E74C3C;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}

.linkTextInfo:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    color: #3699FF!important;
    background-color: #3699FF;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}

.linkTextWarning:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    color: #FFA800!important;
    background-color: #FFA800;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}

.linkTextSuccess:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    color: #0ABB87!important;
    background-color: #0ABB87;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}

.linkTextPrimary:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    color: #7452AB!important;
    background-color: #7452AB;
    position: absolute;
    left: 0;
    bottom: -3px; /* this is to match where the border is */
    transform-origin: left; 
    transform: scale(0);
    transition: 0.20s linear;
    /*   will-change: transform; */
}







/*METRONIC*/

.kt-portlet .kt-portlet__head {
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
    min-height: 50px;
}

.kt-portlet__head-mobile {
    white-space: nowrap;
    width: 100%;                   /* IE6 needs any width */
    overflow: hidden;              /* "overflow" value must be different from  visible"*/ 
    -o-text-overflow: ellipsis;    /* Opera < 11*/
    text-overflow:    ellipsis; 
}

@media screen and (max-width: 500px) { /*drugače je cela širin ain zamik -30px*/
    .datepicker {
        width: initial!important;        /* padding-right: 5px; */
    }
}

.kt-portlet-shadow {
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.15)!important;
}

.kt-portlet__body-naloge {
    padding: 10px 25px 10px 25px!important;
}

@media screen and (max-width: 500px) { /*drugače je cela širina in zamik -30px*/
    .datepicker {
        width: initial!important;        /* padding-right: 5px; */
    }
}


@media screen and (min-width:1023px) and (max-width:1600px) {
    .kt-menu__hide {
        display:none!important;
    }
    .kt-menu__show {
        display:flex!important;
    }
}

@media screen and (max-width:1024px) {
    .kt-menu__hide {
        display:flex!important;
    }
    .kt-menu__show {
        display:none!important;
    }
}

@media (min-width:1601px) {
    .kt-menu__hide {
        display:flex!important;
    }
    .kt-menu__show {
        display:none!important;
    }
}

.kt-menu__link-icon--active {
    color: #0098D6;
}

.kt-header__topbar-icon-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.kt-header .kt-header__topbar .kt-header__topbar-item:hover .kt-header__topbar-icon, .kt-header .kt-header__topbar .kt-header__topbar-item.show .kt-header__topbar-icon {
    -webkit-transition: all 0.3s;
    transition: all 0s;
    background-color: rgba(77, 89, 149, 0.00)!important;
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-user .kt-header__topbar-username {
    padding: 0px 3px 0px 0px!important;
}

.kt-header__topbar-icon svg g [fill]
{
    fill:#1E1E1E!important;
}

.kt-header__topbar-icon--active svg g [fill], .kt-header__topbar-username--active
{
    fill:#0098D6!important;
    color:#0098D6!important;
}
.kt-header__topbar-item--user:hover{
    color:#0098D6!important;
    -webkit-transition: all 0s;
    transition: all 0s;
    background-color: rgba(77, 89, 149, 0.00)!important;
}
.kt-portlet__head-icon {
    font-size:25px!important;
}


.alert-komentar {
    margin-top:15px!important;
    margin-bottom:0px!important;
}
.alert-osebje {
    margin-top:5px!important;
    margin-bottom:15px!important;
}


.dropzone.dz-drag-hover {
    opacity:1!important;
    background-color:#e7dbff!important;
    order:1!important;
    color:transparent;

    /*transition: ease-in 0.3s!important;
    transition: ease-out 3s!important;*/
    /*color: #BEA9E9;*/
}
  .dropzone.dropzone-default.dropzone-purple {
    border-color: #9370DB;
  }

  .dropzone-msg-title:hover {
    pointer-events:none!important;
    -webkit-backface-visibility: hidden!important;
    -webkit-font-smoothing: antialiased!important;
    -webkit-transform-style: preserve-3d!important;

  }

.dropzone-container {
  position: relative;
}

  .dropzone-avoid-clicks {
height: 100px;
  width: 350px;
  position: absolute;
  left: 50%;
  top: 50%;
}

.kt-notification.kt-notification--fit .kt-notification__item {
    border-left: solid #fff 3px ;
    /*border-right: solid #fff 1px ;*/
}
.kt-notification.kt-notification--fit .kt-notification__item:hover {
    border-left: solid #696969 3px ;
    /*border-right: solid #cfcfcf 1px ;*/
}

.text-danger-hover:hover{
    color:#E74C3C!important;
}


.vlogaText .vlogaTextHover {
    display: none!important;
}

.vlogaText:hover .vlogaTextHover {
    display: inherit!important;
}

.is-required {
    border-top-color: #FFB822;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #FFB822;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #FFB822;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #FFB822;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-danger {
    border-top-color: #E84C3C;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #E84C3C;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #E84C3C;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #E84C3C;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-info {
    border-top-color: #3498DB;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #3498DB;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #3498DB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #3498DB;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-success {
    border-top-color: #0ABB87;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #0ABB87;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #0ABB87;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #0ABB87;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}


.dropdownItemHover:hover {
    background-color: #F3F6F9;
    color: #3699FF;
}

.dropdownToggleHover:hover {
    background-color: #F3F6F9;
    color: #3699FF;
}

.dropdownMenuItem {
    color: #6c7293;
    font-size: 13px;
    font-weight: 400;
}


.dropdownMenuItem:hover {
    color: #3699FF;
    font-size: 13px;
    font-weight: 400;
}

.pomocIkona {
    padding-left: 0px!important; 
    padding-right: 0px!important; 
    width:30px!important
}

.label.label-inline {
    height: auto!important;
}