@charset "utf-8";
/* CSS Document */


.dropbtnDil {position: relative; float: left;width: 82px; height: 45px;border-radius: 11px;-webkit-border-radius: 11px;-moz-border-radius: 11px;

 display: flex;justify-content: center; align-items: center; justify-content: space-between; padding: 0 18px;
  color: #fff; 
   
  font: 14px 'PlusJakartaSans-SemiBold';line-height: 30px;
 
  cursor: pointer;
}


.dropbtnDil.ana-dropdown {position: relative; float: left;width: 82px; height: 45px;border-radius: 11px;-webkit-border-radius: 11px;-moz-border-radius: 11px;
  background-color: transparent;
 
 display: flex;justify-content: center; align-items: center; justify-content: space-between; padding: 0 18px;
  color: #fff; 
   
  font: 14px 'PlusJakartaSans-SemiBold';line-height: 30px;
 
  cursor: pointer;
}

 

.dropdownDil {  
  position: relative; float: left;width:98px;
  display: inline-block;
}

.dropdownDil.ana-dropdown{margin-right: 0; width: 82px;}
.dropdownDil-content {top: 45px;width: 82px;
  display: none;
  position: absolute;
  background-color: #fff;color:#7f7f7b;
 
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdownDil-content a { font: 14px 'PlusJakartaSans-SemiBold';color: #7f7f7b;
 
 
  text-decoration: none;height: 50px;width: 50px; display: flex; justify-content: center; align-items: center;
 
}


.dropbtnDil:hover {    background: #8E4646;
background: -webkit-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: -moz-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8E4646", endColorstr="#24333E", GradientType=0);}


.dropbtnDil.ana-dropdown:hover {    background: #8E4646;
background: -webkit-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: -moz-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8E4646", endColorstr="#24333E", GradientType=0);

}





.showDilDb {display: block;}

.showRenkDb{
	     background: #8E4646;
background: -webkit-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: -moz-linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
background: linear-gradient(168deg, rgba(142, 70, 70, 1) 0%, rgba(36, 51, 62, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8E4646", endColorstr="#24333E", GradientType=0);
	color: #fff;}