﻿@import url(Pregledi2.css);





/******************************
    DM_UPLOADER.CSS
***********************************/

/*
 * Widget*/
.uploader {
    /*border: 2px dotted #DDDDDD;*/
    /*width: 300px;*/
    color: #DDDDDD;
    text-align: center;
    vertical-align: middle;
    /*padding: 1px;*/
    /*margin-bottom: 10px;*/
    margin-top: 5px;
    font-size: 20px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.uploader-active {
    border-color: #0B85A1;
}

.uploader div.or {
    font-size: 14px;
    font-weight: bold;
    color: #C0C0C0;
    padding: 10px;
}

.uploader div.drag_drop {
    width: 100%;
    text-align: center;
    /*margin-bottom: 20px;*/
}

.uploader div.browser {
    width: 100%;
    text-align: center;
}

    .uploader div.browser label {
        background-color: transparent;
    }

    /*.uploader div.browser label {
        float: none !important;
        background-color: #A93132;
        padding: 5px 15px;
        color: #FFF !important;
        padding: 6px 0px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 2px;
        position: relative;
        overflow: hidden;
        display: block;
        width: 300px;
        margin: 20px auto 0px auto;
        line-height: 20px !important;
        box-shadow: 2px 2px 2px #888888;
    }*/

    .uploader div.browser label {
        width: 0px !important;
    }

    .uploader div.browser span {
        cursor: pointer;
    }


    .uploader div.browser input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        border: solid transparent;
        border-width: 0px;
        opacity: .0;
        filter: alpha(opacity= 0);
        -o-transform: translate(250px,-50px) scale(1);
        -moz-transform: translate(-300px,0) scale(4);
        direction: ltr;
        cursor: default;
        width: 0px;
        height: 0px;
    }

    .uploader div.browser label:hover {
        /*background-color: #A93132;*/
    }

/*
 * File list
 */
.fileList {
    clear: both;
    /*float: right;*/
    width: 320px;
    /*height: 196px;*/
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    list-style-type: none;
    color: #999;
    font-size: 11px;
    overflow: auto;
}

    .fileList .file {
        width: 315px;
        margin-bottom: 9px;
    }

    .fileList .info {
        width: 315px;
        /*height: 26px;*/
        display: block;
        overflow: hidden;
        line-height: 13px;
    }

    .fileList .filename {
        font-weight: bold;
        background-position: left center;
        background-repeat: no-repeat;
        padding: 5px 0px 5px 20px;
        height: 20px;
        line-height: 19px;
    }

    .fileList .bar {
        border: solid 1px #be0b04;
        height: 8px;
        margin-top: 3px;
        padding: 1px;
        width: 315px;
    }

    .fileList .dmProgress {
        height: 8px;
        background-color: #be0b04;
    }

    .fileList span.success {
        color: #008000;
    }

    .fileList span.error {
        color: #be0b04;
    }


/*
 * New buttons
 */
.dmBtn {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 3px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none !important;
}

    .dmBtn:focus, .dmBtn:active, .dmBtn.active, .dmBtn.disabled, .dmBtn.upload_in_progress, .dmBtn[disabled] {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .dmBtn.disabled, .dmBtn.upload_in_progress, .dmBtn[disabled] {
        opacity: 0.4;
    }

.dmBtn-sm {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 4px;
}

.dmBtn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.dmBtn:hover {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.dmBtn-add, .dmBtn-add:hover {
    color: #fff;
    background-color: #be0b04;
    border-color: #be0b04;
}

    .dmBtn-add.upload_in_progress, .dmBtn-add[disabled] {
        border-color: #ccc;
    }

        .dmBtn-add.upload_in_progress:hover, .dmBtn-add[disabled]:hover {
            color: #333333;
            background-color: #e6e6e6;
            *background-color: #d9d9d9;
        }

.dmBtn-35-1-35-6, .dmBtn-35-1-35-6:hover, .dmBtn-35-1-35-6[disabled], .dmBtn-35-1-35-6[disabled]:hover {
    color: #008000;
    background-color: #fff;
    border-color: #008000;
}

    .dmBtn-35-1-35-6[disabled], .dmBtn-35-1-35-6[disabled]:hover {
        opacity: 1;
    }

    .dmBtn-35-1-35-6.upload_in_progress, .dmBtn-35-1-35-6.upload_in_progress:hover {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        border-color: #ccc;
    }

.dmBtn-35-6-35-1, .dmBtn-35-6-35-1:hover {
    color: #be0b04;
    background-color: #fff;
    border-color: #be0b04;
}

    .dmBtn-35-6-35-1.upload_in_progress, .dmBtn-35-6-35-1[disabled], .dmBtn-35-6-35-1.upload_in_progress:hover, .dmBtn-35-6-35-1[disabled]:hover {
        color: #333333;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
        border-color: #ccc;
    }

.dmBtn-icon {
    padding: 3px 12px;
}

.dmDocLabelWrapper {
    float: left;
    padding-right: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
}

    .dmDocLabelWrapper .dmDocLabel {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 350px;
        /*margin-right: 3px;*/
        color: #3434BA;
        white-space: nowrap;
        /*text-overflow: ellipsis;*/
        /*width: 350px;*/
        /*overflow: hidden;*/
        font-size: 15px;
        /*max-width: 350px;*/
        display: inline-block;
        line-height: 32px;
    }

        .dmDocLabelWrapper .dmDocLabel:hover {
            cursor: default;
        }

.calloutSend .dmDocLabelWrapper, .calloutSend .dmDocLabelWrapper .dmDocLabel, .calloutReceive .dmDocLabelWrapper, .calloutReceive .dmDocLabelWrapper .dmDocLabel {
    max-width: 150px;
}

.dmBtn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
}

    .dmBtn-group > .dmBtn:first-child {
        margin-left: 0;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
    }

    .dmBtn-group > .dmBtn:last-child {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
    }

    .dmBtn-group > .dmBtn {
        position: relative;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .dmBtn-group > .dmBtn + .dmBtn {
            margin-left: -1px;
        }


/******************************
  ******************************
******************************
******************************
 END --- DM_UPLOADER.CSS
***********************************
******************************
******************************
******************************/


/******************************
  ******************************
******************************
******************************
 CALENDAR STYLE.CSS
*********************************************
******************************
******************************
********************/
.WeekdayStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: White;
}

.MonthHeaderStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: DeepSkyBlue;
}

.OffMonthStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Gray;
    background-color: White;
}

.GoToTodayStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: White;
}

.TodayDayStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: IndianRed;
    background-color: White;
}

.DayHeaderStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: #E0E0E0;
}

.WeekendStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: White;
}

.SelectedDateStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: SteelBlue;
}

.ClearDateStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: White;
}

.HolidayStyle {
    Font-Size: XX-Small;
    font-family: Verdana,Helvetica,Tahoma,Arial;
    Color: Black;
    background-color: White;
}
/******************************
   ******************************
******************************
******************************
END --- CALENDAR STYLE.CSS
*************************************
******************************
******************************
****************************/



/******************************
******************************
******************************
******************************
******************************
   BS_STYLE.CSS
******************************
******************************
******************************
***********************************/

.font-navigation-over {
    BORDER-RIGHT: #6592c2 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #6592c2 1px solid;
    PADDING-LEFT: 2px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #6592c2 1px solid;
    CURSOR: hand;
    COLOR: #ffffff;
    BORDER-BOTTOM: #6592c2 1px solid;
    BACKGROUND-COLOR: #37608c;
    TEXT-DECORATION: none;
}

.font-navigation-out {
    BORDER-RIGHT: #4d86bb 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #4d86bb 1px solid;
    PADDING-LEFT: 2px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #4d86bb 1px solid;
    COLOR: #ffffff;
    BORDER-BOTTOM: #4d86bb 1px solid;
}

.font-navigation-select {
    BORDER-RIGHT: #6592c2 1px solid;
    PADDING-RIGHT: 2px;
    BORDER-TOP: #6592c2 1px solid;
    PADDING-LEFT: 2px;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #6592c2 1px solid;
    CURSOR: hand;
    COLOR: #ffffff;
    BORDER-BOTTOM: #6592c2 1px solid;
    BACKGROUND-COLOR: #37608c;
    TEXT-DECORATION: none;
}

.font-table-select {
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

.font-table-select-over {
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #9bb9d9;
    TEXT-DECORATION: none;
}

.table-form-input-white {
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BACKGROUND: #ffffff;
    FONT: 500 12px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #000000 0px solid;
    CURSOR: hand;
    COLOR: #333333;
    BORDER-BOTTOM: #000000 0px solid;
}

.table-form-input-white-over {
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BACKGROUND: #ffffff;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #000000 0px solid;
    CURSOR: hand;
    COLOR: #990000;
    BORDER-BOTTOM: #000000 0px solid;
}

.table-form-input-grey {
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BACKGROUND: #f2f2f2;
    FONT: 500 12px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #000000 0px solid;
    CURSOR: hand;
    COLOR: #333333;
    BORDER-BOTTOM: #000000 0px solid;
}

.table-form-input-grey-over {
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 0px solid;
    BACKGROUND: #f2f2f2;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #000000 0px solid;
    CURSOR: hand;
    COLOR: #990000;
    BORDER-BOTTOM: #000000 0px solid;
}

.table-form-input-select {
    BORDER: 0px;
    BACKGROUND: #316AC5;
    FONT: 500 12px Verdana, Arial, Helvetica, sans-serif;
    CURSOR: default;
    COLOR: #ffffff;
}

.table-row-white {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 0px;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    PADDING-TOP: 0px;
}

.table-row-grey {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #f2f2f2;
    PADDING-BOTTOM: 0px;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    PADDING-TOP: 0px;
}

.table-row-select {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #316AC5;
    PADDING-BOTTOM: 0px;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
}

.table-border-grey {
    BORDER-RIGHT: #c8c8c8 0px solid;
    BORDER-TOP: #c8c8c8 0px solid;
    BORDER-LEFT: #c8c8c8 0px solid;
    BORDER-BOTTOM: #c8c8c8 0px solid;
}

.table-border-red {
    BORDER-RIGHT: #ff0000 1px solid;
    BORDER-TOP: #ff0000 1px solid;
    BORDER-LEFT: #ff0000 1px solid;
    BORDER-BOTTOM: #ff0000 1px solid;
}

.calendar-table-row-grey1 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #f1f1f1;
    PADDING-BOTTOM: 0px;
    FONT: 9px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    PADDING-TOP: 0px;
}

.calendar-table-row-grey2 {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #e0e0e0;
    PADDING-BOTTOM: 0px;
    FONT: 9px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    PADDING-TOP: 0px;
}

.calendar-link {
    FONT: 9px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #333333;
    TEXT-DECORATION: none;
}

    .calendar-link:link {
        FONT: 9px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #333333;
        TEXT-DECORATION: none;
    }

    .calendar-link:hover {
        BACKGROUND: #5c5c5c;
        FONT: 9px Verdana, Arial, Helvetica, sans-serif;
        COLOR: #ffffff;
        TEXT-DECORATION: none;
    }

.calendar-font-grey {
    FONT: 9px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #808080;
    TEXT-DECORATION: none;
}

.calendar-cellborder {
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
}

