/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*@import url('http://fonts.cdnfonts.com/css/lt-wave');

* {
    font-family: 'LT Wave', sans-serif;
}*/
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}
.fa-calendar{
    cursor:text !important
}
.flatpickr-date {
    cursor: pointer !important;
}
.flatpickr-max{
    cursor: pointer !important;
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

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

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: red;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
}



@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media print {
    body *, #main * {
        visibility: hidden;
    }

    #printarea, #printarea * {
        visibility: visible;
    }
}

#printareaout {
    border: 1px solid gray;
    padding: 30px 20px 20px 20px;
}

svg {
    max-height: 200px;
    width: 200px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

/* Burası Footerı aşşağıya doğru uzatıyor */
body {
    margin-bottom: 60px;
    
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.page-item.active:hover .page-link:hover {
    background-color: #fff !important;
    border-color: #dc3545 !important;
    color: #a71d2a;
}

.has-treeview {
    border-bottom: 1px solid #dee2e6;
}

/*li .active .nav-link{
    color: black !important;
}*/

li .subitem{
    margin-left:20px;
}

li .subitem a:hover {
    background-color:white !important;
    
}
li .subitem .active:hover{
    color:transparent;
}
.input-group {
    width: 100% !important;
}

.input-group-prepend {
    width: 35%; /*adjust as needed*/
}

.input-group-prepend span {
    width: 90%;
    overflow: hidden;
}

/*birkan.css*/

/*@media (max-width: 600px) {
    .anasayfaIcon {
        font-size: 2em
    }

    .anasayfah4 {
        font-size: 1.0em
    }
}

@media (min-width: 601px) {
    .anasayfaIcon {
        font-size: 10em
    }

    .anasayfah4 {
        font-size: 1.2em
    }
}*/

/*birkan.css end*/


/* Efabrika CSS START*/



.wrimagecard-topimage_title{
    padding: 0 !important;
    padding-bottom: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrimagecard-topimage_title .anasayfah4{
    margin-bottom: 0;
}

.wrimagecard-topimage_header{
    padding: 10px 20px !important;
}

@media (min-width: 992px){
    .anasayfaIcon{
        font-size: 44px;
    }
    .wrimagecard-topimage_header{
        padding: 20px !important;
    }
}

.table thead th{
    font-size: 17px;
    opacity: 0.7;
}

.accent-danger a:not(.dropdown-item) {
      color:inherit;
    
}
.dropdown-item:active{
    background-color:transparent !important;
    
}


.service-card {
    background-color: #F5F5FD;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 0 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #3B3D45;
    flex-direction: column;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
}
.service-card-icon{
    font-size: 24px;
    margin-right: 0;
    display: flex;
    align-items: center;
    padding-top: 20px;
    justify-content: center;
}

.service-card p{
    margin-bottom: 0;
    height: 60px;
    display: flex;
    align-items: center;
}

@media (min-width: 992px){
    .service-card{
        margin-bottom: 20px;
    }
    .service-card:hover{
        background-color: #EBEBF6;
    }
}

.pagination .page-item a{
    color:red;
}

.page-item.disabled .page-link {
    color: #0891b2;
    pointer-events: none;
    cursor: auto;
}
.main-sidebar {
    background-color: white;
}
.nav-sidebar>.nav-item .nav-icon{
    display: none;
}

.nav-item.has-treeview{
    border: none;
}
th{
    color:black;
}
/*.nav-sidebar .nav-link p {
    letter-spacing: 0.7px;
    font-family: Roboto;
    text-transform: capitalize;
    color: #2c323f;
}*/
.nav-link{
    padding: 0;
    margin: 0;
}
.nav-sidebar>.nav-item{
    margin-bottom: 21px;
}
.os-content{
    padding: 0 20px !important;
}
.nav-sidebar .nav-item>.nav-link{
    margin: 0 !important;
}

[class*=sidebar-light-] .nav-sidebar > .nav-item:hover > .nav-link {

}
.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){
    background-color: transparent;
    border: none;
}
.main-sidebar .brand-link {
    padding: 20px 0 !important;
    position: static !important;
  
}

.main-sidebar .brand-link .brand-image{
    margin: 0;
    max-height: 50px;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar{
    margin-top: 0;
}

.nav-sidebar .nav-item>.nav-link .right{
    right: 0;
    top: 50%;
    margin-top: -8px;
}

[class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link{
    background-color: transparent !important;
}

.nav-sidebar .nav-item ul{
    padding-top: 20px;
}

.main-sidebar{
    box-shadow: none !important;
}

.content-wrapper{
    background-color: #fff !important;
}

.content-wrapper>.content{
    padding: 0 30px;
}

.content-header{
    padding: 30px 30px 15px 30px;
}

.main-header .nav-link{
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-fluid{
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px){
   .main-header{
    height: 90px;
    }
    .content-wrapper{
        margin-top: 90px !important;
    }

}

body {
    margin-bottom: 0;
   
}

.main-footer {
    border-top: 1px solid #F3F3F4;
    font-size: 14px;
    height: 90px;
    position: static;
    bottom: 0;
}

@media (min-width: 992px){
    .main-footer{
        padding: 28px 30px;
    }
    
}

#username{
    margin-right: 14px;
    margin-top:-10px;
}


.card{
    box-shadow: none; 
    border: 1px solid #E5E5EC;
    border-radius: 10px;
}

.card-primary.card-outline{
    border-top: 1px solid #E5E5EC;
}


.card-header{
    background-color: #F9F9F9;
    border-bottom: none;
    padding: 12px 34px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.card-header:before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    left: 18px;
    top: 50%;
    margin-top: -3px;
    background-color: red;
}
.res-b-t-green {
    border-top-color: green;
}

.res-b-t-blue {
    border-top-color: #0ea5e9;
}

.input-date-container input {
    box-sizing: border-box;
    outline: 0;
    position: relative;
    width: 100%;
}
.input-date-container input[type="date"]::-webkit-calendar-picker-indicator {
    background-position: center right 10px;
    background-size: 20px auto;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

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

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

#login-form-box{
    text-align: center;
    margin: 0 auto;
    padding: 0 30px;
    width: 100%;

}
@media (min-width: 992px){
    #login-form-box{
        padding: 0;
        max-width: 350px;
        flex-shrink: 0;
    }
    
}

#login-form-box label{
    text-align: left;
    font-size: 14px;
    font-weight: 300;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #8E8D8E;
}

#login-form-box .form-control{
    height: 52px;
    border-radius: 4px;
    border: 1px solid #E5E5EC;
    padding-left: 20px;
    color: #141B27;
    font-size: 16px;
}

@media (min-width: 992px){
    #login-form-box .form-control{
        height: 58px;
    }
    
}

