﻿/*#region default custom css*/
/*body {
        padding-top: 50px;
        padding-bottom: 20px;
    }*/
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 15px;
    }*/
/* Carousel */
/*.carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }*/
/* Make .svg files in the carousel display properly in older browsers */
/*.carousel-inner .item img[src$=".svg"] {
        width: 100%;
    }*/
/* QR code generator */
/*#qrCode {
        margin: 15px;
    }*/
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
            display: none;
        }
}

/*.table.vertical-align > tbody > tr > td {
    vertical-align: middle!important;
}*/

/*da so vse slike responsive, če object velikost slike > body velikosti div containerja*/
img {
    max-width: 100%;
    height: auto;
}

/*.avatar {
    background-size:cover;
    background-position:center;
    border-radius:50%;
}*/

/*#endregion*/


@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic.woff2') format('woff2'),
        url('fonts/CenturyGothic.woff') format('woff'),
        url('fonts/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('fonts/CenturyGothic-Bold.woff') format('woff'),
        url('fonts/CenturyGothic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('fonts/CenturyGothic-Italic.woff') format('woff'),
        url('fonts/CenturyGothic-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('fonts/CenturyGothic-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}





@media only screen and (min-width: 900px) {
    #mouse_over .segment-hover {
        opacity: 0;
    }
    #mouse_over:hover .segment-hover {
        opacity: 1!important;
    }
}

.text-greyCustom {
    color: #C3C3C3 !important;
}

.error{
    color:#F64E60!important;
    border-color:#F64E60!important;
    font-size:smaller!important;
}

.izbrana {
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}

.izbrana:hover {
    border-left: 3px solid #F64E60;
    border-right: 3px solid #F64E60;
}

.btnIconPadding {
    padding: 5px 5px 5px 5px;
}


.table-hover-info:hover > th, .table-hover-info:hover > td {
    background-color: #E1F0FF;
}
/*.table-hober-:hover {
    background-color: #E1F0FF;
}
.table-hober-info:hover {
    background-color: #E1F0FF;
}
.table-hober-info:hover {
    background-color: #E1F0FF;
}
.table-hober-info:hover {
    background-color: #E1F0FF;
}*/


.nalepkaHighlight {
    border: 1px solid #E74C3C;
}

.iconGrey {
    color: #909090 !important;
}
.hoverDanger:hover {
    color: #F64E60 !important;
}
.hoverSuccess:hover {
    color: #0ABB87 !important;
}
.hoverWarning:hover {
    color: #FFA800 !important;
}
.hoverInfo:hover {
    color: #0094FF !important;
}
.hoverPrimary:hover {
    color: #9370DB !important;
}

/*.datepicker {
    width: 100% !important;
}*/

.rowFluid { 
    margin-left:0px!important;
    margin-right:0px!important;
}

.beloOzadje {
    background-color: white!important;
}

.stanjeHover {
    color:#37393E;
}

.stanjeHover:hover {
    color:#F1F1F1!important;
}


.table-nonfluid {
    width: auto !important;
}

.label-ajax {
    margin-bottom:0rem!important;
}
.label {
    height: auto!important;
}
/*#region bd search, sidebar in body*/
.bd-search {
        position: relative;
        padding-top: 15px;
        padding-bottom: 1px;
        width:100%;
    }

