@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");

.page-content {
    margin: 50px auto 0 !important;
}


.btnsari {
    border-radius: 12px;
    border: 1px solid #FFB822;
    color: #FFB822 !important;
    font-weight: 500;
}

    .btnsari:hover {
        background-color: #FFB822;
        color: white !important;
    }


.btnyesil {
    border-radius: 12px;
    border: 1px solid #559978;
    color: #559978 !important;
    font-weight: 500;
}

    .btnyesil:hover, .btnyesil:hover i {
        background-color: #559978;
        color: white !important;
    }

.btnpembe {
    border-radius: 12px;
    border: 1px solid #c36b7f;
    color: #c36b7f !important;
    font-weight: 500;
}

    .btnpembe:hover {
        background-color: #c36b7f;
        color: white !important;
    }

.btnturuncu {
    border-radius: 12px;
    border: 1px solid #cf8c5c;
    color: #cf8c5c !important;
    font-weight: 500;
}

.btnkoyuturuncu {
    border-radius: 12px;
    border: 1px solid #FF5545;
    color: #FF5545 !important;
    font-weight: 500;
}

.btnmor {
    border-radius: 12px;
    border: 1px solid #D074C6;
    color: #D074C6 !important;
    font-weight: 500;
}

.btnmavi {
    border-radius: 12px;
    border: 1px solid #5A99FF;
    color: #5A99FF !important;
    font-weight: 500;
}

.btndarkmavi {
    border-radius: 12px;
    border: 1px solid #44535c;
    color: #44535c !important;
    font-weight: 500;
}

.btnkirmizi {
    border-radius: 12px;
    border: 1px solid #EE7C7B;
    color: #EE7C7B !important;
    font-weight: 500;
}

    .btnkirmizi:hover, .btnkirmizi:hover i {
        background-color: #EE7C7B;
        color: white !important;
    }

.btnaltinsari {
    border-radius: 12px;
    border: 1px solid #bd9d47;
    color: #bd9d47 !important;
    font-weight: 500;
}

.btnturuncu:hover {
    background-color: #cf8c5c;
    color: white !important;
}
/***/
.btngri {
    border-radius: 12px;
    border: 1px solid #9199b1;
    color: #9199b1 !important;
    font-weight: 500;
}

    .btngri:hover, .btngri:hover i {
        background-color: #9199b1;
        color: white !important;
    }
/***/
.btnkoyuturuncu:hover {
    background-color: #FF5545;
    color: white !important;
}

.btnmor:hover {
    background-color: #D074C6;
    color: white !important;
}

.btnmavi:hover {
    background-color: #5A99FF;
    color: white !important;
}

.btndarkmavi:hover {
    background-color: #44535c;
    color: white !important;
}

.btnaltinsari:hover {
    background-color: #bd9d47;
    color: white !important;
}

.btnkoyuyesil {
    background-color: white;
    color: #67a746;
    border-radius: 15px;
    border: 1px solid #67a746;
}

    .btnkoyuyesil:hover {
        background-color: #67a746;
        color: white;
    }

.txtyesil {
    color: #559978;
}

.txtkirmizi {
    color: #EE7C7B;
}

.txtgri {
    color: #9199b1;
}

@media (max-width: 760px) {
    .column-customizer {
        min-width: unset !important;
    }

    .navbar-dark .navbar-toggler {
        z-index: 9999 !important;
    }

    .navbar-collapse {
        z-index: 99999 !important;
    }
}


@media (min-width: 900px) {
    .has-submenu.active .nav-link::before {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        border: solid transparent;
        border-bottom-color: #ffffff;
        border-width: 7px;
    }


    .has-submenu.active .nav-link {
        border-bottom: 1.5px solid white;
    }
}



.page-wrapper {
    padding-top: 80px !important;
}

/*   .hspnavbar{
            height:45px!important;
        }
        .navbar-toggler-icon {
            width: 1em !important;
            height: 1em !important;
        } */
.topbar .topbar-left .logo .logo-sm {
    height: 50px !important;
}

.brdradius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bordroprmtcard .tblustbaslik {
    text-align: center;
    max-width: 100%;
    color: #fff !important;
    background-color: #20a1da !important;
    font-size: 14px;
    font-weight: 700;
}

.bordroprmtcard .prmt-baslik {
    background-color: #d1d8e1 !important;
    text-align: center;
    color: #000 !important;
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
}
/* 
        .bordroprmtcard .tblprmt tr:nth-child(odd) {
            background: #453d5f1f !important;
        }

        .bordroprmtcard .tblprmt tr:nth-child(even) {
            background: #453d5f12 !important;
        } */
/****************************/
[v-cloak] {
    display: none;
}

.resultcard::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #20a1da; /* şerit rengi */
    border-radius: 4px 0 0 4px;
}

