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

*/

.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 */


.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
}
/* vrsta dela in info */

.vrsta_dela,
.vrsta_dela span {
    display: block;
    color: white;
    text-align: center;
}
.vrsta_dela span {
    display: none;
}
.vrsta_dela {
    width: 20px;
    background-color: silver;
}
.delo {
    background-color: #FFC595;
}
.bolniska-brez {
    background-color: #023d9a;
}
.bolniška {
    background-color: #66dd00;
}
.dopust {
    background-color: #419fff;
}
.izredni_dopust {
    background-color: #076607;
}
.kompenzacija {
    background-color: #ffd9bf;
}
.šola {
    background-color: #d941ff;
}
.zdravniški {
    background-color: #6020FF;
}
/*.praznik{background-color: #ff3300;}*/

.suspenz {
    background-color: #F00;
}
.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;
}

.tabToolbox button.button:disabled{
    background-color: #f5f5f5 !important;
    color: #c0c0c0 !important;
    border-color: #c0c0c0!important;
}
/* 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;
}
/* 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;}



.izpisane_pozicije,
	.izpisane_pozicije:hover{
		background-color: #c1f0ff !important;
		box-shadow: inset 0 7px 15px -7px rgba(0,0,64,0.7)!important;
	}
	.izpisane_pozicije table td {
		background-color: transparent;
	}

	.izpisane_pozicije table{
		transition: flex 0.3s ease-out 
	}
	
	.subtable{
		width: 100%;
	}
	.subtable td{
		border: 1px solid transparent;
		text-align: left;
		padding: 4px;
		border-bottom: 1px solid #90c7ff;
	}
	.subtable tr:hover td{
		background-color: rgba(255,255,255,0.5);
	}
	
	.clickme{
		text-align:center;
	}
	.blueBackground{
		background-color: #00beff !important;
		text-align: center !important;
		color: #00375f;
	}
	.redBackground{
		background-color: #ff2626 !important;
		text-align: center !important;
		color: #880000 !important;
	}
	
	.infoBackground{
		background-color: #6cd900 !important;
		text-align: center !important;
	}
	
	.subtable [action='kolicina']{
		cursor: pointer;
	}
	.naloziPozicije{
		cursor:pointer;
	}
	.markOpenedRow td{
		background-color: #59acff;
		border:1px solid  #00a3d9 !important;
	}
	.markOpenedRow:hover td{
		background-color: #2693ff;
	}
	
	
	.buttonBlock fleft{
		position: relative;
	}
 
	.buttonBlock .select2-container a{
 		vertical-align: middle;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.pulsateRed{
		-webkit-animation: pulsate 0.3s ease-out;
		-webkit-animation-iteration-count: infinite; 
		color: red;
	}

	@-webkit-keyframes pulsate {
		0% { 
			color: #b30000;
		}
		50% { 
			color: red;
		}
		100% { 
			color: #b30000;
		}
	}	
	
	
	.razpisan{
        background-color: #fffa70;
    }
    .zakljucen{
        background-color: #affeaf;
    }
    .podrobni_pregled:hover{
        cursor: pointer;
        background-color: silver;
    }
    
    
    .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: #17764e;  background-color: #f3fffa}
    .status_zakljucen:nth-of-type(odd) { background-color: #d0ffec  !important;}

    .status_nedoncan{ color: #0060bf;  background-color: #ddeeff}
    .status_nedoncan:nth-of-type(odd) { background-color: #c9e4ff  !important;}

    .overFlow{
            max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    
    .tabela_nalogi th {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        border-bottom: 1px solid black;
        background-color: white;
    }
    .tabela_nalogi thead th {
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: inset 0 -1px 0 #000000;
        padding: 2px 0;
    }
    /* and one small fix for weird FF behavior, described in https://stackoverflow.com/questions/7517127/ */
    .tabela_nalogi thead th {
        background-clip: padding-box
    }		
        
        
        
        
    .tabela_nalogi tfoot,
    .tabela_nalogi tfoot th,
    .tabela_nalogi tfoot td {
        position: -webkit-sticky;
        position: sticky;
        bottom: 0;
        background: #666;
        color: #fff;
        z-index:4;
    }			
        
    .tabela_nalogi tfoot td {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        border-bottom: 1px solid black;
        background-color: white;
    }
    .tabela_nalogi tfoot td {
        border-top: none !important;
        border-bottom: none !important;
        box-shadow: inset 0 -1px 0 #000000;
        padding: 2px 0;
    }
    /* and one small fix for weird FF behavior, described in https://stackoverflow.com/questions/7517127/ */
    .tabela_nalogi tfoot td {
        background-clip: padding-box
    }		
                    
    .akcije{
        text-align:center;
        position: relative;
        z-index: 1;
    }				
    .akcije .razpis{
        position: absolute;
        top: 2px;
        left: 2px;
        bottom: 2px;
        right: 2px;
        background-color: rgba(136, 136, 136, 0.2);
        border-radius: 9px !important;
        z-index: 2
    }
    .akcije .razpis.zakljucen{
        background-color: rgba(128,255,0,0.6);
    }
    
    .akcije:hover{
        background-color: rgba(0,217,0,0.5);
        cursor: pointer;
    }

    ._razpsujem{
        color: silver;
    }
    .mark_razpis{
        border: 3px solid black;
        background-color: yellow;
    }
    ._razpsujem tr:hover{
        color: black;
    }
    
    table.table tbody tr:nth-of-type(even).hoverClass{
        background-color: #4ca6ff;
        color: white;
    }
    table.table tbody tr:nth-of-type(odd).hoverClass{
        background-color: #3299ff !important;
        color: white;
    }
    
    ._loadModal{
        background-color: #ffe599;
        cursor: pointer;
    }
    ._loadModal:hover{
        background-color: #ffcb33;
    }
    
    
    
    
    
    #tab_dejavnost_placeholder td.input{
        padding: 0px !important;
        position: relative;
        background: #cdf2ff;
        cursor: pointer;
    }
    
    #tab_dejavnost_placeholder tr:nth-of-type(even) td.input{
        padding: 0px !important;
        position: relative;
        background: #ecfaff;
        cursor: pointer;
    }		
    #tab_dejavnost_placeholder td input{
        background-color: transparent;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 20px;
        border: 1px solid transparent;
    }
    #tab_dejavnost_placeholder td input:hover{
        border: 1px solid #7396ff;
        background: #94e5ff

    }
    #tab_dejavnost_placeholder td ._linkDatum{
        color: silver;
        right: 2px;
        top: 8px;
        position: absolute;
    }
    #tab_dejavnost_placeholder td ._linkDatum:hover{
        color: black;

    }
    
    .input{
        padding: 0px !important;
        position: relative;
    }
    .input input{
        padding: 4px;
        background-color: transparent;
        border: 0px solid transparent;
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }
    
    .table tr:nth-child(even) td.datum_proizvodnja{ background-color: #f3f9ff; }
    .table tr:nth-child(odd)  td.datum_proizvodnja{ background-color: #deefff;}		
    
    .datum_proizvodnja input{
        right:30px;
    }
    .datum_proizvodnja .fa-link{
        position: absolute;
        top: 10px;
        right: 5px;
        cursor: pointer;
        color: #006cd9;
    }
    .datum_proizvodnja .fa-link:hover{
        color: #003973;
    }
    
    table.table tr td.borderRight{
        border-right: 1px solid black;	
    }
    
    table.table tr:nth-child( even ) .markerOrange{
        background-color: #ffead5;
    }
    table.table tr:nth-child( odd ) .markerOrange{
        background-color: #ffdbb6;
    }
    table.table tr:nth-child( even ) .ureClickable{
        background-color: #ffd3a7;
    }
    table.table tr:nth-child( odd ) .ureClickable{
        background-color: #ffc183;
    }
    table.table tr .ureClickable:hover{
        background-color: #ff8e1d ;
    }
    
    table.table tr:nth-child( even ) .konstrukcijaPlan{
        background-color: #cccccc;
    }
    table.table tr:nth-child( odd ) .konstrukcijaPlan{
        background-color: #bfbfbf;
    }
    table.table tr .konstrukcijaPlan:hover{
        background-color: #b2b2b2 ;
    }
    
    
    .customBtn{
        position: relative;
    }
    .customBtn span{
        position: absolute; 
        border-radius: 5px !important;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        cursor: pointer;
        padding: 2px 4px;
        font-weight:bold;
    }

    
    table.table tr:nth-child( even ) .button{
        background-color: #00f13c;
        color: white;
        text-align: center;
    }
    table.table tr:nth-child( odd ) .button{
        background-color: #00bd30;
        color: white;
        text-align: center;
    }		
    table.table tr .button:hover{
        background-color: #009927
    }
    
    
    table.table tfoot {
        border-top: double;
    }
    table.table tfoot td{
        padding: 4px;
    }
    
    
    table.table td span.dejavnostZakljucena{
        background-color: #75ff75 !important;
        border: 1px solid #09b400;
    }
    
    .headerDeleteRazpis{
        background-color: #ffbebe;
        
    }
    
    table tr td.razpis{
        padding: 0px !important
    }
    
    table tr td.razpis .dateDivider{
        border-radius: 4px;
        background-color: #d5d5d5;
        border: 1px solid #999999;
        top: 1px;
        bottom: 1px;
        left: 1px;
        right: 1px;
        position:absolute;
    }	
    table tr td.razpis .dateDivider:hover{
        background-color: #bcbcbc;
        border: 1px solid #8c8c8c;
    }		
    table tr td.razpis .dateDivider.greenBorder{
        background-color: #d6ffab;
        border: 1px solid #36d900;
    }

    table tr td.razpis .dateDivider.greenBorder:hover{
        background-color: #bdff78;
        border: 1px solid #29a600;
    }				
    table tr td.razpis .dateDivider.greenBorder .dateTop{
        border-bottom: 1px solid #36d900;
    }
    
    table tr td.razpis .dateDivider>span{
        border-radius: 0px !important
    }
    table tr td.razpis .dateDivider .dateTop{
        border-bottom: 1px solid #999999;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 48%;
        font-size: 9px;
    }
    
    table tr td.razpis .dateDivider .dateBot{
        position: absolute;
        top: 48%;
        left: 0px;
        right: 0px;
        bottom: 0px;
        font-size: 9px;
    }
    
    table tr td.razpis.danger .dateDivider{
        background-color: #cc3300;
        border: 1px solid #8c0000;
        color: white;
    }
    
    ._zamuda{
        background-color: #d90000 !important;
        border-color: #660000!important;		
        color: white !important;
    }
    
    .disabledClick{
        pointer-events: none;
        opacity: 0.5;
    }


    table.table tr.completed_dn, 
    table.table tr.completed_dn a{
        color: #1a6600 !important
    }
    table.table tr.completed_dn:nth-child( even ) td{
        background-color: #f3fffa;
    }
    table.table tr.completed_dn:nth-child( odd ) td{
        background-color: #d0ffec;
    }
    

    table.table tr.completed_partialy:nth-child( even ) td{
        background-color: #ddeeff;
    }
    table.table tr.completed_partialy:nth-child( odd ) td{
        background-color: #c9e4ff;
    }
    
    td.input{
        position: relative;
        background-color: #ffd9b3;
        font-weight: bold;
    }		
    td.input select{
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        background-color: transparent;
    }
    #ModalBodyInfo, .infoStyle{
        border: 1px solid #ffb973;
        background-color: #ffecd9;
        color: #5a2d00;
        padding: 4px;
    }
    

    .highlight{
        position: relative;
    }
    .infoHover{
        border: 3px dashed red;
        background: #ffffffaa; 
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px; 
        width: 100%;
        display: none;
        pointer-events: none;
        border-radius: 4px;
    }
    .highlight .infoHover{
        display: block;
    }
    .infoHover a{
        pointer-events: initial;
    }
    .highlight .infoHover #spinner {
        display: block;
        width: 200px;
        position: absolute;
        left: 50%; 
        top: 50%;
        transform: translate(-50%, -50%);
    }








    .cssXls {
		display: flex;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		font-size: 90%;
		color: #333;
		justify-content: center;
	}

	.cssXls{
		/* max-width: 700px; */
		width: 100%;
		overflow: scroll;
	}

	.cssXls table {
		position: relative;
		border: 1px solid #b9b9b9;
		border-collapse: collapse;
		/* table-layout: fixed; */
		padding: 0px !important;
	}

	.cssXls td, th {
		white-space: nowrap;
		border: 1px solid #b9b9b9 !important;
		text-align: left;
		padding: 2px !important;
	}

	.cssXls th {
		background-color: #eee;
		position: sticky;
		top: -1px;
		z-index: 2;
	}
	.cssXls th:first-of-type {
		left: 0;
		z-index: 3;
	}

	.cssXls tbody tr td:first-of-type {
		background-color: #eee;
		position: sticky;
		left: -1px;
		text-align: left;
	}