.login-form-title{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (min-width: 992px){
    .login-form-title{
        font-size: 38px;
        margin-bottom: 30px;
    }
    
}

#login-form-box-logo{
    width: 80px;
    margin: 0 auto 20px auto;
}

@media (min-width: 992px){
    #login-form-box-logo{
        width: 100px;
        margin: 0 auto 30px auto;
    }
}

#login-form-box-logo img{
    display: block;
    max-width: 100%;
    height: auto;
}

#login-form-button{
    display: flex;
    width: 100%;
    height: 52px;
    align-items: center;
    justify-content: center;
    color: #FFDEE3;
    border: none;
    padding: 0;
    background-color: #FF2546;
    font-size: 18px;
    box-shadow: 0 6px 15px 0 rgba(255,37,70,0.36);
    border-radius: 4px;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (min-width: 992px){
    #login-form-button{
        height: 62px;
    }
}

#login-wrapper{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding-top: 30px;
}

#form-forgot-password-link{
    color: #1E51B1;
    font-weight: 600;
    font-size: 18px;
}
#login-get-password{
    font-size: 16px;
    color: #708188;
}
#login-get-password a{
    color: #004EBE;
    font-weight: 600;
}
.btn-danger:focus {
    background-color: #da182b !important;
}


.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

    .file-upload .file-select {
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
        border-radius: 50px;
        min-width: 230px;
    }

        .file-upload .file-select .file-select-button {
            background: #dce4ec;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }

        .file-upload .file-select:hover {
            border-color: #34495e;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

            .file-upload .file-select:hover .file-select-button {
                background: #34495e;
                color: #FFFFFF;
                transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
            }

    .file-upload.active .file-select {
        border-color: #3fa46a;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

        .file-upload.active .file-select .file-select-button {
            background: #3fa46a;
            color: #FFFFFF;
            transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
        }

    .file-upload .file-select input[type=file] {
        z-index: 100;
        cursor: pointer;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .file-upload .file-select.file-select-disabled {
        opacity: 0.65;
    }

        .file-upload .file-select.file-select-disabled:hover {
            cursor: default;
            display: block;
            border: 2px solid #dce4ec;
            color: #34495e;
            cursor: pointer;
            height: 40px;
            line-height: 40px;
            margin-top: 5px;
            text-align: left;
            background: #FFFFFF;
            overflow: hidden;
            position: relative;
        }

            .file-upload .file-select.file-select-disabled:hover .file-select-button {
                background: #dce4ec;
                color: #666666;
                padding: 0 10px;
                display: inline-block;
                height: 40px;
                line-height: 40px;
            }

            .file-upload .file-select.file-select-disabled:hover .file-select-name {
                line-height: 40px;
                display: inline-block;
                padding: 0 10px;
            }

.input-group-knl {
    position: relative; /* İkonun pozisyonlandırılması için gerekli */
    display: flex; /* Flexbox modelini kullan */
    align-items: center; /* İçerikleri dikey olarak ortala */
    justify-content: start;
}

    .input-group-knl input[type="date"] {
        flex-grow: 1; /* Input elemanı mümkün olan maksimum genişliği kaplar */
        margin-right: 30px; /* İkon için sağda yer bırak */
    }

    .input-group-knl .add-on {
        position: relative;
        right: 5%;
        cursor: pointer;
        top: 3%;
    }

    .input-group-knl .fa-calendar {
        font-size: 1rem; /* İkon boyutu */
    }

        /* Floating survey button on left side */
#surveyBtn {
            position: fixed;
            bottom: 1px;
            right: 100px;
            transform: translateY(-50%);
            z-index: 1050;
}

/* Survey checkbox and radios 
  Bigger checkboxes & radios */
#surveyModal .form-check-input {
    width: 1.5em;
    height: 1.5em;
}

    /* Optional: make the checkmark/radio dot scale properly */
#surveyModal .form-check-input:checked {
        background-size: 70% 70%;
}

#surveyModal .form-check {
    margin-bottom: 10px;
}

#surveyModal .form-check-label {
    margin-left: 15px;
    margin-top: 3px;
    font-size: larger;
}