/*! Flexible Grid System 5.5.3 | Scss | MIT License | flexible.gs */.wrap{display:block;width:100%;font-size:0;letter-spacing:0;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;table-layout:auto;-webkit-flex-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-flex-wrap:initial;-ms-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;-ms-justify-content:initial;justify-content:initial;-webkit-align-content:initial;-ms-align-content:initial;align-content:initial;-webkit-align-items:initial;-ms-align-items:initial;align-items:initial;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;width:calc(100% + 8px);margin-left:-4px;margin-right:-4px;padding-left:0;padding-right:0}.wrap>*{display:inline-block;vertical-align:top}.wrap>*{display:inline-block}.wrap>*{padding-left:4px;padding-right:4px}.wrap .col-half{min-height:1px;font-size:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;margin-bottom:1rem}@media only screen and (max-width: 767px){.wrap .col-half.md{width:100%}}@media only screen and (max-width: 519px){.wrap .col-half.sm{width:100%}}.wrap .col-full{min-height:1px;font-size:1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:1rem}html{font-size:15px}html,body,ul,ol{margin:0;padding:0}i{color:inherit}ul{display:block;list-style:none}a{transition:.5s;text-decoration:none}*{outline:none !important}*:focus,*:hover{outline:none !important}body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:Roboto,Helvetica Neue,sans-serif !important;font-weight:400;line-height:1.5;color:#151b1e;text-align:left;background-color:#e4e5e6}.app-body{margin-top:3.667rem}.main{margin-left:16rem;flex:1;min-width:0;padding:1rem 2rem;transition:margin .3s ease-in-out}.main.left-closed{margin-left:0}@media only screen and (max-width: 767px){.main{margin-left:0}}.bg-primary{color:#fff;background-color:#20a8d8 !important}.text-primary{color:#20a8d8 !important}@media only screen and (max-width: 479px){.xs-visible{display:none}}@media only screen and (max-width: 767px){.md-visible{display:none}}@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-30%)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes slide-down{0%{opacity:0;-moz-transform:translateY(-30%)}100%{opacity:1;-moz-transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-30%)}100%{opacity:1;transform:translateY(0)}}@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}100%{transform:rotate(1800deg)}}@-webkit-keyframes lds-hourglass{0%{-webkit-transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}50%{-webkit-transform:rotate(900deg);-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}100%{-webkit-transform:rotate(1800deg)}}.fullpage-loader{position:fixed;display:block;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.8);z-index:2100}.lds-hourglass:after{content:" ";position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;display:inline-block;background:center center no-repeat;background-size:cover;width:0;height:0;background:none;border-radius:50%;border:70px solid;border-color:#fff transparent #fff transparent;animation:lds-hourglass 2s linear infinite;-webkit-animation:lds-hourglass 2s linear infinite}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn.loading i{margin:0 1rem}.btn-primary{color:#fff;background-color:#20a8d8;border-color:#20a8d8}.btn-primary:focus,.btn-primary .focus{box-shadow:0 0 0 0.2rem #3cb7e2;outline:none}.btn-primary:hover{background-color:#1b8eb7;border-color:#1b8eb7}.btn-danger{color:#fff;background-color:#f86c6b;border-color:#f86c6b}.btn-danger:focus,.btn-danger .focus{box-shadow:0 0 0 0.2rem #fa9090;outline:none}.btn-danger:hover{background-color:#f64846;border-color:#f64846}.btn-success{color:#fff;background-color:#4dbd74;border-color:#4dbd74}.btn-success:focus,.btn-success .focus{box-shadow:0 0 0 0.2rem #69c78a;outline:none}.btn-success:hover{background-color:#3ea662;border-color:#3ea662}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group .form-control,.input-group .custom-select,.input-group .custom-file{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group-prepend,.input-group-append{white-space:nowrap;vertical-align:middle;display:flex}.input-group-prepend{margin-right:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.5;color:#3e515b;text-align:center;white-space:nowrap;background-color:#f0f3f5;border:1px solid #c2cfd6}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:.875rem;line-height:1.5;color:#3e515b;background-color:#fff;background-clip:padding-box;border:1px solid #c2cfd6;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control-lg{padding:.5rem 1rem;font-size:1.09375rem;line-height:1.5}.card{margin-bottom:1.5rem;position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #c2cfd6}.card .card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:#f0f3f5;border-bottom:1px solid #c2cfd6}.card .card-header i{margin-right:.7rem}.card .card-header .card-actions{position:absolute;top:0;right:0}.card .card-header .card-actions button{display:block;position:relative;float:left;margin-top:.4rem;margin-right:1.25rem;text-align:center}.card .card-body,.card .card-block{flex:1 1 auto;padding:1.25rem}.card .card-footer{padding:.75rem 1.25rem;background-color:#f0f3f5;border-top:1px solid #c2cfd6}.card .card-footer .btn{margin-right:.3rem}.card .card-footer .btn:last-child{margin-right:0}.card.widget .card-body i{font-size:1.5rem !important;padding:1.5rem 3rem !important;margin-right:1rem !important;float:left !important}.card.widget .card-body .number-text{padding-top:1rem !important;margin-bottom:0 !important;font-size:1.09375rem;font-weight:500;line-height:1.2}.card.widget .card-body .caption{font-size:.75rem !important;color:#536c79 !important;font-weight:700 !important;text-transform:uppercase !important}.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse}.table thead th{vertical-align:bottom;border-bottom:2px solid #a4b7c1}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #a4b7c1;position:relative}.table th .btn,.table td .btn{margin-right:.3rem}.table th .btn:last-child,.table td .btn:last-child{margin-right:0}.table th form,.table td form{display:block;position:absolute;top:.5rem;left:0;bottom:0;right:0}@media only screen and (max-width: 639px){.table-responsive-sm{display:block;width:100%;overflow-x:auto}}@media only screen and (max-width: 991px){.table-responsive-lg{display:block;width:100%;overflow-x:auto}}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent}.alert.success{color:#25653c;background-color:#bde6cb;border-color:#bde6cb}.alert.error{color:#f75453;background-color:#fee5e5;border-color:#fee5e5}header{position:fixed;z-index:1020;width:100%;flex-direction:row;height:3.667rem;top:0;background-color:#fff;border-bottom:1px solid #a4b7c1}header .brand-w-button{display:flex;position:relative;justify-content:space-between;width:16rem;height:3.667rem}header .brand-w-button i{height:3.667rem;line-height:3.667rem;width:2rem;cursor:pointer;font-size:1.2rem;text-align:center}.left-bar{position:fixed;z-index:1019;width:16rem;height:calc(100vh - 55px);left:0;background:#29363d;transition:left .3s ease-in-out}.left-bar.open{left:0 !important}.left-bar.closed{left:-16rem !important}@media only screen and (max-width: 767px){.left-bar.hide-sm{left:-16rem}}.left-bar .content{position:relative;flex:1;overflow-x:hidden;overflow-y:auto}.left-bar .content ul.side-nav{flex-direction:column;min-height:100%;display:flex;flex-wrap:wrap}.left-bar .content ul.side-nav li a{display:block;padding:.75rem 1rem;color:#fff;text-decoration:none;background:0 0}.left-bar .content ul.side-nav li a:hover{background-color:#20a8d8}.left-bar .content ul.side-nav li a:hover i{color:#fff}.left-bar .content ul.side-nav li a i{display:inline-block;width:20px;margin:0 1rem 0 0;font-size:1rem;color:#536c79;text-align:center}.modal{position:absolute;display:block;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);visibility:visible;z-index:1000}.modal .modal-box{display:flex;margin:10% auto 0;max-width:90%;width:23rem;padding:0;background-color:#fff;border:1px solid #2a2a35;animation:slide-down .3s ease-out;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}.modal .modal-box.playlist{width:28rem}@media only screen and (max-width: 420px){.modal .modal-box{width:20rem}}@media only screen and (max-width: 380px){.modal .modal-box{width:17rem}}@media only screen and (max-width: 320px){.modal .modal-box{width:15rem}}.modal .modal-box .card{margin-bottom:0;width:100%}.modal.closed{display:none !important;visibility:hidden !important}.not-found{display:block;width:100%}.not-found .center-block{margin:3% auto;width:15.5rem}.not-found .center-block h1{float:left !important;margin:0 1.5rem 0 0 !important;font-size:4.5rem;font-weight:300;line-height:1.2}.not-found .center-block h2{font-weight:500;padding-top:1.5rem !important;font-size:1.3125rem}.wr-log{max-width:765px;width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.log-left,.log-right{float:left}
#versionBar{bottom:0;text-align:center;position:absolute;width:100%;background:#000;padding:5px 0;font-size:11px;color: mintcream}
.signin-body-dark{background-color:#1a3048;min-height: 100vh;}
.log-left,.log-right{float:left}
.hwr-log{max-widt:765px;width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.form-signin{background:#fff;max-width:380px;padding:30px;margin:0 auto;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:30px}
.form-signin .checkbox{display:none;font-weight:normal}
.form-signin .form-control{width:100%;border:1px solid #e5e5e5;background:#f9f9f9;position:relative;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 10px 5px 10px;font-size:14px;text-transform:none}
.form-signin .form-control:focus{z-index:2}
.form-signin .btn-search{font-size:18px!important;width:49%!important;padding:10px}
.form-signin .clear-btn{float:right;width:49%;color:#1d1d1d;font-size:18px;padding:9px;border:1px solid #e4e4e4}
.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}