@media (min-width: 576px) {
    .form-container .form-row {
        clear: both;
    }
    .form-group:last-of-type {
        margin-bottom: 0;
    }
    .form-container .form-row.two-columns .form-group,
    .form-container .form-row.three-columns .form-group,
    .form-container .form-row.four-columns .form-group {
        float: left;
        margin-right: 1%;
    }
    .form-container .form-row.two-columns .form-group {
        width: 49.5%;
    }
    .form-container .form-row.three-columns .form-group {
        width: 32.666%;
    }
    .form-container .form-row.four-columns .form-group {
        width: 24.25%;
    }
    .form-container .form-row.two-columns .form-group:last-of-type,
    .form-container .form-row.three-columns .form-group:last-of-type,
    .form-container .form-row.four-columns .form-group:last-of-type {
        margin: 0;
    }
}

.question .results {
    margin: 10px 0 5px;
    background: #eee;
    padding: 5px 10px;
    border-radius: 3px;
}
.question table:not(.mceLayout) td,
.question table:not(.mceLayout) th {
    padding: 5px;
}
.question .result {
    border-bottom: 1px solid #ddd;
    padding: 5px 0
}
.question .help-block {
    list-style: none;
    padding: 0;
}
.question .alert {
    list-style: none;
}
.tooltip-inner {
    max-width: none;
    text-align: left;
    white-space: pre-line;
}
.submit-buttons {
    margin: 15px 0;
    clear: both;
}
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 12px;
    top: 42%;
    width: 4px;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

section.form-container div#form-error-list {
    max-width:1200px;
    display:none;
}

section.form-container div#form-error-list ul {
    padding: 0;
    list-style: none;
}

section.form-container .form-group {
    margin-bottom: 15px !important;
}

section.form-container h2 {
    margin-bottom:20px;
    margin-top:0px;
}