.calendar-table-row-day {
    BORDER-RIGHT: #c8c8c8 1px solid;
    BORDER-TOP: #c8c8c8 0px;
    BORDER-LEFT: #c8c8c8 1px solid;
    BORDER-BOTTOM: #c8c8c8 1px solid;
}


.form-input-white {
    /*background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;*/
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    padding: 3px 5px;
    text-align: left;
}

    .form-input-white:focus {
        border: 1px solid #999;
        box-shadow: 0 0 3px #999999;
    }

.form-input-whiteborder {
    BORDER-RIGHT: #f5f5f5 1px solid;
    BORDER-TOP: #f5f5f5 1px solid;
    BACKGROUND: #f5f5f5;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #f5f5f5 1px solid;
    BORDER-BOTTOM: #f5f5f5 1px solid;
}

.form-input-grey {
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #999999 1px solid;
    BORDER-BOTTOM: #999999 1px solid;
}

.form-input-greyborder {
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BACKGROUND: #ffffff;
    FONT: 10px Verdana, Arial, Helvetica, sans-serif;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
}

/* dio koji je zbog skina prebaceno u _style.css */
.tableContent .down .cell {
    height: 19px;
    font-family: Verdana, Arial, sans-serif;
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
    overflow: hidden;
    cursor: default;
    background-color: #5184BB;
}

    .tableContent .down .cell .input {
        padding-left: 6px;
        padding-right: 4px;
        height: 17px;
        font-family: Verdana, Arial, sans-serif;
        color: #ffffff;
        font-size: 11px;
        text-decoration: none;
        overflow: hidden;
        cursor: default;
        background-color: #5184BB;
        border: #ffffff 1px solid;
    }

    .tableContent .down .cell .select {
        padding-left: 6px;
        padding-right: 4px;
        height: 17px;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        text-decoration: none;
        overflow: hidden;
        cursor: default;
        border: #ffffff 1px solid;
    }

    .tableContent .down .cell .txtarea {
        padding-left: 6px;
        padding-right: 4px;
        /*height:				25px;*/
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        text-decoration: none;
        overflow: auto;
        cursor: default;
        background-color: #5184BB;
        border: #ffffff 1px solid;
        /*
	scrollbarr-face-color: 		#7F9DB9;
    scrollbar-highlight-color: 	#7F9DB9;
    scrollbar-shadow-color: 	#ffffff;
    scrollbar-3dlight-color: 	#ffffff;
    scrollbar-arrow-color: 		#ffffff;
    scrollbar-darkshadow-color: #7F9DB9;
	*/
    }

.tableContent .down .separator {
    height: 19px;
    width: 1px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    background-color: #5184BB;
}

.tableContent .down .button {
    width: 19px;
    height: 19px;
    background-color: #5184BB;
    padding-left: 7px;
    padding-top: 4px;
    padding-bottom: 4px;
    overflow: hidden;
}


/******************************
 ******************************
******************************
******************************
  END --- BS_STYLE.CSS
******************************
******************************
******************************
******************************
******************************
***********************************/






/******************************
******************************
******************************
******************************
******************************
   MAIN.CSS
******************************
******************************
******************************
******************************
***********************************/



* {
    padding: 0;
    margin: 0;
}

a {
    color: #005183;
    text-decoration: none;
}


    a:hover {
        text-decoration: underline;
    }

body {
    color: #333333;
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 12px;
    text-align: left;
    padding: 10px 15px;
}

.display-none {
    display: none;
}

.small {
    color: #666;
    font-size: 12px;
}

span.ButtonNN {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    height: 2.0833em;
    line-height: 35px;
    margin: 0 6px 0 0;
    overflow: visible;
    padding: 4px 9px;
    vertical-align: middle;
    white-space: nowrap;
}

    span.ButtonNN:hover {
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border-color: #999999;
        box-shadow: 0 0 3px #999999;
        outline: 0 none;
    }


.datagrid-header {
    background-color: #627E93;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    padding: 4px 0;
}

table.DataGrid {
    border-collapse: collapse;
    border: solid 1px #F4F4F4;
}

.left {
    float: left;
}

.right {
    float: right;
}

table.DataGrid * {
    border: solid 0px #ccc;
}

table.DataGrid .datagrid-header {
    background-color: #E5E5E5;
    color: #005183;
}

table.DataGrid tr.datagrid-header td {
    padding: 10px 5px;
    border-bottom: 1px solid #CCCCCC;
}


table.DataGrid .datagrid-header a {
    color: #005183;
    text-decoration: none;
}


table.DataGrid tr {
    white-space: normal;
}

    table.DataGrid tr td {
        padding: 2px 4px;
        max-width: 300px;
        border-bottom: 1px solid #F4F4F4;
    }

table.DataGrid .up td span, table.DataGrid .up td a {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    height: 2.0833em;
    line-height: 30px;
    margin: 0 3px 0 0;
    overflow: visible;
    padding: 2px 6px;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
}

table.DataGrid .up td a {
    color: #999;
}

table.DataGrid tr.up {
    border-top: solid 1px #ccc;
}

table.DataGrid .up td span, table.DataGrid .up td a:hover {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border-color: #999999;
    box-shadow: 0 0 3px #999999;
    outline: 0 none;
    color: #333;
}

table.DataGrid > tbody > tr.parni {
    background-color: #F2F2F2;
    border-bottom: solid 1px #eee;
}

span.RecordCount {
    display: block;
    color: #666;
    text-align: right;
    padding: 0 5px;
}

    span.RecordCount span {
        font-weight: bold;
    }

.padding {
    padding: 5px 10px;
}


table.BizTable {
    border: solid 0px #eee;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}


    table.BizTable .FilterRow > td > span {
        margin: 1px; /*border:solid 1px #ccc;*/
        display: block;
        padding: 5px 10px;
    }

        table.BizTable .FilterRow > td > span > input {
            vertical-align: middle;
            display: inline-block;
        }

        table.BizTable .FilterRow > td > span > label {
            vertical-align: middle;
            display: inline-block;
        }

div.border {
    border: solid 1px #ccc;
}


.hidden {
    display: none;
}


table.Filter {
    line-height: 30px;
}


    table.Filter tr {
        color: #666;
        font-size: 1em;
        font-weight: bold;
    }

        table.Filter tr td label {
            padding-left: 5px;
        }

        table.Filter tr:nth-child(2n) {
            background-color: #F9F9F9;
        }


    table.Filter input.form-input-text {
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        padding: 3px 5px;
        color: #333;
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    }

        table.Filter input.form-input-text:focus {
            border: 1px solid #999;
            box-shadow: 0 0 3px #999999;
        }

    table.Filter .form-input-dropdown {
        color: #005183;
        font-size: 11px;
    }


    table.Filter tr td > span {
        color: #005183;
        font-weight: normal;
        padding: 0 10px 0 0;
    }


div.FormHeader {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 22px;
    border-bottom: solid 1px #ccc;
    color: #A93132;
    margin-bottom: 10px; /*box-shadow: 0 3px 4px #DDDDDD; */
    border-bottom: 2px solid #DDDDDD;
    font-size: 14px;
}

    div.FormHeader h3 {
        min-height: 22px;
    }

.ajax__tab_panel div.FormHeader h3 {
    font-size: 12px;
}


div.FormBody {
    min-height: 250px;
}


div.FormFooter {
    display: block;
    margin-top: 3px;
    border-top: solid 1px #999;
}

.FormFooter .Inner {
    border-top: solid 2px #ccc;
    padding-top: 3px;
}

.Button {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    text-decoration: none;
}


    .Button:hover {
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border-color: #999999;
        background-position: center;
        box-shadow: 0 0 3px #999999;
        outline: 0 none;
        color: #333;
    }



.ButtonTop {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url('../images/arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.Button.ButtonTop:hover {
    background-image: url('../images/arrow_up.png');
    background-image: url('../images/arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}


.BizTable div.FormHeader h3 {
    font-size: 20px;
    line-height: 45px;
}


div.HeaderInner {
    border-bottom: 1px solid #999999;
    display: block;
    width: 100%;
}

.BizTable div.FormHeader h3 a.Button {
    display: block;
    height: 35px;
    margin-right: 5px;
    margin-top: 5px;
    width: 35px;
}



    .BizTable div.FormHeader h3 a.Button span {
        text-indent: -151515px;
        display: block;
        height: 35px;
        width: 35px;
        background-image: url('../images/icons/kappfinder.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

.BizTable div.HeaderInner {
    display: block;
    width: 100%;
    border-bottom: solid 1px #999;
    min-height: 48px;
}


.BizTable div.FormHeader h3 a.Button.Postavke span {
    background-image: url('../images/icons/settings-default-applications.png');
}


.BizTable div.FormHeader h3 a.Button.Print span {
    background-image: url('../images/icons/printer.png');
}

.BizTable div.FormHeader h3 a.Button.AddFilter span {
    background-image: url('../images/icons/filter_add.png');
}


.BizTable div.FormHeader h3 a.Button.DeleteFilter span {
    background-image: url('../images/icons/filter_delete.png');
}

.BizTable div.FormHeader h3 a.Button.Reload span {
    background-image: url('../images/icons/search.png');
}


.BizTable div.FormHeader h3 span.Filter {
    display: block;
    position: relative;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    height: 45px;
    background-color: White;
}

    .BizTable div.FormHeader h3 span.Filter .FilterInner {
        border: 1px solid #C9C9C9;
        border-radius: 3px 3px 3px 3px;
        color: #444444;
        display: block;
        height: 35px;
        line-height: 35px;
        margin-bottom: 0;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
        width: 200px;
    }

        .BizTable div.FormHeader h3 span.Filter .FilterInner span {
            background-image: url("../images/icons/dropDown.gif");
            background-position: 177px center;
            background-repeat: no-repeat;
            border: 1px solid #C9C9C9;
            border-radius: 3px 3px 3px 3px;
            color: #444444;
            display: block;
            height: 25px;
            line-height: 25px;
            margin-bottom: 0;
            margin-right: 5px;
            margin-top: 5px;
            padding: 0 5px;
            width: 189px;
            overflow: hidden;
        }

            .BizTable div.FormHeader h3 span.Filter .FilterInner span:hover {
                border-color: #999999;
                box-shadow: 0 0 3px #999999;
                outline: 0 none;
            }

    .BizTable div.FormHeader h3 span.Filter:hover ul {
        display: block;
    }

.BizTable div.FormHeader h3 ul {
    background-color: White;
    border: 1px solid #C9C9C9;
    border-radius: 3px 3px 3px 3px;
    color: #444444;
    left: 6px;
    position: absolute;
    top: 39px;
    width: 199px;
    display: none;
}

    .BizTable div.FormHeader h3 ul:hover {
        border-color: #999999;
        box-shadow: 0 0 3px #999999;
        outline: 0 none;
    }


    .BizTable div.FormHeader h3 ul li {
        height: 20px;
        line-height: 20px;
        list-style: none outside none;
        margin: 3px;
        padding: 5px;
    }

        .BizTable div.FormHeader h3 ul li a.Button {
            width: 20px;
            height: 20px;
            margin: 0 0 0 4px;
        }

            .BizTable div.FormHeader h3 ul li a.Button span {
                background-image: url("../images/icons/Check.png");
                height: 16px;
                margin: 2px;
                text-indent: -151515px;
                width: 16px;
            }

            .BizTable div.FormHeader h3 ul li a.Button.Delete span {
                background-image: url("../images/icons/Delete.png");
            }

.table-normal tr td {
    padding: 3px 6px;
    text-align: left;
}
/*table tr td.col-boundfield-caption.tdNoPadding
{
    padding-left: 6px;
}

.table-normal tr td.tdNoPadding {
    
    padding-left: 18px;
}*/

table.font-bold-grey {
    width: 100%;
}
/*position: absolute; top: 50px;  */
.table-normal tr td iframe {
    background-color: white;
    border: 2px solid #DDDDDD;
    box-shadow: 5px 5px 13px #999999;
    height: 481px;
    left: 50px;
    position: fixed;
    top: 10px;
    width: 792px;
    z-index: 100;
}

    .table-normal tr td iframe.zajednicaPonuditeljaFrame {
        background-color: white;
        border: 2px solid #DDDDDD;
        box-shadow: 5px 5px 13px #999999;
        height: 570px;
        left: 0px;
        /*   position: fixed; */
        position: relative;
        top: 0px;
        width: 900px;
        z-index: 100;
    }

iframe.partnerFrame {
    background-color: white;
    border: 0px;
    box-shadow: 5px 5px 13px #999999;
    height: 570px;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 900px;
    z-index: 100;
}

.table-normal tr td span.BoundCalendar iframe {
    background-color: Transparent;
    border: 0px solid #DDDDDD;
    box-shadow: 0px 0px 0px #999999;
    height: auto;
    left: 100px;
    position: fixed;
    top: 100px;
    width: 0;
    z-index: 100;
}





table.table-main table {
    margin: 0;
    padding: 0;
}


table.table-main {
    margin: 0;
    width: 100%;
}

    table.table-main table tr td {
        margin-left: 0px;
        text-align: left;
    }

    table.table-main tr td {
        margin-left: 0px;
        text-align: left;
    }



    table.table-main .ajax__tab_xp .ajax__tab_body {
        color: #333;
        border-color: #ccc;
    }


    /*
Example CSS to use Ajax Tab control
Developed by http://www.appetere.com
April 2009
*/

    table.table-main .ajax__tab_xp .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
        margin-right: 0;
    }

    table.table-main .ajax__tab_xp .ajax__tab_header {
        font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
        font-size: 11px;
        background: none;
        border-bottom: solid 1px #ccc;
    }

    table.table-main .ajax__tab_xp .ajax__tab_outer {
        background-image: none;
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border-radius: 5px 5px 0 0;
        border-right: 1px solid #CCCCCC;
        border-top: 1px solid #CCCCCC;
        height: auto;
        margin-right: -1px;
        padding-right: 4px;
    }

    table.table-main .ajax__tab_xp .ajax__tab_inner {
        background: none repeat scroll 0 0 transparent;
        border-left: 1px solid #CCCCCC;
        border-radius: 5px 5px 0 0;
        color: #666666;
        padding-left: 3px;
    }

    table.table-main .ajax__tab_xp .ajax__tab_tab {
        background: none repeat scroll 0 0 transparent;
        font-size: 14px;
        height: auto;
        line-height: 26px;
        margin: 0;
        padding: 0 8px 0;
    }

    table.table-main .ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {
        background: none;
    }

    table.table-main .ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
        background: none;
        color: #A93132;
    }

    table.table-main .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
        background: none;
    }

    table.table-main .ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
        background-image: none;
        background-color: White;
        border-bottom: 1px solid #FFFFFF;
        margin-bottom: -1px;
    }

    table.table-main .ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
        background: none;
    }

    table.table-main .ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
        background: none repeat scroll 0 0 transparent;
        color: #005183;
        font-weight: bold;
    }



    table.table-main .ajax__tab_xp .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab. {
        color: #ccc;
        cursor: default;
    }


