@charset "UTF-8";.hover:hover,.modal .modal-container .modal-close:hover,.toast .close:hover,.siteyolu ul li a:hover,.form .item.files span:hover,.form .item label em:hover,.form .buttons .button:hover,.form .uploaded li span:hover,section h1 .btn:hover,.sidebar .menus ul li a:hover,.sidebar .user .info span:hover,.filter-area .filter-title:hover,.hover:focus,.modal .modal-container .modal-close:focus,.toast .close:focus,.siteyolu ul li a:focus,.form .item.files span:focus,.form .item label em:focus,.form .buttons .button:focus,.form .uploaded li span:focus,section h1 .btn:focus,.sidebar .menus ul li a:focus,.sidebar .user .info span:focus,.filter-area .filter-title:focus{opacity:.9;text-decoration:none;box-shadow:none;outline:0;border:0;cursor:pointer}.hover2:hover,.form .button:hover,.hover2:focus,.form .button:focus{opacity:.9;background:#f1f1f1;text-decoration:none;box-shadow:none;outline:0;cursor:pointer}.floatfull,.bulunamadi,picture,.toast .title,.toast .text,.siteyolu{float:left;width:100%}.ullitemizle,.siteyolu ul,.sidebar .menus ul,.supplier-book-detail .right .item ul{padding:0;margin:0}.ullitemizle li,.siteyolu ul li,.sidebar .menus ul li,.supplier-book-detail .right .item ul li{list-style:none}*{box-sizing:border-box}html{height:100%}body{font-family:"Poppins",sans-serif;font-display:swap;font-size:14px;line-height:1.3;color:#333;height:100%;overflow-x:hidden;font-weight:400;font-style:normal;font-stretch:normal;padding:0;margin:0}main{width:100%;min-height:100%;background:#f4f4f4;display:flex}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7);background-color:#f5f5f5}::-webkit-scrollbar{width:6px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#666}.noscroll{overflow:hidden}.img-max{max-width:100%;height:auto}.img-responsive{width:100%;height:auto}.bulunamadi{font-weight:600;font-size:16px;line-height:20px;min-height:400px}.renkli{color:#e30a17}.plr0{padding-left:0;padding-right:0}.urlopen{margin-left:10px;margin-bottom:-2px;display:inline-block;width:14px;height:14px;background:url(/images/svg/open-url.svg) no-repeat center;background-size:cover}.tooltip{position:relative}.tooltip:hover:before,.tooltip:hover:after{opacity:1;visibility:visible}.tooltip:before{content:attr(data-title);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.8);white-space:nowrap;padding:5px 12px;border-radius:4px;font-size:13px;line-height:18px;opacity:0;visibility:hidden;transition:all 0.3s}.tooltip:after{content:""!important;border-color:rgba(0,0,0,.8) transparent transparent transparent;border-style:solid;border-width:6px;width:0;height:0;position:absolute;top:-6px;left:50%!important;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all 0.3s}.modal{display:none;width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:100;align-items:center;justify-content:center}.modal.active{display:flex}.modal.big .modal-container{max-width:800px}.modal.middle .modal-container{max-width:620px}.modal .modal-container{width:96%;max-width:500px;min-height:250px;max-height:90%;padding:30px;background:#fff;text-align:center;border:1px solid #d7dbeb;position:relative;overflow:hidden}.modal .modal-container .modal-close{width:40px;height:40px;position:absolute;top:5px;right:5px;z-index:1;background:url(/images/svg/modal-close.svg) no-repeat center;background-size:35px}.modal .modal-container .modal-body{width:100%;text-align:left}.modal .modal-container .modal-body p{margin:0 0 15px;font-size:15px;line-height:1.7}.modal .modal-container .modal-body h2{font-size:20px;color:#e30a17;margin:0 0 25px}.modal .modal-container .modal-body a{color:#a60818;font-style:italic}.modal .modal-container .modal-body .modal-buttons{margin-top:40px;display:flex;justify-content:flex-end;gap:15px}.modal .modal-container .modal-body .modal-buttons .button{min-width:100px}.modal .modal-container .modal-body .modal-buttons .confirm{color:#23ba34;border-color:#23ba34}.modal .modal-container .modal-body .modal-buttons .cancel{color:#b00;border-color:#b00}.modal .modal-container .modal-body iframe{width:100%;height:600px;border:0;margin:0}.modal .modal-container .modal-footer{width:100%;margin-top:15px}.modal .modal-container .modal-footer .alert{width:100%;color:#a60818;font-weight:700;padding-left:10px;border-left:3px solid #a60818;text-align:left}.toast{padding:15px 20px;width:420px;text-align:left;background-color:#fff;border-radius:4px;position:fixed;z-index:100;top:-100px;right:35px;border-left:5px solid #999;box-shadow:1px 5px 10px -5px rgba(0,0,0,.2);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.toast.active{top:20px}.toast.success{border-color:#23ba34}.toast.error{border-color:#b00}.toast.warning{border-color:#ffc007}.toast.info{border-color:#1d72f3}.toast .title{font-size:16px;color:#3e3e3e;font-weight:700;margin-bottom:8px}.toast .text{font-size:14px;line-height:1.5;color:#878787}.toast .close{width:14px;height:14px;background:url(/images/elements/kapat.png) no-repeat center;position:absolute;top:20px;right:20px}.siteyolu{padding:0 50px;margin-bottom:20px}.siteyolu ul{float:right;margin-top:-40px}.siteyolu ul li{float:left;color:#333;font-size:14px;line-height:16px;font-weight:400;margin-right:30px;position:relative}.siteyolu ul li:last-child{margin:0}.siteyolu ul li:last-child:after{display:none}.siteyolu ul li:after{content:"";width:6px;height:10px;position:absolute;right:-17px;top:4px;background:url(/images/svg/sagoksiyah.svg) no-repeat center;-webkit-background-size:5px 9px;-moz-background-size:5px 9px;-ms-background-size:5px 9px;-o-background-size:5px 9px;background-size:5px 9px}.siteyolu ul li a{color:#a7a7a7}.form[completed="true"] .uploaded li span.delete{pointer-events:none;opacity:.5}.form[updatable="false"] .buttons .button{pointer-events:none}.form[updatable="false"] .action-buttons{pointer-events:none}.form[updatable="false"] .action-buttons .button:not(.ok){opacity:.5}.form[updatable="false"] .uploaded li span.delete{pointer-events:none;opacity:.5;display:none}.form .group{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;position:relative;padding:30px 20px 5px;border:1px dashed #d7dbeb;border-radius:10px;margin:10px 0 30px}.form .group:hover{border-color:#999}.form .group:hover .group-title{color:#fff;background:#999}.form .group.coproduct-container{display:none}.form .group.coproduct-container.active{display:flex}.form .group.lisans-container{padding-bottom:20px}.form .group .group-title{position:absolute;left:15px;top:-16px;padding:4px 12px;background:#f4f4f4;font-weight:600;border-radius:5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}.form .group .files .uploaded{margin:0;padding:0;border:0}.form button{font-family:inherit}.form input,.form select,.form textarea{font-family:inherit}.form input:focus,.form select:focus,.form textarea:focus{outline:0;box-shadow:none;border-color:#bbc9eb!important;box-shadow:0 0 0 3px rgba(40,158,231,.25)}.form textarea{resize:none}.form .button{width:auto;min-width:150px;padding:0 15px;height:40px;line-height:36px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#e30a17;border:2px solid #e30a17;font-weight:700;border-radius:5px;font-size:14px;letter-spacing:.5;gap:6px;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.form .button:hover{gap:12px}.form .button b{font-size:18px}.form .button.loading{position:relative;pointer-events:none;border-color:#ddd}.form .button.loading:before{content:"";position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;pointer-events:none;background:url(/images/svg/btn-loading.svg) center no-repeat #ddd;background-size:32px}.form .button.ok{color:rgba(35,186,52,.5)!important;border-color:rgba(35,186,52,.5)!important;pointer-events:none!important;position:relative!important}.form .button.ok:before{content:"✔";width:22px;height:22px;border-radius:50%;background:#23ba34;position:absolute;left:-10px;top:-5px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500}.form .item{width:100%;margin:0 0 15px}.form .item.two-item{display:flex;align-items:center;justify-content:flex-start}.form .item.two-item label{width:auto;display:flex;align-items:center;justify-content:flex-start;font-size:13px;margin:0 auto 0 0;cursor:pointer}.form .item.two-item label input{padding:0;width:25px;height:25px;margin:0 8px 0 0;accent-color:#e30a17}.form .item.flex{display:flex;align-items:center;justify-content:flex-start}.form .item.hide{display:none}.form .item.col2{width:48.5%}.form .item.col3{width:31.5%}.form .item.col3-2{width:66%}.form .item.col4{width:23%}.form .item.lisans-item{margin:0;height:40px}.form .item.lisansor-container{display:none;width:100%;margin:20px 0 0}.form .item.lisansor-container.active{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.form .item.border-top{margin-top:20px;padding-top:15px;border-top:2px dotted #d7dbeb}.form .item.files{margin:0 0 15px;display:flex;flex-direction:column}.form .item.files .uploaded2 span{color:#23ba34}.form .item.files label{font-weight:700;text-decoration:underline}.form .item.files span{line-height:1.7;color:#e30a17;font-style:italic}.form .item.files b{display:block;line-height:1.4;color:#0a2336}.form .item .button-group{width:auto;gap:10px;display:flex;margin-left:auto}.form .item .button-group.right .button{min-width:100px;color:#fff;background:#0a2336;border:0}.form .item .input-group{display:flex}.form .item .input-group.other{display:none;margin-top:10px}.form .item .input-group.other.active{display:flex}.form .item .input-group input{width:70%;border-radius:5px 0 0 5px}.form .item .input-group select{width:30%;border-radius:0 5px 5px 0;background:#f9f9f9;padding:0 7px}.form .item label{width:auto;margin:0 0 6px;font-weight:500;display:flex;align-items:center;justify-content:space-between;color:#666}.form .item label.check{margin:0;justify-content:flex-start;cursor:pointer}.form .item label.check.full{width:100%}.form .item label.check:not(:last-child){margin-right:10%}.form .item label.check input{width:25px;height:25px;accent-color:#e30a17;margin:0 10px 0 0;box-shadow:none;pointer-events:none}.form .item label em{display:inline-block;font-size:13px;text-decoration:underline;color:#e30a17}.form .item input,.form .item select,.form .item textarea{width:100%;height:40px;padding:0 12px;border:1px solid #d7dbeb;border-radius:5px}.form .item input:disabled,.form .item select:disabled,.form .item textarea:disabled{background:#f4f4f4}.form .item textarea{height:100px;padding:12px}.form .item input[type="file"]{padding:8px 12px}.form .alert{width:100%;color:#a60818;font-weight:700;padding-left:10px;border-left:3px solid #a60818}.form .alert.success{color:#23ba34;border-left-color:#23ba34}.form .buttons{max-width:300px;padding:15px;background:#fff3f3;margin-top:auto;margin-left:-15px;margin-bottom:-15px}.form .buttons .button{width:100%;color:#fff;border:0}.form .buttons .button:not(:last-child){margin-bottom:10px}.form .buttons .button.add-step{background:#23ba34}.form .buttons .button.finish-process{background:#0a2336}.form .buttons .button.remove-step{background:#a60818}.form .buttons .button.licensor-approval{background:#e3aa00}.form .buttons .button b{color:#fff}.form .buttons b{color:#e30a17;display:inline-block;line-height:1.6}.form .action-buttons{width:100%;padding:15px;background:#fff3f3;margin:25px auto;display:flex;align-items:flex-start;justify-content:flex-end;gap:15px}.form .action-buttons .button{color:#0a2336;border-color:#0a2336;white-space:nowrap}.form .uploaded{width:100%;padding:15px;margin:10px 0 0;border:1px solid #d7dbeb;font-style:italic;font-size:13px}.form .uploaded li{display:flex;align-items:center;margin-bottom:6px}.form .uploaded li span.delete{font-style:normal;display:block;padding:3px 5px;background:#e30a17;color:#fff;border-radius:5px;margin-right:8px}.form .uploaded li span em{font-style:normal;line-height:1;margin-left:5px;border-radius:4px;background:#999;color:#fff;font-size:16px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.form .uploaded li span b{display:block;line-height:1.4}.content-form{display:flex;align-items:stretch;justify-content:space-between;padding:15px}.content-form .left{width:73%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;align-content:flex-start}.content-form .left h2{width:100%;margin:0 0 30px;color:#e30a17;font-size:20px}.content-form .left h2 span{display:inline-block;padding-bottom:5px;border-bottom:1px solid #e30a17}.content-form .right{width:22%}.content-form .right.column-flex{display:flex;flex-direction:column;justify-content:space-between}.content-form .right p{font-size:15px;line-height:1.5}.content-form .multistep{width:100%;position:relative}.content-form .multistep .step{z-index:1;width:100%;display:flex;align-items:center;justify-content:flex-start;position:relative;margin-bottom:50px}.content-form .multistep .step:not(:first-child):before{content:"";width:4px;height:50px;background:#eee;position:absolute;left:18px;top:-50px;z-index:0}.content-form .multistep .step.active:before,.content-form .multistep .step.completed:before{background:#e30a17}.content-form .multistep .step.active span,.content-form .multistep .step.completed span{color:#fff;background:#e30a17}.content-form .multistep .step.active b,.content-form .multistep .step.completed b{color:#e30a17}.content-form .multistep .step a{text-decoration:none;display:flex;align-items:center;justify-content:flex-start}.content-form .multistep .step span{display:flex;align-items:center;justify-content:center;height:40px;width:40px;flex:0 0 40px;border-radius:50%;background:#eee;font-size:22px;font-weight:700;color:#aaa;margin-right:10px}.content-form .multistep .step b{font-size:18px;color:#aaa}.login{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(to bottom,#e30a17,#a60818)}.login .container{width:94%;max-width:500px;height:auto;padding:40px 3%;border-radius:10px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2)}.login .container a{width:240px;height:auto;display:block;margin:0 auto}.login .container a img{width:100%;height:auto}.login .container h1{margin:30px 0;font-size:24px}section{width:100%;height:100%;padding:35px;padding-left:335px}section h1{width:100%;color:#0a2336;margin:0 0 30px;padding:0 0 10px;border-bottom:1px solid #0a2336;display:flex;align-items:center;justify-content:space-between;font-size:26px;line-height:35px}section h1 .right{display:flex;align-items:center;gap:15px;margin-left:auto}section h1 .btn{height:35px;display:inline-block;padding:0 15px;background:#0a2336;color:#fff;border-radius:5px;font-size:14px;text-decoration:none;font-weight:500;position:relative;display:flex;align-items:center;box-shadow:0 3px 5px rgba(0,0,0,.2)}section h1 .btn:before{content:"";width:20px;height:20px;background-repeat:no-repeat;background-position:center;display:block;margin-right:10px}section h1 .btn.add-btn{background:#23ba34}section h1 .btn.add-btn:before{background-image:url(/images/svg/btn-add.svg)}section h1 .btn.back-btn:before{background-image:url(/images/svg/btn-left.svg)}section h1 .btn.import-btn{background:#999}section h1 .btn.import-btn:before{background-image:url(/images/svg/btn-import.svg)}.sidebar{display:flex;width:300px;flex:0 0 300px;flex-direction:column;height:100%;padding:30px;background:#fff;position:fixed;left:0;top:0}.sidebar .logo{margin-bottom:7vh}.sidebar .logo img{width:180px;height:auto}.sidebar .menus{margin:0 -15px}.sidebar .menus .toggle-btn{display:none}.sidebar .menus ul li{font-size:15px;font-weight:500;position:relative;border-radius:5px}.sidebar .menus ul li.active a{color:#e30a17;border-radius:5px;background:#fff3f3}.sidebar .menus ul li.icon-11:before{background-image:url(/images/svg/menu-icon-11.svg)}.sidebar .menus ul li.icon-12:before{background-image:url(/images/svg/menu-icon-12.svg)}.sidebar .menus ul li.icon-13:before{background-image:url(/images/svg/menu-icon-13.svg)}.sidebar .menus ul li.icon-14:before{background-image:url(/images/svg/menu-icon-14.svg)}.sidebar .menus ul li.icon-15:before{background-image:url(/images/svg/menu-icon-15.svg)}.sidebar .menus ul li.icon-16:before{background-image:url(/images/svg/menu-icon-16.svg)}.sidebar .menus ul li.icon-17:before{background-image:url(/images/svg/menu-icon-17.svg)}.sidebar .menus ul li.icon-18:before{background-image:url(/images/svg/menu-icon-18.svg)}.sidebar .menus ul li.icon-19:before{background-image:url(/images/svg/menu-icon-19.svg)}.sidebar .menus ul li.icon-20:before{background-image:url(/images/svg/menu-icon-20.svg)}.sidebar .menus ul li:before{content:"";width:45px;height:20px;background-size:25px 20px;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:50%;margin-top:-10px;pointer-events:none;z-index:10}.sidebar .menus ul li a{display:block;color:#0a2336;text-decoration:none;padding:11px 15px 11px 50px}.sidebar .user{width:100%;margin-top:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.sidebar .user img{flex:0 0 35px}.sidebar .user .info{color:#0a2336;width:calc(100% - 45px);font-size:12px;line-height:1.5}.sidebar .user .info b,.sidebar .user .info em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar .user .info span{display:inline-flex;position:relative;margin-top:10px;color:#e30a17}.sidebar .user .info span:before{content:"";width:20px;height:20px;background:url(/images/svg/btn-logout.svg) no-repeat center;background-size:20px;margin-right:5px}.page-content{width:100%;padding:25px;background:#fff;border-radius:10px;box-shadow:0 3px 5px rgba(0,0,0,.1);overflow:hidden}.page-content.report-total,.page-content.report-supplier{display:flex}.page-content.report-total .item,.page-content.report-supplier .item{flex:1}.page-content h2.page-title{text-align:center;font-size:18px;color:#e30a17;margin:0 0 15px}.filter-area{width:calc(100% + 50px);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;background:#fff3f3;padding:15px 25px;margin-left:-25px;margin-bottom:30px}.filter-area.active .filter-title{margin-bottom:10px;color:#0a2336}.filter-area.active .filter-title .switch{background:#0a2336}.filter-area.active .filter-title .switch:before{left:27px;background:#fff}.filter-area.active .filters{display:flex}.filter-area .filter-title{width:100%;font-size:18px;font-weight:600;display:flex;align-items:center}.filter-area .filter-title .switch{width:50px;height:26px;background:#d7dbeb;border-radius:20px;margin-right:15px;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.filter-area .filter-title .switch:before{content:"";width:20px;height:20px;position:absolute;left:3px;top:3px;border-radius:50%;background:#999;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.filter-area .filters{width:100%;display:none;flex-wrap:wrap;margin-top:10px;gap:2%}.filter-area .filters .item{margin-bottom:0;width:23.5%}.filter-area .filters .item:nth-child(n+5){margin-top:15px}.filter-area .filters .item.hide{display:none}.filter-area .filters .item.active{display:block}.filter-area .filters .item label{color:#e30a17}.home .dashboard-list{width:100%;display:flex;align-items:stretch;justify-content:space-between;gap:20px;margin-bottom:35px}.home .dashboard-list .item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;padding:20px;font-size:15px;font-weight:500;border-radius:10px;color:#999;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.home .dashboard-list .item:hover{cursor:pointer;box-shadow:1px 5px 10px -5px rgba(0,0,0,.2)}.home .dashboard-list .item img{width:auto;height:50px;opacity:.4}.home .dashboard-list .item span{width:100%;display:block;margin:20px 0 10px}.home .dashboard-list .item b{display:block;font-size:20px;color:#fff;padding:3px 12px;background:#e30a17;border-radius:5px;margin-top:auto}.report-buttons{width:100%;padding:30px;background:#fff;border-radius:10px;margin:0 0 30px;box-shadow:1px 5px 10px -5px rgba(0,0,0,.2);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.report-buttons ul{width:100%;list-style:none;display:flex;align-items:center;padding:0;margin:0}.report-buttons ul li{font-weight:700;color:#0a2336;font-size:16px;line-height:20px}.report-buttons ul li:not(:last-child){margin-right:20px}.report-buttons ul li.active a{background:#e30a17;color:#fff;pointer-events:none;padding:10px 30px}.report-buttons ul li.active a span{display:none}.report-buttons ul li a{display:block;width:auto;border:1px solid #e30a17;border-radius:10px;padding:10px 20px;color:#e30a17;text-decoration:none;transition:all 0.3s;font-size:14px;font-weight:500}.report-buttons ul li a:hover{background-color:#f4f4f4}.supplier-books{padding:40px}.supplier-books h2{color:#e30a17;margin:0 0 20px;font-size:20px}.supplier-books .list{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:2.75%;margin-bottom:40px}.supplier-books .list .item{width:31.5%;padding:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;box-shadow:1px 5px 10px -5px rgba(0,0,0,.2);border:1px solid #f4f4f4;border-left-width:5px;border-left-color:#0a2336;transition:all 0.3s;margin-bottom:25px;position:relative}.supplier-books .list .item.gotourl{cursor:pointer}.supplier-books .list .item:hover{box-shadow:1px 5px 10px -5px rgba(0,0,0,.4)}.supplier-books .list .item .new{padding:5px 10px;background:#e30a17;color:#fff;font-size:12px;line-height:1.2;position:absolute;right:15px;top:10px;border-radius:5px;font-weight:600;letter-spacing:1px}.supplier-books .list .item .title{width:100%;color:#a60818;font-size:16px;font-weight:700;margin-bottom:15px}.supplier-books .list .item .info{width:72%;display:flex;flex-direction:column;font-size:14px;padding-right:10px}.supplier-books .list .item .info div{margin:0 0 5px;display:flex}.supplier-books .list .item .info b{min-width:85px;display:inline-block}.supplier-books .list .item img{flex:0 0 28%;width:28%;height:auto}.supplier-books .list .item .item-buttons{margin-top:15px;display:flex;justify-content:flex-end;gap:15px}.supplier-books .list .item .item-buttons .button{min-width:100px}.supplier-books .list .item .item-buttons .button.confirm-payment{color:#23ba34;border-color:#23ba34}.supplier-book-detail{padding:40px;display:flex;align-items:flex-start}.supplier-book-detail .left{width:42%;display:flex;align-items:flex-start;justify-content:center;position:relative}.supplier-book-detail .left:after{content:"";width:400px;height:400px;background:#f4f4f4;border-radius:50%;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:0}.supplier-book-detail .left img{z-index:1;box-shadow:0 5px 10px rgba(0,0,0,.3)}.supplier-book-detail .left p{position:absolute;bottom:-80px;width:100%;left:0;text-align:center;font-size:13px;color:#e30a17;font-weight:500}.supplier-book-detail .left p b{font-size:18px;margin-right:6px}.supplier-book-detail .right{width:58%;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:14%}.supplier-book-detail .right .item{width:42%;padding-top:25px}.supplier-book-detail .right .item.files{width:100%;border-top:1px solid #d7dbeb;margin:40px 0;padding-top:40px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.supplier-book-detail .right .item.files .item{width:50%;padding-top:0;margin:0}.supplier-book-detail .right .item.files .item label{font-weight:700}.supplier-book-detail .right .item.files .item ul.uploaded{padding:15px 15px 10px}.supplier-book-detail .right .item.files .item ul.uploaded li{padding:0!important;align-items:center!important;justify-content:flex-start!important}.supplier-book-detail .right .item.files .item ul li{border:0;padding:10px 0 0}.supplier-book-detail .right .item.files .item ul li a{height:35px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;background:#0a2336;color:#fff;text-decoration:none;box-shadow:0 3px 5px rgba(0,0,0,.2);border-radius:5px}.supplier-book-detail .right .item.files .item ul li a b{font-size:18px;margin-right:10px;font-weight:400}.supplier-book-detail .right .item.files .item .upload-group{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.supplier-book-detail .right .item.files .item .upload-group .button{height:32px;line-height:28px;min-width:auto;margin:6px 0 6px 10px}.supplier-book-detail .right .item h3{width:100%;color:#a60818;margin:0 0 15px}.supplier-book-detail .right .item ul li{width:100%;padding:7px 0;display:flex;align-items:flex-start;justify-content:space-between}.supplier-book-detail .right .item ul li:not(:last-child){border-bottom:1px dashed #d7dbeb}.supplier-book-detail .right .item ul li b{margin-right:auto}.timeline{padding:40px}.timeline .item{display:flex;flex-direction:column;padding:20px 30px;color:#0a2336;border-left:2px solid #d7dbeb;border-bottom:1px solid #ddd;position:relative}.timeline .item:last-child{border-bottom:none}.timeline .item:after{content:"";width:16px;height:16px;display:block;position:absolute;top:68px;left:-11px;border-radius:50%;border:2px solid #d7dbeb;background:#fff}.timeline .item .info{width:100%;display:flex;align-items:center;justify-content:flex-start}.timeline .item .info .badge{width:auto;display:inline-flex;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap;border-radius:5px;color:#fff}.timeline .item .info .badge.dark{background:#333}.timeline .item .info .badge.success{background:#23ba34}.timeline .item .info .badge.danger{background:#b00}.timeline .item .info .badge.warning{background:#ffc007}.timeline .item .info .badge.info{background:#1d72f3}.timeline .item .info .user{margin-left:20px}.timeline .item .info .date{color:#a60818;font-weight:500;margin-left:auto}.timeline .item h3{font-weight:600;margin:25px 0 10px;color:#a60818}.timeline .item p{margin:0;line-height:1.5;color:#333}.timeline .item p a{color:#333;text-decoration:underline}@media (max-width:1599px){.supplier-books .list{gap:3%}.supplier-books .list .item{width:48.5%}}