/*SCROLL BAR*/

body::-webkit-scrollbar {
    width: 5px; /*DEBELINA VERTIKALNEGA*/
    height: 5px; /*DEBELINA HORIZONTALNEGA*/
}

    body::-webkit-scrollbar-button:start:decrement,
    body::-webkit-scrollbar-button:end:increment { /*ROBI*/
        display: block;
        height: 0; /*PADDING KONCEV VERTIKALNEGA SLIDERJA*/
        width: 0; /*PADDING KONCEV HORIZONTALNEGA SLIDERJA*/
        background-color: transparent;
    }

body::-webkit-scrollbar-track-piece { /* "TRAČNCA" */
    background-color: #f2f2f2;
    opacity: 0.2;
}

    body::-webkit-scrollbar-thumb:vertical { /*BARVA IN ZAOBLENOST VERTIKALN*/
        background-color: #6C6864;
        -webkit-border-radius: 5px;
    }
    body::-webkit-scrollbar-thumb:horizontal { /*BARVA IN ZAOBLENOST HORIZONTALN*/
        background-color: #6C6864;
        -webkit-border-radius: 5px;
    }
body::-webkit-scrollbar-corner{ /*KOTI SLIDERJA*/
    display:none;
    background:#f2f2f2;
}

/*SCROLL BAR ZA OSNOVNI POGLED*/
div::-webkit-scrollbar {
    width: 5px; /*DEBELINA VERTIKALNEGA*/
    height: 5px; /*DEBELINA HORIZONTALNEGA*/
}

div::-webkit-scrollbar-button:start:decrement,
div::-webkit-scrollbar-button:end:increment { /*ROBI*/
    display: block;
    height: 0; /*PADDING KONCEV VERTIKALNEGA SLIDERJA*/
    width: 0; /*PADDING KONCEV HORIZONTALNEGA SLIDERJA*/
    background-color: transparent;
}

div::-webkit-scrollbar-track-piece { /* "TRAČNCA" */
    background-color: #f2f2f2;
    opacity: 0.2;
}

div::-webkit-scrollbar-thumb:vertical { /*BARVA IN ZAOBLENOST VERTIKALN*/
    background-color: #6C6864;
    -webkit-border-radius: 5px;
}

div::-webkit-scrollbar-thumb:horizontal { /*BARVA IN ZAOBLENOST HORIZONTALN*/
    background-color: #6C6864;
    -webkit-border-radius: 5px;
}

div::-webkit-scrollbar-corner { /*KOTI SLIDERJA*/
    display: none;
    background: #f2f2f2;
}
.inputText {
    width: 95%;
    background-color: transparent;
    border: none;
    outline: none;
    border-bottom: 1px solid #000000;
}
.circle {
    height: 25px;
    width: 30px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    padding-top:5px;
    margin-left:10px;
    float:left;
}
.circleNavbar {
    height: 30px;
    width: 40px;
    padding:0;
    padding-top:10px;


    background-color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    vertical-align: central;
    font-size: 16px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    color: #707070;
    display: inline-block;
}
#logo {
    margin-top: auto;
    margin-bottom: auto;
}

body {
    background-color: #F2F2F2;
}

.GrafGridNaslov {
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #6C6864;
    padding: 0px;
    padding-bottom: 20px;
}

.GrafGridVertikalniBreak {
    height:10px;
    padding: 0px;
}

.Grid {
    background-color: #F2F2F2;
    color: #595551;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
    outline:0;
    
}
    .Grid table {
        color: #595551;
    }
    .Grid input.dxeEditArea {
        color: #595551;
    }
  

.GridHeader {
    background-color: #F2F2F2;
    border: 0px;
    border-bottom: 1px solid white;
    font-size: 14px;
}
    .GridHeader table {
        font-size: 14px;
    }

.GridRowHotTrack {
    background-color: #FEF2ED;
    border-color: #F2F2F2;
}

