.form-horizontal .form-group {
    margin-left  : 0;
    margin-right : 0;
}

.form-control, .single-line {
    padding : 0px 5px;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top  : 0;
    text-align  : center;
    font-weight : 700;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align : middle;
}

.req {
    color : #f0ad4e;
}

.hr-line-dashed {
    margin : 10px 0;
}

.m-t-xs {
    margin-top : 5px !important;
}

.m-t-sm {
    margin-top : 10px !important;
}

.text-left {
    text-align : left !important;
}

.text-right {
    text-align : right !important;
}

.text-bold {
    font-weight : bold;
}

.pagination {
    margin : 0px 0;
}

.table-responsive {
    border : 0px solid #ddd;
    width  : 100%;
}

tbody tr:hover {
    cursor : pointer;
}

.nowrap {
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap;
}

.noshow {
    display : none !important;
}

/***************** Pickup chk css *****************/
.checkbox-pickup input[type="checkbox"]:checked + label::before, .checkbox-pickup input[type="radio"]:checked + label::before {
    background-color : #f0ad4e;
    border-color     : #f0ad4e;
}

.checkbox-pickup input[type="checkbox"]:checked + label::after, .checkbox-pickup input[type="radio"]:checked + label::after {
    color : #fff;
}

/***************** Main Vod chk css *****************/
.checkbox-main-vod input[type="checkbox"]:checked + label::before, .checkbox-main-vod input[type="radio"]:checked + label::before {
    background-color : #f0ad4e;
    border-color     : #f0ad4e;
}

.checkbox-main-vod input[type="checkbox"]:checked + label::after, .checkbox-main-vod input[type="radio"]:checked + label::after {
    color : #fff;
}

/***************** list chk css *****************/
.checkbox-list input[type="checkbox"]:checked + label::before, .checkbox-list input[type="radio"]:checked + label::before {
    background-color : #f0ad4e;
    border-color     : #f0ad4e;
}

.checkbox-list input[type="checkbox"]:checked + label::after, .checkbox-list input[type="radio"]:checked + label::after {
    color : #fff;
}

/***************** Basic btn css *****************/
.checkbox-expose input[type="checkbox"]:checked + label::before, .checkbox-expose input[type="radio"]:checked + label::before {
    background-color : #f0ad4e;
    border-color     : #f0ad4e;
}

.checkbox-expose input[type="checkbox"]:checked + label::after, .checkbox-expose input[type="radio"]:checked + label::after {
    color : #fff;
}

.indie-orage-font {
    color     : #F7881C;
    font-size : 20px;
}

.pull-right {
    float : right !important;
}

.locale-btn {
    cursor : pointer;
}

.locale-a {
    padding : 20px 0px !important;
}

span.xi {
    font-family : xeicon;
}

.metismenu .xi.arrow:before {
    content : "\e93b";
}

.xi.arrow:before {
    content : "\e93b";
}

.metismenu .active > a > .xi.arrow:before {
    content : "\e941"
}

.active > a > .xi.arrow:before {
    content : "\e941";
}

.nav > li.active {
    border-left : 4px solid #F6881C;
}

.pace .pace-progress {
    background : #F6881C;
}

.admin-dashboard-date {
    width      : 216px !important;
    text-align : center;
}

.form-inline .form-control {
    vertical-align : top;
}

.ibox-title {
    background-color : #44454D;
    color            : white;
    height           : 80px;
    font-size        : 20px;
}

.ibox-subtitle {
    background-color : #44454D;
    color            : white;
    height           : 80px;
    font-size        : 20px;
}

.total-title {
    font-size : 20px;
}
.exp-title {
    font-size : 14px;
    color: #666;
}
.ex-total-title {
   font-size: 16px;
    background: #f9f9f9;
    padding: 10px;
    display: flex;
}
.ex-total-title .totalbox_one {
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 12px 0;
    width: 24%;
    margin-right: 1%;
}
.totalbox_one .purple {
  color: #8a3fd6;
}
.totalbox_one .green {
  color: green;
}
.totalbox_one .red {
  color: #f16269;
}
.totalbox_one .bold {
  font-weight: bold;
}

