@font-face{
    font-family:'Inter';
    font-style:normal;
    font-weight:400;
    src:local(''),url('/font/inter-v3-latin-regular.woff2') format('woff2'),url('/font/inter-v3-latin-regular.woff') format('woff')
}
@font-face{
    font-family:'Inter';
    font-style:normal;
    font-weight:500;
    src:local(''),url('/font/inter-v3-latin-500.woff2') format('woff2'),url('/font/inter-v3-latin-500.woff') format('woff')
}
@font-face{
    font-family:'Inter';
    font-style:normal;
    font-weight:600;
    src:local(''),url('/font/inter-v3-latin-600.woff2') format('woff2'),url('/font/inter-v3-latin-600.woff') format('woff')
}
@font-face{
    font-family:'Inter';
    font-style:normal;
    font-weight:700;
    src:local(''),url('/font/inter-v3-latin-700.woff2') format('woff2'),url('/font/inter-v3-latin-700.woff') format('woff')
}
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0
}
h1,h2,h3,h4,h5,h6{
    font-size:1em;
    font-weight:normal
}
ul{
    list-style:none
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    box-sizing:border-box
}
*,*:before,*:after{
    box-sizing:inherit
}
body{
    margin:0
}
h1{
    font-size:2em;
    margin:10px 0 5px 0
}
h2{
    font-size:1.5em;
    margin:10px 0 5px 0
}
h3{
    font-size:1.2em;
    margin:5px 0 5px 0
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
    border-style:none;
    padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type="checkbox"],[type="radio"]{
    box-sizing:border-box;
    padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
    height:auto
}
[type="search"]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
html{
    height:100%
}
body{
    font-family:'Inter',sans-serif;
    font-size:14px;
    font-weight:400;
    color:#4c566a;
    background-color:#f5f5f5;
    min-height:100vh;
    overflow-x:hidden;
    overflow-y:auto
}
::-webkit-input-placeholder{
    color:#062139 !important;
    font-size:16px;
    font-weight:normal;
    opacity:.3
}
:-moz-placeholder{
    color:#062139 !important;
    font-size:16px;
    font-weight:normal;
    opacity:.3
}
::-moz-placeholder{
    color:#062139 !important;
    font-size:16px;
    font-weight:normal;
    opacity:.3
}
:-ms-input-placeholder{
    color:#062139 !important;
    font-size:16px;
    font-weight:normal;
    opacity:.3
}
.swal2-container{
    z-index:20000 !important
}
.swal2-styled.swal2-confirm{
    border:hidden !important;
    border-radius:6px !important;
    background-color:#10284c !important;
    color:white !important;
    font-size:14px !important
}
.swal2-styled.swal2-confirm:active,.swal2-styled.swal2-confirm:focus{
    box-shadow:none !important
}
.gu-mirror{
    position:fixed !important;
    margin:0 !important;
    z-index:9999 !important;
    opacity:.8;
    filter:alpha(opacity=80)
}
.gu-hide{
    display:none !important
}
.gu-unselectable{
    -webkit-user-select:none !important;
    -moz-user-select:none !important;
    -ms-user-select:none !important;
    user-select:none !important
}
.gu-transit{
    opacity:.2;
    filter:alpha(opacity=20)
}
#h1-container{
    width:100%;
    height:32px;
    clear:both
}
#h1-container #inline-filter{
    float:left;
    margin-top:6px;
    margin-left:20px;
    min-width:200px
}
#h1-container #filters-container{
    float:right;
    display:table;
    position:relative;
    width:auto;
    height:32px
}
#h1-container #filters-container #filters-button{
    cursor:pointer;
    width:90px;
    height:32px;
    line-height:32px;
    background-color:#fff;
    border-radius:6px;
    padding:0 12px;
    text-align:center
}
#h1-container #filters-container #filters-button .container{
    pointer-events:none;
    display:table;
    margin:0 auto;
    padding:0;
    height:32px
}
#h1-container #filters-container #filters-button .container .icon{
    float:left;
    width:14px;
    height:14px;
    margin-top:2px
}
#h1-container #filters-container #filters-button .container .icon img{
    width:100%;
    height:auto
}
#h1-container #filters-container #filters-button .container .label{
    height:32px;
    line-height:32px;
    float:left;
    margin-left:5px;
    color:#40b5fb;
    font-size:14px
}
#filters-options{
    display:none;
    position:fixed;
    z-index:10000;
    top:70px;
    right:20px;
    width:calc(100vw - 305px);
    max-height:calc(100vh - 100px);
    overflow-x:hidden;
    overflow-y:auto;
    background-color:white;
    border-radius:6px;
    padding:22px 20px;
    box-shadow:0 2px 3px 0 rgba(18,9,48,0.25)
}
#filters-options.compact{
    width:calc(100vw - 115px)
}
#filters-options:after{
    content:'';
    position:absolute;
    display:block;
    width:0;
    z-index:1;
    border-style:solid;
    border-color:#ffffff transparent;
    border-width:0 8px 8px;
    top:-8px;
    right:38px;
    margin-left:-8px
}
#filters-options .tk-filters-block{
    width:100%;
    display:table;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #f7f7f7
}
#filters-options .tk-filters-block .tk-col{
    box-sizing:border-box;
    padding:10px;
    float:left
}
#filters-options .tk-filters-block .tk-col label{
    display:block;
    width:100%;
    height:16px;
    color:#10284d;
    opacity:.5;
    font-size:11px;
    font-weight:bold;
    margin-bottom:4px
}
#filters-options .tk-filters-block .tk-col .date-picker-container{
    width:100%;
    height:40px;
    box-sizing:border-box;
    overflow:hidden
}
#filters-options .tk-filters-block .tk-col .date-picker-container .date-picker-input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    color:#444;
    font-size:14px;
    padding:0 15px;
    box-sizing:border-box
}
#filters-options .tk-filters-block .tk-col .date-picker-container .date-picker-input:active,#filters-options .tk-filters-block .tk-col .date-picker-container .date-picker-input:focus{
    outline:none
}
#filters-options .tk-filters-block .tk-col .month-range-container{
    width:100%;
    height:40px;
    box-sizing:border-box;
    overflow:hidden
}
#filters-options .tk-filters-block .tk-col .month-range-container .month-range{
    width:45%;
    height:40px;
    display:block;
    float:left;
    box-sizing:border-box;
    padding:0;
    margin:0
}
#filters-options .tk-filters-block .tk-col .month-range-container .month-range input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    text-align:center;
    font-size:14px;
    color:#444;
    padding:0;
    margin:0;
    display:block;
    box-sizing:border-box
}
#filters-options .tk-filters-block .tk-col .month-range-container .month-range input:active,#filters-options .tk-filters-block .tk-col .month-range-container .month-range input:focus{
    outline:none
}
#filters-options .tk-filters-block .tk-col .month-range-container .separator{
    width:calc(10%);
    height:40px;
    line-height:40px;
    display:block;
    float:left;
    font-size:24px;
    color:#444;
    text-align:center;
    margin:0;
    padding:0;
    box-sizing:border-box
}
#filters-options .tk-filters-block .tk-lg-1{
    width:25%
}
#filters-options .tk-filters-block .tk-lg-2{
    float:left;
    width:50%
}
#filters-options .tk-filters-block .tk-lg-3{
    float:left;
    width:75%
}
#filters-options .tk-filters-block .tk-lg-4{
    float:left;
    width:100%
}
#filters-options #filters-options-footer{
    width:100%;
    height:40px;
    box-sizing:border-box;
    padding-left:10px;
    clear:both
}
#filters-options #filters-options-footer #filter-button-apply{
    width:100px;
    height:40px;
    line-height:40px;
    border-radius:6px;
    background-color:#10284c;
    color:white;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    text-align:center;
    margin-top:15px
}
h1{
    display:table;
    float:left;
    height:32px;
    line-height:32px;
    font-weight:bold;
    font-size:24px;
    color:#10284c;
    margin:5px 0 20px 0
}
h2{
    display:table;
    width:100%;
    height:24px;
    line-height:24px;
    font-size:18px;
    font-weight:bold;
    color:#10284c;
    margin:0
}
h3{
    display:table;
    float:left;
    height:24px;
    line-height:24px;
    font-size:15px;
    font-weight:bold;
    color:#10284c;
    margin:10px 0 20px 0
}
.clear-both{
    width:100%;
    height:1px;
    display:block;
    clear:both
}
.tk-select2{
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.5) !important
}
.flatpickr-monthSelect-month.startRange{
    background-color:#569ff7;
    border-top-left-radius:22px;
    border-bottom-left-radius:22px;
    margin-right:0
}
.flatpickr-monthSelect-month.inRange{
    margin-left:0;
    margin-right:0;
    background-color:#b7d6fc;
    border-radius:0
}
.flatpickr-monthSelect-month.endRange{
    background-color:#569ff7;
    border-top-right-radius:22px;
    border-bottom-right-radius:22px;
    margin-left:0
}
.flatpickr-monthSelect-month.flatpickr-disabled{
    cursor:not-allowed !important
}
.flatpickr-monthSelect-month.flatpickr-disabled:hover{
    background-color:white !important
}
.graph-container{
    display:table;
    float:left;
    width:100%;
    height:auto;
    background-color:white;
    padding:10px 20px 20px 20px;
    border-radius:6px;
    box-sizing:border-box;
    margin-bottom:20px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
.graph-container .dashboard-filter-icon{
    position:absolute;
    display:block;
    width:14px;
    height:14px;
    top:24px;
    right:20px
}
.graph-container .dashboard-filter-icon.page{
    cursor:pointer;
    background:transparent url('/img/icon-filter-page.png') no-repeat center;
    background-size:cover
}
.graph-container .dashboard-filter-icon.dashboard{
    cursor:pointer;
    background:transparent url('/img/icon-filter-dashboard.png') no-repeat center;
    background-size:cover
}
.graph-container .dashboard-filter-icon.none{
    cursor:default;
    background:transparent url('/img/icon-filter-none.png') no-repeat center;
    background-size:cover
}
.graph-container .dashboard-filter-icon img{
    display:block;
    width:100%;
    height:auto
}
.graph-container .dashboard-filters-container{
    width:100%;
    min-height:100px;
    height:auto;
    display:table;
    clear:both;
    margin-top:-10px;
    margin-bottom:30px;
    box-sizing:border-box;
    text-align:right
}
.graph-container .dashboard-filters-container .select2-container{
    text-align:left;
    font-size:12px;
    color:#444
}
.graph-container .dashboard-filters-container .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:20px
}
.graph-container .dashboard-filters-container .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:20px;
    line-height:20px;
    top:0;
    right:0
}
.graph-container .dashboard-filters-container .df-col{
    width:auto;
    min-width:120px;
    max-width:360px;
    overflow:visible;
    margin:5px;
    padding:5px;
    box-sizing:border-box;
    display:inline-block;
    position:relative
}
.graph-container .dashboard-filters-container .df-col.date{
    min-width:150px;
    max-width:200px
}
.graph-container .dashboard-filters-container .df-col.date .df-container .df-input-container{
    min-width:90px;
    max-width:110px
}
.graph-container .dashboard-filters-container .df-col.date .df-container .df-input-container .faux-date-picker{
    width:auto;
    min-width:70px;
    display:table;
    height:20px;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    float:left;
    text-align:center
}
.graph-container .dashboard-filters-container .df-col.date .df-container .df-input-container .clear-date-picker{
    float:left;
    width:20px;
    height:20px;
    line-height:18px;
    cursor:pointer;
    font-size:16px;
    font-weight:normal;
    color:#888;
    text-align:center;
    margin-left:5px
}
.graph-container .dashboard-filters-container .df-col.date .df-container .df-input-container .ad-date-picker{
    display:none;
    float:left;
    width:20px;
    height:20px;
    line-height:20px;
    cursor:pointer;
    font-size:8px;
    font-weight:bold;
    color:#888;
    text-align:center;
    margin-left:5px
}
.graph-container .dashboard-filters-container .df-col.month-range{
    min-width:150px;
    max-width:400px
}
.graph-container .dashboard-filters-container .df-col.month-range .df-container .df-input-container{
    min-width:100px;
    max-width:260px
}
.graph-container .dashboard-filters-container .df-col .df-container{
    display:flex;
    min-width:0;
    height:40px;
    padding:10px 10px;
    box-sizing:border-box;
    border-radius:6px;
    background-color:#f6f6f6;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.5)
}
.graph-container .dashboard-filters-container .df-col .df-container select.select2-hidden-accessible+span.select2{
    position:absolute;
    opacity:0;
    width:calc(100% - 20px) !important;
    height:30px !important;
    overflow:hidden;
    top:10px;
    left:10px
}
.graph-container .dashboard-filters-container .df-col .df-container label{
    display:table;
    width:auto;
    height:20px;
    line-height:20px;
    font-size:11px;
    font-weight:normal;
    margin-right:10px;
    pointer-events:none;
    flex-shrink:0;
    float:left
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container{
    float:left;
    width:auto;
    min-width:30px;
    max-width:200px;
    display:table
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .faux-dropdown{
    float:left;
    min-width:50px;
    width:auto;
    max-width:180px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    height:20px;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    padding-right:10px;
    text-align:left
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-icon{
    display:table;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    float:left;
    position:relative;
    cursor:pointer
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-clear{
    display:table
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-clear::after{
    content:'×';
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:16px;
    color:#888;
    margin-top:-1px
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-show{
    display:none
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-show::after{
    content:'▼';
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:9px;
    color:#888;
    padding-top:1px
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-hide{
    display:none
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .fxd-hide::after{
    content:'▲';
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-size:11px;
    color:#888
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container.no-val .fxd-clear,.graph-container .dashboard-filters-container .df-col .df-container .df-input-container.all .fxd-clear{
    display:none
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container.no-val .fxd-show,.graph-container .dashboard-filters-container .df-col .df-container .df-input-container.all .fxd-show{
    display:table
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple{
    background-color:transparent;
    border:hidden;
    border-radius:0;
    cursor:text
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    height:20px;
    line-height:20px
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple .select2-selection__rendered li:nth-last-child(2)::after{
    content:'' !important
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline{
    display:none !important
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:bold;
    margin-right:2px;
    color:red;
    font-size:16px;
    margin-top:-1px
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-selection__choice{
    font-weight:bold !important;
    font-size:12px !important;
    background-color:transparent !important;
    border:hidden !important;
    padding:0 !important;
    display:contents;
    pointer-events:none
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-selection__choice::after{
    content:', '
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    display:none !important
}
.graph-container .dashboard-filters-container .df-col .df-container .df-input-container .select2-container--default .select2-selection--single{
    font-weight:bold !important;
    font-size:12px !important;
    background-color:transparent !important;
    border:hidden !important;
    border-radius:0 !important
}
.graph-container .dashboard-filters-container .df-col select{
    width:100%;
    height:30px
}
.graph-container .dashboard-filters-container .df-col .df-text-input{
    width:100px;
    height:20px;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    color:#444;
    border:hidden;
    background-color:transparent
}
.graph-container .dashboard-filters-container .df-col .df-text-input:focus,.graph-container .dashboard-filters-container .df-col .df-text-input:active{
    outline:none
}
.graph-container .dashboard-filters-container .df-col .df-date-picker{
    float:left;
    width:90px;
    height:20px;
    line-height:18px;
    font-size:12px;
    font-weight:bold;
    color:#444;
    border:hidden;
    text-align:center;
    box-sizing:border-box;
    padding:0 10px 0 5px;
    background-color:transparent;
    position:relative
}
.graph-container .dashboard-filters-container .df-col .df-date-picker:focus,.graph-container .dashboard-filters-container .df-col .df-date-picker:active{
    outline:none
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container{
    float:left;
    width:auto;
    height:20px;
    margin-right:5px;
    display:table;
    background-color:transparent;
    position:relative
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container .faux-month-range{
    width:auto;
    min-width:80px;
    display:table;
    height:20px;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    float:left
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container .clear-month-range{
    float:left;
    width:20px;
    height:20px;
    line-height:18px;
    cursor:pointer;
    font-size:16px;
    font-weight:normal;
    color:#888;
    text-align:center;
    margin-left:10px
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container .ad-month-range,.graph-container .dashboard-filters-container .df-col .df-month-range-container .au-month-range{
    float:left;
    width:20px;
    height:20px;
    line-height:20px;
    cursor:pointer;
    font-size:8px;
    font-weight:bold;
    color:#888;
    text-align:center;
    margin-left:10px
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container .ad-month-range{
    display:none
}
.graph-container .dashboard-filters-container .df-col .df-month-range-container .au-month-range{
    display:none
}
.graph-container .dashboard-filters-container .df-col.extended{
    max-width:420px
}
.graph-container .dashboard-filters-container button{
    width:100%;
    height:30px;
    border:hidden;
    display:block;
    margin-bottom:20px;
    cursor:pointer
}
.graph-container .dashboard-filters-container button.apply-filters{
    color:white;
    background-color:#40b5fb
}
.graph-container .dashboard-filters-container button.clear-filters{
    color:red;
    background-color:white
}
.graph-container iframe{
    width:100%;
    height:360px;
    border:hidden;
    background-color:white
}
@media (max-width:359px){
    body{
        display:none !important
    }
}
@media (max-width:768px){
    body{
        width:100vw;
        overflow-x:hidden
    }
    #mobile-backdrop{
        display:none;
        position:fixed;
        z-index:9000;
        top:0;
        left:0;
        width:100vw;
        height:100vh;
        overflow:hidden;
        background-color:rgba(0,0,0,0.7)
    }
    #mobile-header{
        display:block;
        width:100vw;
        height:48px;
        position:fixed;
        top:0;
        left:0;
        z-index:10000;
        box-sizing:border-box;
        padding:14px 15px;
        background-color:#fafafa;
        box-shadow:1px 0 4px 0 rgba(0,0,0,0.1)
    }
    #mobile-header #header-icon-open{
        float:left;
        width:20px;
        height:20px
    }
    #mobile-header #header-icon-open img{
        width:100%;
        height:auto;
        margin-top:2px
    }
    #mobile-header #header-icon-close{
        float:left;
        width:20px;
        height:20px;
        display:none
    }
    #mobile-header #header-icon-close img{
        width:100%;
        height:auto;
        margin-top:2px
    }
    #mobile-header #header-title{
        float:left;
        margin-left:10px;
        height:20px;
        position:relative
    }
    #mobile-header #header-title h1{
        float:left;
        font-size:14px;
        font-weight:500;
        color:#10284c;
        opacity:.7;
        height:20px;
        line-height:20px;
        margin:0;
        padding:0
    }
    #mobile-header #header-title #header-tooltip-icon{
        float:left;
        width:20px;
        height:20px;
        line-height:20px;
        background-color:#e5effb;
        text-align:center;
        color:#10284c;
        border-radius:50%;
        font-size:14px;
        font-weight:500;
        margin-left:10px
    }
    #mobile-header #header-title #header-tooltip-text{
        display:none;
        position:fixed;
        top:50%;
        transform:translateY(-50%);
        left:0;
        right:0;
        margin:0 auto;
        width:calc(100vw - 30px);
        height:auto;
        background-color:#fff;
        border-radius:6px;
        box-sizing:border-box;
        padding:20px
    }
    #mobile-header #header-title #header-tooltip-text button{
        display:block;
        margin:20px auto 0 auto;
        width:94%;
        height:40px;
        line-height:40px;
        border-radius:6px;
        background-color:#10284c;
        font-size:15px;
        font-weight:500;
        color:white;
        border:hidden;
        text-align:center
    }
    #mobile-header #mobile-filters-button{
        width:65px;
        height:24px;
        float:right;
        border:1px solid #ccc;
        box-sizing:border-box;
        margin-top:-2px;
        border-radius:6px;
        background-color:#fff
    }
    #mobile-header #mobile-filters-button .icon{
        width:14px;
        height:14px;
        float:left;
        margin:4px 0 0 4px
    }
    #mobile-header #mobile-filters-button .icon img{
        width:auto;
        height:100%
    }
    #mobile-header #mobile-filters-button .label{
        font-size:12px;
        font-weight:300;
        float:left;
        margin-left:5px;
        line-height:22px;
        color:#40b5fb
    }
}
.no-overflow,.ovfw-h{
    overflow:hidden
}
.no-overflow-x,.ovfw-x-h{
    overflow-x:hidden
}
.no-overflow-y,.ovfw-y-h{
    overflow-y:hidden
}
.clear-both,.cl-b,.cb{
    clear:both
}
.clear-left,.cl-l,.cl{
    clear:left
}
.clear-right,.cl-r,.cr{
    clear:right
}
.relative{
    position:relative
}
.absolute{
    position:absolute
}
.fixed{
    position:fixed
}
.no-float,.fl-n{
    float:none
}
.left-float,.fl-l{
    float:left
}
.right-float,.fl-r{
    float:right
}
.no-resize{
    resize:none
}
.v-resize{
    resize:vertical
}
.h-resize{
    resize:horizontal
}
.no-outline,.no-outline:focus{
    outline:none
}
.w-100{
    width:100px
}
.w-100i{
    width:100px !important
}
.w-100pc{
    width:100%
}
.w-100pci{
    width:100% !important
}
.w-100v{
    width:100vw
}
.w-100vi{
    width:100vw !important
}
.h-100{
    height:100px
}
.h-100i{
    height:100px !important
}
.h-100p{
    height:100%
}
.h-100pi{
    height:100% !important
}
.h-100v{
    height:100vw
}
.h-100vi{
    height:100vw !important
}
.t-a-c{
    text-align:center
}
.t-a-l{
    text-align:left
}
.t-a-r{
    text-align:right
}
.c-p{
    cursor:pointer
}
.c-d{
    cursor:default
}
.red{
    color:#f73049
}
.m-b-5,.mb-5{
    margin-bottom:5px
}
.m-b-10,.mb-10{
    margin-bottom:10px
}
.m-b-15,.mb-15{
    margin-bottom:15px
}
.mb-30{
    margin-bottom:30px !important
}
.mb-40{
    margin-bottom:40px !important
}
.m-t-5,.mt-5{
    margin-top:5px
}
.m-t-10,.mt-10{
    margin-top:10px
}
.m-t-20,.mt-20{
    margin-top:20px
}
.m-t-30,.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.m-t-b-5{
    margin-top:5px;
    margin-bottom:5px
}
.m-t-b-10{
    margin-top:10px;
    margin-bottom:10px
}
.fw-lt,.light,.fw-300{
    font-weight:300
}
.fw-nm,.normal,.fw-400{
    font-weight:400
}
.fw-bd,.bold,.fw-700{
    font-weight:700
}
.fs-it,.italic{
    font-style:italic
}
.fs-10{
    font-size:10px
}
.fs-12{
    font-size:12px
}
.fs-14{
    font-size:14px
}
.fs-16{
    font-size:16px
}
.fs-18{
    font-size:18px
}
.display-none,.d-none,.hidden,.hide-me,.hide-this{
    display:none
}
.display-block,.d-block,.dp-bk{
    display:block
}
.display-table,.d-table,.dp-tb{
    display:table
}
.display-flex,.d-flex,.dp-fx{
    display:flex
}
.display-inline-block,.d-inline-block,.dp-ib{
    display:inline-block
}
.no-padding,.pd-0{
    padding:0
}
.no-padding-left,.pd-l-0{
    padding-left:0
}
.no-padding-right,.pd-r-0{
    padding-right:0
}
.no-padding-top,.pd-t-o{
    padding-top:0
}
.no-padding-bottom,.pd-b-0{
    padding-bottom:0
}
.p-l-r-0{
    padding-left:0;
    padding-right:0
}
.p-t-b-0{
    padding-top:0;
    padding-bottom:0
}
.p-l-r-10{
    padding-left:10px;
    padding-right:10px
}
.p-l-r-15{
    padding-left:15px;
    padding-right:15px
}
.p-l-5{
    padding-left:5px
}
.p-r-5{
    padding-right:5px
}
.pd-10{
    padding:10px
}
.pd-tb-10{
    padding:10px 0
}
.pd-lr-10{
    padding:0 10px
}
.pd-20{
    padding:20px
}
.pd-tb-20{
    padding:20px 0
}
.pd-lr-20{
    padding:0 20px
}
#backdrop{
    display:none;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0,0,0,0.7);
    z-index:15000;
    overflow:hidden
}
#backdrop .container{
    width:400px;
    height:auto;
    display:table;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto
}
#backdrop .container .message{
    width:100%;
    height:40px;
    font-size:20px;
    font-weight:normal;
    line-height:40px;
    text-align:center;
    color:#fff
}
.left-in{
    left:0
}
.left-out-left{
    left:-100%
}
.right-out-left{
    left:100%
}
.right-in{
    right:0
}
.right-out-right{
    right:100%
}
.right-out-left{
    right:-100%
}
.slide-left-in{
    -webkit-animation:slide-left-in 500ms ease-in-out forwards;
    animation:slide-left-in 500ms ease-in-out forwards
}
.slide-left-out{
    -webkit-animation:slide-left-out 500ms ease-in-out forwards;
    animation:slide-left-out 500ms ease-in-out forwards
}
.slide-right-in{
    -webkit-animation:slide-right-in 500ms ease-in-out forwards;
    animation:slide-right-in 500ms ease-in-out forwards
}
.slide-right-out{
    -webkit-animation:slide-right-out 500ms ease-in-out forwards;
    animation:slide-right-out 500ms ease-in-out forwards
}
@-webkit-keyframes slide-left-in{
    0%{
        left:100%
    }
    100%{
        left:0
    }
}
@keyframes slide-left-in{
    0%{
        left:100%
    }
    100%{
        left:0
    }
}
@-webkit-keyframes slide-left-out{
    0%{
        left:0
    }
    100%{
        left:-100%
    }
}
@keyframes slide-left-out{
    0%{
        left:0
    }
    100%{
        left:-100%
    }
}
@-webkit-keyframes slide-right-in{
    0%{
        left:-100%
    }
    100%{
        left:0
    }
}
@keyframes slide-right-in{
    0%{
        left:-100%
    }
    100%{
        left:0
    }
}
@-webkit-keyframes slide-right-out{
    0%{
        left:0
    }
    100%{
        left:100%
    }
}
@keyframes slide-right-out{
    0%{
        left:0
    }
    100%{
        left:100%
    }
}
#left-pane{
    float:left;
    width:50%;
    height:100vh;
    overflow:hidden;
    position:relative;
    box-sizing:border-box
}
#left-pane #header{
    box-sizing:border-box;
    width:80px;
    height:80px;
    position:absolute;
    top:24px;
    left:24px
}
#left-pane #header img{
    display:block;
    width:100%;
    height:auto
}
#left-pane #form{
    box-sizing:border-box;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    width:500px;
    height:auto;
    display:table;
    padding:0
}
#left-pane #form #auth-error-msg{
    position:absolute;
    width:500px;
    height:40px;
    top:-40px;
    left:0;
    right:0;
    margin:0 auto;
    color:red;
    font-size:14px;
    font-weight:normal;
    text-align:center
}
#left-pane #form h1{
    width:100%;
    font-size:21px;
    font-weight:bold;
    text-align:center;
    color:#10284c;
    margin-bottom:30px
}
#left-pane #form input{
    width:500px;
    height:48px;
    line-height:48px;
    margin:20px 0;
    padding:0 14px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    background-color:#fff;
    font-size:16px;
    font-weight:normal;
    color:#10284c
}
#left-pane #form input:active,#left-pane #form input:focus{
    outline:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)
}
#left-pane #form button{
    width:500px;
    height:48px;
    line-height:48px;
    margin:20px 0 30px 0;
    padding:0 14px;
    border-radius:6px;
    background-color:#10284c;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    color:white;
    border:hidden
}
#left-pane #form button:active,#left-pane #form button:focus{
    outline:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.25)
}
#left-pane #form #disclaimer{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px
}
#left-pane #form #disclaimer a{
    text-decoration:none;
    color:#10284c
}
#left-pane #form #disclaimer a:hover{
    text-decoration:underline
}
#left-pane #footer{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:40px;
    width:500px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:13px;
    font-weight:normal;
    color:#7e879b
}
#right-pane{
    float:right;
    width:50%;
    height:100vh;
    overflow:hidden;
    background:white url('/img/login-img.jpg') no-repeat center;
    background-size:cover
}
@media (max-width:359px){
    #left-pane,#right-pane{
        display:none !important
    }
}
@media (max-width:768px){
    #left-pane{
        float:none;
        width:100vw;
        overflow:hidden
    }
    #left-pane #form{
        width:calc(100vw - 30px);
        padding:0 10px
    }
    #left-pane #form #auth-error-msg{
        width:calc(100vw - 50px)
    }
    #left-pane #form h1{
        font-size:20px;
        margin-bottom:20px
    }
    #left-pane #form input{
        width:100%;
        height:48px;
        line-height:48px;
        margin:20px auto;
        padding:0 14px;
        font-size:16px
    }
    #left-pane #form button{
        width:100%;
        height:48px;
        line-height:48px;
        margin:20px auto 30px auto;
        padding:0 14px;
        font-size:16px
    }
    #left-pane #footer{
        bottom:30px;
        width:calc(100vw - 30px)
    }
    #right-pane{
        display:none
    }
}
#full-width{
    width:100%;
    height:100vh;
    overflow:hidden;
    position:relative;
    box-sizing:border-box
}
#full-width #header{
    box-sizing:border-box;
    width:80px;
    height:80px;
    position:absolute;
    top:24px;
    left:24px
}
#full-width #header img{
    display:block;
    width:100%;
    height:auto
}
#full-width #form,#full-width #success{
    box-sizing:border-box;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    width:500px;
    height:auto;
    display:table;
    padding:0
}
#full-width #form #auth-error-msg,#full-width #success #auth-error-msg{
    position:absolute;
    width:500px;
    height:40px;
    top:-40px;
    left:0;
    right:0;
    margin:0 auto;
    color:red;
    font-size:14px;
    font-weight:normal;
    text-align:center
}
#full-width #form h1,#full-width #success h1{
    width:100%;
    font-size:21px;
    font-weight:bold;
    text-align:center;
    color:#10284c;
    margin-bottom:12px
}
#full-width #form p,#full-width #success p{
    font-size:14px;
    font-weight:normal;
    text-align:center;
    color:#10284c;
    margin:0 auto 20px auto
}
#full-width #form input,#full-width #success input{
    width:500px;
    height:48px;
    line-height:48px;
    margin:20px 0;
    padding:0 14px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    background-color:#fff;
    font-size:16px;
    font-weight:normal;
    color:#10284c
}
#full-width #form input:active,#full-width #success input:active,#full-width #form input:focus,#full-width #success input:focus{
    outline:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)
}
#full-width #form button,#full-width #success button{
    width:500px;
    height:48px;
    line-height:48px;
    margin:20px 0 30px 0;
    padding:0 14px;
    border-radius:6px;
    background-color:#10284c;
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    color:white;
    border:hidden
}
#full-width #form button:active,#full-width #success button:active,#full-width #form button:focus,#full-width #success button:focus{
    outline:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.25)
}
#full-width #form #disclaimer,#full-width #success #disclaimer{
    width:100%;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:14px
}
#full-width #form #disclaimer a,#full-width #success #disclaimer a{
    text-decoration:none;
    color:#10284c
}
#full-width #form #disclaimer a:hover,#full-width #success #disclaimer a:hover{
    text-decoration:underline
}
#full-width #success{
    display:none
}
#full-width #success img{
    display:block;
    width:64px;
    height:auto;
    margin:0 auto 20px auto
}
#full-width #footer{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:40px;
    width:500px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:13px;
    font-weight:normal;
    color:#7e879b
}
@media (max-width:359px){
    #full-width{
        display:none !important
    }
}
@media (max-width:768px){
    #full-width{
        width:100vw;
        overflow:hidden
    }
    #full-width #form,#full-width #success{
        width:calc(100vw - 30px);
        padding:0 10px
    }
    #full-width #form #auth-error-msg,#full-width #success #auth-error-msg{
        width:calc(100vw - 50px)
    }
    #full-width #form h1,#full-width #success h1{
        font-size:20px;
        margin-bottom:20px
    }
    #full-width #form p,#full-width #success p{
        font-size:14px;
        font-weight:normal;
        text-align:center;
        color:#10284c;
        margin:0 auto 20px auto;
        box-sizing:border-box;
        padding:0 10px
    }
    #full-width #form input,#full-width #success input{
        width:100%;
        height:48px;
        line-height:48px;
        margin:20px auto;
        padding:0 14px;
        font-size:16px
    }
    #full-width #form button,#full-width #success button{
        width:100%;
        height:48px;
        line-height:48px;
        margin:20px auto 30px auto;
        padding:0 14px;
        font-size:16px
    }
    #full-width #success{
        display:none
    }
    #full-width #success img{
        width:32px;
        margin:0 auto 10px auto
    }
    #full-width #footer{
        bottom:30px;
        width:calc(100vw - 30px)
    }
}
.mCSB_inside>.mCSB_container{
    margin-right:15px !important
}
#compact-menu{
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    width:60px;
    height:100vh;
    background-color:#fff;
    box-sizing:border-box;
    padding:16px 0;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)
}
#compact-menu.hidden{
    left:-70px
}
#compact-menu .logo{
    width:40px;
    height:40px;
    margin-left:10px;
    margin-bottom:30px
}
#compact-menu .logo img{
    display:block;
    width:100%;
    height:auto
}
#compact-menu .cm-row{
    width:100%;
    height:30px;
    margin:15px 0;
    padding:0;
    position:relative
}
#compact-menu .cm-row .menu-block{
    width:100%;
    height:30px;
    box-sizing:border-box;
    margin:0;
    padding:5px 0
}
#compact-menu .cm-row .menu-block.active{
    background-color:#e3ecfa
}
#compact-menu .cm-row .menu-block.active::before{
    content:' ';
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:30px;
    background-color:#172143
}
#compact-menu .cm-row .menu-block .block-icon{
    width:20px;
    height:20px;
    margin:0 auto;
    text-align:center
}
#compact-menu .cm-row .menu-block .block-icon img{
    width:20px;
    height:auto
}
#compact-menu .cm-row .submenu-block{
    display:none;
    position:absolute;
    top:-15px;
    left:60px;
    width:max-content;
    height:auto;
    box-sizing:border-box;
    background-color:white;
    padding:8px 0;
    border-radius:6px;
    box-shadow:1px 1px 4px 1px rgba(0,0,0,0.15)
}
#compact-menu .cm-row .submenu-block .menu-label{
    width:100%;
    height:35px;
    line-height:35px;
    margin:0;
    padding:0 15px;
    box-sizing:border-box;
    color:#10284c;
    font-size:14px;
    font-weight:600
}
#compact-menu .cm-row .submenu-block .submenu-option{
    width:100%;
    height:35px;
    line-height:35px;
    margin:0;
    padding:0 15px;
    box-sizing:border-box
}
#compact-menu .cm-row .submenu-block .submenu-option:hover{
    background-color:#f3f4f6
}
#compact-menu .cm-row .submenu-block .submenu-option:hover a{
    color:#10284c !important
}
#compact-menu .cm-row .submenu-block .submenu-option.active{
    background-color:#e7e9ed
}
#compact-menu .cm-row .submenu-block .submenu-option.active a{
    color:#10284c !important
}
#compact-menu .cm-row .submenu-block .submenu-option a{
    display:block;
    color:#10284c;
    text-decoration:none;
    font-size:14px;
    font-weight:400
}
#compact-menu .cm-row .submenu-block .submenu-option a:active,#compact-menu .cm-row .submenu-block .submenu-option a:hover,#compact-menu .cm-row .submenu-block .submenu-option a:visited{
    outline:none;
    text-decoration:none;
    color:#10284c
}
#compact-menu #cm-footer{
    width:100%;
    height:40px;
    position:absolute;
    bottom:60px;
    left:0
}
#compact-menu #cm-footer .cm-footer-row{
    width:100%;
    height:32px;
    position:relative;
    box-sizing:border-box;
    padding:0;
    margin:0
}
#compact-menu #cm-footer .cm-footer-row .cm-user-menu{
    width:32px;
    height:32px;
    line-height:32px;
    margin:0 auto;
    background-color:#10284c;
    color:#fff;
    border-radius:50%;
    font-size:14px;
    font-weight:500;
    text-align:center
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu{
    display:none;
    position:absolute;
    bottom:-10px;
    left:60px;
    width:max-content;
    height:auto;
    box-sizing:border-box;
    background-color:white;
    padding:8px 0;
    border-radius:6px;
    box-shadow:1px 1px 4px 1px rgba(0,0,0,0.15)
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option{
    width:100%;
    height:35px;
    line-height:35px;
    margin:0;
    padding:0 15px;
    box-sizing:border-box
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option:hover{
    background-color:#f3f4f6
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option:hover a{
    color:#10284c !important
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option.active{
    background-color:#e7e9ed
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option.active a{
    color:#10284c !important
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a{
    display:table;
    color:#10284c;
    text-decoration:none;
    font-size:14px;
    font-weight:400
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a:active,#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a:hover,#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a:visited{
    outline:none;
    text-decoration:none;
    color:#10284c
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a .option-icon{
    width:16px;
    height:16px;
    margin-top:3px;
    float:left
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a .option-icon img{
    width:16px;
    height:auto
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a .option-icon img.svg{
    stroke-width:2px
}
#compact-menu #cm-footer .cm-footer-row .cm-user-submenu .cm-user-submenu-option a .option-label{
    float:left;
    margin-left:8px;
    height:35px;
    line-height:35px;
    font-size:14px;
    font-weight:400;
    color:#10284c
}
#compact-menu #expand-menu-icon{
    cursor:pointer;
    z-index:99999;
    width:20px;
    height:20px;
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    margin:0 auto
}
#compact-menu #expand-menu-icon img{
    width:20px;
    height:auto
}
#menu{
    position:fixed;
    z-index:10000;
    top:0;
    left:0;
    width:250px;
    height:100vh;
    background-color:#fff;
    box-sizing:border-box;
    padding:24px 0;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1)
}
#menu.hidden{
    left:-260px
}
#menu .left-menu .logo{
    width:80px;
    height:80px;
    margin-left:11px;
    margin-bottom:20px
}
#menu .left-menu .logo img{
    display:block;
    width:100%;
    height:auto
}
#menu .left-menu #tk-full-menu-scroll{
    width:100%;
    height:calc(100vh - 320px)
}
#menu .left-menu .menu-block{
    width:100%;
    display:flex;
    height:auto;
    margin:0;
    position:relative;
    box-sizing:border-box;
    padding-left:24px
}
#menu .left-menu .menu-block.active{
    background-color:#e3ecfa
}
#menu .left-menu .menu-block.active a .block-icon img,#menu .left-menu .menu-block.active .submenu-a .block-icon img{
    stroke-width:2px
}
#menu .left-menu .menu-block.active a .block-title,#menu .left-menu .menu-block.active .submenu-a .block-title{
    font-weight:600 !important;
    color:#172143 !important
}
#menu .left-menu .menu-block.active::before{
    content:' ';
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:40px;
    background-color:#172143
}
#menu .left-menu .menu-block a,#menu .left-menu .menu-block .submenu-a,#menu .left-menu .menu-block .disabled{
    display:block;
    width:100%;
    height:100%;
    cursor:pointer
}
#menu .left-menu .menu-block a .block-icon,#menu .left-menu .menu-block .submenu-a .block-icon,#menu .left-menu .menu-block .disabled .block-icon{
    width:16px;
    height:16px;
    float:left;
    margin:12px 0
}
#menu .left-menu .menu-block a .block-icon img,#menu .left-menu .menu-block .submenu-a .block-icon img,#menu .left-menu .menu-block .disabled .block-icon img{
    display:block;
    width:100%;
    height:auto
}
#menu .left-menu .menu-block a .block-title,#menu .left-menu .menu-block .submenu-a .block-title,#menu .left-menu .menu-block .disabled .block-title{
    height:auto;
    width:180px;
    line-height:40px;
    margin-left:10px;
    float:left;
    font-size:14px;
    font-weight:500;
    color:#10284c;
    opacity:.7
}
#menu .left-menu .menu-block.active+.submenu-block{
    display:table
}
#menu .left-menu .submenu-block{
    display:none;
    width:100%;
    height:auto;
    box-sizing:border-box
}
#menu .left-menu .submenu-block .submenu-option{
    display:table;
    width:100%;
    min-height:20px;
    line-height:20px;
    margin:0;
    padding:5px 0 5px 50px;
    box-sizing:border-box;
    background-color:#f6f7f8
}
#menu .left-menu .submenu-block .submenu-option.active{
    background-color:#e4e5ea
}
#menu .left-menu .submenu-block .submenu-option.active a{
    color:#172143 !important
}
#menu .left-menu .submenu-block .submenu-option a{
    display:block;
    color:#7a8398;
    text-decoration:none;
    font-size:14px;
    font-weight:500
}
#menu .left-menu .submenu-block .submenu-option a:active,#menu .left-menu .submenu-block .submenu-option a:hover,#menu .left-menu .submenu-block .submenu-option a:visited{
    outline:none;
    text-decoration:none;
    color:#7a8398
}
#menu .left-menu .menu-separator{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:11px;
    color:#7e879b;
    font-weight:bold;
    margin:0;
    box-sizing:border-box;
    padding-left:24px
}
#menu .left-menu .icp{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:12px;
    font-weight:300;
    color:#afb5c2;
    margin:10px 0 0 0;
    box-sizing:border-box;
    padding-left:24px
}
#menu .left-menu #menu-footer{
    display:table;
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    bottom:10px
}
#menu #compact-menu-icon{
    cursor:pointer;
    width:20px;
    height:20px;
    position:absolute;
    z-index:99999;
    bottom:20px;
    right:10px;
    text-align:center
}
#menu #compact-menu-icon img{
    width:100%;
    height:auto
}
@media (max-width:359px){
    #menu{
        display:none !important
    }
}
@media (max-width:768px){
    #menu{
        width:100vw;
        top:40px;
        left:-100vw;
        opacity:0;
        padding:15px 0;
        box-shadow:none;
        transition:all 300ms ease-in-out
    }
    #menu.visible{
        left:0;
        opacity:1
    }
    #menu .left-menu .logo{
        display:none
    }
    #menu .left-menu .menu-separator{
        height:20px;
        line-height:20px;
        padding-left:24px
    }
}
#content{
    float:right;
    width:calc(100% - 250px);
    box-sizing:border-box;
    margin:0;
    padding:0
}
#content.compact{
    width:calc(100% - 60px)
}
#content .container{
    box-sizing:border-box;
    padding:30px
}
#content .container .tooltip{
    position:relative;
    width:24px;
    height:24px;
    margin-left:15px;
    float:left
}
#content .container .tooltip.h1{
    margin-top:8px
}
#content .container .tooltip.h2{
    margin-top:10px
}
#content .container .tooltip .tooltip-icon{
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:50%;
    background-color:#e5effb;
    text-align:center;
    color:#10284c;
    cursor:help
}
#content .container .tooltip .tooltip-icon:hover+.tooltip-text{
    display:table
}
#content .container .tooltip .tooltip-text{
    display:none;
    position:absolute;
    z-index:1000;
    box-sizing:border-box;
    width:50vw;
    overflow:hidden;
    top:30px;
    left:12px;
    min-width:180px;
    padding:32px 40px;
    background-color:white;
    border-radius:10px;
    box-shadow:0 8px 32px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(36,41,40,0.12);
    font-size:15px;
    line-height:2
}
#content .container .tooltip .tooltip-text p{
    margin:8px 0
}
#content .container .tooltip .tooltip-text p b{
    font-size:16px
}
@media (max-width:359px){
    #content{
        display:none !important
    }
}
@media (max-width:768px){
    #content{
        float:none;
        width:100vw;
        padding-top:50px
    }
    #content .container{
        padding:15px;
        width:100vw;
        overflow-x:hidden
    }
    #mobile-footer{
        width:100vw;
        height:30px;
        clear:both
    }
}
#tabs-bar{
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100vw;
    height:58px;
    background-color:#fff;
    box-sizing:border-box;
    padding-left:280px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
