*, *:before, *:after {
    box-sizing: border-box;
}

img,
video {
    max-width: 100%;
    height: auto;
}

textarea {
    max-width: 100%;
}

.panel {

}

    .panel-heading.toggler {
        position: relative;
        cursor: pointer;
    }

        .panel-heading.toggler::after {
            content: '➕';
            position: absolute;
            right: 10px;
            top: 50%;
            width: 25px;
            height: 25px;
            margin-top: -12.5px;
            line-height: 25px;
            text-align: center;
        }

            .panel-heading.toggler[aria-expanded=true]:after {
                content: "➖";
            }

/**
 * Utility class: use it in a container to display a background for instance
 * Don't forget to add an overflow: hidden on parent to avoid a horizontal scrollbar on Windows
 */
.u-full-width {
    width: 100vw;
    margin-left: calc(0px - (100vw - 100%) / 2);
    margin-right: calc(0px - (100vw - 100%) / 2);
    padding-left: calc((100vw - 100%) / 2 + 15px);
    padding-right: calc((100vw - 100%) / 2 + 15px);
}

/**
 * Bootstrap-style alerts
 */
form p.error,
.tl_error,
.iso_error,
.tl_confirm,
.iso_confirm,
.tl_new,
.iso_new,
.tl_info,
.iso_info,
.tl_raw,
.iso_raw {
    margin-bottom: 20px;
    padding: 15px;

    border: 1px solid transparent;
    border-radius: 4px;
}

form p.error {
  padding: 8px 15px;
  margin-bottom: 10px;
}

.tl_confirm,
.iso_confirm {
    color: #3c763d;
    border-color: #d6e9c6;
    background-color: #dff0d8;
}

    .tl_confirm a,
    .iso_confirm a {
        color: #2b542c;
    }

.tl_info,
.iso_info {
    color: #31708f;
    border-color: #bce8f1;
    background-color: #d9edf7;
}

    .tl_info a,
    .iso_info a {
        color: #245269;
    }

.tl_new,
.iso_new {
    color: #8a6d3b;
    border-color: #faebcc;
    background-color: #fcf8e3;
}

    .tl_new a,
    .iso_new a {
        color: #66512c;
    }

form p.error,
.tl_error,
.iso_error {
    color: #a94442;
    border-color: #ebccd1;
    background-color: #f2dede;
}

    .tl_error a,
    .iso_error a {
        color: #843534;
    }

/**
 * Bootstrap-style input errors
 */
select.error,
input.error {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    select.error:focus,
    input.error:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }

.form-control.sr-only {
    width: auto;
}