@media (max-width: 1024px) {
  .ex-total-title {
    font-size: 14px;
  }
  .ex-total-title .totalbox_one {
    flex-direction: column;
  }
}
@media (max-width: 600px) {
  .ex-total-title {
    flex-wrap: wrap
  }
  .ex-total-title .totalbox_one {
    width: 49%;
    margin-bottom: 7px;
  }
}


.ibox-content {
    border : 1px solid #44454D;
}

.dropFile-div {
    display    : table;
    text-align : center;
    width      : 100%;
}

.fileUpForm {
    height         : 500px;
    display        : table-cell;
    vertical-align : middle;
}

.file-uploading {
    height : 200px;
    border : 2px solid #e5e6e7;
}

.file-upload-title {
    font-size      : 20px;
    padding-bottom : 5px;
    border-bottom  : 2px solid #BFBFBF;
}

.upload-progress {
    width : 100%;
}

.thumbnail-img {
    padding : 0;
}

.back {
    width            : 100%;
    background-color : black;
    position         : relative;
    text-align       : center;
    background       : #000;
}

.back.white-back {
    width            : 100%;
    background-color : black;
    position         : relative;
    text-align       : center;
    background       : white;
}

.back .frame {
    position       : relative;
    padding-bottom : 56.25%;
    overflow       : hidden;
}

.back .frame .centered {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.back .frame .centered img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 100%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.back .frame .left {
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    -webkit-transform : translate(50%, 50%);
    -ms-transform     : translate(50%, 50%);
    transform         : translate(50%, 50%);
}

.back .frame .left img {
    position          : absolute;
    top               : 0;
    left              : 0;
    max-height        : 38%;
    height            : auto;
    -webkit-transform : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    transform: translate(-103%, -140%);
}

/************************** 체크 테이블 리스트 **************************/
.item-box {
    float         : left;
    width         : 18%;
    color         : inherit;
    border        : 1px solid #e7eaec;
    padding       : 0;
    margin-right  : 1.25%;
    margin-bottom : 15px;
    min-width: 295px;
}

.item-box .chk-wrap {
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    padding-right   : 10px;
}

.item-box .chk-wrap .role_label {
    padding       : 2px 10px;
    border-radius : 3px;
    cursor        : pointer;
}

.item-box .chk-wrap .role_label.normal {
    border : 1px solid red;
    color  : red;
}

.item-box .chk-wrap .role_label.premium {
    border : 1px solid #d0d000;
    color  : #d0d000;
}

.item-box .chk-wrap .role_label.partner {
    border : 1px solid #00d2e8;
    color  : #00d2e8;
}

.item-box .title {
    padding            : 0px 10px;
    /* overflow           : hidden; */
    text-overflow      : ellipsis;
    display            : -webkit-box;
    /* -webkit-line-clamp : 2; */ /* 라인수 */
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 20px;
    /* height             : 40px; */
}

.item-box .artist-name {
    overflow           : hidden;
    text-overflow      : ellipsis;
    display            : -webkit-box;
    -webkit-line-clamp : 2; /* 라인수 */
    -webkit-box-orient : vertical;
    word-wrap          : break-word;
    line-height        : 20px;
    height             : 40px;
}

.item-box .content {
    padding : 0px 10px;
}

.item-box .footer-chk {
    padding-left : 10px;
}

.item-box a {
    display          : block;
    background-color : #ffffff;
    color            : inherit;
}

.item-box .item-footer {
    text-align       : center;
    background-color : #ffffff;
    border-top       : 1px solid #e7eaec;
    padding          : 10px 0px;
}

.item-box > a img {
    margin-top    : 10px;
    margin-bottom : 10px;
    max-height    : 135px;
}

.item-el > .text-center > a img {
    margin-top    : 10px;
    margin-bottom : 10px;
    max-height    : 135px;
}

.list-img {
    width  : 70px;
    height : 70px;
}

.table-list.table-responsive {
    border : 0px solid #ddd;
}
.item-box a.mlive_btn,
a.mlive_btn {
    padding: 3px 7px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    color: #777;
}
.item-box a.mlive_btn:hover,
a.mlive_btn:hover {
  background: #eee;
  transition: all 0.2s;
}

@media ( min-width : 1200px) {
/*     .item-box:nth-child(5n) {
        margin-right : 0;
    } */
}

@media ( max-width : 1199px) and (min-width : 1000px) {
    .item-box {
        float         : left;
        width         : 23.5%;
        color         : inherit;
        border        : 1px solid #e7eaec;
        padding       : 0;
        margin-right  : 2%;
        margin-bottom : 2%;
    }

    .item-box:nth-child(4n) {
        margin-right : 0;
    }
}

@media ( max-width : 999px) and (min-width : 500px) {
    .item-box {
        float         : left;
        width         : 49%;
        color         : inherit;
        border        : 1px solid #e7eaec;
        padding       : 0;
        margin-right  : 2%;
        margin-bottom : 2%;
    }

    .item-box:nth-child(2n) {
        margin-right : 0;
    }

    .item-box .checkbox label::before {
        left : 10px;
    }

    .item-box .checkbox label::after {
        left : 8px;
    }

    .item-box .checkbox label, .item-box .radio label {
        padding-left : 10px;
    }
}

@media ( max-width : 499px) {
    .item-box {
        float         : left;
        width         : 100%;
        color         : inherit;
        border        : 1px solid #e7eaec;
        padding       : 0;
        margin-right  : 2%;
        margin-bottom : 2%;
    }

    .item-box:nth-child(n) {
        margin-right : 0;
    }

    .item-box .del-chk {
        padding-left : 30px;
    }
}

.checkList-wrap .main-title {
    font-weight : 600;
    font-size   : 15px;
    padding     : 0px 10px;
    margin-top: 5px;
}

/************************** 체크 테이블 리스트 **************************/

.artist-data-div {
    display   : flex;
    flex-wrap : wrap;
}

.artist-data-div #artistTable .role_label {
    padding       : 2px 10px;
    border-radius : 3px;
    cursor        : pointer;
    display       : inline-block;
    margin-left   : 10px;
}

