:root { 
  --eduColor5: #35b5e8;
  --eduColor6: #231877;
  --eduColor7: #cccccc; 
  --eduColor8: #919191;
  --eduPembe: #eb3291;
  --eduMor: #40318b;
  --eduGri: #808080;
  --eduKoyuMavi: #132033;
  --eduKoyuAcik: #a1c4fc;
}

@font-face {
    font-family: "Hurme";
    src: url('HurmeGeometricSans2-Light.otf');
    src: url('HurmeGeometricSans2-Light.otf') format('embedded-opentype'),
         url('HurmeGeometricSans2-Light.otf') format('truetype');
  }
  @font-face {
    font-family: "Hurme Regular";
    src: url('HurmeGeometricSans2-Regular.otf');
    src: url('HurmeGeometricSans2-Regular.otf') format('embedded-opentype'),
         url('HurmeGeometricSans2-Regular.otf') format('truetype');
  }

  @font-face {
    font-family: "Hurme SemiBold";
    src: url('HurmeGeometricSans2-SemiBold.otf');
    src: url('HurmeGeometricSans2-SemoBold.otf') format('embedded-opentype'),
         url('HurmeGeometricSans2-SemiBold.otf') format('truetype');
  }
  @font-face {
    font-family: "Hurme Curvy";
    src: url('ps-coastline-regular.otf');
    src: url('ps-coastline-regular.otf') format('embedded-opentype'),
         url('ps-coastline-regular.otf') format('truetype');
  }