.GridRow {
    color: #595551;
    border-color: #F2F2F2;
    height: 34px;
    font-size: 14px;
}

    .GridRow:hover {
        background-color: #FEF2ED;
        border-color: #F2F2F2;
    }

.BatchEditGridRow {
    color: #595551;
    border-color: #F2F2F2;
    height: 34px;
    font-size: 14px;
}
    .BatchEditGridRow td.dxgv {
        border-bottom: 1px Solid #f2f2f2;
        background-color:white;
    }
    .BatchEditGridRow table.dxeTextBox {
        border-color: #707070 !important;
    }

.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC, .dxgvFilterRow, .dxgvFilterRow td.dxgv {
    border-bottom: 1px Solid #f2f2f2;
}

.GridFilterRow {
    background-color: white;
}
.GridSearchPanel {
    background-color: white;
    border: 0px;
    border-bottom: 1px solid white;
}

.GridFooter {
    background-color: #F2F2F2;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.GridButton {
    background-color: #F2F2F2;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    color: #595551;
    border-color: #F2F2F2;
    border-style: solid;
    height: 26px;
    min-width: 60px;
}

    .GridButton:hover {
        background-color: #FF703B;
        border-radius: 5px;
        font-size: 11px;
        color: #FFFFFF;
        font-family: 'Barlow', sans-serif;
        font-weight: 600;
        border-color: #FF703B;
        border-style: solid;
        cursor: pointer;
    }

.GridBrisiButton {
    background-color: #FF703B;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    border-color: #FF703B;
    border-style: solid;
    height: 26px;
    min-width: 60px;
}

.GridBrisiButtonHover {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    color: #595551;
    cursor: pointer;
}

.FormLayoutGridButton {
    border: none;
    text-align: center;
    background: #F2F2F2;
    background-color: #F2F2F2;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    height: 26px;
    min-width: 60px;
    color: #595551;
}

.FormLayoutGridButtonHover {
    background-color: #FF703B;
    color: #FFFFFF;
    cursor: pointer;
}

.dxgvFocusedCell .FormLayoutGridButton {
    background-color: #FF703B;
    color: #FFFFFF;
    cursor: pointer;
}

.GridButtonHover {
    background-color: #FF703B;
    border-radius: 5px;
    font-size: 11px;
    color: #FFFFFF;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    border-color: #FF703B;
    border-style: solid;
    cursor: pointer;
}

.GridEditor {
    border-radius: 5px;
    height: 26px;
}
    .GridEditor input.dxeEditArea {
        font-size: 14px;
    }

  
.GridEditorButton {
    border-radius: 5px;
    border-style: none;
}
.CheckBox {
    width: 150px;
}
.GridPager {
    color: #595551;
    font-size: 12px;
}
.GridPagerCurrentNumber {
    color: #FF703B;
    font-size: 12px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}

.setBarlowFont {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

.dxpLite, .dxgvControl, .dxgvDisable, .dxeTextBox, .dxeEditAreaSys, .dxeMemoEditAreaSys, input[type="text"].dxeEditAreaSys, input[type="password"].dxeEditAreaSys, .dxpcDropDown, .dxeDropDownWindow, .dxeListBox, .dxeBase {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
}

.PageHeader {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #595551;
}


.kriterijButton {
    border: none;
    text-align: center;
    background: #FF703B;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    height: 26px;
    width: 120px;
}
    .kriterijButton:hover {
        background-color: #F2F2F2;
        color: #595551;
    }
   

.UploadButton {
    border: none;
    text-align: center;
    background: #FF703B;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    height: 20px;
    width: 120px;
}
.UploadButtonHover {
    background-color: #F2F2F2;
    color: #595551;
}
.FormLayoutUploadButton {
    border: none;
    text-align: center;
    background: #F2F2F2;
    background-color: #F2F2F2;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    height: 20px;
    width: 120px;
    color: #595551;
}
.FormLayoutUploadButtonHover {
    background-color: #FF703B;
    color: #FFFFFF;
}

.MemoEdit {
    border-radius: 5px;
    padding: 3px;
}  

.dropZoneExternal > div,
.dropZoneExternal > img {
    position: absolute;
}

.dropZoneExternal {
    position: relative;
    border: 1px dashed #626262;
    cursor: pointer;
    border-radius:5px;
    margin-bottom:10px;
}

.dropZoneExternal,
.dragZoneText {
    height: 100px;
}
#dragZone {
    display: table;
}

