body {
    padding-top: 110px;
    padding-bottom: 20px;
    background: url('DataTables/images/toolbar.png') repeat-x 0px -20px #fff scroll !important;
    height: 100%;
    font-family: Tahoma;
    font-size: 11px;
}

html {
    scrollbar-face-color: #eeeeee;
    scrollbar-shadow-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #fff;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#jbs_body {
    background: url('DataTables/images/toolbar.png') repeat-x 0px -20px #fff scroll !important;
}

#newParty {
    background-color: hsl(9, 0%, 95%) !important;
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: auto !important;
    height: auto !important;
    position: relative !important;
}

#jbs_header {
    height: 100px;
    border-bottom: solid 2px #fff;
    cursor: pointer;
}

#jbs_header.prod-env {
    background: url('DataTables/images/bg_plavi_gradijent.jpg') repeat-x 0px -50px;
}

#jbs_header.test-env {
    background: url('DataTables/images/bg_crvenii_gradijent.jpg') repeat-x 0px -50px;
        
}

#jbs_header table {
    width: 100%;
    height: 100%;
}

#jbs_header table,
#jbs_header tr,
#jbs_header td {
    padding: 0px;
}

#jbs_header .ph_grb {
    width: 80px;
    height: 100%;
    background: url('DataTables/images/minigrb.png') no-repeat 18px 18px;
}

#jbs_header .ph_zaglavlje {
    vertical-align: top;
}

#jbs_header .title {
    padding: 30px 0px 0px 0px;
    font-size: 1.2em;
    color: #fff;
    float: left;
}

#jbs_header .userandhelp {
    vertical-align: top;
    text-align: right;
}

#jbs_header .subtitle {
    clear: both;
    font-size: 1.9em;
    color: #fff;
    display: inline-block;
    padding-bottom: 15px;
    text-decoration: none;
}

.userinformation, .help {
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    color: #fff;
    text-align: right;
    display: inline-block;
}

    .userinformation div, .help div {
        margin: 0px 10px;
        float: left;
    }

    .userinformation .username {
        font-weight: bold;
    }

    .userinformation .usericon {
        width: 12px;
        height: 16px;
        background: url('DataTables/images/user-grey.gif') no-repeat 0px 2px;
        margin: 0px 0px 0px 10px;
    }

    .userinformation select.jlsDDL {
        color: #fff;
        background-color: #7597bc;
        border: solid 1px #85b1cc;
        width: 150px;
    }

        .userinformation select.jlsDDL:hover {
            cursor: pointer;
            border: solid 1px #b8ccff;
            color: #fff;
        }

.help {
    float: right;
}

    .userinformation .smallbutton, .help .smallbutton {
        display: inline-block;
    }

        .userinformation .smallbutton a, .help .smallbutton a {
            padding: 3px 5px 3px 22px;
            text-decoration: none;
            border: solid 1px transparent;
            color: #fff;
        }

            .userinformation .smallbutton a:hover, .help .smallbutton a:hover {
                border: solid 1px #b8ccff;
                color: #fff;
            }

    .help .smallbutton_help {
        background: url('DataTables/images/question_small.png') no-repeat 5px 1px;
    }

.userinformation .smallbutton_logout {
    background: url('DataTables/images/lock_small.png') no-repeat 5px 1px;
}

#jbs_body {
    background: url('DataTables/images/toolbar.png') repeat-x 0px -20px #fff scroll !important;
    padding-top: 140px;
}