.hbold {font-family: Hurme SemiBold;}
.hlight {font-family: Hurme;}
.hreg {font-family: Hurme Regular;}
.hcurvy{font-family:Hurme Curvy;}
.fill-gray {stroke: var(--eduColor7); fill: transparent;width: 16px; height: 16px;}
.fill-pembe{stroke:var(--eduPembe); fill: var(--eduPembe);}
.fill-blue {stroke: var(--eduColor5) !important; fill: transparent;}
.fill-navy {stroke: var(--eduColor6) !important; fill: transparent;}
.op0 {opacity: 0;}
.edu-mor {color: var(--eduMor);}
.edu-acikGri {color: var(--eduColor7);}
.edu-OpakMavi {color: #b9dfef;}
.top20 {top: 20% !important;}
.pl-6y {padding-left: 6% !important;}
.mr-auto {margin-right: auto !important;}

.iletisim-btn:hover{color:#fff !important;}

.edu-gri {color:var(--eduGri);}
.leftbark { color: var(--eduColor5); }
.rightbark { color: var(--eduColor6) !important; }
.itext { color: var(--eduColor8);  z-index: 2;}
.zindex2 {z-index: 2;}
.ml-3vh {margin-left: 3vh;}
.mlr-3 {margin-left: -4px; margin-right: -4px;}
.mr-5vh {margin-right: 5vh;}
.dInline-flex { display: inline-flex; }
.w13 {width: 13%;}

.border-form-wizard { border: 0.5px solid var(--eduColor6); border-radius: 15px; }
.wh25 { width: 25px; height: 25px; }
.wh20 { width: 20px; height: 20px; margin-left: 4px;}
.wh20s {width: 20px; height: 20px;}

.border-edu { border: 1px solid var(--eduColor7) !important; border-radius: 10px; }
.h120 { height: 120px !important; }
.hauto { height: auto !important; }
.btn-outline-edu { color: var(--eduColor6); border-color: var(--eduColor6); }
.btn-pembe-edu {background-color: var(--eduPembe); color: #fff;}
.btn-sinav-mavi {background-color: var(--eduColor6); border-radius: 14px;}
.btn-sinav-mavi:hover {background-color: var(--eduPembe); border-color: white !important; transition: all 0.3s;}
.btn-sinav-mavi:hover .fill-blue {stroke: #fff !important; transition: all 0.3s;}
.btn-sinav-gri {background-color: var(--background); border-radius: 14px; color: var(--eduGri) !important;}
.btn-sinav-gri:hover {background-color: var(--eduMor); color: #fff !important;}
.btn-sinav-gri:hover .fill-navy {stroke: #fff !important; transition: all 0.3s;}
.son-deneme-sinav {background-color: var(--background); border-radius: 40px;}
.btn-pembe-edu:hover {background-color: var(--eduPembe); border: 1px solid #fff; color: #fff; transition: all 0.3s; box-shadow: 0px 0px 0px 2px var(--eduPembe);}
.asfe {align-self: flex-end;}
.jcsb {justify-content: space-between;}
.dflex {display: flex;}
.shnone {box-shadow: none;}
.gizle {display: none;}
.fwb {font-family: Hurme SemiBold;}

.ml10 {margin-left:11px;}
.ml18 {margin-left:18px;}
.pb15 {padding-bottom: 15px;}
.pl8 {padding-left: 8px;}
.pl10 {padding-left: 10% !important;}
.pt6 {padding-top: 6px;}
.pt15 {padding-top: 15px;}
.p1525 {padding: 15px 0px 25px 0px;}
.brad-20 {border-radius: 20px;}
.fs13 {font-size: 13px;}
.fs16 {font-size: 16px;}
.fs60 {font-size: 60px;}
.fs21rem {font-size: 1.344rem;}
.fs30 {font-size: 30px !important;}
.p75 {padding: 0.75rem 0rem !important; z-index: 55;}
.bbkoyu {border-bottom: 1px solid #150c58;}
/* loader */
.loaderbox{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

}
/* body html */
body {height: 100%;}
html {height: 100%;}
.page-wrapper {position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto;}
.blur5 {filter: blur(2px); transition: all 0.6s;}

/* sidebar */
.sb-edulog {position: absolute; font-size: 1.4rem; display: inline-flex;padding-left: 8px;}
.sb-dname {padding-left: 50px;line-height: 1;color: #dbdbdb; font-size: 13px;}
/* .page-wrapper { background: url(../assets/images/edulog_back.png) !important; min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: fixed; top: 0; left: 0; } */
/* #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {padding: 10.49px 8.51px;} */
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {padding: .656rem .532rem;}
/* .borderItem {    position: absolute; justify-content: center; width: 84%!important; border: .4px solid var(--eduColor5); left: 0; right: 0; margin-left: auto; margin-right: auto;} */
.borderItem {    position: absolute;
  border: 0.6px solid var(--eduColor5);
  width: 73%;
  left: 9px}
  #left-icerik:hover .borderItem {
    width: 90% !important;
  }
.sidebar-nav ul .sidebar-item .sidebar-link i {width: auto;}
.sidebar-back-tek {color: var(--eduColor5) !important;font-weight: 600; background: #35b5e820 !important;border-radius: 14px;}
.sidebar-back {color: var(--eduColor5) !important;font-weight: 600;padding-right: 0px !important; background: #35b5e820; margin-right: 10px; border-radius: 14px; padding-left: 0px !important; margin-left: 20px;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {color: var(--eduColor7);}
.sidebar-nav ul .sidebar-item {width: 225px; padding-left: 3px; margin-bottom: 5px;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav .has-arrow::after {border-color: var(--educolor5);}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {background-color: transparent;}
.sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {padding-left: 20px;}
.sidebar-nav .has-arrow::after{-webkit-transform:rotate(-135deg) translate(0,-50%);-ms-transform:rotate(-135deg) translate(0,-50%);-o-transform:rotate(-135deg) translate(0,-50%);transform:rotate(-135deg) translate(0,-50%);}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {background-color: transparent;}
.scroll-sidebar { position: relative; height: calc(100% - 100px); }
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {background-color: #35b5e852; height: 200px;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active {color:var(--eduColor7) !important;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item.selected>.sidebar-link {color:var(--eduColor7) !important;}
/* form */
@media only screen and (max-width: 1280px) {
  .wizard-content .wizard>.actions>ul>li>a { font-size: 11px; transition: all 0.3sn;}
  .kivBtn {font-size: 11px;transition: all 0.3sn;}
  #steps-uid-0-p-4 > div:nth-child(6) > div.col-md-4.col-6.asfe > div > div {width: 63%;transition: all 0.3sn;}
}

.resize-none {resize: none;}
.wizard > .content {border-radius: 15px;}
.btn-circle.btn-lg, .btn-group-lg>.btn-circle.btn {padding: 10px 12px;}
.checkbox-edu {width: 35px; height: 35px; border-radius: 50% !important;}
.wizard-content .wizard>.actions>ul>li>a { padding: 5px 30px; border-radius: 22px; background-color: var(--eduColor6); }
.wizard-content .wizard>.steps>ul>li.current .step {display: none;}
.wizard-content .wizard.wizard-circle>.steps .step {display: none;}
.wizard-content .wizard>.steps>ul>li a {padding-top: 0px; margin-top: 0px;}
.wizard-content .wizard>.content {height:69vh;background:#fff;padding: 20px 0px 10px 0px;}
.wizard-content .wizard>.actions>ul {background-color: #fff;margin-top: -50px;border-radius: 0px 0px 14px 14px;}
.wizard-content .wizard>.steps>ul>li.current>a {color: var(--eduColor6); font-weight: 700;font-size: 16px;}
.wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li:before { top: 25px; width: 100%; height: 7px; background-color: var(--eduColor6); }
.wizard-content .wizard.wizard-circle>.steps>ul>li.current:after, .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:after, .wizard-content .wizard.wizard-circle>.steps>ul>li.current~li:before {background-color: var(--eduColor5);height: 1.5px;z-index: 2; margin-top: 3px;}
.wizard-content .wizard>.steps>ul>li.done a, .wizard-content .wizard>.steps>ul>li.done a:focus, .wizard-content .wizard>.steps>ul>li.done a:hover {color: var(--eduColor6);}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {height: 50px;padding-top: 1.4rem;}
.wizard-content .wizard>.steps>ul>li.disabled a, .wizard-content .wizard>.steps>ul>li.disabled a:focus, .wizard-content .wizard>.steps>ul>li.disabled a:hover {color: var(--eduColor5);}
#steps-uid-0 > div.steps.clearfix > ul > li.first.current:after{top: 22px; width: 100%; height: 7px; background-color: var(--eduColor6); border-radius: 7px 0px 0px 7px;}
.kivBtn {padding: 5px 30px; border-radius: 22px;}
.wizard-content .wizard>.content>.body {padding: 0px 31px;}
.wizard-content .wizard > .steps .current a, .wizard-content .wizard > .actions a, .wizard-content .wizard > .actions a:hover, .wizard-content .wizard > .steps .disabled a, .wizard-content .wizard > .steps .disabled a:hover, .wizard-content .wizard > .steps .disabled a:active, .wizard-content .wizard > .content, .wizard-content .wizard > .steps .done a, .wizard-content .wizard > .steps .done a:hover, .wizard-content .wizard > .steps .done a:active {color: var(--eduColor); transition: all 0.3s;}
.wizard-content .wizard.wizard-circle>.steps>ul>li:after, .wizard-content .wizard.wizard-circle>.steps>ul>.first.li:before {border-radius: 20px 0px 0px 20px;}
/* .sidebar-nav .has-arrow::after {    border-width: 1px 1px 0px 0px;} */
/* form butonlar */
.form-ici-buton-div {position: relative; display: inline-block; width: 50%;}
.form-ici-buton-input {border-radius: 8px !important; width: 200% !important;}
.form-ici-buton {background: #dde1e4; color: #231877 !important; border-radius: 30px !important; padding: 6px 23px; position: absolute !important; right: -95%; top: 6px; z-index: 5 !important;}
.wizard-content .wizard>.actions>ul>li>a[href="#previous"] {border: 1px solid var(--eduColor5); color: var(--eduColor5);}
/* header */
.arama-header { display: flex !important; justify-content: center; align-items: center; }
.arama-input {padding:0px;width: 300px !important; border-radius: 0px 90px 90px 0px !important; border: 0px solid; width: 300px;}
.arama-span {background: #fff; border: none; border-radius: 90px 0px 0px 90px; padding: 0.375rem 0.35rem 0.375rem 0.75rem;}
.arama-iceri {display: flex; justify-content: space-between; padding-bottom: 5px;}
.arama-iceri:hover {color: var(--eduColor6); transition: 0.3s all;}
.arama-div {box-shadow: 0px 1px 5px 0.1px #23187742;position: absolute; padding-top: 17px !important; background: #fff; margin-top: 14px; z-index: -1; width: 337px; padding: 10px; border-radius: 10px !important; max-height: 240px; overflow-y: scroll;}
.arama-div::-webkit-scrollbar-track {padding: 2px 0; }
.arama-div::-webkit-scrollbar { width: 8px; }
.arama-div::-webkit-scrollbar-thumb { border-radius: 10px; height: 50%; background-color: #35b5e830; border:2px solid #fff;border-top: 15px solid #fff;}
.topbar .top-navbar .navbar-nav>.nav-item.nbOzel:hover {background: transparent;}
.nav-link:focus, .nav-link.nbOzel:hover {color: var(--eduGri) !important;}
.absolute-right0 {position: absolute; right: 0;}
.arama-input::placeholder {color:#cacaca;}
.arama-input:focus::placeholder {color:transparent;}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 0px;}

/* sidebar gri */
/* #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul {background-color: #f7f7f7;}
.ps-container {background-color: #f7f7f7;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6], #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] {background-color: #f7f7f7;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link:hover i {color: var(--eduColor6);}
.left-sidebar:hover {box-shadow: 1px 0px 20px #150d5333; transition: all .3sn;}
#main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav>ul>.sidebar-item>.sidebar-link.active:after {color: var(--eduColor6);} */
.page-wrapper>.page-titles.edu-wrapper { max-width: 95%; }
#overlayk { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #2318772e; z-index: 54; }
.gizle-ac {display: none;}
/* MOBÄ°L */
@media only screen and (max-width: 767.65px) {
  .mobil-inlineBlock {display: inline-block;}
  .gizle-ac {display: flex;}
  .mt70-mobil {margin-top: 70px;}
  .gizle-mobil {display: none;}
  .pl5-mobil {padding-left: 5px;}
  .pl28-mobil {padding-left: 28px !important;}
  .arama-input {width: 100px !important;}
  .arama-span {width: 30px;}
  .w130-mobil {width: 165px !important; display: flex; position: absolute; left: 5px; z-index: 11;}
  .arama-input {display: none;}
  .arama-span {border-radius: 50% !important;}
  /* .arama-input:focus {width: 365px !important;} */
  .jcsb-mobil {justify-content: space-between;}
  .top0-mobil {top: 0px;bottom:0; top:auto;line-height: 50px !important; background:#fff !important;z-index: 12;}
  .wizard-content .wizard>.content {position: relative; height: auto !important;}

  .sidebar-nav ul .sidebar-item .sidebar-link .hide-menu {padding-left: 12px;font-size: 14px; font-family: Hurme;}
  .pl10 {padding-left: 7% !important;}
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link{ padding: 10.49px 8.51px; }
  .scroll-sidebar { position: relative; height: calc(100% - 50px);border-bottom: 1px solid #403593; }
  .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { background-color: #35b5e852; }
  #main-wrapper[data-layout=vertical][data-header-position=fixed] .page-wrapper { padding-top: 45px; }
  .topbar { height: 60px;}
  .w20-mobil {width: 20%;}
  .blu-mobil {color: #231877 !important; width:20%}
  .w194 {width: 194px;}
  .top0-trans-mobil {top: 0; background: transparent !important;}
  .ls-mobil {padding-top:0px;z-index:55;}
  .pl0 {padding-left:0px !important;}
  .w28 {width: 28px;}
  .h130-m {height: 130px;}
  .p30-mobil {padding: 30px 15px 0px 15px;}
  .navbar-m {display: flex; justify-content: space-between; width: 100%;position: absolute; top: auto; bottom: 0;}  
  .topbar .top-navbar .navbar-header {line-height: 20px;}
  .nav-shadow {border-radius: 13px 13px 0px 0px; box-shadow: 0px 3px 5px 0.5px #231877;}
  body[data-theme=dark] .top0-mobil {background: var(--eduKoyuMavi) !important;}
  body[data-theme=dark] .blu-mobil {color: var(--eduKoyuAcik) !important;}
  body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar[data-navbarbg=skin1] {background: url(../assets/images/edulog-back-koyu.png) !important;}
  .arama-span {padding-left: 0.55rem;}


}

@media only screen and (min-width: 765px) {
  .gizle-web {visibility: hidden;}

}
@media only screen and (min-width: 1500px) {
#main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .sidebar-nav ul .sidebar-item .sidebar-link {padding: .659rem .512rem;}


}

@media (min-width: 768px) {
  #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar:hover {
      width: 242px;
  }
}
/* sınavlarım */
.btn-sinav-mavi>.sinavlarimOkSVG {width:20px; height:20px;background-size:cover;background-image: url("data:image/svg+xml,%3Csvg style='stroke: %2335b5e8 !important; fill: transparent;' xmlns='http://www.w3.org/2000/svg' width='17.884' height='18.338' viewBox='0 0 17.884 18.338'%3E%3Cpath id='Path_8505' data-name='Path 8505' d='M502.94,252.43l7.63,7.64a.91.91,0,0,1,0,1.28L503,268.93' transform='translate(-493.69 -251.511)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_311' data-name='Line 311' x1='16.23' transform='translate(0.65 9.169)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.btn-sinav-mavi>.sinavlarimSolSVG {background-size: cover;background-image: url("data:image/svg+xml,%3Csvg style='stroke:%2335b5e8 !important; fill: transparent; ' xmlns='http://www.w3.org/2000/svg' width='32.521' height='30.99' viewBox='0 0 32.521 30.99'%3E%3Cpath id='Path_8649' data-name='Path 8649' d='M250,266.91v6.78a1.84,1.84,0,0,1-1.84,1.84h-19a1.83,1.83,0,0,1-1.83-1.84v-26a1.83,1.83,0,0,1,1.83-1.83h13.61a1.84,1.84,0,0,1,1.3.53l5.42,5.43a1.81,1.81,0,0,1,.54,1.3v6.72' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8650' data-name='Path 8650' d='M243.53,251.18a1.15,1.15,0,0,0,1.16,1.15H250l-6.5-6.49Z' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_345' data-name='Line 345' x2='2.17' transform='translate(4.35 10.49)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_346' data-name='Line 346' x2='6.03' transform='translate(9.12 10.49)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_347' data-name='Line 347' x2='6.08' transform='translate(4.35 15.31)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_348' data-name='Line 348' x2='2.12' transform='translate(13.03 15.31)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_349' data-name='Line 349' x1='10.8' transform='translate(4.35 20.12)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8651' data-name='Path 8651' d='M233.37,270.43A1.47,1.47,0,1,1,231.9,269a1.47,1.47,0,0,1,1.47,1.43Z' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8652' data-name='Path 8652' d='M238.06,270.43a1.47,1.47,0,1,1-1.47-1.47A1.47,1.47,0,0,1,238.06,270.43Z' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8653' data-name='Path 8653' d='M242.75,270.43a1.47,1.47,0,1,1-1.47-1.47A1.47,1.47,0,0,1,242.75,270.43Z' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8654' data-name='Path 8654' d='M249.16,268.34,245.61,271l.54-4.37,9.16-15.67a1.75,1.75,0,0,1,3,1.77Z' transform='translate(-226.68 -245.19)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_350' data-name='Line 350' x2='3.02' y2='1.76' transform='translate(27.82 7.11)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_351' data-name='Line 351' x2='3.01' y2='1.76' transform='translate(19.54 21.27)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}

.btn-sinav-gri>.sinavlarimOkSVG {width:20px; height:20px;background-size:cover;background-image: url("data:image/svg+xml,%3Csvg style='stroke: %23231877 !important; fill: transparent;' xmlns='http://www.w3.org/2000/svg' width='17.884' height='18.338' viewBox='0 0 17.884 18.338'%3E%3Cpath id='Path_8505' data-name='Path 8505' d='M502.94,252.43l7.63,7.64a.91.91,0,0,1,0,1.28L503,268.93' transform='translate(-493.69 -251.511)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_311' data-name='Line 311' x1='16.23' transform='translate(0.65 9.169)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.btn-sinav-gri>.sinavlarimSolSVG {background-size: cover; background-image: url("data:image/svg+xml,%3Csvg style='stroke:%23231877 !important; fill: transparent; ' xmlns='http://www.w3.org/2000/svg' width='32' height='31' viewBox='0 0 32 34.031'%3E%3Cpath id='Path_8646' data-name='Path 8646' d='M233.82,318.06a7.87,7.87,0,1,0,3.27,2.7L230,327.87l-3.2-3.12' transform='translate(-222.1 -316.759)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8647' data-name='Path 8647' d='M227.49,335.65V349a1.14,1.14,0,0,0,1.14,1.14h20.09a1.14,1.14,0,0,0,1.14-1.14V327.26l-6.41-6.4h-3' transform='translate(-222.1 -316.759)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_8648' data-name='Path 8648' d='M243.45,326.12a1.15,1.15,0,0,0,1.14,1.14h5.27l-6.41-6.4Z' transform='translate(-222.1 -316.759)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_339' data-name='Line 339' x2='2.15' transform='translate(9.03 19.821)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_340' data-name='Line 340' x2='10.37' transform='translate(13.74 19.821)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_341' data-name='Line 341' x2='5.99' transform='translate(9.03 24.571)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_342' data-name='Line 342' x2='6.53' transform='translate(17.58 24.571)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_343' data-name='Line 343' x1='2.14' transform='translate(21.97 29.311)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_344' data-name='Line 344' x1='10.38' transform='translate(9.03 29.311)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}


.sinavlarimLeftCol {height: calc(100vh - 260px); overflow-y: scroll;border-right: 1px solid var(--eduColor7);}
.prmb15 {position:relative;margin-bottom:15px;}
.sinavlarimSolSVG {position: absolute; left: 16px; top: 50%; transform: translateY(-50%);width: 28px; height: 28px;}
.sinavlarimBaslik {display: flex; position: absolute; right: auto; left: 8vh;font-size: 2vh;}
.sinavlarimBaslikTarih {font-size: 12px; display: flex; margin-left: 6.6vh;}
.sinavlarimOkSVG {position: absolute; right: 16px; top: 50%; transform: translateY(-50%);}
.sinavlarimDenemeBaslik {padding-left: 6% !important;margin-bottom: -15px;}
.sinavlarimLineGraf {width: 80vh; height:180px}
.sinavlarim_toplamSoru {width: 85vh; height:110px}
.tooltip-inner { background: var(--eduColor6); color: #fff; padding-left: 15px; padding-right: 15px; border-radius: 10px; }
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--eduColor6) }
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { border-top-color: var(--eduColor6) }

.progbar-toplam {background-color: var(--eduColor6);}
.progbar-oneri {background-color: var(--eduColor5);}

.res-fit {width: 100%; max-width: 500px; height: auto; pointer-events: none;}
.btn-kapat {border-radius: 60px; background: var(--eduColor7); padding: 3px 15px;}
.btn-kapat:hover {background-color: var(--eduColor6); color: var(--eduColor8);  transition: all 0.5s;}
.span-sayac {border: 1px solid var(--eduColor5); border-radius: 60px; padding: 3px 15px; margin-left: 10px;}
.sinav-indir {border: 0px;  background: transparent;}
div.steps.sinav-icerik {height: 62vh; background-color: #fff; position:absolute !important; right: 70px;border-radius: 0px 15px 0px 0px; z-index: 1;border-left: 1px solid var(--eduColor7);}
div.steps.sinav-icerik > ul {padding: 20px !important;}
div.content.sinav-icerik {min-width: 77.3% !important;padding: 20px 30px !important;height: 62vh !important;border-radius: 15px 0px 0px 0px !important;}
.wizard-content .tab-sinav>.content>.body {padding: 0 !important;}
div.actions.sinav-icerik > ul {margin-top: 0px !important;}
div.actions.sinav-icerik:before { content: "\a0"; display: block; padding: 2px 0; line-height: 1px; border-top: 1px solid var(--eduColor7); }
div.actions.sinav-icerik > ul {margin-top: 10px !important;}
div.actions.sinav-icerik {width: 99% !important; margin: 0px !important; background-color: #fff !important; float: left !important;padding-top: 20px !important; border-radius: 0px 0px 15px 15px;}
div.actions.sinav-icerik > ul > li:nth-child(1) > a {padding: 3px 15px;}
div.actions.sinav-icerik > ul > li:nth-child(2) > a {padding: 3px 30px;}
#sinavim-optik > table > tbody > tr {border-style: hidden;}
.sinav-dersler {border-style: solid;color: red;}
.gbs_box { border-right: 1px solid #000; }
.gbs {  font-size: 12px; float: right; color: var(--eduGri); }
.gby { font-size: 12px; color: var(--eduGri); }
.soru-begen {margin: 0px 10px 0px 20px; stroke: var(--eduColor8); fill: transparent;}
.soru-begen:hover {stroke: var(--eduColor5); transition: all 0.3s;}
.soru-begenme {margin: 0px 10px; stroke: var(--eduColor8); fill: transparent;}
.soru-begenme:hover {stroke: var(--eduPembe); transition: all 0.3s;}
.soru-yorum {margin: 0px 10px; stroke: var(--eduColor8);fill: transparent;}
.soru-yorum:hover {stroke: var(--eduKoyuMavi); transition: all 0.3s;}
.active-filter {color: var(--eduColor5); font-family: Hurme SemiBold; font-size: 16px;}
.active-filter::before {content: ' \25CF'; font-size: 15px; padding-right: 0.5vh}
#sinav-butonlarim > div > div:nth-child(3) > button:nth-child(1):hover {color: #fff !important; border-color: #fff !important; background-color: var(--eduPembe);}
.tab-content>.active {display: flex;}
.nav-tabs.eduNav {border-bottom: none;border: 1px solid var(--eduColor5); border-radius: 50px; background: white; height: 30px;}
.nav-tabs.eduNav .nav-item.show .nav-link, .nav-tabs.eduNav .nav-link.active {color: #fff; background-color: var(--eduColor6); border-radius: 50px; padding: 1px 25px; border: 1px solid #fff; font-family: Hurme SemiBold; margin-top: 1.5px; margin-left: 2px;}
.nav-tabs.eduNav .nav-link {padding: 2px 30px; color: var(--eduColor5);}
#testler-tab {margin-top: 0.1rem; margin-right: 0.15rem; padding: 0.05rem 2rem !important;}
#konu-anlatimi-tab {margin-top: 0.1rem; margin-left: 0.15rem; padding: 0.05rem 0.6rem !important;}
.nav-link:focus {color: #fff !important;}
/* .nav-tabs.eduNav .nav-link:focus, .nav-tabs.eduNav .nav-link:hover {border-color: transparent;} */
/* sınav ders seçimi */
.eduDropdown {
  border-radius: 50px;
  width: 95%;
  margin: 0px .3rem;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 0 2px rgb(204, 204, 204);
  transition: all .5s ease;
  position: relative;
  font-size: 14px;
  color: #474747;
  height: 100%;
  text-align: left
}
.eduDropdown .eduSelect {
    cursor: pointer;
    display: block;
    padding: 0.15rem 0.5rem
}
.eduDropdown .eduSelect > i {
    font-size: 13px;
    color: #888;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px
}
.eduDropdown:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204)
}
.eduDropdown:active {
    background-color: #f8f8f8
}
.eduDropdown.active:hover,
.eduDropdown.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 2px 2px 0 0;
    background-color: #f8f8f8
}
.eduDropdown.active .eduSelect > i {
    transform: rotate(180deg)
}
.eduDropdown .eduDropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.eduDropdown .eduDropdown-menu li {
    padding: 5px;
    transition: all .2s ease-in-out;
    cursor: pointer
} 
.eduDropdown .eduDropdown-menu {
    padding: 0;
    list-style: none
}
.eduDropdown .eduDropdown-menu li:hover {
    background-color: #f2f2f2
}
.eduDropdown .eduDropdown-menu li:active {
    background-color: #e2e2e2
}
.eduDropdown-menu::-webkit-scrollbar { width: 16px; }
.eduDropdown-menu::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}

/* .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border-color: transparent;} */

/* ikinci deneme */
#sinav-butonlarim::before {content: "\a0"; display: block; padding: 2px 0; line-height: 1px; border-top: 1px solid var(--eduColor7); margin: 0px 30px;}
/* #sinavim-optik > table::before {content: "\a0"; display: block; margin-top: 20px !important; position: absolute; line-height: 35; border-left: 1px solid var(--eduColor7);} */
.btn-optik:active+.btn, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:active {background-color: var(--eduColor6);}
#sinavim-optik > table > tbody > tr > td {padding: 0.5rem 0.5rem;}
.edu-optik-c {border-radius: 0px 20px 0px 0px;width: 22%; position: absolute; background: white; min-height: calc(100vh - 255px); right: 6%;overflow-y: scroll;height:200px}
.sol-sinavim1 {border-radius: 20px 0px 0px 0px;width: 70%; position: absolute; background: white; min-height: calc(100vh - 255px);padding: 30px;}
.deneme-secenek {cursor:pointer;border-radius: 50%; padding: 1px 6px 3px 6px; border-color: var(--eduColor7); color: var(--eduColor7); border: 1px solid;}
.deneme-butons {border-radius: 0px 0px 20px 20px;width: 90%; position: absolute; background: white; top: auto; bottom: 3%; height: 80px;}
.denemeButons1 {position: absolute; top: 50%; transform: translateY(-50%); width:100%}
.denemeButons2 {font-size: 1.25rem; position: absolute; top: auto; bottom: 3%; margin: 0px 0px 0px 10px; }
.eduPbDis {display: inline-block; width: 60%; margin-left: 16%;}
.eduProgb {height: 7px;background-color: var(--eduColor7);}
.deneme-geri {border: 1px solid var(--eduColor5); color: var(--eduColor5);padding: 3px 15px;}
.deneme-ileri {border: 1px solid var(--eduColor6); color: #fff;padding: 3px 30px;background-color: var(--eduColor6);}
.aktifSoru {color: var(--eduPembe); font-family: Hurme SemiBold;}
.optik-isaretle {background: var(--eduColor6); font-weight: 800; box-shadow: inset 0 0 0 2px white;}

#sinavim-optik::-webkit-scrollbar-track {     margin: 40px; }
#sinavim-optik::-webkit-scrollbar { width: 16px; }
#sinavim-optik::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}
.sinav-dersi {
  padding: 0.15rem 0.5rem;
  font-family: Hurme Regular;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.078%22%20height%3D%227.65%22%20viewBox%3D%220%200%2015.078%207.65%22%3E%0A%20%20%3Cpath%20id%3D%22Path_8485%22%20data-name%3D%22Path%208485%22%20d%3D%22M1781.018%2C260.445l-5.685%2C5.685a1.349%2C1.349%2C0%2C0%2C1-1.908%2C0l-5.647-5.647%22%20transform%3D%22translate(-1766.859%20-259.526)%22%20fill%3D%22none%22%20stroke%3D%22gray%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.3%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
.sinav-dersi:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.08' height='7.77' viewBox='0 0 15.08 7.77'%3E%3Cpath id='Path_8539' data-name='Path 8539' d='M13336.663,472.909l5.685-5.685a1.349,1.349,0,0,1,1.908,0l5.647,5.647' transform='translate(-13335.743 -466.058)' fill='none' stroke='gray' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.3'/%3E%3C/svg%3E%0A");  
  transition: all 0.5s;}

.sinav-dersi::-ms-expand {
  display: none;
}

#tum-sinavs::-webkit-scrollbar { width: 16px;}
#tum-sinavs::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}
.konuAnlatimi-dersler::-webkit-scrollbar { width: 16px;}
.konuAnlatimi-dersler::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}
.konuAnlatimi-dersler { padding-right: 0px; height: calc(100vh - 255px); overflow-y: scroll; }
/* Konu anlatımı */
.timeline-left:before {left: .9rem; width: 1.5px; background-color: var(--eduKoyuMavi);}
.timeline-left>.timeline-item>.timeline-panel {width: calc(100% - 40px);}
.timeline-left>.timeline-item>.timeline-badge { left: 2vh; top: -3vh; }
.timeline:before {top: 7vh;}
.ders-unite  {margin-top: -1vh; color: #fff; margin-bottom: 2vh;}
.derslerim-div {display: grid;padding: 0.4rem 0.4rem;}
.derslerim-div:hover {background-color: #26368d; border-radius: 10px; transition: all 0.3s;}
.derslerim-div:hover .video-izle{display: block; transition: all 0.5s;}

.video-izle {position: absolute; left: auto; right: 1rem;display:none;}
.ders-konu {color: var(--eduColor5); }
.ders-dersler {font-size: 0.675rem; color: var(--eduColor7); margin-bottom: 0;}
.bitti-konu {color: var(--eduColor5) !important;}
.bitti-konu .fill-gray  {stroke: var(--eduColor5);}
.ders-dersler.bitti-konu::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.802' height='15.241' viewBox='0 0 29.802 19.241'%3E%3Cpath id='Path_8711' data-name='Path 8711' d='M518.364,427.411l-17.671,17.672L490.4,434.791' transform='translate(-489.481 -426.491)' fill='none' stroke='%232fa9cc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A") !important;position: absolute; left: -2.2rem; background-color: var(--eduColor6);}
.ders-dersler::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.576' height='7.576' viewBox='0 0 7.576 7.576'%3E%3Cpath id='Path_8713' data-name='Path 8713' d='M507.533,538.734a3.788,3.788,0,1,1-3.788-3.788,3.788,3.788,0,0,1,3.788,3.788' transform='translate(-499.957 -534.946)' fill='%23ccc'/%3E%3C/svg%3E%0A");position: absolute; left: -1.9rem; background-color: var(--eduColor6);}
.ara-test::before {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.247' height='25.693' viewBox='0 0 32.247 30.693'%3E%3Cpath id='Path_8775' data-name='Path 8775' d='M516.5,639.989v6.782a1.838,1.838,0,0,1-1.838,1.838H495.63a1.838,1.838,0,0,1-1.839-1.838V620.754a1.838,1.838,0,0,1,1.839-1.838h13.606a1.835,1.835,0,0,1,1.3.538l5.424,5.423a1.843,1.843,0,0,1,.538,1.3V632.9' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8776' data-name='Path 8776' d='M510,624.258a1.157,1.157,0,0,0,1.157,1.157H516.5l-6.5-6.5Z' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_473' data-name='Line 473' x2='2.174' transform='translate(4.203 10.35)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_474' data-name='Line 474' x2='6.027' transform='translate(8.975 10.35)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_475' data-name='Line 475' x2='6.078' transform='translate(4.203 15.164)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_476' data-name='Line 476' x2='2.123' transform='translate(12.879 15.164)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_477' data-name='Line 477' x1='10.799' transform='translate(4.202 19.977)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8777' data-name='Path 8777' d='M499.838,643.509a1.473,1.473,0,1,1-1.473-1.473A1.473,1.473,0,0,1,499.838,643.509Z' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8778' data-name='Path 8778' d='M504.527,643.509a1.473,1.473,0,1,1-1.473-1.473A1.473,1.473,0,0,1,504.527,643.509Z' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8779' data-name='Path 8779' d='M509.217,643.509a1.473,1.473,0,1,1-1.473-1.473A1.473,1.473,0,0,1,509.217,643.509Z' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Path_8780' data-name='Path 8780' d='M515.626,641.422l-3.549,2.608.535-4.371,9.167-15.667a1.746,1.746,0,1,1,3.014,1.765Z' transform='translate(-493.291 -618.416)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_478' data-name='Line 478' x2='3.014' y2='1.764' transform='translate(27.676 6.965)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_479' data-name='Line 479' x2='3.014' y2='1.764' transform='translate(19.39 21.124)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");position: absolute; left: -2.2rem; background-color: var(--eduColor6);}
.ara-test  {color: var(--eduColor7); font-size: 1.125rem;}
.ara-test:hover {color: var(--eduPembe); transition: all 0.3s;}
.timeline-inverted.timeline-item {margin-bottom: 0;}
.timeline.timeline-left {padding-bottom: 0;}
.timeline>.timeline-item>.timeline-dersler:after { content: none; }
.timeline>.timeline-item>.timeline-dersler::before { content: none; }
.card-konuAnlatim {background-color: var(--eduColor6); border-radius: 15px; margin-bottom: 1rem;}
.konu-dersAdi {color: #fff; margin-top: -0.8rem; font-size: 1.2rem; margin-bottom: 1rem;}
.konu-test {font-size: 0.7rem;}
.konu-sure {font-size: 0.7rem;}
.eduProg-dolu {background-color: #b4b1cd; border-radius: 30px;}
.eduProg-bos {background-color: #f2f2f2; height: 1.5rem; margin-bottom: .5rem;position: relative; border-radius: 30px; box-shadow: none;}
.eduProgDash-bos {background-color: #fdfdfd; height: 1.5rem; margin-bottom: .5rem; position: relative; border-radius: 30px; box-shadow: none;}
.eduProg-yuzde {position: absolute; right: 5rem;margin-top: 0.2rem;}
.eduProg-icerik {position: absolute; margin-left: 3rem;margin-top: 0.2rem;}
.eduProg-dolu { animation: progressBar 2s ease-in; animation-fill-mode:both; }
@keyframes progressBar { 0% { width: 0; } }

/* #tum-sinavs::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 120px; 
}

#tum-sinavs::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 120px;
} */
/* KOYU MOD */

body[data-theme=dark] .accordion-button:not(.collapsed), body[data-theme=dark] .card, body[data-theme=dark] .card-footer, body[data-theme=dark] .css-bar:after, body[data-theme=dark] .dtp>.dtp-content, body[data-theme=dark] .form-control, body[data-theme=dark] .form-select, body[data-theme=dark] .jsgrid-header-row>.jsgrid-header-cell, body[data-theme=dark] .jsgrid-row>.jsgrid-cell, body[data-theme=dark] .jvectormap-container, body[data-theme=dark] .left-part, body[data-theme=dark] .list-group-item, body[data-theme=dark] .list-group-item-action:active, body[data-theme=dark] .lobilists .lobilist, body[data-theme=dark] .modal-content, body[data-theme=dark] .nav-tabs.eduNav .nav-item.show .nav-link, body[data-theme=dark] .nav-tabs.eduNav .nav-link.active, body[data-theme=dark] .note-editor.note-frame .note-editing-area .note-editable, body[data-theme=dark] .note-editor.note-frame .note-statusbar, body[data-theme=dark] .page-item.disabled .page-link, body[data-theme=dark] .page-link, body[data-theme=dark] .popover, body[data-theme=dark] .popover-header, body[data-theme=dark] .right-part.mail-compose, body[data-theme=dark] .right-part.mail-details, body[data-theme=dark] .right-part.mail-list, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .typeahead.form-control {color:var(--eduColor7);background-color: var(--eduKoyuMavi)!important;}
body[data-theme=dark] #main-wrapper, body[data-theme=dark] .bg-light, body[data-theme=dark] .bg-white, body[data-theme=dark] .chat-list .chat-item .chat-content .box.bg-light-info, body[data-theme=dark] .cke_toolbar_separator, body[data-theme=dark] .custom-file-label::after, body[data-theme=dark] .customizer, body[data-theme=dark] .daterangepicker .ranges li:hover, body[data-theme=dark] .daterangepicker td.available:hover, body[data-theme=dark] .daterangepicker th.available:hover, body[data-theme=dark] .dropdown-menu, body[data-theme=dark] .form-select, body[data-theme=dark] .icon-hover:hover, body[data-theme=dark] .input-group-text, body[data-theme=dark] .jumbotron, body[data-theme=dark] .list-group-item.active, body[data-theme=dark] .mce-panel, body[data-theme=dark] .myadmin-dd .dd-list .dd-item .dd-handle, body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-content, body[data-theme=dark] .myadmin-dd-empty .dd-list .dd3-handle, body[data-theme=dark] .note-modal-content, body[data-theme=dark] .note-toolbar, body[data-theme=dark] .offcanvas, body[data-theme=dark] .page-wrapper, body[data-theme=dark] .progress, body[data-theme=dark] .ql-snow .ql-picker-options, body[data-theme=dark] .select2-container--classic .select2-search--dropdown .select2-search__field, body[data-theme=dark] .select2-container--classic .select2-selection--single, body[data-theme=dark] .select2-container--default .select2-results__option[aria-selected=true], body[data-theme=dark] .select2-container--default .select2-search--dropdown .select2-search__field, body[data-theme=dark] .select2-container--default .select2-selection--multiple, body[data-theme=dark] .select2-container--default .select2-selection--single, body[data-theme=dark] .select2-dropdown, body[data-theme=dark] .table .thead-light th, body[data-theme=dark] .table-hover tbody tr:hover, body[data-theme=dark] .toast-header, body[data-theme=dark] .wizard-content .wizard>.actions>ul>li>a[href="#previous"], body[data-theme=dark] .wizard-content .wizard>.steps .step, body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a, body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:active, body[data-theme=dark] .wizard:not(.wizard-circle)>.actions .disabled a:hover, body[data-theme=dark] .wizard:not(.wizard-circle)>.content, body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a, body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:active, body[data-theme=dark] .wizard:not(.wizard-circle)>.steps .disabled a:hover, body[data-theme=dark] pre[class*=language-] {color:var(--eduColor7);background-color: var(--eduKoyuMavi)!important;}
body[data-theme=dark] .wizard-content .wizard>.content {background: var(--eduKoyuMavi) !important;}
body[data-theme=dark] .wizard-content .wizard>.actions>ul {background: var(--eduKoyuMavi) !important ;}
body[data-theme=dark] .wizard-content .wizard>.actions>ul>li>a {background: var(--eduKoyuAcik);}
body[data-theme=dark] .form-ici-buton {color: var(--eduColor7) !important;}
body[data-theme=dark] .arama-div {background-color: var(--eduKoyuMavi);}
body[data-theme=dark] .page-wrapper {background: url(../assets/images/edulog-back-koyu.png) !important;}
body[data-theme=dark] #main-wrapper[data-layout=vertical] .topbar .navbar-collapse[data-navbarbg=skin1] {background: url(../assets/images/edulog-back-koyu.png) !important;}

.gbsn{
  font-size: 19px;
  float: right;
  color: var(--eduGri);
}

.sinav__sonuc{
  width: 100%;
  background:var(--eduColor7) !important;
  border-radius: 90px;
}
@keyframes growProgressBar {
  0%,
  33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
.edu-pb.seciliPb {
  --size: .5rem;
}

.edu-pb {
  --size: .3rem;
  --bg: rgb(248, 248, 248);
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: 6rem;
  margin-right: 2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  background: radial-gradient(farthest-side, #0000 calc(100% - var(--size)), var(--bg) 0);
  font-size: calc(var(--size));
  top: 50%;
  left: 50%;
  transform: translate(5%, 0%);
}
.edu-pb:hover > :not(:hover){ opacity: .4;}
.edu-pb::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  padding: var(--size);
  background:
      conic-gradient(var(--eduPembe), var(--eduMor));
  --_m:
      conic-gradient(#000 calc(var(--pgPercentage) * 1%), #0000 0),
      linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
@keyframes yukari {
  from {bottom: -1rem;}
  to {bottom: 0rem;}
}

.edu-pb::before {
  content: '';
  grid-area: 1/1;
  margin: auto;
  color: var(--eduColor6);
  position: relative;
}

.yuzde-sayac { grid-area: 1/1; margin: auto; font-size: 1.5rem; color: var(--eduColor6); position: relative; }
.yuzde-sayac-yuzde {font-size: .9rem; left: 1.5rem; position: absolute; bottom: 2.2rem;}
.edu-ders-yuzde  {
  position: absolute;
  bottom: -1.9rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edu-ders-yuzde::before {
  content: attr(ders-adi) ;
  grid-area: 1/1;
  margin: auto;
  position: relative;
  font-size: 1rem;
  color: var(--eduColor8);
}
.edu-pb-xs {
  --size: 0.08rem;
  --bg: #f5f5f5b8;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: 1.5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  background: radial-gradient(farthest-side, #0000 calc(100% - var(--size)), var(--bg) 0);
  font-size: calc(var(--size));
  transform: translate(0.4rem, 0.9rem);
}

.edu-pb-xs::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  padding: .095rem;
  background:
      conic-gradient(var(--eduPembe), var(--eduMor));
  --_m:
      conic-gradient(#000 calc(var(--pgPercentage) * 1%), #0000 0),
      linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.edu-PbBall {
  padding: 0.148rem; border-radius:50%;background-color:var(--eduPembe);position:absolute;top:0;margin-left:40%;margin-right:auto;z-index:99
}
.secili-PbBall{
  padding: 0.248rem;border-radius:50%;background-color:var(--eduPembe);position:absolute;top:0;margin-left:40%;margin-right:auto;z-index:99
}

/* takvim */
#calendar > div.fc-toolbar.fc-header-toolbar > div.fc-center > h2 {font-size: .9rem;}
.fc-icon-right-single-arrow:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.516' height='27.918' viewBox='0 0 27.516 27.918'%3E%3Cpath id='Path_7806' data-name='Path 7806' d='M269.36,244.08l12.09,12.08a1.44,1.44,0,0,1,0,2l-12,12' transform='translate(-255.1 -243.161)' fill='none' stroke='%23808081' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_293' data-name='Line 293' x1='25.7' transform='translate(0.65 13.979)' fill='none' stroke='%23808081' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.fc-icon-left-single-arrow:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.526' height='27.928' viewBox='0 0 27.526 27.928'%3E%3Cpath id='Path_7805' data-name='Path 7805' d='M219.44,270.2l-12.09-12.09a1.44,1.44,0,0,1,0-2l12-12' transform='translate(-206.184 -243.191)' fill='none' stroke='%23808081' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_292' data-name='Line 292' x2='25.7' transform='translate(1.176 13.949)' fill='none' stroke='%23808081' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.fc-toolbar {padding: 0px 0px 15px 0px;}
.fc-icon {height: auto;}
.fc-toolbar .fc-button {background: none;}
.fc-toolbar .fc-button-group {border: none;}
.fc-today-button { border: 1px solid var(--eduColor5) !important; color: var(--eduColor5) !important; border-radius: 20px !important; padding: 0px 20px !important; }

.fc-today-button:hover { background: none !important; transition: all 0.3s; font-weight: bolder; }
.fc-toolbar .fc-today-button:hover { background: none !important; color: var(--eduColor5) !important; }
.fc-right { border: 1px solid var(--eduColor5) !important; border-radius: 50px !important; }
.fc-toolbar .fc-button.fc-state-active { color: #fff; background: var(--eduColor6); font-weight: bolder; }
.fc-toolbar .fc-button { color: var(--eduColor5); }
.fc-toolbar .fc-button.fc-state-active.fc-corner-left { border-radius: 50px 0px 0px 50px; }
.fc-toolbar .fc-button.fc-state-active.fc-corner-right { border-radius: 0px 50px 50px 0px; }
.fc-state-default.fc-state-active:hover {font-weight: bolder;
background:var(--eduColor5) !important;
transition: all 0.3s;

}
.fc-agendaDay-button.fc-button.fc-state-default:hover {font-weight: bolder;
  background:var(--eduColor6) !important;
  border-radius: 0px 20px 20px 0px !important;
  transition: all 0.3s;
  }
  .fc-agendaDay-button.fc-button.fc-state-active {border-radius: 0px 20px 20px 0px;
    }

  .fc-month-button.fc-button.fc-state-default.fc-corner-left:hover {font-weight: bolder;
  background:var(--eduColor6) !important;
  border-radius: 20px 0px 0px 20px !important;
    transition: all 0.3s;
}
.fc-toolbar .fc-button:hover {background: none ;}

.fc th.fc-fri, .fc th.fc-mon, .fc th.fc-sat, .fc th.fc-sun, .fc th.fc-thu, .fc th.fc-tue, .fc th.fc-wed {background: none;}
th.fc-day-header.fc-widget-header.fc-thu.fc-today > span {
font-weight: bolder !important;
background: none !important;
}
.fc th.fc-widget-header {text-transform: capitalize;}
th.fc-day-header.fc-widget-header.fc-today {background: none !important ; font-family: Hurme SemiBold;}
.fc-unthemed .fc-today {background: #35b5e826 !important;}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div.fc-scroller.fc-time-grid-container > div > div.fc-slats > table > tbody > tr {height: 4rem;}
.fc-widget-content {border-color: #cccccb !important; border-right: 0px !important; border-bottom: none !important;}
#calendar > div.fc-view-container > div > table > tbody > tr > td {border-left: 0px !important;}
.takvim-acikMavi { border-radius: 15px; background: #f4fcff; margin: 0rem 0.4rem 0rem 0.5rem;}
.takvim-mavi { border-radius: 15px; background: var(--eduColor6); margin: 0rem 0.4rem 0rem 0.5rem; color: #fff;}
.takvim-eduMavi { border-radius: 15px; background: var(--eduColor5); margin: 0rem 0.4rem 0rem 0.5rem; color: #fff;}

.takvim-dersim {font-size: .8rem; color: var(--eduColor5); display: block; font-family: Hurme; text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
  width: 75%;}
.fc-title {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 75%;text-align: left;
  font-size: 1.2rem;
  color: var(--eduColor6);
  font-family: 'Hurme SemiBold';}
.fc-time {display: none;}
td.fc-axis.fc-time.fc-widget-content {
  display: table-cell;
  vertical-align: top;
  border: none;
  top: -0.7rem;
  position: relative;
}
.ders-video-icon {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.398' height='34.025' viewBox='0 0 28.398 34.025'%3E%3Cpath id='Path_7810' data-name='Path 7810' d='M477.1,763.984v13.33a1.14,1.14,0,0,0,1.141,1.14H498.33a1.14,1.14,0,0,0,1.141-1.14V755.6l-6.4-6.4h-2.973' transform='translate(-471.723 -745.079)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7811' data-name='Path 7811' d='M493.066,754.461a1.14,1.14,0,0,0,1.14,1.14h5.265l-6.4-6.4Z' transform='translate(-471.723 -745.079)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_294' data-name='Line 294' x2='2.142' transform='translate(9.023 19.845)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_295' data-name='Line 295' x2='10.374' transform='translate(13.725 19.845)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_296' data-name='Line 296' x2='5.989' transform='translate(9.023 24.588)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_297' data-name='Line 297' x2='6.527' transform='translate(17.572 24.588)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_298' data-name='Line 298' x1='2.142' transform='translate(21.957 29.331)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_299' data-name='Line 299' x1='10.374' transform='translate(9.023 29.331)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7812' data-name='Path 7812' d='M488.116,753.6a7.872,7.872,0,1,1-7.871-7.872A7.871,7.871,0,0,1,488.116,753.6Z' transform='translate(-471.723 -745.079)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7813' data-name='Path 7813' d='M484.72,753.6l-7.352,3.843v-7.686Z' transform='translate(-471.723 -745.079)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");    top: 0;
    right: 0.1rem;
  position:absolute;}
  .ders-sinav-icon {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.547' height='30.993' viewBox='0 0 32.547 30.993'%3E%3Cpath id='Path_7825' data-name='Path 7825' d='M708.718,838.9v6.782a1.838,1.838,0,0,1-1.838,1.838H687.851a1.838,1.838,0,0,1-1.839-1.838V819.663a1.838,1.838,0,0,1,1.839-1.838h13.606a1.835,1.835,0,0,1,1.3.538l5.424,5.423a1.843,1.843,0,0,1,.538,1.3V831.8' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7826' data-name='Path 7826' d='M702.218,823.167a1.157,1.157,0,0,0,1.157,1.157h5.343l-6.5-6.5Z' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_312' data-name='Line 312' x2='2.174' transform='translate(4.353 10.5)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_313' data-name='Line 313' x2='6.027' transform='translate(9.125 10.5)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_314' data-name='Line 314' x2='6.078' transform='translate(4.353 15.313)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_315' data-name='Line 315' x2='2.123' transform='translate(13.029 15.313)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_316' data-name='Line 316' x1='10.799' transform='translate(4.353 20.127)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7827' data-name='Path 7827' d='M692.06,842.418a1.473,1.473,0,1,1-1.472-1.473A1.473,1.473,0,0,1,692.06,842.418Z' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7828' data-name='Path 7828' d='M696.749,842.418a1.473,1.473,0,1,1-1.472-1.473A1.473,1.473,0,0,1,696.749,842.418Z' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7829' data-name='Path 7829' d='M701.438,842.418a1.473,1.473,0,1,1-1.472-1.473A1.473,1.473,0,0,1,701.438,842.418Z' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7830' data-name='Path 7830' d='M707.847,840.331l-3.549,2.608.535-4.372L714,822.9a1.746,1.746,0,0,1,3.014,1.764Z' transform='translate(-685.362 -817.175)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_317' data-name='Line 317' x2='3.014' y2='1.764' transform='translate(27.826 7.115)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_318' data-name='Line 318' x2='3.014' y2='1.764' transform='translate(19.541 21.273)' fill='none' stroke='%2334afd1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");    top: 0;
    right: 0.1rem;
  position:absolute;}
.takvim-mavi > .fc-content > .fc-title {color: #fff;}
.takvim-eduMavi > .fc-content > .fc-title {color: #fff;}
.takvim-eduMavi > .fc-content > .fc-title > .takvim-dersim{color: var(--eduColor6);}
.fc-bg {background: none !important;}
.fc-scroller.fc-time-grid-container {height: calc(100vh - 22rem) !important;overflow-y: overlay !important;}
  .fc-scroller.fc-time-grid-container::-webkit-scrollbar { width: 6px; }
  .fc-scroller.fc-time-grid-container::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px;}
  #calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-bg > table > tbody > tr > td.fc-axis.fc-widget-content {
    border: none;
  }
  /* .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 2.5rem;
    border-width: 5px;
    border-radius: 50px;
    border-color: var(--eduColor6);
} */
.fc-time-grid .fc-now-indicator-line {border-color: var(--eduColor6);}

.fc-now-indicator.fc-now-indicator-arrow::before {
  background-color: var(--eduColor6);
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: -.3rem;
}

.fc-now-indicator.fc-now-indicator-arrow {
  left: 2.4rem !important;
  right: 0;
  background-color: var(--eduColor6);
  height: 1px;
  margin: 0;
  border: none;
}
.fc-axis.fc-time.fc-widget-content {padding-right: 1rem;}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr:nth-child(1) > td.fc-axis.fc-time.fc-widget-content {padding-top: .5rem;}
td.fc-day.fc-widget-content.fc-mon {border-left: 0px !important;}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr > td {border-left: 0px !important;}
#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-slats > table > tbody > tr:nth-child(2) > td:nth-child(2) {border-left: none !important;}
.fc-EduTakvimPdf-button {position: absolute !important; right: 13rem;}
.fc-EduTakvimPdf-button::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.185' height='26.996' viewBox='0 0 27.185 26.996'%3E%3Cpath id='Path_7838' data-name='Path 7838' d='M1522.917,253.495l-7.632,7.632a.907.907,0,0,1-1.281,0l-7.58-7.581' transform='translate(-1501.077 -244.249)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_326' data-name='Line 326' y1='16.228' transform='translate(13.593 0.65)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cpath id='Path_7839' data-name='Path 7839' d='M1527.612,261.392v7.332a1.871,1.871,0,0,1-1.871,1.871H1503.6a1.871,1.871,0,0,1-1.871-1.871v-7.332' transform='translate(-1501.077 -244.249)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.fc-EduTakvimYeniDers-button {position: absolute !important; right: 16.5rem;}
.fc-EduTakvimYeniDers-button::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.76' height='29.759' viewBox='0 0 29.76 29.759'%3E%3Cpath id='Path_7841' data-name='Path 7841' d='M1459.173,271.977h0a14.229,14.229,0,1,0-14.23-14.23A14.231,14.231,0,0,0,1459.173,271.977Z' transform='translate(-1444.293 -242.868)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_342' data-name='Line 342' x2='15.802' transform='translate(6.979 14.879)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3Cline id='Line_343' data-name='Line 343' y2='15.802' transform='translate(14.88 6.978)' fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.3'/%3E%3C/svg%3E%0A");}
.takvim-event-hover { position:absolute;z-index:56;
  border-radius: 15px; background: var(--eduColor6); margin: 0rem 0.4rem 0rem 0.5rem;border: 1px solid var(--eduColor5); color: #fff; line-height: 2rem; padding: 1rem;
}
.fc-popover.fc-more-popover > .fc-body >  .fc-event-container > .fc-event {
  margin-bottom: 1rem;
}
.ajandam-name {margin-bottom: -3vh !important;}
/* takvim tarihlerin altındaki çizgi */
#calendar > div.fc-view-container > div > table > tbody > tr > td{border-width: 0px !important;}
/* takvim aylık */
.fc-scroller.fc-day-grid-container {height: calc(100vh - 22rem) !important;overflow-y: overlay !important;}
.fc-scroller.fc-day-grid-container::-webkit-scrollbar { width: 16px; }
.fc-scroller.fc-day-grid-container::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}
.fc-row.fc-week.fc-rigid {height: 8rem !important;}

/* edustore */
.edustore-rating ul {
  display: flex;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.edustore_rating ul li {
  line-height: 23px;
  margin-right: 3px;
}
.edustore-rating .rating-yildiz {
  font-size: 12px;
  color: #f9ba48 !important;
  padding-right: .2rem;
}
ul > li.store-sayi > a {
  font-size: 12px;
  color: var(--eduKoyuMavi) !important;
  padding-left: .4rem;
}
.btn-sepet {
  padding: 4px 18px !important;
}
.sepet-icon {
  position: absolute;
  border: 1px solid var(--eduColor5);
  stroke: var(--eduColor5);
  border-radius: 50%;
  right: 0.1rem;
  left: auto;
  margin-top: -1.55rem;
}
.urun-fav {position: absolute;}
  .urun-fav:hover {
    fill: var(--eduPembe);
    transition:all .3s;
  }
  .urun-favli {
    fill: var(--eduPembe);
  }
  .eskiFiyat {text-decoration: line-through;}
  .indirimBlock {display: flex; justify-content: space-between;}
  .indirimOrani { color: var(--eduPembe); font-family: Hurme SemiBold; }
  .catFiltre-input {padding:0px;width: 200px !important; border-radius: 0px !important; border: 0px solid; width: 300px;}
  .catFiltre-input::placeholder {color:#cacaca;}
  .catFiltre-input:focus::placeholder {color:transparent;}
  .catFiltre-span {background: #fff; border: none; border-radius: 90px 0px 0px 90px; padding: 0.375rem 0.35rem 0.375rem 0.75rem;}
  .store_cart_wrapper > a { display: flex; align-items: center; color: #fff; padding: 0 15px; height: 2rem; width: 12.5rem; border-radius: 20px; background: var(--eduColor6); }
  .store_cart_wrapper > a span.cart_icon { font-size: 20px; line-height: 1; margin-right: 15px; padding-right: 15px; border-right: 1px solid var(--eduColor5); }
    .store_cart_wrapper > a span.cart_title {
      font-size: 10px;
      line-height: 1;
      display: flex;
  }
  .mini_cart { position: absolute; min-width: 355px; padding-top: 0; background: #fff; border: 0; z-index: 2600; right: 0; top: 115%; max-height: 0; visibility: hidden; overflow: hidden; -webkit-transition: 0.5s; transition: 0.5s; border: 1px solid #ebebeb; }
.store_cart_wrapper > a span.cart_title span.cart_price {
  display: block;
  margin-top: 6px;
  font-size: 11px;
}

.store_cart_wrapper {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .store_cart_wrapper {
    display: none;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .store_cart_wrapper {
    display: none;
    margin-bottom: 20px;
  }
}
.store_cart_wrapper span.cart_quantity {
  display: block;
  margin-top: 9px;
  margin-right: 15px;
}
.store_cart_wrapper > a i.fa-angle-down {
  margin-left: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .store_cart_wrapper > a {
    height: 50px;
    width: 180px;
    margin: 0 auto;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .store_cart_wrapper > a {
    height: 50px;
    width: 180px;
    margin: 0 auto;
    justify-content: center;
  }
}
.store_cart_wrapper > a span.cart_title span.cart_price {
  display: block;
  margin-top: 6px;
  font-size: 15px;
}
.store_cart_wrapper:hover .mini_cart {
  max-height: 532px;
  padding-top: 18px;
  visibility: visible;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .store_cart_wrapper:hover .mini_cart {
    padding-top: 10px;
    visibility: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .store_cart_wrapper:hover .mini_cart {
    padding-top: 10px;
    visibility: inherit;
  }
}
.edu-incele:hover {color: #fff; transition: 0.5s;}
.mini_cart_inner {
  padding: 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mini_cart_inner {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mini_cart_inner {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mini_cart {
    display: none;
    transition: unset;
    max-height: 500px;
    min-width: 260px;
    border: 1px solid #ebebeb;
    left: -4px;
    visibility: inherit;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .mini_cart {
    display: none;
    transition: unset;
    max-height: 500px;
    min-width: 260px;
    border: 1px solid #ebebeb;
    left: -4px;
    visibility: inherit;
    padding-top: 10px;
  }
}
.mini_cart_table {
  padding: 23px 0;
}
.cart_total {
  display: flex;
  justify-content: space-between;
}
.cart_total span {
  font-size: 14px;
  font-weight: 400;
}
.cart_total span.price {
  font-family: Hurme SemiBold;
}
.mini_cart_footer {
  padding: 30px;
  background: var(--eduColor6);
  text-align: center;
}
.cart_button:first-child {
  margin-bottom: 15px;
}
#storeWidget > div > div.mini_cart_footer > div > a {font-family: Hurme SemiBold;}
.dropdown-toggle.filtre::after {display: none;}
.el-overlay.edustoreHover {
  border-radius: 20px 20px 0px 0px;
}
.edustoreAktif {color: var(--eduColor6); font-family: 'Hurme SemiBold';}
.sepetUst {background-color: var(--eduColor6); border-radius: 20px !important;}
.sepetUrunSay {padding: 0.375rem 0.35rem;}
.adresSatir {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.eduStore-sirala {
  line-height: 1;
  border-radius: 0px;
  border-left: 1px solid var(--eduColor7);
  color: #cccccc !important;
  border-radius: 0px 50px 50px 0px;
}
.eduStore-sirala:hover{
  color: var(--eduColor7) !important;
  border-radius: 0px 50px 50px 0px;
}
.eduStore-filtre {
  line-height: 1;
  border-radius: 0px;
  border-left: 1px solid var(--eduColor7);
  color: #cccccc !important;
  border-radius: 0px;
}
.eduStore-filtre:hover{
  color: var(--eduColor7) !important;
  border-radius: 0px;
}
.eduBtn-flip {
  opacity: 1;
  position: relative;
  text-align: center;
  display: inline-block;
}
.eduBtn-flip::before,.eduBtn-flip::after{
  top: 0;
  left: 0;
  transition: 0.5s;
  display: block;
}
.eduBtn-flip::before{
  content: attr(data-front);
  position: relative;
  opacity: 1;
  padding: 0 30px;
  transform: translateY(0) rotateX(0);
}
.eduBtn-flip::after{
  content: attr(data-back);
  position: absolute;
  opacity: 0;
  top: 10%;
  width: 100%;
  transition: 0.5s;
  transform: translateY(-50%) rotateX(90deg);
}
.eduBtn-flip:hover::before {
  opacity: 0;
  transform: translateY(50%) rotateX(90deg);
}
.eduBtn-flip:hover::after {
  opacity: 1;
  transform: translateY(0) rotateX(0);
}

.card-expire {
  float: left;
  width: 60%;
}
.card-expire .select {
  width: 84px;
  margin-right: 12px;
  float: left;
}
.fieldset-ccv {
  clear: none;
  float: right;
  width: 86px;
}

.el-element-overlay .el-card-item .el-overlay {
  background-color: transparent !important;
}
input.input-cart-number, .select.input-cart-number {
  width: 82px;
  display: inline-block;
  margin-right: 8px;
}
input.input-cart-number:last-child, .select.input-cart-number:last-child {
  margin-right: 0;
}
.eduCheckout {
  margin: 150px auto 30px;
  position: relative;
  width: 460px;
  border-radius: 15px;
  padding: 160px 45px 30px;
}
.credit-card-box {
  -webkit-perspective: 1000;
          perspective: 1000;
  width: 400px;
  height: 280px;
  position: absolute;
  top: -112px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.credit-card-box:hover .kartflip, .credit-card-box.hover .kartflip {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.credit-card-box .front,
.credit-card-box .back {
  width: 400px;
  height: 250px;
  border-radius: 15px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: linear-gradient(135deg, #11998e, #38ef7d);
  position: absolute;
  color: #fff;
  top: 0;
  left: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}
.credit-card-box .front::before,
.credit-card-box .back::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("https://webdevtrick.com/demos/earth.svg") no-repeat center;
  background-size: cover;
  opacity: .05;
}
.credit-card-box .kartflip {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}
.credit-card-box .logo {
  position: absolute;
  top: 9px;
  right: 20px;
  width: 60px;
}
.credit-card-box .logo svg {
  width: 100%;
  height: auto;
  fill: #fff;
}
.credit-card-box .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
.credit-card-box .back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.credit-card-box .back .logo {
  top: 185px;
}
.credit-card-box .chip {
  position: absolute;
  width: 60px;
  height: 45px;
  top: 20px;
  left: 20px;
  background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);
  border-radius: 8px;
}
.credit-card-box .chip::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border: 4px solid rgba(128, 128, 128, 0.1);
  width: 80%;
  height: 70%;
  border-radius: 5px;
}
.credit-card-box .strip {
  background: linear-gradient(135deg, #404040, #1a1a1a);
  position: absolute;
  width: 100%;
  height: 50px;
  top: 30px;
  left: 0;
}
.credit-card-box .number {
  position: absolute;
  margin: 0 auto;
  top: 103px;
  left: 19px;
  font-size: 38px;
}
.credit-card-box label {
  font-size: 10px;
  letter-spacing: 1px;
  text-shadow: none;
  text-transform: uppercase;
  font-weight: normal;
  opacity: 0.5;
  display: block;
  margin-bottom: 3px;
}
.credit-card-box .card-holder,
.credit-card-box .card-expiration-date {
  position: absolute;
  margin: 0 auto;
  top: 180px;
  left: 19px;
  font-size: 22px;
  text-transform: capitalize;
}
.credit-card-box .card-expiration-date {
  text-align: right;
  left: auto;
  right: 20px;
}
.credit-card-box .ccv {
  height: 36px;
  background: #fff;
  width: 91%;
  border-radius: 5px;
  top: 110px;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  color: #000;
  text-align: right;
  padding: 10px;
}
.credit-card-box .ccv label {
  margin: -25px 0 14px;
  color: #fff;
}
/* avatar */
.avatarProfile { background: rgb(255 255 255 / 30%); border-radius: 15px; box-shadow: 0 4px 30px rgb(0 0 0 / 9%); backdrop-filter: blur(1.4px); border: 1px solid rgba(255, 255, 255, 0.46); }
.avatarRozetler { width: 25%; }
.avatarImg {position: absolute; bottom: 0; right: 4%; height: 90%;}
.pr-25 {padding-right: 2.5rem;}
.cozulen__soru {
  border-radius: 15px;
  background: #fff;
}
.izlenen__video {
  border-radius: 15px;
  background: #fff;
  padding: 5px;
  height: 100%;
}
.soru__icon {

  float: right;
}
.pr-08 {padding-right: 0.8rem;}
.video_icon {
  width: 25px;
  height: 25px;
}


.verticalPb{
  transform: translateY(-50%);
  width: 100%;
  height: 320px;
  background: transparent;
}
  
.verticalPb-dolu{
  background-color: #b4b1cd;
  position: absolute;
  bottom: -2.7rem;
  width: 100%;
  height: 80%;
  box-sizing: border-box;
  border-radius: 15px;
  bottom: 0;
  animation: grow 1.5s ease-out forwards;
  transform-origin: bottom;
}
@keyframes grow{
  from{
    transform: scaleY(0);
  }
}
.zRelative {z-index: 2; position: relative;}
.d-contents { display: contents; }
#cozulen_soru_dash {width: 400px; height:100px}
.nav-link.eduNav-Dash.active {
  color: var(--eduColor6) !important;
  font-family: Hurme SemiBold;
  border-color: transparent;
  background-color: transparent;
}
.nav-link.eduNav-Dash {
  color: var(--eduColor8) !important;
  border-color: transparent;
  background-color: transparent;
}

.nav-link.eduNav-Dash:focus {
  color: var(--eduColor6) !important;
  font-family: Hurme SemiBold;
  border-color: transparent;
  background-color: transparent;
}
.eduNav-Tabs {border: none;}
.dash-grafikFiltre { position: absolute; right: 4rem; margin-top: -1.5rem; }
.dashPas {width:100%;overflow-x: scroll;height: 85%;cursor: grab;}
.dashPasKonu {width: 100%; overflow-x: scroll;overflow-y: hidden ;height: 20vh;}
.eduScroll::-webkit-scrollbar { width: 6px; height: .1rem;}
.eduScroll::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px;}

.eduScrollThin::-webkit-scrollbar { width: 16px;}
.eduScrollThin::-webkit-scrollbar-thumb { background-color: #ccccccab; border-radius: 10px; border: 5px solid #fff;}
.konuUnitelerim {padding-right: 0px;height: calc(100vh - 260px); overflow-y: scroll;border-right: 1px solid var(--eduColor7);}

.cozulenSoru_dash {width: 100%;overflow-x: auto; white-space: nowrap;}
.cozulenSoru_dash > div >  div > canvas  {cursor: grab;}

#genel_basari_dash {
  min-height: 180px;width:100%;height:180px
}
.bnone {background:none !important;border:none !important}
.bgWhite50 {background-color: #fff; border-radius: 50px;}
.float-left {float: left;}

.cozulenSoru_dash::-webkit-scrollbar {
  width: .1rem;
  height: .1rem;
  
}

.cozulenSoru_dash::-webkit-scrollbar-track {
  border-radius: 10px;
}

.cozulenSoru_dash::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #a7a7a752;
  opacity: .1;
  height: 2px;
}
/* --------------------- Siparişlerim ------------------------- */
.siparislerim {
  border: 1px solid #e2e2e2;
  margin-bottom: 15px;
  border-radius: 20px;
}
.siparislerim-header {
  display: flex;
  border-bottom: solid 1px #e2e2e2;
  border-radius: 20px 20px 0 0;
  background-color: #cee6f354;
  padding: 15px 20px;
  align-items: center;
}
.siparislerim-header-info {
  width: 25%;
  color: #666;
  font-family: Hurme SemiBold;
  font-size: 13px;
  display: flex;
  flex-direction: column;
}
.siparislerim-header-info span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 130px;
  font-family: Hurme;
}
.siparislerim-item {
  display: flex;
  align-items: center;
  border: 1px solid #e2e2e2;
  border-radius: 20px;
  margin: 15px;
  padding: 15px 20px;
}
.siparislerim-item-status {
  display: flex;
  flex-direction: column;
  width: 50%;
  color: #333;
  font-size: 14px;
}
.title.teslim {
  color: var(--yesil);
}
.title.kargo {
  color: var(--eduColor5);
}
.title.iade { 
  color: var(--eduPembe);
}
.title.iptal {
  color: var(--eduPembe);
}
.icon.iptal::before {
  content: "X";
}
.icon.kargo::before {
  content: "^^";
}
.icon.iade::before {
  content: "+";
}
.icon.teslim::before {
  content: "✓";
}
.siparislerim-item-status .description {
  margin-top: 5px;
  font-size: 12px;
}
.siparislerim-item-status .description span {
  vertical-align: middle;
}
.siparislerim-item-images {
  flex: 1;
  display: flex;
  align-items: center;
}
.siparislerim-item-images .image-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 41px;
  height: 62px;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  margin-right: 10px;
  cursor: pointer;
}
.siparislerim-item-images img {
  width: 90%;
}
.pieEduChart {
  width: 110px;
  justify-content: space-around ;
  margin-right: 22px;
}

.eduCircularChart {
  display: block;
  max-width: 110px;
  width: 110px;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: rgb(246, 246, 246);
  stroke-width: 3;
}

/* .circle.aktifi {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 3s 1 cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
} */

.pieEduChart.seciliCircular .circularYuzdeli {
  position: absolute; left: 33%; text-align: center; top: 22%; color: var(--eduColor6); font-family: Hurme SemiBold; font-size: 24px; margin-left: auto; margin-right: auto; 
}
.pieEduChart.seciliCircular .ozelCircular {
  position: absolute; left: 35%; text-align: center; top: 29%; color: var(--eduColor6); font-family: Hurme SemiBold; font-size: 24px; margin-left: auto; margin-right: auto
}

.pieEduChart.seciliCircular .circulChartim {
  position: absolute; left: 30%; text-align: center; top: 24%; color: #b9dfef; font-family: Hurme SemiBold; font-size: 30px; margin-left: auto; margin-right: auto;}

.pieEduChart.seciliCircular .circularYuzde {
  font-family:Hurme SemiBold;font-size:12px
}

.pieEduChart.seciliCircular .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 3s 1 cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.circle {
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  animation: progress 3s 1 cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}


.eduCircularChart.green .circle {
  stroke: #4CC790;
}

.eduCircularChart.blue .circle {
  stroke: #3c9ee5;
}

.yuzdelikPie {
  fill: #666;
  font-size: 0.5em;
  text-anchor: middle;
}

.circularYuzdeli {
  position: absolute; left: 33%; text-align: center; top: 22%; color: var(--eduColor6); font-family: Hurme; font-size: 24px; margin-left: auto; margin-right: auto; 
}
.circularYuzde {
  font-family:Hurme;font-size:12px
}
/* .circularYuzde.aktifi {
  font-family:Hurme SemiBold;font-size:12px
} */
.ozelCircular.aktifi {
  font-family:Hurme SemiBold;font-size:24px
}

/* .circularYuzdeli.aktifi {
  position: absolute; left: 33%; text-align: center; top: 22%; color: var(--eduColor6); font-family: Hurme SemiBold; font-size: 24px; margin-left: auto; margin-right: auto; 
} */
.circulChartim.aktifi {
  font-family: Hurme SemiBold;
}


/* edusocial */
.edusocial.card {border-radius: 20px;padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5);}
.icerik-ortala { width: 100%; min-height: calc(100vh - 230px); }
.col-icerikDikey {height: calc(100vh - 230px); overflow-y: scroll;}
.edusocialSticky {top: 1.2rem; position: sticky;}
.edusocial-solBtn:hover {border-radius: 20px; background-color: var(--eduColor4); color: var(--eduColor5); border: 1px solid var(--eduColor5);}
.edusocial-solBtn { border-radius: 20px ; width: 100%; margin-bottom: 1rem; }
.edusocial-solBtn.aktif { border-radius: 20px; background-color: var(--eduColor4); color: var(--eduColor5); border: 1px solid var(--eduColor5); font-family: Hurme SemiBold;}
.nav-link.edusocial.active {font-family: Hurme SemiBold;}
.nav-link.edusocial:focus {font-family: Hurme SemiBold; color: var(--eduColor5) !important;}
.nav-link.edusocial { color: var(--eduColor6); }
.ml--2 { margin-left: -2rem; }
.edusocial-Arama {    border-radius: 20px;
  border: 1px solid var(--eduColor7);
  padding-left: 1rem;}
  .edusocial-Arama::placeholder {color: var(--eduColor7);}

  /* rehberlik */

.flexCenter {display: flex; align-items: center;}
.circulChartim {position: absolute; left: 30%; text-align: center; top: 24%; color: #b9dfef; font-family: Hurme; font-size: 30px; margin-left: auto; margin-right: auto;}
.egitimScrollsuz {width: 100%; overflow-x: hidden;}
.rehFiltre {right: -2rem;}
.mlr0 {margin-left: 0px; margin-right: 0px !important;}
#SvgjsLine1100 {display: none;}
#SvgjsLine1101 {display: none;}
#SvgjsLine1102 {display: none;}
#SvgjsLine1103 {display: none;}
#SvgjsLine1104 {display: none;}
#SvgjsLine1105 {display: none;}
#SvgjsLine1106 {display: none;}
.rehRad {margin-left: -1rem; margin-top: -1rem;}
.reh-videoIzleme {border-radius: 15px; background: #fff; padding: 5px; right: 2rem; border: 1px solid #cccccc;}
.reh-videoIzlemeDoldur {background-color: #b9dfef; position: absolute; width: 100%; height: 80%; box-sizing: border-box; border-radius: 15px; bottom: 0; animation: grow 1.5s ease-out forwards; transform-origin: bottom;}
.reh-Pb-icerikOrtala {position: relative;
  vertical-align: middle;
  text-align: center;
  padding-top: 100%;
  padding-bottom: 100%;}

  /* ozel ders */

.svgIc {position: absolute; right: 16px; top: 50%; transform: translateY(-50%);}
.svgIcIcon {position: absolute; left: 16px; top: 50%; transform: translateY(-50%);width: 28px; height: 28px;}
.iletisimBtn {position: absolute; bottom: 10px; right: 10px; width: auto; border-radius: 60px; padding: 3px 18px; }
.iletisim-btn {background: #fff; color: var(--eduColor5); font-family: Hurme SemiBold; }
.ozelDersAdi {font-family: Hurme SemiBold; color: #fff; padding-left: 20px; font-size: 0.9375rem; padding-top: 1px;}
.ozelDersHoca {color: var(--eduColor5); padding-left: 20px; padding-bottom: 5px; font-size: 0.9375rem;}

.ozeldersim.timeline-left:before { display: none; }
.ozelCircular {position: absolute; left: 35%; text-align: center; top: 29%; color: var(--eduColor6); font-family: Hurme; font-size: 24px; margin-left: auto; margin-right: auto;}

.ribbon {
  position: relative;
}
.ribbon.ribbon-top .ribbon-label {
  top: 0;
  transform: translateX(-15px) translateY(-4px);
  border-bottom-right-radius: 0.475rem;
  border-bottom-left-radius: 0.475rem;
}
.ribbon-vertical .ribbon-label {
  padding: 5px 10px;
  min-width: 36px;
  min-height: 46px;
  text-align: center;
}
.ribbon .ribbon-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  background-color: var(--kt-ribbon-label-bg);
  box-shadow: var(--kt-ribbon-label-box-shadow);
  color: var(--kt-primary-inverse);
  top: 50%;
  right: 0;
  transform: translateX(5px) translateY(-50%);
}
.cardIciHiza {border-radius: 20px;padding-top: calc(var(--bs-gutter-x) * .5); padding-bottom: calc(var(--bs-gutter-x) * .5);}
.cardIciHizaHeight {height: calc(100vh - 208px); overflow-y: scroll;}

.pieEduChart.seciliCircular .dersGrubuAdi {font-family: Hurme SemiBold;}

/* giriş */

.form-floating>.girisLabel:focus~label{
  transform: scale(.85) translateY(-0.5rem) translateX(1.45rem);
}
.form-floating>.girisLabel:not(:placeholder-shown)~label {
  transform: scale(.85) translateY(-0.5rem) translateX(1.45rem);

}
.girisSup { position: absolute; top: 91%; left: auto; right: 4%; }
.girisSup:hover {color: var(--eduColor5); transition: all 0.3;}
#newPassform {display: none;}
#newPassCode {display: none;}
#ogrenciKayit1 {display: none;}
#ogrenciKayit2 {display: none;}
#ogrenciKayit3 {display: none;}
#veliKayit1 {display: none;}
#veliKayit2 {display: none;}
#veliKayit3 {display: none;}
#veliKayit4 {display: none;}

.btn-outline-primary:hover{background-color: var(--eduColor5) !important; border-color: var(--eduColor5) !important;} 
.btn-outline-primary { --bs-btn-color: var(--eduColor2); --bs-btn-border-color: var(--eduColor2); --bs-btn-hover-color: #000; --bs-btn-hover-bg: var(--eduColor2); --bs-btn-hover-border-color: var(--eduColor2); --bs-btn-focus-shadow-rgb: 30,136,229; --bs-btn-active-color: #000; --bs-btn-active-bg: var(--eduColor2); --bs-btn-active-border-color: var(--eduColor2); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--eduColor2); --bs-btn-disabled-bg: transparent; --bs-gradient: none; }
.regSay {text-align: center; margin-top: auto; margin-bottom: auto;}
.form-check-input.eduCheck:checked { background-color: var(--eduColor6)!important; border-color: var(--eduColor6)!important; }
.girisBaslik {font-size: 3.2rem;}