@media (min-width: 576px) {
    .form-container .form-row .datefield input,
    .form-container .form-row .timefield input,
    .form-container .form-row .passwordfield input,
    .form-container .form-row .period-field .period-datefield .form-control,
    .form-container .form-row .period-field .period-timefield .form-control,
    .form-container .form-row .date-datefield {
        max-width: 200px;
    }
    .form-container .form-row .parent-period-field {
        max-width: 540px;
    }
    .form-container .form-row .parent-period-field label {
        margin-bottom: 0;
        margin-top: 5px;
    }
    .form-container .form-row .period-field {
        display: inline-block;
        margin-right: 10px;
        width: 45%;
    }
    .form-container .form-row .period-field ul {
        padding-left: 5px;
        list-style: none;
        margin: 5px 0;
    }
    .form-container .form-row .period-result {
        margin-top: 10px;
    }
    .form-container .form-row .period-field ul:empty,
    .form-container .form-row .period-result .alert:empty {
        display: none
    }
    .form-container .form-row .period-field:first-child {
        margin-bottom: 0;
    }
}
section.form-container .comment {
    padding: 0;
}
section.form-container .innerform {
    background: #fafafa;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}
section.form-container .part-of-hidden-fieldset {
    display: none;
}
section.form-container .send-page-text {
    margin-top:20px;
}
section.form-container th {
    font-size:inherit !important;
}
section.form-container .separator {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
}
section.form-container h4.section-container-title {
    font-size: 16px;
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-append {
    margin-left: -1px;
}
.input-group-append, .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group-addon {
    width: 39px;
    height: 34px;
}
.input-group-addon > span > i {
    margin-top: 3px;
}

/* ---------- BEGIN SHOW / HIDE FORM FIELD BLOCKS */
.form-row.fieldset-hidden-completely {
    display: none;
}

.form-row.fieldset-toggle .separator span.separator-label:after {
    content: '\25BC';
    position: absolute;
    right: 30px;
    font-size: 8px;
    background: #ccc;
    height: 14px;
    line-height: 14px;
    padding: 0 2px;
    border-radius: 7px;
}

.form-row.fieldset-toggle.fieldset-hidden .separator span.separator-label:after {
    content: '\25BA';
}

/* ---------- END SHOW / HIDE FORM FIELD BLOCKS */

/* google maps in forms */
div.google-map {
    height: 250px;
}

/* other */
table.table.detail tbody > tr:first-of-type > th,
table.table.detail tbody > tr:first-of-type > td {
    border: 0;
}

table.table.detail>tbody>tr>th {
    width: 300px;
}

/* Google maps rombit */
.locations-status {
    margin-bottom: 10px;
}
.locations-status:empty {
    display: none;
}
#search-wrapper {
    position: relative;
}
#search-wrapper i {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.gv-map {
    width: 100%;
    height: 400px;
    margin-top: 10px;
}
.gv-input {
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    background-color: #f5f5f5;
}
.gv-input i.fa-search {
    position: absolute;
    top: 10px;
    right: 10px;
}
.gv-input div b {
    font-size: 14px;
}
.gv-input div i {
    width: 20px;
    margin-right: 5px;
}
.gv-input.highlighted {
    border-color: #333;
    box-shadow: none;
    transition-duration: 0.5s;
}
.gv-input .controls {
    margin-top: 10px;
    font-size: .9rem;
}
.gv-input .controls :first-child {
    margin-left: 0;
}
.gv-input .controls input:not([type="range"]) {
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.gv-input .controls label {
    margin: 0 0 0 10px;
    font-weight: normal;
}
.gv-input .controls .slider {
    display: inline-block;
    margin-left: 25px;
}
.gv-input .controls .slider input {
    display: inline;
    width: 150px;
    margin-left: 7px;
    position: relative;
    top: 6px;
}
.gv-map-hindrance {
    display: none;
    margin-top: 10px;
}
.gv-map-hindrance > div {
    margin-top: 10px;
}
.gv-map-hindrance ul {
    margin: 0 0 0 15px;
    padding: 0;
}
.gv-map-hindrance ul li {
    padding: 5px 0;
}
.gv-map-hindrance ul li.highlighted {
    background: #fcf7e3;
}
.gv-map-hindrance ul li a {
    color: #856404;
}
.gv-map-hindrance ul li span {
    display: block;
    font-size: 12px;
    color: #888;
}
.gv-map-hindrance.alert {
    border-radius: 5px;
}
.gv-map-hindrance.alert i {
    margin-right: 5px;
}
.gv-map-hindrance-status {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 999;
    font-size: .85em;
    display: none;
}
.gv-is-selected {
    color: #3c763d;
    background-color: #dff0d8 !important;
    border-color: #3c763d;
}
.gv-map-actions {
    margin-top: 20px;
}
.gv-map-actions:empty {
    display: none;
}
.gv-map-actions a {
    margin: 0 5px 5px 0;
}
.gv-map-actions a:hover {
    background: #e6e6e6;
}
.gv-map-actions a i {
    margin-right: 7px;
}
.has-success .input-group-btn button {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
}
.has-warning .input-group-btn button {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}
.has-error .input-group-btn button {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

/* Payments */
.detail .price>tbody>tr>th,
.detail .price>tbody>tr>td {
    padding-left: 0px;
}
.price tr:first-child th,
.total-amount tr:first-child th {
    border-top: none;
}
.price tr:not(:first-child):hover {
    background-color: #f5f5f5;
}
.price.type-checkbox tr:not(:first-child),
.price.type-radio tr:not(:first-child) {
    cursor: default;
}

/* Familymembers */
.family-members {
    cursor: default;
    width: 32.666%;
    margin-bottom: 0;
}
.family-members td {
    padding: 10px 0 !important;
}
.family-members tr td:last-child {
    text-align: center;
}
.family-members tr:first-child td {
    border-top: none;
}
.family-members.hover tr:hover {
    background-color: #f5f5f5;
}

/* Address */
.address .form-row-inline .select2-container {
    width: 100% !important;
}

#add-divisionrole,
#add-divisionuser,
a.add-divisionrole,
a.add-divisionuser {
    position: relative;
    top:7px;
    left: 0;
}

#fileInfo {
    margin-top: 10px;
}

div.section {
    clear: both;
}
div.section div.section-container {
    margin: 12px 0 0;
    display: flow-root;
}
div.section div.section-container:not(:last-of-type) {
    border-bottom: 1px solid #DDD;
}

div.section a.add-section {
    margin-bottom: 20px;
}

table.table.detail tr.section,
table.table.detail tr.section > th {
    border-bottom-color: #ddd;
    font-size: 16px
}
table.table.detail [data-separator="separator"] th {
    padding-top: 14px;
    padding-bottom: 2px;
    text-transform: uppercase;
}
table.table.detail tr.section-container-title {
    font-size: 15px
}

.bbc-budgetkey .form-group > hr,
.bbc-target .form-group > hr {
    margin-top: 15px;
}
.form-bbc-budgetkeys p {
    margin-bottom: 0;
}
.form-bbc-budgetkeys,
.form-bbc-targets {
    margin-top: 20px;
    margin-bottom: 20px;
}
.form-bbc-budgetkeys .icon,
.form-bbc-target .icon {
    margin-left: 15px;
}
.form-bbc-budgetkeys .form-group.required label:after,
.form-bbc-targets .form-group.required label:after {
    content: ' *';
    color: red;
    font-weight: normal;
}
.bbc-budgetkey-description,
.bbc-budgetkey-income,
.bbc-budgetkey-expense {
    float: left;
    width: 12%;
    text-align: right;
}
.bbc-budgetkey-description {
    width: 65%;
    padding-right: 20px;
    text-align: left;
}
.form-bbc-budgetkey .confirm-delete,
.form-bbc-budgetkey .budgetkey-input-form {
    margin-top: 15px;
}
.form-bbc-budgetkey.header {
    margin-top: -10px;
}
.form-bbc-budgetkey.header p {
    font-weight: bold;
}
.form-bbc-budgetkey.header hr {
    margin-top: 10px;
}
.form-bbc-budgetkeys .form-bbc-budgetkey.header {
    display: none;
}

.table-order-requests {
    margin-bottom: 0;
}
.table-order-requests table {
    margin-bottom: 10px;
}
.table-order-requests table td.index {
    text-align: right;
    width: 30px;
}
.table-order-requests table td.description {
    width: 20%;
}
.table-order-requests tr:nth-of-type(2n) td,
.table-order-requests table tr th,
.table-order-requests table tr td {
    border: 0
}
.question .table-policy-information tr td:last-of-type,
.question .table-order-requests tr td:last-of-type {
    width: 50px;
}
.table.detail .table-order-requests > thead > tr > th:last-of-type,
.table.detail .table-order-requests > tbody > tr:nth-of-type(2n+1) > td:last-of-type {
    display: none;
}
.order-request-form .order-request-amounts label {
    width: 175px;
}
.order-request-form .order-request-amounts span {
    text-align: right;
    width: 150px;
    display: inline-block;
}

.distributionlist .distributionlist-date .form-group {
    margin-right: 10px;
}
.distributionlist .distributionlist-date .distributionlist-date2 > span {
    vertical-align: 7px;
    margin-right: 10px;
}
.distributionlist .count {
    margin-right: 20px;
}

.distributionlist-error {
    color: #a94442;
}

.attachmentslist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.attachmentslist li {
    margin-bottom: 7px;
}

/* Comments */

.question.comment .comment-layout p:last-child {
    margin-bottom: 0;
}
.question.comment .comment-layout.success,
.question.comment .comment-layout.info,
.question.comment .comment-layout.warning,
.question.comment .comment-layout.error {
    border: 1px solid;
    padding: 15px 15px 15px 45px;
    border-radius: 5px;
    position: relative;
}
.question.comment .comment-layout.success::before,
.question.comment .comment-layout.info::before,
.question.comment .comment-layout.warning::before,
.question.comment .comment-layout.error::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    top: 16px;
    left: 18px;
}
.question.comment .comment-layout.success {
    background-color: #dff0d8;
    color: #155724 !important;
    border-color: #d6e9c6;
}
.question.comment .comment-layout.success::before {
    content: "\f00c";
}
.question.comment .comment-layout.info {
    background-color: #d9edf7;
    color: #0c5460 !important;
    border-color: #bce8f1;
}
.question.comment .comment-layout.info::before {
    content: "\f05a";
}
.gv-map-hindrance.alert,
.question.comment .comment-layout.warning {
    background-color: #fcf8e3;
    color: #856404 !important;
    border-color: #faebcc;
}
.question.comment .comment-layout.warning::before {
    content: "\f071";
}
.question.comment .comment-layout.error {
    background-color: #f2dede;
    color: #721c24 !important;
    border-color: #ebccd1;
}
.question.comment .comment-layout.error::before {
    content: "\f05e";
}

/* Misc */
.unfocus {
    opacity: .3;
}