/* here you can put your own css to customize and override the theme */
/* 



*/

body .page-logo a>img{
    height: 20px;
}
body.page-sidebar-closed .page-logo>a{
    display: none !important
}

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

.fright{
    float: right !important;    
}

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
} 




/* custom calendar */
.calendarTable .expandMe{
    text-overflow: ellipsis;
    flex-grow: 0.001;
    width: 19px; /* Scale down the width to 20% */
    white-space: nowrap;
    overflow: hidden;
    background-color: #919191;
}
.iAmExpandable{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    transition: all 2s;
}
.iAmExpandable:hover{
    cursor: pointer;
    background-color: #003150 !important;
}

.expandedRow{
    -moz-box-shadow: inset 0 0 2px #af4e1e;
    -webkit-box-shadow: inset 0 0 3px #af4e1e;
    box-shadow: inset 0px 2px 3px #af4e1e;
 
    background: #FFF4E8;
 }
.expandedRow:hover{
    background: #FFE7CD;
    cursor: pointer;
}

.expandedRow .naseNjiveStyle{
    padding-left: 10px;
    color: #855740;
    display: none;
}
.expandedRow:hover .naseNjiveStyle{
    display: inline-block;
}
.expandedRow .naseNjiveStyle:hover{
    padding-left: 10px;
    color: #003483;
}




.hoverCell:hover{
    background-color: #dadada;
}
.addNewButtonSmall{
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    border: 1px solid #c4c4c4;
    display: block;
    text-align: center;
    padding: 0px;
    margin-lefT:5px;
    float: right;
    color: #b3b3b3
}
.addNewButtonSmall:hover{
    cursor: pointer;
    background-color: #a6fd5f;
    color: #08350a
}

.modalInputRow{
    display: flex;
    margin-bottom: 4px;
}
.modalInputRow>label{
    display: block;
    width: 180px;
    text-align: right;
    padding: 6px;
}
.modalInputRow>div{
    width: 100%;
}
.modalInputRow a.select2-choice {
    height: 36px;
    padding: 4px;
    background: white;
    border-color: #c2cad8;
}
.select2-drop-active {
    border-color:  #c2cad8
}

.cbxLabel{
    position: absolute; 
    top: 0; 
    left:0; 
    right: 0; 
    bottom:0;
    display: flex;
    height: 100%;
    align-content: center;
    justify-content: center;
}

.formRow{
    display: flex;
    gap: 10px;    
}    
.formRow input{
    width: 80px;
    text-align: center;
    margin-bottom: 8px
}


.workInfoBox{
    position: relative;
}
.workInfoBox .weekdayName{
    float: right;
    margin-right: 23px;
}
.workInfoBox .commentCloud{
    position: absolute;
    right: 7px;
    color: silver;
    cursor:pointer;
}

.workPlaceholder{
    height: 20px;
    border: 1px solid silver;
    float: left;
    width: 40px;
    border-radius: 4px !important;
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 5px ;
    bottom: 5px;
    left: 2px;
    cursor: pointer;
}
.workPlaceholder:hover{
    box-shadow: #939393 0px 0px 3px 1px;
    border: 1px solid black;
}
.workPlaceholder>div{
    height: 100%;
}
.workPlaceholder>div:hover{
    filter: brightness(85%);
}



.expandDay{
    cursor: pointer;
    background-color: #a0a0a0;
}
.expandDay:hover{
    background-color:#4b4b4b;
    
}

.today{
    background: #e8ffd0;
    border-top: 2px solid #b1e99f;    
    border-bottom: 2px solid #b1e99f;    
 }

 .wkDay_5{
     -moz-box-shadow: inset 0 0 2px #b2d4ff;
     -webkit-box-shadow: inset 0 0 3px #b2d4ff;
     box-shadow: inset 0px 2px 3px #b2d4ff;
    }
.wkDay_5 .weekdayName{
    color: #003150;
}
.wkDay_6, .praznik{
    -moz-box-shadow: inset 0 0 -2px #dd7c7c;
    -webkit-box-shadow: inset 0 0 3px #dd7c7c;
    box-shadow: inset 0px -2px 3px #dd7c7c;    
}
.wkDay_6 .weekdayName, .praznik .weekdayName{
    color: darkred;
}



