@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: local('Spoqa Han Sans Neo Bold'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-BoldSpoqaHanSansNeo-Bold.woff') format('woff'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-BoldSpoqaHanSansNeo-Bold.ttf') format('truetype'); }

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: local('Spoqa Han Sans Neo Medium'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Medium.woff') format('woff'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Medium.ttf') format('truetype');}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: local('Spoqa Han Sans Neo Regular'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Regular.woff') format('woff'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Regular.ttf') format('truetype');}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: local('Spoqa Han Sans Neo Light'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Light.woff2') format('woff2'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Light.woff') format('woff'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Light.ttf') format('truetype');}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: local('Spoqa Han Sans Neo Thin'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Thin.woff') format('woff'),
    url('/admin/css/font/font-spoqa/SpoqaHanSansNeo-Thin.ttf') format('truetype');}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* COMMON */
body { color: #000; font-family: 'Spoqa Han Sans Neo'; } 

p { margin-bottom: 5px; } 

/* LAYOUT */
#content-wrap { width: 100%; } 

#header { } 

#side { position: fixed; left: 0; top: 0; width: 200px; padding-top: 50px; box-shadow: 0px 0px 20px rgba(92, 111, 139, 0.12); z-index: 99; } 

#side.none-side { background: none; box-shadow: none; height: auto; } 

#wrap { margin-top: 0; padding: 10px; padding-top: 45px; width:1900px; } 

#wrap.is_rside { width: 1720px; padding-right: 190px; } 

#wrap.wrap-center { margin-left: 0; } 

#wrap.none-side { margin-left: 0; } 

#rside { position: absolute; right: 0; top: 0; width: 160px; padding: 10px; padding-top: 10px; background-color: #fff; box-shadow: 0px 0px 20px rgba(92, 111, 139, 0.12); z-index: 100; } 

/* HEADER */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; background:linear-gradient(45deg, #264283, #001b46); width:1900px; } 

#header h1.logo { position: absolute; left: 0; top: 0; width: 100px; text-align: center; z-index: 100; } 

#header h1.logo a { display: block; padding: 5px; color: #fff; font-size: 16px; } 

#header h1.logo img { width: 35px; } 

#header .inner { height: 40px; } 

#header .inner:after { display: block; content: ""; clear: both; } 

#header .nav-list { position: absolute; left: 100px; top: 0; } 

#header .nav-list>li { float: left; padding: 5px; position: relative; } 

#header .nav-list>li>a { display: block; padding: 8px; line-height: 1; color: #fff; font-size: 14px; font-weight: 500; } 

#header .nav-list:after { display: block; content: ""; clear: both; } 

#header .nav-list>li ul { display: none; position: absolute; left: 50%; top: 100%; margin-left: -100px; width: 200px; } 

#header .nav-list>li ul li { border-bottom: 1px solid rgba(255, 255, 255, .1); } 

#header .nav-list>li ul li a { display: block; text-align: center; padding: 5px; color: #fff; } 

#header .nav-list>li ul li:hover a { background-color: rgba(255, 255, 255, .1); } 


#header .nav-list>li:hover ul { display: block; background:linear-gradient(45deg, black, #24407f); } 

#header .utill-list { position: absolute; right: 10px; top: 0; } 

#header .utill-list li { float: left; padding: 10px 5px; } 

#header .utill-list li a { display: block; line-height: 40px; color: #fff; font-size: 16px; font-weight: 700; } 

#header .utill-list li a i { font-size: 30px; margin-top: -2px; } 

#mystats { position: absolute; right: 60px; top: 6px; } 

#mystats .title { float: left; line-height: 30px; margin-right: 10px; color: #fff; } 

#mystats .box { float: left; border-radius:5px; padding:0 5px; background:#091330; } 
#mystats .box .btn{ top:2px; } 

#mystats .box .btn-line-success{ border:0; border-radius:5px; }
#mystats .box .btn-line-success:hover{ color:#97ef87 !important; background:none; }

#mystats .box .btn-line-orange{ color:#df8242 !important; border:0; border-radius:5px; }
#mystats .box .btn-line-orange:hover{ color:#ffb355 !important; background:none; }
#mystats .box .btn-primary{ background-color:#112ecf; }

#mystats .box .name { margin-right: 10px; } 
#mystats .box .cnt { margin:0; } 

#lt-notice { position: relative; } 

#lt-notice .latest { padding: 0 10px; line-height: 38px; color: #333; font-size: 12px; cursor: pointer; } 

#lt-notice .notice-list { display: none; position: absolute; left: 0; top: 100%; width: 100%; background-color: #fff; box-shadow: 0px 0px 20px rgba(92, 111, 139, 0.12); z-index: 100; } 

#lt-notice .notice-list li { border-top: 1px solid #ddd; } 

#lt-notice .notice-list li:first-child { border: none; } 

#lt-notice .notice-list li a { display: block; padding: 10px; font-size: 12px; } 

#lt-notice .notice-list li a:hover { background-color: #f5f5f5; } 

#lt-notice .notice-list.open { display: block; } 

/* CONFIG_MENU */
#config-menu { } 

#config-menu ul { } 

#config-menu ul li { float:left; } 
#config-menu ul li:before{ content:''; display:block; width:3px; height:3px; border-radius:50px; background-color:#3f51b5; position:absolute; top:10px; }
#config-menu ul li:first-child { border-top: none; }
#config-menu ul li:first-child:before{ display:none; }

#config-menu ul li a { display: block; padding:2px 10px; color: #666; transition:.2s; }
#config-menu ul li.active a,
#config-menu ul li:hover a { color: #001daa; font-weight:600; } 


/* CALENDAR */

#calendar-con { width: 200px; position: absolute; left: 100%; top: 0; z-index: 1000; } 


#calendar-con .calendar { display: none; } 

.calendar { background-color: #324241; border-radius: 5px; border: 1px solid #485d5c; } 

#calendar-con.open .calendar { display: block; } 

#calendar-con.active { width: 240px; } 

#calendar-con.active .calendar { display: block; } 

.calendar .cal-header { padding: 5px; text-align: center; } 

.calendar .cal-header .cal-control { position: relative; top: -1px; display: inline-block; width: 16px; line-height: 16px; text-align: center; font-size: 8px; border-radius: 50%; color: #324241; background-color: #fff; } 

.calendar .cal-header .ym { display: inline-block; padding: 0 3px; color: #fff; } 

.calendar .cal-content { padding: 5px; } 

.calendar .cal-content table { width: 100%; background-color: transparent; border: none; } 

.calendar .cal-content table tr th { width: 14.285%; background-color: transparent; color: #fff; } 

.calendar .cal-content table tr th,
.calendar .cal-content table tr td { position: relative; font-size: 10px; cursor: pointer; text-align: center; border: none; } 

.calendar .cal-content table tr td { padding: 0; } 

.calendar .cal-content table tr td:hover { background-color: rgba(255, 255, 255, .1); } 

.calendar .cal-content table tr td label { display: block; height: 26px; cursor: pointer; color: #fff; } 

.calendar .cal-content table tr td .res-label.disable { } 

.calendar .cal-content table tr td label.active { border: 1px solid #ffeb3b; } 

.calendar .cal-content .res-datetime { display: none; text-align: center; } 

.calendar .cal-content .res-datetime input { font-size: 12px; } 

.calendar .cal-content .res-input { display: none; } 

.calendar .cal-content table tr td .day { left: 2px; top: 2px; } 

.calendar .cal-content table tr td .day.today { color: #28ad63; } 

.calendar .cal-content table tr td .cnt { position: absolute; right: 2px; bottom: 2px; color: #f36767; } 

.calendar .cal-content table tr td .detail-inner { background-color: #333; border: 1px solid #666; } 

.calendar .cal-content table tr td .detail-inner tr th,
.calendar .cal-content table tr td .detail-inner tr td { font-size: 12px; } 



.calendar .res-list { display: none; position: absolute; left: 100%; top: 0; width: 150px; background-color: #fff; border: 1px solid #ddd; } 

.calendar .res-list .title { background-color: #f5f5f5; border: 1px solid #ddd; text-align: center; padding: 5px; } 

.calendar .res-list ul { padding: 5px; } 

.calendar .res-list ul li { border-top: 1px solid #ddd; padding: 5px; font-size: 14px; } 

.calendar .res-list ul li:first-child { border-top: none; } 

#calendar-con .calendar.open .res-list { display: block; } 


#feed-list { padding: 5px; } 

#feed-list ul li { margin-bottom: 5px; font-size: 12px; } 

#feed-list .title { padding: 5px; border: 1px solid #ddd; background-color: #fff; font-size: 12px; text-align: center; margin-bottom: 5px; } 

#feed-list .reception { } 

#feed-list .reception .info { } 

#feed-list .reception .info .status { float: right; } 

#feed-list .reception .cmt { padding: 2px 0; } 

.pannel { background-color: #0e1821; } 

.pannel .pannel-header { position: relative; padding: 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #fff; } 

.pannel .pannel-header .status.res { color: #d4b900; } 

.pannel .pannel-header .name a { color: #fff; } 

.pannel .pannel-header .status { color: #fff; } 

.pannel .pannel-header .date { float: right; color: #fff; } 

.pannel .pannel-header div:after { display: block; clear: both; content: ""; } 

.pannel .pannel-header .star-wrap { } 

.pannel .pannel-header .star-wrap .star { color: #ddd; } 

.pannel .pannel-header .star-wrap .star.active { color: #ff8001; } 

.pannel .pannel-header .view-list { position: absolute; left: 0; bottom: -20px; width: 100%; text-align: center; } 

.pannel .pannel-header .view-list li { display: inline-block; padding: 0 5px; } 

.pannel .pannel-header .view-list li img { width: 30px; border-radius: 50%; border: 1px solid #182933; } 

.pannel .pannel-body { padding: 5px; background-color: #fff; } 




.pannel .comment-list .inner { position: relative; } 

.pannel .comment-list:not(.mine) .inner { background-color: #dcdedd; border-top-left-radius: 0; } 

.pannel .comment-list.mine .inner { background-color: #cee7ee; border-top-right-radius: 0; } 

.pannel .comment-list .inner:before { display: inline-block; position: absolute; top: 0; } 

.pannel .comment-list:not(.mine) .inner:before { left: -8px; content: "◀"; color: #dcdedd; } 

.pannel .comment-list.mine .inner:before { right: -8px; content: "▶"; color: #cee7ee; } 

.pannel .comment-list { position: relative; } 

.pannel .comment-list:not(.mine) { padding-left: 45px; } 

.pannel .comment-list .img { position: absolute; left: 0; top: 0; } 

.pannel .comment-list .img img { width: 40px; border: 2px solid #ddd; border-radius: 50%; } 

.pannel .pannel-footer { padding: 5px; padding-top: 30px; border-top: 1px solid #ddd; background-color: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; } 

.pannel.active { border-color: #FF5722}

.res .pannel { border-color: #ff9800; } 

.res .pannel .date { color: #ff9800; } 

#feed-list .pannel .form-control { font-size: 12px; width: 100%; margin-bottom: 1px; } 

.feed-tool { display: inline-block; position: relative; z-index: 100; cursor: pointer; } 

.ui-widget-header { z-index: 1000; } 


/* SIDE */
#side.ui-droppable{ position:absolute; box-shadow:none; width:auto; padding:10px; top:48px; left:200px; }
#side .menu-list { } 

#side .menu-list li { } 

#side .menu-list li a { display: block; padding: 10px; border-bottom: 1px solid #eaecf2; } 

#side .menu-list li:hover a,
#side .menu-list li.active a { background-color: #e9eef9; } 

#item-wrap { position: relative; padding-right: 300px; } 

#item-wrap .item-search { padding: 10px; } 

#item-wrap .item-search ul { } 

#item-wrap .item-search ul:after { display: block; content: ""; clear: both; } 

#item-wrap .item-search ul li { float: left; width: 33.333%; padding: 5px; } 

#item-wrap .item-search ul li label { display: block; padding: 10px; border: 1px solid #ddd; border-radius: 10px; } 

#item-wrap .item-body { position: absolute; right: 0; top: 5px; width: 300px; padding: 10px; background-color: #f5f5f5; border-radius: 10px; } 

#item-wrap .item-body ul { } 

#item-wrap .item-body ul li { padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 10px; background-color: #fff; } 

#item-wrap .item-body ul li .title { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ddd; } 

.form-wrap { padding: 10px; padding-top: 120px; width:1780px; } 

.form-header { position: fixed; left: 0; top: 0; width:1770px; padding: 10px; margin-bottom: 10px; z-index: 100; } 

.form-header .fix-button { position: fixed; right: 0; bottom: 0; padding: 10px; z-index: 100; width: 120px; } 

.form-header h1.title { font-size: 20px; line-height: 28px; } 

.form-body .title { font-size: 18px; line-height: 28px; font-weight: 400; } 

.form-header .scripts-box {margin-top: 10px; text-align: center; background-color: #4caf50;}

.form-header .scripts-box a {color: #fff; display: block; padding: 5px;  }


/* CLIENT-FORM */
#client-form { } 

#client-form .form-body .box { } 

#client-form .form-body .info-box { float: left; width: 560px; } 

#client-form .form-body .credit-box { float: left; width: 1200px; } 

#log-nav { margin-bottom: 10px; } 

#client-form #log-box { height: 100%; padding: 10px; background-color: #fff; border-radius: 3px; font-size: 12px; } 

#client-form #log-box .log-list { } 

#client-form #log-box .log-item { padding-top: 25px; margin-bottom: 10px; } 

#client-form #log-box .log-item:after { display: block; content: ""; clear: both; } 

#client-form #log-box .log-item .log-content { position: relative; float: left; padding: 5px 10px; background-color: #fff; border-radius: 10px; } 

#client-form #log-box .log-item .log-content .label { position: absolute; left: 5px; top: -28px; } 

#client-form #log-box .log-item .log-content .label .btn { font-size: 12px; } 

#client-form #log-box .log-item .log-content .label .datetime { display: inline-block; min-width: 70px; font-size: 12px; } 

#client-form #log-box .log-item .log-content .msg { } 

#client-form #log-box .log-item.mine { } 

#client-form #log-box .log-item.mine .label { left: auto; right: 5px; } 

#client-form #log-box .log-item.mine .log-content { float: right; background-color: #c1cef0; } 

#log-form { position: relative; } 

#log-form .log-input { display: inline-block; width: 380px; margin-top: 5px; border: 1px solid #aab0b8; } 

#log-form .log-input:focus { outline: none !important; resize: none !important; } 

#log-form .util-box { position: absolute; right: 0; top: 5px; } 

#side #log-box .log-item { margin-bottom: 20px; } 

#side #log-box .log-item .log-content .label { top: -38px; } 

#side #log-box .log-item .log-content { padding-top: 15px; } 

#nice-input { } 


#mchart { position: relative; width: 560px; height: 200px; margin-bottom: 50px; margin-top: 35px; margin-left: 10px; } 

#mchart .mc-list { height: 220px; } 

#mchart .mc-list:after { display: block; content: ""; clear: both; } 

#mchart .mc-list>li { position: relative; float: left; width: 43px; height: 100%; } 

#mchart ul.mc-list { padding: 0; } 

#mchart .mc-list>li:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-right: 1px solid #eaeaea; } 

#mchart .mc-list>li:first-child:after { display: none; } 

#mchart .mc-list>li .point { position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 10; cursor: pointer; } 

#mchart .mc-list>li .point .score { display: inline-block; width: 20px; height: 20px; line-height: 20px; background-color: #3f51b5; color: #fff; border-radius: 50%; font-size: 12px; } 

#mchart .mc-list>li .point .point-val { position: absolute; left: 0; top: 100%; width: 100%; text-align: center; color: #3f51b5; font-weight: bold; } 

#mchart .mc-list>li.active .point .score { background-color: #3f51b5; } 

#mchart .mc-list>li.danger .point .score { background-color: #f44336; } 

#mchart .mc-list>li.danger .point .point-val { color: #f44336; } 


#mchart .mc-list>li .point .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } 

#mchart .mc-list>li .point .label { position: absolute; left: 50%; top: -10px; color: #ff6c6c; text-shadow:
 -1px -1px 0 #fff,
 1px -1px 0 #fff,
 -1px 1px 0 #fff,
 1px 1px 0 #fff; } 

#mchart .mc-list>li .axis { position: absolute; left: 0; bottom: -18px; width: 100%; text-align: center; font-size: 11px; } 

#mchart .mc-list>li .hey { position: absolute; left: 0; top: 234px; width: 100%; text-align: center; cursor: pointer; } 

#mchart .mc-list>li .hey span { display: block; font-size: 10px; font-weight: 500; color: #f36865; } 

#mchart .mc-list>li .hey svg { width: 12px; height: 12px; } 

#mchart .mc-list>li .inner { display: none; position: absolute; left: 100%; bottom: 30px; width: 150px; margin-left: -100px; padding: 10px; border-radius: 10px; background-color: #ffffff9e; border: 1px solid #ededed; font-size: 12px; z-index: 100; } 

#mchart .mc-list>li:hover .inner { display: block; } 

#mchart .mc-line { position: absolute; left: 0; top: 0; width: 100%; height: 220px; border: 1.5px solid #a7a7a7; border-radius: 5px; z-index: 9; } 


/* 예상매출 추이통계 */
.mflow-chart { position: relative; width: 800px; height: 400px; margin-bottom: 40px; } 

.mflow-chart .mc-list { height: 100%; } 

.mflow-chart .mc-list:after { display: block; content: ""; clear: both; } 

.mflow-chart .mc-list>li { position: relative; float: left; height: 100%; } 

.mflow-chart .mc-list>li:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; border-right: 1px dashed #f5f5f5; } 

.mflow-chart .mc-list>li:first-child:after { display: none; } 

.mflow-chart .mc-list>li .point { position: absolute; left: 0; width: 100%; text-align: center; z-index: 10; cursor: pointer; } 

.mflow-chart .mc-list>li .point .score { display: inline-block; width: 15px; height: 15px; line-height: 20px; background-color: #3f51b5; color: #fff; border-radius: 50%; font-size: 12px; } 

.mflow-chart .mc-list>li .point .point-val {display:none; position: absolute; right: 50%; margin-right: 20px; top: 0; text-align: center; color: #3f51b5; font-weight: bold; width: 80px; } 

.mflow-chart .mc-list>li .point .point-name {position: absolute;left: -120px;top: 0;width:20px;height:20px;line-height:20px;border-radius:50%;text-align: center;background-color: #3f51b5;font-weight: bold;color: #fff;} 



.mflow-chart .mc-list>li:first-child .point .point-val { display:block; }

.mflow-chart .mc-list>li.active .point .score { background-color: #3f51b5; } 

.mflow-chart .mc-list>li.danger .point .score { background-color: #f44336; } 

.mflow-chart .mc-list>li.danger .point .point-val { color: #f44336; } 



.mflow-chart .mc-list>li .point .dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; } 

.mflow-chart .mc-list>li .point .label { position: absolute; left: 50%; top: -10px; color: #ff6c6c; text-shadow:
 -1px -1px 0 #fff,
 1px -1px 0 #fff,
 -1px 1px 0 #fff,
 1px 1px 0 #fff; } 

.mflow-chart .mc-list>li .axis { position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size: 20px; color: #aaa; } 

.mflow-chart .mc-list>li .hey { position: absolute; left: 0; top: 220px; width: 100%; } 

.mflow-chart .mc-list>li .hey span { display: block; font-size: 10px; color: #f36767; } 

.mflow-chart .mc-list>li .hey svg { width: 12px; height: 12px; } 

.mflow-chart .mc-list>li .inner { display: none; position: absolute; left: 50%; bottom: 30px; width: 200px; margin-left: -100px; padding: 10px; border-radius: 10px; background-color: #fff; border: 1px solid #ddd; font-size: 12px; z-index: 1000; } 

.mflow-chart .mc-list>li .point:hover .inner { display: block; } 

.mflow-chart .mc-line { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #ddd; z-index: 9; } 


.mflow-chart.focus .mc-list>li .point { opacity: 0.2; } 
 .mflow-chart.focus .mc-line line { z-index:10; opacity:0.05; }

.mflow-chart.focus .mc-list>li .point.active , .mflow-chart.focus .mc-line line.active { opacity: 1; z-index: 1000; }

.mflow-chart.focus .mc-list>li .point.active .point-val {display:block; z-index: 1000; }

.mflow-chart.focus .mc-list>li.active .point.active .score { background-color: #f44336; z-index: 1000; }

.mflow-chart.focus .mc-line line.active {  } 


.mflow-chart .mc-list>li .point .point-tail {display:none; position: absolute; top: -2px; left: 50%; margin-left: 20px; padding: 2px; width: 60px; text-align: center; border-radius: 20px; border: 1px solid #ddd; background-color: #fff; } 

.mflow-chart .mc-list>li .point .point-tail .point-tail-subject { position: absolute; left: 0; bottom: 100%; color: #333; font-size: 10px; } 

.report-active-btn { cursor:pointer; }

/* CHAT BOX */
/* .chat-wrap { background-color: #edf5ff; } 

.chat-wrap-3 { background-color: #d8bfff; } 

.chat-wrap .chat-box { background: #edf5ff; padding: 10px 0; } 

.chat-wrap .chat-form { background-color: #fff; margin-bottom: 0px; } 

.chat-wrap .chat-sammary { background-color: #fff; } 

.chat-wrap .chat-form { position: relative; padding-bottom: 0px; } 

.chat-wrap .chat-form .chat-input { display: block; width: 100%; min-height: 60px; border: none; background-color: #f5f5f5; padding: 5px; } 

.chat-wrap .chat-form .util-box { position: absolute; right: 0; top: 0; width: 120px; } 

.chat-wrap .chat-input-wrap { position: relative; height: 150px; } 

.chat-wrap .chat-form .ps-file-label { position: absolute; right: 5px; bottom: 5px; font-size: 20px; cursor: pointer; color: #3f51b5; } 

.chat-wrap .chat-box .chat-list { padding: 10px; } 

.chat-wrap .chat-box .chat-list .chat-item { margin-bottom: 24px; } 

.chat-wrap .chat-box .chat-list .chat-item:after { display: block; content: ""; clear: both; } 

.chat-wrap .chat-box .chat-list .chat-item .chat-content { position: relative; float: left; max-width: 73%; min-width: 100px; min-height: 40px; padding: 5px; padding-bottom:25px; background-color: #fff; border-radius: 3px; font-size: 12px; margin-left: 56px; box-shadow: 0 0 5px 1px #d9d9d9d9; } 

.chat-wrap .chat-box .chat-list .chat-item.mine .chat-content { float: right; } 

.chat-wrap .chat-box .chat-list .chat-item .chat-content .msg-utils { position:absolute; right:3px; bottom:3px; font-size: 14px; }
.chat-wrap .chat-box .chat-list .chat-item .chat-content .msg-utils a { margin-left:10px; }
.chat-wrap .chat-box .chat-list .chat-item .chat-content .msg-utils .log-push-del-btn { color:#f44336; }
.chat-wrap .chat-box .chat-list .chat-item .chat-content .msg-utils .log-push-modify-btn { color:#009688; }


.chat-wrap .chat-box .chat-list .chat-item .chat-content .label { display: block; position: absolute; left: 100%; bottom: -5px; } 

.chat-wrap .chat-box .chat-list li.chat-item.mine .label { position: absolute; left: 0; } 

.chat-wrap .chat-box .chat-list .chat-item .chat-content .icon-confirm { display: none; position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; background-image: url(/admin/img/icon_confirm.png); background-size: cover; } 

.chat-wrap .chat-box .chat-list .chat-item.mine .chat-content .icon-confirm { right: auto; left: -25px; } 

.chat-wrap .chat-box .chat-list .chat-item.is-confirm .chat-content .icon-confirm { display: inline-block; } 


.chat-wrap .chat-box .chat-list .chat-item .chat-content .datetime,
.chat-wrap .chat-box .chat-list .chat-item .chat-content .status { position: absolute; left: 100%; bottom: 0; text-align: left; width: 65px; font-size: 12px; margin-left: 5px; } 

.chat-wrap .chat-box .chat-list .chat-item .chat-content .status { display: inline-block; border-radius: 5px; text-align: center !important; bottom: 18px; padding: 3px 0; } 

.chat-wrap .chat-box .chat-list .chat-item.mine .chat-content .datetime,
.chat-wrap .chat-box .chat-list .chat-item.mine .chat-content .status { left: auto; right: 100%; margin-left: 0; margin-right: 5px; text-align: right; } 

.chat-wrap .chat-box .chat-list .chat-item:not(.mine) { position:relative; padding-left:45px; } */

/* .chat-wrap .chat-box .chat-list .chat-item:not(.mine) .chat-content .name { position: absolute; left: 0; top: -20px; font-size: 12px; } 

.chat-wrap .chat-box .chat-list .chat-item:not(.mine) .img { position: absolute; left: 14px; } 

.chat-wrap .chat-box .chat-list .chat-item:not(.mine) .img img { width: 40px; border: 1px solid #ddd; border-radius: 50%; background:#fff; } 

.chat-wrap .chat-box .chat-list .chat-item .name { position: absolute; left: -9px; bottom: -15px; font-size: 11px; width: 55px; text-align: center; }  */ */

/* LIST */
#list-top { margin-bottom: 10px; } 

#list-top:after { display: block; content: ""; clear: both; } 

#list-search { margin-bottom: 10px; border-radius: 15px; border: 1px solid #ddd; margin-bottom: 10px; -webkit-box-shadow: 2px 5px 9px -2px rgba(0, 0, 0, 0.2); box-shadow: 2px 5px 9px -2px rgba(0, 0, 0, 0.2); } 

#list-search .table { background-color: #fefff5; } 

#list { margin-bottom: 400px; } 

#list-con .list-header th { background-color: #1c2e3a; color: #fff; border-color: #525f67; } 

#status-entry-today-box { float: left; width: 1030px; margin-right: 10px; margin-bottom: 10px; } 

#reception #status-entry-box { float: left; width: 750px; height: 420px; margin-right: 10px; } 

#log-box { float: left; width: 250px; height: 420px; margin-right: 10px; margin-bottom: 10px; } 

#push-box { float: left; width: 610px; height: 420px; margin-bottom: 10px; } 

#talk-box { float: left; width: 640px; height: 900px; margin-bottom: 10px; } 

#utills-box { float: right; width: 160px; height: 830px; margin-bottom: 10px; } 

#reapp-box { height: 370px; margin-bottom: 10px; } 

#today-box { height: 420px; margin-bottom: 10px; clear: both; } 

#compare-box { float: left; width: 360px; height: 420px; margin-right: 10px; margin-bottom: 10px; } 

#confirm-box { float: left; width: 550px; height: 420px; margin-bottom: 10px; } 

#status-box { height: 520px; margin-bottom: 10px; } 

#reception #status-box { height: 420px; } 


#status-box .stack-chart { border: 1px solid #fff; height: 12px; } 

#status-box .stack-chart .stack-item { height: 12px; font-size: 6px; } 

#status-box .stack-chart .stack-item:after { display: none; } 

#status-box { } 

#status-box .card-body { } 

#status-box .status-inner { width: 100%; height: 100%; } 

#status-box .status-wrap { position: relative; width: 200%; height: 100%; } 

#status-box .status-wrap #status-con { position: absolute; left: 0; top: 0; width: 50%; } 

#status-box .status-wrap #reply-status-con { position: absolute; left: 50%; top: 0; width: 50%; } 


#status-box .status-wrap .today-goal-rate { position: absolute; right: 80px; top: 180px; line-height: 1; text-align: center; } 

#status-box .status-wrap .today-goal-rate .title { display: block; font-size: 12px; } 

#status-box .status-wrap .today-goal-rate .rate { display: block; font-size: 16px; font-weight: bold; color: #002ef0; } 

.status-search-more-btn.active i { transform: rotate(180deg); } 

.status-search-more { display: none; } 

.status-search-more.open { display: block; } 


#new-status-box { margin-bottom: 10px; } 

#new-status-box .status-wrap .status-search-more-btn.active i { transform: rotate(180deg); } 

#new-status-box .status-wrap .status-search-more { display: none; } 

#new-status-box .status-wrap .status-search-more.open { display: block; } 

.wrap-type-2 { } 

.wrap-type-2 #reapp-con .client-stats .scrollbar-inner { max-height: 250px; } 

.wrap-type-2 #reapp-con .reapp-stats .scrollbar-inner { max-height: 250px; } 

.client-del-btn { display: inline-block; width: 13px; height: 13px; border-radius: 2px; position: relative; } 

.reception-card-del-btn { display: inline-block; width: 13px; height: 13px; border-radius: 2px; position: relative; top:-1px; line-height:13px; } 

.client-app-copy-btn { position: absolute; right: 0; top: -2px; color: #f44336; background: url(db-copy.png) no-repeat; height: 30px; width: 25px; } 

.btn-copied { position: absolute; right: 0; top: 3px; color: #1f3ea0; } 

.btn-navy { background: #00187e; color: #fff; } 

a.btn-navy { background: #00187e; color: #fff; padding: 5px 20px; border-radius: 5px; } 

/* scroll-bar */
#log-con .scrollbar-inner { max-height: 360px; } 

.push-inner .scrollbar-inner { max-height: 300px;} 

#push-con .scrollbar-inner { max-height: 320px; } 

#six-con .scrollbar-inner { max-height: 120px; } 

.chat-box .scrollbar-inner { max-height: 400px; } 

#today-con .scrollbar-inner { max-height: 300px; } 

#members-con .scrollbar-inner { } 

#compare-con .scrollbar-inner { padding-top: 10px; max-height: 360px; } 

#process-con .scrollbar-inner { max-height: 600px; } 

#feed-list .scrollbar-inner { max-height: 550px; } 

#rp-choice .scrollbar-inner { max-height: 600px; } 

#stats-call-teacher { margin-left:40px; padding-bottom:10px; }

.talk .talk-list .scrollbar-inner { max-height: 670px; } 

.talk .talk-content-body .scrollbar-inner { max-height: 100%; } 

.card-full,
.card-full .card-body { height: 100%; } 
.card-body:after{ content:''; clear:both; display:block; }
.status-control .cnt-btn { font-size: 13px; } 

.talk-setting .scrollbar-inner { max-height: 600px; } 


#status-con { position: relative; } 

.status-content ul { position: relative; } 

.status-content .status-list>li { position: absolute; left: 0; top: 0; width: 110px; padding: 3px; } 

.status-content .status-list>li.none { } 

.status-content .status-list>li .st-item { position: relative; display: block; padding: 2px 5px; color: #fff; font-size: 13px; border-radius: 3px; cursor: pointer; } 

.status-content .status-list>li .st-item .tooltip-inner { display: none; position: absolute; left: 0; bottom: 100%; color: #333; text-align: center; width: 100%; background-color: #333; padding: 3px; border-radius: 3px; color: #fff; } 

.status-content .status-list>li .st-item:hover .tooltip-inner { display: block; } 

.status-wrap .tooltip-wrap { position: relative; } 

.status-wrap .tooltip-wrap .tooltip-inner { display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 0px; background-color: #333; color: #fff; border-radius: 10px; text-align: center; z-index: 100; } 

.status-wrap .tooltip-wrap:hover .tooltip-inner { display: block; } 


.status-content .status-list>li .st-item .data-inner { display: none; position: absolute; left: 100%; top: 0; padding: 5px; background-color: #424549; border-radius: 5px; width: 120px; border-radius: 50%; z-index: 100; color: #fff; font-size: 11px; } 

.status-content .status-list>li .st-item .data-inner ul li { } 

.status-content .status-list>li .st-item .data-inner ul li:after { display: block; content: ""; clear: both; } 

.status-content .status-list>li .st-item .data-inner ul li .subject { float: left; } 

.status-content .status-list>li .st-item .data-inner ul li .cnt { float: right; } 

.status-content .status-list>li .st-item:hover>.data-inner { display: block}

.status-content .status-list>li .st-item .data-inner ul li:hover { background-color: rgba(255, 255, 255, .2); } 

.status-content .status-list>li .st-item .data-inner ul li:hover .data-inner { display: block; width: auto; } 

.status-content .status-list>li .st-item .data-inner .status-pie { position: relative !important; } 

.status-content .status-list>li.mommy:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #ff9800; } 


.status-content .status-list>li .st-item .detail-inner { color: #333; } 

.status-content ul li>.st-item { margin-bottom: 3px; } 

.status-content ul li .st-item .subject { display: block; font-weight: 500; } 

.status-content ul li .st-item .cnt { display: block; height: 19px; } 

.status-content ul li .st-item .cnt .ps { float: right; } 

.status-content ul li .st-item .rate { position: absolute; right: 5px; top: 3px; width: 30px; padding: 0 2px; font-size: 11px; letter-spacing: 0; } 

.status-content ul li .st-item .rate span { display: block; } 

.status-content ul li .st-item .inner { border-top: 1px solid rgba(255, 255, 255, .5); margin-top: 2px; } 

.status-content ul li .st-item .inner:after { display: block; content: ""; clear: both; } 

.status-content ul li .st-item .st-item { clear: both; padding: 1px; color: #fff; font-size: 12px; min-height: 21px; } 

.status-content ul li .st-item .st-item:before { display: inline-block; content: "▶"; float: left; font-size: 10px; margin-right: 3px; } 

.status-content ul li .st-item .st-item:after { display: block; content: ""; clear: both; } 

.status-content ul li .st-item .st-item .subject { float: left; font-weight: 500; } 

.status-content ul li .st-item .st-item .cnt { float: right; } 

.status-content ul li .st-item .st-item .rate { display: none; position: absolute; right: 100%; top: 0; width: 60px; border-radius: 3px; padding: 3px 5px; z-index: 100; } 

.status-content ul li .st-item .st-item .rate span { display: inline-block; } 

.status-content ul li .st-item:hover { background-color: rgba(255, 255, 255, .2); } 

.status-content ul li .st-item:hover .st-item .rate { display: block; } 

.status-content ul li .st-item.fail { border: 1px solid #333; } 

.status-content ul li .st-item.fail span { display: block; color: #333 !important; } 

.status-content ul li .st-item.fail span.subject { } 

.status-content ul li .pie { position: absolute; left: 100%; } 

.status-content ul li .pie.pos-bottom { top: 100%; } 

.status-content ul li .pie.pos-top { bottom: 100%; } 

.status-content ul li .st-item.fail .status-pie { width: 100px; height: 100px; z-index: 100; } 

.status-content ul li .sch-none-label { position: absolute; top: 100%; left: 0; width: 100%; padding: 2px; border-radius: 3px; border: 1px solid #888; color: #333; font-size: 12px; text-align: center; } 

.status-content ul li .sch-none-label input { position: relative; top: -1px; } 


.out-status-content { } 

.out-status-content .out-status-list { position: relative; margin-top: 60px; } 

.out-status-content .out-status-list li { position: absolute; padding: 0 5px; } 

.out-status-content .out-status-list li a { position: relative; display: block; padding: 3px 0; color: #fff; font-size: 12px; text-align: center; border-radius: 5px; } 

.out-status-content .out-status-list li a .name { } 

.out-status-content .out-status-list li a .cnt { } 

.out-status-content .out-status-list li a .rate { position: absolute; left: 0; top: -20px; width: 100%; text-align: center; } 


.status-list,
.out-status-list { height: 320px; border-bottom: 2px dashed #ddd; } 




#log-con { } 

#log-con ul li { padding: 5px 0; font-size: 13px; border-top: 1px solid #ddd; } 

#log-con ul li:first-child { border: none; } 

#log-con ul li .time { float: right; font-size: 12px; } 

#stats-box { } 

#stats-box .stats-table-row { } 

#stats-box .stats-table-row:after { display: block; content: ""; clear: both; } 

#stats-box .stats-table-row .stats-table { float: left; text-align: center; } 

#stats-box .stats-table-row .stats-table-1 { margin-right: 10px; } 

#stats-box .stats-table-row .stats-table-2 { margin-right: 10px; } 

#stats-box .stats-table-row .stats-table-3 { margin-right: 10px; } 

#stats-box .stats-table-row .stats-table tr th { position: relative; width: 48px; } 

#stats-box .stats-table-row .stats-table tr th .gragh-btn { position: absolute; left: 50%; top: -10px; margin-left: -12px; display: inline-block; padding: 0px 6px; border-radius: 15px; background-color: #6a88e0; color: #fff; line-height: 1; } 

#stats-box .stats-table-row .stats-table tr th .rate { position: absolute; left: 0; top: -28px; width: 100%; text-align: center; color: #6a88e0; } 

#stats-box .stats-table-row .stats-table tr th .margin-rate { position: absolute; left: 0; top: -40px; width: 100%; text-align: center; color: #6a88e0; font-size: .9em; } 

#push-con { } 

#push-con table { text-align: center; } 

#confirm-control { position: relative; } 

#push-control { position: relative; } 

#pd-stats-box { position: absolute; right: 5px; top: 5px; } 

#pd-stats-box ul { } 

#pd-stats-box ul:after { display: block; content: ""; clear: both; } 

#pd-stats-box ul li { float: left; padding: 0 2px; text-align: center; } 

#pd-stats-box ul li .gragh-btn { display: inline-block; padding: 0px 6px; border-radius: 15px; background-color: #6a88e0; color: #fff; line-height: 1; } 

#pd-stats-box ul li .gragh-btn i { position: relative; top: -2px; font-size: 10px; } 

#pd-stats-box ul li .info { display: block; padding: 0px 5px; font-size: 12px; line-height: 1; } 



#rc-stats-box { position: absolute; right: 60px; top: 5px; } 

#rc-stats-box ul { } 

#rc-stats-box ul li { padding: 2px 0; } 

#rc-stats-box ul li .gragh-btn { display: inline-block; padding: 0px 6px; border-radius: 15px; background-color: #6a88e0; color: #fff; line-height: 1; } 

#rc-stats-box ul li .gragh-btn i { position: relative; top: -2px; font-size: 10px; } 

#rc-stats-box ul li .info { display: block; padding: 0px 5px; font-size: 14px; line-height: 1; } 

#rc-stats-pie { position: absolute; right: 5px; top: 5px; width: 50px; } 

#rc-stats-pie .title { font-size: 10px; text-align: center; } 

#six-con { } 

.log-list-view { } 

#compare-con { } 

#compare-box tr th { position: relative; } 

#compare-box tr th .gragh-btn { position: absolute; left: 50%; top: -10px; margin-left: -12px; display: inline-block; padding: 0px 6px; border-radius: 15px; background-color: #6a88e0; color: #fff; line-height: 1; } 

#compare-box tr th .gragh-btn i { position: relative; top: -2px; font-size: 10px; } 

#compare-box tr td.poten { } 

#compare-box tr td.poten span.poten-item { position: relative; line-height: 1; } 

#compare-box tr td.poten span.poten-item span { position: relative; z-index: 10; } 

#compare-box tr td.poten span.poten-item:after { display: none; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #fff471; } 

#compare-box tr td.poten.is_rp4 { background-color: rgba(220, 126, 50, .1); } 

#compare-box tr td.poten.is_rp7 { background-color: rgba(231, 50, 50, .1); } 

#compare-box tr td.poten.is_rp10 { background-color: rgba(38, 182, 180, .1); } 

#compare-box tr td.poten.is_rp11 { background-color: rgba(51, 102, 230, .1); } 

#compare-box tr td.poten.is_rp4 { background-color: rgba(220, 126, 50, .1); } 

#compare-box tr td.poten.is_rp7 { background-color: rgba(220, 126, 50, .1); } 

#compare-box tr td.poten.is_rp10 { background-color: rgba(220, 126, 50, .1); } 

#compare-box tr td.poten.is_rp11 { background-color: rgba(220, 126, 50, .1); } 



#confirm-con { } 

.status-select { color: #fff !important; } 

.status-select option { background-color: #fff; color: #666; } 

.member-status { } 

.member-status .label-list .content { padding-right: 15px; } 


/* LIST */

/* MEMBERS */
#members { } 

#members .div-btn { float: right; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; color: #fff; background-color: #f36767; border-radius: 50%; font-size: 10px; } 

.member-control { position: relative; display: inline-block; width: 90px; } 

.member-control input { width: 90px; } 

.member-control .control-guide { position: absolute; left: 100%; top: 0; width: 630px; padding: 10px; border: 1px solid #ddd; background-color: #fff; z-index: 100; font-size: 14px; } 

.member-control .control-guide.left { left: auto; right: 100%}

.member-control .control-guide .guide-row { padding: 3px 0; } 

.member-control .control-guide .guide-row:after { display: block; content: ""; clear: both; } 

.member-control .control-guide .guide-row .title { float: left; width: 40px; border: 1px solid #ddd; text-align: center; background-color: #f5f5f5; } 

.member-control .control-guide .guide-row .guide-list { float: left; } 

.member-control .control-guide .guide-row .guide-list li { float: left; padding: 0 3px; margin-left: 5px; border: 1px solid #ddd; } 

.member-control .control-guide .guide-row .guide-list li.active { border: 1px solid #e73232; color: #e73232; } 


/* STATUS */
.st-wrap { position: relative; } 

.st-list { position: relative; height: 170px; } 

.st-list .st-item { display: inline-block; position: absolute; padding: 0 3px; padding-top: 10px; } 

.st-list .st-item.st-all .cnt-btn { display: block; background-color: #e91e63; } 

.cnt-btn { position: relative; display: inline-block; color: #fff; padding: 2px; width: auto; border-radius: 10px; color: #fff !important; } 

.cnt-btn:after { display: block; content: ""; clear: both; } 

.cnt-btn span { display: block; float: left; text-align: center; } 

.cnt-btn .subject { width: 60%; } 

.cnt-btn .cnt { display: block; float: right; letter-spacing: 0; margin-left: 15px; } 

.cnt-btn .new { position: absolute; left: -3px; top: -10px; padding: 0 5px; background-color: #ff4545; color: #fff; border-radius: 15px; font-size: 12px; } 

.cnt-btn .rate { position: absolute; right: 8px; top: -15px; font-weight: 700; font-size: 12px; } 

.st-list .chart { position: absolute; left: 0; top: -35px; width: 100%; text-align: center; } 

.st-list .chart img { width: 30px; } 

.st-chart { position: absolute; right: 40px; top: 40px; text-align: center; font-size: 12px; } 

.st-chart img { width: 70px; } 



/* MEMBERS */
.members-wrap { } 

.members-wrap .cnt-btn { width: 100px; } 

.box-row { margin-bottom: 5px; } 

.box-row:after { display: block; content: ""; clear: both; } 

.box-col { float: left; margin-right: 2px; } 

.cnt-btn.mb-all { background-color: #3e414a; } 

.cnt-btn.mb-team { background-color: #aa28a2; } 

.cnt-btn.mb-part { background-color: #e44242; } 

.cnt-btn.mb-group { background-color: #4287e4; } 

.cnt-btn.mb-no { background-color: #fff; color: #707070 !important; border: 1px solid #707070; } 

.cnt-btn.mb-no .cnt { background-color: #707070; border-color: #707070; } 

.cnt-btn.mb-no.active,
.cnt-btn.mb-no:hover { background-color: #3cab3a; color: #fff !important; border: 1px solid #3cab3a; } 

.cnt-btn.mb-no.active .cnt,
.cnt-btn.mb-no:hover .cnt { border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(0, 0, 0, .2); } 


/* LOAD-WRAP */
.form-nav { text-align: center; margin-bottom: 0; } 

.form-nav .inner { display: inline-block; padding: 0; border-radius: 15px; font-size: 10px; } 

.form-nav .nav-control { position: relative; top: 3px; } 


/* COMPARE */
#compare-list { } 

#compare-chart { } 

#compare-data { } 

#compare-list .compare-wrap { background-color: #fefff6; } 

#compare-list .compare-box { min-height: 204px; } 

#compare-list .compare-box table { background-color: #fff; } 


.chart-control { padding: 10px; text-align: center; } 

#compare-chart { display: none; } 

#compare-chart.open { display: block; } 

#compare-con .dot-wrap { position: relative; } 

#compare-con .dot-list { position: absolute; left: 0; top: 0; width: 100%; height: 5px; line-height: 1; } 

#compare-con .dot-list span { float: left; display: block; width: 25%; height: 100%; opacity: 0; } 

#compare-con .dot-list span.dot_st4 { background-color: #dc7e32; } 

#compare-con .dot-list span.dot_st7 { background-color: #e73232; } 

#compare-con .dot-list span.dot_st10 { background-color: #26b6b4; } 

#compare-con .dot-list span.dot_st11 { background-color: #3366e6; } 

#compare-con .dot-list span.active { opacity: 0; } 


.match-control { cursor: pointer; } 

.match-control.active td,
.match-control.active th { background-color: #fcffd2; } 

.match-control.parent,
.match-control.parent th { background-color: #ffe8f0; } 

.match-control.son,
.match-control.son th { background-color: #e9ffcf; } 



/* RSIDE SWIPE */
.swipe-control { text-align: center; margin-bottom: 20px; margin-left: -5px; margin-right: -5px; } 

.chart-group .inner { display: none; padding: 5px 10px; border: 1px solid #ddd; border-radius: 10px; } 


.log-list { height: 263px; } 

.log-list li { font-size: 12px; padding: 7px 0; border-top: 1px solid #ddd; } 

.log-list li:first-child { border: none; } 


.out-log { border: 1.5px solid #1f3ea0; height: 30px; line-height: 21px; padding: 3px 0 3px 10px; text-align: left; border-radius: 5px; background:#fff; } 

.out-log .datetime { float: right; } 

.out-log-rp { border-color: #efb550; height: 50px; line-height: 50px; text-align: left; } 

.out-log-sm { padding: 1px; border-width: 1px; } 

.out-log-bg2 { background-color: transparent; background-color: #f2f6ff; border: none; } 

.out-log-bg1 { background-color: transparent; background-color: #fdfada; border: none; } 

.out-log-row { } 

.out-log-row:after { display: block; content: ""; clear: both; } 

.out-log-row .out-log-half { width: 50%; float: left; } 

.out-log .is-new { display: inline-block; float: right; width: 20px; height: 20px; background-color: #e91e63; color: #fff; border-radius: 50%; font-size: 12px; text-align: center; } 

.stats-area { padding-top: 10px; } 


#log-box .log-list { } 

#log-box .log-list li { } 


.table-sm .out-log { height: 24px; line-height: 18px; } 



/* FORM-BOX */
#form-box { padding: 10px; } 



/* RECEPTION */

#reception-form:after { display: block; content: ""; clear: both; } 

#rp-list { float: left; width: 800px; padding: 10px; } 

#rp-form { position: fixed; right: 10px; top: 67px; width: 590px; padding: 10px; } 



#rp-list .rp-group ul:after { display: block; content: ""; clear: both; } 

#rp-list .rp-group ul li { float: left; width: 33.333%; padding: 2px; } 

#rp-list .rp-group ul li .label-box { position: relative; display: block; border: 1px solid #dddd; border-radius: 5px; } 

#rp-list .rp-group ul li .label-box input[type=checkbox] { position: absolute; left: 5px; top: 9px; } 

#rp-list .rp-group ul li .label-box label { display: block; padding: 5px 10px; padding-left: 20px; } 

#rp-list .rp-group ul li .label-box input[type=checkbox]:checked+label { background-color: #ebf6ff; } 

#rp-list .item-cert-link { padding: 0px 4px; color: #4c6ef5; border: 1px solid #4c6ef5; border-radius: 5px; } 

#rp-list .rp-group ul li .label-box .subject { display: block; margin-bottom: 25px; } 

#rp-list .rp-group ul li .label-box .utils { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px; display: flex; justify-content: flex-end; gap:5px; }

#rp-choice ul li { margin-bottom: 5px; } 

#rp-choice .rp-choice-item { 
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative; 
  padding: 5px; 
  font-size: 14px; 
  border: 1px solid #ddd; 
} 

#rp-choice .rp-choice-item .subject { font-size:18px; } 

#rp-choice .rp-choice-item .del-btn { position: absolute; right: 5px; top: 0; color: #666; }

#rp-choice .rp-choice-item .IconBox { display: flex;  gap: 10px; }

#rp-choice .rp-choice-item .IconBox .addPlan {width:24px; cursor: pointer; }

#rp-choice .rp-choice-item .IconBox .hidden { display: none; }

#rp-choice .rp-choice-item input[type=text] { 
  width: 150px;
  height: 30px; 
  padding: 0px 10px;
  border: solid 1px #adb5bd;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 12px; 
} 

#rp-choice .rp-choice-item .planContainer { display: flex; flex-direction: column; gap: 10px; }

#rp-choice .rp-choice-item .planContainer.hidden {display:none;}

#rp-choice .rp-choice-item .planBox,
#rp-choice .rp-choice-item .receptionBox { display: flex; gap: 10px; }

#rp-choice .rp-choice-item .hr-line { height: 1px; background-color: #ddd; }

#rp-choice .rp-choice-item .inputBox { 
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px; 
}

#rp-choice .rp-choice-item .unit {
  position: absolute;
  font-size: 12px;
  padding: 6px 10px;
  right: 0;
  bottom: 0;
  color: #495057; 
} 

.pop-wrap { padding: 10px; } 

#reception-form-list { } 

#reception-form-list .confirm-submit { opacity: .2; } 

#reception-form-list .confirm-submit.active { opacity: 1; color: #F44336 !important; } 


.item-div-submit { font-size: 12px; } 

.item-div-list { } 

.item-div-list li { display: inline-block; border: 1px solid #ddd; margin-right: 2px; margin-bottom: 3px; padding: 3px 7px; border-radius: 2px; font-size: 12px; background-color: #f5f5f5; } 


.change-status { cursor: pointer; position: relative; } 

.change-status ul { display: none; position: absolute; left: 100%; top: 0; width: 100px; background-color: #fff; z-index: 10; } 

.change-status ul li a { display: block; padding: 3px; color: #fff; } 

.change-status:hover ul { display: block; } 

.exp-btn { cursor: pointer; background-color: #f3f5ff; } 

#exp-tab { position: absolute; right: 5px; top: 0px; } 

#exp-tab p { margin-bottom: 1px; } 

#chart-exp { position: absolute; right: 5px; top: 20px; } 

.div-stats { font-size: 12px; border: 1px solid #ddd; margin-bottom: 5px; padding: 5px; } 

.div-stats strong,
.div-stats span { margin-right: 3px; } 

.change-sort { position: relative; } 

.change-sort span { position: relative; z-index: 2; } 

.change-sort:after { display: none; content: ""; position: absolute; left: 0; width: 100%; height: 4px; background-color: #ffa7bb; z-index: 0; } 

.change-sort.active:after { display: block; } 

.change-sort.active.DESC:after { top: 0; } 

.change-sort.active.ASC:after { bottom: 0; } 

#members-con { } 

#members-con .members-title { font-size: 13px; } 

#members-con .stack-form { border-bottom: 1px solid #ddd; padding-bottom: 10px; } 

#members-con .members-list { padding: 0 5px; padding-top: 20px; } 

#members-con .members-history-list .members-title { font-size: 12px; margin-bottom: 0; } 

#ex-loan { font-size: 12px; } 

#ex-loan .form-control { font-size: 12px; }

#ex-loan .matches {border: 2px solid #ff9800;}

.calc-remain { background-color: #e7fffe; } 

.calc-mpay { background-color: #fffacc; } 

.calc-repay.active { background-color: #fee7ff; } 

.is-change { border: 2px solid #6ab55d !important; background-color: #f3fff8 !important; } 

.calc-wrap .form-control.form-required { } 

.calc-wrap .form-control.form-required.form-required-active { border: 2px solid #f36767 !important; background-color: #ffe7e7 !important; } 

.tr-cash .td-cash { opacity: 0; } 

.tr-cash .td-cash * { display: none; } 

.chat-ly-btn { display: block; position: relative; } 

.chat-ly { display: none; position: absolute; left: 0; bottom: 100%; width: 300px; height: 200px; padding: 10px; background-color: #fff; border-radius: 5px; } 

.chat-ly-btn { display: block; position: relative; } 

.chat-ly-btn>.datetime { position: absolute; right: 30px; top: 0px; } 

.chat-ly-btn .time-wrap { color: #000; } 

.chat-ly-btn>.pre-view { position: absolute; right: -2px; top: -4px; color: #fff; height: 29px; width: 30px; background: #1f3ea0; border-radius: 0 5px 5px 0; text-align: center; line-height: 30px; } 

.chat-ly-btn .chat-hover-inner { display: none; position: absolute; left: -12px; top: 22px; width: 490px; z-index: 100; } 

.chat-ly-btn:hover .chat-hover-inner { display: block; } 

#pop-ly { position: absolute; left: 0; top: 0; z-index: 1000; } 

#pop-ly .pop-content { position: absolute; border: 1px soli #ddd; } 

#pop-ly .fix-pop-content { position:fixed; }

#pop-ly .pop-content .pop-close { position: absolute; left: 52px; top: -30px; font-size: 22px; color: #ff9800; } 


.working-btn { display: inline-block; float: right; width: 22px; height: 22px; line-height: 22px; text-align: center; background-color: #ddd; color: #333 !important; border-radius: 50%; font-size: 12px; margin-right: 5px; } 

.working-btn.active { background-color: #ff4d4d; color: #fff !important; } 

#process-con { padding: 5px; } 

#process-con .process-stats { position: relative; font-size: 12px; background-color: #0e1821; color: #fff; padding: 5px 0; margin-bottom: 10px; text-align: center; } 

#reception #process-con .process-stats { color: #fff; border-color: #fff; } 

#process-con ul li:nth-child(odd) .pannel { background-color: #123350; } 

#process-con .pannel { font-size: 12px; } 

#process-con .pannel .new { display: inline-block; width: 18px; height: 18px; text-align: center; line-height: 18px; background-color: #f36767; color: #fff; border-radius: 50%; font-size: 12px; } 

#process-con .pannel .status { float: right; } 

#process-con .pannel .process-del-btn { position: absolute; left: 5px; top: 20px; font-size: 16px; color: #fd7e14; } 

.process-tab { margin-bottom: 10px; } 

.process-tab:after { display: block; content: ""; clear: both; } 

.process-tab li { width: 50%; float: left; padding: 3px; } 

.process-tab li .label-btn label { position: relative; padding: 0 8px; } 

.process-tab li .label-btn .cnt { float: right; } 

.process-tab li .label-btn .new { position: absolute; right: -6px; top: -7px; display: inline-block; width: 14px; height: 14px; line-height: 14px; font-size: 10px; background-color: #e73232; color: #fff; text-align: center; border-radius: 50%; } 

.comment { font-size: 12px; } 

.comment .comment-list { position: relative; margin-bottom: 5px; padding: 0 5px; } 

.comment .comment-list .status { float: right; } 

.comment .comment-list:after { display: block; content: ""; clear: both; } 

.comment .comment-list .inner { display: block; max-width: 90%; float: left; padding: 5px; border-radius: 5px; min-height: 40px; } 

.comment .comment-list .inner p { margin-bottom: 0; } 

.comment .comment-list.mine .inner { float: right; } 



.move-btn { float: right; } 


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: none; } 


.talk { position: relative; height: 100%; font-size: 12px; } 

.talk .talk-setting { display: none; position: absolute; right: 100%; top: 0; width: 180px; z-index: 100; } 

.talk .talk-setting.open { display: block; } 

.talk .talk-setting .inner { padding: 5px; background-color: #fff; border-radius: 10px; border: 1px solid #ddd; } 

.talk .talk-setting .inner { } 

.talk .talk-setting .inner .check-list { } 

.talk .talk-setting .inner .check-list ul { min-height: 40px; padding: 5px 0; } 

.talk .talk-setting .inner .check-list ul:after { display: block; content: ""; clear: both; } 

.talk .talk-setting .inner .check-list ul li { float: left; margin-right: 5px; position: relative; } 

.talk .talk-setting .inner .check-list ul li .img { display: inline-block; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ddd; } 

.talk .talk-setting .inner .check-list ul li .img img { width: 100%; border-radius: 50%; } 

.talk .talk-setting .inner .check-list ul li .check-del { position: absolute; right: 0; top: -5px; color: #333; } 

.talk .talk-setting .inner .member-list { margin-bottom: 5px; padding: 5px 0; } 

.talk .talk-setting .inner .member-list li { } 

.talk .talk-setting .inner .member-list li.group { padding: 10px 0; margin-bottom: 5px; font-size: 14px; border-bottom: 1px solid #ddd; font-weight: bold; } 

.talk .talk-setting .inner .member-list li input { display: none; } 

.talk .talk-setting .inner .member-list li label { position: relative; display: block; padding-left: 40px; line-height: 40px; font-size: 14px; } 

.talk .talk-setting .inner .member-list li label .circle { display: inline-block; position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; border-radius: 50%; border: 4px solid #ddd; } 

.talk .talk-setting .inner .member-list li label input:checked+.circle { border-color: #6b4c9c; } 

.talk .talk-setting .inner .member-list li label .img { display: inline-block; position: absolute; left: 5px; top: 5px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ddd; } 

.talk .talk-setting .inner .member-list li label .img img { display: block; width: 100%; border-radius: 50%; } 

.talk .talk-setting .inner .talk-setting-submit { display: block; padding: 5px; text-align: center; background-color: #6b4c9c; color: #fff; border-radius: 5px; } 

.talk .talk-form { } 

.talk .talk-form .talk-search-input { width: 200px; } 

.talk .talk-form .switch-btns { border-radius: 30px; border: 1px solid #cdd8ea; } 

.talk .talk-form .switch-btns:after { display: block; content: ""; clear: both; } 

.talk .talk-form .switch-btns .label-btn { display: block; float: left; width: 50%; border-radius: 30px; color: #fff; text-align: center; } 

.talk .talk-form .switch-btns .label-btn .btn { border: none; } 

.talk .talk-list { float: left; width: 278px; height: 530px; } 

.talk .talk-content { position: relative; float: left; width: 340px; height: 809px; padding: 54px 8px 0 10px; background-image: url(/img/talk/talk_bg.png); } 

.talk .talk-list #talk-list-header .title { position: relative; margin-bottom: 10px; cursor: pointer; } 

.talk .talk-list #talk-list-header .title:after { display: block; content: ""; clear: both; } 

.talk .talk-list #talk-list-header .title img { width: 70px; } 

.talk .talk-list #talk-list-header .talk-list-btns { } 

.talk .talk-list #talk-list-header .talk-list-btns .label-btn .btn { padding: 0 5px; } 


.talk .talk-list #talk-list-con .title:after { display: block; content: ""; clear: both; } 

.talk .talk-list>.inner { background-color: #fff; height: 780px; } 

.talk .talk-content>.inner { position: relative; height: 100%; } 


.talk .talk-list .inner ul li { border-top: 1px solid #ddd; } 

.talk .talk-list .inner ul li a { position: relative; display: block; padding: 8px 5px; padding-left: 50px; } 

.talk .talk-list .inner ul li .circle { position: absolute; left: 5px; top: 5px; width: 40px; height: 40px; padding-top: 17px; border-radius: 50%; background-color: #fff; border: 2px solid #ccb0e6; text-align: center; font-size: 14px; } 

.talk .talk-list .inner ul li .circle .per { font-size: 10px; } 

.talk .talk-list .inner ul li .circle .value { position: absolute; left: 0; top: 0; width: 100%; text-align: center; font-size: 12px; border-bottom: 1px solid #6b4c9c; color: #7160c4; font-weight: 600; } 

.talk .talk-list .inner ul li .circle .label { position: absolute; left: 0; top: 18px; width: 100%; text-align: center; font-size: 10px; color: #7160c4; } 

.talk .talk-list .inner ul li .circle.circle-part { border-color: #e2afaf; } 

.talk .talk-list .inner ul li .circle.circle-part .value { color: #c46060; border-color: #c46060; } 

.talk .talk-list .inner ul li .circle.circle-part .label { color: #c46060; } 




.talk .talk-list .inner ul li .img { position: absolute; left: 5px; top: 5px; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; text-align: center; font-size: 14px; } 

.talk .talk-list .inner ul li .img img { border-radius: 50%; width: 100%; } 

.talk .talk-list .inner ul li .img .crown { position: absolute; right: -3px; top: -3px; font-size: 12px; color: #e63fe1; } 

.talk .talk-list .inner ul li.active,
.talk .talk-list .inner ul li:hover { background-color: #e4d9f9; } 

.talk .talk-list .talk-list-btns { } 

.talk .talk-list .talk-list-btns a { font-size: 12px; padding: 0 4px; border-radius: 15px; } 

.talk .talk-list a.talk-setting-btn { display: inline-block; padding: 0px 12px; background-color: #6b4c9c; color: #fff; } 

.talk .talk-list .inner ul li .img .member-list li { padding: 3px; border-top: 1px solid #ddd; } 

.talk .talk-list .inner ul li .img .member-list li:first-child { border: none; } 

.talk .talk-list .inner ul li .img .member-list li img { width: 20px; } 

.talk .talk-list .inner ul li .img .member-list li .results { float: right; } 

.talk .talk-list .inner ul li:hover .img .member-list { display: block; } 

.talk .talk-list .inner ul li a>.sub { display: block; } 

.talk .talk-list .inner ul li a>.sub .subject { } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-1 { color: #333; } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-2 { color: #ff8001; } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-3 { color: #333; } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-4 { color: #ff8001; } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-5 { color: #002ef0; } 

.talk .talk-list .inner ul li a>.sub .jnt-list-subject-3-6 { color: #002ef0; } 


.talk .talk-list .inner ul li a>.sub .mb-cnt { color: #888; } 

.talk .talk-list .inner ul li a>.datetime { position: absolute; right: 10px; top: 8px; font-size: 12px; } 

.talk .talk-list .inner ul li a>.results { position: absolute; right: 10px; top: 25px; } 

.results-total { color: #666; } 

.results-up { color: #2660e2; } 

.results-down { color: #e22626; } 

.talk .talk-list .inner ul li:first-child { border: none; } 

.talk .talk-content .talk-content-header { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; } 

.talk .talk-content .talk-content-header .results { position: absolute; right: 5px; top: 10px; } 

.talk .talk-content .talk-content-header .results-stats { right: 0; top: -15px; width: 100%; text-align: center; } 

.talk .talk-content .talk-content-header .title { padding: 10px 10px; color: #fff; background-color: #6b4c9c; } 

.talk .talk-content .talk-content-header .subject { font-size: 14px; font-weight: 400; } 

.talk .talk-content .talk-content-header .title .talk-detail-btn { display: block; color: #fff; } 

.talk .talk-content .talk-content-header .title .talk-detail-btn .icon-down { position: absolute; right: 10px; top: 10px; } 

.talk-detail { position: absolute; left: 0; top: 100%; width: 100%; height: 130px; overflow: hidden; padding-bottom: 15px; z-index: 100; } 

.talk-detail .talk-detail-inner { position: relative; padding: 3px; padding-bottom: 20px; min-height: 100%; background-color: #fff; border: 1px solid #ddd; } 

.talk-detail .open-detail-btn { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; text-align: center; color: #aaa; } 

.talk-detail.open { height: auto; } 

.talk-detail.open .open-detail-btn i { transform: rotate(180deg); } 

.talk-detail .talk-detail-inner .talk-detail-row { margin-bottom: 10px; } 

.talk-detail .talk-detail-inner .talk-detail-row:after { display: block; content: ""; clear: both; } 

.talk-detail .talk-detail-inner .detail-item { } 

.talk-detail .talk-detail-inner .detail-item dl { margin: 0; margin-bottom: 10px; font-size: 10px; } 

.talk-detail .talk-detail-inner .detail-item dl dt { position: relative; display: inline-block; padding: 3px 5px; background-color: #444; color: #fff; border-radius: 10px; line-height: 1; font-size: 12px; } 

.talk-detail .talk-detail-inner .detail-item dl dt .value { position: absolute; left: 100%; top: 2px; color: #333; font-weight: bold; } 

.talk-detail .talk-detail-inner .detail-item dl dd ul { } 

.talk-detail .talk-detail-inner .detail-item dl dd ul:after { display: block; content: ""; clear: both; } 

.talk-detail .talk-detail-inner .detail-item dl dd ul li { float: left; width: 25%; } 

.talk-detail .talk-detail-inner .detail-item .out .info { opacity: .5; } 

.talk-detail .talk-detail-inner .detail-item .out .out-datetime { display: none; position: absolute; left: 0; bottom: 100%; width: 100%; border-radius: 5px; background-color: #607d8b; color: #fff; z-index: 100; } 

.talk-detail .talk-detail-inner .detail-item .out:hover .out-datetime { display: block; } 

.talk-detail .talk-detail-inner .detail-item .icon-result { float: right; font-size: 9px; position: relative; top: 2px; } 

.talk-detail .talk-detail-inner .talk-detail-row { display: none; } 

.talk-detail .talk-detail-inner .talk-detail-row:first-child { display: block; } 

.talk-detail .talk-detail-inner.open .talk-detail-row { display: block; } 

.talk-detail .talk-detail-inner .detail-item .table { font-size: 10px; border: 0; } 

.talk-detail .talk-detail-inner .detail-item .table tr th,
.talk-detail .talk-detail-inner .detail-item .table tr td { padding: 2px; border-left: 0; border-right: 0; } 

.none-detail .talk-detail { display: none !important; } 

.none-detail .talk-content-body { padding-top: 40px !important; height: 640px !important; } 

.talk .talk-content .talk-content-body { height: 640px; padding-top: 170px; background-color: #d8bfff; } 

.talk .talk-content .talk-content-body .inner { height: 100%; } 

.talk .talk-content .talk-content-body ul { padding: 15px 5px; } 

.talk .talk-content .talk-content-body ul li { position: relative; margin-bottom: 10px; padding-top: 20px; } 

.talk .talk-content .talk-content-body ul li:after { display: block; content: ""; clear: both; } 

.talk .talk-content .talk-content-body ul li .inner { position: relative; display: block; float: left; max-width: 80%; padding: 5px 10px; background-color: #fffca8; border-top-right-radius: 0; border-radius: 10px; } 

.talk .talk-content .talk-content-body ul li:not(.mine) { padding-left: 45px; } 

.talk .talk-content .talk-content-body ul li .img { position: absolute; left: 0; top: 6px; width: 40px; } 

.talk .talk-content .talk-content-body ul li .img img { width: 100%; border-radius: 50%; border: 1px solid #ddd; } 

.talk .talk-content .talk-content-body ul li .inner .name { position: absolute; left: 0; top: -20px; min-width: 120px; } 

.talk .talk-content .talk-content-body ul li .inner { } 

.talk .talk-content .talk-content-body ul li.mine { padding-top: 0; } 

.talk .talk-content .talk-content-body ul li.mine .inner { float: right; border-bottom-right-radius: 0; background-color: #cee7ee; } 

.talk .talk-content .talk-content-body ul li.is_confirm .inner { } 

.talk .talk-content .talk-content-body ul li.is_confirm .inner .require-confirm { display: none; } 

.talk .talk-content .talk-content-body ul li .inner .icon-confirm { display: none; position: absolute; right: -15px; top: -15px; width: 40px; height: 40px; background-image: url(/admin/img/icon_confirm.png); background-size: cover; } 

.talk .talk-content .talk-content-body ul li.mine .inner .icon-confirm { right: auto; left: -25px; } 

.talk .talk-content .talk-content-body ul li.is_confirm .inner .icon-confirm { display: inline-block; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn { position: relative; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .cnt { position: absolute; right: -8px; top: -8px; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #f44336; color: #fff; border-radius: 50%; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .cnt.none { display: none; } 


.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner { display: none; position: absolute; left: 0; bottom: 100%; margin-left: -80px; width: 200px; padding: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; color: #444; z-index: 100; } 

.talk .talk-content .talk-content-body ul li.mine .inner .chat-reply-btn .chat-reply-inner { left: auto; right: 0; margin-left: 0; } 


.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul { padding: 0; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li { padding: 5px; border: 1px solid #ddd; text-align: left; line-height: 1.2; border-radius: 5px; margin-top: 3px; margin-bottom: 0; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li:after { display: block; content: ""; clear: both; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li:first-child { margin-top: 0; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li .rpl-msg { display: block; margin-bottom: 3px; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li .rpl-time { float: right; font-size: 10px; } 

.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn .chat-reply-inner ul li .rpl-member { float: right; margin-right: 5px; font-size: 10px; } 


.talk .talk-content .talk-content-body ul li .inner .chat-reply-btn:hover .chat-reply-inner { display: block; } 



.talk .talk-content .talk-content-form { position: relative; width: 100%; padding: 5px; } 

.talk .talk-content .talk-content-form { padding-right: 80px; } 

.talk .talk-content .talk-content-form .talk-input { display: block; width: 100%; border: none; resize: none; height: 50px; background-color: transparent; } 

.talk .talk-content .talk-content-form .talk-submit { position: absolute; right: 5px; top: 20px; display: inline-block; padding: 2px 5px; background-color: #5f84bb; color: #fff; border-radius: 3px; } 

.talk .talk-content .talk-content-form .talk-input:focus { outline: none; } 

.talk .talk-content .talk-content-form .reply-icon { display: none; } 

.talk .talk-content .talk-content-form.form-reply { padding-left: 40px; } 

.talk .talk-content .talk-content-form.form-reply .reply-icon { display: block; position: absolute; left: 10px; top: 10px; transform: rotate(180deg); font-size: 16px; } 


.input-group { display: inline-block; position: relative; padding-right: 20px; border: 1px solid #ddd; border-radius: 10px; } 

.input-group .form-control { border: none; background-color: transparent; } 

.input-group a { position: absolute; right: 10px; top: 3px; } 

.talk-room-list img { border-radius: 50%; border: 1px solid #ddd; } 

.talk-room-list .rates { display: inline-block; padding: 1px 3px; background-color: #eff5ff; color: #3162ae; font-size: 12px; border-radius: 5px; } 

.result-up { color: #3366e6; } 

.result-down { color: #e73232; } 


.mgroup { float: left; position: relative; text-align: center; padding: 0 2px; border-left: 1px solid #ddd; } 

.mgroup span { display: block; font-size: 12px; line-height: 1; font-weight: 500; } 

.mgroup span.mlabel { margin-bottom: 2px; } 

.mgroup span.mvalue { font-weight: bold; font-size: 11px; } 

.mgroup .icon-card { position: absolute; left: 0; top: -11px; width: 100px; text-align: center; color: #e91e63; } 

.mgroup-wrap .mgroup:first-child { border-left: none; } 

.mgroup.mgroup-cfm { color: #ff4d4d; } 

.mgroup.mgroup-diff { color: #7833e6; } 

.mgroup.mgroup-mamount { color: #4caf50; } 

.mgroup.mgroup-inst { color: #ff9800; } 

.mgroup.mgroup-mper { color: #26b6b4; } 

.mgroup.mgroup-cnt { color: #d4b900; } 

.mgroup-wrap { position: relative; height: 22px; } 

.mgroup-wrap .mgroup-inner { } 
.mgroup-wrap .mgroup-inner .chat-ly-btn { float : left; padding-right:11px;  } 


.mgroup-wrap .mgroup-inner:after { display: block; content: ""; clear: both; } 

.pop-content .card { background-color: #fff; } 

.pop-content .card .card-body { padding: 0; } 

.pop-content .card-client { } 

.pop-content .card-client .card-body { padding: 5px; background-color: #182933; } 

.pop-content .card-client .card-body .card-name { color: #fff; padding: 5px; padding-top: 0; } 

.pop-content .card-client .card-body .card-name .status { display: inline-block; padding: 2px 3px; margin-left: 10px; border-radius: 5px; font-size: 12px; } 

.pop-content .card-client .card-body .table { background-color: #fff; } 


.pop-round { border-radius: 15px; } 

.pop-round .card { border-radius: 15px; border: none; } 

.pop-round .card-body { border-radius: 15px; } 

.pop-round .table { border-radius: 15px; border: none; } 

.pop-round .table tbody { border-radius: 15px; } 

.pop-round .table tbody tr { border-radius: 15px; } 

.pop-round .table tbody tr td:first-child { border-radius: 15px; border: none; } 

.pop-round .table tbody tr td:last-child { border-radius: 15px; border: none; } 


.detail-tr td { padding: 3px !important; } 

.detail-tr .inner { position: relative; } 


tbody.open { border: 2px solid #9fb1ff; background-color: #ecf2fb !important; } 

tbody.open .list-detail-btn i { -webkit-transform: rotate(180deg); } 


.detail-tr { display: none; background-color: #fff; } 

.detail-tr .table { background-color: #fff; } 

.detail-tr .inner { padding: 0 10px; } 

tbody.open .detail-tr { display: table-row; } 

.client-summary { } 

.client-loan-list { background-color: #faf5c9; border: 1px solid #afab88; } 

.rp-item { position: relative; font-size: 12px; padding: 2px 0; } 

.rp-item .copy-value { position: absolute; top: 0; left: 0; width: 1px; height: 0px; margin: 0; padding: 0; border: 0; } 

.rp-pin { display: none; position: absolute; right: 50%; top: -11px; font-size: 12px; } 

.rp-item .new { display: inline-block; position: absolute; left: 53%; top: -13px; width: 14px; height: 14px; line-height: 14px; background-color: #f44336; color: #fff; border-radius: 50%; text-align: center; margin-left: -10px; font-size: 10px; font-weight: bold; } 

.rp-item.pin .rp-pin { display: none; } 

.well { position: relative; padding: 5px; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; } 

#entry-box { } 

#entry-box .well { height: 310px; } 

#entry-box .control-nav { position: absolute; left: 0; top: 80px; width: 100%; color: #3f5394; font-size: 25px; } 

#entry-box .control-nav a span { font-size: 14px; line-height: 25px; position: relative; top: -4px; } 

.etr-wrap { position: relative; margin-top: 10px; } 

.etr-wrap li { position: absolute; padding: 10px 3px; } 

.etr-wrap .etr-item { position: relative; border-radius: 3px; padding: 2px 5px; cursor: pointer; font-size: 12px; } 

.etr-wrap .etr-item .subject { } 

.etr-wrap .etr-item .cnt { float: right; } 

.etr-wrap .etr-item .rate { position: absolute; right: 5px; bottom: 100%; line-height: 1; } 

#entry-stats { position: absolute; right: 0; top: 0; padding: 5px; } 

#entry-stats:before { display: block; content: ""; position: absolute; left: -10px; height: 100%; border-right: 2px dashed #ddd; } 

#entry-stats .table { background-color: #fff; font-size: 10px; } 

#entry-stats .table tr th,
#entry-stats .table tr td { padding: 5px 8px; text-align: center; } 

#entry-stats .table tr { cursor: pointer; } 

#entry-stats .table tr:hover,
#entry-stats .table tr.active { background-color: #e2feff; } 

#entry-stats .inner { width: 230px; height: 216px; overflow: hidden; } 

#entry-stats .entry-nav { position: relative; font-size: 12px; color: #888; } 

#entry-stats .entry-nav .arrow-slim { position: absolute; } 

#entry-stats .entry-nav .arrow-slim:after { width: 10px; height: 10px; left: 50%; margin-left: -5px; } 

#entry-stats .entry-inner { padding: 30px 0; } 

#entry-stats .entry-prev { position: absolute; left: 0; top: 5px; display: block; width: 100%; text-align: center; padding-top: 10px; } 

#entry-stats .entry-prev .arrow-slim:after { transform: rotate(-45deg); left: -20px; top: -7px; } 

#entry-stats .entry-next { position: absolute; left: 0; bottom: 5px; display: block; width: 100%; text-align: center; padding-bottom: 10px; } 

#entry-stats .entry-next .arrow-slim:after { transform: rotate(-225deg); left: -20px; top: 13px; } 


.stats-item { display: inline-block; margin: 0; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; margin: 0 2px; } 

.stats-item:after { display: block; content: ""; clear: both; } 

.stats-item dt,
.stats-item dd { float: left; padding: 3px 5px; font-size: 13px; } 

.stats-item dt { background-color: #f5f5f5; border-right: 1px solid #ddd; font-weight: bold; } 

.stats-item dd { } 


.stack-wrap ul li { position: relative; padding-left: 130px; padding-top: 13px; } 

.stack-wrap ul li .title { position: absolute; left: 0; top: 10px; width: 120px; line-height: 25px; background-color: #f5f5f5; border: 1px solid #ddd; text-align: center; border-radius: 5px; } 

.stack-wrap ul li .content { } 

.stack-wrap ul li .content .stack-bar { position: relative; height: 25px; } 

.stack-wrap ul li .content .stack-bar:after { display: block; content: ""; clear: both; } 

.stack-wrap ul li .content .stack-bar .stack-item { display: block; float: left; position: relative; width: 5.9%; height: 100%; color: #fff; font-size: 10px; } 

.stack-wrap ul li .content .stack-bar .stack-item span { display: block; text-align: center; line-height: 1; } 

.stack-wrap ul li .content .stack-bar .stack-item .cnt { font-size: 14px; } 

.stack-wrap ul li .content .stack-bar .stack-item .rate { position: absolute; left: 0; bottom: 100%; width: 100%; text-align: center; } 

.stack-wrap ul li:first-child { padding-bottom: 17px; border-bottom: 2px dashed #ff3939; background: url(/img/icon/icon_flag.png) no-repeat 57px bottom; } 

.ttp-wrap { posiiton: relative; cursor: pointer; } 

.ttp-wrap .ttp-box { display: none; position: absolute; width: 200px; margin-left: -60px; margin-bottom: 2px; bottom: 100%; z-index: 100; } 

.ttp-wrap .ttp-box .ttp-inner { position: relative; padding: 5px; background-color: #fff; border-radius: 5px; color: #333; font-size: 12px; text-align: center; border: 1px solid #ddd; box-shadow: 0px 0px 20px rgb(21 53 101 / 23%); } 

.ttp-wrap .ttp-box .ttp-inner:after { position: absolute; left: 50%; top: 100%; margin-left: -5px; display: inline-block; content: ""; width: 0px; height: 0px; border-top: 5px solid #fff; border-bottom: 4px solid none; border-left: 5px solid transparent; border-right: 5px solid transparent; } 

.ttp-wrap .ttp-box { top: -50px; padding-left: 2px; margin: 0; z-index: 100; } 

.ttp-wrap .ttp-box.ttp-right { right: auto; left: 100%; } 

.ttp-wrap .ttp-box.ttp-left { right: 100%; left: auto; } 


.ttp-wrap .ttp-box .ttp-inner:after { display: none; left: -5px; top: 0; border-top: 5px solid #fff; border-bottom: 5px solid #fff; border-left: 5px solid none; border-right: 5px solid #fff; } 

.ttp-wrap:hover .ttp-box { display: block; } 

.ttp-wrap.open .ttp-box { display: block; } 

.ttp-wrap .ttp-box .ttp-inner .scrollbar-inner { max-height: 200px; } 

.ttp-wrap .ttp-box .ttp-inner .scrollbar-inner .st-item { padding: 2px 10px; } 

.list-table { } 

.list-table>li { margin-bottom: 10px; border: 1px solid #ddd; -webkit-box-shadow: 2px 5px 9px -2px rgba(0, 0, 0, 0.2); box-shadow: 2px 5px 9px -2px rgba(0, 0, 0, 0.2); border-radius: 5px; background-color: #fff; } 

.list-table>li .table { margin: 0 auto; border: none; width: 100%; } 

.list-table>li .table-item { border-radius: 15px; } 

.list-table>li .table-item.active { background-color: #f4fffe; } 
.list-table>li .table-item.is-ps { background-color: #e9f8ff; } 

.list-table .detail table { width: 480px; } 

.list-table .table-item .table .detail { padding: 0 0 10px 0; } 

textarea:focus { outline: none; } 

.view-img { display: inline-block; width: 40px; border-radius: 50%; border: 1px solid #ddd; } 

.view-img img { width: 100%; border-radius: 50%; } 

.img-spinner { text-align: center; -webkit-animation-name: spinner; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 6s;
 animation-name: spinner; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 4s;
 -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } 

.img-spinner:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } 

@keyframes spinner { 
 from { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } 

 to { -webkit-transform: rotateY(-360deg); -moz-transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); transform: rotateY(-360deg); } 
 }



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { background-color: transparent; } 

.scrollbar-inner>.scroll-element.scroll-y { width: 4px; } 

.scrollbar-inner>.scroll-element .scroll-element_track { } 


.pop-open #list-con { opacity: .5; } 

.cfm-btn-wrap { position: relative; float: left; top: 3px; } 

.cfm-btn-wrap .title { position: absolute; left: -2px; top: -14px; font-size: 12px; } 

.cfm-btn { display: inline-block; padding: 3px; font-size: 12px; line-height: 1; border-radius: 50%; opacity: .2; cursor: pointer; } 

.cfm-btn.active { opacity: 1; } 


.dl-table { } 

.dl-table .dl-item { position: relative; width: 280px; height: 20px; line-height: 20px; } 

.dl-table .dl-item dl { margin: 0; border-top: 1px solid #ddd; background-color: #fff; background-color: #fff; cursor: pointer; } 

.dl-table .dl-item:first-child dl { border: none; } 

.dl-table .dl-item dl:after { display: block; content: ""; clear: both; } 

.dl-table .dl-item dt,
.dl-table .dl-item dd { float: left; } 

.dl-table .dl-item.row-6 dt,
.dl-table .dl-item.row-6 dd { width: 16.666%; font-size: 11px; } 

.dl-table .dl-item.row-5 dt,
.dl-table .dl-item.row-5 dd { width: 20%; font-size: 11px; } 

.dl-table .dl-item.row-6 dt.col-remain,
.dl-table .dl-item.row-6 dd.col-remain { width:}

.dl-table .dl-item dt { position: relative; } 

.dl-table .dl-item dt .margin { position: absolute; right: 100%; top: 0; margin-right: 2px; font-size: 10px; } 

.dl-table .dl-item dt .margin-plus { color: #ff0000; } 

.dl-table .dl-item dt .margin-minus { color: #002ef0; } 

.dl-table .dl-item .dl-header { } 

.dl-table .dl-item .dl-header th { font-weight: bold; } 


.dl-table .dl-item .dl-body { position: relative; } 

.dl-table .dl-item dl.dl-body { opacity: .5; } 

.dl-table .dl-item:hover { } 

.dl-table .dl-item:hover dl.dl-body,
.dl-table .dl-item.active dl.dl-body { position: absolute; left: -5%; top: -2px; width: 110%; height: 24px; line-height: 24px; box-shadow: 1px 2px 10px rgb(92 111 139 / 30%); z-index: 10; opacity: 1; font-weight: bold; } 


#side a.calendar-btn { display: block; padding: 5px; color: #fff; background-color: #3e4c55; text-align: center; } 

#side a.calendar-btn i { margin-right: 5px; } 

#side a.calendar-btn .icon-right { float: right; position: relative; top: 6px; font-size: 10px; } 

a.change-status-reply { position: absolute; right: 19px; top: 320px; text-align: center; font-size: 12px; color: #888; line-height: 1; } 

a.change-status-reply .arrow-slim { position: absolute; left: 35px; top: 4px; } 

a.change-status-reply .arrow-slim:after { content: ''; width: 16px; /* 사이즈 */
 height: 16px; /* 사이즈 */
 border-top: 2px solid #aaa; /* 선 두께 */
 border-right: 2px solid #aaa; /* 선 두께 */
 display: inline-block; transform: rotate(45deg); /* 각도 */
 position: absolute; top: 0; /* 기본 0px 값으로 해주세요 */
 left: 0; /* 기본 0px 값으로 해주세요 */}

a.change-status-data { position: absolute; right: 19px; top: 300px; text-align: center; font-size: 12px; color: #888; line-height: 1; } 

a.change-status-data .arrow-slim { position: absolute; left: -11px; top: 4px; } 

a.change-status-data .arrow-slim:after { content: ''; width: 16px; /* 사이즈 */
 height: 16px; /* 사이즈 */
 border-top: 2px solid #aaa; /* 선 두께 */
 border-right: 2px solid #aaa; /* 선 두께 */
 display: inline-block; transform: rotate(-135deg); /* 각도 */
 position: absolute; top: 0; /* 기본 0px 값으로 해주세요 */
 left: 0; /* 기본 0px 값으로 해주세요 */}

.box-title { margin-bottom: 10px; } 

#stats-box .margin-wrap { position: relative; padding-top: 8px; } 

#stats-box .margin-wrap .margin-cnt { position: absolute; left: 0; top: 0; width: 100%; text-align: center; line-height: 1; } 

.margin-up { color: #ff0000 !important; } 

.margin-down { color: #002ef0 !important; } 


.etr-sch-date { } 

.etr-sch-date:hover { background-color: #a9d9ff; } 

.etr-sch-date.active { background-color: #a9d9ff; } 

.etr-setting { cursor: pointer; position: relative; } 

.etr-setting .etr-form { display: none; position: absolute; left: 50%; bottom: 100%; width: 460px; height: 160px; margin-left: -230px; padding: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } 

.etr-setting .etr-form .etr-wrap { margin-top: -40px !important; } 

.etr-setting .etr-form.open { display: block; } 

.etr-del { float: right; color: #dc7e32 !important; } 


.is-entry { background-color: #ffeded; } 

.ex-entry { background-color: #f5f5f5; } 


.out-log-btn { position: relative; cursor: pointer; background: #fff9e7; transition:.2s; } 
.out-log-btn:hover{ background:#fff6db; }
.out-log-btn.open{ background:#ffeeba; animation:flick 1.4s infinite ease; border:2px solid #ffdaa4; }
.out-log-inner { display: none; position: absolute; left:-2px; top:60px; width: 615px; border: 2px solid #efb550; background-color: #fff9eb; z-index: 1001; text-align: left; font-size: 12px; word-break: break-all; border-radius: 5px; } 

.out-log-btn:hover .out-log-inner,
.out-log-btn.open .out-log-inner { display: block; } 

@keyframes flick{ 
    0%{ background:#ffeeba; }
    50%{ background:#fffcf5; }
    100%{ background:#ffeeba; }
 }

.out-log-inner ul { } 

.out-log-inner ul li { padding: 4px 2px; border-top: 1px solid #ddd; } 

.out-log-inner ul li:first-child { border: none; } 

.out-log-inner.open { display: block !important; } 


#match { padding: 30px; background-color: #182933; } 

#match .gragh { position: absolute; left: 0; top: 60px; width: 100%; } 

#match .gragh .content { position: relative; width: 237px; height: 231px; margin: 0 auto; background-image: url(/img/match/gragh_bg.png); } 


#match .gragh .content img { position: absolute; left: 0; top: 0; } 

#match .match-top { margin-bottom: 20px; } 

#match .match-top:after { display: block; content: ""; clear: both; } 

#match .match-top .members { } 

#match .match-top .member01 { float: left; } 

#match .match-top .member02 { float: right; } 

#match .match-top .search { margin-bottom: 5px; } 

#match .match-top .search .form-control { background-color: rgba(255, 255, 255, .1); border: none; } 

#match .match-top .profile { width: 200px; text-align: center; } 

#match .match-top .profile .img { } 

#match .match-top .profile .img img { width: 100%; } 

#match .match-top .profile .name { padding: 5px; background-color: #30326d; color: #fff; } 

#match .match-top .profile .name a { float: right; color: #fff; } 

#match .match-top .profile .nation { padding: 5px; background-color: #474861; color: #fff; } 

#match .match-list { text-align: center; } 

#match .match-list table { width: 800px; color: #a9a9a9; border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); } 

#match .match-list table tr { border-bottom: 1px solid rgba(255, 255, 255, .05); } 

#match .match-list table tr td { position: relative; padding: 8px 5px; } 

#match .match-list table tr td.match-left { padding-right: 80px; } 

#match .match-list table tr td.match-left .value { position: absolute; right: 5px; top: 5px; line-height: 20px; } 

#match .match-list table tr td.match-right { padding-left: 80px; } 

#match .match-list table tr td.match-right .value { position: absolute; left: 5px; top: 5px; line-height: 20px; } 

#match .match-list table tr td .stack { position: relative; height: 15px; width: 100%; background-color: rgba(255, 255, 255, .2); border-radius: 30px; overflow: hidden; } 

#match .match-list table tr td .stack .inner { position: absolute; top: 0; height: 100%; border-radius: 30px; } 

#match .match-list table tr td.match-left .stack .inner { right: 0; background-color: #9e85fc; } 

#match .match-list table tr td.match-right .stack .inner { left: 0; background-color: #49d9fe; } 



.bg-team { background-color: #f7ecff; } 

.bg-part { background-color: #ffecec; } 

.bg-group { background-color: #ecfff3; } 

.folder-table tr td.td-div,
.folder-table tr th.td-div { background-color: #fff !important; border-top-color: #fff !important; border-bottom-color: #fff !important; width: 5px !important; } 

tr td.td-div,
tr th.td-div { background-color: #fff !important; border-top-color: #fff !important; border-bottom-color: #fff !important; width: 5px !important; padding:0px !important; }  } 

.folder-table tr.tr-div { height: 5px; } 

tr.tr-div { height: 5px; } 

.folder-table tr.tr-div td { border: none; } 

.folder-table .folder-tr .arrow { float: right; margin-right: 5px; } 

.folder-table .folder-tr.top .arrow { display: none; } 

.folder-table .folder-tr.my .arrow { display: none; } 

.folder-table .folder-tr.open .arrow { transform: rotate(180deg); } 



.folder-table { } 

.folder-table tr { } 

.folder-table tr.folder-tr:nth-child(even) { background-color: rgba(0, 0, 0, .03); } 

.folder-table tr th,
.folder-table tr td { text-align: center; } 

.folder-table tr th.td-title,
.folder-table tr td.td-title { width: auto !important; } 


.folder-tr { cursor: pointer; } 

.folder-table .table { border: none; } 

.folder-tr td { line-height: 1.1 !important; } 

.folder-table th { background-color: #182933 !important; color: #fff; font-weight: 400; } 

.folder-tr.total>td { background-color: #dbffe1; color: #333; } 

.inner-tr { } 

.inner-tr .inner-td { padding: 0 !important; border: none; background-color: #fff !important; } 

.inner-tr .inner-td.mine { padding: 0 !important; border: 2px solid #dfea7a; } 

.inner-tr>.inner-td>.inner-table { border: none; } 

.folder-tr .inner-tr>.inner-td>.table { } 

.inner-tr .inner-td .table tr.folder-tr { } 

.folder-table .folder-tr.our { } 

.folder-table .folder-tr.mine { background-color: #fbffd7 !important; } 

.folder-table .folder-tr.my { background-color: #ffe6e4 !important; } 

.folder-table .folder-tr.open { background-color: #b5ddff !important; } 

.folder-table .folder-tr.mine.open { background-color: #fbffd7 !important; border: 2px solid #dfea7a; } 

.folder-table .folder-tr.open.folder-team { background-color: #e8daff !important; } 

.folder-table .folder-tr.open.folder-part { background-color: #ffe8e8 !important; } 

.folder-table .folder-tr.open.folder-group { background-color: #fffddc !important; } 

.folder-table .total-table { position: absolute; right: 10px; top: -13px; width: 500px; } 

.folder-table .den-label { padding: 0 !important; } 

.folder-table .den-label.active { } 

.reception-stats-table tr th,
.reception-stats-table tr td { width: 75px !important; } 

.reception-stats-table tr th.td-title { width: 130px; } 

#reception-stats-box .scrollbar-inner { max-height: 250px; } 

.folder-table.is-open .folder-tr:not(.total) { opacity: .2; } 

.folder-table.is-open .folder-tr.open,
.folder-table.is-open .folder-tr.open .folder-tr,
.folder-table.is-open .inner-tr .folder-tr { opacity: 1; } 

.label-circle { display: blolck; position: relative; padding: 2px; cursor: pointer; } 

.label-circle .input-check { display: none; } 

.label-circle .circle { position: relative; top: 1px; display: inline-block; width: 12px; height: 12px; margin-left: 2px; border-radius: 50%; border: 2px solid #339af7; } 

.label-circle .input-check:checked+.circle { background-color: #339af7; background-image: url(/img/icon/icon_check.png); background-size: cover; } 

.talk-chat-list li .chat-member-btn { display: inline-block; padding: 3px 5px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .3); border-radius: 3px; } 

.talk-chat-list li .chat-fail-btn { color: #e91e63; } 

.talk-chat-list li .chat-rediv-btn { color: #673ab7; } 

.talk-chat-list li .chat-res-btn { color: #4caf50; } 

.rediv-box { padding: 10px; } 

.rediv-box .rediv-search { } 

.rediv-box .rediv-list { } 

.rediv-box .scrollbar-inner { max-height: 240px; } 

.rediv-box .rediv-search .rediv-search-input { display: block; width: 100%; } 

.rediv-box .rediv-list .title { padding: 5px; } 

.rediv-box .rediv-list .rediv-item { border-bottom: 1px solid #ddd; } 

.rediv-box .rediv-list .rediv-label { position: relative; display: block; width: 100%; padding: 5px; padding-left: 30px; font-size: 13px; cursor: pointer; } 

.rediv-box .rediv-list .rediv-label .input-check { display: none; } 

.rediv-box .rediv-list .rediv-label .circle { display: inline-block; position: absolute; right: 5px; width: 14px; height: 14px; border: 2px solid #ddd; border-radius: 50%; } 

.rediv-box .rediv-list .rediv-label .img { display: inline-block; position: absolute; left: 5px; top: 5px; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; } 

.rediv-box .rediv-list .rediv-label .img img { width: 100%; } 

.rediv-box .rediv-list .rediv-label .name { width: 80px; display: inline-block; } 

.rediv-box .rediv-list .rediv-label .cnt { display: inline-block; background-color: #333; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; font-size: 10px; } 

.rediv-box .rediv-list .rediv-label .input-check:checked+.circle { background-color: #6b4c9c; border-color: #6b4c9c; background-image: url(/img/icon/icon_check.png); background-size: cover; } 

.sch-box { padding: 10px; } 

.sch-box .sch-search { } 

.sch-box .sch-list { } 

.sch-box .scrollbar-inner { max-height: 240px; } 

.sch-box .sch-search .sch-search-input { display: block; width: 100%; } 

.sch-box .sch-list .title { padding: 5px; } 

.sch-box .sch-list .sch-item { border-bottom: 1px solid #ddd; } 

.sch-box .sch-list .sch-label { position: relative; display: block; width: 100%; padding: 5px; padding-left: 30px; font-size: 13px; cursor: pointer; } 

.sch-box .sch-list .sch-label .input-check { display: none; } 

.sch-box .sch-list .sch-label .circle { display: inline-block; position: absolute; right: 5px; width: 14px; height: 14px; border: 2px solid #ddd; border-radius: 50%; } 

.sch-box .sch-list .sch-label .img { display: inline-block; position: absolute; left: 5px; top: 5px; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; } 

.sch-box .sch-list .sch-label .img img { width: 100%; } 

.sch-box .sch-list .sch-label .input-check:checked+.circle { background-color: #6b4c9c; border-color: #6b4c9c; background-image: url(/img/icon/icon_check.png); background-size: cover; } 

.sch-box .sch-list .org-item .sch-label { font-weight: bold; } 


.box-header { } 

.box-header:after { display: block; content: ""; clear: both; } 

.box-header .box-title { position: relative; display: inline-block; } 

.box-body { } 

#reapp-con:after { display: block; content: ""; clear: both; } 

#reapp-con .reapp-box-half { float: left; width: 50%; } 

#reapp-con .reapp-box-3 { float: left; width: 30%; } 

#reapp-con .reapp-box-7 { float: left; width: 70%; } 

#reapp-con .reapp-box-col-3 li { float: left; width: 20%; } 

#reapp-con .table tr td { padding: 3px; } 


#reapp-con .reapp-box .user-list { } 

#reapp-con .reapp-box .user-list li { padding: 2px; line-height: 16px; } 

#reapp-con .reapp-box .user-list li .inner { position: relative; padding:8px 8px 8px 32px; border-radius: 10px; border: 1px solid #ddd; cursor: pointer; background-color: #fff; line-height: 1.4; height: 80px; font-size: 12px; display:flex; flex-direction:column; justify-content:center; box-shadow:0 0 5px 0px #00000020; } 

#reapp-con .reapp-box .user-list li .inner .img { position: absolute; left:10px; top:19px; } 

#reapp-con .reapp-box .user-list li.cc-type-1 .inner { } 

#reapp-con .reapp-box .user-list li.cc-type-2 .inner { } 

#reapp-con .reapp-box .user-list li.male:hover .inner { background-color: #f7faff ; }
#reapp-con .reapp-box .user-list li.female:hover .inner { background-color: #fff8fa ; } 

#reapp-con .reapp-box .user-list li .info { position: relative; } 

#reapp-con .reapp-box .user-list li .info .name { color: #333; } 

#reapp-con .reapp-box .user-list li .info .birth { } 

#reapp-con .reapp-box .user-list li .info .target-area { position: absolute; right: 0; top: 0px; width: 20px; top:-2px; } 

#reapp-con .reapp-box .user-list li .info .target-area img { width: 20px; } 

#reapp-con .reapp-box .user-list li.male .app span{ color:#4f7fbf; font-weight:500; font-size:13px; }
#reapp-con .reapp-box .user-list li.female .app span{ color:#ff7c6f; font-weight:500; font-size:13px; }
#reapp-con .reapp-box .user-list li.no .app span{ color:#4a3f3f; font-weight:500; font-size:13px; }

#reapp-con .reapp-box .user-list li .member { position: absolute; right: 5px; top: 5px; } 

#reapp-con .reapp-box .user-list li .sex { position: absolute; left: 10px; top: 10px; font-size: 25px; } 

#reapp-con .reapp-box .user-list li .dot { display: block; position: absolute; right: 10px; bottom: 10px; width: 8px; height: 8px; border-radius: 50%; background-color: #4f7fbf; } 

#reapp-con .reapp-box .user-list li.female .dot { background-color: #f33571; } 

#reapp-con .reapp-box .user-list li .view-img { position: absolute; right: 5px; top: 10px; } 

#reapp-con .reapp-market .scrollbar-inner { max-height: 320px; } 

#reapp-con .reapp-stats .scrollbar-inner { max-height: 120px; } 

#reapp-con .client-stats .scrollbar-inner { max-height: 120px; } 


#reception { } 

#reception #side { background-color: #19575a; } 

#reception-left-box { float: left; width: 800px; margin-right: 10px; } 

#reception-right-box { float: left; width: 1070px; } 

#working-box { height: 300px; } 

#todo-box { height: 390px; margin-bottom: 10px; } 

#reception-stats-box { height: 390px; } 

#working-box .table-stats { float: right; } 

#working-box .table-stats table { border: none; text-align: center; } 

#working-box .table-stats table tr th,
#working-box .table-stats table tr td { border-left: none; border-right: none; font-size: 10px; padding: 2px; } 

#working-box .sch-working-btn { position: relative; } 

#working-box .sch-working-btn .inner { display: none; position: absolute; left: 100%; top: 0; width: 250px; padding: 5px; background-color: #fff; border: 1px solid #ddd; z-index: 100; text-align: center; } 

#working-box .sch-working-btn .inner.open { display: block; } 


#working-box .working-stats { float: right; margin-right: 80px; } 

#working-box .working-stats table tr th,
#working-box .working-stats table tr td { font-size: 10px; padding: 3px; } 

#working-box .working-stats table tr td { letter-spacing: 0; } 

#working-box .working-chart { position: absolute; right: 5px; top: 5px; width: 80px; } 




#working-box .scrollbar-inner { max-height: 210px; } 

#todo-box .scrollbar-inner { max-height: 220px; } 

#reception-left-box #status-box { height: 390px; } 

.pc-07-btn { display: inline-block; position: absolute; left: 50%; top: 15px; margin-left: -8px; width: 16px; height: 16px; line-height: 16px; background-color: #ff8001; color: #fff; font-size: 10px; border-radius: 50%; } 

#reception-form-list { } 

#reception-form-list .card-body:after { display: block; content: ""; clear: both; } 

.reception-form-left { float: left; width: 80%; padding: 5px; } 

.reception-form-right { float: left; width: 20%; padding: 5px; } 

.btn-st7 { background-color: #f36767 !important; color: #fff; } 

.btn-st10 { background-color: #1f9fce !important; color: #fff; } 

.btn-st11 { background-color: #002ef0 !important; color: #fff; } 

.reapp-view { } 

.reapp-view:after { display: block; content: ""; clear: both; } 

.reapp-view .reapp-info { padding: 10px; border-radius: 5px; background-color: #fff; } 

.reapp-view .reapp-info .info1-box { color: #4e80bf; margin-bottom: 10px; } 

.reapp-view .reapp-info .info1-box .sex-img { margin-right: 5px; } 

.reapp-view .reapp-info .info1-box.female { color: #f33571; } 


.reapp-view .reapp-btns { position: absolute; right: 10px; top: 10px; } 

.reapp-view .reapp-btns a { display: inline-block; width: 50px; height: 40px; line-height: 40px; border-radius: 3px; margin-left: 4px; text-align: center; color: #fff; font-weight: 500; } 

#reapp-con .reapp-btns a:first-child { margin-left: 0; } 

.reapp-view .reapp-btns a.reapp-btn10 { background-color: #203ea0; } 

.reapp-view .reapp-btns a.reapp-btn90 { background-color: #f16f33; } 

.reapp-view .reapp-btns a.reapp-btn20 { background-color: #f36865; } 

.reapp-view .reapp-btns a.reapp-btn30 { background-color: #555555; } 

.reapp-view .reapp-btns a.reapp-btn80 { background-color: #000; } 


.dl-table:after { display: block; content: ""; clear: both; } 

.dl-table dt,
.dl-table dd { float: left; padding: border-radius: 5px; } 

.dl-table dt { width: 70px; background-color: #9a9a9a; color: #fff; text-align: center; } 

.dl-table dd { width: calc(100% - 70px); border: 1px solid #a7a7a7; } 


.table-rounded { border: none; width: 100%; } 

.table-rounded tr th,
.table-rounded tr td { border: none; padding: 10px 5px; } 

.table-rounded tr th { background-color: #9a9a9a; color: #fff; font-weight: 500; } 

.table-rounded tr:first-child th,
.table-rounded tr:first-child td { border-top-left-radius: 5px; border-top-right-radius: 5px; } 

.table-rounded tr:last-child th,
.table-rounded tr:last-child td { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } 

.table-rounded tr td { border: 1px solid #9a9a9a; border-top: none; } 

.table-rounded tr:first-child td { border-top: 1px solid #9a9a9a; } 

.table-rounded tr:first-child tr { position: relative; top: 1px; } 

.table-rounded.table-blue tr th { background-color: #00177f; color: #ccd8f2; border: none; } 

.table-rounded.table-blue tr td { background-color: #dcebfe; border: none; } 


.control-buttons { padding-top: 5px; } 

.control-buttons .btn { font-size: 12px; } 

.control-buttons { } 

.control-buttons .label-btn { } 

.control-buttons .label-btn .btn { } 

.control-buttons .label-btn .btn span { display: block; padding: 1px; } 


.detail-submit-wrap { display: none; } 

.title-detail-wrap { position: relative; } 

.title-detail-wrap .title-detail { display: none; position: absolute; left: 100%; top: 0; width: 200px; padding: 10px; z-index: 10; background-color: #fff; border: 1px solid #ddd; border-radius: 10px; } 

.title-detail-wrap:hover .title-detail { display: block; } 


.inner-log-box { border: 2px solid #50adef; padding: 5px; } 


.out-log-box { border: 2px solid #ffdaa4; } 

.out-log-box ul { } 

.out-log-box ul li { position: relative; padding: 8px; padding-right: 100px; font-size: 12px; border-top: 1px solid #e0d8bc; } 

.out-log-box ul li:first-child { border: none; } 

.out-log-box ul li .msg { font-size: 13px; } 

.out-log-box ul li .datetime { position: absolute; right: 5px; } 

.out-log-box .scrollbar-inner { max-height: 380px; } 

.status-stop { text-decoration: line-through; opacity: .5; } 


.list-todo-btns { display: inline-block; } 

.list-todo-btns li { display: block; float: left; } 

.list-todo-btns li button { display: inline-block; width: 53px; height: 30px; line-height: 12px; margin-left: 1px; background-color: #ddd; color: #444; border-radius: 5px; font-size: 11px; text-align: center; font-weight: bold; cursor: pointer; } 

.list-todo-btns li:first-child button { margin-left: 0; } 

.list-todo-btns li button.todo-stats-type-1:hover,
.list-todo-btns li button.todo-stats-type-1.active { background-color: #009688; color: #fff; } 

.list-todo-btns li button.todo-stats-type-2:hover,
.list-todo-btns li button.todo-stats-type-2.active { background-color: #1f3ea0; color: #fff; } 

.list-todo-btns.list-todo-btns-sm { } 

.list-todo-btns.list-todo-btns-sm li span { width: 30px; height: 30px; } 

.talk-detail .scrollbar-inner { max-height: 500px}

.out-status { position: absolute; right: 60px; top: 40px; width: 255px; } 

.out-status .out-status-group { } 

.out-status .out-status-group:after { display: block; content: ""; clear: both; } 

.out-status .title { position: absolute; left: -45px; top: 1px; } 

.out-status .out-status-item { padding: 2px; float: left; margin-bottom: 10px; } 

.out-status .out-status-item .inner { float: left; position: relative; padding: 2px 5px; border-radius: 5px; background-color: #000; color: #fff; cursor: pointer; width: 80px; font-size: 12px; } 

.out-status .out-status-item .inner>.rate { position: absolute; right: 5px; top: -15px; color: #000; } 

.out-status .out-status-item .inner>.cnt { float: right; } 

.out-status .out-status-group-1 .out-status-item .inner { background-color: #38516f; } 



.out-status .out-status-item .inner .detail { display: none; position: absolute; top: 100%; left: 50%; padding: 5px; margin-left: -50px; width: 100px; background-color: #fff; border: 1px solid #ddd; z-index: 100; border-radius: 5px; min-height: 50px; } 

.out-status .out-status-item .inner .detail li { padding: 2px; color: #444; } 

.out-status .out-status-item .inner .detail li:hover { background-color: #f5f5f5; } 

.out-status .out-status-item .inner .detail li .subject { } 

.out-status .out-status-item .inner .detail li .cnt { float: right; } 

.out-status .out-status-item:hover .detail { display: block; } 

.out-status .out-status-item .inner .detail .status-pie { position: relative; text-align: center; margin-left: 25px; } 

.reapp-stats-status { } 

.reapp-stats-status .table { font-size: 12px; border: none; } 

.reapp-stats-status .table tr th { background-color: #f2fbff; font-weight: 400; } 

.reapp-stats-status .table tr th,
.reapp-stats-status .table tr td { width: 66px; line-height: 1; padding: 3px; } 

.reapp-stats-status .table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } 


.reapp-stats-status .set-limit-box { display: none; position: absolute; left: 100%; top: 0; width: 150px; background-color: #fff; } 

.reapp-stats-status .set-limit-box.open { display: block; } 


.detail-wrap { position: relative; cursor: pointer; } 

.detail-wrap>.detail-inner { display: none; position: absolute; right: 100%; top: 0; width: 120px; background-color: rgba(255, 255, 255, 0.555); z-index: 10; border: 1px solid #f3f3f3; border-radius: 10px; } 

.detail-wrap>.detail-inner.detail-inner-right { right: auto; left: 100%; } 

.detail-wrap>.detail-inner.detail-inner-top { right: auto; left: 50%; top: auto; bottom: 100%; width: 200px; margin-left: -100px; } 


.detail-wrap:hover:not(.lading-shift-enter)>.detail-inner { display: block; } 

.detail-wrap .detail-score { padding: 0 0 10px 0; } 

.detail-toggle-wrap { position: relative; cursor: pointer; } 

.detail-toggle-wrap>.detail-toggle-inner { display: none; position: absolute; right: 100%; top: 0; width: 120px; background-color: #fff; z-index: 10; border: 1px solid #ddd; } 

.detail-toggle-wrap>.detail-toggle-inner.detail-toggle-inner-right { right: auto; left: 100%; } 

.detail-toggle-wrap>.detail-toggle-inner.detail-toggle-inner-top { right: auto; left: 50%; top: auto; bottom: 100%; width: 200px; margin-left: -100px; } 

.detail-toggle-wrap>.detail-toggle-inner.open,
.detail-toggle-wrap:hover>.detail-toggle-inner { display: block; } 

.detail-wrap .detail { border-radius: 5px; overflow: hidden; } 

.detail-wrap .detail .table thead tr th,
.detail-wrap .detail .table tbody tr th { background-color: #0d2544; color: #fff; } 

.detail p { margin-top: 10px; margin-left: 10px; } 

.detail i { color: #213c5a; font-size: 15px; } 

.detail ul { padding: 10px; } 

.detail strong { color: #213c5a; margin-left: 3px; } 

.detail strong i { margin-right: 14px; } 

.tooltip-wrap { position: relative; cursor: pointer; } 

.detail .fa-building { margin-right: 12px; } 

.fa-building { margin-left: 1px; } 



.detail.navy-headline:before { content: ''; display: block; height: 7px; background: linear-gradient(135deg, #205ba3 0%, #0c2442 100%); border-radius: 5px 5px 0 0; } 

.tooltip-inner .navy-headline { background: linear-gradient(135deg, #205ba3 0%, #0c2442 100%); height: 7px; width: inherit; margin-bottom: 5px; } 

.tooltip-wrap>.tooltip-inner { display: none; position: absolute; left: 50%; width: 100px; margin-left: -50px; font-size:12px; color: #000; background-color: #fff; z-index: 10; border-radius: 5px; font-weight:500; text-align: center; line-height: 20px; overflow: hidden; } 

.tooltip-wrap>.st-tooltip-inner { display: none; position: absolute; left: 150%; bottom: 20%; width: 300px; text-align: center; border: 1px solid #ddd; } 

.mb-name.tooltip-inner { left: 64%; width: 66px; } 

.tooltip-wrap>.tooltip-inner-lg { width: 200px; margin-left: -100px; } 

.tooltip-wrap>.tooltip-inner.text-left { text-align: left; } 

.tooltip-wrap>.tooltip-inner:after { content: ''; width: 4px; height: 4px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; display: inline-block; transform: rotate(137deg); position: absolute; top: 100%; margin-top: -2px; left: 50%; } 

.tooltip-wrap:hover>.tooltip-inner { display: block; } 

.tooltip-wrap:hover>.st-tooltip-inner { display: block; } 

.pre-status .auto-form { height: 200px; padding-top: 20px; } 

.pre-status .pre-status-list { position: absolute; left: 120px; top: 20px; } 

.pre-status .st-row { margin-bottom: 10px; } 

.pre-status .st-row:after { display: block; content: ""; clear: both; } 

.pre-status .st-item { position: relative; float: left; width: 120px; padding: 3px; margin-bottom: 6px; } 

.pre-status .st-item .inner { position: relative; padding: 2px 5px; border-radius: 3px; font-size: 12px; cursor: pointer; } 

.pre-status .st-item .rate { position: absolute; right: 3px; top: -15px; font-weight: bold; } 

.pre-status .st-item .subject { color: #fff; } 

.pre-status .st-item .cnt { float: right; color: #fff; } 

.pre-status .st-item .amount { position: absolute; left: 0; top: 100%; width: 100%; text-align: center; line-height: 1; font-weight: bold; } 

.pre-status .st-item .inner .detail-inner { padding: 2px; } 

#app-confirm { padding: 10px; } 

.remove-exloan-tr { font-size: 16px; } 

.remove-exloan-tr i { color: #f36767; } 

#app-confirm .card-body:after { display: block; content: ""; clear: both; } 

.app-confirm-left { float: left; width: 70%; padding: 5px; } 

.app-confirm-right { float: left; width: 30%; padding: 5px; } 

.reapp-list-btn { float: right; display: inline-block; color: #fff !important; font-size: 18px; line-height: 18px; margin-right: 15px; } 

.reapp-list-btn i { } 

.set-long-wrap { position: relative; cursor: pointer; } 

.set-long { display: none; position: absolute; left: 50%; bottom: 100%; margin-left: -60px; width: 120px; padding: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } 

.set-long input { width: 35px; } 

.set-long-wrap.open .set-long { display: block; } 

#reason-code { font-size: 13px; } 

.detail-wrap #reason-code tr td { height: 30px; } 

.table-xs tr td { height: 30px; } 


.view-reception-calc-table { cursor: pointer; } 

.rp-title { position: relative; padding: 5px; background-color: #1c2e3a; color: #fff; text-align: center; } 

.reception-calc-table-inner .rp-title .control-btns { position: absolute; right: 5px; top: 2px; } 

.reception-calc-table-inner .reception-calc-table { padding: 5px; } 

.reception-calc-table-inner .reception-calc-table .table tr thead th { background-color: #f5f5f5; } 

.reception-calc-item { position: relative; } 

.reception-calc-item .title { background-color: #6c789c !important; color: #fff; } 

.reception-calc-item .reception-calc-table-form { border-bottom: 1px solid #6c789c; } 

.reception-calc-item .reception-calc-table-stats { border-bottom: 1px solid #6c789c; } 

.reception-calc-item .reception-calc-table-stats .active { background-color: #fffcde; } 

.reception-calc-item .reception-calc-calendar-inner { display: none; position: absolute; right: 100%; top: 0; width: 400px; } 

.reception-calc-item.open .reception-calc-calendar-inner { display: block; background-color: #fff; } 

.reception-calc-item.open .reception-calc-calendar-inner .table tr th { background-color: #6c789c !important; color: #fff; } 

.reception-calc-item.open .reception-calc-calendar-inner .scrollbar-inner { height: 250px; } 



.reception-calc-item .view-reception-calc-calendar { float: left; color: #fff; } 

.rp-title { position: relative; } 

.rp-title .view-item-list { position: absolute; left: 5px; top: 3px; color: #ffcb2f; } 


.reception-view-item-list { background-color: #fff; border: 2px solid #1c2e3a; } 

.reception-item-list-wrap .reception-item-list { padding: 5px; } 

.reception-item-list.disabled .reception-bf-list-table { position: relative; } 

.reception-item-list.disabled .reception-bf-list-table:after { display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); } 

.reception-item-list.disabled .ajax-reception-submit { display: none; } 

.reception-calc-table-wrap { position: relative; } 

.reception-calc-table-inner { width: 100%; } 

.wrap-toggle-control { display: none; } 


.is_repay { background-color: #ffecea; } 


.members-status .scrollbar-inner { height: 620px}

.ex-loan-list { font-size: 12px; margin-bottom: 10px; } 

.ex-loan-list li { padding: 2px 0; } 

.ex-loan-list li .text-blue { color: #333595; } 

.ex-loan-list li .active { background-image: url(/img/confirm.png); background-repeat: no-repeat; background-position: -6px -3px; } 

.ex-loan-list li span { margin-right: 7px; } 

.ex-loan-list li .hover-wrap { position: relative; } 

.ex-loan-list li .hover-wrap span { display: none; position: absolute; left: 80%; bottom: 11px; width: 150px; padding-left: 20px; line-height: 1; color: #ba2a34; background-image: url(/img/hover_allow.png); background-repeat: no-repeat; } 

.ex-loan-list li .hover-wrap:hover span { display: inline-block; } 

.ex-loan-list li.loan-list-dambo { border-top: 1px dashed #1c2e3a; } 

.ex-loan-total { font-weight: bold; font-size: 12px; text-align: right; } 

.ex-loan-total span { margin-left: 5px; } 


#rp-list .label-box.ex-reception { background-color: #ffe8e8; } 


.loan-schedule-wrap { } 

.loan-schedule-wrap .loan-schedule-btn { } 

.loan-schedule-wrap .loan-schedule-list { position: relative; } 

.loan-schedule-wrap .loan-schedule-list .loan-schedule-table { position: absolute; right: 0; top: 0; width: 400px; background-color: #fff; z-index: 100; } 

.loan-schedule-wrap .loan-schedule-list .loan-schedule-table .scrollbar-inner { max-height: 300px; } 


.jnt-refresh-btn { font-size: 14px; color: #6b4c9c; cursor: pointer; } 


.loan-schedule-table .active { background-color: #feffea !important; } 

.is-error { border: 2px solid #F44336 !important; background-color: #ffefee !important; } 


.time-wrap { position: relative; color: #660000; font-size: 13px; } 

.time-wrap .time-wrap-inner { display: none; position: absolute; left: 50%; bottom: 15px; width: 80px; margin-left: -40px; background-color: #fff; border: 1px solid #ddd; padding: 3px; text-align: center; } 

.time-wrap:hover .time-wrap-inner { display: block; } 

span.time-wrap { float: right; } 

.table thead .auto-input { background: none !important; border: none; width: 100%; text-align: center; } 

.table thead .auto-input:placeholder { color: #333 !important; } 


.chat-control-btns { padding: 5px; } 

chat-control-btns a { position: relative; top: 2px; } 

.chat-rp-item-list { padding: 5px; } 

.chat-file-input { display: none; } 

.copy-txt { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; } 

.bj-ing-btn { position: relative; } 

.bj-ing-btn .cnt { position: absolute; right: -10px; top: -5px; width: 16px; height: 16px; line-height: 16px; font-size: 10px; background-color: #000; color: #fff; border-radius: 50%; } 


.jnt-member-list { padding: 3px; } 

.jnt-member-list:after { display: block; content: ""; clear: both; } 

.jnt-member-list li { float: left; width: 50%; padding: 3px; } 

.jnt-member-list li.jnt-member-half { width: 100%; clear: both; line-height: 1; color: #fff; background-color: #6b4c9c; text-align: center; } 

.jnt-member-list li .member-info { display: block; border-radius: 20px; border: 1px solid #ddd; } 

.jnt-member-list li .rank { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #fff; color: #6b4c9c; background-color: #d8bfff; text-align: center; font-size: 12px; font-weight: bold; } 

.jnt-member-list li .name { } 

.jnt-member-list li .values { float: right; margin-right: 5px; } 

.jnt-member-list li .rank { display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; background-color: #fff; color: #6b4c9c; background-color: #d8bfff; text-align: center; font-size: 12px; font-weight: bold; } 

.jnt-member-list li .name { } 

.jnt-member-list li .values { float: right; margin-right: 5px; } 


.jnt-member-list li .member-info.live { background-color: #fdffe7; } 

.jnt-member-list li .member-info.live .rank { background-color: #ffeb3b; } 

.jnt-member-list li .member-info.die { } 

.jnt-member-list li .member-info.out { background-color: #f5f5f5; } 

.jnt-member-list li .member-info.out .name,
.jnt-member-list li .member-info.out .values { text-decoration: line-through; } 


.form-control-transparent { background-color: transparent; } 


.status-bj-ing { position: absolute; right: 80px; top: -1px; color: #f36767; } 

.refresh-bj-ing { position: absolute; right: 127px; top: -1px; color: #333; } 

.chat-ly-require { display: inline-block; position: relative; font-size: 16px; } 

.chat-ly-require .recieve { display: none; } 

.chat-ly-require .send { color: #ccc !important; } 

.chat-ly-require.recieve { color: #f44336 !important; font-size: 20px; } 

.chat-ly-require.recieve .send { display: none; } 

.chat-ly-require.recieve .recieve { display: inline-block; } 

.ly-control { position: absolute; right: 0; top: 0; } 

.ly-control ul { } 

.ly-control ul:after { display: block; content: ""; clear: both; } 

.ly-control ul li { float: left; } 

.ly-control ul li:first-child { } 

.ly-control ul li .ly-btn { display: block; width: 30px; height: 30px; line-height: 30px; color: #fff; } 

.ly-control ul li .ly-save-btn { background-color: #4caf50; } 

.ly-control ul li .ly-close-btn { background-color: #e91e63; } 


.pop-close-alert { display: none; position: absolute; left: 50%; top: 80px; width: 300px; margin-left: -100px; padding: 15px; border: 1px solid #ddd; border-radius: 15px; background-color: #1c2e3a; text-align: center; } 

.pop-close-alert .pop-close-alert-btn { display: inline-block; padding: 3px; width: 80px; margin-left: 10px; border-radius: 5px; } 

.pop-close-alert .pop-close-alert-btn:first-child { margin-left: 0; } 

.pop-close-alert .pop-close-alert-btn { background-color: #4caf50; color: #fff; } 

.pop-close-alert .pop-close-btn { background-color: #e91e63; color: #fff; } 

.pop-close-alert .pop-close-cancel-btn { background-color: #fff; color: #333; } 


.pop-confirm-alert { display: none; position: absolute; left: 50%; top: 80px; width: 800px; padding: 5px; margin-left: -400px; background-color: #fff; background-color: #1c2e3a; border-radius: 5px; } 

.pop-confirm-alert .pop-confirm-header { padding: 3px; text-align: center; color: #fff; } 

.pop-confirm-alert .pop-confirm-body { padding: 5px; background-color: #fff; border-radius: 5px; } 

.pop-confirm-alert .result-area { padding: 5px; margin-bottom: 5px; } 

.pop-confirm-alert .confirm-area { padding: 5px; margin-bottom: 5px; text-align: center; } 

.pop-confirm-alert .confirm-memo { display: block; width: 100%; border: 1px solid #ddd; } 


.total-tr { background-color: #fdffe8 !important; } 

.total-tr th { background-color: #fbed78 !important; } 


.search-form-area { padding: 5px; background-color: #fff; } 

.search-form-area .search-form { } 


.box-wrap { position: relative; } 

.box-wrap .box-inner { display: block; position: absolute; left: 50%; bottom: 100%; width: 200px; padding: 5px; margin-left: -100px; border-radius: 5px; background-color: #fff; border: 1px solid #ddd; } 

.box-wrap.open .box-inner { display: block; } 

.account-table tr th,
.account-table tr td { line-height: 1.5 !important; padding: 10px 5px !important; } 

.table tr th.td-title,
.table tr td.td-title { text-align: center; } 


.td-bg-1 { background-color: #fffdf6; } 

.td-bg-2 { background-color: #fbfffa; } 

.td-bg-3 { background-color: #f5fdff; } 

.td-bg-4 { background-color: #faf5ff; } 

.td-bg-5 { background-color: #fff5fb; } 

.td-bg-6 { background-color: #fffaf5; } 

.td-bg-7 { background-color: #fff5f5; } 


.table-text-right tr td:not(.td-title) { text-align: right; } 


.tr-hover-item { cursor: pointer; } 

th.tr-hover-active,
td.tr-hover-active { background-color: #fff59d !important; color: #333 !important; } 

th.tr-sort-active,
td.tr-sort-active { background-color: #d2ff9d !important; color: #333 !important; } 

.stats-box { } 

.stats-box .value { position: relative; font-size: 26px; text-align: right; } 

.stats-box .value strong { font-size: 1.2em; } 

.stats-box .value .margin { position: absolute; left: 30px; top: -25px; font-size: 18px; } 

.stats-box .card-body { min-height: 260px; padding: 30px 15px; } 


#bond-month-chart { position: absolute; right: 5px; top: 85px; } 

#bond-chart { } 

#bond-list { position: absolute; right: 5px; top: 30px; width: 200px; } 

#bond-total-list { position: absolute; right: 5px; top: 30px; width: 300px; } 

#bond-remain-chart { position: absolute; left: -15px; top: 120px; width: 350px; } 

#idea-total-chart { } 

.stats-box .img { width: 30px; border-radius: 50%; } 


.date-control { position: relative; text-align: center; } 

.date-control .date-btn { position: absolute; top: 0; display: inline-block; padding: 5px; background-color: #333; color: #fff; border-radius: 3px; line-height: 1; } 

.date-control .date-prev-btn { left: 0; } 

.date-control .date-next-btn { right: 0; } 

.date-control .date { float: none; } 

.table-old { width: auto; border-spacing: 0; border-collapse: collapse; font-size: 12px; line-height: 1.4; letter-spacing: 0px; } 

.table-old tr th,
.table-old tr td { border: 1px solid #c9c9c9; padding: 10px 5px !important; color: #3e3e3d; font-family: '굴림', Gulim, '돋움', Dotum, sans-serif, arial; } 

.table-old tr th { background-color: #f0f0f0 !important; font-weight: bold; } 

.chrown-red { color: #f44336; } 

.chrown-blue { color: #2196f3; } 

.chrown-yellow { color: #ffc107; } 

.quick-process-btn-list { } 

.quick-process-btn-list li { margin-bottom: 5px; } 

.quick-process-btn-list li a { line-height: 60px; } 


.rsc-danger { background-color: #ffe4e4 !important; } 

.rsc-danger th { background-color: #ffd9d9 !important; } 

.summary-loan-list { } 

.summary-loan-list td { text-align: right; } 


.label-btn-wrap { position: relative; } 

.label-btn-wrap:after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 0; margin-left: -5px; margin-top: 5px; background-color: #ff5722; } 

.label-btn-wrap .label-chk { display: none; } 


.label-btn-wrap { } 

.label-btn-wrap .label-chk { } 

.label-btn-wrap .label-btn { position: relative; font-weight: bold; } 

.label-btn-wrap .label-chk:checked+.label-btn:after { display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; z-index: 0; background-color: #fc0; } 

a.star { color: #ccc; } 

a.star.star_active { color: #e91e63; fill: #e91e63; } 

.memo-wrap .scrollbar-inner { max-height: 200px; } 

.memo-list { } 

.memo-list li { position: relative; padding: 3px; padding-right: 30px; text-align: left; font-size: 12px; border-top: 1px dotted #919191; } 

.memo-list li:first-child { border: none; } 

.memo-list li:after { display: block; content: ""; clear: both; } 

.memo-list li .msg { } 

.memo-list li .datetime { position: absolute; right: 5px; top: 5px; } 

.highlight { position: relative; background-color: #ffeb3b; } 

.bfapp-table { } 

.bfapp-tr { } 

.bfapp-tr.active { background-color: #ffe8c7; } 

.bfapp-input.active { border-color: #ff9800; border-width: 2px; } 


.fn4-box { position: relative; } 

.fn4-box .table { width: 300px;  left: 0; top: -50px; } 


.slice-wrap { } 

.slice-wrap .slice-item { padding: 0 10px; position: relative; } 

.slice-wrap .slice-item:after { display: block; content: ""; width: 1px; height: 100%; background-color: #aaa; position: absolute; left: 0; top: 0; } 

.slice-wrap .slice-item:first-child { padding-left: 0; } 

.slice-wrap .slice-item:first-child:after { display: none; } 


.client-form-target-box { width: 400px; } 

.client-form-case-box { width: 1100px; } 

.rp-case-wrap { position: relative; width: 100%; height: 70px; overflow: hidden; } 

.rp-case-wrap:after { display: block; content: ""; clear: both; } 

.rp-case-wrap .rp-case-item { display: block; float: left; font-size: 12px; min-width: 120px; text-align: center; } 

.rp-case-wrap .rp-case-item .rp-case-item-inner { display: block; position: relative; margin-top: 20px; border: 3px solid #224774; border-radius: 10px; } 

.rp-case-wrap .rp-case-item .name { display: block; padding: 2px 10px; font-size: 12px; background-color: #224774; color: #fff; } 

.rp-case-wrap .rp-case-item .cnt { display: block; position: absolute; left: 50%; top: -23px; width: 90px; margin-left: -45px; border: 2px solid #224774; background-color: #fff; color: #224774; border-radius: 30px; font-size: 12px; } 

.rp-case-wrap .rp-case-item .info { display: block; padding: 2px; } 

.rp-case-wrap .rp-case-item .info .amount { margin-right: 5px; } 

.rp-case-wrap .rp-case-item .info .rate { } 

.rp-case-wrap .rp-case-item .actived { position: relative; z-index: 10; font-weight: bold; } 

.rp-case-wrap .rp-case-item .actived:after { display: block; width: 100%; height: 5px; position: absolute; left: 0; bottom: 2px; content: ""; background-color: #ffe92c; z-index: -1; } 

.rp-case-wrap .rp-case-item .label-chk:checked+.rp-case-item-inner { border-color: #ff5722; } 

.rp-case-wrap .rp-case-item .label-chk:checked+.rp-case-item-inner .name { background-color: #ff5722; } 

.rp-case-wrap .rp-case-item .label-chk:checked+.rp-case-item-inner .cnt { border-color: #ff5722; color: #ff5722; } 

.rp-case-wrap .reception-exp-btn { display: block; position: absolute; right: 0; top: 0; width: 80px; height: 100%; background-color: #ffc107; font-size: 14px; font-weight: bold; border-radius: 3px; } 


.tr-row-top { } 

.tr-row-top td { height: 60px; } 

.tr-row-bottom { border: 1px solid #dedede; } 

.tr-row-bottom td:nth-of-type(3),
.tr-row-bottom td:nth-of-type(4),
.tr-row-bottom td:nth-of-type(5) { border: none; } 

.date-control { } 

.date-control-btn { display: inline-block; position: relative; top: 0; height: 24px; line-height: 24px; padding: 0 4px; background-color: #333; color: #fff; border-radius: 5px; cursor: pointer; font-size: 12px; } 

.date-control-btn.active { background-color: #8bc34a; } 

.reverse-icon i { transform: rotate(180deg); } 


.require_plus_amount { color: #f44336; } 

.require_repay_amount { color: #2196f3; } 


.rp-wrap { padding: 15px; width: 390px; margin: 0 auto; overflow: hidden; } 

.rp-list { } 

.rp-list:after { display: block; content: ""; clear: both; } 

.rp-list a { display: block; float: left; width: 120px; border-left: 1px solid #ddd; } 

.rp-list a:first-child { border-left: none; } 

a.rp-item.pin { background: #efefef; } 

.rp-list-control { position: absolute; left: 0; top: 15px; width: 100%; padding: 4px 0; } 

.rp-list-control .rp-list-btn { position: absolute; top: 5px; color: #213b5b; } 

.rp-list-control .rp-list-prev { left: 5px; } 

.rp-list-control .rp-list-next { right: 5px; } 

.refresh-cfg-update-btn { position: absolute; right: 15px; top: 10px; color: #fff !important; font-size: 20px; z-index: 10000; } 

.reception-calc-table-rp { border: 2px solid #1c2e3a; margin-top: 5px; } 

.reception-calc-table-rp .reception-calc-table-rp-head { padding: 10px; background-color: #1c2e3a; color: #fff; } 

.reception-itdiv-nav .reception-itdiv-nav-item { } 

.reception-calc-table { position: relative; } 

.reception-calc-table .reception-calc-item { display: none; } 

.reception-calc-table .reception-calc-item:first-child { display: block; } 

.line-through { text-decoration: line-through; } 

.ajax-list-del { } 

.ajax-list-del.none { color: #ff5722; } 

.reapp-stats-status { } 

.reapp-stats-status .reapp-stats-control { position: relative; } 

.reapp-stats-status .reapp-stats-control .title { position: absolute; left: 0; top: 0; padding: 1px; } 

.reapp-stats-status .control-title { position: relative; display: inline-block; padding: 0 10px; cursor: pointer; } 

.reapp-stats-status .control-list { display: inline-block; width: 100px; position: absolute; left: 50%; top: 15px; padding: 5px 0; margin-left: -50px; background-color: #fff; border-radius: 10px; border: 1px solid #ddd; z-index: 20; } 

.reapp-stats-status .control-list .control-item { display: block; width: 100%; padding: 3px; } 

.reapp-stats-status .control-list .control-item:hover { background-color: #f5f5f5; } 



.status-utils { position: absolute; right: 5px; top: 5px; width: 120px; z-index: 10; } 

.status-utils ul { } 

.status-utils ul li { margin-bottom: 5px; } 

.status-utils ul li a { display: block; text-align: left; } 

.status-utils ul li a:after { display: block; content: ""; clear: both; } 

.status-utils ul li a .cnt { float: right; } 


.working-box { } 

.working-box .table tr th { padding: 0; } 

.working-box .table tr th .label-btn { display: block; width: 100%; } 

.working-box .table tr th .label-btn .btn { display: block; width: 100%; } 


.menu-area { position: absolute; right: 15px; top: 5px; } 

.menu-area .menu-btn { color: #fff; font-size: 20px; } 

.menu-area .menu-list { display: none; position: absolute; right: 0; top: 100%; width: 130px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } 

.menu-area .menu-list li { border-top: 1px solid #ddd; } 

.menu-area .menu-list li:first-child { border-top: none; } 

.menu-area .menu-list li a { display: block; padding: 5px 10px; text-align: center; } 

.menu-area .menu-list li a i { float: left; } 

.menu-area.open .menu-list { display: block; } 

.menu-area .menu-list li:hover { bakcground-color: #f5f5f5; } 


.table-hover { } 

.table-hover>tbody>tr { cursor: pointer; } 

.table-hover>tbody>tr:hover { background-color: #fff59d !important; } 

.table-hover>tbody>tr:hover th { background-color: #fdee6c !important; } 

.table-hover>tbody>tr:hover>.hover-active { color: #f44336; font-weight: bold; } 


.switch-label { position: relative; display: inline-block; border: 2px solid #ff9800; border-radius: 30px; } 

.switch-label:after { display: block; content: ""; clear: both; } 

.switch-label .switch-label-item { display: block; float: left; font-size: 12px; cursor: pointer; } 

.switch-label .switch-label-item .input-chk { display: none; } 

.switch-label .switch-label-item .name { position: relative; display: block; padding: 2px 15px; text-align: center; color: #ff9800; border-radius: 30px; line-height: 16px; } 

.switch-label .switch-label-item .name .new { display: block; position: absolute; left: 5px; top: -9px; width: 16px; height: 16px; line-height: 16px; font-size: 10px; border-radius: 50%; background-color: #f44336; color: #fff; } 

.switch-label .switch-label-item .input-chk:checked+.name { background-color: #ff9800; color: #fff; font-weight: bold; } 

.switch-label.switch-label-success { border-color: #4caf50; } 

.switch-label.switch-label-success .switch-label-item .name { color: #4caf50; } 

.switch-label.switch-label-success .switch-label-item .input-chk:checked+.name { background-color: #4caf50; } 

.bj-start-control .switch-label { position: absolute; left: 50%; top: -13px; width: 61px; background-color: #fff; } 

.bj-start-control .switch-label .switch-label-item { font-size: 8px; } 

.bj-start-control .switch-label .name { padding: 0 10px; } 


.list-control:after { display: block; content: ""; clear: both; } 

.list-control-left { float: left; width: 950px; } 

/* 카드접수 금일 장수표현 */
.today-list-member {text-align: center;}

.today-list-member table {border-collapse: collapse; height: 50px;margin-left: 585px;}

.today-list-member table th,.today-list-member table td {padding: 0px 4px;}

.today-list-member table tr {background-color: #009879; color: #fff;}

.today-list-member table tr:last-child {background: #fff; color: #000; border-bottom: 1px solid #009879;}

.today-list-member table tr td {border-right:1px solid #cdd8ea; border-left: 1px solid #cdd8ea;}


/* 어디민 혹은 card00 이 아닌 계정만보이는 테이블 */
.today-list-total table {border-collapse: collapse; margin-left: 170px; text-align: center;}

.today-list-total table tr:first-child {background-color: #009879; color: #fff;}

.today-list-total table tr:last-child {background-color: #fff; color: #000; border-bottom: 1px solid #009879;}

.today-list-total table tr td {border-right:1px solid #cdd8ea; border-left: 1px solid #cdd8ea;}


.list-control-right { float: right; } 

.list-control-todo { float: left; } 

.pre-status-list { } 

#reapp-box .util-area { position: absolute; right: 5px; top: 5px; } 

.sort-control { } 

.sort-control .sort-item { padding: 0; } 

.sort-control .sort-item a { position: relative; display: block; padding: 3px; padding-bottom: 13px; line-height: 1; } 

.sort-control .sort-item i { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; line-height: 1; opacity: .2; } 

.sort-control .sort-item.active i { color: #ff5722; opacity: 1; } 

.sort-control .sort-item.desc i { transform: rotate(180deg); } 

.sort-control .sort-item .sort-cnt { position: absolute; left: 0; bottom: 100%; color: #f44336; } 

.div-group-control { } 

.div-group-control .div-group-btn { display: inline-block; position: relative; top: 2px; height: 24px; line-height: 24px; padding: 0 4px; background-color: #333; color: #fff; border-radius: 5px; cursor: pointer; font-size: 12px; } 

.div-group-control .div-group-btn.active { background-color: #ff9800; } 


.bj-list-btn { cursor: pointer; } 

.bj-list-btn .detail-inner { color: #555; } 

.bj-list-btn .detail-inner .scrollbar-inner { height: 250px; } 


.range-sort-wrap { position: relative; } 

.range-sort-inner { display: none; position: absolute; left: 50%; bottom: 100%; z-index: 100; background-color: #fff; border: 1px solid #ddd; } 

.range-sort-wrap.active { background-color: #ffe2e2; } 

.range-sort-inner .range-sort-set { padding: 5px; } 

.range-sort-inner ul { } 

.range-sort-inner ul:after { display: block; content: ""; clear: both; } 

.range-sort-inner ul li { float: left; width: 40px; padding-top: 20px; border-left: 1px solid #ddd; cursor: pointer; } 

.range-sort-inner ul li:first-child { border: none; } 


.range-sort-inner ul li .bar-area,
.range-sort-inner ul li .title-area { display: block; padding: 5px 0; } 

.range-sort-inner ul li .title-area { display: block; background-color: #f5f5f5; } 

.range-sort-inner ul li .bar-area { height: 100px; border-bottom: 1px solid #ddd; position: relative; } 

.range-sort-inner ul li .bar-area .bar { display: block; position: absolute; left: 20%; bottom: 0; width: 60%; background-color: #e91e63; font-size: 10px; } 

.range-sort-inner ul li .bar-area .bar .value { position: absolute; left: 50%; bottom: 100%; width: 50px; margin-left: -25px; text-align: center; } 

.range-sort-inner ul li .range-sort-chk { display: none; } 

.range-sort-wrap:hover .range-sort-inner { display: block; } 

.range-sort-inner ul li:hover .title-area,
.range-sort-inner ul li.active .title-area { background-color: #ccf3ef; } 

.range-sort-inner ul li:hover,
.range-sort-inner ul li.active { background-color: #e1fffc; } 

.range-sort-inner ul li:hover .bar,
.range-sort-inner ul li.active .bar { background-color: #009688; } 


.refresh-title { cursor: pointer; font-weight: bold; } 

.refresh-title:hover { color: #f44336; } 

/* Guide - push-list-control 부분 */
.push-list-guide .push-list-guide-inner {display: none;text-align: center;border: 1px solid #ddd; position: absolute;top: -13px;right: 80px;}

.push-list-guide:hover .push-list-guide-inner {display: block;}

.auto-form { position: relative; } 

.auto-form.focus { background-color: #f2f7fd; } 


#ex-loan tr td { position: relative; } 

#ex-loan tr td .sub-title { position: absolute; left: 0; top: 0; font-size: 10px; } 



.app-stats-table { } 

.app-stats-table tr th { width: 80px; } 

.app-stats-table tr td { width: 120px; } 

.app-stats-table .detail-inner tr:hover,
.app-stats-table .detail-inner tr.active { background-color: #feffe8; } 

.app-stats-table .detail-inner tr:hover th,
.app-stats-table .detail-inner tr.active th { background-color: #fff7b1; } 


.target-group { width: 400px; } 

.target-group:after { display: block; content: ""; clear: both; } 

.target-group .target-item { float: left; width: 25%; padding: 3px; } 

.target-group .target-item button { display: block; width: 100%; height: 90px; padding: 0 3px; text-align: center; border-radius: 3px; opacity: .05; } 

.target-group .target-item.active button { opacity: 1; } 

.target-group .target-item.jhdambo-target button { background-color: #333; } 

.target-group .target-item.p2p-target button { background-color: #4bad20; } 

.target-group .target-item.p2p-exp1 button { background-color: #ff8001; } 

.target-group .target-item.p2p-exp2 button { background-color: #002ef0; } 

.target-group .target-item .star-area { display: block; } 

.target-group .target-item .star-area .star { display: inline-block; width: 14px; height: 14px; background-image: url(/img/icon/icon_target_star.png); } 

.target-group .target-item .title-area { line-height: 1; color: #fff; } 

#job_size-job_type1 { padding: 50px 0; } 

#job_size-job_type1 .scrollbar-inner { height: 300px; } 

.td-status { position: relative; font-size: 16px; color: #fff; font-weight: 500; } 

span.rp-status { font-size: 14px; font-weight: 500; } 

strong.rp-status { float: left; } 

span.rp-amount { font-size: 14px; } 

.is-old-db { display: block; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; line-height: 18px; font-weight: bold; font-size: 10px; border-radius: 50%; background-color: #333; color: #cddc39; border: 2px solid #cddc39; } 

.new-circle { display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background-color: #f44336; color: #fff; border-radius: 50%; } 

.div-set-control { position: relative; } 

.div-set-control .div-set-info { position: absolute; right: 0; bottom: 100%; padding: 10px; margin-bottom: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; width: 300px; } 

.div-set-control .div-set-info .cnt-info { float: right; } 


.member-today-stats-box { } 

.member-today-stats-box .scrollbar-inner { max-height: 200px; } 

.member-today-stats-box:after { display: block; content: ""; clear: both; } 

.member-today-stats-box .mts-group { float: left; } 

.member-today-stats-box .mts-group .title { } 

.member-today-stats-box .mts-group .mts-item-row { } 

.member-today-stats-box .mts-group .mts-item-row:after { display: block; content: ""; clear: both; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item { float: left; width: 130px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item li { padding: 2px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item li .inner { padding: 2px; border: 1px solid #ddd; border-radius: 3px; font-size: 13px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .name { margin-right: 5px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .status { color: #aaa; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .cnt { } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .plus { float: right; cursor: pointer; color: #009688; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .status.active { color: #f44336; } 


.member-today-stats-box .btn-sm { line-height: 16px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .inner { position: relative; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .inner .hover-control-box { display: none; position: absolute; left: 50%; bottom: 100%; width: 100px; margin-left: -50px; text-align: center; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .inner:hover .hover-control-box { display: block; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .inner .hover-control-box .block-div-add-btn { color: #aaa; } 

.member-today-stats-box .mts-group .mts-item-row .mts-item .inner .hover-control-box .block-div-add-btn.active { color: #f44336; } 


#todo-status-box { } 

.todo-wrap .todo-row { } 

.todo-wrap .todo-row:after { display: block; content: ""; clear: both; } 

.todo-wrap .todo-col { width: 250px; float: left; padding: 0 5px; } 

.todo-wrap .todo-col tr { cursor: pointer; } 

.todo-col tr td { height: 33px; } 

.todo-wrap .todo-col .table-success tr:hover,
.todo-wrap .todo-col .table-success tr.active { background-color: #e1ffe3; } 

.todo-wrap .todo-col .table-success tr:hover>th,
.todo-wrap .todo-col .table-success tr.active>th { background-color: #00b050; color: #fff; } 

.todo-wrap .todo-col .table-info tr:hover,
.todo-wrap .todo-col .table-info tr.active { background-color: #dcfbff; } 

.todo-wrap .todo-col .table-info tr:hover>th,
.todo-wrap .todo-col .table-info tr.active>th { background-color: #1f9fce; color: #fff; } 

.todo-wrap .todo-col .label-btn { } 

.todo-wrap .todo-col .label-btn span { display: inline-block; padding: 1px 5px; border: 1px solid #ddd; border-radius: 10px; } 

.todo-wrap .todo-col .table-success .label-btn .label-chk:checked+span { background-color: #00b050; border-color: #00b050; color: #fff; } 

.todo-wrap .todo-col .table-info .label-btn .label-chk:checked+span { background-color: #1f9fce; border-color: #1f9fce; color: #fff; } 

.todo-wrap .todo-col th { padding: 0; } 

.todo-wrap .todo-col td { padding: 0 3px; } 

.todo-wrap .todo-col th .label-btn,
.todo-wrap .todo-col th .label-btn .btn { display: block; width: 100%; } 

.todo-tr { position: relative; } 

.todo-tr .todo-inner { display: none; position: absolute; right: 100%; top: 0; width: 200px; background-color: #fff; padding: 5px; border: 1px solid #ddd; z-index: 100; color: #333; } 

.todo-tr.todo-tr-right .todo-inner { left: 100%; } 

.todo-tr:hover>th>.todo-inner { display: block; } 

.todo-tr.active>th>.todo-inner { display: block; z-index: 101; } 

.todo-tr .todo-inner .scrollbar-inner { max-height: 300px; } 

.stats-detail-wrap { position: relative; } 

.stats-detail-wrap .stats-detail-inner { display: none; position: absolute; left: 0; top: 100%; width: 200px; background-color: #fff; border-radius: 5px; } 

.stats-detail-wrap:hover .stats-detail-inner { display: block; } 

.stats-detail-wrap .stats-detail-inner .table tr { cursor: pointer; } 

.stats-detail-wrap .stats-detail-inner .table tr:hover { background-color: #e1ffe3; } 


.stats-detail-wrap .stats-detail-inner .table th { background-color: #4caf50; color: #fff; } 

.stats-detail-wrap .stats-detail-inner .table td { color: #333; } 


.reception-form-btn { position: absolute; left: 5px; top: 1px; color: #213b5b !important; } 

.label-color-chk { } 

.label-color-chk .input-chk { display: none; } 

.label-color-chk .label-txt { color: #888; } 

.label-color-chk .input-chk:checked+.label-txt { color: #ff8001; } 

.update-log-btn { position: relative; } 

.update-log-btn .update-log-inner { display: none; position: absolute; right: 100%; top: 0; width: 400px; border: 1px solid #e1e5c0; background-color: #fcffe0; padding: 5px; z-index: 100; } 

.update-log-btn .scrollbar-inner { max-height: 300px; } 

.update-log-btn .update-log-inner.open { display: block; } 

.update-log-inner .table { font-size: 13px; } 

.update-log-inner .table tr td { height: auto; } 



.update-log-btn .scrollbar-inner ul { font-size: 13px; } 

.update-log-btn .scrollbar-inner ul li { margin-top: 5px; border-top: 1px dashed #dde3ab; } 

.update-log-btn .scrollbar-inner ul li .upt-type { float: left; width: 60px; } 

.update-log-btn .scrollbar-inner ul li .upt-datetime { float: left; width: 80px; } 

.update-log-btn .scrollbar-inner ul li:first-child { margin-top: 0; border: none; } 

.update-log-btn .scrollbar-inner ul li:after { display: block; content: ""; clear: both; } 


.app-box { padding: 5px 9px; border-radius: 5px 20px; text-align: center; font-size: 13px; } 

.app-real-box.app-box { background-color: #002ef0; color: #fff; margin-bottom: 5px; } 

.app-exp-box.app-box { background-color: #009688; color: #fff; } 

.app-box .title { border-bottom: 2px dashed rgba(255, 255, 255, .5); padding: 3px; } 

.app-box .app-info { padding: 3px 0; } 

.app-box .app-info:after { display: block; content: ""; clear: both; } 

.app-box .app-info span { display: block; float: left; width: 60%; } 

.app-box .app-info span.cnt { width: 40%; } 

.clinet-del-btn { position: absolute; left: 0; top: 0; } 

#pop-wrap { padding: 10px; margin:0 auto; } 

#pop-wrap.stats_rank2{ background:url(bonus-bg.png); background-position: center 0; }
#pop-wrap.stats_rank2_team_ver { background:url(bonus-bg.png); background-position: center 0; }
#pop-wrap.stats_rank2 .tooltip-wrap>.tooltip-inner { box-shadow:0 0 3px 1px #ffebd6; color:#fffff2; background:#363636; }

#pop-wrap.stats_rank2 .logo-box{ position:relative; margin:120px auto 10px; width:740px; padding:5px 20px; background:#1d1d20; border-radius:20px; border:2px solid #dbc6b2; box-shadow:0 0 15px 1px #dbc6b2; display:flex; justify-content:space-between; align-items:center; }
#pop-wrap.stats_rank2 .logo-box .logo{ position:absolute; left:calc(50% - 112px); top:-119px; z-index:10; }
#pop-wrap.stats_rank2 .logo-box a{  }

/* 매출랭킹 - 월별 매출 */
#pop-wrap.stats_rank2 .monthly{ position:absolute; left:30px; width:180px; box-shadow:0 0 5px 2px #434957; border-radius:5px;}
#pop-wrap.stats_rank2 .monthly table{ border-spacing:0; width:182px; }
#pop-wrap.stats_rank2 .monthly table tr th{ background:#186de3; color:#fff; padding:5px 10px; }
#pop-wrap.stats_rank2 .monthly table tr td{ background:#1d1c21; border-top:1px solid #434957; padding:5px 10px; }
#pop-wrap.stats_rank2 .monthly table tr td{ text-align:left; color:#fff; border-right:1px solid #434957; }
#pop-wrap.stats_rank2 .monthly table tr td:last-child{color:#e9dec2; }
#pop-wrap.stats_rank2 .monthly .month-cgd { top: 0px; position: absolute; left: 101%; width: 640px; color: #fff; }
#pop-wrap.stats_rank2 .monthly .month-cgd tr td {text-align: left; color: #fff;}
#pop-wrap.stats_rank2 .monthly .month-cgd tr td:last-child {color: #fff;}
#pop-wrap.stats_rank2 .monthly .month-cgd .month-cgd-total td {text-align: center;}
#pop-wrap.stats_rank2 .monthly .month-cgd tr th {background-color: #673ab7 !important;}



/* 매출랭킹 로고 */
#pop-wrap.bonus-pop{ background: url(bonus-bg-light.png) center 260px no-repeat, url(bonus-bg.png) center 0; }
#pop-wrap.bonus-pop .logo{ margin-bottom:203px; }
#pop-wrap.bonus-pop .logo a{ position:absolute; left:calc(50% - 279px); }
.stats-cnt-area { position: absolute; top: 10px; right: 50px; width: 500px; padding:10px; background:#fff; border-radius:5px; } 

.dambo-cnt-area { position: absolute; top: 23px; right: 20px; width: 350px; background:#fff; padding:10px; border-radius:5px;} 
.dambo-cnt-area .tooltip-wrap>.st-tooltip-inner{ background:#fff; }

.stats-cnt-area .table tr th,
.stats-cnt-area .table tr td { padding: 2px; font-size: 14px; } 

.data-table { } 

.data-table tr td { border: 1px dashed #e3e3e3 !important; } 

.data-table thead tr { border-top: 2px solid #ffbdbd; border-bottom: 2px solid #ffbdbd;  } 

.data-table thead tr th { background-color: #ffeded !important; } 

.data-table tbody .jh-all-group { color: #383838; font-size: 18px; font-weight: 600; box-shadow: 0 0 3px #9d9d9d; }

.data-table tbody tr { cursor: pointer; } 

.data-table tbody tr:hover { background-color: #f5f5f5; } 

.data-table tbody tr:hover .td-rate { color: #f44336; } 

.data-table tbody tr:hover th { background-color: #5870f3; color: #fff; } 

.data-table tbody tr td { text-align: right; } 

.data-table tr td.td-splt { border-right: 1px solid #ddd !important; } 

.data-table tr td.td-zero { opacity: .2; } 

.data-table tr td.td-good { background-color: #ccffce; } 

.data-table tr td.td-bad { background-color: #ffeded; } 

.data-table tr td.td-strong { color: #3f51b5; font-weight: bold; } 

.data-table tbody tr td.small { font-size: .8em; } 

.data-table tbody tr.row-group { background-color: #dcf0ff; border-top: 2px solid #7cc5ff; } 

.data-table tbody tr.row-group th { background-color: #a9daff; color: #333; } 

.data-table tbody tr.tr-total { background-color: #fffacb; } 

.data-table tbody tr.tr-total th { background-color: #f1e786; color: #333; } 

.data-table tbody tr.tr-subtotal { background-color: #8facf7; } 

.data-table tbody tr.tr-subtotal th { background-color: #8596df; color: #333; } 

.data-table .sort-btn { display: block; position: relative; } 

.data-table .sort-btn:after { display: block; content: ""; position: absolute; right: 5px; top: 2px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #333; background: url(/img/icon/icon_sort.png) no-repeat 3px 4px; background-size: 10px; opacity: .5; } 

.data-table .sort-btn.active:after { background-color: #ffeb3b; border-color: #c9b71e; opacity: 1; } 

.display-none { display: none; } 

.view-intern {position: relative;}

.view-intern:hover .intern-bubble {display: block;}

.intern-bubble {font-weight: bold;font-size: 14px; color:#000;padding:3px; display: none; position: absolute; border:2px solid #5FADFB; background-color: #fff; border-radius: 10px; top: -20px;}

.intern-bubble:after {content: ''; position: absolute; bottom:-12px; left:50%; width: 0; height: 0;transform:translate(-50%, 0); border-top:12px solid #5fadfb; border-left:12px solid transparent; border-right:12px solid transparent; }
.intern-bubble:before{ content:''; display:block; position:absolute; bottom:-9px; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; left:50%; transform:translate(-50%, 0); z-index:1; }

.diriect-push-confirm { } 

.row-group .th-title { position: relative; } 

.row-group .th-title:after { display: block; content: ""; position: absolute; right: 5px; top: 6px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #333; background: url(/img/icon/icon_sort.png) no-repeat 3px 4px; background-size: 10px; opacity: .5; } 


.nice-card-stats-item { display: inline-block; padding: 2px 4px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; } 

.nice-card-stats-item.active { background-color: #f36767; color: #fff; } 

.app-form-box { padding: 10px; } 

.list-target-item { cursor: pointer;  position: relative;} 

.list-target-item img { width: 24px;} 

.list-target-item .card-status-text {position: absolute; min-width: 80px; bottom: 100%; border-radius: 25px; max-width: 100px; right: 50%; transform: translate(50%, 0%);
}

/* 카드상태별 색상 */
.list-target-item .card-status-99 {background-color: #ebdbff; color: #333;}
.list-target-item .card-status-1 {background-color: #fffbd1; color: #333;}
.list-target-item .card-status-5 {background-color: #ffd044; color: #333;}
.list-target-item .card-status-10 {background-color: #ffcb30; color: #333;}
.list-target-item .card-status-13 {background-color: #e3d531; color: #333;}
.list-target-item .card-status-15 {background-color: #fff5da; color: #333;}
.list-target-item .card-status-18 {background-color: #fff5da; color: #333;}
.list-target-item .card-status-20 {background-color: #7c6e6e; color: #fff;}
.list-target-item .card-status-30 {background-color: #33b26f; color: #fff;}
.list-target-item .card-status-35 {background-color: #33b26f; color: #fff;}
.list-target-item .card-status-40 {background-color: #393939; color: #fff;}
.list-target-item .card-status-80 {background-color: #393939; color: #fff;}
.list-target-item .card-status-90 {background-color: #393939; color: #fff;}
.list-target-item .card-status-95 {background-color: #393939; color: #fff;}
.list-target-item .card-status-100 {background-color: #3f51b5; color: #fff;}
.list-target-item .card-status-105 {background-color: #3f51b5; color: #fff;}



.pinking { margin-top: 30px; } 

.pinking:before { display: block; content: ""; position: absolute; left: 0; top: -20px; width: 100%; height: 17px; background-image: url(/img/pinking.png); } 

.rpcd-app-form { padding: 5px; } 

a.status100-form-btn { color: #ffeb3b; font-size: 20px; position: relative; top: 3px; } 

.list-col { float: left; } 

.reception-card-stats-1 .scrollbar-inner { max-height: 200px; } 

.reception-card-stats-2 .scrollbar-inner {max-height:100px; margin-bottom: 10px; }

.apply-card-wrap{
  border-top:1px solid #ddd;
  margin-bottom:10px;
}


.back-overlay { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 100; } 


.stats-catch-area { margin-left: 30px; padding: 5px; background-color: #f5f5f5; border-radius: 10px; } 

.stats-catch-area .catch-touch { margin-right: 10px; } 

.stats-catch-area strong { color: #1d3f9e; } 

.table-row { } 

.table-row:after { display: block; content: ""; clear: both; } 

.table-row .table-col { float: left; } 



/* 민정 area */

.display-inline-block { display: inline-block; } 

.bonus-group { color: #fff; font-size: 16px; font-weight: 500; width: 100px; margin: 0 40px 0 20px; display: inline-block; } 

.grad-btn { width: 160px; height: 40px; text-align: center; line-height: 40px; display: inline-block; border-radius: 50px; transition:.3s; }

a.grad-red-btn { color: #ff6969; background: #37373a; font-size: 15px; } 

.grad-red-btn:hover { background: linear-gradient(to right, #441216 0%, #751818 50%, #441216 100%); color: #fff; font-weight: 500; } 

.grad-red-btn.active { background: linear-gradient(to right, #441216 0%, #751818 50%, #441216 100%); color: #fff; font-weight: 500; } 


a.grad-blue-btn { color: #31a4fd; background: #37373a; font-size: 15px; } 

.grad-blue-btn:hover { background: linear-gradient(to right, #262b5f 0%, #263d89 50%, #262b5f 100%); color: #fff; font-weight: 500; } 

.grad-blue-btn.active { background: linear-gradient(to right, #262b5f 0%, #263d89 50%, #262b5f 100%); color: #fff; font-weight: 500; } 

a.grad-purple-btn { color: #b879ff; background: #37373a; font-size: 15px; } 

.grad-purple-btn:hover { background: linear-gradient(to right, #3f2152 0%, #522383 50%, #3f2152 100%); color: #fff; font-weight: 500; } 

.grad-purple-btn.active { background: linear-gradient(to right, #3f2152 0%, #522383 50%, #3f2152 100%); color: #fff; font-weight: 500; } 

a.grad-pink-btn { color: #ff7fea; background: #37373a; font-size: 15px; } 

.grad-pink-btn:hover { background: linear-gradient(to right, #5e2643 0%, #842689 50%, #5e2643 100%); color: #fff; font-weight: 500; } 

.grad-pink-btn.active { background: linear-gradient(to right, #5e2643 0%, #842689 50%, #5e2643 100%); color: #fff; font-weight: 500; } 


.card .padding-10 { padding: 20px; } 

.bonus-wrap { clear: both; } 

.bonus-header { font-size: 13px; font-weight: 600; padding: 10px; background: #48484e; color: #fff; border-radius: 5px; } 

.bonus-header select { margin: 0 10px; border: 1px solid #6e6e71; outline: none; background: #000; color: #fff; height: 30px; letter-spacing: 1px; border-radius: 5px; padding:0 10px; } 


.bonus-list { height: 90px; background: rgba(55, 55, 58, .8); margin: 10px 0; border-radius: 5px; display:flex; justify-content:space-around; } 

.bonus-item { position: relative; float: left; height: inherit; } 

.bonus-item .cnt { display: block; width: 20px; height: 20px; border-radius: 5px; background: #623ef9; color: #fff; font-weight: 500; font-size: 13px; text-align: center; margin: 35px auto; line-height: 20px; } 

.bonus-item.float-right { width: 300px; } 

.bonus-item .title { display: block; height: 48px; color: #d4cfc5; font-size: 14px; line-height: 67px; } 

.bonus-item .strong-title { color: #36a4fd; font-weight: 600; } 

.bonus-item .value.strong-value { color: #ff5858; font-weight: 600; } 

.bonus-item .value { color: #fff; font-size: 17px; font-weight: 600; line-height: 0px; } 

.bonus-item .value>img { position: absolute; top: -7px; right: 110px; height: 100px; } 

.bonus-list.winner { border: 2px solid #d7cabd; box-shadow: 0 0 30px 2px #ffebd6; } 

.bonus-list.winner .cnt { background: #fff2d3; box-shadow: 0 0 5px 2px #fff2d3; color: #000; } 

.bonus-list.winner .bonus-item:first-child { background: url(2nd-place.png) no-repeat; background-position: 23px 18px; } 

.bonus-list.winner .bonus-item:nth-child(2) { background: url(winner-leaf.png) no-repeat; background-position: 15px 33px; } 

.bonus-list.winner .bonus-item .strong-title+span.value { text-shadow: 0 0 11px #fff2d3; } 

.bonus-list.winner .bonus-item:nth-child(3) .value { color: #fff2d3; } 

.bonus-list .tooltip-wrap>.tooltip-inner{ position:absolute; margin-left:-41px; color:#fffff2; background:#363636c7; z-index:10; border-radius:5px; line-height:15px; overflow:hidden; font-size:13px; font-family:'Spoqa Han Sans Neo'; box-shadow:0 0 3px 1px #ffebd6; top:26px; }

.bonus-list .tooltip-wrap>.tooltip-inner table{ margin:0 auto; text-align:center; }

.tooltip-wrap>.tooltip-inner table tbody tr th{ font-weight:400; }

.bonus-item .img>img { position: absolute; width: 60px; border-radius: 50%; top: 15px; left: 30px; } 

.point-box { border-radius: 5px; padding: 14px 30px; float: left; width: 100%; margin: 30px 0; } 

.point-box.purple-grad-box { background: url(dots.png) no-repeat, linear-gradient(to right, #3f2152 0%, #522383 50%, #3f2152 100%); background-position: 11px 11px; } 

.point-box.blue-grad-box { background: url(dots.png) no-repeat, linear-gradient(to right, #262b5f 0%, #263d89 50%, #262b5f 100%); background-position: 11px 11px; } 

.point-box.pink-grad-box { background: url(dots.png) no-repeat, linear-gradient(to right, #5e2643 0%, #842689 50%, #5e2643 100%); background-position: 11px 11px; } 

.point-box.red-grad-box { background:url(dots.png) no-repeat, linear-gradient(to right, #441216 0%, #751818 50%, #441216 100%); background-position: 11px 11px; } 

.blue-grad-box { background: linear-gradient(to right, #633df9 0%, #30b3fd 100%); } 

.purple-grad-box { background: linear-gradient(to right, #3f2152 0%, #522383 50%, #3f2152 100%); } 

.pink-grad-box { background: linear-gradient(to right, #5e2643 0%, #842689 50%, #5e2643 100%); } 

.red-grad-box { background: linear-gradient(to right, #441216 0%, #751818 50%, #441216 100%); } 

.point-title { color: #fff; text-align: center; font-size: 16px; font-weight:500; border-bottom: 1px solid rgba(255, 255, 255, .2); } 

.point-wrap { width: 100%; text-align: center; } 

.point-item { display: inline-block; width: 145px; padding-left: 50px; background: url(trophy.png) no-repeat; background-position: 0 5px; } 

.point-item div:first-child { color: #fff; font-size: 14px; padding: 3px 0; } 

.point-item div:nth-child(2) { color: #fffc00; font-size: 16px; font-weight: 600; } 

.select-navy { border: 1.5px solid #1f3ea0; border-radius: 3px; color: #000; outline: none; padding: 2px; } 

/* CARD */
/* 여기도 민정 area */


/* .stats_landing .date-area{ width:1230px; } */

.form-group.date-area.mt-10 .date-control-btn { margin-top: 5px;}

.btn-accum { background: #1f3ea0 !important; color: #fff; padding: 0 4px; font-weight: 400 !important; font-size: 13px !important; cursor: pointer; border-radius: 5px !important; } 

.btn-orgin { background: #176de4 !important; color: #fff; padding:0 4px; font-weight: 400; font-size: 13px; cursor: pointer; border-radius: 5px; }

.btn-orgin.active { background:#673ab7 !important}

.mb-sch-btn{ background:#dbe2ff; color:#1f3d9f; font-weight:600; font-size:13px; border-radius:13px; padding:3px 10px; position:relative; font-family:'Spoqa Han Sans Neo'; }

.mb-sch-btn:after{ content:''; display:inline-block; width:8px; height:8px; border-radius:50px; border:2px solid #1f3d9f; }
.mb-sch-btn:before{ content:''; display:block; position:absolute; background:#1f3d9f; width:2px; height:5px; top:14px; right:10px; border-radius:0 0 5px 5px; transform:rotate(-45deg); } 

.card-label { position: relative; display: inline-block; } 

.card-item { position: relative; display: block; float: left; } 

.card-label .name { float: right; font-weight: 600; text-align: right; } 

.card-label .card-item .input-chk { display: none; } 

.card-label .card-item-value { float: right; } 

.card-label .card-item-value span { display: block; text-align: right; font-weight:500; } 

span.card-item-inner { display: block; padding: 17px 10px; cursor: pointer; border-radius: 5px; width: 130px; height: 70px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .2); } 

.list-table .detail-wrap .detail.wid-300 { background: #edf5ff; padding: 35px 10px 10px 10px; border: 1px solid #1f3ea0; } 

.card-item-rpcd_type { background: #393939; color: #fff; } 

.card-item-reg_number2 { background: #393939; color: #fff; } 

.card-item-rpcd_status { background: #393939; color: #fff; } 

.card-item-date_type.card-item-inner { background: #393939; color: #fff; } 

.card-item-1 { background: url(shinhan.png) no-repeat, #fff; background-position: 55px 20px; } 

.card-item-1.card-item-inner .name { color: #027cc5; } 

.card-item-2 { background: url(samsung.png) no-repeat, #fff; background-position: 55px 19px; } 

.card-item-2.card-item-inner .name { color: #0061aa; } 

.card-item-3 { background: url(hyundai.png) no-repeat, #fff; background-position: 55px 20px; } 

.card-item-3.card-item-inner .name { } 

.card-item-4 { background: url(lotte.png) no-repeat, #fff; background-position: 55px 21px; } 

.card-item-4.card-item-inner .name { color: #ed1b24; } 

.card-item-5{ background:#000; }

.card-item-5 .card-item-value span{ color:#fff; }

.card-status-4 { background: #393939; } 

.card-status-4 .card-item-value { color: #ffd966; } 


.card-status-1 { background: #ffee6d; } 

.card-status-5 { background: #ffd044; } 

.card-status-10 { background: #ffcb30; } 

.card-status-13{ background:#e3d531; }

.card-status-15 { background: #fff5da; } 

.card-status-18 { background: #ffe293; } 

.card-status-20 { background: #7c6e6e; } 

.card-status-20 .name { color: #fff; } 

.card-status-30 { background: #33b26f; } 
.card-status-35 { background: #33b26f; } 

.card-status-30 .name { color: #fff; } 
.card-status-35 .name { color: #fff; } 

.card-status-40 { background: #393939; } 

.card-status-40 .name { color: #fff; } 

.card-status-80 { background: #393939; } 

.card-status-80 .name { color: #fff; } 

.card-status-90 { background: #393939; } 

.card-status-90 .name { color: #fff; } 

.card-status-95 { background: #393939; } 

.card-status-95 .name { color: #fff; } 

.card-status-99 { background: #ebdbff; } 

.card-status-99 .name { color: #333; } 


.card-status-100 { background: #3f51b5; } 

.card-status-100 .name { color: #fff; } 

.card-status-105 { background: #3f51b5; } 

.card-status-105 .name { color: #fff; }

.percent-circle-wrap { float: left; } 

.percent-circle { display: block; position: absolute; border: 4px solid #fff; border-radius: 50px; width: 42px; height: 42px; line-height: 34px; text-align: center; font-size: 14px; font-weight:500; color: #fff; top:14px; left:10px;} 

.percent-circle:after { display: block; content: "%"; color: #fff; position: absolute; top: 11px; left: 38px; font-size: 11px; } 

.circle-white { border: 4px solid #fff; color: #fff; } 

.circle-white::after { color: #fff; } 

.circle-all { border: 4px solid #ffd966; color: #ffd966; } 

.circle-all::after { color: #ffd966; } 

.card-item-1 .percent-circle { border: 4px solid #027cc5; color: #027cc5; } 

.card-item-1 .percent-circle:after { color: #027cc5; } 

.card-item-2 .percent-circle { border: 4px solid #0061aa; color: #0061aa; } 

.card-item-2 .percent-circle::after { color: #0061aa; } 

.card-item-3 .percent-circle { border: 4px solid #393939; color: #393939; } 

.card-item-3 .percent-circle::after { color: #393939; } 

.card-item-4 .percent-circle { border: 4px solid #ed1b24; color: #ed1b24; } 

.card-item-4 .percent-circle::after { color: #ed1b24; } 

.card-status-4 .percent-circle { border: 4px solid #ffd966; color: #ffd966; } 

.card-status-4 .percent-circle::after { color: #ffd966; } 

.card-status-1 .percent-circle { border: 4px solid #ffffffd9; color: #393939; } 

.card-status-1 .percent-circle::after { color: #393939; } 

.card-status-5 .percent-circle { border: 4px solid #393939; color: #393939; } 

.card-status-5 .percent-circle::after { color: #393939; } 

.card-status-10 .percent-circle { border: 4px solid #ffffffbf; color: #393939; } 

.card-status-10 .percent-circle::after { color: #393939; } 

.card-status-15 .percent-circle { border: 4px solid #393939; color: #393939; } 

.card-status-15 .percent-circle::after { color: #393939; } 

.card-status-99 .percent-circle { border: 4px solid #393939; color: #393939; } 

.card-status-99 .percent-circle::after { color: #393939; } 


.circle-black { border: 4px solid #393939; color: #393939; } 

.circle-black::after { color: #393939; } 

.circle-red { border: 4px solid #ed1b24; color: #ed1b24; } 

.circle-red:after { color: #ed1b24; } 

.card-item .input-chk:checked+span.card-item-inner { animation: box-emitting linear 2s infinite; } 

@keyframes box-emitting { 
 0% { box-shadow: 0 0 5px 6px #ff9a9a; } 

 20% { box-shadow: 0 0 5px 6px #ffd04f; } 

 40% { box-shadow: 0 0 5px 6px #d0ffe5; } 

 60% { box-shadow: 0 0 5px 6px #bcb6ff; } 

 80% { box-shadow: 0 0 5px 6px #f1b9ff; } 

 100% { box-shadow: 0 0 5px 6px #ff9a9a; } 
 }


.table-grad-default { border-collapse: collapse; background: #fff; box-shadow: 0 0 4px 2.5px #f3f3f3; border-radius: 8px; font-family: "Spoqa Han Sans Neo", "sans-serif"; font-size: 13px; } 

.table-grad-default thead { background: linear-gradient(135deg, #f3f3f3 0%, #c7c7c7 100%); } 

.table-grad-default thead th { padding: 6px 5px; color: #fff; } 

.table-grad-default tbody tr { border: 1px solid #f3f3f3; cursor: pointer; } 

.table-grad-default tbody th { padding: 3px 10px; } 

.table-grad-default tbody td { color: #000; padding: 3px 5px; } 

.table-grad-default tbody tr:hover { background: #f3f3f3; } 

.table-blue thead { background: #3552ad; border: none; } 

.table-blue tbody th { color: #3552ad; } 

.table-blue tbody tr:hover { background: #eef1fb; } 

.table-blue tbody tr.active { background: #eef1fb; } 

.table-green thead { background: #16a497; border: none; } 

.table-green tbody th { color: #16a497; } 

.table-green tbody tr:hover { background: #e9f5f4; } 

.table-green tbody tr.active { background: #e9f5f4; } 

.table-black thead { background: linear-gradient(to right, #484848 0%, #2f2f2f 100%); border: none; } 

.table-black thead th { border: 1px solid #727272; padding: 9px 1px; } 

.table-black tbody th { color: #fff; } 

.table-black tbody tr { border: 1px solid #dedede; } 

.table-black tbody td { border: 1px solid #dedede; } 

#list-tables .table-black tbody tr:last-child td { background: #16a497 !important; color: #fff; padding: 8px 5px; } 

#performance-tables .table-black tbody tr:last-child td { background: #3552ad !important; color: #fff; padding: 8px 5px; } 


#list-table1 .table-black tbody tr td:nth-child(2),
#list-table1 .table-black tbody tr td:nth-child(3) { background: #fbf5ff}

#list-table1 .table-black tbody tr td:nth-child(4),
#list-table1 .table-black tbody tr td:nth-child(5),
#list-table1 .table-black tbody tr td:nth-child(6),
#list-table1 .table-black tbody tr td:nth-child(7) { background: #fffdf6; } 

#list-table1 .table-black tbody tr td:nth-child(8),
#list-table1 .table-black tbody tr td:nth-child(9),
#list-table1 .table-black tbody tr td:nth-child(10),
#list-table1 .table-black tbody tr td:nth-child(11) { background: #f7fcff; } 

#list-table2 .table-black tbody tr td:nth-child(1),
#list-table2 .table-black tbody tr td:nth-child(2),
#list-table2 .table-black tbody tr td:nth-child(3),
#list-table2 .table-black tbody tr td:nth-child(4) { background: #f9fff8; } 

#list-table2 .table-black tbody tr td:nth-child(5),
#list-table2 .table-black tbody tr td:nth-child(6),
#list-table2 .table-black tbody tr td:nth-child(7),
#list-table2 .table-black tbody tr td:nth-child(8) { background: #f7fcff; } 

#list-table2 .table-black tbody tr td:nth-child(9),
#list-table2 .table-black tbody tr td:nth-child(10) { background: #fbf5ff; } 

#list-table3 .table-black tbody tr td:nth-child(1),
#list-table3 .table-black tbody tr td:nth-child(2),
#list-table3 .table-black tbody tr td:nth-child(3) { background: #fffdf6; } 

#list-table4 .table-black tbody tr td:nth-child(1),
#list-table4 .table-black tbody tr td:nth-child(2),
#list-table4 .table-black tbody tr td:nth-child(3),
#list-table4 .table-black tbody tr td:nth-child(4),
#list-table4 .table-black tbody tr td:nth-child(5) { background: #fff5fb; } 

#list-table4 .table-black tbody tr td:nth-child(6),
#list-table4 .table-black tbody tr td:nth-child(7),
#list-table4 .table-black tbody tr td:nth-child(8) { background: #f7fcff; } 

#list-table5 .table-black tbody tr td:nth-child(1),
#list-table5 .table-black tbody tr td:nth-child(2) { background: #fefaf7; } 

#list-table6 .table-black tbody tr td:nth-child(1) { background: #fef6f4; } 

#list-table6 .table-black tbody tr td:nth-child(2) { background: #e9fffd; } 

.td-zero { opacity: .2; } 


.rp-status-1 { background: #676799 !important; color: #fff !important; } 

.rp-status-2 { background: #676799 !important; color: #fff !important; } 

.rp-status-3 { background: #676799 !important; color: #fff !important; } 


#current-status .auto-form { } 

.list-disabled * { pointer-events: none; } 

.status-anchor.mommy:before { display: block; content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background-color: #f44336; border-radius: 50%; z-index: 100; } 

.remain-txt { color: #999; } 

.status-rate-area .swipe-btn { position: absolute; left: 90px; top: 0; } 

.balloon-wrap { position: relative; font-size: 13px; cursor: pointer; } 

.balloon-wrap:hover .balloon-inner { display: block; } 

.balloon-wrap>.balloon-inner { display: none; position: absolute; left: 50%; bottom: 100%; margin-left: 50%; border: 1px solid #1f3ea0; background: #edf5ff; z-index: 10; border-radius: 5px 5px 0 0; } 

.balloon-inner.navy-headline:before { content: ''; display: block; height: 7px; background: linear-gradient(135deg, #205ba3 0%, #0c2442 100%); border-radius: 5px 5px 0 0; } 

.balloon-wrap>.balloon-inner.balloon-right { left: 100%; top: 0; margin-left: 0; } 

.balloon-wrap>.balloon-inner.balloon-left { right: 100%; top: 0; margin-left: 0; left: -50%; } 

.balloon-wrap>.balloon-inner.balloon-bottom { left: 50%; top: 100%; } 

.balloon-inner .navy-headline { background: linear-gradient(135deg, #205ba3 0%, #0c2442 100%); height: 7px; width: inherit; margin-bottom: 5px; } 

.status-anchor .status-pie { position: absolute; right: -2px; top: 8px; width: 60px; height: 60px; } 


.mbar-gragh { } 

.mbar-gragh ul { } 

.mbar-gragh ul li { position: relative; text-align: left; height: 20px; line-height: 20px; } 

.mbar-gragh ul li .mbar-bar { position: absolute; left: 0; top: 7px; height: 6px; } 

.mbar-gragh ul li.st_div .mbar-bar { background-color: #009688; } 
.mbar-gragh ul li.st4 .mbar-bar { background-color: #ffb400; } 
.mbar-gragh ul li.st5 .mbar-bar { background-color: #f16e33; } 
.mbar-gragh ul li.st7 .mbar-bar { background-color: #f44336; } 
.mbar-gragh ul li.st10 .mbar-bar { background-color: #03a9f4; } 
.mbar-gragh ul li.st11 .mbar-bar { background-color: #1f3ea0; } 

.mbar-gragh ul li.st_div .mbar-name { color: #009688; } 
.mbar-gragh ul li.st4 .mbar-name { color: #ffb400; } 
.mbar-gragh ul li.st4 .mbar-name { color: #ffb400; } 
.mbar-gragh ul li.st5 .mbar-name { color: #f16e33; } 
.mbar-gragh ul li.st7 .mbar-name { color: #f44336; } 
.mbar-gragh ul li.st10 .mbar-name { color: #03a9f4; } 
.mbar-gragh ul li.st11 .mbar-name { color: #1f3ea0; } 

.mbar-gragh ul li .mbar-value { } 

.mbar-gragh ul li .mbar-str { }




.status-anchor .detail-wrap .detail-inner { } 

.status-anchor .detail-wrap .detail-inner .table { background-color: #fff; color: #333; } 

.data-table .salse-btn {color:#fff; transform:rotate(-90deg); position:absolute; right:10px;}

.data-table .salse-btn.active {transform:rotate(90deg); }

.table tbody th.reapp-color {background-color :#ccf4ff } 
.table tbody th.catch-color {background-color :#ffb5b5 }

a.my-page-btn {position:relative; display:block; padding:10px; padding-left:35px; line-height: 20px;border-radius: 10px;background:linear-gradient(to right, #33a5ff, #0074d0); color: #fff !important;text-align:center;font-size: 14px; box-shadow: 0 0 2px 2px #00000020; }

a.my-page-btn i {position:absolute;left: 14px;top: 13px;font-size: 30px;}

span.gragh-guide { display: block; text-align:left;}

.guide-box {position:fixed; bottom:40px; right:31px; background-color:#fff; border :1px solid #dedede; padding :10px; border-radius :5px; box-shadow :0 3px 1px #dedede;}

.up-down-txt { position:relative; font-size:10px; }
.up-down-txt .bullet { display:inline-block;  }

.up-down-txt.up { color:#f44336; }
.up-down-txt.down { color:#03a9f4; }
.up-down-txt.up .bullet {transform: rotate(180deg);}

.side-menu {  }

.side-top.open .side-menu {display:block;}





/* 현황보기2 랜딩 사업자 */
.rdbi-text {position: relative;}
.rdbi-test:hover .rdbi-explain {display: block;}
.rdbi-explain {display:none; position: absolute; width: 330px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 53px; left: 0px; border: 2px solid #ffd966;}
.rdbi-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 현황보기2 랜딩 미가입 */
.rdno-text {position: relative;}
.rdno-test:hover .rdno-explain {display: block;}
.rdno-explain {display:none; position: absolute; width: 330px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 53px; left: 0px; border: 2px solid #ffd966;}
.rdno-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 현황보기2 랜딩 나가리 */
.rdna-text {position: relative;}
.rdna-test:hover .rdna-explain {display: block;}
.rdna-explain {display:none; position: absolute; width: 330px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 53px; left: 0px; border: 2px solid #ffd966;}
.rdna-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }


/* 현황보기 랜딩 접선 */
.rd-text {position: relative;}
.rd-test:hover .rd-explain {display: block;}
.rd-explain {display:none; position: absolute; width: 330px; height: 50px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 38px; left: 0px; border: 2px solid #ffd966;}
.rd-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 현황보기 랜딩 dti 1순위 */
.rdti-text {position: relative;}
.rdti-test:hover .rdti-explain {display: block;}
.rdti-explain {display:none; position: absolute; width: 330px; height: 50px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 38px; left: 0px; border: 2px solid #ffd966;}
.rdti-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 현황보기 랜딩 1+2순위 */
.rd12-text {position: relative;}
.rd12-test:hover .rd12-explain {display: block;}
.rd12-explain {display:none; position: absolute; width: 330px; height: 50px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 38px; left: 0px; border: 2px solid #ffd966;}
.rd12-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 현황보기 랜딩 불가사의 */
.rdfa-text {position: relative;}
.rdfa-test:hover .rdfa-explain {display: block;}
.rdfa-explain {display:none; position: absolute; width: 250px; height: 50px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 38px; left: 0px; border: 2px solid #ffd966;}
.rdfa-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* 광고기법별 통계 접선 */
/* .cd-text {position: relative;} */
.cd-test {position: relative;}
.cd-test:hover .cd-explain {display: block;}
.cd-explain {display:none; position: absolute; width: 250px; height: 70px; font-size: 13px; background-color: #fff; padding: 5px; color: #000; bottom: 38px; left: 0px; border: 2px solid #ffd966;}
.cd-explain:after {content: ''; position: absolute; border-top: 15px solid #ffd966;  border-left: 22px solid transparent;bottom: -15px;left: 39px;  }

/* D-MAP 접선 */
.ca-rd-test {position: relative;}
.ca-rd-test:hover .ca-rd-explain {display: block;}
.ca-rd-explain {display:none; position: absolute; width: 250px; height: 50px; font-size: 13px; background-color: #fff ; padding: 5px; color:#000; bottom: 59px; left: 0px; border: 2px solid #839bd9;}
.ca-rd-explain:after {content: ''; position: absolute; border-top: 15px solid #839bd9; 
border-left: 22px solid transparent;bottom: -15px;left: 39px;  }


/* D-MAP 갭 */
.ca-gap-test {position: relative !important;}
.ca-gap-test:hover .ca-gap-explain {display: block !important; }

.ca-gap-explain {display:none; position: absolute;border-collapse: collapse; width: 179px; height: 153px; bottom: 85px; color: #000; padding: 5px !important; right: -28px;}


.ca-gap-explain th {border: 1px solid black; border-collapse: collapse; padding: 5px !important;}
.ca-gap-explain td {border: 1px solid black; background: #fff; border-collapse: collapse; padding: 5px !important;}
.ca-gap-explain:after {content: ''; position: absolute; border-top: 15px solid #839bd9; border-left: 22px solid transparent;bottom: -37px;left: 30px !important;  }


/* 리스트 찜 */
a.list-pick-btn { position:relative; color:#cdcdcd; font-size:20px; top:-3px; }
a.list-pick-btn:hover{ filter:drop-shadow(0 0 2px #00000050); }
a.list-pick-btn.active { color:#f44336; }
a.list-pick-btn span.name { display:none; position: absolute; left:50%; bottom: 100%; width: 140px; margin-left: -70px; padding: 5px; font-size: 14px; background-color: #1c2e3a; border-radius: 10px; color: #fff;
}

a.list-pick-btn:hover span.name { display:block; }

/* 리스트 - 재분배 방치 경과일 */
.nt-rediv-days { display:inline-block; padding:2px 4px; background-color:#e91e63; color:#fff; border-radius:5px; font-size:12px; }
.nt-zzim-days {display: inline-block;padding:2px 4px;color: #2e2e2e;border-radius:5px;font-size:12px;position: absolute;left: 50%;top: 20px;width: 70px;margin-left: -35px;}
.zzim-new {position: absolute; left: 0; top: 5px; width: 100%; text-align: center; color: #fff; font-size: 12px; }

/* 랭킹 Guide */
.ranking-guide { position: absolute; top:10px; left:5px; cursor:help;}
.ranking-guide-inner { display:none; padding: 5px;border: 1px solid #727272;position: absolute;width: 430px;top: -87px;left: -7px;background: #434343;z-index: 10;height: 78px; }
.ranking-guide:hover .ranking-guide-inner { display: block; }

/* 시책리스트 파트 인당평균 guide */
.bouns-part-guide {position: relative;}
.bouns-part-guide > i {color: #fff; position: absolute;}
.bouns-part-guide-inner {display: none; width: 360px;position: absolute;left: 40px;top: -9px;color: #fff;}
.bouns-part-guide:hover .bouns-part-guide-inner {display: block;}


/* in/out-log guride */
.log-radio{ color:#fff; padding-left:20px; }
.inout-log-wrap:hover .inout-log-guide { display:block; }
.inout-log-wrap:hover .inout-log-explain{ box-shadow:0 0 5px 1px #fff; background:rgb(0 0 0 / 30%); }
.inout-log-explain { display:inline-block; cursor:pointer; color: #fff; border:2px solid #fff; padding: 5px; border-radius: 15px; font-size: 12px; transition:.2s;  }
.inout-log-wrap {position:absolute; top:10px; right:10px;}
.inout-log-guide {display:none; position:absolute; right:0; background-color:#fffbeb; z-index:1; width:320px; font-size:13px; padding:10px; line-height:24px; border-radius:15px; color:#000; filter:drop-shadow(3px 3px 3px #555); }
.inout-log-guide > .inout-inner-title { font-size: 15px; text-align: center; display: block; font-weight: 600; color:#68280a; padding:5px; background:#fff; border-radius:5px; box-shadow:0 0 3px 2px #dedede; }
.inout-inner-text{ background:linear-gradient(to bottom, transparent 50%, #ffe791 50%, #ffe791 100%); color:#361e0d; font-weight:500; font-size:14px; }

.collapse-tr td{ border-left:1px solid #fff !important; border-right:1px solid #fff !important; background:url(../img/today_img.png) center no-repeat; font-family:'GmarketSansBold'; color:#fff; font-size:17px; }

.collapse-tr .spacing{ color:#000; letter-spacing:3px; }
.collapse-tr .unit{ margin-right:3px; }

/* 리스트 - 예약시간 */
.list-table .res-time { position:absolute; left:5px; top:10px; font-size:11px; line-height: 14px; }


/* 오토셀렉트 */
.select2-container--default .select2-selection--single{ border:2px solid #dedede; }
.select2-search--dropdown .select2-search__field{ border-radius:5px; }
.select2-container--default .select2-search--dropdown .select2-search__field{ border:2px solid #e2e9ff; outline:none; }
.select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color:#7387d3; }
.select2-container--default .select2-results__option[aria-selected=true]{ background-color:#4d64b9; }

ul#select2-landing-results li:first-child{ display:none; }


/* 승인연동 버튼 */
.app-connect-btn { position:absolute; right:15px; top:15px; }


/* 설계창 리스트 구동버튼 */
.no-touch-30 { pointer-events: none; }
	
.fix-btn-group { display: block; position:fixed;right:5px;bottom:5px; width: 100px; z-index: 10000; }
.fix-btn-group a { display:block; height: 56px;font-size: 20px;text-align: center;border-radius: 10px; padding: 5px;line-height: 22px; margin-top:10px; }

.fix-btn-group a.fix-btn-group-note { background-color: #4caf50;color: #fff; }
.fix-btn-group a.fix-btn-group-calc { background-color: #673ab7;color: #fff; }

/* 네오** 날짜양식 */
.i_set_date-btn .i_set_date-ul .list_tm li:hover{background-color: #e8e8e8;}


/* 팀별 월목표 버튼 */ 
.goal_setting .goal-week-team-btn {background: #fff; color: #288f81; padding: 2px 11px;}
.goal_setting .goal-week-team-btn:hover {background-color: #288f81; color: #fff;}


/* 기대출 리스트 임시 */
.flex-row {
    display: flex;
    flex-direction:row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.list {
    width: 1340px;
    gap: 10px;
  }
  .list .top {
    width: 1340px;
    height: 50px;
    border-radius: 10px;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
  }
  .list .top > div {
    align-items: center;
  }
  .list .top .title {
    gap: 5px;
    font-size: 20px;
    font-weight: bold;
  }
  .list .top .tr {
    gap: 5px;
    align-items: center;
  }
  .list .top .tr .loan {
    height: 34px;
    align-items: center;
    overflow: hidden;
    border-radius: 5px;
    border: solid 1px #adb5bd;
  }
  .list .top .tr .loan > div {
    padding: 10px;
  }
  .list .top .tr .loan > div + div {
    border-left: solid 1px #adb5bd;
  }
  .list .top .tr .loan > div.gray {
    background-color: #f1f3f5;
  }
  .list .top div:has(.unit) > input {
    padding-right: 32px;
  }
  .list .category {
    height: 40px;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    justify-content: space-between;
    background-color: #fff;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }
  .list .category input[type=radio] {
    display: none;
  }
  .list .category label:has(input[type=radio]):hover,
  .list .category .add-loan {
    cursor: pointer;
  }
  .list .table {
    gap: 10px;
  }
  .list .table .tr {
    height: 50px;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    font-size: 12px;
  }
  .list .table .tr .finance {
    width: 90px;
  }
  .list .table .tr .state {
    width: 145px;
  }
  .list .table .tr .product {
    width: 145px;
  }
  .list .table .tr .date-start {
    width: 92.5px;
  }
  .list .table .tr .date-end {
    width: 92.5px;
  }
  .list .table .tr .remain-contract {
    width: 135px;
  }
  .list .table .tr .remain,
  .list .table .tr .contract{
    width: 62.5px;
  }
  .list .table .tr .balance {
    width: 85px;
  }
  .list .table .tr .current-balance {
    width: 85px;
  }
  .list .table .tr .rate {
    width: 70px;
  }
  .list .table .tr .rate input {
    padding-right: 21px;
  }
  .list .table .tr .payment {
    width: 90px;
  }
  .list .table .tr .payment input {
    padding-right: 21px;
  }
  .list .table .tr .redeem {
    width: 110px;
  }
  .list .table .tr .exchange {
    width: 85px;
  }
  .list .table .tr .tooltip-inner {
    width: 160px;
    margin-left: -80px;
    border: 1px solid #dee2e6;
    padding: 5px 0;
    font-size: 14px;
  }
  .list input,
  .list select {
    height: 34px;
    padding: 7px 10px;
    border: solid 1px #adb5bd;
    border-radius: 5px;
    font-size: 12px;
    box-sizing: border-box;
    font-family: "Pretendard Variable", sans-serif;
  }
  .list input.form-required-active,
  .list select.form-required-active {
    border: 2px solid #f36767 !important;
    background-color: #ffe7e7 !important;
  }
  .list input[type='text']:focus,
  .list select:focus {
    border: solid 1px #5c7cfa;
    outline: solid 1px #5c7cfa;
  }
  .list input select,
  .list select select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/img/icon/downArrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
  }
  .list input .unit,
  .list select .unit {
    position: absolute;
    font-size: 12px;
    padding: 8px 10px;
    right: 0;
    bottom: 0;
    color: #495057;
  }

  .td {
    position: relative;
  }

  .unit {
    position: absolute;
    font-size: 12px;
    padding: 8px 10px;
    right: 0;
    bottom: 0;
    color: #495057;
}

/* 내부기표 임시 */

.chat-wrap {
    line-height: 1;
    border: solid 1px #adb5bd;
    border-radius: 5px;
  }
  .chat-wrap > div + div {
    border-top: solid 1px #adb5bd;
  }
  .chat-wrap .chat-list {
    width: auto;
    height: 450px;
    background-color: #edf2ff;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 10px;
    gap: 15px;
  }
  .chat-wrap .chat-list .chat {
    font-size: 12px;
    gap: 5px;
  }
  .chat-wrap .chat-list .chat .profile {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
  }
  .chat-wrap .chat-list .chat .profile .icon {
    width: 25px;
    height: 25px;
  }
  .chat-wrap .chat-list .chat .main {
    gap: 5px;
    width: 300px;
  }
  .chat-wrap .chat-list .chat .main .head {
    justify-content: space-between;
    align-items: flex-end;
    color: #495057;
  }
  .chat-wrap .chat-list .chat .main .article {
    box-sizing: border-box;
    background-color: #fff;
    justify-content: space-between;
    border-radius: 5px;
    gap: 10px;
    padding: 10px;
  }
  .chat-wrap .chat-list .chat .main .article .memo {
    width: 240px;
    gap: 10px;
    word-break: break-word;
  }
  .chat-wrap .chat-list .chat .main .article .memo .hashtag {
    font-weight: bold;
  }
  .chat-wrap .chat-list .chat .main .article .edit {
    align-items: flex-end;
    justify-content: space-between;
  }
  .chat-wrap .chat-list .chat .main .article .edit div {
    gap: 2px;
  }
  .chat-wrap .chat-list .chat .main .bottom {
    justify-content: space-between;
  }
  .chat-wrap .chat-list .chat .main .bottom .tag {
    font-weight: bold;
    color: #5c7cfa;
  }
  .chat-wrap .chat-list .chat .main .bottom .date {
    color: #495057;
  }
  .chat-wrap .chat-list .chat.self {
    align-self: flex-end;
  }
  .chat-wrap .chat-list .chat.other {
    align-self: flex-start;
  }
  .chat-wrap .chat-list::-webkit-scrollbar {
    width: 10px;
  }
  .chat-wrap .chat-list::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dee2e6;
  }
  .chat-wrap .category {
    box-sizing: border-box;
    overflow: hidden;
  }
  .chat-wrap .category .leftGroup,
  .chat-wrap .category .rightGroup {
    gap: 1px;
  }
  .chat-wrap .category > div {
    justify-content: space-between;
    border-bottom: 1px solid #adb5bd;
  }
  .chat-wrap .category select {
    padding: 0 10px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Noto Sans KR", sans-serif;
    background-image: url(/img/icon/downArrow.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
  }
  .chat-wrap .category button {
    border-radius: 0;
    box-sizing: border-box;
    height: 30px;
    border: none;
    padding: 5px 10px;
    background-color: #5c7cfa;
    color: #fff;
    font-size: 12px;
    font-family: "Noto Sans KR", sans-serif;
  }
  .chat-wrap .category button.indigo {
    background-color: #4c6ef5;
  }
  .chat-wrap .category button.red {
    background-color: #fa5252;
  }
  .chat-wrap .category button.green {
    background-color: #40c057;
  }
  .chat-wrap .category button:hover {
    cursor: pointer;
  }
  .chat-wrap .category select:focus,
  .chat-wrap .category textarea:focus {
    border: none;
    outline: none;
  }
  .chat-wrap .input {
    height: 120px;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px;
    justify-content: space-between;
  }
  .chat-wrap .input .leftGroup {
    gap: 10px;
  }
  .chat-wrap .input .leftGroup .hashtag {
    font-weight: bold;
  }
  .chat-wrap .input .leftGroup .memo {
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    resize: none;
  }
  .chat-wrap .input .leftGroup .tag {
    gap: 5px;
    color: #495057;
  }
  .chat-wrap .input .leftGroup .tag div:hover,
  .chat-wrap .input .leftGroup .tag div.active {
    color: #4c6ef5;
    cursor: pointer;
  }
  .chat-wrap .input .rightGroup {
    justify-content: space-between;
    align-items: flex-end;
  }
  .chat-wrap .input .rightGroup button {
    font-size: 12px;
    font-family: "Noto Sans KR", sans-serif;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    background-color: #4c6ef5;
    border: none;
    color: #fff;
    line-height: 1;
    cursor: pointer;
  }
  .chat-wrap .input .rightGroup .file {
    cursor: pointer;
  }

  .state-pill {
    font-size: 12px;
    font-weight: bold;
    padding: 3px 4px;
    border-radius: 5px;
    background-color: #dee2e6;
  }
  .state-pill.white {
    border: solid 1px #adb5bd;
    background-color: #fff;
    font-weight: 600;
  }
  .state-pill.red, .state-pill.active {
    color: #fff;
    background-color: #fa5252;
  }
  
  /* 나이스 차트 css */
  .niceChart {
    width: 820px;
    gap: 10px;
  }
  .niceChart #mchart-container {
    width: 780px;
    height: 350px;
  }
  .niceChart #mchart {
    margin: 0;
  }
  .niceChart .card-list {
    overflow-y: auto;
    gap: 10px;
  }
  .niceChart .card-list .head,
  .niceChart .card-list .card {
    border-radius: 10px;
    box-sizing: border-box;
    border: solid 1px #adb5bd;
    justify-content: center;
    align-items: center;
  }
  .niceChart .card-list .head {
    height: 30px;
    border: solid 1px #adb5bd;
    gap: 10px;
  }
  .niceChart .card-list .tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
  }
  .niceChart .card-list .tr .card {
    height: 70px;
    gap: 10px;
  }
  /* 요약 */
  .summary {
    width: 665px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    gap: 10px;
    font-size: 12px;
  }
  .summary .top {
    gap: 5px;
    align-items: center;
  }
  .summary .top .title {
    font-size: 20px;
    font-weight: bold;
  }
  .summary .register,
  .summary .client {
    gap: 5px;
  }
  .summary .register .bar,
  .summary .client .bar {
    border-radius: 5px;
    border: solid 1px #adb5bd;
    overflow: hidden;
  }
  .summary .register .bar .td,
  .summary .client .bar .td {
    min-height: 30px;
    max-width: 525px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 5px 10px;
  }
  .summary .register .bar .gray,
  .summary .client .bar .gray {
    background-color: #f1f3f5;
  }
  .summary .register .bar .primary,
  .summary .client .bar .primary {
    background-color: #edf2ff;
  }
  .summary .register .bar .bold,
  .summary .client .bar .bold {
    font-weight: bold;
  }
  .summary .register .bar .tr + .tr,
  .summary .client .bar .tr + .tr {
    border-top: solid 1px #adb5bd;
  }
  .summary .register .bar .inner-bar,
  .summary .register .bar .td + .td,
  .summary .client .bar .inner-bar,
  .summary .client .bar .td + .td {
    border-left: solid 1px #adb5bd;
  }
  .summary .register .bar > :nth-child(1) {
    width: 200px;
  }
  .summary .register .bar > :nth-child(2) {
    width: 80px;
  }
  .summary .register .bar > :nth-child(3) {
    width: 80px;
  }
  .summary .register .bar > :nth-child(4) {
    width: 235px;
  }
  .summary .register .bar > :nth-child(5) {
    width: 30px;
    background-color: #5c7cfa;
  }
  .summary .client .bar > :nth-child(1) {
    width: 100px;
  }
  .summary .client .bar .inner-bar > div > :nth-child(1) {
    width: 150px;
  }
  .summary .client .bar .inner-bar > div > :nth-child(2) {
    width: 45px;
  }
  .summary .client .bar .inner-bar > div > :nth-child(3) {
    width: 110px;
  }
  .summary .client .bar .inner-bar > div > :nth-child(4) {
    width: 110px;
  }
  .summary .client .bar .inner-bar > div > :nth-child(5) {
    width: 110px;
  }
  .summary .suvTitle {
    color: #495057;
    font-weight: bold;
  }

  .half-pill {
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #adb5bd;
    overflow: hidden;
  }
  .half-pill div {
    padding: 3px 4px;
  }
  .half-pill .title {
    color: #fff;
    background-color: #fa5252;
    border-right: solid 1px #adb5bd;
  }

  #mchart-container {
    width: 660px;
    height: 350px;
    padding: 15px 20px;
  }

  #mchart {
    margin: 0;
  }

  /* 카드전산 메모란 */
  .card-memo-area{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:5px;
  }

  .card-memo-area .rpcd-memo-input{
    width:100%;
    height:52px;
    resize: none;

  }

  .recruit-area{
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  

  .send-card-memo,
  .card-memo-log{
    cursor: pointer;
  }

  .card-memo-log{
    position:absolute;
    right: 1%;
    top: 10%;
  }

  .card-memo-time{
    position: absolute;
    bottom: 25%;
    left: 74%;
    font-size: 12px;
  }

  .card-apply-save{
    cursor: pointer;
  }

  .card-memo-inner{
    display:none;
    position: absolute;
    z-index:100;
    left: 6%;
    top: 0%;
    width: 350px;
    border: 2px solid #5578c7;
    border-radius: 5px;
    background-color: #f1f3f5;
    text-align: left;
    font-size: 14px;
    
  }

  .card-memo-area.open .card-memo-inner{
    display:block;
  }

  .card-memo-inner .scrollbar-inner{
    max-height:150px;
  }

  .card-memo-inner ul li{
    display:flex;
    flex-direction: column;
    gap:10px;
    padding: 4px 2px;
    border-top: 1px solid #ddd;
  }

  .card-memo-inner ul li .log_time{
    text-align: right;
    font-size: 13px;
    font-weight:500;
  };