.artist-data-div #artistTable .role_label.normal {
    border : 1px solid red;
    color  : red;
}

.artist-data-div #artistTable .role_label.premium {
    border : 1px solid #d0d000;
    color  : #d0d000;
}

.artist-data-div #artistTable .role_label.partner {
    border : 1px solid #00d2e8;
    color  : #00d2e8;
}

/******************************************* Mypage event **************************************/
.main-img-form {
    display : flex;
}

.main-img-form .event-img img {
    width : 100%;
}

.main-img-form .event-img {
    width        : 150px;
    margin-right : 10px;
}

.main-img-form .event-detail {
    width : calc(100% - 150px);
}

.event-info {
    border-top    : 1px solid #bdbdbd;
    border-bottom : 1px solid #bdbdbd;
    padding       : 20px 0px;
}

/******************************************* Mypage event **************************************/

/******************************************* Artist Table **************************************/
.artist-list {
    display : flex;
}

.artist-list td:nth-child(0) {

}

.artist-list td:nth-child(1) {

}

.artist-list td:nth-child(2) {

}

/******************************************* Artist Table **************************************/

/******************************************* paging **************************************/
@media (min-width : 768px) {
    .paging .form-control {
        display        : inline-block;
        width          : auto;
        vertical-align : middle;
    }
}

@media (min-width : 768px) {
    .paging .form-group {
        display        : inline-block;
        margin-bottom  : 0;
        vertical-align : middle;
    }
}

/******************************************* paging **************************************/

/*.modal {*/
/*    background         : transparent;*/
/*    padding            : 0;*/
/*    -webkit-box-shadow : none;*/
/*    -moz-box-shadow    : none;*/
/*    -o-box-shadow      : none;*/
/*    -ms-box-shadow     : none;*/
/*    box-shadow         : none;*/
/*    left               : 50%;*/
/*    top                : 50%;*/
/*    -webkit-transform  : translateX(-50%) translateY(-50%);*/
/*    transform          : translateX(-50%) translateY(-50%);*/
/*    bottom             : inherit;*/
/*}*/

