/* css_bootstrap - verzija: cd115a6ee470b94c75181dfcffe6b7e3bd9fb713 */

@import "design_tokens.css";

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media print {
    .container {
        width: auto;
    }
}

/* angle - privzeto 15px */
.portlet-header {
    padding-left: var(--spacing-md, 16px);
    padding-right: var(--spacing-md, 16px);
    padding-top: var(--spacing-sm, 8px);
    padding-bottom: var(--spacing-sm, 8px);
}

a.portlet-a {
    display: block;
    padding-right: var(--spacing-xs, 4px);
}

a.portlet-a:after {
    font-family: FontAwesome, sans-serif;
    font-size: var(--font-size-sm);
    content: "\f078";
    float: left;
    padding-right: var(--spacing-xs, 4px);
}

/* Icon when the collapsible content is hidden */
a.portlet-a.collapsed:after {
    content: "\f054";
}

/* !!!!!! To ni rešitev !!!!!! */
.modal-backdrop {
    display: none;
}

/* sveh: 4612.6x+ privzeti razmak na angle themi je 20px, spremenim v 5px */
.fieldset {
    padding-bottom: 5px;
    border-bottom: none !important;
    margin-bottom: 5px;
}

/* privzeto bela barva na sivem ozadju je premajhen kontrast */
.badge {
    color: #555;
}

.panel.panel-default {
    background-color: var(--cp-color-background-neutral);
    padding: var(--spacing-sm, 8px);
    margin-bottom: var(--spacing-sm, 8px);
}
}

.panel-body {
    padding: var(--spacing-md, 16px);
}

.panel .panel-heading {
    padding: var(--spacing-s, 8px);
}

/* input elementi v K4 so bele barve, margin-left preveriti s KIS ekipo */
.c-checkbox span,
.c-radio span {
    /* margin-left: -25px; */
    background-color: white;
}


/* css_jquery_ui_and_bootstrap - verzija: cd115a6ee470b94c75181dfcffe6b7e3bd9fb713 */
@media print {

    .no-print,
    .no-print * {
        display: none !important;
        height: 0;
    }

    a[href]:after {
        content: none
    }

    .list-group-item-1px {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .k4-icon {
        -webkit-print-color-adjust: exact !important;
    }

    .bg-info {
        color: white !important;
        background-color: #23b7e5 !important;
    }

}

@media (max-width: 800px) {
    .opcijsko_skrij {
        display: none;
    }
}

.overflow_y_hidden {
    overflow-y: hidden;
}

.full-screen {
    display: block !important;
    border: 0 none !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    top: 40px !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999999 !important;
}

.top_left {
    float: left;
    vertical-align: middle;
    white-space: nowrap;
    height: 100%;
}

.top_right {
    float: right;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    height: 100%;
}

/* iframe itself */
#main_div_center>iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal2*/
/* The Modal (background) */
#ris_modal_div_with_iframe,
.ris_modal_div_with_iframe {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1050;
    /* Sit on top */
    padding-top: 80px;
    /* Location of the box */
    padding-bottom: 10px;
    padding-left: 5%;
    padding-right: 5%;
    left: 0px;
    top: 0px;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
#ris_modal_div_with_iframe>div,
.ris_modal_div_with_iframe>div {
    position: relative;
    background-color: #fefefe;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-overflow-scrolling: touch !important;
}

#ris_modal_div_with_iframe>div>a,
.ris_modal_div_with_iframe>div>a {
    display: block;
}

#ris_modal_div_with_iframe>div>iframe.iframe,
.ris_modal_div_with_iframe>div>iframe.iframe {
    height: 99%;
    width: 99%;
    width: -moz-available;
    width: -webkit-fill-available;
    border: 0px;
    padding-bottom: 30px !important;
}


#ris_modal_div_without_iframe {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1050;
    /* Sit on top */
    padding-top: 80px;
    /* Location of the box */
    padding-bottom: 50px;
    padding-left: 5%;
    padding-right: 5%;
    left: 0px;
    top: 0px;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}

/* Modal Content */
#ris_modal_div_without_iframe>div {
    position: relative;
    background-color: #fefefe;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-overflow-scrolling: touch !important;
}

#ris_modal_div_without_iframe>div>a {
    display: block;
}

#ris_modal_div_without_iframe>div>div.iframe {
    height: calc(100% - 40px);
    overflow: auto;
    padding-bottom: 30px !important;
}