table.table-stavke {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    table.table-stavke table td, th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    table.table-stavke tr:nth-child(even) {
        background-color: #dddddd;
    }

.CenterCenter {
    position: fixed;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -200px;
    border: 2px solid #DDDDDD;
    box-shadow: 5px 5px 13px #999999;
    padding: 15px 20px;
}

table.form-table tr td {
    padding: 5px;
}


input {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    padding: 3px 5px;
    margin-right: 6px;
}

    input:hover, input:focus {
        border: 1px solid #999999;
        box-shadow: 0 0 3px #999999;
    }

table.font-bold-grey.Filter {
    width: auto;
}


div.TopIzbornik {
    border-bottom: solid 1px #999;
}

span.MainError {
    color: #2E7DB2;
    color: Red;
}

.KriterjZaOdabir {
    background-color: #E5E5E5;
    color: #005183;
    padding: 3px 6px;
    font-weight: bold;
    line-height: 25px;
}

.KriterijZaOdabir {
    padding: 3px 6px;
    line-height: 25px;
    background-color: #808080;
    color: #ffffff;
    font-weight: bold;
}


input.ButtonNN:hover {
    background-position: -5px -5px;
}


.table-normal tr td img {
    border: 0 solid #DDDDDD;
    display: inline-block;
    margin: 2px 0 0;
    padding: 2px;
}


textarea.form-input-white {
    background-color: white;
    background-position: 21px 28px;
    background-repeat: repeat-x;
}




table tr td.MonthHeaderStyle {
    color: #666666;
    line-height: 17px;
    padding: 5px;
    border-bottom: 1px solid #CCCCCC;
    background-color: #E5E5E5;
    color: #005183;
}

    table tr td.MonthHeaderStyle span {
        background-color: #E5E5E5;
        color: #005183;
        font-size: 12px;
    }

table tr td.DayHeaderStyle {
    background-color: #F2F2F2;
    border-bottom: 1px solid #DDDDDD;
    font-size: 11px;
    line-height: 17px;
    padding: 6px;
}

table tr td.SelectedDateStyle, table tr td.DayHeaderStyle, table tr td.WeekdayStyle, table tr td.TodayDayStyle, table tr td.OffMonthStyle, table tr td.WeekendStyle {
    font-family: Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: normal;
    padding: 4px 0;
    width: 30px;
}

table tr td.TodayDayStyle {
    background-color: #F9F9F9;
    border: 1px solid #F6F6F6;
    color: #A93132;
    margin: 2px;
}

table tr td.SelectedDateStyle {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-weight: bold;
}


table tr td.ClearDateStyle {
    border-top: solid 1px #ddd;
    background-color: #F2F2F2;
}




table tr td.OffMonthStyle, table tr td.WeekendStyle, table tr td.WeekdayStyle {
    border: solid 1px white;
}


    table tr td.TodayDayStyle:hover, table tr td.OffMonthStyle:hover, table tr td.WeekendStyle:hover, table tr td.WeekdayStyle:hover {
        border: solid 1px #ddd;
    }


.ItemHolder {
    position: relative;
}

    .ItemHolder .Background {
        background-color: Black;
        opacity: 0.5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ItemHolder .Item {
        padding: 10px 15px;
    }

table.TecajnaLista tr td {
    border: solid 0px #ccc;
    text-align: right;
}

    table.TecajnaLista tr td span {
        padding-right: 10px;
    }

    table.TecajnaLista tr td.Parni {
        background-color: #F9F9F9;
    }

table.TecajnaLista tr {
    border-bottom: solid 1px #f5f5f5;
}

    table.TecajnaLista tr:hover {
        border-bottom: solid 1px #ccc;
    }

    table.TecajnaLista tr td input.form-input-white {
        background-image: none;
        border: medium none;
        border-radius: 0 0 0 0;
        cursor: default;
        margin: 0;
    }

        table.TecajnaLista tr td input.form-input-white:hover {
            box-shadow: none;
        }


div.SluzbeniciSakrij {
    display: none;
}


.LinkButton, input.ButtonNN {
    border-color: #BB9999;
    color: #A93132;
    font-size: 15px;
    margin-top: 5px;
}

.LinkButton {
    border: 1px solid #BB9999;
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    font-weight: normal;
    padding: 4px 16px;
    zoom: 1;
}

    .LinkButton:hover {
        border-color: #cccccc;
        text-decoration: none;
        cursor: pointer;
        box-shadow: 0 0 4px #CCCCCC;
    }

.BizTable div.FormHeader h3 a.Button.Trazilica {
    width: auto;
    margin-right: 10px;
}

    .BizTable div.FormHeader h3 a.Button.Trazilica:hover {
        text-decoration: none;
    }


    .BizTable div.FormHeader h3 a.Button.Trazilica span {
        background-position: 3px center;
        font-size: 18px;
        font-weight: normal;
        line-height: 35px;
        padding-left: 40px;
        padding-right: 8px;
        text-indent: 0;
        width: auto;
    }


.NadmetanjaIzbornikGore {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
    padding: 15px;
}

    .NadmetanjaIzbornikGore ul {
        display: inline-block;
        list-style: none;
    }

        .NadmetanjaIzbornikGore ul li {
            display: block;
            float: left;
            list-style: none;
            margin-bottom: 16px;
            margin-left: 10px;
        }


a.PreglediTraziButton {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #BB9999;
    border-radius: 4px 4px 4px 4px;
    color: #A93132;
    display: block;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 3px;
    margin-left: 122px;
    padding: 3px 0;
    text-align: center;
    width: 142px;
}

    a.PreglediTraziButton:hover {
        text-decoration: none;
        box-shadow: 0 0 5px #BBBBBB;
    }

span.UpozorenjeActivation {
    background-image: url("../Images/ico-warning.gif");
    background-repeat: no-repeat;
    display: block;
    margin: 10px;
    padding-left: 35px;
}

span.InfoActivation {
    background-image: url("../Images/icons/info.png");
    background-repeat: no-repeat;
    display: block;
    margin: 10px;
    padding-left: 35px;
}

div.CenterPageBig {
    margin: 0 auto;
    max-width: 800px;
    min-width: 400px;
    padding: 0 10px;
}

    div.CenterPageBig h4 {
        color: #005183;
        margin: 15px 0;
    }

    div.CenterPageBig ul {
        margin-left: 20px;
    }

        div.CenterPageBig ul li {
            background-image: url("../images/icons/arrow.gif");
            background-position: 2px 6px;
            background-repeat: no-repeat;
            display: block;
            list-style: none outside none;
            padding: 2px 3px 3px 16px;
        }

    div.CenterPageBig b {
        color: #A93132;
        display: block;
        margin-top: 5px;
        margin-left: 10px;
    }

table.Billing > tbody > tr > td {
    border-bottom: 1px dotted #F4F4F4;
    min-width: 300px;
    padding: 3px 5px;
}

    table.Billing > tbody > tr > td .label {
        font-weight: bold;
    }


table.Billing h4 {
    font-size: 15px;
    color: #005183;
}


table.Billing.Transakcija {
    border-bottom: solid 1px #ccc;
}

.PopupCenter {
    position: fixed;
    top: 100px;
    left: 100px;
}


span#uiContextMenu > div {
    left: -3000px;
    top: -3000px;
    position: absolute;
}


div.uIzradi {
    background-image: url("../images/izrada.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    width: 100%;
}

.p p {
    margin: 5px 10px;
}

/******************************
******************************
******************************
******************************
   END --- MAIN.CSS
******************************
******************************
******************************
******************************
***********************************/




/******************************
******************************
******************************
******************************
******************************
******************************
   WIZARD.CSS
******************************
******************************
******************************
******************************
***********************************/

body .table-normal {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 100%;
}



.clear {
    clear: both;
}




div.Idom3Wizard .Idom3WizardHead {
    padding: 10px 20px;
    color: #333;
    font-size: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    background-attachment: scroll;
    background-image: url("../Images/form_bg-title.gif");
    background-position: right top;
    background-repeat: no-repeat;
    color: #333333;
    font-size: 17px;
    font-weight: bold;
    height: 42px;
    text-align: left;
    vertical-align: middle;
}

div.Idom3Wizard {
position:relative;
}

div.Idom3Wizard div.Idom3WizardIzbornik {
    width: 275px;
}

    div.Idom3Wizard div.Idom3WizardIzbornik .Inner {
        border: 1px solid #DDDDDD;
        padding: 5px 0;
    }

        div.Idom3Wizard div.Idom3WizardIzbornik .Inner .done {
            background-image: url("../Images/icons/em-check.png");
            background-repeat: no-repeat;
            display: block;
            float: right;
            height: 16px;
            margin: 5px 10px 0 0;
            width: 16px;
        }

        div.Idom3Wizard div.Idom3WizardIzbornik .Inner .active {
            background-image: url("../Images/icons/em-check-red.png");
            background-repeat: no-repeat;
            display: block;
            float: right;
            height: 16px;
            margin: 5px 10px 0 0;
            width: 16px;
        }

        div.Idom3Wizard div.Idom3WizardIzbornik .Inner a {
            color: #993333 !important;
            text-decoration: none !important;
            font-size: 12px;
            text-transform: none;
            display: block;
            float: left;
        }

    div.Idom3Wizard div.Idom3WizardIzbornik .TreeItem {
        clear: both;
        display: block;
        margin: 0;
        padding: 0;
        width: 250px;
    }

    div.Idom3Wizard div.Idom3WizardIzbornik .Inner td {
        width: 0px;
    }


    div.Idom3Wizard div.Idom3WizardIzbornik .Inner tbody, div.Idom3Wizard div.Idom3WizardIzbornik .Inner table {
        margin: 0;
        padding: 0;
        width: 100%;
    }


        div.Idom3Wizard div.Idom3WizardIzbornik .Inner table tr {
            color: #993333;
        }

    div.Idom3Wizard div.Idom3WizardIzbornik h2 {
        color: #666666;
        font-size: 13px;
        font-weight: bold;
        margin: 0;
        padding: 10px 0 10px 20px;
        text-align: left;
        text-transform: uppercase;
        vertical-align: top;
    }

.small {
    color: #666;
    font-size: 12px;
}


    .small .stepCurrent {
        color: #993333;
    }

div.Idom3Wizard .Idom3WizardBody {
    display: block;
    margin-left: 285px;
    width: auto;
}

.Idom3WizardBody > table {
    width: 100%;
}

div.Idom3WizardBottom {
    margin-bottom: 60px;
}

div.Idom3WizardEmpty {
    height: 18px;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}


div.wizardTitle {
    border-bottom: 1px solid #DDDDDD;
    color: #005183;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}

div.wizardInfo {
    border-top: 1px solid #DDDDDD;
    color: #005183;
    text-align: left;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 30px;
    text-align: left;
    color: #333333;
}


div.wizardTitle div.Inner {
    border-bottom: 1px solid #999;
}

div.Idom3WizardBody > table > tbody > tr > td {
    width: 100%;
}


div.Idom3WizardButton {
    text-align: left;
}

    div.Idom3WizardButton input {
        background-image: url("../Images/arrow_next.png");
        background-position: 105px center;
        background-repeat: no-repeat;
        border: 1px solid #999999;
        color: #666666;
        margin: 10px 15px;
        padding: 5px 30px 5px 10px;
        width: 130px;
    }


        div.Idom3WizardButton input:hover {
            border-color: #888;
        }

        div.Idom3WizardButton input.Prethodni {
            background-image: url("../Images/arrow_prev.png");
            background-position: 5px center;
            margin-right: 0;
            padding: 5px 10px 5px 30px;
        }


div.Idom3WizardBody .col-boundfield-caption {
    font-weight: normal;
    padding-left: 20px;
    padding-right: 10px;
    text-align: left;
    width: 558px;
}
td.col-boundfield-caption {
    vertical-align:top;
}

div.Idom3WizardBody .col-boundfield-caption.noPadding {
    padding-left: 14px;
width: 570px;
}

div.Idom3WizardBody .col-boundfield-control {
    width: 320px;
    height: 25px;
    text-align: left !important;
    white-space:nowrap;
}
/*div.Idom3WizardBody .col-boundfield-value-narrow {
    width: 250px;
    height: 25px;
    text-align: left !important;
}*/


    div.Idom3WizardBody .col-boundfield-control textarea {
        width: 250px !important;
        /*height: 45px;*/
    }

input[type="radio"], label {
    vertical-align: middle;
}


/*

div.Idom3WizardBody .col-boundfield-control textarea{
    width:400px !important;
    height:30px;
}


div.Idom3WizardBody .col-boundfield-control select,
div.Idom3WizardBody .col-boundfield-control textarea,
div.Idom3WizardBody .col-boundfield-control input[type="text"],
div.Idom3WizardBody .col-boundfield-control input[type="text"]
{
    width:350px !important;
}
div.Idom3WizardBody .col-boundfield-control input[type="checkbox"]{
    width:20px;
    height:20px;
}

    */

ul.Summary {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

    ul.Summary li {
        list-style: none;
        margin: 0 0 10px;
        padding: 10px;
    }

        ul.Summary li h1.Head {
            margin: 0 0 5px;
            padding: 0 10px;
            border-bottom: solid 1px #ccc;
            color: #005183;
            font-size: 16px;
        }

        ul.Summary li .SummaryFormat {
            color: #BE0B04;
            margin-bottom: 4px;
            padding: 3px 11px;
        }

            ul.Summary li .SummaryFormat:nth-child(odd) {
                background-color: #E5E5E5;
            }

            ul.Summary li .SummaryFormat span {
                color: #666;
            }





body table td table.table-normal:parent {
    padding: 0;
}

.Idom3WizardIzbornik table tr td.selected, .TreeItem.selected {
    font-weight: bold;
}

div.Idom3Wizard div.Idom3WizardIzbornik .TreeItem.level1 {
    margin-left: 20px;
    max-width: 230px;
}
div.Idom3Wizard div.Idom3WizardIzbornik .TreeItem.level1 a {
    max-width: 200px;
}
div.Idom3Wizard div.Idom3WizardIzbornik .Inner > div > div > table tr td {
    padding: 0;
}


/* TABLE DIFFERENCE */
table.Difference {
    border-collapse: collapse;
    /*table-layout: fixed;*/
    overflow: auto;
}

    table.Difference th, table.Difference td {
        padding: 5px 8px;
        margin: 0;
        border: solid 0px #ccc;
    }

    table.Difference th {
        background-color: #F2F2F2;
        border-bottom: 1px solid #BBBBBB;
        color: #005183;
    }

    table.Difference tr {
        border-bottom: solid 1px #e4e4e4;
    }

    table.Difference .Parni {
        background-color: #F7F7F7;
    }

    table.Difference input.Brisanje {
        background-image: url("../images/icons/delete.png");
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 25px;
        text-indent: -101010px;
        width: 25px;
    }

    table.Difference input.Update {
        background-image: url("../images/icons/update_icons/update-16.png");
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 25px;
        text-indent: -101010px;
        width: 25px;
    }


    table.Difference td.col-action, th.col-action
    {
        text-align:left;
        width: 70px;
    }
    table.Difference td.col-status, th.col-status
    {
        width: 50px;
       
    }
    table.Difference td.col-status
    {
        text-align:center;
    }
    table.Difference td.col-evid-br-nabave, th.col-evid-br-nabave
    {
        text-align:left;
        width: 50px;
    }
    table.Difference td.col-predmet-nabave
    {
        text-align:left;
        width: 160px;
        min-width: 160px;
    }
    table.Difference td.col-cpv, th.col-cpv
    {
        width: 70px;
    }
    table.Difference td.col-cpv
    {
        text-align:center;
    }
    table.Difference td.col-proc-vrijednost, th.col-proc-vrijednost
    {
        width: 120px;
    }
    table.Difference td.col-proc-vrijednost
    {
        text-align:right;
    }
    table.Difference td.col-vrsta-postupka, th.col-vrsta-postupka
    {
        text-align:left;
        width: 180px;
        min-width: 160px;
    }
    table.Difference .col-posebni-rezim-nabave
    {
        text-align:left;
        width: 120px;
    }
    table.Difference td.col-podjela-na-grupe,th.col-podjela-na-grupe
    {
        width: 80px;
    }
    table.Difference td.col-podjela-na-grupe
    {
        text-align:center;
    }
    table.Difference .col-nacin-nabave
    {
        text-align:left;
        width: 120px;
    }
    table.Difference .col-planirani-pocetak
    {
        text-align:left;
        width: 120px;
    }
    table.Difference .col-planirano-trajanje
    {
        text-align:left;
        width: 120px;
    }
    table.Difference .col-planirano-trajanje
    {
        text-align:left;
        width: 120px;
    }
    table.Difference .col-napomena
    {
        text-align:left;
        width: 180px;
    }
    table.Difference th.col-vrijedi-od
    {
        text-align:left;
        width: 120px;
    }
    table.Difference th.col-vrijedi-do
    {
        text-align:left;
        width: 120px;
    }

    table.Difference td.col-vrijedi-od
    {
        text-align:center;
        width: 120px;
    }
    table.Difference td.col-vrijedi-do
    {
        text-align:center;
        width: 120px;
    }
    table.Difference th.col-datumUnosa
    {
        text-align:left;
        width: 120px;
    }

    table.Difference td.col-datumUnosa
    {
        text-align:center;
        width: 120px;
    }


      .Difference.sortedTable th {
            border-right:1px solid #ccc;
        }
        .Difference.sortedTable th.col-sort {
            padding-left:24px;
        }
        .sorted_asc, .sorted_desc {
            position:relative;
        }
        .sorted_asc i, .sorted_desc i {
            margin-top:3px;
            margin-left:-22px;
            width:20px;
            display: block;
            position:absolute;
            height:10px;
            background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFqSURBVDhPzZVNToUwFIX5VVfADowbcIIwcGZiolEUnepK2Idx/owxzDTRREf8zBwyM87ZwFMDfZ7S8l6BUtGRJyHce9t+uXAK1aMoMoqi0LURxXF8QAi5RkgMw7gIguCRjcilh2FolmUpBSZJcgjYDOEaq2gfgJ76vi+FOo6zMHg8kARGtYHaHcb2eD6QFMhhNwhFWCsldAAUOrNZRapRaAf4Q2d9SaFLYJqmHoepOuurgWLtNs9XLud5vllV1Qmt4VrweysxpzFVmxPLsm5d132nLiu3zW+l3DZ/1f8HLt9hlmVbMOWM1tiQ0ggxJ7Ztz2DKW8cUWL9T1/UTJqw3U6drbprmrud5rx1TUMjw4Z8j/GSVSZpjzTGF8bz7DvEXuccE+thToA0Ma5553mhgCiY8TOiUwo76MCqpy0KnX6zSUQt74XlHo9uGdxoiFDtVwqgal3ksFY6AffwArhDSI+ASR8DgMVfStG8MfLQrrW12lQAAAABJRU5ErkJggg==');
            background-repeat: no-repeat;
        }
        .sorted_asc i {
            background-position-y: top;
        }
        .sorted_desc i {
            background-position-y: bottom;
        }

a.CloseButton {
    background-image: url("../images/icons/close.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #666666;
    border-radius: 4px 4px 4px 4px;
    color: #000000;
    display: block;
    float: right;
    height: 20px;
    margin-right: 10px;
    margin-top: -30px;
    text-decoration: none;
    text-indent: -151515px;
    width: 20px;
}

.PopupCenter {
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    position: fixed;
    top: 50%;
}

.PopUpOver {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #666;
}

span.BoundCalendar > div {
    top: auto !important;
}

    span.BoundCalendar > div > iframe {
        display: none !important;
        visibility: hidden;
    }

body .AuctionInitalBid .table-normal {
    width: 910px;
}

.WatermarkLeftBlue {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    text-align: left;
    background-color: #F0F8FF;
    color: #BABABA;
    background: #F0F8FF;
}

.WatermarkRightBlue {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    text-align: right;
    background-color: #F0F8FF;
    color: #BABABA;
    background: #F0F8FF;
}

.WatermarkLeftRed {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    text-align: left;
    background-color: #F2ACAC;
    color: #FFFFFF;
    background: #F2ACAC;
}

.WatermarkRightRed {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 5px;
    text-align: right;
    background-color: #F2ACAC;
    color: #FFFFFF;
    background: #F2ACAC;
}

.callout {
    display: inline;
    position: absolute;
    background-color: #444;
    color: white;
    background-image: -moz-linear-gradient(top, #444, #444);
    padding: 6px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px #999;
    margin: 0 10px;
    border: 1px solid #333;
    text-shadow: 0 0 1px #000;
    z-index: 10;
}

    .callout.radioCallout {
        margin: 110px;
        margin-top: 15px;
    }

    .callout:hover {
        z-index: 900;
        cursor: default;
    }

    .callout::before {
        content: "";
        width: 0px;
        height: 0px;
        border: 0.8em solid transparent;
        position: absolute;
    }

    .callout.left::before {
        right: -18px;
        top: 30%;
        border-left: 10px solid #444;
    }

    .callout.right::before {
        left: -15px;
        top: 15%;
        border-right: 10px solid #444;
    }


/******************************
******************************
******************************
******************************
******************************
   END --- WIZARD.CSS
******************************
******************************
******************************
***********************************/




























.outline_alle {
    border: 0px solid #CCCCCC;
}


body {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}


h1 {
    color: #53617C;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}


    h1.Title {
        color: #53617C;
        font-family: ms trebuchet,Arial,Helvetica,Sans-Serif;
        font-size: 19px;
        font-weight: normal;
        line-height: 18px;
        margin: 0;
        vertical-align: middle;
        padding-left: 10px;
    }

div.Neprocitane {
    background-color: transparent;
    background-image: url("../Images/icons/neprocitane.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 39px;
    position: relative;
    width: 51px;
}

    div.Neprocitane span {
        background-color: #BE0B04;
        border-radius: 3px 3px 3px 3px;
        color: white;
        font-size: 12px;
        padding: 1px 6px;
        position: absolute;
        right: 1px;
        top: 1px;
    }

div.NarodneNovine {
    min-width: 980px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.padding {
    padding: 10px 15px;
}

.marginRight {
    margin-right: 10px;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
    display: block;
}

.form_bg_titel {
    background-color: #F8F8F8;
    border-bottom: 1px solid #CCCCCC;
    color: #005183;
    font-size: 17px;
}

    .form_bg_titel h3 {
        padding: 0 10px;
        line-height: 40px;
        color: #BE0B04;
    }

div.ButtonLists {
    background-color: #DEDEDE;
}

.ButtonNN {
    background-color: #E4E4E4;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    height: 26px;
    margin: 2px 0;
    padding: 3px 13px;
}


    .ButtonNN.Trazi {
        background-image: url("../Images/icon-search.png");
        background-position: right center;
        background-repeat: no-repeat;
        border-color: #CCCCCC;
        border-radius: 0 0 0 0;
        font-size: 14px;
        margin: 2px 0;
        padding: 4px 30px 4px 4px;
    }

        .ButtonNN.Trazi:hover {
            border: 1px solid #bbb;
            background-position: right center;
        }

.InputNN {
    background-color: white;
    border: 1px solid #CCCCCC;
    color: #333;
    margin: 2px 0px 2px 2px;
    padding: 3px;
}

.Pretraga.InputNN {
    border-radius: 0 0 0 0;
    border-right-width: 0;
    display: block;
    height: 18px;
    width: 545px;
}

a.ButtonNN:hover {
    color: #333;
    border-color: #888;
}

div.Filter {
    background-color: #eee;
}

    div.Filter label {
        cursor: pointer;
        margin-right: 10px;
    }

div.MessageBody {
    border-top: solid 1px #ccc;
}

div.MessageBodyIzbornik {
    width: 180px;
}

    div.MessageBodyIzbornik h4 {
        color: #53617C;
        margin: 3px 0;
    }


    div.MessageBodyIzbornik ul li a.selected {
        font-weight: bold;
    }

div.MessageBodyPoruke {
    border-left: 1px solid #CCCCCC;
    min-width: 779px;
    width: auto;
}

    div.MessageBodyPoruke.noborder {
        border: solid 0px;
    }

    div.MessageBodyPoruke div.Filter {
        display: block;
        border-bottom: solid 1px #ccc;
    }

    div.MessageBodyPoruke div.Pregledi {
        /* width: 554px; */
        width: auto;
    }


        div.MessageBodyPoruke div.Pregledi table {
            width: 100%;
        }

            div.MessageBodyPoruke div.Pregledi table td, div.MessageBodyPoruke div.Pregledi table th {
                padding: 5px 10px;
                text-align: left;
            }

            div.MessageBodyPoruke div.Pregledi table .Header {
                background-color: #F3F3F3;
                color: #005183;
            }


                div.MessageBodyPoruke div.Pregledi table .Header span {
                    display: block;
                    float: left;
                    font-weight: bold;
                    width: 83px;
                }

            div.MessageBodyPoruke div.Pregledi table input {
                padding: 0;
                margin: 0;
            }


            div.MessageBodyPoruke div.Pregledi table tr.Parni {
                background-color: #eee;
            }

                div.MessageBodyPoruke div.Pregledi table tr.Otvorena, div.MessageBodyPoruke div.Pregledi table tr.Parni.Otvorena {
                    background-color: #DDDDDD;
                    font-weight: bold;
                }

    div.MessageBodyPoruke div.Poruka {
        background-color: White;
        border-left: 1px solid #CCCCCC;
        max-height: 800px;
        min-height: 400px;
        overflow: auto;
        padding: 5px;
        width: 214px;
    }

        div.MessageBodyPoruke div.Poruka h2 {
            border-bottom: 1px solid #CCCCCC;
            color: #BE0B04;
            font-size: 15px;
            margin: 0 0 3px;
            padding: 3px;
            text-decoration: none;
        }


        div.MessageBodyPoruke div.Poruka h3 {
            color: #999999;
            font-size: 12px;
            margin: 0 0 5px;
            padding: 0 3px;
            text-decoration: none;
        }

            div.MessageBodyPoruke div.Poruka h3 span {
                color: #666;
            }


     

    div.MessageBodyPoruke div.Pregledi .Pager ul {
        display: block;
        margin: 5px 0;
        padding: 0;
    }

        div.MessageBodyPoruke div.Pregledi .Pager ul li {
            float: left;
            display: block;
        }

            div.MessageBodyPoruke div.Pregledi .Pager ul li a {
                border: 1px solid #CCCCCC;
                color: #666666;
                display: block;
                font-weight: bold;
                margin: 3px;
                padding: 5px 13px;
                text-decoration: none;
            }

                div.MessageBodyPoruke div.Pregledi .Pager ul li a:hover {
                    border: 1px solid #aaa;
                    color: #333;
                }

                div.MessageBodyPoruke div.Pregledi .Pager ul li a.active {
                    background-color: #e3e3e3;
                    color: #666;
                    border: 1px solid #bbb;
                }


.MessageBody a {
    color: #BE0B04;
    display: block;
    float: left;
    text-decoration: none;
}

    .MessageBody a.popup {
        background-image: url("../Images/icons/newWindow.gif");
        display: block;
        float: right;
        height: 16px;
        margin-top: -3px;
        overflow: hidden;
        text-indent: -100000px;
        width: 16px;
    }

    .MessageBody a:hover {
        color: #333;
        text-decoration: underline;
    }

div.ModalPoruka {
    background-color: #FFFFFF;
    border: 1px solid #BBBBBB;
    box-shadow: 0 0 27px #666666;
    left: 121px;
    position: absolute;
    right: 121px;
    top: 64px;
}

    div.ModalPoruka div.Header {
        background-attachment: scroll;
        background-color: #FDFDFD;
        background-position: right top;
        background-repeat: no-repeat;
        border-bottom: 1px solid #999999;
        margin: 0;
        padding: 0;
        width: 100%;
    }

        div.ModalPoruka div.Header h2 {
            color: #005183;
            font-size: 19px;
            font-weight: normal;
            margin: 0;
            padding: 5px 10px;
        }

        div.ModalPoruka div.Header .Close a {
            background-color: #F4F4F4;
            background-image: url("../Images/icons/close.gif");
            background-position: center center;
            background-repeat: no-repeat;
            border: 1px solid #CCCCCC;
            display: block;
            height: 21px;
            margin-right: 3px;
            margin-top: 3px;
            overflow: hidden;
            text-indent: -151515px;
            width: 21px;
        }

            div.ModalPoruka div.Header .Close a:hover {
                border: 1px solid #aaa;
            }

    div.ModalPoruka .PorukaInner {
        border-top: 2px solid #CCCCCC;
        display: block;
        padding: 5px 10px;
        width: auto;
        position: relative;
    }


    div.ModalPoruka .PorukaBody {
        border-bottom: 1px dotted #DDDDDD;
        margin: 0 0 3px;
        padding: 0 0 3px;
        width: 100%;
    }

    div.ModalPoruka .PorukaBottom {
        bottom: 0;
        height: 35px;
        left: 5px;
        position: absolute;
        right: 0;
        padding: 0 5px;
    }


    div.ModalPoruka .PorukaHead {
        border-bottom: 1px dotted #DDDDDD;
        margin: 0 0 3px;
        padding: 0 0 3px;
        width: 100%;
        font-size: 15px;
    }

        div.ModalPoruka .PorukaHead .Poslao {
            color: #BE0B04;
        }


    div.ModalPoruka .PorukaBody {
        margin-bottom: 40px;
        max-height: 1500px;
        min-height: 203px;
        overflow: auto;
    }

    div.ModalPoruka .PorukaBottom label, div.ModalPoruka .PorukaHead label {
        width: 75px;
        color: #999;
        display: block;
    }


div.NNLogo {
    background-image: url("../Images/narodne_novine_logo.png");
    background-position: right center;
    background-repeat: no-repeat;
    height: 81px;
    margin: 0;
    padding: 0;
    width: 100%;
}

    div.NNLogo h1 {
        color: #53617C;
        font-family: ms trebuchet,Arial,Helvetica,Sans-Serif;
        font-size: 19px;
        font-weight: normal;
        line-height: 18px;
        margin: 0;
        padding: 29px 0 0 23px;
        vertical-align: middle;
        width: 383px;
    }

.border-top {
    border-top: solid 1px #ccc;
}

a.PretragaLink {
    background-color: #EEEEEE;
    background-image: url("../Images/icon-search.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    color: #53617C;
    display: block;
    font-weight: normal;
    height: 19px;
    margin: 6px 10px;
    padding: 4px;
    text-decoration: none;
    width: 160px;
}


span.MojaNadmetanja {
    background-image: url("../Images/icons/yStar.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding-right: 17px;
}

span.PosaljiNaMail {
    background-image: url("../Images/icons/mail.png");
    background-position: center center;
    background-repeat: no-repeat;
    padding-right: 17px;
}


a.PosaljiNaMail:hover, a.MojaNadmetanja:hover, a.TopTop:hover, a.PretragaLink:hover {
    border: solid 1px #aaa;
    color: #333;
}


.border {
    border: solid 1px #ccc;
}

a.TopTop {
    background-color: #EEEEEE;
    background-image: url("../Images/arrow_up.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 27px;
    margin: 6px 9px;
    text-indent: -100000px;
    width: 27px;
}


div.PreglediDokumenata {
    padding: 5px 0px;
}

div.DatumObjave {
    margin-bottom: 15px;
}

.border-bottom {
    border-bottom: solid 1px #ccc;
}


div.DatumObjave h1.Header {
    color: #005183;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

    div.DatumObjave h1.Header a {
        background-image: url("../Images/arrow_up2.gif");
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        height: 25px;
        text-indent: -100000px;
        width: 26px;
    }


        div.DatumObjave ul li a.PlusMinus, div.DatumObjave h1.Header a.PlusMinus {
            background-image: url("../Images/plusMinus.gif");
            background-position: 0 -16px;
            display: block;
            height: 16px;
            margin-top: 5px;
            text-indent: -10000px;
            width: 16px;
            cursor: pointer;
        }


            div.DatumObjave ul li a.PlusMinus.Plus, div.DatumObjave h1.Header a.PlusMinus.Plus {
                background-position: 0 0;
            }

    div.DatumObjave h1.Header span {
    }


div.DatumObjave ul {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;
}

    div.DatumObjave ul ul {
        padding-left: 40px;
    }

    div.DatumObjave ul li {
        list-style: none;
        text-align: left;
    }

        div.DatumObjave ul li h2 {
            background-image: url("../Images/list-image.jpg");
            background-position: left center;
            background-repeat: no-repeat;
            color: #BE0B04;
            font-size: 17px;
            font-weight: normal;
            margin: 0 0 0 5px;
            padding: 2px 0 2px 16px;
        }

        div.DatumObjave ul li ul li a {
            font-size: 12px;
            text-decoration: none;
        }

            div.DatumObjave ul li ul li a.popup {
                background-image: url("../images/icons/newWindow.gif");
                background-position: center top;
                background-repeat: no-repeat;
                display: inline-block;
                height: 20px;
                margin-top: -3px;
                text-indent: -151515px;
                width: 20px;
            }

            div.DatumObjave ul li ul li a:hover {
                text-decoration: underline;
            }

        div.DatumObjave ul li ul li {
            background-image: url("../Images/arrow_list2.gif");
            background-position: 0 center;
            background-repeat: no-repeat;
            clear: both;
            display: block;
            list-style: none outside none;
            padding-left: 9px;
        }


.PreglediDokumenata .bold {
    color: #A93132;
    width: 180px;
}



.PreglediDokumenata td {
    border-bottom: 1px dotted #f5f5f5;
}

table.TableObjave {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%;
}


    table.TableObjave thead tr {
        background-color: #F8F8F8;
        color: #333333;
        font-weight: bold;
    }

        table.TableObjave thead tr th {
            border-bottom: 1px solid #F4F4F4;
            color: #005183;
            min-width: 150px;
            padding: 5px 10px;
            text-align: left;
        }

    table.TableObjave tr {
        background-color: #FBFBFB;
        font-weight: normal;
    }

        table.TableObjave tr.Parna {
            background-color: Transparent;
        }

        table.TableObjave tr td {
            padding: 5px 10px;
            text-align: left;
            vertical-align: top;
            min-width: 100px;
        }

h1.Obavjest {
    color: #BE0B04;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.BottomButtons {
    margin-top: 10px;
}

div.IzbornikLijevoHolder {
    width: 25%;
    min-height: 300px;
    float: left;
    margin: 0;
    padding: 0;
}

div.Nadmetanja div.NadmetanjaBody {
    float: left;
    border-left: solid 1px #ccc;
    min-height: 400px;
    width: 74%;
    margin: 0;
    padding: 0;
}


div.NadmetanjaIzbornik {
    padding: 10px;
}


    div.NadmetanjaIzbornik ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        div.NadmetanjaIzbornik ul li {
            list-style: none;
            padding-left: 20px;
            /*background-repeat: no-repeat;
    background-image: url('../Images/treeview-default-line.gif');*/
        }


            div.NadmetanjaIzbornik ul li div.Open {
                background-image: url("../Images/menu-item.png");
                cursor: pointer;
                display: block;
                float: left;
                height: 16px;
                margin-left: -10px;
                margin-top: 2px;
                text-indent: -1000px;
                width: 16px;
                background-repeat: no-repeat;
            }

                div.NadmetanjaIzbornik ul li div.Open.Close {
                    background-image: url("../Images/menu-item.png");
                }


            div.NadmetanjaIzbornik ul li.last {
                /*background-position: 0 -1766px;*/
            }

            div.NadmetanjaIzbornik ul li a {
                /*background-image: url("../images/menu-item.png");
    background-repeat: no-repeat;*/
                color: #BE0B04;
                font-size: 13px;
                line-height: 20px;
                padding-left: 5px;
                text-decoration: none;
            }

                div.NadmetanjaIzbornik ul li a.Open {
                    /*background-image: url("../images/menu-item.png");*/
                }


                div.NadmetanjaIzbornik ul li a.selected {
                    font-weight: bold;
                }

        div.NadmetanjaIzbornik ul ul li a {
            color: #000099;
            background-image: url("../images/dot.png");
            padding-left: 10px;
            background-repeat: no-repeat;
        }

        div.NadmetanjaIzbornik ul ul li {
        }


div.NadmetanjeOznake label {
    float: left;
    width: 220px;
    font-weight: bold;
}

.bold {
    font-weight: bold;
}


div.ColapseItem {
    border: medium none;
    margin: 10px 0 15px;
    padding: 0;
    width: 100%;
}

div.ColapseItemInner {
    display: block;
    margin: 5px 10px;
    padding: 0;
}

    div.ColapseItemInner h2.Header {
        margin: 0;
        padding: 5px 10px;
        color: #005183;
        font-size: 19px;
        font-weight: normal;
        border-bottom: 0px solid #999999;
    }


    div.ColapseItemInner a.PlusMinus2 {
        background-image: url("../Images/plusMinus.gif");
        background-position: 0 -16px;
        cursor: pointer;
        display: block;
        height: 16px;
        margin-right: 10px;
        margin-top: 10px;
        text-indent: -10000px;
        width: 16px;
    }

        div.ColapseItemInner a.PlusMinus2.Plus {
            background-position: 0 0;
        }



    div.ColapseItemInner.border {
        border: none;
    }

    div.ColapseItemInner div.ShowHide {
        padding: 5px 10px;
        /*max-height: 400px; */
        overflow: auto;
        border-top: solid 2px #ccc;
    }


ul.Summary {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.Summary li {
        list-style: none;
        margin: 0 0 10px;
        padding: 10px;
    }

        ul.Summary li h1.Head {
            margin: 0 0 5px;
            padding: 0 10px;
            border-bottom: solid 1px #ccc;
            color: #005183;
            font-size: 16px;
        }

        ul.Summary li .SummaryFormat {
            color: #BE0B04;
            margin-bottom: 4px;
            padding: 3px 11px;
        }

            ul.Summary li .SummaryFormat:nth-child(odd) {
                background-color: #E5E5E5;
            }

            ul.Summary li .SummaryFormat span {
                color: #666;
            }

div.PregledDokumenata {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 0px;
}

    div.PregledDokumenata .Header {
        margin-bottom: 0px;
        min-height: 1%;
    }

        div.PregledDokumenata .Header h3 {
            padding: 3px;
            margin: 0 0 3px;
        }

            div.PregledDokumenata .Header h3 a {
                color: #BE0B04 !important;
                text-decoration: none;
            }

                div.PregledDokumenata .Header h3 a:hover {
                    color: Red;
                }

        div.PregledDokumenata .Header h4 {
            color: #666666;
            font-size: 11px;
            margin: 0 0 3px;
            padding: 0 3px;
        }

            div.PregledDokumenata .Header h4 span {
                color: #999;
            }

    div.PregledDokumenata a.Info {
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border: 1px solid #BBBBBB;
        border-radius: 3px 3px 3px 3px;
        color: #888888;
        float: left;
        font-size: 0.9em;
        font-style: normal;
        margin-right: 6px;
        margin-top: 6px;
        padding: 6px 11px;
        text-decoration: none;
    }

    div.PregledDokumenata div.LinkButtons input {
        border: 1px solid #BBBBBB;
        color: #888888;
        float: left;
        font-size: 0.9em;
        font-style: normal;
        margin-right: 8px;
        margin-top: 2px;
        padding: 5px 8px;
        background-color: #EDEDED;
        text-decoration: none;
    }

    div.PregledDokumenata div.LinkButtons div {
        float: left;
    }

    div.PregledDokumenata a.Info:hover {
        border: 1px solid #999;
        color: #666;
        box-shadow: 0 0 3px #999999;
    }

    div.PregledDokumenata div.DokumenataInfoItem label {
        color: #555555;
        display: block;
        float: left;
        font-weight: bold;
        line-height: 35px;
        padding-left: 0px;
        width: 100px;
    }

    div.PregledDokumenata div.DokumenataInfoItem {
        margin-bottom: 0px;
    }

.Parni.Dokument {
    margin-bottom: 5px;
}

.NeParni.Dokument {
    /*border-bottom: solid 1px #ccc;
     margin-top: 5px;
   margin-bottom: 5px;*/
}

div.PregledDokumenata .Prilozi .Parni {
    padding: 5px;
}

div.PregledDokumenata .Prilozi div.PregledDokumenata div.DokumenataInfoItem label {
    width: 80px;
}

div.PregledDokumenata div.DokumenataInfoItem .LinkButtons.left.md5 span {
    line-height: 15px;
    color: green;
}

div.PregledDokumenata .Prilozi div.PregledDokumenata .Header h3 a {
    color: #005183;
    font-size: 15px;
    font-weight: normal;
}

div.PregledDokumenata .Prilozi .Neparni {
    padding: 5px;
    margin-top: 25px;
}

div.PregledDokumenata div.DokumenataInfoItem {
}

div.PregledDokumenata .Prilozi .DodajDokumentFooter {
    padding-top: 10px;
}

div.PregledDokumenata .Prilozi .PreostaloDokumenataFooter {
    padding-top: 5px;
    color: #A93132;
    font-size: 15px;
    clear: both;
}



div.AjaxFileUpladByToni {
    border: 1px solid #CCCCCC;
    display: block;
    padding: 3px;
    width: 270px;
    position: relative;
    height: 20px;
    margin-right: 5px;
    border-radius: 3px 3px 3px 3px;
}

    div.AjaxFileUpladByToni a.Browse {
        background-color: #EEEEEE;
        background-image: url("../Images/Folder3.png");
        background-position: right center;
        background-repeat: no-repeat;
        border-radius: 3px 3px 3px 3px;
        border: 1px solid #CCCCCC;
        color: #666666;
        display: block;
        margin: 0;
        padding: 2px 24px 2px 7px;
        text-decoration: none;
        cursor: pointer;
    }


        div.AjaxFileUpladByToni a.Browse:hover {
            border-color: #888;
            color: #333;
        }

div.AjaxFileUplad a.Save {
    background-color: #EEEEEE;
    background-image: url("../Images/icons/Save.png");
    background-position: 93% center;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #CCCCCC;
    color: #666666;
    cursor: pointer;
    display: block;
    margin: 2px 4px 2px 2px;
    padding: 4px 24px 2px 7px;
    text-decoration: none;
    height: 16px;
}

    div.AjaxFileUplad a.Save:hover, div.AjaxFileUpladByToni a.Browse:hover {
        border-color: #888;
        color: #333;
    }

div.AjaxFileUplad div.Save {
}

div.AjaxFileUplad .FileUploadHolder {
    opacity: 0;
    filter: alpha(opacity=1);
    position: absolute;
    right: 2px;
    top: 2px;
}

div.AjaxFileUplad .FileUpload {
}


div.PregledDokumenataPodaci div.PregledDokumenata {
    margin: 0;
    padding: 0;
}

    div.PregledDokumenataPodaci div.PregledDokumenata div.DokumenataInfoItem label {
        display: block;
        float: left;
        line-height: 35px;
        padding-left: 5px;
        width: 100px;
        color: #005183;
        font-size: 19px;
        font-weight: normal;
    }

div.PregledDokumenataPodaci div.LinkButtons {
    margin-top: 5px;
}


div.SakrijNaslov h3 {
    display: none;
}

    div.SakrijNaslov h3.Prilog {
        display: block;
    }

div.SakrijNaslov .PregledDokumenata {
    margin-left: 0;
}

div.SakrijNaslov div.PregledDokumenata .Header h3 a {
    color: #005183 !important;
    text-decoration: none;
}

table tr td.col-boundfield-caption {
    padding: 2px 4px;
    padding-top: 6px;
}

a.NadmetanjaButton {
    background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    color: #666666;
    font-size: 0.9em;
    font-style: normal;
    margin-right: 6px;
    margin-top: 6px;
    padding: 0 8px;
    text-decoration: none;
    display: block;
}

    a.NadmetanjaButton:hover {
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border-color: #999999;
        box-shadow: 0 0 3px #999999;
        outline: 0 none;
    }


    a.NadmetanjaButton span {
        cursor: pointer;
    }

    a.NadmetanjaButton.Word span {
        background-image: url("../images/icons/word.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    a.NadmetanjaButton.PDF span {
        background-image: url("../images/icons/pdf_icon.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    a.NadmetanjaButton.Web span {
        background-image: url("../images/icons/firefox.gif");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }


    a.NadmetanjaButton.Download span {
        background-image: url("../images/icons/download.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    a.NadmetanjaButton.DownloadZip span {
        background-image: url("../images/icons/zip_icon.gif");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }

    a.NadmetanjaButton.Kreiraj span {
        background-image: url("../images/icons/document.png");
        background-position: right center;
        background-repeat: no-repeat;
        padding-right: 20px;
    }



.Disabled {
    zoom: 1;
    filter: alpha(opacity=35);
    opacity: 0.35;
    cursor: default;
}


a.NadmetanjaButton.Disabled:hover {
    border: 1px solid #BBBBBB;
    box-shadow: 0 0 0px #999999;
}


a.NadmetanjaButton span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.DocLabel {
    color: #3434BA;
    line-height: 37px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 350px;
    display: inline-block;
}

.Gray span.MojaNadmetanja {
    background-image: url("../Images/icons/gStar.png");
    opacity: 0.7;
}

.Add span.MojaNadmetanja {
    background-image: url("../Images/icons/gAddStar.png");
    opacity: 0.7;
}

.Remove span.MojaNadmetanja {
    background-image: url("../Images/icons/yStar.png");
    opacity: 0.7;
}

div.PregledDokumenata .Header h3 span {
    color: #be0b04 !important;
    text-decoration: none;
}

td.IznosDesno {
    text-align: right;
}

div.calloutReceive {
    width: 520px;
    background-color: #EBEBEB;
    background-image: -moz-linear-gradient(top, #EBEBEB, #EBEBEB);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 25px;
    min-height: 50px;
    border: 1px solid #333;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.calloutReceive::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.calloutReceive.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutReceive.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #333;
}

.calloutReceive.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #333;
}

.calloutReceive.right::before {
    left: -20px;
    top: 40%;
    border-right: 10px solid #333;
}

.calloutReceive.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutReceive.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}


div.calloutSend {
    left: 100px;
    width: 520px;
    background-color: #D3E4E6;
    background-image: -moz-linear-gradient(top, #D3E4E6, #D3E4E6);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 25px;
    min-height: 50px;
    border: 1px solid #333;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.calloutSend::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.calloutSend.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutSend.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #333;
}

.calloutSend.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #333;
}

.calloutSend.right::before {
    left: -20px;
    top: 40%;
    border-right: 10px solid #333;
}

.calloutSend.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutSend.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}

div.calloutPrepare {
    left: 100px;
    width: 500px;
    background-color: #ffffe5;
    background-image: -moz-linear-gradient(top, #ffffe5, #ffffe5);
    position: relative;
    color: #ccc;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0px 0px 20px #999;
    margin: 25px;
    min-height: 50px;
    border: 1px solid #333;
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;*/
}

.calloutPrepare::before {
    content: "";
    width: 0px;
    height: 0px;
    border: 0.8em solid transparent;
    position: absolute;
}

.calloutPrepare.top::before {
    left: 45%;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutPrepare.bottom::before {
    left: 45%;
    top: -20px;
    border-bottom: 10px solid #333;
}

.calloutPrepare.left::before {
    right: -20px;
    top: 40%;
    border-left: 10px solid #333;
}

.calloutPrepare.right::before {
    left: -20px;
    top: 40%;
    border-right: 10px solid #333;
}

.calloutPrepare.top-left::before {
    left: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}

.calloutPrepare.top-right::before {
    right: 7px;
    bottom: -20px;
    border-top: 10px solid #333;
}



.dokumentPager {
    width: 750px;
    margin: 30px auto;
}

    .dokumentPager a {
        background: url("../images/linear-back.png") repeat-x scroll 0 0 #F6F6F6;
        border: 1px solid #CCCCCC;
        border-radius: 3px 3px 3px 3px;
        color: #075171;
        cursor: pointer;
        height: 2.0833em;
        line-height: 28px;
        margin: 0 3px 0 0;
        overflow: visible;
        padding: 4px 7px 0px 7px;
        vertical-align: middle;
        white-space: nowrap;
        text-decoration: none;
        font-size: 14px;
        width: 14px;
        text-align: center;
        display: inline-block;
        margin-bottom: 8px;
        box-sizing: content-box;
    }

        .dokumentPager a.selected, .dokumentPager a:hover {
            background: #075171;
            border-color: #075171;
            box-shadow: 0 0 3px #075171;
            outline: 0 none;
        }

        .dokumentPager a:hover {
            color: #fff;
        }

        .dokumentPager a.selected {
            color: #bbb;
        }



/**
 * alertifyjs 1.11.1 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2018 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dimmer {
    position: fixed;
    z-index: 1981;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5;
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1981;
}

.alertify .ajs-dialog {
    position: relative;
    margin: 5% auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0 24px;
    outline: 0;
    background-color: #fff;
}

    .alertify .ajs-dialog.ajs-capture:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1;
    }

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2;
}

    .alertify .ajs-commands button {
        display: none;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        padding: 10px;
        border: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }

        .alertify .ajs-commands button.ajs-close {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
        }

        .alertify .ajs-commands button.ajs-maximize {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
        }

.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 16px 24px;
    background-color: #fff;
}

.alertify .ajs-body {
    min-height: 56px;
}

    .alertify .ajs-body .ajs-content {
        padding: 16px 24px 16px 16px;
    }

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #fff;
}

    .alertify .ajs-footer .ajs-buttons.ajs-primary {
        text-align: right;
    }

        .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
            margin: 4px;
        }

    .alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
        float: left;
        clear: none;
        text-align: left;
    }

        .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
            margin: 4px;
        }

    .alertify .ajs-footer .ajs-buttons .ajs-button {
        min-width: 88px;
        min-height: 35px;
    }

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize;
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important;
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0;
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px;
}

    .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
        padding: 0;
    }

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0;
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block;
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: inline-block;
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important;
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}

.alertify.ajs-maximized .ajs-dialog, .alertify.ajs-resizable .ajs-dialog {
    padding: 0;
}

.alertify.ajs-maximized .ajs-commands, .alertify.ajs-resizable .ajs-commands {
    margin: 14px 24px 0 0;
}

.alertify.ajs-maximized .ajs-header, .alertify.ajs-resizable .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px;
}

.alertify.ajs-maximized .ajs-body, .alertify.ajs-resizable .ajs-body {
    min-height: 224px;
    display: inline-block;
}

    .alertify.ajs-maximized .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-body .ajs-content {
        position: absolute;
        top: 50px;
        right: 24px;
        bottom: 50px;
        left: 24px;
        overflow: auto;
    }

.alertify.ajs-maximized .ajs-footer, .alertify.ajs-resizable .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px;
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block;
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move;
}

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
    display: none;
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0;
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute;
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto;
}

.alertify.ajs-basic .ajs-header {
    opacity: 0;
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden;
}

.alertify.ajs-frameless .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1;
}

.alertify.ajs-frameless .ajs-footer {
    display: none;
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0;
}

    .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
        margin-top: 0;
    }

.ajs-no-overflow {
    overflow: hidden !important;
    outline: 0;
}

    .ajs-no-overflow.ajs-fixed {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll !important;
    }

.ajs-no-selection, .ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width:568px) {
    .alertify .ajs-dialog {
        min-width: 150px;
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%;
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto;
    }
}

@-moz-document url-prefix() {
    .alertify button:focus {
        outline: 1px dotted #3593d2;
    }
}

.alertify .ajs-dimmer, .alertify .ajs-modal {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0;
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms;
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes ajs-shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

@keyframes ajs-shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0);
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0);
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
    animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn;
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut;
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn;
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut;
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn;
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut;
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX;
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX;
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY;
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY;
}

@-webkit-keyframes ajs-pulseIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes ajs-pulseIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25);
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25);
    }
}

@-webkit-keyframes ajs-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ajs-fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes ajs-fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ajs-fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

@keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0;
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

@keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0;
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%;
    }

    100% {
        margin-top: 5%;
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%;
    }

    100% {
        margin-top: 5%;
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%;
    }

    100% {
        margin-top: -100%;
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%;
    }

    100% {
        margin-top: -100%;
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 1982;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .alertify-notifier .ajs-message {
        position: relative;
        width: 260px;
        max-height: 0;
        padding: 0;
        opacity: 0;
        margin: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear;
    }

        .alertify-notifier .ajs-message.ajs-visible {
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
            -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
            transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
            opacity: 1;
            max-height: 100%;
            padding: 15px;
            margin-top: 10px;
        }

        .alertify-notifier .ajs-message.ajs-success {
            background: rgba(91,189,114,.95);
        }

        .alertify-notifier .ajs-message.ajs-error {
            background: rgba(217,92,92,.95);
        }

        .alertify-notifier .ajs-message.ajs-warning {
            background: rgba(252,248,215,.95);
        }

        .alertify-notifier .ajs-message .ajs-close {
            position: absolute;
            top: 0;
            right: 0;
            width: 16px;
            height: 16px;
            cursor: pointer;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
            background-repeat: no-repeat;
            background-position: center center;
            background-color: rgba(0,0,0,.5);
            border-top-right-radius: 2px;
        }

    .alertify-notifier.ajs-top {
        top: 10px;
    }

    .alertify-notifier.ajs-bottom {
        bottom: 10px;
    }

    .alertify-notifier.ajs-right {
        right: 10px;
    }

        .alertify-notifier.ajs-right .ajs-message {
            right: -320px;
        }

            .alertify-notifier.ajs-right .ajs-message.ajs-visible {
                right: 290px;
            }

    .alertify-notifier.ajs-left {
        left: 10px;
    }

        .alertify-notifier.ajs-left .ajs-message {
            left: -300px;
        }

            .alertify-notifier.ajs-left .ajs-message.ajs-visible {
                left: 0;
            }

    .alertify-notifier.ajs-center {
        left: 50%;
    }

        .alertify-notifier.ajs-center .ajs-message {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .alertify-notifier.ajs-center .ajs-message.ajs-visible {
                left: 50%;
                -webkit-transition-timing-function: cubic-bezier(.57,.43,.1,.65);
                transition-timing-function: cubic-bezier(.57,.43,.1,.65);
            }

        .alertify-notifier.ajs-center.ajs-top .ajs-message {
            top: -300px;
        }

            .alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
                top: 0;
            }

        .alertify-notifier.ajs-center.ajs-bottom .ajs-message {
            bottom: -300px;
        }

            .alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
                bottom: 0;
            }
/**
 * alertifyjs 1.11.1 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2018 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
.alertify .ajs-dimmer {
    background-color: rgba(0,0,0,.85);
    opacity: 1;
}

.alertify .ajs-dialog {
    max-width: 50%;
    min-height: 137px;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
}

.alertify .ajs-header {
    padding: 1.5rem 2rem;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #555;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-weight: 700;
}

.alertify .ajs-body {
    font-family: Roboto,sans-serif;
    color: #555;
}

    .alertify .ajs-body .ajs-content .ajs-input {
        width: 100%;
        margin: 0;
        padding: .65em 1em;
        font-size: 1em;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.15);
        outline: 0;
        color: rgba(0,0,0,.7);
        border-radius: .3125em;
        -webkit-transition: background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;
        transition: background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;
        transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;
        transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease,-webkit-box-shadow .2s ease;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .alertify .ajs-body .ajs-content .ajs-input:active {
            border-color: rgba(0,0,0,.3);
            background-color: #fafafa;
        }

        .alertify .ajs-body .ajs-content .ajs-input:focus {
            border-color: rgba(0,0,0,.2);
            color: rgba(0,0,0,.85);
        }

.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content, .alertify.ajs-resizable .ajs-content {
    top: 64px;
    bottom: 74px;
}

.alertify .ajs-footer {
    background-color: #fff;
    padding: 1rem 2rem;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.alertify-notifier .ajs-message {
    background: rgba(255,255,255,.95);
    color: #000;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 2px;
}

    .alertify-notifier .ajs-message.ajs-success {
        color: #fff;
        background: rgba(91,189,114,.95);
        text-shadow: -1px -1px 0 rgba(0,0,0,.5);
    }

    .alertify-notifier .ajs-message.ajs-error {
        color: #fff;
        background: rgba(217,92,92,.95);
        text-shadow: -1px -1px 0 rgba(0,0,0,.5);
    }

    .alertify-notifier .ajs-message.ajs-warning {
        background: rgba(252,248,215,.95);
        border-color: #999;
    }

.ajs-message.ajs-custom {
    color: #31708f;
}



/*********************************
    AjaxToolkit.cs
**********************************/

.ContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
}

.ContextMenuBreak {
    margin: 1px 1px 1px 32px;
    padding: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem {
    margin: 1px 0 1px 0;
    display: block;
    color: #003399;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 33px;
    white-space: nowrap;
}

a.ContextMenuItem-Selected {
    font-weight: bold;
}

a.ContextMenuItem:hover {
    background-color: #FFE6A0;
    color: #003399;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 32px;
}

/*Hover Menu*/
.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    text-decoration: none;
}

.popupHover {
    background-repeat: repeat-x;
    background-position: left top;
    opacity: .4;
    filter: alpha(opacity=40);
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    cursor: pointer;
    background-color: WhiteSmoke;
    border: 1px outset Gray;
}

.modalBackground {
    background-color: #98AFC7;
    filter: alpha(opacity=70);
    opacity: 0.7;
    width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    border: none;
}

.modalBackground2 {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


/*********************************
    END --> AjaxToolkit.cs
**********************************/





.frmContainer {
    width: 100%;
    /*background: #f1f2ea url(background.gif) repeat-y right;*/
    float: left;
    margin-right: -200px;
}

.frmLabel {
    width: 200px;
    float: left;
}

.frmContent {
    margin-left: 200px;
}

.idomGridRow.selected {
    background-color: darkseagreen;
}

.idomGridRow {
    cursor: pointer;
}

.frmCommands a {
    display: inline-block;
    margin-right: 6px;
}

    .frmCommands a[disabled="disabled"], .frmCommands a[disabled="disabled"]:hover {
        color: Gray;
        text-decoration: none;
    }

input[type=checkbox]:focus {
    outline: none;
}





/*Redesign*/
.breadcrumbs {
    /*background-color: yellow;*/
}

a.Back {
    margin-left: 4px;
    font-weight: bold;
    font-size: larger;
    text-decoration: underline;
}

    a.Back:hover {
        color: #BE0B04;
        /*color: yellow;*/
    }

/*.infolabel {
    font-size: larger;
    color: darkgreen;
}*/

.explanationlabel {
    text-align: justify;
    color: black;
    font-size: larger;
}
.dummy-class
{
    padding: 2px 2px 2px 2px;

}

.container-center {
    background: white;
    position: absolute;
    color: #000;
    top: 50%;
    left: 50%;
    padding: 15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 1px solid red;
}

/*#region Notifications */
/* Message element */
.notify_message {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    padding: 8px 10px 9px;
    width: auto;
    position: relative;
}
/* Type: Information */
.notify_information {
    background-color: #57B7E2;
    color: #FFF;
    border-color: #0B90C4;
    border-top: 1px solid #0B90C4;
}
.notify_information_pizzaz
{
    background-color:  #80adbd;
    text-align:left;   
    color: #FFF;
    border-color: #0090c5;
    border-top: 1px solid #0090c5;
    box-shadow: 2px 2px 4px #0090c5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-bottom:8px;
}
/* Type: Success */
.notify_success {
    background-color: lightgreen;
    border-color: #50C24E;
    color: darkgreen;
    border-top: 1px solid #50C24E;
}
/* Type: Alert */
.notify_alert {
    background-color: #FFF;
    border-color: #CCC;
    color: #444;
}
/* Type: Warning */
.notify_warning {
    background-color: #FFEAA8;
    border-color: #FFC237;
    color: #826200;
    border-top: 1px solid #FFC237;
}
/* Type: Error */
.notify_error {
    background-color: red;
    border-color: darkred;
    color: #FFF;
    font-weight: bold;
    border-top: 1px solid darkred;
}
/* larger */
.notify_strong {
    font-size: larger;
    font-weight: bold;
}
/*#endregion */


.table-fixed-100 {
    border-spacing: 0px;
    padding: 0px;
    table-layout: fixed;
    width: 100%;
}
.table-fixed-60 {
    border-spacing: 0px;
    padding: 0px;
    table-layout: fixed;
    width: 60%;
}


.nice-form-label, #edit_stavke_plana_nabave span
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.nice-form-value
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#edit_stavke_plana_nabave
{
    table-layout: fixed;
    width: 580px;
    border-spacing: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-left: 20px;
}
#edit_stavke_plana_nabave td
{
    padding: 4px;
}


#verzije_stavke_plana_nabave
{
    table-layout: fixed;
    border-spacing: 10px;
    padding: 0px;
    margin-top: 10px;
    border-collapse: collapse;
}

#verzije_stavke_plana_nabave td
{
        border: 1px solid #dddddd;
        padding: 8px;

}

.invisible { display:none; }


table.table-fixed-100 .col-boundfield-caption
{
    width:40%;
}
table.table-fixed-100 .col-boundfield-control
{
    width:60%;
}
div.empty-row
{
    padding-bottom:6px;
}
div.container-row-600
{
    width:600px;
    padding:0;
    margin:0;
}
.wizardItemTab0 > td:first-child {
    padding-left:14px !important;
}

.wizardItemTab1 > td:first-child {
    padding-left:30px !important;
    width:560px;
}
.wizardItemTab2 > td:first-child {
    padding-left:40px !important;
    width:550px;
}

.wizardItemTab3 > td:first-child {
    padding-left:50px !important;
    width:540px;
}

.wizardItemTab2 hr {
    width:85%;
}

.wizardItemTab3 hr {
    width:60%;
}
select[data-listboxkey] option {
    margin:2px 4px;
    font-size:12px;
}





















/* CUSTOM TABLICE EPRISTOJBE JAVNI REGISTRI*/
    .tableRed {
        width:100%;
        border: none;
        border-collapse: collapse;
    }

        .tableRed th {
            background-color: #A93132;
            font-weight: 600;
            padding: 12px 8px 12px 8px;
            color: White;
            border-top: none;
            border-bottom: none;
            text-align: center;
        }

        .tableRed tr td {
            border-top: 1px solid #ccc;
            text-align: center;
            padding: 3px 6px;
        }

        .tableRed tr.arhiva td {
            border-top: none;
            background-color: #ececec;
        }


            .tableRed tr td:first-child, .tableRed tr.arhiva td:first-child {
                text-align: left;
                background-color: White;
            }

    th.tdSpacer, td.tdSpacer {
        background-color: white;
        width: 30px;
        border: none;
    }

    .itemNadmetanje, .itemZalba {
        display:none;
    }
    .showNadmetanje .itemNadmetanje, .showZalba .itemZalba {
        display:table-cell;
    }