.accordion [aria-expanded="true"] .detailfiltercard::after {
    font-family: 'FontAwesome';
    content: "\f077" !important;
    /*   float: left; */
    margin-right: 5px;
    margin-left: 7px;
}


.accordion [aria-expanded="false"] .detailfiltercard::after {
    font-family: 'FontAwesome';
    content: "\f078" !important;
    margin-left: 7px;
}




.kidemcard {
    border: 1px solid #eef2f6;
    border-radius: 20px !important;
    overflow: hidden;
    box-shadow: 5px 5px 3px rgba(31, 30, 47, 0.05);
}

.list-group-item {
    border: unset !important;
}

.topbar .topbar-left .logo .logo-lg {
    height: 60px !important;
}

/*    ul.navbar-nav.mr-auto.text-left {
            margin: -10px !important;
        } */
.nav-link {
    padding: 0px !important;
}

@media only screen and (min-width: 1000px) {
    .topbar .topbar-left .logo .logo-sm {
        display: none;
    }
}

.navigation-menu:before {
    height: 0px !important;
}

/*      #topNavMenu .has-submenu.active {
            background: linear-gradient(14deg, #20A1DA 0%, rgb(32 161 218)) !important;
            box-shadow: 0px 2px 7px 0 rgb(32 161 218) !important;
        } */

.btn-line-blue {
    color: #20A1DA;
    background-image: none;
    background-color: transparent;
    border-color: #20A1DA;
    box-shadow: unset;
}

    .btn-line-blue.active,
    .btn-line-blue:hover,
    .bg-cpm-blue {
        background-color: #20A1DA !important;
        border: 1px solid #20A1DA;
        color: #FFFFFF;
        box-shadow: unset;
    }



@media (min-width: 992px) {
    .topbar .navigation-menu > li > a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}

.has-submenu {
    position: relative;
}




    .has-submenu:hover {
        cursor: pointer;
    }

#tblthead tr {
    background-color: #20A1DA !important;
}

    #tblthead tr th {
        color: white !important;
    }

.table {
    color: #3E4042 !important;
}

@media screen and (min-width: 1600px) {
    .page-content {
        width: 1600px !important;
    }
}

.column-customizer-wrapper {
    position: relative;
    display: inline-block;
}

.column-customizer {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    min-width: 470px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

    .column-customizer.show {
        max-height: 400px;
        overflow-y: auto;
        opacity: 1;
        transition: max-height 0.5s ease-in, opacity 0.3s ease-in;
    }

.column-checkbox-group {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.column-checkbox-item {
    display: flex;
    align-items: center;
}

.column-customizer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}

.column-checkbox-item input[type="checkbox"] {
    margin-right: 8px;
    cursor: pointer;
}

.column-checkbox-item label {
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
    font-size: 0.74rem;
}

/*   .table-sticky th:first-child,
                .table-sticky td:first-child {
                    position: sticky !important;
                    left: -1px !important;
                    z-index: 5;
                }

                .table-sticky th:first-child {
                    background: #20A1DA;
                    z-index: 99;
                }

                .table-sticky td:first-child {
                    background: #FFFFFF;
                    z-index: 99;
                } */
.table-sticky th:nth-child(1),
.table-sticky td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 5;
    background: #fff;
}

.table-sticky th:nth-child(2),
.table-sticky td:nth-child(2) {
    position: sticky !important;
    left: 79px !important;
    z-index: 5;
    background: #fff;
}

.table-sticky .tblgun,
.table-sticky .tblgun {
    position: sticky !important;
    left: 177px !important;
    z-index: 5;
    background: #fff;
}

.table-sticky th:nth-child(1),
.table-sticky th:nth-child(2),
.table-sticky .tblgun {
    /*   background: #20A1DA; */
    /*color: #fff;*/
    z-index: 99;
}

.table tfoot td {
    background: #d1d8e1 !important;
}

.table-wrapper {
    overflow-x: auto;
    width: 100%;
}

.table input.form-control {
    height: calc(1.3rem + 2px) !important;
    background-color: #ffffff00;
    border: 1px solid #20a1da66;
    border-radius: 4px;
}

tfoot td {
    text-align: right;
    font-weight: bold;
}

tfoot tr {
    background: #D1D8E1 !important;
}

.colw-2 {
    min-width: 80px;
}

.colw-3 {
    min-width: 100px;
}

.colw-4 {
    min-width: 130px;
}

.table-wrapper th,
.table-wrapper td {
    white-space: nowrap; /* Yazı taşmasını engeller */
}

.table td {
   font-family: 'Roboto' !important;
}

.table-wrapper thead th {
    position: sticky;
    top: 0;
    background: #20A1DA;
    z-index: 20;
}

.table-wrapper::-webkit-scrollbar {
    width: 8px !important;
    border-radius: 10px;
    height: 8px;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background: #0979AB !important;
    border-radius: 10px;
}

.blockui-center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}