body {
    direction : rtl;
    text-align : right;
    }
 

.card .text-white {
    color: #ffffff !important;
}
.right-0
{
    left: 0 !important;
    right:auto !important;
}

.oblique {
    transform: skewX(-10deg) !important;
    overflow: hidden;
    width: 60% ;
    left: -10rem !important;
    right: auto !important;
    border-bottom-right-radius: 0.75rem !important;
}
 
.main-content ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.main-content blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

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 {
    color: #024b43;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #233dd2;
    text-decoration: none
}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

code,kbd,pre,samp {
     font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    border-style: none
}

img,svg {
    vertical-align: middle
}

svg {
    overflow: hidden
}

table {
    border-collapse: collapse
}

caption {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #8898aa;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

 
 
 

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.5;
    color: #32325d
}

.h1,h1 {
    font-size: 1.625rem
}

.h2,h2 {
    font-size: 1.25rem
}

.h3,h3 {
    font-size: 1.0625rem
}

.h4,h4 {
    font-size: .9375rem
}

.h5,h5 {
    font-size: .8125rem
}

.h6,h6 {
    font-size: .625rem
}
 
 
 

kbd {
    padding: .2rem .4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 600;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
 
 
 






.col-8 {
    -webkit-box-flex: 0
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 768px) {
    .col-md-6 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .col-lg-3 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width: 1200px) {
    .col-xl-3 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td,.table th {
    padding: 1rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef
}

.table tbody+tbody {
    border-top: 2px solid #e9ecef
}

.table .table {
    background-color: #f8f9fe
}

.table-dark,.table-dark>td,.table-dark>th {
    background-color: #c1c2c3
}

.table-active,.table-active>td,.table-active>th {
    background-color: #f6f9fc
}

.table .thead-dark th {
    color: #f8f9fe;
    background-color: #172b4d;
    border-color: #1f3a68
}

.table .thead-light th {
    border-color: #e9ecef
}

.table-dark {
    color: #f8f9fe;
    background-color: #172b4d
}

.table-dark td,.table-dark th,.table-dark thead th {
    border-color: #1f3a68
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}



@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        -webkit-transition: none;
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #8898aa;
    background-color: #fff;
    border-color: rgba(50,151,211,.25);
    outline: 0;
    -webkit-box-shadow: none,none;
    box-shadow: none,none
}

.form-control::-webkit-input-placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control::placeholder {
    color: #adb5bd;
    opacity: 1
}

.form-control:disabled,.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value {
    color: #8898aa;
    background-color: #fff
}

select.form-control[multiple],select.form-control[size],textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 1.5rem
}

.form-inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 576px) {
    .form-inline label {
        -ms-flex-align:center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .form-group,.form-inline label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 0
    }

    .form-inline .form-group {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: center
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        width: auto
    }

    .form-inline .custom-control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .form-inline .custom-control-label {
        margin-bottom: 0
    }
}

 

 

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.focus,.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}

 
 
 
.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08),none;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08),none
}
 
 
 

.btn-neutral {
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-neutral,.btn-neutral:hover {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-neutral.focus,.btn-neutral:focus {
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 hsla(0,0%,100%,.5);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 0 hsla(0,0%,100%,.5)
}

.btn-neutral.disabled,.btn-neutral:disabled {
    color: #212529;
    background-color: #fff;
    border-color: #fff
}

.btn-neutral:not(:disabled):not(.disabled).active,.btn-neutral:not(:disabled):not(.disabled):active {
    color: #212529;
    background-color: #e6e5e5;
    border-color: #fff
}

.btn-neutral:not(:disabled):not(.disabled).active:focus,.btn-neutral:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: none,0 0 0 0 hsla(0,0%,100%,.5);
    box-shadow: none,0 0 0 0 hsla(0,0%,100%,.5)
}

 

.collapse:not(.show) {
    display: none
}

.dropdown {
    position: relative
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #525f7f;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    border-radius: .4375rem;
    -webkit-box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.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 #e9ecef
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: right;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f6f9fc
}

.dropdown-item.active,.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #024b43
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: #8898aa;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #8898aa;
    white-space: nowrap
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group>.form-control+.form-control {
    margin-left: -1px;
    margin-right: -1px;
}

.input-group>.form-control:focus {
    z-index: 3
}

.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-group-prepend .btn {
    position: relative;
    z-index: 2
}

.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text {
    margin-left: -1px
}

.input-group-prepend {
    margin-right: auto;
    margin-left: -1px;
}

.input-group-text {
     padding: .625rem .75rem;
     margin-bottom: 0;
 }

.input-group-text input[type=checkbox],.input-group-text input[type=radio] {
    margin-top: 0
}

.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control {
     padding-left: 1.75rem;
     padding-right: 1.75rem;
}

 

 
.custom-control-input:focus~.custom-control-label:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-input:active~.custom-control-label:before {
    color: #fff;
    background-color: #024b43;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-input:disabled~.custom-control-label {
    color: #8898aa
}

.custom-control-input:disabled~.custom-control-label:before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative
}

