body, html {
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background : #343434;
    font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button {
  overflow: hidden;
  box-shadow: 0px 0px 0px #343434;
  margin: 0px;
  border: 0px;
}

.pull-left {float:left;}
.pull-right {float:right;}

.panel {
  width: 178px;
  padding: 12px;
  background : #343434;
}

.logo {
  width: 178px;
  margin: 0 auto;
  height: 45px;
  background : url("./img/logo.png") no-repeat;
}



.btn-set {
  overflow: hidden;
  margin: 4px;
  padding: 0px;
  max-width: 190;
  
 
}

.tools-set {
  overflow: hidden;
  margin: 8px;
  padding: 0px;
  max-width: 190;
  
  
}

.btn {
  box-shadow: 0px 0px 0px #343434;
  display: block;
  width: 86px;
  height: 35px;
  margin: 4px;
  border: 0;
}

.tool {
  box-shadow: 0px 0px 0px #343434;
  display: block;
  width: 30px;
  height: 23px;
  margin: 0px;
  border: 0;
}

#btn-fit {
    background: url('btn/tool-fit.png');
}
#btn-fit:hover {
    background: url('btn/tool-fit-hover.png');
}

#btn-fade {
    background: url('btn/tool-fade.png');
}
#btn-fade:hover {
    background: url('btn/tool-fade-hover.png');
}

#btn-liq {
    background: url('btn/tool-liq.png');
}
#btn-liq:hover {
    background: url('btn/tool-liq-hover.png');
}

#btn-dark {
    background: url('btn/tool-dark.png');
}
#btn-dark:hover {
    background: url('btn/tool-dark-hover.png');
}

#btn-mid {
    background: url('btn/tool-mid.png');
}
#btn-mid:hover {
    background: url('btn/tool-mid-hover.png');
}

#btn-light {
    background: url('btn/tool-light.png');
}
#btn-light:hover {
    background: url('btn/tool-light-hover.png');
}

#btn-LASSO {
    background: url('btn/tool-lasso.png');
}
#btn-LASSO:hover {
    background: url('btn/tool-lasso-hover.png');
}

#btn-BRUSH {
    background: url('btn/tool-brush.png');
}
#btn-BRUSH:hover {
    background: url('btn/tool-brush-hover.png');
}

#btn-SWITCH {
    background: url('btn/tool-switch.png');
}
#btn-SWITCH:hover {
    background: url('btn/tool-switch-hover.png');
}

#btn-RESET {
    background: url('btn/tool-reset.png');
}
#btn-RESET:hover {
    background: url('btn/tool-reset-hover.png');
}

#btn-SPOT {
    background: url('btn/tool-healing.png');
}
#btn-SPOT:hover {
    background: url('btn/tool-healing-hover.png');
}

#btn-PATCH {
    background: url('btn/tool-patch.png');
}
#btn-PATCH:hover {
    background: url('btn/tool-patch-hover.png');
}






#btn-LO {
    background: url('btn/button-logo.png');
}
#btn-LO:hover {
    background: url('btn/button-hover-logo.png');
}


#btn-DS {
    background: url('btn/button-ds.png');
}
#btn-DS:hover {
    background: url('btn/button-hover-ds.png');
}

#btn-BP {
    background: url('btn/button-bp.png');
}
#btn-BP:hover {
    background: url('btn/button-hover-bp.png');
}

#btn-LB {
    background: url('btn/button-lfb.png');
}
#btn-LB:hover {
    background: url('btn/button-hover-lfb.png');
}

#btn-LP {
    background: url('btn/button-lfp.png');
}
#btn-LP:hover {
    background: url('btn/button-hover-lfp.png');
}

#btn-TM {
    background: url('btn/button-tmc.png');
}
#btn-TM:hover {
    background: url('btn/button-hover-tmc.png');
}

#btn-EE {
    background: url('btn/button-ee.png');
}
#btn-EE:hover {
    background: url('btn/button-hover-ee.png');
}

#btn-WT {
    background: url('btn/button-wt.png');
}
#btn-WT:hover {
    background: url('btn/button-hover-wt.png');
}

#btn-SH {
    background: url('btn/button-sh.png');
}
#btn-SH:hover {
    background: url('btn/button-hover-sh.png');
}

#btn-ST {
    background: url('btn/button-scb.png');
}
#btn-ST:hover {
    background: url('btn/button-hover-scb.png');
}

#btn-FM {
    background: url('btn/button-fim.png');
}
#btn-FM:hover {
    background: url('btn/button-hover-fim.png');
}

#btn-TW {
    background: url('btn/button-two.png');
}
#btn-TW:hover {
    background: url('btn/button-hover-two.png');
}

#btn-YJ {
    background: url('btn/button-yj.png');
}
#btn-YJ:hover {
    background: url('btn/button-hover-yj.png');
}

#btn-PY {
    background: url('btn/button-py.png');
}
#btn-PY:hover {
    background: url('btn/button-hover-py.png');
}

#btn-ZX {
    background: url('btn/button-zx.png');
}
#btn-ZX:hover {
    background: url('btn/button-hover-zx.png');
}

#btn-SQ {
    background: url('btn/button-sq.png');
}
#btn-SQ:hover {
    background: url('btn/button-hover-sq.png');
}

#btn-WL {
    background: url('btn/button-wl.png');
}
#btn-WL:hover {
    background: url('btn/button-hover-wl.png');
}

#btn-zrg {
    background: url('btn/button-zrg.png');
}
#btn-zrg:hover {
    background: url('btn/button-hover-zrg.png');
}

#btn-djwl {
    background: url('btn/button-dj.png');
}
#btn-djwl:hover {
    background: url('btn/button-hover-dj.png');
}

#btn-ZG {
    background: url('btn/button-ZG.png');
}
#btn-ZG:hover {
    background: url('btn/button-hover-ZG.png');
}

#btn-ql {
    background: url('btn/button-ql.png');
}
#btn-ql:hover {
    background: url('btn/button-hover-ql.png');
}

#btn-lq {
    background: url('btn/button-lq.png');
}
#btn-lq:hover {
    background: url('btn/button-hover-lq.png');
}

#btn-MB {
    background: url('btn/button-mb.png');
}
#btn-MB:hover {
    background: url('btn/button-hover-mb.png');
}

#btn-RX {
    background: url('btn/button-rx.png');
}
#btn-RX:hover {
    background: url('btn/button-hover-rx.png');
}

#btn-pfsd1 {
    background: url('btn/button-pfsd1.png');
}
#btn-pfsd1:hover {
    background: url('btn/button-hover-pfsd1.png');
}

#btn-pfsd2 {
    background: url('btn/button-pfsd2.png');
}
#btn-pfsd2:hover {
    background: url('btn/button-hover-pfsd2.png');
}