.window-finance-computer { height: 696px; width: 960px;  }
.window-finance-mobile { width: 100%; height: 696px; }
.window-finance { background-color: rgb(113, 157, 146); }
.window-finance .spiralBig { width: 945px; }
.window-finance .contentFinance { }
.window-finance .contentFinance .headerData .btw { font-size: 19px; line-height: 31px; text-align: center; width: 30px; height: 30px; margin: 4px; cursor: pointer; float: right;; color: #FFF; background-color: #9E9E9E; border-radius: 50%; }
.window-finance .contentFinance .headerData .btw:hover { background-color: #607D8B; }
.window-finance .contentFinance .headerData .moreData { font-size: 19px; }
.window-finance .contentFinance .headerData .search { width: 334px; }
.window-finance .contentFinance .returnAccountFinance { margin-top: 20px; }

.window-finance #account { }
.window-finance #account .hr { border-top: 1px dashed #000; }
.window-finance #account .menu { height: 132px; }
.window-finance #account .menu .loadingSt { font-size: 18px; margin-left: 361px; padding: 48px; }

.window-finance #account .menu .filter { float: left; width: 33px; height: 130px; position: relative; }
.window-finance #account .menu .filter .yearSta { margin-left: -48px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); width: 130px; height: 27px; margin-top: 51px; background: #fff; position: absolute; }
.window-finance #account .menu .filter .yearSta input { margin-left: 12px; color: #666666; width: 100px; font-size: 24px; height: 25px; background-color: transparent; text-align: center; }

.window-finance #account .menu .header { background: #FFF; float: left; margin: 2px; width: 222px; height: 127px; text-transform: uppercase; }
.window-finance #account .menu .title-info {  padding: 3px 8px; height: 25px; background-color: rgb(153, 204, 0);}
.window-finance #account .menu .title-info .name { float: left; margin-right: 10px; }
.window-finance #account .menu .title-info .total { float: right; }

.window-finance #account .menu .bank .header { background-color: #E9E3E3; }
.window-finance #account .menu .input { }
.window-finance #account .menu .input .header { background-color: #1141DB; }
.window-finance #account .menu .output .header { background-color: #DB1111; }
.window-finance #account .menu .noMov .titleP { background-color: #1141DB; }
.window-finance #account .menu .noMov .titleN { background-color: #DB1111; }

.item-input.select-bank .virtual,
.dropdown-menu .virtual { color: #869823; }

.window-finance #account .menu ul { height: 102px; width: 100%; overflow: hidden; }
.window-finance #account .menu li { margin-left: 5px; list-style: none; width: 195px; font-size: 10px; padding: 1px; display: inline-block; border-bottom: 1px solid #ccc; }
.window-finance #account .menu li .name { float: left;  width: 115px; }
.window-finance #account .menu li .totalVal { float: right; }
.window-finance #account .menu li.on { color: #ce7700; }
.window-finance #account .menu li.peppow-pay { color: #869823; }
.window-finance #account .menu li.virtual { color: #869823; }
.window-finance #account .search { padding: 10px 0px 0px 0px; height: 55px;}
.window-finance #account .search .tabType { cursor: pointer; float: left; color: #CCC; background: #789E06; text-transform: uppercase; padding: 14px 10px; margin: 3px 1px 0px 1px; text-align: center; font-size: 10px; }
.window-finance #account .search .tabType:hover { background: #99CC00; color: #333; }
.window-finance #account .search .onClick { background: #99CC00; color: #333; }
.window-finance #account .search .InpSearch { margin-left: 5px; margin-top: 4px; float: left; width: 270px; margin-bottom: 0px; }
.window-finance #account .search .bts { font-size: 26px; cursor: pointer; color: #FFF; float: right; margin-top: 4px; }
.window-finance #account .search .bts:hover { color: #99cc00; }
.window-finance #account .search .newBt { float: left; }
.window-finance #account .search .orderInsertFinance.on { color: #99cc00; }
.window-finance #account .select-filter { color: #ff5722; }
.window-finance #account .status { width: 30px; }
.window-finance #account .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; background: #ccc; }

.window-finance #account .status .cash_flow { background: #fbb75a; }
.window-finance #account .status .project { background: #4dc5db; }
.window-finance #account .status .tax { background: #b796b5; }
.window-finance #account .status .MOIP { background: #93367a; }
.window-finance #account .status .status_pending { background: #ee4266; }
.window-finance #account .status .status_unfinished { background: #ffd23f; }
.window-finance #account .status .status_created { background: #3bceac; }
.window-finance #account .status .status_finalized { background: #99cc00; }
.window-finance #account .status .import { border: 3px #777 solid; }
.window-finance #account .status .unpaid { opacity: 0.7; }

#formTaxationPay .btn.PAID { background: #99cc00 !important; }

.window-finance #account #tab-movement .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 22px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.window-finance #account #tab-movement .headerFinance div { padding: 4px;border-right: 1px solid rgb(153, 204, 0); float: left; height: 20px; background-color: rgb(153, 204, 0); }
.window-finance #account #tab-movement .headerFinance .value {  width: 104px !important; }
.window-finance #account #tab-movement .date { width: 45px; }
.window-finance #account #tab-movement .document { width: 61px; }
.window-finance #account #tab-movement .nf {  width: 60px; }
.window-finance #account #tab-movement .bank {  width: 80px; }
.window-finance #account #tab-movement .transaction { width: 80px; }
.window-finance #account #tab-movement .to_from {  width: 141px; }
.window-finance #account #tab-movement .center {  width: 160px; }
.window-finance #account #tab-movement .descriptionTx {  width: 177px; }
.window-finance #account #tab-movement .value {  width: 88px; }
.window-finance #account #tab-movement .value.Output {  color: red; }
.window-finance #account #tab-movement .listFinance { background-color: #FFF; width: 940px; height: 360px; overflow: hidden; }
.window-finance #account #tab-movement .listFinance li { font-size: 11px; list-style: none; width: 929px; cursor: pointer; display: flex; }
.window-finance #account #tab-movement .listFinance li div { padding: 4px; border-left: 1px solid #CCC; float: left; overflow: hidden; }
/* .window-finance #account .listFinance .project-finance { }
.window-finance #account .listFinance .project-finance.even { background: #87c3cc; }
.window-finance #account .listFinance .project-finance.odd { background: #d0e3e6; } */

.window-finance #account #tab-transfer .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 23px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.window-finance #account #tab-transfer .headerFinance div { padding: 4px; border-right: 1px solid rgb(153, 204, 0); float: left; height: 21px; background-color: rgb(153, 204, 0); }
.window-finance #account #tab-transfer .headerFinance .value {  width: 168px !important; }
.window-finance #account #tab-transfer .date { width: 100px; }
.window-finance #account #tab-transfer .bank {  width: 320px; }
.window-finance #account #tab-transfer .bank_to {  width: 320px; }
.window-finance #account #tab-transfer .value {  width: 146px; border: none !important; }
.window-finance #account #tab-transfer .value.Output {  color: red; }
.window-finance #account #tab-transfer .listFinance { background-color: #FFF; width: 940px; height: 360px; overflow: hidden; }
.window-finance #account #tab-transfer .listFinance li { font-size: 11px; list-style: none; width: 928px; display: flex; cursor: pointer; }
.window-finance #account #tab-transfer .listFinance li div { padding: 4px;border-right: 1px solid #CCC; float: left; height: 22px; }


.window-finance #account #tab-future .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 23px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.window-finance #account #tab-future .headerFinance div { padding: 4px;border-right: 1px solid rgb(153, 204, 0); float: left; height: 21px; background-color: rgb(153, 204, 0); }
.window-finance #account #tab-future .headerFinance .value {  width: 152px !important; }
.window-finance #account #tab-future .date { width: 43px; }
.window-finance #account #tab-future .document { width: 61px; }
.window-finance #account #tab-future .nf {  width: 52px; }
.window-finance #account #tab-future .bank {  width: 79px; }
.window-finance #account #tab-future .transaction { width: 79px; }
.window-finance #account #tab-future .to_from {  width: 141px; }
.window-finance #account #tab-future .center {  width: 123px; }
.window-finance #account #tab-future .descriptionTx {  width: 178px; }
.window-finance #account #tab-future .value {  width: 138px; border: none !important; }
.window-finance #account #tab-future .value.Output {  color: red; }
.window-finance #account #tab-future .listFinance { background-color: #FFF; width: 940px; height: 360px; overflow: hidden; }
.window-finance #account #tab-future .listFinance li { font-size: 11px; list-style: none; width: 928px; display: flex; cursor: pointer; }
.window-finance #account #tab-future .listFinance li div { padding: 4px;border-right: 1px solid #CCC; float: left; overflow: hidden; }

.window-finance #account #tab-authorize .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 22px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.window-finance #account #tab-authorize .headerFinance div { padding: 4px;border-right: 1px solid rgb(153, 204, 0); float: left; height: 20px; background-color: rgb(153, 204, 0); }
.window-finance #account #tab-authorize .headerFinance .value {  width: 161px !important; }
.window-finance #account #tab-authorize .date { width: 72px; }
.window-finance #account #tab-authorize .nf {  width: 90px; }
.window-finance #account #tab-authorize .to_from {  width: 155px; }
.window-finance #account #tab-authorize .value {  width: 151px; }
.window-finance #account #tab-authorize .value.Output {  color: red; }
.window-finance #account #tab-authorize .description {  width: 205px; }
.window-finance #account #tab-authorize .payment_code {  width: 225px; }
.window-finance #account #tab-authorize .listFinance { background-color: #FFF; width: 940px; height: 360px; overflow: hidden; }
.window-finance #account #tab-authorize .listFinance li { font-size: 11px; list-style: none; width: 930px; cursor: pointer; display: flex; }
.window-finance #account #tab-authorize .listFinance li div { padding: 4px; border-left: 1px solid #CCC; float: left; overflow: hidden; }

.window-finance #account #tab-taxation .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 22px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.window-finance #account #tab-taxation .headerFinance div { padding: 4px;border-right: 1px solid rgb(153, 204, 0); float: left; height: 20px; background-color: rgb(153, 204, 0); }
.window-finance #account #tab-taxation .headerFinance .value {  width: 103px !important; }
.window-finance #account #tab-taxation .date { width: 72px; }
.window-finance #account #tab-taxation .nf {  width: 90px; }
.window-finance #account #tab-taxation .contact {  width: 210px; }
.window-finance #account #tab-taxation .description { width: 226px; }
.window-finance #account #tab-taxation .value {  width: 100px; }
.window-finance #account #tab-taxation .listFinance { background-color: #FFF; width: 940px; height: 360px; overflow: hidden; }
.window-finance #account #tab-taxation .listFinance li { font-size: 11px; list-style: none; width: 930px; cursor: pointer; display: flex; }
.window-finance #account #tab-taxation .listFinance li div { padding: 4px; border-left: 1px solid #CCC; float: left; overflow: hidden; }

.newAccountFinance .select-type { text-align: center; }
.newAccountFinance .select-type .btn { width: 160px; }
.newAccountFinance .btn-act { width: 200px; }
.newAccountFinance .hr { border-top: 2px dotted #B9BABE; width: 100%; margin: 15px 0px; }
.newAccountFinance .navConfig { text-align: center; width: 100%; height: 27px; background: #9e9e9e; }
.newAccountFinance .navConfig div { cursor: pointer; float: left; padding: 5px 15px; color: #fff; text-transform: uppercase; font-size: 12px; }
.newAccountFinance .navConfig .on { background: #e5a039; }
.newAccountFinance .newList { width: 100%; padding: 10px; background: #e2a046; text-align: right; height: 100%; display: inline-block; }
.newAccountFinance .newList .item-input { margin-bottom: 0px; }
.newAccountFinance .newList .action { margin-top: 7px; }
.newAccountFinance .newList .icon-new { font-size: 18px; margin-right: 5px; color: #666666; cursor: pointer; }
.newAccountFinance .newList .icon-new:hover { color: #337ab7; }
.newAccountFinance .list { overflow: hidden; width: 100%; margin-top: 5px; height: 250px; background-color: #FFF; border: 1px solid #CCC; }
.newAccountFinance .list ul { }
.newAccountFinance .list .inputList { background: transparent; border: 1px dashed #CCC; height: 100%; width: 90%; }
.newAccountFinance .list li { width: 98%; height: 26px; list-style: none; margin: 2px; }
.newAccountFinance .list li .noData { padding: 5px; color: #909191; text-align: center; }
.newAccountFinance .list .status { width: 20px; float: left; margin: 3px; }
.newAccountFinance .list .status .disabled { background: #FF5722; }
.newAccountFinance .list .status .activated { background: #8BC34A; }
.newAccountFinance .list .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; }
.newAccountFinance .list .name-filter { width: 90%; float: left; font-size: 12px; color: #666666; padding: 3px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newAccountFinance .list .accounting-account-filter { width: 15%; float: left; font-size: 12px; color: #666666; padding: 3px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newAccountFinance .list .name-accounting { width: 75%; float: left; font-size: 12px; color: #666666; padding: 3px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newAccountFinance .list .btRemove { float: right; font-size: 15px; color: #666666; padding: 3px; cursor: pointer; }
.newAccountFinance .list .btRemove:hover { color: #f44336; }
.newAccountFinance .btAdd { cursor: pointer; }

.modalRepeatPayment .addData { height: 80px; padding: 10px; width: 100%; }
.modalRepeatPayment .addData .add { width: 209px; float: left; }
.modalRepeatPayment .addData .date { width: 76px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .nf { width: 90px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .number-of-times { width: 145px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .number-repeat-invoice { width: 145px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .description { width: 180px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .value { width: 77px; float: left; margin-left: 10px; }
.modalRepeatPayment .addData .action { float: right; margin-right: 12px; margin-top: 24px; }
.modalRepeatPayment .bx-label { }
.modalRepeatPayment .bx-label div { float: left; margin-right: 10px; }
.modalRepeatPayment .bx-label .select-paid { width: 117px; }
.modalRepeatPayment .bx-label .date { width: 71px; }
.modalRepeatPayment .bx-label .description { width: 161px; }
.modalRepeatPayment .bx-label .value { }
.modalRepeatPayment .addDataReturn { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 317px; overflow: hidden; }
.modalRepeatPayment .addDataReturn ul { }
.modalRepeatPayment .addDataReturn ul li { padding: 10px; list-style: none; width: 100%; height: 55px; }
.modalRepeatPayment .addDataReturn ul .contactPay { float: left; padding: 9px; color: #333; width: 172px; white-space: nowrap; overflow: hidden; }
.modalRepeatPayment .addDataReturn ul .fa { margin: 8px; width: 20px; height: 20px; border-radius: 50%; float: left; }
.modalRepeatPayment .addDataReturn ul .fa.status_conducted { background-color: #91b535; }
.modalRepeatPayment .addDataReturn ul .fa.status_late { background-color: #c11225; }
.modalRepeatPayment .addDataReturn ul .fa.status_pending { background-color: #e3ae57; }
.modalRepeatPayment .addDataReturn ul .select-paid { width: 105px; float: left; }
.modalRepeatPayment .addDataReturn ul .date { width: 80px; float: left; margin-left: 4px; }
.modalRepeatPayment .addDataReturn ul .checkbox { margin-top: 0; margin-bottom: 0; }
.modalRepeatPayment .addDataReturn ul .nf { width: 90px; float: left; margin-left: 4px; }
.modalRepeatPayment .addDataReturn ul .description { width: 206px; float: left; margin-left: 4px; }
.modalRepeatPayment .addDataReturn ul .value { width: 90px; float: left; margin-left: 4px; }
.modalRepeatPayment .addDataReturn ul .value .Output { color: red; }
.modalRepeatPayment .addDataReturn ul .value .Input { color: #337ab7; }
.modalRepeatPayment .addDataReturn ul .btw { background: #9E9E9E; float: left; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 29px; font-size: 16px; cursor: pointer; color: #fff; }
.modalRepeatPayment .addDataReturn ul .bb:hover { background: #1783a0; }
.modalRepeatPayment .addDataReturn ul .btpay { }
.modalRepeatPayment .addDataReturn ul .paid { background-color: #8BC34A; }
.modalRepeatPayment .addDataReturn ul .not-paid { background-color: #c1b590; }
.modalRepeatPayment .addDataReturn ul .del:hover { background-color: #F44336; }
.modalRepeatPayment .addDataReturn ul .save:hover { background-color: #fbb75a; }
.modalRepeatPayment .addDataReturn ul .disable { cursor: default !important; opacity: 0.4; }
.modalRepeatPayment .button-disable { opacity: 0.2; cursor: default !important; }

.contentConfirmToFinance .open-project, .financeModal .open-project { cursor: pointer; color: #2326d0 !important; }
.contentConfirmToFinance .log-project, .financeModal .log-project { cursor: pointer; color: #fbb75a !important; }
.contentConfirmToFinance .open-project:hover, .financeModal .open-project:hover { color: #2a2a4a; }
.contentConfirmToFinance .payments {  }
.contentConfirmToFinance .addDataReturn { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 600px; overflow: hidden; }
.contentConfirmToFinance .addDataReturn .bx {  }
.contentConfirmToFinance .addDataReturn .bx .title { color: #666666; text-align: center; }
.contentConfirmToFinance .addDataReturn .bx .line { padding: 10px; list-style: none; width: 100%; height: 100%; text-align: left; border-bottom: 1px solid #9e9e9e; float: left; }
.contentConfirmToFinance .addDataReturn .bx .checkbox { margin: 0; margin-top: 24px; }
.contentConfirmToFinance .addDataReturn .bx .checkbox .checkbox-label { font-size: 9px !important; text-align: left; padding-left: 0px !important; }
.contentConfirmToFinance .addDataReturn .item-input { position: inherit; }
.contentConfirmToFinance .list-services { background: #ffffff; margin: 15px; padding: 20px; }
.contentConfirmToFinance .list-services table { border-collapse: collapse; width: 100%; }
.contentConfirmToFinance .list-services table th,
.contentConfirmToFinance .list-services table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.contentConfirmToFinance .list-services .headerService { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.contentConfirmToFinance .list-services .listServices { font-size: 12px; background: rgb(254 254 254); }
.contentConfirmToFinance .disable { cursor: default !important; opacity: 0.4; }
.contentConfirmToFinance .has-file, .financeModal .has-file { background-color: #fbb75a; }
.contentConfirmToFinance .viewHtml { height: 200px; background: #ececec !important; }
.contentConfirmToFinance .viewHtml .scrollBarSystem { background: #ececec !important; }

.listPurchaseReceipt { }
.listPurchaseReceipt .result-list { height: 350px; background: #FFF; }
.listPurchaseReceipt .result-list ul { }
.listPurchaseReceipt .result-list ul li { font-size: 12px; list-style: none; width: 100%; height: auto; display: inline-block; }
.listPurchaseReceipt .result-list ul li .bx { height: 30px; padding: 5px; border-left: 1px solid #CCC; cursor: pointer; float: left; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.listPurchaseReceipt .result-list ul .resume { }
.listPurchaseReceipt .result-list ul .finance-list { opacity: 0.6; float: left; margin-left: 95px; }
.listPurchaseReceipt .result-list ul .finance-item { }
.listPurchaseReceipt .result-list ul li .negative { color: #f44336; }
.listPurchaseReceipt .result-list ul li .type { width: 95px; }
.listPurchaseReceipt .result-list ul li .barcode { width: 92px; }
.listPurchaseReceipt .result-list ul li .theme { width: 160px; }
.listPurchaseReceipt .result-list ul li .contact { width: 281px; }
.listPurchaseReceipt .result-list ul li .dates { width: 281px; }
.listPurchaseReceipt .result-list ul li .date { width: 92px; }
.listPurchaseReceipt .result-list ul li .nf { width: 160px; }
.listPurchaseReceipt .result-list ul li .total { width: 159px; text-align: right; }
.listPurchaseReceipt .result-list ul li .value { width: 160px; text-align: right; border-right: 1px solid #CCC; }
.listPurchaseReceipt .result-list ul li .see { width: 31px; }
.listPurchaseReceipt table { border-collapse: collapse; width: 100%; }
.listPurchaseReceipt table th,
.listPurchaseReceipt table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.listPurchaseReceipt .headerFinance { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.listPurchaseReceipt .listFinance { font-size: 12px; background: rgb(254 254 254); }
.listPurchaseReceipt .project-finance { background: #d0e3e6; }
.listPurchaseReceipt .action { cursor: pointer; }
.listPurchaseReceipt .action:hover { color: #337ab7; }
.listPurchaseReceipt .value {  width: 88px; }
.listPurchaseReceipt .value.Output {  color: red; }
.listPurchaseReceipt .status { width: 30px; }
.listPurchaseReceipt .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; background: #ccc; }
.listPurchaseReceipt .status .cash_flow { background: #fbb75a; }
.listPurchaseReceipt .status .project { background: #4dc5db; }
.listPurchaseReceipt .status .tax { background: #b796b5; }
.listPurchaseReceipt .status .MOIP { background: #93367a; }
.listPurchaseReceipt .status .status_pending { background: #ee4266; }
.listPurchaseReceipt .status .status_unfinished { background: #ffd23f; }
.listPurchaseReceipt .status .status_created { background: #3bceac; }
.listPurchaseReceipt .status .status_finalized { background: #99cc00; }
.listPurchaseReceipt .status .import { border: 3px #777 solid; }
.listPurchaseReceipt .status .unpaid { opacity: 0.7; }


.listExisting table { border-collapse: collapse; width: 100%; }
.listExisting table th,
.listExisting table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.listExisting .headerFinance { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }


.fixListFinanceSystem { }
.fixListFinanceSystem .result-list { height: 350px; background: #FFF; }
.fixListFinanceSystem table { border-collapse: collapse; width: 100%; }
.fixListFinanceSystem table th,
.fixListFinanceSystem table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.fixListFinanceSystem .headerFinance { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.fixListFinanceSystem .listFinance { font-size: 12px; background: rgb(254 254 254); }
.fixListFinanceSystem .project-finance { background: #d0e3e6; }
.fixListFinanceSystem .action { cursor: pointer; }
.fixListFinanceSystem .action:hover { color: #337ab7; }
.fixListFinanceSystem .value {  width: 88px; }
.fixListFinanceSystem .value.Input { color: #337ab7; }
.fixListFinanceSystem .value.Output { color: red; }
.fixListFinanceSystem .status { width: 30px; }
.fixListFinanceSystem .status span { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; background: #ccc; }
.fixListFinanceSystem .status .cash_flow { background: #fbb75a; }
.fixListFinanceSystem .status .project { background: #4dc5db; }
.fixListFinanceSystem .status .tax { background: #b796b5; }
.fixListFinanceSystem .status .MOIP { background: #93367a; }
.fixListFinanceSystem .status .status_pending { background: #ee4266; }
.fixListFinanceSystem .status .status_unfinished { background: #ffd23f; }
.fixListFinanceSystem .status .status_created { background: #3bceac; }
.fixListFinanceSystem .status .status_finalized { background: #99cc00; }
.fixListFinanceSystem .status .import { border: 3px #777 solid; }
.fixListFinanceSystem .status .unpaid { opacity: 0.7; }

.listFinanceCalendar { }
/* .listFinanceCalendar .headerFinance { float: left; font-size: 10px; text-transform: uppercase; height: 22px; width: 100%; border: 1px solid rgb(153, 204, 0); }
.listFinanceCalendar .headerFinance div { padding: 4px; border-right: 1px solid rgb(153, 204, 0); float: left; height: 20px; background-color: rgb(153, 204, 0); }
.listFinanceCalendar .date { width: 45px; }
.listFinanceCalendar .document { width: 61px; }
.listFinanceCalendar .nf {  width: 60px; }
.listFinanceCalendar .bank {  width: 80px; }
.listFinanceCalendar .transaction { width: 80px; }
.listFinanceCalendar .to_from {  width: 141px; }
.listFinanceCalendar .center {  width: 160px; }
.listFinanceCalendar .descriptionTx {  width: 168px; }
.listFinanceCalendar .value {  width: 88px; }
.listFinanceCalendar .value.Output {  color: red; }
.listFinanceCalendar .action {  width: 25px; font-size: 13px; }
.listFinanceCalendar .listFinance { background-color: #FFF; width: 868px; height: 360px; overflow: hidden; }
.listFinanceCalendar .listFinance li { font-size: 11px; list-style: none; width: 900px; display: inline-flex; }
.listFinanceCalendar .listFinance li div { padding: 4px; border-left: 1px solid #CCC; float: left; height: 34px; overflow: hidden; }
.listFinanceCalendar .listFinance .action { cursor: pointer; }
.listFinanceCalendar .listFinance .action:hover { color: #337ab7; }
.listFinanceCalendar .listFinance .project-finance { }
.listFinanceCalendar .listFinance .project-finance.even { background: #87c3cc; }
.listFinanceCalendar .listFinance .project-finance.odd { background: #d0e3e6; } */
.listFinanceCalendar table { border-collapse: collapse; width: 100%; }
.listFinanceCalendar table th,
.listFinanceCalendar table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.listFinanceCalendar .headerFinance { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.listFinanceCalendar .listFinance { font-size: 12px; background: rgb(254 254 254); }
.listFinanceCalendar .project-finance { background: #d0e3e6; }
.listFinanceCalendar .action { cursor: pointer; }
.listFinanceCalendar .action:hover { color: #337ab7; }
.listFinanceCalendar .value {  width: 88px; }
.listFinanceCalendar .value.Output {  color: red; }


.modalTaxationFinance { }
.modalTaxationFinance .my-finance { background: #e0e0e0; }
.modalTaxationFinance .has-file { background-color: #fbb75a; }

.modalTaxationPay { }
.modalTaxationPay .textarea-div { height: 100px; }

.upload-file-finance .upload { font-size: 48px; }
.upload-file-finance .bt-upload { cursor: pointer; }
.upload-file-finance .bt-upload:hover { background:#ddd; }
.upload-file-finance .bt-upload label { cursor: pointer; font-size: 16px; color: #8e7f7f; text-align: center; display: grid; }
.upload-file-finance .bt-upload input { cursor: pointer; opacity: 0; position: absolute; z-index: 5; margin-top: -105px; height: 105px; width: 470px; }
.upload-file-finance .error { width: 100%; height: 100%; background: red; color: #fff; text-transform: uppercase; text-align: center; font-size: 25px; line-height: 140px; }
.upload-file-finance .progressUpload { text-align: center; width: 122px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.upload-file-finance .barUpload { background-color: #E3C046; width: 0%; height: 12px; border-radius: 3px; }
.upload-file-finance .percentUpload { color: #333; position: absolute; display: inline-block; top: 1px; left: 48%; font-size: 9px; line-height: 12px; }
.upload-file-finance .imgReturn { text-align: center; }
.upload-file-finance .loading { margin-top: 55px; font-size: 30px; color: #8e8989; }
.upload-file-finance .ok { font-size: 30px; color: #8bc34a; }

.modalImportOFXAdmin { }
.modalImportOFXAdmin .btn { margin-top: 0; }
.modalImportOFXAdmin .count-auto { color: #337ab7; }
.modalImportOFXAdmin .count-add { color: #fbb75a; }
.modalImportOFXAdmin .count-remove { color: #f44336; }
.modalImportOFXAdmin .count-already { color: #337ab7; }
.modalImportOFXAdmin .btn-open-list { background: #92b06f; cursor: pointer; color: #FFF; padding: 0px 10px; text-align: center; text-transform: uppercase; }
.modalImportOFXAdmin .btn-open-list:hover { background: #63764d; }
.modalImportOFXAdmin .list-import-value { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 480px; overflow: hidden; }
.modalImportOFXAdmin .list-import-value .ul-import-value { }
.modalImportOFXAdmin .list-import-value .li-import-value { padding: 10px; list-style: none; width: 100%; border-bottom: 2px solid #ddd; height: 80px; text-align: left; }
.modalImportOFXAdmin .actions input { margin-top: 23px; }
.modalImportOFXAdmin .DEBIT { color: #f44336; }
.modalImportOFXAdmin .CREDIT { color: #337ab7; }

.modalImportOFXAdminFix { }
.modalImportOFXAdminFix .list-select-finance { text-align: center; width: 100%; background: #E8ECDA; border: 1px solid #CCC; height: 480px; overflow: hidden; }
.modalImportOFXAdminFix .list-select-finance ul { }
.modalImportOFXAdminFix .list-select-finance li { padding: 10px; list-style: none; width: 100%; border-bottom: 2px solid #ddd; height: 111px;}
.modalImportOFXAdminFix .Output { color: #f44336; }
.modalImportOFXAdminFix .Input { color: #337ab7; }
.modalImportOFXAdminFix .actions { margin-bottom: 20px; }
.modalImportOFXAdminFix .select-movement-tab .btn { margin-top: 0; }
.modalImportOFXAdminFix .DEBIT { color: #f44336 !important; }
.modalImportOFXAdminFix .CREDIT { color: #337ab7 !important; }
.modalImportOFXAdminFix .input-div { text-align: left; }

.modalEditImport { }
.modalEditImport .action-btn { font-size: 15px; color: #666666; cursor: pointer; }
.modalEditImport .action-btn:hover { color: #337ab7; }
.modalEditImport .remove-btn { font-size: 15px; color: #666666; cursor: pointer; }
.modalEditImport .remove-btn:hover { color: #f44336; }
.modalEditImport .Output { color: #f44336; }
.modalEditImport .Input { color: #337ab7; }
.modalEditImport .situation-upload { margin: 2px; width: 16px; height: 16px; border-radius: 50%; display: block; background: #ccc; }
.modalEditImport .exist_data_finance { background: #fbb75a; color: #FFF; }
.modalEditImport .auto_data_finance { background: #337ab7; color: #FFF; }
.modalEditImport .new_data_finance { background: #92b06f; color: #FFF; }

.modalAdvanceMoney { }
.modalAdvanceMoney .listAdvanceMoney { background: #FFF; height: 300px; border: 1px solid #cccccc; }
.modalAdvanceMoney .listAdvanceMoney .headerFinance { font-size: 12px; text-transform: uppercase; width: 100%; background: #ffc107; }
.modalAdvanceMoney .listAdvanceMoney table { border-collapse: collapse; width: 100%; }
.modalAdvanceMoney .listAdvanceMoney table th,
.modalAdvanceMoney .listAdvanceMoney table td { border: 1px solid #dddddd; text-align: left; padding: 8px; }
.modalAdvanceMoney .listAdvanceMoney .value.Input { color: #3f51b5; }
.modalAdvanceMoney .listAdvanceMoney .value.Output { color: #f44336; }
.modalAdvanceMoney .listAdvanceMoney .action-delete { text-align: center; cursor: pointer; }

.financeModal .advance-money .status-reconciled { background: #8bc34a; }
.financeModal .advance-money .status-pending { background: #fbb75a; }

.modal-finance-bankaccount-data .bankaccount_data { background: #fbd395; display: flow-root; }
.modal-finance-bankaccount-data .bankaccount_data .qrCodePix { background: #8bc34a; }

#formSaveFinanceDataTable .not-empty { color: #f44336; font-size: 11px; }


.modalConfigFinance .navTabLine { height: 30px;     margin-top: 20px;}
.modalConfigFinance .navTabLine div { margin-left: 10px;  cursor: pointer; color: #a2a2a2; float: left; width: 216px; text-transform: uppercase; background: rgb(199, 192, 181); padding: 5px; text-align: center; border: 1px solid #d8d7d5; }
.modalConfigFinance .navTabLine div.on { color: #FFF; background: #fbd495; border: 1px solid #caa977; }
.modalConfigFinance .navTabLine div:first-child { margin-left: 0px; }
.modalConfigFinance .receipt { margin-top: 1px; }
.modalConfigFinance .purchase { margin-top: 1px; }
.modalConfigFinance .textarea { height: 338px; padding: 10px; border: 1px solid #caa977; }


.updateFinanceProject .sumTotalPay { width: 100%; float: left; height: 100%; background: #4DC5DB; }
.updateFinanceProject .sumTotalPay .infoData { margin-top: 10px; float: right; width: 350px; font-size: 13px; color: #333; margin-right: 13px; margin-bottom: 10px; }
.updateFinanceProject .sumTotalPay .title { width: 185px; float: left; }
.updateFinanceProject .sumTotalPay .number { float: right; font-family: 'GudeaBold'; }
.updateFinanceProject ul li { list-style: none; display: flow-root; }
.updateFinanceProject ul .btw { background: #9E9E9E; float: left; border-radius: 15px; height: 28px; width: 28px; margin: 3px; text-align: center; line-height: 29px; font-size: 16px; margin-top: 27px; cursor: pointer; color: #fff; }
.updateFinanceProject ul .save:hover { background-color: #fbb75a; }
.updateFinanceProject ul .button-notsave { background-color: #fbb75a; }