::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:none;}
::-webkit-scrollbar-track-piece{background-color:#e6e6e6}
::-webkit-scrollbar-thumb{-webkit-border-radius:4px; background-color:#999;}
::-webkit-scrollbar-face-color{color:#666;}

.form-control{border-radius:0 !important;}
.badge{border-radius:1.63px !important;}

.siyah{background-color:#000 !important; color:#FFF !important; border:none;}
.siyah2{background-color:#333 !important; color:#FFF !important; border:none;}
.siyah3{background-color:#343a40 !important; color:#FFF !important; border:none;}
.siyah4{background-color:#666 !important; color:#FFF !important; border:none;}
.siyah5{background-color:#999 !important; color:#FFF !important; border:none;}
.kirmizi{background-color:#C00 !important; color:#FFF !important; border:none;}
.kirmizi2{background-color:#7d0909 !important; color:#FFF !important; border:none;}
.turuncu{background-color:#C60 !important; color:#FFF !important; border:none;}
.turuncu2{ background-color:#F90 !important; color:#FFF !important; border:none;}
.turuncu3{ background-color:#BC3333 !important; color:#FFF !important; border:none;}
.sari{background-color:#FF0 !important; color:#FFF !important; border:none;}
.c90{background-color:#c90 !important; color:#FFF !important; border:none;}
.mavi{background-color:#03C !important; color:#FFF !important; border:none;}
.mavi2{background-color:#3CF !important; color:#FFF !important; border:none;}
.mavi3{background-color:#31baed !important; color:#FFF !important; border:none;}
.mavi4{background-color:#31baed !important; color:#FFF !important; border:none;}

.mor{background-color:#906 !important; color:#FFF !important; border:none;}
.mor2{background-color:#63C !important; color:#FFF !important; border:none;}
.yesil{background-color:#9C3 !important; color:#FFF !important; border:none;}
.yesil2{background-color:#063 !important; color:#FFF !important; border:none;}
.yesil3{background-color:#039d03 !important; color:#FFF !important; border:none;}

.back-siyah{background-color:#000 !important;}
.back-siyah2{background-color:#333 !important;}
.back-kirmizi{background-color:#C00 !important;}
.back-turuncu{background-color:#C60 !important;}
.back-turuncu2{ background-color:#F90 !important;}
.back-turuncu3{ background-color:#BC3333 !important;}
.back-sari{background-color:#FF0 !important;}
.back-c990{background-color:#c90 !important;}
.back-mavi{background-color:#03C !important;}
.back-mavi2{background-color:#3CF !important;}
.back-mavi3{background-color:#31baed !important;}
.back-mor{background-color:#906 !important;}
.back-mor2{background-color:#63C !important;}
.back-yesil{background-color:#9C3 !important;}
.back-yesil2{background-color:#063 !important;}
.back-yesil3{background-color:#039d03 !important;}

.yazi-beyaz{color:#FFF !important;}
.yazi-siyah{color:#000 !important;}
.yazi-siyah2{color:#333 !important;}
.yazi-kirmizi{color:#C00 !important;}
.yazi-turuncu{color:#C60 !important;}
.yazi-turuncu2{ color:#F90 !important;}
.yazi-turuncu3{ color:#BC3333 !important;}
.yazi-sari{color:#FF0 !important;}
.yazi-c90{color:#c90 !important;}
.yazi-mavi{color:#03C !important;}
.yazi-mavi2{color:#3CF !important;}
.yazi-mavi3{color:#31baed !important;}
.yazi-mor{color:#906 !important;}
.yazi-mor2{color:#63C !important;}
.yazi-yesil{color:#9C3 !important;}
.yazi-yesil2{color:#063 !important;}
.yazi-yesil3{color:#039d03 !important;}
.yazi-bold{font-weight:bold;}



/*KLASIK BAZI YAZI STİLLERİ*/
.yazi-stl1-b{ color:#CCC; font-size:14px; font-family:Arial; }
.yazi-stl2-b{ color:#999; font-size:14px; font-family:Arial; }
.yazi-stl3-b{ color:#666; font-size:14px; font-family:Arial; }
.yazi-stl4-b{ color:#333; font-size:14px; font-family:Arial; }
.yazi-stl5-b{ color:#000; font-size:14px; font-family:Arial; }


.yazi-stl1{ color:#CCC; font-size:12px; font-family:Arial; }
.yazi-stl2{ color:#999; font-size:12px; font-family:Arial; }
.yazi-stl3{ color:#666; font-size:12px; font-family:Arial; }
.yazi-stl4{ color:#333; font-size:12px; font-family:Arial; }
.yazi-stl5{ color:#000; font-size:12px; font-family:Arial; }

.yazi-stl1-k{ color:#CCC; font-size:10px; font-family:Arial; }
.yazi-stl2-k{ color:#999; font-size:10px; font-family:Arial; }
.yazi-stl3-k{ color:#666; font-size:10px; font-family:Arial; }
.yazi-stl4-k{ color:#333; font-size:10px; font-family:Arial; }
.yazi-stl5-k{ color:#000; font-size:10px; font-family:Arial; }

.border-acik{border:1px solid #CCC;}
.border-acik2{border:1px solid #999;}
.border-acik3{border:1px solid #d7d7d7;}
.border-acik4{border:1px solid #FFF !important;}

.border-beyaz{border-color:#FFF !important;}
.border-siyah{border-color:#000 !important;}
.border-siyah2{border-color:#333 !important;}
.border-kirmizi{border-color:#C00 !important;}
.border-turuncu{border-color:#C60 !important;}
.border-turuncu2{ background-color:#F90 !important;}
.border-turuncu3{ background-color:#F90 !important;}
.border-sari{border-color:#FF0 !important;}
.border-mavi{border-color:#03C !important;}
.border-mavi2{border-color:#3CF !important;}
.border-mavi3{border-color:#31baed !important;}
.border-mor{border-color:#906 !important;}
.border-mor2{border-color:#63C !important;}
.border-yesil{border-color:#9C3 !important;}
.border-yesil2{border-color:#063 !important;}
.border-yesil3{border-color:#039d03 !important;}

.border-r-none{ border-radius:0 !important; }
.border-none{ border:none !important; }

.atmz{ text-decoration: none !important; color: inherit !important;}
.atmz:hover{ text-decoration: none !important; color: inherit !important;}

.buton{
    font-size: 13px;
    height: 29px;
    line-height:13px !important;
    width: 35%;
    background-color: #C33;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    float: left;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


    .talep_tablo{

        width:24%; 
        height:309px; 
        float:left; 
        margin:7px 5px 5px 7px; 
        border:1.9px solid #CCC;
        border-radius: 3px;
    }


    .hover{
      position: absolute;
      border-radius: 3px;
      border:1.9px solid #000;
      background: #000;
      opacity: 0.63;
      /*margin-top: 63px;*/
      margin-left: -1px;
      margin-top: -1px;
      width:24%; 
      height:310px; /*bknz .talep_tablo*/
      text-align: center;
      color:#FFF;
    }


    .talep_tablo:hover .hover{
      display: none;
    }

      .talep_tablo:hover .hover_ic{
      display: none;
    }

       .talep_tablo:hover .hover_isim{
      display: none;
    }

  

    .hover_ic{
      position: absolute;
      color:#FFF !important;
      margin-top: 133px;
      text-align: center;
      width:163px; 
      height:33px; 
      line-height: 33px;
      border:1px solid #FFF; 
      opacity:100; 
      z-index: 333;
    }

    .isimler{
      float: left;
      text-decoration: none;
      background: darkred;
      margin: 2px 2px;
      color:#FFF !important;
      text-align: center;
      width:12%; 
      height:33px;
      line-height:33px; 
      border:1px solid #FFF; 
      opacity:100;  
      font-size: 12px;
      font-weight: bold;
    }

      .hover_isim{
      position: absolute;
      color:#FFF !important;
      margin-top:99px;
      text-align: center;
      width:163px; 
      height:33px; 
      line-height:33px;
      border:1px solid #FFF; 
      opacity:100; 
      z-index: 333;
      background: #333;
      font-size: 12px;
    }


    .talep_dis{
    width:100%; 
    }

    @media (max-width: 768px) {
   
     .talep_dis{
      width:100vw; 
    }

     .talep_tablo{
         width: 97%;
         margin: 9px auto;
         float: none; 
      }

       .hover{
         width: 97%;
      }
      .isimler{
        width: 49%;
        margin: 1px auto;
      }
  }

    .kapat{
        position: absolute; margin: -11px 0px 0px -11px; text-align:center; width:33px; height:33px; line-height:31px;  border-radius:23px; color: #FFF; background:red; border:1px solid #FFF; font-size:9px;
        cursor: pointer; background: #333;
    }

    .zamandiv1{
        position: absolute; margin: -11px 0px 0px -11px; text-align:center; width:33px; height:33px; line-height:31px;  border-radius:23px; color: #FFF; background:red; border:1px solid #FFF; font-size:9px;
        cursor: pointer;
    }
    
    .zamandiv2{
        position: absolute; margin: -11px 0px 0px -11px; text-align:center; width:33px; height:33px; line-height:31px;  border-radius:23px; color: #FFF; background:red; border:1px solid #FFF; font-size:9px;
        cursor: pointer; background: #3d9ab3;
    }

    .zamandiv3{
        position: absolute; margin: -11px 0px 0px -11px; text-align:center; width:33px; height:22px; padding-top:11px;  border-radius:23px; color: #FFF; background:darkred; border:1px solid #FFF; font-size:9px;
        cursor: pointer;
    }


    .sol{
        float: left;
    }
    .clear{
        clear: both;
    }

    .soluk{
        color:#aaa9a9;
    }




/*MENU CSS KODLARI */
.menu-eleman {
  float: left;
  height: 29px;
  line-height: 29px;
  width: 130px;
  background-color: #333;
  font-family: Tahoma, Geneva, sans-serif;
  color: #FFF;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  margin-left: 4px;
  text-decoration: none;
  cursor:pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.menu-eleman:hover {
  background-color: #009900;  
}
.menu-eleman:focus {
  background-color: #009900;  
}

.menuust {
  height:4px;
  width: 100%;
  margin-top: auto;
  margin-left: auto;
}
.menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
  color: #FFF;

}
.menu li {
  cursor: pointer;
  position:relative;
  float:left;
  width:10%;
  height:31px;
  line-height: 29px;
  margin:0;
  padding:0;
  list-style:none;
  float: left;
  background-color:#333;
  text-align: center;
  font-size:13px;
  z-index: 999;
  
}

.menu ul li ul { display:none;}
.menu ul li:hover{background-color:#009900;}
.menu ul li:hover ul { display:block; background-color:#009900;}
.menu ul li:focus{background-color:#009900;}
.menu ul li:focus ul { display:block; background-color:#009900;}
.menu ul li ul{float:left; list-style-type:none; margin-top:3px;} 

.menu ul li ul li{
  font-size: 13px !important;
  float:left; 
  list-style-type:none; 
  margin:0;
  margin-top: -3px;  
  height:47px;
  line-height:43px;
  text-align:left;
  padding-left:9px;
  width:463px;
}

.menu a {
  text-decoration: none !important;
  font-family: Tahoma, Geneva, sans-serif;
  color: #FFF !important;
  font-style: normal;
  font-weight: normal;  
}

.menu_entepe{
  width: 100%;
  height: 33px;
  background-color:#666;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  padding-top: 0px;
}

.menu_tepe{
  width: 100%;
  height: 5px;
  background-color:#333;
  color: #FFF;
  text-align: center;
  font-size: 12px;
}

.menu {
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  padding-top:3px;
  margin-top:3px;
  height: 39px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-size: 13px !important;
  color: #FFF;
}

  .menu_endis{
    padding-top: 3.63px;
    padding-bottom: 3.63px;
    background-color:#333;
  }



/*MENU CSS MOBİL KODLARI */
@media (max-width: 768px) {

	.menu ul li:hover .menu ul {display: none;}

	
	.menu-eleman {
	  width: 100%;
	  margin: 0;
	}

	.menu ul li ul {width:100%; position:fixed; bottom:33px; z-index: 9999;}

	.menu li {
	  width:100%;
	  margin: 0;
	}


	.menu ul li ul li{
	  width:100%;
	  margin: 0;
	  opacity: 0.97;
	  border: 1px solid #FFF;
	}


}/*media screen menu mobil x*/

.kare_buton{
  display: block;
  float:left;
  width:163px;
  height:153px;
  padding-top:5px;
  background-color:#333;
  color:#FFF;
  text-align: center;
  margin-left:15px;
  margin-top:15px;
  font-size: 13px;
  border: thin solid #FFF;
  text-decoration:none;
  border-radius:5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bildirim{
padding-top:23px; 
height:125px;
}


.kare_buton:hover{background-color:#090;  border:thin solid #FFF;}




.mobil_tablo table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.mobil_tablo table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.mobil_tablo table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.mobil_tablo table th,
.mobil_tablo table td {
  padding: .333em;
  text-align: center;
}

.mobil_tablo table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  .mobil_tablo table {
    border: 0;
  }

  .mobil_tablo table caption {
    font-size: 1.3em;
  }
  
  .mobil_tablo table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .mobil_tablo table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .mobil_tablo table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .mobil_tablo table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    color: #CCC;
  }
  
  .mobil_tablo table td:last-child {
    border-bottom: 0;
  }
}

.filtre_ac{
  display: none;
}


/*Filtreleme Tablolarını Düzenlemek için kullanılır*/
@media screen and (max-width: 600px) {

  .filtre_tablo{
    display: none;
  }

  .filtre_tablo table {
    border: 0;
    width: 100%;
  }

  .filtre_ac{
    display: block;
    width:99%;
    text-align: center;
    color: #FFF;
    background:#d26b15;
    height: 33px;
    line-height: 32px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px;
  }

  .filtre_tablo table caption {
    font-size: 1.3em;
  }
  
  .filtre_tablo table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .filtre_tablo table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .filtre_tablo table td {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .filtre_tablo table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    color: #CCC;
  }
  
  .filtre_tablo table td:last-child {
    border-bottom: 0;
  }
}



.gizle{
  display: none;
}

.goster{
  display: block;
}

/*RESPONSİVE PAGİNATİON*/

  .home_bilgi_yazi{
    font-size:12px;
    color: #999;
  }
  .stat_ek{
    font-size:17px !important;
  }
  .bugun_goster{
    width:63px;
    height: 63px;
    font-size:21px;
    padding-top:15px;
    line-height: 15px;
    border-radius:5px;
    text-align: center !important;
    font-weight: bold;
    float: right;
    color:#FFF;
    background: #000;
  }

  .gst_kck{
    font-size: 10px;
    font-weight:normal;
  }

  .home_kutu:hover{
    transition-timing-function: ease; /* Transition de type ease */ 
    cursor: pointer;
    border: 1px solid #CCC;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  }



.kucuk_buton {
    height:27px;
    line-height:27px;
    width:99%;
    display: block;
    background-color: #C33;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin-left: 5px;
    cursor: pointer;
    border: none;

}


.yazi_yumusat{
  font-size: 10px;
  color: #999;
}



  .buyuk_kare{
    padding-top:23px;
    width:325px; 
    height:199px; 
    line-height:33px;
    background: #000;
    opacity: 0.90;
    color: #FFF;
    float:left; 
    margin:7px 5px 5px 7px; 
    border:2px solid #777777;
  }
   .buyuk_kare_dis{
      width:100%; 
    }

    @media (max-width: 768px) {
   
       .buyuk_kare_dis{
        width:100%; 
      }

      .buyuk_kare{
      margin: 9px auto;
      float: none;
      }

    }/*meida x */


    .buyuk_kare_yuzde{
    padding-top:11px;
    line-height:35px; 
    width:23.63%; 
    height:263px;
    background: #000;
    opacity: 0.90;
    color: #FFF;
    float:left; 
    margin:1% 0.63% 0% 0.63%; 
    border:2px solid #777777;
  }


    @media (max-width: 768px) {

      .buyuk_kare_yuzde{
      width: 97%;
       margin: 9px auto;
       float: none;
      }

    }/*meida x */

    .sayi{
    
      color: #c90;
      font-size:14px;

    }

      .maliyet{
      color: #9C3;
      font-size:14px;

    }

    .stok{
  
      color: #bc3333;
      font-size:14px;
    }
    .kck_yazi_stok{
      font-size:10px;
      font-weight: lighter;
 
    }

    .buyuk_kare_kose{
      position: absolute;
      margin: -33px 0px 0px -10px;
      text-align: center;
      width: 33px;
      height: 33px;
      border-radius: 19px;
      color: #FFF;
      background: #00861d;
      border: 1px solid #FFF;
      font-size: 9px;
      font-weight: bold;
      line-height: 33px;
      cursor: pointer;
    }

  .uce_bol{
    float: left;
    width: 30%;
    margin-left:0.3%;
  }

  .ikiye_bol{
    float: left;
    width: 49%;
    margin-left:0.3%;
  }


  .pasif {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-decoration: none;
    border-radius: 13px;
    display: block;
    background-color: #999;
    float: left;
    margin-left: 7px;
    margin-top: 5px;
}

.aktif {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 13px;
    display: block;
    background-color: #c90;
    float: left;
    text-decoration: none;
    margin-left: 7px;
    margin-top: 5px;
}




/* BURADAN SONRASI URUN DUZENLE CSSLERİNİ İCERİR */
.genelhat {
  height: auto;
  width:auto;
  margin:0 auto;
  background-color: #FFF;
}

@media screen and (max-width: 2000px) {
  .genelhat {width:1920px;}
}/*çöznürlüğe göre x*/

@media screen and (max-width: 1921px) {
  .genelhat {width:1763px;}
}/*çöznürlüğe göre x*/

@media screen and (max-width: 1601px) {
  .genelhat {width:1168px;}
}/*çöznürlüğe göre x*/


@media screen and (max-width: 1024px) {
  .genelhat {width:875px;}
}/*çöznürlüğe göre x*/

@media screen and (max-width: 768px) {
  .genelhat {width:99%;}
}/*çöznürlüğe göre x*/

.urun_genel {
  height: auto;
  width:275px;
  min-height:555px;
  float: left;
  margin:8px;
  margin-top:25px;
  border: thin solid #CCC;
  background-color: #9FC;
}
.urun_genel:hover .urun_duzenle{
  visibility: visible;
}

.urun_duzenle {
  width:275px;
  height:409px;
  position: absolute;
  float: left;
  background: #000;
  opacity: 0.7;
  text-align: center;
  color: #FFF;
  visibility: hidden;
  cursor: pointer;
}


@media (max-width: 768px) {
   
  .urun_genel{
   width:100vw;
   margin-top:33px;
  }

  .urun_duzenle{
   width:100vw;
   margin-top:33px;
   height:90vh;
  }

}/*if moblise x*/

.kucuk_buton_urunler {
    height: 25px;
    line-height: 25px;
    width: 32%;
    display: block;
    background-color: #C33;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    float: left;
    text-align: center;
    margin:1.5px;
    cursor: pointer;
}

/* BURADAN SONRASI URUN DUZENLE CSSLERİNİ İCERİR */


  .ajax_urun_foto_goster{
    position: absolute;
    z-index: 999;
    width: 133px;
    height: auto;
    background:#CCC;
    margin-left:133px;
  }

  .pointer{
    cursor: pointer !important;
  }


.tarih_sec{
    display: none;
    width: 163px;
    position: absolute;
    margin-left: -163px;
    height: 163px;
    line-height: 29px;
    padding: 5px;
    text-align: center;
    background:#FFF;
    z-index: 9999;
    color: #333;
    font-size: 12pt;
    border-radius: 5px;
  }

.excel_sec{
    display: none;
    width: 163px;
    position: absolute;
    margin-left: -163px;
    height: 163px;
    line-height: 29px;
    padding: 5px;
    text-align: center;
    background:#FFF;
    z-index: 9999;
    color: #333;
    font-size: 12pt;
    border-radius: 5px;
  }

  @media (max-width: 768px) {
   
  .excel_sec{
    margin: 0;
  }

  .tarih_sec{
    margin-left:0;
  }
}/*if moblise x*/

.bildirimler{
  
        cursor: pointer;
        display: block;
        display: none;
        width:333px;
        background:#f7f7f7;
        height:auto;
        position: fixed;
        bottom: 10px;
        right: 10px;
        text-align: center;
        padding:3px;
        z-index: 9999;
        border-radius:3px;
}

.bugun_goster_v2 {
    width: 63px;
    height: 63px;
    font-size: 21px;
    padding-top: 15px;
    line-height: 15px;
    border-radius: 33px;
    text-align: center !important;
    font-weight: bold;
    float: right;
    color: #000;
    border: 2px solid #e9e9e9;
}

.gst_kck_v2 {
    font-size: 10px;
    font-weight: normal;
}

.mobilde_gizle{
  visibility: visible;
}

.masaustunde_gizle{
  visibility: hidden;
}

@media screen and (max-width: 600px) {
  .mobilde_gizle {
    visibility: hidden;
  }

  .masaustunde_gizle{
    visibility: visible;
  }

}/**media */

.yeni_veri_ekle{
  width:63px;
  height: 63px;
  font-size:21px;
  padding-top:15px;
  line-height: 15px;
  text-align: center !important;
  font-weight: bold;
  float: right;
  color:#FFF;
  background: #090;
  position: fixed;
  right: 63px;
  bottom:63px;
  border-radius: 33px;
  cursor: pointer;
  z-index: 999;
}