.emoji-panel button{
    background: none;
    border: none;
    padding: 2px;
    border-radius: 0px !important;
    width: 27px;
    }


    .imessage {
        display: flex;
        flex-direction: column;
        margin: 0 auto 1rem;
        max-width: 600px;
    }

    .from-them,
    .from-me{
        padding-bottom: 5px;
    }
    .from-them .speech-bubble{
        margin: 0 50px 0 15px;
    }
    .from-me .speech-bubble{
        margin: 0 15px 0 30px;
    }

    .speech-bubble {
        position: relative;
        background: #e5e5ea;
        color: #333;
        padding: 10px;

        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

    .speech-bubble:after {
        content: '';
        position: absolute;
        
        bottom: 0;
        width: 0;
        height: 0;
        border: 6px solid transparent;
    }

    .from-me .speech-bubble {
        background: #248bf5;
        color: white;
        border-bottom-right-radius: 0px !important;
    }

    .from-me .speech-bubble:after {
    right: 6px;
    border-left-color: #248bf5;
    border-right: 0;
    border-bottom: 0;
    margin-top: -6px;
    margin-right: -12px;
    }

    .from-them .speech-bubble{
    border-bottom-left-radius: 0px !important;
    }
    .from-them .speech-bubble:after{
    left: 0;
    border-right-color: #e5e5ea;
    border-left: 0;
    border-bottom: 0;
    margin-top: -3px;
    margin-left: -6px;		
    }

    .sender{
        font-size: 11px;
    }
    .from-them .sender{
    padding-left: 10px;
    }
    .from-me .sender{
    padding-right: 10px;
    text-align:right;
    }



    .calendarTable tfoot {
        border-top: 2px solid rgb(100, 100, 100);
     }
    .calendarTable tfoot td{
        padding: 0px !important;
        font-size: 13px;
        line-height: 14px;
        font-weight: initial !important;
        vertical-align: bottom !important;

    }
    .calendarTable tfoot .sumRow{
        display: flex;
    }
    .calendarTable tfoot .sumRow .sumVrstaDela{
        width: 50%;
    }


    /* vizualizacija tabele */
    .miniTable{
        display:none;
        width: 200px;
        position:absolute;
        background-color: white;
        z-index: 999999999;
        box-shadow: 5px 4px 15px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 5px 4px 15px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 4px 15px 0px rgba(0,0,0,0.75);
    }
    .miniTable td{
        padding: 4px;
        border: 1px solid silver;
    }



    /* urnik */ 
    .itemRow{
        display: flex;
        border-bottom: 1px solid silver;
    }
    .itemRow>div{
        padding: 4px;
    }
    .itemRow:hover{
        background-color: #cacaca;
    }
    .itemRow.active{
        background-color: #008BE0;
    }
    .itemRow>div:first-child{
        width:100%
    }
    .itemRow>div:last-child{
        width:30px
    }


    /* popravek footerja */ 
    .page-footer{
        padding: 8px 0 0 8px !important
    }


    /* custom colors for backgrounds */
    table.blue_bg{
        
    }


    

.contactPlaceholder{
    padding-left: 5px;
    padding-right: 5px;
}

.contactBlock{
    border: 1px solid #c2cad8;
    border-radius: 5px !important;
    margin-bottom: 5px;
}

.contactBlock:hover,
.contactBlock.expanded {
    cursor: pointer;
    background-color: #f5f5f5;
    border-color: #969696
}

.contactBlock .mainBlock{
    display: flex;
    padding: 5px;

}

.contactBlock .mainBlock>div{
    display: block;
}
.contactBlock .mainBlock .contactName{
    width: calc(100% - 60px);
    color: #333;
}
.contactBlock .mainBlock .contactIcons{
    width:90px;
    text-align: right;
    vertical-align: center;
    color: silver;
    font-size: 2em
}
.contactBlock .mainBlock .contactIcons i{
    margin-right: 10px;
}
.contactBlock .mainBlock .contactIcons i:hover{
    color: #004EA8;
}
.contactBlock .mainBlock .contactBubble{
    background-color: #f5f5f5;
    /* padding: 10px; */
    margin-right: 5px;
    border: 1px solid #c2cad8;
    border-radius: 50% !important;
    color: white;
    font-size: 24px;
    line-height: 35px;
    width: 50px;
    height: 40px;
    text-align: center
}

.contactBlock .hyperlinks{
    display: none;
}
.contactBlock .hyperlinks a{
    display: block;
    color: #004EA8;
    margin-top: 4px;
}
.contactBlock .hyperlinks a.edit{
    display: block;
    color: #8F0000;
}
.contactBlock.expanded .hyperlinks{
    display: block;
    padding: 5px;
    border-top: 1px solid #c2cad8;
    background: #ebebeb;
}

.modal-rounded-corners{
    border-radius: 5px !important;
    overflow: hidden !important;
}

.stopScrolling{
    overflow: hidden !important;
}

.fright{
    float: right !important;
 
}