 @charset "utf-8";
 
 /* 인프라개발팀 JIS 최초 20200617 윕스클립 프로토2 */
/* Reset */
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html, body {width:100%; height:100%;}
body, th, td, input, select, textarea, button {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#666; font-size:13px; letter-spacing:-.05em; line-height:1.5; font-weight:400; }
html, div, body, span, article, canvas, img, header, footer, section, blockquote, hr, p, h1, h2, h3, h4, h5, h6, ol, dl, dt, dd, table, th, tr, td, form, fieldset, legend, input, textarea, button, nav {margin:0; padding:0; border:0; outline:0; vertical-align:middle; -webkit-margin-before:0; -webkit-margin-after:0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}	
a {cursor:pointer;}
a, a:hover {text-decoration:none;}	 
img {border:none; margin:0; padding:0;}
blockquote {font-weight: bold; margin:0; padding:0;}
ul,li {list-style:none outside none; margin:0; padding:0;}
address {font-style:normal;}	
section, nav, article, aside, hgroup, footer,header {display:block;}
	
input, textarea, select,button,table {font-size:inherit; font-family:inherit; line-height:inherit;}
button {cursor:pointer; overflow:visible;}
button, select {text-transform:none;}
textarea, input, select {background:none; -webkit-apprearance:none;}
textarea {resize:none;}
label {cursor:pointer;}
legend, caption {display:none; clear:both;}
fieldset {border:none;}
i {font-style:normal;}

/* drag bg */
::selection { color:white; background:#1890ff; }
::-moz-selection { color:white; background:#1890ff; }

/* placeholder*/
::-webkit-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa !important;}
input:focus::-webkit-input-placeholder { color: transparent; } 
input:focus::-moz-placeholder { color: transparent; } 
input:focus:-ms-input-placeholder { color: transparent; } 
input:focus::-ms-input-placeholder { color: transparent; }

/* Pagination */
.pagination {display:block; margin:30px auto; text-align:center; overflow:hidden; clear:both;}
.pagination > li {display:inline-block; zoom:1; *display:inline; font-size:12px;}
.pagination > li > a,.pagination > li > span {position:relative; float:left; padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#666; background-color:#fff; }
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left:0;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {background-color:#f4f4f4; border-color:#f4f4f4; border-radius:2px;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {cursor:default; border-radius:2px; font-weight:bold;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {color:#ccc;  background-color:#f8f8f8; cursor:not-allowed; pointer-events:none; opacity:0.3; filter: alpha(opacity=30);}
.pagination li:first-child,.pagination li:nth-child(2) {margin-right:4px;}
.pagination li:last-child,.pagination li:nth-last-child(2) {margin-left:4px;}

.line_paging > li > a,.line_paging > li > span  { border:1px solid #fff; }
.line_paging > .active > a,.line_paging > .active > span,.line_paging > .active > a:hover,.line_paging > .active > span:hover,.line_paging > .active > a:focus,.line_paging > .active > span:focus {color:#49a3f6; background-color:#fff; border-color:#49a3f6;}
.paging_more {border:1px solid #ddd; padding:15px 0; text-align:center; display:block; width:100%; color:#666;}
.paging_more i {font-size:16px; vertical-align:-2px; margin-left:5px;}
.paging_more:hover {text-decoration:underline;}
.num_paging {display:inline-block; margin:0}
.num_paging input {height:28px; width:40px; text-align:center; padding:0 2px !important}
.num_paging li {line-height:29px; vertical-align:middle}
.pagination.sm > li > a,.pagination.sm > li > span {padding: 2px 6px; display:inline-block;}
.pagination.sm li:first-child,.pagination.sm li:nth-child(2) {margin-right:0px;}
.pagination.sm li:last-child,.pagination.sm li:nth-last-child(2) {margin-left:0px;}

/* hr*/
.hr_line {width:100%; border:none; display:block; border-bottom:1px solid #ddd;}

/* Font size */
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs22 {font-size:22px !important;}
.fs26 {font-size:26px !important;}
.fs30 {font-size:30px !important;}

/* Align */
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

.vertical_top {vertical-align:top !important;}
.vertical_md {vertical-align:middle !important;}

.float_left {float:left !important;}
.float_right {float:right !important;}
.float_none {float:none !important;}
.clear_both {clear:both;}
.relative {position:relative;}

.block {display:block;}
.inline {display:inline-block;}

/* column */
.col2_3 {width:66.66%; display:inline-block;}
.col1_3 {width:33.33%; display:inline-block;}
.col1_2 {width:50%; display:inline-block;}
.col1_4 {width:25%; display:inline-block;}
.col3_4 {width:75%; display:inline-block;}
.col1_5 {width:20%; display:inline-block;}
.col2_5 {width:40%; display:inline-block;}
.col3_5 {width:60%; display:inline-block;}
.col4_5 {width:80%; display:inline-block;}
.col100 {width:100%;}

.col2{width:49.5% !important; margin-left:1%; display:inline-block;}
.col2:nth-of-type(2n+1) {margin-left:0; clear:both;}
.col3 {width:33% !important; margin-left:0.5%;display:inline-block;}
.col3:nth-of-type(3n+1) {margin-left:0; clear:both;}
.col4 {width:24.625% !important; margin-left:0.5%;display:inline-block;}
.col4:nth-of-type(4n+1) {margin-left:0; clear:both;}
.col5 {width:19.6% !important; margin-left:0.5%;display:inline-block;}
.col5:nth-of-type(5n+1) {margin-left:0; clear:both;}
 
.col1_3,.col2_3,.col1_2,.col1_4,.col1_5,.col2_5,.col3_5,.col4_5,.col3_4,.col2,.col3,.col4,.col5 {float:left;}
.col1_2:after,.col1_3:after,.col2_3:after,.col1_4:after,.col1_5:after,.col2_5:after,.col3_5:after,.col4_5:after,.col3_4:after,.col1_2:before,.col1_3:before,.col2_3:before,.col1_4:before,.col1_5:before,.col2_5:before,.col3_5:before,.col4_5:before,.col3_4:before,.col2:after,.col3:after,.col4:after,.col5:after  {content:''; display:block; clear:both;}

/* 간격 */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

/* Width */
.wd50 {width:50px !important;}
.wd80 {width:80px !important;}
.wd100 {width:100px !important;}
.wd120 {width:120px !important;}
.wd150 {width:150px !important;}
.wd200 {width:200px !important;}
.wd250 {width:250px !important;}
.wd300 {width:300px !important;}
.wd350 {width:350px !important;}
.wd400 {width:400px !important;}
.wd450 {width:450px !important;}
.wd25p {width:25% !important;}
.wd30p {width:30% !important;}
.wd40p {width:40% !important;}
.wd50p {width:50% !important;}
.wd60p {width:60% !important;}
.wd70p {width:70% !important;}
.wd80p {width:80% !important;}
.wd90p {width:90% !important;}
.wd100p {width:100% !important;}

/* Custom */
b,.bold {font-weight:bold;}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
b,.bold  {font-weight:500;} }

.normal {font-weight:normal;}
.cursor {cursor:pointer;}
.hidden {display:block; font-size:0; line-height:0; width:0; height:0; visibility:hidden; position:absolute; text-indent:-999999px;}

.dot_title {width:12px; height:5px; background-color:#00cb87; display:inline-block; margin-right:8px; vertical-align:middle;}
.dot_title_v {width:5px; height:12px; background-color:#00cb87; display:inline-block; margin-right:8px; vertical-align:-2px;}
.dot_blue {width:5px; height:5px; background-color:#14b9db; display:inline-block; vertical-align:middle; }
.dot_round_gray {width:3px; height:3px; background-color:#d6d2d2; display:inline-block; vertical-align:middle; border-radius:5px;}					
.dot_round {width:3px; height:3px; background-color:#666; display:inline-block; vertical-align:middle; border-radius:5px;}						
.dot_round_x {width:8px; height:8px; background-color:#666; display:inline-block; vertical-align:middle; border-radius:9px; margin-right:4px;}	
.dot_square {width:3px; height:3px; background-color:#aaa; display:inline-block; vertical-align:middle; }
.dot_square_x {width:6px; height:6px; background-color:#666; display:inline-block; vertical-align:middle;  margin-right:4px;}	
.dot_border_x {width:16px; height:16px; border:5px solid #666; display:inline-block; vertical-align:middle; border-radius:9px; margin-right:4px;}
.dot_square_rot {width:10px; height:10px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display:inline-block; }

.line_bar {width:1px; height:9px; background:url(../images/line_bar.gif) center no-repeat; display:inline-block; vertical-align:middle; padding:0 10px;}

.break_word {text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}
.ellipse {display:inline-block; zoom:1; *display:inline; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}

.sm_title {letter-spacing:-.04em; font-size:14px; font-weight:bold; color:#222; margin-bottom:5px;}
.link_txt {color:#50a7e9; text-decoration:underline; text-overflow:ellipsis; word-wrap: break-word; word-break:break-all;}
.link_txt:hover {color:#3f8ec9; text-decoration:underline;}

/* Color */
.br_point {border-color:#79ac39 !important;}
.br_red {border-color:#d61519 !important;}
.br_wh {border-color:#fff !important;}
.br_gr {border-color:#79ac39 !important;}
.br_blue {border-color:#02b2e5 !important;}
.br_darkblue {border-color:#3d5db2 !important;}
.br_yellow {border-color:#fcffb0 !important;}
.br_pink {border-color:#fb6799 !important;}
.br_orange {border-color:#f08118 !important;}
.br_darkgray {border-color:#222 !important;}
.br_666 {border-color:#666 !important;}
.br_ddd {border-color:#ddd !important;}
.br_aaa {border-color:#aaa !important;}
.br_999 {border-color:#999 !important;}

.color_point {color:#6cb90c !important;}
.color_red {color:#d61519 !important;}
.color_wh {color:#fff !important;}
.color_gr {color:#6cb90c !important;}
.color_lightblue {color:#d8edff !important;}
.color_blue {color:#02b2e5 !important;}
.color_darkblue {color:#3d5db2 !important;}
.color_yellow {color:#fcffb0 !important;}
.color_pink {color:#fb6799 !important;}
.color_orange {color:#f08118 !important;}
.color_darkgray {color:#222 !important;}
.color_666 {color:#666 !important;}
.color_aaa {color:#aaa !important;}
.color_999 {color:#999 !important;}

.bg_point {background-color:#79ac39 !important;}
.bg_white {background-color:#fff !important; }
.bg_softgray {background-color:#f4f5f6 !important;}
.bg_softgr {background-color:#edf9ec !important;}
.bg_softrd {background-color:#f6ede9 !important;}
.bg_softyw {background-color:#f7f9e6 !important;}
.bg_softbl {background-color:#ededf4 !important;}
.bg_grayblue {background-color:#f5f7f8 !important;}
.bg_grayblue1 {background-color:#c2bcc9 !important;}
.bg_grayblue8 {background-color:#857a94 !important;}
.bg_green {background-color:#79ac39 !important;}
.bg_cyan {background-color:#818caa !important;}
.bg_blue {background-color:#02b2e5 !important;}
.bg_darkblue {background-color:#3d5db2 !important;}
.bg_yellow {background-color:#fec541 !important;}
.bg_orange {background-color:#f08118 !important;}
.bg_red {background-color:#d61519 !important;}
.bg_pink {background-color:#fb6799 !important;}
.bg_purple {background-color:#913d88 !important;}
.bg_lightgray {background-color:#d9dce2 !important;}
.bg_mdlightgray {background-color:#d3d4d8 !important;}
.bg_gray {background-color:#95a5a6 !important;}
.bg_darkgray {background-color:#3d3c37 !important;}
.bg_bluegreen {background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#06db77),color-stop(0.5,#0fc3bd),color-stop(1,#14b9dc));background-image:-o-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-moz-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-webkit-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:-ms-linear-gradient(right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);background-image:linear-gradient(to right,#06db77 0,#0fc3bd 50%,#14b9dc 100%);}

mark.bg_bluegreen,mark.bg_orange,mark.bg_blue,mark.bg_gray,mark.bg_pink,mark.bg_green,mark.bg_cyan, mark.bg_darkblue,mark.bg_red,mark.bg_purple,mark.bg_darkgray {color:#fff;}

/* Button */
.btn {display:inline-block; padding:8px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation;  touch-action: manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; position:relative; }
.btn:before {content:''; position: absolute; top: 0px; left: 0px; width: 0px; height: 100%;	background: rgba(100,100,100,0.1); transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.btn:hover:before {width: 100%;}
.btn:focus,.btn:active:focus {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
.btn:hover,.btn:focus {color:#333; text-decoration: none;}
.btn:active {background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn[disabled],.btn.disabled {cursor:not-allowed; pointer-events:none; filter:alpha(opacity=55); -webkit-box-shadow:none; box-shadow:none; opacity:.55;}

.line_white {color:#ccc; background-color:transparent; border-color: #bbb;}
.line_white:hover {color:#fff; background-color:rgba(255,255,255,0.15); border-color:#fff; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_white:focus,.line_white:active:hover,.line_white:active:focus {color:#ccc; background-color:rgba(255,255,255,0.25); border-color:#fff;}
.line_white[disabled],.line_white.disabled,.line_white[disabled]:hover,.line_white[disabled]:focus,.line_white.disabled:hover,.line_white.disabled:focus {background-color:transparent; border-color:#fff; color:#fff;}

.line_blue {color:#3e58b2; background-color:#fff; border-color: #3e58b2;}
.line_blue:hover {color:#fff; background-color:#3e58b2; border-color:#3e58b2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_blue:focus,.line_blue:active:hover,.line_blue:active:focus {color:#3e58b2; background-color:#fff; border-color:#3e58b2;}
.line_blue[disabled],.line_blue.disabled,.line_blue[disabled]:hover,.line_blue[disabled]:focus,.line_blue.disabled:hover,.line_blue.disabled:focus {background-color:#eee; border-color:#ccc; color:#999;}

.line_gr {color:#79ac39; background-color:#fff; border-color: #79ac39;}
.line_gr:hover {color:#fff; background-color:#79ac39; border-color:#79ac39; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_gr:focus,.line_gr:active:hover,.line_gr:active:focus {color:#79ac39; background-color:#fff; border-color:#79ac39;}
.line_gr[disabled],.line_gr.disabled,.line_gr[disabled]:hover,.line_gr[disabled]:focus,.line_gr.disabled:hover,.line_gr.disabled:focus {background-color:#eee; border-color:#ccc; color:#999;}

.line_yellow {color:#ffcd81; background-color:#fff; border-color:#ffcd81;}
.line_yellow:hover {color:#fff; background-color:#ffcd81; border-color:#ffcd81; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_yellow:focus,.line_yellow:active:hover,.line_yellow:active:focus {color: #ebca58; background-color:#fff; border-color:#ebca58;}
.line_yellow[disabled]:hover,.line_yellow[disabled]:focus,.line_yellow.disabled:hover,.line_yellow.disabled:focus {background-color:#fff; border-color:#ffcd81; color:#ffcd81;}

.line_gray {color:#666; background-color:#fff; border-color: #aaa;}
.line_gray:hover {color:#666; border-color:#aaa; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_gray:focus,.line_gray:active:hover,.line_gray:active:focus {color:#666; background-color:#f9f8f8; border-color:#8c8c8c;}
.line_gray[disabled],.line_gray.disabled {background-color:#ededed;}
.line_gray[disabled]:hover,.line_gray[disabled]:focus,.line_gray.disabled:hover,.line_gray.disabled:focus {background-color:#eee; border-color:#efefef; color:#666;}

.line_red {color:#d9534f; background-color:#fff; border-color:#d9534f;}
.line_red:hover {color:#fff; background-color:#d9534f; border-color:#e04c7e; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.line_red:focus,.line_red:active:hover,.line_red:active:focus {color: #d9534f; background-color:#fff; border-color:#e04c7e;}
.line_red[disabled]:hover,.line_red[disabled]:focus,.line_red.disabled:hover,.line_red.disabled:focus {background-color:#fff; border-color:#d9534f; color:#d9534f;}

.solid_green {color:#fff; background-color:#79ac39; border-color:#4cae4c;}
.solid_green:hover {color:#fff; background-color:#449d44; border-color:#398439; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_green:focus,.solid_green:active,.solid_green:active:hover,.solid_green:active:focus {color: #fff; background-color:#449d44; border-color:#398439;}
.solid_green[disabled]:hover,.solid_green[disabled]:focus,.solid_green.disabled:hover,.solid_green.disabled:focus {background-color:#79ac39; border-color:#4cae4c;}

.solid_cyan {color:#fff; background-color:#818caa; border-color:#727ea0;}
.solid_cyan:hover {color:#fff; background-color:#6e7ca4; border-color:#6e7ca4; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.solid_cyan:focus,.solid_cyan:active,.solid_cyan:active:hover,.solid_cyan:active:focus  {color:#fff; background-color:#336e7b; border-color:#336e7b;}
.solid_cyan[disabled]:hover,.solid_cyan[disabled]:focus,.solid_cyan.disabled:hover,.solid_cyan.disabled:focus {background-color:#818caa; border-color:#727ea0;}

.solid_blue {color:#fff; background-color:#24b8f8; border-color:#46b8da;}
.solid_blue:hover {color:#fff; background-color:#008def; border-color:#269abc; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_blue:focus,.solid_blue:active,.solid_blue:active:hover {color:#fff; background-color:#008def; border-color:#269abc;}
.solid_blue[disabled]:hover,.solid_blue[disabled]:focus,.solid_blue.disabled:hover,.solid_blue.disabled:focus {background-color:#24b8f8; border-color: #46b8da;}

.solid_darkblue {color:#fff; background-color:#4183d7; border-color:#4183d7;}
.solid_darkblue:hover {color:#fff; background-color:#446cb3; border-color:#446cb3; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_darkblue:focus,.solid_darkblue:active,.solid_darkblue:active:hover {color:#fff; background-color:#446cb3; border-color:#4183d7;}
.solid_darkblue[disabled]:hover,.solid_darkblue[disabled]:focus,.solid_darkblue.disabled:hover,.solid_darkblue.disabled:focus {background-color:#24b8f8; border-color: #46b8da;}

.solid_orange {color:#fff; background-color:#fec541; border-color:#eea236;}
.solid_orange:hover {color:#fff; background-color:#ec971f; border-color:#d58512; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_orange:focus,.solid_orange:active,.solid_orange:active:hover {color:#fff; background-color:#ec971f; border-color:#ec971f;}
.solid_orange[disabled]:hover,.solid_orange[disabled]:focus,.solid_orange.disabled:hover,.solid_orange.disabled:focus {background-color:#fec541; border-color:#eea236;}

.solid_red {color:#fff; background-color:#f26522; border-color:#d43f3a;}
.solid_red:hover {color:#fff; background-color:#c9302c; border-color:#ac2925; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_red:focus,.solid_red:active,.solid_red:active:hover,.solid_red:active:focus {color:#fff; background-color:#c9302c; border-color:#ac2925;}
.solid_red[disabled]:hover,.solid_red[disabled]:focus,.solid_red.disabled:hover,.solid_red.disabled:focus {background-color:#f26522; border-color:#d43f3a;}

.solid_pink {color:#fff; background-color:#fb6799; border-color:#e64e82;}
.solid_pink:hover {color: #fff;  background-color:#e04c7e; border-color:#e04c7e; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_pink:focus,.solid_pink:active,.solid_pink:active:hover,.solid_pink:active:focus {color: #fff;  background-color:#e04c7e; border-color:#ac2925;}
.solid_pink[disabled]:hover,.solid_pink[disabled]:focus,.solid_pink.disabled:hover,.solid_pink.disabled:focus {background-color:#fb6799; border-color: #e64e82;}

.solid_lightgray {color: #fff; background-color:#c7cbd6; border-color:#c7cbd6;}
.solid_lightgray:hover {color:#fff; background-color:#a9adb6; border-color:#a9adb6; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
.solid_lightgray:focus,.solid_lightgray:active,.solid_lightgray:active:hover,.solid_lightgray:active:focus {color:#fff; background-color:#a9adb6; border-color:#a9adb6;}
.solid_lightgray[disabled]:hover,.solid_lightgray[disabled]:focus,.solid_lightgray.disabled:hover,.solid_lightgray.disabled:focus {background-color:#c7cbd6; border-color:#c7cbd6;}

.solid_gray {color:#fff; background-color:#95a5a6; border-color:#95a5a6;}
.solid_gray:hover {color:#fff; background-color:#788586;  border-color:#788586; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_gray:focus,.solid_gray:active,.solid_gray:active:hover,.solid_gray:active:focus {color:#fff; background-color:#788586;  border-color:#788586;}
.solid_gray[disabled]:hover,.solid_gray[disabled]:focus,.solid_gray.disabled:hover,.solid_gray.disabled:focus {background-color:#95a5a6; border-color:#727374;}

.solid_darkgray {color:#fff; background-color:#515053; border-color:#515053;}
.solid_darkgray:hover {color:#fff; background-color:#2f2e2a;  border-color:#2f2e2a; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_darkgray:focus,.solid_darkgray:active,.solid_darkgray:active:hover,.solid_darkgray:active:focus {color:#fff; background-color:#2f2e2a;  border-color:#2f2e2a;}
.solid_darkgray[disabled]:hover,.solid_darkgray[disabled]:focus,.solid_darkgray.disabled:hover,.solid_darkgray.disabled:focus {background-color:#3d3c37; border-color:#3d3c37;}

.solid_white {color:#00cb87; background-color:#fff; border-color:#fff;}
.solid_white:hover {color:#00cb87; background-color:#fff; border-color:#fff; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition: all 0.4s;}
.solid_white:focus,.solid_white:active,.solid_white:active:hover,.solid_white:active:focus {color:#00cb87; background-color:#fff; border-color:#779db5;}
.solid_white i {margin-right:3px;}

.btn_wrap_line_bottom {border-bottom:1px solid #e1e3e6; text-align:center; padding-bottom:10px; margin-bottom:30px; clear:both;}
.btn_wrap_line {border-top:1px solid #e1e3e6; text-align:center; padding-top:10px; margin-top:30px;clear:both;}
.btn_wrap {text-align:center; padding-top:10px; clear:both;}
.btn_wrap_bottom {text-align:center; padding-bottom:10px; clear:both;}
.btn_wrap .btn + .btn {margin-left:4px;}

.rounded {border-radius: 2em;}
.circle {border-radius:2em; padding:.2em .5em;}
.btn_lg {padding:12px 20px; font-size:18px; line-height:1.3333333;  min-width:180px;}
.btn_md {padding:10px 15px; font-size:16px; line-height:1.3333333; min-width:120px;}
.btn_sm {padding:8px 10px; font-size:15px; line-height:1.5; }
.btn_xs {padding: 1px 5px; font-size:14px; line-height:1.5;}
.table .btn_xs {padding: 1px 5px; font-size:12px; margin:1px; line-height:1.5; border-radius:2px;}
.w_lg {min-width:160px;}
.w_md {min-width:140px;}
.w_sm {min-width:95px;}
.w_xs {min-width:80px;}
.btn.point {width:255px; min-height:60px; border-radius:0; font-size:24px; padding:12px 0; font-weight:500;}
.btn.inp {padding:5px 15px; margin-left:5px;}
.btn.sq_icon {padding:5px 8px; text-align:center; min-width:30px;}
input + .btn.sq_icon {margin-left:8px;}
.btn.sq_icon + .btn.sq_icon {margin-left:8px;}
.btn.sq_icon i {margin-right:0}
a[title="삭제"].btn_xs {padding:0 4px; font-size:11px;}


/* label & badge */
.label {padding:.4em .8em; display:inline; font-size:11px; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25em;}
.badge {color:#fff; border-radius:2em; padding:.3em .5em; font-size:11px; line-height:1; display:inline; text-align:center; white-space:nowrap; vertical-align:baseline; }

/* textarea */
textarea {width:100%;}
textarea[disabled],textarea.disabled {background-color:#f1f1f1; cursor:not-allowed; pointer-events:none;}
.textarea-expandable {height: 3em; padding: 3px; }
.autosize-animated {vertical-align: top;  -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s;}

/* checkbox, radio */
.checkbox_block, .radio_block {display: block;}
.checkbox_inline, .radio_inline {display: inline-block; margin-right:20px;}

label {display:inline-block; }
.symbol {width: 20px; display: inline-block; text-align: center;}
.custom input[type="radio"] {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.custom input[type="radio"] + label,.custom input[type="radio"] + input + label {display:inline-block; line-height:24px;}
.custom input[type="radio"] + label .radio_icon,.custom input[type="radio"] + input + label .radio_icon  {display: inline-block;  margin-right:4px; width:18px; height:18px; background:url(../images/input_radio.png ) left top no-repeat; vertical-align:-4px;}
.custom input[type="radio"]:checked + .check_st .radio_icon,.custom input[type="radio"]:checked + input + .check_st .radio_icon {background-position:0 -20px;}
.custom input[type="radio"]:disabled + .check_st .radio_icon,.custom input[type="radio"]:disabled + input + .check_st .radio_icon,.custom input[type="radio"].disabled + .check_st .radio_icon,.custom input[type="radio"].disabled + input + .check_st .radio_icon {background-position:0 -40px;}
.custom input[type="radio"]:checked.disabled + .check_st .radio_icon,.custom input[type="radio"]:checked.disabled + input + .check_st .radio_icon {background-position:0 -60px;}

.custom input[type="checkbox"] { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute;  left:-9999px;  z-index:-1;}
.custom input[type="checkbox"] + .check_st,.custom input[type="checkbox"] + input + .check_st ,.custom input[type="radio"] + .check_st,.custom input[type="radio"] + input + .check_st  {display:inline-block; line-height:25px; color:#666;}
.custom input[type="checkbox"] + .check_st .checkbox_icon,.custom input[type="checkbox"] + input + .check_st .checkbox_icon,.custom input[type="radio"] + .check_st .checkbox_icon,.custom input[type="radio"] + input + .check_st .checkbox_icon {display:inline-block; margin-right:6px; width:20px; height:20px; background:url(../images/input_checkbox.png ) left top no-repeat; vertical-align:-5px;}
.custom input[type="checkbox"]:checked + .check_st ,.custom input[type="checkbox"]:checked + input + .check_st ,.custom input[type="radio"]:checked + .check_st ,.custom input[type="radio"]:checked + input + .check_st {color:#49a3f6;}
.custom input[type="checkbox"]:checked + .check_st .checkbox_icon,.custom input[type="checkbox"]:checked + input + .check_st .checkbox_icon,.custom input[type="radio"]:checked + .check_st .checkbox_icon,.custom input[type="radio"]:checked + input + .check_st .checkbox_icon {background-position:0 -24px;}
.custom input[type="checkbox"]:checked.disabled + .check_st .checkbox_icon,.custom input[type="checkbox"]:checked.disabled + input + .check_st .checkbox_icon {background-position:0 -72px;}
.custom input[type="checkbox"][disabled] + .check_st .checkbox_icon,.custom input[type="checkbox"][disabled] + input + .check_st .checkbox_icon,.custom input[type="checkbox"].disabled + .check_st .checkbox_icon,.custom input[type="checkbox"].disabled + input + .check_st .checkbox_icon {background-position:0 -48px;}
.custom input[type="radio"][disabled] + input + label.check_st ,.custom input[type="checkbox"][disabled] + input + label.check_st,.custom input[type="radio"][disabled] + label.check_st,.custom input[type="checkbox"][disabled] + label.check_st,.custom input[type="radio"].disabled + input + label.check_st ,.custom input[type="checkbox"].disabled + input + label.check_st,.custom input[type="radio"].disabled + label.check_st,.custom input[type="checkbox"].disabled + label.check_st {cursor:not-allowed; color:#aaa; pointer-events:none;}

.custom input[type="radio"][disabled],.custom input[type="checkbox"][disabled] {cursor: not-allowed;pointer-events:none;}
input[type="text"],input[type="password"],input[type="search"],input[type="email"],input[type="tel"],input[type="number"],input[type="file"],select ,textarea {-webkit-appearance:none; border:1px solid #d1d2d4; font-size:14px; color:#666;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:.6em .4em; border-radius:2px; background-color:#fff; letter-spacing:-.01em;}

input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="tel"]:hover,input[type="file"]:hover,input[type="search"]:hover,select:hover {border:1px solid #41b2c2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="file"]:focus,input[type="search"]:focus,select:focus { border:1px solid #41b2c2; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; box-shadow:0px 0px 8px rgba(65,178,194,0.8);}
input[type="text"]:disabled,input[type="password"]:disabled,input[type="email"]:disabled,input[type="tel"]:disabled,input[type="search"]:disabled,select:disabled,option:disabled,input[type="text"].disabled,input[type="password"].disabled,input[type="email"].disabled,input[type="tel"].disabled,input[type="search"].disabled,select.disabled,option.disabled {background-color:#f5f8f9 !important; border-color:#ddd; color:#aaa; cursor:not-allowed; pointer-events:none;}
input[type="text"].error:focus,input[type="password"].error:focus,input[type="email"].error:focus,input[type="tel"].error:focus,input[type="file"].error:focus,input[type="search"].error:focus,select.error:focus {color:#666; border:1px solid #fb3601; -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out.15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
input[readonly],input.readonly,select.readonly,textarea.readonly {background-color:#e3eaec; color:#666; }
input[readonly]:hover,input[readonly]:focus,input.readonly:hover,input.readonly:focus {background-color:#e3eaec; color:#666;  border-color:#d1d2d4;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 100px #fff inset; -moz-box-shadow:0 0 0 100px #fff inset; box-shadow:0 0 0 100px #fff inset; }
select {background:#fff url(../images/select_ar.png) right no-repeat; background-size:12px 5px; display:inline-block; padding:8px 15px 8px .4em !important;}
select::-ms-expand {display:none}

/* custom_checkbox */
.check_st input[type="checkbox"],.check_st custom.input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.check_st:after {display:block; clear:both; content:'';}
.check_st li {float:left; margin-left:5px;}
.check_st input[type="checkbox"] + .check_style,.check_st input[type="radio"] + .check_style {padding:2px 4px; display:inline-block;  line-height:16px; margin-left:-1px; text-align:center; color:#ccc;}
.check_st input[type="checkbox"] + .check_style i,.check_st input[type="radio"] + .check_style i { margin-right:5px;}
.check_st input[type="checkbox"]:checked + .check_style,.check_st input[type="radio"]:checked + .check_style {color:#3e58b2;}
.check_st li:first-child input[type="checkbox"] + .check_style,.check_st li:first-child input[type="radio"] + .check_style {margin-left:0;}

.btn_st input[type="checkbox"],.btn_st input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.btn_st:after {display:block; clear:both; content:'';}
.btn_st input[type="checkbox"] + .radio_style,.btn_st input[type="radio"] + .radio_style {padding:4px 6px; display:inline-block; background-color:#d3d3d3;  line-height:16px; margin-left:-1px; text-align:center; color:#fff; font-weight:normal; border-radius:3px; font-size:14px;}
.btn_st input[type="checkbox"] + .radio_style i,.btn_st input[type="radio"] + .radio_style i {margin-right:5px;}
.btn_st li {float:left; margin-left:5px;}
.btn_st li:first-child input[type="checkbox"] + .radio_style ,.btn_st li:first-child input[type="radio"] + .radio_style {margin-left:0;}
.btn_st input[type="checkbox"]:checked + .radio_style,.btn_st input[type="radio"]:checked + .radio_style {background-color:#3e58b2; color:#fff;}

.lst_st {display:inline-block;}
.lst_st + .lst_st  {margin-left:30px;}
.lst_st li {float:left; display:inline-block;}
.lst_st:after {display:block; clear:both; content:'';}
.lst_st.radio input[type="radio"],.lst_st.check input[type="checkbox"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.lst_st.radio input[type="radio"] + .label_st,.lst_st.check input[type="checkbox"] + .label_st {padding:4px 10px; display:inline-block; border:1px solid #ccc; width:auto; height:28px; line-height:20px; margin-left:-1px; text-align:center;}
.lst_st.radio input[type="radio"]:checked + .label_st,.lst_st.check input[type="checkbox"]:checked + .label_st  {border:3px solid #f26522; background-color:#fff; color:#f26522;}
.lst_st.radio input[type="radio"]:disabled + .label_st,.lst_st.check input[type="checkbox"]:disabled + .label_st {border:1px solid #ccc; background-color:#f2f2f2; color:#999; cursor:not-allowed; pointer-events:none;}
.lst_st.radio input[type="radio"] + .label_st .icon_check,.lst_st.check input[type="checkbox"] + .label_st .icon_check {background:url(../images/check.png) no-repeat; background-size:12px 42px; display:inline-block; width:12px; height:12px; background-position:0 -15px; margin-right:4px; vertical-align:0;}
.lst_st.radio input[type="radio"]:checked + .label_st .icon_check,.lst_st.check input[type="checkbox"]:checked + .label_st .icon_check { background-position:0 -30px;}
.lst_st.radio.solid input[type="radio"]:checked + .label_st,.lst_st.check.solid input[type="checkbox"]:checked + .label_st  {border:1px solid #f26522; background-color:#f26522; color:#fff;}


.radio_st input[type="radio"] {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; opacity:0; position:absolute; left:-9999px; z-index:-1;}
.tab_radio .radio_st {border-bottom:1px solid #ccc;}
.tab_radio .radio_st:after {display:block; clear:both; content:'';}
.tab_radio .radio_st li {float:left; }
.tab_radio .radio_st input[type="radio"] + .radio_style {padding:8px 25px; display:inline-block;  line-height:16px; margin:0 0 -1px -1px; text-align:center; color:#ccc; border:1px solid #ccc; border-top-width:2px; background-color:#f7f7f7;  }
.tab_radio .radio_st input[type="radio"] + .radio_style i{ margin-right:5px;}
.tab_radio .radio_st input[type="radio"]:checked + .radio_style {color:#79ac39; border:1px solid #79ac39; border-bottom-color:#fff; border-top-width:2px; background-color:#fff;}

/* btnstyle_checkbox,radio */
.form_btn input + .check_st,.form_btn input + input + .check_st  {border:1px solid #ddd; padding:4px 12px; border-radius:3px;}
.form_btn input + .check_st:hover,.form_btn input + input + .check_st:hover { background-color:#f8f8f8;}
.form_btn input:checked + .check_st,.form_btn input:checked + input + .check_st {background-color:#f8f8f8; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);}


/* boxstyle_radio */
.line_box  input[type="radio"] + .check_style {border:1px solid #ddd; background-color:#fff;}
.line_box  input[type="radio"]:checked + .check_style {border:1px solid #3e58b2; background-color:#fff; position:relative;}

.tab_radio_full {}
.tab_radio_full .radio_st {}
.tab_radio_full .radio_st:after {display:block; clear:both; content:'';}
.tab_radio_full .radio_st li {float:left; margin-right:3px;}
.tab_radio_full .radio_st input[type="radio"] + .radio_style {padding:8px 25px; display:inline-block;  line-height:16px; margin:0 0 -1px -1px; text-align:center; color:#777; background-color:#f7f7f7;  }
.tab_radio_full .radio_st input[type="radio"] + .radio_style i{ margin-right:5px;}
.tab_radio_full .radio_st input[type="radio"]:checked + .radio_style {color:#fff;  background-color:#79ac39;}
.tab_radio_full .radio_st input[type="radio"]:disabled + .radio_style,.tab_radio_full .radio_st input[type="radio"].disabled + .radio_style {color:#ddd;  cursor:not-allowed;}

/* select */
select::-ms-expand {display: none;}
option {padding:6px 5px; line-height: 35px; }
.optgroup_bg {background:#444; color:#fff;}
.optgroup_bg option {background:#fff; color:#444;}

.input_select {border-radius:2px 0 0 2px !important;}
.dropbtn { display: inline-block; border-radius:0 2px 2px 0;}
.dropbtn i {font-size:11px;}
.select_down { display: inline-block; position:relative;}
.option_box { display: none;  position: absolute; right:0;   background-color: #dfdfdf;  min-width: 160px;  border:1px solid #ccc; z-index:1;}
.option_box a {color:#444;  padding: 4px 6px;    text-decoration: none; display: block;    text-align: left;	background-color:#fff;border-bottom:none; }
.option_box a:hover {background-color: #79ac39; color:#fff; }
.select_down:hover .option_box {display: block;}

/*loading*/
.loading {position: absolute; top: 45%; left: 50%; margin-left:-100px; z-index: 100;}
.loader {margin:100px auto;  font-size:20px;  width:1em;  height:1em;  border-radius:50%;  position: relative;  text-indent: -9999em;  -webkit-animation:load 1.1s infinite ease;  animation: load 1.1s infinite ease;  -webkit-transform:translateZ(0);  -ms-transform: translateZ(0);  transform: translateZ(0);}

.loader2 {border: 16px solid #f3f3f3;  border-top: 16px solid #3498db;  border-radius: 50%; width: 120px; height: 120px; animation: loading_spin 2s linear infinite;}

.loading1 {/*margin-left:-64px; */ z-index: 100;  background-color:#fff; filter:alpha(opacity=90); -khtml-opacity:0.9;-moz-opacity:0.9; opacity:0.9; border:1px solid #f2f2f2; width:150px;  text-align:center; border-radius:5px; padding:11px;}
.loader1 { vertical-align:middle; width:128px; height:128px; text-align:center; margin:0 auto; display:table-cell; font-size:14px; color:#4f8ec4; font-weight:bold; *padding-top:100px; *margin-top:-40px;}
.loader_red {background:url(../images/loading/loading_red.gif) center no-repeat; background-size:128px 128px; }
.loader_green {background:url(../images/loading/loading_green.gif) center no-repeat; background-size:128px 128px; }
.loader_blue {background:url(../images/loading/loading_blue.gif) center no-repeat; background-size:128px 128px; }
.loader_yw {background:url(../images/loading/loading_yw.gif) center no-repeat; background-size:128px 128px;  text-indent:-9999px;}

.loader3 {position:relative; width:96px; height:40px; margin:0 auto; padding:10px;}
.loader3 .load_dot {position:absolute; left:0; right:0; top:0; bottom:0; width:20px; height:20px; margin: auto; border-radius:10px; background-color:#79ac39; transform:scale(0); animation:dot 1.5s linear infinite;}
.loader3 .load_dot:nth-child(1) {left: -50px; animation-delay: -0.1s;}
.loader3 .load_dot:nth-child(3) {right:-50px; animation-delay:0.1s;}

.load_txt {text-align:center;}
.load_txt p:nth-child(1) {font-size:20px; font-weight:400; color:#79ac39;}
.load_txt p:nth-child(2) {font-size:16px; color:#666;}
.loading2 { z-index:100;  background-color:#fff; filter:alpha(opacity=90); -khtml-opacity:0.9;-moz-opacity:0.9; opacity:0.9; border:1px solid #f2f2f2; text-align:center; padding:10px 10px 20px 10px; border-radius:5px;}

/* table */
.title_header {margin-bottom:10px;}
.title_header:after {clear:both; content:''; display:block;}
.title_header .panel_left {float:left;}
.title_header .panel_right {float:right;}

.table table,.table{width:100%; max-width:100%;}
.table th {color:#444;}
.table th,.table td {padding:10px 8px; line-height:1.42857143; text-align:center; font-size:13px; vertical-align:middle;}
.table td {color:#666;}

.table_s table,.table_s{width:100%; max-width:100%;}
.table_s th {color:#444; padding:8px 20px; font-size:13px;}
.table_s th,.table_s td { line-height:1.42857143; text-align:center; }
.table_s td {color:#666; padding:8px 15px; font-size:14px;}
.table_s td input[type="text"]{padding:7px 15px;}

.table.striped>tbody>tr:nth-of-type(even) {background-color:#f5f2f9;}
.table.v_striped>tbody>tr:nth-of-type(odd) {background-color: #f8f8f8;}

/* .striped th {} */
.striped td {border-bottom:none !important;}

.tbl_h td,.tbl_h thead th,.tbl_h tbody th {border-bottom:1px solid #ddd; }
.tbl_h thead th {background-color:#f5f2f9; border-top:2px solid #777;}
.tbl_h tbody th {background-color:#fff; border-right:1px solid #ddd;}

.tbl_h1 thead th {border-top: 1px solid #839098; border-bottom:2px solid #839098; background-color:#f1f2f4;}
.tbl_h1 tbody th {border-right:1px solid #ddd; background-color:#f8f8f8;}
.tbl_h1 tbody th,.tbl_h1 tbody td {border-bottom:1px solid #ddd;}

.tbl_h2 thead th {background-color:#5f656d; color:#fff;}
.tbl_h2 tbody th {border-right:1px solid #a4adba; background-color:#f8f8f8;}
.tbl_h2 tbody th,.tbl_h2 tbody td {border-bottom:1px solid #a4adba;}

.tbl_h3  {border-bottom:1px solid #333;}
.tbl_h3 thead th {color:#222; font-size:13px; border-top:1px solid #333; border-bottom:1px solid #333;}
.tbl_h3 tbody th {font-size:14px;border-bottom:1px solid #dfdfdf;}
.tbl_h3 tbody td {color:#444;}

.tbl_h4 td,.tbl_h4 thead th,.tbl_h4 tbody th {border-bottom:1px solid #ddd; }
.tbl_h4 thead th {background-color:#f5f2f9; border-top:1px solid #ddd;}
.tbl_h4 tbody th {background-color:#fff; border-right:1px solid #ddd;}

.tbl_h5 td,.tbl_h5 thead th,.tbl_h5 tbody th {border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
.tbl_h5 td:first-child,.tbl_h5 thead th:first-child,.tbl_h5 tbody th:first-child {border-left:none;}
.tbl_h5 thead th {background-color:#f5f2f9; border-top:1px solid #ddd;}
.tbl_h5 tbody th {background-color:#fff; border-right:1px solid #ddd;}

.tbl_v {border-top:2px solid #777; }
.tbl_v td,.tbl_v th {border-bottom:1px solid #ddd;}
.tbl_v th {background-color:#f5f2f9; text-align:left; }

.tbl_v1 {border-top:2px solid #4a534a; border-bottom:1px solid #4a534a; }
/* .tbl_v1 td,.tbl_v1 th {} */
.tbl_v1 th {background-color:#f1f2f4; text-align:left;}

.tbl_v2 {border-top:2px solid #5f656d;border-bottom:2px solid #5f656d;}
.tbl_v2 td,.tbl_v2 th {border-bottom:1px solid #a4adba;}
.tbl_v2 tr:last-child td,.tbl_v2 tr:last-child th {border-bottom:none;} 
.tbl_v2 th {background-color:#5f656d; text-align:left; color:#fff;}

.tbl_v3 td {text-align:left;}
.tbl_v3 th {background-color:#fff; text-align:left; font-weight:normal}

.tbl_v4 {border-top:1px solid #cbcbd4; border-bottom:1px solid #cbcbd4;}
.tbl_v4 td,.tbl_v4 th {text-align:left;}
.tbl_v4 td {color:#666 !important;}
.tbl_v4 th {color:#222; font-size:14px; border-right:1px solid #222;}

.tbl_v5 { border-collapse:collapse;}
.tbl_v5 td,.tbl_v5 th {text-align:center; border:1px solid #d9d9d9;}
.tbl_v5 td {color:#444; text-align:left;}
.tbl_v5 th {background-color:#f5f7fa; text-align:center;}

.tbl_v6 { border-top:1px solid #d9d9d9;}
.tbl_v6 td,.tbl_v6 th {text-align:left; border-bottom:1px solid #d9d9d9; padding:10px 18px; border-left:1px solid #d9d9d9;}
.tbl_v6 td:first-child,.tbl_v6 th:first-child {border-left:none;}
.tbl_v6 td {color:#444;}
.tbl_v6 th {background-color:#f5f6f7; color:#777;}

.tbl_border {border-collapse:collapse; border-top:2px solid #38393f;}
.tbl_border thead th {background-color:#f5f4f9; font-weight:400; border-bottom:1px solid #38393f; }
.tbl_border tbody th {background-color:#f5f4f9; font-weight:400; }
.tbl_border th,.tbl_border td {border:1px solid #ccc; }

.tbl_basic {border-collapse:collapse;}
.tbl_basic th,.tbl_basic td {border:1px solid #d9d9d9; }

.tbl_wrap_row {position:relative;}
.tbl_toggle .tr_visible a { position:absolute; width:100%;text-indent:-9999px; left:0;  opacity:0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0); min-height:50px; margin-top:-20px;}
.tbl_toggle{ clear:both; width:100%;}
.tbl_toggle tbody tr {display:none; background-color:#f1f2f4;}
*:first-child+html .tbl_toggle tbody tr{display:block;}
.tbl_toggle tbody tr.tr_visible { display:table-row; background-color:#fff;}

.tbl_line {}
.tbl_line th,.tbl_line td {border-bottom:1px solid #d9d9d9; }

.table.hover tr:hover {background-color:#f8f8f8;}
.tbl_form.tbl_v td{text-align:left;}
.tbl_form.tbl_v td textarea,.tbl_form.tbl_v td select {width:100%;}

.table tfoot {display:table-row-group;}
.table.align_left td,.table.align_left th {text-align:left;}
.table.align_right td,.table.align_right th {text-align:right;}
.table.align_center td,.table.align_center th {text-align:center;}

.tbl_top_wrap {margin-bottom:10px; text-align:left;}
.tbl_bottom_wrap {margin-top:10px; text-align:left;}
.tbl_top_wrap .left_ct {float:left;}
.tbl_top_wrap .right_ct {float:right}
.tbl_top_wrap .right_ct .btn {margin-left:5px;}
.tbl_bottom_wrap .right_ct .btn {margin-left:5px;}
.tbl_top_wrap:after {clear:both; content:''; display:block;}

/* sorting table */
.sort_table i {font-style:normal;}
.sort_table .sorting,.sort_table .sorting_desc,.sort_table .sorting_asc {position:relative; cursor:pointer; }
.sort_table .sorting:after,.sort_table .sorting_desc:after,.sort_table .sorting_asc:after {position:absolute; top:0; left:45%;  display:block; }
.sort_table .sorting:after { margin-top:-7px; left:45%; content:""; background:url(../images/sorting.png) no-repeat;vertical-align:middle;  background-size:10px 7px; width:10px; height:7px;}
.sort_table .sorting_desc:after {content:""; margin-top:-7px; background:url(../images/sorting_desc.png) no-repeat;vertical-align:middle;  background-size:5px 7px; width:5px; height:7px; top:inherit; bottom:-7px;}
.sort_table .sorting_asc:after {content:""; margin-top:-7px; background:url(../images/sorting_asc.png) no-repeat;vertical-align:middle;  background-size:5px 7px; width:5px; height:7px;}
.sort_table .sorting_desc,.sort_table .sorting_asc {color:#6cb90c; text-decoration:underline;}

/* flip scroll*/
.flip_scroll {display:block; position:relative; width:100%; border-collapse:separate !important; border-spacing:0;}
.flip_scroll  thead.fixed {display:block; float:left;}
.flip_scroll  thead.fixed + thead.fixed {margin-left:-1px;}
.flip_scroll  thead.fixed tr {display:block; }
.flip_scroll  thead.fixed th {display:block; text-align:right; border-top:0;}
.flip_scroll  tbody {display:block; width:auto; position:relative; overflow-x:auto; white-space:nowrap;}
.flip_scroll  tbody tr {display:inline-block; border-left:1px solid #d9d9d9; border-spacing:0;}
.flip_scroll  tbody tr:first-child {border-left:0;}
.flip_scroll  tbody td,.flip_scroll  tbody th {text-align:left; display:block; min-height:1.25em; border-left:0; border-right:0; border-bottom:0;}
.flip_scroll  tbody td:last-child	{border-bottom: 1px solid #d9d9d9;}
.flip_scroll  tbody tr:last-child td	{border-right: 1px solid #d9d9d9;}
.flip_scroll th,.flip_scroll td {margin:0; vertical-align:top; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}


/* snackbar */
#snackbar {visibility: hidden; min-width:250px; margin-left: -125px; background-color: #333; color:#fff; text-align:center; border-radius: 2px; padding:16px; position:fixed; z-index:1; left:50%; bottom:30px;}
#snackbar.show {visibility: visible; -webkit-animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s; animation: snack_fadein 0.5s, snack_fadeout 0.5s 2.5s;}

/*  spinner */
.input_group .spinner_input {position: relative; z-index: 2; float: left; margin-bottom: 0; opacity: 1; width:100%;display: table-cell; height:33px; border-radius:2px 0 0 2px;}
.input_group {position: relative; display: table; border-collapse: separate;}
.spinner_btn {white-space: nowrap; vertical-align: middle; display: table-cell;}
.spinner_btn .btn {height: 17px; line-height:10px; margin: 0; padding: 1px 5px !important; text-align: center; font-size: 12px; width:22px; display:block; background-color:#fff;border:1px solid #c1c1c1; }
.spinner_btn .spinner_up {border-radius:0 2px 0 0;}
.spinner_btn .spinner_down {margin-top:-1px; border-radius:0 0 2px 0}
.spinner_btn .btn i {margin-top: -3px; line-height: 10px;}

.qty_box {position:relative; width:100px; border:1px solid #c1c1c1; float:left;}
.qty_box .down.ea_qty {left:0; border-right:1px solid #c1c1c1;}
.qty_box .ea_qty {display:block; position:absolute; top:0; width:30px; height:30px; font-size:13px; text-align:center; line-height:30px; color:#666;}
.qty_box input {width:100%; height:30px; padding:0; border:0; text-align:center; line-height:30px; color:#666;}
.qty_box .up.ea_qty {right:0; border-left:1px solid #c1c1c1;}
	
/* multi select*/
.ms-container {background: transparent url('../images/duplex_arrows.png') no-repeat 50% 50%; width: 370px;}
.ms-container:after {content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;}
.ms-container .ms-selectable, .ms-container .ms-selection {background: #fff; color: #555; float: left; width: 45%;}
.ms-container .ms-selection { float: right;}
.ms-container .ms-list { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;  -o-transition: border linear 0.2s, box-shadow linear 0.2s;  transition: border linear 0.2s, box-shadow linear 0.2s;  border: 1px solid #ccc;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;  position: relative;  height: 200px;  padding: 0;  overflow-y: auto;}
.ms-container .ms-list.ms-focus { border-color: rgba(82, 168, 236, 0.8);  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);  outline: 0;  outline: thin dotted \9;}
.ms-container ul {margin: 0; list-style-type: none; padding: 0;}
.ms-container .ms-optgroup-container {width: 100%;}
.ms-container .ms-optgroup-label {margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999;}
.ms-container .ms-selectable li.ms-elem-selectable,.ms-container .ms-selection li.ms-elem-selection {border-bottom: 1px #eee solid; padding: 2px 10px; color: #555; font-size: 14px;}
.ms-container .ms-selectable li.ms-hover,.ms-container .ms-selection li.ms-hover {cursor: pointer; color: #fff; text-decoration: none; background-color: #24b8f8;}
.ms-container .ms-selectable li.disabled,.ms-container .ms-selection li.disabled { background-color: #eee; color: #aaa; cursor: text;}

/* Tags Input */
.tagsinput {background: #fff; border-radius: 0;  border: 1px solid #dce1e4; box-shadow: none!important; font-size: 13px; padding: 6px 10px!important; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; margin: 0;}
.tagsinput input {border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width:auto !important; max-width: inherit;}
.tagsinput input:hover,.tagsinput input:focus {border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0; margin: 0; width:auto !important; max-width: inherit;}
.tagsinput .tag [data-role="remove-tag"] {margin-left: 8px; cursor: pointer;}
.tagsinput .tag [data-role="remove-tag"]:after {content: ""; padding: 0px; background: url(../images/icon.png) -186px -30px no-repeat; width:12px; height:12px; display:inline-block;}

/* Form Tooltips */
.inner_addon {position:relative;}
.inner_addon>i, .inner_addon>span {position:absolute; padding:10px; pointer-events:none;}
.left_addon>i, .left_addon>span {left:  0px;}
.right_addon>i, .right_addon>span {right: 0px;}
.left_addon input,.left_addon textarea  {padding-left:  30px; }
.right_addon input,.right_addon textarea {padding-right: 30px; }

.form_tooltip {position: relative;}
.form_tooltip input {width:100%;}
.form_tooltip .tooltip {position: absolute; z-index: 1; left: -9999px; padding: 2px 8px 3px; font-size: 11px; line-height: 16px; font-weight: 400; background: rgba(0,0,0,.6); color: #fff; opacity: 1; filter: alpha(opacity=1); -ms-transition: margin 0.7s, opacity 0.7s; -moz-transition: margin 0.7s, opacity 0.7s; -webkit-transition: margin 0.7s, opacity 0.7s;}
.form_tooltip .tooltip:after {content: ''; position: absolute;}
.form_tooltip input:focus + .tooltip,.form_tooltip textarea:focus + .tooltip {opacity: 1 !important; filter: opacity(1) !important;}
.form_tooltip .tooltip.top_right {bottom: 100%;  margin-bottom: 15px;}
.form_tooltip .tooltip.top_right:after {top: 100%; right: 16px; border-top: 4px solid rgba(0,0,0,.6); border-right: 4px solid transparent; border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.top_right,.form_tooltip textarea:focus + .tooltip.top_right {right: 0; left: auto; margin-bottom: 5px;}
.form_tooltip .tooltip.top_left {bottom: 100%; margin-bottom: 15px;}
.form_tooltip .tooltip.top_left:after {top: 100%;  left: 16px; border-top: 4px solid  rgba(0,0,0,.6);    border-right: 4px solid transparent; border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.top_left,.form_tooltip textarea:focus + .tooltip.top_left { right: auto; left: 0; margin-bottom: 5px;}
.form_tooltip .tooltip.right {top: 9px;  white-space: nowrap; margin-left: 15px;}
.form_tooltip .tooltip.right:after {top: 6px; right: 100%; border-top: 4px solid transparent;border-right: 4px solid  rgba(0,0,0,.6); border-bottom: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.right,.form_tooltip textarea:focus + .tooltip.right {left: 100%;  margin-left: 5px;}
.form_tooltip .tooltip.left {top: 9px;  white-space: nowrap;  margin-right: 15px;}
.form_tooltip .tooltip.left:after {top: 6px; left: 100%; border-top: 4px solid transparent;   border-bottom: 4px solid transparent;  border-left: 4px solid  rgba(0,0,0,.6);}
.form_tooltip input:focus + .tooltip.left,.form_tooltip textarea:focus + .tooltip.left {right: 100%;
 left: auto; margin-right: 5px;}
.form_tooltip .tooltip.bottom_right {top: 100%; margin-top: 15px;}
.form_tooltip .tooltip.bottom_right:after {bottom: 100%; right: 16px; border-right: 4px solid transparent; border-bottom: 4px solid  rgba(0,0,0,.6); border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.bottom_right,.form_tooltip textarea:focus + .tooltip.bottom_right {right: 0; left: auto;  margin-top: 5px;}
.form_tooltip .tooltip.bottom_left {top: 100%; margin-top: 15px;}
.form_tooltip .tooltip.bottom_left:after {bottom: 100%; left: 16px; border-right: 4px solid transparent; border-bottom: 4px solid  rgba(0,0,0,.6); border-left: 4px solid transparent;}
.form_tooltip input:focus + .tooltip.bottom_left,.form_tooltip textarea:focus + .tooltip.bottom_left {right: auto; left: 0; margin-top: 5px;}

/* Tab&Accodian*/
code {padding: 2px 4px; font-size:14px; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; letter-spacing:.01em;}

.accordian li {display:block;}
.toggle_title { display:block; padding:15px 10px; border-bottom:1px solid #ececec; font-size:14px;}
.toggle_title .fa {float: right; display: block; content: '\f068'; font-family: 'FontAwesome'; font-size:20px; }
.toggle_cont {display:none;}
.accordian .box {background-color:#f8f8f8; padding:20px; border-bottom:1px solid #ececec; }

.tab_content {padding:20px;}
.tab_content>.tab_pane {display:none; -webkit-animation: fadeIn 1s;  animation: fadeIn 1s;}
.tab_content>.active {display: block;}

.nav_tabs {border-bottom:1px solid #ddd;}
.nav_tabs:after {clear:both; display:block; content:'';}
.nav_tabs li {float:left; margin-bottom:-1px; display:block; position:relative;}
.nav_tabs li .tab_title {color:#777; border-bottom:1px solid #ddd; margin-right:1px; border:1px solid transparent; padding:10px 15px; display:block; text-align:center; font-size:16px;  line-height:20px;}
.nav_tabs li.active .tab_title {background-color:#fff; border-top:1px solid #ddd; border-bottom-color:#fff;}
.nav_tabs li .tab_title:hover {background-color:#f1f1f1;  border-color: #eee #eee #ddd;}
.nav_tabs li.active .tab_title,.nav_tabs li.active .tab_title:hover,.nav_tabs li.active .tab_title:focus {border:1px solid #ddd; border-bottom-color: #fff; background-color:#fff; }

.tabs_left .nav_tabs { float:left; margin-right:19px; border-right:1px solid #ddd;}
.tabs_left .nav_tabs,.tabs_right .nav_tabs {border-bottom:0;}
.tabs_left .nav_tabs li,.tabs_right .nav_tabs li {float:none;}
.tabs_left .nav_tabs li .tab_title,.tabs_right .nav_tabs li .tab_title {min-width:74px; margin-right:0; margin-bottom:3px; border-bottom:0;}
.tabs_left .nav_tabs li .tab_title {margin-right:-1px;}
.tabs_left .nav_tabs li.active .tab_title,.tabs_left .nav_tabs li.active .tab_title:focus,.tabs_left .nav_tabs li.active .tab_title:hover {border-color:#ddd; border-right-color:#fff; border-bottom:1px solid #ddd;border-left:3px solid #4183d7;}
.tabs_left .nav_tabs li .tab_title:hover {border-color:#eee #ddd #eee #eee; }
.tabs_right .nav_tabs {float:right; margin-left:19px; border-left:1px solid #ddd;}
.tabs_right .nav_tabs li .tab_title {margin-left:-1px;}
.tabs_right .nav_tabs li.active .tab_title,.tabs_right .nav_tabs li.active .tab_title:focus,.tabs_right .nav_tabs li.active .tab_title:hover {border-color:#ddd; border-left-color:#fff; border-bottom:1px solid #ddd;}
.tabs_right .nav_tabs li .tab_title:hover {border-color:#eee #eee #eee #ddd; }

.fill_tabs .nav_tabs {border-bottom:1px solid #4183d7}
.fill_tabs .nav_tabs li.active .tab_title,.fill_tabs .nav_tabs li.active .tab_title:focus,.fill_tabs .nav_tabs li.active .tab_title:hover {border:1px solid #4183d7; background-color:#4183d7; color:#fff;}
.fill_tabs .nav_tabs li .tab_title:hover {border-color:#eee #eee #4183d7 #eee; }

.tabs_justified:before,.tabs_justified:after {display:table; content:'';}
.tabs_justified {width:auto;}
.tabs_justified li {display:table-cell; width:1%; float:none;}
.tabs_justified li .tab_title {margin-bottom:-1px; margin-right:0;}

.tabs_justified li.active .tab_title,.tabs_justified li.active .tab_title:focus,.tabs_justified li.active .tab_title:hover {border:1px solid #ddd; border-bottom-color:#fff; background-color:#fff; border-top:3px solid #4183d7;}

/* Switch Input */
.form_toggle {position: absolute; margin-left: -9999px; visibility: hidden;}
.form_toggle + label {display: block; position: relative; cursor: pointer; outline: none;    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.form_flip_toggle+ label {padding: 2px;  width: 55px;  height: 24px;}
.form_flip_toggle+ label:before, .form_flip_toggle+ label:after {display: block;      position:absolute; top:0; left:0; bottom:0; right:0; color:#fff;  font-size:13px; text-align: center;
padding-top:2px;}
.form_flip_toggle+ label:before {border: 2px solid #ccc; color: #ccc; content: attr(data-off);
-webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s;-o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden;backface-visibility: hidden;}
.form_flip_toggle+ label:after {border: 2px solid #2e8def; color: #2e8def;content: attr(data-on); -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s;
 -o-transition: -o-transform 0.5s; transition: transform 0.5s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}
 .form_flip_toggle:checked + label:before {-webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg); transform: rotateY(180deg);}
.form_flip_toggle:checked + label:after { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0);  -o-transform: rotateY(0); transform: rotateY(0); }

.sm.form_flip_toggle + label {width: 45px; height: 22px;}
.sm.form_flip_toggle + label:before,.sm.form_flip_toggle + label:after { font-size: 10px;  padding-top: 2.3px; }

.lg.form_flip_toggle + label {width: 65px; height: 26px;}
.lg.form_flip_toggle + label:before,.lg.form_flip_toggle + label:after {font-size: 14px;
 padding-top: 1.4px; }
 
/* Switch Flip Toggle */
.switch_input {position: relative; line-height: 1; cursor: pointer; width: 75px; height: 30px; }
.switch_input input {position: absolute;left: -9999px}
.switch_input input:checked+i {border-color: #ddd}
.switch_input input:checked+i:before {right: 50px}
.switch_input input:checked+i:after {content: attr(data-on); text-align: right; color: #777; right:10px;}
 .switch_input i {content: ''; display: block; position: absolute; top: 3px; right: 0; width: 75px; height: 30px; border-width: 1px; border-style: solid; border-color: #ccc; background: #fff; font-style: normal}
.switch_input i:before {-moz-transition-property: right; -o-transition-property: right; -webkit-transition-property: right; transition-property: right; -moz-transition-duration: 0.1s;
 -o-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s;     -moz-transition-timing-function: ease-in;  -o-transition-timing-function: ease-in;    -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; content: ''; display:block; position:absolute; top:7px; right:6px; width:15px; height:15px; background-color: #ddd}
.switch_input i:after {content: attr(data-off); position: absolute; top: 0;  left: 8px;
font-weight: 400; font-size: 14px; line-height: 30px; color: #aaa}
.switch_input.color_gr input:checked+i:after {color: #5cb85c}
.switch_input.color_gr input:checked+i:before {background-color: #5cb85c;}
.switch_input.color_gr input:checked+i {border: 1px solid #5cb85c;}
.switch_input input:disabled + i {background-color:#f2f2f2 !important; color:#aaa; cursor:not-allowed; pointer-events:none; opacity:0.45;}

/* tooltip toggle */
.tooltip_tg {position:relative; display:inline-block; cursor: pointer;}
.tooltip_tg .tooltip_text {visibility:hidden; width:160px; background-color:#555; color: #fff; text-align: center; border-radius:6px; padding: 8px 0; position: absolute; z-index:1; bottom: 125%; left:50%; margin-left:-80px;}
.tooltip_tg .tooltip_text::after {content: ""; position:absolute; top:100%; left:50%; margin-left: -5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent transparent;}
.tooltip_tg .show {visibility:visible; -webkit-animation:fadeIn 1s; animation:fadeIn 1s;}

/* arlet */
.alert_box {padding: 20px; color: #fff; margin-bottom: 15px;}
.alert_box .closebtn {color: #fff; font-weight: bold; float: right; font-size: 22px; line-height:16px; cursor: pointer;  transition: 0.3s; width:20px; height:20px; text-align:center;}
.alert_box .closebtn:hover {-webkit-animation: close_spin 0.5s; animation: close_spin 0.5s;}

/* animation_effects */	
@-webkit-keyframes loading_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes loading_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes bg_effect {
  0%   {background-size:300%; opacity:0;} 
  100% {background-size:100%; opacity:1;}
}	
@keyframes bg_effect {
  0%   {background-size:300%; opacity:0;} 
  100% {background-size:100%; opacity:1;}
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
@-webkit-keyframes zoomIn {
   from { -webkit-transform: scale(1); transform: scale(1);} 
    to {-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@keyframes zoomIn {
    from { -webkit-transform: scale(1); transform: scale(1);} 
    to {-webkit-transform: scale(1.1); transform: scale(1.1);}
}
@-webkit-keyframes close_spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes close_spin {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes snack_fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}
@keyframes snack_fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes snack_fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}
@keyframes snack_fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
@-webkit-keyframes slide_down {
    from {margin-top: -50px; opacity: 0;} 
    to {margin-top: 0; opacity: 1;}
}
@keyframes slide_down {
    from {margin-top: -50px; opacity: 0;}
    to {margin-top: 0; opacity: 1;}
}
@keyframes slide_up {
    from {margin-top: 0; opacity: 1;}
    to {margin-top: -50px; opacity: 0;}
}
@-webkit-keyframes slide_up {
    from {margin-top: 0; opacity: 1;}
    to {margin-top: -50px; opacity: 0;}
}
@keyframes move_right {
	  from {margin-left:0px; }
    to {margin-left:30px; }
}
@-webkit-keyframes move_right {
	  from {margin-left:0px; }
    to {margin-left:30px; }
}
@-webkit-keyframes dot {
    0% {transform: scale(0);}
    35% {transform: scale(1);}
    70% {transform: scale(0);}
    100% {transform: scale(0);}
}
@keyframes dot {
    0% {transform: scale(0);}
    35% {transform: scale(1);}
    70% {transform: scale(0);}
    100% {transform: scale(0);}
}
@-webkit-keyframes load {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #1d84df, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #1d84df, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #1d84df, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #1d84df, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #1d84df, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #1d84df, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #1d84df, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #1d84df;
  }
}
@keyframes load {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #1d84df, 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2), 2.5em 0em 0 0em rgba(29, 132, 223, 0.2), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.2), 0em 2.5em 0 0em rgba(29, 132, 223, 0.2), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.2), -2.6em 0em 0 0em rgba(29, 132, 223, 0.5), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.7), 1.8em -1.8em 0 0em #1d84df, 2.5em 0em 0 0em rgba(29, 132, 223, 0.2), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.2), 0em 2.5em 0 0em rgba(29, 132, 223, 0.2), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.2), -2.6em 0em 0 0em rgba(29, 132, 223, 0.2), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.5), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.7), 2.5em 0em 0 0em #1d84df, 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.2), 0em 2.5em 0 0em rgba(29, 132, 223, 0.2), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.2), -2.6em 0em 0 0em rgba(29, 132, 223, 0.2), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.2), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.5), 2.5em 0em 0 0em rgba(29, 132, 223, 0.7), 1.75em 1.75em 0 0em #1d84df, 0em 2.5em 0 0em rgba(29, 132, 223, 0.2), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.2), -2.6em 0em 0 0em rgba(29, 132, 223, 0.2), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.2), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2), 2.5em 0em 0 0em rgba(29, 132, 223, 0.5), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.7), 0em 2.5em 0 0em #1d84df, -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.2), -2.6em 0em 0 0em rgba(29, 132, 223, 0.2), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.2), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2), 2.5em 0em 0 0em rgba(29, 132, 223, 0.2), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.5), 0em 2.5em 0 0em rgba(29, 132, 223, 0.7), -1.8em 1.8em 0 0em #1d84df, -2.6em 0em 0 0em rgba(29, 132, 223, 0.2), -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.2), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2), 2.5em 0em 0 0em rgba(29, 132, 223, 0.2), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.2), 0em 2.5em 0 0em rgba(29, 132, 223, 0.5), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.7), -2.6em 0em 0 0em #1d84df, -1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(29, 132, 223, 0.2), 1.8em -1.8em 0 0em rgba(29, 132, 223, 0.2), 2.5em 0em 0 0em rgba(29, 132, 223, 0.2), 1.75em 1.75em 0 0em rgba(29, 132, 223, 0.2), 0em 2.5em 0 0em rgba(29, 132, 223, 0.2), -1.8em 1.8em 0 0em rgba(29, 132, 223, 0.5), -2.6em 0em 0 0em rgba(29, 132, 223, 0.7), -1.8em -1.8em 0 0em #1d84df;
  }
}