.modal {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.refund-modal .refund-modal-body .text-wrap {
    display         : flex;
    justify-content : center;
    margin-bottom   : 5px;
    font-size       : 16px;
}

.refund-modal .refund-modal-body .text-wrap .title {
    margin-right : 10px;
    font-size    : 18px;
}

.refund-modal .refund-modal-body .text-wrap {
    display         : flex;
    justify-content : center;
    margin-bottom   : 5px;
    font-size       : 16px;
}

.refund-modal .refund-modal-body .text-wrap .title {
    margin-right : 10px;
    font-size    : 18px;
}

.refund-modal .refund-modal-body .bank-refund-wrap {
    margin-top : 20px;
}

.refund-modal .refund-modal-body .bank-refund-wrap .title {
    font-size     : 14px;
    font-weight   : 600;
    margin-bottom : 5px;
}

.refund-modal .refund-modal-body .bank-refund-wrap input, .refund-modal .refund-modal-body .bank-refund-wrap select {
    width         : 100%;
    margin-bottom : 10px;
    height        : 30px;
    padding       : 3px;
}

.refund-modal .refund-modal-body .bank-refund-wrap select {
    background            : white;
    border-color          : #E1E1E1;
    border-style          : solid;
    border-width          : 1px 0px 1px 0px;
    -webkit-appearance    : none;
    -webkit-border-radius : 0px;
}

.refund-modal .refund-modal-body .bank-refund-wrap input, .refund-modal .refund-modal-body .bank-refund-wrap select {
    width         : 100%;
    margin-bottom : 10px;
    height        : 30px;
    padding       : 3px;
}

.select2-container {
    z-index : 9999;
}

.refund-modal .refund-modal-body .bank-refund-wrap .select2-container--default .select2-selection--single {
    background-color : #fff;
    border           : 1px solid #E1E1E1;
    border-radius    : 0px;
}

.refund-modal .refund-modal-body .bank-refund-wrap input, .refund-modal .refund-modal-body .bank-refund-wrap select {
    width         : 100%;
    margin-bottom : 10px;
    height        : 30px;
    padding       : 3px;
}

.refund-modal .refund-modal-body .bank-refund-wrap .input-wrap {
    display         : flex;
    justify-content : center;
}

.refund-modal .refund-modal-body .refund-confirm {
    text-align : center;
    margin-top : 40px;
}

.refund-modal .refund-modal-body .refund-confirm .text {
    text-align    : center;
    font-size     : 16px;
    font-weight   : 600;
    margin-bottom : 10px;
}

.refund-modal .refund-modal-body .refund-confirm .refund-btn {
    width  : 100px;
    height : 35px;
}

.live-expose {
    width   : 100px;
    display : inline-block;
}

.contract-div {
    padding       : 20px;
    background    : #F1F2F2;
    margin-bottom : 20px;
}

.contract-form .contract-div .flex-form {
    display    : flex;
    margin-top : 20px;
}

.contract-form .contract-div .flex-form .title {
    width : 200px;
}

.contract-form .contract-div .flex-form .content {
    line-height : 23px;
}

@media (max-width : 835px) {
    .contract-form .contract-div .flex-form {
        display       : block;
        margin-top    : 20px;
        margin-bottom : 30px;
    }

    .contract-form .contract-div .flex-form .title {
        width         : 100%;
        margin-bottom : 10px;
    }

    .contract-form .contract-div .flex-form .content {
        line-height : 23px;
    }
}

.live-reserve-wrap {
    display        : flex;
    min-height         : 32px;
    padding: 10px 7px 0 7px;
    flex-wrap: wrap;
    /* border-bottom  : 1px solid #e7eaec; */
}

.live-reserve-text {
    font-size     : 12px;
    border        : 1px solid orange;
    padding       : 3px 6px;
    text-align    : center;
    color         : orange;
    border-radius : 3px;
    margin-left   : 3px;
}

.item-box .item-footer.live-footer {
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.item-box .content .live-info {
    margin: 5px 0;
    display: flex;
    align-items: center;
}
.item-box .content .live-info > i {
    margin-right: 7px;
}

.push-btn {
    height: 27px;
    width: 70px;
    border-radius: 3px;
    border: none;
}

.push-title {
    width         : 100%;
    height        : 30px;
    margin-top    : 5px;
    border        : 1px solid #e7eaec;
    border-radius : 5px;
}

.push-content {
    width         : 100%;
    margin-top    : 5px;
    border        : 1px solid #e7eaec;
    border-radius : 5px;
}

.push-select {
    width      : 100%;
    margin-top : 5px;
    border     : 1px solid #e7eaec;
}

.progress {
    background-color : #b7b7b7;
}

.progress-bar {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : column;
    flex-direction     : column;
    -ms-flex-pack      : center;
    justify-content    : center;
    color              : #fff;
    text-align         : center;
    white-space        : nowrap;
    transition         : width .6s ease;
}

.progress-bar-striped {
    background-image : linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size  : 20px 20px;
}

.progress-bar-animated {
    -webkit-animation : progress-bar-stripes 1s linear infinite;
    animation         : progress-bar-stripes 1s linear infinite;
}

.width150-left {
    width: 150px;
    float: left;
}
.payment-body > div {
  margin-bottom: 15px;
}


@media (max-width: 375px) {
  .add-del-btn-wrap {
    padding: 0;
  }
}

.live_head_date {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.live_head_date .live_date_wrap {
  display: flex;
  align-items: center;
}
.live_head_date .live_date_wrap span {
    padding: 6px 6px;
    border: 1px solid #ccc;
    border-right: none;
}
.live_head_date .live_date_wrap span.date_center {
    margin: 0 7px;
    border: none;
    padding: 0;
}
.live_head_date .live_date_wrap input {
    padding: 6px;
    width: 100px;
    border: 1px solid #ccc;
    border-left: none;
}
.live_head_date .live_date_wrap input::placeholder {
    color: #ccc;
}
.table-list.table-responsive .go-detail {
  color: #666;
}















.serkit_live_list {
  display: flex;
  margin-top: 10px;
  flex-direction: column;

}
.serkit_live_list_content {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #eee;
}
.serkit_live_list_content:last-child {
  border-bottom: none;
}
.serkit_live_list ._img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 74px;
  margin-right: 10px;
}
.serkit_live_list ._img_wrap ._img {
  max-width: 100%;
  max-height: 100%;
}
.serkit_live_list ._text {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}
.serkit_live_list ._text ._title {
  color: #444;
  /* width:460px; */
  display: -webkit-box;
  display: -ms-flexbox;
  margin-top:1px;
  max-height:40px;
  overflow:hidden;
  vertical-align:top;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;


}
.serkit_live_list ._text ._artist {
  color: #888;
  margin-top: 5px;
}
.serkit_live_list ._del {
  margin-left: 10px;
  font-size: 20px;
  color: #888;
}





.modal-dialog.serkit-select-modal {
    width: 1100px;
}

.modal.circuit_search_modal {
  position: relative;
  background: transparent;
  padding: 0 40px;
  box-shadow: none;
}
.modal.circuit_search_modal a.close-modal {
    top: 30px;
    right: 15px;
}

@media (max-width: 1199px) {
  .modal.circuit_search_modal {
    width: 100%;
  }
  .modal-dialog.serkit-select-modal {
    width: 98%;
  }
}
.serkit-select-modal .serkit-select-body .title {
    color: red;
    font-weight: 600;
    margin-bottom: 20px;
}

.serkit-select-modal .serkit-select-body .search_wrap {
    display: flex;
    align-items: center;
}
.serkit-select-modal .serkit-select-body .subtitle {
    margin-right: 10px;
}
.serkit-select-modal .serkit-select-body .btn_wrap {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 1;
}
.serkit-select-modal .serkit-select-body .btn_wrap input {
    padding: 5px;
    margin-right: 5px;
    width: 100%;
    border: 1px solid #ccc;
    height: 34px;
}
._circuit_img_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 74px;
  margin: 0 auto;
}
._circuit_img_wrap .event-list-img {
  max-width: 100%;
  max-height: 100%;
}
.inmodal .serkit-select-body .search_list {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.inmodal .serkit-select-body .search_header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
}
.inmodal .serkit-select-body .search_header > b {
    width: 4%;
    padding: 0 5px;
}
.inmodal .serkit-select-body .search_header ._artist {
    width: 30%;
    padding: 0 5px;
}
.inmodal .serkit-select-body .search_header ._live {
    width: 60%;
    padding: 0 5px;
}
.inmodal .serkit-select-body .search_content_wrap {
    background: #fff;
    height: 200px;
    overflow-y: scroll;
    flex-direction: column;
    overflow-x: hidden;
    float: left;
}
.inmodal .serkit-select-body .search_content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
}
.inmodal .serkit-select-body .search_content:nth-child(2n) {
    background: #f9f9f9;
}
.inmodal .serkit-select-body .search_content:hover{
  background: antiquewhite;
}
.inmodal .serkit-select-body .search_content.choice {
  background: antiquewhite;
}
.inmodal .serkit-select-body .search_content > b {
    width: 4%;
    padding: 0 5px 0 10px;
}
.inmodal .serkit-select-body .search_content ._artist {
    width: 30%;
    padding: 0 5px;
}
.inmodal .serkit-select-body .search_content ._live {
    width: 60%;
    padding: 0 5px;
}
.inmodal .serkit-select-body .search_content ._img_wrap {
  width: 60px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inmodal .serkit-select-body .search_content ._img_wrap ._img {
  max-width: 100%;
  max-height: 100%;
}


/* sales page header */
.sales_header {
  padding: 5px 15px 15px;
}
.sales_header .sales_header_wrap {
  background: #fafbfc;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sales_header .form-group button {
    background: #fff;
    border: 1px solid #ddd;
    margin-left: 5px;
}
.sales_header .form-group button:hover {
    background: #eee;
    transition: all 0.2s;
}
.sales_header .form-group button.active {
    background: orange;
    color: #fff;
}
.sales_header ._count {
  font-size: 16px;
  display: flex;
}
.sales_header ._count ._text_wrap {
}
.sales-table-row {
    min-height: 50px;
    align-items: center;
}
.sales-table-row .header-cell,
.sales-table-row .table-cell {
    padding: 0 5px;
}
.sales-table-row .table-cell .stonepack {
  display: flex;
}
.sales-table-row .table-cell ._title {
  color: #aaa;
}
.sales_header .form-group button.btn-sales-search {
    background-color: #f8ac59;
    color: #FFFFFF;
    border: none;
}
.sales_header .form-group button.btn-sales-search:hover {
    background-color: #ec971f;
}
.sales_header .sales_header_wrap ._choiceDate {
    font-size: 14px;
    margin-left: 7px;
    color: #999;
}

.top-search-wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
}

