body {
    padding: 50px;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}


/*a {
  color: #00B7FF;
}*/

a {
    text-decoration: none;
    color: #0000ff;
    text-shadow: none;
}

a:visited {
    color: #00ff00;
}

a:link {
    color: #333333;
}

a.userlist:link {
    color: #f4ff61;
}

a.userlist:visited {
    color: #f4ff61;
}

table {
    padding: 2px;
    border: 10px;
    border-color: #ff00ff;
    text-shadow: none;
}

td {
    font-size: 9pt;
    padding: 1px;
    line-height: 18px
}

th {
    font-size: 10pt;
    padding: 2pt 0pt 2pt 0pt;
    background-color: rgba(238, 238, 238, 0.47);
    font-weight: normal;
    text-align: center;
}

td.aaaa {
    font-size: 9pt;
    color: #737373;
    padding: 1px;
    line-height: 18px
}

th a:link {
    color: #000000;
}

th a:visited {
    color: #000000;
}

th.small {
    font-size: 9pt;
    padding: 4pt 0pt 4pt 0pt;
    background-color: #EFEFEF;
    font-weight: bold;
}

th.small.gray {
    font-size: 9pt;
    padding: 4pt 0pt 4pt 0pt;
    background-color: #beb9b9;
    font-weight: bold;
}

table.type1 {
    background-color: #D8D8D8;
}

table.type1 td {
    padding: 4px 0px 4px 0px;
}

table.onepxborder {
    border-collapse: collapse;
    width: 98%;
}

.onepxborder th,
.onepxborder td {
    border: 1px solid #dddddd;
}

table.onepxborder {
    table-layout: fixed;
}

table.onepxborder td {
    overflow: hidden;
}

div.hor {
    float: left;
    margin-left: 10px;
}

button {
    width: 95%;
}


/*무료*/

.member1 {
    background-color: #b7b7b7;
    font-weight: normal;
}

.member1:hover {
    background-color: #ff0c05;
}

.member1 a:link {
    color: #ffffff;
}

.member1 a:visited {
    color: #ffffff;
}


/*.member1 a:hover  {color: hotpink;}*/


/*프로모션*/

.member2 {
    background-color: #90d1f2;
    color: #ffffff;
}

.member2:hover {
    background-color: #ff0c05;
}

.member2 a:link {
    color: #ffffff;
}

.member2 a:visited {
    color: #ffffff;
}


/*.member2 a:hover  {color: hotpink;}*/


/*유료*/

.member3 {
    background-color: #d7a96d;
    color: #ffffff;
}

.member3:hover {
    background-color: #ff0c05;
}

.member3 a:link {
    color: #ffffff;
}

.member3 a:visited {
    color: #ffffff;
}


/*유료*/

.member5 {
    background-color: #629fd7;
    color: #ffffff;
}

.member5:hover {
    background-color: #ff0c05;
}

.member5 a:link {
    color: #ffffff;
}

.member5 a:visited {
    color: #ffffff;
}


/*테스트*/

.member7 {
    background-color: #c26cbb
}

.member7 a:link {
    color: #ffffff;
}

.member7 a:visited {
    color: #ffffff;
}


/*리셀러*/

.member9 {
    background-color: #536cc2
}

.member9 a:link {
    color: #ffffff;
}

.member9 a:visited {
    color: #ffffff;
}


/*관리자*/

.member10 {
    background-color: rgba(201, 36, 26, 0.58)
}

.member10 a:link {
    color: #ffffff;
}

.member10 a:visited {
    color: #ffffff;
}


/*.pagenav  {*/


/*text-decoration: none;color: #535c75;text-shadow: none;*/


/*font-size: 14px;*/


/*}*/


/*a.pagenav:visited  {color:#0096ff;}*/


/*a.pagenav:link      {color: #0096ff;}*/


/*.member2 */


/*a:link {
    color: white;
}

a:visited {
    color: green;
}

a:hover {
    color: hotpink;
}

a:active {
    color: blue;
}*/

.min_check {
    font-size: 1px;
}


/*.btnExample {
  color: #900;
  background: #FF0;
  font-weight: bold;
  border: 2px solid #900;
}*/


/**
    post_reserve_list grid
 */

.my_grid {
    border: 1px;
}

.upload_block {
    background: #e8e8e8;
    padding: 5px;
}

.reserve_block {
    background: rgb(222, 238, 236);
    padding: 5px;
}

.complete_block {
    background: #e8e8e8;
    padding: 5px;
}

.chart {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 2px;
    background-color: coral;
}

.axisRed line {
    stroke: red;
}

.axisRed path {
    stroke: red;
}

.axisRed text {
    fill: red;
}

.axisBlue line {
    stroke: steelblue;
}

.axisBlue path {
    stroke: steelblue;
}

.axisBlue text {
    fill: steelblue;
}

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 2px;
}

body {
    font: 12px Arial;
}

path {
    stroke: steelblue;
    stroke-width: 2;
    fill: none;
}

.axis path,
.axis line {
    fill: none;
    stroke: grey;
    stroke-width: 1;
    shape-rendering: crispEdges;
}

span.point {
    font-size: 0.87em;
    margin-left: 0.1em;
    color: rgb(230, 195, 0);
    text-shadow: -0.3px 0 red, 0 0.3px black, 0.3px 0 black, 0 -0.3px red;
}

span.won {}

