.nav-container .logo .img {
    background-image: url(../img/logo/logo-white.png) !important;
    background-position: center;
    background-size: 100%;
    width: 100% !important;
}

html[data-placement=horizontal] .nav-container, html[data-placement=vertical] .nav-container {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-color: #6fbb9f !important;
    background-image: none !important;
}

.text-small {
    font-size: 15px !important;
    font-weight: initial !important;
    margin-bottom: 10px !important;
}

html[data-placement=vertical] .nav-container .nav-content .logo a, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .logo a, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .logo a {
    overflow: hidden;
    display: inline-block;
    width: 200px;
}

html[data-placement=vertical] .nav-container .nav-content .menu-container, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .menu-container, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .menu-container {
    margin-top: 15px;
}

html[data-placement=vertical] .nav-container .nav-content .user-container .user .profile, html[data-placement=horizontal] .nav-container.mobile-side-ready .nav-content .user-container .user .profile, html[data-placement=vertical] .nav-container.mobile-side-ready .nav-content .user-container .user .profile {

    margin-bottom: 14px;
}

.login-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

html[data-color=light-green] .logo-default {
    background-image: url(../img/logo/logo.png);
    width: 227px;
    background-size: 100%;
    height: 120px;
}

.df-add-btn {
    display: inline-block;
    width: 100%;
}

.df-add-btn a{
    float: right;
}

.df-pagination {
    width:auto;
    display: table;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: -14px;
}

.df-pagination nav div:nth-child(1) {
    display: none !important;
}

.df-pagination nav svg {
    height: 21px !important;
}

.df-pagination nav div span > span {
    margin-right: -2px;
}

.login-logo-height {
    margin-bottom: 45px;
}

html[data-placement=horizontal] .nav-container .logo img, html[data-placement=horizontal] .nav-container .logo .img, html[data-placement=vertical] .nav-container .logo img, html[data-placement=vertical] .nav-container .logo .img {
    min-height: 97px;
}

.df-table-area tbody tr td{
    padding-top: 15px;
}

.df-table-area tbody tr td:last-child{
    padding-top: 8px;
    padding-bottom: 5px;
}

.lesson-area button {
    margin-bottom: 16px;
    width: 100%;
    background-color: #dfdfdf;
    border: 0px;
    padding: 18px 5px;
    border-radius: 5px;
    font-size: 15px;
}

.lesson-area #video {
    background: #efefef;
    padding: 25px 15px;
    border-radius: 6px;
    border: 2px dashed #ccc;
    padding-bottom: 20px;
}


.reservation-date {
    display: inline-block;
    width: 100%;
}

.reservation-date input {
    float: right;
    padding: 8px 15px;
    border: 1px solid #ccc;
    border-radius: 500px;
    font-size: 15px;
}

.df-reservation-lis .rezarea {
    width: 100%;
    background-color: white;
    margin-top: 13px;
    padding: 15px;
    border-radius: 7px;
    box-shadow: 0px 0px 11px #ccc;
    margin-bottom: 15px;
}

.df-reservation-lis .rezarea span {
    width: 100%;
    display: block;
}

.df-reservation-lis .rezarea h5 {
    width: 100%;
    display: block;
    font-size: 26px;
    margin-top: 7px;
    font-weight: 400;
}

.df-reservation-lis .rezarea h5 ion-icon {
    display: block;
    float: left;
    font-size: 20px;
    margin-right: 5px;
    margin-top: 5px;
}

.df-reservation-lis .rezarea p {
    width: 100%;
    display: block;
    margin-bottom: -2px;
    background-color: #cecece;
    text-align: center;
    padding: 8px 5px;
    color: #fff;
    border-radius: 500px;
    margin-top: -5px;
}

.df-reservation-lis .rezarea p.active {
    background-color: green;
}

.min-alert-df {
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 55px 0px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;;
}

.teacher-list {
    margin: 0;
    padding: 0;
}

.teacher-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.teacher-list li a {
    color: #363637;
    background-color: #ebebeb;
    display: block;
    margin-bottom: 2px;
    padding: 8px 9px;
    text-decoration: none;
    border-radius: 7px;
    margin-top: 10px;
}

.teacher-list li a.active {
    color: #fff;
    background-color: green;
}


.page-gnl .page-area {
    width: 100%;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.page-gnl .page-add {
    float: right;
    background-color: #6fbb9f;
    display: table;
    margin-bottom: 15px;
    padding: 9px 20px;
    padding-right: 15px;
    border-radius: 500px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
}

.page-gnl .page-add ion-icon {
    font-size: 20px;
    float: right;
    margin-left: 5px;
    margin-top: 2px;
}


.min-hood-df {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
    font-weight: 400;
    font-size: 16px;
    position: relative;
}


.min-hood-df::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #6fbb9f;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-radius: 5px;
}


.min-alert-df {
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 55px 0px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 300;;
}



