/* here you can put your own css to customize and override the theme */
@media (min-width: 769px) {
    #sessionUser {
        display: none;
    }
}
#sessionUser {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 11px;
    left: 80px;
    width: 250px;
    color: white;
    font-size: 20px;
    overflow: hidden;
}



.fleft{
    float: left;
}
.nav li.fright, 
.fright{
    float: right;    
}

div#mainAjax{
    padding: 0px;

}

.modal-scrollable {
    overflow: auto !important;
}
 

.tabbable-custom .no_padding {
    padding: 0px;
}
/*

TABELA!!!
tabela pregleda dopusta podrejenih
prvotno za stran type_of_work_requests.asp


/* Glava */ 
.page-logo a, .logo a{
    color: white;
    text-decoration: none;
    font-size: 1.4em;
    padding: 9px 0 0 0;
    font-family: "Open Sans",sans-serif;
    font-weight: lighter;}
.page-logo a span, .logo a span{color: red}	
/* Glava */

#mainAjax{
    background-color: #f5f5f5;

}

.paddingFix{
    background-color: #f5f5f5;
    padding: 10px;
}



.row-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.usrTable {
    border: 1px solid #c0c0c0;
    width: 100%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}
.usrTable td {
    border: 1px solid #eeeeee;
    width: 30px;
}
.usrTable .vikend {
    background-color: #f9f9f9;
}
.usrTable .dropdown {
    z-index: 99
}
.usrTable .dropdown.open {
    background-color: rgba(255, 255, 0, 0.3);
    z-index: 999
}
.usrTable .marker {
    background-color: #ffefce;
}
.usrTable .naziv {
    border-color: #c0c0c0;
    width: 130px;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#f7f7f7));
    background: -moz-linear-gradient(left, #ffffff 0%, #f7f7f7);
    background: -ms-linear-gradient(left, #ffffff 0%, #f7f7f7);
    background: -webkit-linear-gradient(left, #ffffff 0%, #f7f7f7);
    background: linear-gradient(left, #ffffff 0%, #f7f7f7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr="#ffffff", endColorStr="#f7f7f7", GradientType=1);
}
.usrTable th {
    padding: 5px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #c0c0c0;
    background: #fcfcfc;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7);
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7);
    background: linear-gradient(top, #ffffff 0%, #f7f7f7);
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#f7f7f7");
}
/* hoover */

.table tbody tr:hover .naziv {
    background: -webkit-gradient(linear, left top, right top, from(#dfdfdf), to(#dfdfdf));
    background: -moz-linear-gradient(left, #dfdfdf 0%, #dfdfdf);
    background: -ms-linear-gradient(left, #dfdfdf 0%, #dfdfdf);
    background: -webkit-linear-gradient(left, #dfdfdf 0%, #dfdfdf);
    background: linear-gradient(left, #dfdfdf 0%, #dfdfdf);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr="#dfdfdf", endColorStr="#dfdfdf", GradientType=1);
}
.table tbody tr td:hover {
    /*	background-color: #eeeeee !important;*/
}
.darken {
    background: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#dfdfdf)) !important;
    background: -webkit-linear-gradient(top, #dfdfdf 0%, #dfdfdf) !important;
    background: -moz-linear-gradient(top, #dfdfdf 0%, #dfdfdf) !important;
    background: -ms-linear-gradient(top, #dfdfdf 0%, #dfdfdf) !important;
    background: -o-linear-gradient(top, #dfdfdf 0%, #dfdfdf) !important;
    background: linear-gradient(top, #dfdfdf 0%, #dfdfdf) !important;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr="#dfdfdf", endColorStr="#dfdfdf") !important;
}
.usrTable td {
    text-align: center;
    vertical-align: middle
}
.usrTable .naziv {
    width: 140px;
    text-align: left;
    padding: 8px;
}
.usrTable td {
    position: relative;
    padding: 0px;
}
.usrTable td>div {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    overflow: visible;
    border-radius: none;
}
.usrTable td>div>a {
    text-decoration: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
}
/* tabela koledarja ...*/

.table .nedelja td.day,
table .praz td.day {
    color: red;
}
.table .nedelja td.day button,
table .praz td.day button {
    border-left: 3px solid #D84A38;
}
.table .nedelja.active td {
    background-color: #FFDFBF !important
}
.table .nedelja td {
    border-bottom: 1px solid gray
}
.table .sobota td.day,
table .sobota td a.btn {
    color: blue;
}
.table .nedelja td.day,
table .nedelja td a.btn {
    color: red;
}
.table .sobota.active td {
    background-color: #BFDFFF !important
}
.table .sobota td.day button {
    border-left: 3px solid #4D90FE;
}
.day .ital {
    font-style: italic;
    font-weight: normal;
    color: black;
}
.table .even td {
    background-color: #FDFDFD
}

.dataRow td {
    background-color: #FFFCF2 !important;
}
/* jquery marker funkcija - uporabljena v #tools_serials.asp */

.highlight {
    /*font-weight: bold;*/
    
    color: #D90000;
}
.expandable td,
.expandable td:hover {
    background-color: #daf9ff !important;
}
.expandHeader td,
.expandHeader td:hover {
    background-color: #a0d6ff !important;
}
/*master calendar table */

.calTable {
    width: 100%;
    margin: 5px;
    border: collapse;
}
.calTable td {
    text-align: center;
    border: 1px solid silver;
}
.calTable td.day7 {
    background-color: #FFD8CC;
    color: red;
}
.calTable td.day6 {
    background-color: #F2FCFF;
    color: #2693FF;
}
.calTable td.praznik {
    background-color: #FF4000;
    color: white;
}
/* modra in zelena ozadja - forma dan */

.blue .portlet-body {
    background-color: rgb(234, 247, 255) !important;
}
.blue .form-actions {
    background-color: rgb(179, 234, 255);
    border-color: rgb(165, 208, 255);
}
.green .portlet-body,
.green .panel-body {
    background-color: #F1FDF1 !important;
}
.green .form-actions {
    background-color: #C0F6C1;
    border-color: #7DEC7F;
}
/* accordion green, blue */

.green .panel-heading {
    background-color: #35aa47;
    border-color: white;
    color: white;
}
.panel.green {
    border-color: #C0F6C1;
}
.green .panel-body {
    padding: 0px;
}
/* blue accordion - travel_form.asp */

.blue .panel-heading {
    background-color: #4b8df8;
    color: white;
}
.blue .panel-body {
    background-color: rgb(234, 247, 255) !important;
    padding: 0px;
}
.customTable {
    border-collapse: collapse;
    width: 100%;
}
.customTable td {
    border: 1px solid #b4cef8;
    border-top: none;
    border-left: none;
    padding: 3px;
}
.customTable thead td {
    background-color: #D2F1FF;
    color: #2558AC;
    text-align: center;
    font-weight: bold;
}
.tar {
    text-align: right;
}
.customTable.green td {
    border: 1px solid #77e588;
}
.customTable.green thead td {
    background-color: #A9F3AC;
    color: #388043;
}
.customTable.blue td {
    border: 1px solid #b4cef8;
    color: #2558AC
}
.customTable.blue thead td {
    background-color: #D2F1FF;
    color: #2558AC;
}
/* button bar */

.buttonBlock {
    background-color: #F5F5F5;
    position: relative;
}
.buttonBlock .fleft {
    float: left;
}
.buttonBlock .fright {
    float: right;
}
.buttonBlock .text {
    padding: 8px 10px 0 10px;
}
/* Skrivanje vrstice...*/

.hideRow {
    display: none;
}
@media (min-width: 992px) {
	/*
    .row .form-control {
        border: 1px solid silver;
        padding: 2px;
        font-size: 12px;
        height: auto;
    }
    .form-group {
        margin-bottom: 5px;
    }
    .control-label {
        padding: 0px;
        font-size: 11px;
    }
    .form-body {
        padding: 10px 10px 0 0;
    }
    .form-actions {
        padding: 5px;
        margin-top: 5px;
    }
    .form-actions.fluid {
        padding: 5px 0;
    }
    .portlet {
        margin-bottom: 5px;
    }
    .form-actions.fluid > [class^="col-"] {
        padding-left: 70px;
    }
*/
}
/* dropdown comboboxes in menu */

ul.dropdown-menu-form {
    padding: 5px 10px 0;
    max-height: 300px;
    overflow-y: scroll;
}
/* tabbable colorize tab! */
/* to se uporablja pri preglednici porocil! */

.tabbable-y li.active a {
    background-color: rgb(253, 255, 208)
}
.tabbable-y .page-breadcrumb {
    background-color: rgb(253, 255, 208) !important;
    margin: 0px !important;
}
.tabbable-y .tab-content {
    margin: 0px;
    padding: 0px !important;
}
.tabbable-y form {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.tabbable-y table {
    margin-top: 0px;
}
/* tabbable colorize tab! */
/* to se uporablja pri preglednici porocil! */

.tabbable-yfull li.active a {
    background-color: rgb(253, 255, 208)
}
.tabbable-yfull .page-breadcrumb {
    background-color: rgb(253, 255, 208) !important;
    margin: 0px !important;
}
.tabbable-yfull .tab-content {
    margin: 0px;
    padding: 0px !important;
    background-color: rgb(253, 255, 208) !important;
}
.tabbable-yfull .tab-content .white {
    background-color: white
}
.tabbable-yfull li.white.active a {
    background-color: white
}
/* custom button table */

.btn.orange {
    background-color: orange;
}
.cenreTD {
    text-align: center;
    vertical-align: middle !important;
}
/* custom orange color!*/

.noPadding {
    padding: 0px !important;
}
.customOrange {
    background: #ffd387;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd387), color-stop(100%, #fffae8));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #ffd387 0%, #fffae8 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd387', endColorstr='#fffae8', GradientType=0);
    /* IE6-9 */
}
.customOrange .table {
    background-color: white;
    border: 3px outset orange;
}
.customOrange .padme {
    padding: 10px;
}
/* xml css */

xml {
    display: table;
}
sql_table>* {
    display: block;
}
sql_table>[ident="true"] {
    color: silver
}
polje {
    font-weight: bold;
    padding-right: 2px;
    width: inherit;
    display: inline-block;
}
polje::after {
    content: ": ";
}
old {
    margin-bottom: 30pt;
    margin-left: 0;
    color: red;
    width: 200px;
}
old::after {
    content: " --> "
}
new {
    color: #FF0000;
    color: black;
    width: 200px;
}
/* dropdown comboboxes in menu */

ul.dropdown-menu-form {
    padding: 5px 10px 0;
    max-height: 300px;
    overflow-y: scroll;
}
/* tabbable colorize tab! */
/* to se uporablja pri preglednici porocil! */

.tabbable-y li.active a {
    background-color: rgb(253, 255, 208)
}
.tabbable-y .page-breadcrumb {
    background-color: rgb(253, 255, 208) !important;
    margin: 0px !important;
}
.tabbable-y .tab-content {
    margin: 0px;
    padding: 0px !important;
}
.tabbable-y form {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.tabbable-y table {
    margin-top: 0px;
}
/* tabbable colorize tab! */
/* to se uporablja pri preglednici porocil! */

.tabbable-yfull li.active a {
    background-color: rgb(253, 255, 208)
}
.tabbable-yfull .page-breadcrumb {
    background-color: rgb(253, 255, 208) !important;
    margin: 0px !important;
}
.tabbable-yfull .tab-content {
    margin: 0px;
    padding: 0px !important;
    background-color: rgb(253, 255, 208) !important;
}
.tabbable-yfull .tab-content .white {
    background-color: white
}
.tabbable-yfull li.white.active a {
    background-color: white
}
/* custom button table */

.btn.orange {
    background-color: orange;
}
.cenreTD {
    text-align: center;
    vertical-align: middle !important;
}
/* custom orange color!*/

.noPadding {
    padding: 0px !important;
}
.customOrange {
    background: #ffd387;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffd387), color-stop(100%, #fffae8));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, #ffd387 0%, #fffae8 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, #ffd387 0%, #fffae8 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffd387', endColorstr='#fffae8', GradientType=0);
    /* IE6-9 */
}
.customOrange .table {
    background-color: white;
    border: 3px outset orange;
}
.customOrange .padme {
    padding: 10px;
}
/* 

=======================================================================================================================================
=======================================================================================================================================
plan tabela
=======================================================================================================================================
=======================================================================================================================================
*/

.trikotnik {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #c6c6c6 transparent transparent transparent;
}
.planBlok {
    position: absolute;
    overflow: hidden;
    color: white;
    top: 40%;
    bottom: 45%;
}
.opomba {
    position: absolute;
    top: 40%;
    bottom: 45%;
    border: 1px solid red;
    background: repeating-linear-gradient( -55deg, transparent, transparent 3px, #F00 1px, #F00 4px);
}
.planBlok:hover {
    overflow: visible;
    color: black;
    font-weight: bold;
    opacity: 1;
}
.planBlok .blokspan {
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
    display: block;
    text-align: center;
    /* line-height: 1px;	 */
}
.planZacetek {
    position: absolute;
    top: 56%;
    color: red;
    font-size: 9px;
}
.planLokacija {
    position: absolute;
    bottom: 1%;
    color: blue;
    font-size: 9px;
}
/* 

inline form! 

*/

.EditableForm .editing td {
    padding: 0px !important;
    background-color: #FFEEA9;
}
.EditableForm .editing td input,
.EditableForm .editing td select {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 4px;
    padding-top: 2px;
    min-height: 31px;
    background-color: #FFEEA9;
}
.EditableForm .editing td input:focus,
.editing td select:focus,
.editing td textarea:focus {
    background-color: #FCD94F;
}
.EditableForm .editing td input[readonly],
.editing td select[readonly],
.editing td textarea[readonly] {
    background-color: #E7E7E7;
    color: gray;
}
.EditableForm .editing td .select2-container {
    width: 100%;
}
.EditableForm .editing td .select2-container>a,
.EditableForm .editing td .select2-container {
    height: 100%;
    background: transparent;
}
.EditableForm .editing td .select2-container:not.select2-container-multi>a {
    height: 31px!important;
    border: none !important;
    background: #E4F2FF !important;
    min-width: 120px !important;
}
.EditableForm .select2-container-multi input {
    border: none!important;
}
.EditableForm .select2-container-multi ul {
    border: none;
    background: transparent;
}
.editing .loader {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #35AA47;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
/* komande na koncu vrste... */

.EditableForm .controlls {
    width: 60px;
}
.EditableForm .controlls .btn-group {
    height: 100%;
}
.EditableForm .controlls button {
    width: 19px;
    height: 100%;
    padding: 0px !important;
    margin: 0px !important;
}
.EditableForm .EmptyRow td{
	height: 30px;
}




/* pregled poročil */

.row_red td:first-child {
    border-left: 6px solid #ff2626;
}
.row_orange td:first-child {
    border-left: 6px solid #eade6e;
}
.row_yellow td:first-child {
    border-left: 6px solid #f6ff00;
}
.row_green td:first-child {
    border-left: 6px solid #6eea6e;
}
.row_default td:first-child {
    border-left: 6px solid silver;
}
td.aktivator {
    border-left: 1px solid blue !important;
    background-color: #C1ECFF;
}
td.realizacija {
    background-color: #FFFFE6;
}
.placeholder {
    z-index: 99;
}
.decorTable {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 66.66%;
    opacity: 0.8;
    z-index: 1;
}
.decorTable td {
    border: 1px solid #F2F2F2;
    border-top: 0px solid none;
}
.decorTable td:first-child {
    border-left: 0px solid transparent;
}
.decorTable td:last-child {
    border-right: 0px solid transparent;
}
.ura_pozicija {
    width: 33.3%;
    height: 33.33%;
    position: absolute;
}
.usrTable tr.zaposleni {
    height: 50px;
}
.usrTable td.sobota {
    background-color: #E5FFE9;
}
.usrTable td.nedelja {
    background-color: #FFF0F0;
}
.usrTable td.praznik {
    background-color: #FFF7E6;
}
.usrTable th.sobota {
    color: white;
    background: #05C205;
}
.usrTable th.nedelja {
    color: white;
    background: red;
}
.usrTable th.praznik {
    color: blue;
    background: yellow;
}
.EditableForm .textarea:focus,
.EditableForm input:focus {
    outline: none;
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* pregled datotek */

.fileElement {
    background: #c00;
    /* fallback */
    
    background: linear-gradient(135deg, transparent 0px, #c00 0) top left, linear-gradient(225deg, transparent 9px, #c00 0) top right, linear-gradient(315deg, transparent 0px, #c00 0) bottom right, linear-gradient(45deg, transparent 0px, #c00 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    height: 50px;
    width: 40px;
    -webkit-border-radius: 4px 0 4px 4px !important;
    -moz-border-radius: 4px 0 4px 4px !important;
    border-radius: 4px 0 4px 4px !important;
    text-align: center;
    color: white;
    position: absolute;
}
.fileElement .corner {
    position: absolute;
    top: 0;
    right: 0px;
    border-top: 13px solid transparent;
    border-left: 13px solid #930000;
    width: 0;
}
.fileElement .icon {
    font-size: 20px;
    margin-top: 50%;
}
.fileInfo {
    font-size: 11px;
    margin-left: 45px;
}
/* modra ikona */

.fileElement.blue {
    background: #008BE0;
    background: linear-gradient(135deg, transparent 0px, #008BE0 0) top left, linear-gradient(225deg, transparent 9px, #008BE0 0) top right, linear-gradient(315deg, transparent 0px, #008BE0 0) bottom right, linear-gradient(45deg, transparent 0px, #008BE0 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.fileElement.blue .corner {
    border-left: 13px solid #0069A9;
}
/* zelena ikona */

.fileElement.green {
    background: #3CC763;
    background: linear-gradient(135deg, transparent 0px, #3CC763 0) top left, linear-gradient(225deg, transparent 9px, #3CC763 0) top right, linear-gradient(315deg, transparent 0px, #3CC763 0) bottom right, linear-gradient(45deg, transparent 0px, #3CC763 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.fileElement.green .corner {
    border-left: 13px solid #1E9941;
}
/* default */

.fileElement.default {
    background: #D803B5;
    background: linear-gradient(135deg, transparent 0px, #D803B5 0) top left, linear-gradient(225deg, transparent 9px, #D803B5 0) top right, linear-gradient(315deg, transparent 0px, #D803B5 0) bottom right, linear-gradient(45deg, transparent 0px, #D803B5 0) bottom left;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}
.fileElement.default .corner {
    border-left: 13px solid #B20094;
}
.documentBlock {
    background-color: #FFFAC1;
    padding: 5px;
    border-bottom: 1px solid #FFCF86;
    height: 60px;
    margin: 2px;
}
/* barvaj ozadje */

.green {
    background: #EAFFE6;
    border-bottom: 1px solid #44BD4A;
}
.red {
    background: #FFC1C1;
    border-bottom: 1px solid #A91D1D;
}
.documentBlock p {
    margin: 0 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* select 2 fix */

body .select2-container {
    width: 100%;
}
body>.select2-drop {
    z-index: 999999;
    /* The z-index Select2 applies to the select2-drop */
}
body>.select2-drop-mask {
    z-index: 999998;
    /* The z-index Select2 applies to the select2-drop */
}
.select2-container .select2-choice {
    background-image: none;
    background-color: transparent;
    height: 100%;
    width: 100%;
}
.select2-match {
    font-weight: bold;
}
body .select2-container.form-control {
    padding: 0px;
    border: 0px solid transparent;
}
@media only screen and (max-width: 768px) {
    /* 768px */
    
    .flip-scroll th,
    .flip-scroll td {
        margin: 0;
        height: 30px;
    }
}


/* popravek za prikaz sporočil in fotografij v glavni vrstici */

.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .photo img {width: auto;}




/* custom table */
.custom_table th, .custom_table td{font-size: 10px; padding: 2px !important;}
.custom_table td{padding: 2px;}
.custom_table th{background-color: #e2e2e2;}


/* rcc pregled nalogov */ 
.tac{text-align:center;}
	
._orderBy:hover{background-color:silver; cursor: pointer;}
._orderBy.ASC::after, ._orderBy.DESC::after{ 
			font-family: FontAwesome;
			display: block;
			padding-right: 6px;
			vertical-align: middle;
			float: right
			}
._orderBy.ASC::after{ content: "\f062" }
._orderBy.DESC::after{ content: "\f063" }

#placeholder_all .info{
	margin-top: -10px;
	text-align: right;
	font-size: 10px;
	color: silver;		
}			
/* .buttonBlock .form-control{height: 26px;} */ 
.buttonBlock  .customSearchOptions>div{padding-right: 4px;}
.buttonBlock  .w001{width: 80px !important; }
._clearBtn {  transition: all .5s linear; }
._clearBtn span{display: none;}
._clearBtn:hover span{display: inline-block;}

.status_delo{color: #9a12b3;background-color: #fdf7ff;}
.status_delo:hover td{background-color: #f8daff !important }
.status_delo:nth-of-type(odd){ background-color: #fbe9ff !important}

.status_delete{ color: red; background-color: #fff7f7 }
.status_delete:nth-of-type(odd){ background-color: #ffe0e0 !important}

.status_zakljucen{ color: #26C281; border-color: #26c281; background-color: #dffff2}
.status_zakljucen:nth-of-type(odd) { background-color: #c6ffe8  !important;}

.table-xs td, .table-xs th{padding: 2px; font-size: 11px;}





.lokomotiva{
	padding: 0px 2px;
	margin-right: 10px;
	border-radius: 4px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	/* font-weight: bold; */
	font-size: 12px;
	background-color: silver,;
	line-height: 10px;
}
.Vlakovna{
	background-color: #1BBC9B;
	color: white;
}
.Priprega{
	background-color: #F36A5A;
	color: white;
}	
.Doprega{
	background-color: #BF55EC;
	color: white;
}	
.Sprega{
	background-color: #525E64;
	color: white;
}	
.Hladna{
	background-color: #5C9BD1;
	color: white;
}		


._doubleClickRemake{color: blue;}
._doubleClickRemake:after{
    content: "Dvoklik za urejanje";
    padding: 2px;
	font-size: 10px;
    display:none;
    position: absolute;
    top: -20px;
    left: 10px;
    width: 150px;
    text-align: center;
    background-color: #fef4c5;
    border: 1px solid #d4b943;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
._doubleClickRemake:hover:after{
    display: block;
}

.fake_input{border-bottom: 1px silver solid; font-weight: bold; min-height: 21px;}
.form-group.form-md-line-input .help-block{opacity: 0.8; display: block;}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}			
.fixPadding{ margin-top: 15px; }
.fix_bottom{ padding-bottom: 20px; }

.nalogInfo{display: flex;}
.data_nalog{background-color: #f7f7f7; display: table-cell}
.data_plan{background-color: #fffbe2; display: table-cell}

.form-group.form-md-line-input{ margin: 0 0 10px 0 !important;}








._orderBy{position: relative; cursor:pointer;}
._orderBy:hover{background-color: #e8e8e8;}
._orderBy.ASC, ._orderBy.DESC{
	background-color: #dedede !important;
}
._orderBy::after{
  padding-right: 5px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-weight:bold;
  font-family: "FontAwesome"
}
._orderBy.ASC::after{
  content: "\f106";
}
._orderBy.DESC::after{
  content: "\f107";
}

	.info_table{
		width:100%;
	}
	.info_table td{
		vertical-align: top;
	}
	.first_col{
		width: 150px;
		text-align: right;
	}
	.info_table .first_col{font-size: 11px;line-height: 20px}
	.info_table .second_col{padding-left: 10px; padding-bottom: 10px;}
	.info_table .text{font-weight: bold; border-bottom: 1px solid silver; padding-bottom: 2px; margin-bottom: 2px; min-height: 20px}
	.info_table .komentar{color: silver; font-size: 11px;}

	
	
	

.xls_table  {
  max-width: 100%;
  overflow: scroll;
}

.xls_table  table {
  position: relative;
  border: 1px solid #ddd;
  border-collapse: collapse;
  min-width: 100%;
}

.xls_table  td, .xls_table  th {
  white-space: nowrap;
  border: 1px solid #ddd;
  padding: 4px;
}

.xls_table   td {
  background-color: white;
}

.xls_table   tr:hover td{
  background-color: #eaf3ff;
}


.xls_table   th {
  background-color: #eee;
  position: sticky;
  top: -1px;
  z-index: 2;
}
 
 
.xls_table   thead tr th:first-of-type, 
.xls_table   tbody tr td:first-of-type {
  position: sticky;
  position: -webkit-sticky; /* Safari */
  left: -1px;
  text-align: left;
  transform: translate(0px, 0px);
  outline: 1px solid #e9ecef;                
  border:none; 
  outline-offset: -1px;	  
   z-index: 3;
}	

.xls_table::-webkit-scrollbar {
    width: 0.5em;
	height: 0.5em
}
 
.xls_table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.xls_table::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/* popravek za prikaz sporočil in fotografij v glavni vrstici */
.page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .photo img {width: auto;}


/* nightmode */ 
body.nightmode, 
body.nightmode .btn,
body.nightmode .tabbable-custom > .nav-tabs > li.active > a,
body.nightmode label.control-label
	{
	font-weight: bold;
	}
body.nightmode .page-header{
	background-color: white;
}
body.nightmode .page-header{
	color: black;	
	border-bottom: 2px solid black;
}
body.nightmode .page-header .page-header-inner .page-logo a,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li a,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li a span,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown-user a
{
	color: black !important;
	font-weight: bold !important;
}

body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown a,
body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover
{
	background-color: white;
	color: black;
	height: 46px;
	background-color:transparent !important;
}

body.nightmode .page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{
    border-top: 0.01em solid black;
}

body.nightmode .page-header.navbar .top-menu .navbar-nav > li.dropdown.open a{
	background-color: white;
}

body.nightmode .page-sidebar-wrapper, 
body.nightmode .page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li > a ,
body.nightmode .page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li .sub-menu a  {
	background-color: #e0e0e0 !important;
	color: black;
	font-weight: bold;
}
body.nightmode,
body.nightmode .page-sidebar {
    background-color: #e0e0e0 !important;
}



td.input{
	padding: 0px !important;
}

td.input input, 
td.input select, 
td.input textarea{
	padding: 8px !important;
	border: 0px solid transparent !important;
	background-color: transparent !important;
	width: 100% !important
} 




.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 30px;
    top: 4px;
    right: 6px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0 !important;
  }
  
  .switch .cbx_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .switch .cbx_slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .switch input:checked + .cbx_slider {
    background-color: #6bdd72;
  }
  
  .switch input:focus + .cbx_slider {
    box-shadow: 0 0 1px #6bdd72;
  }
  
  .switch input:checked + .cbx_slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .switch .cbx_slider.round {
    border-radius: 30px !important;
  }
  
  .switch .cbx_slider.round:before {
    border-radius: 50% !important;
  }


  
  .mojaGalerija {
    padding: 10px 0 ;
}

ul {
    list-style: none;
    padding: 0px;
}

/* Responsive image gallery rules begin*/

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0px;
}

.image-gallery > li {
    flex: 1 1 auto; /* or flex: auto; */
    height: 150px;
    cursor: pointer;
    position: relative;
}

.image-gallery::after {
    content: "";
    flex-grow: 999;
}

.image-gallery li img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px !important;
}

.customModalButtons .btn.default {
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 4px !important;
    border: 1px solid silver;
    margin-bottom: 10px;
    text-align: left;
}




.singleImage{
    position: relative;
    border: 2px solid transparent;
    border-radius: 5px !important;
    overflow: hidden;
}
.singleImage a.deleteMe {
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
    background-color: red;
    border-radius: 50%;
    padding: 5px;
    cursor: pointer;
    display: none;
    border-radius: 5px !important;
}
.singleImage:hover {
    border: 2px solid red;
    
}	
.singleImage:hover a.deleteMe {
    display: block;
}	
._hoverMeRed {
    color: silver;
    text-align: center;
}
._hoverMeRed:hover {
    color: red;
}