input[type=checkbox]::-ms-check {
    border-color: blue !important;
    /* This will make the box blue when the button is checked. */
    color: blue !important;
    /* This will make the checkmark blue when the button is checked. */
    width: 0.9em !important;
    height: 0.9em !important;
    margin: 0px;
    appearance: none;
    outline: 1px solid lightblue;
    box-shadow: none;
    font-size: 0.8em;
    padding: 1px 2px;
}

/* login panel */
.panel-dark {
    border-color: #cfdbe2;
}

.panel-dark>.panel-heading {
    color: #fff;
    background-color: #20419a;
    border-color: #20419a
}

.panel-dark>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #cfdbe2
}

.panel-dark>.panel-heading .badge {
    color: #20419a;
    background-color: #fff
}

.panel-dark>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #cfdbe2
}



input[type="search"] {
    -webkit-appearance: textfield;
}


.pnslider0 .ui-slider-range {
    background: #ef2929;
}

.pnslider0 .ui-slider-handle {
    border-color: #ef2929;
}

.pnslider0 .slider-handle {
    border-color: #ef2929;
}

.pnslider0 .slider-selection {
    background: #FF8282;
}

.pnslider1 .ui-slider-range {
    background: #ef2929;
}

.pnslider1 .ui-slider-handle {
    border-color: #ef2929;
}

.pnslider1 .slider-selection {
    background: #FF8282;
}

.pnslider2 .ui-slider-range {
    background: #8ae234;
}

.pnslider2 .ui-slider-handle {
    border-color: #8ae234;
}

.pnslider2 .slider-selection {
    background: green;
}

.pnslider3 .ui-slider-range {
    background: #8ae234;
}

.pnslider3 .ui-slider-handle {
    border-color: #8ae234;
}

.pnslider3 .slider-selection {
    background: green;
}

.pnslider4 .ui-slider-range {
    background: #ef2929;
}

.pnslider4 .ui-slider-handle {
    border-color: #ef2929;
}

.pnslider4 .slider-selection {
    background: #FF8282;
}

.pnslider5 .ui-slider-range {
    background: #729fcf;
}

.pnslider5 .ui-slider-handle {
    border-color: #729fcf;
}

.pnslider5 .slider-selection {
    background: blue;
}

.pnslider6 .ui-slider-range {
    background: #729fcf;
}

.pnslider6 .ui-slider-handle {
    border-color: #729fcf;
}

.pnslider6 .slider-selection {
    background: blue;
}

.pnslider7 .ui-slider-range {
    background: #729fcf;
}

.pnslider7 .ui-slider-handle {
    border-color: #729fcf;
}

.pnslider7 .slider-selection {
    background: blue;
}

.pnslider8 .ui-slider-range {
    background: #8ae234;
}

.pnslider8 .ui-slider-handle {
    border-color: #8ae234;
}

.pnslider8 .slider-selection {
    background: green;
}



p.panel-title {
    margin-top: 2px;
    margin-bottom: 4px;
}

.portlet {
    margin: 0px 0px 5px 0px;
}

.portlet-header-sticky {
    position: sticky !important;
    top: -1px;
    padding-bottom: 5px;
    z-index: 3;
}

.portlet-content {
    padding: 5px;
}


/* L O G O T I ____________________________________________ */
#logo_app:after {
    content: "";
    display: block;
    clear: both;
}

#logo_app_right {
    float: right;
}

#logo_modul {
    float: left;
}

#logo_cetrtapot {
    float: right;
    padding: 0px 0px;
}

/* M O D U L A R E A ______________________________________ */
.modularea_div {
    padding: 0px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    min-height: 88px;
}

.modularea_text a {
    color: #ae6900;
}

.modularea_text a:visited {
    color: #ae6900;
}

.modularea_text h5 {
    font-weight: normal;
    margin: 0px;
    padding-left: 10px;
}

.modularea_text p {
    font-size: 0.7em;
    margin: 0px;
}


