/*
Siyah: 222
Gri: 6a737b
Mavi : 4285f4
Yesil : 00c292
Sari : f4b400
Kirmizi: db4437


*/
/*
@font-face{
    font-family:'Nexa Light';
    src:
            url("../font/nexa/NexaLight.woff") format("woff"),
            url("../font/nexa/NexaLight.ttf") format("truetype")
}
@font-face{
    font-family:'Nexa Bold';
    font-weight:bold;
    src:
            url("../font/nexa/NexaBold.woff") format("woff"),
            url("../font/nexa/NexaBold.ttf") format("truetype")
}
*/
@import "font.css";

html {
    background: #ffffff;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    color: #162a4c;
    background-color: #fff;
    font-size: 16px;
    overflow: hidden;
    font-weight: 500;
    /*zoom: 0.9;*/
}

.dialog-footer {
    text-align: center;
    border-top: 1px solid #dddfe6;
    padding-top: 10px;
}

.el-dialog__header {
    text-align: center;
    border-bottom: 1px solid #dddfe6;
    padding-bottom: 10px;
}

.DestekModal .el-dialog__header {
    display: none;
}


.apexcharts-pie-label, .apexcharts-tooltip * {
    font-family: 'Nunito Sans' !important;
}

.el-alert {
    padding: 5px 0px !important;
}

a, a:hover, a:focus {
    text-decoration: none;
    -webkit-transition: 0.3s; /* Safari prior 6.1 */
    transition: 0.3s;
    cursor: pointer;
}

.el-table .cell a {
    color: #007bff;
    font-weight: 600;
}

.bold {
    font-weight: 800;
}

.menukutu a.logo {
    background-image: url("../images/logo-text.svg");
}

.giris a.logo {
    height: 40px;
}

a.logo {
    background: url("../images/logo.svg");
    width: 150px;
    height: 28px;
    background-size: 150px auto;
    background-repeat: no-repeat;
    margin: 0 auto;

}

.after a.logo {
    background: url("../images/logo-white.svg");
    background-repeat: no-repeat;
    display: block !important;
}

.after a.logocarsi {
    background: url("../images/logo-carsi.png");
    background-repeat: no-repeat;
    display: block !important;
    background-size: cover;
    height: 47px;
}


label.error {
    color: #db4437;
    font-size: 12px;
}

label.error:before {
    content: "\e79d";
    font-family: 'element-icons' !important;
    margin-right: 5px;
}

.notie-background-success {
    background-color: #00c292 !important
}

.notie-background-error {
    background-color: #f4b400 !important
}

.notie-background-warning {
    background-color: #db4437 !important
}

.notie-background-info {
    background-color: #4285f4 !important;
}

.btn {
    border: none !important;
    margin-top: 30px;
    padding: 9px 15px;
    letter-spacing: .25px;
    line-height: 20px;
    font-weight: 500;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #242424;
}

.btn-siyah {
    color: #fff;
    background-color: #222;
    border-color: transparent;
}

.btn-siyah:hover {
    color: #fff;
    background-color: #222;
    border-color: transparent;
}

.btn-siyah-outline {
    color: #222;
    border: 1px solid #222 !important;
    background-color: transparent;
}

.btn-siyah-outline:hover {
    color: #fff;
    background-color: #222;
    border: 1px solid #222 !important;
}

.btn-gri {
    color: #fff;
    background-color: #6a737b;
    border-color: transparent;
}

.btn-gri:hover {
    color: #fff;
    background-color: #6a737b;
    border-color: transparent;
}

.btn-mavi {
    color: #fff;
    background-color: #4285f4;
    border-color: transparent;
}

.btn-transparent {
    color: #222;
    background-color: transparent;
    border-color: transparent;
}

.btn-mavi-outline {
    border: 1px solid #4285f4 !important;
    background-color: transparent;
    color: #4285f4;
}

.btn-mavi-outline:hover {
    border: 1px solid #4285f4 !important;
    background-color: #4285f4;
    color: #fff;
}

.btn-mavi:hover {
    color: #fff;
    background-color: #4285f4;
    border-color: transparent;
}

.btn-yesil {
    color: #fff;
    background-color: #00c292;
    border-color: transparent;
}

.btn-yesil:hover {
    color: #fff;
    background-color: #00c292;
    border-color: transparent;
}

.btn-sari {
    color: #fff;
    background-color: #f4b400;
    border-color: transparent;
}

.btn-sari:hover {
    color: #fff;
    background-color: #f4b400;
    border-color: transparent;
}

.btn-kirmizi {
    color: #fff;
    background-color: #db4437;
    border-color: transparent;
}

.btn-kirmizi:hover {
    color: #fff;
    background-color: #db4437;
    border-color: transparent;
}

.table-yesil {
    border: 2px solid #00c292 !important;
}

.table-mavi {
    border: 2px solid #4285f4 !important;
}

.table-kirmizi {
    border: 2px solid #db4437 !important;
}

.table-sari {
    border: 2px solid #f4b400 !important;
}

.table-siyah {
    border: 2px solid #162a4c !important;
}

.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 0;
    opacity: .9;
}

.form-label.error, .form-tooltip-error {
    color: #db4437;
}

.form-control.error {
    color: #db4437;
    background: #fff;
    border-color: #db4437 !important;
}

.form-tooltip-error ul {
    list-style: none;
    padding: 10px;
    margin: 0;
    font-size: .8rem;
}

.golge {
    /*-webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
    /*-o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
    /*box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
}

.golgetable {
    /*-webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
    /*-o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
    /*box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);*/
    /* border-radius: 2px; */
    /* padding: 5px 0px 10px 0px; */
}

.golgehover:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}

header {
    background: #fff;
    padding: 5px 5px 0px 90px;
    position: fixed;
    top: 0;
    right: 0;
    left: -20px;
    border-radius: 0;
    z-index: 9;
}

.bodyarama:after {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 9;

}

header .logo, .yanmenu .header {
    display: none;
    width: 130px;
    margin-left: -15px;
    float: left;
    margin-top: 5px;
    background-size: 100%;
    margin-right: 10px;
}

header .logo img.mobil {
    display: none;

}

.yanmenu .header {
    display: block;
    position: absolute;
    height: 50px;
    z-index: 1;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 35px;
    background-position: center;
    margin: 0;
    top: 10px;
    text-align: center;
}

.yanmenu .header svg {
    width: 30px;
    margin-top: 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    cursor: pointer;
}

.yanmenu .header:hover svg {
    /*width: 35px;*/
    /* margin-top: 5px; */
}

.yanmenu .header:hover svg .st3 {
    opacity: 0.8;
}


.yanmenu .header svg .st3 {
    opacity: 0.6;
    animation: anim2 1s infinite;
    animation-direction: alternate;
}