.dropZoneText,
.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


}#dropZone {
    top: 0;
    padding: 100px 25px;
}

.uploadControlDropZone,
.hidden {
    display: none;
}

.dragZoneText {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #595551;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
    height:80px;
}


.dxucInlineDropZoneSys span {
    color: #fff !important;
    font-size: 10pt;
    font-family: 'Barlow', sans-serif;
    font-weight: 400 !important;
}

.validationMessage {
    padding: 0 20px;
    text-align: center;
}


.Note {
    max-width: 450px;
}

.NavodilaNavBar {
    height: 32px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: 'Barlow', sans-serif;
}
.NavodilaNavBarHeader {
    font-size: 20px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    color: #595551;
}
    .NavodilaNavBarHeader span {
        margin-top:3px;
    }

.NavodilaNavBarColapsed {
    border-radius: 5px;
    width: 720px;
}
    .NavodilaNavBarColapsed span {
       margin-top: 3px;
    }
    

.NavodilaNavBarContent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: 'Barlow', sans-serif;
}


.DokumentNavBar {
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-anchor: middle;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 20px;
    vertical-align: central;
    color: #595551;
}

.DokumentNavBarColapsed {
    border-radius: 5px;
    color: #595551;
}

.DokumentNavBarContent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    color: #595551;
}
.DokumentFormLayoutContent {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
}

    .DokuemtFormLayoutContent input.dxeEditArea {
        font-size: 14px;
        color: #595551;
    }

    .DokumentFormLayoutContent .dxeMemoEditAreaSys {
        font-size: 14px;
        color: #595551;
    }

    .DokumentFormLayoutContent .dxeBase {
        font-size: 14px;
    }
.DokumentFormLayoutSemiBoldContent {
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    color: #595551;
}



.NarocilaNavBar {
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-anchor: middle;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 20px;
    vertical-align: central;
    color: #595551;
    width: 720px;
}

.NarocilaNavBarColapsed {
    border-radius: 5px;
    width: 720px;
    color: #595551;
}

.NarocilaNavBarContent {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    color: #595551;
}




.NarocilaFormLayoutContent {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
}
    .NarocilaFormLayoutContent input.dxeEditArea {
        font-size: 14px;
        color: #595551;
    }
    .NarocilaFormLayoutContent .dxeMemoEditAreaSys {
        font-size: 14px;
        color: #595551;
    }
    .NarocilaFormLayoutContent .dxeBase {
        font-size: 14px;
    }

.NarocilaFormLayoutSemiBoldContent {
    font-family: 'Barlow', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    color: #595551;
}


.loginTextBox {
    height: 40px;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid;
    border-color: #707070;
    color:#707070;
}
.NullText {
}
.loginTextBoxSeed {
    height: 40px;
    font-size: 16px;
    border: none;
    border-color: #707070;
    color: #707070;
}
.LoginButton {
    border: none;
    background: #ffffff;
    border-radius: 5px;
    font-size: 20px;
    color: #FFFFFF;
    font-family: 'Barlow', sans-serif;
    height: 50px;
    width: 100%;
    text-align: left;
    font-weight: 400;
    text-align: center;
}

.VarnostnaButton {
    border: none;
    background: #9F9D9D;
    border-radius: 5px;
    font-size: 20px;
    color: #FFFFFF;
    font-family: 'Barlow', sans-serif;
    height: 50px;
    width: 100%;
    text-align: left;
    font-weight: 400;
    text-align: center;
}