.ind_container_excel {
    clear: both;
    display: block;
    margin-left: 70px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.ind_sectionTitle_excel {
    clear: both;
    margin: 10px 0px 10px 0px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: dotted 2px #FFD699;
}

.ind_sectionTitle_excel .ind_sectionText_excel {
    font-size: 1.8em;
    padding: 5px 20px 5px 10px;
    display: inline;
}

.ind_subsectionContent_excel {
    display: block;
    clear: both;
}

    .ind_subsectionContent_excel .ind_subsectionItem_excel {
        float: left;
        border: solid 2px transparent;
        min-width: 300px;
        width: 300px;
        min-height: 110px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .ind_subsectionContent_excel .ind_subsectionwrapper_excel {
        padding-left: 42px;
        background: url('DataTables/images/nf32-xls3.png') no-repeat;
    }

    .ind_subsectionContent_excel .ind_subsectionItem_excel:hover {
        border: solid 2px #FFD699;
        background-color: #FFE7C2;
        cursor: pointer;
    }

    .ind_subsectionContent_excel .ind_subsectionTitle_excel {
        font-size: 1.6em;
        padding-bottom: 10px;
    }

.ind_subsectionContent_excel .ind_subsectionDescr_excel {
    font-size: 1.3em;
    color: #417DAE;
}

.loginMenu {
    align-content: center;
    margin-left: 35%;
}

a.reportsLink:hover {
    color: black;
    text-decoration: none;
}

a.reportsLink {
    color: black;
    text-decoration: none;
}

    a.reportsLink:visited {
        color: black;
        text-decoration: none;
    }

    a.reportsLink:active {
        color: black;
        text-decoration: none;
    }

.statistika {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    background: url('DataTables/images/report_back.png') no-repeat;
    background-position: right 30px;
}

.panel-login > .panel-heading {
    color: #00415d;
    text-align: center;
}

    .panel-login > .panel-heading hr {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-right: 50%;
        clear: both;
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    }

.btn-login {
    background: url('DataTables/images/bg_crvenii_gradijent.jpg');
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #59B2E6;
}

    .btn-login:hover,
    .btn-login:focus {
        color: #fff;
        background-color: #53A3CD;
    }

.panel-body {
    height: 75px;
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    margin-right: 23%;
}

.box {
    height: 50px;
}

.modal-dialog {
    width: 700px !important;
}

.myModal {
    width: 400px !important;
}

#ExcelPodaci {
    font-weight: bold;
    font-size: 12px;
    text-align: justify;
}

.prvi {
    padding-bottom: 9px;
    padding-top: 9px;
}
   

#pretraga {
    padding-top: 35px;
    font-weight: bold;
    font-size: 12px;
}

.datepicker {
    width: 153px;
}

#excelCreate {
    align-content: center;
    padding-top: 25px;
}

#excelCreateText {
    font-weight: bold;
    font-size: 17px;
}

.table-width {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    padding-right: 50px;
}

#rps_body {
    background: url('DataTables/images/toolbar.png') repeat-x 0px -20px #fff scroll !important;
    clear: both !important;
    padding-top: 130px;
    width: 100% !important;
}

.login {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.body-content-login {
    padding-left: 5px;
    padding-right: 5px;
}

.bold-text {
    font-weight: bold;
}

#modalDocumentsEdit {
    padding-left: 35%;
}

.new-party-form {
    padding-left: 2%;
}

.OCR-table {
    padding-right: 5%;
    padding-left: 5%;
}

#jbs_footer {
    height: 25px;
    min-height: 25px;
    height: 0px;
    clear: both;
    position: absolute;
    bottom: 2px;
    left: 0px;
    z-index: -1;
    width: 100%;
}

.ind_sectionTitle {
    clear: both;
    margin: 10px 0px 10px 0px;
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #82a7b0;
}

    .ind_sectionTitle .ind_sectionText {
        font-size: 1.9em;
        color: #417DAE;
        padding: 5px 20px 5px 10px;
        display: inline;
        /*text-shadow: 1px 1px 3px #000;*/
    }

.ind_subsectionContent {
    display: inline;
    clear: both;
}

    .ind_subsectionContent .ind_subsectionItem {
        float: left;
        border: solid 2px transparent;
        min-width: 300px;
        width: 300px;
        min-height: 130px;
        padding: 10px;
        margin-bottom: 10px;
        color: #114D7E;
    }

    .ind_subsectionContent .ind_subsectionItem:hover {
        border: solid 2px #417DAE;
        background: url('DataTables/images/titlebackground.png');
        /*background-color: #FFF;*/
        cursor: pointer;
        color: #ffffff;
    }

    .ind_subsectionContent .ind_subsectionItem .ind_subsectionTitle {
        font-size: 1.7em;
        padding-bottom: 10px;
    }

    .ind_subsectionContent .ind_subsectionItem .ind_subsectionDescr {
        font-size: 1.3em;
        color: #417DAE;
    }

.doc_buttons {
    padding: 25px 25px 30px 20px;
    text-align: left;
}

.doc_button {
    font-size: 1.1em;
}

.doc_button, .doc_buttons input[type='submit'] {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.3em;
    padding: 8px 25px 8px 45px !important;
    background-color: #ddd !important;
    border: solid 1px #aaa;
    border-width: 1px 1px 3px 1px;
    color: #444;
    margin-right: 25px;
}

    .doc_button:hover, .doc_buttons input[type='submit']:hover {
        background-color: #FFF4B6 !important;
        border-color: #DFD496 !important;
        cursor: pointer !important;
        color: #000 !important;
    }

.button_cancel {
    background: url('DataTables/images/button_cancel.png') no-repeat 10px 5px;
}

.button_save {
    background: url('DataTables/images/button_save.png') no-repeat 10px 5px;
}

