@import url("https://fonts.googleapis.com/css2?family=Comfortaa&display=swap");body,html{height:100%}body{margin:0;padding:0;color:#000;font-family:Comfortaa,cursive}#__next{height:100%}h2{color:#152780}.exchangerate,.transaction{text-align:center}input[type=date]{padding:10px 15px;border-radius:6px;border:none}.submit-all-btn,.transaction-summary,.xchange-rate-summary{max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.transaction-data label,.transaction-data p{color:#fff;margin-bottom:5px}.transaction-data label{margin-right:10px}.transaction-summary p,.xchange-rate-summary p{color:#f5c81f;font-size:20px}.transaction-container,.xchange-rate-container{background-color:#fff;box-shadow:6px 6px 21px 1px #00000036;font-size:12px}.transaction-data{margin:0 auto}.total{clear:both;display:flex;align-items:center;justify-content:center;padding:5px}.total:first-child{padding:0 0 5px}.total span{float:left;width:200px}.total:first-child .total-count,.total:first-child .total-key,.total:first-child .total-rand,.total:first-child .total-usd{background:#82b440;color:#fff}.xchratedata{clear:both;display:flex;align-items:center;justify-content:center;padding:5px}.xchratedata:first-child{padding:0 0 5px}.xchratedata span{float:left;width:200px}.xchratedata:first-child .xchratedata-country,.xchratedata:first-child .xchratedata-currency,.xchratedata:first-child .xchratedata-fee,.xchratedata:first-child .xchratedata-key,.xchratedata:first-child .xchratedata-name,.xchratedata:first-child .xchratedata-rate{background:#82b440;color:#fff}.transaction-details-table{clear:both}.transaction-details-table p{color:#f5c81f;font-size:24px}.xchange-rate-details-table{clear:both}.xchange-rate-details-table p{color:#f5c81f;font-size:24px}.filters{margin-bottom:25px}.filters label{color:#fff;font-size:12px}.filters select{padding:10px 15px;border-radius:6px}.filters button{font-family:Comfortaa,cursive;text-align:center;text-decoration:none;font-weight:800;text-transform:uppercase;border-radius:6px;padding:1em 3em;background-size:200% auto;color:#fff;border:1px solid #fff;box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);background-image:linear-gradient(90deg,#5c61f2 0,#99c8f8 50%,#5c61f2);transition:.5s;cursor:pointer}.filters button:hover{background-position:100%}.result{margin-bottom:10px;text-align:center;color:#fff}.filters span label{margin-right:10px;margin-left:20px}.filters a{margin-left:20px}.login{width:360px;padding:8% 0 0;margin:auto;font-family:Comfortaa,cursive}.form{position:relative;z-index:1;background:#009b77;border-radius:10px;max-width:360px;margin:0 auto 100px;padding:45px;text-align:center}.form input{outline:0;background:#f2f2f2;width:100%;border:0;border-radius:5px;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;font-family:Comfortaa,cursive}.form input:focus{background:#dbdbdb}.form button,.recon-csv-download button,.recon-select-form button,.transation-csv-download button{font-family:Comfortaa,cursive;width:100%;text-align:center;text-decoration:none;font-weight:800;font-size:1em!important;text-transform:uppercase;border-radius:6px;padding:1em 3em;background-size:200% auto;color:#fff;border:none;width:280px;box-shadow:0 2px 0 #6f9a37;background:#82b440;transition:.5s;cursor:pointer}.form button:hover{background-position:100%}.form button:active{background:#395591}.login-text{font-size:60px;color:#fff;margin-bottom:10px;font-family:cursive}.pagination-bottom{position:inherit;bottom:0;display:flex;background-color:#3db58c;width:100%}.ReactTable .-pagination{grid-template-columns:1fr 1fr 1fr;width:100%}.ReactTable .rt-tbody{background-color:#fff}.ReactTable .-pagination .-center{color:#fff}.rt-table{overflow:scroll}.-next button,.-previous button{background:#fff!important;font-weight:600;cursor:pointer;opacity:1}.-next button:hover,.-previous button:hover{color:#2c44b9!important}.loader,.recon-csv-download,.recon-dateselect-form,.recon-select-form,.transation-csv-download button{text-align:center}.recon-dateselect-form .recon-inputs-checkboxdate label{margin-right:10px;color:#fff}.recon .-next button:hover,.recon .-previous button:hover{color:#009b77!important}.exchangerate,.recon,.transaction{background-color:#009b77;height:auto;padding-top:10px;min-height:100%}.recon-csv-download button,.recon-select-form button,.transation-csv-download button{width:280px;box-shadow:0 2px 0 #6f9a37;background:#82b440}.recon-csv-download button,.transation-csv-download button{width:350px}.recon-csv-download,.transation-csv-download{margin-top:10px;margin-bottom:10px;min-height:80px}.recon-select-form .recon-inputs-checkbox{margin-top:10px;margin-bottom:10px}.recon-select-form .recon-inputs-checkbox label{margin-right:10px;color:#fff}.recon-error,.recon-select-form .form-error{margin-top:15px;color:#f5c81f}.recon-error{text-align:center}.ReactTable{font-size:12px}.ReactTable .rt-thead.-header{background-color:#3db58c;color:#fff}.recon-details-table h2{color:#f5c81f;text-align:center}.recon-details-table p{color:#fff;text-align:center}.table-rs{width:99%;margin:0 auto}.loader{margin-top:25px}.rt-table::-webkit-scrollbar{width:10px;height:10px}.rt-table::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a5dbc6;height:10px}.rt-table::-webkit-scrollbar-track{border-radius:10px;background-color:#036850;height:10px}.rememberme input[type=checkbox]{width:auto;margin-bottom:0;margin-top:10px}.rememberme{font-size:14px;color:#fff}.reports{min-height:100%}.navbar,.reports{background:#009b77}.navbar{display:flex;align-items:center;color:#fff;font-family:Helvetica;font-weight:300}.navbar__title{margin-right:auto;font-size:150%;padding:12px 16px}.navbar__item{padding:16px;cursor:pointer;vertical-align:middle}.navbar .active{color:#f5c81f}.navbar__item:hover{color:#ff0}.navbar .active:hover{color:#f5c81f}label{display:inline-block;width:150px;text-align:right}#myProgress{width:100%;background-color:#ddd}#myBar{width:1%;height:30px;background-color:#04aa6d}.Parent{display:flex;flex-direction:row;max-width:800px;margin-left:auto;margin-right:auto;text-align:center}.child1{text-align:left}.child1,.child2{width:50%;height:40vh;color:#fff}.btn1{margin-right:70px}.btn2{margin-left:70px}