:root{
    --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --color-base-1: #ffffff;
    --color-base-2: #f3f3f5;
    --color-base-3: #d4d6db;
    --color-base-4: #caccd1;
    --color-base-5: #bfc1c7;
    --color-base-6: #a5a7ad;
    --color-base-7: #82848a;
    --color-base-8: #52575c;
    --text-color-primary: #25282b;
    --text-color-secondary: #9496AC;
    --text-color-disabled: #caccd0;
    --color-primary: #009ff7;
    --color-primary-light: #b9e6ff;
    --color-primary-dark: #1a91db;
    --color-secondary: #ceeafb;
    --color-secondary-light: #e9f7ff;
    --color-secondary-dark: #b9e2fb;
    --color-error: #ff6262;
    --color-error-light: #FFADAD;
    --color-error-dark: #ff4747;
    --color-success: #2ac769;
    --color-success-light: #89e6ae;
    --color-success-dark: #24a859;
    --color-warning: #f6a609;
    --color-warning-light: #face75;
    --color-warning-dark: #d99308;
}
*{
    box-sizing:border-box
}
::after,::before{
    box-sizing:border-box
}
html{
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent
}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#000;
    text-align:left;
    background-color:#fff
}
[tabindex="-1"]:focus{
    outline:0!important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[data-original-title],abbr[title]{
    text-decoration:underline;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0;
    text-decoration-skip-ink:none
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
dl,ol,ul{
    margin-top:0;
    margin-bottom:1rem
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    text-decoration:none;
    background-color:transparent
}
a:hover{
    text-decoration:underline
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    color:inherit;
    text-decoration:none;
    outline:0
}
code,kbd,pre,samp{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg{
    overflow:hidden;
    vertical-align:middle
}
table{
    border-collapse:collapse
}
caption{
    color:#6c757d;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin:.2rem 0
}
button{
    border-radius:0
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button{
    text-transform:none
}
select{
    text-transform:none;
    word-wrap:normal
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
    cursor:pointer
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item;
    cursor:pointer
}
template{
    display:none
}
[hidden]{
    display:none!important
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    margin-bottom:.5rem;
    font-weight:500;
    line-height:1.2
}
.h1,h1{
    font-size:2.5rem
}
.h2,h2{
    font-size:2rem
}
.h3,h3{
    font-size:1.75rem
}
.h4,h4{
    font-size:1.5rem
}
.h5,h5{
    font-size:1.25rem
}
.h6,h6{
    font-size:1rem
}
.lead{
    font-size:1.19rem;
    font-weight:300
}
hr{
    margin-top:1rem;
    margin-bottom:1rem;
    border:0;
    border-top:1px solid rgba(0,0,0,.1)
}
.small,small{
    font-size:80%;
    font-weight:400
}
.mark,mark{
    padding:.2em;
    background-color:#fcf8e3
}
.blockquote{
    margin-bottom:1rem;
    font-size:1.25rem
}
.img-fluid{
    max-width:100%;
    height:auto
}
.figure{
    display:inline-block
}
.figure-img{
    margin-bottom:.5rem;
    line-height:1
}
.figure-caption{
    font-size:90%;
    color:#6c757d
}
.container{
    width:100%;
    padding-right:.75rem;
    padding-left:.75rem;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-.75rem;
    margin-left:-.75rem
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
    position:relative;
    width:100%;
    padding-right:.75rem;
    padding-left:.75rem
}
.col{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    flex:0 0 auto;
    width:auto;
    max-width:100%
}
.col-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
}
.col-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
}
.col-3{
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
}
.col-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
}
.col-6{
    flex:0 0 50%;
    max-width:50%
}
.col-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
}
.col-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
}
.col-9{
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
}
.col-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
}
.col-12{
    flex:0 0 100%;
    max-width:100%
}
.order-first{
    order:-1
}
.order-last{
    order:13
}
.order-0{
    order:0
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.order-4{
    order:4
}
.order-5{
    order:5
}
.order-6{
    order:6
}
.order-7{
    order:7
}
.order-8{
    order:8
}
.order-9{
    order:9
}
.order-10{
    order:10
}
.order-11{
    order:11
}
.order-12{
    order:12
}
.offset-1{
    margin-left:8.33333%
}
.offset-2{
    margin-left:16.66667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.33333%
}
.offset-5{
    margin-left:41.66667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.33333%
}
.offset-8{
    margin-left:66.66667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.33333%
}
.offset-11{
    margin-left:91.66667%
}
@media (min-width:576px){
    .col-sm{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-sm-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-sm-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-sm-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-sm-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-sm-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-sm-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-sm-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-sm-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-sm-12{
        flex:0 0 100%;
        max-width:100%
    }
}
@media (min-width:768px){
    .col-md{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-md-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-md-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-md-1-5{
        flex:0 0 11.33333%;
        max-width:11.33333%
    }
    .col-md-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-md-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-md-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-md-5-5{
        flex:0 0 45%;
        max-width:45%
    }
    .col-md-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-md-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-md-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-md-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-md-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-0{
        order:0
    }
    .order-md-1{
        order:1
    }
    .order-md-2{
        order:2
    }
    .offset-md-1{
        margin-left:8.33333%
    }
}
@media (min-width:992px){
    .col-lg{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-lg-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-lg-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-lg-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-lg-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-lg-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-lg-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-lg-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-lg-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-lg-12{
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-first{
        order:-1
    }
    .order-lg-last{
        order:13
    }
    .order-lg-1{
        order:1
    }
    .order-lg-2{
        order:2
    }
    .offset-lg-2{
        margin-left:16.66667%
    }
}
@media (min-width:1200px){
    .col-xl{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-xl-1{
        flex:0 0 8.33333%;
        max-width:8.33333%
    }
    .col-xl-1-5{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-xl-2{
        flex:0 0 16.66667%;
        max-width:16.66667%
    }
    .col-xl-3{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        flex:0 0 33.33333%;
        max-width:33.33333%
    }
    .col-xl-5{
        flex:0 0 41.66667%;
        max-width:41.66667%
    }
    .col-xl-6{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        flex:0 0 58.33333%;
        max-width:58.33333%
    }
    .col-xl-8{
        flex:0 0 66.66667%;
        max-width:66.66667%
    }
    .col-xl-9{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        flex:0 0 83.33333%;
        max-width:83.33333%
    }
    .col-xl-11{
        flex:0 0 91.66667%;
        max-width:91.66667%
    }
    .col-xl-12{
        flex:0 0 100%;
        max-width:100%
    }
}
.table{
    width:100%;
    margin-bottom:1rem;
    color:#212529
}
.table td,.table th{
    vertical-align:top;
    border-bottom:1px solid #e8ecef
}
.table td,.table th{
    padding:16px
}
.table thead th{
    vertical-align:bottom;
    border-bottom:2px solid #e8ebf1
}
.table tbody+tbody{
    border-top:2px solid #e8ebf1
}
.table-hover tbody tr:hover{
    color:#212529;
    background-color:#f9fafb
}
.table-responsive{
    display:block;
    width:100%;
    max-height:calc(100vh - 335px);
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.form-control,select{
    display:block;
    width:100%;
    height:calc(1.5em + .75rem + 2px);
    padding:12px 16px;
    font-size:.875rem;
    font-weight:400;
    line-height:18px;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #e8ebf1;
    border-radius:5px;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.form-control::-ms-expand,select::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control::placeholder,select::placeholder{
    color:#c9c8c8;
    opacity:1
}
.form-control:disabled,select:disabled{
    background-color:#f9fafb;
    opacity:1
}
.form-control[readonly],select[readonly]{
    background-color:#f9fafb;
    opacity:1
}
select.form-control:focus::-ms-value,select:focus::-ms-value{
    color:#495057;
    background-color:#fff
}
.form-control-sm{
    height:calc(1.5em + .5rem + 2px);
    padding:.4rem .875rem;
    font-size:.8rem;
    line-height:2;
    border-radius:5px
}
.form-control-lg{
    height:calc(1.5em + 1rem + 9px);
    line-height:1.71;
    color:#2e3131;
    border-color:#e4e8ee;
    border-radius:2px
}
select.form-control[size],select[size]{
    height:auto
}
select.form-control[multiple],select[multiple]{
    height:auto
}
textarea.form-control{
    height:auto
}
.form-group{
    margin-bottom:1rem
}
.form-text{
    display:block;
    margin-top:.25rem
}
.form-row{
    display:flex;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-left:-5px
}
.form-row>.col,.form-row>[class*=col-]{
    padding-right:5px;
    padding-left:5px
}
.form-check{
    position:relative;
    display:block;
    padding-left:1.25rem
}
.azn_right{
    text-align:right
}
.btn{
    display:inline-block;
    font-weight:600;
    color:#000;
    text-align:center;
    vertical-align:middle;
    user-select:none;
    background-color:transparent;
    border:1px solid transparent;
    padding:.5rem 1rem;
    font-size:.875rem;
    line-height:1.5;
    border-radius:.1875rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.btn:hover{
    text-decoration:none
}
.btn.focus,.btn:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.btn.disabled{
    opacity:.65
}
a.btn.disabled{
    pointer-events:none
}
fieldset:disabled a.btn{
    pointer-events:none
}
.btn-primary{
    color:#fff;
    background-color: var(--color-primary);
    border-color:transparent
}
.btn-secondary {
    color: #25282b;
    background-color: #F3F3F5;
}
.btn-outline{
    color:#fff;
    background-color:transparent;
    border-color:#fff
}
.btn-primary:hover{
    color:#fff;
    background-color: var(--color-primary-dark);
    border-color:transparent
}
.btn-secondary:hover {
    background-color: #d4d6db;
}
.btn-primary:focus, .btn-primary.focus{
    color:#fff;
    box-shadow:0 0 0 .2rem rgba(135,144,247,.5)
}
.btn-primary.disabled,.btn-primary:disabled{
    color:#fff;
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{
    color:#fff
}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(135,144,247,.5)
}
.btn-success{
    color:#fff;
    background-color: var(--color-success)
}
.btn-success:hover{
    color:#fff;
    background-color: var(--color-success)
}
.btn-success.focus,.btn-success:focus{
    box-shadow:0 0 0 .2rem rgba(52,194,114,.5)
}
.btn-success.disabled,.btn-success:disabled{
    color:#fff;
    background-color: var(--color-success-light);
    border-color: var(--color-success)
}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color: var(--color-success-dark);
    border-color: var(--color-success-dark)
}
.show>.btn-success.dropdown-toggle{
    color:#fff;
    background-color: var(--color-success-dark);
    border-color: var(--color-success-dark);
}
.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(52,194,114,.5)
}
.show>.btn-success.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(52,194,114,.5)
}
.btn-light{
    color:#485465;
    background-color:#ececec;
    border-color:#ececec
}
.btn-light:hover{
    color:#485465;
    background-color:#d9d9d9;
    border-color:#d3d3d3
}
.btn-light.focus,.btn-light:focus{
    box-shadow:0 0 0 .2rem rgba(206,206,207,.5)
}
.btn-light.disabled,.btn-light:disabled{
    color:#485465;
    background-color:#ececec;
    border-color:#ececec
}
.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{
    color:#485465;
    background-color:#d3d3d3;
    border-color:#ccc
}
.show>.btn-light.dropdown-toggle{
    color:#485465;
    background-color:#d3d3d3;
    border-color:#ccc
}
.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(206,206,207,.5)
}
.show>.btn-light.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(206,206,207,.5)
}
.btn-dark{
    color:#fff;
    background-color:#485465
}
.btn-dark:hover{
    color:#fff;
    background-color:#3a424f
}
.btn-dark.focus,.btn-dark:focus{
    box-shadow:0 0 0 .2rem rgba(72,78,88,.5)
}
.btn-dark.disabled,.btn-dark:disabled{
    color:#fff;
    background-color:#282f3a;
    border-color:#282f3a
}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{
    color:#fff;
    background-color:#13171c;
    border-color:#0e1014
}
.show>.btn-dark.dropdown-toggle{
    color:#fff;
    background-color:#13171c;
    border-color:#0e1014
}
.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{
    box-shadow:0 0 0 .2rem rgba(72,78,88,.5)
}
.show>.btn-dark.dropdown-toggle:focus{
    box-shadow:0 0 0 .2rem rgba(72,78,88,.5)
}
.btn-link{
    font-weight:400;
    color:#007bff;
    text-decoration:none
}
.btn-link:hover{
    color:#0056b3;
    text-decoration:underline
}
.btn-link.focus,.btn-link:focus{
    text-decoration:underline;
    box-shadow:none
}
.btn-link.disabled,.btn-link:disabled{
    color:#6c757d;
    pointer-events:none
}
.btn-lg{
    padding:.8rem 1.5rem;
    font-size:1.3rem;
    line-height:1;
    border-radius:.1875rem
}
.btn-block{
    display:block;
    width:100%
}
.btn-block+.btn-block{
    margin-top:.5rem
}
input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{
    width:100%
}
.fade{
    transition:opacity .15s linear
}
.fade:not(.show){
    opacity:0
}
.collapse:not(.show){
    display:none
}
.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    transition:height .35s ease
}
.dropdown,.dropleft,.dropright,.dropup{
    position:relative
}
.dropdown-toggle{
    white-space:nowrap
}
.dropdown-toggle::after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid;
    border-right:.3em solid transparent;
    border-bottom:0;
    border-left:.3em solid transparent
}
.dropdown-toggle:empty::after{
    margin-left:0
}
.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000!important;
    display:none;
    float:left;
    min-width:10rem;
    padding:.5rem 0;
    box-shadow:0 6px 20px 0 rgba(36,36,38,.08);
    margin:.125rem 0 0;
    font-size:.8125rem;
    color:#212529;
    text-align:left;
    list-style:none;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid #f8f8f8;
    border-radius:.25rem
}
.dropdown-menu-left{
    right:auto;
    left:0
}
.dropdown-menu-right{
    right:0;
    left:auto
}
.dropup .dropdown-menu{
    top:auto;
    bottom:100%;
    margin-top:0;
    margin-bottom:.125rem
}
.dropup .dropdown-toggle::after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:0;
    border-right:.3em solid transparent;
    border-bottom:.3em solid;
    border-left:.3em solid transparent
}
.dropup .dropdown-toggle:empty::after{
    margin-left:0
}
.dropright .dropdown-menu{
    top:0;
    right:auto;
    left:100%;
    margin-top:0;
    margin-left:.125rem
}
.dropright .dropdown-toggle::after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:0;
    border-bottom:.3em solid transparent;
    border-left:.3em solid
}
.dropright .dropdown-toggle:empty::after{
    margin-left:0
}
.dropright .dropdown-toggle::after{
    vertical-align:0
}
.dropleft .dropdown-menu{
    top:0;
    right:100%;
    left:auto;
    margin-top:0;
    margin-right:.125rem
}
.dropleft .dropdown-toggle::after{
    display:inline-block;
    margin-left:.255em;
    vertical-align:.255em;
    content:"";
    display:none
}
.dropleft .dropdown-toggle::before{
    display:inline-block;
    margin-right:.255em;
    vertical-align:.255em;
    content:"";
    border-top:.3em solid transparent;
    border-right:.3em solid;
    border-bottom:.3em solid transparent
}
.dropleft .dropdown-toggle:empty::after{
    margin-left:0
}
.dropleft .dropdown-toggle::before{
    vertical-align:0
}
.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{
    right:auto;
    bottom:auto
}
.dropdown-divider{
    height:0;
    margin:.5rem 0;
    overflow:hidden;
    border-top:1px solid #e8ebf1
}
.dropdown-item{
    display:flex;
    align-items: center;
    gap: 8px;
    width:100%;
    padding: 4px 8px;
    clear:both;
    font-weight:400;
    color:#000;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent;
    border:0;
    border-radius: 6px;
}
.dropdown-item:focus,.dropdown-item:hover{
    text-decoration:none;
    background-color:#f3f3f5
}
.dropdown-item.active,.dropdown-item:active{
    text-decoration:none;
    background-color:#007bff
}
.dropdown-item.disabled,.dropdown-item:disabled{
    color:#6c757d;
    pointer-events:none;
    background-color:transparent
}
.dropdown-menu.show{
    display:block
}
.dropdown-item-text{
    display:block;
    padding:.25rem 1.5rem;
    color:#000
}
.notification-footer{
    font-family:SourceSansPro-Bold,Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#485465
}
.btn-group{
    position:relative;
    display:inline-flex;
    vertical-align:middle
}
.btn-group>.btn{
    position:relative;
    flex:1 1 auto
}
.btn-group>.btn:hover{
    z-index:1
}
.btn-group>.btn:focus{
    z-index:1
}
.btn-group>.btn:active{
    z-index:1
}
.btn-group>.btn.active{
    z-index:1
}
.btn-toolbar{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start
}
.btn-toolbar .input-group{
    width:auto
}
.btn-group>.btn:not(:first-child){
    margin-left:-1px
}
.btn-group>.btn-group:not(:first-child){
    margin-left:-1px
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn-group:not(:last-child)>.btn{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.btn-group>.btn-group:not(:first-child)>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    width:100%
}
.input-group>.form-control,.input-group>select{
    position:relative;
    flex:1 1 auto;
    width:1%;
    margin-bottom:0
}
.input-group>.form-control+.form-control,.input-group>select+.form-control{
    margin-left:-1px
}
.input-group>.form-control+select,.input-group>select+select{
    margin-left:-1px
}
.input-group>.form-control:focus,.input-group>select:focus{
    z-index:3
}
.input-group>.form-control:not(:last-child),.input-group>select:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.form-control:not(:first-child),.input-group>select:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-append .btn{
    position:relative;
    z-index:2
}
.input-group-append .btn::-moz-focus-outer{
    z-index:3
}
.input-group-append .btn+.btn{
    margin-left:-1px
}
.input-group-append{
    margin-left:-1px
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group>.input-group-append>.btn{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.nav{
    display:flex;
    flex-wrap:wrap;
    overflow:hidden;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.nav-link{
    display:block;
    padding:.5rem 1rem
}
.nav-link:focus,.nav-link:hover{
    text-decoration:none
}
.nav-link.disabled{
    color:#6c757d;
    pointer-events:none;
    cursor:default
}
.nav-tabs{
    border-bottom:1px solid #ebedf2
}
.nav-tabs .nav-item{
    margin-bottom:-1px
}
.nav-tabs .nav-link{
    border:1px solid transparent;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
    border-color:#ebedf2
}
.nav-tabs .nav-link.disabled{
    color:#6c757d;
    background-color:transparent;
    border-color:transparent
}
.nav-tabs .nav-link.active{
    color:#000;
    background-color:#fff;
    border-color:#ebedf2 #ebedf2 #fff
}
.nav-tabs .nav-item.show .nav-link{
    color:#000;
    background-color:#fff;
    border-color:#ebedf2 #ebedf2 #fff
}
.nav-tabs .dropdown-menu{
    margin-top:-1px;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.nav-pills .nav-link{
    border-radius:.25rem
}
.nav-pills .nav-link.active{
    border-bottom:2px solid var(--color-primary);
    border-radius:0
}
.nav-pills .show>.nav-link{
    border-bottom:2px solid var(--color-primary);
    border-radius:0
}
.nav-fill .nav-item{
    flex:1 1 auto;
    text-align:center
}
.nav-justified .nav-item{
    flex-basis:0;
    flex-grow:1;
    text-align:center
}
.tab-content>.tab-pane{
    display:none
}
.tab-content>.active{
    display:block
}
.navbar{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:.5rem 1rem
}
.navbar>.container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.navbar-nav{
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0;
    list-style:none
}
.navbar-nav .nav-link{
    padding-right:0;
    padding-left:0
}
.navbar-nav .dropdown-menu{
    position:static;
    float:none
}
.navbar-text{
    display:inline-block;
    padding-top:.5rem;
    padding-bottom:.5rem
}
.navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    align-items:center
}
.card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:border-box;
    border:1px solid #f2f4f9;
    margin:15px 0;
    border-radius:2px
}
.card-transparent{
    background:0 0;
    border:0;
    box-shadow:none!important;
    -webkit-box-shadow:none!important
}
.card>hr{
    margin-right:0;
    margin-left:0
}
.card>.list-group:first-child .list-group-item:first-child{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.card>.list-group:last-child .list-group-item:last-child{
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.card-body{
    flex:1 1 auto;
    min-height:calc(100vh - 205px);
    padding:1.5rem
}
.card-subtitle{
    margin-top:-.4375rem;
    margin-bottom:0
}
.card-text:last-child{
    margin-bottom:0
}
.card-header{
    padding:.875rem 1.5rem;
    margin-bottom:0;
    background-color:rgba(0,0,0,0);
    border-bottom:1px solid #f2f4f9
}
.card-header:first-child{
    border-radius:0
}
.card-header+.list-group .list-group-item:first-child{
    border-top:0
}
.card-footer{
    padding:.875rem 1.5rem;
    background-color:rgba(0,0,0,0);
    border-top:1px solid #f2f4f9
}
.card-footer:last-child{
    border-radius:0
}
.card-columns .card{
    margin-bottom:.75rem
}
@media (min-width:576px){
    .card-columns{
        column-count:3;
        column-gap:1.25rem;
        orphans:1;
        widows:1
    }
    .card-columns .card{
        display:inline-block;
        width:100%
    }
}
.accordion>.card{
    overflow:hidden
}
.accordion>.card:not(:first-of-type) .card-header:first-child{
    border-radius:0
}
.accordion>.card:not(:first-of-type):not(:last-of-type){
    border-bottom:0;
    border-radius:0
}
.accordion>.card:first-of-type{
    border-bottom:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.accordion>.card:last-of-type{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.accordion>.card .card-header{
    margin-bottom:-1px
}
.breadcrumb{
    display:flex;
    flex-wrap:wrap;
    padding:.56rem 1.13rem;
    margin-bottom:1rem;
    list-style:none;
    background-color:#e9ecef;
    border-radius:.25rem
}
.breadcrumb-item+.breadcrumb-item{
    padding-left:.5rem
}
.breadcrumb-item+.breadcrumb-item::before{
    display:inline-block;
    padding-right:.5rem;
    color:#6c757d;
    content:"/"
}
.breadcrumb-item+.breadcrumb-item:hover::before{
    text-decoration:underline;
    text-decoration:none
}
.breadcrumb-item.active{
    color:#495057
}
.page-link{
    position:relative;
    display:block;
    padding:.5rem .75rem;
    margin-left:-1px;
    line-height:1.25;
    color:#007bff;
    background-color:#fff;
    border:1px solid #dee2e6
}
.page-link:hover{
    z-index:2;
    color:#0056b3;
    text-decoration:none;
    background-color:#e9ecef;
    border-color:#dee2e6
}
.page-link:focus{
    z-index:2;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.page-item:first-child .page-link{
    margin-left:0;
    border-top-left-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.page-item:last-child .page-link{
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem
}
.page-item.active .page-link{
    z-index:1;
    color:#fff;
    background-color:#007bff;
    border-color:#007bff
}
.page-item.disabled .page-link{
    color:#6c757d;
    pointer-events:none;
    cursor:auto;
    background-color:#fff;
    border-color:#dee2e6
}
.badge{
    display:inline-block;
    padding:4px 5px;
    font-size:75%;
    font-weight:700;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:3px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
a.badge:focus,a.badge:hover{
    text-decoration:none
}
.btn .badge{
    position:relative;
    top:-1px
}
.badge-pill{
    padding-right:.6em;
    padding-left:.6em;
    border-radius:10rem
}
.badge-primary{
    color:#fff;
    background-color: var(--color-primary) !important;
}
a.badge-primary:hover{
    color:#fff;
    background-color:#4250f2
}
a.badge-primary:focus{
    color:#fff;
    background-color:#4250f2;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(114,124,245,.5)
}
a.badge-primary.focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(114,124,245,.5)
}
.badge-success{
    color:#fff;
    background-color: var(--color-success) !important
}
a.badge-success:hover{
    color:#fff;
    background-color: var(--color-success-dark)
}
a.badge-success:focus{
    color:#fff;
    background-color: var(--color-success-dark);
    outline:0;
    box-shadow:0 0 0 .2rem rgba(16,183,89,.5)
}
a.badge-success.focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(16,183,89,.5)
}
.badge-warning{
    color:#212529;
    background-color: var(--color-warning) !important
}
a.badge-warning:hover{
    color:#212529;
    background-color: var(--color-warning-dark) !important
}
a.badge-warning:focus{
    color:#212529;
    background-color: var(--color-warning-dark) !important;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(251,188,6,.5)
}
a.badge-warning.focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(251,188,6,.5)
}
.badge-danger{
    color:#fff;
    background-color: var(--color-error) !important
}
a.badge-danger:hover{
    color:#fff;
    background-color: var(--color-error-dark) !important
}
a.badge-danger:focus{
    color:#fff;
    background-color: var(--color-error) !important;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,51,102,.5)
}
a.badge-danger.focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(255,51,102,.5)
}
.alert{
    position:relative;
    padding:.75rem 1.25rem;
    display:block;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:2px
}
.alert svg{
    margin-right:12px
}
.alert-dismissible{
    padding-right:4rem
}
.alert-dismissible .close{
    position:absolute;
    top:0;
    right:0;
    padding:.75rem 1.25rem;
    color:inherit
}
.alert-primary{
    color:#3b407f;
    background-color:#e3e5fd;
    border-color:#d8dafc
}
.alert-primary hr{
    border-top-color:#c0c4fa
}
.alert-success{
    color:#085f2e;
    background-color:#cff1de;
    border-color:#bcebd1
}
.alert-success hr{
    border-top-color:#a8e5c4
}
.alert-info{
    color:#356d6d;
    background-color:#e0f6f6;
    border-color:#d4f2f2
}
.alert-info hr{
    border-top-color:#c0ecec
}
.alert-warning{
    color:#836203;
    background-color:#fef2cd;
    border-color:#feecb9
}
.alert-warning hr{
    border-top-color:#fee5a0
}
.alert-danger{
    color:#851b35;
    background-color:#ffd6e0;
    border-color:#ffc6d4
}
.alert-danger hr{
    border-top-color:#ffadc1
}
.progress{
    display:flex;
    height:1rem;
    overflow:hidden;
    font-size:.75rem;
    background-color:#e9ecef;
    border-radius:.25rem
}
.progress-bar{
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff;
    text-align:center;
    white-space:nowrap;
    background-color:#007bff;
    transition:width .6s ease
}
.media{
    display:flex;
    align-items:flex-start
}
.media-body{
    flex:1
}
.list-group{
    display:flex;
    flex-direction:column;
    padding-left:0;
    margin-bottom:0
}
.list-group-item{
    position:relative;
    padding:.25rem .75rem;
    margin-bottom:-1px;
    background-color:#fff
}
.list-group-item_header-right{
    font-family:TTInterphases-DemiBold,Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#009ff7;
}
.list-group-item_header-left{
    font-family:TTInterphases-DemiBold,Arial,Helvetica,sans-serif;
    font-size:20px
}
.list-group-item:first-child{
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.list-group-item:last-child{
    margin-bottom:0;
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
#customerDetailDiv>div{
    border:1px solid #f4f4f4
}
.list-group-item.disabled,.list-group-item:disabled{
    color:#6c757d;
    pointer-events:none;
    background-color:#fff
}
.list-group-item.active{
    z-index:2;
    color:#fff;
    background-color:#007bff;
    border-color:#007bff
}
.list-group-item-primary{
    color:#3b407f;
    background-color:#d8dafc
}
.list-group-item-secondary{
    color:#3f4654;
    background-color:#d9dde5
}
.list-group-item-success{
    color:#085f2e;
    background-color:#bcebd1
}
.list-group-item-info{
    color:#356d6d;
    background-color:#d4f2f2
}
.list-group-item-warning{
    color:#836203;
    background-color:#feecb9
}
.list-group-item-danger{
    color:#851b35;
    background-color:#ffc6d4
}
.list-group-item-dark{
    color:#15181e;
    background-color:#c3c5c8
}
.close{
    float:right;
    font-size:1.5rem;
    font-weight:700;
    line-height:1;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:.5
}
.close:hover{
    color:#000;
    text-decoration:none
}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{
    opacity:.75
}
button.close{
    padding:0;
    background-color:transparent;
    border:0;
    appearance:none
}
a.close.disabled{
    pointer-events:none
}
.toast{
    max-width:350px;
    overflow:hidden;
    font-size:.875rem;
    background-color:rgba(255,255,255,.85);
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.1);
    box-shadow:0 .25rem .75rem rgba(0,0,0,.1);
    backdrop-filter:blur(10px);
    opacity:0;
    border-radius:.25rem
}
.toast:not(:last-child){
    margin-bottom:.75rem
}
.toast.showing{
    opacity:1
}
.toast.show{
    display:block;
    opacity:1
}
.toast.hide{
    display:none
}
.toast-header{
    display:flex;
    align-items:center;
    padding:.25rem .75rem;
    color:#6c757d;
    background-color:rgba(255,255,255,.85);
    background-clip:padding-box;
    border-bottom:1px solid rgba(0,0,0,.05)
}
.toast-body{
    padding:.75rem
}
.modal-open{
    overflow:hidden
}
.modal-open .modal{
    overflow-x:hidden;
    overflow-y:auto
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    display:none;
    width:100%;
    height:100%;
    overflow:hidden;
    outline:0
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:10px
}
.modal.fade .modal-dialog{
    transition:transform .4s ease;
    transform:scale(.8)
}
.modal.show .modal-dialog{
    transform:none
}
.modal-dialog-scrollable{
    display:flex;
    max-height:calc(100% - 20px)
}
.modal-dialog-scrollable .modal-content{
    max-height:calc(100vh - 20px);
    overflow:hidden
}
.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{
    flex-shrink:0
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - 20px)
}
.modal-dialog-centered::before{
    display:block;
    height:calc(100vh - 20px);
    content:""
}
.modal-dialog-centered.modal-dialog-scrollable{
    flex-direction:column;
    justify-content:center;
    height:100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{
    max-height:none
}
.modal-dialog-centered.modal-dialog-scrollable::before{
    content:none
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1040;
    width:100vw;
    height:100vh;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.5
}
.modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin-bottom:35px;
    border-top-left-radius:.3rem;
    border-top-right-radius:.3rem
}
.modal-header .close{
    padding:1rem;
    margin:-25px -26px -25px auto
}
.modal-title{
    margin-bottom:0;
    line-height:1.5
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:15px
}
.modal-footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:15px;
    border-top:1px solid #e8ebf1;
    border-bottom-right-radius:.3rem;
    border-bottom-left-radius:.3rem
}
.modal-footer>:not(:first-child){
    margin-left:.25rem
}
.modal-footer>:not(:last-child){
    margin-right:.25rem
}
.modal-scrollbar-measure{
    position:absolute;
    top:-9999px;
    width:50px;
    height:50px;
    overflow:scroll
}
@media (max-width:768px){
    #newLoadCardFormId .modal-content{
        padding-left:10px
    }
}
@media (min-width:370px) and (max-width:380px){
    #newLoadCardFormId .modal-content h3{
        font-size:27px
    }
}
@media (min-width:576px){
    #newLoadCardFormId .modal-dialog{
        max-width:655px!important
    }
}
@media (min-width:576px){
    .modal-filter>.modal-dialog{
        max-width:475px
    }
    .modal-dialog{
        max-width:500px;
        margin:30px auto
    }
    .modal-dialog-scrollable{
        max-height:calc(100% - 60px)
    }
    .modal-dialog-scrollable .modal-content{
        max-height:calc(100vh - 60px)
    }
    .modal-dialog-centered{
        min-height:calc(100% - 60px)
    }
    .modal-dialog-centered::before{
        height:calc(100vh - 60px)
    }
    .modal-sm{
        max-width:300px
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        max-width:800px
    }
}
@media (min-width:1200px){
    .modal-xl{
        max-width:1140px
    }
}
.tooltip{
    position:absolute;
    z-index:1070;
    display:block;
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.75rem;
    word-wrap:break-word;
    opacity:0
}
.tooltip.show{
    opacity:.9
}
.tooltip .arrow{
    position:absolute;
    display:block;
    width:.8rem;
    height:.4rem
}
.tooltip .arrow::before{
    position:absolute;
    content:"";
    border-color:transparent;
    border-style:solid
}
.tooltip-inner{
    max-width:200px;
    padding:.4rem .75rem;
    color:#fff;
    text-align:center;
    background-color:#000;
    border-radius:.375rem
}
.popover{
    position:absolute;
    top:0;
    left:0;
    z-index:1060;
    display:block;
    max-width:276px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    text-align:start;
    text-decoration:none;
    text-shadow:none;
    text-transform:none;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal;
    white-space:normal;
    line-break:auto;
    font-size:.875rem;
    word-wrap:break-word;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:.3rem
}
.popover .arrow{
    position:absolute;
    display:block;
    width:1rem;
    height:.5rem;
    margin:0 .3rem
}
.popover .arrow::after,.popover .arrow::before{
    position:absolute;
    display:block;
    content:"";
    border-color:transparent;
    border-style:solid
}
.popover-header{
    padding:.5rem .75rem;
    margin-bottom:0;
    font-size:1rem;
    background-color:#f7f7f7;
    border-bottom:1px solid #ebebeb;
    border-top-left-radius:calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
}
.popover-header:empty{
    display:none
}
.popover-body{
    padding:.5rem .75rem;
    color:#212529
}
.carousel{
    position:relative
}
.carousel-item{
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:-100%;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out
}
.carousel-item.active{
    display:block
}
.carousel-item-next,.carousel-item-prev{
    display:block
}
.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){
    transform:translateX(100%)
}
.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){
    transform:translateX(-100%)
}
.carousel-indicators{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:15;
    display:flex;
    justify-content:center;
    padding-left:0;
    margin-right:15%;
    margin-left:15%;
    list-style:none
}
.carousel-indicators li{
    box-sizing:content-box;
    flex:0 1 auto;
    width:30px;
    height:3px;
    margin-right:3px;
    margin-left:3px;
    text-indent:-999px;
    cursor:pointer;
    background-color:#fff;
    background-clip:padding-box;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    opacity:.5;
    transition:opacity .6s ease
}
.carousel-indicators .active{
    opacity:1
}
.align-baseline{
    vertical-align:baseline!important
}
.align-top{
    vertical-align:top!important
}
.align-middle{
    vertical-align:middle!important
}
.align-bottom{
    vertical-align:bottom!important
}
.align-text-bottom{
    vertical-align:text-bottom!important
}
.align-text-top{
    vertical-align:text-top!important
}
.border{
    border:1px solid #e8ebf1!important
}
.border-top{
    border-top:1px solid #e8ebf1!important
}
.border-right{
    border-right:1px solid #e8ebf1!important
}
.border-bottom{
    border-bottom:1px solid #e8ebf1!important
}
.border-left{
    border-left:1px solid #e8ebf1!important
}
.border-0{
    border:0!important
}
.border-top-0{
    border-top:0!important
}
.border-right-0{
    border-right:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-left-0{
    border-left:0!important
}
.border-primary{
    border-color: var(--color-primary) !important
}
.border-secondary{
    border-color: var(--color-secondary) !important
}
.border-success{
    border-color: var(--color-success) !important
}
.border-info{
    border-color:#66d1d1!important
}
.border-warning{
    border-color: var(--color-warning) !important
}
.border-dark{
    border-color: var(--color-base-8) !important
}
.border-white{
    border-color: var(--color-base-1) !important
}
.rounded-sm{
    border-radius:.2rem!important
}
.rounded{
    border-radius:.25rem!important
}
.rounded-top{
    border-top-left-radius:.25rem!important;
    border-top-right-radius:.25rem!important
}
.rounded-right{
    border-top-right-radius:.25rem!important;
    border-bottom-right-radius:.25rem!important
}
.rounded-bottom{
    border-bottom-right-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}
.rounded-left{
    border-top-left-radius:.25rem!important;
    border-bottom-left-radius:.25rem!important
}
.rounded-lg{
    border-radius:.3rem!important
}
.rounded-circle{
    border-radius:50%!important
}
.rounded-pill{
    border-radius:50rem!important
}
.rounded-0{
    border-radius:0!important
}
.clearfix::after{
    display:block;
    clear:both;
    content:""
}
.d-none{
    display:none!important
}
.d-inline{
    display:inline!important
}
.d-inline-block{
    display:inline-block!important
}
.d-block{
    display:block!important
}
.d-table{
    display:table!important
}
.d-table-row{
    display:table-row!important
}
.d-table-cell{
    display:table-cell!important
}
.d-flex{
    display:flex!important
}
.d-inline-flex{
    display:inline-flex!important
}
@media (min-width:576px){
    .d-sm-none{
        display:none!important
    }
    .d-sm-inline{
        display:inline!important
    }
    .d-sm-inline-block{
        display:inline-block!important
    }
    .d-sm-block{
        display:block!important
    }
    .d-sm-table{
        display:table!important
    }
    .d-sm-table-row{
        display:table-row!important
    }
    .d-sm-table-cell{
        display:table-cell!important
    }
    .d-sm-flex{
        display:flex!important
    }
    .d-sm-inline-flex{
        display:inline-flex!important
    }
}
@media (min-width:768px){
    .d-md-none{
        display:none!important
    }
}
@media (min-width:992px){
    .d-lg-block{
        display:block!important
    }
    .d-lg-table{
        display:table!important
    }
    .d-lg-flex{
        display:flex!important
    }
}
@media (min-width:1200px){
    .d-xl-flex{
        display:flex!important
    }
    .d-xl-block{
        display:block!important
    }
}
.flex-row{
    flex-direction:row!important
}
.flex-column{
    flex-direction:column!important
}
.flex-wrap{
    flex-wrap:wrap!important
}
.flex-nowrap{
    flex-wrap:nowrap!important
}
.flex-fill{
    flex:1 1 auto!important
}
.flex-grow-0{
    flex-grow:0!important
}
.flex-grow-1{
    flex-grow:1!important
}
.flex-shrink-0{
    flex-shrink:0!important
}
.flex-shrink-1{
    flex-shrink:1!important
}
.justify-content-start{
    justify-content:flex-start!important
}
.justify-content-end{
    justify-content:flex-end!important
}
.justify-content-center{
    justify-content:center!important
}
.justify-content-between{
    justify-content:space-between!important
}
.justify-content-around{
    justify-content:space-around!important
}
.align-items-start{
    align-items:flex-start!important
}
.align-items-end{
    align-items:flex-end!important
}
.align-items-center{
    align-items:center!important
}
.align-items-baseline{
    align-items:baseline!important
}
.align-items-stretch{
    align-items:stretch!important
}
@media (min-width:576px){
    .justify-content-sm-start{
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        justify-content:center!important
    }
    .justify-content-sm-between{
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        justify-content:space-around!important
    }
}
@media (min-width:768px){
    .flex-md-row{
        flex-direction:row!important
    }
}
@media (min-width:992px){
    .justify-content-lg-start{
        justify-content:flex-start!important
    }
}
.float-left{
    float:left!important
}
.float-right{
    float:right!important
}
.float-none{
    float:none!important
}
.overflow-auto{
    overflow:auto!important
}
.overflow-hidden{
    overflow:hidden!important
}
.position-static{
    position:static!important
}
.position-relative{
    position:relative!important
}
.position-absolute{
    position:absolute!important
}
.position-fixed{
    position:fixed!important
}
.position-sticky{
    position:sticky!important
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030
}
.fixed-bottom{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1030
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    clip:auto;
    white-space:normal
}
.shadow{
    box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}
.w-25{
    width:25%!important
}
.w-50{
    width:50%!important
}
.w-75{
    width:75%!important
}
.w-100{
    width:100%!important
}
.w-auto{
    width:auto!important
}
.w-10{
    width:10%!important
}
.w-20{
    width:20%!important
}
.w-25{
    width:25%!important
}
.w-30{
    width:30%!important
}
.w-40{
    width:40%!important
}
.w-45{
    width:45%!important
}
.w-60{
    width:60%!important
}
.w-80{
    width:80%!important
}
.w-90{
    width:90%!important
}
.w-95{
    width:95%!important
}
.h-100{
    height:100%!important
}
.mw-100{
    max-width:100%!important
}
.vw-100{
    width:100vw!important
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2{
    margin-left:.5rem!important
}
.btn-toolbar .btn-group+.btn-group{
    margin-left:.5rem!important
}
.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.m-n1{
    margin:-.25rem!important
}
.mt-n1,.my-n1{
    margin-top:-.25rem!important
}
.mr-n1,.mx-n1{
    margin-right:-.25rem!important
}
.mb-n1,.my-n1{
    margin-bottom:-.25rem!important
}
.ml-n1,.mx-n1{
    margin-left:-.25rem!important
}
.m-n2{
    margin:-.5rem!important
}
.mt-n2,.my-n2{
    margin-top:-.5rem!important
}
.mr-n2,.mx-n2{
    margin-right:-.5rem!important
}
.mb-n2,.my-n2{
    margin-bottom:-.5rem!important
}
.ml-n2,.mx-n2{
    margin-left:-.5rem!important
}
.m-n3{
    margin:-1rem!important
}
.mt-n3,.my-n3{
    margin-top:-1rem!important
}
.mr-n3,.mx-n3{
    margin-right:-1rem!important
}
.mb-n3,.my-n3{
    margin-bottom:-1rem!important
}
.ml-n3,.mx-n3{
    margin-left:-1rem!important
}
.m-n4{
    margin:-1.5rem!important
}
.mt-n4,.my-n4{
    margin-top:-1.5rem!important
}
.mr-n4,.mx-n4{
    margin-right:-1.5rem!important
}
.mb-n4,.my-n4{
    margin-bottom:-1.5rem!important
}
.ml-n4,.mx-n4{
    margin-left:-1.5rem!important
}
.m-n5{
    margin:-3rem!important
}
.mt-n5,.my-n5{
    margin-top:-3rem!important
}
.mr-n5,.mx-n5{
    margin-right:-3rem!important
}
.mb-n5,.my-n5{
    margin-bottom:-3rem!important
}
.ml-n5,.mx-n5{
    margin-left:-3rem!important
}
.m-auto{
    margin:auto!important
}
.mt-auto,.my-auto{
    margin-top:auto!important
}
.mr-auto,.mx-auto{
    margin-right:auto!important
}
.mb-auto,.my-auto{
    margin-bottom:auto!important
}
.ml-auto,.mx-auto{
    margin-left:auto!important
}
@media (min-width:576px){
    .DELETE0{
        margin:0!important
    }
    .mt-sm-0{
        margin-top:0!important
    }
    .mx-sm-0{
        margin-right:0!important
    }
    .ml-sm-0,.mx-sm-0{
        margin-left:0!important
    }
    .DELETE1{
        margin:.25rem!important
    }
    .mt-sm-1{
        margin-top:.25rem!important
    }
    .mx-sm-1{
        margin-right:.25rem!important
    }
    .ml-sm-1,.mx-sm-1{
        margin-left:.25rem!important
    }
    .DELETE2{
        margin:.5rem!important
    }
    .mt-sm-2{
        margin-top:.5rem!important
    }
    .mx-sm-2{
        margin-right:.5rem!important
    }
    .ml-sm-2,.mx-sm-2{
        margin-left:.5rem!important
    }
    .DELETE3{
        margin:1rem!important
    }
    .mt-sm-3{
        margin-top:1rem!important
    }
    .mx-sm-3{
        margin-right:1rem!important
    }
    .ml-sm-3,.mx-sm-3{
        margin-left:1rem!important
    }
    .DELETE4{
        margin:1.5rem!important
    }
    .mt-sm-4{
        margin-top:1.5rem!important
    }
    .mx-sm-4{
        margin-right:1.5rem!important
    }
    .ml-sm-4,.mx-sm-4{
        margin-left:1.5rem!important
    }
    .DELETE5{
        margin:3rem!important
    }
    .mt-sm-5{
        margin-top:3rem!important
    }
    .mx-sm-5{
        margin-right:3rem!important
    }
    .ml-sm-5,.mx-sm-5{
        margin-left:3rem!important
    }
    .pt-sm-1{
        padding-top:.25rem!important
    }
    .px-sm-1{
        padding-right:.25rem!important
    }
    .pt-sm-2{
        padding-top:.5rem!important
    }
    .px-sm-2{
        padding-right:.5rem!important
    }
    .px-sm-2{
        padding-left:.5rem!important
    }
    .px-sm-3{
        padding-right:1rem!important;
        padding-left:1rem!important
    }
    .pt-sm-5{
        padding-top:3rem!important
    }
    .px-sm-5{
        padding-right:3rem!important;
        padding-left:3rem!important
    }
}
@media (min-width:768px){
    .mt-md-0{
        margin-top:0!important
    }
    .mr-md-0,.mx-md-0{
        margin-right:0!important
    }
    .ml-md-0,.mx-md-0{
        margin-left:0!important
    }
    .mt-md-1{
        margin-top:.25rem!important
    }
    .ml-md-1{
        margin-left:.25rem!important
    }
    .mt-md-2{
        margin-top:.5rem!important
    }
    .mr-md-2,.mx-md-2{
        margin-right:.5rem!important
    }
    .ml-md-2,.mx-md-2{
        margin-left:.5rem!important
    }
    .mt-md-3{
        margin-top:1rem!important
    }
    .mr-md-3,.mx-md-3{
        margin-right:1rem!important
    }
    .ml-md-3,.mx-md-3{
        margin-left:1rem!important
    }
    .mt-md-4{
        margin-top:1.5rem!important
    }
    .mr-md-4,.mx-md-4{
        margin-right:1.5rem!important
    }
    .ml-md-4,.mx-md-4{
        margin-left:1.5rem!important
    }
    .mt-md-5{
        margin-top:3rem!important
    }
    .mr-md-5,.mx-md-5{
        margin-right:3rem!important
    }
    .ml-md-5,.mx-md-5{
        margin-left:3rem!important
    }
    .p-md-0{
        padding:0!important
    }
    .pt-md-0{
        padding-top:0!important
    }
    .pr-md-0,.px-md-0{
        padding-right:0!important
    }
    .pb-md-0{
        padding-bottom:0!important
    }
    .pl-md-0,.px-md-0{
        padding-left:0!important
    }
    .p-md-1{
        padding:.25rem!important
    }
    .pt-md-1{
        padding-top:.25rem!important
    }
    .pr-md-1,.px-md-1{
        padding-right:.25rem!important
    }
    .pb-md-1{
        padding-bottom:.25rem!important
    }
    .pl-md-1,.px-md-1{
        padding-left:.25rem!important
    }
    .p-md-2{
        padding:.5rem!important
    }
    .pt-md-2{
        padding-top:.5rem!important
    }
    .pr-md-2,.px-md-2{
        padding-right:.5rem!important
    }
    .pb-md-2{
        padding-bottom:.5rem!important
    }
    .pl-md-2,.px-md-2{
        padding-left:.5rem!important
    }
    .p-md-3{
        padding:1rem!important
    }
    .pt-md-3{
        padding-top:1rem!important
    }
    .pr-md-3,.px-md-3{
        padding-right:1rem!important
    }
    .pb-md-3{
        padding-bottom:1rem!important
    }
    .pl-md-3,.px-md-3{
        padding-left:1rem!important
    }
    .p-md-4{
        padding:1.5rem!important
    }
    .pt-md-4{
        padding-top:1.5rem!important
    }
    .pr-md-4,.px-md-4{
        padding-right:1.5rem!important
    }
    .pb-md-4{
        padding-bottom:1.5rem!important
    }
    .pl-md-4,.px-md-4{
        padding-left:1.5rem!important
    }
    .p-md-5{
        padding:3rem!important
    }
    .pt-md-5{
        padding-top:3rem!important
    }
    .pr-md-5,.px-md-5{
        padding-right:3rem!important
    }
    .pb-md-5{
        padding-bottom:3rem!important
    }
    .pl-md-5,.px-md-5{
        padding-left:3rem!important
    }
    .mt-md-auto{
        margin-top:auto!important
    }
    .mr-md-auto,.mx-md-auto{
        margin-right:auto!important
    }
    .ml-md-auto,.mx-md-auto{
        margin-left:auto!important
    }
}
@media (min-width:992px){
    .mt-lg-5{
        margin-top:3rem!important
    }
    .pt-lg-1{
        padding-top:.25rem!important
    }
    .pr-lg-1{
        padding-right:.25rem!important
    }
    .pt-lg-2{
        padding-top:.5rem!important
    }
    .pr-lg-2{
        padding-right:.5rem!important
    }
    .pt-lg-3{
        padding-top:1rem!important
    }
    .pt-lg-4{
        padding-top:1.5rem!important
    }
    .pr-lg-4{
        padding-right:1.5rem!important
    }
    .pt-lg-5{
        padding-top:3rem!important
    }
    .pr-lg-5{
        padding-right:3rem!important
    }
}
@media (min-width:1200px){
    .mt-xl-1,.my-xl-1{
        margin-top:.25rem!important
    }
    .mr-xl-1{
        margin-right:.25rem!important
    }
    .my-xl-1,DELETE1{
        margin-bottom:.25rem!important
    }
    .mt-xl-2,.my-xl-2{
        margin-top:.5rem!important
    }
    .mr-xl-2{
        margin-right:.5rem!important
    }
    .my-xl-2,DELETE2{
        margin-bottom:.5rem!important
    }
    .mt-xl-3,.my-xl-3{
        margin-top:1rem!important
    }
    .mr-xl-3{
        margin-right:1rem!important
    }
    .my-xl-3,DELETE3{
        margin-bottom:1rem!important
    }
    .mt-xl-4,.my-xl-4{
        margin-top:1.5rem!important
    }
    .mr-xl-4{
        margin-right:1.5rem!important
    }
    .my-xl-4,DELETE4{
        margin-bottom:1.5rem!important
    }
    .mt-xl-5,.my-xl-5{
        margin-top:3rem!important
    }
    .mr-xl-5{
        margin-right:3rem!important
    }
    .my-xl-5,DELETE5{
        margin-bottom:3rem!important
    }
    .p-xl-1{
        padding:.25rem!important
    }
    .DELETE-1{
        padding-bottom:.25rem!important
    }
    .DELETE-1{
        padding-left:.25rem!important
    }
    .p-xl-2{
        padding:.5rem!important
    }
    .DELETE-2{
        padding-bottom:.5rem!important
    }
    .DELETE-2{
        padding-left:.5rem!important
    }
    .p-xl-3{
        padding:1rem!important
    }
    .DELETE-3{
        padding-bottom:1rem!important
    }
    .DELETE-3{
        padding-left:1rem!important
    }
    .p-xl-4{
        padding:1.5rem!important
    }
    .DELETE-4{
        padding-left:1.5rem!important
    }
    .p-xl-5{
        padding:3rem!important
    }
    .DELETE-5{
        padding-left:3rem!important
    }
    .mt-xl-n1,.my-xl-n1{
        margin-top:-.25rem!important
    }
    .mr-xl-n1{
        margin-right:-.25rem!important
    }
    .my-xl-n1,DELETEn1{
        margin-bottom:-.25rem!important
    }
    .mt-xl-n2,.my-xl-n2{
        margin-top:-.5rem!important
    }
    .mr-xl-n2{
        margin-right:-.5rem!important
    }
    .my-xl-n2,DELETEn2{
        margin-bottom:-.5rem!important
    }
    .mt-xl-n3,.my-xl-n3{
        margin-top:-1rem!important
    }
    .mr-xl-n3{
        margin-right:-1rem!important
    }
    .my-xl-n3,DELETEn3{
        margin-bottom:-1rem!important
    }
    .mt-xl-n4,.my-xl-n4{
        margin-top:-1.5rem!important
    }
    .mr-xl-n4{
        margin-right:-1.5rem!important
    }
    .my-xl-n4,DELETEn4{
        margin-bottom:-1.5rem!important
    }
    .mt-xl-n5,.my-xl-n5{
        margin-top:-3rem!important
    }
    .mr-xl-n5{
        margin-right:-3rem!important
    }
    .my-xl-n5,DELETEn5{
        margin-bottom:-3rem!important
    }
    .mt-xl-auto,.my-xl-auto{
        margin-top:auto!important
    }
    .mr-xl-auto{
        margin-right:auto!important
    }
    .my-xl-auto,DELETEauto{
        margin-bottom:auto!important
    }
}
.text-monospace{
    font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}
.text-justify{
    text-align:justify!important
}
.text-wrap{
    white-space:normal!important
}
.text-nowrap{
    white-space:nowrap!important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left!important
}
.text-right{
    text-align:right!important
}
.text-center{
    text-align:center!important
}
@media (min-width:480px){
    .text-xs-left{
        text-align:left!important
    }
    .text-xs-right{
        text-align:right!important
    }
    .text-xs-center{
        text-align:center!important
    }
}
@media (min-width:576px){
    .text-sm-left{
        text-align:left!important
    }
    .text-sm-right{
        text-align:right!important
    }
    .text-sm-center{
        text-align:center!important
    }
}
@media (min-width:768px){
    .text-md-left{
        text-align:left!important
    }
    .text-md-right{
        text-align:right!important
    }
    .text-md-center{
        text-align:center!important
    }
}
@media (min-width:992px){
    .text-lg-left{
        text-align:left!important
    }
    .text-lg-right{
        text-align:right!important
    }
    .text-lg-center{
        text-align:center!important
    }
}
@media (min-width:1200px){
    .text-xl-left{
        text-align:left!important
    }
    .text-xl-right{
        text-align:right!important
    }
    .text-xl-center{
        text-align:center!important
    }
}
.text-lowercase{
    text-transform:lowercase!important
}
.text-uppercase{
    text-transform:uppercase!important
}
.text-capitalize{
    text-transform:capitalize!important
}
.font-italic{
    font-style:italic!important
}
.text-white{
    color:#fff!important
}
.text-primary{
    color: var(--color-primary) !important
}
a.text-primary:focus,a.text-primary:hover{
    color: var(--color-primary-dark) !important
}
.text-secondary{
    color: var(--color-secondary) !important
}
a.text-secondary:focus,a.text-secondary:hover{
    color: var(--color-secondary-dark) !important
}
.text-success{
    color: var(--color-success) !important
}
a.text-success:focus,a.text-success:hover{
    color: var(--color-success-dark) !important
}
.text-dark{
    color:#282f3a!important
}
a.text-dark:focus,a.text-dark:hover{
    color:#090a0d!important
}
.text-body{
    color:#000!important
}
.text-black-50{
    color:rgba(0,0,0,.5)!important
}
.text-white-50{
    color:rgba(255,255,255,.5)!important
}
.text-hide{
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.text-decoration-none{
    text-decoration:none!important
}
.text-break{
    word-break:break-word!important;
    overflow-wrap:break-word!important
}
.text-reset{
    color:inherit!important
}
.visible{
    visibility:visible!important
}
.invisible{
    visibility:hidden!important
}
@media print{
    *{
        text-shadow:none!important;
        box-shadow:none!important
    }
    ::after,::before{
        text-shadow:none!important;
        box-shadow:none!important
    }
    a:not(.btn){
        text-decoration:underline
    }
    abbr[title]::after{
        content:" (" attr(title) ")"
    }
    pre{
        white-space:pre-wrap!important;
        border:1px solid #adb5bd;
        page-break-inside:avoid
    }
    blockquote{
        border:1px solid #adb5bd;
        page-break-inside:avoid
    }
    thead{
        display:table-header-group
    }
    img,tr{
        page-break-inside:avoid
    }
    h2,h3,p{
        orphans:3;
        widows:3
    }
    h2,h3{
        page-break-after:avoid
    }
    @page{
        size:a3
    }
    .container,body{
        min-width:992px!important
    }
    .navbar{
        display:none
    }
    .badge{
        border:1px solid #000
    }
    .table{
        border-collapse:collapse!important
    }
    .table td,.table th{
        background-color:#fff!important
    }
}
@keyframes dropdownAnimation{
    from{
        opacity:0;
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:1;
        transform:none;
        transform:translate3d(0,0,0)
    }
}
.dropdownAnimation,.navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu{
    animation-name:dropdownAnimation;
    -webkit-animation-duration:.2s;
    -moz-animation-duration:.2s;
    -ms-animation-duration:.2s;
    -o-animation-duration:.2s;
    animation-duration:.2s;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOUt
}
@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        transform:none
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle-pulse::before,.pulse{
    animation-name:pulse;
    animation-duration:.9s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-out
}
@keyframes pulse{
    0%{
        opacity:1;
        width:7px;
        height:7px;
        left:0;
        top:0
    }
    95%{
        opacity:.1;
        left:-10.5px;
        top:-10.5px;
        width:28px;
        height:28px
    }
    100%{
        opacity:0;
        width:7px;
        height:7px;
        left:0;
        top:0
    }
}
body{
    margin:0;
    padding:0
}
.form-control,select{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0
}
.form-control:focus,select:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0
}
a,div,h1,h2,h3,h4,h5,h6,p,span{
    text-shadow:none
}
[type=button]:focus{
    outline:0
}
a:active,a:focus,a:visited{
    outline:0
}
button::-moz-focus-inner{
    outline:0
}
input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{
    outline:0
}
select::-moz-focus-inner{
    outline:0
}
.form-control:focus,input,select:focus{
    outline:0;
    outline-width:0;
    outline-color:transparent;
    box-shadow:none;
    outline-style:none
}
button:focus,input:focus,select:focus,textarea:focus{
    outline:0;
    outline-width:0;
    outline-color:transparent;
    box-shadow:none;
    outline-style:none
}
textarea{
    resize:none;
    overflow-x:hidden
}
.btn{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.btn-group.open .dropdown-toggle{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.btn:active,.btn:focus,.btn:hover,.btn:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
a{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
a:active,a:checked,a:focus,a:hover,a:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
body{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
button{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
button:active,button:hover,button:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
div{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
input{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
input:active,input:focus,input:hover,input:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
select{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
select:active,select:focus,select:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
textarea{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
textarea:active,textarea:focus,textarea:visited{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{
    outline:0;
    outline-offset:0
}
button{
    outline:0;
    outline-offset:0
}
button:active,button:checked,button:hover,button:visited{
    outline:0;
    outline-offset:0
}
.dropdown-menu>li>a:active,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:visited{
    outline:0
}
a:focus,input:focus{
    outline:0
}
a:hover{
    text-decoration:none
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0 30px #fff inset
}
input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{
    -webkit-box-shadow:0 0 0 30px #fff inset
}
.footer{
    padding:15px 25px;
    transition:all .2s ease;
    -moz-transition:all .2s ease;
    -webkit-transition:all .2s ease;
    -ms-transition:all .2s ease;
    font-size:calc(.875rem - .05rem);
    font-weight:400;
    margin-top:auto
}
.footer a{
    color: #00bdf9;
    font-size:inherit
}
.footer svg{
    width:14px;
    height:14px
}
@media (max-width:991px){
    .footer{
        padding-bottom:25px;
        margin-left:0;
        width:100%
    }
}
body,html{
    padding-right:0!important
}
body{
    margin:0;
    color:#2e3131;
    text-align:left;
    background-color:#f7f7f7;
    height:100%
}
:-moz-full-screen,:-webkit-full-screen,:fullscreen :-ms-full-screen{
    overflow:auto
}
pre{
    background-color:#e8eff4;
    padding:15px;
    font-size:14px
}
code{
    padding:5px;
    font-weight:400;
    font-size:.875rem;
    border-radius:4px
}
.grid-margin{
    margin-bottom:.6rem
}
@media (min-width:992px){
    .border-right-lg{
        border-right:1px solid #e8ebf1
    }
}
@media (min-width:576px){
    .border-left-sm{
        border-left:1px solid #e8ebf1
    }
}
@media (min-width:768px){
    .border-left-md{
        border-left:1px solid #e8ebf1
    }
}
@media (min-width:992px){
    .border-left-lg{
        border-left:1px solid #e8ebf1
    }
}
.card .card-subtitle,.text-gray{
    color:#8c8c8c
}
.text-black{
    color:#000
}
.text-small{
    font-size:14px
}
.flex-grow{
    flex-grow:1
}
.cursor-pointer{
    cursor:pointer
}
.text-nowrap{
    white-space:nowrap
}
.tx-10{
    font-size:10px
}
.tx-11{
    font-size:11px
}
.tx-12{
    font-size:12px
}
.tx-13{
    font-size:13px;
    line-height:1.3
}
.tx-14{
    font-size:14px
}
.tx-80{
    font-size:80px
}
.pt-1px{
    padding-top:1px
}
.pt-2px{
    padding-top:2px
}
.pt-3px{
    padding-top:3px
}
.pb-1px{
    padding-bottom:1px
}
.pb-2px{
    padding-bottom:2px
}
.pb-3px{
    padding-bottom:3px
}
.mt-1px{
    margin-top:1px
}
.mt-2px{
    margin-top:2px
}
.mt-3px{
    margin-top:3px
}
.mb-1px{
    margin-bottom:1px
}
.mb-2px{
    margin-bottom:2px
}
.mb-3px{
    margin-bottom:3px
}
.w-15{
    width:15%
}
.w-35{
    width:35%
}
.w-65{
    width:65%
}
.w-90{
    width:90%
}
.border-top{
    border-top:1px solid #e8ebf1
}
.border-right{
    border-right:1px solid #e8ebf1
}
.border-bottom{
    border-bottom:1px solid #e8ebf1
}
.border-left{
    border-left:1px solid #e8ebf1
}
.border-top-0{
    border-top:0!important
}
.border-right-0{
    border-right:0!important
}
.border-bottom-0{
    border-bottom:0!important
}
.border-left-0{
    border-left:0!important
}
@media (min-width:992px){
    .border-lg-top{
        border-top:1px solid #e8ebf1
    }
    .border-lg-right{
        border-right:1px solid #efefef
    }
    .border-lg-bottom{
        border-bottom:1px solid #e8ebf1
    }
    .border-lg-left{
        border-left:1px solid #e8ebf1
    }
    .border-lg-top-0{
        border-top:0!important
    }
    .border-lg-right-0{
        border-right:0!important
    }
    .border-lg-bottom-0{
        border-bottom:0!important
    }
    .border-lg-left-0{
        border-left:0!important
    }
}
.ht-3{
    height:3px
}
.ht-5{
    height:5px
}
.ht-10{
    height:10px
}
.ht-15{
    height:15px
}
.ht-12{
    height:12px
}
.ht-20{
    height:20px
}
.ht-25{
    height:25px
}
.ht-30{
    height:30px
}
.ht-35{
    height:35px
}
.ht-40{
    height:40px
}
.ht-45{
    height:45px
}
.ht-50{
    height:50px
}
.ht-55{
    height:55px
}
.ht-60{
    height:60px
}
.ht-65{
    height:65px
}
.ht-70{
    height:70px
}
.ht-75{
    height:75px
}
.ht-80{
    height:80px
}
.ht-85{
    height:85px
}
.ht-90{
    height:90px
}
.ht-95{
    height:95px
}
.ht-100{
    height:100px
}
body{
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    font-size:.875rem;
    font-weight:400;
    line-height:1.5;
    -webkit-font-smoothing:antialiased
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    font-weight:600;
    line-height:1.2;
    margin-bottom:0
}
p{
    margin-bottom:0;
    line-height:1.5
}
.h1,h1{
    font-size:3rem
}
.h2,h2{
    font-size:2.5rem
}
.h3,h3{
    font-size:1.875rem
}
.h4,h4{
    font-size:1.4rem
}
.h5,h5{
    font-size:1rem
}
.h6,h6{
    font-size:.9375rem
}
.blockquote{
    padding:1.25rem
}
address p{
    margin-bottom:0
}
.error-page h1{
    font-size:12rem
}
@media (max-width:991px){
    .error-page h1{
        font-size:8rem
    }
}
.text-linkedin{
    color:#0177b5
}
.text-pinterest{
    color:#cc2127
}
.main-wrapper{
    display:-webkit-flex;
    display:flex;
    overflow:hidden
}
.main-wrapper .page-wrapper{
    min-height:100vh;
    background:#f7f7f7;
    width:calc(100% - 343.2px);
    margin-left: 355.2px;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    padding:28px 28px 28px 36px;
}
.main-wrapper .page-wrapper .page-content{
    flex-grow:1;
    padding:16px 32px 0;
    margin-top:72px
}
.main-wrapper .page-wrapper.full-page{
    width:100%;
    margin-left:0
}
.main-wrapper .page-wrapper.full-page .page-content{
    margin-top:80px
}
@media (max-width:767px){
    .main-wrapper .page-wrapper .page-content{
        padding:25px 15px
    }
}
@media (max-width:1150px){
    .main-wrapper .page-wrapper{
        margin-left:0!important;
        width:100%!important
    }
}
.page-content .content-nav-wrapper{
    padding:0;
    position:fixed;
    top:calc(60px + 30px);
    right:0;
    width:220px;
    max-height:calc(100% - 60px - 51px);
    border-left:1px solid #e8ebf1;
    display:none
}
.page-content .content-nav-wrapper .content-nav{
    padding:0 25px
}
.page-content .content-nav-wrapper .content-nav .nav-item .nav-link{
    padding:0;
    height:30px;
    white-space:nowrap;
    color:#383838;
    font-size:.875rem;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center
}
@media (min-width:1200px){
    .page-content .content-nav-wrapper{
        display:block
    }
}
.navbar{
    width:100%;
    display:-webkit-flex;
    display:flex;
    padding: 28px 28px 44px;
    position:fixed;
    right:0;
    left:0;
    z-index:978;
    transition:width .1s ease,left .1s ease;
    height: 116px;
    background: #f7f7f7;
}
.navbar .sidebar-toggler{
    height:100%;
    align-items:center;
    padding:0 24px;
    display:none;
    background-color: transparent !important;
}
.navbar .sidebar-toggler svg{
    width:24px;
    height:24px;
    color:#9b9b9b
}
@media (max-width:1150px){
    .navbar{
        width:100%;
        left:0
    }
    .navbar .navbar-content{
        width:calc(100% - 70px - 1px)
    }
    .navbar .navbar-content .navbar-nav .nav-item.nav-info,.navbar .navbar-content .navbar-nav .nav-item.nav-logo,.navbar .navbar-content .navbar-nav .nav-item.nav-profile{
        display:none!important
    }
}
@media (max-width:1150px){
    .navbar .sidebar-header-toggler{
        display:flex
    }
    .sidebar .sidebar-header{
        display:none!important
    }
}
.navbar .navbar-content{
    display:-webkit-flex;
    display:flex;
    width:100%;
    height:100%;
}
.navbar .navbar-content .navbar-nav{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    height:50px;
    margin-top:auto;
    margin-bottom:auto
}
.navbar .navbar-content .navbar-nav .nav-item{
    position:relative;
    width:auto;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center
}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile{
    margin: 0 9px;
}
.navbar .navbar-content .navbar-nav .nav-item:last-child{
    border-right:0
}
.navbar .navbar-content .navbar-nav .nav-item.nav-info{
    display:block;
    margin:auto 0;
    font-size:14px
}
.navbar .navbar-content .navbar-nav .nav-info>.nav-link{
    color:var(--text-color-secondary);
    font-size: 14px;
    line-height: 1.4;
}
.navbar .navbar-content .navbar-nav .nav-notifications>.nav-link{
    color:#aabdcf!important
}
.navbar .navbar-content .navbar-nav .nav-item.nav-info p{
    font-family:TTInterphases-Medium,Arial,Helvetica,sans-serif;
    color:var(--text-color-primary);
    font-size:15px;
    line-height: 1.32;
}
.navbar .navbar-content .navbar-nav .nav-item.nav-logo{
    border-right:0
}
.navbar .navbar-content .navbar-nav .nav-item.nav-logo img{
    height:74px
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link{
    color:var(--text-color-secondary);
    padding:0;
    position:relative;
    margin-left:auto;
    margin-right:auto
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-content .navbar-nav .nav-item .nav-link[aria-expanded=true]{
    color: var(--color-primary);
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link::after{
    display:none
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link svg{
    width:20px;
    height:20px
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator{
    position:absolute;
    top:-7px;
    right:-5px
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle{
    background: var(--color-primary);
    width:auto;
    border-radius:5px;
    color:#fff;
    font-size:10px;
    padding:1px 5px
}
.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle-pulse::before{
    background-color: var(--color-primary);
    content:"";
    display:table;
    border-radius:50%;
    position:absolute
}
.navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu{
    max-width:430px;
    min-width:430px;
    position:absolute;
    right:-10px;
    left:auto;
    border-radius:0;
    margin-top:0;
    border:1px solid #f2f4f9;
    box-shadow:0 5px 10px 0 rgba(183,192,206,.2);
    font-size:.875rem
}
.navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu.dropdown-menu-lang{
    min-width:60px;
    right:0
}
.navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu::before{
    content:"";
    width:13px;
    height:13px;
    background:#fff;
    position:absolute;
    z-index:-1;
    top:-7px;
    right:28px;
    transform:rotate(45deg);
    border-top:1px solid #f2f4f9;
    border-left:1px solid #f2f4f9
}
.navbar .navbar-content .navbar-nav .nav-item.nav-notifications .dropdown-menu{
    padding:0
}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile .nav-link img{
    width:48px;
    height:48px;
    border-radius:50%
}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu{
    padding:20px;
    min-width:230px
}
@media (max-width:1150px){
    .navbar .navbar-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .navbar .navbar-content .navbar-nav{
        display: none;
    }
}
@media (max-width:767px){
    .navbar .navbar-content .navbar-nav .nav-item.dropdown{
        position:static
    }
}
@media (max-width:767px){
    .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu{
        right:20px;
        width:calc(100% - 40px)
    }
    .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu::before{
        display:none
    }
}
@media (max-width:480px){
    .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu{
        width:100%;
        min-width:100%;
        right:0
    }
}
@media (max-width:767px){
    .navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu{
        width:auto
    }
}
.sidebar {
    width:327.2px;
    height:100%;
    position:fixed;
    left:0;
    top:116px;
    z-index:9;
    margin-left: 28px;
}
.sidebar-header{
    position:fixed;
    bottom:0;
    border-top:1px solid var(--color-base-3);
    padding: 16px 12px;
    color:var(--text-color-primary);
    z-index:999;
    width:256px;
}
.sidebar-toggler{
    padding: 10px 12px;
    background-color: transparent;
    border-radius: 8px;
    transition: background-color .2s ease;
}
.sidebar-toggler:hover {
    background-color: var(--color-base-2);
}
.sidebar-toggler__icon {
    width: 24px;
    height: 24px;
}
.sidebar-toggler__label {
    font-size: 16px;
    line-height: 24px;
    margin-left: 12px;
}
.sidebar-folded .sidebar .sidebar-toggler {
    justify-content: center;
}
.sidebar-folded .sidebar-toggler__icon {
    transform: rotate(180deg);
}
.nav-tooltip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.nav-tooltip.active {
    display: inline-block;
}
@media (max-width: 1150px) {
    .nav-tooltip.active {
        display: none !important;
    }
}
.sidebar .sidebar-body .nav hr {
    border: 0;
    border-top: 1px solid var(--color-base-3);
    opacity: 0.5;
}
.sidebar .sidebar-body{
    max-height:calc(100vh - 144px);
    position:relative;
    height:100%;
}
.sidebar-body .nav{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    min-height:calc(100% - 10px);
    padding: 0;
}
.sidebar-body .nav .nav-item{
    position:relative;
    width: 100%;
}
.sidebar-body .nav .nav-item .nav-link{
    display:flex;
    align-items:center;
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height: 24px;
    font-weight: 600;
    color:#80858a;
    padding:10px 12px;
    border-radius: 8px;
    transition: .2s ease;
}
.sidebar-folded .sidebar-body .nav .nav-item .nav-link{
    justify-content: center;
}
.sidebar-folded .sidebar-body .nav .nav-item .nav-link > .link-title,
.sidebar-folded .sidebar-body .nav .nav-item .nav-link > .link-arrow,
.sidebar-folded .sidebar-body .nav .nav-item .nav-link > .notification-badge
{
    display: none !important;
}
@-webkit-keyframes top{
    0%{
        top:0;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        top:6px;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        top:6px;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
}
@keyframes top{
    0%{
        top:0;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        top:6px;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        top:6px;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
}
@-webkit-keyframes bottom-2{
    0%{
        bottom:6px;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    50%{
        bottom:6px;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        bottom:0;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes bottom-2{
    0%{
        bottom:6px;
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg)
    }
    50%{
        bottom:6px;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        bottom:0;
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@-webkit-keyframes scaled{
    50%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
}
@keyframes scaled{
    50%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
}
@-webkit-keyframes scaled-2{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scaled-2{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    50%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.sidebar-body .nav .nav-item .nav-link .link-icon{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:24px;
    height:24px
}
.sidebar-body .nav .sidebar-open .nav-link:hover {
    color: #25282b;
}
.sidebar-body .nav .sidebar-open .nav-link:hover .link-arrow {
    color: #25282b;
}
.sidebar-body .nav .nav-link-main.sidebar-open.active>.nav-link,.sidebar .sidebar-body .nav .nav-link-main.sidebar-open.nav-active>.nav-link{
    color:#25282b;
}
.sidebar-body .nav .sidebar-open.nav-active .link-icon {
    filter: invert(49%) sepia(47%) saturate(3500%) hue-rotate(173deg) brightness(97%) contrast(100%);
}
.sidebar-body .nav .nav-item .nav-link .link-title{
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px;
}
.sidebar-body .nav .nav-item .nav-link .link-arrow{
    font-size:20px;
    margin-left: 6px;
    color:#80858a;
}
.sidebar-body .nav .nav-item .nav-link[aria-expanded=true] .link-arrow{
    transform:rotate(180deg);
    color: #25282b;
}
.sidebar-body .nav .sub-menu .nav-item .nav-link{
    background:0 0;
    box-shadow:none;
    border-radius: 6px;
}
.sidebar-body .nav.sub-menu{
    padding:4px 0;
}
.sidebar-body .nav.sub-menu .nav-item{
    position:relative;
    margin:4px 0
}
.sidebar-body .nav.sub-menu .nav-item .nav-link{
    padding: 4px 12px 4px 48px;
    word-break:break-word;
    white-space:normal
}
.sidebar-body .nav.sub-menu .nav-item .nav-link::before{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    position:absolute;
    left:22px;
    background-color: #80858a;
    top:calc(50% - 2px);
}
.sidebar-body .nav.sub-menu .nav-item .nav-link.active {
    color: #25282b !important;
}
.sidebar-body .nav .nav-item.active.nav-active .nav-link .link-arrow{
    transform:rotate(180deg);
    color: #25282b !important;
}
.sidebar-body .nav.sub-menu .nav-item .nav-link.active::before{
    background: #25282b !important;
}
.sidebar-body .nav.sub-menu .nav-item:hover .nav-link::before{
    background: var(--text-color-primary)
}

@media (max-width:1150px){
    .sidebar{
        z-index:999;
        margin-left:-250px;
        visibility:hidden
    }
    .sidebar-open .sidebar{
        width: 688px;
        left: calc((100% - 688px) / 2);
        margin-left: 0;
        visibility:visible;
        height: calc(100vh - 116px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar-open .sidebar .sidebar-body{
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width:900px){
    .sidebar-open .sidebar{
        width: 532px;
        left: calc((100% - 532px) / 2);
        height: calc(100vh - 116px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar-open .sidebar .sidebar-body{
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width:700px){
    .sidebar-open .sidebar{
        width: 100%;
        left: 28px;
        height: calc(100vh - 116px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar-open .sidebar .sidebar-body{
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .sidebar-open .navbar-content .nav-logo-navbar {
        display: none !important;
    }
    .sidebar-open .navbar-content {
        justify-content: flex-end !important;
    }
    .navbar-content .navbar-user-info {
        order: 1;
        margin-right: auto;
    }
    .navbar-content .navbar-nav {
        order: 2;
        margin-left: 0 !important;
    }
    .navbar .sidebar-header-toggler {
        order: 3;
    }
}
.sidebar-dark .sidebar .sidebar-header{
    background:#0c1427;
    border-bottom:1px solid #344258;
    border-right:1px solid #344258
}
.sidebar-dark .sidebar .sidebar-header .sidebar-brand{
    color:#f8f9fc
}
.sidebar-dark .sidebar .sidebar-header .sidebar-toggler span{
    background:#9fa2ab
}
.sidebar-dark .sidebar .sidebar-body{
    background:#0c1427;
    border-right:1px solid #344258
}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link{
    color:#bfc3ce
}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link svg{
    fill:none
}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded=true]{
    color: var(--color-primary);
}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link svg,.sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link svg{
    fill:rgba(114,124,245,.2)
}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-title,.sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title{
    color: var(--color-primary);
}
.settings-sidebar{
    position:fixed;
    right:-340px;
    top:72px;
    width:340px;
    height:100%;
    background:#fff;
    z-index:977;
    border-radius:0 0 0 4px;
    -webkit-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out
}
.settings-open .settings-sidebar{
    right:0
}
.settings-sidebar .sidebar-body{
    padding:18px 30px;
    max-height:calc(100% - 60px);
    height:100%
}
.settings-sidebar .sidebar-body .settings-sidebar-toggler{
    position:absolute;
    left:-35px;
    top:45px;
    padding:12px;
    border-radius:30px 0 0 30px;
    background:#fff;
    -webkit-box-shadow:-5px 0 10px 0 rgba(183,192,206,.2);
    box-shadow:-5px 0 10px 0 rgba(183,192,206,.2)
}
.settings-sidebar .sidebar-body .settings-sidebar-toggler svg{
    width:25px;
    height:25px;
    color: var(--color-primary);
}
.spin-animation{
    -webkit-animation:rotation 2s infinite linear
}
@-webkit-keyframes rotation{
    from{
        -webkit-transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item{
    position:relative;
    display:block;
    margin-bottom:19px;
    border-radius:6px;
    border:3px solid #ececec
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(114,124,245,0)
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item:last-child{
    margin-bottom:0
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item.active{
    border:3px solid #b9befa
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item img{
    width:100%;
    border-radius:3px
}
.settings-sidebar .sidebar-body .theme-wrapper .theme-item:hover::after{
    background:rgba(114,124,245,.2);
    -webkit-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.sidebar-folded .sidebar .sidebar-header{
    width:104px
}
.sidebar-folded .page-wrapper{
    width:calc(100% - 104px);
    margin-left:104px
}
.sidebar-folded .page-wrapper .navbar{
    width:100%;
    left:0;
    right:0
}
.sidebar-folded:not(.open-sidebar-folded) .sidebar{
    width:104px
}
.sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-header{
    width:104px;
}
.sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-body .nav.sub-menu{
    display:none
}
@media (max-width:1150px){
    .settings-open .main-wrapper::before,.sidebar-open .main-wrapper::before{
        content:"";
        width:100vw;
        background:#f7f7f7;
        position:fixed;
        top:72px;
        bottom:0;
        right:0;
        transition:all 0.3s ease;
        z-index:975
    }
}
.accordion>.card{
    margin-bottom:.75rem;
    border-radius:.25rem
}
.accordion>.card .card-header{
    background-color:transparent;
    padding:1.3rem 2rem
}
.accordion>.card .card-header *{
    font-weight:400;
    font-size:.95rem
}
.accordion>.card .card-header a{
    display:block;
    color:inherit;
    text-decoration:none;
    font-size:inherit;
    position:relative;
    -webkit-transition:color .5s ease;
    -moz-transition:color .5s ease;
    -ms-transition:color .5s ease;
    -o-transition:color .5s ease;
    transition:color .5s ease;
    padding-right:1.5rem
}
.accordion>.card .card-header a:before{
    position:absolute;
    right:7px;
    top:0;
    font-size:14px;
    display:block
}
.accordion>.card .card-header a[aria-expanded=true]{
    color: var(--color-primary);
}
.accordion>.card .card-header a[aria-expanded=true]:before{
    content:"\e842"
}
.accordion>.card .card-header a[aria-expanded=false]:before{
    content:"\e845"
}
.accordion>.card .card-body{
    font-size:.875rem;
    padding:1.3rem 2rem;
    font-weight:400
}
.accordion>.card .card-body i{
    font-size:1.25rem
}
.accordion>.card:first-of-type,.accordion>.card:not(:first-of-type):not(:last-of-type){
    border-bottom:1px solid #f2f4f9
}
.badge{
    padding:6px 5px 3px
}
.alert-icon{
    font-size:20px!important
}
.alert-icon-info{
    color:#485465;
    background-color:#f2f5f9;
    border-color:#dae1e8
}
.alert-icon-info hr{
    border-top-color:#c0ecec
}
.alert-icon-info svg{
    width:20px!important;
    height:20px;
    vertical-align:middle;
    color:#485465
}
.alert-icon-warning{
    color:#836203;
    background-color:#fef2cd;
    border-color:#feecb9
}
.alert-icon-warning hr{
    border-top-color:#fee5a0
}
.alert-icon-warning svg{
    width:20px;
    height:20px;
    vertical-align:middle;
    color:#836203;
    margin-right:1.25rem
}
.alert-icon-danger{
    color:#fff;
    background-color: var(--color-primary);
    height:57px
}
.alert-icon-danger hr{
    border-top-color:#ffadc1
}
.alert-icon-danger svg{
    width:20px;
    height:20px;
    vertical-align:middle;
    color:#fff;
    margin-right:1.25rem
}
.alert-icon-light{
    color:#7b7b7b;
    background-color:#f7f7f7;
    border-color:#f1f1f1
}
.alert-icon-light hr{
    border-top-color:#ededed
}
.alert-icon-light svg{
    width:20px;
    height:20px;
    vertical-align:middle;
    color:#7b7b7b;
    margin-right:1.25rem
}
.alert-icon-circle{
    background-color:rgba(40,115,240,.1)
}
.alert-icon-circle svg{
    color:#2873f0
}
.btn{
    font-size:.875rem;
    line-height:1;
    padding:12px 32px;
    border-radius:2px;
    height:46px
}
.btn i{
    font-size:1rem
}
.btn.btn-xs{
    padding:.35rem .75rem;
    font-size:.625rem
}
.btn.btn-lg{
    font-size:1.3rem
}
.btn-group .btn+.btn{
    border-left:0
}
.dropdown-bars{
    background:0 0;
    color:#aabdcf;
    font-size:1.3em;
    transition:all .3s
}
.dropdown.show>.dropdown-bars{
    color: var(--color-primary) !important;
    transition:all .3s
}
.card .card-body{
    padding:1.5rem
}
.card .card-body+.card-body{
    padding-top:1rem
}
.card .card-title p:first-child{
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    font-size:24px!important;
    line-height:32px;
    color:#2e3131!important
}
.card .card-title p:last-child{
    font-size:16px;
    color:#586268;
    line-height:24px
}
.card .card-subtitle{
    font-weight:400;
    margin-top:.625rem;
    margin-bottom:.625rem
}
.card .card-description{
    margin-bottom:.875rem;
    font-weight:400;
    color:#76838f
}
.card.card-rounded{
    border-radius:5px
}
.card.card-faded{
    background:#b5b0b2;
    border-color:#b5b0b2
}
.card.card-circle-progress{
    color:#fff;
    text-align:center
}
.card.DELETEg-holder{
    position:relative
}
.card.DELETEg-holder .DELETEg-absolute{
    position:absolute;
    top:0;
    right:0;
    height:100%
}
.form-check{
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:0
}
.dashboard-date{
    width:211px
}
.dashboard-date.datepicker.input-group{
    border:1px solid var(--color-primary);
}
.dashboard-date.datepicker.input-group input{
    height:32px;
    background:0 0;
    color:#686868
}
.dashboard-date.datepicker.input-group span{
    border-left:none;
    border-right:1px solid var(--color-primary);
}
#flotChart1{
    height:350px
}
@media (max-width:767px){
    #flotChart1{
        height:200px
    }
}
#progressbar1{
    width:200px;
    height:200px;
    position:relative
}
#progressbar1 svg{
    height:200px;
    width:200px;
    fill:none;
    stroke-width:10;
    stroke-linecap:round
}
.monthly-sales-chart-wrapper{
    height:270px
}
@media (max-width:767px){
    .monthly-sales-chart-wrapper{
        height:200px
    }
}
.btn-group .dropdown-toggle:after,.dropdown .dropdown-toggle:after{
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    content:"\e842";
    width:auto;
    height:auto;
    vertical-align:middle;
    line-height:.625rem;
    font-size:.875rem;
    margin-left:.3rem
}
.btn-group .dropdown-menu,.dropdown .dropdown-menu{
    padding: 4px 8px;
    margin-top:0;
    box-shadow:0 .5rem 1rem rgba(0,0,0,.05);
    border-radius:6px;
}
.btn-group .dropdown-menu .dropdown-item,.dropdown .dropdown-menu .dropdown-item{
    font-size:14px;
    padding:4px 8px;
    margin: 6px 0;
    transition:all .2s ease-in-out;
    border-radius:6px
}
.dropdown .dropdown-menu .dropdown-item svg{
    max-width: 20px;
    max-height: 20px;
}
.dropdown .dropdown-menu .dropdown-item i,.dropdown .dropdown-menu .dropdown-item svg{
    color:#686868;
    transition:all .2s ease-in-out
}
.btn-group .dropdown-menu .dropdown-item i{
    color:#686868;
    transition:all .2s ease-in-out
}
.btn-group .dropdown-menu .dropdown-item svg{
    color:#686868;
    transition:all .2s ease-in-out
}
.dropdown .dropdown-menu .dropdown-item .content .sub-text svg{
    color: var(--color-primary-light)
}
.dropdown .dropdown-menu .dropdown-item:hover{
    background-color:#f3f3f5;
}
.dropdown .dropdown-menu .dropdown-item:hover .content .sub-text svg{
    color: var(--color-primary);
}
.btn-group .dropdown-menu .dropdown-item:hover{
    background-color:rgba(114,124,245,.1)
}
.btn-group .dropdown-menu .dropdown-item:hover{
    color: var(--color-primary);
}
.btn-group .dropdown-menu .dropdown-item:hover i{
    color: var(--color-primary);
}
.btn-group .dropdown-menu .dropdown-item:hover svg{
    color: var(--color-primary);
}
.btn-group .dropdown-menu .dropdown-item:active,.dropdown .dropdown-menu .dropdown-item:active{
    background:initial
}
.input-group-append{
    color:#c9c8c8;
    width:auto;
    border:none
}
.form-control,select{
    font-weight:400;
    font-size:14px
}
.form-control.form-control-sm,select.form-control-sm{
    padding:.25rem .75rem
}
select{
    border-radius:0;
    padding:0 .75rem;
    border:1px solid #e8ebf1;
    outline:0
}
select.form-control{
    padding:0 .75rem;
    border:1px solid #e8ebf1;
    outline:0
}
select.border-primary,select.form-control.border-primary{
    outline:1px solid var(--color-primary);
}
select.border-primary:focus,select.form-control.border-primary:focus{
    outline:1px solid var(--color-primary);
}
select.border-secondary,select.form-control.border-secondary{
    outline:1px solid var(--color-primary);
}
select.border-secondary:focus,select.form-control.border-secondary:focus{
    outline:1px solid var(--color-secondary);
}
select.border-success,select.form-control.border-success{
    outline:1px solid var(--color-success);
}
select.border-success:focus,select.form-control.border-success:focus{
    outline:1px solid var(--color-success-dark);
}
select.border-info,select.form-control.border-info{
    outline:1px solid var(--color-secondary);
}
select.border-info:focus,select.form-control.border-info:focus{
    outline:1px solid var(--color-secondary-dark);
}
select.border-warning,select.form-control.border-warning{
    outline:1px solid var(--color-warning);
}
select.border-warning:focus,select.form-control.border-warning:focus{
    outline:1px solid var(--color-warning-dark);
}
select.border-dark,select.form-control.border-dark{
    outline:1px solid #282f3a
}
select.border-dark:focus,select.form-control.border-dark:focus{
    outline:1px solid #282f3a
}
.form-group label{
    font-size:14px;
    line-height:24px;
    vertical-align:top;
    margin-bottom:8px
}
.form-group.has-danger .form-control,.form-group.has-danger select{
    border-color: var(--color-error);
}
.form-group .file-upload-default{
    visibility:hidden;
    position:absolute
}
.form-group .file-upload-info{
    background:0 0
}
.form-group .file-upload-info::placeholder{
    color:#acb3b8!important
}
.icon-lg{
    font-size:2.875rem
}
.icon-md{
    font-size:2rem
}
.icon-sm{
    font-size:1rem
}
.modal .modal-dialog .modal-header .close{
    margin:0;
    padding:0
}
.popover .popover-header{
    font-size:14px
}
.popover .popover-body{
    font-size:13px
}
.table{
    margin-bottom:0
}
.table thead th{
    border-top:0;
    border-bottom-width:1px;
    font-weight:700;
    font-family:SourceSansPro-Bold,Arial,Helvetica,sans-serif;
    color:#485465;
    font-size:1rem
}
.table thead th i{
    margin-left:.325rem
}
.table th{
    vertical-align:middle;
    line-height:1;
    white-space:nowrap
}
.table td{
    vertical-align:middle;
    line-height:1;
    white-space:nowrap;
    font-size:.875rem
}
.table td img{
    width:36px;
    height:36px;
    border-radius:100%
}
.table td .badge{
    margin-bottom:0
}
.inbox-wrapper .email-aside .aside-content .aside-header{
    padding:0 0 5px;
    position:relative
}
.inbox-wrapper .email-aside .aside-content .aside-header .title{
    display:block;
    margin:3px 0 0;
    font-size:1.1rem;
    line-height:27px;
    color:#686868
}
.inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle{
    background:0 0;
    display:none;
    outline:0;
    border:0;
    padding:0 11px 0 0;
    text-align:right;
    margin:0;
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute
}
.inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle .icon{
    font-size:24px;
    color:#71738d
}
@media (max-width:991px){
    .inbox-wrapper .email-aside .aside-content .aside-header .navbar-toggle{
        display:block
    }
}
.inbox-wrapper .email-aside .aside-content .aside-nav{
    visibility:visible;
    padding:0
}
.inbox-wrapper .email-aside .aside-content .aside-nav.collapse{
    display:block
}
.inbox-wrapper .email-aside .aside-content .aside-nav .title{
    display:block;
    color:#3d405c;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin:20px 0 0;
    padding:8px 14px 4px
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li{
    width:100%
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    border-bottom:1px solid #edf2fa;
    font-size:16px;
    position:relative;
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    color:#485465;
    padding:20px 14px
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a:hover{
    text-decoration:none;
    background-color:rgba(114,124,245,.1);
    color:#485465
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .icon svg{
    width:18px;
    margin-right:10px
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a .badge{
    margin-left:auto
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li a svg{
    width:18px;
    margin-right:10px
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li.active a{
    color:#485465;
    background:#edf2fa
}
.inbox-wrapper .email-aside .aside-content .aside-nav .nav li.active a .icon{
    color: var(--color-error);
}
@media (max-width:991px){
    .inbox-wrapper .email-aside .aside-content .aside-nav.show{
        display:block
    }
}
.inbox-wrapper .email-content .email-filters{
    padding:20px;
    border-bottom:1px solid #e8ebf1;
    background-color:transparent;
    width:100%;
    border-top:1px solid #e8ebf1
}
.inbox-wrapper .email-content .email-filters>div{
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center
}
.email-head{
    background-color:transparent
}
.form-group.row{
    margin-bottom:0
}
.form-group.row label{
    white-space:nowrap
}
.email.editor{
    background-color:transparent
}
.email.editor .editor-statusbar{
    display:none
}
.email.action-send{
    padding:8px 0 0
}
.btn-space{
    margin-right:5px;
    margin-bottom:5px
}
.breadcrumb{
    margin:0;
    background-color:transparent
}
.ace_editor{
    margin:auto;
    height:300px;
    width:100%;
    font:14px/normal SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}
.ace_editor .ace_content{
    font-size:.875rem
}
@media (max-width:767px){
    .apexcharts-canvas .apexcharts-toolbar{
        display:none
    }
}
.datepicker table{
    width:100%!important
}
.datepicker.datepicker-dropdown{
    padding:10px;
    width:25%;
    max-width:320px;
    min-width:250px
}
.datepicker.datepicker-dropdown .datepicker-days{
    padding:0
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed{
    width:100%
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th{
    text-align:center;
    padding:.5rem 0
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev{
    color:#000;
    padding-bottom:1rem;
    padding-top:1rem;
    background:#fff
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch{
    color:#000;
    background:#fff;
    padding-bottom:1rem;
    padding-top:1rem;
    font-size:1rem;
    font-weight:600
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next{
    color:#000;
    padding-bottom:1rem;
    padding-top:1rem;
    background:#fff
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow{
    font-family:TT Interphases Regular,Arial,Helvetica,sans-serif;
    color:#000;
    font-size:.875rem;
    font-weight:initial
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody{
    position:relative;
    top:13px
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td{
    text-align:center
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day{
    font-size:.9375rem;
    padding:.5rem 0;
    color:#000
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover{
    background:#fff
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active{
    color:#fff;
    background:0 0;
    position:relative;
    z-index:1;
    text-shadow:none
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before{
    content:"";
    width:28px;
    height:25px;
    background: var(--color-primary);
    text-shadow:none;
    border-radius:2px;
    display:block;
    margin:auto;
    vertical-align:middle;
    position:absolute;
    top:6px;
    z-index:-1;
    left:0;
    right:0
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today{
    color:#fff;
    background:0 0;
    position:relative;
    z-index:1
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before{
    content:"";
    width:28px;
    height:25px;
    background: var(--color-primary);
    color:#fff;
    border-radius:2px;
    box-shadow:3px 3px 6px 0 rgba(147,127,201,.2);
    -webkit-box-shadow:3px 3px 6px 0 rgba(147,127,201,.2);
    -moz-box-shadow:3px 3px 6px 0 rgba(147,127,201,.2);
    display:block;
    margin:auto;
    vertical-align:middle;
    position:absolute;
    top:6px;
    z-index:-1;
    left:0;
    right:0
}
.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day{
    color:#d9dde3
}
.datepicker>div{
    display:initial;
    padding:.375rem .75rem;
    margin-bottom:0;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#495057;
    text-align:center;
    white-space:nowrap;
    border-radius:2px
}
.datepicker.input-group{
    border-radius:2px;
    padding:0;
    border:1px solid #e8ebf1;
    height:46px
}
.datepicker.input-group .form-control,.datepicker.input-group select{
    border:0;
    height:44px
}
.datepicker.input-group .input-group-addon{
    padding:0 17px;
    border-left:1px solid #e8ebf1;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    font-size:16px;
    background-color:#fff
}
.datepicker.input-group .input-group-addon .datepicker-red svg{
    color: var(--color-primary);
}
.datepicker.input-group .input-group-addon .datepicker-blue svg,.datepicker.input-group .input-group-addon .datepicker-green svg,.datepicker.input-group .input-group-addon .datepicker-yellow svg{
    color: var(--color-primary);
}
.datepicker-dropdown:after{
    border-bottom-color:#fff
}
.datepicker-dropdown:before{
    border-bottom-color:#e8ebf1
}
.datepicker-dropdown.datepicker-orient-top:before{
    top:auto
}
.datepicker-dropdown.datepicker-orient-top:after{
    top:auto;
    border-top-color:#fff
}
.datepicker-dropdown.datepicker-orient-top:before{
    border-top-color:#e8ebf1
}
.ps>.ps__rail-y{
    width:3px;
    background-color:rgba(72,83,114,.06);
    z-index:10;
    position:absolute;
    left:auto!important;
    right:0;
    opacity:0;
    margin:1px
}
.ps>.ps__rail-y>.ps__thumb-y{
    position:absolute;
    border-radius:18px;
    width:4px;
    left:0;
    background-color:var(--color-base-8)
}
.ps>.ps__rail-x{
    width:3px;
    background-color:rgba(72,83,114,.06);
    z-index:10;
    position:absolute;
    left:auto!important;
    right:0;
    opacity:0;
    margin:1px
}
.ps>.ps__rail-x>.ps__thumb-x{
    position:absolute;
    border-radius:0;
    width:3px;
    left:0;
    background-color:#97a3b9
}
#abroadDataIdCheckBox .btn-toolbar,#exchangeDataIdCheckBox .btn-toolbar,#multiOperationDataIdCheckBox .btn-toolbar,#operationDataIdCheckBox .btn-toolbar,#orderPayDataIdCheckBox .btn-toolbar,#paymentDataIdCheckBox .btn-toolbar,#salaryDataBaglanmaSifarishIdCheckBox .btn-toolbar,#salaryDataDepositIdCheckBox .btn-toolbar,#salaryDataCompletedCheckBox .btn-toolbar,#salaryDataIdCheckBox .btn-toolbar,#salaryDataUzadilmaSifarishIdCheckBox .btn-toolbar,#salaryDataYeniKartSifarishIdCheckBox .btn-toolbar{
    justify-content:flex-end!important;
    margin-top:-63px!important;
    margin-bottom:50px!important
}
@media only screen and (max-width:1050px){
    #abroadDataIdCheckBox .btn-toolbar,#exchangeDataIdCheckBox .btn-toolbar,#multiOperationDataIdCheckBox .btn-toolbar,#operationDataIdCheckBox .btn-toolbar,#paymentDataIdCheckBox .btn-toolbar,#salaryDataBaglanmaSifarishIdCheckBox .btn-toolbar,#salaryDataDepositIdCheckBox .btn-toolbar,#salaryDataCompletedCheckBox .btn-toolbar,#salaryDataIdCheckBox .btn-toolbar,#salaryDataUzadilmaSifarishIdCheckBox .btn-toolbar,#salaryDataYeniKartSifarishIdCheckBox .btn-toolbar{
        justify-content:flex-start!important;
        margin-top:-6px!important;
        margin-bottom:-10px!important;
        margin-left:9px
    }
}
.mh-fit-content{
    min-height:fit-content!important
}
.text-muted{
    color:#5f5d5d!important
}