body{padding-top:80px}.main{padding:20px}.row{width:100%;padding:5px 20px;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:stretch;flex-wrap:wrap}/* svg{width:15px;height:15px}*/ p{margin:0}.box{width:100%;height:auto;padding:10px;background-color:white;border-radius:10px;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;display:flex;flex-direction:column;gap:0px}.box_header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px;padding-bottom:15px;border-bottom:2px dashed rgb(217, 216, 216);margin-bottom:10px;flex-wrap:wrap}.box_header .title{font-size:20px;color:var(--text-color);font-family:Inter-Bold}.box_header .buttons{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:fit-content}.search_input{min-width:200px;position:relative;padding:0px}.search_input input{width:100%;height:100%;border-width:0px;outline-width:0px;padding:10px 5px;padding-right:25px;border:2px solid var(--primary);font-family:Inter-Bold;border-radius:10px}.search_input .icon{position:absolute;right:10px;top:0px;height:100%;display:flex;justify-content:center;align-items:center}.search_input .icon svg *{fill:var(--primary)}.pagination_input{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center}.pagination_input p{width:110px;font-size:14px}.pagination_input p:first-child{text-align:right;padding-right:5px}.pagination_input p:last-child{text-align:left;padding-left:5px}.pagination_input select{border:2px solid var(--primary);text-align:center;color:var(--primary);border-radius:10px;padding:5px;font-size:15px}.table{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;overflow:scroll;padding:10px 2%}.table .table_container{width:100%;overflow-y:scroll;max-height:60vh}.table .table_header{position:sticky;top:0;width:100%}.table .table_row{width:100%;display:flex;flex-direction:row;gap:0px;align-items:stretch}.table .table_header .table_cell{background-color:var(--primary);color:white;display:flex;justify-content:center;align-items:center;text-align:center;padding:7px 5px;font-size:12px}.table .table_header .table_cell:first-child{border-radius:10px 0px 0px 0px}.table .table_header .table_cell:last-child{border-radius:0px 10px 0px 0px}.table .table_header .table_cell:not(:last-child){border-right:1px solid var(--primary-dark) !important}.table .table_cell{display:flex;justify-content:center;align-items:center;text-align:center;padding:7px 5px;font-size:12px}.table .table_row:nth-child(odd){background-color:#f3f3f3}.table div:not(.table_header) .table_row:nth-child(odd) .table_cell:not(:last-child){border-right:1px solid white}.table .table_row:nth-child(even){background-color:white}.table div:not(.table_header) .table_row:nth-child(even) .table_cell:not(:last-child){border-right:1px solid #f3f3f3}.radio_button{width:50px;height:50px;display:flex;justify-content:center;align-items:center}.radio_button input{width:50px;height:50px}.list{width:100%;padding:5px 15px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start}.list .item::before{content:"->";color:var(--text-color);padding-right:10px}.table_cell .buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-end;gap:5px;align-items:center;padding:1px 4px}.button{border-radius:10px;width:50px;height:30px;outline-width:0;border-width:0;cursor:pointer;font-size:14px;font-family:Inter-Bold}.button svg{width:18px;height:18px}.button:hover{filter:brightness(0.8)}.button.edit{background-color:var(--primary)}.button.edit svg *{fill:var(--primary);stroke:white}.button.delete{background-color:red}.button.delete svg *{fill:white}.button.profile{background-color:rgb(255, 170, 0)}.button.profile svg *{fill:white}.button.add{background-color:rgb(51, 207, 51);color:white;padding:10px 30px;display:flex;justify-content:center;align-items:center}.table_cell .kullanici_info{width:100%;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;align-items:flex-start;padding:0px 5%}.table_cell .kullanici_info .email{font-size:14px;color:black;font-family:Inter-Bold;width:100%;text-align:left}.table_cell .kullanici_info .username{font-size:12px;color:var(--text-color);font-family:Inter-Bold;width:100%;text-align:left}@media screen and (max-width:1100px){.main{padding:10px 0px}.box_header .title{width:100%;margin-bottom:10px}.box_header .buttons{width:100%;margin-bottom:10px}.box_header .buttons > *{width:100%;margin:5px 0px}.row{padding:4px 8px}}