/* COMMON */
.gold-star{color:#ffd700}
.silver-star{color:#c0c0c0}
.bronze-star{color:#cd7f32}

/* BUTTON */
.btn {
  display: inline-block;
  margin: 0;
  border: 1px solid transparent;
  border-radius: 0px;
  background-image: none;
  font-weight: 600; 
  text-align:center;
  vertical-align: middle;
  white-space: nowrap;
  cursor:pointer;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  outline: 0;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;  
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: .65;
  cursor: not-allowed;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.btn-default,a.btn-default,
.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
  border-color: #6b6b6b;
  background-color: #6b6b6b;
  color: #fff;
}
.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active {
  border-color: #555555;
  background-color: #555555;
  color: #fff;
}
.btn-add,a.btn-add,
.btn-add.disabled:hover,.btn-add[disabled]:hover,fieldset[disabled] .btn-add:hover,
.btn-add.disabled:focus,.btn-add[disabled]:focus,fieldset[disabled] .btn-add:focus,
.btn-add.disabled.focus,.btn-add[disabled].focus,fieldset[disabled] .btn-add.focus,
.btn-add.disabled:active,.btn-add[disabled]:active,fieldset[disabled] .btn-add:active,
.btn-add.disabled.active,.btn-add[disabled].active,fieldset[disabled] .btn-add.active {
  border-color: #959595;
  background-color: #fff;
  color: #535353;
}
.btn-add:hover,.btn-add:focus,.btn-add.focus,.btn-add:active,.btn-add.active {
  border-color: #7f7f7f;
  background-color: #f7f7f7;
  color: #535353;
}
.btn-file,a.btn-file,
.btn-file.disabled:hover,.btn-file[disabled]:hover,fieldset[disabled] .btn-file:hover,
.btn-file.disabled:focus,.btn-file[disabled]:focus,fieldset[disabled] .btn-file:focus,
.btn-file.disabled.focus,.btn-file[disabled].focus,fieldset[disabled] .btn-file.focus,
.btn-file.disabled:active,.btn-file[disabled]:active,fieldset[disabled] .btn-file:active,
.btn-file.disabled.active,.btn-file[disabled].active,fieldset[disabled] .btn-file.active {
  border-color: #0068af;
  background-color: #0068af;
  color: #fff;
}
.btn-file:hover,.btn-file:focus,.btn-file.focus,.btn-file:active,.btn-file.active {
  border-color: #005288;
  background-color: #005288;
  color: #fff;
}
.btn-info,a.btn-info,
.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
  border-color: #0d96e8 !important;
  background-color: #0d96e8 !important;
  color: #fff;
}
.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active {
  border-color: #0b7dc1 !important;
  background-color: #0b7dc1 !important;
  color: #fff;
}
.btn-success,a.btn-success,
.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
  border-color: #53a93f;
  background-color: #53a93f;
  color: #fff;
}
.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active {
  border-color: #65b951;
  background-color: #65b951;
  color: #fff;
}
.btn-warning,a.btn-warning,
.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active {
  border-color: #f6d703;
  background-color: #f6d703;
  color: #535353;
}
.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active {
  border-color: #f6d703;
  background-color: #f6d703;
  color: #535353;
}
.btn-danger,a.btn-danger,
.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
  border-color: #b8260d;
  background-color: #b8260d;
  color: #fff;
}
.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active {
  border-color: #b8260d;
  background-color: #b8260d;
  color: #fff;
}
.btn-item-delete {
  width: 10px;
  height: 10px;
  line-height: 10px;
  padding: 0;
  border: none;
  font-size: 0;
}
.btn-item-delete:after {
  display: inline-block;
  font-size: 12px;
  font-family: 'sw-ico' !important;
  content: '\e90a';
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn-sm {
  padding: 2px 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
}
.input-group-xs .btn {
  line-height: 24px;
}
@media screen and (max-width:500px){
  .btn {padding-left:10px; padding-right:10px;}
  .btn-sm {padding-left:7px; padding-right:7px;}
}

/* LABEL & BADGE  */
.label {
  padding: 4px 6px;
  font-weight: normal;
} 
.label-group label {
  padding:7px 20px 0 0;
}
.badge {
  padding: 0px 6px;
  font-weight: normal;
}  
.active .badge {
  background-color: #464646;
}

/* TABLE FIXED WIDTH  */
.td-fix-xs   {width:50px !important;min-width:50px}
.td-fix-xs2  {width:80px !important;min-width:80px}
.td-fix-sm   {width:100px !important;min-width:100px}
.td-fix-sm2  {width:125px !important;min-width:125px}
.td-fix-sm3  {width:140px !important;min-width:140px}
.td-fix-md   {width:150px !important;min-width:150px}
.td-fix-md2  {width:180px !important;min-width:180px}
.td-fix-lg   {width:200px !important;min-width:200px}
.td-fix-lg2  {width:240px !important;min-width:240px}
.td-fix-name {width:100px !important;min-width:100px}
.td-fix-icon {width:130px !important;min-width:130px}
.td-fix-date {width:150px !important;min-width:150px}
.td-fix-desc {width:300px !important;min-width:300px} 

/* Form */
.input-group-text {border-radius:0 !important;display:table-cell;width:1%;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1;text-align:center;vertical-align:middle}
.input-group-addon {min-width:20px}
.input-group-addon.box:first-child {border-right:1px solid #ccc !important}
.input-group-addon.btn-event {cursor:pointer !important}
.input-group-addon.btn-check {font-size:11px} 
.input-group-addon input[type=checkbox] {left:0;opacity:1;position:static;height:15px;width:15px}
.input-group-appendable:not(:first-child) {margin-top:5px}

/* CHECKBOX, RADIO - 표준디자인으로 적용후 삭제할것 */
.input{width:100%;height:35px;line-height:30px;padding:2px 7px;border:1px solid #b3b3b3;background:#fff;box-sizing:border-box;}
.input-xs{height:26px;line-height:20px;padding:0 5px;font-size:12px;}
.input-group-xs > .input-group-btn  > .btn{height:26px;padding:2px 8px;font-size:12px;}
.input-group-xs > .select-group-btn > .btn{height:32px;padding:4px 8px;font-size:12px;}
.textarea{width:100%;height:70px;line-height:20px;padding:7px;font-size:13px;color:#333;border:1px solid #b3b3b3;background:#fff;box-sizing:border-box;}

input[type=radio],
input[type=checkbox] {
  width: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
input[type=radio]:not(.pick) + label:before,
input[type=checkbox]:not(.pick) + label:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 600;
  margin-right: 3px;
  background-image: url('../../images/common/ico_check.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  content: '';
  cursor: pointer;
}
input[type=radio]:not(.pick) + label:before{background-position:0 -52px}
input[type=radio]:not(.pick):checked + label:before{background-position:0 -78px}
input[type=checkbox]:not(.pick):checked + label:before{background-position:0 -26px}
/* CHECKBOX, RADIO - 표준디자인으로 적용후 삭제할것 */

.sw-slider li{margin:0;padding:0;list-style:none}
.sw-slider li img{width:auto;height:100%}

/* configuration */
.basic-setting {
  padding: 5px 0;
}
.basic-setting .cell {
  text-align: left;
  vertical-align: middle
}
.basic-setting .cell:first-child {
  width: 90px;	
} 
.alarm-setting .cell {
  text-align: left;
  vertical-align: middle;
}
.alarm-setting .checkbox-slider-label {
  float: left;
}
.alarm-setting-text {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  letter-spacing: -1px;
}
.alarm-setting-ico {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background-color: #53A295;
  color: #fff;
  text-align: center;
}
.alarm-setting-ico .fa {
  line-height: 35px;
  font-size: 20px;
  vertical-align: middle;
}

/* interest */
.box-item-interest {
  padding: 2px 6px;	
}
.box-item-interest .btn-interest-del {
  margin: -3px -6px 0 0; 
}