@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin-ext);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@media(max-width:767px){.hidden-xs,td.hidden-xs,th.hidden-xs,tr.hidden-xs{display:none!important}}@media(min-width:768px)and (max-width:991px){.hidden-sm,td.hidden-sm,th.hidden-sm,tr.hidden-sm{display:none!important}}@media(min-width:992px)and (max-width:1199px){.hidden-md,td.hidden-md,th.hidden-md,tr.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,td.hidden-lg,th.hidden-lg,tr.hidden-lg{display:none!important}}a{cursor:pointer}a:focus,a:hover{text-decoration:none}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}ul{display:block;list-style-type:disc;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;margin:0;padding:0}:focus{outline:0}.relative{position:relative}.hidden{display:none}.fullWidth{width:100%}.negativeIndent{text-indent:-999999px}.reverseFloat{float:right}.makeDiv{display:inline-block}.centeredImage{display:block;margin-left:auto;margin-right:auto}.italic{font-style:italic}.noMargin{margin:0}.noMarginTop{margin-top:0}.noMarginBottom{margin-bottom:0}.noMarginLeft{margin-left:0}.noMarginRight{margin-right:0}.noPadding{padding:0}.noPaddingTop{padding-top:0}.noPaddingBottom{padding-bottom:0}.noPaddingLeft{padding-left:0}.noPaddingRight{padding-right:0}.grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;-webkit-transition:all .4s ease}.grayscale:hover{filter:grayscale(0);-webkit-filter:grayscale(0);filter:none}.invertscale{filter:invert(50%);-webkit-filter:invert(50%);filter:gray;-webkit-transition:all .4s ease}.invertscale:hover{filter:invert(0);-webkit-filter:invert(0);filter:none}.container-xs-height{display:table;padding-left:0;padding-right:0}.row-xs-height{display:table-row}.col-xs-height{display:table-cell;float:none}@media(min-width:768px){.container-sm-height{display:table;padding-left:0;padding-right:0}.row-sm-height{display:table-row}.col-sm-height{display:table-cell;float:none}}@media(min-width:992px){.container-md-height{display:table;padding-left:0;padding-right:0}.row-md-height{display:table-row}.col-md-height{display:table-cell;float:none}}@media(min-width:1200px){.container-lg-height{display:table;padding-left:0;padding-right:0}.row-lg-height{display:table-row}.col-lg-height{display:table-cell;float:none}}.col-top{vertical-align:top}.col-middle{vertical-align:middle}.col-bottom{vertical-align:bottom}.colNo,.contNo,.rowNo{padding-left:0;padding-right:0;margin-right:0;margin-left:0}*{box-sizing:border-box}body{background:#ecf0f1;font-size:13px;font-family:"Open Sans",sans-serif;color:#2c3e50;padding-top:124px;padding-left:200px;transition:padding .4s}@media(max-width:1400px){body{padding-left:56px}}a{color:#2c3e50}header{background:#ecf0f1;line-height:80px;position:fixed;top:0;left:0;width:100%;z-index:9}header .logo{float:left;padding:0 30px}header .logo img{vertical-align:middle;height:35px}header .acc{float:right;padding:0 30px}header .acc b{font-weight:600}.top-bar{height:44px;line-height:44px;background:#fff;position:fixed;top:80px;left:0;width:100%;z-index:9;padding-left:250px;transition:.4s}.top-bar a{display:inline-block;line-height:32px;padding:0 25px;font-size:12px;border-radius:5px;transition:.4s}.top-bar a.active,.top-bar a:hover{background:#ecf0f1}.top-bar a.active{color:#000;font-weight:700}@media(max-width:1400px){.top-bar{padding-left:106px}}nav.main{width:230px;background:#fff;position:fixed;top:124px;left:0;height:calc(100% - 124px);padding:80px 20px 0;z-index:9;overflow:hidden;transition:.4s}nav.main a{display:block;padding:15px 0;line-height:normal;border-bottom:1px solid #ecf0f1;white-space:pre;transition:.4s}nav.main a i{font-size:16px;margin-right:15px;transition:.4s;color:#2c3e50!important}nav.main a.active{font-weight:700}nav.main a:hover{opacity:.6}@media(max-width:1400px){nav.main{width:56px}nav.main a{color:#fff}nav.main a i{margin-right:0}nav.main:hover{width:200px}nav.main:hover a{color:#2c3e50}nav.main:hover a i{margin-right:15px}}main{padding:90px 0;position:relative}.container{width:100%;padding:0 50px;max-width:1600px}select{height:50px;background:#fff;border-radius:5px;position:relative;box-shadow:0 2px 0 0 rgba(0,0,0,.1);margin-bottom:15px;border:1px solid #e5e5e5}.center{margin:auto;width:50%;max-width:400px;min-width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.spinner{animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input{height:50px;background:#fff;border-radius:5px;position:relative;box-shadow:0 2px 0 0 rgba(0,0,0,.1);margin-bottom:15px;border:1px solid #e5e5e5;white-space:nowrap;overflow:hidden}.input span{position:absolute;left:0;top:0;line-height:50px;color:#9b9b9b;padding-left:20px;transition:.4s}.input input,.input textarea{width:100%;height:100%;padding:15px 20px 0;border:0;background:transparent;text-align:left}.input textarea{resize:vertical;padding:20px;height:150px;min-height:150px}.input.text{height:auto}.input.icon i{position:absolute;left:15px;top:0;line-height:50px;font-size:18px}.input.icon input,.input.icon span{padding-left:45px}.input.date,.input.date input{cursor:pointer}.input.date i{position:absolute;right:0;top:0;line-height:50px;font-size:18px;background:#e1e5e6;padding:0 20px}.input.date input,.input.date span{padding-right:56px}.input.select,.input.select input{cursor:pointer}.input.select ul{position:absolute;background:#fff;top:55px;left:0;right:0;padding:0;border-radius:5px;z-index:1;opacity:0;visibility:hidden;border:1px solid #e5e5e5;transition:.4s}.input.select ul li{list-style-type:none;display:block;padding:15px 25px;transition:.4s}.input.select ul li:hover{background:#f7f7f7}.input.select i{position:absolute;right:15px;top:0;line-height:50px;font-size:16px}.input.select.clicked ul{opacity:1;visibility:visible}.input.select.filter span{position:static}.input.select.filter li i{line-height:21px;font-size:9px;position:relative;top:-1px;right:0}.input.select.filter li span{line-height:normal}.input.active:not(.filter) span{font-size:11px;line-height:30px}.check-box{cursor:pointer;line-height:21px;display:inline-block;margin-right:20px}.check-box div{width:21px;height:21px;background:#fff;border-radius:5px;position:relative;box-shadow:0 2px 0 0 rgba(0,0,0,.1);text-align:center;margin-right:10px;display:inline-block;vertical-align:middle;top:-2px;border:1px solid #ecf0f1}.check-box div i{line-height:21px;font-size:9px;position:relative;top:-2px;color:#7ab038;opacity:0;transition:.4s}.check-box div.m-0{margin-right:0}.check-box input{display:none}.check-box.radio-box div{border-radius:50%;border:1px solid #eee;transition:.4s}.check-box.radio-box div:after{content:"";width:6px;height:6px;background:#fff;position:absolute;top:7px;left:7px;border-radius:50%;transition:.4s}.check-box.active div i{opacity:1}.check-box.active.radio-box div{background:#2c3e50}.switch{cursor:pointer}.switch div{width:50px;height:26px;border-radius:13px;background:#adadad;position:relative;display:inline-block;margin-left:15px;vertical-align:middle;box-shadow:0 2px 0 0 rgba(0,0,0,.1);transition:.4s}.switch div:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;background:#fff;border-radius:50%;transition:.4s}.switch b{width:52px;display:inline-block}.switch.active div{background:#4ade79}.switch.active div:after{left:27px}.tabs{margin-bottom:60px;float:left;width:100%}.tabs .tab{background:#fff;opacity:.5;float:left;width:50%;line-height:70px;padding:0 45px;position:relative;transition:.4s}.tabs .tab:after{content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;position:absolute;left:45px;bottom:-10px;opacity:0}.tabs .tab:hover{opacity:.8}.tabs .tab.active{opacity:1;border-bottom:2px solid #2c3e50}.tabs .tab.active:after{opacity:1}.create-client{text-align:right;border-bottom:1px solid #d3dee1;margin-bottom:30px}.create-client button{background:#d3dee1;display:inline-block;height:50px;border:0;padding:0 20px;border-top-left-radius:5px;border-top-right-radius:5px;transition:.4s}.create-client button i{margin-right:15px;font-size:20px;position:relative;top:2px}.create-client button:hover{background:#c6d1d4}.button{height:50px;background:#2c3e50;color:#fff;border-radius:5px;box-shadow:0 2px 0 0 #6faa30;display:block;border:0;width:100%;transition:.4s}.button:hover{box-shadow:0 2px 0 0 #9df346}.upload-button{width:100%;height:40px;background:#2c3e50;color:#fff;border-radius:5px;box-shadow:0 2px 0 0 rgba(0,0,0,.1);position:relative}.upload-button i,.upload-button span{position:relative;z-index:1}.upload-button i{margin-right:10px}.upload-button input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.upload-button .loading{position:absolute;top:0;left:0;height:100%;width:0;background:#a1cada;transition:1s}.upload-button .loading.active{width:100%}.upload-button .loading.done{opacity:0}.files a{line-height:40px;display:inline-block}.files a i{margin-left:10px;font-size:20px;position:relative;top:2px;cursor:pointer}.files a:hover{text-decoration:underline}.data-table{box-shadow:0 2px 0 0 rgba(0,0,0,.1)}.data-table td{border:0;border-right:1px solid #d8d8d8;padding:12px 22px!important}.data-table thead td{background:#fff;font-weight:600}.data-table .odd td{background:#f8f8f8}.data-table .settings{cursor:pointer;line-height:23px;width:23px;text-align:center;background:#2c3e4f;border-radius:5px;display:inline-block;float:right;vertical-align:middle;color:#fff;transition:.4s}.data-table .settings:hover{opacity:.6}.data-table .details{border-radius:50%;float:none;margin-right:10px}.data-table i.file{cursor:pointer;font-size:20px;display:inline-block;vertical-align:middle;transition:.4s}.data-table i.file:hover{opacity:.6}.dataTables_filter label,.dataTables_length label{font-weight:400;margin:0}.dataTables_length{margin-bottom:20px}.dataTables_info,.dataTables_paginate{margin-top:20px}table.dataTable thead td,table.dataTable thead th{border-bottom:2px solid #e5e5e5}table.dataTable.no-footer{border:0}.dataTables_filter input,.dataTables_length select{height:30px;background:#fff;border-radius:5px;box-shadow:0 2px 0 0 rgba(0,0,0,.1);border:0;padding:0 10px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background:#2c3e50;color:#fff!important;border-radius:5px;box-shadow:0 2px 0 0 rgba(0,0,0,.1);border:0}.datepicker{padding:15px}i.ok{font-size:20px;color:#56b479}.border{border:1px solid #cbcbcb;border-radius:5px;margin:0 15px;clear:both;float:left;width:calc(100% - 30px);position:relative}.border .title{background:#ecf0f1;padding:0 20px;position:absolute;left:30px;top:-10px;line-height:20px;font-size:13px;font-weight:700}.border .border,.border.m-0{width:100%}.white-box{background:#fff;border:1px solid #cbcbcb;border-radius:5px;position:relative}.white-box.balance{padding-bottom:80px;box-shadow:0 2px 0 0 rgba(0,0,0,.1);border:0;border-radius:5px}.white-box.balance .grey-box{line-height:50px;background:#f8f8f8;position:absolute;bottom:0;left:0;width:100%;padding:0 50px}.white-box.balance .grey-box i{font-size:18px;margin-right:15px}.white-box.balance .grey-box .v-line{height:25px;margin:0 15px}.add-user i{cursor:pointer;width:47px;line-height:47px;background:#fff;text-align:center;box-shadow:0 2px 0 0 rgba(0,0,0,.1);font-size:18px;border-radius:50%;margin-right:15px;transition:.4s}.add-user i:hover{background:#2c3e50;color:#fff}.popup{z-index:-1;top:124px;left:200px;overflow:auto;visibility:hidden;opacity:0;padding:5% 0 0;transition:.4s}.popup,.popup .tint{position:fixed;bottom:0;right:0}.popup .tint{background:#000;opacity:.85;top:0;left:0}.popup .box{width:800px;margin:50px auto;left:0;right:0;z-index:1;visibility:hidden;opacity:0;transition:.6s}.popup .box,.popup .box .title{background:#fff;position:absolute}.popup .box .title{padding:0 25px;line-height:34px;border-radius:5px;box-shadow:0 2px 0 0 rgba(0,0,0,.1);left:40px;top:-17px;font-weight:700}.popup .box .cls{position:absolute;right:0;top:-40px;cursor:pointer;color:#fff}.popup .box .cls i{margin-left:15px}.popup .box:after{content:"";position:absolute;z-index:1;top:-50px;left:0;right:0;bottom:0;display:none}.popup .box.second{margin-top:-120px}.popup .box.active{opacity:1;visibility:visible;position:relative}.popup .box.active.second{margin-top:50px}.popup .box.passive{margin-top:70px;opacity:.4}.popup .box.passive:after{display:block}@media(max-width:1400px){.popup{left:56px}}.popup.active{z-index:2;opacity:1;visibility:visible}.delete{cursor:pointer;transition:.4s}.delete i{font-size:16px;width:40px;line-height:40px;text-align:center;background:#2c3e50;color:#fff;margin-right:10px;border-radius:50%}.delete:hover{opacity:.6}.col-xs-24{width:20%}.u-line{text-decoration:underline}.v-line{width:1px;height:50px;display:inline-block;vertical-align:middle;background:#d3dee1}.h-line{height:1px;background:#cdcece;clear:both}.a-left{text-align:left}.a-right{text-align:right}.a-center{text-align:center}.m-0{margin:0}.m-r-0{margin-right:0}.m-l-0{margin-left:0}.m-b-10{margin-bottom:10px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-b-50{margin-bottom:50px}.m-b-60{margin-bottom:60px}.m-b-70{margin-bottom:70px}.m-b-80{margin-bottom:80px}.m-b-90{margin-bottom:90px}.m-t-10{margin-top:10px}.m-t-20{margin-top:20px}.m-t-30{margin-top:30px}.m-t-40{margin-top:40px}.m-t-50{margin-top:50px}.m-t-60{margin-top:60px}.m-r-10{margin-right:10px}.m-r-20{margin-right:20px}.m-r-30{margin-right:30px}.m-l-10{margin-left:10px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}.p-0{padding:0}.p-r-0{padding-right:0}.p-l-0{padding-left:0}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}.p-50{padding:50px}.p-60{padding:60px}.p-120{padding:120px}.p-b-10{padding-bottom:10px}.p-b-20{padding-bottom:20px}.p-b-30{padding-bottom:30px}.p-b-40{padding-bottom:40px}.p-b-50{padding-bottom:50px}.p-b-60{padding-bottom:60px}.p-t-10{padding-top:10px}.p-t-15{padding-top:15px}.p-t-20{padding-top:20px}.p-t-30{padding-top:30px}.p-t-40{padding-top:40px}.p-t-50{padding-top:50px}.p-t-60{padding-top:60px}.float-none{float:none!important}.status-box{height:12px;width:12px;margin-bottom:15px;border-radius:100%;background-color:#4ade79}.plus-button{border:2px solid #d3d3d3;background-color:#fff;font-size:16px;height:2.5em;width:2.5em;border-radius:999px;position:relative}.plus-button:after,.plus-button:before{content:"";display:block;background-color:grey;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plus-button:before{height:1em;width:.2em}.plus-button:after{height:.2em;width:1em}
/*# sourceMappingURL=main.7de87374.chunk.css.map */