@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;600&display=swap");*{outline:none!important;font-family:'Maven Pro',sans-serif}#app,body,html{height:100%!important}body{background-color:#f2f2f2}.container{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;margin:0 auto;max-width:1200px;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.container .box{padding:10px 15px;border-radius:5px;margin-bottom:15px;background-color:#fff;border:1px solid #e6e6e6}.container .box.tap{cursor:pointer}.container .box.tap:hover{background-color:#f8f8f8}.container .box.success{cursor:default;border-color:#9ebb90;background-color:#c8e4bc!important}.badge{color:#fff;font-size:0.8em;border:none;cursor:pointer;padding:2px 10px 3px;border-radius:15px;background-color:#323232}.badge.success{background-color:#5fc45f;color:#fff}.badge.warning{color:#323232;background-color:#ffd400}.badge.danger{background-color:#ea7171}.badge.primary{background-color:#007bff}.badge a{color:inherit;text-decoration:none}.avatar{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;background-color:#323232;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.avatar.bg{background-color:#323232;color:#999}.avatar img{position:absolute;opacity:1;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.avatar .status{position:absolute;border-radius:50%;border:3px solid transparent;background:transparent;bottom:0;right:-2px;width:4px;height:4px;min-height:13px;min-width:13px;-webkit-transition:0.2s all ease;transition:0.2s all ease}.avatar .status.online{border:2px solid #fff;background-color:#5fc45f;width:16px;height:16px}.loader-wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:50px 0}.loader{margin:auto;font-size:4px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);border-top:1.1em solid rgba(0,0,0,0.1);border-right:1.1em solid rgba(0,0,0,0.1);border-bottom:1.1em solid rgba(0,0,0,0.1);border-left:1.1em solid #323232;-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear}.loader,.loader:after{border-radius:50%;width:10em;height:10em;-webkit-box-flex:0!important;-ms-flex-positive:0!important;flex-grow:0!important}.separator{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}button:disabled,button[disabled]{color:#666;pointer-events:none;border-color:#999!important;background-color:#ccc!important}.btn{width:70%;border:none;color:#fff;display:block;max-width:350px;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;font-weight:bold;border-radius:5px;padding:13px 10px;text-align:center;margin:40px auto 20px;text-transform:uppercase;background-color:#323232;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.btn.small{margin:0 auto;width:auto;font-size:0.8em;padding:7px 15px}.btn.success{background-color:#5fc45f}.btn.warning{font-weight:bold;color:#323232;background-color:#ffd400}.btn.danger{background-color:#ea7171}.btn.outline{font-weight:bold;color:#ea7171;border:2px solid currentColor;background-color:transparent}.btn:disabled{color:#323232;pointer-events:none;background-color:#ddd}.btn>i{color:inherit}a.btn{text-decoration:none!important;color:#fff!important}.form-control{margin:0;border:0;padding:10px 0;width:100%;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;-webkit-transition:0.3s border-color ease;transition:0.3s border-color ease}.form-control:disabled{background:none;color:#888;pointer-events:none}.form-control.error{color:#ea7171}input.form-control{text-align:left}textarea.form-control{resize:none}.img-fluid{width:100%}.img-fluid.rounded{border-radius:5px;margin-top:20px}.message-box{width:100%;padding:7px 12px;border-radius:6px;color:#fff}.message-box.danger{background-color:#ea7171}.message-box.success{background-color:#5fc45f}.message-box a{color:inherit;text-decoration:underline}.boundary{padding:15px;width:100%;margin:0 auto;max-width:800px;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.boundary .title{font-size:2em;padding-bottom:16}.boundary .subtitle{font-size:1.4em;font-weight:bold}.boundary .error{margin:15px 0;padding:15px;border-radius:10px;white-space:pre-wrap;background-color:#eee}.boundary .btn{margin:0;border-radius:10px}.chat.group{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.chat.group>.badge{margin-top:15px;text-align:center;padding:10px;border-radius:5px;font-weight:1em;background:none;color:#888;font-weight:bold}.group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.group.scroll{height:100%;overflow:auto}@media screen and (min-width:768px){.group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.group .fill{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:10px}.group .sidebar{width:100%;color:#fff;position:relative;border-radius:5px;margin-bottom:35px;background-color:#323232}.group .sidebar:after{left:0;top:100%;width:100%;color:#888;font-size:0.9em;padding-top:5px;position:absolute;text-align:center;content:attr(version)}@media screen and (min-width:768px){.group .sidebar{-ms-flex-negative:0;flex-shrink:0;width:200px;margin:0 15px 15px 0}.group .sidebar+div{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.group .sidebar>a{cursor:pointer;padding:15px;color:inherit;display:block;text-decoration:none}.group .sidebar>a.active{background-color:rgba(255,255,255,0.1)}.columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.columns>a{padding:10px;margin-right:10px}.columns>.avatar{margin-right:10px}.option-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:10px}.option-list>div{padding:3px 10px;border-radius:7px;margin-right:10px;background-color:#eee}.option-list>div.correct{color:#fff;background-color:#639c63}.switch{position:relative;display:inline-block;-ms-flex-negative:0;flex-shrink:0;width:46px;height:26px;margin:0}.switch input{display:none}.switch>.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:0.4s;transition:0.4s;border-radius:34px}.switch>.slider:before{position:absolute;content:'';height:20px;width:20px;left:3px;bottom:3px;border-radius:50%;background-color:#fff;-webkit-transition:0.4s;transition:0.4s}.switch input:checked+.slider{background-color:#5fc45f}.switch input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px)}hr{border:none;margin:10px 0;border-bottom:1px solid #ccc}.gradientPicker{width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:10px;font-size:12px;color:rgba(255,255,255,0.733);font-weight:bold;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:5px}.gradientPicker .bottom,.gradientPicker>.top{cursor:pointer;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:0.2s ease all;transition:0.2s ease all}.gradientPicker .bottom:hover,.gradientPicker>.top:hover{background-color:rgba(255,255,255,0.2)}.gradientPicker+.react-colorful{margin-left:15px}.audio-player{border:1px solid #ddd;background-color:#fff;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;-webkit-box-shadow:0 2px 4px #eee;box-shadow:0 2px 4px #eee;-webkit-transition:0.25s ease all;transition:0.25s ease all}.audio-player:hover{opacity:0.6;-webkit-transform:scale(1.05);transform:scale(1.05)}.audio-player>i{color:#5e86c4}.audio-player.small{padding:4px;margin-left:10px;border-radius:2px}.audio-player.small>i{font-size:0.7em}.connect{margin:50px auto;max-width:400px}.connect>img{width:100%;margin:20px auto 40px}.connect>input{padding:15px}.connect>input:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.connect>input:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.connect>button{width:100%;max-width:none;margin:30px 0 0}.customer-data .label{text-transform:capitalize}.customer-data>div{-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.customer-data>div:first-child{margin-right:5px}.customer-data>div:last-child{margin-left:5px}.customer-data>div .btn{margin:10px auto}.list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.list>div{width:48%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;margin:10px 1%;text-align:center;border-radius:5px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#eee;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width:950px){.list>div{width:31%}}@media screen and (min-width:1100px){.list>div{width:23%}}.list>div>.btn{width:100%;margin:0 auto 10px}.list>div>.group{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.list>div>.group>.btn{margin-bottom:10px}@media screen and (min-width:768px){.list>div>.group>.btn{width:48%}}.list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}.list-item:last-child{margin-bottom:0}.list-item>.avatar{margin-right:10px}.list-item>.fa-bars{cursor:pointer;color:#888;opacity:0.3;margin-right:15px}.list-item>.refresh{opacity:0.3;margin-right:15px;-webkit-transition:0.2s opacity ease;transition:0.2s opacity ease}.list-item:hover>.fa-bars{opacity:1}.list-item:hover>.refresh{opacity:1}.border{border-bottom:1px solid #eee!important;padding-bottom:10px;border-bottom:10px}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.delete{color:#ea7171;margin-left:10px;cursor:pointer}.btn-link{margin-left:5px;cursor:pointer;font-size:1em}.btn-edit{border:1px solid #ddd;background-color:#fff;padding:4px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:2px;-webkit-box-shadow:0 2px 4px #eee;box-shadow:0 2px 4px #eee;-webkit-transition:0.25s ease all;transition:0.25s ease all}.btn-edit:hover{opacity:0.6;-webkit-transform:scale(1.05);transform:scale(1.05)}.btn-edit>i{color:#5e86c4}.btn-edit.small{padding:4px;margin-left:10px;border-radius:2px}.btn-edit.small>i{font-size:0.7em}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messages-list{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:auto;padding:0!important;margin-bottom:0!important}.messages-list>.item{padding:10px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.messages-list>.item:nth-child(odd){background-color:#f7f7f7}.messages-list>.item span{color:#666}.messages-list>.item button{background:transparent;border:0;cursor:pointer}.hidden{display:none!important}.text-success{color:#5fc45f}.text-danger{color:#ea7171!important}.text-primary{color:#007bff}.text-muted{color:#888}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-capitalize{text-transform:capitalize}.text-overflow{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@-webkit-keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}