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


.pb-5{padding-bottom: 5px;}
.pb-7{padding-bottom: 7px;}
.pb-10{padding-bottom: 10px;}
.w-space { white-space: nowrap !important; }
.mydatepicker{height: 50px; font-size: 14px;}
.ps-scrollbar-x-rail{visibility: hidden;}
.borderItem {position: absolute; border: 0.6px solid var(--eduColor5); width: 73%;left: 9px; }
#left-icerik:hover .borderItem{width: 90% !important;}
#personelGorev ,#personelUcret , #personelİl , #personelCv , #personelKimlik , #personelSozlesme , #personelEvrak ,
#personelDiploma1 ,#personelDiploma2 ,#personelEkEgitim ,#presonelDogumTarihi , #personelKanGrubu ,#personelCinsiyet ,
#presonelMezunTarihi1 , #presonelMezunTarihi2,#personelYakınıİl ,#personelMedeniHal ,#presonelYakiniDogumTarihi,
#ogrenciDogumTarihi,#ogrenciIl,#ogrenciCinsiyet,#ogrenciKanGrubu , #ogrenciVeliIl,#ogrenciVeliDogumTarihi,#ziyaretci-kisi{position: absolute; bottom: 0; transition: all 0.3s !important; font-size: 15px; color: #2e2e2e;}
.wizard-content .wizard>.actions>ul>li>a[href="#next"]{ background-color: var(--eduColor6) !important; color: #fff;}
.wizard-content .wizard>.actions>ul>li>a[href="#finish"]{ background-color: var(--eduColor6) !important; color: #fff;}
.downloadSvg{position: absolute; top: 14px; right: 15px; transform: rotate(180deg);}
.customFileİnput {opacity: 0 !important;}
.fileInputBorderDiv {position: absolute; height: 50px; width: 100%; border: 1px solid var(--eduColor7); border-radius: 10px; z-index: -99999;}
.filePath{position: absolute; bottom: -10px; transition: all 0.3s !important; font-size: 15px; color: #2e2e2e;}
.dateInput{border: 1px solid var(--eduColor7); border-radius: 10px;}
.ucretButton{position: absolute !important; width: 25%; border: 1px solid #dedede; color:#6a6a6a !important; right: 15px; background: none !important;}
.ucretButton:hover{background-color: var(--eduColor6) !important; color: var(--eduColor7) !important; }
.col-12{z-index: 1 !important;}
.page-wrapper>.page-titles{max-width: 1390px !important;}
.content-body{width: 100%; height: 70vh !important; background-color: white; border-radius: 10px; margin-top: 10px;}
#col_render_wrapper .row:nth-child(2) {height: 59vh; overflow: auto;}
#col_render>tbody>tr>td{height: 30px !important; padding-top: 30px!important; font-family: Hurme Regular;}
#col_render>tbody>tr:hover{background-color: var(--eduColor7); transition: all 0.3s !important;}
#col_render>tbody>tr{transition: all 0.4s; cursor: pointer;}
.borderedDiv > .card{border-radius: 10px !important;}
#col_render>thead>tr>th{font-weight: 900 !important;}
.dataTables_length{position: absolute; bottom: 25px; left: 120px;}
#col_render_filter{display: none;}
#col_render_paginate>ul>li:first-child,#col_render_paginate>ul>li:last-child {display: block !important;}
#col_render_paginate>ul>li>a:first-child ,#col_render_paginate>ul>li>a:last-child {border: none ;}
#col_render_paginate>ul>li{display: none ;}
#col_render_paginate>ul>.active {display: block !important;}
.active>.page-link, .page-link.active { background-color: #FFF !important; color:var(--eduGri); border: 0.5px solid var(--eduGri) !important; width: 50px; text-align: center; border-radius: 5px; height: 30px;display: flex; align-items: center; justify-content: center;} 
tr:hover td{font-family: "Hurme SemiBold" !important; }
#col_render_paginate>ul{padding-top:15px ;}
#col_render_paginate>ul>.active{margin-top: 3px;}
.transform{transform: rotate(180deg); }
.shortingRotate {transition: all 0.5s; margin-left: 20px;}
.optionsTd{text-align: right; opacity: 0.7;}  
.filterOption::after{display: none !important;}
.filterOption:hover{background: none !important; border: 1px solid transparent;}
.filterOption-optik:active+.filterOption, .filterOption-check:checked+.filterOption, .filterOption.active, .filterOption.show, .filterOption:active{background-color: transparent !important; background:transparent !important;}
.hide-menu>svg{vertical-align: top;}
#col_render_info{padding-top: 32px!important;}
#col_render_length{bottom: 9px !important;}
.optionA,.optionB,.optionC{display: none;}
svg{stroke: var(--eduColor7);  fill: transparent;}
.modalButton , .modalSave{background-color: var(--eduColor6); color: #fff; border-radius: 22px; padding: 5px 30px;}
.modalButton:hover , .modalSave:hover{background-color: var(--eduColor6); color: #fff; border-radius: 22px; padding: 5px 30px;}
.modalButton:focus , .modalSave:focus{background-color: var(--eduColor6); color: #fff; border-radius: 22px; padding: 5px 30px;}
.modalTopClose svg{transform: rotate(45deg) !important;}
.modalTopClose:hover{background-color: transparent;border: 1px solid transparent;}
#dbmodalcontent{border-radius: 10px !important;}
.optionsDropdown{transform: translate3d(-115px, 38.5px, 0px) !important;}
.modalTopClose svg{width: 36px !important; height: 36px !important;}
.visitorTextArea{height: 100px !important;}
.girisButton:hover{background-color: var(--eduColor6);}
.eduButton:hover{background-color: var(--eduColor6);}

@media only screen and (min-width:993px) {
.girisLogo{position: absolute; top: 40%;}
.girisInput{position: absolute; top: 39.7%; width: 400px !important;}
.ogrenciVeliButton{position: absolute; top: 39.1%; width: 400px !important;}
.girisText{position: absolute; top: 20%;}
/* .girisText h2{font-size: 2vh !important;} */
.girisTextVeli{position: absolute; top: 20%;}
.girisTextStep{position: absolute; top: 12%; text-align: right !important; width: 400px;}
.girisTextBack{position: absolute; top: 12%; text-align: left !important; width: 400px; z-index: 99;}
.girisTextKisi{position: absolute; top: 15%; }
}
.backIcon{cursor: pointer;}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{opacity: 0 !important;}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after{opacity: 0;}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{opacity: 0 !important;}
#col_render_length{margin-left: 125px !important;}