*{color:#000}body,html{width:100%;height:100%;font-size:14px;background-color:#fbe582}h1,h2,h3,h4,h5,p{font-family:Montserrat,sans-serif!important}h1,h2,h3,h4,h5{font-weight:700;margin:0}label,p{margin:0}a{text-decoration:none}.custom-icon{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#323232;cursor:pointer}.custom-icon>i{font-size:3em;color:#fbe582}.loading{display:flex;justify-content:center;align-items:center;grid-column-start:1;grid-column-end:3}.loading img{width:120px;padding:10px;background-color:#323232}.table .row-table{display:grid;grid-template-columns:2fr 1fr 1fr;-moz-column-gap:10px;column-gap:10px}.table .row-table span{padding:5px 10px;margin-bottom:5px}.table .head-table span{background-color:#323232;color:#fbe582;font-weight:700}.title-black-bg{color:#e1cd73}.text-black-bg>*{color:#fffcec}.export input{display:none}.export button{text-decoration:none;background-color:#323232;color:#64ff61;border:0;padding:20px 25px}.export button:hover{background-color:#2a2a2a}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-group-login input:-webkit-autofill,.input-group-login input:-webkit-autofill:focus,.input-group-login input:-webkit-autofill:hover,.input-group-login textarea:-webkit-autofill,.input-group-login textarea:-webkit-autofill:focus,.input-group-login textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fbe582;box-shadow:inset 0 0 0 1000px #323232}.input-group-item input:-webkit-autofill,.input-group-item input:-webkit-autofill:focus,.input-group-item input:-webkit-autofill:hover,.input-group-item textarea:-webkit-autofill,.input-group-item textarea:-webkit-autofill:focus,.input-group-item textarea:-webkit-autofill:hover{-webkit-text-fill-color:#323232;box-shadow:inset 0 0 0 1000px #323232}.input-group-payment input:-webkit-autofill,.input-group-payment input:-webkit-autofill:focus,.input-group-payment input:-webkit-autofill:hover{-webkit-text-fill-color:#fbe582;box-shadow:inset 0 0 0 1000px #323232}.input-group-item input::-webkit-input-placeholder{color:#b8a75e}.input-group-item input::-moz-placeholder{color:#b8a75e}.input-group-item input:-ms-input-placeholder{color:#b8a75e}.input-group-item input::-ms-input-placeholder{color:#b8a75e}.input-group-item input::placeholder{color:#b8a75e}.input-group{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:40px;column-gap:40px}.input-group-item,.input-group-payment{border:3px solid #323232;padding:15px 20px;width:100%}.input-group-item p,.input-group-payment p{font-weight:700}.input-group-item input,.input-group-item textarea,.input-group-payment input,.input-group-payment textarea{width:100%;background-color:#fbe582;border:none;outline:none;font-size:1.3em;font-weight:700}.cancel-button{display:flex;justify-content:center;align-items:center;background-color:#ff6f61;cursor:pointer}.cancel-button .bin-cancel{font-size:2em}.cancel-button:hover{background-color:#e26060}.add-button{display:flex;justify-content:center;align-items:center;background-color:#64ff61;cursor:pointer}.add-button .bin-plus{font-size:2em}.add-button:hover{background-color:#53e261}.custom-button{width:90px;height:90px}.bin{font-size:20px;display:inline-block}.bin.icon:hover{color:#2ebdea}.bin.icon:hover.active{color:#fff}i[class*=" bin-"]:before,i[class^=bin-]:before{margin:0}.mgt-auto{margin-top:auto}.mgt-10{margin-top:10px}.mgt-20{margin-top:20px}.mgt-30{margin-top:30px}.mgt-40{margin-top:40px}.mgt-50{margin-top:50px}.mgb-auto{margin-bottom:auto}.mgb-10{margin-bottom:10px}.mgb-20{margin-bottom:20px}.mgb-30{margin-bottom:30px}.mgb-40{margin-bottom:40px}.mgb-50{margin-bottom:50px}.mgr-auto{margin-right:auto}.mgr-10{margin-right:10px}.mgr-20{margin-right:20px}.mgr-30{margin-right:30px}.mgr-40{margin-right:40px}.mgr-50{margin-right:50px}.mgl-auto{margin-left:auto}.mgl-10{margin-left:10px}.mgl-20{margin-left:20px}.mgl-30{margin-left:30px}.mgl-40{margin-left:40px}.mgl-50{margin-left:50px}.login{height:100%;width:100%}.login .title{display:flex;align-items:center;padding:0}.login .title i{transform:rotateY(180deg);padding:15px 25px;background-color:#323232;font-size:2.3em;color:#fbe582;box-shadow:10px 10px 4px 4px rgba(0,0,0,.15)}.login .title h1{font-size:1.3em;font-weight:700}.login .login-form{max-width:530px;width:100%}.login .login-form .alert-login p{background-color:#e26060;padding:10px 20px;font-weight:700;color:#323232}.login .login-form form{padding:70px;background-color:#323232;box-shadow:-10px 10px 4px 4px rgba(0,0,0,.15)}.login .login-form form .input-group-login{width:100%;border:2px solid #fbe582}.login .login-form form .input-group-login label{padding:5px 15px;width:100%}.login .login-form form .input-group-login label p{font-weight:700;color:#fbe582}.login .login-form form .input-group-login label input{width:100%;color:#fbe582;border:none;background-color:#323232!important;font-family:Montserrat,sans-serif!important;outline:none}.login .login-form form .password i{color:#323232;padding:15px 21px;background-color:#73e17e;cursor:pointer}.login .login-form form .checkbox{position:relative;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;cursor:pointer;padding-left:30px;color:#fbe582}.login .login-form form .checkbox input[type=checkbox],.login .login-form form .checkbox span{position:absolute;top:50%;left:0;transform:translateY(-50%)}.login .login-form form .checkbox span{width:20px;height:20px;border:2px solid #fbe582;background-color:#323232}.login .login-form form .checkbox input[type=checkbox]:checked~span:before{content:"\E815";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:bin-icon;font-size:10px;color:#fbe582}.login .login-form form .forgot a{color:#73e17e;text-decoration:none}.login .login-form form .forgot a:hover{text-decoration:underline}.login .login-form #button-login{padding:15px 25px;background-color:#323232;border:none;box-shadow:-10px 10px 4px 4px rgba(0,0,0,.15);float:right}.login .login-form #button-login>*{color:#fbe582;font-size:2.3em}table i.bin{font-size:1.5em;margin-left:5px;padding:12px 18px;border:2px solid #323232;cursor:pointer}table i.bin.bin-cancel{background-color:#ff6f61}table i.bin:hover{background-color:#323232;color:#fbe582}.info-orders{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1;background-color:#fbe582;overflow:auto}.info-orders .contanier{height:100%}.info-orders .contain{height:100%;margin-bottom:50px}.info-orders .header{display:flex;align-items:center;padding:40px 0}.info-orders .header h2{margin-right:auto}.info-orders .header i{font-size:1.5em;cursor:pointer;border:2px solid #323232;padding:3px 10px}.info-orders i:hover{background-color:#323232;color:#fbe582}.area{max-width:1380px;width:100%;height:auto;margin:auto}.area .headbar{display:flex;position:fixed;top:0;left:0;z-index:1;width:100%}.area .logo{transform:rotateY(180deg)}.area .company{display:flex;flex-grow:1;padding:0 60px;align-items:center;background-color:#fbe582}.area .company h1{font-size:1.4em}.area .company span{font-weight:700;font-size:1.1em}.area .user-option{display:flex}.area .user-option>.custom-icon:hover{background-color:#2a2a2a}.area .user-option i{font-size:2em}.area nav{position:fixed;top:100px;left:0;width:100px}.area nav .m-list{width:inherit;height:100px;background-color:#e1cd73;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3px;cursor:pointer;text-decoration:none}.area nav .m-list i{font-size:2em}.area nav .m-list span{font-weight:700}.area nav .m-list:hover{background-color:#b8a75e}.area nav .m-list.active{background-color:#fbe582}.area .content{display:flex;flex-direction:column;margin-top:146px;margin-left:160px;margin-right:60px}.area .content .sub-nav{position:fixed;z-index:1;top:100px}.area .content .sub-nav a{display:inline-block;margin-top:3px;padding:10px 20px;background-color:#e1cd73;color:#000;text-decoration:none;font-weight:700}.area .content .sub-nav a:hover{background-color:#b8a75e}.area .content .sub-nav a.active{background-color:#323232;color:#fbe582}.area .content .greeting{display:flex;background-color:#323232;align-items:center;padding:40px;min-height:200px}.area .content .greeting h2{color:#fbe582}.area .content .greeting p{font-weight:700;color:#f2efce}.area .content .greeting>span{width:50%}.area .content .greeting span:last-child{position:relative}.area .content .greeting span:last-child img{position:absolute;top:-80px;right:0;width:400px}.area .content .form-order>*{display:flex;margin-top:150px}.area .content .form-order .form{width:70%}.area .content .form-order .title{position:relative;width:30%}.area .content .form-order .title h3{position:-webkit-sticky;position:sticky;top:180px;padding-left:40px}.area .content .form-order .title h3:before{content:"";width:20px;height:20px;position:absolute;top:50%;left:0;border:3px solid #323232;border-radius:50px;transform:translateY(-50%)}.area .content .form-order .identity .identity-2{grid-column-start:1;grid-column-end:3}.area .content .form-order .product .input-group{grid-template-columns:1fr auto auto}.area .content .form-order .product .custom-input{width:120px}.area .content .form-order .product .desc-product{grid-column-start:1;grid-column-end:4;display:grid;grid-template-columns:2fr 1fr;-moz-column-gap:40px;column-gap:40px}.area .content .form-order .product .desc-product .item,.area .content .form-order .product .desc-product .price{display:grid;row-gap:10px;padding:30px;background-color:#e1cd73}.area .content .form-order .product .desc-product .row-item{display:flex}.area .content .form-order .product .desc-product .price,.area .content .form-order .product .desc-product .row-item{width:100%}.area .content .form-order .product .desc-product .price p:first-child,.area .content .form-order .product .desc-product .row-item p:first-child{display:inline-block;width:150px;font-weight:700}.area .content .form-order .product .desc-product .price p:last-child{font-size:1.4em;font-weight:700}.area .content .form-order .product .desc-product .loading{display:flex;justify-content:center;align-items:center;grid-column-start:1;grid-column-end:3;height:150px;background-color:#323232}.area .content .form-order .product .desc-product .loading img{width:80px;background-color:rgba(50,50,50,0)}.area .content .form-order .product .add-button-container{display:flex}.area .content .form-order .product .caution-order{display:flex;align-items:center;width:100%;background-color:#323232;padding:20px;margin-right:20px}.area .content .form-order .product .caution-order p{margin-right:auto;font-weight:700}.area .content .form-order .product .caution-order *{color:#fbe582}.area .content .form-order .product .add-button{float:right}.area .content .form-order .detail .detail-desc{position:relative;padding:40px;min-height:200px;background-color:#e1cd73}.area .content .form-order .detail .detail-desc:first-child div{display:grid;grid-template-columns:1fr 2fr;-moz-column-gap:10px;column-gap:10px}.area .content .form-order .detail .detail-desc:first-child div p:first-child{font-weight:700}.area .content .form-order .detail .detail-desc .empty-detail{display:flex;position:absolute;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0}.area .content .form-order .detail .detail-desc .empty-detail *{font-weight:700}.area .content .form-order .detail .table .row-table{display:grid;grid-template-columns:2fr 1fr 1fr;-moz-column-gap:10px;column-gap:10px}.area .content .form-order .detail .table .row-table span{padding:5px 10px;margin-bottom:5px}.area .content .form-order .detail .table .head-table span{background-color:#323232;color:#fbe582;font-weight:700}.area .content .form-order .order{display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:20px;column-gap:20px}.area .content .form-order .order *{color:#fbe582}.area .content .form-order .order #pay{font-size:2.4em;font-weight:700;padding:50px 0}.area .content .form-order .order .pay{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#323232;padding:30px}.area .content .form-order .order .pay:first-child{padding:60px 0}.area .content .form-order .order .payments{display:flex;flex-direction:column;justify-content:center;align-items:center}.area .content .form-order .order .payments p{margin-bottom:20px;font-weight:700;font-size:1.1em}.area .content .form-order .order .payment-no,.area .content .form-order .order .payment-yes{color:#323232;padding:5px 10px;text-align:center;font-weight:700;cursor:pointer}.area .content .form-order .order .payment-yes{margin-right:10px;background-color:#64ff61}.area .content .form-order .order .payment-no{background-color:#ff6f61}.area .content .form-order .order .input-group-payment{border:3px solid #fbe582}.area .content .form-order .order .input-group-payment input{background-color:#323232}.area .content .form-order .order .input-group-payment input::-webkit-input-placeholder{color:#fbe582}.area .content .form-order .order .input-group-payment input::-moz-placeholder{color:#fbe582}.area .content .form-order .order .input-group-payment input:-ms-input-placeholder{color:#fbe582}.area .content .form-order .order .input-group-payment input::-ms-input-placeholder{color:#fbe582}.area .content .form-order .order .input-group-payment input::placeholder{color:#fbe582}.area .content .form-order .order-button{color:#fbe582;background-color:#323232;font-size:1.3em;font-weight:700;border:3px solid #323232;padding:20px 30px;margin-top:20px;margin-bottom:150px;float:right}.area .content .form-order .order-button:hover{background-color:#fbe582;color:#323232}.area .content .info-order .customer{display:grid;grid-template-columns:auto auto;-moz-column-gap:20px;column-gap:20px}.area .content .info-order .customer>div{padding:30px;background-color:#323232}.area .content .info-order .customer>div>*{color:#fbe582}.area .content .info-order .customer>div p{font-size:1.8em;margin-top:10px}.area .content .filter .wrapper{display:flex}.area .content .filter .detail{display:flex;flex-direction:column;justify-content:space-between;width:100%}.area .content .filter .detail .list-detail{margin-left:60px}.area .content .filter .detail .list-detail>p{font-size:2.3em;font-weight:700;margin-top:10px}.area .content .filter .detail .list-detail .input-group-item{width:100%;background-color:#323232;border:none;padding:25px}.area .content .filter .detail .list-detail .input-group-item *{color:#fbe582}.area .content .filter .detail .list-detail .input-group-item p:nth-child(2){font-size:2em;margin-top:10px}.area .content .filter .detail .list-detail:nth-child(3){display:grid;grid-template-columns:auto auto;-moz-column-gap:20px;column-gap:20px}.area .content .filter .form{position:relative;display:flex;flex-direction:column;background-color:#323232;padding:10px 10px 90px;width:100%;max-width:400px}.area .content .filter .form .input-group-item>p{color:#fbe582}.area .content .filter .form .input-group-item .text{color:rgba(225,205,115,.31)}.area .content .filter .form .input-group-item .text>p{color:#fbe582}.area .content .filter .form .input-group-item input{background-color:transparent;color:#fbe582}.area .content .filter .form .input-group-item i{color:#fbe582}.area .content .filter .form .search-button{position:absolute;bottom:0;right:0;display:flex;justify-content:center;align-items:center;background-color:#525bac;cursor:pointer;border:none}.area .content .filter .form .search-button>i{color:#fbe582}.area .content .filter .form .search-button:hover{background-color:#404bad}.area .content .filter .form .custom-button{width:90px;height:90px}.area .content .filter .form .custom-button i{font-size:1.8em}.area .content .add-new{display:flex;justify-content:center;align-items:center;background-color:#323232;padding:20px;cursor:pointer}.area .content .add-new:hover{background-color:#1f1f1f}.area .content .add-new i{color:#73e17e;font-size:2em}.area .content .add-new p{font-size:1.2em;font-weight:700;color:#f2efce;margin-left:20px}.area .content .new{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#fbe582}.area .content .new .header{display:flex;padding:40px 0}.area .content .new .header h2{margin-right:auto}.area .content .new .header i{border:2px solid #323232;font-size:1.3em;padding:3px 8px;cursor:pointer}.area .content .new .header i:hover,.area .content .new button{background-color:#323232;color:#fbe582}.area .content .new button{font-weight:700;padding:20px}.area .content .new button:hover{background-color:#1f1f1f}.detail-component{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fbe582;z-index:2;overflow:auto}.detail-component .container{height:100%}.detail-component .header{display:flex;padding:40px 0}.detail-component .header h2{margin-right:auto}.detail-component .header i{padding:2px 8px;border:2px solid #323232;cursor:pointer}.detail-component .header i:hover{background-color:#323232;color:#fbe582}.detail-component .content{min-height:calc(100% - 114px)}.detail-component .content>.id{background-color:#e1cd73;padding:40px}.detail-component .content>.total-payment{background-color:#323232;padding:40px}.detail-component .content>.total-payment *{color:#fbe582}.detail-component .content>.total-payment p{font-weight:700;font-size:1.5em}.detail-component .grid{display:grid;grid-template-columns:1fr 2fr}.detail-component .grid p:first-child{font-weight:700}.detail-component .loader{height:100%}.detail-component .loader .loading{justify-content:flex-end;height:100%}.detail-component .loader .loading img{width:60px;padding:10px}.detail-component .customer .row-table{grid-template-columns:1fr 2fr;background-color:#e1cd73;margin-top:5px;padding:5px}.detail-component .customer .row-table span:first-child{font-weight:700}.detail-component .customer .row-table span{margin:0}.detail-component .payment .row-table{grid-template-columns:2fr 1fr}.detail-component .payment .row-table .empty{grid-column-start:1;grid-column-end:3;font-weight:700;text-align:center}.detail-component button{padding:20px;background-color:#323232;color:#e1cd73;border:none;margin-top:20px;font-weight:700;width:100%}.detail-component button:hover{background-color:#1a1a1a}.finance .finance-access .button{display:flex}.finance .finance-access .button .btn-add,.finance .finance-access .button .btn-export,.finance .finance-access .button .btn-filter,.finance .finance-access .button .btn-history{background-color:#323232;color:#fbe582;border:none;padding:10px 20px;font-weight:700;outline:none}.finance .finance-access .button .btn-add:hover,.finance .finance-access .button .btn-export:hover,.finance .finance-access .button .btn-filter:hover,.finance .finance-access .button .btn-history:hover{background-color:#2a2a2a}.finance .finance-access .button .btn-history{background-color:#ff6f61;color:#2a2a2a;border:3px solid #323232;cursor:pointer}.finance .finance-access .button .btn-history:hover{background-color:#e26060}.finance .finance-access .button .btn-add{background-color:#64ff61;color:#2a2a2a;border:3px solid #323232}.finance .finance-access .button .btn-add:hover{background-color:#53e261}.finance .finance-access .button .btn-export{color:#64ff61}.finance .finance-access .filter{display:none}.finance .finance-access .filter.active{display:block}.finance .finance-access .filter .finance-button-search{height:100%;display:flex;justify-content:center;align-items:center;background-color:#525bac;cursor:pointer}.finance .finance-access .filter .finance-button-search:hover{background-color:#404bad}.finance .finance-detail .header.toggle{display:flex;align-items:center;padding:40px;background-color:#e1cd73;border:2px solid #2a2a2a;cursor:pointer}.finance .finance-detail .header.toggle:hover{background-color:#b8a75e}.finance .finance-detail .header.toggle .bin{margin-left:auto}.finance .finance-detail .body{display:none;border:2px solid #2a2a2a;border-top:0}.finance .finance-detail .body.active{display:block}.finance .finance-detail .body .empty-data{padding:50px;text-align:center;font-weight:700;font-size:1.2em}.finance .finance-detail .body .detail{display:flex;justify-content:space-between}.finance .finance-detail .body .detail .in,.finance .finance-detail .body .detail .out{width:49.9%}.finance .finance-detail .body .detail .in-header,.finance .finance-detail .body .detail .out-header{padding:30px;color:#e1cd73;background-color:#2a2a2a;font-weight:700}.finance .finance-detail .body .detail .in-body .data,.finance .finance-detail .body .detail .out-body .data{display:flex;padding:20px}.finance .finance-detail .body .detail .in-body .data p,.finance .finance-detail .body .detail .out-body .data p{width:50%}.finance .finance-detail .body .detail .in-body .data:hover,.finance .finance-detail .body .detail .out-body .data:hover{background-color:#e1cd73;cursor:default}.finance-transaction{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fbe582;overflow-y:scroll}.finance-transaction.active,.finance-transaction.edit-trans{display:block}.finance-transaction .wrapper{max-width:1280px;margin:auto;padding:30px 50px}.finance-transaction .wrapper .header{display:flex;margin-bottom:30px}.finance-transaction .wrapper .header .btn-cancel{display:flex;justify-content:center;align-items:center;margin-left:auto;width:50px;height:50px;border:2px solid #323232;cursor:pointer}.finance-transaction .wrapper .header .btn-cancel:hover{background-color:#323232}.finance-transaction .wrapper .header .btn-cancel:hover .bin{color:#fbe582}.finance-transaction .wrapper .body .transaction{display:grid;grid-template-columns:repeat(3,auto) 90px;-moz-column-gap:20px;column-gap:20px;row-gap:20px;padding:80px 40px;border-bottom:2px solid #b8a75e}.finance-transaction .wrapper .body .transaction:first-child{padding-top:40px}.finance-transaction .wrapper .body .transaction:last-child{border:none}.finance-transaction .wrapper .body .transaction .input-group-item.error{border-color:#ff6f61}.finance-transaction .wrapper .body .transaction .input-group-item.error+.input-error{font-size:1em;color:#ff6f61}.finance-transaction .wrapper .body .transaction .total{display:flex;align-items:center}.finance-transaction .wrapper .body .transaction .total span{font-weight:700;font-size:1.2em;margin-right:10px}.finance-transaction .wrapper .body .transaction .detail{grid-column-start:1;grid-column-end:5}.finance-transaction .wrapper .body .transaction .btn-remove{display:flex;justify-content:center;align-items:center;width:90px;height:90px;background-color:#ff6f61;border:3px solid #323232;margin-left:auto;cursor:pointer}.finance-transaction .wrapper .body .transaction .btn-remove:hover{background-color:#e26060}.finance-transaction .wrapper .body .transaction .btn-submit{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#404bad;border:3px solid #323232;cursor:pointer}.finance-transaction .wrapper .body .transaction .btn-submit:hover{background-color:#525bac}.finance-transaction .wrapper .body .finance-transaction-footer{display:flex;align-items:center;margin-top:60px}.finance-transaction .wrapper .body .finance-transaction-footer .finance-add{display:flex;align-items:center;padding:30px;background-color:#323232;width:100%}.finance-transaction .wrapper .body .finance-transaction-footer .finance-add p{font-size:1.2em;font-weight:700;color:#fbe582}.finance-transaction .wrapper .body .finance-transaction-footer .finance-add .btn-add{display:flex;justify-content:center;align-items:center;width:80px;height:80px;background-color:#64ff61;margin-left:auto;cursor:pointer}.finance-transaction .wrapper .body .finance-transaction-footer .finance-add .btn-add:hover{background-color:#53e261}.finance-transaction .wrapper .body .finance-transaction-footer .btn-submit{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#404bad;border:3px solid #323232;margin-left:40px;cursor:pointer}.finance-transaction .wrapper .body .finance-transaction-footer .btn-submit:hover{background-color:#525bac}.finance-history{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fbe582;overflow-y:scroll}.finance-history.active{display:block}.finance-history .wrapper{max-width:1280px;margin:auto;padding:30px 50px}.finance-history .wrapper .header{display:flex;margin-bottom:30px}.finance-history .wrapper .header .btn-cancel{display:flex;justify-content:center;align-items:center;margin-left:auto;width:50px;height:50px;border:2px solid #323232;cursor:pointer}.finance-history .wrapper .header .btn-cancel:hover{background-color:#323232}.finance-history .wrapper .header .btn-cancel:hover .bin{color:#fbe582}.finance-history .wrapper .body .button{display:flex}.finance-history .wrapper .body .button .btn-add,.finance-history .wrapper .body .button .btn-export,.finance-history .wrapper .body .button .btn-filter,.finance-history .wrapper .body .button .btn-history{background-color:#323232;color:#fbe582;border:none;padding:10px 20px;font-weight:700;outline:none}.finance-history .wrapper .body .button .btn-add:hover,.finance-history .wrapper .body .button .btn-export:hover,.finance-history .wrapper .body .button .btn-filter:hover,.finance-history .wrapper .body .button .btn-history:hover{background-color:#2a2a2a}.finance-history .wrapper .body .button .btn-history{background-color:#ff6f61;color:#2a2a2a;border:3px solid #323232;cursor:pointer}.finance-history .wrapper .body .button .btn-history:hover{background-color:#e26060}.finance-history .wrapper .body .button .btn-add{background-color:#64ff61;color:#2a2a2a;border:3px solid #323232}.finance-history .wrapper .body .button .btn-add:hover{background-color:#53e261}.finance-history .wrapper .body .filter{display:none}.finance-history .wrapper .body .filter.active{display:block}.finance-history .wrapper .body .filter .finance-button-search{height:100%;display:flex;justify-content:center;align-items:center;background-color:#525bac;cursor:pointer}.finance-history .wrapper .body .filter .finance-button-search:hover{background-color:#404bad}.finance-category-add{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fbe582;overflow-y:scroll}.finance-category-add.active{display:block}.finance-category-add .wrapper{max-width:1280px;margin:auto;padding:30px 50px}.finance-category-add .wrapper .header{display:flex;margin-bottom:30px}.finance-category-add .wrapper .header .btn-cancel{display:flex;justify-content:center;align-items:center;margin-left:auto;width:50px;height:50px;border:2px solid #323232;cursor:pointer}.finance-category-add .wrapper .header .btn-cancel:hover{background-color:#323232}.finance-category-add .wrapper .header .btn-cancel:hover .bin{color:#fbe582}.finance-category-add .wrapper .body form{display:grid;grid-template-columns:auto auto 100px;-moz-column-gap:30px;column-gap:30px}.finance-category-add .wrapper .body form .btn-submit{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#404bad;border:3px solid #323232;cursor:pointer}.finance-category-add .wrapper .body form .btn-submit:hover{background-color:#525bac}.finance-category-add .wrapper .body form .input-category .input-group-item.error{border-color:#ff6f61}.finance-category-add .wrapper .body form .input-category .input-group-item.error+.input-error{font-size:1em;color:#ff6f61}.finance-category{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fbe582;overflow-y:scroll}.finance-category .wrapper{max-width:1280px;margin:auto;padding:30px 50px}.finance-category .wrapper .header{display:flex;margin-bottom:30px}.finance-category .wrapper .header .btn-cancel{display:flex;justify-content:center;align-items:center;margin-left:auto;width:50px;height:50px;border:2px solid #323232;cursor:pointer}.finance-category .wrapper .header .btn-cancel:hover{background-color:#323232}.finance-category .wrapper .header .btn-cancel:hover .bin{color:#fbe582}.finance-category .wrapper .body form{display:grid;grid-template-columns:auto auto 100px;-moz-column-gap:30px;column-gap:30px}.finance-category .wrapper .body form .btn-submit{display:flex;justify-content:center;align-items:center;width:100px;height:100px;background-color:#404bad;border:3px solid #323232;cursor:pointer}.finance-category .wrapper .body form .btn-submit:hover{background-color:#525bac}.finance-stat{display:grid;grid-template-columns:repeat(3,auto);-moz-column-gap:20px;column-gap:20px}.finance-stat>*{padding:40px;background-color:#323232}.finance-stat>* h4{color:#fbe582;margin-bottom:10px;font-size:1.8em}.finance-stat>* h3{color:#fbe582;font-size:2em}.finance-category-history{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2;background-color:#fbe582;overflow-y:scroll}.finance-category-history.active{display:block}.finance-category-history .wrapper{max-width:1280px;margin:auto;padding:30px 50px}.finance-category-history .wrapper .header{display:flex;margin-bottom:30px}.finance-category-history .wrapper .header .btn-cancel{display:flex;justify-content:center;align-items:center;margin-left:auto;width:50px;height:50px;border:2px solid #323232;cursor:pointer}.finance-category-history .wrapper .header .btn-cancel:hover{background-color:#323232}.finance-category-history .wrapper .header .btn-cancel:hover .bin{color:#fbe582}