.bd-sidebar {
    border-right: 1px solid rgba(0,0,0,.1) !important;

    padding-right: 30px;
    background-color: #2F3136!important;
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.bd-sidebar-white {
    padding-right: 30px;
    padding-right: 25px !important;
    padding-left: 25px !important;
    background-color: #F4F4F4 !important;
}
.bd-body {
    position: relative;
    padding-left: 25px !important;
    padding-right: 25px !important;
    width: 100%;
}
/*#endregion*/

/*#region padding & margin*/
    .paddingLeft5 { padding-left: 5px }
    .paddingRight5 { padding-right: 5px }
    .paddingTop5 { padding-top: 5px }
    .paddingBottom5 { padding-bottom: 5px }

    .paddingLeft10 { padding-left: 10px }
    .paddingRight10 { padding-right: 10px }
    .paddingTop10 { padding-top: 10px }
    .paddingBottom10 { padding-bottom: 10px }

    .paddingLeft15 { padding-left: 15px }
    .paddingRight15 { padding-right: 15px }
    .paddingBottom15 { padding-bottom: 15px }


    .paddingLeft25 { padding-left: 25px }
    .paddingRight25 { padding-right: 25px }
    .paddingTop25 { padding-top: 25px }
    .paddingBottom25 { padding-bottom: 25px }
    .paddingLeft50 { padding-left: 50px }
    .paddingRight50 { padding-right: 50px }
    .paddingTop50 { padding-top: 50px }
    .paddingBottom50 { padding-bottom: 50px }

    .padding0 { padding: 1px 1px 1px 1px; }
    .padding5 { padding: 5px 5px 5px 5px; }
    .padding25 {
        padding: 25px 10px 25px 10px;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .padding50 { padding: 50px 50px 50px 50px; }

    .marginLeft5 {margin-left: 5px}
    .marginRight5 {margin-right: 5px}
    .marginTop5 {margin-top: 5px}
    .marginTop10 {margin-top: 10px}

    .marginBottom5 {margin-bottom:5px}
    .marginLeft15 {margin-left: 15px}
    .marginLeft25 {margin-left: 25px}
    .marginRight25 {margin-right: 25px}
    .marginRight15 {margin-right: 15px}
    .marginTop25 {margin-top: 25px}
    .marginBottom25 {margin-bottom: 25px}
    .marginLeft50 {margin-left: 50px}
    .marginRight50 {margin-right: 50px}
    .marginTop50 {margin-top: 50px}
    .marginBottom50 {margin-bottom: 50px}
    .marginTop3 { margin-top: 3px }

    .margin5 { margin: 5px 5px 5px 5px; }
    .margin10 { margin: 10px 10px 10px 10px; }
    .margin25 { margin: 25px 25px 25px 25px; }
/*#endregion*/

.textCenter { text-align:center; }

/*#region spanLink*/
    .spanLink {
        cursor: pointer;
        color: #18BC9C;
        text-decoration: underline;
    }
    .spanLink:hover {
        text-decoration: none;
        color: #E74C3C;
        text-decoration: underline;
    }
/*#endregion*/

a.disabled:hover { cursor: not-allowed }

/*#region tinymce*/
pre {
    background-color: #484B51 !important;
    color: white !important;
}

.segment {
    background-color: #2F3136;
}
/*#endregion*/

/*#region difference display*/
ins, .ins {
    background-color: #00BC8C;
    text-decoration: none;
}

del, .del {
    text-decoration: none;
    background-color: #E74C3C;
}
/*#endregion*/

/*.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #202225!important;
}*/

/*#region selectpicker*/
.btn-light {
    border-color: #CED4DA !important;
    background-color: white !important;
    color: black !important;
}
/*#endregion*/

.cardPaddingTop0 { padding-top: 0px!important; padding-bottom:0px!important}

.list-group-item {
    border-color: #375A7F !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.tablePartialRows { /*če ni tega, je default padding in če uporabljašp partial rows za tabele, PRINT, je razmak med glavo in telesom*/
    margin-bottom:0px!important;
}

/*#region print*/
    @media print {
        .noPrint {
            display: none;
        }

        .col-1-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
            max-width: 8.3333333333% !important;
        }
        .col-2-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
            max-width: 16.6666666667% !important;
        }
        .col-3-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25% !important;
        }
        .col-4-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333% !important;
        }
        .col-5-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
            max-width: 41.6666666667% !important;
        }
        .col-6-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50% !important;
        }
        .col-7-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
            max-width: 58.3333333333% !important;
        }
        .col-8-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
            max-width: 66.6666666667% !important;
        }
        .col-9-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75% !important;
        }
        .col-10-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
            max-width: 83.3333333333% !important;
        }
        .col-11-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
            max-width: 91.6666666667% !important;
        }
        .col-12-print {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100% !important;
        }


    }
    .repeatePrint {
        position: sticky;
    }

    theadPrint {
        display: table-header-group;
    }

    tfootPrint {
        display: table-footer-group;
    }
/*#endregion*/

.noRounded {
    border-radius: 0rem!important;
}

/*#region btn-purple*/
.btn-purple {
    color: #fff;
    background-color: mediumpurple;
    border-color: mediumpurple;
}

.btn-purple:hover {
    color: #fff;
    background-color: #7452ab;
    border-color: #7452ab;
}

.btn-purple:focus {
    color: #fff;
    background-color: #7452ab;
    border-color: #7452ab;
}

.btn-purple:focus, .btn-purple.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
}

.btn-purple.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: mediumpurple;
    border-color: mediumpurple;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #7452ab;
    border-color: #7452ab;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
}

.btn-outline-purple {
    color: mediumpurple;
    background-color: transparent;
    background-image: none;
    border-color: mediumpurple;
}

