/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

/*#header>:first-child, aside {*/
    /*width: 180px;*/
/*}*/

/*#main {*/
    /*margin-left: 180px;*/
/*}*/

@media all {
    #main {
        overflow-x: visible;
    }
}

#extr-page #header #logo {
    margin-top: 13px;
}

#logo-group>span {
    margin-top: 5px;
}

.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
    background-color: #ffffff;
}

.jarviswidget #datatable_er_order{
    font-size: 12px;
}

.dataTable input[type=checkbox].checkbox {
    position: absolute!important;
}

@media screen and (max-width: 600px) {
    .smart-form .col {
        float: left;
        width: 100%;
    }
}

.emphasize {
    color: #A7000B;
    font-weight: 700;
}
.emphasize-label {
    background: url(/custom/page/emphasize_label.png) 0 2px no-repeat;
    width: 15px;
    padding-left: 20px;
}
.slim {
    padding: 4px 10px;
}

#action-bar-content {
    float: left;
}

section.service-detail label.label {
    display: inline-block;
    width: 110px;
    vertical-align: top;
    float: left;
}

section.service-detail label.input {
    display: inline-block;
}

section.service-detail label.select {
    display: inline-block;
}


td mark {
    display: block;
    text-align: center;
    white-space: nowrap;
    padding: 0 2px;
    background: #999;
    font-size: 11px;
    line-height: 1.75;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    color: #fff;
    font-weight: bold;
}

mark.Reviewed {
    background-color:#739e73 !important;
}