#tabs-bar #tk-page-header-title{
    float:left;
    height:58px;
    width:auto;
    display:table
}
#tabs-bar #tk-page-header-title h1{
    display:table;
    float:left;
    height:58px;
    line-height:58px;
    font-weight:bold;
    font-size:24px;
    color:#10284c;
    margin:0
}
#tabs-bar #tk-page-header-title .tooltip{
    position:relative;
    width:24px;
    height:24px;
    float:left;
    margin:16px 0 0 16px
}
#tabs-bar #tk-page-header-title .tooltip .tooltip-icon{
    width:24px;
    height:24px;
    line-height:24px;
    border-radius:50%;
    background-color:#e5effb;
    text-align:center;
    color:#10284c;
    cursor:help
}
#tabs-bar #tk-page-header-title .tooltip .tooltip-icon:hover+.tooltip-text{
    display:table
}
#tabs-bar #tk-page-header-title .tooltip .tooltip-text{
    display:none;
    position:absolute;
    z-index:1;
    box-sizing:border-box;
    width:50vw;
    overflow:hidden;
    top:30px;
    left:-30px;
    min-width:180px;
    padding:32px 40px;
    background-color:white;
    border-radius:10px;
    box-shadow:0 8px 32px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(36,41,40,0.12);
    font-size:15px;
    line-height:2
}
#tabs-bar #tk-page-header-title .tooltip .tooltip-text p{
    margin:8px 0
}
#tabs-bar #tk-page-header-title .tooltip .tooltip-text p b{
    font-size:16px
}
#tabs-bar #tk-page-header-tabs{
    float:left;
    width:calc(100vw - 700px) !important;
    height:58px;
    margin-left:30px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap
}
#tabs-bar #tk-page-header-tabs .tab-option{
    display:table;
    box-sizing:border-box;
    width:auto;
    line-height:54px;
    font-size:14px;
    font-weight:500;
    color:#10284c;
    margin-right:30px;
    padding-top:2px;
    display:inline-block;
    cursor:pointer
}
#tabs-bar #tk-page-header-tabs .tab-option.active{
    border-bottom:2px solid #40b4fa;
    cursor:auto
}
#tabs-bar #filters-button{
    cursor:pointer;
    width:90px;
    height:32px;
    line-height:32px;
    background-color:#fff;
    border-radius:6px;
    padding:0 12px;
    text-align:center;
    border:1px solid #40b5fb;
    float:right;
    margin:12px 30px 0 0
}
#tabs-bar #filters-button .container{
    pointer-events:none;
    display:table;
    margin:0 auto;
    padding:0;
    height:32px
}
#tabs-bar #filters-button .container .icon{
    float:left;
    width:14px;
    height:14px;
    margin-top:2px
}
#tabs-bar #filters-button .container .icon img{
    width:100%;
    height:auto
}
#tabs-bar #filters-button .container .label{
    height:32px;
    line-height:32px;
    float:left;
    margin-left:5px;
    color:#40b5fb;
    font-size:14px
}
#tabs-bar.compact{
    padding-left:90px
}
#tabs-bar.compact #tk-page-header-tabs{
    width:calc(100vw - 500px) !important
}
#tabs-spacer{
    width:100%;
    height:60px
}
.tab-anchor{
    width:100%;
    height:auto;
    clear:both;
    display:table;
    margin:20px 0 0 0
}
.tab-anchor h2{
    margin-bottom:30px
}
#mobile-tabs-bar{
    position:fixed;
    z-index:9990;
    top:49px;
    left:0;
    width:100vw;
    height:44px;
    background-color:#fff;
    overflow-y:hidden;
    overflow-x:auto;
    box-sizing:border-box;
    padding:0 15px;
    white-space:nowrap;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