@keyframes anim2 {
    0% {
        opacity: 1;
        fill: #ffc107;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anim3 {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}


header .logo img.masaustu {
    width: 100%;
}

header a.aramabtn {
    color: #646971;
    padding: 12px;
    display: block;
    background: #f6fafc;
    border-radius: 2px;
    line-height: 14px;
    font-size: 14px;
}

header a.aramabtn:hover {
    color: #222;
}

header .arama a.sesliara {
    right: 10px;
    top: 5px;
    position: absolute;
    font-size: 20px;
    color: #00c292;
}

header .menukutu a.ustmenu {
    /* float: right; */
    margin: 0;
}

header a.ustmenu small.menubaslik {
    font-weight: 600;
    display: inline-block;
    top: 0px;
    position: relative;
    padding-left: 22px;
    letter-spacing: -0.5px;
}

header b.ustmenu {
}

header b.ustmenu small {
    font-weight: 500;
    display: inline-block;
    top: 0px;
    position: relative;
    padding-right: 7px;
    font-size: 12px;
    cursor: pointer;
}

header .menukutu .dropdown {
    float: left;
}

a.ustmenu.kullanici small {
    display: block;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    font-size: 9px;
    /* font-weight: 500; */
}

a.ustmenu.kullanici b {
    /* background-color: #4185f3; */
    /* font-weight: bold; */
    /* padding-top: 11px; */
    /* color: #ffc106; */
    /* display: inline-block; */
    /* font-size: 20px; */
    /* border-radius: 10px; */
    /* height: 40px; */
    /* width: 35px; */
    /* text-align: center; */
    /* line-height: 18px; */
    /* box-shadow: inset 1px 1px 8px rgb(0 0 0 / 20%); */
    /* border: 2px solid #ffffff; */
}

a.ustmenu.kullanici b svg {
    width: 22px;
    height: 22px;
}

header a.ustmenu.bina b {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    /* line-height: 10px; */
    /* top: 3px; */
    position: relative;
    font-size: 12px;
}

header a.ustmenu.bina {
    background-color: #8996a0;
    max-width: 250px;
    line-height: 12px;
    float: right;
    font-size: 12px;
    text-align-last: left;
    padding: 5px 10px;
    cursor: pointer;
    min-width: 150px;
    color: #fff;
    margin-right: 5px;
}

header a.ustmenu.bina small {
    display: block;
    position: relative;
    padding-left: 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    TOP: -3px;
}

header a.ustmenu.bina i {
    font-size: 13px;
    position: relative;
    top: 0;
}

header a.ustmenu.kullanici:hover, header a.ustmenu.bina:hover {
    background-color: #4285f4;
    color: #fff;
}

header .ustmenu {
    color: #8996a0;
    display: inline-block;
    padding: 8px 10px 8px 0px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    line-height: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 32px;
    position: relative;
}

header a.ustmenu:hover {
    background-color: transparent;
    color: #162a4c;
}

header a.ustmenu i {
    font-size: 18px;
    line-height: 18px;
    top: 8px;
    display: inline-block;
    position: absolute;
}

.dropdown-menu {
    border: 0 !important;
    margin: 0;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    padding: 0;
    border-radius: 2px;
    margin-top: 6px;
    overflow: hidden;
}

.daterangepicker.dropdown-menu {
    margin-top: 5px;
}

.dropdown-item {
    font-size: 14px;
    padding: .5rem 1rem;
}

header .spesiyalmenu {
    padding: 5px;
    width: 310px;
}

header .spesiyalmenu.entegrasyon a:hover {
    /* border-color: #00c292; */
}

header .spesiyalmenu.entegrasyon a {
    border-color: rgba(0, 194, 146, 0.1);

}

header .mobilmenu {
    display: none;
}

header .spesiyalmenu.entegrasyon i {
    /* color: #00c292; */
}

header .spesiyalmenu a {
    width: 140px;
    display: inline-block;
    text-align: center;
    padding: 10px;
    color: #222;
    border: 1px solid #f6fafc;
    margin: 5px;
    border-radius: 2px;
    float: left;
}

header .spesiyalmenu a:hover {
    background: #f6fafc;
    border-color: #4283f0;
}

header .spesiyalmenu a i {
    /* display: block; */
    font-size: 24px;
    color: #4283f0;
}

header .spesiyalmenu a small {
    display: block;
    font-size: 10px;
    font-weight: bold;
    font-family: 'IBM Plex Sans', sans-serif;
}

header .dropdown {
    display: inline-block;
}


.yanmenu.Apartman {
    /* background: #4185f4; */
}

.yanmenu {
    position: fixed;
    width: 70px;
    padding: 0;
    bottom: 0;
    top: 0;
    z-index: 91;
    height: 100%;
    background: #e2273e;
    box-shadow: inset -5px 0px 20px 0 rgb(0 0 0 / 20%);
    border-right: 2px solid #f1701e;
}

.Apartman .golgever {
    background: #4185f4;
}

.Apartman a.ustmenu.kullanici b {
    /* background: #4185f4; */
}

.golgever {
    position: absolute;
    top: 0;
    width: 80px;
    height: 20px;
    background: #162a4c;
    overflow: hidden;
}

.golgever span {
    background: #fff;
    width: 10px;
    height: 30px;
    display: inline-block;
    border-radius: 10px 0px 0px 0px;
    margin-left: 70px;
    box-shadow: -5px 0px 20px 0 rgba(0, 0, 0, 0.2);
}

.golgeveralt {
    top: unset;
    bottom: 0;
    height: 30px;
}

.golgeveralt span {
    margin-top: 0;
    border-radius: 0px 0px 0px 10px;
}

/*
.yanmenu:before,.yanmenu:after{
    background-image: url("../svg/border.svg");
    background-repeat: no-repeat;
    content: '';
    position: absolute;
    background-size: 200px;
    height: 49px;
    width: 149px;
    left: 0;
    background-position: 40px -48px;
    background-color: #1bb6d0;
}
*/
.yanmenu .footer {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.yanmenu .spmenu {
    display: block;
    text-align: center;
}

.yanmenu div.kutuh {
    display: table;
    height: 100%;
    width: 100%;
}

.yanmenu div.kutu {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 2px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: calc(50% - 215px);
    z-index: 1;
}


.yanmenu a.IkonMenu {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 8px 3px;
    font-size: 12px;
    font-weight: 500;
    /* letter-spacing: .25px; */
    height: 54px;
    position: relative;
    z-index: 1;
}

.yanmenu a.IkonMenu span {
    font-size: 10px;
    font-weight: bold;
}

.yanmenu a.IkonMenu i, .yanmenu a.IkonMenu svg {
    font-size: 24px;
    display: block;
    line-height: 24px;
    opacity: .5;
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    margin: 0 auto;
    height: 24px;
    width: 24px;
}

.yanmenu a.IkonMenu:before {
    font-family: 'element-icons' !important;
    /* content: "\e792"; */
    position: absolute;
    bottom: 10px;
    right: -25px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.yanmenu a.IkonMenu.aktif:before {
    right: -7px;
    opacity: 1;
    font-size: 20px;
}

.yanmenu a.IkonMenu.aktif, .yanmenu a.IkonMenu:hover {
    color: #fff;

    /* background: rgba(255, 255, 255, 0.3) !important; */
}

.yanmenu a.IkonMenu.aktif span {
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    /* top: -4px; */
    position: relative;
}

.yanmenu a.IkonMenu.aktif i, .yanmenu a.IkonMenu.aktif svg {
    font-size: 26px;
    opacity: 1;

}

.yanmenu a.IkonMenu:hover svg {
    opacity: 1;
}

.yanmenu a.IkonMenu.aktif svg {
    height: 32px;
    opacity: 1;
    width: 32px;
}

.yanmenu a.IkonMenu .AltMenu:after {
    font-family: 'element-icons' !important;
    /*content: "\e792";*/
    font-size: 25px;
    position: absolute;
    top: calc(50% - 24px);
    left: -15px;
    opacity: 1;
    color: #162a4c;
}

.yanmenu a.IkonMenu .AltMenu.Yonetim {
    height: 135px;
    top: -34px;
}

.yanmenu a.IkonMenu .AltMenu.Yonetim.Apartman {
    height: 110px;
    top: -20.75px;
}

.yanmenu a.IkonMenu .AltMenu.Vezne {
    height: 112px;
    top: -22px;
}

.yanmenu a.IkonMenu .AltMenu.Muhasebe {
    height: 195px;
    top: -54px;
}

.yanmenu a.IkonMenu .AltMenu.Raporlama {
    height: 545px;
    top: -278px;
}

.yanmenu a.IkonMenu .AltMenu.Raporlama.Apartman {
    height: 460px;
    top: -196px;
}

.yanmenu a.IkonMenu .AltMenu.Icra {
    top: 1px;
}

.yanmenu a.IkonMenu .AltMenu.Iletisim {
    top: 1px;
}

.yanmenu a.IkonMenu .AltMenu.Iptal {
    top: -33px;
}

.yanmenu a.IkonMenu .AltMenu .AltAlt span {
    font-size: 10px;
    font-weight: bold;
    color: #142746;
}

.yanmenu a.IkonMenu .AltMenu .AltAlt {
    /* margin-left: 5px; */
}

.yanmenu a.IkonMenu .AltMenu {
    width: 150px;
    position: absolute;
    background: #f2701d;
    right: 0px;
    top: 0;
    padding: 10px;
    text-align: left;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.1s ease-out;
    z-index: -1;
    opacity: 0;
    /* display: none; */
    border-radius: 0px 6px 6px 0px;
    width: 0;
    overflow: hidden;
    padding: 0;
}

.yanmenu a.IkonMenu:hover .AltMenu {
    right: -150px;
    opacity: 1;
    z-index: -1;
    /* display: block; */
    /* transform: rotateY(0deg); */
    padding: 10px;
    width: 150px;
}

.yanmenu a.IkonMenu .AltMenu a {
    display: block;
    padding-bottom: 5px;
    color: #162a4c;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .8;
    position: relative;
}

.yanmenu a.IkonMenu .AltMenu a.router-link-active, .yanmenu a.IkonMenu .AltMenu a:hover {
    opacity: 1;
}

.yanmenu a.IkonMenu .AltMenu a.router-link-active:after, .yanmenu a.IkonMenu .AltMenu a:hover:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 3px;
    background: #162a4c;
    left: -4px;
    top: 2px;
}


.body .icerik {
    margin-top: 0;
    height: calc(100vh - 50px);
    overflow: auto;
    padding: 12px;
    overflow-x: hidden;
    padding-bottom: 0;
}

.body .icerik.hyok {
    height: inherit;
}

.body .icerikdetay {
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 2px;
    height: calc(100vh - 200px);
}

.detay {
    padding: 45px 0px 0px 70px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.spesiyalblok {
    padding-right: 0px;
}

.sayfabaslik .btn-group {
    right: 0px;
    top: -7px !important;
}

.sayfabaslik .text .el-button-group {
    top: 3px;
    position: absolute;
}

.sayfabaslik {
    background: #fff;
    border-radius: 0px;
    padding: 10px;
    z-index: 1;
    height: 40px;
    position: relative;
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: 0;
    border-bottom: 1px solid #E4E7ED;
    border-top: 1px solid #E4E7ED;
}

.sayfabaslik .ikon {
    float: left;
    display: inline-block;
    height: 32px;
    margin-right: 10px;
}

.sayfabaslik .ikon i {
}

.sayfabaslik .text {
    display: inline-block;
}

.sayfabaslik .text h1 {
    font-size: 1rem;
    margin: 0;
    color: #232323;
}

.sayfabaslik .text h2 {
    font-size: .8rem;
    margin: 0;
    line-height: .8rem;
    color: #6a737b
}

.detay .kutu {

}

#notie-confirm-outer {
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 15px;
    top: inherit !important;
    bottom: -200px;
    transition: all 0.3s ease 0s;
    display: block !important;
    width: 450px !important;
    left: 50% !important;
    margin-left: -225px !important;
}

#notie-alert-outer {
    z-index: 9999 !important;
    font-size: 1.2rem !important;
    padding: 0 !important;
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 15px;
    top: inherit !important;
    bottom: -100px !important;
    transition: all 0.3s ease 0s;
    display: block !important;
    width: 450px !important;
    left: 50% !important;
    margin-left: -225px !important;
}

#notie-alert-inner {
    width: 100%;
    display: block !important;
    padding: 10px !important;
}

#notie-alert-outer.notie-transition {
    bottom: 0 !important;
}

#notie-alert-content {
    width: 100%;
}

.notie-textbox-inner {
    padding: 10px;
}

.notie-button, .notie-element {
    font-size: 1rem
}

.form-group {
    position: relative;
}

.notie-overlay {
    z-index: 999;
}

.select2-container {
    width: 100% !important;
}

#BinaSecim {
}

#BinaSecim .modal-content {
}

#BinaSecim .modal-header {
}

#BinaSecim .modal-body {
    background-image: url(../images/illustrations/undraw_apartment_rent_o0ut.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px 40px 200px;
    text-align: center;
}

.checkbox input, .checkbox-bird input, .checkbox-detailed input, .checkbox-slide input, .checkbox-toggle input, .radio input {
    position: absolute;
    visibility: hidden;
}

input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.checkbox input + label, .radio input + label {
    z-index: 2;
    padding: 0 0 0 24px;
}

.checkbox input + label, .checkbox-bird input + label, .checkbox-detailed input + label, .checkbox-slide input + label, .checkbox-toggle input + label, .radio input + label {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    min-height: 18px;
    line-height: 18px;
    cursor: pointer;
}

.checkbox input[type=checkbox] + label:before, .radio input[type=checkbox] + label:before {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.checkbox input + label:before, .radio input + label:before {
    width: 16px;
    height: 16px;
    background: #fff;
    border: solid 1px #c5d6de;
}

.checkbox input + label:after, .checkbox input + label:before, .radio input + label:after, .radio input + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox input[type=checkbox] + label:after, .radio input[type=checkbox] + label:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-family: startui !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    position: relative;
    top: -.15em;
    position: absolute;
    text-align: center;
    top: 0;
    font-size: 11px;
    line-height: 16px;
}

.checkbox-slide input + label:after, .checkbox-slide input + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox input + label:after, .checkbox input + label:before, .radio input + label:after, .radio input + label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.checkbox-toggle input:checked + label:before {
    background-color: #00a8ff;
}

