@charset "utf-8";

/*!
 * Copyright (c) 2017. tom@axisj.com
 * - github.com/thomasjang
 * - www.axisj.com
 */
/***************************************************************************************************************************************/
/* AX5 UI CSS 에서 공통되는 fieldset 부분만을 제외하고 추가함 */
/***************************************************************************************************************************************/

/* calendar IE 크로스브라우징 문제로  background-image linear-gradient 수정*/
@-webkit-keyframes ax5-ui-calendar-fadeout {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.5
    }
}

@-moz-keyframes ax5-ui-calendar-fadeout {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.5
    }
}

@keyframes ax5-ui-calendar-fadeout {
    from {
        opacity: 1.0
    }

    to {
        opacity: 0.5
    }
}

@-webkit-keyframes ax5-ui-calendar-fadein {
    from {
        opacity: 0.5
    }

    to {
        opacity: 1.0
    }
}

@-moz-keyframes ax5-ui-calendar-fadein {
    from {
        opacity: 0.5
    }

    to {
        opacity: 1.0
    }
}

@keyframes ax5-ui-calendar-fadein {
    from {
        opacity: 0.5
    }

    to {
        opacity: 1.0
    }
}

.ax5-ui-calendar {
    box-sizing: border-box;
    position: relative
}

.ax5-ui-calendar * {
    box-sizing: border-box
}