.button_confirm {
    background: url('DataTables/images/button_confirm.png') no-repeat 10px 5px;
}

.button_print {
    background: url('DataTables/images/button_print.png') no-repeat 10px 5px;
}

.button_documents {
    background: url('DataTables/images/button_documents.png') no-repeat 10px 5px;
}

.button_edit {
    background: url('DataTables/images/button_edit.png') no-repeat 10px 5px;
}
.button_delete {
    background: url('DataTables/images/button_delete.png') no-repeat 10px 5px;
}

#jbs_container {
    height: 100%;
    width: 100%;
    font-family: Tahoma;
    font-size: 11px;
    padding: 0px;
}

#jbs_toolbar {
    vertical-align: top;
    width: 100%;
    overflow: hidden;
}

.toolbarMenu_container {
    clear: both;
    width: 100%;
}

.singleMenu_container {
    float: left;
    width: auto;
    min-height: 64px;
    vertical-align: top;
    padding: 0px;
}

.editMenu {
    background: url('DataTables/images/documentBackground.png') no-repeat -90px -70px !important;
}

.commonMenu, .editMenu, .filterMenu {
    padding-right: 0px;
}

.menu_icon {
    width: 15px;
    height: 64px;
    float: left;
}

.menu_content {
    float: left;
    min-height: 64px;
    padding-bottom: 10px;
    vertical-align: top;
}

    .menu_content a[selected] {
        font-weight: bold;
    }

.menu_quick_nav {
    float: left;
    /*margin-right: 30px;*/
}

.menu_primary_nav ul.top_menu {
    font-size: 1em;
    min-width: 500px;
    padding-top: 5px;
}

.menu_primary_nav {
    clear: both;
    font-size: 1.2em;
    padding: 4px;
}


.menu_actions {
    float: left;
    padding: 0px;
    padding-top: 4px;
}

    .menu_actions ul {
        list-style: none;
    }

div.menu_actions {
    border-bottom: solid 2px #c8dcfa;
    padding-bottom: 6px;
    /*background: url(/Content/images/titlebackground.png);*/
}

div.dropdown ul.top_menu > li {
    width: auto;
    display: inline-block;
}

div.dropdown a {
    text-decoration: none;
    cursor: pointer;
}


    div.dropdown a:hover {
        color: #ff6d1e;
        /*background-color: #fff0e0;*/
        color: #84b0cb;
        background-color: #fff;
    }

div.dropdown ul li ul.sub_menu a {
    float: left;
    padding: 7px 7px 8px 7px;
    margin: 4px 7px 3px 0px;
    border: solid 1px transparent;
    color: #777;
    background-color: #fff;
}

div.dropdown ul.top_menu > li span.main_menu_item {
    padding: 5px 15px 8px 7px;
    margin-right: 0px;
    margin-top: 4px;
    border: 3px solid transparent;
    text-decoration: none;
    color: #84b0cb;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
}

    div.dropdown ul.top_menu > li span.main_menu_item:hover {
        padding: 5px 15px 8px 7px;
        margin-right: 0px;
        margin-top: 4px;
        border-width: 3px;
        text-decoration: none;
        color: #84b0cb;
        font-size: 1.2em;
        font-weight: bold;
        cursor: pointer;
        border: solid 3px #c8dcfa;
        background-color: white;
    }

div.dropdown ul li ul.sub_menu {
    display: none;
}

div.dropdown ul li:hover ul.sub_menu {
    display: block;
}

div.dropdown ul li ul.sub_menu a:hover,
ul.sub_menu li > a:hover {
    /*color: #ff6d1e;
	background-color: #fff0e0;
	border: solid 1px #ff6d1e;*/
    background: url(/Content/images/titlebackground.png);
    color: #84b0cb;
    background: #84b0cb;
    color: #fff;
}

.menu_primary_nav ul.top_menu {
    font-size: 1em;
    min-width: 500px;
    padding-top: 5px;
}