.top-search-wrap .search-sort {
    margin-right: 5px;
    display: flex;
    margin-bottom: 0;
    height: 34px;
}










/* Service Edit */
.serviceList-ibox .form-horizontal .form-group {
    display: flex;
    justify-content: flex-start;
}
.serviceList-ibox .form-horizontal .control-label {
    width: 300px;
    flex: 0 0 300px;
    padding-top: 10px;
}
.serviceList-ibox .form-horizontal .col-sm-5 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
}
input._termschk {
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 10px;
}

.col-sm-5.service-content .logo_wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px 10px 10px;
}

.col-sm-5.service-content .logo_wrap ._logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    margin-bottom: 7px;
}
.col-sm-5.service-content .logo_wrap ._logo ._logoimg {
    width: 80%;
}

.imageThumbnail-div {
    width: 230px;
    position: relative;
    overflow: hidden;
    margin-left: 0;
}

.form-group .col-sm-5 .disk-wrap {
    padding: 10px;
    background: #f9f9f9;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
}
.form-group .col-sm-5 .disk-wrap:last-child {
    margin-bottom: 0;
}
.form-group .content.fr5,
.form-group .content.fr4,
.form-group .content.fr3,
.form-group .content.fr2,
.form-group .fr2 {
    display: flex;
    margin-bottom: 10px;
}
.form-group .fr2 span.num {
    margin-right: 0;
    margin-bottom: 5px;
    width: 60px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    color: #fff;
}
.form-group .fr2 > input {
    width: 100%;
    flex: 1;
}
.albumMusic_upload {
    display: flex;
    flex-direction: column;
    background: #f9f9f9;
    padding-top: 10px;
    min-height: 90px;
}
.form-group .content.fr4 span.num {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    margin-right: 5px;
    color: #fff;
}
.form-group .content.fr4 > input {
    width: 100%;
    margin-right: 10px;
    flex: 1;
}
.form-group .content.fr4 > input.w40 {
  width: 40%;
}
.form-group .content.fr4 label {
    display: flex;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0;
    height: 34px;
}
.form-group .content.fr5 input.w20 {
  width: 20%;
  margin-right: 5px;
}
.form-group .content.fr5 input.w20:last-child {
  margin-right: 0;
}
.form-group .content.fr5 .fr5_con {
    display: flex;
    width: 100%;
    flex: 1;
  }