.checkbox-toggle input + label:before {
    width: 43px;
    background: #929faa;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

.checkbox-toggle input + label:after, .checkbox-toggle input + label:before {
    content: '';
    display: block;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    position: absolute;
    left: 0;
    top: -1px;
    height: 20px;
}

.checkbox-toggle input:checked + label:after {
    left: 23px;
    border-color: #00a8ff;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #e9f8ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f8ff));
    background: linear-gradient(to bottom, #fff 0, #e9f8ff 100%);
}

.checkbox-toggle input + label:after {
    width: 20px;
    border: solid 1px #929faa;
    -webkit-transition: left .4s ease;
    transition: left .4s ease;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #eef4f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eef4f7));
    background: linear-gradient(to bottom, #fff 0, #eef4f7 100%);
}

.checkbox-toggle input + label:after, .checkbox-toggle input + label:before {
    content: '';
    display: block;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    position: absolute;
    left: 0;
    top: -1px;
    height: 20px;
}

.checkbox-slide input + label:before {
    left: 0;
    top: 2px;
    width: 42px;
    height: 14px;
    -webkit-border-radius: 25rem;
    border-radius: 25rem;
    background: #929faa;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

.checkbox-slide input + label:after {
    width: 20px;
    height: 20px;
    top: -1px;
    border: solid 1px #c5d6de;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: left .4s ease;
    transition: left .4s ease;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff 0, #e4f6ff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e4f6ff));
    background: linear-gradient(to bottom, #fff 0, #e4f6ff 100%);
}

.checkbox-slide input + label {
    padding: 0 0 0 52px;
}

.checkbox-toggle input + label {
    padding: 0 0 0 52px;
}

.checkbox-slide input:checked + label:before {
    background-color: #343434;
}

.checkbox-slide input:checked + label:after {
    left: 24px;
}

.checkbox, .checkbox-bird, .checkbox-detailed, .checkbox-slide, .checkbox-toggle, .radio {
    position: relative;
    margin-bottom: .75rem;
}

.dataTables_wrapper {
    width: 100%;
}

div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    float: right;
}

div.dataTables_wrapper div.dataTables_info, .dataTables_length, .dt-buttons, .dataTables_filter {
    display: inline-block;
}

.dataTables_filter {
    float: right;
}

.dataTables_filter input {
    min-width: 250px !important;
    border-right: 0;
    border-radius: 4px 0px 0px 4px;
}

button.dt-button, div.dt-button, a.dt-button, div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled) {
    border: none !important;
    font-size: 1rem;
    line-height: 1rem;
    padding: 10px 15px;
    font-weight: 100;
    background: #f6fafc;
    margin: 0;
    float: left;
    border-radius: 0;
}

.dataTables_length {
    float: right;

}

.dataTables_length .select2 {
    min-width: 100px !important;
    border-radius: 0 !important;
}

.dataTables_length .select2-container--default .select2-selection--single {
    border-radius: 0 4px 4px 0px;
    border-left: 0;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), button.dt-button:active:not(.disabled):hover:not(.disabled), button.dt-button.active:not(.disabled):hover:not(.disabled), div.dt-button:active:not(.disabled):hover:not(.disabled), div.dt-button.active:not(.disabled):hover:not(.disabled), a.dt-button:active:not(.disabled):hover:not(.disabled), a.dt-button.active:not(.disabled):hover:not(.disabled) {
    background-color: #4285f4;
    border-color: transparent;
    background-image: none;
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1) !important;
    color: #fff;
}

.dt-buttons button:first-child {
    border-radius: 4px 0px 0px 4px;
}

.dt-buttons button:last-child {
    border-radius: 0px 4px 4px 0px;
    border-color: transparent;
}

div.dt-button-background {
    display: none !important;
}

div.dt-button-collection {
    border: none;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    background: #f1f3fb;
}

.arama {
    position: relative;
    z-index: 999;
}

.arama input:focus, .bodyarama .arama input {
    background: #fff;
}

.arama input {
    padding: 8px 75px 8px 35px;
    border-color: transparent;
    background: #f1f3f4;
}

.arama:before {
    content: "\f173";
    font-family: 'Flaticon2';
    left: 7px;
    top: 7px;
    position: absolute;
    font-size: 16px;
    color: #6a737b;
}

.aramadetay {
    display: none;
    background: #fff;
    height: 200px;
    position: absolute;
    right: 0;
    left: 0;

    border: 1px solid #00c292;
    border-radius: 0px 0px 4px 4px;
    border-top: 0;
}

.bodyarama .aramadetay {
    display: block;
    z-index: 9999;
}


.bodyarama #asistan {
    border: 1px solid #00c292 !important;
    border-bottom: 0 !important;
    border-radius: 4px 4px 0px 0px;

}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: "Nunito Sans";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.9rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 1;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #ffffff;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #ffffff;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #ffffff;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #ffffff;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.75rem 1rem;
    color: #6c7293;
    text-align: center;
    background-color: #ffffff;
    border-radius: 2px;
}

.tooltip .tooltip-inner {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.googleara {
    right: 30px;
    top: 8px;
    color: #4285f4;
    width: 20px;
    height: 20px;
    position: absolute;
}

.googleara i {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    font-size: 15px !important;
}

.aramadetay ul {
    padding: 10px;
    list-style: none;
    margin: 0;
}

.btndetay {
    padding: 10px 7px;
}

body.yukleniyor {

}

body.yukleniyor:after {

    animation: pulse 1s infinite;
    animation-direction: alternate;
    content: '';
    background-image: url("../images/logo-text.svg");
    background-position: center;
    background-size: 40px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 99992;
    background-repeat: no-repeat;
    display: none;

}

body.yukleniyor:before {
    display: none;
    content: '';
    position: fixed;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(57, 64, 75, 0.5);
}


.form-group {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.form-group .form-label {
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin: 0;
    opacity: .7;
}

.form-group .form-control {
    padding: .75rem;
    height: inherit;
    line-height: 1rem;
    margin: 0px;
}

.form-group .form-control:focus ~ .form-label, .form-group .form-control:valid ~ .form-label {
    top: -10px;
    font-size: 14px;
    background: #fff;
    left: 10px;
    opacity: 1;
    font-weight: 500;
}

.body .icerik.bos {
    background: transparent;
}

input:focus {
    box-shadow: none !important;
}

.projeler {
    background: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 30px;
}

.projeler img {
    width: 50%;
    margin-bottom: 20px;
}

.projeler h1 {
    padding: 10px;
    background: #4185f4;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 45px;
    border-radius: 2px;
    color: #fff;
    text-transform: capitalize;
}

.projeler h5 {
}

.btn-block + .btn-block {
    margin-top: 0;
}

.btn-group-sm > .btn, .btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.load {
    position: relative;
}

.load:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    cursor: progress;
    background-image: url(../images/yukleniyor.gif);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 0;
}

#AjaxTable tr {
    cursor: pointer;
}

#AjaxTable tbody tr:hover {
    background: #4285f4;
    color: #fff;
}

#AjaxTable thead tr th {
    padding: 10px;
    font-size: 14px;
}

#AjaxTable tbody tr td {
    padding: 10px;
    font-size: 14px;
}

#AjaxTable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

::selection {
    background: #db4437;
    color: #fff;
}

::-moz-selection {
    background: #db4437;
    color: #fff;
}

div.dt-button-collection a.dt-button, div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button {
    margin: 0;
}

div.dt-button-collection button.dt-button {
    background: #db4437;
    color: #fff;
}

div.dt-button-collection button.dt-button.active:not(.disabled) {
    background: #f6fafc;
    color: #162a4c;
    background-image: none;
    box-shadow: none;

}

div.dt-button-collection {
    padding: 0;
}

table .form-group {
    margin: 0;
}

.is-invalid input {
    border-color: #db4437 !important;
    padding-right: calc(1.5em + .75rem);

}

.is-invalid label {
    color: #db4437;
}

.spesiyalblok {
}

.spesiyalblok .spmenu {
    float: right;
}

header .i18n {
}

.body {
    /* margin-top: 45px; */
    overflow: hidden;
}

.toast {
    position: fixed;
}

.vgt-wrap {
    width: 100%;
}

table.vgt-table {
    border-right: 0 !important;
    border-left: 0 !important;
}

.vgt-table thead th {
    padding: .5em 1em .5em 1em !important;
}

.vgt-table th, table.vgt-table td {
    padding: .3em 1em .3em 1em !important;
}

table.vgt-table tr.clickable:hover {
    background-color: #4285f4 !important;

}

table.vgt-table tr.clickable:hover td {
    color: #fff !important;
}

.vgt-global-search {
    border: none !important;
    background: #fff !important;
    border-radius: 4px 4px 0px 0px;
    padding: 10px 5px !important;
}

.vgt-table thead th {
    background: #fff !important;

}

.vgt-wrap__footer {
    background: #fff !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 0 0 4px 4px;
}


.card {
    margin-bottom: 1.875rem;
    border: none;
    -webkit-box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    box-shadow: 0 1px 15px 1px rgba(62, 57, 107, .07);
    padding: 1rem;
    text-align: center;
    cursor: pointer;
}

.card h1 {
    color: #4284f3;
    padding: 0;
    font-weight: 100;
    font-size: 3rem;
    margin: 0;
}

.card h5 {
    margin: 0;
    color: #232323;
}

.pull-up {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}

.vgt-responsive > table > thead > tr {

}

.pull-up:hover {
    -webkit-transform: translateY(-2px) scale(1.02);
    -moz-transform: translateY(-2px) scale(1.02);
    -ms-transform: translateY(-2px) scale(1.02);
    -o-transform: translateY(-2px) scale(1.02);
    transform: translateY(-2px) scale(1.02);
    -webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
    box-shadow: 0 14px 24px rgba(62, 57, 107, .2);
    z-index: 30;
}

.modal-footer {
    display: block;
}

.dropdown-toggle span {
    margin-right: 10px;
}