mark.reviewReady, mark.reviewProcessing, mark.reviewCompleted {background-color:#739e73 !important;}
mark.reviewReady:before, mark.reviewProcessing:before, mark.reviewCompleted:before {font: normal normal normal 14px/1 FontAwesome;display: inline-block;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;margin-right:.5rem;}
mark.reviewReady:before{content:"\f1ce";}
mark.reviewProcessing:before{content: "\f27a";}
mark.reviewCompleted:before{content:"\f00c";}

mark.completed,
mark.finalConfirmed {
    background-color:#a0658b !important;
}

mark.on-hold,
mark.testPassed {
    background-color:#e66f00 !important;
}

mark.failed,
mark.testFailed {
    background-color:red !important;
}

mark.processing,
mark.notProcessed {

    background-color:#2184c2 !important;
}

mark.cancelled, mark.refunded {
    background-color:#ccc !important;
}
mark.is_card_canceled {
    background-color: #008080 !important;
}
mark.is_not_charged {
    background-color: darkred !important;
}
mark.translator_Pass {
    background-color: #39cdc6 !important;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-left: none;
    border-right: none;
}

.smart-form fieldset {
    padding: 15px 14px 5px;
}

.smart-form .col_nopad {
float: left;
min-height: 1px;
padding-right: 2px;
padding-left: 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 0px;
}

.smart-form .col_nopad .button{
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.dt-toolbar {
    border-top: 1px solid #ccc;
}

/* message */
.message_content {
    margin-bottom: 3px;
}

.order_messages li, .order_messages_project_manager li {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.order_messages .meta {
    font-size: 12px;
}

/* */

.note_content {
    margin-bottom: 3px;
}

.order_notes li {
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.order_notes .meta {
    font-size: 12px;
}

.dd-list.instruction {
    margin-left: 25px;
    list-style: square;
}
.dd-list.instruction li {
    margin-bottom: 5px;
}

.file-uploader .btn {
    font-size:13px;
    font-weight: 700;
    color:white;
    background-color: #60b1f2;
    border: none;
    border-radius: 0;
}

.file-uploader .btn:hover {
    color:white;
    background-color: #3B9FF0;
    border: none;
}

.file-uploader .btn:active {
    color:white;
    background-color: #3B9FF0;
    border: none;
}

.file-uploader .btn:focus {
    color:white;
    background-color: #3B9FF0;
    border: none;
}


/* markdown */


.markdown .entry-title a{
    color: #444;
}

.markdown .multiple .entry-content a{
    color: #757575;
}

.markdown .custom_meta a{
    color: #757575;
}

.markdown .entry-date {
    float: left;
    font-size: 13px;
}

.markdown .entry-categories {
    float: right;
    font-size: 13px;
}

.markdown .multiple h1.entry-title {
    margin-bottom: 0;
    padding-bottom: 5px;
    font-size: 16px;
}

.site-content article.multiple {
    border-bottom: 1px solid  #ededed;
    padding-bottom: 0px;
    margin-bottom: 55px;
}

.markdown .entry-header {
    margin-bottom: 5px;
}

.markdown .custom_meta {
    margin-bottom: 40px;
}
.markdown .multiple .custom_meta {
    margin-bottom: 0;
}

.markdown h1.entry-title {
    border-bottom: 2px solid #72c02c;
    padding-bottom:7px;
    font-weight: bold;
}
h1.entry-title a {
    color: #585F69;
}


.markdown .entry-content {

}
img.header-image {
    box-shadow: 0 0 0 0;
    margin-top: 12px;
}

h3.widget-title {
    border-bottom: 1px solid #72c02c;
    font-weight: bold;
    display: inline-block;

}


.markdown h1 tt, .markdown h1 code {
    font-size: inherit; }

.markdown h2 tt, .markdown h2 code {
    font-size: inherit; }

.markdown h3 tt, .markdown h3 code {
    font-size: inherit; }

.markdown h4 tt, .markdown h4 code {
    font-size: inherit; }

.markdown h5 tt, .markdown h5 code {
    font-size: inherit; }

.markdown h6 tt, .markdown h6 code {
    font-size: inherit; }

.markdown h1 {
    font-weight: normal;
    font-size: 22px;
    /*   color: #585F69;  */
}

.markdown h2 {
    margin-top: 40px;
    font-weight: normal;
    font-size: 20px;
    border-bottom: 1px dotted #cccccc;

    color: #585F69; }

.markdown h3 {
    font-weight: normal;
    font-size: 16px; }

.markdown h4 {
    font-weight: normal;
    font-size: 14px; }

.markdown h5 {
    font-weight: normal;
    font-size: 14px; }

.markdown h6 {
    font-weight: normal;
    color: #777777;
    font-size: 14px; }


.markdown p, .markdown ul, .markdown ol, .markdown dl, .markdown li, .markdown table, .markdown pre {
    margin: 15px 0;
    line-height: 21px;
}

.markdown hr {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAECAYAAACtBE5DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OENDRjNBN0E2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OENDRjNBN0I2NTZBMTFFMEI3QjRBODM4NzJDMjlGNDgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0NGM0E3ODY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0NGM0E3OTY1NkExMUUwQjdCNEE4Mzg3MkMyOUY0OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqqezsUAAAAfSURBVHjaYmRABcYwBiM2QSA4y4hNEKYDQxAEAAIMAHNGAzhkPOlYAAAAAElFTkSuQmCC) repeat-x 0 0;
    border: 0 none;
    color: #cccccc;
    height: 4px;
    padding: 0;
}

/*
body > h2:first-child {
  margin-top: 0;
  padding-top: 0; }
body > h1:first-child {
  margin-top: 0;
  padding-top: 0; }
  body > h1:first-child + h2 {
    margin-top: 0;
    padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
  margin-top: 0;
  padding-top: 0; }

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0; }
*/

.markdown h1 p, .markdown h2 p, .markdown h3 p, .markdown h4 p, .markdown h5 p, .markdown h6 p {
    margin-top: 0; }

.markdown li p.first {
    display: inline-block; }
.markdown li {
    margin: 0; }
.markdown ul, .markdown ol {
    padding-left: 30px; }

.markdown ul :first-child, .markdown ol :first-child {
    margin-top: 0; }

.markdown dl {
    padding: 0; }
.markdown dl dt {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    padding: 0;
    margin: 15px 0 5px; }
.markdown dl dt:first-child {
    padding: 0; }
.markdown dl dt > :first-child {
    margin-top: 0; }
.markdown dl dt > :last-child {
    margin-bottom: 0; }
.markdown dl dd {
    margin: 0 0 15px;
    padding: 0 15px; }
.markdown dl dd > :first-child {
    margin-top: 0; }
.markdown dl dd > :last-child {
    margin-bottom: 0; }

.markdown blockquote {
    font-size: 14px;
    border-left: 4px solid #FAC1C1;
    font-style: normal;
    padding: 0 15px;
    margin-left: 20px;
    color: #777777; }

.markdown blockquote p {
    margin: 5px;
}

/*
  .markdown blockquote > :first-child {
    margin-top: 0; }
  .markdown blockquote > :last-child {
    margin-bottom: 0; }
*/

.markdown table {
    padding: 0;border-collapse: collapse; }
.markdown table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
.markdown table tr:nth-child(2n) {
    background-color: #f8f8f8; }
.markdown table tr th {
    font-weight: bold;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 6px 13px; }
.markdown table tr td {
    border: 1px solid #cccccc;
    margin: 0;
    padding: 6px 13px; }
.markdown table tr th :first-child, .markdown table tr td :first-child {
    margin-top: 0; }
.markdown table tr th :last-child, .markdown table tr td :last-child {
    margin-bottom: 0; }

.markdown img {
    max-width: 100%; }

.markdown span.frame {
    display: block;
    overflow: hidden; }
span.frame > span {
    border: 1px solid #dddddd;
    display: block;
    float: left;
    overflow: hidden;
    margin: 13px 0 0;
    padding: 7px;
    width: auto; }
.markdown span.frame .markdown span img {
    display: block;
    float: left; }
.markdown span.frame .markdown span span {
    clear: both;
    color: #333333;
    display: block;
    padding: 5px 0 0; }
.markdown span.align-center {
    display: block;
    overflow: hidden;
    clear: both; }
.markdown span.align-center > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: center; }
.markdown span.align-center span img {
    margin: 0 auto;
    text-align: center; }
.markdown span.align-right {
    display: block;
    overflow: hidden;
    clear: both; }
.markdown span.align-right > span {
    display: block;
    overflow: hidden;
    margin: 13px 0 0;
    text-align: right; }
.markdown span.align-right span img {
    margin: 0;
    text-align: right; }
.markdown span.float-left {
    display: block;
    margin-right: 13px;
    overflow: hidden;
    float: left; }
span.float-left span {
    margin: 13px 0 0; }
.markdown span.float-right {
    display: block;
    margin-left: 13px;
    overflow: hidden;
    float: right; }
span.float-right > span {
    display: block;
    overflow: hidden;
    margin: 13px auto 0;
    text-align: right; }

.markdown code, .markdown tt {
    margin: 0 2px;
    padding: 0 5px;
    white-space: nowrap;
    border: 1px solid #eaeaea;
    background-color: #f8f8f8;
    border-radius: 3px; }

.markdown pre code {
    margin: 0;
    padding: 0;
    white-space: pre;
    border: none;
    background: transparent; }

.markdown .highlight pre {
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px; }

.markdown pre {
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    font-size: 13px;
    line-height: 19px;
    overflow: auto;
    padding: 6px 10px;
    border-radius: 3px; }
.markdown pre code, .markdown pre tt {
    background-color: transparent;
    border: none; }

.markdown sup {
    font-size: 11px;
    vertical-align: super;
    line-height: 0;
}

.markdown strong {
    font-weight: 700;
    color: #900323;
}

/*hide adsense*/
.textwidget ins {
    background-color: transparent;
}

.entry-content .addthis_toolbox {
    margin: 0 auto;
    width: 250px;
}

.sub-table th {
    font-weight: normal;
    padding-right:5px;
    border-right: 1px solid #888;
    border-bottom: 1px solid #888;
}
.sub-table td {
    padding-left:3px;
    padding-right:3px;
    width: 54px;
    border-bottom: 1px solid #888;
}

th.number,
td.number {
    text-align: right;
}

.cc.KR {

}
.cc.US {
    color: #E84C31;
}
.cc.TW {
    color: #CC00FF;
}
.cc.CN {
    color: #8F2129;
}
.cc.JP {
    color: #FFD333;
}
.cc.TR {
    color: #4AE83F;
}

.editable-clear {
    font-size: 1.2em;
}

.widget-div header{
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    background: #fff;
    font-size: 16px;
    font-weight: 300;
    color: #232323;
    margin: 0 0 25px 0;
}

.order-summary {
    padding-left:0;
}

.order-summary .well {
    margin-bottom: 4px;
    padding: 10px 15px;
}

.dataTable caption {
    padding: 4px 8px;
    text-align: left;
    font-weight: bold;
    color:blue;
    display: none;
}

.dataTable caption span {
    font-weight: normal;
    color:#333333;
}

.process .current {
    font-weight: 600;
}

section p {
    line-height: 22px;
}

body.bg {
    /*width: 100%;*/
    /*height: 100%;*/
    /*background-image: url("/custom/admin_login_bg.jpg");*/
    /*background-repeat: repeat-x;*/
    /*background-size: cover;*/
}

.recruit-text {
    font-size: 14px;
}

ul.recruit-text {
    margin: 21px -21px 21px;
}

ul.recruit-text li {
    margin-bottom: 12px;
}

table.table.log td {
    font-size: 12px;
    padding: 4px 10px;
}

.row.career {
    margin-top: 40px;
}

.smart-form .label {
    margin-left: -6px;
}

.parsley-errors-list {
    color: #b94a48;
    font-weight: 600;
}
.smart-form .hidden-init,
.hidden-init {
    display: none;
}

.select2-hidden-accessible {
    display:none;
}

.select2-container.small-arrow .select2-choice .select2-arrow {
    width: inherit;
}

.select2-container {
    min-width: 200px;
}

/*
.er_submenu_er_help {
    display: block !important;
}

.er_menu_er_help a b.collapse-sign {
    display: none;
}
*/

/*
    ahn 20181011
*/
.affiliate-list-table .etc .etc-list {
    max-width:70vw;
}
.affiliate-list-table .etc .etc-list label {
    width:10%;
    display:inline-block;
    vertical-align:top;
}

.affiliate-list-table .etc .etc-list .editable {
    max-width:80%;
    display:inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* buttons */
.btn-deep-purple {
    background-color: #512da8!important;
    color: #fff!important;
}
.btn-unique {
    background-color: #880e4f!important;
    color: #fff!important;
}
.btn-pink {
    background-color: #ec407a!important;
    color: #fff!important;
}
.btn-deep-purple {
    background-color: #512da8!important;
    color: #fff!important;
}
.btn-indigo {
    background-color: #3f51b5!important;
    color: #fff!important;
}
.btn-light-blue {
    background-color: #82b1ff!important;
    color: #fff!important;
}
.btn-cyan {
    background-color: #00bcd4!important;
    color: #fff!important;
}
.btn-dark-green {
    background-color: #388e3c!important;
    color: #fff!important;
}
.btn-mdb-color {
    background-color: #59698d!important;
    color: #fff!important;
}
.btn-blue-grey {
    background-color: #78909c!important;
    color: #fff!important;
}
.btn-cyan {
    background-color: #00bcd4!important;
    color: #fff!important;
}

.service-detail.alertBox {
    font-weight:300;
    text-align:right;
    padding:8px;
    background-color: #f97352;
    color:#fff;
}
.service-detail.alertBox.green {
    background-color: #266a2e;
}

.service-detail.alertBox label {
    font-weight:300;
    color:#fff;
}

.alertBox h1 {
    margin: 0;
    font-size:1.3rem;
    background-color: #f97352;
    color: #FFF;
    padding: 10px;
    letter-spacing:0;
}

.alertBox p {
    height: 50px;
    padding-left: 5px;
    padding-top: 30px;
    text-align: center;
    vertical-align: middle;
}

.alertBox h1 span.float-right {
    float:right;
    font-weight:400;
}

.page-title-1 {
    margin:-10px -14px 1rem -14px;background:#fff;border-bottom:1px solid #ccc;
}

.page-title-1 .inner {
    padding:2rem;
}

.page-title-1 .inner h1 {
    margin:0;
    font-size:2rem;
}
.card {
    background: #fff;
    border-radius: 10px;
    padding: 1rem .5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin-bottom: 3rem;
}
.card .editor-info {
    background: #19236d;
    margin: -1rem -.5rem 1rem -.5rem;
    padding: 1rem 0 .5rem 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
}

/* new btn - ahn */
.new-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: .6rem 1.5rem;
    font-size:1.5rem;
    border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    text-decoration: none;
}
a.new-btn, a.new-btn:hover, a.new-btn:active, a.new-btn:visited, a.new-btn:link {text-decoration: none;}
.new-btn.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.new-btn.btn-success {
    color: #fff;
    background-color: #11B1AE;
    border-color: #10a8a6;
}

.editor-list {

}

.text-success {
    color: #11B1AE !important;
}

#cfh .text-success, #cfhs .text-success {
    color: #4982ff !important;
    font-weight:500;
}

.editor-notice-wrap {
    background:#fff;
    padding:0rem 1rem;
    border: 1px solid #ddd;
    margin-bottom:1rem;
    margin-top:1rem;
    border-radius: 10px;
}

.editor-notice-wrap .readmore{color:#8992ac;font-size:1.2rem;}
.editor-notice-wrap .new-btn {font-size:1.2rem;padding:.2rem .5rem;}
.editor-notice-wrap .list {border-bottom:1px dashed #ccc;padding:1rem;position:relative;}
.editor-notice-wrap .list:last-child {border-bottom:none;}
.editor-notice-wrap .list.in .readmore, .editor-notice-wrap .list .notice-done {display:none;}
.editor-notice-wrap .list.in .notice-done {display:inline-block;}
.editor-notice-wrap .list .list-body {max-height: 25px;overflow-y:hidden;}
.editor-notice-wrap .list.in .list-body {max-height: 1000px;-moz-transition: max-height .5s ease;-webkit-transition: max-height .5s ease;-o-transition: max-height .5s ease;transition: max-height 1s ease;}

.bell {margin:0;font-size:2rem;}

.search-form {background:#fff;border-radius:10px;padding:1rem;margin-top:.6rem; margin-bottom:1.2rem;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.div-table {float:left; width:100%; position: relative; min-height: 1px;background: #fff;border-radius: 10px;padding: 1rem 2rem;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);transition: all 0.3s cubic-bezier(.25,.8,.25,1);margin-bottom: 1.5rem;}
.div-table:hover {background:#f9fbff;box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.div-table.preference-list > div {display:block;float:left;vertical-align:top;}
.div-table.preference-list > div:not(:last-child) {margin-right:2rem;}
.div-table.preference-list .order-info {width:20%;}
.div-table.preference-list .order-info .order-id {font-weight:500;margin-bottom:.2rem;font-size:2rem;}
.div-table.preference-list .order-info .editor-name {font-size:1.4rem;}
.div-table.preference-list .order-info .product-name {font-size:1.4rem;margin:0;margin-bottom:1rem;}

.div-table.preference-list .content {width:calc(80% - 2rem);position:relative;}
.div-table.preference-list .content hr {margin:1rem 0; border-top:1px dashed #eaeaea;}
.div-table.preference-list .content .updated-at {display:inline-block;color:#777;}
.div-table.preference-list .content .review,
.div-table.preference-list .content .prefrence {margin-bottom:1rem;width:40%;float:left;padding-left:1rem;padding-right:1rem;}
.div-table.preference-list .content .review .rating, .div-table.preference-list .content .prefrence .type {display:inline-block;padding:.3rem .7rem;background:#ddd;border-radius:12px;margin-bottom:.5rem;}
.div-table.preference-list .content .review .rating.pre, .div-table.preference-list .content .prefrence .type.pre {background:#ebf3fe;color:#529af3;}
.div-table.preference-list .content .review .rating.exc, .div-table.preference-list .content .prefrence .type.exc {background:#fdebee;color:#e84a5d;}
.div-table.preference-list .content .review .comment, .div-table.preference-list .content .prefrence .comment {margin:0; margin-left:.8rem;word-break:keep-all;}
.div-table.preference-list .content .review .comment .review-date, .div-table.preference-list .content .prefrence .comment .preference-date{color:#aaa;display:block;font-size:90%;margin-top:.5rem;}
.div-table.preference-list .qa-report-content {width:25%;}


#btn_notification {border:0;background:transparent;font-size:2.2rem;position:relative;color:#555;}
#btn_notification.on .noti-count{background:#e84a5d;}
#notification-container {display:none;min-width:300px; position:absolute;top:50px;right:1px;z-index:999999;border-radius:10px;-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25)}
#notification-container.on {display:block;}
#notification-container:before {content: ''; display: block; position: absolute; width: 0; height: 0; right:13px; color: transparent; border: 7px solid black; border-color: transparent transparent #fff; margin-top: -14px; }
#notification-container:before {display:none;}
#notification-container .title {border-radius:10px 10px 0 0; background:#f7f0f0; color:#444; font-size:1.4rem; font-weight:500;margin:0;padding:.8rem 1rem;border-bottom: 1px solid #eee;}
#notification-container .content {background:#f7f0f0;border-bottom: 1px solid #eee;}
#notification-container .footer {background:#fafafa;padding:.5rem 1rem;border-radius:0 0 10px 10px;line-height:normal;}
#notification-container .content .list {list-style-type: none;padding:0;margin:0;}
#notification-container .content .list li { padding:.7rem 1.5rem .7rem 1.5rem; position:relative; line-height:normal; }
#notification-container .content .list li:hover {background:#f3f7f9;}
#notification-container .content .list li>a {text-decoration:none;}
#notification-container .content .list li:not(:last-child) {border-bottom:1px dashed #eee;}
#notification-container .content .list li:not(:first-child) {}
#notification-container .content .list .list-title {font-size:1.4rem;color:#000;line-height:normal;height:auto;}
#notification-container .content .list .list-title .type {}
#notification-container .content .list .list-title .type.order {color:#70a543;}
#notification-container .content .list .list-title .type.danger, #notification-container .content .list .list-content.danger {color:#dd0d15;}
#notification-container .content .list .list-title .type.warning, #notification-container .content .list .list-content.warning {color:#eb9123;}
#notification-container .content .list .list-content{padding-left:.5rem;font-size:1.2rem; color:#222; font-weight:300; margin:0; display:block; }
#notification-container .content .list .view-link {position:absolute;top:50%;right:0;transform: translate(-0, -50%);background:#e9dffe;color:#845bfa;    width: 30px;height: 26px;width:26px;border-radius: 13px;}
#notification-container .content .list .link {display:block;line-height:1.6;}
#notification-container .content .list .view-link i {font-size:15px;position:absolute;top:50%;left:50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#notification-container .notification-close {display:block;width:100%;text-align:center;color:#555;text-decoration:none;}

.new-datatable .rating input, .recruit-list .rating input {position: absolute;left: -9999px;}
.new-datatable .rating input:checked~label, .recruit-list .rating input:checked~label {color: #ccc;}
.new-datatable .rating input:checked+label, .recruit-list .rating input:checked+label {color: #3276B1;}
.recruit-list .rating label {padding:0 1px !important;}
.recruit-list .rating label i {font-size:14px;}
.new-datatable .rating label, .recruit-list .rating label {color: #3276B1;transition: color .3s;-o-transition: color .3s;-ms-transition: color .3s;-moz-transition: color .3s;-webkit-transition: color .3s;}
.new-datatable .rating label, .recruit-list .rating label {height: 17px;padding: 0 2px;font-size: 17px;line-height: 17px;cursor: pointer;}


.new-datatable .filter-wrap {display:inline-block;position:relative;margin-top:1rem;margin-bottom:2rem;padding: 15px 100px 15px 80px;background:#fff;border-radius: 0 5px 5px 0;}
.new-datatable .filter-wrap .form-inline .form-group > label:first-child {display:block;font-weight:600;}
.new-datatable .filter-wrap .form-inline .form-group > label {margin-right:1rem;}
.new-datatable .filter-wrap .form-inline .form-group {vertical-align:top;margin-top:.5rem;margin-right:2rem;}
.new-datatable .list .list-table, .new-datatable .header {display:table;width:100%;}
.new-datatable .list {position:relative;background:#fff;margin-top:2rem;padding:1rem 2rem;padding-right:0;box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.2);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.new-datatable .help .list {margin:0;}
/*.new-datatable .list:hover {background:#f9fbff;box-shadow: 0 7px 14px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}*/
.new-datatable .list .type {position:absolute;top:0;left:0;bottom:0;width:7px;display:block;z-index:2;}
.new-datatable .list .type {background:#333;}
.new-datatable .list .type.scon {background:#bdc6d0;}
.new-datatable .list .type.required-confirm {background:#1cad5a;}
.new-datatable .list .type.required-qa {background:#b748ba;}
.new-datatable .list .type.complain {background:#e84a5d;}
.new-datatable .order-info {width:15%;vertical-align: top;}
.new-datatable .order-info .order-number {display:block;font-size:1.6rem;color:#000;margin-bottom:.5rem;}
.new-datatable .order-info .end-date {display:block;font-size:1.2rem;color:#777;}
.new-datatable .order-info .product-name {display:block;margin-bottom:.5rem;}
.new-datatable .order-info .order-info-actions {margin-top:.5rem;}
.new-datatable .order-info .editor-name {display:block;font-size:1.4rem;margin-top:.5rem;}
.new-datatable .order-info .first-order {font-size:1.4rem;color:#e84a5d;display:block;margin-bottom:1rem;border-bottom:2px solid #e84a5d;padding-bottom:.5rem;margin-right:1rem;}

.new-datatable .user-info {width:20%;padding:0 1rem;}
.new-datatable .user-info .affliate-name {display:block;font-size:1.6rem;margin-bottom:.5rem;}
.new-datatable .user-info .full-name {display:block;font-size:1.3rem;}
.new-datatable .user-info .occupation, .new-datatable .user-info .department {display:block;font-size:1.2rem;}

.new-datatable .report {width:40%;padding:0 1rem;}
.new-datatable .feedback {padding:0 1rem; width:20%;}
.new-datatable .actions {width:5%;vertical-align: middle;}

.new-datatable .editor-info {position:relative;background:#f3f7f9;padding:10px;margin-top:10px;}
.new-datatable .editor-info .separator {width:2px; height:9px; display:inline-block; background:#ddd; margin:0 1rem;}
.new-datatable .editor-info .section {float:left;display:block;width:50%;margin-bottom:.5rem;}

.new-datatable .complain-info {position:relative;background:#fdebee;padding:10px;margin-top:10px;}
.new-datatable .complain-info .complain-info-list:not(:last-child) {margin-bottom:.5rem;}

.new-datatable .list .product-type {font-size:1.2rem;display:block;}
.new-datatable .list .overall_comment {margin-top:.5rem;color:#777;font-size:1.2rem;}
.new-datatable .header {padding:1rem 2rem;font-size:1.4rem; color:#777;}
.new-datatable .list .academic-group, .new-datatable .list .admission-group, .new-datatable .list .default-group {margin-right:.3rem; margin-bottom:0; font-size:14px;font-weight:300;}
.new-datatable .list .degree {display:inline-block;margin-right:.5rem;background:#fff;border:1px solid #dfdfdf;border-radius:4px;color:#555;font-size:1.2rem;padding:.3rem .7rem;font-weight:500;}
.new-datatable .list .footer {margin-top:1rem;margin-left:-2rem;margin-right:-2rem;margin-bottom:-1rem;padding:1rem;background:#efefef;}
.new-datatable .preference {padding:0 1rem; width:20%;}
.new-datatable .review {padding:0 1rem;}
.new-datatable .preference .pre, .new-datatable .preference .exc,
.new-datatable .review .pre, .new-datatable .review .exc {display: inline-block;padding: .3rem .7rem;background: #ddd;border-radius: 12px;margin-bottom: .5rem;}
.new-datatable .preference .pre, .new-datatable .review .pre {background: #ebf3fe; color: #529af3;}
.new-datatable .preference .exc, .new-datatable .review .exc {background:#fdebee;color:#e84a5d;}
.new-datatable .preference .preference-date, .new-datatable .review .review-date {color: #aaa;display: block;font-size: 90%;margin-top: .5rem;}
.new-datatable .list .no-result {color:#777;font-weight:300;}
.new-datatable .list .order-info, .new-datatable .list .report, .new-datatable .list .user-info, .new-datatable .list .feedback, .new-datatable .list .preference {border-right:1px solid #ccc;}

.new-datatable .order-info,
.new-datatable .report,
.new-datatable .user-info,
.new-datatable .feedback,
.new-datatable .preference,
.new-datatable .review,
.new-datatable .actions {display:table-cell;}
@media screen and (max-width: 767px) {
    .layout1 {padding:.5rem !important;}
    .new-datatable .filter-wrap {width:100%;}
    .minified #main {width:calc(100% - 45px) !important;}
    .new-datatable .list .list-table,
    .new-datatable .order-info,
    .new-datatable .report,
    .new-datatable .user-info,
    .new-datatable .feedback,
    .new-datatable .preference,
    .new-datatable .review,
    .new-datatable .actions {display:block;width:100%;padding:0;border-right:0 !important;}
}

.btn-new {
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    padding: 3px 6px;
    border:1px solid #ccc;
    font-size: 12px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-new:hover, .btn-new:visited, .btn-new:active, .btn-new:link{text-decoration: none;}
.btn-new.default {color: #333; background-color: #fff; border-color: #ccc;}
.btn-new.default:hover {background-color:#eee;}
.btn-new.ok {color: #fff; background-color: #4982ff; border-color: transparent; }
.btn-new.ok:hover {background-color: #376cdd;}

.new-datatable .filter-wrap .btn-new.reset {color: #333; background-color: #fff; border-color:#eee; border-width: 0 1px 0 0; border-radius:0;font-size:15px;position:absolute;left:0;top:0;width:60px;height:100%;text-align:center;box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.new-datatable .filter-wrap .btn-new.reset:hover {background-color: #fafafa;}
.new-datatable .filter-wrap .btn-new.search {border-radius: 0 5px 5px 0;font-size:15px;position:absolute;right:0;top:0;width:40px;height:100%;}

.column-nowrap {width:1%;white-space:nowrap;}

/* NEW LAYOUT */
#header {background:#fff;}
#header #notification, #header .user-info, #header #logout, #header #hide-menu {height:100%;line-height:49px;position:relative;padding:0 .5rem;}
#header #notification {padding-right:1rem;}
#header .btn-logout {font-size:26px;color:#333;}
#header .btn-hide-menu {font-size:22px;color:#333;}
.hidden-menu #hide-menu i {color:#333;}

@media screen and (max-width: 600px) {
    #header #notification {position:inherit;}
    #notification-container {top:55px;position:absolute;left:10px;right:10px;width:auto;}
    #notification-container:before {display:none;}
}
.new-datatable .editor-info.bg-blue {background:rgba(82, 154, 243, 0.2);}
.new-datatable .editor-info.bg-blue .separator {background:#fff;}
.table-style1 {width: 100%;max-width: 100%;margin-bottom: 18px;background-color: transparent;}
.table-style1 td, .table-style1 th {padding: 1.5rem;vertical-align: middle;border-top: 1px solid #dee2e6;}
.table-style1.table-bordered {border: 1px solid #ddd;}

.new-table {
    border-collapse: collapse;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.2);
    margin-bottom:1rem;
}
.new-table * {
    position: relative;
}
.new-table td, .new-table th {
    padding: 15px 0 15px 15px;
}
.new-table.log {
    margin:0;
}
.new-table.log th {
    color:#fff;
}
.new-table.log td, .new-table.log th{
    padding:5px;
    font-size:12px;
}
.new-table thead tr {
    background: #36304a;
}
.new-table tbody tr {
}
.new-table tbody tr:last-child {
    border: 0;
}
.new-table td, .new-table th {
    text-align: left;
}
.new-table td.l, .new-table th.l {
    text-align: right;
}
.new-table td.c, .new-table th.c {
    text-align: center;
}
.new-table td.r, .new-table th.r {
    text-align: center;
}
.new-table tbody tr:nth-child(even) {
    background-color: #f5f5f5;
}

.new-table tbody tr {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #808080;
    line-height: 1.2;
    font-weight: unset;
}

.new-table tbody tr:hover {
    color: #555555;
}

.table100-head th{
    font-size: 15px;
    color: #fff;
    line-height: 1.2;
    font-weight: unset;
}

.layout1 {padding:1rem 2rem;}
.layout1 .page-title {margin:0;margin-bottom:2rem;}

/* 채용 */
.recruit-list .step-wrap {display:block;width:100%;background:#fff;padding:1rem;border:1px solid #ddd;border-bottom:0;}
.recruit-list .step-wrap.failed {color:#e84a5d;}

.recruit-list .step-wrap .msg-wrap {margin-top:10px;padding:1rem 1rem 1rem 4rem;position:relative;font-weight:500;}
.recruit-list .step-wrap .msg-wrap > p {margin-bottom:0;}
.recruit-list .step-wrap .msg-wrap-warning {background:#fafafa;color:#444;}
.recruit-list .step-wrap .msg-wrap-info {background:#fafafa;color:#444;}
.recruit-list .step-wrap .msg-wrap:before {position:absolute;left:1rem;top:50%;font: normal normal normal 14px/1 FontAwesome;transform: translateY(-50%);font-size:1.8rem;}
.recruit-list .step-wrap .msg-wrap-info:before{content:"\f05a";color:#444;}
.recruit-list .step-wrap .msg-wrap-warning:before{content:"\f071";color:#444;}

.recruit-list .star {visibility:hidden;font-size:20px;height:20px;cursor:pointer;color: #ef692b;position:relative;margin-top:0 !important;margin-bottom:1rem !important;}
.recruit-list .star:before {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);content: "\2606";visibility:visible;font-size:2.5rem;}
.recruit-list .star:checked:before {content: "\2605";}
.recruit-list mark {display: block;text-align: center;white-space: nowrap;padding: 3px 4px;background: #999;font-size: 11px;line-height: 1.75;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;margin: 0;color: #fff;font-weight: bold;}
.recruit-list .degree {display:block;margin-bottom:.5rem;line-height:1.2;}
.recruit-list .form-delete {margin-top:1rem;}
.recruit-list .new-datatable .filter-wrap .form-inline .form-group > label:not(:first-child) {margin-top:.7rem;}
.recruit-list .list {position:relative;background:#fff;border:1px solid #ddd;padding-top:1rem;padding-bottom:1rem;}
.recruit-list .list:not(:last-child) {margin-bottom:3rem;}
.recruit-list .list {display:table;width:100%;table-layout:fixed;}
.recruit-list .list .box {display: table-cell;position:relative;vertical-align: top;}
.recruit-list .list .box {padding:1rem;border-right:1px solid #eee;}
.recruit-list .list .box.disable::before{content:' ';display:block;position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;background:rgba(0,0,0,.3);}
.recruit-list .list .box:last-child{border-right:0;}
.recruit-list .list .box.actions {width:70px;}
.recruit-list .list .box.user-info {width:300px;word-break: break-all;}
.recruit-list .list .box.background {width:100px;}
.recruit-list .list .box.user-info .name {font-size:1.5rem;}
.recruit-list .list .box.user-info .type {font-size:1.5rem;font-weight: 600;}
.recruit-list .list .box.user-info .type .editor, .recruit-list .list .box.user-info .type .translator {display:block;}
.recruit-list .active {border:2px solid #e84a5d;padding:.5rem;}

.recruit-list .list .box.user-info .step, .recruit-list .list .box.user-info .status {width:49%;float:left;padding:.5rem 1rem;margin-bottom:1rem;border-radius:5px;}
.recruit-list .list .box.user-info .step {margin-right:1%;background:#334666;color:#fff;}
.recruit-list .list .box.user-info .status {margin-left:1%;background:#525358;color:#fff;}
/*
.recruit-list .list .box.user-info .type .editor {color:#e9894a;}
.recruit-list .list .box.user-info .type .translator {color:#b748ba;}
*/
.recruit-list .list .box.exp {width:250px;}
.recruit-list .list .box.exp > div {height:650px; overflow-y:auto; word-break: keep-all;margin-top:1rem;}
.recruit-list .list .box.user-info .step {font-size:1.4rem;margin-bottom:.2rem;}
.recruit-list .list .box:not(:last-child) {margin-right:10px;}
.recruit-list .list .box.rate {width:80px;text-align:center;}
.recruit-list .list .box .updated_at {display:block;position:absolute;bottom:0;left:10px;right:10px;z-index:1;color:#777777;}
.recruit-list .list .box .updated_at .download_btns a {margin-bottom:.5rem;}
.recruit-list .list .box .updated_at .download_btns a:last-child {margin-bottom:1rem;}
.recruit-list .list .box.batch-rate {width:180px;text-align:center;}
.recruit-list .list .box .comment-editable {display:block;width:100%;height:150px;overflow-y: auto;border:1px solid #eee;padding:.5rem;margin-top:.5rem;}
.recruit-list .list .box.qa-report .kind {font-size:1.4rem;margin-bottom:.5rem;}
.recruit-list .list .box.td-result {width:15%;}
.recruit-list .list .box.qa-report .kind:not(:first-child) {margin-top:1rem;}
.recruit-list .list .box .result-editable, .recruit-list .list .box .score-editable, .recruit-list .list .box label.score {display: block;color:#444;font-size: 1.4rem !important;padding: 0.5rem;background: transparent;border: 1px solid #ccc;font-weight: 500;text-align:center; border-radius:5px;}
.recruit-list .list .box label.score {margin-top:.5rem;border:none;}
.recruit-list .list .qa-report .editable-click.Pass {border: 1px solid #fff !important;color: #fff !important;background:#739e73 !important;}
.recruit-list .list .qa-report .editable-click.Fail {border: 1px solid #fff !important;color: #fff !important;background:#a90329 !important;}
.recruit-list .list .box .drate, .recruit-list .list .box .exp-year {font-size:1.4rem;margin-bottom:0;}
.recruit-list .list .box .score-editable {margin-top:1rem;}
.recruit-list .list .box label.score {background:#eef9ff;font-weight:600;}
@media screen and (max-width: 1199px) {
    .recruit-list .list .box {
        float:none;
        display:block;
        width:100% !important;
        margin-bottom:.5rem;
    }
}
#recruitListFreelance .new-datatable .filter-wrap .form-inline .form-group > label:not(:first-child) {margin-top:.7rem;}
#recruitListFreelance .file-uploader .btn {width:100%; border-radius:5px; font-weight:500; padding:6px 0; border:1px solid #54a7ea;}
.recruit-list .list .qa-report {margin-bottom:1rem;}
.recruit-list .list .qa-report .empty {color:#444; min-width: 100%; display: inline-block; min-height: 250px; border: 1px solid #ccc;padding: .5rem; margin-top: 1rem; }

.extra-clients-detail {padding: 15px 14px 5px;}
.extra-clients-detail section.service-detail label.label {
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    text-align: left;
    float:none;
}

.form-article * {box-sizing: border-box; -moz-box-sizing: border-box;}
.form-article .form-group {margin-bottom:.5rem;}
.form-article .title, .feedback-list .title {font-size:15px;margin-bottom:.5rem;}
.feedback-list {margin-bottom:1.5rem;}
.feedback-list ul{list-style: none;padding-left:0;}
.feedback-list ul li .date{margin-right:1rem;}
.feedback-list ul li {padding:1rem;}
.feedback-list ul li{border:1px solid #ccc;margin-bottom:1rem;border-radius:5px;}
.feedback-list .list-table {width:100%; border-collapse: collapse; border-spacing: 0;}
.feedback-list .list-table td, .feedback-list .list-table th { border: 1px solid #CCC; padding:5px 10px; }
.feedback-list ul li .content {margin-top:.5rem;}
.feedback-list ul li .preferred, .feedback-list ul li .excluded, .feedback-list ul li .review, .feedback-list ul li .content {padding:.5rem 1rem;margin-bottom:.5rem;}
.feedback-list ul li .preferred {background:#3f9773;color:#f2f9eb;}
.feedback-list ul li .excluded {background:#dc635d;color:#fff;}
.feedback-list ul li .review, .feedback-list ul li .content {border:1px solid #eee;}

#feedback .state-success input, #feedback .state-success select, #feedback .state-success textarea {
    background:transparent;
    border: 1px solid #ccc;
}

/* LOADING SCREEN */
.loader-wrapper {display:inline-block;height:100px;}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background:rgba(0,0,0,0.2);
}
#loader, .loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;

    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;

    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

.er_menu_divider_sub_admin, .er_menu_divider_full_admin {height:20px;}
.er_menu_divider_sub_admin > a, .er_menu_divider_full_admin > a {display:none !important;}

.minified nav ul>li[class^="er_menu_divider"] {height:34px;}
.minified nav ul>li[class^="er_menu_divider"]>a {display:none !important;}


.alert>ul {list-style: none;padding-left:0;}
.tickets-wrap {margin-top:1rem;margin-bottom:1rem;}
.tickets-wrap .list, .ticket-histories .list {margin-left:-10px;margin-right:-10px;padding:0;list-style-type: none;}
.tickets-wrap .list li, .ticket-histories .list li {background:#fff;float:left;margin-left:10px;margin-right:10px;width:calc(20% - 20px);padding:10px;border-radius:5px;border:1px solid #ccc;}
.tickets-wrap .list li .reply {cursor:pointer;}
.tickets-wrap.order-detail {background:#fff;margin:0;}
.tickets-wrap.order-detail .list, .ticket-histories .list {margin:0;}
.tickets-wrap.order-detail .list li, .ticket-histories .list li {background:transparent;float:none;width:100%;margin:0 0;border:0;border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tickets-wrap.order-detail .list li:not(:last-child), .ticket-histories .list li:not(:last-child) {border-bottom:1px solid #eee;}
.tickets-wrap.order-detail .list li .title, .ticket-histories .list li .title {font-weight:600;font-size:1.4rem;}
.tickets-wrap.order-detail .list li .files, .ticket-histories .list li .files {margin-top:.5rem;margin-bottom:.5rem;}
.ticket-list *, .ticket-list :after, .ticket-list :before{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.ticket-histories .ticket-list {list-style:none;padding:0;}
.ticket-histories .ticket-list li:not(:last-child) {margin-bottom:3rem;}
.ticket-histories .ticket-list li .ticket-number {font-size:110%;margin-bottom:.5rem;}
.ticket-histories .ticket-list li .message {display:inline-block;margin-top:.5rem;padding:1rem;border-radius:10px;word-break:break-all;}
.ticket-histories .ticket-list li.left {text-align:left;}
.ticket-histories .ticket-list li.right {text-align:right;}
.ticket-histories .ticket-list li.left .message {background:#eef1f4;padding-right:2rem;border-top-left-radius:4px;}
.ticket-histories .ticket-list li.right .message {background:#92cb63;color:#f2f9eb;padding-left:2rem;border-top-right-radius:4px;}
.ticket-histories .ticket-list li .datetime {margin-right:1rem;font-size:90%;}
.ticket-histories .ticket-list li .files {margin-top:.5rem;}
.ticket-histories .ticket-list li .title {font-weight:500;font-size:115%;}

.ticket-reply
{
    display: none;
    position: fixed;
    top: 50%;
    left: 100%;
    padding: 20px;
    z-index: 999;
    background: #fff;
    border: 1px solid #ccc;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 100%;
    border-radius: 5px;
    overflow-y: scroll;
}
/*.ticket-reply,*/ .ticket-update, .ticket-histories {display:none;position:fixed;top:50%;left:50%;padding:20px;z-index:999;background:#fff;border:1px solid #ccc;transform:translate(-50%, -50%);width:500px;border-radius:5px;}
.ticket-reply .close, .ticket-update .close,
.form-create-ticket .close, .ticket-histories .close {position:absolute;right:10px;top:10px;font-size:1.8rem;}
.ticket-reply .form-group, .ticket-update .form-group {margin-top:1rem;}
.ticket-reply .form-title, .ticket-update .form-title {font-size:1.8rem;}
.ticket-reply .file-uploader .btn {margin-bottom:1rem;}
.ticket-reply input[type=text], .ticket-reply textarea,
.ticket-update input[type=text], .ticket-update textarea {font-size:1.2rem;font-weight:400;}

/* TIcket ind */
/*.ticket-ind.header * {text-align:center;} */
.ticket-filter {padding:20px;margin-bottom:2rem;background:#fff;}
.ticket-ind {background:#fff;padding:1rem 2rem;margin-bottom:1rem;border:1px solid #ccc;float: left;width: 97%;}
/* */
.ticket-ind .number, /*.ticket-ind .status,*/ .ticket-ind .title, .ticket-ind .actions, .ticket-ind .files, .ticket-ind .content, .ticket-ind .assign, .ticket-ind .related, .ticket-ind .requester, .ticket-ind .created_at {float:left;width:5%;padding:.3rem .5rem;position:relative;}
.ticket-ind:not(.header) .number,
.ticket-ind:not(.header) .status,
.ticket-ind:not(.header) .title,
.ticket-ind:not(.header) .actions,
.ticket-ind:not(.header) .files,
.ticket-ind:not(.header) .content,
.ticket-ind:not(.header) .assign,
.ticket-ind:not(.header) .related,
.ticket-ind:not(.header) .requester,
.ticket-ind:not(.header) .created_at{min-height:40px;word-break:break-all;text-align: left}
.ticket-ind .number {width:3%; white-space: nowrap;}
.ticket-ind .title{width:10%;}
.ticket-ind .content {width:20%;}
.ticket-ind .created_at {width:15%;}
.ticket-ind .actions {width:calc(15% - 5px);}
.ticket-ind .actions .inner {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);line-height:2;}
.ticket-ind .actions .btn.history {background:#39cdc6;color:#e8f9f8;border:1px solid #25b2ab;}
.ticket-ind .trans {float:left;}
.ticket-ind .assign, .ticket-ind .requester {text-align:center;width:10%;}
.ticket-ind .status label{background: #eee;text-align: center;width:80%;/*border-top-left-radius: 7px;border-bottom-right-radius: 7px;*/margin-bottom: 0;padding: 5px 0;}
.ticket-ind .status label.Open {background:#529af3;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}
.ticket-ind .status label.Solved {background:#92cb63;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}
.ticket-ind .status label.Resolved {background:#92cb63;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}
.ticket-ind .status label.Hold {background:#b748ba;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}
.ticket-ind .status label.New {background:#fdaf07;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}
.ticket-ind .status label.Urgent {background:#e85d51;color:#fff; box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.10);}

@media screen and (max-width: 767px) {
    .ticket-ind .trans {display:none;}
    .ticket-ind .number, .ticket-ind .status, .ticket-ind .title, .ticket-ind .actions, .ticket-ind .files, .ticket-ind .content, .ticket-ind .assign, .ticket-ind .related, .ticket-ind .requester, .ticket-ind .created_at {
        float:none;
        margin:0;
        width:100%;
        text-align: left !important;
    }
    /*.ticket-reply, */.ticket-update {width:90%}
    .ticket-reply{left:50%;width:100%}
    .ticket-update .created_at, .ticket-update .updated-at {float:none !important;display:block;}
    .ticket-ind.header {display:none;}
    .ticket-ind .number {font-size:1.7rem;}
    .ticket-ind .status label {padding: 4px 0; width:100%}
}

.tickets {list-style-type: none;padding:0;}
.tickets.list-unresolved {margin:10px -10px 10px -10px;}
.tickets.list-unresolved .ticket {float:left;width:calc(25% - 20px);margin-left:10px;margin-right:10px;margin-bottom:1rem;background:#fff;padding:8px;border:1px solid #ccc;border-radius:5px;min-height:280px; }
@media only screen and (max-width : 767px)
{
    .tickets.list-unresolved .ticket{width:100%}
}
.tickets.list-unresolved .ticket .ticket-num {font-size:1.6rem;margin-top:.2rem;}
.tickets.list-unresolved .ticket .updated-at, .tickets.list-unresolved .ticket .ticket-requester {font-size:1.2rem;color:#888;}
.tickets.list-unresolved .ticket .ticket-requester {margin-left:8px;color:#000;}
.tickets.list-unresolved .ticket .divider {display:block;height:1px;margin:8px 0;background:#eee;}
.tickets.list-unresolved .ticket .ticket-title {color:#000;font-weight:600;}
.tickets.list-unresolved .ticket .ticket-content {margin-top:.5rem;min-height:120px;max-height:120px;overflow-y:auto;}
.tickets.list-unresolved .btn.solved {margin-right:1rem;}

.form-create-ticket {background:#fff;padding:1rem;border:1px solid #ccc;border-radius:5px;}
.form-create-ticket .form-title {margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eee;}
.form-create-ticket textarea {resize: none;}
.form-create-ticket .file-uploader .btn {margin-bottom:1rem;}

.ticket-filter .form-inline .form-group:not(:last-child) {margin-right:1rem;}
.my_input{box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;height: 32px;padding: 8px 10px;}

.fa.fa-file-text.fa-2x.ticket-file{color:#a54545}
.fa.fa-envelope{margin-right:5px}

/* 추가 */
.ticket-modal.status{-webkit-animation: blink-status 2.5s linear infinite;}
.ticket-modal{-webkit-animation: blink 2.5s linear infinite;}
@-webkit-keyframes blink-status {
    0% { color: #ffffff;}
    50% {color: #9badc4;}
    100% { color: #ffffff;}
}
@-webkit-keyframes blink {
    0% { color: #529af3;}
    50% {color: #eae8f3;}
    100% { color: #529af3;}
}

@-webkit-keyframes border-area{
    0% { border: 3px solid #FF0000	;}
    50% {border: 3px solid #fffbfb;}
    100% { border: 3px solid #FF0000;}
}


.dropZone {padding-bottom:calc(15px - 1rem) !important;}
.file-uploader .table.table-striped {margin-top:1rem;}
.file-uploader .table.table-striped td {vertical-align:middle;}


/* STEPS*/
.cd-breadcrumb, .cd-multi-steps {display:inline-block;padding: 0.5em 1em;margin: 0;background-color: #edeff0;border-radius: .25em;}
.cd-breadcrumb:after, .cd-multi-steps:after {content: "";display: table;clear: both;}
.cd-breadcrumb li, .cd-multi-steps li {display: inline-block;float: left;margin: 0.5em 0;}
.cd-breadcrumb li::after, .cd-multi-steps li::after {display: inline-block;content: '\00bb';margin: 0 .6em;color: #959fa5;}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {display: none;}
.cd-breadcrumb li > *, .cd-multi-steps li > * {display: inline-block;font-size: 1.4rem;color: #2c3f4c;}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {color: #96c03d;}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {color: #96c03d;}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {background-position: -20px 0;}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {background-position: -40px 0;}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {background-position: -60px 0;}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {background-position: 0 -20px;}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {background-position: -20px -20px;}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {background-position: -40px -20px;}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {background-position: -60px -20px;}
.cd-multi-steps li:last-child.current > * {background-color:#845bfa !important;}
@media only screen and (min-width: 768px) {
    .cd-breadcrumb, .cd-multi-steps {
        padding: 0 1.2em;
    }
    .cd-breadcrumb li, .cd-multi-steps li {
        margin: 1.2em 0;
    }
    .cd-breadcrumb li::after, .cd-multi-steps li::after {
        margin: 0 1em;
    }
    .cd-breadcrumb li > *, .cd-multi-steps li > * {
        font-size: 1.2rem;
    }
}
/* --------------------------------
Multi steps indicator
-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-multi-steps {
        /* reset style */
        background-color: transparent;
        padding: 0;
        text-align: center;
    }

    .cd-multi-steps li {
        position: relative;
        float: none;
        margin: 0.4em 40px 0.4em 0;
    }
    .cd-multi-steps li:last-of-type {
        margin-right: 0;
    }
    .cd-multi-steps li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        content: '';
        height: 4px;
        background: #edeff0;
        /* reset style */
        margin: 0;
    }
    .cd-multi-steps li.visited::after {
        background-color: #96c03d;
    }

    .cd-multi-steps li > *, .cd-multi-steps li.current > * {
        position: relative;
        color: #2c3f4c;
    }

    .cd-multi-steps.text-center li.current + li.need > * {
        animation: step-need 1.5s linear infinite;
        color:#fff;
    }

    .cd-multi-steps.custom-separator li::after {
        /* reset style */
        height: 4px;
        background: #edeff0;
    }

    .cd-multi-steps.text-center li::after {
        width: 80%;
        top: 50%;
        left: 100%;
        -webkit-transform: translateY(-50%) translateX(-1px);
        -moz-transform: translateY(-50%) translateX(-1px);
        -ms-transform: translateY(-50%) translateX(-1px);
        -o-transform: translateY(-50%) translateX(-1px);
        transform: translateY(-50%) translateX(-1px);
    }
    .cd-multi-steps.text-center li > * {
        z-index: 1;
        padding: .6em 1em;
        border-radius: .25em;
        background-color: #edeff0;
    }
    .no-touch .cd-multi-steps.text-center a:hover {
        background-color: #2c3f4c;
    }
    .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
        color: #ffffff;
        background-color: #96c03d;
    }
    .cd-multi-steps.text-center.custom-icons li.visited a::before {
        /* change the custom icon for the visited item - check icon */
        background-position: 0 -60px;
    }

    .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
        width: 80px;
        text-align: center;
    }
    .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        position: absolute;
        left: 50%;
        /* 40px is the <li> right margin value */
        width: calc(100% + 40px);
    }
    .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        content: '';
        position: absolute;
        z-index: 1;
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #edeff0;
    }
    .cd-multi-steps.text-top li.visited > *::before,
    .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
    .cd-multi-steps.text-bottom li.current > *::before {
        background-color: #96c03d;
    }
    .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
        color: #96c03d;
    }
    .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
        box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
    }

    .cd-multi-steps.text-top li::after {
        /* this is the line connecting 2 adjacent items */
        bottom: 4px;
    }
    .cd-multi-steps.text-top li > * {
        padding-bottom: 20px;
    }
    .cd-multi-steps.text-top li > *::before {
        /* this is the spot indicator */
        bottom: 0;
    }

    .cd-multi-steps.text-bottom li::after {
        /* this is the line connecting 2 adjacent items */
        top: 3px;
    }
    .cd-multi-steps.text-bottom li > * {
        padding-top: 20px;
    }
    .cd-multi-steps.text-bottom li > *::before {
        /* this is the spot indicator */
        top: 0;
    }
}

@keyframes step-need {
    0% { background: #4982ff;}
    50% {background: #9dc1f9;}
    100% { background: #4982ff;;}
}

@keyframes box-active {
    0% { border-color: #fdebee;}
    50% {border-color: #e84a5d;}
    100% { border-color: #fdebee;;}
}


/* QA REPORT 개인용 */
#qa_report_manager_ext *:not(.fa) {font-family: Sans-serif, Arial;}
#qa_report_manager_ext .top > h1 {margin:0;margin-bottom:5rem;font-weight:500;}
#qa_report_manager_ext .row1 {margin-left:-2rem;margin-right:-2rem;overflow:hidden;}
#qa_report_manager_ext .row1 > .column {float:left; width:20%;padding-left:2rem;padding-right:2rem;margin-bottom: -99999px;border-right:1px solid #ccc;padding-bottom: 99999px;}
#qa_report_manager_ext .row1 .column:last-child {border-right:0;}
#qa_report_manager_ext .row1 .column div[class^="history-"] {margin-bottom:2rem;}
#qa_report_manager_ext .row1 .title {color:#333;font-weight:400;font-size:17px;margin-bottom:.5rem;}
#qa_report_manager_ext #toggle_memo {margin-left:2rem;}

#qa_report_manager_ext .article {background:#fff; padding:2rem; margin-bottom:3rem;border:1px solid #ddd;}
#qa_report_manager_ext .article-title {margin:0;color:#999;font-weight:300;margin-bottom:1rem;background:#015c92;color:#bce6ff;padding:7px 15px;}
#qa_report_manager_ext .article-title small {color:#bce6ff;}
#qa_report_manager_ext .row2 .order-history-title {margin-bottom:1.5rem;color:#777;font-weight:300;}
#qa_report_manager_ext .row2 .order-history {background:#fff;padding:2rem;margin-bottom:2rem;}
#qa_report_manager_ext .row2 .order-history:last-child {margin-bottom:0;}
#qa_report_manager_ext .table-history {width:100%; border-collapse:collapse;}
#qa_report_manager_ext .table-history th, #qa_report_manager_ext .table-history td {padding:1.25rem 2rem;}
#qa_report_manager_ext .row2 .table-history td, #qa_report_manager_ext .row2 .table-history th {padding:.6rem 1rem;} /* 패딩 줄임 */
#qa_report_manager_ext .review-score .table-history th, #qa_report_manager_ext .table-history td {padding:.6rem 1rem;}

#qa_report_manager_ext .table-history.sp th, #qa_report_manager_ext .table-history.sp td {padding:1.25rem 1rem;}
#qa_report_manager_ext .table-history th, #qa_report_manager_ext .table-history td {border:1px solid #dee2e6;}
#qa_report_manager_ext .table-history .review-comment {width:30%;}
#qa_report_manager_ext .table-history .pagination {margin:0;}
#qa_report_manager_ext .table-history .divider {background:#eee;padding:1.5rem 1rem !important;}
#qa_report_manager_ext .table-history .divider * {font-weight:500;}

#qa_report_manager_ext .label.block {width:100%;display:block;padding: .4em 1.2em .6em;}
#qa_report_manager_ext .label + .label {margin-top:.5rem;}
#qa_report_manager_ext .dt-buttons.btn-group a {margin-left:1rem !important;}
#qa_report_manager_ext table.dataTable thead .sorting {background:#fff !important;}
#qa_report_manager_ext .table.dataTable {margin:0 !important;}

#qa_report_manager_ext .review-score .article {float:left;width:49.5%; overflow-x:auto;}
#qa_report_manager_ext .review-score .article:first-child {margin-right:1%;}

.user-online, .user-offline {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: black;
    border-radius: 5px;
    vertical-align: middle;
    line-height: inherit;
    margin-right:.5rem;
}
.user-online {background:#739e73;}
.user-offline {background:#ccc;}

#new-menu .nav>li>a, #new-menu .nav>li>a {color:#444;}
#new-menu .nav>li>a:focus, #new-menu .nav>li>a:hover {background-color:transparent;}

/* 애니메이션 제거 */
.open>.dropdown-menu {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 주문 페이지 상단 영역 */

.top-area{display: flex}
/*.half-left{width:50%;float:left}*/
.half-left{width:30%;float:left}
.half-right{width:70%;float:left}
.half-right .ticket-summary-wrap .inner { width:calc(100% / 2); }
.half-right .ticket-summary-wrap .inner.new-memo-wrap{padding-left:15px}
.half-right .ticket-summary-wrap {margin:0;}
.half-right .ticket-summary-wrap {padding-left:15px;/*padding-right:5px;*/}
.order-summary-wrap .inner .well h5{font-weight: 500;margin-bottom: 5px;font-size: 120%}
.order-summary.half-left .well h5, .order-summary.half-left .well .inner h5{font-weight: 500;margin-bottom: 5px;font-size: 105%;margin-top:0;}
.order-summary.half-left .well h5, .order-summary.half-left .well .inner:not(:first-child) h5 {margin-top:10px;}
.order-summary.half-left .well .inner li {float: left;width: 65px;padding:2px 0 2px 5px;background:#efefef;margin-right:5px;margin-bottom:5px;border-radius:5px;}
.order-summary.half-left .well .inner li.double {width:135px;}
.order-summary.half-left .well.notice .inner:first-child ul >li {width:33%;height:auto}
@media only screen and (max-width:1280px)
{
    .order-summary.half-left .well.notice .inner:first-child ul >li {width:50%}
}
@media only screen and (max-width:767px)
{
    .top-area{display:unset}
    .half-left, .half-right{width:100%;float:unset}
    .half-right .ticket-summary-wrap .inner { width : 100%}
    .half-right .ticket-summary-wrap{padding : 0}
    .ticket-summary-wrap .inner{margin-left: 0 !important;}
}
ul.order-list{list-style: none;padding: 0;margin: 0;display: block;}

/* NEW MENU */
.minified nav>ul>li.active, .minified nav>ul>li.open {display:none;}
.minified nav>ul>li>a>.menu-item-parent {top:-1px;border:0;padding:0;box-shadow:none;background:#1A1817;color:#fff;height:36px;font-size:14px;line-height:34px;letter-spacing:1.1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.minified nav>ul>li>a>.menu-item-parent:before{font: normal normal normal 14px/1 FontAwesome;content:"\f105";margin-right:.5rem;margin-left:2rem;}
.minified nav>ul>li>ul {min-height: auto;padding:0;box-shadow: 0 3px 3px 2px rgba(0,0,0,0.2);background: linear-gradient(to right,#3a3633 93%,#2a2725 100%);margin-top:0;}
.minified nav>ul>li>ul>li {background-color:inherit;}
.minified nav>ul>li>a>.menu-item-parent, .minified nav>ul>li>ul {width:250px;border:1px solid #1A1817;}
.minified nav>ul>li>a + ul {border-top:0;}
.minified nav>ul>li>ul>li>a, .minified nav>ul>li>ul>li>ul>li>a {padding-top:10px;padding-bottom:10px;}
.minified .inbox-badge {background:#ef5350;text-align:center;font-size:10px;height:15px;border-radius:3px;line-height:10px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.minified nav>ul>li>ul>li>a {border-top:1px solid #525151;border-bottom:1px solid #1A1817;}
.minified nav>ul>li>ul>li:first-child>a {border-top:0;}
.minified nav>ul>li>ul>li:last-child>a {border-bottom:0;}

nav .badge.inbox-badge {margin-left:1rem;width:auto;border-radius:3px;}

/* Editor guideline*/
.editor-guideline-video .top > h1{margin: 0;font-weight: 500;}
.editor-guideline-video .article {background:#fff; padding:2rem; margin-bottom:3rem;border:1px solid #ddd;float: left;width: 100%;}
.editor-guideline-video .article-title {margin:0;font-weight:300;margin-bottom:1rem;background:#015c92;color:#bce6ff;padding:7px 15px;}
.editor-guideline-video .description-area{padding : 1rem; margin-bottom: 1rem}

#btn_notification .noti-count {
    position:absolute;
    top:50%;
    right:-5px;
    transform:translate(0, -50%);
    margin-top:-7px;
    opacity:.9;

    width: 17px;
    height: 17px;
    background: rgb(255, 0, 64);
    border-radius: 50%;
    font-size: 7px;
    line-height: 1.5;
    color: #fff;
    text-align: center;
}

#btn_notification.on .noti-count {
    animation: count-pulse 2s linear infinite;
}
@keyframes count-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7);
    }
    40% {
        box-shadow: 0 0 0 10px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7);
    }
    80% {
        box-shadow: 0 0 0 10px rgba(255, 0, 64, 0), 0 0 0 5px rgba(255, 0, 64, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 5px rgba(255, 0, 64, 0);
    }
}

.tableFixedHeader {
    position: sticky;
    top: 0;
}