.button{
  z-index:355;
  position:fixed;
  width:35px;
  height:35px;
  right:25px;
  cursor:pointer;
}

.notification{
  z-index:251;
  position:fixed;
  left:50%;
  top:25px;
  cursor:pointer;
  opacity:0.98;
  color:black;
}

.notification-bg{
  width:350px;
  height:70px;
  background-color:#EFEFEF;
  margin-left:-175px;
  border-radius:8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.notification-text-title{
  font-size:14px;
  margin-top:10px;
  margin-left:-105px;
  font-weight:700;
  color:595959;
}

.notification-text-body{
  font-size:12px;
  margin-top:29px;
  margin-left:-105px;
  font-weight:light;
  color:595959;
  background-color:transparent;
  width:180px;
}

.notification-text-close{
  font-size:14px;
  margin-top:27px;
  margin-left:115px;
  font-weight:500;
  color:595959;
  opacity:0.6;
}


.notification-img{
  width:40px;
  height:40px;
  margin-top:16px;
  margin-left:-159px;
  opacity:0.8;
}

.notification-clickaway{
  width:85px;
  height:70px;
  margin-top:0px;
  margin-left:90px;
  background-color:transparent;
  border-radius: 0px 5px 5px 0px;
}

.notification-line{
  width:1px;
  height:70px;
  opacity:0.2;
  background-color:595959;
  margin-left:90px;
}

#pop-up-instructions{
  position:fixed;
  bottom:45px;
  left:120px;
  width:250px;
  height:80px;
  background-color:#E5E5EA;
  border-radius:15px;
  display:none;
}

#p-instructions{
  font-size:12px;
  margin-left:15px;
  margin-top:10px;
  text-shadow:0px 0px #000000;
}

#text-corner{
  position:fixed;
  width:15px;
  height:15px;
  left:115px;
  bottom:45px;
}

#tight{
  position:fixed;
  left:102px;
  bottom:22px;
  width:40px;
}

#button-holder{
  position:fixed;
  right:10px;
  top:10px;
  background-color:red;
  cursor:pointer;
  width:270px;
  height:65px;
}

#big-paint{
  z-index:350;
  position:fixed;
  right:25px;
  bottom:25px;
  height:20px;
  width:20px;
}

#small-paint{
  z-index:350;
  position:fixed;
  right:225px;
  bottom:27.5px;
  height:15px;
  width:15px;
}

#opacity-large{
  z-index:350;
  position:fixed;
  right:25px;
  bottom:24.5px;
  height:15px;
  width:20px;
  display:none;
}

#opacity-small{
  z-index:350;
  position:fixed;
  right:225px;
  bottom:24.5px;
  height:15px;
  width:15px;
  display:none;
}

.l1{
  left:25px;
}

.l2{
  left:50px;
}

.r1{
  right:25px;
}
.r2{
  right:55px;
}
.r3{
  right:105px;
}
.r4{
  right:145px;
}
.r5{
  right:185px;
}
.r6{
  right:225px;
}
.r7{
  right:265px;
}
.t1{
  top:25px;
}
.t2{
  top:65px;
}
.t3{
  top:105px;
}
.t4{
  top:145px;
}
.t5{
  top:185px;
}
.t6{
  top:225px;
}
.t7{
  top:265px;
}
.t8{
  top:260px;
}

.b1{
  bottom:25px;
}
.b2{
  bottom:55px;
}
#hide{
  display:none;
}