:root{--color1:#3b424d;--color2:#e8584c;}.page{padding:50px;width:calc(100% - 260px);height:100vh;position:absolute;right:0;top:0;bottom:0;overflow:hidden;overflow-y:auto;background-color:#fff;}.fancybox-iframe{width:800px;max-width:100%;height:100%;overflow:hidden;}.header{position:absolute;left:0;bottom:0;top:0;width:260px;overflow:hidden;overflow-y:auto;height:100vh;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;background-color:var(--color1);display:flex;flex-direction:column;padding-bottom:50px;}.header .logo{padding:25px 30px;border-bottom:1px solid #5a6372;margin-bottom:20px;}.header .logo a{color:inherit;font-size:20px;text-decoration:none;font-weight:bold;}.header .logo a img{max-width:100%;width:200px;}.header .users{margin:20px 30px;background-color:#535b68;color:#fff;border-radius:10px;padding:8px 20px;}.header .users small{font-size:10px;opacity:0.5;}.header .ciro-area{margin:20px 30px;background-color:#535b68;color:#fff;border-radius:10px;padding:8px 20px;font-size:12px;}.header .ciro-area b{font-size:14px;display:block;margin-bottom:5px;}.header .ciro-area ul{padding:0;padding-left:15px;margin:0;}.header .menu ul{user-select:none;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;}.header .menu ul li a{text-decoration:none;color:#fff;padding:10px 30px;transition:0.2s;display:flex;gap:10px;align-items:center;}.header .menu ul li a i{opacity:0.5;transition:0.2s;width:25px;}.header .menu ul li a:hover,.header .menu ul li a.active{background-color:var(--color2);}.header .menu ul li a:hover i,.header .menu ul li a.active i{opacity:1;}.form-group{margin-bottom:20px;}.form-group:last-of-type{margin-bottom:0;}.form-group label{margin-bottom:5px;display:block;opacity:0.8;}.form-group small{margin-top:5px;display:block;opacity:0.5;}.loglar{background-color:#f2f2f2;}.loglar ul{padding-left:15px;margin:0;display:flex;gap:10px;flex-direction:column;font-size:13px;}.status-area{border-radius:10px;padding:20px;margin-bottom:20px;background-color:#e4efff;display:flex;gap:10px;flex-direction:column;}.status-area .t{display:flex;align-items:center;gap:10px;}.status-area .t i{width:15px;height:15px;border-radius:500px;}.status-area .m{font-size:20px;}.status-area .b{display:flex;align-items:center;margin-top:10px;gap:20px;}.status-area .b a{flex:1;}.products-area .t{font-size:20px;font-weight:bold;margin-bottom:10px;}.products-area .areas{display:flex;gap:15px;flex-direction:column;}.products-area .areas .area{background-color:#f2f2f2;border-radius:10px;padding:20px;}.products-area .areas .area .tt{cursor:pointer;display:flex;gap:10px;align-items:center;transition:0.2s;background-image:url('../images/angle-bottom.svg');background-repeat:no-repeat;background-size:20px;background-position:right 20px center;}.products-area .areas .area .tt i{background-color:var(--color1);color:#fff;font-style:normal;padding:5px 10px;border-radius:500px;font-size:10px;}.products-area .areas .area .tt a{font-size:8px;}.products-area .areas .area .tt.no-arrow{cursor:auto;background-image:none !important;}.products-area .areas .area .dd{opacity:0.5;font-size:12px;}.products-area .areas .area .b{border-top:1px solid #ddd;padding-top:15px;margin-top:15px;display:none;}.products-area .areas .area .b .yapilan-islemler{background-color:#fff;border-radius:10px;border:1px solid #d2d2d2;padding:20px;}.products-area .areas .area .b .yapilan-islemler .yt{font-weight:bold;margin-bottom:10px;}.products-area .areas .area .b .yapilan-islemler ul{display:flex;list-style:none;padding:0;flex-direction:column;gap:10px;}.products-area .areas .area .b .yapilan-islemler ul li{padding:10px 15px;background-color:#fff;border:1px solid #f2f2f2;border-radius:5px;display:flex;gap:5px;transition:0.2s;flex-direction:column;font-size:12px;}.products-area .areas .area .b .yapilan-islemler ul li .tbt{font-size:17px;}.products-area .areas .area .b .yapilan-islemler ul li .tbt a{font-size:8px;}.products-area .areas .area .b .yapilan-islemler ul li .bottom{display:flex;align-items:center;gap:15px;}.products-area .areas .area .b .yapilan-islemler ul li span{opacity:0.5;}.products-area .areas .area .b .yapilan-islemler ul li:hover{background-color:#f2f2f2;}.products-area .areas .area.active .b{display:block;}.products-area .areas .area.active .tt{background-image:url('../images/angle-up.svg');}.login-area{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;}.login-area form{padding:0 30px;width:400px;max-width:100%;}.login-area .logo{margin-bottom:20px;}.login-area .logo img{width:200px;display:block;}.page-head-area{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px;}.page-head-area .d-flex{gap:20px;}.page-head-area .d-flex .desc{width:auto;}.page-head-area .title{font-size:35px;}.page-head-area .right{display:flex;gap:10px;align-items:center;white-space:nowrap;}.page-head-area .desc{width:500px;max-width:100%;font-size:14px;opacity:0.5;}.page-head-area p:last-of-type{margin-bottom:0px;}.chartbox{background-color:var(--color1);padding:30px;border-radius:20px;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-bottom:30px;height:calc(100% - 30px);display:flex;flex-direction:column;justify-content:space-between;}.chartbox .t{font-weight:bold;font-size:25px;color:#fff;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #5a6372;}.nav[role=tablist]{display:flex;gap:10px;}.nav[role=tablist] li button{border:1px solid #c0c0c0;font-size:13px;color:var(--color1);}.nav[role=tablist] li button.active{background-color:var(--color1);border-color:var(--color1);}.infobox{background-color:var(--color1);border-radius:20px;box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;margin-bottom:30px;height:calc(100% - 30px);color:#fff;}.infobox a{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;height:100%;padding:30px;color:inherit;text-decoration:none;}.infobox .right{text-align:right;}.infobox i{opacity:0.5;font-size:50px;transition:0.2s;}.infobox .t{font-size:14px;font-weight:bold;opacity:0.7;}.infobox .v{font-size:32px;font-weight:bold;}.infobox.only a{display:block;padding:15px 30px;}.infobox.only .right{display:flex;text-align:left;align-items:center;gap:20px;justify-content:space-between;}.infobox:hover i{opacity:1;}.newCustomer{display:none;background-color:#efefef;margin-bottom:25px;padding:30px;border-radius:20px;opacity:0;visibility:hidden;}.newCustomer .t{font-weight:bold;font-size:20px;margin-bottom:10px;}.newCustomer.active{display:block;opacity:1;visibility:visible;}.table tr td{vertical-align:middle;}.list-customer-box{margin-bottom:20px;height:calc(100% - 20px);border-radius:20px;padding:20px 30px;background-color:#efefef;transition:0.2s;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #e3e3e3;}.list-customer-box:hover{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;}.list-customer-box .left{display:flex;flex-direction:column;gap:5px;}.list-customer-box .left a{color:inherit;text-decoration:none;}.list-customer-box .left .f{font-size:20px;}.list-customer-box .left .n{opacity:0.7;font-size:14px;}.list-customer-box .left .d{display:flex;align-items:center;gap:10px;}.list-customer-box .left .d i{background-color:var(--color1);width:15px;height:15px;border-radius:500px;}.list-customer-box .left .d i.s-1{background-color:orange;}.list-customer-box .left .d i.s-2{background-color:blue;}.list-customer-box .left .d i.s-3{background-color:orangered;}.list-customer-box .left .d i.s-4{background-color:purple;}.list-customer-box .left .d i.s-5{background-color:pink;}.list-customer-box .left .d i.s-6{background-color:green;}.list-customer-box .left .b{opacity:0.5;display:flex;align-items:center;gap:20px;font-size:13px;}.pdf-box{width:800px;margin:30px auto;}.pdf-box .head{margin-bottom:15px;display:flex;justify-content:space-between;}.pdf-box .head .left{display:flex;gap:30px;align-items:center;}.pdf-box .head .left .address{display:flex;flex-direction:column;gap:5px;font-size:11px;align-items:flex-start;}.pdf-box .head .left .address .big{font-weight:bold;font-size:22px;text-transform:uppercase;line-height:22px;}.pdf-box .head .left .address .big small{font-size:15px;text-transform:none;display:block;}.pdf-box .head .center{display:flex;align-items:center;font-weight:bold;text-decoration:underline;justify-content:center;}.pdf-box .head .right{text-align:right;display:flex;gap:10px;flex-direction:column;}.pdf-box .head .right .t{font-size:23px;font-weight:bold;line-height:26px;text-transform:uppercase;}.pdf-box .head .right .n{color:red;font-weight:bold;font-size:20px;}.pdf-box .customer{display:flex;gap:5px;flex-direction:column;font-size:13px;margin-bottom:15px;}.pdf-box .tanim{background-color:#f2f2f2;padding:15px 20px;margin-bottom:15px;display:inline-block;border-radius:10px;}.pdf-box .tanim span{opacity:0.5;margin-right:5px;display:inline-block;}.pdf-box .tanim .t{font-size:13px;}.pdf-box .tanim .d{font-size:13px;}.pdf-box .table tr th{font-size:12px;}.pdf-box .table tr td,.pdf-box .table tr th{padding:10px 15px;}.pdf-box .table tr td:nth-of-type(1),.pdf-box .table tr th:nth-of-type(1),.pdf-box .table tr td:nth-of-type(3),.pdf-box .table tr th:nth-of-type(3){width:90px;text-align:center;}.pdf-box .table tr td:last-of-type,.pdf-box .table tr th:last-of-type,.pdf-box .table tr td:nth-last-child(2),.pdf-box .table tr th:nth-last-child(2){width:auto;text-align:center;}.pdf-box .table tr td.red,.pdf-box .table tr th.red{color:red;}