html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 0.5s 0.5s ease;
    text-indent: -100%;
    opacity: 1;
}

.tab-pane {
    padding: 50px 0;
}

.names-ul {
    margin: 0;
    padding: 0;
    list-style: none;

}

.names-ul li {
    margin-bottom: 40px;
}
.names-ul li:last-child {
    margin-bottom: 0;
}

.names-checkboxesUl {
    padding: 0;
    margin: 10px 0;
    list-style: none;
}
.names-checkboxesUl li {
    margin-bottom: 0;
}
.names-checkboxesUl input {
    margin-right: 10px;
}

.names-checkboxesUl label {
    margin-bottom: 0;
    font-weight: normal;
}

.names-input {
    max-width: 300px;
    display: inline;
    margin: 3px 0;
}

.names-select {
 max-width: 100px;
 display: inline;
 margin: 3px 0;
}

.names-hiddenInput {
    max-width: 405px;
}

.input-margin {
    margin: 5px 0;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.container--raspodelaOpstina {
    max-width: 700px;
    margin: 40px auto;
}

.container:after {
    content: "";
    clear: both;
    display: table;
}

.container-small {
    width: 90%;
    max-width: 570px;
    margin:  20px auto;
}

.hide {
    display: none;
}

.scrollToTop {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
    background: #e7e7e7;;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    position: fixed;
    bottom: 40px;
    right: 40px;
    font-size: 30px;
    display: none;
}

.scrollToTop:visited, .scrollToTop:active, .scrollToTop:hover {
    text-decoration: none;
    color: #333;
}

.scrollToTop:hover {
    background: #ddd;
}

.list-dates {
    margin-bottom: 20px;
}

.panel-heading {
    position: relative;
}

.close-btn {
    color: red;
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1em;
    cursor: pointer;
}

.directGratTable tr:first-child, .sviKonkursiTable tr:first-child {
    font-weight: bold;
    font-size: 1.1em;
}

.text-right, .edit-heading, .edit-content {
    margin-bottom: 20px;
}

.raspodelaWrap {
    margin: 90px auto 20px;
}

.edit-heading, .edit-content {
    margin-bottom: 50px;
}

.modal-dialog {
    z-index: 1041;
}

.page-heading {
    margin: 1em 0;
}

.allTownsWrap, .chosenTownsWrap {
    width: 48%;
    margin-top: 25px;
}

.allTownsWrap {
    float: left;
    margin-right: 4%;
}

.chosenTownsWrap {
    float: right;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

.raspodelaListsWrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.allTownsList, .chosenTownsList {
    padding: 10px 15px;
    border-radius: 3px;
    margin: 0;
    list-style-position: inside;
    width: 48%;

}

.allTownsList {
    border: 1px solid #ddd;
    position: relative;
    margin-right: 4%;
}

.allTownsList:after {
    content: "";
    position: absolute;
    top: -68px;
    right: -18px;
    width: 90px;
    height: 50px;
    background-image: url('../images/raspodela-arrow.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.chosenTownsList {
    border: 2px dashed #ddd;
    background: #FBFBFB;
}

.allTownsList li, .chosenTownsList li {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    cursor: pointer;
    margin: 10px 0;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 10px;
}

.answers {
    margin-top: 25px;
    font-size: 18px;
}

.otherDocuments-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.otherDocuments-list li {
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE;
}

.otherDocuments-list li:last-child {
    border: none;
}

.dodeljeni-iznos-listanje {
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 5px 0;
}

.dodeljeni-iznos-listanje:last-child {
    border-bottom: none;
}

.card-header {
    border-bottom: none;
}

.card-body form label {
    font-weight: 500;
}

.names-ul li[data-commission-item] {
    border-bottom: #ddd solid 1px;
} 
div[data-select-wrapper-typehidden], div[data-select-wrapper-org] {
    margin-bottom: 5px;
}