#mobile-tabs-bar .mobile-tab-option{
    display:inline;
    box-sizing:border-box;
    width:auto;
    height:44px;
    line-height:40px;
    font-size:14px;
    font-weight:500;
    color:#10284c;
    margin-right:30px;
    padding-top:2px
}
#mobile-tabs-bar .mobile-tab-option:last-child{
    margin-right:0
}
#mobile-tabs-bar .mobile-tab-option.active{
    border-bottom:2px solid #40b4fa;
    cursor:auto
}
#mobile-tabs-spacer{
    width:100%;
    height:60px
}
.mobile-tooltip-icon{
    float:left;
    width:20px;
    height:20px;
    line-height:20px;
    background-color:#e5effb;
    text-align:center;
    color:#10284c;
    border-radius:50%;
    font-size:14px;
    font-weight:500;
    margin-top:12px;
    margin-left:10px
}
.mobile-tooltip{
    display:none;
    position:fixed;
    z-index:9100;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    width:calc(100vw - 30px);
    height:auto;
    background-color:#fff;
    border-radius:6px;
    box-sizing:border-box;
    padding:20px
}
.mobile-tooltip button{
    display:block;
    margin:20px auto 0 auto;
    width:94%;
    height:40px;
    line-height:40px;
    border-radius:6px;
    background-color:#10284c;
    font-size:15px;
    font-weight:500;
    color:white;
    border:hidden;
    text-align:center
}
#filters-options .select2-container .select2-selection--single{
    height:40px;
    border-radius:6px;
    border-color:#e3e3e3
}
#filters-options .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:38px;
    font-size:14px
}
#filters-options .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:16px;
    padding-right:20px
}
#filters-options .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    top:6px;
    right:1px;
    width:20px
}
#filters-options .select2-container .select2-selection--multiple{
    min-height:40px;
    height:auto !important;
    border-radius:6px;
    border-color:#e3e3e3
}
#filters-options .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    font-size:14px;
    border-radius:6px;
    cursor:default;
    float:left;
    margin-right:9px;
    margin-top:4px;
    padding:0 5px;
    height:30px;
    line-height:28px
}
#filters-options .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#999;
    font-size:16px;
    font-weight:normal;
    margin-right:0;
    margin-left:5px;
    float:right
}
#filters-options .select2-container--default .select2-search--inline .select2-search__field{
    height:30px;
    line-height:30px;
    font-size:14px;
    font-weight:normal;
    border:hidden
}
#mobile-filter{
    position:fixed;
    z-index:11000;
    top:0;
    left:-100vw;
    opacity:0;
    width:100vw;
    min-height:100vh;
    display:table;
    background-color:#fff;
    margin:0;
    padding:0 0 30px 0;
    transition:all 300ms ease-in-out
}
#mobile-filter.visible{
    left:0;
    opacity:1
}
#mobile-filter .header{
    width:100vw;
    height:40px;
    padding:10px 15px;
    background-color:#fafafa;
    box-shadow:1px 0 4px 0 rgba(0,0,0,0.1);
    margin-bottom:20px
}
#mobile-filter .header .icon{
    width:20px;
    height:20px;
    float:left
}
#mobile-filter .header .icon img{
    width:100%;
    height:auto;
    margin-top:2px
}
#mobile-filter .header .label{
    float:left;
    height:20px;
    line-height:20px;
    margin-left:10px;
    font-size:14px;
    font-weight:500;
    color:#10284c;
    opacity:.7
}
#mobile-filter .tk-filters-block{
    width:100%;
    display:table;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #f7f7f7
}
#mobile-filter .tk-filters-block .tk-col{
    box-sizing:border-box;
    padding:10px;
    float:left
}
#mobile-filter .tk-filters-block .tk-col label{
    display:block;
    width:100%;
    height:16px;
    color:#10284d;
    opacity:.5;
    font-size:11px;
    font-weight:bold;
    margin-bottom:4px
}
#mobile-filter .tk-filters-block .tk-col .date-picker-container{
    width:100%;
    height:40px;
    box-sizing:border-box;
    overflow:hidden
}
#mobile-filter .tk-filters-block .tk-col .date-picker-container .date-picker-input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    color:#444;
    font-size:14px;
    padding:0 15px;
    box-sizing:border-box
}
#mobile-filter .tk-filters-block .tk-col .date-picker-container .date-picker-input:active,#mobile-filter .tk-filters-block .tk-col .date-picker-container .date-picker-input:focus{
    outline:none
}
#mobile-filter .tk-filters-block .tk-col .month-range-container{
    width:100%;
    height:40px;
    box-sizing:border-box;
    overflow:hidden
}
#mobile-filter .tk-filters-block .tk-col .month-range-container .month-range{
    width:45%;
    height:40px;
    display:block;
    float:left;
    box-sizing:border-box;
    padding:0;
    margin:0
}
#mobile-filter .tk-filters-block .tk-col .month-range-container .month-range input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    text-align:center;
    font-size:14px;
    color:#444;
    padding:0;
    margin:0;
    display:block;
    box-sizing:border-box
}
#mobile-filter .tk-filters-block .tk-col .month-range-container .month-range input:active,#mobile-filter .tk-filters-block .tk-col .month-range-container .month-range input:focus{
    outline:none
}
#mobile-filter .tk-filters-block .tk-col .month-range-container .separator{
    width:calc(10%);
    height:40px;
    line-height:40px;
    display:block;
    float:left;
    font-size:24px;
    color:#444;
    text-align:center;
    margin:0;
    padding:0;
    box-sizing:border-box
}
#mobile-filter .tk-filters-block .tk-lg-1,#mobile-filter .tk-filters-block .tk-lg-2,#mobile-filter .tk-filters-block .tk-lg-3,#mobile-filter .tk-filters-block .tk-lg-4{
    float:left;
    width:100%
}
#mobile-filter button{
    display:block;
    margin:20px auto 0 auto;
    width:94%;
    height:40px;
    line-height:40px;
    border-radius:6px;
    background-color:#10284c;
    font-size:15px;
    font-weight:500;
    color:white;
    border:hidden;
    text-align:center
}
.tk-select2 .select2-search--dropdown .select2-search__field{
    font-size:12px;
    font-weight:normal
}
.tk-select2 .select2-search--dropdown .select2-search__field:active,.tk-select2 .select2-search--dropdown .select2-search__field:focus{
    outline:none
}
.tk-select2 .select2-results .select2-results__options{
    max-height:400px
}
.tk-select2 .select2-results .ms-max-selection{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    min-height:60px;
    line-height:20px;
    display:none;
    box-sizing:border-box;
    padding:20px;
    background-color:rgba(255,0,0,0.75);
    color:white;
    font-size:14px;
    font-weight:bold;
    text-align:center
}
.tk-select2 .select2-results .ms-max-selection.show{
    display:table
}
.tk-select2 .select2-results .ms-search-container{
    width:100%;
    height:40px;
    background-color:#fff;
    padding:5px 5px;
    box-sizing:border-box
}
.tk-select2 .select2-results .ms-search-container input{
    font-size:12px;
    font-weight:normal;
    width:100%;
    height:30px;
    line-height:28px;
    padding:0 5px;
    border:1px solid #ccc
}
.tk-select2 .select2-results .ms-search-container input:active,.tk-select2 .select2-results .ms-search-container input:focus{
    outline:none
}
.tk-select2 .select2-results .ms-all-option{
    cursor:pointer;
    background-color:#fff;
    color:#4c566a;
    width:100%;
    box-sizing:border-box;
    padding:6px
}
.tk-select2 .select2-results .ms-all-option:hover{
    background-color:#5897fb;
    color:#fff
}
.tk-select2 .select2-results .ms-all-option:hover+ul li[aria-selected=true]{
    background-color:#ddd;
    color:#4c566a
}
.tk-select2 .select2-results .ms-all-option:hover+ul li[aria-selected=false]{
    background-color:#fff;
    color:#4c566a
}
.tk-select2 .select2-results .ms-all-option.selected{
    background-color:#ddd;
    color:#4c566a
}
.tk-select2 .select2-results .ms-all-option.selected:hover{
    background-color:#5897fb;
    color:#fff
}
.tk-select2 .select2-results .ms-buttons-container{
    width:100%;
    height:41px;
    box-sizing:border-box;
    padding:6px;
    border-top:1px solid #999;
    background-color:#fafafa
}
.tk-select2 .select2-results .ms-buttons-container button{
    width:calc(50% - 5px);
    height:28px;
    line-height:28px;
    float:left;
    border:hidden;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    cursor:pointer
}
.tk-select2 .select2-results .ms-buttons-container button.cancel-ms-filter{
    margin-right:5px;
    color:#666;
    background-color:#efefef
}
.tk-select2 .select2-results .ms-buttons-container button.apply-ms-filter{
    margin-left:5px;
    color:white;
    background-color:#10284c
}
.select2-selection__choice{
    background-color:#e9e9e9 !important;
    border:#e9e9e9 !important
}
.select2-selection__choice.immutable{
    background-color:#fff !important;
    border:hidden !important;
    pointer-events:none !important
}
@media (max-width:768px){
    .tab-anchor{
        width:100%;
        height:20px;
        clear:both;
        margin:15px 0 20px 0
    }
    .tab-anchor h2{
        font-size:16px;
        line-height:20px
    }
}
#settings-container{
    display:table;
    width:100%;
    height:auto;
    background-color:white;
    padding:20px;
    border-radius:6px;
    box-sizing:border-box;
    margin-bottom:40px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
