@import "font.css";
@import "color.css";

html, body {
    height: 100%;
    background: #ffffff;
}

textarea:focus, input:focus {
    outline: none;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

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

.w50 {
    width: 50%;
    display: inline-block;
    float: left;
}

.el-button--success {
    color: #FFF;
    background-color: #34a853;
    border-color: #34a853;
}

.el-button--warning {
    color: #FFF;
    background-color: #fbbc05;
    border-color: #fbbc05;
}

.el-button--primary {
    color: #FFF;
    background-color: #4285f4;
    border-color: #4285f4;
}

.el-button--info {
    color: #FFF;
    background-color: #52565e;
    border-color: #52565e;
}

.el-button--danger {
    color: #FFF;
    background-color: #ea4335;
    border-color: #ea4335;
}

.text-white {
    color: #ffffff;
}

.text-danger {
    color: #ea4335 !important;
}

.text-warning {
    color: #fbbc05;
}

.text-success {
    color: #34a853 !important;
}

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

.text-left {
    text-align: left;
    display: inline-block;
}

.float-left {
    float: left;
}

.renk1 {
    color: #ff6a00 !important;
}

.renk2 {
    color: #146eb4 !important;
}

.renk1bg {
    background-color: #ff6a00 !important;
}

.renk2bg {
    background-color: #146eb4 !important;
}

.tx-white {
    color: white;
}

.tx-danger {
    color: #909399;
}

.float-right {
    float: right;
}

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-10 {
    margin-left: 10px;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.el-divider__text {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}

.tx-IBM {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.tx-IBM-Bold {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.tx-DM {
    font-family: 'DM Serif Display', sans-serif;
    font-weight: 500;
}

a {
    text-decoration: none;
    color: #2c2f33;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer;
}

.fc .fc-daygrid-day-top {
    display: inline-block !important;
    float: right;
    font-weight: bold;
    color: #9aa4b2;
}

.fc .fc-daygrid-day-number {
    color: #9aa4b2;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.el-form--label-top .el-form-item__label {
    line-height: 12px;
    margin-bottom: 0;
    font-size: 12px;
    padding: 0 !important;
}

body {
    font-weight: 500 !important;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #2c2f33;
    background: #ffffff;
}

.el-dialog {
    margin-top: 40px !important;
    border-radius: 6px;
    overflow: hidden;
}

input, .el-picker-panel__shortcut {
    font-weight: 500 !important;
}

.el-dialog__title {
    font-family: 'DM Serif Display';
    font-weight: 500;
    /* text-transform: uppercase; */
    font-size: 20px;
    line-height: 26px;
}

.el-input__inner {
    font-weight: 500 !important;
}

.el-input__inner:hover, .el-select .el-input.is-focus .el-input__inner, .el-select:hover .el-input__inner, .el-input.is-active .el-input__inner, .el-input__inner:focus, .el-select .el-input__inner:focus {
    border-color: #dcdfe6;
}

.el-button {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

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

.GirisEkran {
    /* position: absolute; */
    width: 100%;
    height: 100vh;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
}

.GirisEkran h1 {
    text-align: center;
    font-weight: 500;
    /* font-family: 'IBM Plex Sans', sans-serif; */
    /* text-transform: uppercase; */
    font-size: 30px;
    margin-top: 30px;
}

.GirisEkran .GirisForm {
    display: block;
    height: 100%;
    justify-content: center !important;
    display: flex;
    flex-wrap: wrap;
}

.GirisEkran .GirisForm .GirisKutu {
    width: 350px;
    /* margin: 0 auto; */
    /* justify-content: flex-end; */
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* flex-direction: column; */
    /* align-items: flex-start; */
    height: auto;
    align-self: center !important;
}

.GirisEkran .GirisForm div.img {
    text-align: center;
    margin-bottom: 50px;
}

.GirisEkran .GirisForm div.img img {
    width: 70%;
}

.GirisEkran .GirisForm .GirisKutu a.KullanmayaBasla {
    display: block;
    text-align: center;
    margin-top: 10px;
    color: #000;
}

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

.GirisEkran .el-carousel__container {
    padding-top: 100%;
    height: 0;
}

.GirisEkran .el-carousel__container img {
    height: 100%;
}

.GirisEkran .el-carousel__container h3 {
    position: absolute;
    bottom: 10%;
    width: 100%;
    text-align: center;
    right: 0;
    color: #fff;
    font-size: 34px;
}

.GirisEkran .el-carousel__indicators--outside {
    position: absolute;
    width: 100%;
    right: 0;
    text-align: center;
    left: 0;
}

.GirisKutu .Logo span.dot {
    color: #f96a02;
    position: absolute;
    right: 100px;
    top: -4px;
    line-height: 0;
    display: inline-block;
    z-index: 1;
    animation: pulse 2s infinite;
}

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

.GirisKutu .Logo sup {
    position: absolute;
    font-size: 22px;
    font-weight: 500 !important;
    top: -10px;
}

.GirisKutu .Logo {
    text-align: center;
    padding: 10px;
    display: block;
    position: relative;
    background: url(https://cdn.muhasip.app/muhasip-web.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    height: 50px;
    background-position: center;
}

.GirisKutu .Logo span {
    font-family: 'DM Serif Display', sans-serif;
    color: #47535b;
    font-size: 56px;
    position: relative;
    display: block;
    line-height: 34px;
}

.GirisKutu .Logo small {
    font-family: 'IBM Plex Sans', sans-serif;
    display: block;
    font-size: 16px;
    color: #47535b;
    line-height: 29px;
}

.YanMenu {
    background: #e9f1fc;
    position: fixed;
    height: 100%;
    width: 170px;
    text-align: center;
    z-index: 2;
    top: 0;
    /* box-shadow: inset 0 0 5px 0 rgb(0 0 0 / 50%); */
    overflow: hidden;
    transition: width ease 100ms;
    border-right: 1px solid #e6eaef !important;
}

.ModullerKutu {
}

.PanelBody .YanMenu, .PanelBody .Footerx {
    border: 0 !important;
}

.Badge {
    background: #e2626b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e2626b);
    position: absolute !important;
    right: 3px;
    top: 3px !important;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    font-weight: bold;
    width: 12px;
    height: 12px !important;
    text-align: center;
    font-size: 10px !important;
    z-index: 2;
}

.YanMenu .YanKutu {
    height: calc(100% - 200px) !important;
    overflow: auto;
    display: block;
    width: 100%;
}

.YanMenu .Menu {
    margin-bottom: 5px;
    margin-left: 10px;
    position: relative;
    text-align: left;
    margin-right: 10px;
}

.YanKutu .Menu b.Ikon {
    text-align: center;
    margin: 0;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgb(128, 190, 235)) rgb(128, 190, 235);
    padding: 6px;
    border-radius: 4px;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase !important;
    width: 16px;
    font-size: 20px;
    float: left;
    line-height: 16px;
    margin-right: 5px;
}

.YanMenu .Footer {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 0;
    /* color: #4d6575; */
    width: calc(100%);
}

.YanMenu .Footer .Piyasa span {
    font-size: 12px;
    float: left;
    display: block;
    position: relative;
    width: 100%;
}

.YanMenu .Menu a {
    /* color: rgba(22, 42, 76, .9); */
    font-size: 18px;
    text-align: left;
    transition: all ease 500ms;
    display: block;
    position: relative;
    padding: 6px 10px;
    border-radius: 4px;
    /* padding: 6px 0px; */
}

.YanMenu .Menu.Ikonlu a {
    padding: 6px;
    height: 15px;
}

.YanMenu .Menu.Ikonlu a.Aktif {
    background: transparent !important;
    color: #4285f4 !important;
}

.YanMenu .Menu.Ikonlu a span {
    font-size: 12px;
    /* color: rgba(22, 42, 76, .9); */
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600;
}

.YanMenu .Menu a img {
    width: 22px;
}

.MenuSabit .YanMenu .Menu a {
    text-align: center;
    padding: 5px 0;
}


.MenuSabit .YanMenu .Menu a i {
    margin: 0;
}

.Bol {
    display: block;
    border-bottom: 1px solid rgb(230 234 238);
    margin: 10px 0px 10px 0px;
    height: 0;
    position: relative;
}

.Bol span {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 10px;
    background: #e9f1fc;
    top: -10px;
    left: 10px;
    padding: 5px;
    display: inline-block;
    position: relative;
    color: #cccccc;
    font-weight: bold;
    POSITION: absolute;
}

.MenuSabit .Bol span {
    display: none;
}

.YanMenu .Menu a i {
    font-size: 16px;
    display: inline-block;
    top: -4px;
    position: relative;
    margin-right: 0px;
}

.YanMenu .Menu.Ikonlu a i {
    /* color: rgba(22, 42, 76, .9); */
}

.MenuSabit .YanMenu .Menu.MenuHover a i {
    font-size: 20px;
}

.MenuSabit .YanMenu .Menu a i {
    /* font-size: 30px; */
}

.YanMenu .Menu a:hover {
    color: #526d94;
}

.YanMenu .Menu a span {
    font-size: 14px;
    display: inline-block;
    top: -7px;
    position: relative;
    height: 17px;
    left: 5px;
}

.YanMenu .Menu a.Aktif {
    color: #fff !important;
    background: #4285f4 !important;
}

.YanMenu .Menu.ModulMenu a.Aktif {
    color: #1769ff !important;
    background: transparent !important;
}

.YanMenu .Menu.ModulMenu a {
    padding: 2px 10px;
}

.MenuSabit .YanMenu .Menu a svg {
    top: 2px;
    position: relative;
}

.YanMenu .Menu a svg * {
    fill: #4285f4;
    transition: all ease 500ms;
}

.YanMenu .Menu.ModulMenu a svg * {
    fill: rgb(22 42 76 / 80%) !important;
}

.YanMenu .Menu.ModulMenu a.Aktif svg * {
    fill: #1769ff !important;
}

.YanMenu .Menu a.Aktif svg * {
    fill: #fff;
}

.YanMenu .Menu a svg {
    width: 24px;
    height: 24px;
}

.YanMenu .Menu a svg.wbox {
    width: 24px;
    padding-right: 3px;
    /* height: 24px; */
    position: relative;
}

.YanMenu .Menu a.Aktif:after {
    display: none;
    content: '';
    position: absolute;
    right: -10px;
    width: 5px;
    height: 30px;
    background: #ee6124;
    border-radius: 4px 0 0 4px;
    top: 0;
}

.YanMenu .Menu.MenuHover a.Aktif:after {
    top: -5px;
}

.MenuSabit .YanMenu .Menu a.Aktif:after {
    right: -5px;
}

.MenuSabit .YanMenu {
    width: 50px;
}

.MenuSabit .YanMenu .Menu a span {
    display: none;
}

.MenuSabit .YanMenu .Menu {
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.MenuSabit .Body {
    margin-left: 0;
    left: 50px;
}

.MenuSabit .SayfaHead {
    left: 50px;
}

.YanMenuSabit .SayfaHead {
    right: 0px;
}

.YanMenuSabit .Body {
    right: 0;
}

.PanelBody .Body {
    background: #e9f1fc;
}

.AltMenu {
    /* margin-bottom: 6px; */
    display: block;
    padding: 5px;
    text-align: left;
}

.AltMenu:hover {
    background: #e8f1fc;
}

.HeaderTop {
    position: fixed;
    right: 0;
    left: 0;
    margin-left: 64px;
    border-bottom: 1px solid #dedddc;
    top: 0;
    z-index: 1;
    background: #fdfdfd;
}

.HeaderTop img {
    width: 110px;
    margin: 10px;
}

.HeaderTop .logo {

}

.HeaderTop .htSol {
    text-align: right;
}

.HeaderTop a {
    color: #403637;
    padding: 10px;
    display: inline-block;
    padding-left: 0;
}

.HeaderTop a i {
    padding: 3px;
    top: 2px;
    position: relative;
}

.HeaderTop a span {
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold;
    opacity: 0.8;
}

.Body {
    transition: all ease 100ms;
    background: #fff;
    position: absolute;
    right: 45px;
    left: 170px;
    top: 0;
    bottom: 0;
    overflow: hidden;
    /* border-radius: 10px; */
    /* box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%); */
    /* border: 2px solid #ee6124; */
}

.SayfaHead {
    padding: 5px 10px;
    display: block;
    position: fixed;
    right: 40px;
    left: 170px;
    top: 0;
    background: #fff;
    z-index: 1;
    transition: all ease 100ms;
    /* border-radius: 10px 10px 0 0; */
    /* border: 2px solid #ee6124; */
    border-bottom: 1px solid #eff2f5;
}

.SayfaHead h1 {
    margin: 0;
    display: inline-block;
    font-size: 24px;
    font-family: 'DM Serif Display', sans-serif;
    font-weight: 500;
    color: #505050;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 490px;
}

.SayfaHead .ImgLogo {
    height: 27px;
    float: left;
}

.SayfaHead .ImgText {
    float: left;
    padding-top: 12px;
    font-size: 16px;
    line-height: 16px;
    padding-left: 10px;
}

.SayfaHead .SayfaBtn {
    display: inline-block;
    float: right;
    margin-right: 5px;
}

.SayfaHead .SayfaBtn .el-button-group {
    top: 2px;
    position: relative;
}

.SayfaBody {
    overflow: auto;
    margin-top: 45px;
    display: block;
    position: absolute;
    z-index: 0;
    height: 100%;
    padding: 10px;
    width: calc(100% - 20px);
}

.el-select, .el-cascader {
    width: 100%;
}

.AramaInput1 input, .AramaInput1.el-range-editor {
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.AramaInput2 input, .AramaInput2.el-range-editor {
    border-right: 0;
    border-radius: 0;
}

.AramaInput3 {
    border-radius: 0 4px 4px 0;
    padding: 11px;
    line-height: 16px !important;
}

.AramaInput4 {
    border-radius: 0;
    border-right: 0;
    line-height: 12px !important;
}

.Liste {
    display: block;
    position: relative;
    overflow-x: auto;
    height: 400px;
    margin-top: 10px;
}

.Liste .ListeItem {
    margin: 0 !important;
    padding: 10px;
    border: 1px solid #dcdfe6;
    cursor: pointer;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px !important;
    border-radius: 3px;
    transition: all ease 500ms;

}

.Liste .ListeItem:hover {
    background: #f3f4f7;
}

.Liste .ListeItem span {
    display: block;
}

.Liste .ListeItem .lUnvan {
    font-size: 18px;
    margin-left: 42px;
    font-family: 'DM Serif Display', sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* color: #47535b; */
}

.Liste .ListeItem .lKod {
    font-size: 12px;
    margin-left: 40px;
}

.Liste .ListeItem .lKod span {
    display: inline-block;
    float: left;
    margin-right: 5px;
    line-height: 16px;
    font-size: 12px;
    border: none;
    height: auto;
    white-space: nowrap;
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Liste .ListeItem .lTelefon {
    font-size: 14px;
    opacity: 1;
}

.Liste .ListeItem .lMail {
    font-size: 14px;
    opacity: 1;
}

.Liste .ListeItem .lIkon.uyari {
    background: #f26c73 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #f26c73);
}

.Liste .ListeItem .lIkon {
    position: absolute;
    /* background: linear-gradient(312deg, rgb(22 42 76), rgb(24 105 255)) rgb(22 42 76); */
    padding: 5px;
    font-size: 30px;
    border-radius: 5px;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    left: 10px;
    text-transform: uppercase;
    font-family: 'DM Serif Display', sans-serif;
    background: #1869ff;
}

.Liste .ListeItem .lIkon.lImg {
    padding: 0;
    overflow: hidden;
}

.Liste .ListeItem .lIkon.lImg img {
    width: 100%;
    display: inline-block;
}

.Liste .ListeItem .lIkon.lImg {
    text-align: center;
}

.Liste .ListeItem .lIkon.BankalIkon {
    background-size: cover;
    border: 1px solid #dcdfe5;
}

.Liste .ListeItem .lBtn {
    color: #409eff;
    font-size: 20px;
    line-height: 32px;
    padding: 3px;
}

.Liste .ListeItem .lBakiye.kritikstok {
    color: #fa5c4f;
}

.Liste .ListeItem .lBakiye {
    text-align: right;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    margin-right: 10px;
}

.Liste .ListeItem .lBakiye.Fatura {
    margin-right: 0;
}

.Liste .ListeItem .lBakiye2 {
    text-align: right;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    margin-right: 20px;
    width: 40%;
    float: right;
    color: #8aa2b2;
}

.Liste .ListeItem .lBakiye2 small {
    font-size: 10px;
    text-transform: uppercase;
}

.Liste .ListeItem .hareketsiz .lBakiye {
    color: #8c8687;
    margin-top: 9px;
}

.Liste .ListeItem .alacak .lBakiye small {
    color: #34a853;
}

.Liste .ListeItem .borc .lBakiye small {
    color: #ea4335;
}

.Liste .ListeItem .el-dropdown {
    position: absolute;
    right: 0;
    top: 10px;
}

.Liste .ListeItem .lBakiye small {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500 !important;
}


@keyframes animation {
    0% {
        fill: #6e6e6e;
    }
    50% {
        fill: #403637;
    }
}

@keyframes animation2 {
    0% {
        fill: #403637;
    }
    50% {
        fill: #6e6e6e;
    }
}


.YanMenu .Menu.MenuHover {
    margin-bottom: 0 !important;
}

.YanMenu .Menu.MenuHover a {
    margin-bottom: 0;
    height: auto;
}

.YanMenu .Menu.MenuHover a.Aktif {
    background: transparent !important;
}

.YanMenu .Menu.MenuHover span {
    font-size: 14px;
    display: block !important;
}

.MenuHover .HoverKutu {
    position: absolute;
    top: calc(50% - 52px);
    left: -90px;
    padding: 10px;
    background: #d9d8d7;
    box-shadow: inset 1px 0 5px 0 #403637;
    transition: all ease 300ms;
}

.MenuHover .HoverKutu a {
    display: block;
    font-size: 14px;
    background: none;
    width: inherit;
    height: inherit;
    line-height: inherit;
    text-align: left;
    color: #403637;
    padding: 0;
    margin-bottom: 5px;
    font-weight: 500;
}

.MenuHover .HoverKutu a:hover {
}

.MenuHover:hover .HoverKutu {
    left: -10px;
}

.SayfaHead.ModalHead {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.SayfaHead.ModalHead h1 {
    line-height: 32px;
    font-size: 18px;
    color: #303133;
}

.ModalBody {
    display: block;
    position: relative;
    margin-bottom: -30px;
    top: -30px;
    margin-left: -20px;
    margin-right: -20px;
}

.ModalBody .TableSmall {
    margin-bottom: -62px;
}

.TableSmall {
}

.TableSmall.el-table .el-table__cell {
    padding: 5px 0;
}

.el-alert .el-alert__description {
    margin: 0
}

.el-autocomplete {
    display: block;
}


.OtoSelectSol {
}

.OtoSelectSag {
    position: absolute;
    right: 10px;
    top: 7px;
    padding: 2px 5px;
    font-size: 9px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    line-height: 12px;
    border-radius: 4px;
}

.OtoSelectSag.danger {
    background: #F56C6C;
}

.OtoSelectSag.success {
    background: #67C23A;
}

.OtoSelectSag.info {
    background: #409EFF;
}

.el-autocomplete-suggestion li {
    position: relative;
}

.table {
    width: 100%;
    border: 1px solid #fff;
    border-spacing: 0;
}

.table.table-fatura .table {
    border: none;
}

table.table.table-fatura > tbody tr td, table.table.table-fatura > tbody tr td:hover {
    background: #fff !important;
    /* font-weight: bold; */
}

table.table.table-fatura > tbody:nth-child(2n+3) tr td, table.table.table-fatura > tbody:nth-child(2n+3) tr td:hover {
    background: #ebeef5 !important;
}

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

table.table.table-fatura thead {
    background: #fff !important;
}

table.table.table-fatura {
    border: none !important;
}

table.table.table-fatura thead th {
    background: #fff !important;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #303133;
}

.table thead th, .table tfoot th {
    border-bottom: 1px solid #EBEEF5;
    padding: 7px 5px;
    color: #383838;
    background: #f5f6fb;
    font-size: 12px !important;
    line-height: 12px;
    font-weight: 700;
}

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

table.table.table-fatura tr td:last-child, table.table.table-fatura tr th:last-child {
    border-right: 0 !important;
}

.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;
    overflow-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

.table.table-nohover tbody tr:hover td, .table.table-nohover tbody tr:hover {
    background-color: transparent !important;
    color: inherit !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: #99a9b5 !important;
    color: #fff !important;
}


.table-nohover.el-table--enable-row-hover .el-table__body tr:hover > td, .table-nohover.el-table--enable-row-hover .el-table__body tr:hover > td i {
    background: #fff !important;
    color: #333 !important;
}

table.table.table-fatura tbody tr:hover, table.table.table-fatura tbody tr:hover td {
    /* background: inherit !important; */
    color: inherit !important;
}

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

.table.table-fatura tbody tr:hover i {
    color: inherit !important;
}

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

.CariBilgi {
    padding: 5px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
}

.CariBilgi h5 {
    margin: 0;
    font-size: 14px;
    opacity: 0.6;
}

.CariBilgi p {
    margin: 0;
}

.CariBilgi p.cbUnvan {
    font-size: 15px;
}

.CariBilgi p.cbDiger {
    font-size: 12px;
}

.m0 {
    margin: 0 !important;
}

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

.el-collapse-item__header {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.table-fatura.table-yeniurun {
    background: #eceef4;
}


.table-fatura td {
}

.table-fatura td input {
    max-width: inherit;
    width: inherit;
    /* border: none; */
}


.table-fatura .tfYeniBtn {
    background: #409EFF;
    padding: 5px;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
}

.table-fatura-detay.table-xs tbody tr:nth-child(2n+2) {
    background: transparent;
}

.el-form-item__content {
    /* line-height: inherit; */
}


.table-fatura span {
    display: block;
}

.AramaUyari.VeriYokUyari {
    margin-top: 0;
}

.AramaUyari {
    padding: 40px;
    margin-top: 10px;
    border-radius: 4px;
    /* box-shadow: inset 1px 1px 10px 0 #f1f5fd; */
    overflow: hidden;
    position: relative;
}

.AramaUyari.IslemYok:before {
    background-image: url("../undraw/islemyok.svg");
    height: 200px;
}

.AramaUyari.Gelistiriyoruz:before {
    background-image: url("../undraw/gelistiriyoruz.svg");
    height: 300px;
}

.AramaUyari.NotYok {
    background: #fff;
    box-shadow: none;
}

.AramaUyari.NotYok h1 {
    top: 20px;
    font-size: 14px;
}

.AramaUyari.NotYok:before {
    background-image: url("../undraw/notekle.svg");
    height: 160px;
    width: 160px;
    left: calc(50% - 80px);
}

.AramaUyari:before {
    content: '';
    background: url("../undraw/ara.svg");
    position: absolute;
    width: 300px;
    height: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    left: calc(50% - 150px);
    bottom: 0;
}

.AramaUyari.RaporUyari:before {
    content: '';
    background: url("../undraw/rapor.svg");
    position: absolute;
    width: 300px;
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    left: calc(50% - 150px);
    bottom: 0;
}

.AramaUyari h1 {
    margin: 0;
    position: absolute;
    width: 100%;
    top: calc(50% - 200px);
    text-align: center;
    left: 0;
    color: #4f4f4f;
    font-weight: 500;
    font-size: 22px;
}

.AramaUyari h5 {
    margin: 0;
    position: absolute;
    width: 100%;
    top: calc(50% - 160px);
    text-align: center;
    left: 0;
    font-weight: 500;
    font-size: 16px;
}

.d-block {
    display: block;
    width: 100%;
}

.o-hidden {
    overflow: hidden;
}

.d-inline {
    display: inline-block;
}

.BilgiKutu {
    padding: 2px;
    border-radius: 2px;
    margin-bottom: 10px;
    color: #52565e;
    border: 1px solid #f3f4f7;
}


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

.BilgiKutu h1 {
    margin: 0;
    font-size: 12px;
    background: #e9f1fc;
    padding: 5px;
    border-radius: 2px;
    margin-bottom: 5px;
    color: #52565e;
    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.BkBuyuk ul li {
    padding: 5px 10px;
}

.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: 14px !important;
    text-overflow: ellipsis;
    position: relative;
    padding-left: 0;
    display: block;
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase;
    color: #000;
}

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

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

.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;
}

.DonemSelect {
    float: left;
    display: inline-block;
    width: 100px;
    margin-right: 10px;
}

.DonemSelect .el-input--mini .el-input__inner {
    padding: 15px;
}

.abcRioButton {
    border-radius: 4px !important;
    border: 1px solid #3f78e0 !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

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

.abcRioButton:hover, .abcRioButton {
    box-shadow: none !important;
    background: #FFF !important;
    color: #409EFF !important;
    border-color: #409EFF !important;
}

.HesapAc .abcRioButton:after {
    content: 'Google ile Hesap Aç';
}

.abcRioButton:after {
    /* content: 'Google ile GiriÅŸ Yap'; */
    top: 9px;
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 12px;
    text-transform: initial;
    font-weight: 500;
}

.Profil .Proje {
    text-align: center;
    margin: 0;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), rgb(128, 190, 235)) rgb(128, 190, 235);
    padding: 6px;
    border-radius: 4px;
    /* margin-top: 10px; */
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase !important;
    width: 16px;
    font-size: 20px;
    float: left;
    line-height: 16px;
    margin-right: 5px;
}

.Profil {
    cursor: pointer;
    margin: 10px;
    display: block;
    position: relative;
    height: 30px;
}

.MenuSabit .Profil .Proje, .MenuSabit .Profil .Kullanici {
    /* width: 26px !important; */
    margin: 0;
    font-size: 20px;
    font-weight: 500 !important;
}

.Profil .Kullanici {
    font-family: 'IBM Plex Sans', sans-serif !important;
    text-transform: uppercase !important;
    width: 92px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    letter-spacing: -0.5px;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin-top: 5px;
}

.ProfilModal {
    position: fixed;
    z-index: 4;
    left: 5px;
    border-radius: 10px;
    bottom: 6px;
    width: 300px;
    padding: 20px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 50%), 0 4px 36px 4px rgb(0 0 0 / 50%);
    transition: left 0.3s ease, opacity 0.3s ease;
    text-align: left;
    color: #fff;
    border: 0 solid #f0ece6;
    background: rgb(23, 41, 76);
    background: linear-gradient(321deg, rgba(23, 41, 76, 1) 0%, rgb(51 82 139) 100%);
}

.ProfilModal a {
    display: block;
    cursor: pointer;
    color: #fff;
    margin-top: 5px;
}

.ProfilModal .KullaniciBilgi a {
    color: #8aa2b2;
    font-size: 14px;
    margin-top: 10px;
}

.ProfilModal hr {
    border-color: #ffffff;
}

.ProfilModal ul {
    padding: 0;
}

.ProfilModal ul li {
    display: block;
    padding: 1px;
    font-size: 16px;
    color: #333;
}

.ProfilModal ul li a {
    color: #8aa2b2;
    padding: 5px;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ProfilModal ul li a:hover {
    background: #8aa2b2;
    color: #fff;
}

.ProfilModal .Logo {
}

.ProfilModal .Logo .Kapat {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    color: #8aa2b2;
    margin: 0;
}

.ProfilModal .Logo span b {
    font-family: 'DM Serif Display', sans-serif;
    color: #fff;
}

.ProfilModal .Logo span {
    font-size: 20px;
    position: relative;
    top: 0;
}

.pIcon {
    background: url("https://cdn.muhasip.app/muhasip-web.svg");
    background-size: 100%;
    width: 130px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    transition: all ease 200ms;
    margin-top: 20px;
    margin-bottom: 20px;
}


.MenuSabit .pIcon {
    background: url("../img/ikon.svg");
    display: block;
    margin-left: 9px;
    background-repeat: no-repeat;
    margin-top: 10px;
    transition: all ease 200ms;
    background-size: 32px;
    width: 32px;
    height: 32px;
}

.pIcon span {
    font-family: 'DM Serif Display', sans-serif;
    color: #f0ece6;
    font-size: 20px;
    position: relative;
    display: block;
    margin-left: 30px;
    line-height: 21px;
}

.pIcon small {
    font-family: 'IBM Plex Sans', sans-serif;
    display: block;
    color: #ffffff;
    font-weight: 700;
    position: relative;
    width: 150px;
}

.table-xs {
    border: none !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.el-table th.el-table__cell {
    background: #e9f1fc;
    color: #52565e;
    text-transform: uppercase;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: bold;
    padding: 2px !important;
}

.table-xs tbody tr:nth-child(2n+2) {
    background: #f3f4f7;
}

.table-xs .el-table__footer-wrapper tbody td {
    background: #ffffff;
    color: #47535b;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold;
}

.el-table::before {
    display: none;
}

.table-hover tbody tr {
    cursor: pointer;
}

.el-table__footer-wrapper, .el-table__header-wrapper {
    border-radius: 2px;
    /* border-top: 1px solid; */
}

.table-xs .el-table__footer tbody {
    border: 1px solid #333
}

.table-xs tr td:first-child,
.table-xs tr th:first-child {
    border-radius: 2px 0 0 2px;
}

.table-xs tr td:last-child,
.table-xs tr th:last-child {
    border-radius: 0 2px 2px 0;
}

.table-xs small.tabledata {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: bold;
    color: #8aa2b2;
}

.table-xs tr:hover small.tabledata {
    color: #fff;
}


.Uygulama {
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 20px;
    color: #162a4c;
    border: 1px solid #E4E7ED;
    position: relative;
    overflow: hidden;
}

.Uygulama.pasif {
    color: #ccc;
}

.Uygulama.pasif .img img {
    filter: grayscale(1);
}

.Uygulama.pasif:after {
    content: '';
    position: absolute;
    background: rgb(255 255 255 / 50%);
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

.Uygulama .img img {
    max-height: 50px;
    max-width: 110px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.Uygulama .img {
    height: 50px;
    position: relative;

}

.Uygulama img:after {
    height: 130px;
    position: absolute;
    content: '';
    display: block;
    width: 20px;
}

.Uygulama h1 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Uygulama span.Tag {
    font-size: 10px;
    font-family: 'IBM Plex Sans', sans-serif !important;
    border-radius: 2px;
    text-transform: uppercase;
    font-weight: bold;
}

.Uygulama p {
    margin: 0;
    padding: 10px 0;
    font-size: 12px;
}

.Uygulama div.Fiyat {
    position: absolute;
    top: 3px;
    padding: 5px;
    border-radius: 3px;
    background: #f0ece6;
    right: 3px;
}

.Uygulama div.Fiyat span {
    display: block;
}

.Uygulama div.Fiyat .EskiFiyat {
    font-size: 12px;
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-weight: bold;
    color: #47535b;
    position: relative;
}

.Uygulama div.Fiyat .EskiFiyat:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #f00;
    left: 0;
    top: 7px;
    opacity: 0.6;
    transform: rotate(348deg);
}

.Uygulama div.Fiyat .YeniFiyat {
    font-family: 'DM Serif Display', sans-serif;
    color: #4284f3;
    font-weight: bold;
    line-height: 12px;
}

.Uygulama div.Fiyat .Ucretsiz {
    font-family: 'DM Serif Display', sans-serif;
    color: #34a853;
    font-weight: bold;
    line-height: 12px;
}

.Uygulama .el-button {
    margin-top: 10px;
}

@keyframes svgrotate {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.Uygulama .LoadingSvg {
    position: absolute;
    z-index: 2;
    right: 50%;
    top: calc(50% - 30px);
}

.abcRioButtonContentWrapper {
}

.abcRioButtonContentWrapper .abcRioButtonContents {
    display: none;
}

.abcRioButtonContentWrapper .abcRioButtonIcon {
    display: none;
}

.abcRioButton {
    display: inline-block;
    line-height: 1;
    white-space: nowrap !important;
    cursor: pointer !important;
    background: #FFF;
    border: 1px solid #DCDFE6 !important;
    color: #606266 !important;
    -webkit-appearance: none !important;
    text-align: center !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    outline: 0 !important;
    margin: 0;
    margin-top: 0 !important;
    -webkit-transition: .1s !important;
    transition: .1s !important;
    padding: 9px 15px;
    border-radius: 4px !important;
    height: 40px !important;
    width: 42px !important;
}

.Linkedin-btn {
    margin-left: 0 !important;
    margin-top: 0;
    text-transform: inherit;
    font-weight: 500;
    position: relative;
    text-align: center;
    display: block;
    height: 40px;
}

.Linkedin-btn:before {
    content: '';
    background-image: url("../icon/linkedin.svg");
    background-repeat: no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 10px;
    top: 9px;
}

.whatsapp-color {
    color: #25D366;
}

.google-color {
    color: #4285F4;
}

.linkedin-color {
    color: #0A66C2;
}

.abcRioButton:before {
    content: '';
    background-image: url("../icon/google.svg");
    background-repeat: no-repeat;
    background-size: 22px;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 9px;
    top: 9px;
}

.dialog-footer .EntegrasyonAlt {

}

.dialog-footer .EntegrasyonAlt img {
    max-height: 40px;
    float: left;
    max-width: 150px;
}

.dialog-footer .EntegrasyonAlt span {
}

.dialog-footer .EntegrasyonAlt b {
}

.el-notification {
    border-radius: 4px;
    background: #f0ece6;
    border: 0 !important;
}

.el-notification h2 {
    font-weight: 500;
    line-height: 23px;
}

.el-notification__closeBtn {
    color: #8aa2b2;
    top: 4px;
    right: 4px;
}

.YanMenu .Menu .AltMenuListe {
    padding: 10px;
    height: 0;
    overflow: hidden;
    transition: all ease 200ms;
    background: #47535b;
    border-radius: 2px;
    border: 1px solid #697b87;
}

.YanMenu .Menu .AltMenuListe.Aktif {
    height: 100px;
}

.YanMenu .Menu .AltMenuListe a {
    font-size: 13px;
    color: #8aa2b2;
    /* font-weight: bold; */
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.YanMenu .Menu .AltMenuListe a.Aktif {
    color: #fff;
}

.BakiyeOlayi {
    /* padding: 2px; */
    border-radius: 2px;
    margin-bottom: 10px;
    /* color: #162a4c; */
    overflow: hidden;
}

.BakiyeOlayi div {
    padding: 5px 10px;
    text-align: right;
}

.BakiyeOlayi.boTek div {
    display: block;
}

.BakiyeOlayi.boCift div {
    width: calc(50% - 20px);
    display: inline-block;
}

.BakiyeOlayi.boCift div:first-child {
}

.BakiyeOlayi div.alacak {
    color: #e7f5f0;
    background: #6bbea3 linear-gradient(135deg, hsla(0, 0%, 100%, .4), #6bbea3);
}

.BakiyeOlayi div.borc {
    color: #fdf3f4;
    background: #e2626b linear-gradient(135deg, hsla(0, 0%, 100%, .4), #e2626b);
}

.BakiyeOlayi > div span.boPara {
    font-family: 'IBM Plex Sans', sans-serif;
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.BakiyeOlayi > div span.boText {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'IBM Plex Sans', sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.BakiyeOlayiul {
}

.BilgiKutu ul.BakiyeOlayiul.alacak li {
    color: #34a853;
}

.BilgiKutu ul.BakiyeOlayiul.borc li {
    color: #ea4335;
}

.BilgiKutu ul.BakiyeOlayiul li span {
    font-size: 16px;
}

.op5 {
    opacity: 0.5;
}

.yazdirtable {
    display: none;
}

.DisaAktar {
    position: absolute;
    bottom: 5px;
    border: none;
}

.DisaAktar .DisAktarBtn {
    font-family: 'IBM Plex Sans', sans-serif !important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    background: #f3f4f7;
    padding: 5px;
    border-radius: 2px;
    color: #47535b;
}

.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    background: #f3f4f7;
}

.ListeFooter .DisaAktar .DisAktarBtn {
    padding: 7px 15px;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: #47535b;
    color: #f0ece6;
}

.el-dropdown-menu .el-dropdown-menu__item {
    font-size: 12px;
    font-weight: bold;
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: #47535b;
}

.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 10px
}

.el-dropdown-menu {
    background-color: #e9f1fc;
    border: 1px solid #1869ff;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #1869ff;
    top: 0;
}

.el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #FFFFFF;
}

.el-select-dropdown.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #FFFFFF;
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #dcdfe6;
}

.el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #f0ece6;
}

.el-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: #f0ece6;
}

.YanMenuBody:hover .SabitleBtn {
    opacity: 1;
}

.SabitleBtn {
    position: absolute;
    left: 155px;
    top: 20px;
    width: 24px;
    height: 24px;
    display: block;
    background: #f0f2f5;
    opacity: 0;
    box-shadow: 0 0 3px #e6eaef;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    transition: all .15s ease-in-out !important;
    z-index: 10;
    cursor: pointer;
    color: #7186a5;
}

.SabitleBtn:after {
    content: "\e92f";
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    top: 3px;
    position: relative;
    left: 3px;
}

.MenuSabit .SabitleBtn:after {
    content: "\e930";
}

.MenuSabit .SabitleBtn {
    margin-left: 6px;
    display: block;
    left: 30px;
}

.FiltrelemePopover .el-form-item__label {
    line-height: 12px !important;
    font-size: 12px !important;
    padding: 0 !important;
    width: 100%;
    text-align: left;
    margin-bottom: -5px !important;
}

.el-popover {
    background: #ffffff;
    border-color: #dcdfe6;
}

.el-notification__content p {
    font-size: 12px !important;
    text-align: left;
}

.el-notification__content {
    margin: 0;
}

.el-notification {
    width: 250px;
    padding: 10px;
}

.el-notification__group {
    margin: 0;
}

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

.YanMenu .ProjelerMenu {
    display: block;
    width: 100%;
    border-bottom: 1px solid #8197a5;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.YanMenu .ProjelerMenu .ProjeList {
    display: inline-block;
    float: right;
    font-weight: bold;
    font-size: 12px;
}

.el-dialog__header {
    padding: 15px;
    /* background: #e8f1fc; */
    /* border-bottom: 2px solid #f5f6fa; */
}

.el-dialog__footer {
    padding: 15px;
    /* border-top: 2px solid #f5f6fa; */
    /* background: #e8f1fc; */
}

.el-dialog__headerbtn .el-dialog__close {
    color: #ea4336;
    font-size: 20px;
    position: absolute;
    top: -5px;
    right: -10px;
    background: #f5f6fa;
    border-radius: 6px;
    border: 0;
    transition: all ease 500ms;
    width: 25px;
    padding: 4px 2px;
}

.el-dialog__headerbtn .el-dialog__close:hover {
    background: #dcdfe6;
}

.KullaniciDavet h4 {
    margin: 0;
    text-align: center;
    margin-bottom: 4px;
    color: #146eb4;
    font-family: 'DM Serif Display', sans-serif;
    font-size: 18px;
}

.ListeFooter .DisaAktar {
    position: relative;
    bottom: -5px;
    display: inline-block;
}

.ListeFooter .DisaAktar.absolute {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

.ListeFooter.aktif {
    padding-top: 5px;
    display: block;
}

.ListeFooter .el-row.absolute {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.ListeFooter .ToplamInfo {
    float: right;
    margin-top: 5px;
    font-size: 14px;
}

.AramaInputBosluk {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    background: #f0f2f5;
}

.yazdirtablegoster {
    display: block !important;
}

.yazdirtablegoster h1 {
    display: none;
}

.YanMenuSabit .Footerx {
    width: 0;
}

.FooterGosterBtn {
    transition: right ease 100ms;
    position: fixed;
    right: -12px;
    bottom: 10px;
    background: #fff;
    z-index: 9;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 100px 0px 0px 100px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 1px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    overflow: hidden;
}

.FooterGosterBtn:hover {
    right: 0;
}

.Footerx {
    position: fixed;
    right: 0;
    top: 0;
    width: 45px;
    text-align: center;
    bottom: 0;
    background: #e9f1fc;
    border-left: 1px solid #e6eaef !important;
    z-index: 9;
}

.Footerx .FooterMenu {
    height: 100%;
    padding-top: 3px;
}

.Footerx .FooterMenu .xFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.Footerx .FooterMenu a {
    cursor: pointer;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
    color: rgb(55 106 251);
    position: relative;
}

.yazdirtable table tr td, table.yazdirtable tr th {
    font-size: 12px !important;
}

.FaturaOzet {
    background: #6a737b;
    border: 2px solid #f0ece6;
}


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

.NotDetay p {
    margin: 0;
    font-size: 12px;
    white-space: break-spaces;
    /* width: 200px; */
    word-wrap: break-word;
}

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

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

.el-upload-list {
    display: none
}

.NotArsiv .GosterGizle {
    cursor: pointer;
    font-size: 14px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
    padding: 5px;
    background: #e4e7ed;
    color: #2c2f33;
    /* font-weight: bold; */
}

.todoBody {
    border-radius: 4px;
    padding: 5px;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(22 42 76 / 15%);
    /*-webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);*/
    /*box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%);*/
}

.todoBody input.el-input__inner {
    border: none;
    background: #f0f2f5;
    padding-left: 5px;
}

.todoBody i {
    cursor: pointer;
    font-size: 12px;
}

.todoBody .el-popover {
    padding: 0;
}

.aiTodo {
    position: relative;
}

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

.aiTodo .aiSabit {
    position: absolute;
    right: 5px;
    z-index: 1;
    top: 5px;
}

.aiTodo .aiSabit .aiTl {
    margin-right: 0;
}

.aiTodo .aiSabit .aiTl i {
    /* color: #34a853; */
}

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

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

ul.aiList li {
    margin: 5px;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgb(203 200 194 / 50%);
}

ul.aiList li:first-child {
    border: none;
}

ul.aiList .aiListBody {
    text-align: left;
}

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

ul.aiList .aiListBody h5 {
    font-size: 12px;
    font-weight: 500;
    padding-right: 20px;
    margin: 0;
    word-break: normal;
}

.el-table .cell {
    word-break: normal;
}

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

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;
}

.MobilMenu {
    display: none;
}

.EntregreInfoBtn {
    top: 14px;
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    color: #4285f4 !important;

}

.MevcutEntegrasyon {
    display: block;
    position: relative;
    font-size: 10px;
    color: #fff !important;
    background: #34a853 !important;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    margin-top: 10px;

}

.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;
    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;
}


.GirisRouter {
    height: 100% !important;
    justify-content: center !important;
}

.GirisRow > .el-col {
    padding: 0 !important;
}

.el-carousel__mask {
    background-color: #ce704f;
}

.GirisEkran .el-carousel__container img {
    max-height: 300px;
}

.YanMenuImg {
    width: 39px;
    height: 39px;
    background-size: auto 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-radius: 4px;
    margin-left: 2px;
    margin-bottom: 3px !important;
}

.Footerx .FooterMenu a.HizliBtn {
    color: #8a95a6 !important;
}

.Footerx .FooterMenu a.HizliBtn:hover {
    color: rgb(55 106 251) !important;
}

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

.SmsBilgi .el-tag {
    border-radius: 2px;
}

.SmsBilgi h1 {
    color: #fff !important;
    font-size: 50px;
    font-family: 'DM Serif Display', sans-serif;
    margin: 0;
    line-height: 60px;
}

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

.SmsBilgi small {
    display: block;
}

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

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

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

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

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

.el-button--xmini {
    padding: 3px 5px;
    font-size: 10px !important;
    border-radius: 2px !important;
}


.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;
}

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

.table tr th:last-child, .table tr td:last-child {
    border: none;
}

.table-fatura.table tbody tr td i {
    font-size: 16px;
}

.fc-button {
    border-radius: 0 !important;
}

.fc-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

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

.fc-button-primary:hover {
    background: #66b1ff !important;
    border-color: #66b1ff !important;
}

.fc-h-event.animsatici .fc-event-title {
    color: #4285f4;
}

.fc-h-event.borc .fc-event-title {
    color: #ea4335;
}

.fc-h-event.alacak .fc-event-title {
    color: #34a853;
}

.fc-h-event .fc-event-title-container {
    height: 14px;
}

.fc-h-event.siparis .fc-event-title-container {
    height: 23px !important;
    padding: 5px;
}

.fc .fc-daygrid-event {
    background: transparent;
    border: none;
    margin-top: 0 !important;
}

.fc .fc-daygrid-event.siparis {
    background: #4284f3;
    margin-top: 1px !important;
}

.fc-h-event .fc-event-title {
    /*EVENT BASLIK*/
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 20px !important;
}

.fc-h-event.siparis .fc-event-title {
}

.PanelInfoBaslik.pv2Kasa:after {
    background-image: url("../icon/p-kasa.png");
}

.PanelInfoBaslik.pv2Alacak:after {
    background-image: url("../icon/p-alacak.png");
}

.PanelInfoBaslik.pv2Borc:after {
    background-image: url("../icon/p-borc.png");
}

.PanelInfoBaslik.pv2Satis:after {
    background-image: url("../icon/p-satis.png");
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.newVersion {
    padding: 6px;
    border-radius: 10px;
    border: 4px solid #34a853;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    padding-top: 100px;
    background-position: center 10px;
    background-size: 90px;
    background-image: url("../img/core.png");
    background-repeat: no-repeat;
}


.MenuSabit .newVersion {
    display: none;
}

.BankaHesabiYok {
    background-color: #4285F4;
    background-image: url("../img/bankabg.png");
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 40px;
    background-position: bottom;
    color: #fff;
}

.BankaHesabiYok h1 {
    color: #fff !important;
}

.BankaHesabiYok .BankaHesapOzellik {
    margin-top: 20px;
}

.FooterSabit {
    max-height: calc(100% - 370px);
    overflow: auto;
}

.el-button-group .el-select {
    float: left;
    max-width: 170px;
}


.TanitimBody {
    background-image: url(https://cdn.muhasip.app/Design/tanitimbg.png);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 50px; /* margin: 50px; */
}

.TanitimBodyBlock {
    width: calc(100% - 620px);
    bottom: 30px;
    position: absolute;
    right: 90px;
}

.TanitimBody h1 {
    margin: 0;
    color: #4285f4;
    font-weight: 500;
    font-family: 'DM Serif Display', sans-serif;
    text-align: center;
    top: 20%;
    position: absolute;
    width: 100%;
    left: 0;
    font-size: 40px;
}

.TanitimBody h1 b {
    color: #162a4c;
}

.TanitimBodyBlock h5 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

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

.TanitimBody .TanitimIkon {
    height: 420px;
    position: absolute;
    left: 50px;
    bottom: 0;
}

.fakeModal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 20px;
    right: 0;
    bottom: 0;
    /* overflow: auto; */
}

.fakeModal .cont {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fakeModal:before {
    background: rgb(0 0 0 / 50%);
    left: 0;
    right: 0;
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    bottom: 0;
}


.fakeModalKapat {
    position: fixed;
    right: 40px;
    bottom: 50px;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 4px;
    box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
    background: #24292e;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 500px) {
    .fakeModalKapat:hover {
        transform: scale(1.1);
        box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
    }
}

@media screen and (max-width: 700px) {
    .fakeModalKapat {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }

    .fakeModalKapat:active {
        transform: scale(1.1);
        box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
    }
}

._frame {
}

.ModalYazdir {
    display: none;
}


.TableList {
}

.TableList.el-table .el-table__cell {
    padding: 5px;
    cursor: pointer;
}

.InputCariBilgi {
    position: absolute;
    right: 5px;
    top: 45px;
    z-index: 1;
    line-height: 22px;
    padding: 4px 15px;
    font-family: 'IBM Plex Sans', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}

.InputCariBilgi.success {
    background: #34a853;
    color: #fff;
    border: 1px solid #227238;
}

.InputCariBilgi.danger {
    background: #ea4335;
    color: #fff;
    border: 1px solid #bd392e;
}

.InputCariBilgi.default {
    background: #eceef4;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
}

.table-fatura .el-input-group__append div.el-select .el-input__inner {
    background: #fff;
    border: none;
    padding: 0px;
    width: 34px;
    line-height: 12px;
    height: 25px;
    right: 32px;
    position: relative;
    font-size: 12px !important;
    /* font-weight: bold !important; */
    text-align: right;
    top: -1px;
}

.table-fatura .el-input-group__append div.el-select .el-input__suffix {
    line-height: 8px;
    top: -3px;
    left: -3px;
}

.table-fatura .el-input-group__append {
    background: #fff;
    padding: 0;
    border: none;
}

.FaturaAltToplam {
    float: right;
    padding: 20px;
    background: #ebeef5;
}

.FaturaAltToplam div {
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdfe6;
    margin-bottom: 10px;
}

.FaturaAltToplam div:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.FaturaAltToplam div span {
    width: 190px;
    display: inline-block;
    text-align: right;
}

.FaturaAltToplam div b {
    min-width: 90px;
    display: inline-block;
    text-align: right;
    font-family: 'IBM Plex Sans', sans-serif;
}

.FaturaForm {
}

.FaturaForm sup {
    opacity: 0.8;
    font-size: 12px;
    vertical-align: initial;
    margin-left: 2px;
}

.FaturaForm sup.TL:after {
    content: '\20BA';
}

.FaturaForm sup.USD:after, .FaturaForm sup.AUD:after {
    content: '\0024';
}

.FaturaForm sup.EUR:after {
    content: '\20AC';
}

.FaturaForm sup.DKK:after {
    content: 'DKK';
}

.FaturaForm sup.CHF:after {
    content: 'CHF';
}

.FaturaForm sup.SEK:after {
    content: 'SEK';
}

.FaturaForm sup.CAD:after {
    content: 'CAD';
}

.FaturaForm sup.KWD:after {
    content: 'KWD';
}

.FaturaForm sup.NOK:after {
    content: 'NOK';
}

.FaturaForm sup.BGN:after {
    content: 'BGN';
}

.FaturaForm sup.RON:after {
    content: 'RON';
}

.FaturaForm sup.IRR:after {
    content: 'IRR';
}

.FaturaForm sup.KRW:after {
    content: 'KRW';
}

.FaturaForm sup.AED:after {
    content: 'AED';
}

.FaturaForm sup.AZN:after {
    content: '\20BC';
}

.FaturaForm sup.PKR:after {
    content: '\20A8';
}

.FaturaForm sup.QAR:after {
    content: 'QAR';
}

.FaturaForm sup.CNY:after {
    content: '\5143';
}

.FaturaForm sup.RUB:after {
    content: '\20BD';
}

.FaturaForm sup.SAR:after {
    content: '\FDFC';
}

.FaturaForm sup.JPY:after {
    content: '\00A5';
}

.FaturaForm sup.GBP:after {
    content: '\00A3';
}

.eFaturaDurum {
    position: absolute;
    right: 20px;
    width: 80px;
    background-size: 120px;
    height: 44px;
    background-repeat: no-repeat;
    top: -25px;
    background-color: #fff;
    background-position: center;
}

.eFaturaDurum.eFatura {
    background-image: url("https://cdn.muhasip.app/Design/fatura.png");
}

.eFaturaDurum.eArsiv {
    background-image: url("https://cdn.muhasip.app/Design/arsiv.png");
}

.eFaturaDurumContainer {
    position: relative;
}

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

.Moduller {
}

.Moduller .Modul {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #e8f1fc;
    /* margin: 10px; */
    margin-bottom: 20px;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 500;
    transition: all ease 200ms;
    /* cursor: pointer; */
    text-align: center;
    overflow: hidden;
    height: 140px;
}

.Moduller .Modul:hover {
    /*box-shadow: 0 0 10px rgb(0 0 0 / 20%);*/
}

.Moduller .Modul img {
    height: 120px;
}

.Moduller .Modul h4 {
    margin: 0;
    font-size: 22px;
    font-family: 'DM Serif Display', sans-serif;
    color: #162a4c;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Moduller .Modul h6 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    height: 40px;
}

.Moduller .Modul .Tutar {
    display: block;
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
    color: #4284f3;

}

.Moduller .Modul small {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
}

.Moduller .Modul a {
    display: block;
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    color: #ff6a00;
    font-weight: bold;
    text-transform: uppercase;
}

.table-hareketdetay {
}

.table-hareketdetay tbody {
}

.table-hareketdetay tbody tr:hover, .table-hareketdetay tbody tr:hover td {
    background-color: rgba(236, 237, 246, 0.8) !important;
    color: #303133 !important;
}

.table-hareketdetay tbody tr td {
    border: none !important;
    color: #383838 !important;
}

.table-hareketdetay thead {
}

.table-hareketdetay thead th {
    background: #fff !important;
    font-size: 12px !important;
    text-transform: uppercase;
    color: #303133;
    border: none !important;
    padding: 0px 5px;
}

.table-hareketdetay tfoot {
}

.table-hareketdetay tfoot tr {
}

.table-hareketdetay tfoot tr th {
    background: transparent;
    font-size: 13px !important;
    font-weight: 600;
    border: none !important;

    padding: 0;
    padding-top: 10px;
}

.table-hareketdetay tfoot tr th small {
    font-weight: 500;
}

.BlokDetay {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 200px;
    overflow: auto;
}

.BlokDetay li:hover {
    background: #f3f4f7;

}

.BlokDetay li {
    cursor: pointer;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #f3f4f7;
    font-size: 14px;
    border-radius: 3px;
    color: #8aa2b2;
}

.BlokDetay small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.BlokDetay b {
    color: #5a5b5e;
}

.el-popover {
    word-break: inherit;
    text-align: center;
}

.jv-container.jv-light {
    font-size: 12px !important;
}

.jv-container .jv-code {
    padding: 10px !important;
}

::-webkit-scrollbar-track {

    border-radius: 0;
    background-color: #fff;
}

::-webkit-scrollbar {
    width: 0;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #1a73e8;
}

.vue-html2pdf .layout-container {
    position: relative !important;
    width: auto !important;
    background: transparent !important;
}

.PdfRead {
    font-size: 12px;
    color: #000;
    width: unset;
}

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

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 20px;
}

.avatar-uploader {
    text-align: right;
}

.avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;
}

.avatar {
    width: 200px;
    /* height: 178px; */
    display: block;
}

.el-progress-bar__inner {
    text-align: left;
}

.ScroolBlok {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

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

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

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

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

.ModalSmallPadding .el-dialog__body {
    padding: 10px;
}

.PazaryeriTable.el-table .cell {
    line-height: 14px;
}

.PazaryeriTable.el-table .cell small {
    line-height: 12px;
}

.SiparisTableAksiyon i {
    font-size: 16px;
    margin-left: 5px;
}

.SiparisTableAksiyon i:hover {
}

.PazaryeriTable table tr {
    background: transparent !important;
}

.PazaryeriTable .el-table__expand-column {

}

.PazaryeriTable .el-table__expand-column .cell {
    width: 0 !important;
    overflow: hidden !important;
    position: absolute;
    padding: 0 !important;
}

.SiparisTableDetay {
    padding: 10px;
    border: 4px solid #f5f6fb;
    border-radius: 4px;
}

.PazaryeriTable .GenisletIkon {
    font-family: 'feather' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.PazaryeriTable .GenisletIkon:before {
    content: "\e92e";
}

.PazaryeriTable .expanded .GenisletIkon:before {
    content: "\e931";
}

.SiparisTableAksiyon {
    left: 80px;
    position: absolute;
    display: block;
    width: 100px !important;
    z-index: 5;
    top: calc(50% - 10px);
}

.dialog-no-padding .el-dialog__body {
    padding: 0 !important;
}

.BlokTarih {
    width: 200px;
    position: absolute;
    right: -22px;
    top: 2px;

}

.BlokTarih * {
    cursor: pointer;
}

.BlokTarih .el-date-editor .el-range__close-icon {
    display: none;
    width: 0 !important;
}

.BlokTarih .el-date-editor .el-range-separator {
    line-height: 12px;
}

.BlokTarih .el-date-editor .el-range-input {
    background: transparent;
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: #000 !important;
}

.BlokTarih .el-input__inner {
    background: transparent !important;
}

.BlokTarih .el-date-editor .el-range__icon {
    display: none;
}

.BlokTarih .el-date-editor.el-input__inner {
    height: 20px;
    background: transparent !important;
    border: none !important;
}

.table-panel-cont {
    background: #e8f1fc;
    border-radius: 10px;
    padding: 5px 10px;
}

.table-panel {
    width: 100%;
    border-spacing: 0 !important;
    background: transparent !important;
}

table.table-panel tbody tr:nth-child(2n+2) {
    background: transparent;
}

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

.table-panel.el-table td.el-table__cell, .table-panel.el-table th.el-table__cell.is-leaf {
    background: #e8f1fc;
    padding: 5px !important;
    font-size: 12px;
    border: 0 !important;
}

.table-panel.el-table .cell {
    padding: 0 !important;
    line-height: 16px;
    font-size: 12px;
    color: #2d2f33;
}

.table-panel tbody tr {
    cursor: pointer;
}

.el-table.table-panel tr:hover td, .table-panel tr:hover td, .table-panel tbody tr:hover th {
    background: #fff !important;
    color: inherit !important;
    cursor: pointer;
}

.el-table.table-panel.table-xhover tr:hover td, .table-panel.table-xhover tr:hover td, .table-panel.table-xhover tbody tr:hover th {
    background: transparent !important;
    color: inherit !important;
    cursor: default;
}

.table-panel thead {
}

.SecimBtn {
    cursor: pointer;
    font-family: 'Gilroy', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
}

.el-dropdown .el-dropdown__caret-button {
    border-radius: 0px 2px 2px 0px !important;
}

.table-panel .el-table__footer-wrapper tbody tr:hover td.el-table__cell {
    background: #e8f1fc !important;
    cursor: default;
}

.table-panel thead th, .table-panel.el-table th.el-table__cell div.cell, .table-panel.el-table .el-table__footer-wrapper .el-table__cell div.cell {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'IBM Plex Sans', sans-serif;
}

.table-panel tbody td {
}

.el-form-item .el-button {
    line-height: 16px !important;
}

.AnimsaticiPopover {
    padding: 0;
}

.el-textarea {
    line-height: 14px;
}

.PanelTitle {
    display: block;
    font-family: 'DM Serif Display', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    padding-left: 10px;
}

.PanelBlok {
    margin-bottom: 20px;
    background: #fafcfe;
    border-radius: 10px;
    border: 2px solid #FFF;
    padding: 10px;


}

.PanelBlok .table {
    background: #f5f6fc;
}

.PanelBlok .PanelBlokFoot {
    padding: 10px;
    font-size: 12px;
    text-align: right;
    padding-bottom: 0;
}

.PanelBlok .PanelBlokFoot a {

}

.el-dialog__body {
    padding-top: 20px;
}

.tab-nohover .el-tabs__content {
    padding: 0 !important;
}

.guncellemeBanner {
    background-image: url('https://www.muhasip.com.tr/Tasarim/img/photos/bg25.png');
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}