.btn-outline-purple:hover {
    color: #fff;
    background-color: mediumpurple;
    border-color: mediumpurple;
}

.btn-outline-purple:focus, .btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
}

.btn-outline-purple.disabled, .btn-outline-success:disabled {
    color: #7452ab;
    background-color: transparent;
}

.btn-outline-purple:not(:disabled):not(.disabled):active, .btn-outline-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #7452ab;
    border-color: #7452ab;
}

.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
    box-shadow: 0 0 0 0.2rem rgba(184, 165, 209, 1);
}


.text-purpleCustom {
    color: mediumpurple !important;
}

a.text-purpleCustom:hover, a.text-purpleCustom:focus {
    color: #7452ab !important;
}

a.text-yellowCustom:hover, a.text-purpleCustom:focus {
    color: #FEF200 !important;
}

.text-yellowCustom {
    color: #ede209 !important;
}

a.text-blueCustom:hover, a.text-purpleCustom:focus {
    color: #39efe3 !important;
}

.text-blueCustom {
    color: #2dc6bc !important;
}

.text-greenCustom {
    color: #89ff3f !important;
}

a.text-greenCustom:hover, a.text-purpleCustom:focus {
    color: #6ccc30 !important;
}

.text-pinkCustom {
    color: #e83e8c !important;
}

a.text-pinkCustom:hover, a.text-purpleCustom:focus {
    color: #af316b !important;
}

a.text-purpleCustom:focus {
    color: #7452AB !important;
}

.badge-purple {
    color: #36393e;
    background-color: mediumpurple;
}

    .badge-purple[href]:hover, .badge-purple[href]:focus {
        color: #36393e;
        text-decoration: none;
        background-color: #7452ab;
    }


/*#endregion*/

.userColor{
    color:white!important;
}
.userColor:hover {
    color: #00bc8c!important;
    text-decoration:none;
}

/*#region input background color*/
.inputColorSuccess {
    background-color: #D4EDDA!important;
}
.inputColorWarning {
    background-color: #FFF3CD!important;
}
.inputColorDanger {
    background-color: #F8D7DA!important;
}
.inputColorInfo {
    background-color: #D1ECF1!important;
}
.inputColorPrimary {
    background-color: #CCE5FF!important;
}
/*#endregion*/

.badgeTextWrap {
    white-space:normal!important;
    height: auto !important;
}
.badge {
    color:white!important;
}


a.disabled:hover {
    cursor: not-allowed!important;
}


/*#region nav-link.active custom*/
    .nav-link.activeGreen {
        color: #fff!important;
        background-color: #18BC9C;
        border-radius: 4px;
    }
    .nav-link.activeRed {
        color: #fff!important;
        background-color: #E74C3C;
        border-radius: 4px;
    }
    .nav-link.activeYellow {
        color: #fff!important;
        background-color: #F39C12;
        border-radius: 4px;
    }
    .nav-link.activeBlue {
        color: #fff!important;
        background-color: #3498DB;
        border-radius: 4px;
    }
    .nav-link.activePurple {
        color: #fff!important;
        background-color: #9370DB;
        border-radius: 4px;
    }
    .nav-link.activeGrey {
        color: #fff !important;
        background-color: #2A2C31;
        border-radius: 4px;
    }
/*#endregion*/

.email {
    color: #2F3136 !important;
}

.bs-actionsbox .btn-group button {
    width: 100%!important;
}


@media only screen and (max-width: 767.98px) {
    .nomobile {
        display: none!important;
    }
}

@media only screen and (min-width: 768px) {
    .nodesktop {
        display: none!important;
    }
}


#mouse_over .meni {
    opacity: 0;
}

#mouse_over:hover .meni {
    opacity: 1;
}


/*odreže predolg, da predolg priimek, ime ne pade v 2. vrstico*/
.elli {
    /*white-space: nowrap;
    overflow: hidden;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
}

.datepicker {
    padding: 6px!important;
}

.btnHover:hover {
    color: #fff;
    background-color: #3CBC8B;
    border-color: #3CBC8B; /*set the color you want here*/
}

/*td {
    border-top-color: #ADADAD!important;
}*/

#preview {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
    z-index:999;
}


.pageBreakAvoid {
    page-break-inside:avoid!important;
}


/*#region padding & margin*/
.paddingTop0 {
    padding-top: 0px!important
}
.paddingBottom0 {
    padding-bottom: 0px !important
}
.paddingLeft0 {
    padding-left: 0px!important
}
.paddingRight0 {
    padding-right: 0px !important
}


