@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@keyframes swing{0%,30%,50%,70%,to{transform:rotate(0deg)}10%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.pro-sidebar{color:#213563;height:100%;width:270px;min-width:270px;text-align:left;transition:width,left,right,.3s;position:relative;z-index:1009}.pro-sidebar>.pro-sidebar-inner{background:#fff;height:100%;position:relative;z-index:101}.pro-sidebar>.pro-sidebar-inner>img.sidebar-bg{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;opacity:.3;left:0;top:0;z-index:100}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column;z-index:101}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-header{border-bottom:1px solid rgba(33,53,99,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-content{flex-grow:1}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout .pro-sidebar-footer{border-top:1px solid rgba(33,53,99,.2)}.pro-sidebar>.pro-sidebar-inner>.pro-sidebar-layout ul{list-style-type:none;padding:0;margin:0}.pro-sidebar .overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:100;display:none}.pro-sidebar.collapsed{width:80px;min-width:80px}.pro-sidebar.rtl{text-align:right;direction:rtl}@media(max-width:480px){.pro-sidebar.xs{position:fixed;left:-270px}.pro-sidebar.xs.collapsed{left:-80px}.pro-sidebar.xs.toggled{left:0}.pro-sidebar.xs.toggled .overlay{display:block}.pro-sidebar.xs.rtl{left:auto;right:-270px}.pro-sidebar.xs.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xs.rtl.toggled{left:auto;right:0}}@media(max-width:576px){.pro-sidebar.sm{position:fixed;left:-270px}.pro-sidebar.sm.collapsed{left:-80px}.pro-sidebar.sm.toggled{left:0}.pro-sidebar.sm.toggled .overlay{display:block}.pro-sidebar.sm.rtl{left:auto;right:-270px}.pro-sidebar.sm.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.sm.rtl.toggled{left:auto;right:0}}@media(max-width:768px){.pro-sidebar.md{position:fixed;left:-270px}.pro-sidebar.md.collapsed{left:-80px}.pro-sidebar.md.toggled{left:0}.pro-sidebar.md.toggled .overlay{display:block}.pro-sidebar.md.rtl{left:auto;right:-270px}.pro-sidebar.md.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.md.rtl.toggled{left:auto;right:0}}@media(max-width:992px){.pro-sidebar.lg{position:fixed;left:-270px}.pro-sidebar.lg.collapsed{left:-80px}.pro-sidebar.lg.toggled{left:0}.pro-sidebar.lg.toggled .overlay{display:block}.pro-sidebar.lg.rtl{left:auto;right:-270px}.pro-sidebar.lg.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.lg.rtl.toggled{left:auto;right:0}}@media(max-width:1200px){.pro-sidebar.xl{position:fixed;left:-270px}.pro-sidebar.xl.collapsed{left:-80px}.pro-sidebar.xl.toggled{left:0}.pro-sidebar.xl.toggled .overlay{display:block}.pro-sidebar.xl.rtl{left:auto;right:-270px}.pro-sidebar.xl.rtl.collapsed{left:auto;right:-80px}.pro-sidebar.xl.rtl.toggled{left:auto;right:0}}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{content:"";display:inline-block;width:4px;min-width:4px;height:4px;border:1px solid hsla(0,0%,100%,.05);border-radius:50%;margin-right:15px;position:relative;box-shadow:1px 0 0 #213563,0 -1px 0 #213563,0 1px 0 #213563,-1px 0 0 #213563}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pro-sidebar .pro-menu{padding-top:10px;padding-bottom:10px}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item{position:relative;background-color:hsla(0,0%,100%,.05)}.pro-sidebar .pro-menu>ul>.pro-sub-menu>.pro-inner-list-item>div>ul{padding-top:15px;padding-bottom:15px}.pro-sidebar .pro-menu a{text-decoration:none;color:#213563}.pro-sidebar .pro-menu a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent}.pro-sidebar .pro-menu a:hover{color:#ff5036}.pro-sidebar .pro-menu .pro-menu-item{font-size:15px}.pro-sidebar .pro-menu .pro-menu-item.active{color:#ff5036}.pro-sidebar .pro-menu .pro-menu-item .suffix-wrapper{opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item .prefix-wrapper{display:flex;margin-right:5px;opacity:1;transition:opacity .2s}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item{position:relative;display:flex;align-items:center;padding:8px 35px 8px 20px;cursor:pointer}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:focus{outline:none;color:#ff5036}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{margin-right:10px;font-size:14px;width:40px;min-width:40px;height:40px;line-height:40px;text-align:center;display:inline-block}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper .pro-icon{display:flex;height:100%;align-items:center;justify-content:center}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item>.pro-item-content{flex-grow:1;flex-shrink:1}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover{color:#ff5036}.pro-sidebar .pro-menu .pro-menu-item>.pro-inner-item:hover .pro-icon-wrapper .pro-icon{animation:swing .5s ease-in-out 1 alternate}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item:before{background:#213563}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{display:inline-block;border-color:#213563;border-style:solid;border-width:0 2px 2px 0;padding:2.5px;vertical-align:middle;transition:transform .3s;transform:rotate(-45deg)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item:before{background:transparent!important}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{transform:rotate(45deg)}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:20px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 30px 8px 15px}.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item .pro-arrow-wrapper,.pro-sidebar .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item>.pro-icon-wrapper{display:none}.pro-sidebar .pro-menu.shaped .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{background-color:#213563}.pro-sidebar .pro-menu.square .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:0}.pro-sidebar .pro-menu.round .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:4px}.pro-sidebar .pro-menu.circle .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{border-radius:50%}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.prefix-wrapper,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-item>.suffix-wrapper{opacity:0}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item>.pro-inner-list-item{background-color:rgba(29,29,29,.95);z-index:111}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item:before{content:"";display:inline-block;position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu{position:relative}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item{pointer-events:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{display:none}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{height:auto!important;position:fixed;visibility:hidden;min-width:220px;max-width:270px;background-color:transparent;max-height:100%;padding-left:3px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-left:10px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{max-height:100vh;overflow-y:auto;background-color:rgba(29,29,29,.95);padding-left:20px;border-radius:4px}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover>.pro-inner-list-item{transition:visibility,transform .3s;visibility:visible}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu:hover .pro-icon-wrapper .pro-icon{animation:swing .5s ease-in-out 1 alternate}.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 30px 8px 5px}.pro-sidebar.rtl .pro-menu .pro-menu-item .prefix-wrapper{margin-right:0;margin-left:5px}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item{padding:8px 20px 8px 35px}.pro-sidebar.rtl .pro-menu .pro-menu-item>.pro-inner-item>.pro-icon-wrapper{margin-right:0;margin-left:10px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper{right:auto;left:20px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{transform:rotate(135deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu.open>.pro-inner-item>.pro-arrow-wrapper .pro-arrow{transform:rotate(45deg)}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item{padding-left:0;padding-right:20px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item{padding:8px 15px 8px 30px}.pro-sidebar.rtl .pro-menu .pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item:before{margin-right:0;margin-left:15px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item{padding-left:0;padding-right:3px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item.has-arrow{padding-right:10px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu>.pro-inner-list-item>.popper-inner{padding-left:0;padding-right:20px}.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-inner-item,.pro-sidebar.rtl.collapsed .pro-menu>ul>.pro-menu-item.pro-sub-menu .pro-inner-list-item .pro-sub-menu-item{padding:8px 5px 8px 30px}.popper-arrow{position:absolute;z-index:-1;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.popper-element[data-popper-placement^=left]>.popper-arrow{right:0;border-right:7px solid rgba(29,29,29,.95)}.popper-element[data-popper-placement^=right]>.popper-arrow{left:0;border-left:7px solid rgba(29,29,29,.95)}.react-slidedown{height:0;transition-property:none;transition-duration:.2s;transition-timing-function:ease-in-out}.react-slidedown.transitioning{overflow-y:hidden}.react-slidedown.closed{display:none}body{margin:0;height:100vh;color:#353535;font-family:"Roboto",sans-serif}#root,.app{height:100%}.app{display:flex;position:relative}.app .btn-toggle{cursor:pointer;width:35px;height:35px;background:#1d1d1d;color:#fff;text-align:center;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;display:none}.app .sidebar-btn-wrapper,.app .sidebar-btn-wrapper .sidebar-btn{display:flex;align-items:center;justify-content:center}.app .sidebar-btn-wrapper .sidebar-btn{padding:1px 15px;border-radius:40px;background:hsla(0,0%,100%,.05);color:#adadad;text-decoration:none;margin:0 auto;height:35px;text-overflow:ellipsis;overflow:hidden}.app .sidebar-btn-wrapper .sidebar-btn span{margin-left:5px;font-size:13px}.app .sidebar-btn-wrapper .sidebar-btn:hover{color:#ff5036}.app .collapsed .sidebar-btn{display:inline-block;border-radius:50%;width:35px;height:35px;line-height:40px;padding:0}.app main{padding:0;flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.app main header{margin-bottom:0;border-bottom:1px solid #efefef}.app main header h1{display:flex;align-items:center;transform:translateX(-20px)}.app main footer{margin-top:auto;color:#888;text-align:center}.app main footer a{text-decoration:none;color:#888}.app main footer a:hover{text-decoration:underline}.app .social-bagdes{margin-top:10px}.app .social-bagdes img{margin:5px}.app .block{display:flex;margin-bottom:24px;font-size:14px;color:#545454}.app .block>span{margin-left:10px}.app.rtl{direction:rtl;text-align:right}.app.rtl header h1{transform:translateX(20px)}.app.rtl .block{direction:rtl}.app.rtl .block>span{margin-left:0;margin-right:10px}.app.rtl .sidebar-btn-wrapper .sidebar-btn span{margin-left:0;margin-right:5px}@media(max-width:767.98px){.app{overflow-x:hidden}.app header h1{font-size:24px}}@media(max-width:768px){.app .btn-toggle{display:flex}.app.rtl .btn-toggle{margin-left:auto}}.badge{padding:3px 6px;font-size:9px;letter-spacing:1px;border-radius:15px}.badge.red{color:#fff;background:#d63030}.badge.gray{color:#fff;background:#777}.badge.yellow{color:#000;background:#ffd331}.hoverOnTop:hover path{stroke:#ff5036}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8)}.loading-image{width:100px;animation:spin 2s linear infinite}.loading-text{list-style:none;padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:"Roboto",sans-serif!important}.logo{padding:60px 60px 30!important}.btn-primary,.btn-primary:active,.btn-primary:hover,.btn-primary:visited{background-color:#213563!important;border-color:#213563!important}.btn-ouline-primary:active,.btn-ouline-primary:hover,.btn-ouline-primary:visited,.btn-outline-primary{border-color:#213563!important;color:#213563}.btn-ouline-primary:active,.btn-ouline-primary:visited,.btn-outline-primary:hover{background-color:#213563!important;border-color:#213563!important;color:#ff5036}.btn-outline-secondary{background-color:#fff!important;border-color:#213563;color:"white"}.btn-outline-secondary:hover{color:#ff5036}h1,h2{font-family:"Roboto",sans-serif!important;font-weight:700}.nav-item>a:hover{color:#ff5036}.sidebar-secondary-bg-color,.sidebar-secondary-bg-color:link{background-color:#213563!important;color:#30e3a8!important}.pro-sidebar .pro-sidebar-inner .sidebar-bg{opacity:.05!important}.chartBox{width:46%}.chartBox,.numberBox{height:100%;margin:15px;padding:15px}.numberBox{width:30%}.numberBox .avatar{background-color:#ff5036;height:56px;width:56px}.numberBox .value{font-size:20px;font-weight:700;color:#ff5036}.numberBox .header{font-size:18px;font-weight:400}.numberBox .footer,.numberBox .header{color:#213563;background-color:#fff;border-bottom-color:#fff}.numberBox .footer{font-size:12px;font-weight:lighter}.formBox{height:100%;width:98%;margin:15px;padding:15px}.formBox .avatar{background-color:#ff5036;height:56px;width:56px}.formBox .header{font-size:18px;font-weight:400}.formBox .footer,.formBox .header{color:#213563;background-color:#fff;border-bottom-color:#fff}.formBox .footer{padding-top:20px;font-size:12px;font-weight:lighter}.newsCard{width:96%;border-color:hsla(0,0%,82.7%,.5);border-style:solid;border-width:1px 2px 3px 1px;margin-top:10px}.remove-padding{padding-left:0;padding-right:0}.konttori-bg-color{background-color:#213563}.konttori-img-picker-box{width:100%;height:100px;border:1px solid #ced4da;border-radius:5px}.modal-header{background-color:#213563;color:#ff5036}.modal-header .btn{color:#ff5036}.dropdown .dropdown-menu a:active{background-color:#ff5036}.konttori-toolbox{width:100%;border:1px solid #ff5036;border-radius:5px}.konttori-toolbox .primary-text{font-size:16px;color:#ff5036}.konttori-toolbox .details-text{font-size:12px;color:#6f7074}.konttori-grid{min-height:830px}.konttori-grid-dialog-container{position:absolute;inset:0;display:flex;place-items:center;background-color:#fff}.konttori-grid-dialog-container>dialog{width:600px;border-color:#ff5036}.konttori-grid-dialog-container>dialog>input{width:100%}.konttori-grid-dialog-container>dialog>menu{text-align:center}.konttori-grid-dialog-container .message-text{width:100%;height:100%;border:1px solid #ff5036;padding:20px;font-size:18px}.konttori-grid-text-editor{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:100%;padding:0 6px;border:2px solid #ccc;vertical-align:top;font-family:inherit}.accordion .accordion-item .accordion-header .accordion-button.collapsed{background-color:#fff;color:#213563}.accordion .accordion-item .accordion-header .accordion-button{background-color:#213563;color:#ff5036}.konttori-add-new-users{background-color:#f4f6f7;padding:30px;border:1px solid #6f7074}.konttori-add-new-users .primary-text{color:#353535;font-family:"Roboto",sans-serif;font-size:15px}.konttori-add-new-users .header{color:#353535;font-family:"Roboto",sans-serif;font-size:18px;margin-bottom:25px;margin-left:-10px}.instructionButton{border-width:1px;border-style:solid;margin-left:5px;margin-right:5px;padding-top:10px;padding-bottom:10px}.instructionButton-text{margin-left:5px}.instructionCard{border-width:1px;border-style:solid;margin:5px;padding-top:10px;padding-bottom:10px}.instructionCard-header{font-weight:700;padding-bottom:10px}.instructionCard-footer{padding-top:10px;color:#6f7074}.instructionCard-text{margin-left:5px}.instruction-manage{background-color:#f4f6f7;padding:30px;border:1px solid #6f7074}.instruction-manage .primary-text{color:#353535;font-family:"Roboto",sans-serif;font-size:15px}.instruction-manage-instruction .header{color:#353535;font-family:"Roboto",sans-serif;font-size:18px;margin-bottom:25px;margin-left:-10px}.konttori-actions-box{background-color:#f4f6f7;padding:10px;border:1px solid #6f7074}