.form-group .fr5 span.tran,
.form-group .fr3 span.tran,
.form-group .fr2 span.tran {
    display: flex;
    width: 39px;
    height: 34px;
}
.form-group .content.fr3 > input {
    width: 100%;
    flex: 1;
}
.form-group .content.fr3 .disk-chk-wrap {
    display: flex;
    align-items: center;
    height: 32px;
    padding-left: 10px;
}
.form-group .content.fr3 .disk-chk-wrap .chk-title {
    margin-right: 10px;
}
.form-group .content.fr3 .disk-chk-wrap label {
    display: flex;
    margin: 0;
    align-items: center;
    margin-right: 15px;
}
.form-group .fr2 > textarea {
    width: 100%;
    flex: 1;
    padding: 5px;
}
.albumMusic_add {
    padding: 10px;
    background: #f9f9f9;
    margin-top: 2px;
    text-align: center;
}
.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}
.albumDisk_add {
    padding: 10px;
    background: antiquewhite;
    margin-top: 2px;
    color: #444;
    text-align: center;
}
.albumMusic_upload:last-child > .hr-line-dashed {
  border-top: none !important;
}

.content_list_oc {
    font-weight: normal;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
    cursor: pointer;
    max-width: 330px;
}
.content_list_oc:hover {
    background: #f5f5f5;
}
.content_list_oc.off {
    display: -webkit-box;
    display: -ms-flexbox;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-line;
    max-width: 330px;
}