#settings-container .left-30{
    float:left;
    width:calc(33.33% - 40px);
    height:auto;
    display:table;
    box-sizing:border-box;
    margin-right:60px
}
#settings-container .right-30{
    float:right;
    width:calc(33.33% - 40px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#settings-container .left-50{
    float:left;
    width:47.5%;
    height:auto;
    display:table;
    box-sizing:border-box;
    margin-right:2.5%
}
#settings-container .right-50{
    float:right;
    width:47.5%;
    height:auto;
    display:table;
    box-sizing:border-box;
    margin-left:2.5%
}
#settings-container .right-70{
    float:right;
    width:calc(66.66% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#settings-container .full{
    display:table;
    width:100%;
    min-height:48px;
    clear:both;
    margin-top:40px
}
#settings-container .save-and-close{
    box-sizing:border-box;
    border:hidden;
    width:200px;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
    border-radius:6px;
    background-color:#10284c;
    text-align:center;
    color:white;
    cursor:pointer
}
#settings-container .select2-container .select2-selection--single{
    height:48px;
    border-radius:6px;
    border-color:#e3e3e3
}
#settings-container .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:46px;
    font-size:16px
}
#settings-container .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:16px;
    padding-right:20px
}
#settings-container .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    top:9px;
    right:1px;
    width:20px
}
#settings-container .select2-container .select2-selection--multiple{
    min-height:48px;
    border-radius:6px;
    border-color:#e3e3e3
}
#settings-container .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    font-size:16px;
    border-radius:6px;
    cursor:default;
    float:left;
    margin-right:9px;
    margin-top:9px;
    padding:0 5px;
    height:30px;
    line-height:28px
}
#settings-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#999;
    font-size:18px;
    font-weight:normal;
    margin-right:0;
    margin-left:5px;
    float:right
}
#settings-container .select2-container--default .select2-search--inline .select2-search__field{
    height:36px;
    line-height:36px;
    font-size:16px;
    font-weight:normal
}
.select2-selection__choice{
    background-color:#e9e9e9 !important;
    border:#e9e9e9 !important
}
.select2-selection__choice.immutable{
    background-color:#fff !important;
    border:hidden !important;
    pointer-events:none !important
}
@media (max-width:359px){
    #settings-container{
        display:none !important
    }
}
@media (max-width:768px){
    #settings-container h2{
        margin:10px 0 10px 1px
    }
    #settings-container .left-30{
        float:none;
        width:100%;
        margin-right:0;
        margin-top:30px
    }
    #settings-container .left-30:first-child{
        margin-top:0
    }
    #settings-container .right-30{
        float:none;
        width:100%;
        margin-top:30px
    }
    #settings-container .full{
        display:table;
        width:100%;
        min-height:48px;
        clear:both;
        margin-top:30px
    }
    #settings-container .full:first-child{
        margin-top:0
    }
    #settings-container .save-and-close{
        width:100%;
        height:40px;
        line-height:40px;
        margin:0 auto
    }
}
h2.swal2-title{
    height:auto;
    line-height:initial;
    font-size:20px;
    font-weight:bold;
    color:#10284c;
    margin-bottom:10px
}
.swal2-styled.swal2-confirm{
    width:215px;
    height:48px;
    font-size:16px !important;
    font-weight:bold !important;
    color:white !important;
    background-color:#10284c !important;
    border:hidden !important;
    border-radius:6px !important
}
.swal2-styled.swal2-confirm.delete-template-button{
    background-color:#cc3131 !important
}
.swal2-styled.swal2-cancel{
    width:215px;
    height:48px;
    font-size:16px !important;
    font-weight:bold !important;
    color:white !important;
    background-color:#c9ced6 !important;
    border:hidden !important;
    border-radius:6px !important
}
#export-page{
    display:table;
    width:100%;
    height:auto;
    background-color:white;
    padding:20px;
    border-radius:6px;
    box-sizing:border-box;
    margin-bottom:40px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)
}
#export-options{
    width:100%;
    display:table;
    clear:both
}
#export-options #template-container{
    width:100%;
    margin-bottom:24px;
    padding-bottom:24px;
    border-bottom:1px solid #f1f1f1
}
#export-options #template-container label{
    display:block;
    width:100%;
    height:20px;
    line-height:20px;
    font-size:14px;
    font-weight:600;
    margin-bottom:16px
}
#export-options #template-container select{
    width:100%;
    height:48px;
    border:1px solid #e3e3e3;
    border-radius:6px;
    padding:0 16px;
    font-size:16px;
    font-weight:normal
}
#export-options .menu-block{
    width:100%;
    margin-bottom:30px
}
#export-options .menu-block .header{
    width:100%;
    height:24px;
    margin-bottom:10px
}
#export-options .menu-block .header .icon{
    float:left;
    width:20px;
    height:20px;
    box-sizing:border-box;
    padding:0;
    margin:2px 0
}
#export-options .menu-block .header .icon img{
    display:block;
    margin:0 auto;
    width:20px;
    height:20px
}
#export-options .menu-block .header .label{
    margin-left:10px;
    height:24px;
    line-height:24px;
    font-size:16px;
    color:#10284c;
    font-weight:500;
    float:left
}
#export-options .menu-block .page-block{
    display:table;
    width:100%;
    height:auto;
    margin-bottom:20px
}
#export-options .menu-block .page-block .page-title{
    width:100%;
    height:22px;
    line-height:22px;
    box-sizing:border-box;
    margin-bottom:20px;
    font-size:14px;
    font-weight:500;
    margin-bottom:15px
}
#export-options .menu-block .page-block .visualization-block{
    width:100%;
    height:auto;
    display:table;
    box-sizing:border-box;
    background-color:#fff;
    border-radius:6px;
    border:solid 1px rgba(16,40,76,0.04);
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.08)
}
#export-options .menu-block .page-block .visualization-block .header{
    width:100%;
    height:40px;
    background-color:#f5f7f9;
    padding:0 20px
}
#export-options .menu-block .page-block .visualization-block .header .col{
    height:40px;
    line-height:40px;
    font-size:13px;
    font-weight:600;
    color:#8793a6;
    text-align:left
}
#export-options .menu-block .page-block .visualization-block .header .col.c1{
    width:60px;
    float:left
}
#export-options .menu-block .page-block .visualization-block .header .col.c2{
    width:300px;
    float:left;
    margin-left:20px
}
#export-options .menu-block .page-block .visualization-block .header .col.c3{
    float:left;
    margin-left:20px
}
#export-options .menu-block .page-block .visualization-block .header .col.c4{
    width:108px;
    float:right;
    padding-left:20px;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row{
    width:100%;
    min-height:60px;
    display:table;
    box-sizing:border-box;
    padding:10px 20px
}
#export-options .menu-block .page-block .visualization-block .row .col{
    height:inherit;
    line-height:40px;
    font-size:13px;
    font-weight:600;
    color:#8793a6;
    text-align:left
}
#export-options .menu-block .page-block .visualization-block .row .col.c1{
    width:60px;
    float:left
}
#export-options .menu-block .page-block .visualization-block .row .col.c2{
    width:300px;
    float:left;
    margin-left:20px
}
#export-options .menu-block .page-block .visualization-block .row .col.c2 select{
    width:100%;
    height:40px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c3{
    float:left;
    margin-left:20px;
    width:calc(100% - 508px);
    min-height:40px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container{
    width:100%;
    height:40px;
    border:1px solid #e3e3e3;
    border-radius:6px;
    box-sizing:border-box;
    position:relative
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger{
    width:100%;
    height:40px;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger .text{
    pointer-events:none;
    padding-left:15px;
    width:120px;
    height:40px;
    line-height:36px;
    float:left;
    color:#062139;
    font-size:15px;
    font-weight:normal
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger .icon{
    pointer-events:none;
    margin-top:13px;
    margin-right:15px;
    width:10px;
    height:10px;
    line-height:10px;
    float:right;
    text-align:right
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger .icon img{
    width:100%;
    height:auto
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger .icon.down{
    display:block
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger .icon.up{
    display:none
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger.active .icon.down{
    display:none
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger.active .icon.up{
    display:block
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filter-trigger.active+.filters-container{
    display:block
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container{
    display:none;
    position:absolute;
    z-index:999999;
    top:40px;
    left:0;
    width:100%;
    height:auto;
    border-radius:6px;
    background-color:white;
    box-shadow:0 1px 3px 1px rgba(0,0,0,0.25);
    padding:15px 0;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .tk-brand-filters,#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .tk-date-filters,#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .tk-price-filters,#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .tk-misc-filters{
    width:100%;
    height:auto;
    display:table;
    clear:both
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters h2{
    display:block;
    font-size:12px;
    color:#919598;
    font-weight:bold;
    width:100%;
    height:20px;
    line-height:20px;
    margin:0
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .col-25{
    width:25%;
    display:inline-block;
    box-sizing:border-box;
    padding:10px 15px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .col-50{
    width:50%;
    display:inline-block;
    box-sizing:border-box;
    padding:10px 15px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .col-75{
    width:75%;
    display:inline-block;
    box-sizing:border-box;
    padding:10px 15px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .col-100{
    width:100%;
    clear:both;
    box-sizing:border-box;
    padding:10px 15px;
    display:inline-block
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .date-picker-container{
    width:100%;
    height:40px;
    margin-top:1px;
    box-sizing:border-box;
    padding:0
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .date-picker-container input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    text-align:center;
    font-size:15px;
    color:#919598
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .date-picker-container input:focus,#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .date-picker-container input:active{
    outline:none
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container{
    width:100%;
    height:40px;
    margin-top:5px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container .month-range{
    width:45%;
    height:40px;
    display:inline-block;
    box-sizing:border-box;
    padding:0;
    margin:0
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container .month-range input{
    width:100%;
    height:40px;
    line-height:38px;
    border-radius:6px;
    border:1px solid #e3e3e3;
    text-align:center;
    font-size:15px;
    color:#919598;
    padding:0;
    margin:0;
    display:block;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container .month-range input:focus,#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container .month-range input:active{
    outline:none
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .filters .month-range-container .separator{
    width:calc(10% - 7px);
    height:40px;
    line-height:40px;
    display:inline-block;
    font-size:24px;
    color:#919598;
    text-align:center;
    margin:0;
    padding:0;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .buttons{
    margin:15px 0 10px 0;
    padding:0 15px 0 15px;
    box-sizing:border-box;
    width:100%;
    height:40px;
    text-align:right
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .buttons button{
    border:hidden;
    width:100px;
    height:40px;
    line-height:38px;
    text-align:center;
    font-size:14px;
    margin-left:20px;
    border-radius:6px;
    cursor:pointer;
    padding:0;
    transition:all 200ms
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .buttons button.reset-filter{
    background-color:#efefef;
    font-weight:normal;
    color:#444
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .block-filter-container .filters-container .buttons button.apply-filter{
    background-color:#10284c;
    font-weight:bold;
    color:white
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container{
    width:100%;
    height:auto;
    display:table
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col{
    background-color:#d9f0fe;
    height:30px;
    box-sizing:border-box;
    font-size:11px;
    font-weight:normal;
    line-height:20px;
    float:left;
    color:#40b4fa;
    border-radius:4px;
    padding:5px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-free{
    width:auto;
    max-width:calc(33% - 10px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin:5px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-25{
    width:25%
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-50{
    width:50%
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-33{
    width:33.33%
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-75{
    width:75%
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col.w-100{
    width:100%
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col .filter-name{
    float:left;
    padding:5px
}
#export-options .menu-block .page-block .visualization-block .row .col.c3 .filters-preview-container .col .filter-value{
    float:left;
    padding:5px
}
#export-options .menu-block .page-block .visualization-block .row .col.c4{
    width:108px;
    float:right;
    box-sizing:border-box
}
#export-options .menu-block .page-block .visualization-block .row .col.c4 .icon{
    float:left;
    width:16px;
    height:16px;
    margin-left:20px
}
#export-options .menu-block .page-block .visualization-block .row .col.c4 .icon img{
    width:100%;
    height:auto;
    cursor:pointer
}
#export-options .select2-container .select2-selection--single{
    height:40px;
    border-radius:6px;
    border-color:#e3e3e3
}
#export-options .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:38px;
    font-size:13px;
    font-weight:normal
}
#export-options .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:10px;
    padding-right:20px
}
#export-options .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:38px;
    top:0;
    right:5px;
    width:20px
}
#export-options .select2-container .select2-selection--multiple{
    min-height:40px;
    border-radius:6px;
    border-color:#e3e3e3;
    line-height:28px
}
#export-options .select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#f6f6f6;
    border:1px solid #f6f6f6;
    font-size:13px;
    font-weight:normal;
    border-radius:6px;
    cursor:default;
    float:left;
    margin-right:9px;
    margin-top:9px;
    padding:0 8px;
    height:30px;
    line-height:28px;
    box-sizing:border-box
}
#export-options .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#999;
    font-size:18px;
    font-weight:normal;
    margin-right:0;
    margin-left:5px;
    float:right
}
#export-options .select2-container--default .select2-search--inline .select2-search__field{
    height:30px;
    line-height:30px;
    font-size:13px;
    font-weight:normal
}
#export-options #template-container .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:38px;
    font-size:16px;
    font-weight:normal
}
#buttons-container{
    width:100%;
    clear:both;
    margin-top:30px;
    text-align:right
}
#buttons-container button{
    display:inline-block;
    width:140px;
    height:40px;
    line-height:38px;
    border-radius:6px;
    background-color:#10284c;
    cursor:pointer;
    font-size:14px;
    font-weight:bold;
    color:white;
    border:hidden;
    margin-left:12px
}
#buttons-container button:active,#buttons-container button:focus{
    outline:none;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.25)
}
#buttons-container button:disabled{
    cursor:not-allowed;
    background-color:#ccc;
    border:hidden
}
#buttons-container button.delete{
    background-color:#fff;
    color:#10284c;
    border:1px solid #10284c
}
#buttons-container button.delete:disabled{
    border:hidden;
    color:white;
    background-color:#ccc
}
#export-filter{
    width:100%;
    display:table;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #f1f1f1
}
#export-filter .left-30{
    float:left;
    width:calc(33.33% - 40px);
    height:auto;
    display:table;
    box-sizing:border-box;
    margin-right:60px
}
#export-filter .right-30{
    float:right;
    width:calc(33.33% - 40px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .full{
    display:table;
    width:100%;
    min-height:48px;
    clear:both;
    margin-top:40px
}
#export-filter .left-40{
    float:left;
    width:calc(40% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .left-50{
    float:left;
    width:calc(50% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .right-50{
    float:right;
    width:calc(50% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .right-60{
    float:right;
    width:calc(60% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .right-70{
    float:right;
    width:calc(66.66% - 20px);
    height:auto;
    display:table;
    box-sizing:border-box
}
#export-filter .save-and-close{
    box-sizing:border-box;
    border:hidden;
    width:200px;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
    border-radius:6px;
    background-color:#10284c;
    text-align:center;
    color:white;
    cursor:pointer
}
@media (max-width:768px){
    #export-page,#export-options,#export-button-container,#export-filter{
        display:none !important
    }
}
#forbidden-page{
    width:100%;
    height:calc(100vh - 60px);
    position:relative;
    margin:0;
    padding:0
}
#forbidden-page h1{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    width:560px;
    height:32px;
    line-height:32px;
    font-weight:bold;
    font-size:24px;
    color:#10284c;
    padding:0;
    text-align:center
}
@media (max-width:359px){
    #forbidden-page{
        display:none !important
    }
}
@media (max-width:768px){
    #forbidden-page{
        width:100%;
        height:calc(100vh - 80px)
    }
    #forbidden-page h1{
        width:100%;
        height:auto;
        line-height:30px;
        font-size:20px;
        margin-top:-40px
    }
}
.flatpickr-calendar{
    background:transparent;
    opacity:0;
    display:none;
    text-align:center;
    visibility:hidden;
    padding:0;
    -webkit-animation:none;
    animation:none;
    direction:ltr;
    border:0;
    font-size:14px;
    line-height:24px;
    border-radius:5px;
    position:absolute;
    width:307.875px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    background:#fff;
    -webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)
}
.flatpickr-calendar.open,.flatpickr-calendar.inline{
    opacity:1;
    max-height:640px;
    visibility:visible
}
.flatpickr-calendar.open{
    display:inline-block;
    z-index:999999
}
.flatpickr-calendar.animate.open{
    -webkit-animation:fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1);
    animation:fpFadeInDown 300ms cubic-bezier(.23, 1, .32, 1)
}
.flatpickr-calendar.inline{
    display:block;
    position:relative;
    top:2px
}
.flatpickr-calendar.static{
    position:absolute;
    top:calc(102%)
}
.flatpickr-calendar.static.open{
    z-index:999;
    display:block
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){
    -webkit-box-shadow:none !important;
    box-shadow:none !important
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){
    -webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.flatpickr-calendar .hasWeeks .dayContainer{
    border-left:0
}
.flatpickr-calendar.hasTime .flatpickr-time{
    height:40px;
    border-top:1px solid #e6e6e6
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{
    height:auto
}
.flatpickr-calendar:before,.flatpickr-calendar:after{
    position:absolute;
    display:block;
    pointer-events:none;
    border:solid transparent;
    content:'';
    height:0;
    width:0;
    left:22px
}
.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{
    left:auto;
    right:22px
}
.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{
    left:50%;
    right:50%
}
.flatpickr-calendar:before{
    border-width:5px;
    margin:0 -5px
}
.flatpickr-calendar:after{
    border-width:4px;
    margin:0 -4px
}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{
    bottom:100%
}
.flatpickr-calendar.arrowTop:before{
    border-bottom-color:#e6e6e6
}
.flatpickr-calendar.arrowTop:after{
    border-bottom-color:#fff
}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{
    top:100%
}
.flatpickr-calendar.arrowBottom:before{
    border-top-color:#e6e6e6
}
.flatpickr-calendar.arrowBottom:after{
    border-top-color:#fff
}
.flatpickr-calendar:focus{
    outline:0
}
.flatpickr-wrapper{
    position:relative;
    display:inline-block
}
.flatpickr-months{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.flatpickr-months .flatpickr-month{
    background:transparent;
    color:rgba(0,0,0,0.9);
    fill:rgba(0,0,0,0.9);
    height:34px;
    line-height:1;
    text-align:center;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    overflow:hidden;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{
    text-decoration:none;
    cursor:pointer;
    position:absolute;
    top:0;
    height:34px;
    padding:10px;
    z-index:3;
    color:rgba(0,0,0,0.9);
    fill:rgba(0,0,0,0.9)
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{
    display:none
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{
    position:relative
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
    left:0
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{
    right:0
}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{
    color:#959ea9
}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{
    fill:#f64747
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{
    width:14px;
    height:14px
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{
    -webkit-transition:fill .1s;
    transition:fill .1s;
    fill:inherit
}
.numInputWrapper{
    position:relative;
    height:auto
}
.numInputWrapper input,.numInputWrapper span{
    display:inline-block
}
.numInputWrapper input{
    width:100%
}
.numInputWrapper input::-ms-clear{
    display:none
}
.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{
    margin:0;
    -webkit-appearance:none
}
.numInputWrapper span{
    position:absolute;
    right:0;
    width:14px;
    padding:0 4px 0 2px;
    height:50%;
    line-height:50%;
    opacity:0;
    cursor:pointer;
    border:1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.numInputWrapper span:hover{
    background:rgba(0,0,0,0.1)
}
.numInputWrapper span:active{
    background:rgba(0,0,0,0.2)
}
.numInputWrapper span:after{
    display:block;
    content:"";
    position:absolute
}
.numInputWrapper span.arrowUp{
    top:0;
    border-bottom:0
}
.numInputWrapper span.arrowUp:after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid rgba(57,57,57,0.6);
    top:26%
}
.numInputWrapper span.arrowDown{
    top:50%
}
.numInputWrapper span.arrowDown:after{
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(57,57,57,0.6);
    top:40%
}
.numInputWrapper span svg{
    width:inherit;
    height:auto
}
.numInputWrapper span svg path{
    fill:rgba(0,0,0,0.5)
}
.numInputWrapper:hover{
    background:rgba(0,0,0,0.05)
}
.numInputWrapper:hover span{
    opacity:1
}
.flatpickr-current-month{
    font-size:135%;
    line-height:inherit;
    font-weight:300;
    color:inherit;
    position:absolute;
    width:75%;
    left:12.5%;
    padding:7.48px 0 0 0;
    line-height:1;
    height:34px;
    display:inline-block;
    text-align:center;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.flatpickr-current-month span.cur-month{
    font-family:inherit;
    font-weight:700;
    color:inherit;
    display:inline-block;
    margin-left:.5ch;
    padding:0
}
.flatpickr-current-month span.cur-month:hover{
    background:rgba(0,0,0,0.05)
}
.flatpickr-current-month .numInputWrapper{
    width:6ch;
    width:7ch\0;
    display:inline-block
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after{
    border-bottom-color:rgba(0,0,0,0.9)
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after{
    border-top-color:rgba(0,0,0,0.9)
}
.flatpickr-current-month input.cur-year{
    pointer-events:none;
    background:transparent;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:inherit;
    cursor:text;
    padding:0 0 0 .5ch;
    margin:0;
    display:inline-block;
    font-size:inherit;
    font-family:inherit;
    font-weight:300;
    line-height:inherit;
    height:auto;
    border:0;
    border-radius:0;
    vertical-align:initial;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield
}
.flatpickr-current-month input.cur-year:focus{
    outline:0
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{
    font-size:100%;
    color:rgba(0,0,0,0.5);
    background:transparent;
    pointer-events:none
}
.flatpickr-current-month .flatpickr-monthDropdown-months{
    appearance:menulist;
    background:transparent;
    border:none;
    border-radius:0;
    box-sizing:border-box;
    color:inherit;
    cursor:pointer;
    font-size:inherit;
    font-family:inherit;
    font-weight:300;
    height:auto;
    line-height:inherit;
    margin:-1px 0 0 0;
    outline:none;
    padding:0 0 0 .5ch;
    position:relative;
    vertical-align:initial;
    -webkit-box-sizing:border-box;
    -webkit-appearance:menulist;
    -moz-appearance:menulist;
    width:auto
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{
    outline:none
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover{
    background:rgba(0,0,0,0.05)
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
    background-color:transparent;
    outline:none;
    padding:0
}
.flatpickr-weekdays{
    background:transparent;
    text-align:center;
    overflow:hidden;
    width:100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:28px
}
.flatpickr-weekdays .flatpickr-weekdaycontainer{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
span.flatpickr-weekday{
    cursor:default;
    font-size:90%;
    background:transparent;
    color:rgba(0,0,0,0.54);
    line-height:1;
    margin:0;
    text-align:center;
    display:block;
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:bolder
}
.dayContainer,.flatpickr-weeks{
    padding:1px 0 0 0
}
.flatpickr-days{
    position:relative;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:307.875px
}
.flatpickr-days:focus{
    outline:0
}
.dayContainer{
    padding:0;
    outline:0;
    text-align:left;
    width:307.875px;
    min-width:307.875px;
    max-width:307.875px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    display:-ms-flexbox;
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    justify-content:space-around;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1
}
.dayContainer+.dayContainer{
    -webkit-box-shadow:-1px 0 0 #e6e6e6;
    box-shadow:-1px 0 0 #e6e6e6
}
.flatpickr-day{
    background:none;
    border:1px solid transparent;
    border-radius:150px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#393939;
    cursor:pointer;
    font-weight:400;
    width:14.2857143%;
    -webkit-flex-basis:14.2857143%;
    -ms-flex-preferred-size:14.2857143%;
    flex-basis:14.2857143%;
    max-width:39px;
    height:39px;
    line-height:39px;
    margin:0;
    display:inline-block;
    position:relative;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{
    cursor:pointer;
    outline:0;
    background:#e6e6e6;
    border-color:#e6e6e6
}
.flatpickr-day.today{
    border-color:#959ea9
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus{
    border-color:#959ea9;
    background:#959ea9;
    color:#fff
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{
    background:#569ff7;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    border-color:#569ff7
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{
    border-radius:50px 0 0 50px
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{
    border-radius:0 50px 50px 0
}
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){
    -webkit-box-shadow:-10px 0 0 #569ff7;
    box-shadow:-10px 0 0 #569ff7
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{
    border-radius:50px
}
.flatpickr-day.inRange{
    border-radius:0;
    -webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{
    color:rgba(57,57,57,0.3);
    background:transparent;
    border-color:transparent;
    cursor:default
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{
    cursor:not-allowed;
    color:rgba(57,57,57,0.1)
}
.flatpickr-day.week.selected{
    border-radius:0;
    -webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;
    box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7
}
.flatpickr-day.hidden{
    visibility:hidden
}
.rangeMode .flatpickr-day{
    margin-top:1px
}
.flatpickr-weekwrapper{
    float:left
}
.flatpickr-weekwrapper .flatpickr-weeks{
    padding:0 12px;
    -webkit-box-shadow:1px 0 0 #e6e6e6;
    box-shadow:1px 0 0 #e6e6e6
}
.flatpickr-weekwrapper .flatpickr-weekday{
    float:none;
    width:100%;
    line-height:28px
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{
    display:block;
    width:100%;
    max-width:none;
    color:rgba(57,57,57,0.3);
    background:transparent;
    cursor:default;
    border:none
}
.flatpickr-innerContainer{
    display:block;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden
}
.flatpickr-rContainer{
    display:inline-block;
    padding:0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.flatpickr-time{
    text-align:center;
    outline:0;
    display:block;
    height:0;
    line-height:40px;
    max-height:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.flatpickr-time:after{
    content:"";
    display:table;
    clear:both
}
.flatpickr-time .numInputWrapper{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:40%;
    height:40px;
    float:left
}
.flatpickr-time .numInputWrapper span.arrowUp:after{
    border-bottom-color:#393939
}
.flatpickr-time .numInputWrapper span.arrowDown:after{
    border-top-color:#393939
}
.flatpickr-time.hasSeconds .numInputWrapper{
    width:26%
}
.flatpickr-time.time24hr .numInputWrapper{
    width:49%
}
.flatpickr-time input{
    background:transparent;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-radius:0;
    text-align:center;
    margin:0;
    padding:0;
    height:inherit;
    line-height:inherit;
    color:#393939;
    font-size:14px;
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:textfield;
    -moz-appearance:textfield;
    appearance:textfield
}
.flatpickr-time input.flatpickr-hour{
    font-weight:bold
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{
    font-weight:400
}
.flatpickr-time input:focus{
    outline:0;
    border:0
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{
    height:inherit;
    float:left;
    line-height:inherit;
    color:#393939;
    font-weight:bold;
    width:2%;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center
}
.flatpickr-time .flatpickr-am-pm{
    outline:0;
    width:18%;
    cursor:pointer;
    text-align:center;
    font-weight:400
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{
    background:#eee
}
.flatpickr-input[readonly]{
    cursor:pointer
}
@-webkit-keyframes fpFadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
@keyframes fpFadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0, -20px, 0);
        transform:translate3d(0, -20px, 0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}
.flatpickr-monthSelect-months{
    margin:10px 1px 3px 1px;
    flex-wrap:wrap
}
.flatpickr-monthSelect-month{
    background:none;
    border:0;
    border-radius:2px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    color:#393939;
    cursor:pointer;
    display:inline-block;
    font-weight:400;
    margin:.5px;
    justify-content:center;
    padding:10px;
    position:relative;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    text-align:center;
    width:33%
}
.flatpickr-monthSelect-month.disabled{
    color:#eee
}
.flatpickr-monthSelect-month.disabled:hover,.flatpickr-monthSelect-month.disabled:focus{
    cursor:not-allowed;
    background:none !important
}
.flatpickr-monthSelect-theme-dark{
    background:#3f4458
}
.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{
    color:#fff
}
.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{
    color:#fff;
    fill:#fff
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{
    color:rgba(255,255,255,0.95)
}
.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{
    background:#e6e6e6;
    cursor:pointer;
    outline:0
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{
    background:#646c8c;
    border-color:#646c8c
}
.flatpickr-monthSelect-month.selected{
    background-color:#569ff7;
    color:#fff
}
.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected{
    background:#80cbc4;
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff;
    border-color:#80cbc4
}