﻿
html
{
    font-size: 100%;
}

/* ------------------------------------------------------------------------- */
/* Razni statusi
/* ------------------------------------------------------------------------- */
.obvezno
{
    color: #9E0811;
}

.poudarjeno
{
   color: #0080bc;
   font-weight: bold;
}

/* ------------------------------------------------------------------------- */
/* Common layout attributes
/* ------------------------------------------------------------------------- */
.hidden
{
    display: none;
}

.avail-width
{
    width: 100%;
}

.noborder
{
    border-style: none;
}

.auto-scroll
{
    overflow: auto;
}

.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}

.top
{
    vertical-align: top;
}

.middle
{
    vertical-align: middle;
}

.bottom
{
    vertical-align: bottom;
}

.clear
{
    clear: both;
}

/* ------------------------------------------------------------------------- */
/* DIV tabela
/* ------------------------------------------------------------------------- */
.t-table
{
    display: table;
}

.t-row
{
    display: table-row;
}

.t-cell
{
    display: table-cell;
}

.t-cell-pad3
{
    display: table-cell;
    padding: 3px;
}

.t-head
{
    display: table-header-group;
}

.t-foot
{
    display: table-footer-group;
}

/* ------------------------------------------------------------------------- */
/* HTML tabela ali grid
/* ------------------------------------------------------------------------- */
.table
{
    border-collapse: separate;
    border-spacing: 2px;
}

.table-header
{
    color: White;
    background-color: #5885b4;
    font-weight: bold;
    padding: 3px;
}

.table-cell
{
    border: 1px solid #5885b4;
    padding: 3px;
}

.table-cell-alt
{
    border: 1px solid #5885b4;
    background-color: #E6E6FA;
    padding: 3px;
}

.table-cell-yellow
{
    border: 1px solid #5885b4;
    background-color: #FFFFCC;
    padding: 3px;
}

.table-cell-nopad
{
    padding: 0px;
}

/* ------------------------------------------------------------------------- */
/* Vnosna polja
/* ------------------------------------------------------------------------- */
.txt-80
{
    width: 80px;
}

.txt-100
{
    width: 100px;
}

.txt-200
{
    width: 200px;
}

.txt-300
{
    width: 300px;
}

.txt-380
{
    width: 380px;
}

.txt-400
{
    width: 400px;
}

.txt-500
{
    width: 500px;
}

.txt-570
{
    width: 570px;
}

.txt-600
{
    width: 600px;
}

.txt-multiline-60
{
    height: 60px;
}

.txt-multiline-100
{
    height: 100px;
}

/* ------------------------------------------------------------------------- */
/* Gumbi
/* ------------------------------------------------------------------------- */
.btn-def
{
    font-size: 0.9em;
}

/* ------------------------------------------------------------------------- */
/* Izpis opozoril (AJAX popup)
/* ------------------------------------------------------------------------- */
.msgbox
{
    padding: 5px;
    background-color: White;
    max-width: 500px;
    max-height: 50%;
}

.msgbox-vsebina-ok
{
    padding: 20px;
    color: Green;
    background-color: White;
    border: 1px solid Green;
    overflow: auto;
    text-align: center;
}

.msgbox-vsebina-napaka
{
    padding: 20px;
    color: Red;
    background-color: White;
    border: 1px solid Red;
    overflow: auto;
    text-align: center;
}

.msgbox-vsebina-opozorilo
{
    padding: 20px;
    color: Red;
    background-color: White;
    border: 1px solid Red;
    overflow: auto;
    text-align: center;
}

.msgbox-transparent
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

/* ------------------------------------------------------------------------- */
/* Login
/* ------------------------------------------------------------------------- */
.login
{
    color: #5885b4;
    border: 1px dotted #5885b4;
    width: 275px;
}

.login-error
{
    color: Red;
}