.modal-body.contact_hist_modal {
	max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.contact_subject_list_oc {
    font-weight: normal;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
    cursor: pointer;
    max-width: 300px;
}
.contact_subject_list_oc:hover {
    background: #f5f5f5;
}
.contact_subject_list_oc.off {
    display: -webkit-box;
    display: -ms-flexbox;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-line;
    max-width: 300px;
}

.contact_contents_list_oc {
    font-weight: normal;
    text-align: left;
    white-space: pre-line;
    word-break: break-all;
    cursor: pointer;
    max-width: 590px;
}
.contact_contents_list_oc:hover {
    background: #f5f5f5;
}
.contact_contents_list_oc.off {
    display: -webkit-box;
    display: -ms-flexbox;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-line;
    max-width: 590px;
}

.item-disp-group {
    padding: 10px 0px;
}
.item-disp-group .item-disp {
    padding: 5px 5px;
}
.item-disp-group .item-disp.item-disp-detail-page-live-date {
    border-top: 1px #bbb solid;
    margin-top: 10px;
    padding-top: 10px;
}
.item-disp-group .item-disp .item-disp-none {
    background-color: #FF0000;
    color: #FFFFFF;
}

#loading-overlay{	
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

.file-thumbnail-div .item .list_thum {
    width: 100%;
    background-color: black;
    position: relative;
    text-align: center;
    background: #000;
}
.file-thumbnail-div .item .list_thum .video_thumnail {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #fff;
    width: auto;
    display: block;
}
.file-thumbnail-div .item .list_thum .video_thumnail .centered {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}
.file-thumbnail-div .item .list_thum .video_thumnail .centered iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.asterick {
    font-size: 12px;
    color: #f2b257;
}
.join-form .input-form {
    margin: 15px 0;
}
.join-form label {
    width: 130px;
}
.join-form .input-form .input-wrap {
    display: inline-block;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    padding: 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.42857143;
    max-width: 415px;
}
.join-form .input-form .input-wrap input{
  border: 0;
  width: 100%;
  outline: none;
}
.join-form .input-form .input-wrap input#pw, .join-form .input-form .input-wrap input#pwConfirm{
  width: calc(100% - 30px);
}
.join-form .input-form .error-msg  {
    margin-left: 140px;
}
i.togglePassword {
  font-size: 22px;
  vertical-align: middle;
  color: #999;
}
::placeholder {
  color: #999;
}
.refund-modal .refund-modal-body .text-wrap {
    display         : flex;
    justify-content : center;
    margin-bottom   : 15px;
    font-size       : 16px;
    align-items: center;
}
.refund-modal .refund-modal-body .text-wrap .content {
    display: flex;
    align-items: center;
}
.refund-modal .refund-modal-body .text-wrap-content {
    align-items: center;
    background: #eee;
    padding: 10px;
    box-sizing: border-box;
}

