body {
    margin: 0;
    padding: 0;
    min-width: 900px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #b2b2b2;
}

.pnlOzadjeMaster {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(211, 211, 211, 0.9);
    z-index: 1000;
}

.popupDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 40px 50px 40px;
    background: rgba(255, 255, 255, 1.0);
    border: 2px solid #536be2;
    margin: auto;
    border-radius: 12px;
}

.tblCellPadding {
    padding:5px;
}

.paddLevo10 {
    padding-left:10px;
}

.paddSDesno10 {
    padding-right: 10px;
}

.paddZgoraj10 {
    padding-top: 10px;
}

.paddSpodaj10 {
    padding-bottom: 10px;
}

.padding10 {
    padding:10px;
}

.marginDesno5 {
    margin-right: 5px;
}

.marginDesno10 {
    margin-right: 10px;
}

.marginDesno20 {
    margin-right:20px;
}

.marginLevo10 {
    margin-left:10px;
}

.marginLevo20 {
    margin-left: 20px;
}

.marginZgoraj10 {
    margin-top:10px;
}

.floatLevo {
    float: left;
}

.floatDesno {
    float:right;
}

.crtaZgoraj {
    border-top: 1px solid #b2b2b2;
}

.crtaSpodaj {
    border-bottom: 1px solid #b2b2b2;
}

.crtaDesno {
    border-right: 1px solid #b2b2b2;
}

.crtaLevo {
    border-left: 1px solid #b2b2b2;
}

.obroba {
    border: 1px solid #b2b2b2;
}

.ozadje1 {
    background-color: #eeeeee;
    color: #222736;
}

.ozadje2 {
    background-color: #b2b2b2;
    color: #fff;
}

.ozadje3 {
    background-color: #222736;
    color: #eeeeee;
}

.ozadjeBlue {
    background-color: #536be2;
    color: #eee;
}

.barvaPisave1 {
    color: #eeeeee;
}

.barvaPisave2 {
    color: #b2b2b2;
}

.barvaPisave3 {
    color: #222736;
}

.barvaPisaveBlue {
    color: #536be2;
}

.pisava {
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    color: #b2b2b2;
}

.pisavaRoboto {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #b2b2b2;
}

.pisavaRobotoWhite {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: white;
}

.pisavaVelikost12 {
    font-size:12px;
}

.pisavaVelikost14 {
    font-size: 14px;
}

.pisavaVelikost16 {
    font-size: 16px;
}

.pisavaVelikost18 {
    font-size: 18px;
}

.pisavaVelikost20 {
    font-size: 20px;
}

.pisavaError {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    color: red;
}

.pisavaNaslov {
    font-size: 18px;
    color: #536be2;
    font-weight:bold;
}

.pisavaKrepko {
    font-weight:bold;
}

.poravnavaDesno {
    text-align:right;
}

.pisavaCenter {
    text-align:center;
}

.overflowHidden {
    overflow:hidden;
}

.iconStyle {
    font-size: 22px;
    margin-top: 8px;
    padding: 8px 9px 8px 9px;
    color: #6c7293;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

    .iconStyle:hover {
        font-size: 18px;
        margin-top: 12px;
        background-color: #6c7293;
        color: #eeeeee;
        cursor: pointer;
    }

.tblRowPadding {
    padding: 7px 5px 7px 5px;
}

.divUcenci {
    position:absolute;
    background-color: #eeeeee;
    padding-left:20px;
    top:0;
    bottom:0;
    width:300px;
}

.divUcenecPodatki {
    position: absolute;
    left: 320px;
    padding: 20px 0 0 20px;
}

.divUcenecIme {
    width: calc(100% - 60px);
    padding:5px 20px 5px 20px;
}

.pnlRptrUcenci {
    width: 280px;
}

.gridButtonIconBig {
    color: #b2b2b2;
    font-size: 28px;
}

    .gridButtonIconBig:hover {
        color: #222736;
    }

.gridButtonIcon {
    color: #b2b2b2;
    font-size: 16px;
}

    .gridButtonIcon:hover {
        color: #222736;
    }

.gridButtonIconGreen {
    color: #1f6700;
    font-size: 16px;
}

    .gridButtonIconGreen:hover {
        color: #35aa02;
    }

.gridButtonIconRed {
    color: #be0202;
    font-size: 16px;
}

    .gridButtonIconRed:hover {
        color: #f10000;
    }

.lnkBtnUcenec {
    color: #222736;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding:3px;
}

    .lnkBtnUcenec:hover {
        background-color: #222736;
        color: #eeeeee;
        cursor: pointer;
    }

.lnkBtnUcenecSelected {
    background-color: #222736;
    color: #eeeeee;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    padding: 3px;
}

.ctrlTextBox {
    padding: 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b2b2b2;
    border-left: 12px solid #b2b2b2;
    color: #222736;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

    .ctrlTextBox:hover,
    .ctrlTextBox:focus {
        border-color: #536be2;
        color: #536be2;
    }

.ctrlLabel {
    padding: 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b2b2b2;
    border-left: 12px solid #b2b2b2;
    color: #222736;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    min-height: 16px;
}

    .ctrlLabel:hover {
        border-color: #536be2;
    }

.ctrlButton {
    height: 30px;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #b2b2b2;
    font-size: 16px;
    cursor: default;
    -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}

    .ctrlButton:hover {
        background-color: #536be2;
        border-color: #536be2;
        color: #fff;
        cursor: pointer;
    }

.ctrlButtonRed {
    border: 1px solid #be0202;
    color: #be0202;
}

    .ctrlButtonRed:hover {
        background-color: #be0202;
        border-color: #be0202;
    }

.ctrlButtonGreen {
    border: 1px solid #1f6700;
    color: #1f6700;
}

    .ctrlButtonGreen:hover {
        background-color: #1f6700;
        border-color: #1f6700;
    }

.ctrlCombo {
    padding: 10px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b2b2b2;
    border-left: 12px solid #b2b2b2;
    color: #222736;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
}

    .ctrlCombo:hover,
    .ctrlCombo:focus {
        border-color: #536be2;
        color: #536be2;
    }

.ctrlList {
    color: #222736;
    background-color: #eeeeee;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    height: calc(100% - 100px);
    border: none;
}

.ctrlLinkButton {
    padding: 6px 10px;
    background-color: #fff;
    border: 2px solid #b2b2b2;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #b2b2b2;
    font-size: 16px;
    cursor: default;
    -webkit-transition: 1s; /* For Safari 3.1 to 6.0 */
    transition: 1s;
}

    .ctrlLinkButton:hover {
        color: #536be2;
        background-color: #eeeeee;
        border: 2px solid #536be2;
        cursor:pointer;
    }