.fs_rounded {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.fs_legend {
    /* color:#AE6900;
    font-size:0.7em;
    */
    font-size: 1em;
    margin-bottom: .25em;
}

/* kompatibilnost za nazaj */
.tabelaSeznam {
    border: 1px solid #dddddd;
}

.tabelaSeznamNaslovna {
    border: 1px solid #aed0ea;
    background: #deedf7;
}

/* M E N U  S U B __________________________________________________________________*/

/* menuSub zgornji rob */
TD.menuSubBox {
    border-top: #A3BDD9 1px solid;
}

/* menu ozadje - aktivni meni */
TD.menuSubBoxOn {
    color: #0060AE;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px;
    /*background-color: #FFFFFF;*/
    /*border-bottom: #A3BDD9 1px solid;*/
    height: 23px;
}

/* levi in desni rob izbranega spodnjega menija */
TD.menuSubBoxOnLevo {
    background: url("../images_kadris-4.7/images/ris/pic/back_menusp_on_l.gif") no-repeat left bottom;
    width: 4px;
    height: 23px;
}

TD.menuSubBoxOnDesno {
    background: url("../images_kadris-4.7/images/ris/pic/back_menusp_on_d.gif") no-repeat right bottom;
    width: 4px;
    height: 23px;
}

/* menu ozadje - neaktivni meni */
TD.menuSubBoxOff {
    color: #477CB4;
    font-size: 0.9em;
    padding: 2px;
    /*background-color: #DAE5F0;*/
    border-bottom: #A3BDD9 1px solid;
    height: 23px;
}

/* levi in desni rob neizbranega spodnjega menija */
TD.menuSubBoxOffLevo {
    background: url("../images_kadris-4.7/images/ris/pic/back_menusp_on_l.gif") no-repeat left bottom;
    width: 4px;
    height: 23px;
}

TD.menuSubBoxOffDesno {
    background: url("../images_kadris-4.7/images/ris/pic/back_menusp_on_d.gif") no-repeat right bottom;
    width: 4px;
    height: 23px;
}

/* menuSub link */
.menuSub,
.menuSub:visited {
    color: #0060AE;
    text-decoration: none;
}

.menuSub:active,
.menuSub:hover {
    color: #477CB4;
    text-decoration: none;
}

/* osnovne povezave */
P {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

TABLE {
    border-color: #d9d6c4;
    empty-cells: show;
}

.table {
    border-collapse: collapse;
    border-color: #d9d6c4;
    border-spacing: 0;
    empty-cells: show;
}

.table>thead>tr>th {
    padding: var(--spacing-md) var(--spacing-sm);
    color: #656565 !important;
}

.fc-week-number {
    background-color: var(--cp-color-background-secondary);
}

IFRAME {
    padding: 0 !important;
    /* iframes should not have padding */
    margin: 0 !important;
    /* iframes should not have padding */
    overflow: auto !important;
}

.jtable INPUT {
    margin: 1px;
    border: 1px solid #DDDDDD;
    padding: 1px 3px;
}

/* 23.12.2016 domenc povečal z-index da deluje datepicker tudi v KIS-u; deluje sicer tudi ce z-index odstranimo */
.ui-datepicker {
    background: white;
    z-index: 9999 !important;
}



TH {
    border-color: #d9d6c4;
}

TD {
    border-color: #d9d6c4;
    padding: 1px 3px;
    margin: 0px;
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #3a3f51;
}

/* header v main_div_center */
.risFloatingHeader77 {
    position: fixed;
    top: 77px;
    z-index: 100;
    visibility: hidden;
}

/* za preview slike - recepcija */
#slikaPreview {
    position: absolute;
    border: 1px solid #eee;
    background: #fff;
    padding: 5px;
    display: none;
    color: #333;
    z-index: 999;
}

/* Alerts - light verzija */
.bg-primary-light-4pot {
    background-color: var(--cp-color-background-active);
    color: var(--cp-color-background-accent) !important;
}

.bg-warning-light-4pot {
    background-color: var(--cp-color-background-warning);
    color: var(--cp-color-foreground-warning) !important;
}

.bg-info-light-4pot {
    background-color: var(--cp-color-background-info);
    color: var(--cp-color-foreground-info) !important;
}

.bg-danger-light-4pot {
    background-color: var(--cp-color-background-danger);
    color: var(--cp-color-foreground-danger) !important;
}

.bg-success-light-4pot {
    background-color: var(--cp-color-background-success);
    color: var(--cp-color-foreground-success) !important;
}

/* datatable sortable */
table.dataTable .datatable-pending-row {
    min-height: 40px;
}

.dt-sort-handle {
    cursor: n-resize;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 30px;
}

.dt-inline-button {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    width: 30px;
}

.datatables-sortable-placeholder {
    background-color: var(--color-brand-kis-400);
}

a.datatables-sortable-placeholder {
    background-color: var(--color-brand-kis-400);
    display: table-row;

}

a.datatables-sortable-placeholder::before,
a.datatables-sortable-placeholder::after {
    content: "";
    display: table-cell;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 20px 1px;
}

/* Dodano da se ob kliku na izbran zapis levega seznama v reg. ali pristopnih skupinah obdrži obarvano zeleno aktivno skupino */
.seznamGroup.active .badge.bg-success, .seznamGroup.ui-state-active .badge.bg-success {
      background-color: #28a745 !important;
      color: white !important;
    }