.paddingTop5 {
    padding-top: 5px
}
.paddingRight5 {
    padding-right: 5px
}
.paddingBottom5 {
    padding-bottom: 5px
}
.paddingLeft5 {
    padding-left: 5px
}

.paddingTop10 {
    padding-top: 10px
}
.paddingRight10 {
    padding-right: 10px
}
.paddingBottom10 {
    padding-bottom: 10px
}
.paddingLeft10 {
    padding-left: 10px
}

.paddingTop15 {
    padding-top: 15px
}
.paddingRight15 {
    padding-right: 15px
}
.paddingBottom15 {
    padding-bottom: 15px
}
.paddingLeft15 {
    padding-left: 15px
}

.paddingTop25 {
    padding-top: 25px
}
.paddingRight25 {
    padding-right: 25px
}
.paddingBottom25 {
    padding-bottom: 25px
}
.paddingLeft25 {
    padding-left: 25px
}


.paddingTop50 {
    padding-top: 50px
}
.paddingRight50 {
    padding-right: 50px
}
.paddingBottom50 {
    padding-bottom: 50px
}
.paddingLeft50 {
    padding-left: 50px
}



.padding0 {
    padding: 1px 1px 1px 1px;
}

.padding5 {
    padding: 5px 5px 5px 5px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.padding10 {
    padding: 10px 10px 10px 10px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.padding15 {
    padding: 15px 15px 15px 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.padding25 {
    padding: 25px 25px 25px 25px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.padding50 {
    padding: 50px 50px 50px 50px;
}

.marginTop0 {
    margin-top: 0px !important
}
.marginBottom0 {
    margin-bottom: 0px !important
}
.marginLeft0 {
    margin-left: 0px !important
}
.marginRight0 {
    margin-right: 0px !important
}
.marginTop5 {
    margin-left: 5px
}
.marginRight5 {
    margin-right: 5px
}
.marginBottom5 {
    margin-bottom: 5px
}
.marginLeft5 {
    margin-left: 5px
}


.marginTop10 {
    margin-top: 10px
}
.marginRight10 {
    margin-right: 10px
}
.marginBottom10 {
    margin-bottom: 10px
}
.marginLeft10 {
    margin-left: 10px
}

.marginTop15 {
    margin-top: 15px
}

.marginRight15 {
    margin-right: 15px
}

.marginBottom15 {
    margin-bottom: 15px
}

.marginLeft15 {
    margin-left: 15px
}


.marginTop25 {
    margin-top: 25px
}
.marginRight25 {
    margin-right: 25px
}
.marginBottom25 {
    margin-bottom: 25px
}
.marginLeft25 {
    margin-left: 25px
}


.marginTop50 {
    margin-top: 50px
}
.marginRight50 {
    margin-right: 50px
}
.marginBottom50 {
    margin-bottom: 50px
}
.marginLeft50 {
    margin-left: 50px
}


.margin5 {
    margin: 5px 5px 5px 5px;
}
.margin10 {
    margin: 10px 10px 10px 10px;
}
.margin15 {
    margin: 15px 15px 15px 15px;
}
.margin25 {
    margin: 25px 25px 25px 25px;
}
/*#endregion*/

.borderShowDangerHover {
    border-right:3px solid #ffffff;
    border-left:3px solid #ffffff;
}
.borderShowDangerHover:hover {
    border-right:3px solid #E74C3C;
    border-left:3px solid #E74C3C;
}

.borderShowHover {
    border-right:3px solid #ffffff;
    border-left:3px solid #ffffff;
}
.borderShowHover:hover {
    border-right:3px solid #3498DB;
    border-left:3px solid #3498DB;
}

.textShowHover{
    display:none;
}
.iconShow:hover > .textShowHover{
    display:initial;
}
.textMeni {
    padding-left:20px!important;
    padding-right: 20px!important;
}
.textSuccessHover {
    color: #a9a9a9 !important;
}
.textSuccessHover:hover {
    color: #18BC9C !important;
}
.textInfoHover {
    color: #a9a9a9 !important;
}
.textInfoHover:hover {
    color: #3498DB !important;
}
.textWarningHover {
    color: #a9a9a9 !important;
}
.textWarningHover:hover {
    color: #ffb822 !important;
}
.textDangerHover {
    color: #a9a9a9 !important;
}
.textDangerHover:hover {
    color: #E74C3C !important;
}
.textPurpleHover {
    color: #a9a9a9 !important;
}
.textPurpleHover:hover {
    color: #9370DB !important;
}

.textSuccessActive {
    color: #18BC9C !important;
}
.textInfoActive {
    color: #3498DB !important;
}
.textWarningActive {
    color: #ffb822 !important;
}
.textDangerActive {
    color: #E74C3C !important;
}
.textPurpleActive {
    color: #9370DB !important;
}

.kt-header-menu .kt-menu__nav > .kt-menu__item {
    padding: 0px 0px 0px 0px!important;
}
.kt-header-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link {
    padding: 0px 0px 0px 0px!important;
}


/*.datepicker {
    width:100%!important;
}*/

.text-hover-danger:hover {
    color:#E74C3C!important;
}

/*modal naslov in gumb zapri*/
.zapri{
    position:absolute;
    top:15px;
    right: 10px;
}
.naslov{
    width:90%;
}

.ikonaPokaziHover .ikonaSkrita {
    display:none;
}
.ikonaPokaziHover:hover .ikonaSkrita{
    display:inline-block;
}


.is-required {
    border-top-color: #FFB822;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #FFB822;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #FFB822;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #FFB822;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-danger {
    border-top-color: #E84C3C;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #E84C3C;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #E84C3C;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #E84C3C;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-info {
    border-top-color: #3498DB;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #3498DB;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #3498DB;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #3498DB;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.is-required-success {
    border-top-color: #0ABB87;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #0ABB87;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #0ABB87;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #0ABB87;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.navLinkHover {
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    background-color:#ffffff;
}

.navLinkHover:hover {
    border-left: 3px solid #2F3136;
    border-right: 3px solid #2F3136;
    background-color:#f3f3f3;
}

.faIconHover{
    border-bottom: 2px solid #ffffff;
}
.faIconHover:hover{
    border-bottom: 2px solid #2F3136;
}

.cardBodyThin{
    padding:15px 15px 15px 15px!important;
}

.nivoKomentar{
    padding-left: 50px;
}

.alert-komentar {
    margin-top:15px!important;
    margin-bottom:0px!important;
}
.alert-komentar-sprememba {
    margin-top:0px!important;
    margin-bottom:10px!important;
}

.projektStisnjenObrobaBlack
{
    border: 1px solid #ffffff!important;
}
.projektStisnjenObrobaBlack:hover
{
    border: 1px solid #000000!important;
}
.projektObrobaGrey
{
    border: 3px solid #EEF0F8!important;
}
.projektObrobaDanger
{
    border: 3px solid #E64C3C!important;
}
.projektLeviRobDanger
{
    border-left: 3px solid #E64C3C!important;
}
.projektObrobaWarning
{
    border: 3px solid #FFB822!important;
}
.projektLeviRobWarning
{
    border-left: 3px solid #FFB822!important;
}
.projektObrobaSuccess
{
    border: 3px solid #0ABB87!important;
}
.projektLeviRobSuccess
{
    border-left: 3px solid #0ABB87!important;
}
.projektObrobaInfo
{
    border: 3px solid #3498DB!important;
}
.projektLeviRobInfo
{
    border-left: 3px solid #3498DB!important;
}
.projektObrobaPurple {
    border: 3px solid #9370DB !important;
}
.projektLeviRobPurple
{
    border-left: 3px solid #9370DB!important;
}

.projektRobLeviGrey
{
    border-left: 6px solid #EEF0F8!important;
}
.projektRobLeviDanger
{
    border-left: 6px solid #E64C3C!important;
}
.projektRobLeviWarning
{
    border-left: 6px solid #FFB822!important;
}
.projektRobLeviSuccess
{
    border-left: 6px solid #0ABB87!important;
}
.projektRobLeviInfo
{
    border-left: 6px solid #3498DB!important;
}
.projektRobLeviPurple
{
    border-left: 6px solid #9370DB!important;
}

.pomocIkona {
    padding-left: 0px!important; 
    padding-right: 0px!important; 
    width:30px!important
}

.cardBodyThin {
    padding: 10px 10px 10px 10px!important
}

.tableThin td {
    padding: 5px 5px 5px 5px !important;
}

.izrabaPregledHover:hover {
    background-color: #000000!important
}

.segmentDinamicneDanger {
    background-color: #FFE2E5;
    color: #E74C3C;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px;
}

.segmentDinamicneWarning {
    background-color: #FFF4DE;
    color: #FFA800;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px;
}

.segmentDinamicneInfo {
    background-color: #E1F0FF;
    color: #3699FF;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px;
}

.segmentDinamicneSuccess {
    background-color: #C9F7F5;
    color: #0ABB87;
    font-weight: 700;
    padding-left: 3px;
    padding-right: 3px;
}



