body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

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

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display: inline-block;
    content: "[";
    padding-right: 0.5em;
}

.btn-bracketed::after {
    display: inline-block;
    content: "]";
    padding-left: 0.5em;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 567px) { /*767*/
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


td label, th label {
    display: block;
    min-height: 100%; /* for the latest browsers which support min-height */
    min-width: 100%;
    height: auto !important; /* for newer IE versions */
    height: 100%; /* the only height-related attribute that IE6 does not ignore  */
    width: 100%
}

table .last, td:last-child {
    padding: 3px;
}

td input {
    display: inline-block;
    padding: 0;
    width: 100%;
    /*min-width: 90%;*/
    max-width: 100%;
}

td select {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

/* Fitting Inputs Styling */

.form-group {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1rem 1rem -1rem;
}

[class*="form-col"] {
    flex: 0 1 100%;
    padding: 0 1rem;
}

@media (min-width: 576px) {
    .form-col-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }


    .form-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .form-col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .form-col-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .offset-form-col-4 {
        margin-left: 33.33333%;
    }
}

div input.input {
    display: inline;
    width: 90%;
    max-width: 90%;
}

div select.select {
    display: inline;
    width: 90%;
    max-width: 90%;
}


div label {
    display: inline;
    width: 100%;
    max-width: 100%;
}

.thead-custom {
    background-color: #e85600 !important;
}

.tdcol-1 {
    width: 8.3333% !important;
}

.tdcol-2 {
    width: 16.6666% !important;
}

.tdcol-3 {
    width: 25.9999% !important;
}

.tdcol-4 {
    width: 33.3333% !important;
}

.tdcol-5 {
    width: 41.6666% !important;
}

.tdcol-6 {
    width: 49.9999% !important;
}

.tdcol-7 {
    width: 58.3331% !important;
}

.tdcol-8 {
    width: 66.6664% !important;
}

.tdcol-9 {
    width: 74.9997% !important;
}

.tdcol-10 {
    width: 83.3333% !important;
}

.tdcol-11 {
    width: 91.6666% !important;
}

.tdcol-12 {
    width: 100% !important;
}

.tdbcol-1 {
    width: 7% !important;
}

@media(min-width:768px) {
    .tdcol-lg-1, .tdcol-md-1, .tdcol-sm-1 {
        width: 8.3333% !important;
    }

    .tdcol-lg-2, .tdcol-md-2, .tdcol-sm-2 {
        width: 16.6666% !important;
    }

    .tdcol-lg-3, .tdcol-md-3, .tdcol-sm-3 {
        width: 25.9999% !important;
    }

    .tdcol-lg-4, .tdcol-md-4, .tdcol-sm-4 {
        width: 33.3333% !important;
    }

    .tdcol-lg-5, .tdcol-md-5, .tdcol-sm-5 {
        width: 41.6666% !important;
    }

    .tdcol-lg-6, .tdcol-md-6, .tdcol-sm-6 {
        width: 49.9999% !important;
    }

    .tdcol-lg-7, .tdcol-md-7, .tdcol-sm-7 {
        width: 58.3331% !important;
    }

    .tdcol-lg-8, .tdcol-md-8, .tdcol-sm-8 {
        width: 66.6664% !important;
    }

    .tdcol-lg-9, .tdcol-md-9, .tdcol-sm-9 {
        width: 74.9997% !important;
    }

    .tdcol-lg-10, .tdcol-md-10, .tdcol-sm-10 {
        width: 83.3333% !important;
    }

    .tdcol-lg-11, .tdcol-md-11, .tdcol-sm-11 {
        width: 91.6666% !important;
    }

    .tdcol-lg-12, .tdcol-md-12, .tdcol-sm-12 {
        width: 100% !important;
    }

    .tdbcol-md-1 {
        width: 20mm !important;
    }
}

th.tdbcol-md-1, td.tdbcol-md-1 {
    font-size: 10pt !important;
    font-weight: 400 !important;
    padding: 5px !important;
}

.bg-custom {
    background-color: #2861a7;
}

#idnaslovlogo {
    color: white;
    float: left;
}

    #idnaslovlogo > a:hover {
        text-decoration:line-through;
    }


    .right-align {
        text-align: right;
    }

.navbar-nav .dropdown-submenu {
        position: relative;
    }


/*dropdown-submenu*/
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1); /* IE */
    -moz-transform: scale(1); /* FF */
    -webkit-transform: scale(1); /* Safari and Chrome */
    -o-transform: scale(1); /* Opera */
    padding: 10px;
    margin:5px;
}

input#idchk{
    width:20px;
    height:20px;
}