/**
 * Kanso - Buttons Component v3.0.0
 * Monday, January 12th, 2015, 7:41:11 PM
 * 
 * 2014 Kris Olszewski | http://www.kolszewski.com/
 */


/**
 * Button
 * --------------------------------------------------
 */
 .Button
 {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-size: 12px;
     line-height: 16px;
 
     position: relative;
 
     display: inline-block;
 
     box-sizing: border-box;
     min-height:10px;
     padding: 3px 6px;
 
     cursor: pointer;
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
             user-select: none;
     transition: background-color .25s ease, border-color .25s ease, color .25s ease;
     text-align: center;
     vertical-align: middle;
     white-space: normal;
     text-decoration: none;
 
     color: #fff;
     border: 1px solid #434a54;
     border-radius: 3px;
     background: #656d78;
 
     text-rendering: optimizeSpeed;
     -webkit-appearance: none;
     -webkit-font-smoothing: antialiased;
 }
 .Button:hover
 {
     border-color: #434a54;
     background-color: #434a54;
 }
 .Button::-moz-focus-inner
 {
     margin: 0;
     padding: 0;
 }
 .Button:focus
 {
     outline: 1px dotted;
     outline: 3px auto -webkit-focus-ring-color;
 }
 .Button:hover,
 .Button:focus,
 .Button:active
 {
     text-decoration: none;
 }
 .Button:disabled,
 .Button.is-disabled
 {
     cursor: not-allowed;
     pointer-events: none;
 
     opacity: .65;
 }
 
 /**
  * Button Modifier: Size
  * --------------------------------------------------
  */
 .Button--small
 {
     font-size: 11px;
     line-height: 16px;
 
     min-height: 22px;
     padding: 3px 6px;
 
     border-radius: 2px;
 }
 
 .Button--large
 {
     font-size: 16px;
     line-height: 22px;
 
     min-height: 40px;
     padding: 8px 16px;
 
     border-radius: 4px;
 }
 
 /**
  * Button Modifier: Variations
  * --------------------------------------------------
  */
 .Button--white
 {
     color: #000;
     border-color: #fff;
     background-color: #fff;
 }
 
 /* .Button--white:hover
 {
     color: #fff;
     border-color: #c4c4c4;
     background-color: #dbdbdb;
 } */
 
 .Button--white:hover
 {
     color: #fff;
     border-color: #967adc;
     background-color: #967adc;
 }
 
 
 .Button--primary
 {
     color: #fff;
     border-color: #967adc;
     background-color: #ac92ec;
 }
 .Button--primary:hover
 {
     color: #fff;
     border-color: #967adc;
     background-color: #967adc;
 }
 
 .Button--secondary
 {
     color: #fff;
     border-color: #4a89dc;
     background-color: #5d9cec;
 }
 .Button--secondary:hover
 {
     color: #fff;
     border-color: #4a89dc;
     background-color: #4a89dc;
 }
 
 .Button--outline
 {
     /* color: #565c64;
     background-color: transparent;
     border: 1px solid #565c64; */
     color: #fff;
     /* border-color: #434a54; */
     border: 1px solid #565c64;
     background-color: #434a54;
     /* border-color: #434a54; */
     /* padding: 2px 3px; */
 }
 .Button--outline:hover
 {
     /* color: #fff;
     border-color: #434a54;
     background-color: #434a54; */
     color: #494d52;
     background-color: transparent;
     /* background-color: #434a54; */
     border: 1px solid #565c64;
 }
 /* .Button--outline:visited
 {
     color: #fff;
     border: 1px solid #565c64;
     background-color: #434a54;
     text-decoration: none;
 } */
 
 .Button--link
 {
     color: #5d9cec;
     border-color: transparent;
     background-color: transparent;
 }
 .Button--link:hover
 {
     color: #4a89dc;
     border-color: transparent;
     background-color: transparent;
 }
 
 .Button--success:hover
 {
     color: #fff;
     border-color: #8cc152;
     background-color: #a0d468;
 }
 .Button--success
 {
     color: #fff;
     border-color: #8cc152;
     background-color: #8cc152;
 }
 
 .Button--info
 {
     color: #fff;
     border-color: #3bafda;
     background-color: #4fc1e9;
 }
 .Button--info:hover
 {
     color: #fff;
     border-color: #3bafda;
     background-color: #3bafda;
 }
 
 .Button--warning
 {
     color: #fff;
     border-color: #f6bb42;
     background-color: #ffce54;
 }
 .Button--warning:hover
 {
     color: #fff;
     border-color: #f6bb42;
     background-color: #f6bb42;
 }
 
 .Button--error
 {
     color: #fff;
     border-color: #da4453;
     background-color: #ed5565;
 }
 .Button--error:hover
 {
     color: #fff;
     border-color: #da4453;
     background-color: #da4453;
 }
 
 /**
  * Button Group: Vertical and Horizontal
  * --------------------------------------------------
  */
 .ButtonGroup
 {
     font-size: 0;
 
     display: inline-block;
 
     margin: 0;
     padding: 0;
 
     list-style: none;
 }
 .ButtonGroup + .ButtonGroup
 {
     margin-left: 30px;
 }
 
 .ButtonGroup-item:not(:first-child):not(:last-child) > .Button
 {
     border-radius: 0 !important;
 }
 .ButtonGroup-item > .Button
 {
     display: block;
 
     width: 100%;
 }
 .ButtonGroup-item > .Button:hover,
 .ButtonGroup-item > .Button:focus,
 .ButtonGroup-item > .Button:active
 {
     z-index: 1;
 }
 
 .ButtonGroup--horizontal > .ButtonGroup-item
 {
     display: inline-block;
 
     margin-left: -1px;
 }
 .ButtonGroup--horizontal > .ButtonGroup-item:first-child:not(:only-child)
 {
     margin-left: 0;
 }
 .ButtonGroup--horizontal > .ButtonGroup-item:first-child:not(:only-child) > .Button
 {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
 }
 .ButtonGroup--horizontal > .ButtonGroup-item:last-child:not(:only-child) > .Button
 {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
 }
 
 .ButtonGroup--vertical > .ButtonGroup-item
 {
     display: block;
 
     margin-top: -1px;
 }
 .ButtonGroup--vertical > .ButtonGroup-item:first-child:not(:only-child)
 {
     margin-top: 0;
 }
 .ButtonGroup--vertical > .ButtonGroup-item:first-child:not(:only-child) > .Button
 {
     border-bottom-right-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
 }
 .ButtonGroup--vertical > .ButtonGroup-item:last-child:not(:only-child) > .Button
 {
     border-top-left-radius: 0 !important;
     border-top-right-radius: 0 !important;
 }
 .ButtonGroup--vertical > .ButtonGroup-item > .Button
 {
     text-align: left;
 }


 /* button common */
.btn_seungin{
    padding: 4px;
    color: #ffffff;
}
.waiting{
    background: #f3be55;
}
.printing{
    background: #f4b183;
}
.refuse{
    background: #c55a11;
    cursor: pointer;
}
.refuse:hover{
    background: #bd4f06;
}
.complete{
    background: #7c7c7c;
}
.btn2{
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 0;
    /* font-size: 14px;
    font-weight: 400; */
    /* 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; */
    border-radius: 4px;
}
.delete{
    background: #ffffff;
    color: #434a54;
    border: 1px solid #5e646b;
    cursor: pointer;
    padding: 4px;
}
.delete:hover{
    background: #f3f3f3;
}