.group-not-fount {
    width: 100%;
    display: inline-block;
    text-align: center;
    border: 2px dashed #ccc;
    padding: 30px 0px;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #7c7c7c;
}

.dfmodal-active {
    opacity: 1 !important;
    display: table;
}
.dfmodal-active .modal-dialog {
    z-index: 25;
}



.dfmodal-active::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #00000047;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 22;
}

.modal-form-area label {
    width: 100%;
    color: #373737;
    margin-bottom: 4px;
    margin-top: 15px;
}

.modal-form-area input{
    width: 100%;
    border: 1px solid #ccc;
    padding: 9px 11px;
    border-radius: 2px;
    background-color: #f8f8f8;
}

.modal-form-area select {
    width: 100%;
    border: 1px solid #ccc;
    padding: 11px 11px;
    border-radius: 2px;
    background-color: #f8f8f8;
}

.modal-form-area textarea {
    width: 100%;
    border: 1px solid #ccc;
    padding: 11px 11px;
    border-radius: 2px;
    background-color: #f8f8f8;
    min-height: 90px;
}

.modal-content {
    margin-top: 16%;
}

.modal-header {
    padding: 15px !important;
}


.modal-body {
    padding: 15px !important;
}

.modal-footer {
    padding: 15px !important;
}

.car-list .image .big-img {
    display: none;
}

.car-list .image {
    position: relative;
}

.car-list .image a {
    background-color: transparent;
    width: 58px;
    height: 41px;
    display: block;
    background-size: cover;
    border-radius: 5px;
    margin-top: -10px;
    margin-bottom: -10px;
}

.car-list .image a:hover+.big-img {
    display: block;
    width: 280px;
    position: absolute;
    left: 0;
    border-radius: 5px;
    z-index: 99;
    box-shadow: 0px 0px 13px #333333;
}

div.dataTables_wrapper table.dataTable {
    margin-top: 28px !important;
    margin-bottom: 15px !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
    display: table;
    width: auto;
    float: right;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li {
    float: left !important;
}

div.dataTables_wrapper table.dataTable td {
    padding-top: 17px;
    padding-bottom: 0;
}

.df-btn {
    margin-top: -7px;
    margin-bottom: 8px !important;
}

.modal-car-image {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 5px;
}

.modal-car-image .image{
    width: 100%;
    height: 280px;
    background-color: red;
    background-size: cover;
    background-position: center;
}

.datatable-input {
    border: 1px solid #ccc;
    outline: 0;
    padding: 7px 11px;
    margin-top: -10px;
    border-radius: 5px;
}

#donus-input {
    display: none;
}

.operation-calendar {
    width: 100%;
    display: inline-block;
    background-color: #e6e6e6;
    padding: 10px;
    border-radius: 5px;
}

.operation-calendar button {
    background-color: #81b9a1;
    color: #fff;
    height: 40px;
    padding: 9px 14px;
    border-radius: 500px;
    border: 1px solid #81b9a1;
}

.operation-calendar input {
    background-color: #fff;
    border: 1px solid #ccc;
    height: 40px;
    padding: 13px 14px;
    border-radius: 500px;
    float: right;
}

.calendar-df {
    background-color: #1a1b3a;
    display: inline-block;
    width: 100%;
    color: #fff;
    padding: 15px 13px;
    margin-bottom: 18px;
    border-radius: 5px;
}

.calendar-df span{
    float: right;
    border: 1px dashed #ccc;
    padding: 4px 13px;
    font-size: 13px;
    margin-top: -6px;
    margin-bottom: -6px;
    border-radius: 5px;
}

.cardisabledform label {
    width: 100%;
}

.cardisabledform textarea {
    width: 100%;
    min-height: 90px;
    border-radius: 5px;
    margin-top: 7px;
    background-color: #eaeaea;
    border: 1px solid #ccc;
    padding: 8px;
    outline: 0;
}

.cardisabledform button {
    width: 100%;
    border: 0;
    padding: 10px 5px;
    border-radius: 500px;
    color: #fff;
    outline: 0 !important;
    background-color: green;
    margin-top: 6px;

}
.calendar-btns {
    display: inline-block;
    text-align: center;
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}

.calendar-btns h6 {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
}

.calendar-btns button {
    background-color: #81b9a1;
    color: #fff;
    border: 0;
    width: 42px;
    height: 42px;
    border-radius: 5px;
}

.calendar-btns .geri {
    position: absolute;
    left: 0;
    top: 0;
}

.calendar-btns .ileri {
    position: absolute;
    right: 0;
    top: 0;
}

.addorderdriver select {
    height: 30px;
    border: 1px solid #ccc;
}

.addorderdriver input {
    height: 30px;
    border: 1px solid #ccc;
}

.addorderdriver button {
    height: 30px;
    background-color: #81b9a1;
    color: #fff;
    border: 1px solid #81b9a1;
}

.drivercariarea {
    width: 100%;
}
.drivercariarea label {
    width: 100%;
}