.custom-control-label:before {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-control-label:after,.custom-control-label:before {
     right: -1.75rem;
     left: auto;
 }

.custom-control-label:after {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label:before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label:before {
    background-color: #024b43
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before {
    background-color: #024b43;
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: rgba(94,114,228,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before {
    background-color: rgba(94,114,228,.5)
}

.custom-control-label:before {
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .custom-control-label:before {
        -webkit-transition: none;
        transition: none
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .25rem .75rem
}

.nav-link:focus,.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #8898aa
}

.nav-pills .nav-link {
    border-radius: .375rem
}

.navbar {
    position: relative;
    padding: 1rem
}

.navbar,.navbar>.container,.navbar>.container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    display: inline-block;
    padding-top: .0625rem;
    padding-bottom: .0625rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 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-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .375rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-size: 100% 100%
}

@media (max-width: 767.98px) {
    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        padding-right:0;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -ms-flex-flow:row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md,.navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .navbar-expand-md>.container,.navbar-expand-md>.container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: transparent
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: hsla(0,0%,100%,.65)
}

.navbar-dark .navbar-nav .nav-link {
    color: #024b43;
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: #024b43;
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0,0%,100%,.25)
}

.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link {
    color: #024b43;
}

.navbar-dark .navbar-toggler {
    color: #024b43;
    border-color: transparent
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

 

.card>hr {
    margin-right: 0;
    margin-left: 0
}

 
 
 
.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .375rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #8898aa;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover {
    z-index: 2;
    color: #8898aa;
    text-decoration: none;
    background-color: #dee2e6;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #024b43;
    border-color: #024b43
}

.page-item.disabled .page-link {
    color: #8898aa;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.badge {
    display: inline-block;
    padding: .35rem .375rem;
    font-size: 66%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .375rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 1rem;
    font-size: .75rem;
    border-radius: .375rem;
    -webkit-box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.1);
    box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.1)
}

.progress,.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.progress-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #024b43;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .progress-bar {
        -webkit-transition: none;
        transition: none
    }
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: rgba(0,0,0,.6);
    text-shadow: none;
    opacity: .5
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover {
    color: rgba(0,0,0,.6);
    text-decoration: none;
    opacity: .75
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: Open Sans,sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    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;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}
 

a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
    background-color: #d2e3ee!important
}

.bg-success {
    background-color: #2dce89!important
}

a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
    background-color: #24a46d!important
}

.bg-info {
    background-color: #11cdef!important
}

a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
    background-color: #0da5c0!important
}

.bg-warning {
    background-color: #fb6340!important
}

a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
    background-color: #fa3a0e!important
}

.bg-danger {
    background-color: #f5365c!important
}

a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
    background-color: #ec0c38!important
}

.bg-default {
    background-color: #172b4d!important
}

a.bg-default:focus,a.bg-default:hover,button.bg-default:focus,button.bg-default:hover {
    background-color: #0b1526!important
}

.bg-transparent {
    background-color: transparent!important
}