.ax5-ui-calendar .calendar-control {
    position: relative;
    box-sizing: content-box;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(bottom, #f5f5f5);
    background-image: linear-gradient(to top, #f5f5f5);
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 5px;
    padding: 0;
    color: #333
}

.ax5-ui-calendar .calendar-control .date-move-left,
.ax5-ui-calendar .calendar-control .date-move-right {
    display: block;
    position: absolute;
    overflow: hidden;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    text-decoration: none;
    padding: 0
}

.ax5-ui-calendar .calendar-control .date-move-left i,
.ax5-ui-calendar .calendar-control .date-move-left span,
.ax5-ui-calendar .calendar-control .date-move-right i,
.ax5-ui-calendar .calendar-control .date-move-right span {
    line-height: inherit
}

.ax5-ui-calendar .calendar-control .date-move-left {
    left: 0px;
    top: 0px
}

.ax5-ui-calendar .calendar-control .date-move-right {
    right: 0px;
    top: 0px
}

.ax5-ui-calendar .calendar-control .date-display {
    text-align: center
}

.ax5-ui-calendar .calendar-control .date-display [data-calendar-display] {
    margin: 0px 10px;
    cursor: pointer;
    text-decoration: underline
}

.ax5-ui-calendar .calendar-control a {
    color: var(--ls_primary_blue);
}

.ax5-ui-calendar .calendar-control a:hover {
    color: var(--ls_sub_green);
}

.ax5-ui-calendar .calendar-body.fadein {
    -webkit-animation: ax5-ui-calendar-fadein 0.1s ease-in-out;
    -o-animation: ax5-ui-calendar-fadein 0.1s ease-in-out;
    animation: ax5-ui-calendar-fadein 0.1s ease-in-out;
    opacity: 1.0
}

.ax5-ui-calendar .calendar-body.fadeout {
    -webkit-animation: ax5-ui-calendar-fadeout 0.1s ease-in-out;
    -o-animation: ax5-ui-calendar-fadeout 0.1s ease-in-out;
    animation: ax5-ui-calendar-fadeout 0.1s ease-in-out;
    opacity: 0.0
}

.ax5-ui-calendar .calendar-body table {
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px none
}

.ax5-ui-calendar .calendar-body table thead td,
.ax5-ui-calendar .calendar-body table thead th {
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1em;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    padding: 0px 2px;
    border: 0px none;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #6D6E70
}

.ax5-ui-calendar .calendar-body table thead td.calendar-col-0,
.ax5-ui-calendar .calendar-body table thead th.calendar-col-0 {
    color: #C78B81
}

.ax5-ui-calendar .calendar-body table thead td.calendar-col-6,
.ax5-ui-calendar .calendar-body table thead th.calendar-col-6 {
    color: #32B4DC
}

.ax5-ui-calendar .calendar-body table tbody td,
.ax5-ui-calendar .calendar-body table tbody th {
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1em;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    border: 0px none;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    overflow: hidden
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px;
    overflow: hidden;
    line-height: inherit;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #C3C4C6;
    font-size: 14px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.addon {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 11.2px;
    font-size: 11.2px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.addon.addon-header,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.addon.addon-header {
    left: 0px;
    top: 1px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day span.addon.addon-footer,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day span.addon.addon-footer {
    left: 0px;
    bottom: 1px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live {
    background-color: #9e1414;
    background-image: -webkit-linear-gradient(bottom, #F0F0F0, #F0F0F0);
    background-image: linear-gradient(to top, #F0F0F0, #F0F0F0);
    color: #6D6E70;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live span.addon {
    color: #A1A1A1
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.sunday,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live.sunday {
    color: #c8294b;
    /* background-color: aquamarine; */
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.saturday,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.live.saturday {
    color: #206fea
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus {
    background-color: #E67241;
    background-image: -webkit-linear-gradient(bottom, #E67241, #E67241);
    background-image: linear-gradient(to top, #E67241, #E67241);
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.focus.hover span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.focus.hover span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.period,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.period {
    background-color: #82d3fa;
    background-image: -webkit-linear-gradient(bottom, #82d3fa, #82d3fa);
    background-image: linear-gradient(to top, #82d3fa, #82d3fa);
    color: #fff !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.period span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.period span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.disable,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.disable {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #dddedf
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.holiday,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.holiday {
    color: #C78B81
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px;
    overflow: hidden;
    line-height: inherit;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #C3C4C6;
    font-size: 14px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.live,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.live {
    background-color: #F0F0F0;
    background-image: -webkit-linear-gradient(bottom, #F0F0F0, #F0F0F0);
    background-image: linear-gradient(to top, #F0F0F0, #F0F0F0);
    color: #6D6E70
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.hover,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.hover {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.focus,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.focus {
    background-color: #E67241;
    background-image: -webkit-linear-gradient(bottom, #E67241, #E67241);
    background-image: linear-gradient(to top, #E67241, #E67241);
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.selected-month,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.selected-month {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.selected-month span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.selected-month span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.selected-month span.lunar,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.selected-month span.lunar {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.disable,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.disable {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #dddedf
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.holiday,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.holiday {
    color: #C78B81
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year {
    display: block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 5px;
    overflow: hidden;
    line-height: inherit;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #C3C4C6;
    font-size: 14px
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.live,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.live {
    background-color: #F0F0F0;
    background-image: -webkit-linear-gradient(bottom, #F0F0F0, #F0F0F0);
    background-image: linear-gradient(to top, #F0F0F0, #F0F0F0);
    color: #6D6E70
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.hover,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.hover {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.focus,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.focus {
    background-color: #E67241;
    background-image: -webkit-linear-gradient(bottom, #E67241, #E67241);
    background-image: linear-gradient(to top, #E67241, #E67241);
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.selected-year,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.selected-year {
    background-color: #32B4DC;
    background-image: -webkit-linear-gradient(bottom, #32B4DC, #32B4DC);
    background-image: linear-gradient(to top, #32B4DC, #32B4DC);
    color: #fff !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.selected-year span.addon,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.selected-year span.addon {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.selected-year span.lunar,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.selected-year span.lunar {
    color: #fff
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.disable,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.disable {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff, #fff);
    background-image: linear-gradient(to top, #fff, #fff);
    color: #dddedf
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.holiday,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.holiday {
    color: #C78B81
}

/* dialog */
@-webkit-keyframes ax-dialog {
    0% {
        opacity: 0.0;
        -webkit-transform: scale(1)
    }

    1% {
        opacity: 0.0;
        -webkit-transform: scale(0.3)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ax-dialog {
    0% {
        opacity: 0.0;
        -moz-transform: scale(1)
    }

    1% {
        opacity: 0.0;
        -moz-transform: scale(0.3)
    }

    100% {
        opacity: 1.0;
        -moz-transform: scale(1)
    }
}

@keyframes ax-dialog {
    0% {
        opacity: 0.0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    1% {
        opacity: 0.0;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        -ms-transform: scale(0.3);
        -o-transform: scale(0.3);
        transform: scale(0.3)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ax-dialog-destroy {
    from {
        -webkit-transform: scale(1);
        opacity: 1.0
    }

    to {
        -webkit-transform: scale(0.5);
        opacity: 0.0
    }
}

@-moz-keyframes ax-dialog-destroy {
    from {
        -moz-transform: scale(1);
        opacity: 1.0
    }

    to {
        -moz-transform: scale(0.5);
        opacity: 0.0
    }
}

@keyframes ax-dialog-destroy {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1.0
    }

    to {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.0
    }
}

.ax5-ui-dialog {
    -webkit-animation: ax-dialog .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-animation: ax-dialog .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: ax-dialog .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175);
    z-index: 99998;
    position: fixed;
    left: 0px;
    top: 0px;
    overflow: hidden;
    border: 1px solid #ddd
}

.ax5-ui-dialog .ax-dialog-header {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent
}

.ax5-ui-dialog .ax-dialog-header .badge {
    font-size: 0.8em;
    color: #f5f5f5;
    background-color: #333
}

.ax5-ui-dialog .ax-dialog-body {
    padding: 15px;
    text-align: center
}

.ax5-ui-dialog .ax-dialog-body .ax-dialog-msg {
    padding-top: 15px;
    padding-bottom: 15px
}

.ax5-ui-dialog .ax-dialog-body .ax-dialog-prompt {
    text-align: left;
    padding-bottom: 7.5px
}

.ax5-ui-dialog .ax-dialog-body .ax-dialog-buttons {
    margin-top: 15px
}

.ax5-ui-dialog .ax-dialog-body .ax-dialog-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-dialog .ax-dialog-body [data-dialog-els="additional-content"] {
    margin-top: 15px
}

.ax5-ui-dialog .ax-dialog-header {
    color: #333;
    background: #f5f5f5
}

.ax5-ui-dialog .ax-dialog-header .badge {
    color: #f5f5f5;
    background-color: #333
}

.ax5-ui-dialog.primary {
    border: 1px solid #ddd
}

.ax5-ui-dialog.primary .ax-dialog-header {
    color: #fff;
    background: #337ab7
}

.ax5-ui-dialog.primary .ax-dialog-header .badge {
    color: #337ab7;
    background-color: #fff
}

.ax5-ui-dialog.success {
    border: 1px solid #ddd
}

.ax5-ui-dialog.success .ax-dialog-header {
    color: #3c763d;
    background: #dff0d8
}

.ax5-ui-dialog.success .ax-dialog-header .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.ax5-ui-dialog.info {
    border: 1px solid #ddd
}

.ax5-ui-dialog.info .ax-dialog-header {
    color: #31708f;
    background: #d9edf7
}

.ax5-ui-dialog.info .ax-dialog-header .badge {
    color: #d9edf7;
    background-color: #31708f
}

.ax5-ui-dialog.warning {
    border: 1px solid #ddd
}

.ax5-ui-dialog.warning .ax-dialog-header {
    color: #8a6d3b;
    background: #fcf8e3
}

.ax5-ui-dialog.warning .ax-dialog-header .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.ax5-ui-dialog.danger {
    border: 1px solid #ddd
}

.ax5-ui-dialog.danger .ax-dialog-header {
    color: #a94442;
    background: #f2dede
}

.ax5-ui-dialog.danger .ax-dialog-header .badge {
    color: #f2dede;
    background-color: #a94442
}

.ax5-ui-dialog.destroy {
    -webkit-animation: ax-dialog-destroy .15s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
    -o-animation: ax-dialog-destroy .15s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
    animation: ax-dialog-destroy .15s cubic-bezier(0.645, 0.045, 0.355, 1) forwards
}

/* mask */
@-webkit-keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@-moz-keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@keyframes ax-mask {
    from {
        opacity: 0.0
    }

    to {
        opacity: .6
    }
}

@-webkit-keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

@-moz-keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

@keyframes ax-mask-fade-out {
    from {
        opacity: .6
    }

    to {
        opacity: 0.0
    }
}

.ax-masking {
    -webkit-filter: blur(3px);
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.ax-mask {
    box-sizing: border-box;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.ax-mask *,
.ax-mask *:before,
.ax-mask *:after {
    box-sizing: border-box
}

.ax-mask .ax-mask-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6
}

.ax-mask .ax-mask-content {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-shadow: 0px 1px 0px #000
}

.ax-mask .ax-mask-content * {
    color: inherit
}

.ax-mask .ax-mask-content>div {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.ax-mask.fade-out {
    -webkit-animation: ax-mask-fade-out .25s;
    -o-animation: ax-mask-fade-out .25s;
    animation: ax-mask-fade-out .25s;
    opacity: 0.0
}

/* modal 팝업 중앙정렬 제거 text-align:center 주석처리 */
@-webkit-keyframes ax-modal {
    0% {
        opacity: 0.0;
        -webkit-transform: scale(0.8)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes ax-modal {
    0% {
        opacity: 0.0;
        -moz-transform: scale(0.8)
    }

    100% {
        opacity: 1.0;
        -moz-transform: scale(1)
    }
}

@keyframes ax-modal {
    0% {
        opacity: 0.0;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ax-modal-destroy {
    100% {
        opacity: 0.0;
        -webkit-transform: translateY(20%)
    }

    0% {
        opacity: 1.0;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes ax-modal-destroy {
    100% {
        opacity: 0.0;
        -moz-transform: translateY(20%)
    }

    0% {
        opacity: 1.0;
        -moz-transform: translateY(0)
    }
}

@keyframes ax-modal-destroy {
    100% {
        opacity: 0.0;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%)
    }

    0% {
        opacity: 1.0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ax-modal-fullscreen {
    0% {
        -webkit-transform: translateY(20%)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes ax-modal-fullscreen {
    0% {
        -moz-transform: translateY(20%)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@keyframes ax-modal-fullscreen {
    0% {
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes ax-modal-fullscreen-destroy {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes ax-modal-fullscreen-destroy {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(100%)
    }
}

@keyframes ax-modal-fullscreen-destroy {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes ax-modal-fade-in {
    0% {
        opacity: 0.0
    }

    100% {
        opacity: 1.0
    }
}

@-moz-keyframes ax-modal-fade-in {
    0% {
        opacity: 0.0
    }

    100% {
        opacity: 1.0
    }
}

@keyframes ax-modal-fade-in {
    0% {
        opacity: 0.0
    }

    100% {
        opacity: 1.0
    }
}

@-webkit-keyframes ax-modal-fade-out {
    0% {
        opacity: 1.0
    }

    100% {
        opacity: 0.0
    }
}

@-moz-keyframes ax-modal-fade-out {
    0% {
        opacity: 1.0
    }

    100% {
        opacity: 0.0
    }
}

@keyframes ax-modal-fade-out {
    0% {
        opacity: 1.0
    }

    100% {
        opacity: 0.0
    }
}

.ax5modal {
    -webkit-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    z-index: 2000;
    position: fixed;
    left: 0px;
    top: 0px;
    box-sizing: content-box
}

.ax5modal * {
    box-sizing: border-box
}

.ax5modal *:before,
.ax5modal *:after {
    box-sizing: border-box
}

.ax5modal *,
.ax5modal *:before,
.ax5modal *:after {
    box-sizing: border-box
}

.ax5modal .ax-modal-header {
    user-select: none;
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor: move
}

.ax5modal .ax-modal-header .ax-modal-header-addon {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 10px 10px
}

.ax5modal .ax-modal-header .ax-modal-header-addon [data-modal-header-btn] {
    border: 0;
    padding: 0px 2px;
    background: transparent;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.ax5modal .ax-modal-body {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0px;
    /* text-align:center */
    ;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    overflow: hidden
}

.ax5modal .ax-modal-body iframe {
    border: 0 none
}

.ax5modal .ax-modal-body .fadeIn {
    -webkit-animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.ax5modal .ax-modal-body .fadeOut {
    -webkit-animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.ax5modal .ax-modal-header {
    color: #333;
    background: #f5f5f5
}

.ax5modal .ax-modal-header .ax-modal-header-addon a {
    color: #333;
    outline: 0
}

.ax5modal.primary .ax-modal-header {
    color: #fff;
    background: #337ab7
}

.ax5modal.primary .ax-modal-header .ax-modal-header-addon a {
    color: #fff;
    outline: 0
}

.ax5modal.success .ax-modal-header {
    color: #3c763d;
    background: #dff0d8
}

.ax5modal.success .ax-modal-header .ax-modal-header-addon a {
    color: #3c763d;
    outline: 0
}

.ax5modal.info .ax-modal-header {
    color: #31708f;
    background: #d9edf7
}

.ax5modal.info .ax-modal-header .ax-modal-header-addon a {
    color: #31708f;
    outline: 0
}

.ax5modal.warning .ax-modal-header {
    color: #8a6d3b;
    background: #fcf8e3
}

.ax5modal.warning .ax-modal-header .ax-modal-header-addon a {
    color: #8a6d3b;
    outline: 0
}

.ax5modal.danger .ax-modal-header {
    color: #a94442;
    background: #f2dede
}

.ax5modal.danger .ax-modal-header .ax-modal-header-addon a {
    color: #a94442;
    outline: 0
}

.ax5modal.destroy {
    -webkit-animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.ax5modal.fullscreen {
    border: 0px none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    -o-animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
}

.ax5modal.fullscreen.destroy {
    -webkit-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    -o-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
    animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards
}

.ax5modal.draged .ax-modal-header {
    opacity: 0.5
}

.ax5modal.draged .ax-modal-body {
    opacity: 0.5
}

.ax5modal [data-ax5modal-resizer] {
    position: absolute;
    display: block
}

.ax5modal [data-ax5modal-resizer]:before {
    position: absolute;
    content: ' ';
    display: block;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top"] {
    left: 0;
    top: 0;
    width: 100%;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top"]:before {
    width: 100%;
    height: 8px;
    left: 0;
    top: -4px;
    cursor: row-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom"] {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom"]:before {
    width: 100%;
    height: 8px;
    left: 0;
    top: -4px;
    cursor: row-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="left"] {
    left: 0;
    top: 0;
    width: 0;
    height: 100%
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="left"]:before {
    width: 8px;
    height: 100%;
    left: -4px;
    top: 0;
    cursor: col-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="right"] {
    right: 0;
    top: 0;
    width: 0;
    height: 100%
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="right"]:before {
    width: 8px;
    height: 100%;
    left: -4px;
    top: 0;
    cursor: col-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top-left"] {
    left: 0;
    top: 0;
    width: 0;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top-left"]:before {
    width: 8px;
    height: 8px;
    left: -4px;
    top: -4px;
    cursor: nwse-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top-right"] {
    right: 0;
    top: 0;
    width: 0;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="top-right"]:before {
    width: 8px;
    height: 8px;
    left: -4px;
    top: -4px;
    cursor: nesw-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom-left"] {
    left: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom-left"]:before {
    width: 8px;
    height: 8px;
    left: -4px;
    top: -4px;
    cursor: nesw-resize
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom-right"] {
    right: 0;
    bottom: 0;
    width: 0;
    height: 0
}

.ax5modal [data-ax5modal-resizer][data-ax5modal-resizer="bottom-right"]:before {
    width: 8px;
    height: 8px;
    left: -4px;
    top: -4px;
    cursor: nwse-resize
}

.ax5modal-resizer-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 2000;
    cursor: move
}

.ax5modal-resizer {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2001;
    cursor: move;
    box-sizing: border-box;
    background-color: #ccc;
    border: 1px solid red;
    opacity: .3;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6)
}

/* picker */
@-webkit-keyframes ax-picker {
    0% {
        opacity: 0.0;
        -webkit-transform: translate(0, -10%)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: translate(0, 0)
    }
}

@-moz-keyframes ax-picker {
    0% {
        opacity: 0.0;
        -moz-transform: translate(0, -10%)
    }

    100% {
        opacity: 1.0;
        -moz-transform: translate(0, 0)
    }
}

@keyframes ax-picker {
    0% {
        opacity: 0.0;
        -webkit-transform: translate(0, -10%);
        -moz-transform: translate(0, -10%);
        -ms-transform: translate(0, -10%);
        -o-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }

    100% {
        opacity: 1.0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-webkit-keyframes ax-picker-destroy {
    from {
        opacity: 1.0;
        -webkit-transform: translate(0, 0)
    }

    to {
        opacity: 0.0;
        -webkit-transform: translate(0, -10%)
    }
}

@-moz-keyframes ax-picker-destroy {
    from {
        opacity: 1.0;
        -moz-transform: translate(0, 0)
    }

    to {
        opacity: 0.0;
        -moz-transform: translate(0, -10%)
    }
}

@keyframes ax-picker-destroy {
    from {
        opacity: 1.0;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    to {
        opacity: 0.0;
        -webkit-transform: translate(0, -10%);
        -moz-transform: translate(0, -10%);
        -ms-transform: translate(0, -10%);
        -o-transform: translate(0, -10%);
        transform: translate(0, -10%)
    }
}

.ax5-ui-picker {
    box-sizing: border-box;
    z-index: 2000;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: ax-picker .1s;
    -o-animation: ax-picker .1s;
    animation: ax-picker .1s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #ddd;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker *,
.ax5-ui-picker *:before,
.ax5-ui-picker *:after {
    box-sizing: border-box
}

.ax5-ui-picker .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #333;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(bottom, #f5f5f5);
    background-image: linear-gradient(to top, #f5f5f5)
}

.ax5-ui-picker .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #f5f5f5;
    background-color: #333;
    background-image: -webkit-linear-gradient(bottom, #333);
    background-image: linear-gradient(to top, #333)
}

.ax5-ui-picker .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #ddd
}

.ax5-ui-picker.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #ddd
}

.ax5-ui-picker.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #ddd
}

.ax5-ui-picker.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #ddd
}

.ax5-ui-picker.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.primary {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #337ab7;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker.primary .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #fff;
    background-color: #337ab7;
    background-image: -webkit-linear-gradient(bottom, #337ab7);
    background-image: linear-gradient(to top, #337ab7)
}

.ax5-ui-picker.primary .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #337ab7;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff)
}

.ax5-ui-picker.primary .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker.primary .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker.primary .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker.primary .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.primary.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.primary.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #337ab7
}

.ax5-ui-picker.primary.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.primary.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.primary.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #337ab7
}

.ax5-ui-picker.primary.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #337ab7
}

.ax5-ui-picker.primary.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.primary.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.primary.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #337ab7
}

.ax5-ui-picker.primary.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.success {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #d6e9c6;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker.success .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    background-image: -webkit-linear-gradient(bottom, #dff0d8);
    background-image: linear-gradient(to top, #dff0d8)
}

.ax5-ui-picker.success .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #dff0d8;
    background-color: #3c763d;
    background-image: -webkit-linear-gradient(bottom, #3c763d);
    background-image: linear-gradient(to top, #3c763d)
}

.ax5-ui-picker.success .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker.success .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker.success .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker.success .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.success.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.success.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #d6e9c6
}

.ax5-ui-picker.success.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.success.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.success.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #d6e9c6
}

.ax5-ui-picker.success.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.success.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #d6e9c6
}

.ax5-ui-picker.success.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.success.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.success.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #d6e9c6
}

.ax5-ui-picker.success.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.info {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #bce8f1;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker.info .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #31708f;
    background-color: #d9edf7;
    background-image: -webkit-linear-gradient(bottom, #d9edf7);
    background-image: linear-gradient(to top, #d9edf7)
}

.ax5-ui-picker.info .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #d9edf7;
    background-color: #31708f;
    background-image: -webkit-linear-gradient(bottom, #31708f);
    background-image: linear-gradient(to top, #31708f)
}

.ax5-ui-picker.info .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker.info .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker.info .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker.info .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.info.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.info.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #bce8f1
}

.ax5-ui-picker.info.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.info.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.info.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #bce8f1
}

.ax5-ui-picker.info.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.info.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #bce8f1
}

.ax5-ui-picker.info.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.info.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.info.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #bce8f1
}

.ax5-ui-picker.info.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.warning {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #faebcc;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker.warning .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    background-image: -webkit-linear-gradient(bottom, #fcf8e3);
    background-image: linear-gradient(to top, #fcf8e3)
}

.ax5-ui-picker.warning .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #fcf8e3;
    background-color: #8a6d3b;
    background-image: -webkit-linear-gradient(bottom, #8a6d3b);
    background-image: linear-gradient(to top, #8a6d3b)
}

.ax5-ui-picker.warning .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker.warning .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker.warning .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker.warning .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.warning.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.warning.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #faebcc
}

.ax5-ui-picker.warning.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.warning.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.warning.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #faebcc
}

.ax5-ui-picker.warning.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #faebcc
}

.ax5-ui-picker.warning.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.warning.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.warning.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #faebcc
}

.ax5-ui-picker.warning.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.danger {
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #fff);
    background-image: linear-gradient(to top, #fff);
    border: 1px solid;
    border-color: #ebccd1;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175)
}

.ax5-ui-picker.danger .ax-picker-heading {
    font-weight: 600;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    background-image: -webkit-linear-gradient(bottom, #f2dede);
    background-image: linear-gradient(to top, #f2dede)
}

.ax5-ui-picker.danger .ax-picker-heading .badge {
    font-size: 0.8em;
    color: #f2dede;
    background-color: #a94442;
    background-image: -webkit-linear-gradient(bottom, #a94442);
    background-image: linear-gradient(to top, #a94442)
}

.ax5-ui-picker.danger .ax-picker-body {
    padding: 5px;
    text-align: center
}

.ax5-ui-picker.danger .ax-picker-body .ax-picker-content {
    min-width: 50px
}

.ax5-ui-picker.danger .ax-picker-body .ax-picker-content .ax-picker-content-box {
    border: 0px solid;
    border-color: none;
    border-radius: 0px;
    padding: 0px;
    overflow: hidden
}

.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons {
    padding: 10px 0px 5px 0px
}

.ax5-ui-picker.danger .ax-picker-body .ax-picker-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-picker.danger.direction-top .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0px
}

.ax5-ui-picker.danger.direction-top .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #ebccd1
}

.ax5-ui-picker.danger.direction-top .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #fff
}

.ax5-ui-picker.danger.direction-right .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    right: 0px;
    top: 50%
}

.ax5-ui-picker.danger.direction-right .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #ebccd1
}

.ax5-ui-picker.danger.direction-right .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff
}

.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0px
}

.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #ebccd1
}

.ax5-ui-picker.danger.direction-bottom .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    bottom: -18px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff
}

.ax5-ui-picker.danger.direction-left .ax-picker-arrow {
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    top: 50%
}

.ax5-ui-picker.danger.direction-left .ax-picker-arrow:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #ebccd1
}

.ax5-ui-picker.danger.direction-left .ax-picker-arrow:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -18px;
    top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff
}

.ax5-ui-picker.destroy {
    -webkit-animation: ax-picker-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    -o-animation: ax-picker-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    animation: ax-picker-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards
}

.ax5-ui-picker.direction-top {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.ax5-ui-picker.direction-right {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

.ax5-ui-picker.direction-bottom {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.ax5-ui-picker.direction-left {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

.input-group[data-ax5picker] .input-group-addon {
    cursor: pointer
}

.input-group[data-ax5picker] .input-group-addon:not(:last-child) {
    border-left: 0 none;
    border-right: 0 none
}

.input-group[data-ax5picker] .input-group-addon.color-preview {
    padding: 0
}

.input-group[data-ax5picker] .input-group-addon [data-ax5picker-color="preview"] {
    display: block
}

.form-group[data-ax5picker] .input-group-addon {
    cursor: pointer
}

.form-group[data-ax5picker] .input-group-addon:not(:last-child) {
    border-left: 0 none;
    border-right: 0 none
}

.form-group[data-ax5picker] .input-group-addon.color-preview {
    padding: 0
}

.form-group[data-ax5picker] .input-group-addon [data-ax5picker-color="preview"] {
    display: block
}

/* toast */
@-webkit-keyframes ax-toast-bottom {
    from {
        -webkit-transform: translateY(-100px) scale(0.7)
    }

    to {
        -webkit-transform: translateY(0px) scale(1)
    }
}

@-moz-keyframes ax-toast-bottom {
    from {
        -moz-transform: translateY(-100px) scale(0.7)
    }

    to {
        -moz-transform: translateY(0px) scale(1)
    }
}

@keyframes ax-toast-bottom {
    from {
        -webkit-transform: translateY(-100px) scale(0.7);
        -moz-transform: translateY(-100px) scale(0.7);
        -ms-transform: translateY(-100px) scale(0.7);
        -o-transform: translateY(-100px) scale(0.7);
        transform: translateY(-100px) scale(0.7)
    }

    to {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1)
    }
}

@-webkit-keyframes ax-toast-top {
    from {
        -webkit-transform: translateY(100px) scale(0.7)
    }

    to {
        -webkit-transform: translateY(0px) scale(1)
    }
}

@-moz-keyframes ax-toast-top {
    from {
        -moz-transform: translateY(100px) scale(0.7)
    }

    to {
        -moz-transform: translateY(0px) scale(1)
    }
}

@keyframes ax-toast-top {
    from {
        -webkit-transform: translateY(100px) scale(0.7);
        -moz-transform: translateY(100px) scale(0.7);
        -ms-transform: translateY(100px) scale(0.7);
        -o-transform: translateY(100px) scale(0.7);
        transform: translateY(100px) scale(0.7)
    }

    to {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1)
    }
}

@-webkit-keyframes ax-toast-removed-bottom {
    from {
        -webkit-transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -webkit-transform: translateY(10px) scale(0.7);
        opacity: 0.0
    }
}

@-moz-keyframes ax-toast-removed-bottom {
    from {
        -moz-transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -moz-transform: translateY(10px) scale(0.7);
        opacity: 0.0
    }
}

@keyframes ax-toast-removed-bottom {
    from {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -webkit-transform: translateY(10px) scale(0.7);
        -moz-transform: translateY(10px) scale(0.7);
        -ms-transform: translateY(10px) scale(0.7);
        -o-transform: translateY(10px) scale(0.7);
        transform: translateY(10px) scale(0.7);
        opacity: 0.0
    }
}

@-webkit-keyframes ax-toast-removed-top {
    from {
        -webkit-transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -webkit-transform: translateY(-10px) scale(0.7);
        opacity: 0.0
    }
}

@-moz-keyframes ax-toast-removed-top {
    from {
        -moz-transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -moz-transform: translateY(-10px) scale(0.7);
        opacity: 0.0
    }
}

@keyframes ax-toast-removed-top {
    from {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1.0
    }

    to {
        -webkit-transform: translateY(-10px) scale(0.7);
        -moz-transform: translateY(-10px) scale(0.7);
        -ms-transform: translateY(-10px) scale(0.7);
        -o-transform: translateY(-10px) scale(0.7);
        transform: translateY(-10px) scale(0.7);
        opacity: 0.0
    }
}

@-webkit-keyframes ax-toast-destroy {
    from {
        -webkit-transform: scale(1);
        opacity: 1.0
    }

    to {
        -webkit-transform: scale(1.5);
        opacity: 0.0
    }
}

@-moz-keyframes ax-toast-destroy {
    from {
        -moz-transform: scale(1);
        opacity: 1.0
    }

    to {
        -moz-transform: scale(1.5);
        opacity: 0.0
    }
}

@keyframes ax-toast-destroy {
    from {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1.0
    }

    to {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.0
    }
}

.ax5-ui-toast-container {
    z-index: 99998;
    position: fixed;
    width: auto;
    padding: 10px;
    box-sizing: border-box
}

.ax5-ui-toast-container *,
.ax5-ui-toast-container *:before,
.ax5-ui-toast-container *:after {
    box-sizing: border-box
}

.ax5-ui-toast-container .ax5-ui-toast {
    box-sizing: border-box;
    border: 1px solid gray;
    opacity: .9;
    border-radius: 8px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.175);
    position: relative;
    margin: 5px 0px 5px 0px;
    display: table;
    padding: 6px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    color: #333
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-icon {
    display: table-cell;
    padding: 6px;
    text-align: left;
    font-size: 24px;
    width: 24px;
    vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-body {
    display: table-cell;
    padding: 6px;
    text-align: left;
    vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons {
    display: table-cell;
    padding: 6px;
    text-align: right;
    vertical-align: middle
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-buttons button:not(:last-child) {
    margin-right: 3px
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-close {
    display: table-cell;
    padding: 6px;
    text-align: right;
    vertical-align: top;
    text-decoration: none;
    cursor: pointer
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-icon {
    color: #333
}

.ax5-ui-toast-container .ax5-ui-toast .ax-toast-close {
    color: #333
}

.ax5-ui-toast-container .ax5-ui-toast.primary {
    background: #fff;
    color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.primary .ax-toast-icon {
    color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.primary .ax-toast-close {
    color: #337ab7
}

.ax5-ui-toast-container .ax5-ui-toast.success {
    background: #fff;
	color: #009BB4

}

.ax5-ui-toast-container .ax5-ui-toast.success .ax-toast-icon {
    color: #009BB4
}

.ax5-ui-toast-container .ax5-ui-toast.success .ax-toast-close {
    color: #009BB4
}

.ax5-ui-toast-container .ax5-ui-toast.info {
    background: #fff;
    color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.info .ax-toast-icon {
    color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.info .ax-toast-close {
    color: #5bc0de
}

.ax5-ui-toast-container .ax5-ui-toast.warning {
    background: #fff;
    color: #f0ad4e
}

.ax5-ui-toast-container .ax5-ui-toast.warning .ax-toast-icon {
    color: #f0ad4e
}

.ax5-ui-toast-container .ax5-ui-toast.warning .ax-toast-close {
    color: #f0ad4e
}

.ax5-ui-toast-container .ax5-ui-toast.danger {
    background: #fff;
    color: #E6003E
}

.ax5-ui-toast-container .ax5-ui-toast.danger .ax-toast-icon {
    color: #E6003E
}

.ax5-ui-toast-container .ax5-ui-toast.danger .ax-toast-close {
    color: #E6003E
}

.ax5-ui-toast-container.bottom-left {
    left: 0;
    bottom: 0
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast {
    -webkit-animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1);
    animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast.removed {
    -webkit-animation: ax-toast-removed-bottom .3s ease forwards;
    -o-animation: ax-toast-removed-bottom .3s ease forwards;
    animation: ax-toast-removed-bottom .3s ease forwards
}

.ax5-ui-toast-container.bottom-left .ax5-ui-toast.destroy {
    -webkit-animation: ax-toast-destroy .3s ease forwards;
    -o-animation: ax-toast-destroy .3s ease forwards;
    animation: ax-toast-destroy .3s ease forwards
}

.ax5-ui-toast-container.bottom-right {
    right: 0;
    bottom: 0
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast {
    -webkit-animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1);
    animation: ax-toast-top .3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast.removed {
    -webkit-animation: ax-toast-removed-bottom .3s ease forwards;
    -o-animation: ax-toast-removed-bottom .3s ease forwards;
    animation: ax-toast-removed-bottom .3s ease forwards
}

.ax5-ui-toast-container.bottom-right .ax5-ui-toast.destroy {
    -webkit-animation: ax-toast-destroy .3s ease forwards;
    -o-animation: ax-toast-destroy .3s ease forwards;
    animation: ax-toast-destroy .3s ease forwards
}

.ax5-ui-toast-container.top-left {
    left: 0;
    top: 0
}

.ax5-ui-toast-container.top-left .ax5-ui-toast {
    -webkit-animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1);
    animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.top-left .ax5-ui-toast.removed {
    -webkit-animation: ax-toast-removed-top .3s ease forwards;
    -o-animation: ax-toast-removed-top .3s ease forwards;
    animation: ax-toast-removed-top .3s ease forwards
}

.ax5-ui-toast-container.top-left .ax5-ui-toast.destroy {
    -webkit-animation: ax-toast-destroy .3s ease forwards;
    -o-animation: ax-toast-destroy .3s ease forwards;
    animation: ax-toast-destroy .3s ease forwards
}

.ax5-ui-toast-container.top-right {
    right: 0;
    top: 0
}

.ax5-ui-toast-container.top-right .ax5-ui-toast {
    -webkit-animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1);
    animation: ax-toast-bottom .3s cubic-bezier(0.86, 0, 0.07, 1)
}

.ax5-ui-toast-container.top-right .ax5-ui-toast.removed {
    -webkit-animation: ax-toast-removed-top .3s ease forwards;
    -o-animation: ax-toast-removed-top .3s ease forwards;
    animation: ax-toast-removed-top .3s ease forwards
}

.ax5-ui-toast-container.top-right .ax5-ui-toast.destroy {
    -webkit-animation: ax-toast-destroy .3s ease forwards;
    -o-animation: ax-toast-destroy .3s ease forwards;
    animation: ax-toast-destroy .3s ease forwards
}

/* select form-cotrol 높이 34px -> 24px로 변경*/
[data-ax5select] select[multiple].form-control {
    height: 24px
}

[data-ax5select] .ax5select-display.input-sm,
[data-ax5select] .input-group-sm>.ax5select-display.form-control,
[data-ax5select] .input-group-sm>.ax5select-display.input-group-addon,
[data-ax5select] .input-group-sm>.input-group-btn>.ax5select-display.btn {
    height: 30px
}

[data-ax5select] select[multiple].input-sm,
[data-ax5select] .input-group-sm>select[multiple].form-control,
[data-ax5select] .input-group-sm>select[multiple].input-group-addon,
[data-ax5select] .input-group-sm>.input-group-btn>select[multiple].btn {
    height: 30px
}

[data-ax5select] .ax5select-display.input-lg,
[data-ax5select] .input-group-lg>.ax5select-display.form-control,
[data-ax5select] .input-group-lg>.ax5select-display.input-group-addon,
[data-ax5select] .input-group-lg>.input-group-btn>.ax5select-display.btn {
    height: 46px
}

[data-ax5select] select[multiple].input-lg,
[data-ax5select] .input-group-lg>select[multiple].form-control,
[data-ax5select] .input-group-lg>select[multiple].input-group-addon,
[data-ax5select] .input-group-lg>.input-group-btn>select[multiple].btn {
    height: 46px
}

.form-group-sm [data-ax5select] select[multiple].form-control {
    height: 30px
}

.form-group-lg [data-ax5select] select[multiple].form-control {
    height: 46px
}

@media (min-width: 768px) {
    .form-inline [data-ax5select] {
        display: inline-block
    }
}

[data-ax5select] {
    position: relative;
    overflow: visible;
    display: block;
    box-sizing: border-box;
    margin: 0
}

[data-ax5select] *,
[data-ax5select] *:before,
[data-ax5select] *:after {
    box-sizing: border-box
}

[data-ax5select] select {
    z-index: 1;
    position: absolute;
    opacity: 0;
    user-select: none
}

@-webkit-keyframes ax-select-option-group {
    from {
        -webkit-transform: translateY(-10%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0%);
        opacity: 1
    }
}

@-moz-keyframes ax-select-option-group {
    from {
        -moz-transform: translateY(-10%);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0%);
        opacity: 1
    }
}

@keyframes ax-select-option-group {
    from {
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes ax-select-option-group-destroy {
    from {
        -webkit-transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

@-moz-keyframes ax-select-option-group-destroy {
    from {
        -moz-transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -moz-transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

@keyframes ax-select-option-group-destroy {
    from {
        -webkit-transform: translateY(0%) scaleY(1);
        -moz-transform: translateY(0%) scaleY(1);
        -ms-transform: translateY(0%) scaleY(1);
        -o-transform: translateY(0%) scaleY(1);
        transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(0%) scaleY(0);
        -moz-transform: translateY(0%) scaleY(0);
        -ms-transform: translateY(0%) scaleY(0);
        -o-transform: translateY(0%) scaleY(0);
        transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

.ax5select-display,
.input-group [data-ax5select] .ax5select-display {
    position: relative;
    z-index: 2;
    padding: 0px;
    display: block;
    height: 34px;
    font-size: 14px;
    border-radius: 4px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
    border: 1px solid #ccc;
    color: #444;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ax5select-display:hover,
.input-group [data-ax5select] .ax5select-display:hover,
.ax5select-display:focus,
.input-group [data-ax5select] .ax5select-display:focus {
    text-decoration: none
}

.ax5select-display .ax5select-display-table,
.input-group [data-ax5select] .ax5select-display .ax5select-display-table {
    width: 100%;
    height: 100%;
    display: table;
    border-collapse: collapse;
    user-select: none
}

.ax5select-display .ax5select-display-table [data-ax5select-display="label"] {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 7px;
    color: #444;
    white-space: nowrap
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] {
    display: table-cell;
    vertical-align: middle;
    width: 16px;
    text-align: center
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-reset {
    display: none
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed {
    display: block
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened {
    display: none
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed {
    width: 16px;
    text-align: left;
    line-height: 6.363px
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 6.363px solid #444;
    background: transparent;
    opacity: 1
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened {
    width: 16px;
    text-align: left;
    line-height: 6.363px
}

.ax5select-display .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-bottom: 6.363px solid #444;
    background: transparent;
    opacity: 1
}

.ax5select-display[data-select-option-group-opened],
.input-group [data-ax5select] [data-select-option-group-opened].ax5select-display {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    background-image: none
}

.ax5select-display[data-select-option-group-opened] .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-reset {
    display: block;
    position: absolute;
    right: 23px;
    top: 0px;
    height: 100%
}

.ax5select-display[data-select-option-group-opened] .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed {
    display: none
}

.ax5select-display[data-select-option-group-opened] .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened {
    display: block
}

.ax5select-display.default:hover:not([disabled]),
.ax5select-display.default:active:not([disabled]),
.ax5select-display.default:focus:not([disabled]),
.ax5select-display.default[data-select-option-group-opened]:not([disabled]) {
    border-color: #ccc;
    color: #555;
    text-decoration: none
}

.ax5select-display.default:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.default:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.default:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.default[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.default:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.default:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.default:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.default[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.default [disabled] {
    user-select: none
}

.ax5select-display.primary:hover:not([disabled]),
.ax5select-display.primary:active:not([disabled]),
.ax5select-display.primary:focus:not([disabled]),
.ax5select-display.primary[data-select-option-group-opened]:not([disabled]) {
    border-color: #337ab7;
    color: #555;
    text-decoration: none
}

.ax5select-display.primary:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.primary:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.primary:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.primary[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.primary:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.primary:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.primary:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.primary[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.primary [disabled] {
    user-select: none
}

.ax5select-display.success:hover:not([disabled]),
.ax5select-display.success:active:not([disabled]),
.ax5select-display.success:focus:not([disabled]),
.ax5select-display.success[data-select-option-group-opened]:not([disabled]) {
    border-color: #5cb85c;
    color: #555;
    text-decoration: none
}

.ax5select-display.success:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.success:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.success:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.success[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.success:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.success:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.success:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.success[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.success [disabled] {
    user-select: none
}

.ax5select-display.info:hover:not([disabled]),
.ax5select-display.info:active:not([disabled]),
.ax5select-display.info:focus:not([disabled]),
.ax5select-display.info[data-select-option-group-opened]:not([disabled]) {
    border-color: #5bc0de;
    color: #555;
    text-decoration: none
}

.ax5select-display.info:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.info:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.info:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.info[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.info:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.info:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.info:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.info[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.info [disabled] {
    user-select: none
}

.ax5select-display.warning:hover:not([disabled]),
.ax5select-display.warning:active:not([disabled]),
.ax5select-display.warning:focus:not([disabled]),
.ax5select-display.warning[data-select-option-group-opened]:not([disabled]) {
    border-color: #f0ad4e;
    color: #555;
    text-decoration: none
}

.ax5select-display.warning:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.warning:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.warning:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.warning[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.warning:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.warning:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.warning:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.warning[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.warning [disabled] {
    user-select: none
}

.ax5select-display.danger:hover:not([disabled]),
.ax5select-display.danger:active:not([disabled]),
.ax5select-display.danger:focus:not([disabled]),
.ax5select-display.danger[data-select-option-group-opened]:not([disabled]) {
    border-color: #d9534f;
    color: #555;
    text-decoration: none
}

.ax5select-display.danger:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.danger:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.danger:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow,
.ax5select-display.danger[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-closed .addon-icon-arrow {
    border-top-color: #555
}

.ax5select-display.danger:hover:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.danger:active:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.danger:focus:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow,
.ax5select-display.danger[data-select-option-group-opened]:not([disabled]) .ax5select-display-table [data-ax5select-display="addon"] .addon-icon-opened .addon-icon-arrow {
    border-bottom-color: #555
}

.ax5select-display.danger [disabled] {
    user-select: none
}

.ax5select-option-group {
    box-sizing: border-box;
    z-index: 2000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175);
    border: 1px solid;
    overflow: hidden;
    background-color: #fbfbfb;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb);
    background-image: linear-gradient(to top, #fbfbfb);
    -webkit-animation: ax-select-option-group .1s ease-out;
    -o-animation: ax-select-option-group .1s ease-out;
    animation: ax-select-option-group .1s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.ax5select-option-group.destroy {
    -webkit-animation: ax-select-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    -o-animation: ax-select-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    animation: ax-select-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards
}

.ax5select-option-group.direction-top {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.ax5select-option-group.direction-bottom {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.ax5select-option-group.default {
    border-color: #ccc;
    color: #555
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #a6a6a6 !important;
    color: #222
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #ccc;
    color: #222
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.default .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #ccc
}

.ax5select-option-group.primary {
    border-color: #337ab7;
    color: #555
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #64a0d3 !important;
    color: #fff
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #337ab7;
    color: #fff
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.primary .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #337ab7
}

.ax5select-option-group.success {
    border-color: #5cb85c;
    color: #555
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #3d8b3d !important;
    color: #222
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #5cb85c;
    color: #222
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.success .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #5cb85c
}

.ax5select-option-group.info {
    border-color: #5bc0de;
    color: #555
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #9bd8eb !important;
    color: #fff
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #5bc0de;
    color: #fff
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.info .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #5bc0de
}

.ax5select-option-group.warning {
    border-color: #f0ad4e;
    color: #555
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #f6ce95 !important;
    color: #fff
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #f0ad4e;
    color: #fff
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.warning .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #f0ad4e
}

.ax5select-option-group.danger {
    border-color: #d9534f;
    color: #555
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    background: #e7908e !important;
    color: #fff
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] {
    background: #d9534f;
    color: #fff
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #fff !important
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.danger .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #d9534f
}

.ax5select-option-group .ax-select-body {
    padding: 0px
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content {
    max-height: 170px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 3px;
    /* 250618 추가_mj */
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item {
    padding: 3px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 17px
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox {
    overflow: hidden;
    width: 12px;
    text-align: center
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 12px;
    height: 17px
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    content: '';
    width: 8px;
    height: 4px;
    position: absolute;
    top: 4.25px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label {
    padding: 0px 7px;
    padding-right: 8px
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 17px
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 12px;
    line-height: 17px;
    padding: 5px 10px;
    user-select: none
}

.ax5select-option-group .ax-select-body .ax-select-option-group-buttons {
    text-align: center;
    padding: 3px 0px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body {
    padding: 0px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content {
    max-height: 206px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item {
    padding: 5px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 15.6px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 20.6px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15.6px;
    line-height: 20.6px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox {
    overflow: hidden;
    width: 15.6px;
    text-align: center
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 15.6px;
    height: 20.6px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    content: '';
    width: 11.6px;
    height: 5.8px;
    position: absolute;
    top: 5.15px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label {
    padding: 0px 7px;
    padding-right: 11.6px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 20.6px
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 15.6px;
    line-height: 20.6px;
    padding: 5px 10px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-lg .ax-select-body .ax-select-option-group-buttons {
    text-align: center;
    padding: 5px 0px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body {
    padding: 0px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content {
    max-height: 158px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item {
    padding: 2px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 10.8px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 15.8px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10.8px;
    line-height: 15.8px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox {
    overflow: hidden;
    width: 10.8px;
    text-align: center
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 10.8px;
    height: 15.8px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    content: '';
    width: 6.8px;
    height: 3.4px;
    position: absolute;
    top: 3.95px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label {
    padding: 0px 7px;
    padding-right: 6.8px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 15.8px
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10.8px;
    line-height: 15.8px;
    padding: 5px 10px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-sm .ax-select-body .ax-select-option-group-buttons {
    text-align: center;
    padding: 2px 0px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body {
    padding: 0px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content {
    max-height: 146px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item {
    padding: 1px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 9.6px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 14.6px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 9.6px;
    line-height: 14.6px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox {
    overflow: hidden;
    width: 9.6px;
    text-align: center
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 9.6px;
    height: 14.6px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    content: '';
    width: 5.6px;
    height: 2.8px;
    position: absolute;
    top: 3.65px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-label {
    padding: 0px 7px;
    padding-right: 5.6px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected="true"] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 14.6px
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 9.6px;
    line-height: 14.6px;
    padding: 5px 10px;
    user-select: none
}

.ax5select-option-group.ax5select-option-group-xs .ax-select-body .ax-select-option-group-buttons {
    text-align: center;
    padding: 1px 0px
}

.input-group [data-ax5select] {
    display: table-cell
}

.input-group [data-ax5select] select {
    z-index: 1;
    position: absolute;
    opacity: 0;
    user-select: none
}

.input-group [data-ax5select]:first-child .ax5select-display {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group [data-ax5select]:last-child .ax5select-display {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

/* autocomplete form-cotrol 높이 34px -> 24px로 변경*/
[data-ax5autocomplete] select[multiple].form-control {
    height: 24px
}

[data-ax5autocomplete] select[multiple].input-sm,
[data-ax5autocomplete] .input-group-sm>select[multiple].form-control,
[data-ax5autocomplete] .input-group-sm>select[multiple].input-group-addon,
[data-ax5autocomplete] .input-group-sm>.input-group-btn>select[multiple].btn {
    height: 30px
}

[data-ax5autocomplete] select[multiple].input-lg,
[data-ax5autocomplete] .input-group-lg>select[multiple].form-control,
[data-ax5autocomplete] .input-group-lg>select[multiple].input-group-addon,
[data-ax5autocomplete] .input-group-lg>.input-group-btn>select[multiple].btn {
    height: 46px
}

.form-group-sm [data-ax5autocomplete] select[multiple].form-control {
    height: 30px
}

.form-group-lg [data-ax5autocomplete] select[multiple].form-control {
    height: 46px
}

@media (min-width: 768px) {
    .form-inline [data-ax5autocomplete] {
        display: inline-block
    }

    .form-inline [data-ax5autocomplete] .ax5autocomplete-display .ax5autocomplete-display-table {
        table-layout: auto
    }
}

[data-ax5autocomplete] {
    position: relative;
    overflow: visible;
    display: block;
    margin: 0px
}

[data-ax5autocomplete] select {
    z-index: 1;
    position: absolute;
    opacity: 0;
    user-select: none
}

@-webkit-keyframes ax-autocomplete-option-group {
    from {
        -webkit-transform: translateY(-10%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0%);
        opacity: 1
    }
}

@-moz-keyframes ax-autocomplete-option-group {
    from {
        -moz-transform: translateY(-10%);
        opacity: 0
    }

    to {
        -moz-transform: translateY(0%);
        opacity: 1
    }
}

@keyframes ax-autocomplete-option-group {
    from {
        -webkit-transform: translateY(-10%);
        -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
        -o-transform: translateY(-10%);
        transform: translateY(-10%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1
    }
}

@-webkit-keyframes ax-autocomplete-option-group-destroy {
    from {
        -webkit-transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

@-moz-keyframes ax-autocomplete-option-group-destroy {
    from {
        -moz-transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -moz-transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

@keyframes ax-autocomplete-option-group-destroy {
    from {
        -webkit-transform: translateY(0%) scaleY(1);
        -moz-transform: translateY(0%) scaleY(1);
        -ms-transform: translateY(0%) scaleY(1);
        -o-transform: translateY(0%) scaleY(1);
        transform: translateY(0%) scaleY(1);
        opacity: 1
    }

    to {
        -webkit-transform: translateY(0%) scaleY(0);
        -moz-transform: translateY(0%) scaleY(0);
        -ms-transform: translateY(0%) scaleY(0);
        -o-transform: translateY(0%) scaleY(0);
        transform: translateY(0%) scaleY(0);
        opacity: 0
    }
}

.ax5autocomplete-display {
    position: relative;
    z-index: 2;
    padding: 0px;
    display: block
}

.ax5autocomplete-display:hover,
.ax5autocomplete-display:focus {
    text-decoration: none
}

.ax5autocomplete-display .ax5autocomplete-display-table {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: collapse
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label-holder"] {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 0px
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 7px;
    text-decoration: none
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"]:focus {
    outline: none
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"]:hover {
    text-decoration: none
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"]:after {
    content: ' ';
    display: block;
    clear: both
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label] {
    position: relative;
    display: block;
    float: left;
    background: transparent;
    padding: 0px 3px;
    border: 1px solid transparent;
    margin: 1px 3px 1px 0;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #eee, #eee);
    background-image: linear-gradient(to bottom, #eee, #eee);
    border: 1px solid #ccc;
    color: #444;
    border-radius: 3px;
    max-width: 100%
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label]:first-child {
    margin-left: 0px
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label] [data-ax5autocomplete-remove] {
    width: 15px;
    position: absolute;
    right: 0
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label] [data-ax5autocomplete-remove]:hover {
    color: #d9534f
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-selected-label] span {
    padding-right: 15px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-display="input"] {
    float: left;
    width: 100px
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-display="input"]:focus {
    outline: none
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="label"] [data-ax5autocomplete-display="input"]::-ms-clear {
    display: none
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="addon"] {
    display: table-cell;
    vertical-align: middle;
    width: 16px;
    text-align: center
}

.ax5autocomplete-display .ax5autocomplete-display-table [data-ax5autocomplete-display="addon"] .addon-icon-reset {
    display: none
}

.ax5autocomplete-display[data-select-option-group-opened] {
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2)
}

.ax5autocomplete-display[data-select-option-group-opened] .ax5autocomplete-display-table [data-ax5autocomplete-display="addon"] .addon-icon-reset {
    display: block;
    position: absolute;
    right: 23px;
    top: 0px;
    height: 100%
}

.ax5autocomplete-display.default a {
    color: #555
}

.ax5autocomplete-display.default:hover:not([disabled]),
.ax5autocomplete-display.default:active:not([disabled]),
.ax5autocomplete-display.default:focus:not([disabled]),
.ax5autocomplete-display.default[data-select-option-group-opened]:not([disabled]) {
    border-color: #ccc;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.default [disabled] {
    user-select: none
}

.ax5autocomplete-display.primary a {
    color: #555
}

.ax5autocomplete-display.primary:hover:not([disabled]),
.ax5autocomplete-display.primary:active:not([disabled]),
.ax5autocomplete-display.primary:focus:not([disabled]),
.ax5autocomplete-display.primary[data-select-option-group-opened]:not([disabled]) {
    border-color: #337ab7;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.primary [disabled] {
    user-select: none
}

.ax5autocomplete-display.success a {
    color: #555
}

.ax5autocomplete-display.success:hover:not([disabled]),
.ax5autocomplete-display.success:active:not([disabled]),
.ax5autocomplete-display.success:focus:not([disabled]),
.ax5autocomplete-display.success[data-select-option-group-opened]:not([disabled]) {
    border-color: #5cb85c;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.success [disabled] {
    user-select: none
}

.ax5autocomplete-display.info a {
    color: #555
}

.ax5autocomplete-display.info:hover:not([disabled]),
.ax5autocomplete-display.info:active:not([disabled]),
.ax5autocomplete-display.info:focus:not([disabled]),
.ax5autocomplete-display.info[data-select-option-group-opened]:not([disabled]) {
    border-color: #5bc0de;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.info [disabled] {
    user-select: none
}

.ax5autocomplete-display.warning a {
    color: #555
}

.ax5autocomplete-display.warning:hover:not([disabled]),
.ax5autocomplete-display.warning:active:not([disabled]),
.ax5autocomplete-display.warning:focus:not([disabled]),
.ax5autocomplete-display.warning[data-select-option-group-opened]:not([disabled]) {
    border-color: #f0ad4e;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.warning [disabled] {
    user-select: none
}

.ax5autocomplete-display.danger a {
    color: #555
}

.ax5autocomplete-display.danger:hover:not([disabled]),
.ax5autocomplete-display.danger:active:not([disabled]),
.ax5autocomplete-display.danger:focus:not([disabled]),
.ax5autocomplete-display.danger[data-select-option-group-opened]:not([disabled]) {
    border-color: #d9534f;
    color: #555;
    background: #fbfbfb;
    text-decoration: none
}

.ax5autocomplete-display.danger [disabled] {
    user-select: none
}

.ax5autocomplete-option-group {
    box-sizing: border-box;
    z-index: 2000;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175);
    border: 1px solid;
    overflow: hidden;
    background-color: #fbfbfb;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb);
    background-image: linear-gradient(to top, #fbfbfb);
    -webkit-animation: ax-autocomplete-option-group .1s ease-out;
    -o-animation: ax-autocomplete-option-group .1s ease-out;
    animation: ax-autocomplete-option-group .1s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.ax5autocomplete-option-group.destroy {
    -webkit-animation: ax-autocomplete-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    -o-animation: ax-autocomplete-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards;
    animation: ax-autocomplete-option-group-destroy .1s cubic-bezier(0.6, -0.28, 0.735, 0.045) forwards
}

.ax5autocomplete-option-group.direction-top {
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top
}

.ax5autocomplete-option-group.direction-bottom {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.ax5autocomplete-option-group.default {
    border-color: #ccc;
    color: #555
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #a6a6a6 !important;
    color: #222
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #222 !important
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #ccc;
    color: #222
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #222 !important
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.default .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #ccc
}

.ax5autocomplete-option-group.primary {
    border-color: #337ab7;
    color: #555
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #64a0d3 !important;
    color: #fff
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #337ab7;
    color: #fff
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.primary .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #337ab7
}

.ax5autocomplete-option-group.success {
    border-color: #5cb85c;
    color: #555
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #3d8b3d !important;
    color: #222
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #222 !important
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #5cb85c;
    color: #222
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #222 !important
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.success .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #5cb85c
}

.ax5autocomplete-option-group.info {
    border-color: #5bc0de;
    color: #555
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #9bd8eb !important;
    color: #fff
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #5bc0de;
    color: #fff
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.info .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #5bc0de
}

.ax5autocomplete-option-group.warning {
    border-color: #f0ad4e;
    color: #555
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #f6ce95 !important;
    color: #fff
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #f0ad4e;
    color: #fff
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.warning .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #f0ad4e
}

.ax5autocomplete-option-group.danger {
    border-color: #d9534f;
    color: #555
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover,
.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover {
    background: #e7908e !important;
    color: #fff
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item:hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item.hover .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] {
    background: #d9534f;
    color: #fff
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    border-color: #fff !important
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    background: #eee
}

.ax5autocomplete-option-group.danger .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    border-top: 1px solid;
    border-color: #d9534f
}

.ax5autocomplete-option-group .ax-autocomplete-body {
    padding: 0px
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content {
    max-height: 180px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item {
    padding: 3px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 18px
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 13px;
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox {
    overflow: hidden;
    width: 13px;
    text-align: center
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 13px;
    height: 18px
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    content: '';
    width: 9px;
    height: 4.5px;
    position: absolute;
    top: 4.5px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-label {
    padding: 0px 7px;
    padding-right: 9px
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 18px
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 13px;
    line-height: 18px;
    padding: 5px 10px;
    user-select: none
}

.ax5autocomplete-option-group .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    text-align: center;
    padding: 3px 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body {
    padding: 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content {
    max-height: 219px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item {
    padding: 5px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 16.9px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 21.9px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16.9px;
    line-height: 21.9px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox {
    overflow: hidden;
    width: 16.9px;
    text-align: center
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 16.9px;
    height: 21.9px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    content: '';
    width: 12.9px;
    height: 6.45px;
    position: absolute;
    top: 5.475px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-label {
    padding: 0px 7px;
    padding-right: 12.9px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 21.9px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 16.9px;
    line-height: 21.9px;
    padding: 5px 10px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-lg .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    text-align: center;
    padding: 5px 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body {
    padding: 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content {
    max-height: 167px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item {
    padding: 2px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 11.7px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 16.7px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11.7px;
    line-height: 16.7px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox {
    overflow: hidden;
    width: 11.7px;
    text-align: center
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 11.7px;
    height: 16.7px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    content: '';
    width: 7.7px;
    height: 3.85px;
    position: absolute;
    top: 4.175px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-label {
    padding: 0px 7px;
    padding-right: 7.7px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 16.7px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 11.7px;
    line-height: 16.7px;
    padding: 5px 10px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-sm .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    text-align: center;
    padding: 2px 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body {
    padding: 0px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content {
    max-height: 154px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item {
    padding: 1px 0px;
    text-align: left;
    cursor: pointer;
    font-size: 10.4px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 15.4px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10.4px;
    line-height: 15.4px;
    padding: 0px 0px 0px 0px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox {
    overflow: hidden;
    width: 10.4px;
    text-align: center
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap {
    position: relative;
    display: block;
    width: 10.4px;
    height: 15.4px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    box-sizing: border-box;
    content: '';
    width: 6.4px;
    height: 3.2px;
    position: absolute;
    top: 3.85px;
    right: 0px;
    border: 2px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0.1;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-label {
    padding: 0px 7px;
    padding-right: 6.4px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-item[data-option-selected="true"] .ax-autocomplete-option-item-holder .ax-autocomplete-option-item-cell.ax-autocomplete-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    opacity: 1
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder {
    display: table;
    position: relative;
    border-collapse: separate;
    overflow: hidden;
    width: 100%;
    height: 15.4px
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-content .ax-autocomplete-option-group .ax-autocomplete-option-item-holder .ax-autocomplete-option-group-label {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10.4px;
    line-height: 15.4px;
    padding: 5px 10px;
    user-select: none
}

.ax5autocomplete-option-group.ax5autocomplete-option-group-xs .ax-autocomplete-body .ax-autocomplete-option-group-buttons {
    text-align: center;
    padding: 1px 0px
}

/***************************************************************************************************************************************/
/* RAP-WEB 에서 CSS 재정의 영역 */
/***************************************************************************************************************************************/

/* ******* 공통 CSS Customizing 시작 *******/
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 2px 10px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn,
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 12px;
    height: 26px;
}

.btn,
.btn-warning {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

/* ******* 공통 CSS Customizing 끝 *******/


/* ******* Select CSS Customizing 시작 *******/
.ax5select-option-group.rap-web {
    border-color: #ccc;
    color: #555;
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover,
.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover {
    /*background: #a6a6a6 !important; 250618 삭제_mj*/
    background-color: var(--ls_form_select_hover_color);
    /* 250618 변경_mj */
    color: #222
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item:hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after,
.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item.hover .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected='true'] {
    /*background: #ccc;  250618 삭제_mj*/
    background: var(--ls_form_select_active_color);
    /* 250618 변경_mj*/
    color: #222
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-item[data-option-selected='true'] .ax-select-option-item-holder .ax-select-option-item-cell.ax-select-option-item-checkbox .item-checkbox-wrap.useCheckBox:after {
    border-color: #222 !important
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-content .ax-select-option-group .ax-select-option-item-holder .ax-select-option-group-label {
    background: #eee
}

.ax5select-option-group.rap-web .ax-select-body .ax-select-option-group-buttons {
    border-top: 1px solid;
    border-color: #ccc
}

.ax5select-display.rap-web:hover:not([disabled]) .ax5select-display.rap-web:active:not([disabled]) .ax5select-display.rap-web:focus:not([disabled]) .ax5select-display.rap-web[data-select-option-group-opened]:not([disabled]) {
    border-color: #ccc;
    color: #555;
    text-decoration: none
}

.ax5select-display.rap-web:hover:not([disabled]) .ax5select-display.rap-web:active:not([disabled]) .ax5select-display.rap-web:focus:not([disabled]) .ax5select-display.rap-web[data-select-option-group-opened]:not([disabled]) .ax5select-display.rap-web:hover:not([disabled]) .ax5select-display.rap-web:active:not([disabled]) .ax5select-display.rap-web:focus:not([disabled]) .ax5select-display.rap-web[data-select-option-group-opened]:not([disabled]) .ax5select-display.rap-web [disabled] {
    user-select: none
}

/* 사이즈가 작아지면 말줄임표로 타이틀 표시*/
.ax5select-display .ax5select-display-table,
.input-group [data-ax5select] .ax5select-display .ax5select-display-table {
    width: 100%;
    height: 100%;
    display: table;
    border-collapse: collapse;
    user-select: none;
    table-layout: fixed;
}

.ax5select-display .ax5select-display-table [data-ax5select-display="label"] {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 7px;
    color: #444;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ax5select-option-group .ax-select-body .ax-select-option-group-content .ax-select-option-item .ax-select-option-item-holder .ax-select-option-item-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    font-size: 12px;
    line-height: 17px;
    padding: 0px 0px 0px 0px;
    user-select: none;
}

/* ******* Select CSS Customizing 끝 *******/

/* ******* Calendar CSS Customizing 시작 *******/
.ax5-ui-calendar {
    font-family: var(--ls-basic-font-family);
    /* 250617 폰트 변경_mj */
}

.ax5-ui-calendar .calendar-control {
    border-radius: 0px;
    font-size: 13px;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day {
    border-radius: 0px;
    font-size: 11px;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month {
    border-radius: 0px;
    font-size: 11px;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year {
    border-radius: 0px;
    font-size: 11px;
}

/* 캘린더 header box height */
.ax5-ui-calendar .calendar-control {
    height: 30px !important;
}

.ax5-ui-calendar .calendar-control .date-move-left,
.ax5-ui-calendar .calendar-control .date-move-right {
    height: 30px !important;
    line-height: 30px !important
}

.ax5-ui-calendar .calendar-body table thead td.calendar-col-0 {
    height: 20px !important
}

.ax5-ui-calendar .calendar-body table thead tr td {
    height: 20px !important
}

.ax5-ui-calendar .calendar-body table thead tr td:first-child {
    color: #c8294b;
}

.ax5-ui-calendar .calendar-body table thead tr td:last-child {
    color: #206fea;
}

.ax5-ui-calendar .calendar-control .date-display {
    height: 30px !important;
    line-height: 30px !important
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.sunday {
    background-image: -webkit-linear-gradient(bottom, #f5e8ea, #f5e8ea);
    background-image: linear-gradient(to top, #f5e8ea, #f5e8ea);
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.saturday {
    background-image: -webkit-linear-gradient(bottom, #e9f6f9, #e9f6f9);
    background-image: linear-gradient(to top, #e9f6f9, #e9f6f9);
}

/* 캘린더 버튼 위치 고정 */
.ax5-ui-calendar .calendar-body table[data-calendar-table="month"] tbody tr:nth-child(n+4) td:nth-child(n+1) {
    padding-bottom: 4px !important
}

.ax5-ui-calendar .calendar-body table[data-calendar-table="day"] tbody tr:nth-child(n+6) td:nth-child(n+1) {
    padding-bottom: 4px !important
}

.ax5-ui-calendar .calendar-body table[data-calendar-table="day"] tbody tr:nth-child(n+2) td:nth-child(n+1) {
    padding-top: 2px !important
}

/* 선택된 요소 배경색 */
.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.selected-year,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-year.selected-year {
    background-image: linear-gradient(to top, #004381, #0569a0);
    background-color: #004381;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.selected-month,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.selected-month {
    background-image: linear-gradient(to top, #004381, #0569a0);
    background-color: #A50034;
}

.ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day,
.ax5-ui-calendar .calendar-body table tbody th .calendar-item-day.selected-day {
    background-image: linear-gradient(to top, #004381, #0569a0);
    background-color: #A50034;
}

/* ******* Calendar CSS Customizing 끝 *******/


/* ******* Mask CSS Customizing 시작 *******/
.ax-mask .ax-mask-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .4
}

.ax-mask.danger .ax-mask-bg {
    /* prepare mask theme 20250704 색상 변경_mj*/
    /* background: #7a0000;
    opacity: .4*/
    background-color: #000;
    opacity: .4
}

.ax-mask.blue .ax-mask-bg {
    /* prepare mask theme */
    background: #00007a;
    opacity: .4
}

.ax-mask.blank .ax-mask-bg {
    /* prepare mask theme */
    background: #ffffff;
    opacity: 0
}

.ax-mask.loading .ax-mask-bg {
    /* prepare mask theme */
    background: #ffffff;
    opacity: 0
}

.ax-mask.white .ax-mask-bg {
    /* prepare mask theme */
    background: #ffffff;
    opacity: 1
}

/* ******* Mask CSS Customizing 끝 *******/


/* ******* Picker CSS Customizing 시작 *******/
.ax5-ui-picker {
    border-radius: 0px;
}

.ax5-ui-picker .ax-picker-body .ax-picker-buttons {
    padding-top: 5px !important;
}

/* ******* Picker CSS Customizing 끝 *******/

/* ******* Modal CSS Customizing 시작 *******/
.ax5modal {
    border: 1px solid var(--ls_sub_gray) !important;
    border-radius: 0px !important;
}

.ax5modal .ax-modal-header {
    background: var(--ls_sub_gray);
    color: var(--ls_primary_white) !important;
    font-size: 14px !important;
    font-family: inherit;
    height: 36px;
    padding: 11px 15px 7px !important;
    border-radius: 0px !important;
}

.ax-modal-header-addon button i {
    color: rgba(255, 255, 255, 0.7) !important;
}

.ax-modal-header-addon button:hover i {
    color: rgba(255, 255, 255, 1) !important;
}

.ax-modal-header .ax-modal-header-addon {
    padding: 7px 5px 8px !important;
}

/* ******* Modal CSS Customizing 끝 *******/

/* ******* Dialog CSS Customizing 시작 *******/
.ax5-ui-dialog {
    border: 1px solid var(--ls_sub_gray) !important;
    border-radius: 0px !important;
}

.ax5-ui-dialog .ax-dialog-header {
    background: var(--ls_sub_gray);
    color: var(--ls_primary_white) !important;
    font-size: 14px !important;
    font-family: inherit;
    border-radius: 0px !important;
}

/* ******* Modal CSS Customizing 끝 *******/

/***************************************************************************************************************************************/
/* 각 컨트롤 CSS의 공통되는 부분 fieldset 으로 시작(ax5formatter.css)                                                              */
/* 원본 .form-control{box-sizing:border-box;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px; 부분을             */
/* 변경 .form-control{box-sizing:border-box;display:block;width:100%;height:26px;padding:0px;     font-size:13px; 으로 변경함        */
/****************************************************************************************************************************************/
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    line-height: 1.2;
    word-wrap: break-word;
    word-break: keep-all;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

/* .form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 26px;
    padding: 0px;
    font-size: 13px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
} */

.form-control {
    /* root style 적용 250528 mj */
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: var(--ls_form_height);
    padding: 0;
    font-size: var(--ls_form_font-size);
    line-height: 1.42857;
    color: var(--ls_form_text_color);
    background-color: var(--ls_form_bg_color);
    background-image: none;
    border: var(--ls_form_box_line);
    border-radius: var(--ls_form_box_radius);
    overflow: hidden;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 250617 삭제_mj*/
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}


.form-control:focus {
    /* 250528 mj  신규 */
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {

    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm,
    .input-group-sm>input[type="date"].form-control,
    .input-group-sm>input[type="date"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="date"].btn,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm>input[type="time"].form-control,
    .input-group-sm>input[type="time"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="time"].btn,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm>input[type="datetime-local"].form-control,
    .input-group-sm>input[type="datetime-local"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm>input[type="month"].form-control,
    .input-group-sm>input[type="month"].input-group-addon,
    .input-group-sm>.input-group-btn>input[type="month"].btn,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg,
    .input-group-lg>input[type="date"].form-control,
    .input-group-lg>input[type="date"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="date"].btn,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg>input[type="time"].form-control,
    .input-group-lg>input[type="time"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="time"].btn,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg>input[type="datetime-local"].form-control,
    .input-group-lg>input[type="datetime-local"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="datetime-local"].btn,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg>input[type="month"].form-control,
    .input-group-lg>input[type="month"].input-group-addon,
    .input-group-lg>.input-group-btn>input[type="month"].btn,
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select[multiple].form-control,
.input-group-sm>select[multiple].input-group-addon,
.input-group-sm>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select[multiple].form-control,
.input-group-lg>select[multiple].input-group-addon,
.input-group-lg>.input-group-btn>select[multiple].btn {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}