.ErrorText {
    font-size: 14px;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    text-align: left;
    padding-top: 10px;
}
.ErrorFrameWithoutError {
    border-radius: 5px;
    border: 0px solid #C31515;
    padding: 0px 0px;
}
.dxeErrorFrameWithoutError.dxeControlsCell {
    padding: 0px 0px;
}
.dxeInvalid {
    border: 1px solid #C31515;
}
.dxflRequired {
    color: #C31515;
    font-style: normal;
}
.DropDownWindow {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 14px;
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.dxeListBox .dxeBase {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    border-radius: 5px;
    font-size: 14px;
}

.BesediloPopUp {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #F2F2F2;
}
    .BesediloPopUp .dxpc-header {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .dxpcLite, .dxdpLite {
        font-family: 'Barlow', sans-serif;
        font-weight: 400;
    }


.NapakaButton {
    border: none;
    background:#FFFFFF;
    border-radius: 5px;
    font-size: 20px;
    color: #FFFFFF;
    font-family: 'Barlow', sans-serif;
    height: 50px;
    width: 300px;
    text-align: left;
    font-weight: 400;
    text-align: center;
}


.NapakaTekst {
    font-size: 16px;
    color: #6C6864;
    font-family: 'Barlow', sans-serif;
    font-weight: 500;
}
.NapakaNavBar {
    width: 175px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    font-size: 20px;
    width: 290px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.NapakaNavBarColapsed {
    width: 175px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    font-size: 20px;
    width: 278px;
    color: #6C6864;
}


.NapakaNavBarContent {
    width: 175px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    width: 990px;
    font-size: 16px;
    color: #6C6864;
    padding: 0;
    margin: 0;
}

.NapakaNavBarHeader {
    border:none;
    width: 175px;
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
    font-size: 20px;
    width: 290px;
    color: #6C6864;
    border: 1px solid green;
}
.HtmlEditor {
    border-radius: 5px;
    font: 'Barlow', sans-serif;
    padding: 1px;
    background-color: white;
}

    .HtmlEditor .dxtbControl {
        background-color: #F2F2F2;
    }

    .HtmlEditor .dxeButtonEdit {
        border-radius: 5px;
        font: 'Barlow', sans-serif;
    }

    .HtmlEditor .dxeButtonEditButton {
        border-radius: 5px;
        border-style: none;
    }

.dxeCalendarButton {
    border-radius: 5px;
}

.dxbButtonSys.dxbTSys {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Barlow', sans-serif;
    box-sizing: border-box;
    display: inline-table;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 5px;
}

.dxeButtonEditSys .dxeButton,
.dxeButtonEditSys .dxeButtonLeft {
    line-height: 100%;
    border-radius: 5px;
    border-style: none;
}

.dxeCaption {
    font-family: 'Barlow', sans-serif;
}

.dxgvHFDRP .dxeButtonEditSys,
.dxvgHFDRP .dxeButtonEditSys,
.dxcvHFDRP .dxeButtonEditSys,
.dxtlHFDRP .dxeButtonEditSys {
    width: 100%;
    font-family: 'Barlow', sans-serif;
    border-radius: 5px;
}

.dxmLite .dxm-popup {
    font-family: 'Barlow', sans-serif;
    border-radius: 5px;
    border-style: none;
    background-color: white;
    padding: 1px;
}

.dxeButtonEdit {
    background-color: white;
    border: 1px solid #9F9F9F;
    font-family: 'Barlow', sans-serif;
    font-size: 12px;
    border-radius: 5px;
}

.circleeRacun {
    height: 100px;
    width: 100px;
    background-color: white;
    border-color: #FF703B;
    border-radius: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
    border: solid #FF703B;
    border-width: 4px;
    display: inline-block;
}

    .circleeRacun .img-width {
        max-width: 60%;
        padding-top: 19px;
        padding-left: 21px;
    }

.lineeRacun {
    height: 4px;
    background-color: #FF703B;
    float: left;
    margin: 38px 0px;
    padding: 0px;
}