.border-0 {
    border: 0!important
}

 

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.d-none {
    display: none!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-inline-block {
        display:inline-block!important
    }

    .d-lg-block {
        display: block!important
    }
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

@media (min-width: 1200px) {
    .justify-content-xl-end {
        -webkit-box-pack:end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
}

.float-right {
    float: right!important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

 
.m-0 {
    margin: 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4 {
    margin-right: 1.5rem!important
}
 
 

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.py-2 {
    padding-top: .5rem!important
}

.py-2 {
    padding-bottom: .5rem!important
}

.px-3 {
    padding-right: 1rem!important
}

.px-3 {
    padding-left: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important
}

.px-4 {
    padding-right: 1.5rem!important
}

.py-4 {
    padding-bottom: 1.5rem!important
}

.px-4 {
    padding-left: 1.5rem!important
}
  
.ml-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .mb-sm-0 {
        margin-bottom:0!important
    }
}

@media (min-width: 768px) {
    .mr-md-0 {
        margin-right:0!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }
 
}

@media (min-width: 992px) {
    .pl-lg-4 {
        padding-left:1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important
    }

    .py-lg-5 {
        padding-bottom: 3rem!important
    }

    .px-lg-5 {
        padding-left: 3rem!important
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 8rem!important
    }

    .py-lg-8 {
        padding-bottom: 8rem!important
    }

    .ml-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .mb-xl-0 {
        margin-bottom:0!important
    }
}

.text-nowrap {
    white-space: nowrap!important
}

.text-center {
    text-align: center!important
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }
}

.text-uppercase {
    text-transform: uppercase!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-bold {
    font-weight: 600!important
}

.font-italic {
    font-style: italic!important
}

.text-primary {
    color: #024b43!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #324cdd!important
}

.text-success {
    color: #2dce89!important
}

a.text-success:focus,a.text-success:hover {
    color: #24a46d!important
}

.text-info {
    color: #11cdef!important
}

a.text-info:focus,a.text-info:hover {
    color: #0da5c0!important
}

.text-warning {
    color: #fb6340!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #fa3a0e!important
}

.text-danger {
    color: #f5365c!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #ec0c38!important
}

.text-light {
    color: #adb5bd!important
}

a.text-light:focus,a.text-light:hover {
    color: #919ca6!important
}

.text-muted {
    color: #8898aa!important
}

@media print {
    *,:after,:before {
        text-shadow: none!important;
        -webkit-box-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
    }

    blockquote,pre {
        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
    }

    .table-dark {
        color: inherit
    }

    .table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th {
        border-color: #e9ecef
    }

    .table .thead-dark th {
        color: inherit;
        border-color: #e9ecef
    }
}

 
 

@-webkit-keyframes floating-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-lg {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes floating-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating-sm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.opacity-8 {
    opacity: .8!important;
    opacity: .9!important
}

.center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
 

.font-weight-300 {
    font-weight: 300!important
}

.font-weight-700 {
    font-weight: 700!important
}

.text-sm {
    font-size: .875rem!important
}

.ls-1 {
    letter-spacing: .0625rem
}

.text-blue {
    color: #024b43!important
}

a.text-blue:focus,a.text-blue:hover {
    color: #324cdd!important
}

.text-pink {
    color: #f3a4b5!important
}

a.text-pink:focus,a.text-pink:hover {
    color: #ed7790!important
}

.text-red {
    color: #f5365c!important
}

a.text-red:focus,a.text-red:hover {
    color: #ec0c38!important
}

.text-orange {
    color: #fb6340!important
}

a.text-orange:focus,a.text-orange:hover {
    color: #fa3a0e!important
}

.text-yellow {
    color: #ffd600!important
}

a.text-yellow:focus,a.text-yellow:hover {
    color: #ccab00!important
}

.main-content .text-white {
    color: #024b43 !important;
}

a.text-white:focus,a.text-white:hover {
    color: #e6e5e5!important
}

.text-light {
    color: #232424 !important;
}

a.text-light:focus,a.text-light:hover {
    color: #b1bbc4!important
}

.avatar {
    color: #fff;
    background-color: #adb5bd;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 50%;
    height: 48px;
    width: 48px
}

.avatar img {
    width: 100%;
    border-radius: 50%
}

.avatar-sm {
    width: 36px;
    height: 36px;
    font-size: .875rem
}

.avatar-group .avatar {
    position: relative;
    z-index: 2;
    border: 2px solid #fff
}

.avatar-group .avatar:hover {
    z-index: 3
}

.avatar-group .avatar+.avatar {
    margin-left: -1rem
}

.badge {
    text-transform: uppercase
}

.badge a {
    color: #fff
}

.btn .badge:not(:first-child) {
    margin-left: .5rem
}

.btn .badge:not(:last-child) {
    margin-right: .5rem
}

.badge-dot {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    font-weight: 400;
    font-size: .875rem;
    text-transform: none
}

.badge-dot strong {
    color: #32325d
}

.badge-dot i {
    display: inline-block;
    vertical-align: middle;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    margin-right: .375rem
}

 

.btn:hover {
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

 
.btn i:not(:first-child),.btn svg:not(:first-child) {
    margin-left: .5rem
}

.btn i:not(:last-child),.btn svg:not(:last-child) {
    margin-right: .5rem
}

.input-group .btn {
    margin-right: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

 
[class*=btn-outline-] {
    border-width: 1px
}

.btn-inner--icon i:not(.fa) {
    position: relative;
    top: 2px
}

.btn-neutral {
    color: #024b43
}

.btn-icon .btn-inner--icon img {
    width: 20px
}

.btn-icon .btn-inner--text:not(:first-child) {
    margin-left: .75em
}

.btn-icon .btn-inner--text:not(:last-child) {
    margin-right: .75em
}

.btn-icon-only {
    width: 2.375rem;
    height: 2.375rem;
    padding: 0
}

a.btn-icon-only {
    line-height: 2.5
}

.btn-icon-only.btn-sm {
    width: 2rem;
    height: 2rem
}

.btn-icon-clipboard {
    margin: 0;
    padding: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #32325d;
    background-color: #f6f9fc;
    border-radius: .375rem;
    border: 0;
    text-align: left;
    font-family: inherit;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 100%;
    margin: .5rem 0
}

.btn-icon-clipboard:hover {
    background-color: #fff;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 0 0 1px,rgba(0,0,0,.1) 0 4px 16px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.1)
}

.btn-icon-clipboard>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-icon-clipboard i {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #024b43;
    vertical-align: middle;
    font-size: 1.5rem
}

.btn-icon-clipboard span {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5;
    margin-left: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.card-profile-image {
    position: relative
}

.card-profile-image img {
    max-width: 180px;
    border-radius: .375rem;
    -webkit-transform: translate(-50%,-30%);
    transform: translate(-50%,-30%);
    position: absolute;
    left: 50%;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.card-profile-image img:hover {
    -webkit-transform: translate(-50%,-33%);
    transform: translate(-50%,-33%)
}

.card-profile-stats {
    padding: 1rem 0
}

.card-profile-stats>div {
    text-align: center;
    margin-right: 1rem;
    padding: .875rem
}

.card-profile-stats>div:last-child {
    margin-right: 0
}

.card-profile-stats>div .heading {
    font-size: 1.1rem;
    font-weight: 700;
    display: block
}

.card-profile-stats>div .description {
    font-size: .875rem;
    color: #adb5bd
}

.card-stats .card-body {
    padding: 1rem 1.5rem
}

.chart {
    position: relative;
    height: 350px
}

.close,.close>span:not(.sr-only) {
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.close>span:not(.sr-only) {
    background-color: transparent;
    color: rgba(0,0,0,.6);
    line-height: 17px;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    font-size: 1.25rem;
    display: block
}

.close:focus,.close:hover {
    color: rgba(0,0,0,.9);
    outline: none
}

.close:focus,.close:focus span:not(.sr-only),.close:hover,.close:hover span:not(.sr-only) {
    background-color: transparent
}

.main-content {
    position: relative
}

.main-content .navbar-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    background-color: transparent;
    padding-left: 0!important;
    padding-right: 0!important
}
 
@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md.fixed-left+.main-content {
        margin-right:250px
    }
}

.custom-control-label:before {
    border: 1px solid #cad1d7;
    -webkit-transition: all .2s cubic-bezier(.68,-.55,.265,1.55);
    transition: all .2s cubic-bezier(.68,-.55,.265,1.55)
}
 

.custom-control-alternative .custom-control-label:before {
    border: 0;
    -webkit-box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)
}

.custom-control-alternative .custom-control-input:checked~.custom-control-label:before {
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.custom-control-alternative .custom-control-input:active~.custom-control-label:before,.custom-control-alternative .custom-control-input:focus~.custom-control-label:before {
    -webkit-box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02)
}
 
 
 
 

.nav-footer .nav-item:last-child .nav-link {
    padding-right: 0;
    padding-left: 0;
}

 
 
 

 
.form-control-alternative {
    -webkit-box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    border: 0;
    -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease,-webkit-box-shadow .15s ease
}
 
 
.input-group .form-control:not(:first-child) {
    /* border-left: 1px; */
    /* padding-left: 1px; */
    /* border-right: 1px; */
    /* padding-right: 1px; */
    border: 1px solid #dee2e6;

}

 
.input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-group-text {
    -webkit-transition: all .2s cubic-bezier(.68,-.55,.265,1.55);
    transition: all .2s cubic-bezier(.68,-.55,.265,1.55)
}

.input-group-alternative {
    -webkit-box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    box-shadow: 0 1px 3px rgba(50,50,93,.15),0 1px 0 rgba(0,0,0,.02);
    border: 0;
    -webkit-transition: -webkit-box-shadow .15s ease;
    transition: -webkit-box-shadow .15s ease;
    transition: box-shadow .15s ease;
    transition: box-shadow .15s ease,-webkit-box-shadow .15s ease
}

.input-group-alternative .form-control,.input-group-alternative .input-group-text {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.map-canvas {
    position: relative;
    width: 100%;
    height: 500px;
    border-radius: .375rem
}

.mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

@media screen and (prefers-reduced-motion:reduce) {
    .mask {
        -webkit-transition: none;
        transition: none
    }
}

.nav-link {
    color: #525f7f
}

.nav-link:hover {
    color: #024b43
}

.nav-link i.ni {
    position: relative;
    top: 2px
}

.nav-pills .nav-item:not(:last-child) {
    padding-right: 1rem
}

.nav-pills .nav-link {
    padding: .75rem 1rem;
    color: #024b43;
    font-weight: 500;
    font-size: .875rem;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    background-color: #fff;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

.nav-pills .nav-link:hover {
    color: #024b43
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #024b43;
}

@media (max-width: 575.98px) {
    .nav-pills .nav-item {
        margin-bottom:1rem
    }
}

@media (max-width: 767.98px) {
    .nav-pills:not(.nav-pills-circle) .nav-item {
        padding-right:0
    }
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md.fixed-left {
        left:0;
        border-width: 0 1px 0 0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse>* {
        min-width: 100%
    }

    .navbar-vertical.navbar-expand-md .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
        padding: .65rem 1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
        top: .25rem;
        bottom: .25rem;
        left: 0;
        right: auto;
        border-left: 2px solid #024b43;
        border-bottom: 0
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link {
        padding-left: 1.75rem;
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link {
        padding-left: 4.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-brand {
        display: block;
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar-vertical.navbar-expand-md .navbar-brand-img {
        max-height: 2.5rem
    }
}

@media (min-width: 768px) {
    .navbar .dropdown-menu {
        opacity:0;
        pointer-events: none;
        margin: 0
    }

    .navbar .dropdown-menu-arrow:before {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        content: "";
        display: block;
        height: 12px;
        width: 12px;
        left: 20px;
        position: absolute;
        bottom: 100%;
        -webkit-transform: rotate(-45deg) translateY(12px);
        transform: rotate(-45deg) translateY(12px);
        z-index: -5;
        border-radius: 2px
    }

    .navbar .dropdown-menu-right:before {
        right: 20px;
        left: auto
    }

    .navbar:not(.navbar-nav-hover) .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        -webkit-animation: show-navbar-dropdown .25s ease forwards;
        animation: show-navbar-dropdown .25s ease forwards
    }

    .navbar:not(.navbar-nav-hover) .dropdown-menu.close {
        display: block;
        -webkit-animation: hide-navbar-dropdown .15s ease backwards;
        animation: hide-navbar-dropdown .15s ease backwards
    }
}

@media (max-width: 767.98px) {
    .navbar-nav .nav-link {
        padding:.625rem 0;
        color: #172b4d!important
    }

    .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: auto
    }

    .navbar-nav .dropdown-menu .media svg {
        width: 30px
    }

 

    .navbar-collapse .navbar-toggler {
        width: 20px;
        height: 20px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 0
    }

    .navbar-collapse .navbar-toggler span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        opacity: 1;
        background: #283448
    }

    .navbar-collapse .navbar-toggler :first-child {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .navbar-collapse .navbar-toggler :nth-child(2) {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .navbar-collapse .navbar-collapse-header {
        display: block;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .navbar-collapse .collapse-brand img {
        height: 36px
    }

    .navbar-collapse .collapse-close {
        text-align: right
    }

    .navbar-collapse.show {
        padding: 1.5rem;
        border-radius: .375rem;
        background: #fff;
        -webkit-box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
        box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
        -webkit-animation: show-navbar-collapse .2s ease forwards;
        animation: show-navbar-collapse .2s ease forwards
    }
}

@-webkit-keyframes show-navbar-collapse {
    0% {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes hide-navbar-collapse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

.page-item.active .page-link {
    -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}

.page-item .page-link,.page-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0 3px;
    border-radius: 50%!important;
    width: 36px;
    height: 36px;
    font-size: .875rem
}

.progress {
    height: 8px;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: .25rem;
    background-color: #e9ecef;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress .sr-only {
    width: auto;
    height: 20px;
    margin: 0 0 0 30px;
    left: 0;
    clip: auto;
    line-height: 20px;
    font-size: 13px
}

.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    height: auto
}

.separator {
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

.separator,.separator svg {
    position: absolute;
    pointer-events: none
}

.separator-bottom {
    top: auto;
    bottom: 0
}

.separator-bottom svg {
    bottom: 0
}

.separator-skew {
    height: 60px
}

@media (min-width: 1200px) {
    .separator-skew {
        height:70px
    }
}

.table thead th {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #e9ecef
}

.table th {
    font-weight: 600
}

.table td .progress {
    height: 3px;
    width: 120px;
    margin: 0
}

.table td,.table th {
    font-size: .8125rem;
    white-space: nowrap
}

.table.align-items-center td,.table.align-items-center th {
    vertical-align: middle
}

.table .thead-dark th {
    background-color: #1c345d;
    color: #4d7bca
}

.table .thead-light th {
    background-color: #f6f9fc;
    color: #8898aa
}

.table-flush td,.table-flush th {
    border-left: 0;
    border-right: 0
}

.table-flush tbody tr:first-child td,.table-flush tbody tr:first-child th {
    border-top: 0
}

.table-flush tbody tr:last-child td,.table-flush tbody tr:last-child th {
    border-bottom: 0
}

.card .table {
    margin-bottom: 0
}

.card .table td,.card .table th {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

p {
    font-size: 1rem
}

p {
    font-weight: 300;
    line-height: 1.7
}

.description {
    font-size: .875rem
}

.heading {
    letter-spacing: .025em;
    font-size: .95rem;
    font-weight: 600
}

.heading,.heading-small {
    text-transform: uppercase
}

.heading-small {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .75rem;
    letter-spacing: .04em
}

.display-2 span {
    display: block;
    font-weight: 300
}

article h4:not(:first-child),article h5:not(:first-child) {
    margin-top: 3rem
}

article h4,article h5 {
    margin-bottom: 1.5rem
}

article figure {
    margin: 3rem 0
}

article h5+figure {
    margin-top: 0
}

.noUi-active {
    outline: none
}

*,.form-control {
    text-align: right;
}

.text-right {
    text-align: left!important;
}

.col {
    text-align: right
}

.mr-2 {
    margin-left: .5rem
}

.text-xl-left {
    text-align: right!important
}

.ml-2 {
    margin-right: .5rem!important;
    margin-left: 0!important
}

.mr-4 {
    margin-right: 0!important;
    margin-left: 1.5rem
}

.navbar .dropdown-menu-right {
    right: auto;
    left: 0
}

.navbar .dropdown-menu-right .dropdown-item {
    text-align: right
}

.navbar .dropdown-menu-right .dropdown-item i {
    margin-right: 0;
    margin-left: 1rem
}

.navbar .dropdown-menu-right:before {
    right: auto;
    left: 20px
}

canvas {
    direction: rtl
}

.navbar-horizontal .navbar-nav .nav-link {
    font-size: .9rem;
    font-weight: 400;
    text-transform: normal;
    letter-spacing: 0;
    text-align: right;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

@media screen and (prefers-reduced-motion:reduce) {
    .navbar-horizontal .navbar-nav .nav-link {
        -webkit-transition: none;
        transition: none
    }
}

.navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text {
    margin-right: .25rem
}

.navbar-horizontal .navbar-brand {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .875rem;
    letter-spacing: .05px
}

.navbar-horizontal .navbar-brand img {
    height: 30px
}

.navbar-horizontal .navbar-dark .navbar-brand {
    color: #fff
}

.navbar-horizontal .navbar-light .navbar-brand {
    color: #32325d
}

.navbar-horizontal .navbar-nav .nav-item .media:not(:last-child) {
    margin-bottom: 1.5rem
}

@media (min-width: 992px) {
    .navbar-horizontal .navbar-nav .nav-item {
        margin-right:.5rem
    }

    .navbar-horizontal .navbar-nav .nav-item [data-toggle=dropdown]:after {
        -webkit-transition: all .15s ease;
        transition: all .15s ease
    }

    .navbar-horizontal .navbar-nav .nav-item.show [data-toggle=dropdown]:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .navbar-horizontal .navbar-nav .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
        border-radius: .375rem
    }

    .navbar-horizontal .navbar-nav .nav-link i {
        margin-left: .625rem
    }

    .navbar-horizontal .navbar-nav .nav-link-icon {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
        font-size: 1rem;
        border-radius: .375rem
    }

    .navbar-horizontal .navbar-nav .nav-link-icon i {
        margin-left: 0
    }
}

.navbar-collapse-header {
    display: none
}

@media (max-width: 767.98px) {
    .navbar-nav .nav-link {
        padding:.625rem 0;
        color: #172b4d!important
    }

    .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        min-width: auto
    }

    .navbar-nav .dropdown-menu .media svg {
        width: 30px
    }

    .navbar-collapse {
        width: calc(100% - 1.4rem);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1050;
        margin: .7rem;
        overflow-y: auto;
        height: auto!important;
        opacity: 0
    }

    .navbar-collapse .navbar-toggler {
        width: 20px;
        height: 20px;
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding: 0
    }

    .navbar-collapse .navbar-toggler span {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        border-radius: 2px;
        opacity: 1;
        background: #283448
    }

    .navbar-collapse .navbar-toggler :first-child {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .navbar-collapse .navbar-toggler :nth-child(2) {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .navbar-collapse .navbar-collapse-header {
        display: block;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .navbar-collapse .collapse-brand img {
        height: 36px
    }

    .navbar-collapse .collapse-close {
        text-align: left
    }

 
}

@keyframes show-navbar-collapse {
    0% {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes hide-navbar-collapse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@media (min-width: 768px) {
    .navbar .dropdown-menu {
        opacity:0;
        pointer-events: none;
        margin: 0
    }

    .navbar .dropdown-menu-arrow:before {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        content: "";
        display: block;
        height: 12px;
        width: 12px;
        left: 20px;
        position: absolute;
        bottom: 100%;
        -webkit-transform: rotate(-45deg) translateY(12px);
        transform: rotate(-45deg) translateY(12px);
        z-index: -5;
        border-radius: 2px
    }

    .navbar .dropdown-menu-right:before {
        left: 20px;
        right: auto
    }

    .navbar:not(.navbar-nav-hover) .dropdown-menu.show {
        opacity: 1;
        pointer-events: auto;
        -webkit-animation: show-navbar-dropdown .25s ease forwards;
        animation: show-navbar-dropdown .25s ease forwards
    }

    .navbar:not(.navbar-nav-hover) .dropdown-menu.close {
        display: block;
        -webkit-animation: hide-navbar-dropdown .15s ease backwards;
        animation: hide-navbar-dropdown .15s ease backwards
    }

    @-webkit-keyframes show-navbar-dropdown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(10px) perspective(200px) rotateX(-2deg);
            transform: translateY(10px) perspective(200px) rotateX(-2deg);
            -webkit-transition: visibility .25s,opacity .25s,-webkit-transform .25s;
            transition: visibility .25s,opacity .25s,-webkit-transform .25s;
            transition: visibility .25s,opacity .25s,transform .25s;
            transition: visibility .25s,opacity .25s,transform .25s,-webkit-transform .25s
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0);
            opacity: 1
        }
    }

    @keyframes show-navbar-dropdown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(10px) perspective(200px) rotateX(-2deg);
            transform: translateY(10px) perspective(200px) rotateX(-2deg);
            -webkit-transition: visibility .25s,opacity .25s,-webkit-transform .25s;
            transition: visibility .25s,opacity .25s,-webkit-transform .25s;
            transition: visibility .25s,opacity .25s,transform .25s;
            transition: visibility .25s,opacity .25s,transform .25s,-webkit-transform .25s
        }

        to {
            -webkit-transform: translate(0);
            transform: translate(0);
            opacity: 1
        }
    }

    @-webkit-keyframes hide-navbar-dropdown {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
    }

    @keyframes hide-navbar-dropdown {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
    }
}

.navbar-search .input-group {
    border-radius: 2rem;
    border: 2px solid;
    background-color: transparent
}

.navbar-search .input-group .input-group-text {
    background-color: transparent;
    padding-right: 1rem
}

.navbar-search .form-control {
    width: 270px;
    background-color: transparent
}

.navbar-search-dark .input-group {
    border-color: hsla(0,0%,100%,.6)
}

.navbar-search-dark .input-group-text {
    color: hsla(0,0%,100%,.6)
}

.navbar-search-dark .form-control {
    color: hsla(0,0%,100%,.9)
}

.navbar-search-dark .form-control::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.navbar-search-dark .form-control::-ms-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

.navbar-search-dark .form-control::placeholder {
    color: hsla(0,0%,100%,.6)
}

.navbar-vertical {
    -webkit-box-shadow: 0 0 2rem 0 rgba(136,152,170,.15)!important;
    box-shadow: 0 0 2rem 0 rgba(136,152,170,.15)!important
}

.navbar-vertical .navbar {
    border-width: 0 0 1px;
    border-style: solid
}

.navbar-vertical .navbar-light {
    background-color: transparent;
    border-color: #f6f9fc
}

.navbar-vertical .navbar-brand {
    margin-right: 0
}

.navbar-vertical .navbar-brand-img,.navbar-vertical .navbar-brand>img {
    max-width: 100%;
    max-height: 2rem
}

@media (min-width: 768px) {
    .navbar-vertical .navbar-collapse {
        margin-left:-1rem;
        margin-right: -1rem;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .navbar-vertical .navbar-collapse:before {
        content: "";
        display: block;
        margin: 1rem -1rem
    }
}

.navbar-vertical .navbar-nav {
    margin-left: -1rem;
    margin-right: -1rem
}

.navbar-vertical .navbar-nav .nav-link {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: .9rem
}

.navbar-vertical .navbar-nav .nav-link.active {
    position: relative
}

.navbar-vertical .navbar-nav .nav-link.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: .25rem;
    bottom: .25rem;
    border-left: 2px solid #024b43
}

.navbar-vertical .navbar-nav .nav-link>i {
    min-width: 2.25rem;
    font-size: .9375rem;
    line-height: 1.5rem
}

.navbar-vertical .navbar-nav .nav-link .dropdown-menu {
    border: none
}

.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu {
    margin-left: .75rem
}
 
.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after {
     margin-right: auto;
     margin-left: 0;
 }

 

.navbar-vertical .navbar-nav .nav .nav-link {
    padding-left: 3.25rem
}

.navbar-vertical .navbar-nav .nav .nav .nav-link {
    padding-left: 3.75rem
}

.navbar-vertical .navbar-heading {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .04em
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md {
        display:block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        max-width: 250px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        overflow-y: auto
    }

    .navbar-vertical.navbar-expand-md>[class*=container] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) and (-ms-high-contrast:active),(min-width:768px) and (-ms-high-contrast:none) {
    .navbar-vertical.navbar-expand-md>[class*=container] {
        min-height:none;
        height: 100%
    }
}

@media (min-width: 768px) {
    .navbar-vertical.navbar-expand-md.fixed-left {
        right:0;
        border-width: 0 1px 0 0
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-collapse>* {
        min-width: 100%
    }

    .navbar-vertical.navbar-expand-md .navbar-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link {
        padding: .65rem 1.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-nav .nav-link.active:before {
        top: .25rem;
        bottom: .25rem;
        left: 0;
        right: auto;
        border-left: 2px solid #024b43;
        border-bottom: 0
    }

   
    .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link {
        padding-left: 4.5rem
    }

    .navbar-vertical.navbar-expand-md .navbar-brand {
        display: block;
        text-align: center;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar-vertical.navbar-expand-md .navbar-brand-img {
        max-height: 2.5rem
    }
}

.dropdown {
    display: inline-block
}

.dropdown-menu {
    min-width: 12rem
}

.dropdown-menu .dropdown-item {
    padding: .5rem 1rem;
    font-size: .875rem
}

.dropdown-menu .dropdown-item>i,.dropdown-menu .dropdown-item>svg {
    margin-right: 1rem;
    font-size: 1rem;
    vertical-align: -17%
}

.dropdown-header {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #f6f9fc;
    font-size: .625rem;
    text-transform: uppercase;
    font-weight: 700
}

.dropdown-menu a.media>div:first-child {
    line-height: 1
}

.dropdown-menu a.media p {
    color: #8898aa
}

.dropdown-menu a.media:hover .heading,.dropdown-menu a.media:hover p {
    color: #172b4d!important
}



.dropdown-menu-right {
    right: auto;
    left: 0;
}


.btn:not(:last-child) {
    margin-right: auto;
    margin-left: 0.5rem;
}

.main-content .row {
/*      margin-right: 15px; */
/*      margin-left: 15px; */
 }


.flatpickr-calendar:before, .flatpickr-calendar:after {
     left: auto;
     right: 22px;
}

.custom-toggle {
     margin: 0 0 0 10px;
}
 .custom-toggle-slider:before {
     background-color: #b8b8b8;
     
}

#menagment .col-4 {
    max-width: 100%;
    flex: 100%;
}

.bg-gradient-info {
    background: #baf3e6 !important;
}
.bg-gradient-primary {
    background: #baf3e6 !important;
}

.bg-gradient-default{
    background: #ffffff !important;
.shadow, .card-profile-image
    img {
    box-shadow: 0 0 2rem 0 rgb(158 158 158 / 24%) !important;
};
    box-shadow: 0 0 2rem 0 rgb(158 158 158 / 24%) !important;
       border: 1px solid #d9d9d9;
}

.custom-control {
     padding-bottom: 0.75rem;
}

.alert-default {
     border-color: #bebebe;
    background-color: #baf3e6;
}

.btn-info {
     border-color: #a3a3a3;
    background-color: #024b43;
 }

.col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}
.card-body {
    padding: 1rem;
 }

a.btn.btn-success.d-md-flex.justify-content-center.align-items-center.align-content-center.align-self-center.justify-content-md-center.m-3 {
    background-color: #024b43;
    border-radius: 10px;
    /* margin: 6px 4px 3px 3px; */
}

#copyButton {   
    background-color: #024b43;
    border-radius: 10px;}
.navbar-light .navbar-nav .nav-link {
    color: #024b43;
}
.header .text-white {
    color: #024b43 !important;
}

.card .text-white {
    color: #747474 !important;
}