.table-top {
    display: block;
    height: 38px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.table-top .AramaInput {
    width: 75%;
    float: left;
    border-color: transparent !important;
    box-shadow: none !important;
}

.table-top .btn-group {
    float: right;
}

.table-top .btn-group .btn {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;:;
}

.el-table td, .el-table th {
    padding: 5px 0 !important;
}

.el-table .hidden-columns {
    z-index: 6 !important;
    visibility: inherit !important;
    right: 0;
}

.el-table .hidden-columns .YeniBtn {
    top: 7px;
    position: relative;
    right: 0px;
}

.el-table td, .el-table th {
    font-size: 12px;
    color: #000;
}

textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
label:focus,
.btn:active,
.btn.active {
    outline: none;
}

.el-select {
    width: 100% !important;
}

label {
    margin-bottom: 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.el-dialog__headerbtn {
    display: none;
}

.body .icerikx {
    display: block;
    width: 100%;
    position: relative;
    overflow: scroll;
    background: #fff;
    margin-top: 0;
    padding: 20px;
    border-radius: 2px;
    height: calc(100vh - 105px);
}

.el-button--medium, .el-button--mini, .el-button--small, .form-control, .el-input__inner {
    border-radius: 2px !important;
    color: #000;
    font-weight: 500;
}

.ModalKapat {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #db4337 !important;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 16px;
}

.el-button-group > .el-button:not(:first-child):not(:last-child) {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.el-button-group > .el-button:last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.el-button-group > .el-button:first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.el-button-group > .el-button {
    padding: 9px;
}

.el-table .cell, .el-table th div {
    padding-right: 5px !important;
}

div.sayfahead.tek {
    border-top: 1px solid #E4E7ED;
    padding-top: 6px;
    margin-top: 0;
}

div.sayfahead.tek .YeniBtn {
    top: 3px;
}

div.sayfahead.tek .YeniBtn i {
    line-height: 7px;
}

div.sayfahead {
    position: relative;
    /* margin-bottom: 10px; */
    border-bottom: 1px solid #E4E7ED;
    margin: 0px 10px;
    margin-top: 6px;
}

div.sayfahead.sayfahead-xs {
}

div.sayfahead.sayfahead-xs h1 small {
    font-size: 14px;
    font-weight: bold;
}

div.sayfahead.sayfahead-xs button {
    padding: 5px 10px;
    top: 5px;
    right: 5px;
}

div.sayfahead h1 {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    line-height: 32px;
    margin: 0;
    top: -3px;
    position: relative;
}

.YeniBtn {
    /*div.sayfahead button*/
    position: absolute;
    right: 0;
    top: -3px;
}

.sayfahead .el-button, .YeniBtn .el-button {
    max-height: 32px;
}

.alert-info {
    color: #000;
    background-color: rgb(199, 219, 252);
    border-color: transparent;
}

.alert, .el-button {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

.ekranbos {
    width: 100%;
    height: 80vh;
    background-image: url(../images/illustrations/undraw_choose_80qg.svg);
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: center;
    text-align: center;
    padding-top: 10rem;
    font-size: 2rem;
    text-shadow: 0px 0px 10px #000;
    font-weight: bold;
    color: #fff;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: inherit !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #e2e2e2 !important;
}

.Modul {
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    color: #5d78ff;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    padding: 30px 20px 30px 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    /* height: 150px; */
    background: #f6fafc;
}

.Modul:hover {
}

.Modul:after {
    content: "\e7a1";
    font-family: 'element-icons' !important;
    position: absolute;
    font-size: 2rem;
    top: 0;
    opacity: 1;
    right: 5px;
    transition: all 0.5s ease-in-out;
    display: none;
}

.Modul:hover:after {
    opacity: 0.6;
    top: 0;
    right: -10px;
}

.Modul h4 {
    font-size: 1.5rem;
    padding-left: 0;
    transition: all 0.4s ease-in-out;
    color: #383838;
    font-weight: 500;
}

.Modul:hover h4 {
    padding-left: 10px;
    color: #007bff;
}

.Modul h5 {
    font-size: 12px;
    font-weight: 500;
    padding-left: 0;
    transition: all 0.3s ease-in-out;
    color: #383838;
}

.Modul:hover h5 {
    /* padding-left: 5px; */
    /* font-size: 15px; */
}

.Modul:hover {
    box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.05);
    border-color: #387dff;
    /* height: 200px; */
}

.Modul:hover i {
    left: 0;
    opacity: 1;
}

.Modul i {
    position: absolute;
    left: -10px;
    top: 30px;
    font-size: 30px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.el-form-item__label {
    display: block;
    width: 100%;
    text-align: left !important;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.el-form-item .el-tooltip {
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 12px;
}

.el-dialog {
    margin: 15px auto 0px !important;
}

.DestekModal .el-dialog {
    border: 5px double #1e4684;
    border-radius: 4px;
}

.table-xs {
    font-size: 14px;
}

.BorcTable {
    background: #f5f5f5 !important;
}

.BorcTable .form-control {
    padding: 5px !important;
    height: 25px !important;
}

.BorcTable thead tr:hover th, .BorcTable tr:hover td {
    background: #f5f5f5 !important;
}

.table-xs thead th {
    padding: 5px !important;
    font-weight: 600;
    font-size: 12px !important;
    color: #606166;
}

.table-xs thead th.el-table-column--selection, .table-xs tbody td.el-table-column--selection {
    padding: 0 !important;
}

.table-xs thead th, .table-xs tbody td, .table-xs tfoot td {
    padding: 5px !important;
    font-size: 12px !important;
    color: #000;
    border: none !important;
}

.table-xs thead th div, .table-xs tbody td div, .table-xs tfoot td div {
    padding: 0 !important;
}

.table > tbody > tr > td {
    vertical-align: middle;
    font-size: 14px;
}

.table.table-xs > tbody > tr > td {
    font-size: 12px;
    /* padding: 4px 5px !important; */
}

.el-dialog.is-fullscreen {
    width: 90% !important;
    height: inherit !important;
}

.TableBtn {
    padding: 3px 7px !important;
    font-size: 10px !important;
    font-weight: bold !important;
}

.m-widget.m-widget-mini {
    padding: 5px;
}

.m-widget.m-widget-buyuk {
    padding: 5px;
}

.m-widget.m-widget-bos {
    background: transparent !important;
    box-shadow: none;
    font-weight: 500;
    color: #405de6;
}

.m-widget.m-widget-bos h4 {
    font-weight: 500;
}

.m-widget.m-widget-bos h4 sup {
    font-size: 0.8rem;
}

.m-widget.m-widget-bos i {
    display: none;
}

.m-widget.m-widget-mini i {
    font-size: 25px;
    top: 10px;
}

.m-widget.m-widget-buyuk i {
    font-size: 30px;
    top: 10px;
}

.m-widget.m-widget-buyuk .m-icerik h4 {
    font-size: 1.5rem;
}

.m-widget.m-widget-buyuk .m-icerik h5 {
    font-size: 0.8rem;
}

.m-widget.m-widget-mini .m-icerik h4 {
    font-size: 1rem;
}

.m-widget.m-widget-mini .m-icerik h5 {
    font-size: 0.8rem;
}

.m-widget {
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0;
    padding: 5px 5px;
    position: relative;
    color: #fff;
    margin-bottom: 5px;
}

.m-widget-default {
    background: #fff !important;
    color: #162a4c;
}

.m-widget i {
    position: absolute;
    font-size: 24px;
    top: 10px;
    opacity: .5;
    color: #fff;
}

.m-widget .m-icerik {
    margin-left: 20px;
    text-align: right;
}

.m-widget .m-icerik h4 {
    font-size: 1.2rem;
    margin: 0;
    /* font-family: 'IBM Plex Sans', sans-serif; */
    font-weight: 500;
}

.m-widget .m-icerik h5 {
    font-size: 10px;
    margin: 0;
    font-weight: 500;
    font-family: 'IBM Plex Sans', sans-serif;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.BilgiForm {
    padding: 10px;
    border: 1px solid #eceef6;
    border-radius: 2px;
    /* box-shadow: inset 0 0 5px 1px #162a4c; */
    margin-bottom: 20px;
    position: relative;
}

.BilgiForm .YeniBtn {
    position: relative;
}

.BilgiForm h2 {
    font-size: 1rem;
    border-bottom: 1px solid #eceef7;
    padding-bottom: 10px;
    position: relative;
}

.BilgiForm h2 a {
    top: 0;
    right: 0;
}

.el-form-item {
    margin-bottom: 15px !important;
}

.el-form-item__error {
    padding-top: 10px !important;
    top: 85% !important;
    width: 100%;
    text-align: right;
}

.el-form-item__label {
    line-height: 17px !important;
    font-size: 12px !important;
    color: #162a4c;
}

.text-center .el-form-item__label {
    text-align: center !important;
}

.el-date-editor.el-input, .el-date-editor.el-input__inner {
    width: 100% !important;
}

.Upload {
    width: 100%;
    display: block;
    position: relative;
}

.Upload .el-upload {
    width: 100%;
    display: block;
}

.el-upload-list__item {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    font-family: 'Nunito Sans' !important;
}

.Notlar .el-tabs--border-card {
    border-radius: 2px;

}

.Notlar .el-tabs__content {
    /*background: url("../images/notbg.png");*/
}

.NotDetay {
    padding: 5px;
    background: #f5f7fa;
    border-radius: 2px;
    border: 1px solid #e4e7ed;
    padding-bottom: 30px;
    margin-bottom: 2px;
}

.NotDetay p {
    margin: 0;
    font-size: 12px;
}

.NotDetay small {
    font-size: 10px;
    float: left;
}

.NotDetay a {
    float: right;
    font-size: 12px;
}

.el-textarea__inner {
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

.el-cascader {
    width: 100%;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.3;
    }
}

.el-badge__content.is-fixed {
    top: 7px !important;
    right: 10px !important;
    width: 15px !important;
    opacity: 1 !important;
    font-size: 10px !important;
    line-height: 12px !important;
    height: 15px !important;
    padding: 0;
}

.internetyok:after {
    background-image: url(../../assets/images/icons/internetyok.svg);
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 150px;
    top: 0;
    right: 0;
    background-position: center;
    text-align: center;
    padding-top: 20px;
    background-color: rgba(0, 0, 0, 0.3);
    content: 'INTERNET BAGLANTINIZI KONTROL EDINIZ';
    font-weight: bold;
    font-size: 30px;
}

.gizle {
    display: none !important;
}

.FirmaButon:hover {
    background: #4185f4;
    color: #fff !important;
    border: none !important;
}

.FirmaButon {
    display: block !important;
    position: relative !important;
    margin-bottom: 10px;
    padding: 5px !important;
    border: none !important;
    /* border-radius: 2px; */
    height: 47px;
}

.FirmaButon p.FirmaButonFirma {
    display: block;
    width: 100%;
}

.FirmaButon p.FirmaButonKategori {
    float: right;
}

.FirmaButon p.FirmaButonAciklama {
}

.FirmaButon p {
    margin: 0;
    float: left;
    font-size: 12px;
}

.FirmaButon p small {
}

.Bildirimler {
    top: -3px;
}

.Bildirimler .ustmenu {
    cursor: pointer;
}

.Bildirimler .ustmenu i {
    cursor: pointer;
    font-size: 18px;
    color: #4185f4;
}

.Bildirimler .el-badge__content.is-fixed {
    right: 20px !important;
}


table input {
    width: 100% !important;
    height: 30px !important;
    padding: 2px 10px !important;
    font-size: 12px !important;
    line-height: inherit !important;
}

table .el-input__prefix {
    display: none;
}

.Tooltip .el-form-item__label {
    margin-left: 15px;
}

.Filtre {
    padding: 20px;
    background: #f6fafc;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 0px 2px rgba(0, 0, 0, .1), 0 0px 2px rgba(0, 0, 0, .1);
    /* position: fixed; */
}

.Filtre .el-collapse-item, .Filtre .el-collapse-item__wrap {
    background: transparent;
}

.Filtre .el-collapse-item__header.is-active {
    margin-bottom: 20px !important;
}

.Filtre .el-collapse-item__header, .Filtre .el-collapse-item__header.is-active {
    font-size: 20px;
    text-align: center;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 0;
    background: #f6fafc;
}

.el-table .cell {
    word-break: break-word !important;
    line-height: 14px !important;
    /* white-space: pre; */
}

.el-table__indent {
    padding: 0 !important;
}

.el-table__placeholder {
    width: 8px !important;
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    width: 20px !important;
    margin: 0 !important;
    left: -4px;
    margin-left: -3px !important;
    font-size: 10px !important;
    top: -1px;
    margin-right: -5px !important;
}

.el-table__body {
    width: 100% !important;
}

.scrollkaydir {
    height: 80vh;
    overflow-y: scroll !important;
    overflow-x: inherit !important;
}

.scrollkaydiry {
    height: 80vh;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}

.matbuu {
    display: block;
    padding: 15px;
    text-align: center;
    border-radius: 2px;
    color: #222;
    border: 1px solid #77808657;
    position: relative;
}

.matbuu.icra i.el-icon-document-copy {
    font-size: 40px;
    color: #dc3545;
}


.matbuu.icra p {
    text-align: left;
    position: relative;
    border-bottom: 1px solid rgb(22 42 76 / 50%);
}

.matbuu.icra p small {
    position: absolute;
    top: -12px;
    font-weight: bold;
    font-size: 10px;
}

.matbuu:hover {
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    background: #f6fafc;
    border-color: #4283f0;
    cursor: pointer;
}


.matbuu i.el-icon-printer {
    font-size: 40px;
    color: #4283f0;
}

.matbuu p {
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 16px;
    padding-bottom: 5px;
}

.ck-editor__editable {
    min-height: 500px;
}

ol.IndirimList p {
    margin: 0;
    color: #ff3838;
    font-weight: bold;
}

ol.IndirimList {
    display: block;
    margin: 0;
    font-size: 12px;
    background: rgba(206, 212, 218, 0.2);
    padding: 5px 10px;
    top: -1px;
    position: relative;
    border: 1px solid #ced4da;
}

ol.IndirimList li {
    margin-left: 10px;
}

ol.IndirimList small span {
}

.el-button--warning {
    color: #FFF !important;
    background-color: #FBBC05 !important;
    border-color: #FBBC05 !important;
}

.el-button--danger {
    color: #FFF !important;
    background-color: #EA4335 !important;
    border-color: #EA4335 !important;
}

.el-button--primary {
    color: #FFF !important;
    background-color: #4285F4 !important;
    border-color: #4285F4 !important;
}

.el-button--success {
    color: #FFF !important;
    background-color: #34A853 !important;
    border-color: #34A853 !important;
}

.el-button--info {
    color: #FFF !important;
    background-color: #8996a0 !important;
    border-color: #8996a0 !important;
}

.el-button--info:hover {
    color: #FFF !important;
    background-color: #162a4c !important;
    border-color: #162a4c !important;
}

.BilgiKutu {
    padding: 5px;
    /* background: #f6fafc; */
    border-radius: 2px;
    margin-bottom: 20px;
    color: #162a4c;
    border: 1px solid #E4E7ED;
}

.BilgiKutu.DigerBorclular h1 {
    background: #db4337;
}

.BilgiKutu.DigerBorclular div {
    display: block;
    font-size: 14px;
    border-bottom: 1px solid #e5e7ed;
    cursor: pointer;
    padding: 5px;
}

.BilgiKutu.DigerBorclular div:hover {
    background: rgba(219, 67, 55, 0.1);
    color: #000;
}

.BilgiKutu.DigerBorclular div:last-child {
    border-bottom: none;
}

.BilgiKutu.DigerBorclular div .Borc {
    float: right;
}

.BilgiKutu.DigerBorclular span. {
}

.BilgiKutu h1 {
    margin: 0;
    font-size: 12px;
    /* text-align: center; */
    background: #8897a0;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 5px;
    color: #ffffff;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase;
}

.BilgiKutu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.BilgiKutu ul li {
    display: block;
    padding: 2px 5px;
    margin: 0;
}

.BilgiKutu ul li:nth-child(even) {
    background-color: #ebeef5;
}


.el-timeline-item__timestamp.is-bottom {
    margin: 0 !important;
}

.el-timeline-item__node {
    background: #669cf7 !important;
}

.el-timeline-item__wrapper {
    padding-left: 20px !important;
}

.BilgiKutu ul li:last-child {
    border: none;
    margin-bottom: 0;
}

.BilgiKutu ul li i {
    font-size: 22px;
    position: absolute;
}

.BilgiKutu ul li small {
    font-weight: bold;
    opacity: .8;
    padding: 0;
    font-size: 10px;
    color: #333;
}

.BilgiKutu ul li span {
    font-size: 12px;
    line-height: 12px !important;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 0;
    display: block;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase;
    color: #000;
}

.Notlar {
    padding: 10px;
    border: 1px solid #e4e7ed;
    border-radius: 2px;
}

.table {

    border: 1px solid #ecedf6;
}

.table thead th, .table tfoot th {
    border-bottom: 1px solid #EBEEF5;
    padding: 12px 5px;
    color: #000;
    background: #eceef4;
    font-size: 12px !important;
}

.table tr th:last-child, .table tr td:last-child {
    border-right: 1px solid #EBEEF5;
}

.table td, .table th {
    border-color: #EBEEF5;
}

.table td, .table th {
    padding: 5px;
    min-width: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
    /* white-space: nowrap !important; */
}

.table tbody tr:hover,
.el-table--enable-row-hover .el-table__body tr:hover > td,
.table tbody tr:hover td,
.el-table__body tr.hover-row > td {
    background-color: #4285f4 !important;
    color: #fff !important;
}

.table tbody tr:hover i {
    color: #fff !important;
}

table tbody tr:nth-child(2n+2) {
    background: rgba(236, 237, 246, 0.5)
}

.fixed_header tbody {
    display: block;
    overflow: auto;
    height: 200px;
    width: 100%;
}

.fixed_header thead tr {
    display: block;
}


.BlokSabit {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: block;
}

.BlokSabitKutu {
    /*position: fixed;*/
}

.el-popover {
    padding: 0 !important;
    overflow: hidden !important;
}

.BildirimPopover {
}

.BildirimPopover h1 {
    background-image: url(../images/bildirim.jpg);
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    padding: 40px 0;
    color: #FFF;
    background-position: center;
    background-size: cover;
}

.BildirimPopover ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.BildirimPopover ul li {
    position: relative;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #f2f3f4;
    height: 75px;
    overflow: hidden;
    cursor: pointer;
}

.BildirimPopover ul li:last-child {
    border: none;
}

.BildirimPopover ul li i {
    position: absolute;
    left: 10px;
    font-size: 20px;
    top: 20px;
}

.BildirimPopover ul li.bilgi:hover {
    background: rgba(66, 133, 244, 0.15);
}

.BildirimPopover ul li.bilgi i {
    color: #4285f4;
}

.BildirimPopover ul li.basari:hover {
    background: rgba(0, 194, 146, 0.15);
}

.BildirimPopover ul li.basari i {
    color: #00c292;
}

.BildirimPopover ul li.uyari:hover {
    background: rgba(219, 68, 55, 0.15);
}

.BildirimPopover ul li.uyari i {
    color: #db4437;
}

.BildirimPopover ul li .bBlok {
    padding-left: 30px;
}

.BildirimPopover ul li .bBlok .bTarih {
    display: block;
    text-align: right;
    font-size: 10px;
    position: absolute;
    right: 10px;
}

.BildirimPopover ul li .bBlok .bBaslik {
    display: block;
    font-weight: bold;
}

.BildirimPopover ul li .bBlok .bIcerik {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
}

.BildirimPopover ul li a {
    position: absolute;
    right: 10px;
    top: 5px;
}


.borcliste {
    padding: 10px;
    background: #f6fafc;
    border-radius: 2px;
    margin-bottom: 0;
    color: #162a4c;
    border: 1px solid rgb(22 42 76 / 20%);
    padding-right: 5px;
    position: relative;
    overflow: hidden;
}

.borcliste h2 {
    margin: 0;
    font-size: 1.1rem;
    text-align: center;
    background: #6a737a;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 10px;
    color: #f6fafc;
}

.borcliste ul {
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: scroll;
    height: calc(100vh - 160px);
    overflow-x: hidden;
}

.borcliste.vezne ul {
    height: calc(100vh - 155px);
}

.borcliste .el-input {
    padding: 0px;
    margin-bottom: 10px;
    right: 2px !important;
}

.borcliste ul li.Aktif {
    background: #4185f4;
    border-color: transparent;
    border-radius: 2px;
    /* border: 1px solid #162a4c; */
}

.borcliste ul li.Aktif * {
    color: #fff !important;
}

.borcliste ul li {
    font-size: 12px;
    /* background: #fff; */
    border-bottom: 1px solid rgb(22 42 76 / 20%);
    border-radius: 0;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 5px;
}

.borcliste ul li:last-child {
    border: none;
}

.borcliste ul li .kisiBilgi {
}

.borcliste ul li .kisiBilgi .borcAd {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.borcliste ul li .kisiBilgi .borcBina {
    display: block;
    line-height: 12px;
}

.borcliste ul li .borcBilgi div {
    position: relative;
    font-size: 12px;
    padding-top: 10px;
    text-align: left;
    display: inline-block;
    width: 30%;
    overflow: hidden;
    line-height: 14px;
    font-weight: 600;
}

.borcliste ul li .borcBilgi {
    display: block;
    margin-top: 2px;
}


.borcliste ul li .borcBilgi div b {
    font-size: 10px;
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    right: 0;
    font-weight: 500;
}

.SecimKutu {
    padding: 10px;
    background: #f6fafc;
    border-radius: 2px;
    border: 1px solid rgb(22 42 76 / 20%);
}

.SecimKutu small {
    font-size: 12px;
}

.SecimKutu p {
    margin: 0;
    font-weight: bold;
}

.SecimKutu .Secilen {
    text-align: center;
}

.SecimKutu .Secilen p {
    font-size: 32px;
    line-height: 60px;
}

.SecimKutu .BorcBilgi {
    text-align: right;
}

.SecimKutu .BorcBilgi .Anapara {
    font-size: 14px;
    line-height: 14px;
}

.SecimKutu .BorcBilgi .Zam {
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
}

.SecimKutu .BorcBilgi .Odenecek {
    font-size: 24px;
    line-height: 18px;
    display: block;
    margin-top: 2px;
}

/*
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 3px;
  background-color: transparent;
}


::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #d5d5d5;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(65, 133, 244, 0.46);
}
*/
.text-siyah, .text-info {
    color: #222 !important;
}

.text-beyaz {
    color: #fff;
}

.text-gri {
    color: #6a737b !important;
}

.text-mavi, .text-primary {
    color: #4285f4 !important;
}

.text-yesil, .text-success {
    color: #00c292 !important;
}

.text-sari, .text-warning {
    color: #f4b400 !important;
}

.text-kirmizi, .text-danger {
    color: #db4437 !important;
}

.el-table .danger {
    background: rgba(219, 68, 55, 0.11);
}

.el-table .warning {
    background: rgba(244, 180, 0, 0.11);
}

.el-table .primary {
    background: rgba(66, 133, 244, 0.11);
}

.el-table .success {
    background: rgba(0, 194, 146, 0.11);
}


.head {
    position: relative;
    bottom: 0;
    /* padding: 30px; */
    /* margin: 10px 0; */
    /* left: 0px; */
    /* right: 0; */
    border-radius: 2px;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 165px);
    top: 0;
    border: 1px solid #e5e7ed;
    /* background: #f7f7f7; */
}

.head .headfooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
}

.head hr {
    opacity: 0.3;
    /* margin: 5px; */
}

.head .hResim {
    width: 370px;
    height: 222px;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    bottom: 0;
    background-size: 330px;
    z-index: 1;
}


.head .hBilgi {
    float: left;
    z-index: 2;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding: 20px;
}

.head .hLink {
    width: 10%;
    float: right;
}

.head .hLink a {
}

.head .hLink a i {
}

.head .hLink a small {
}

.head .hBilgi h2 {
    color: #5970dc;
    font-weight: 500;
    font-size: 1.8rem;
    /* height: 40px; */
}

.head .hBilgi p {
    margin: 0;
    /* height: 30px; */
}

.head .hBilgi .Resim {
    height: 170px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    background-position: center;
    background-size: 100%;
    margin-left: -20px;
    margin-right: -20px;
}

.head .hBilgi .Resim.yonetim {
    background-image: url("../modul/yonetim.png");

}

.head .hBilgi .Resim.vezne {
    background-image: url("../modul/vezne.png");
}

.head .hBilgi .Resim.muhasebe {
    background-image: url("../modul/muhasebe.png");

}

.head .hBilgi .Resim.raporlama {
    background-image: url("../modul/raporlama.png");

}

.head .hBilgi .Resim.icra {
    background-image: url("../modul/icra.png");
}

.head .hBilgi .Resim.iletisim {
    background-image: url("../modul/iletisim.png");
}

.head .hBilgi .Resim.iptal {
    background-image: url("../modul/iptal.png");
}

.KomisyonOlayi {
    text-align: right;
}

.KomisyonOlayi small {
}

.KomisyonOlayi small b {
    font-size: 14px;
}

.KomisyonOlayi small:last-child {
    display: block;
    font-size: 10px;
}

.makbuz {
    display: block;
    position: relative;
    font-size: 10px;
}

.makbuz .Detay {
    width: 75%;
    float: left;
    padding-right: 10px;
}

.makbuz .Bilgi {
    width: 25%;
    float: left;
}

.makbuz table tbody td, .table-xs tfoot td {
    padding: 5px !important;
}

.makbuz table > tbody > tr > td, .makbuz table > thead > tr > th, .makbuz table > tfoot > tr > th {
    vertical-align: middle;
    font-size: 10px;
    padding: 2px !important;
}

.el-drawer__header {
    display: none !important;
}

.footer {
}

.footer .aiBotLabel {
    position: fixed;
    z-index: 99999;
    right: 10px;
    bottom: 0;
    width: 80px;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.footer .aiBotLabel.aktif .before {
    display: none
}

.footer .aiBotLabel.aktif {
    bottom: 30px;
    height: 130px;
}

.footer .aiBotLabel:after {
    content: '';
    background-image: url("../cizim/aiBot.svg");
    background-size: 25px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: right -3px;
    background-repeat: no-repeat;
}

.footer .aiBotLabel:hover:after, .footer .aiBotLabel.aktif:after {
    background-position: 0 0;
    background-size: 100%;
}

.footer .aiBotLabel:hover:after {

    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}

.footer .aiBotLabel:hover {
    height: 130px;
}

.footer .aiBotLabel .before {
    -webkit-transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    transition: all 0.3s cubic-bezier(0.78, 0.06, 1, 0.33);
    position: absolute;
    right: 30px;
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    font-size: 14px;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
}

.footer .aiBotLabel:hover .before {
    width: 150px;
    height: 130px;
    opacity: 1;
    right: 50px;
    bottom: 10px;

}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-6px);
    }
    60% {
        -webkit-transform: translateY(-3px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-6px);
    }
    60% {
        -moz-transform: translateY(-3px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }
    40% {
        -o-transform: translateY(-6px);
    }
    60% {
        -o-transform: translateY(-3px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-6px);
    }
    60% {
        transform: translateY(-3px);
    }
}

.aimodal form {
    padding: 15px;
    overflow: scroll;
    height: calc(100vh - 90px);
    overflow-x: hidden;
    padding-bottom: 50px;
}

.aimodal h2 {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
    text-align: center;
    padding: 20px;
}

.aimodal .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
}

.aiBot {
    position: fixed;
    width: 350px;
    right: 60px;
    bottom: 60px;
    height: 80vh;
    background: #fff;
    z-index: 999;
    border-radius: 10px;
    padding: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 3px 4px 16px 11px, rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(40, 172, 232, 0.5) 0px 2px 0px 0px inset;
    overflow: hidden;
    display: none;
}

.aiBot.aktif {
    display: block;
}

.aiBot form {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.aiBot form input {
    border: none;
    border-top: 1px solid #ddd !important;
    border-radius: 0 !important;
    padding: 10px;
    height: 50px;
}

.aiBot .aiBotHeader {
    padding: 20px;
    background: linear-gradient(135deg, rgb(117, 224, 205) 0%, rgb(168, 237, 176) 100%);
    color: #000;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100px;
    line-height: 1;
}

.aiBot .aiBotHeader b {
    font-size: 20px;
    font-weight: 500;
    display: block;
}

.aiBot .aiBotHeader p {
    margin: 0;
}

.aiBot .aiBotChat {
    margin-top: 100px;
    height: 375px;
    vertical-align: bottom;
    overflow: auto;
}

.aiBot .aiBotChat div {
    margin: 10px;
    display: block;
    position: relative;
}

.aiBot .aiBotChat div.bot {
    margin-left: 40px;
}

.aiBot .aiBotChat div.bot:after {
    content: '';
    background-image: url("../cizim/aiBotavatar.svg");
    background-size: 100%;
    height: 24px;
    width: 24px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -30px;
}

.aiBot .aiBotChat div.user {
    text-align: right;
}

.aiBot .aiBotChat div span {
    /* margin: 5px; */
    display: inline-block;
    padding: 5px;
    background: #45cba1;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}

.aiBot .aiBotChat div span p {
    margin: 0;
}

.aiBot .aiBotChat div.aiBotLink {
    margin: 0 !important;
    margin-left: -30px !important;
    position: relative !important;
    font-size: 12px;
}

.aiBot .aiBotChat div.aiBotLink a {
    display: inline-block;
    border: 1px solid #e1e1e1;
    margin: 3px;
    padding: 3px 6px;
}

.aiBot .aiBotChat div.aiBotLink a:hover {
    background: #e1e1e1;
}

.aiBot iframe {
    margin-top: 10px;
    width: calc(100% + 30px);
    margin-left: -30px;
    height: 190px;
}


.aiBot iframe.VueFrame {
    margin: 0;
    height: 500px;
    width: 100%;
}

.aiBot .aiBotLink a:hover {
}

.aiBot a.aiBotVideo {
}

.aiBot .aiBotChat div.user span {
    background: #4185f4;
}

.aiBot .aiBotChat div small {
    display: block;
}

.aiBotLink a {
}

.aiBot a.aiBotKapat {
    background: #f2f3f4;
    position: absolute;
    right: 5px;
    top: 5px;
    color: red;
    z-index: 1;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
}

.table-nohover tbody tr:hover, .table.table-nohover tbody tr:hover td, .table-nohover tr:hover td, .table-nohover tr td:hover, .table.table-nohover tbody tr:hover i {
    background: inherit !important;
    color: inherit !important;
}

.SmsBilgi {
    text-align: center;
    background: #00c292;
    border-radius: 2px;
    padding: 12px;
}

.SmsBilgi h1 {
    color: #fff;
}

.SmsBilgi h2 {
    font-size: 14px;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.SmsBilgi small {
    display: block;
}

.alertbutton {
    position: absolute;
    right: 4px;
    top: 4px;
}

.el-dialog__body {
    word-break: inherit !important;
}

.m-widget.ins1 {
    background-color: #677681;
}

.m-widget.ins2 {
    background-color: #5E6B75;
}

.m-widget.ins3 {
    background-color: #55606A;
}

.m-widget.ins4 {
    background-color: #4B565E;
}

.m-widget.ins5 {
    background-color: #424B52;
}

.m-widget.ins6 {
    background-color: #384046;
}

.m-widget.ins7 {
    background-color: #2F363B;
}

.m-widget.ins8 {
    background-color: #262B2F;
}

.m-widget.ins9 {
    background-color: #1C2023;
}

.m-widget.ins10 {
    background-color: #131517;
}

.el-tabs--border-card {
    box-shadow: none !important;
}

.tabs-center .el-tabs__nav {
    width: 100%;
    text-align: center;
}

.m-kart {
    background: #FFF;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
}

.m-kart h1 {
    background-color: #F5F7FA;
    border-bottom: 1px solid #E4E7ED;
    margin: 0;
    font-size: 14px;
    padding: 10px;
    color: #162a4c;
    font-weight: 500;
    line-height: 19px;
    height: 40px;
}

.el-tabs--border-card {
    border-radius: 2px !important;
    border: 1px solid #e4e7ed !important;
}

.table thead tr th, .table tfoot tr th {
    font-size: 12px;
    padding: 5px;
}

table thead th {
    background: #EBEEF5 !important;
}

.table tbody tr td {
    font-size: 12px;
    padding: 5px;
}

.borderyok {
    border: none !important;
}

.tab-p0.el-tabs--border-card > .el-tabs__content {
    padding: 0;
}

.el-table .cell {
    padding-right: 5px;
}

.el-table .cell button {
    margin: 0;
    padding: 0;
}

.el-checkbox__inner {
    margin-left: 10px !important;
}

.tBorcBilgi {
}

.tBorcBilgi .BorcKutu {
    width: 20%;
    display: inline-block;
    float: right;
}

.v-loading {
}

table.kasatable tbody {
    border-top: none !important;
}

table.kasatable tr.alttable td:first-child {
    padding-left: 20px;
}

table.kasatable tr.alttable td {
    padding: 2px 05px;
}

.alttable table tbody tr:nth-child(2n+2) {
    background: white !important;
}

.el-table__row--level-1 td {
    background: rgba(236, 237, 246, 0.5) !important;
}


.firsatkutu {
    -webkit-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    -o-box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
    cursor: pointer;
}

.firsatkutu .img {
    height: 240px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px 2px 0px 0px;
    min-width: 240px;
}

.firsatkutu img {
    width: 100%;
    padding: 5px;
    background: #db4337;
}

.firsatkutu .firsatdetay {
    padding: 10px;
    background: #e5e7ed;
    border-radius: 0px 0px 2px 2px;
}

.firsatkutu .firsatdetay h3 {
    font-size: 12px;
    text-align: center;
    background: #db4337;
    color: #fff;
    padding: 5px;
    margin: 0;
    border-radius: 2px;
    margin-top: 10px;
    display: block;
}

.firsatkutu .firsatdetay h5 {
    font-size: 14px;
    font-weight: bold;
    color: #4185f4;
}


.firsatkutu .firsatdetay h6 {
    font-size: 12px;
    color: #3e3e3e;
    height: 60px;
}

.firsatkutu .firsatdetay .firsatgun {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.modalfirsatkutu {
    cursor: unset;
    box-shadow: unset;
}

.modalfirsatkutu .img {
    height: 240px;
}

.modalfirsatkutu .firsatdetay {
    background: #fff;
}

.el-tabs__header {
    margin: 0 0 10px;
}

.aiPanelDes .el-tabs__header {
    margin: 0;
}

.ustmenu.firsatlar {
    border-radius: 0;
    top: 0px;
    position: relative;
}

.ustmenu.firsatlar i {
    font-size: 18px;
}

body.arama:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999;
    display: block;
}

.SpotlightKutu {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 2004;
}

.SpotlightKutu .input {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 30px;
}

.SpotlightKutu .input span i {
    line-height: 35px;
}

.SpotlightKutu .input .el-icon-close, .SpotlightKutu .input .el-icon-loading {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #db4c43;
}

.SpotlightKutu .input .el-icon-loading {
    color: #4185f4;
}

.SpotlightKutu .input input {
    border-color: transparent;
    background: #f1f3f4;
    height: 35px;
}

.SpotlightKutu .aramasonuc {
    position: absolute;
    background: #f2f3f4;
    width: 100%;
    padding: 0;
}

.SpotlightKutu .aramasonuc ul {
    padding: 0;
    list-style: none;
    margin: 0;
    max-height: 300px;
    overflow-y: scroll;
}

.SpotlightKutu .aramasonuc ul li {
    border-bottom: 1px solid #e5e7ed;
    cursor: pointer;
    padding: 5px;
    height: 45px;
}

.SpotlightKutu .aramasonuc ul li:hover {
    background: #fff;
}

.SpotlightKutu .aramasonuc ul li:last-child {
    border-bottom: none;
}

.SpotlightKutu .aramasonuc .aramasonucbilgi {
    width: 70%;
    display: inline-block;
    float: left;
}

.SpotlightKutu .aramasonuc .aramasonucbilgi h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

.SpotlightKutu .aramasonuc .aramasonucbilgi h3 {
    font-size: 10px;
    /* width: 200px; */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SpotlightKutu .aramasonuctutar {
    width: 20%;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    float: right;
}

.SpotlightKutu .aramasonuctutar .aramaodenecek {
    color: #00c391;
}

.SpotlightKutu .aramasonuctutar .aramazam {
    font-size: 10px;
    color: #da4c42;
}

.SpotlightKutu .aramasonuclink {
    width: 24px;
    float: right;
    text-align: right;
    margin-right: 5px;
}

.SpotlightKutu .aramasonuclink a i {
    font-size: 16px;
    line-height: 10px;
    display: inline-block;
    /* top: -4px; */
    position: relative;
}

.SpotlightKutu .aramasonuclink a {
    height: 18px;
    overflow: hidden;
    display: inline-block;
    float: right;
    color: #757d84;
}

.SpotlightKutu .aramasonuclink a.aramakisi {
}

.table-xs tr button {
    background: transparent !important;
    border: none !important;
    padding: 0;
    padding-left: 10px;
    color: #000 !important;
}

.table-xs tr th:hover button {
    color: #409EFF !important;
}

.table-xs tr button.el-button--primary {
    color: #409EFF !important;
}

.table-xs tr button.el-button--danger {
    color: #F56C6C !important;
}

.table-xs tr:hover button {
    color: #fff !important;
}

.borcmodalbuton {
    position: absolute;
    top: 15px;
    right: 60px;
}

.raporbloksabitle {
}

.el-table__footer-wrapper tbody td {
    background: #eceef6 !important;
}

.el-table .el-table__footer-wrapper .cell {
    font-size: 12px !important;
    font-weight: bold;
    color: #000000;
}

.el-table--enable-row-hover .el-table__body tr:hover > td * {
    color: #fff !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td .el-input * {
    color: #000000 !important;
}


.DestekModal .DestekModalMenu {
    height: 140px;
    text-align: center;
}

.DestekModal .DestekModalMenu a.Destek {
    width: 70%;
    border: 1px solid #00c292;
    color: #00c292;
}

.DestekModal .DestekModalMenu a {
    display: inline-block;
    width: 25%;
    text-align: center;
    float: left;
    color: #162a4c;
    padding: 5px;
    border-radius: 5px;
    margin: 15px 5px;
}

.DestekModal .DestekModalMenu a.Destek i {
    font-size: 30px;
    color: #00c292;
}

.DestekModal .DestekModalMenu a i {
    font-size: 30px;
    color: #162a4c;
}

.DestekModal .DestekModalMenu a span {
    display: block;
    margin-bottom: 10px
}

.DestekModal .DestekModalMenu a sup {
    display: block
}

.DestekModal .DestekModalMenu a small {
    display: block
}

.DestekModal .DestekModalMenu a:hover {
    background: #007bff;
    color: #fff !important;
}

.DestekModal .DestekModalMenu a:hover * {
    color: #fff !important;
}

.DestekModal .aciklama {
}

.m-widget.border-0 {
    border-radius: 0 !important;
}

.table-bilanco.table td, .table-bilanco.table th {
    padding: 5px;
    font-size: 10px;
}

.table > tbody > tr.tr-xs {
    font-size: 11px !important;
    padding: 0 !important;
}

.table > tbody > tr.tr-xs > td:first-child {
    padding-left: 15px !important;
}

.table > tbody > tr.tr-xs > td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    color: #162a4c !important;
    background-color: #fff !important;
    opacity: .7 !important;
}

.table tbody + tbody {
    border-top: 1px solid #dee2e6;
}

table.table-bilanco tbody tr:nth-child(2n+2) {
    background: #fff !important;
}

table .el-button-group > .el-button {
    padding: 5px 10px !important;
    font-size: 10px !important;
}

.aiPanelDes {
    padding: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
    min-height: calc(100vh - 250px);
    border: 1px solid #dcdfe6;
    position: relative;
    overflow: hidden;
}

.aiPanelDes .aiPanelHead {
    padding: 10px;
}

.aiPanelDes .el-tabs {
    padding: 10px;
    padding-top: 0;
}

.aiPanelDes .aiPanelHead svg {
    float: left;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.aiPanelDes .aiPanelHead h1 {
    text-align: right;
    color: #f1701e;
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.aiPanelDes .el-tabs__nav-wrap::after, .aiPanelDes .el-tabs__active-bar {
    display: none;
}

.aiPanelDes .el-tabs__item.is-active {
    color: #405de6;
}

.aiPanelDes .el-tabs__item {
    color: #8ea2ff;
}

.aiTodo {
    position: relative;
}

.aiTodo input {
    padding-right: 60px;
}

.aiTodo .aiSabit {
    position: absolute;
    right: 0;
    z-index: 1;
    padding: 8px;
}

.aiTodo .aiSabit .aiTl {
    margin-right: 5px;
}

.aiTodo .aiSabit .aiTl i {
    color: #f4b400;
}

.aiTodo .aiSabit .aiTr i {
    color: #4285f4;
}

ul.aiList {
    padding: 0;
    list-style: none;
    height: calc(100vh - 410px);
    overflow: scroll;
    overflow-x: hidden;
}

ul.aiList li {
    padding: 5px;
    background: #fff;
    margin: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #dcdfe6;
    border-radius: 0;
    border-top: none;
}

ul.aiList .aiListBody {
}

ul.aiList a.aiListSil {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 5px;
    color: #db4337;
    border-radius: 0px 0px 0px 3px;
    font-size: 12px;
}

ul.aiList .aiListBody h5 {
    font-size: 12px;
    font-weight: 500;
    padding-right: 20px;
}

ul.aiList .aiListBody h6 {
    display: block;
    position: relative;
    height: 11px;
    margin: 0;
    font-size: 12px;
}

ul.aiList .aiListBody h6 small.aiListKullanici {
    float: left;
}

ul.aiList .aiListBody h6 small.aiListTarih {
    float: right;
}

ul.aiList .aiListBody h6 small.aiListtTarih {
    float: right;
    font-weight: bold;
    margin-left: 10px;
}

.yazdirtable {
    display: none;
}

.EgitimVideolari {
    position: fixed;
    right: 15px;
    bottom: 5px;
}

.EgitimVideolari .YoutubeLink {
    width: 30px;
    cursor: pointer;
}

.YoutubeList {
    position: fixed;
    right: 20px;
    bottom: 40px;
    background-color: #fff;
}

.YoutubeList iframe {
    margin: 10px;
    width: calc(100%);
    height: 190px;
}

a.EgitimVideo {
    display: block;
    width: 100%;
    padding: 5px;
    color: #f61e0e;
    text-align: center;
    border-radius: 3px;
    border: 2px solid;
    margin-bottom: 10px;
}

a.EgitimVideo img {
}

a.EgitimVideo span {
}

.yazdirbody {
    display: none;
}

.KFatura .sign {
    position: absolute;
    font-size: 70px;
    color: #fafafa;
    z-index: 1;
    width: 100%;
    text-align: center;
    bottom: 25px;
}

.KFatura {
    height: 720px;
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 0;
}

.KFatura .KHeaderBilgi, .KFatura .KHeaderTutar {
    display: block;
    text-align: center;
    margin-top: 10px;
    border: 0px solid #162a4c;
}

.KFatura .KHeaderBilgi h5 {
    margin-top: 10px;
    font-size: 14px;
}

.KFatura .KHeaderBilgi h6 {
    margin: 0;
    margin-bottom: 10px;
    color: #000000;
    font-size: 12px;
}

.KFatura h5 {
    margin: 3px 0;
    font-size: 10px;
}

.KFatura.lazer {
    width: 72mm;
}

.KFatura.aski {
    padding: 20px;
}

.KFatura .KHeaderTutar {
    margin: 0;
    border-top: 0px;
    padding: 1px;
    border: 2px double #000;
}

.KHeaderTutar .h5 {
    margin: 5px;
    text-align: left;
    line-height: 15px;
}

.KHeaderTutar .h6 {
    margin: 5px;
    text-align: right;
    line-height: 15px;
}

.KHeaderTutar .h6 b {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #000 !important;
}

.KHeaderTutar .h5 b, .KHeaderTutar .h6 b {
    border-top: 0px;
    font-size: 20px;
}

.KHeaderTutar .h5 small, .KHeaderTutar .h6 small {
    display: block;
    font-size: 8px;
    font-weight: bold;
}

.KFaturaIc .table.table-xs > tbody > tr > td.bold {
    font-weight: bold;
}

.KFaturaIc .table.table-xs > tbody > tr > td {
    padding: 2px 2px !important;
    font-weight: 400;
    font-size: 8px !important;
    border: 0.5px solid #000 !important;
}

.KFaturaIc .table.table-xs > thead > tr > th {
    font-size: 8px !important;
    border: 0.5px solid #000 !important;
    padding: 2px !important;
}

.KFaturaIc .table.table-xs {
    margin-top: 5px;
    margin-bottom: 0;
}

.KFaturaIc small.text-danger {
    font-size: 6px;
    line-height: 11px;
    display: block;
    text-align: center;
    max-height: 20px;
    overflow: hidden;
}

.KHeader {
    height: 60px;
    /* margin-top: 10px; */
}

.KHeader img {
    max-height: 60px;
    width: initial;
    max-width: 150px;
}

.KFatura small.text-info {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 6px;
    padding: 5px;
    border-top: 1px solid;
    width: 100%;
}

.KHeader svg#katman_1 {
    width: 90%;
}

.aski .KHeader svg#katman_1 {
    width: 70%;
}

.MeskenDokum {
    /*display: none;*/
}

.bgLogo {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 100px;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: -1;
    opacity: 0.2;
}

.yazdirtable h1 {
    text-align: center;
    font-size: 14px;
    border: 2px double #000;
    margin-bottom: 10px;
    padding: 5px;
}

.yazdirtable table tr td, table.yazdirtable tr th {
    font-size: 10px !important;
    padding: 2px 5px !important;
}

.yazdirtable table tfoot td {
    font-weight: bold;
}

ul.aiList li:nth-child(2n+2) {
    background: rgba(236, 237, 246, 0.5);
}

.el-input, .el-date-editor .el-range-input, .el-date-editor .el-range-separator, button, input, textarea {
    font-size: 12px !important;
    font-weight: 500;
}

.el-tabs__item {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.el-tabs__nav-next, .el-tabs__nav-prev {
    line-height: 34px;
}

.el-button i, .el-button i:before {
    /* line-height: 7px !important; */
    /* position: absolute; */
    /* left: 5px; */
    /* top: 7px; */
}

.el-cascader-panel {
    font-size: 12px;
}

.ProEkran.aiPanelDes .aiPanelHead {
    padding: 0;
}

.ProEkran.aiPanelDes .aiPanelHead p {
    color: #162a4c;
    text-align: left;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    margin: 0;
}

.ProEkran.aiPanelDes .aiPanelHead .el-date-editor {
    float: right;
    width: 260px !important;
    margin: 3px;
    border: none;
}

.HesaplamaKutu {
    padding: 10px;
    text-align: left;
}

.HesaplamaTarihi {
    float: right;
    font-weight: bold;
    background: #42a0ff;
    color: #ffffff;
    padding: 3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 3px;
}

.deftergelirkismi {
    color: blue;
}

.deftergiderkismi {
    color: red;
}


.el-button, button {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    color: #162a4c;
}

.tx-IBM {
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.el-carousel__container {
    position: relative;
    height: 200px;
}

header .menukutu a.ustmenu svg {
}

.el-popover {
    text-align: left;
    word-break: unset;
}

.headsolmenu {
    float: left;
}

.tableibtn {
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    padding: 0 3px;
}

.yanmodalfooter {
}

.PanelGrafikBar {
    height: 200px;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    top: -5px;
    position: relative;
}

.el-calendar__header {
    padding: 0;
    text-align: center;
}

.el-calendar__header .el-calendar__title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #162a4c;
    /* display: block; */
    /* text-align: center; */
    /* position: relative; */
    /* width: 100%; */
    /* background: #162a4c; */
    /* padding: 5px; */
    font-family: 'IBM Plex Sans', sans-serif;
}

.el-calendar__header .el-button-group > .el-button {
    padding: 0 5px;
    border: none;
    font-size: 8px !important;
}

.el-calendar__header .el-button-group > .el-button:hover {
    background: #fff;
}

.el-calendar__body {
    padding: 0;
    height: 200px;
    text-align: center;
}

.el-calendar-table thead th {
    padding: 3px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    background: #8996a0 !important;
    line-height: 10px;
}

.el-calendar-table .el-calendar-day {
    height: 24px;
    position: relative;
    font-size: 12px;
    padding: 0;
}

.el-calendar-table .el-calendar-day p {
    padding: 4px;
    margin: 0;
    display: block;
    position: relative;
    height: 24px;
}

.el-calendar-table td {
    border: none !important;
}

.el-calendar-table td.is-selected {
    color: #db4337;
}

.m-widget-yeni {
    background: transparent !important;
    color: #333;
    box-shadow: none;
    padding: 0 !important;
}

.m-widget-yeni.m-widget .m-icerik h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    color: #8996a0;
}

.m-widget-yeni.m-widget .m-icerik h4 {
    /* font-size: 1.8rem; */
    color: #162a4c;
}

.m-widget-yeni.m-widget .m-icerik {
    text-align: left;
    margin-left: 34px;
    margin-bottom: 5px;
    /* height: 60px; */
}

.m-widget-yeni.m-widget i {
    color: #fff;
    top: 5px;
}

.m-widget-yeni.m-widget.ins1 i {
    color: #677681;
}

.m-widget-yeni.m-widget.ins2 i {
    color: #5E6B75;
}

.m-widget-yeni.m-widget.ins3 i {
    color: #55606A;
}

.m-widget-yeni.m-widget.ins4 i {
    color: #4B565E;
}

.m-widget-yeni.m-widget.ins5 i {
    color: #424B52;
}

.m-widget-yeni.m-widget.ins6 i {
    color: #384046;
}

.m-widget-yeni.m-widget.ins7 i {
    color: #2F363B;
}

.m-widget-yeni.m-widget.ins8 i {
    color: #262B2F;
}

.m-widget-yeni.m-widget.ins9 i {
    color: #1C2023;
}

.m-widget-yeni.m-widget.ins10 i {
    color: #131517;
}

.DestekSayfa {
}

.DestekSayfa h5.Baslik {
    background: #8996a0;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    padding: 9px 15px;
    display: block;
    margin-bottom: 10px;
    font-family: 'IBM Plex Sans', sans-serif;
    text-transform: uppercase;
}

.apexcharts-xaxis-label {
    /*transform: none !important;*/
}

.el-select__tags-text {
    max-width: 30px;
    display: inline-block;
    float: left;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.el-select-dropdown__item span {
    display: inline-block;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.HavaDurumu {
    display: block;
    height: 25px;
    overflow: hidden;
    border: 1px solid #dcdfe6;
    border-radius: 3px;
    padding: 4px;
    position: relative;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-align: left;
    background: #8996a0;
}

.HavaDurumu img {
    width: 32px;
    float: left;
    top: -8px;
    position: relative;
    left: -7px;
}

.HavaDurumu .description {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    top: -4px;
    position: relative;
    max-width: 65px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    left: -5px;
    color: #fff;
}

.HavaDurumu .temp {
    float: right;
    top: -5px;
    position: relative;
    color: #fff;
}

.HavaDurumu .feels_like {
    float: right;

}

.v-idle {
    display: none !important;
}

.BinaAnalizModal .el-progress-bar__innerText {
    display: none;
}

.ql-editor {
    font-family: 'IBM Plex Sans', sans-serif;
}

.ustmenu .badgeitem {
    top: 14px !important;
    left: 0;
    position: absolute;
    z-index: 2;
}

.ustmenu .badgeitem sup {
    width: 18px !important;
    height: 18px !important;
    line-height: 15px !important;
    border: 1px solid #8a97a1;
    padding: 0 !important;
}

.IletisimPage .el-button-group > .el-button.el-button--mini {
    padding: 5px 8px;
}

.IletisimPage .el-button-group > .el-button.el-button--mini span {
    font-size: 10px !important;
}

.carsiicon {
    width: 80%;
}

.BilgiKutu.DigerBorclular div .AdSoyad {
    width: 60%;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}