/* css_bootstrap - verzija: cd115a6ee470b94c75181dfcffe6b7e3bd9fb713 */

@-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-m, 16px);
    padding-right: var(--spacing-m, 16px);
    padding-top: var(--spacing-s, 8px);
    padding-bottom: var(--spacing-s, 8px);
}

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

a.portlet-a:after {
    font-family: FontAwesome, sans-serif;
    font-size:10px;
    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: #ffffff;
    padding: var(--spacing-s, 8px);
    margin-bottom: var(--spacing-s, 8px);
    }
    
.panel-body {
    /* padding-right: var(--spacing-m, 16px);
    padding-left: var(--spacing-m, 16px);
    padding-top: var(--spacing-s, 8px);
    padding-bottom: var(--spacing-s, 8px); */
    padding: var(--spacing-m, 16px);
 }

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

/* sprememba PZ: */ 

/* 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;
}

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;
}

/* Opozorilni DIV-i - light verzija */
.bg-primary-light-4pot{background-color:#F1FAFE;color:#0F7FAB!important}
.bg-warning-light-4pot{background-color:#FFEDDC;color:#FE7811!important}
.bg-info-light-4pot{background-color:#F1FAFE;color:#0039A6!important}
.bg-danger-light-4pot{background-color:#FFF1F1;color:#ED1515!important}
.bg-success-light-4pot{background-color:#F0FDF2;color:#1A9F3A!important}