div.dropdown ul.top_menu > li {
    width: auto;
    display: inline-block;
}

    div.dropdown ul.top_menu > li span.main_menu_item {
        padding: 5px 15px 8px 7px;
        margin-right: 0px;
        margin-top: 4px;
        border: 3px solid transparent;
        text-decoration: none;
        color: #84b0cb;
        font-size: 1.2em;
        font-weight: bold;
        cursor: pointer;
    }

        div.dropdown ul.top_menu > li span.main_menu_item:hover {
            padding: 5px 15px 8px 7px;
            margin-right: 0px;
            margin-top: 4px;
            border-width: 3px;
            text-decoration: none;
            color: #84b0cb;
            font-size: 1.2em;
            font-weight: bold;
            cursor: pointer;
            border: solid 3px #c8dcfa;
            background-color: white;
        }

    div.dropdown ul.top_menu > li span.main_menu_item {
        padding: 5px 15px 8px 7px;
        margin-right: 0px;
        margin-top: 4px;
        border: 3px solid transparent;
        text-decoration: none;
        color: #84b0cb;
        font-size: 1.2em;
        font-weight: bold;
        cursor: pointer;
    }

        div.dropdown ul.top_menu > li span.main_menu_item:hover {
            padding: 5px 15px 8px 7px;
            margin-right: 0px;
            margin-top: 4px;
            border-width: 3px;
            text-decoration: none;
            color: #84b0cb;
            font-size: 1.2em;
            font-weight: bold;
            cursor: pointer;
            border: solid 3px #c8dcfa;
            background-color: white;
        }


span.main_menu_item a {
    text-decoration: none;
    color: #84b0cb;
}

.menu_spacer {
    float: left;
}

.menu_advanced_nav {
    float: left;
    margin-top: 8px;
    margin-right: 30px;
}

    .menu_advanced_nav a {
        padding: 4px 10px 5px 25px;
        line-height: 2em;
        text-decoration: none;
        border: solid 2px #c8dcfa;
        margin-right: 20px;
    }

        .menu_advanced_nav a.napredna {
            background: url('/Content/images/dvogled.png') no-repeat 5px 3px;
        }

        .menu_advanced_nav a.brza {
            background: url('/Content/images/undo.png') no-repeat 5px 3px;
        }


        .menu_advanced_nav a:hover {
            color: #ff6d1e;
            background-color: #fff0e0;
            border: solid 2px #ff6d1e;
            cursor: pointer;
        }

.tbl_table {
    padding: 2px;
    border: solid 1px #c8dcfa;
    background-color: #fff;
    overflow: auto;
    overflow-x: hidden;
    font-size: 1.2em;
}

.dataTables_filter, .dataTables_filter {
    display: none;
}

.doc_content {
    font-size: 1.2em;
    overflow: auto;
    overflow-x: hidden;
}

.doc_buttons {
    padding: 25px 25px 30px 20px;
    text-align: left;
}

.tbl_table table.datagrid tbody {
    color: #000;
}

.tbl_table table.datagrid .tbl_td, .tbl_table table.datagrid .tbl_td_action {
    border-top: dotted 1px #c8dcfa;
    padding: 6px 8px 6px 8px;
    font-size: 1.2em;
}

.tbl_table table.datagrid .tbl_td {
    vertical-align: top;
}

.tbl_td_action  {
        display: inline-block;
        color: black;
        font-size: 0.8em;
        text-decoration: none;
        text-transform: uppercase;
        padding: 2px 4px 2px 4px;
        border: solid 1px #f0f0f0;
        border-bottom: solid 1px #ddd;
        border-right: solid 1px #ddd;
        background: #fff;
}

.tbl_td_action div:hover {
    border: solid 1px #000;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    background: #84b0cb;
    color: #fff;
}

.doc_subsection {
    padding-left: 0px;
}

.doc_table {
    width: 100%;
}

table.doc_table td, table.doc_table th {
    padding: 0px 10px 10px 0px;
}

    table.doc_table td.doc_caption, table.doc_table th.doc_caption, table.doc_table tr.doc_caption td, table.doc_table tr.doc_caption th {
        padding: 0px 10px 2px 5px;
    }

.doc_caption {
    font-size: 0.7em;
    color: Gray;
    text-transform: uppercase;
    padding-left: 5px;
}

.doc_caption_excel {
    font-size: 12px;
    color: Gray;
    text-transform: uppercase;
    padding-left: 5px;
}

.doc_header {
    font-weight: bold;
    margin: 15px 0px 15px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.2em;
    color: #114D7E; 
    width: 100%; 
    border-bottom: 1px solid #114D7E;
}

.checkbox-wrapper {
    position: relative;
    top: -1px;
    display: inline-block;
}

.datePickerClear {
    position: absolute; 
    right: 10px; 
    top: 50%; 
    transform: translateY(-50%); 
    cursor: pointer; 
    display:none;
}


td.doc_checkbox_box {
    width: 25px;
    vertical-align: top;
}



td.doc_checkbox_text {
    width: 250px;
    vertical-align: top;
    min-width: 250px;
    overflow: hidden;
}

tr.doc_checkbox_all {
    background: #fafafa;
}

tr.doc_checkbox_all td {
    padding: 10px 10px;
}

tr.doc_checkbox td {
    padding: 10px 10px;
}


tr.doc_checkbox_all td.doc_checkbox_text {
    font-weight: bold;
}