/* /////////// ----- common ---- /////////// */
.box{border-top: none; border-radius: 12px;}
.btn-primary{background:#2b79e4}
ul{margin: 0;padding: 0;}
li{list-style: none;}
a{color: #3583F8}
.btn{border-radius: 4px!important;}
.text-break-all{word-break: break-all}
.text-break-keep{word-break: keep-all}
.txt_lg{color:#888888}
.tbl{display: table}
.btn_darkblue{border:1px solid #1167EB; color: #1167EB; padding:1px 6px; margin-left: 4px;border-radius: 2px;font-size: 13px; vertical-align: middle}
.btn_darkblue:hover{color: #fff; background: #1167EB}
.btn-secondary{color: #fff; background: #6c757d; border-color: #6c757d; box-shadow: none;}
.btn-secondary:hover,.btn-secondary:active,.btn-secondary:focus{background:#5a6268; border-color: #5a6268; color: #fff}
.btn-outline.btn-danger{border-color: red; color: red;}
.btn-outline.btn-danger:hover{color: #fff;}
.box-footer{background: none;}

/* switch */
.switch_box{display: inline-block; height: 30px; vertical-align: middle}
	.switch_box input{display: none}
	.switch_box input + label{position:relative; height: 30px; width: 70px;margin-bottom: 0; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
		background: #ddd; line-height: 30px; transition: all .3s; -wekit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s;}
	.switch_box input + label > * {transition: all .3s; -wekit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s;}
	.switch_box .switch_btn{position: absolute; width: 36px; height: 36px; display: inline-block; border-radius: 36px; background: #fff; top:2px; left: 2px; }
	.switch_box .on{float: left; padding-left: 18px; color: #fff}
	.switch_box .off{float: right; padding-right:18px; color: #aaa}
	.switch_box .switch_btn{position: absolute; width: 26px; height: 26px; display: inline-block; border-radius: 26px; background: #fff; top:2px; left: 2px; }
	.switch_box .on{display: none;}
	.switch_box input:checked + label{background: #3BE1A5; }
	.switch_box input:checked + label .on{display: inline-block}
	.switch_box input:checked + label .off{display: none;}
	.switch_box input:checked + label .switch_btn{left: 42px;}



/* sideMenu */
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side{background: #fff;}
	.skin-black .sidebar-menu > li.header{background: #fff;}
	.skin-black .sidebar a{color: #8d8d8d;}
	.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li.menu-open > a{color: #000000;}
	.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a, .skin-black .sidebar-menu > li.menu-open > a{background: #fff;}
	.skin-black .sidebar-menu > li > .treeview-menu{background: #e6e6e6}
	.skin-black .sidebar-menu .treeview-menu > li > a{color: #444;}
	.skin-black .sidebar-menu .treeview-menu > li.active > a, .skin-black .sidebar-menu .treeview-menu > li > a:hover{color: #000;}
	.sidebar-menu > li > a{padding: 16px 5px 16px 15px}


/* content */
.content{padding: 20px; }



/* /////////// ----- layout ---- /////////// */
/* 고객사관리 */
.box_customer_stat h3{margin-bottom: 0px; margin-top:10px;}
	.box_customer_stat .box-body{padding-bottom: 25px;}
	.tbl li{padding: 2px 0;}
	.tbl li>span,.tbl li>a{display: table-cell; vertical-align: top; padding-right: 10px;}
	.tbl li span:first-child{min-width: 100px;}

	/*템플릿*/
	/* 알림톡 - 알람톡스타일 */
	.style-alram-talk{display: inline-block; border-radius: 16px !important; margin-right: 20px; vertical-align: top; margin-bottom: 20px; }
	.box-alram-on .style-alram-talk .title{background:#ffeb34 !important; position: relative; padding: 8px; border-top-right-radius:16px; border-top-left-radius: 16px;}
	.box-alram-off .style-alram-talk .title{background:#a0a0a0 !important; position: relative; padding: 8px; border-top-right-radius:16px; border-top-left-radius: 16px;}
	.style-alram-talk .title img{position: absolute; top:-10px; right: -10px; width:34px;}
	.style-alram-talk p{padding: 1rem;}
	.style-talk{background: #b2c7da !important; border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;height:700px; overflow: auto; }
	.style-talk .talk-header {overflow: hidden;}
	.style-talk .talk-header img{height: 48px !important;}

	/*포인트*/
    .box_point_charge{padding: 20px;}
	.box_point_charge input{height: 35px; width: 80%; line-height: 35px;}
     #pointCharge,#pointUse{padding: 0;}


/*상품관리*/
.product-filter { margin-bottom: 12px !important; }
	.product-filter li{background: #fff; border-radius: 4px; display: table; margin-right: 8px; padding: 0 6px;border: 1px solid #ddd }
	.product-filter li span,.product-filter li select{display: table-cell; vertical-align: middle;}
	.product-filter li .form-control{border: 0;}

	.box-product .box-header dl{margin-bottom: 0; padding-left: 10px;}
	.box-product .box-body{border-top: 1px solid #ddd}
	.box-product .box-body ul li{margin-bottom: 4px; max-width: 120px;}
	.box-product .box-body img{width: 100%; max-width: 120px; margin-bottom: 12px;}
	.box-product .box-body img:after{content: ''; display: block; padding-bottom: 100%}
	.box-product .switch_box input + label{width: 120px;}
	.box-product .switch_box input:checked + label .switch_btn{left: 92px;}

	#searchBox input,#searchBox button{height: 36px !important; line-height: 36px !important;}

@media (max-width: 768px) {
	.box-product .col-sm-2{width:auto;}
	#searchBox{float: left !important}
}