@charset "utf-8";

a { color:#333; }

div.ibox { padding: 10px; }

/* TOAST CUSTOM */
.jq-toast-wrap { display: block; position: fixed; width: 300px; pointer-events: none!important; letter-spacing: normal; z-index: 9000!important; }
.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0 0 5px; border-radius: 0; font-size: 12px; font-family: arial,sans-serif; line-height: 17px; position: relative; pointer-events: all!important; background-color: #444; color: #fff; }
.jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0; left: 0; border-radius:0; background: red; }
.jq-toast-single h2 { font-family: arial,sans-serif; font-size: 14px; margin: -10px -10px 12px -10px; background: #ed3d3d; color: inherit; line-height: inherit; letter-spacing: normal; padding: 5px 10px; }

/* SWEET ALERT CUSTOM */
.swal2-styled.swal2-confirm { border: 0; border-radius: 0; background: initial; background-color: #581111; color: #fff; font-size: 1em; min-width: 100px; }
.swal2-styled.swal2-cancel { border: 0; border-radius: 0; background: initial; background-color: #a77575; color: #fff; font-size: 1em; min-width: 100px; }

/* HR */
hr { border:0;	height: 1px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent); }
hr.margin-1x { margin:5px 0; }
hr.margin-2x { margin:10px 0; }
hr.margin-3x { margin:15px 0; }
hr.margin-4x { margin:20px 0; }
hr.margin-5x { margin:25px 0; }

.form-control-lg { border-radius: 0.2rem; }
.btn-group-lg>.btn, .btn-lg { --bs-btn-border-radius: 0.2rem; }

/* SOCIAL BUTTON */
.btn-sns { position: relative; height: 50px; background-size: contain; background-repeat: no-repeat; font-size: 16px; }
.btn-sns.sns-naver { background-color: #03c75a; background-image: url('/images/icons/ico_naver3.png'); color: #fff; }
.btn-sns.sns-kakao { background-color: #ffeb00; background-image: url('/images/icons/ico_kakao.png'); color: #000; }

/* ASHOBIZ COLOR BUTTON */
button.btn-default, button.btn-default:hover, button.btn-default:focus { color: #333333; border: 1px solid #c4c4c4; }
button.btn-white, button.btn-white:hover, button.btn-white:focus { background: #f2f2f2; color: #333333; border: 1px solid #e6e6e6; }
button.btn-grey, button.btn-grey:hover, button.btn-grey:focus { background: #dddddd; color: #333333; border: 1px solid #c4c4c4; }
button.btn-black, button.btn-black:hover, button.btn-black:focus { background: #333333; color: #ffffff; border: 1px solid #000000; }
button.btn-red, button.btn-red:hover, button.btn-red:focus { background: #f75353; color: #ffffff; border: 1px solid #f53838; }
button.btn-green, button.btn-green:hover, button.btn-green:focus { background: #51d466; color: #ffffff; border: 1px solid #2fbd44; }
button.btn-lblue, button.btn-lblue:hover, button.btn-lblue:focus { background: #1faabe; color: #ffffff; border: 1px solid #1c98aa; }
button.btn-blue, button.btn-blue:hover, button.btn-blue:focus { background: #609cec; color: #ffffff; border: 1px solid #3984e8; }
button.btn-orange, button.btn-orange:hover, button.btn-orange:focus { background: #f78153; color: #ffffff; border: 1px solid #f5632c; }
button.btn-yellow, button.btn-yellow:hover, button.btn-yellow:focus { background: #fcd419; color: #000000; border: 1px solid #f5cb03; }
button.btn-violet, button.btn-violet:hover, button.btn-violet:focus { background: #cb79e6; color: #ffffff; border: 1px solid #c160e1; }
button.btn-rose, button.btn-rose:hover, button.btn-rose:focus { background: #ff61e7; color: #ffffff; border: 1px solid #ff2fe0; }
button.btn-brown, button.btn-brown:hover, button.btn-brown:focus { background: #d08166; color: #ffffff; border: 1px solid #c86b4d; }

div.chart { padding:10px; }
div.chart .ibox { background:#fff; padding:10px; }
div.chart .ibox p.title { text-align:center; font-size:16px; font-weight:500; background: #f2f2f2; padding: 5px; border-radius:5px; box-shadow: 0 0 20px rgba(0,0,0,.075),inset 0 0 0 1px rgba(0,0,0,.1),inset 0 0 150px rgba(0,0,0,.1); }


.input-group .btn { z-index: inherit; }