.drivercariarea input {
    width: 100%;
    padding: 8px 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.drivercariarea button {
    background-color: #81b9a1;
    color: #fff;
    border: 1px solid #81b9a1;
    margin-top: 15px;
    width: 100%;
    border-radius: 50px;
    padding: 8px 5px;
}

.df-aktif-btn, .df-aktif-btn:hover {
    background-color: green;
    color: #fff;
    padding: 11px 5px;
    display: block;
    margin-bottom: 18px;
    text-align: center;
    border-radius: 500px;
}

.df-pasif-btn, .df-pasif-btn:hover {
    background-color: red;
    color: #fff;
    padding: 11px 5px;
    display: block;
    margin-bottom: 18px;
    text-align: center;
    border-radius: 500px;

}

.modal-form-df {
    width: 100%;
}

.modal-form-df input {
    width: 100%;
    border: 1px solid #ccc;
    padding: 9px 9px;
    border-radius: 3px;
    background-color: #efefef;
    margin: 5px 0px;
    outline: 0;
}

.modal-form-df label {
    width: 100%;
}

.modal-form-df button {
    background-color: #81b9a1;
    color: #fff;
    width: 100%;
    border: 0px;
    padding: 9px 0px;
    border-radius: 500px;
    font-size: 15px;
    margin-top: 8px;
    outline: 0;
}

.modalform-df label{
    display: block;
    width: 100%;
}

.modalform-df input, .modalform-df select{
    display: block;
    width: 100%;
    margin-bottom: 13px;
    height: 43px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 6px;
    padding: 6px 7px;
    outline: 0;
}

.form-group-price select {
    width: 100%;
    border: 1px solid #ccc;
    padding: 8px 5px;
    margin-top: 5px;
    margin-bottom: 18px;
    border-radius: 5px;
}

.city_road_price_komisyon {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0px 0px 15px #cccc;
}

.city_road_price_komisyon h6 {
    color: #1ca35e;
    border-bottom: 1px dashed #1ca35e;
    padding-bottom: 8px;
    font-size: 14px;
}

.city_road_price_komisyon .genel-areea {
    display: inline-block;
    width: 100%;
}

.city_road_price_komisyon .form-froup {
    display: block;
    width: 50%;
    float: left;
    padding: 0px 8px;
}

.city_road_price_komisyon .form-froup label {
    color: #474747;
    margin-bottom: 8px;
}

.city_road_price_komisyon .form-froup input {
    display: inline-block;
    width: 100%;
    padding: 7px 9px;
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.priceupdateinput {
    width: 120px;
    border: 1px solid #ccc;
    padding: 4px 11px;
    display: block;
    margin: -6px 0px;
    border-radius: 5px;
    text-align: center;
}

.driver_sub_price-input {
    width: 82px;
    height: 32px;
    margin-top: -9px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.yolcuformexcel input {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 11px;
    padding: 11px 14px;
    outline: 0;
}

.yolcuformexcel button {
    width: 100%;
    background-color: #6fbb9f;
    color: #fff;
    border: 0px;
    padding: 10px 5px;
    border-radius: 5px;
    margin-top: 2px;
}



.table-wrapper {
    overflow-x: auto; /* yatay scroll */
    white-space: nowrap; /* satır kaydırmayı engeller */
}

.ozel-df-excel {
    border-collapse: collapse;
    width: max-content; /* içeriğe göre genişlik */
}

.ozel-df-excel td, .ozel-df-excel th {
    white-space: nowrap; /* hücre içindeki metnin alt satıra geçmesini engeller */
}



.delete-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:#00000070;
    z-index: 99;
    transition: all 0ms;
}

.delete-modal .delete-area {
    width: 100%;
    max-width: 420px;
    display: table;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #d7e2ef;
    margin-top: 5%;
    padding: 15px;
    border-radius: 6px;
}

.delete-modal .delete-area h6{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 15px;
}

.delete-modal .delete-area ul{
    width: 100%;
    margin: 0;
    padding: 0 5px;
    display: inline-block;
}

.delete-modal .delete-area ul li{
    width: 50%;
    padding: 0px 5px;
    list-style: none;
    float: left;
}

.delete-modal .delete-area ul li a{
    width: 100%;
    background: linear-gradient(45deg, #43cea2, #185a9d);
    color: #fff;
    display: block;
    text-align: center;
    padding: 6px 5px;
    text-decoration: none;
    border-radius: 5px;
}

.delete-modal .delete-area ul li:first-child a{
    background: linear-gradient(45deg, #ff4e50, #c31432);
    color: #fff;
}

.ozelbtn-filterexcel {
    margin: 0 auto;
    display: table;
    padding: 0;
    margin-bottom: 25px;
}

.ozelbtn-filterexcel li {
    list-style: none;
    padding: 0px 7.5px;
    float: left;
}

.ozelbtn-filterexcel li button {
    border: 0;
    color: #000;
    padding: 10px 21px;
    font-weight: 500;
    border-radius: 5px;
}

.bttn-passive {
    opacity: 0.5;
}