.refund-modal .refund-modal-body .text-wrap-content .text-warp-content-div {
    display: flex;
    width: 90%;
    margin-bottom: 10px;
    justify-content: space-between;
}
.refund-modal .refund-modal-body .text-wrap-content .text-warp-content-div .text-warp-content-div-span1{
    display: flex;
    align-items: center;
}
.refund-modal .refund-modal-body .text-wrap-content .text-warp-content-div .text-warp-content-div-span2{
    display: flex;
    align-items: center;
    width: 200px;
}
.refund-modal .refund-modal-body .text-wrap-content .refund-price {
    flex-direction: column;
    margin-bottom:0;
}

.refund-modal .refund-modal-body .text-wrap .title {
    margin-right : 10px;
    font-size    : 18px;
}
.refund-modal .refund-modal-body .text-wrap .big_title {
    font-size    : 16px;
    color: #222;
    line-height: 1.3em;
    font-weight: bold;
}
.refund-modal .refund-modal-body .text-wrap .bank_content {
    font-size: 16px;
    color: #222;
    line-height: 1.3em;
    font-weight: bold;
    margin-left: 10px;
}
.refund-modal .refund-modal-body .text-wrap .refund_title {
    font-size: 16px;
    color: #222;
    text-align: center;
}
.refund-modal .refund-modal-body .text-wrap .mahotama_icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/user/img/mahotama/tama_sample.png) no-repeat;
    background-size: auto 100%;
    margin-left: 12px;
}
.refund-modal .refund-modal-body .text-wrap .price {
    font-size: 16px;
    color: #f1712b;
    text-align: center;
    font-weight: bold;
}
.refund-modal .refund-modal-body .bank-refund-wrap {
    margin-top : 20px;
}

.refund-modal .refund-modal-body .bank-refund-wrap .title {
    font-size     : 13px;
    margin-bottom : 5px;
}

.refund-modal .refund-modal-body .bank-refund-wrap .input-wrap {
    display         : flex;
    justify-content : center;
}

.refund-modal .refund-modal-body .bank-refund-wrap .input-wrap input,
.refund-modal .refund-modal-body .bank-refund-wrap .input-wrap select {
    width: 110px;
    margin-right: 5px;
    border: 1px solid #aaa;
    height: 30px;
    padding: 0 5px;
}
.modal-dialog.refund-modal {
    width: 450px;
}
.refund-modal .refund-modal-body .refund-confirm {
    text-align : center;
    margin-top : 15px;
}
.refund-modal .refund-modal-body .refund-confirm .text {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #f14343;
}
.refund-modal .refund-modal-body .refund-confirm .refund-btn {
    width: 70px;
    height: 32px;
    border-radius: 3px !important;
    overflow: hidden;
    margin: 0 5px;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.modal-body.refund-modal-body {
  padding: 20px 15px;
}
.display_none {
    display: none!important;
}