span.result {
    font-size: 0.9em;
    color: rgb(221, 188, 0);
    text-shadow: -0.3px 0 red, 0 0.3px black, 0.3px 0 black, 0 -0.3px red;
}

span.wait {}

span.pending {
    color: rgb(221, 44, 0);
}

span.canceled {
    color: rgb(221, 44, 0);
    text-decoration: line-through;
}

span.completed {
    border-radius: 25px;
    background: #3849e7;
    padding: 5px;
    /* width: 100px; */
    /* height: 50px; */
    color: rgb(255, 255, 255);
}

img.profile {
    max-width: 90px;
}

span.normal_time {
    color: #00a5f7;
    /* border-radius: 25px; */
    /* background: #00a5f7; */
    /* padding: 5px; */
    /* color: rgb(255, 255, 255); */
}

span.alert_time {
    color: rgb(221, 44, 0);
    /* border-radius: 25px; */
    text-decoration: line-through;
    /* background: #e30a23; */
    /* padding: 5px; */
    /* color: rgb(255, 255, 255); */
}

span.restart_requested {
    border-radius: 18px;
    background: #e30a23;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.restart_request {
    border-radius: 7px;
    background: #3849e7;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.crl_removed {
    border-radius: 25px;
    background: #000000;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.crl_fail_login {
    border-radius: 25px;
    background: #e73838;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.crl_working {
    border-radius: 25px;
    background: #3849e7;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.crl_stop {
    border-radius: 25px;
    background: #f19009;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.crl_stop_all {
    border-radius: 25px;
    background: #f54418;
    padding: 5px;
    color: rgb(255, 255, 255);
}

span.gray_btn {
    border-radius: 25px;
    background: #6b6a6a;
    padding: 5px;
    color: rgb(255, 255, 255);
}

li.ui-field-contain div.tagStyle {
    margin-top: 6px;
}

span.btn_deselected {
    border-radius: 20px;
    background: #7d7d7d;
    padding: 3px 8px 4px 8px;
    margin: 0 4px 0 4px;
    color: rgb(255, 255, 255);
    font-weight: 300;
}

span.btn_selected {
    /* border-radius: 20px; */
    background: #1162e4;
    /* padding: 3px 8px 4px 8px; */
    /* margin: 0 4px 0 4px; */
    /* color: rgb(255, 255, 255); */
    /* font-weight: 300; */
}


/*
commission
*/

div.commission {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.cms {
    border-radius: 25px;
    padding: 5px;
}

.cms.complete {
    background: #535353;
    color: rgb(255, 255, 255);
}

.cms.request {
    background: #70B05B;
    color: rgb(255, 255, 255);
}

.cms.canceled {
    background: #e928e957;
    color: rgb(32, 32, 32);
}

.cms.canceledAdmin {
    background: #fd161657;
    color: rgb(32, 32, 32);
}

.cms.stat_10 {
    background: #6b6b6b;
    color: rgb(255, 255, 255);
}

.cms.stat_5 {
    background: #70B05B;
    color: rgb(255, 255, 255);
}

.cms.stat_-1 {
    background: #df3bdfa1;
    color: rgb(255, 255, 255);
}

.cms.stat_-2 {
    background: #bb0e0ecc;
    color: rgb(255, 255, 255);
}

li.withdraw_charge {
    background: #ddecff !important;
    color: rgb(0, 0, 0) !important;
}

li.withdraw_requests {
    background: #fff3b7 !important;
    color: rgb(0, 0, 0) !important;
}


/*  Crawler bank css */

span.CSS_BANK {
    padding: 2px;
    margin: 1px;
    border-radius: 4px;
    font-weight: 600;
    text-shadow: 0 0 0 #000000;
}

span.CSS_COMPANY {
    background: #cfcfcf;
    color: #f54949;
}

span.CSS_KB {
    background: #574e46;
    color: #d89610;
}

span.CSS_KN {
    background: #494036;
    color: #d10014;
}

span.CSS_NH {
    background: #1e9140;
    color: #dd9d0e;
}

span.CSS_K {
    background: #0d0047;
    color: #dfdfdf;
}

span.CSS_IBK {
    background: #117cc3;
    color: #efefef;
}


span.CSS_KAKAO {
    background: #FED70A;
    color: #000000;
}

span.CSS_TRUEFRIEND {
    background: #185FAC;
    color: #FFFFFF;
}


span.CSS_WOORI {
    background: #0d4e9b;
    color: #ffffff;
}


span.CSS_KFCC {
    background: #2798da;
    color: #ffffff;
}

.swal2-overflow {
    overflow-x: visible;
    overflow-y: visible;
}

.swal2-container-wide {
    width: 350px !important;
}


pre.question {
    background-color: rgb(181, 233, 255);
    padding: 10px;
    border-radius: 10px;
    text-align: left;
   }

   pre.question.answer {
    background-color: rgb(255, 239, 201);
   }

   textarea.answer {
    /* overflow: auto; */
    /* resize: vertical; */
    /* height: 100px !important; */
    /* min-height: 100px !important; */
    width: 100%;
    height: 10.25em;
    border: none;
    resize: none;
   }

   textarea.notice {
    /* overflow: auto; */
    /* resize: vertical; */
    height: 300px !important;
    min-height: 300px !important;
    width: 100%;
    /* height: 10.25em; */
    border: none;
    resize: none;
   }