* { -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
		
/* Left Navigation
-----------------------------------------------*/
.accordion-btn.accordion-collapsed { line-height: 25px !important; }
.accordion-btn.accordion-expanded { line-height: 25px !important; }

.mainNav { width: 100%; margin-bottom: 30px; background: #fff; padding: 40px 30px; border-radius: 15px; }
  .mainNav h3 { color: #cbcbcb; border-bottom: solid 1px #cbcbcb; padding-bottom: 10px; }

  .mainNav ::-webkit-scrollbar { width: 12px; }
  .mainNav ::-webkit-scrollbar-track { background-image: linear-gradient(to right, #fff,#eee,#fff); }
  .mainNav ::-webkit-scrollbar-thumb { border:solid 2px #0097ff; background:transparent; border-radius:5px; }
    .mainNav ::-webkit-scrollbar-thumb:hover { border: solid 2px #0097ff; background: transparent; }

/* First Level */

  .mainNav.markalar > ul { max-height:490px; overflow-y:auto; }


.mainNav ul{ margin: 0; padding: 0; list-style: none; }
.mainNav ul li{ position: relative;}
.mainNav ul li:last-child{ border-bottom: 0;}
.mainNav ul li::before{ content: ""; position: absolute; width: 8px; height: 16px; left: 0; top: 9px; /*background-image: url("../../../images/arrow-right.png"); background-repeat: no-repeat; background-position: center; background-size: 8px 16px;*/}
.mainNav ul li a{ transition: 0.2s; display: block; line-height: normal; font-size: 14px; font-weight: 500; text-decoration: none; padding: 7px 0;}
  .mainNav ul li a:hover { background: transparent; text-decoration: none; color: #0097ff; }
 


.mainNav ul li .right{ display: inline-block; width: 10px; height: 10px; background-image: url(../../../images/right.svg); background-repeat: no-repeat; background-position: center; background-size: 10px 10px;}
.mainNav ul li .down{ display: inline-block; width: 10px; height: 10px; background-image: url(../../../images/down.svg); background-repeat: no-repeat; background-position: center; background-size: 10px 10px;}

/* Second Level */
.mainNav ul ul{ border-bottom: none; max-height:300px; overflow-y:auto; }
.mainNav ul ul li{  background: transparent; }
.mainNav ul ul li a{ display: block; line-height: normal; padding-left: 15px; font-size: 12px; font-weight: 400; }
  .mainNav ul ul li a:hover { background: transparent; }

/* Third Level */
.mainNav ul ul ul { }
.mainNav ul ul ul li{ border: none; }
.mainNav ul ul ul li a{ }

/* Accordion Button */
ul li.has-subnav .accordion-btn{ color: #111; background: rgba(255,255,255, 0.15); padding-top: 1px; font-size: 17px; }
.has-subnav ul li a{ }

@media(max-width: 991px)
{
    .mainNav ul li{ border-bottom: 1px #eee solid;}
}


.mainNav ul li a.active { color: #0097ff; font-weight: 700; }
.mainNav ul li a.aktif { color: #0097ff; font-weight: 700; }