.navbar {
    justify-content: flex-start
}

.navbar-light .navbar-sidebar {
    position: relative;
    background: transparent;
    border: none;
    margin-right: 12px;
    width: 38px;
    height: 38px;
    overflow: hidden
}

.navbar-light .navbar-sidebar:hover {
    opacity: .7
}

.navbar-light .navbar-sidebar span, .navbar-light .navbar-sidebar::before, .navbar-light .navbar-sidebar::after {
    position: absolute;
    display: block;
    background: #505a69;
    border-radius: 1px;
    margin: auto;
    width: 16px;
    height: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    text-indent: -9999px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.navbar-light .navbar-sidebar::before {
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px);
    content: ""
}

.navbar-light .navbar-sidebar::after {
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
    content: ""
}

.navbar-light .navbar-sidebar.show span {
    opacity: 0
}

.navbar-light .navbar-sidebar.show::before {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -o-transform: rotate(-225deg);
    transform: rotate(-225deg)
}

.navbar-light .navbar-sidebar.show::after {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.page-link {
    border-color: #e7ecf1;
    color: #777;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.page-link:hover {
    background-color: #ebeef0;
    color: #2f3f54
}

.page-link:focus {
    box-shadow: none
}

.pagination-sm .page-link {
    font-size: 13px;
    padding: .5rem .4rem;
    line-height: 1
}

.pagination-sm .page-item {
    text-align: center;
    min-width: 30px
}

.pagination-sm .page-item:first-child, .pagination-sm .page-item:last-child {
    width: 24px;
    min-width: 20px
}

.pagination-sm .page-item:first-child .page-link span, .pagination-sm .page-item:last-child .page-link span {
    display: inline-block;
    text-indent: -9999px
}

.pagination-sm .page-item:first-child .page-link {
    -webkit-border-top-left-radius: 5rem;
    -moz-border-radius-topleft: 5rem;
    border-top-left-radius: 5rem;
    -webkit-border-bottom-left-radius: 5rem;
    -moz-border-radius-bottomleft: 5rem;
    border-bottom-left-radius: 5rem;
    background-image: url(/images/icon_arrow_pagination_prev.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 24px auto
}

.pagination-sm .page-item:first-child .page-link:hover {
    background-position: 0 -30px
}

.pagination-sm .page-item:last-child .page-link {
    -webkit-border-top-right-radius: 5rem;
    -moz-border-radius-topright: 5rem;
    border-top-right-radius: 5rem;
    -webkit-border-bottom-right-radius: 5rem;
    -moz-border-radius-bottomright: 5rem;
    border-bottom-right-radius: 5rem;
    background-image: url(/images/icon_arrow_pagination_next.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 24px auto
}

.pagination-sm .page-item:last-child .page-link:hover {
    background-position: 0 -30px
}

.pagination-sm .page-item.active .page-link {
    font-weight: 500;
    border-color: #2d7fd6;
    background-color: #2d7fd6
}

.pagination-sm .page-item.disabled span {
    display: block;
    background: white url(/images/icon_pagination_disabled.svg) no-repeat center center;
    background-size: 20px auto;
    border: 1px solid #e7ecf1;
    font-size: 13px;
    text-indent: -9999px;
    margin: 0 0 0 -1px;
    padding: .5rem .4rem;
    line-height: 1
}

.pagination-sm .page-item:first-child.disabled span, .pagination-sm .page-item:last-child.disabled span {
    background-size: 24px auto;
    background-position: 0 0
}

.pagination-sm .page-item:first-child.disabled span {
    background-image: url(/images/icon_arrow_pagination_prev.svg);
    -webkit-border-top-left-radius: 5rem;
    -moz-border-radius-topleft: 5rem;
    border-top-left-radius: 5rem;
    -webkit-border-bottom-left-radius: 5rem;
    -moz-border-radius-bottomleft: 5rem;
    border-bottom-left-radius: 5rem
}

.pagination-sm .page-item:last-child.disabled span {
    background-image: url(/images/icon_arrow_pagination_next.svg);
    -webkit-border-top-right-radius: 5rem;
    -moz-border-radius-topright: 5rem;
    border-top-right-radius: 5rem;
    -webkit-border-bottom-right-radius: 5rem;
    -moz-border-radius-bottomright: 5rem;
    border-bottom-right-radius: 5rem
}

.dropdown-menu.article-list {
    border-radius: .25rem;
    margin: .125rem 0;
    box-shadow: none;
    z-index: 1000
}

.dropdown-menu.article-list a.dropdown-item {
    color: #2f3f54;
    border-color: #d1d1d1;
    font-size: 12px;
    text-decoration: none
}

.dropdown-menu.article-list a.dropdown-item:hover {
    background-color: #ebeef0
}

.dropdown-menu.article-list a.dropdown-item:active {
    background-color: #2d7fd6;
    color: white
}

.dropdown-menu.article-list .dropdown-divider {
    border-color: #e7ecf1
}

.form-control {
    border-color: #d1d1d1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #efefef;
    cursor: not-allowed
}

.form-control[disabled], .form-control[disabled]:focus {
    color: #aaa !important
}

.custom-file {
    width: 65%;
    min-width: 400px;
    height: auto
}

.custom-file button.clear {
    border: 1px solid #d1d1d1 !important;
    border-radius: 0 !important;
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
    color: #2f3f54 !important;
    font-size: 14px !important;
    margin-left: -6px !important;
    padding: .375rem .75rem !important;
    height: 35px;
    -webkit-transition: border-color .15s ease-in-out;
    -moz-transition: border-color .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out;
    transition: border-color .15s ease-in-out
}

.custom-file button.clear.on {
    background: #ebeef0 !important
}

.custom-file-input:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    box-shadow: none
}

.custom-file-input:focus ~ .custom-file-label ~ .btn.clear, .custom-file-input.is-invalid:focus ~ .custom-file-label ~ .btn.clear {
    border-top-color: #80bdff !important;
    border-right-color: #80bdff !important;
    border-bottom-color: #80bdff !important
}

.custom-file-input.is-invalid ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    border-color: #f3445e
}

.custom-file-input.is-invalid ~ .custom-file-label ~ .btn.clear, .custom-file-input.is-invalid:focus ~ .custom-file-label ~ .btn.clear, .was-validated .custom-file-input:invalid ~ .custom-file-label ~ .btn.clear, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label ~ .btn.clear {
    border-top-color: #f3445e !important;
    border-right-color: #f3445e !important;
    border-bottom-color: #f3445e !important
}

.custom-file-input, .custom-file-label {
    color: #2f3f54;
    width: calc(100% - 68px)
}

.custom-file-input {
    cursor: pointer;
    vertical-align: top
}

.custom-file-label {
    border-right: 1px solid #d1d1d1 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.custom-file-label .text-truncate {
    display: inline-block;
    color: #9e9e9e;
    width: calc(100% - 110px)
}

.custom-file-label .text-truncate.selected {
    color: #2f3f54
}

.custom-file-input ~ .custom-file-label:after {
    background-color: white;
    border-left: 1px solid #d1d1d1;
    border-radius: 0
}

.custom-file-input.on ~ .custom-file-label:after {
    background-color: #ebeef0
}

.custom-file-input.drag ~ .custom-file-label {
    border-color: #80bdff
}

.custom-file-input.drag ~ .custom-file-label:after {
    background-color: #ebeef0
}

.custom-file-input.drag ~ .custom-file-label ~ .btn.clear {
    border-top-color: #80bdff !important;
    border-right-color: #80bdff !important;
    border-bottom-color: #80bdff !important
}

.custom-file-preview {
    position: relative;
    display: table;
    background: #f7fafc;
    border: 1px solid #e7ecf1;
    border-radius: 4px;
    margin: 15px 0 20px 0;
    padding: 25px;
    max-width: 100%
}

.custom-file-preview img {
    display: inline-block;
    vertical-align: bottom;
    max-width: 100%;
    max-height: 1000px
}

.custom-file-preview .clear {
    position: absolute;
    display: block;
    background: white url(/images/icon_dropzone_delete.svg) no-repeat 0 0;
    background-size: 28px auto;
    border: 1px solid #a0cff2;
    border-radius: 50%;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px
}

.custom-file-preview .clear:hover {
    background-position: 0 -28px
}

@media screen and (max-width: 430px) {
    .custom-file {
        width: 100%;
        min-width: initial
    }

    .custom-file button.clear {
        padding-right: 0 !important;
        padding-left: 0 !important;
        width: 65px
    }

    .custom-file-input, .custom-file-label {
        width: calc(100% - 64px)
    }

    .custom-file-label .text-truncate {
        width: calc(100% - 55px)
    }

    .custom-file-preview {
        margin: 15px auto 0 auto;
        padding: 20px
    }

    .custom-file-preview .clear {
        right: 7px;
        top: 7px
    }
}

.custom-checkbox {
    padding: 6px 0 6px 1.9rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #2d7fd6;
    border-color: #2d7fd6
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-image: url(/images/icon_check.svg);
    background-size: 100% auto
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label:before, .custom-checkbox .custom-control-input:active ~ .custom-control-label.after, .custom-checkbox .custom-control-input:focus ~ .custom-control-label:before, .custom-checkbox .custom-control-input:focus ~ .custom-control-label.after {
    box-shadow: none
}

.custom-checkbox .custom-control-input[disabled] ~ .custom-control-label {
    color: #2f3f54
}

.custom-checkbox .custom-control-input[disabled] ~ .custom-control-label:before {
    border: 1px solid #777;
    background-color: #777 !important
}

.custom-radio {
    padding: 6px 0 6px 1.9rem
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    border-color: #d1d1d1
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    background-color: white;
    background-image: url(/images/icon_radio.svg);
    background-size: 100% auto
}

.custom-radio .custom-control-input:active ~ .custom-control-label:before, .custom-radio .custom-control-input:active ~ .custom-control-label.after, .custom-radio .custom-control-input:focus ~ .custom-control-label:before, .custom-radio .custom-control-input:focus ~ .custom-control-label.after {
    box-shadow: none
}

.custom-radio .custom-control-input[disabled] ~ .custom-control-label {
    color: #2f3f54
}

.custom-control-label {
    margin-top: 2px;
    line-height: 20px
}

.custom-control-label::before {
    border: 1px solid #d1d1d1
}

.custom-control-label::before, .custom-control-label::after {
    width: 20px;
    height: 20px;
    top: 0;
    left: -30px
}

.custom-checkbox .custom-control-input[disabled] ~ .custom-control-label:before, .custom-radio .custom-control-input[disabled] ~ .custom-control-label:before {
    border: 1px solid #d1d1d1;
    background-color: #efefef !important
}

.custom-select {
    cursor: pointer
}

.custom-select.caba2-custom {
    background-image: url(/images/icon_arrow_select.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: center right;
    border: 1px solid #a0cff2;
    border-radius: 20px;
    color: #2d7fd6;
    padding: 0 25px;
    height: 40px
}

.custom-select.caba2-custom.md {
    width: 310px
}

.custom-select.caba2-custom.sm {
    width: 170px
}

.custom-select.caba2-custom.is-invalid {
    border-color: #f3445e
}

.custom-select.caba2-custom[disabled] {
    cursor: default;
    background-color: #efefef;
    background-image: url(/images/icon_arrow_select_disabled.svg);
    border-color: #d1d1d1;
    color: #aaa
}

.custom-range::-webkit-slider-thumb {
    background-color: #2d7fd6
}

.custom-range::-webkit-slider-thumb:hover, .custom-range::-webkit-slider-thumb:active {
    background-color: #215e9e
}

.custom-range::-webkit-slider-runnable-track {
    background-color: #ebeef0
}

.custom-range::-moz-range-thumb {
    background-color: #2d7fd6
}

.custom-range::-moz-range-thumb:hover, .custom-range::-moz-range-thumb:active {
    background-color: #215e9e
}

.custom-range::-moz-range-track {
    background-color: #ebeef0
}

.custom-range::-ms-track {
    background-color: #ebeef0
}

.custom-range::-ms-thumb {
    background-color: #2d7fd6
}

.custom-range::-ms-thumb:hover, .custom-range::-ms-thumb:active {
    background-color: #215e9e
}

.toggle.caba2-toggle {
    background-color: #f99213;
    border: 2px solid #f99213 !important;
    width: 150px !important;
    height: 40px !important
}

.toggle.caba2-toggle:focus, .toggle.caba2-toggle:active {
    background-color: #e37e00 !important;
    border: 2px solid #e37e00 !important
}

.toggle.caba2-toggle .toggle-group {
    cursor: pointer;
    width: calc(200% - 38px)
}

.toggle.caba2-toggle .toggle-group label.toggle-on, .toggle.caba2-toggle .toggle-group label.toggle-off {
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 36px
}

.toggle.caba2-toggle .toggle-group label.toggle-off {
    color: #2f3f54
}

.toggle.caba2-toggle .toggle-group .toggle-handle {
    position: relative;
    width: 36px
}

.toggle.caba2-toggle .toggle-group .toggle-handle:after {
    position: absolute;
    display: block;
    content: "";
    background: white;
    border-radius: 5rem;
    width: 28px;
    height: 28px;
    left: 4px;
    top: 4px
}

.toggle.caba2-toggle.off {
    background-color: #ebeef0;
    border: 2px solid #fcc076 !important
}

.toggle.caba2-toggle.off:focus, .toggle.caba2-toggle.off:active {
    background-color: #d7dde1 !important
}

.toggle.caba2-toggle.off .toggle-group {
    left: calc(-100% + 38px)
}

.toggle.caba2-toggle.off .toggle-group label {
    color: #2f3f54
}

@media screen and (max-width: 430px) {
    .toggle.caba2-toggle .toggle-group label {
        font-size: 14px !important
    }
}

:focus {
    outline: none !important;
    box-shadow: none !important
}

h3.required::before, label.required::before, span.required::before {
    display: inline-block;
    content: "必須";
    background: #f3445e;
    border-radius: 10rem;
    color: white;
    font-size: 10.5px;
    font-weight: 500;
    line-height: 1;
    margin-right: 14px;
    padding: 4px 8px
}

h3.required:before {
    vertical-align: top;
    margin-top: 1px
}

label.required.after::before {
    display: none
}

label.required.after::after {
    display: inline-block;
    content: "必須";
    background: #f3445e;
    border-radius: 10rem;
    color: white;
    font-size: 10.5px;
    line-height: 1;
    margin-left: 14px;
    padding: 4px 8px
}

span.required.hide::before {
    display: none
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #f3445e
}

.invalid-feedback {
    color: #f00
}

@media screen and (max-width: 768px) {
    label.required::before {
        vertical-align: top
    }
}

.fa-analytics {
    background: url(/images/fa-analytics.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-analytics:before {
    content: ""
}

.fa-bell {
    background: url(/images/fa-bell.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-bell:before {
    content: ""
}

.fa-books {
    background: url(/images/fa-books.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-books:before {
    content: ""
}

.fa-calendar-edit {
    background: url(/images/fa-calendar-edit.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-calendar-edit:before {
    content: ""
}

.fa-cast {
    background: url(/images/fa-cast.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-cast:before {
    content: ""
}

.fa-chart-bar {
    background: url(/images/fa-chart-bar.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-chart-bar:before {
    content: ""
}

.fa-code {
    background: url(/images/fa-code.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-code:before {
    content: ""
}

.fa-door-closed {
    background: url(/images/fa-door-closed.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-door-closed:before {
    content: ""
}

.fa-edit {
    background: url(/images/fa-edit.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-edit:before {
    content: ""
}

.fa-group-bar {
    background: url(/images/fa-group-bar.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-group-bar:before {
    content: ""
}

.fa-home {
    background: url(/images/fa-home.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-home:before {
    content: ""
}

.fa-id-card {
    background: url(/images/fa-id-card.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-id-card:before {
    content: ""
}

.fa-list-ul {
    background: url(/images/fa-list-ul.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-list-ul:before {
    content: ""
}

.fa-manual {
    background: url(/images/fa-manual.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-manual:before {
    content: ""
}

.fa-staff {
    background: url(/images/fa-staff.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-staff:before {
    content: ""
}

.fa-sync-alt {
    background: url(/images/fa-sync-alt.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-sync-alt:before {
    content: ""
}

.fa-tachometer-alt-fast {
    background: url(/images/fa-tachometer-alt-fast.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-tachometer-alt-fast:before {
    content: ""
}

.fa-user-cog {
    background: url(/images/fa-user-cog.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-user-cog:before {
    content: ""
}

.fa-window-restore {
    background: url(/images/fa-window-restore.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-window-restore:before {
    content: ""
}

.fa-caba2_net {
    background: url(/images/fa-caba2_net.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-caba2_net:before {
    content: ""
}

.fa-caba2_net-cast {
    background: url(/images/fa-caba2_net-cast.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-caba2_net-cast:before {
    content: ""
}

.fa-coupon {
    background: url(/images/fa-coupon.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-coupon:before {
    content: ""
}

.fa-diary {
    background: url(/images/fa-diary.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-diary:before {
    content: ""
}

.fa-gravure {
    background: url(/images/fa-gravure.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-gravure:before {
    content: ""
}

.fa-hot-news {
    background: url(/images/fa-hot-news.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-hot-news:before {
    content: ""
}

.fa-media {
    background: url(/images/fa-media.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-media:before {
    content: ""
}

.fa-point {
    background: url(/images/fa-point.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-point:before {
    content: ""
}

.fa-price-system {
    background: url(/images/fa-price-system.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-price-system:before {
    content: ""
}

.fa-whats-new {
    background: url(/images/fa-whats-new.svg) no-repeat 0 -1px;
    background-size: auto 22px
}

.fa-whats-new:before {
    content: ""
}

.chart-container {
    position: relative;
    width: 100%
}

#canvas_display_per_apply, #canvas_pie_register {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#canvas_display_per_apply.show, #canvas_pie_register.show {
    visibility: visible;
    opacity: 1
}

#legend_display_per_apply, #legend_display_per_apply_sp, #legend_pie_register {
    -webkit-transform-style: preserve-3d;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#legend_display_per_apply.show, #legend_display_per_apply_sp.show, #legend_pie_register.show {
    opacity: 1
}

#legend_display_per_apply ul, #legend_display_per_apply_sp ul, #legend_pie_register ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#legend_display_per_apply ul li, #legend_display_per_apply_sp ul li, #legend_pie_register ul li {
    cursor: pointer;
    font-size: 11px
}

#legend_display_per_apply ul li.hidden, #legend_display_per_apply_sp ul li.hidden, #legend_pie_register ul li.hidden {
    text-decoration: line-through
}

#legend_display_per_apply ul li span, #legend_display_per_apply_sp ul li span, #legend_pie_register ul li span {
    line-height: 0;
    display: inline-block;
    vertical-align: middle
}

#legend_display_per_apply, #legend_display_per_apply_sp {
    margin-bottom: 15px
}

#legend_display_per_apply ul, #legend_display_per_apply_sp ul {
    float: right;
    margin-right: 40px
}

#legend_display_per_apply ul li, #legend_display_per_apply_sp ul li {
    display: inline-block;
    margin-right: 20px;
    line-height: 12px
}

#legend_display_per_apply ul li:last-child, #legend_display_per_apply_sp ul li:last-child {
    margin-right: 0
}

#legend_display_per_apply ul li span, #legend_display_per_apply_sp ul li span {
    margin-right: 7px;
    width: 52px;
    height: 2px
}

#legend_display_per_apply ul li.apply-4 span, #legend_display_per_apply_sp ul li.apply-4 span {
    height: 12px
}

#legend_display_per_apply_sp {
    margin: 0 0 0 10px
}

#legend_display_per_apply_sp ul {
    float: none;
    margin-right: 0
}

#legend_display_per_apply_sp ul li {
    margin-right: 0;
    width: calc(33.333%)
}

#legend_display_per_apply_sp ul li span {
    width: 25px
}

#tooltip_display_per_apply {
    z-index: 50
}

#legend_pie_register {
    margin-top: 50px
}

#legend_pie_register ul {
    margin: 0 auto;
    width: 200px
}

#legend_pie_register ul li {
    line-height: 20px
}

#legend_pie_register ul li span {
    margin-right: 12px;
    width: 45px;
    height: 20px
}

#legend_pie_register ul li + li {
    margin-top: 8px
}

@media screen and (max-width: 1300px) {
    #legend_display_per_apply ul {
        margin: 0 auto
    }

    #legend_display_per_apply ul li {
        width: 108px
    }
}

input.datepicker {
    background: url(/images/icon_calendar.svg) no-repeat 15px center;
    background-size: 30px auto;
    border: 1px solid #a0cff2 !important;
    border-radius: 20px;
    color: #2d7fd6;
    padding: 0 25px 0 52px;
    height: 40px
}

input.datepicker.year {
    padding-left: 72px
}

input.datepicker.month {
    padding-left: 62px
}

input.datepicker.sm:not(.plan):not(.rate_plan), input.datepicker.md:not(.plan):not(.rate_plan) {
    background-image: url(/images/icon_calendar.svg), url(/images/icon_arrow_select.svg);
    background-size: 30px auto, 30px auto;
    background-position: 15px center, right center
}

input.datepicker.sm {
    width: 185px
}

input.datepicker.md {
    width: 310px
}

input.datepicker[readonly] {
    cursor: default;
    background-color: white;
    color: #2d7fd6
}

input.datepicker[disabled] {
    background-color: #efefef;
    border-color: #d1d1d1 !important
}

input.datepicker[disabled]:not(.plan):not(.rate_plan) {
    background-image: url(/images/icon_calendar_disabled.svg), url(/images/icon_arrow_select_disabled.svg)
}

input.datepicker:active, input.datepicker:focus {
    color: #2d7fd6
}

.dropdown-menu {
    border: 1px solid #d1d1d1;
    color: #2f3f54;
    margin: 5px 0 5px 7px
}

.datepicker-wrapper {
    padding: 0;
    width: 267px
}

.datepicker-wrapper.inline {
    border: 1px solid #e7ecf1
}

.datepicker-inline {
    padding: 0;
    width: 244px
}

div.datepicker {
    font-size: 14px;
    color: #2f3f54;
    padding: 10px;
    z-index: 1100 !important
}

div.datepicker table tr th, div.datepicker table tr td {
    width: 32px;
    height: 32px
}

div.datepicker table tr th {
    font-weight: 500
}

div.datepicker table tr th.datepicker-switch:hover, div.datepicker table tr th.prev:hover, div.datepicker table tr th.next:hover {
    background-color: #ebeef0
}

div.datepicker table tr th.prev, div.datepicker table tr th.next {
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 32px
}

div.datepicker table tr th.prev, div.datepicker table tr th.prev:hover {
    background-image: url(/images/icon_arrow_calendar_prev.svg);
    background-size: 30px auto;
    background-position: center center
}

div.datepicker table tr th.next, div.datepicker table tr th.next:hover {
    background-image: url(/images/icon_arrow_calendar_next.svg);
    background-size: 30px auto;
    background-position: center center
}

div.datepicker table tr th.dow {
    font-weight: normal
}

div.datepicker table tr td span {
    border: none;
    line-height: 52px;
    margin: 0;
    width: 25%;
    height: 52px
}

div.datepicker table tr td span:hover {
    background: #ebeef0
}

div.datepicker table tr td span.active {
    background: #2d7fd6
}

div.datepicker table tr td span.old, div.datepicker table tr td span.new {
    color: #2f3f54
}

div.datepicker table tr td span.old.active, div.datepicker table tr td span.new.active {
    background: none
}

div.datepicker table tr td span.century:hover, div.datepicker table tr td span.decade:hover, div.datepicker table tr td span.year:hover, div.datepicker table tr td span.month:hover {
    background: #ebeef0
}

div.datepicker table tr td span.century.active, div.datepicker table tr td span.decade.active, div.datepicker table tr td span.year.active, div.datepicker table tr td span.month.active {
    background: #2d7fd6;
    color: white
}

div.datepicker table tr td span.century.active:hover, div.datepicker table tr td span.decade.active:hover, div.datepicker table tr td span.year.active:hover, div.datepicker table tr td span.month.active:hover {
    background: #215e9e
}

div.datepicker table tr td span.century.focused, div.datepicker table tr td span.decade.focused, div.datepicker table tr td span.year.focused, div.datepicker table tr td span.month.focused {
    background: #ebeef0
}

div.datepicker table tr td span.century.focused:hover, div.datepicker table tr td span.decade.focused:hover, div.datepicker table tr td span.year.focused:hover, div.datepicker table tr td span.month.focused:hover {
    background: #d7dbdd
}

div.datepicker table tr td span.century.focused.active, div.datepicker table tr td span.decade.focused.active, div.datepicker table tr td span.year.focused.active, div.datepicker table tr td span.month.focused.active {
    background: #2d7fd6
}

div.datepicker table tr td span.century.focused.active:hover, div.datepicker table tr td span.decade.focused.active:hover, div.datepicker table tr td span.year.focused.active:hover, div.datepicker table tr td span.month.focused.active:hover {
    background: #215e9e
}

div.datepicker table tr td.old, div.datepicker table tr td.new {
    color: #999
}

div.datepicker table tr td.today {
    background-color: #ffe6ea;
    background-image: none
}

div.datepicker table tr td.today.day:hover {
    background-color: #ebeef0
}

div.datepicker table tr td.day {
    border: none
}

div.datepicker table tr td.day:hover {
    background: #ebeef0
}

div.datepicker table tr td.day.active {
    background: #2d7fd6;
    font-weight: 500
}

div.datepicker table tr td.day.active:hover {
    background: #215e9e
}

div.datepicker table tfoot tr th {
    font-weight: normal
}

div.datepicker table tfoot tr th:hover {
    background-color: #ebeef0
}

@media screen and (max-width: 430px) {
    input.datepicker.month {
        padding-left: 57px
    }

    input.datepicker.year {
        padding-left: 65px
    }
}

input.daterange {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/images/icon_calendar.svg) no-repeat 15px center;
    background-size: 30px auto;
    border: 1px solid #a0cff2;
    border-radius: 20px;
    color: #2d7fd6;
    padding: 0 20px 0 52px;
    width: 240px;
    height: 40px
}

input.daterange.sm:not(.plan):not(.rate_plan), input.daterange.md:not(.plan):not(.rate_plan) {
    background-image: url(/images/icon_calendar.svg), url(/images/icon_arrow_select.svg);
    background-size: 30px auto, 30px auto;
    background-position: 15px center, right center
}

input.daterange.sm {
    width: 185px
}

input.daterange.md {
    width: 310px
}

input.daterange[readonly] {
    cursor: default;
    background-color: white;
    color: #2d7fd6
}

input.daterange::-webkit-input-placeholder, input.daterange::placeholder {
    color: #2d7fd6
}

input.daterange:active, input.daterange:focus {
    color: #2d7fd6
}

.daterangepicker {
    font-family: inherit;
    margin-right: 10px;
    z-index: 1100
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 1px solid #e7ecf1
}

.daterangepicker .ranges ul {
    width: 115px
}

.daterangepicker .ranges ul li {
    font-size: 13px
}

.daterangepicker .ranges ul li.active {
    background-color: #2d7fd6
}

.daterangepicker .ranges ul li.active:hover {
    background-color: #215e9e
}

.daterangepicker .ranges ul li:hover {
    background-color: #ebeef0
}

.daterangepicker .calendar-table thead th, .daterangepicker .calendar-table thead td {
    cursor: default
}

.daterangepicker .calendar-table thead th.available {
    cursor: pointer
}

.daterangepicker .calendar-table thead th.available span {
    display: none
}

.daterangepicker .calendar-table thead th.available.prev {
    background-image: url(/images/icon_arrow_calendar_prev.svg);
    background-size: 30px auto;
    background-position: center center
}

.daterangepicker .calendar-table thead th.available.next {
    background-image: url(/images/icon_arrow_calendar_next.svg);
    background-size: 30px auto;
    background-position: center center
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    border: none;
    font-size: 14px;
    padding: 1px;
    width: 32px;
    height: 32px
}

.daterangepicker .calendar-table th {
    font-weight: normal
}

.daterangepicker .calendar-table th.month {
    font-weight: 500
}

.daterangepicker .calendar-table td.today {
    background-color: #ffe6ea
}

.daterangepicker .calendar-table td.available:hover {
    background-color: #ebeef0
}

.daterangepicker .calendar-table td.active {
    background-color: #2d7fd6;
    font-weight: 500
}

.daterangepicker .calendar-table td.active:hover {
    background-color: #215e9e !important
}

.daterangepicker .calendar-table td.in-range {
    background-color: #f1f6f7
}

.daterangepicker .calendar-table td.in-range.start-date, .daterangepicker .calendar-table td.in-range.end-date {
    background-color: #2d7fd6
}

.daterangepicker .calendar-table td.off, .daterangepicker .calendar-table td.off.in-range, .daterangepicker .calendar-table td.off.start-date, .daterangepicker .calendar-table td.off.end-date {
    background-color: white;
    color: #999
}

.daterangepicker .drp-buttons {
    border-top: 1px solid #e7ecf1
}

.daterangepicker .drp-buttons .drp-selected {
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

.daterangepicker .drp-buttons .btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 0 12px;
    height: 32px
}

.daterangepicker .drp-buttons .btn.btn-default {
    font-size: 12px;
    font-weight: normal;
    margin-right: 8px
}

.daterangepicker .drp-buttons .btn.btn-default:hover {
    background-color: #ebeef0
}

.daterangepicker .drp-buttons .btn.btn-primary {
    background-color: #2d7fd6
}

.daterangepicker .drp-buttons .btn.btn-primary:not([disabled]):hover {
    background-color: #215e9e
}

@media screen and (max-width: 430px) {
    .daterangepicker.show-ranges.ltr .drp-calendar.left {
        border-left: none
    }

    .daterangepicker.show-calendar .ranges {
        border-bottom: 1px solid #e7ecf1;
        padding-bottom: 8px
    }

    .daterangepicker.show-calendar .ranges ul {
        width: 100%
    }

    .daterangepicker .drp-calendar.left {
        margin: 0 auto;
        padding: 10px 8px
    }

    .daterangepicker .drp-calendar.right {
        margin: 0 auto;
        padding: 0 8px 10px 8px
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        width: auto;
        height: 30px
    }

    .daterangepicker .drp-buttons {
        padding: 10px
    }

    .daterangepicker .drp-buttons .drp-selected {
        display: block;
        text-align: left;
        margin-bottom: 8px;
        padding: 0
    }

    .daterangepicker .drp-buttons .btn.btn-default {
        font-size: 12px !important
    }

    .daterangepicker .drp-buttons .btn.btn-primary {
        font-size: 14px !important
    }
}

@-webkit-keyframes dz-drag-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

@-moz-keyframes dz-drag-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

@keyframes dz-drag-bg {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

.dz-wrapper {
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.dropzone {
    background: transparent;
    border: none;
    padding: 0;
    min-height: 0;
    user-select: none;
    -webkit-user-select: none
}

.dropzone.dz-clickable {
    border: 4px solid white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.dropzone.dz-drag-hover {
    background: repeating-linear-gradient(-45deg, white 0, white 12px, #f7fafc 12px, #f7fafc 24px);
    background-size: 68px 68px;
    -webkit-animation: dz-drag-bg 15s infinite linear forwards;
    -moz-animation: dz-drag-bg 15s infinite linear forwards;
    animation: dz-drag-bg 15s infinite linear forwards
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .6
}

.dropzone .dz-message {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 33px
}

.dropzone .dz-message .btn.btn-secondary.image {
    background: white;
    border: 1px solid #a0cff2;
    border-radius: 5rem;
    color: #2d7fd6;
    margin: 0;
    padding: 5px 25px
}

.dropzone .dz-message .btn.btn-secondary.image .icon {
    background-image: url(/images/icon_file_upload.svg);
    margin-left: 5px;
    margin-right: 10px
}

.dropzone .dz-message .btn.btn-secondary.image span {
    font-size: 14px;
    margin-right: 35px
}

.dropzone .dz-message p.info {
    font-size: 14px;
    margin: 13px 0 0 0
}

.dropzone.previews, .dropzone.media-previews {
    background: #f7fafc;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    padding-right: 25px
}

.dropzone.previews .dz-preview, .dropzone.media-previews .dz-preview {
    position: relative;
    cursor: pointer;
    margin: 25px 0 0 25px
}

.dropzone.previews .dz-preview:not(.on-sort):hover .dz-details, .dropzone.media-previews .dz-preview:not(.on-sort):hover .dz-details {
    opacity: 1
}

.dropzone.previews .dz-preview:last-child, .dropzone.media-previews .dz-preview:last-child {
    margin-bottom: 25px
}

.dropzone.previews .dz-preview.dz-image-preview, .dropzone.media-previews .dz-preview.dz-image-preview {
    background: transparent
}

.dropzone.previews .dz-preview .dz-image, .dropzone.media-previews .dz-preview .dz-image {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.dropzone.previews .dz-preview .dz-details, .dropzone.media-previews .dz-preview .dz-details {
    font-size: 11px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.dropzone.previews .dz-preview .dz-error-message, .dropzone.media-previews .dz-preview .dz-error-message {
    background: #f3445e;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 10px 7px 10px
}

.dropzone.previews .dz-preview .dz-error-message:after, .dropzone.media-previews .dz-preview .dz-error-message:after {
    border-bottom-color: #f3445e
}

.dropzone.previews .dz-preview .dz-remove, .dropzone.previews .dz-preview .dz-expand, .dropzone.media-previews .dz-preview .dz-remove, .dropzone.media-previews .dz-preview .dz-expand {
    position: absolute;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -9999px
}

.dropzone.previews .dz-preview .dz-remove, .dropzone.media-previews .dz-preview .dz-remove {
    background: white url(/images/icon_dropzone_delete.svg) no-repeat 0 0;
    background-size: 28px auto;
    border: 1px solid #a0cff2;
    width: 30px;
    height: 30px;
    right: -12px;
    top: -10px;
    z-index: 1100
}

.dropzone.previews .dz-preview .dz-remove:hover, .dropzone.media-previews .dz-preview .dz-remove:hover {
    background-position: 0 -28px
}

.dropzone.previews .dz-preview.on-sort, .dropzone.media-previews .dz-preview.on-sort {
    opacity: .7
}

.dropzone.previews .dz-preview.on-sort .dz-image img, .dropzone.media-previews .dz-preview.on-sort .dz-image img {
    filter: blur(0)
}

.dropzone.previews .dz-preview.on-sort .dz-size, .dropzone.previews .dz-preview.on-sort .dz-filename, .dropzone.previews .dz-preview.on-sort .dz-progress, .dropzone.previews .dz-preview.on-sort .dz-error-message, .dropzone.previews .dz-preview.on-sort .dz-success-mark, .dropzone.previews .dz-preview.on-sort .dz-error-mark, .dropzone.previews .dz-preview.on-sort .dz-expand, .dropzone.media-previews .dz-preview.on-sort .dz-size, .dropzone.media-previews .dz-preview.on-sort .dz-filename, .dropzone.media-previews .dz-preview.on-sort .dz-progress, .dropzone.media-previews .dz-preview.on-sort .dz-error-message, .dropzone.media-previews .dz-preview.on-sort .dz-success-mark, .dropzone.media-previews .dz-preview.on-sort .dz-error-mark, .dropzone.media-previews .dz-preview.on-sort .dz-expand {
    display: none
}

@media screen and (max-width: 768px) {
    .dropzone.previews .dz-preview .dz-expand {
        background-color: rgba(0, 0, 0, 0.2);
        opacity: .8;
        left: 5px;
        bottom: 5px
    }

    .dropzone.previews .dz-preview .dz-expand.hover {
        background-color: rgba(0, 0, 0, 0.4);
        border-color: rgba(255, 255, 255, 0.8);
        opacity: 1
    }
}

@media screen and (max-width: 430px) {
    .dropzone .dz-message {
        padding: 33px 25px
    }

    .dropzone.previews {
        padding-right: 20px
    }

    .dropzone.previews .dz-preview {
        margin: 20px 0 0 20px
    }

    .dropzone.previews .dz-preview:last-child {
        margin-bottom: 20px
    }

    .dropzone.previews .dz-preview .dz-image {
        width: 104px;
        height: 104px
    }

    .dropzone.previews .dz-preview .dz-image img {
        width: 104px;
        height: 104px
    }
}

div.movie-group-base {
    display: none
}

div.movie-group label.movie-group {
    padding-top: 22px
}

div.movie-group .movie-forms-wrapper {
    position: relative;
    border: 1px dashed #e7ecf1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 14px 20px
}

div.movie-group .movie-forms-wrapper .movie-wrapper {
    margin-top: 14px;
    margin-bottom: 6px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.hide {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea {
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea.hide {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable, div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable * {
    cursor: pointer
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable {
    border: 4px solid white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 33px;
    text-align: center
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message .btn.movie {
    background: white;
    border: 1px solid #a0cff2;
    border-radius: 5rem;
    color: #2d7fd6;
    margin: 0;
    padding: 5px 25px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message .btn.movie .icon {
    background-image: url(/images/icon_movie_upload.svg);
    margin-left: 5px;
    margin-right: 10px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message .btn.movie span {
    font-size: 14px;
    margin-right: 35px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message p.info {
    font-size: 14px;
    margin: 13px 0 0 0
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .file {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable.drag-hover {
    background: repeating-linear-gradient(-45deg, white 0, white 12px, #f7fafc 12px, #f7fafc 24px);
    background-size: 68px 68px;
    -webkit-animation: dz-drag-bg 15s infinite linear forwards;
    -moz-animation: dz-drag-bg 15s infinite linear forwards;
    animation: dz-drag-bg 15s infinite linear forwards
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable.drag-hover .movie-message {
    opacity: .6
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress.show {
    display: block
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper {
    position: relative;
    display: flex;
    min-height: 16px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper .progress {
    flex: 1 1 auto;
    position: relative;
    background-color: #ebeef0;
    border-radius: 0;
    margin: 4px 0 0 0;
    height: 8px;
    overflow: hidden
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper .progress .marquee {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #2d7fd6 0, #2d7fd6 100%) no-repeat;
    background-size: 50% 10px;
    -webkit-animation: marquee 4s infinite linear forwards;
    animation: marquee 4s infinite linear forwards
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper .btn.abort-movie {
    display: block;
    background: url(/images/icon_button_abort_movie.svg) no-repeat 0 0;
    background-size: 16px auto;
    margin-left: 10px;
    width: 16px;
    height: 16px;
    overflow: hidden
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper .btn.abort-movie.hover {
    background-position: 0 -16px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .progress-wrapper .btn.abort-movie span {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper {
    position: relative
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper p {
    margin: 8px 0 0 0;
    font-size: 12.8px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper p.info {
    float: left;
    width: calc(100% - 55px)
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper p.percentage {
    float: right;
    text-align: right;
    width: 50px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper .btn.reset {
    position: absolute;
    display: none;
    background-color: white;
    border: 1px solid #2d7fd6;
    width: 80px;
    height: 24px;
    right: 0;
    top: 6px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper .btn.reset.show {
    display: block
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper .btn.reset:hover {
    background-color: #ebeef0
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper .btn.reset span {
    color: #2d7fd6;
    font-size: 12.8px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form.show {
    display: block
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.label-path label, div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.label-poster label {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 75px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.path, div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.poster {
    flex: 1 0 auto
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto .btn.delete-movie {
    margin-left: 5px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-loader {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-loader .loader {
    margin: 35px auto 20px auto;
    text-indent: -9999px;
    border-top: 3px solid #ebeef0;
    border-right: 3px solid #ebeef0;
    border-bottom: 3px solid #ebeef0;
    border-left: 3px solid #2d7fd6;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loading 1.5s infinite linear;
    animation: loading 1.5s infinite linear;
    width: 60px;
    height: 60px;
    overflow: hidden
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.label-url label, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.label-id label {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    width: 60px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id {
    flex: 1 0 auto
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url input::placeholder, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id input::placeholder {
    color: transparent !important
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url input::-ms-input-placeholder, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id input::-ms-input-placeholder {
    color: transparent !important
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url input::-ms-input-placeholder, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id input::-ms-input-placeholder {
    color: transparent !important
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .btn.get-movie {
    background-color: #fff;
    border: 1px solid #2d7fd6;
    border-radius: 5rem;
    color: #2d7fd6;
    margin-left: 5px;
    width: 100px;
    height: 35px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .btn.get-movie span {
    font-size: 14px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .btn.get-movie:not([disabled]).hover {
    background-color: #ebeef0
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .custom-radio:first-child {
    margin-left: 5px;
    margin-right: 10px
}

div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .custom-radio:last-child {
    margin-right: 4px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container {
    display: none;
    margin: 20px auto 0 auto;
    max-width: 569px;
    max-height: 320px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.show {
    display: block
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container .player {
    position: relative;
    width: 100%;
    height: 0
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container .player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.horizontal169 {
    max-width: 569px;
    max-height: 320px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.horizontal169 .player {
    padding-bottom: 56.25%
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.horizontal43 {
    max-width: 480px;
    max-height: 360px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.horizontal43 .player {
    padding-bottom: 75%
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.vertical916 {
    max-width: 243px;
    max-height: 432px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.vertical916 .player {
    padding-bottom: 177.8125%
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.vertical34 {
    max-width: 243px;
    max-height: 324px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .movie-container.vertical34 .player {
    padding-bottom: 133.3333%
}

div.movie-group .movie-forms-wrapper .movie-wrapper .btn.delete-movie {
    display: inline-block;
    margin: 2.5px 0 0 0;
    background: url(/images/icon_button_delete_movie.svg) no-repeat -1px -1px;
    background-size: 30px auto;
    border: 1px solid #fc4f79;
    width: 30px;
    height: 30px
}

div.movie-group .movie-forms-wrapper .movie-wrapper .btn.delete-movie span {
    display: none
}

div.movie-group .movie-forms-wrapper .movie-wrapper .btn.delete-movie.hover {
    background-color: #ebeef0
}

div.movie-group .movie-forms-wrapper .delete-movie-group-wrapper {
    position: absolute;
    right: 20px;
    top: 15px
}

div.movie-group .movie-forms-wrapper .delete-movie-group-wrapper .btn.delete-movie-group {
    display: block;
    background: url(/images/icon_button_delete_movie_group.svg) no-repeat;
    background-size: 30px auto;
    width: 30px;
    height: 30px;
    overflow: hidden
}

div.movie-group .movie-forms-wrapper .delete-movie-group-wrapper .btn.delete-movie-group.hover {
    background-position: 0 -40px
}

div.movie-group .movie-forms-wrapper .delete-movie-group-wrapper .btn.delete-movie-group span {
    display: none
}

div.movie-group-base + div.movie-group, div.movie-group + div.movie-group {
    margin-top: 30px
}

.content-wrapper article.form div.add-movie-group-wrapper {
    margin: 25px 0 -10px 0
}

.content-wrapper article.form div.add-movie-group-wrapper .btn.add-movie-group {
    display: block;
    background: url(/images/icon_button_add.svg) no-repeat 0 0;
    background-size: 30px auto;
    text-indent: -9999px;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.content-wrapper article.form div.add-movie-group-wrapper .btn.add-movie-group.hover {
    background-position: 0 -40px
}

.content-wrapper article.form div.add-movie-group-wrapper .btn.add-movie-group span {
    display: none
}

@media screen and (max-width: 430px) {
    div.movie-group label.movie-group {
        padding-top: 0
    }

    div.movie-group .movie-forms-wrapper {
        border: none;
        padding: 0
    }

    div.movie-group .movie-forms-wrapper .movie-type .custom-control-inline {
        display: block
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper {
        margin-bottom: 0
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message {
        padding: 30px 12px
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message .btn.movie {
        padding: 5px 15px
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message p.info {
        white-space: nowrap
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-droparea .movie-clickable .movie-message p.info wbr {
        word-wrap: break-word
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper p.info {
        width: calc(100% - 90px)
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-progress .info-wrapper .btn.reset {
        top: 8px
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.label-path, div.movie-group .movie-forms-wrapper .movie-wrapper.self .movie-form .col-auto.label-poster {
        display: none
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.label-url, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.label-id {
        display: none
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url input::-webkit-input-placeholder, div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id input::-webkit-input-placeholder {
        color: #9e9e9e !important
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.url {
        max-width: calc(100% - 100px)
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto.id {
        flex: 0 0 auto;
        max-width: calc(100% - 165px)
    }

    div.movie-group .movie-forms-wrapper .movie-wrapper.youtube .movie-form .col-auto .btn.get-movie {
        width: 85px;
        height: 38px
    }

    div.movie-group .movie-forms-wrapper .delete-movie-group-wrapper {
        right: -4px;
        top: 2px
    }

    div.movie-group-base + div.movie-group {
        margin-top: 15px
    }

    div.movie-group + div.movie-group {
        border-top: 1px dashed #e7ecf1;
        margin-top: 20px;
        padding-top: 15px
    }

    .content-wrapper article.form div.add-movie-group-wrapper {
        border-top: 1px dashed #e7ecf1;
        margin-top: 20px;
        padding-top: 20px
    }
}

@-webkit-keyframes marquee {
    0% {
        background-position: -100% 0
    }
    100% {
        background-position: 200% 0
    }
}

@keyframes marquee {
    0% {
        background-position: -100% 0
    }
    100% {
        background-position: 200% 0
    }
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.slider.slider-horizontal {
    margin-left: 8px;
    margin-right: 8px;
    height: 16px
}

.slider.slider-horizontal .slider-track {
    background: #e7ecf1;
    box-shadow: none;
    margin-top: -4px;
    height: 8px
}

.slider.slider-horizontal .slider-track .slider-selection.tick-slider-selection {
    display: none
}

.slider.slider-horizontal .slider-tick {
    background: #e7ecf1;
    box-shadow: none;
    margin-left: -8px;
    width: 16px;
    height: 16px
}

.slider.slider-horizontal .slider-tick.in-selection {
    background: #e7ecf1;
    box-shadow: none
}

.slider.slider-horizontal .slider-handle {
    background: #2d7fd6;
    margin-left: -8px;
    width: 16px;
    height: 16px
}

.slider.slider-horizontal .slider-handle:hover, .slider.slider-horizontal .slider-handle:focus {
    background: #215e9e
}

.bootstrap-tagsinput {
    box-shadow: none;
    width: 100%
}

.bootstrap-tagsinput .tag.label {
    display: inline-block;
    background-color: #53a2ea;
    border-radius: .25em;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 4px;
    padding: 6px .6em;
    white-space: nowrap;
    vertical-align: middle
}

.bootstrap-tagsinput .tag.label span[data-role=remove] {
    font-weight: normal
}

.bootstrap-tagsinput input[type=text] {
    border: none !important;
    margin-top: 0;
    padding: 0
}

div.calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 25px
}

div.calendar .fc-toolbar .fc-button {
    border: 1px solid #a0cff2;
    background-color: white;
    color: #2d7fd6;
    font-size: 12px;
    line-height: 1;
    padding: 9px
}

div.calendar .fc-toolbar .fc-button:hover, div.calendar .fc-toolbar .fc-button:active {
    background-color: #ebeef0;
    color: #215e9e
}

div.calendar .fc-toolbar .fc-button:focus {
    border: 1px solid #a0cff2
}

div.calendar .fc-toolbar .fc-button.fc-button-active {
    border: 1px solid #2d7fd6;
    background-color: #2d7fd6;
    color: white
}

div.calendar .fc-toolbar .fc-button.fc-button-active:hover {
    border-color: #215e9e;
    background-color: #215e9e
}

div.calendar .fc-toolbar .fc-button span {
    font-size: 12px;
    line-height: 1
}

div.calendar .fc-toolbar .fc-button-group button:first-child {
    -webkit-border-top-left-radius: 5rem;
    -moz-border-radius-topleft: 5rem;
    border-top-left-radius: 5rem;
    -webkit-border-bottom-left-radius: 5rem;
    -moz-border-radius-bottomleft: 5rem;
    border-bottom-left-radius: 5rem;
    padding-left: 16px
}

div.calendar .fc-toolbar .fc-button-group button:last-child {
    -webkit-border-top-right-radius: 5rem;
    -moz-border-radius-topright: 5rem;
    border-top-right-radius: 5rem;
    -webkit-border-bottom-right-radius: 5rem;
    -moz-border-radius-bottomright: 5rem;
    border-bottom-right-radius: 5rem;
    padding-right: 16px
}

div.calendar .fc-toolbar .fc-left {
    min-width: 145px
}

div.calendar .fc-toolbar .fc-left .fc-toolbar > * > :not(:first-child) {
    margin-left: 15px
}

div.calendar .fc-toolbar .fc-left .fc-prev-button, div.calendar .fc-toolbar .fc-left .fc-next-button {
    background-image: url(/images/icon_arrow_calendar_management.svg);
    background-repeat: no-repeat;
    background-size: 64px;
    height: 32px;
    width: 34px
}

div.calendar .fc-toolbar .fc-left .fc-prev-button span, div.calendar .fc-toolbar .fc-left .fc-next-button span {
    display: none
}

div.calendar .fc-toolbar .fc-left .fc-prev-button {
    background-position: 0 0
}

div.calendar .fc-toolbar .fc-left .fc-prev-button:hover {
    background-position: 0 -30px
}

div.calendar .fc-toolbar .fc-left .fc-next-button {
    background-position: -32px 0
}

div.calendar .fc-toolbar .fc-left .fc-next-button:hover {
    background-position: -32px -30px
}

div.calendar .fc-toolbar .fc-left .fc-today-button {
    border: none;
    background-color: #2d7fd6;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    border-radius: 5rem;
    color: white;
    padding: 10px 20px
}

div.calendar .fc-toolbar .fc-left .fc-today-button:not([disabled]):hover {
    background-color: #215e9e
}

div.calendar .fc-toolbar h2 {
    border: none;
    font-size: 24px;
    line-height: 1;
    margin: 0;
    padding: 0
}

div.calendar .fc-toolbar .fc-right {
    min-width: 145px;
    text-align: right
}

div.calendar table th, div.calendar table td {
    font-size: 12px;
    font-weight: normal
}

div.calendar table th *, div.calendar table td * {
    user-select: none
}

div.calendar table td.fc-today {
    background-color: #ffffe9
}

div.calendar table th.fc-day-header {
    padding: 8px
}

div.calendar table th.fc-axis, div.calendar table td.fc-axis {
    width: 40px !important
}

div.calendar table td.open, div.calendar table div.open, div.calendar table td.business-day, div.calendar table div.business-day {
    background: transparent
}

div.calendar table td.fc-bgevent.holiday {
    background: rgba(204, 204, 204, 0.25);
    opacity: 1
}

div.calendar table td.holiday:before {
    content: "";
    display: block;
    background: url(/images/icon_holiday.svg) no-repeat 7px 7px;
    background-size: 18px auto;
    width: 30px;
    height: 30px
}

div.calendar table td.focus {
    background-color: #e9fee1
}

div.calendar .fc-highlight-skeleton {
    z-index: 2
}

div.calendar .fc-event {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

div.calendar .fc-event * {
    user-select: none
}

div.calendar .fc-event.open, div.calendar .fc-event.person, div.calendar .fc-event.event {
    border-color: #7587f2;
    background-color: #7587f2;
    -webkit-transition: background-color .15s ease-in-out;
    -moz-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    cursor: pointer
}

div.calendar .fc-event.open:hover, div.calendar .fc-event.open.hover, div.calendar .fc-event.open.focus, div.calendar .fc-event.person:hover, div.calendar .fc-event.person.hover, div.calendar .fc-event.person.focus, div.calendar .fc-event.event:hover, div.calendar .fc-event.event.hover, div.calendar .fc-event.event.focus {
    background-color: #6174c6
}

div.calendar .fc-event.disabled {
    border-color: #dbdbdb !important;
    background-color: #dbdbdb !important;
    pointer-events: none
}

div.calendar .fc-event .fc-content {
    color: white;
    font-size: 11px;
    padding: 3px 5px
}

div.calendar .fc-event .fc-content .fc-time {
    font-weight: normal
}

div.calendar .fc-dayGrid-view .fc-day-number {
    line-height: 1;
    padding: 10px 10px 8px 0
}

div.calendar .fc-day-grid-event {
    margin-top: 4px
}

div.calendar .fc-time-grid-event .fc-time {
    font-size: 11px
}

div.calendar .fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-top: 2px
}

div.calendar .fc-highlight {
    background-color: #cfdae9
}

@media screen and (max-width: 630px) {
    div.calendar .fc-toolbar {
        position: relative
    }

    div.calendar .fc-toolbar.fc-header-toolbar {
        margin-bottom: 60px !important
    }

    div.calendar .fc-toolbar .fc-center {
        position: absolute;
        text-align: center;
        width: 100%;
        left: 0;
        top: 52px
    }

    div.calendar .fc-toolbar .fc-center h2 {
        font-size: 20px
    }
}

@media screen and (max-width: 430px) {
    div.calendar table th {
        font-size: 11px;
        white-space: normal !important
    }

    div.calendar table td {
        font-size: 11px
    }

    div.calendar table th.fc-day-header {
        padding: 4px
    }

    div.calendar table th.fc-axis, div.calendar table td.fc-axis {
        width: 30px !important
    }

    div.calendar table td.holiday:before, div.calendar table div.holiday:before {
        background-position: 4px 4px;
        background-size: 15px auto
    }

    div.calendar .fc-event .fc-content {
        padding: 2px 4px
    }

    div.calendar .fc-dayGrid-view .fc-body .fc-row {
        min-height: 65px
    }

    div.calendar .fc-dayGrid-view .fc-day-number {
        font-size: 11px;
        padding: 6px 6px 4px 0
    }

    div.calendar .fc-row .fc-content-skeleton {
        padding-bottom: 4px
    }
}

.select2-container {
    width: 310px
}

.select2-container--bootstrap4 {
    display: inline-block
}

.select2-container--bootstrap4.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top: 1px solid #a0cff2
}

.select2-container--bootstrap4.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #a0cff2
}

.select2-container--bootstrap4.select2-container--open .select2-dropdown--above, .select2-container--bootstrap4.select2-container--open .select2-dropdown--below {
    border: 1px solid #a0cff2;
    border-radius: 4px;
    min-width: 250px
}

.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
    font-size: 14px
}

.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 300px
}

.select2-container--bootstrap4 .select2-results__option {
    font-size: 14px;
    color: #2d7fd6
}

.select2-container--bootstrap4 .select2-results__option:hover {
    background-color: #2d7fd6;
    color: white
}

.select2-container--bootstrap4 .select2-results__option[aria-selected=true] {
    background-color: #ebeef0;
    color: #2d7fd6
}

.select2-container--bootstrap4 .select2-results__option[aria-selected=true]:hover {
    background-color: #2d7fd6;
    color: white
}

.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: #2d7fd6;
    color: white
}

.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #2d7fd6;
    color: white
}

.select2-container--bootstrap4 .select2-selection {
    color: #2d7fd6;
    font-size: 14px
}

.select2-container--bootstrap4 .select2-selection--single {
    background-image: url(/images/icon_arrow_select.svg);
    background-repeat: no-repeat;
    background-size: 30px auto;
    background-position: center right;
    border: 1px solid #a0cff2;
    border-radius: 20px;
    padding: 0 25px;
    height: 40px
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
    display: none
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #2d7fd6;
    margin: 0;
    padding: 0
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection {
    background-color: #efefef
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection--single {
    background-image: url(/images/icon_arrow_select_disabled.svg)
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #aaa
}

select.select2.is-invalid {
    border-color: #f3445e
}

select.select2.is-invalid + .select2-container--bootstrap4 .select2-selection--single {
    border-color: #f3445e
}

@media screen and (max-width: 768px) {
    .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
        font-size: 16px
    }

    .select2-container--bootstrap4 .select2-results > .select2-results__options {
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (max-width: 430px) {
    .select2-container {
        width: 100%
    }
}

.select2-container--default.share {
    width: 105px
}

.select2-container--default.share .select2-selection--single {
    border: 1px solid white;
    font-size: 14px;
    height: 38px;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.select2-container--default.share .select2-selection--single:hover {
    background-color: #f2f2f2;
    border: 1px solid #d1d1d1
}

.select2-container--default.share .select2-selection--single:focus {
    outline: none
}

.select2-container--default.share .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 15px;
    padding-right: 30px
}

.select2-container--default.share .select2-selection--single .select2-selection__arrow {
    width: 31px;
    height: 36px
}

.select2-container--default.share .select2-selection--single .select2-selection__arrow b {
    border-color: #8e8e8e transparent transparent transparent;
    border-width: 6.5px 5.5px 0 5.5px;
    margin-left: -5.5px
}

.select2-container--default.share .select2-results__option[aria-selected=true] {
    background-color: #f2f2f2
}

.select2-container--default.share .select2-results__option--highlighted[aria-selected] {
    background-color: #2d7fd6
}

.select2-container--default.select2-container--open .select2-selection--single {
    background-color: #f2f2f2;
    border: 1px solid #d1d1d1
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #8e8e8e transparent;
    border-width: 0 5.5px 6.5px 5.5px
}

.select2-dropdown {
    border: 1px solid #d1d1d1
}

.select2-dropdown .select2-dropdown--below {
    margin-top: 2px
}

.select2-dropdown .select2-dropdown--above {
    margin-bottom: 1px
}

.select2-results__option {
    color: #2f3f54;
    font-size: 14px;
    padding: 6px 15px
}

.tox.tox-tinymce {
    min-height: 155px;
    border-radius: .25em !important
}

.tox.tox-tinymce .tox-editor-container .tox-editor-header .tox-toolbar {
    border-top-left-radius: .25em;
    border-top-right-radius: .25em
}

.tox .tox-tbtn:hover:not(.tox-tbtn--disabled), .tox .tox-collection--list .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
    background-color: #ebeef0 !important
}

.wickedpicker {
    background-color: white;
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    color: #2f3f54;
    margin-top: 7px;
    width: initial;
    height: initial;
    z-index: 200
}

.wickedpicker:before {
    position: absolute;
    display: block;
    content: "";
    border-top: none;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d1d1d1;
    border-left: 7px solid transparent;
    left: calc(50% - 7px);
    top: -6.3px
}

.wickedpicker:after {
    position: absolute;
    display: block;
    content: "";
    border-top: none;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    border-left: 6px solid transparent;
    left: calc(50% - 6px);
    top: -5.3px
}

.wickedpicker .wickedpicker__title {
    display: none
}

.wickedpicker .wickedpicker__controls {
    margin: 0;
    padding: 8px 15px
}

.wickedpicker .wickedpicker__controls__control, .wickedpicker .wickedpicker__controls__control-separator {
    letter-spacing: .03em;
    width: auto
}

.wickedpicker .wickedpicker__controls__control-up, .wickedpicker .wickedpicker__controls__control-down {
    background-position: 1px -1px;
    background-size: 30px auto;
    background-repeat: no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    width: 32px;
    height: 28px
}

.wickedpicker .wickedpicker__controls__control-up.hover, .wickedpicker .wickedpicker__controls__control-down.hover {
    background-color: #ebeef0
}

.wickedpicker .wickedpicker__controls__control-up {
    background-image: url(/images/icon_arrow_timepicker_up.svg);
    margin-bottom: 3px
}

.wickedpicker .wickedpicker__controls__control-up:before {
    display: none
}

.wickedpicker .wickedpicker__controls__control-down {
    background-image: url(/images/icon_arrow_timepicker_down.svg);
    margin-top: 3px
}

.wickedpicker .wickedpicker__controls__control-down:after {
    display: none
}

[data-tooltip] {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px)
}

.custom-file + [data-tooltip] {
    display: none
}

.text-counter-group [data-tooltip] {
    width: 100%
}

.caba2-tooltip {
    display: inline-block;
    vertical-align: top;
    background: url(/images/icon_tooltip.svg) no-repeat 0 0;
    background-size: 30px auto;
    cursor: pointer;
    text-indent: -9999px;
    margin-top: 3px;
    margin-left: 10px;
    width: 30px;
    height: 30px;
    overflow: hidden
}

.form-inline .caba2-tooltip {
    margin-top: 0
}

.checkbox-tooltip[data-tooltip], .radio-tooltip[data-tooltip] {
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.checkbox-tooltip[data-tooltip] + .caba2-tooltip, .radio-tooltip[data-tooltip] + .caba2-tooltip {
    margin-left: 0
}

.tooltip {
    pointer-events: none;
    z-index: 200
}

.tooltip .tooltip-inner {
    background-color: #fffff3;
    border: 1px solid #2d7fd6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: black;
    font-size: 11px;
    padding: 8px 10px;
    text-align: left;
    height: auto;
    max-width: 250px
}

.bs-tooltip-top .arrow, .bs-tooltip-bottom .arrow, .bs-tooltip-right .arrow, .bs-tooltip-left .arrow {
    background-color: #fffff3;
    border: 1px solid #2d7fd6;
    width: 8.5px;
    height: 8.5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bs-tooltip-top .arrow::before, .bs-tooltip-bottom .arrow::before, .bs-tooltip-right .arrow::before, .bs-tooltip-left .arrow::before {
    border-color: transparent;
    border-width: 0
}

.bs-tooltip-top .arrow {
    border-top: none;
    border-right: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    bottom: 2px
}

.bs-tooltip-bottom .arrow {
    border-left: none;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    top: 2px
}

.bs-tooltip-left .arrow {
    border-top: none;
    border-left: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    right: 3px
}

.bs-tooltip-right .arrow {
    border-right: none;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    left: 1.5px
}

@media screen and (max-width: 430px) {
    [data-tooltip] {
        width: 100%
    }

    .caba2-tooltip {
        position: absolute;
        background-position: 0 0;
        margin: 0;
        width: 30px;
        right: -5px;
        top: -40px
    }

    .control-wrapper .caba2-tooltip {
        top: -36px
    }
}

.text-counter-group.before-tooltip {
    display: inline-block;
    width: calc(100% - 40px)
}

.text-counter-group .text-counter {
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #e7ecf1;
    border-radius: 5rem;
    color: #2d7fd6;
    line-height: 14px;
    margin: 0 0 0 auto;
    padding: 0 13px;
    min-width: 100px
}

.text-counter-group .text-counter p {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    text-align: center
}

.text-counter-group .text-counter p .separator {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    margin: -5px .25rem 0 .25rem;
    vertical-align: middle
}

.text-counter-group .text-counter.limit {
    border-color: #fcd4da
}

.text-counter-group .text-counter.limit p {
    color: #f3445e
}

.text-counter-group input[type=text], .text-counter-group input[type=email], .text-counter-group input[type=password], .text-counter-group input[type=tel], .text-counter-group textarea[rows="1"] {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 120px)
}

.text-counter-group input[type=text] + .text-counter, .text-counter-group input[type=email] + .text-counter, .text-counter-group input[type=password] + .text-counter, .text-counter-group input[type=tel] + .text-counter, .text-counter-group textarea[rows="1"] + .text-counter {
    margin-left: 20px
}

.text-counter-group textarea:not([rows="1"]) + .text-counter, .text-counter-group div.tox + .text-counter, .text-counter-group div.tinymce-mobile-outer-container + .text-counter {
    float: right;
    margin-top: 10px
}

@media screen and (max-width: 430px) {
    .text-counter-group.before-tooltip {
        display: block;
        width: 100%
    }

    .text-counter-group .text-counter p .separator {
        font-size: 12px;
        margin: 0 .25rem;
        vertical-align: top
    }

    .text-counter-group input[type=text], .text-counter-group input[type=email], .text-counter-group input[type=password], .text-counter-group input[type=tel], .text-counter-group textarea[rows="1"], .text-counter-group textarea:not([rows="1"]) {
        display: block;
        vertical-align: initial;
        width: 100%
    }

    .text-counter-group input[type=text] + .text-counter, .text-counter-group input[type=email] + .text-counter, .text-counter-group input[type=password] + .text-counter, .text-counter-group input[type=tel] + .text-counter, .text-counter-group textarea[rows="1"] + .text-counter, .text-counter-group textarea:not([rows="1"]) + .text-counter {
        float: right;
        margin: 10px 0 0 0
    }
}

.loader.spinner {
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999px;
    border-top: 4px solid #ebeef0;
    border-right: 4px solid #ebeef0;
    border-bottom: 4px solid #ebeef0;
    border-left: 4px solid #2d7fd6;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: loader-spin 1.8s infinite linear;
    animation: loader-spin 1.8s infinite linear
}

.loader.spinner, .loader.spinner:after {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

@-webkit-keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#preloader {
    position: fixed;
    background: rgba(255, 255, 255, 0.98);
    text-align: center;
    width: 100vw;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#preloader.hide {
    opacity: 0
}

#preloader .preloader-logo {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#preloader .preloader-logo img.pulsate-bck {
    width: 100px;
    height: auto;
    -webkit-animation: pulsate-bck .5s ease-in-out infinite both;
    animation: pulsate-bck .5s ease-in-out infinite both
}

@keyframes -webkit-pulsate-bck {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@keyframes pulsate-bck {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(0.9)
    }
    100% {
        transform: scale(1)
    }
}

/*# sourceMappingURL=vendor-custom.min.css.map */