@charset "UTF-8";

@-webkit-keyframes swing {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(10deg)
    }

    30% {
        transform: rotate(0)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(5deg)
    }

    70% {
        transform: rotate(0)
    }

    80% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0)
    }
}

@keyframes swing {
    0% {
        transform: rotate(0)
    }

    10% {
        transform: rotate(10deg)
    }

    30% {
        transform: rotate(0)
    }

    40% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(0)
    }

    60% {
        transform: rotate(5deg)
    }

    70% {
        transform: rotate(0)
    }

    80% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0)
    }
}

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

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

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

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

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

    100% {
        transform: translate(0,41px);
        opacity: 1
    }
}

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

    100% {
        transform: translate(0,41px);
        opacity: 1
    }
}

@-webkit-keyframes show-menubar-dropdown {
    0% {
        transform: translate(0,10px);
        opacity: 0
    }

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

@keyframes show-menubar-dropdown {
    0% {
        transform: translate(0,10px);
        opacity: 0
    }

    100% {
        transform: translate(0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUpShort {
    0% {
        top: 20px;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInUpShort {
    0% {
        top: 20px;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDownShort {
    0% {
        top: -20px;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInDownShort {
    0% {
        top: -20px;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideInOut {
    0% {
        transform: translate3d(0,0,0)
    }

    50% {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }

    51% {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInOut {
    0% {
        transform: translate3d(0,0,0)
    }

    50% {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }

    51% {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(17px,0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0,0)
    }

    100% {
        transform: translate(17px,0)
    }
}

@-webkit-keyframes loadingF {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes loadingF {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.m-10 {
    margin: 10px !important
}

.m-n10 {
    margin: -10px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-n10 {
    margin-top: -10px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-n10 {
    margin-bottom: -10px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-n10 {
    margin-right: -10px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-n10 {
    margin-left: -10px !important
}

.m-15 {
    margin: 15px !important
}

.m-n15 {
    margin: -15px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-n15 {
    margin-top: -15px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-n15 {
    margin-bottom: -15px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-n15 {
    margin-right: -15px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-n15 {
    margin-left: -15px !important
}

.m-20 {
    margin: 20px !important
}

.m-n20 {
    margin: -20px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-n20 {
    margin-top: -20px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-n20 {
    margin-bottom: -20px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-n20 {
    margin-right: -20px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-n20 {
    margin-left: -20px !important
}

.m-24 {
    margin: 24px !important
}

.m-n24 {
    margin: -24px !important
}

.mt-24 {
    margin-top: 24px !important
}

.mt-n24 {
    margin-top: -24px !important
}

.mb-24 {
    margin-bottom: 24px !important
}

.mb-n24 {
    margin-bottom: -24px !important
}

.mr-24 {
    margin-right: 24px !important
}

.mr-n24 {
    margin-right: -24px !important
}

.ml-24 {
    margin-left: 24px !important
}

.ml-n24 {
    margin-left: -24px !important
}

.m-25 {
    margin: 25px !important
}

.m-n25 {
    margin: -25px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-n25 {
    margin-top: -25px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-n25 {
    margin-bottom: -25px !important
}

.mr-25 {
    margin-right: 25px !important
}

.mr-n25 {
    margin-right: -25px !important
}

.ml-25 {
    margin-left: 25px !important
}

.ml-n25 {
    margin-left: -25px !important
}

@media screen and (max-width:767px) {
    .mt-md-24 {
        margin-top: 24px !important
    }

    .mb-md-24 {
        margin-bottom: 24px !important
    }
}

@media screen and (max-width:991px) {
    .mt-lg-24 {
        margin-top: 24px !important
    }

    .mb-lg-24 {
        margin-bottom: 24px !important
    }
}

.p-10 {
    padding: 10px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pl-10 {
    padding-left: 10px !important
}

.p-15 {
    padding: 15px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pl-15 {
    padding-left: 15px !important
}

.p-20 {
    padding: 20px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pl-20 {
    padding-left: 20px !important
}

.p-24 {
    padding: 24px !important
}

.pt-24 {
    padding-top: 24px !important
}

.pb-24 {
    padding-bottom: 24px !important
}

.pr-24 {
    padding-right: 24px !important
}

.pl-24 {
    padding-left: 24px !important
}

.p-25 {
    padding: 25px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pr-25 {
    padding-right: 25px !important
}

.pl-25 {
    padding-left: 25px !important
}

@media screen and (max-width:767px) {
    .pt-md-24 {
        padding-top: 24px !important
    }

    .pb-md-24 {
        padding-bottom: 24px !important
    }
}

@media screen and (max-width:991px) {
    .pt-lg-24 {
        padding-top: 24px !important
    }

    .pb-lg-24 {
        padding-bottom: 24px !important
    }
}

.color-primary {
    background-color: #5780f7;
    background-color: #fff;
    background-color: rgba(87,128,247,0.1);
    background-color: #e9eefe;
    background-color: #37435a
}

.bg-purple {
    color: #fff !important;
    background-color: #62319e !important
}

.bg-primary {
    color: #fff !important;
    background-color: #5780f7 !important
}

.bg-secondary {
    color: #333 !important;
    background-color: #efefef !important
}

.bg-success {
    color: #fff !important;
    background-color: #04ccb0 !important
}

.bg-danger {
    color: #fff !important;
    background-color: #ff046c !important
}

.bg-warning {
    color: #333 !important;
    background-color: #fab72b !important
}

.bg-info {
    color: #fff !important;
    background-color: #4cacff !important
}

.bg-light {
    color: #333 !important;
    background-color: #fff !important
}

.bg-dark {
    color: #fff !important;
    background-color: #393b51 !important
}

.bg-light-blue {
    color: #5771bb !important;
    background-color: #f3f7ff !important
}

.bg-light {
    background-color: #fafafa !important
}

.bg-body {
    background-color: #f1f4f7 !important
}

.bg-black {
    background-color: #000 !important
}

.bg-facebook {
    background-color: #3b5998 !important;
    background-image: linear-gradient(#4e69a2,#3b5998 50%) !important;
    color: #fff
}

.btn.bg-facebook:hover {
    background-color: #3b5998 !important;
    background-image: linear-gradient(#4e69a2,#3b5998 50%) !important;
    color: #fff
}

.bg-instagram {
    background-color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
    color: #fff
}

.btn.bg-instagram:hover {
    background-color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
    color: #fff
}

.bg-whatsapp {
    background-color: #00e676 !important;
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.22)
}

.btn.bg-whatsapp:hover {
    background-color: #00e676 !important;
    color: #fff;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.22) ent(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important
}

    .btn.bg-whatsapp:hover svg {
        fill: #fff
    }

.bg-twitter {
    background-color: #1da1f2 !important;
    color: #fff
}

.btn.bg-twitter:hover {
    background-color: #1da1f2 !important;
    color: #fff
}

    .btn.bg-twitter:hover svg {
        fill: #fff
    }

.bg-gradient-darkblue {
    background-color: #31315d !important;
    background-image: linear-gradient(to left,#3c3c7a,#272742) !important;
    color: #fff
}

    .bg-gradient-darkblue svg {
        fill: #fff
    }

.bg-pattern-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important
}

.bg-pattern-2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23000000' fill-opacity='0.04' d='M0 85.02l4.62-4.27a49.09 49.09 0 0 0 7.33 3.74l-1.2 10.24 2.66.87 5.05-9c2.62.65 5.34 1.08 8.12 1.28L28.6 98h2.8l2.02-10.12c2.74-.2 5.46-.62 8.12-1.28l5.05 8.99 2.66-.86-1.2-10.24c2.55-1.03 5-2.29 7.33-3.74l7.58 7 2.26-1.65-4.3-9.38a48.3 48.3 0 0 0 5.8-5.8l9.38 4.3 1.65-2.26-7-7.58a49.09 49.09 0 0 0 3.74-7.33l10.24 1.2.87-2.66-9-5.05a48.07 48.07 0 0 0 1.28-8.12L88 41.4v-2.8l-10.12-2.02c-.2-2.74-.62-5.46-1.28-8.12l8.99-5.05-.86-2.66-10.24 1.2c-1.03-2.55-2.29-5-3.74-7.33l7-7.58-1.65-2.26-9.38 4.3a48.3 48.3 0 0 0-5.8-5.8L62.42 0h2.16l-1.25 2.72a50.31 50.31 0 0 1 3.95 3.95l9.5-4.36 3.52 4.85-7.08 7.68c.94 1.6 1.79 3.27 2.54 4.98l10.38-1.21 1.85 5.7-9.11 5.12c.39 1.8.68 3.65.87 5.52L90 37v6l-10.25 2.05a49.9 49.9 0 0 1-.87 5.52l9.11 5.12-1.85 5.7-10.38-1.21c-.75 1.7-1.6 3.37-2.54 4.98l7.08 7.68-3.52 4.85-9.5-4.36a50.31 50.31 0 0 1-3.95 3.95l4.36 9.5-4.85 3.52-7.68-7.08c-1.6.94-3.27 1.79-4.98 2.54l1.21 10.38-5.7 1.85-5.12-9.11c-1.8.39-3.65.68-5.52.87L33 100h-6l-2.05-10.25a49.9 49.9 0 0 1-5.52-.87l-5.12 9.11-5.7-1.85 1.21-10.38c-1.7-.75-3.37-1.6-4.98-2.54L0 87.68v-2.66zM0 52.7V27.3l8.38 4.84a22.96 22.96 0 0 0 0 15.72L0 52.7zm0-39.16A39.91 39.91 0 0 1 26 .2v17.15a22.98 22.98 0 0 0-13.62 7.86L0 18.06v-4.52zm0 52.92v-4.52l12.38-7.15A22.98 22.98 0 0 0 26 62.65V79.8A39.91 39.91 0 0 1 0 66.46zM34 79.8V62.65a22.98 22.98 0 0 0 13.62-7.86l14.85 8.58A39.97 39.97 0 0 1 34 79.8zm32.48-23.36l-14.86-8.58a22.96 22.96 0 0 0 0-15.72l14.86-8.58A39.86 39.86 0 0 1 70 40a39.9 39.9 0 0 1-3.52 16.44zm-4.01-39.8L47.62 25.2A22.98 22.98 0 0 0 34 17.35V.2a39.97 39.97 0 0 1 28.47 16.43v.01zM0 50.38l5.98-3.45a25.01 25.01 0 0 1 0-13.88L0 29.6v20.78zm.5-34.35l11.48 6.63c3.27-3.4 7.44-5.8 12.02-6.94V2.47A37.96 37.96 0 0 0 .5 16.04v-.01zm0 47.92A37.96 37.96 0 0 0 24 77.53V64.28a24.97 24.97 0 0 1-12.02-6.95L.5 63.96v-.01zM36 77.53a37.96 37.96 0 0 0 23.5-13.57l-11.48-6.63A24.97 24.97 0 0 1 36 64.28v13.25zm29.5-23.96a37.91 37.91 0 0 0 0-27.14l-11.48 6.63a25.01 25.01 0 0 1 0 13.88l11.49 6.63h-.01zm-6-37.53A37.96 37.96 0 0 0 36 2.47v13.25c4.66 1.15 8.8 3.6 12.02 6.95l11.48-6.63zM30 54a14 14 0 1 1 0-28 14 14 0 0 1 0 28zm0-2a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm0-2a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm77.47 45.17l-1.62-5.97 5.67-2.06 2.61 5.64c1.09-.25 2.2-.44 3.33-.58l.52-6.2h6.04l.52 6.2c1.13.14 2.24.33 3.33.58l2.6-5.64 5.68 2.06-1.62 5.97c1.02.51 2 1.07 2.95 1.69l4.35-4.38 4.62 3.88-3.53 5c.8.84 1.53 1.71 2.23 2.62l5.52-2.6 3.02 5.23-4.98 3.46c.46 1.06.86 2.14 1.2 3.25l6.02-.54 1.05 5.94-5.84 1.54c.07 1.16.07 2.32 0 3.48l5.84 1.54-1.05 5.94-6.02-.54c-.34 1.1-.74 2.2-1.2 3.25l4.98 3.46-3.02 5.22-5.52-2.6c-.7.92-1.44 1.8-2.23 2.62l3.53 5-4.62 3.89-4.35-4.38a30.2 30.2 0 0 1-2.95 1.69l1.62 5.97-5.67 2.06-2.61-5.64c-1.09.25-2.2.44-3.33.58l-.52 6.2h-6.04l-.52-6.2a30.27 30.27 0 0 1-3.33-.58l-2.6 5.64-5.68-2.06 1.62-5.97c-1.01-.5-2-1.07-2.95-1.69l-4.35 4.38-4.62-3.88 3.53-5a32.5 32.5 0 0 1-2.23-2.62l-5.52 2.6-3.02-5.23 4.98-3.46a29.66 29.66 0 0 1-1.2-3.25l-6.02.54-1.05-5.94 5.84-1.54a30.28 30.28 0 0 1 0-3.48l-5.84-1.54 1.05-5.94 6.02.54c.34-1.1.74-2.2 1.2-3.25l-4.98-3.46 3.02-5.22 5.52 2.6c.7-.92 1.44-1.8 2.23-2.62l-3.53-5 4.62-3.89 4.35 4.38a30.2 30.2 0 0 1 2.95-1.69zm15.2-1.12l-.5-6.05h-2.34l-.5 6.05c-2.18.13-4.3.5-6.32 1.1l-2.54-5.5-2.2.8 1.6 5.85a27.97 27.97 0 0 0-5.56 3.21l-4.27-4.3-1.79 1.5 3.5 4.95a28.14 28.14 0 0 0-4.12 4.92l-5.5-2.59-1.16 2.02 4.98 3.46a27.8 27.8 0 0 0-2.2 6.03l-6.03-.55-.4 2.3 5.86 1.54a28.3 28.3 0 0 0 0 6.42l-5.87 1.55.4 2.3 6.05-.56a27.8 27.8 0 0 0 2.2 6.03l-5 3.47 1.17 2.02 5.49-2.59a28.14 28.14 0 0 0 4.12 4.92l-3.5 4.96 1.79 1.5 4.27-4.31a27.97 27.97 0 0 0 5.56 3.21l-1.6 5.85 2.2.8 2.54-5.5c2.02.6 4.14.97 6.32 1.1l.5 6.05h2.34l.5-6.05c2.18-.13 4.3-.5 6.32-1.1l2.54 5.5 2.2-.8-1.6-5.85a27.97 27.97 0 0 0 5.56-3.21l4.27 4.3 1.79-1.5-3.5-4.95a28.14 28.14 0 0 0 4.12-4.92l5.5 2.59 1.16-2.02-4.98-3.46a27.8 27.8 0 0 0 2.2-6.03l6.03.55.4-2.3-5.86-1.54a28.3 28.3 0 0 0 0-6.42l5.87-1.55-.4-2.3-6.05.56a27.8 27.8 0 0 0-2.2-6.03l4.99-3.46-1.17-2.02-5.49 2.59a28.14 28.14 0 0 0-4.12-4.92l3.5-4.96-1.79-1.5-4.27 4.31a27.97 27.97 0 0 0-5.56-3.21l1.6-5.85-2.2-.8-2.54 5.5c-2.02-.6-4.14-.97-6.32-1.1l.01-.01zM121 128a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-18a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm8.49 3.51a5 5 0 1 1 6.95-7.2 5 5 0 0 1-6.95 7.2zM133 120a5 5 0 1 1 10 0 5 5 0 0 1-10 0zm-3.51 8.49a5 5 0 1 1 7.2 6.95 5 5 0 0 1-7.2-6.95zM121 132a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm-8.49-3.51a5 5 0 1 1-6.95 7.2 5 5 0 0 1 6.95-7.2zM109 120a5 5 0 1 1-10 0 5 5 0 0 1 10 0zm3.51-8.49a5 5 0 1 1-7.2-6.95 5 5 0 0 1 7.2 6.95zM121 106a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm9.9 4.1a3 3 0 1 0 4.39-4.09 3 3 0 0 0-4.39 4.09zm4.1 9.9a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm-4.1 9.9a3 3 0 1 0 4.09 4.39 3 3 0 0 0-4.09-4.39zM121 134a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-9.9-4.1a3 3 0 1 0-4.39 4.09 3 3 0 0 0 4.39-4.09zM107 120a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm4.1-9.9a3 3 0 1 0-4.09-4.39 3 3 0 0 0 4.09 4.39zm129.42-6.95v.01c.87.07 1.74.17 2.6.3l1.5-3.91 1.94-3.64 3.89.97v4.13l-.5 4.13c.83.28 1.64.59 2.44.93l2.42-3.43 2.76-3.07 3.54 1.88-1 4-1.49 3.89c.73.47 1.45.97 2.15 1.49l3.19-2.76 3.42-2.3 2.97 2.67-1.93 3.65-2.38 3.4c.6.64 1.2 1.3 1.76 1.99l3.68-1.94 3.85-1.48 2.29 3.28-2.7 3.11-3.12 2.82c.43.76.84 1.53 1.22 2.32l4.04-1 4.1-.5 1.43 3.73-3.37 2.37-3.7 1.98c.23.84.44 1.68.62 2.54l4.17.01 4.1.5.48 3.97-3.85 1.48-4.06 1.02c.03.87.03 1.75 0 2.62l4.06 1.02 3.85 1.48-.48 3.97-4.1.51h-4.17c-.18.86-.39 1.71-.63 2.54l3.7 1.98 3.38 2.37-1.43 3.73-4.1-.5-4.04-1c-.38.79-.79 1.56-1.22 2.32l3.13 2.82 2.7 3.11-2.3 3.28-3.85-1.48-3.68-1.95a37 37 0 0 1-1.76 2l2.38 3.41 1.93 3.64-2.97 2.67-3.42-2.3-3.19-2.76a40.1 40.1 0 0 1-2.15 1.48l1.48 3.9 1 4-3.53 1.88-2.76-3.07-2.42-3.43c-.8.33-1.61.65-2.45.93l.5 4.13v4.13l-3.88.97-1.94-3.65-1.5-3.9c-.86.13-1.73.23-2.6.31L240 187l-1 4h-4l-1-4-.52-4.16a37.6 37.6 0 0 1-2.6-.3l-1.5 3.91-1.94 3.64-3.89-.97v-4.13l.5-4.13c-.83-.28-1.64-.59-2.44-.93l-2.42 3.43-2.76 3.07-3.54-1.88 1-4 1.49-3.89c-.74-.47-1.45-.97-2.15-1.49l-3.19 2.76-3.42 2.3-2.97-2.67 1.93-3.65 2.38-3.4c-.61-.65-1.2-1.31-1.76-1.99l-3.68 1.94-3.85 1.48-2.29-3.28 2.7-3.11 3.12-2.82c-.43-.76-.84-1.53-1.22-2.32l-4.04 1-4.1.5-1.43-3.73 3.37-2.37 3.7-1.98c-.23-.84-.44-1.68-.62-2.54l-4.17-.01-4.1-.5-.48-3.97 3.85-1.48 4.06-1.02c-.03-.87-.03-1.75 0-2.62l-4.06-1.02-3.85-1.48.48-3.97 4.1-.51h4.17c.18-.86.39-1.71.63-2.54l-3.7-1.98-3.38-2.37 1.43-3.73 4.1.5 4.04 1c.38-.79.79-1.56 1.22-2.32l-3.13-2.82-2.7-3.11 2.3-3.28 3.85 1.48 3.68 1.95a37 37 0 0 1 1.76-2l-2.38-3.41-1.93-3.64 2.97-2.67 3.42 2.3 3.19 2.76c.7-.52 1.41-1.02 2.15-1.48l-1.48-3.9-1-4 3.53-1.88 2.76 3.07 2.42 3.43c.8-.33 1.61-.65 2.45-.93l-.5-4.13v-4.13l3.88-.97 1.94 3.65 1.5 3.9c.86-.13 1.73-.23 2.6-.31L234 99l1-4h4l1 4 .52 4.15zm-14.3 3.4c-1.83.54-3.6 1.21-5.3 2l-3.5-4.97-1.38-1.53-.88.47.5 2 2.16 5.67a38.09 38.09 0 0 0-4.66 3.22l-4.61-4-1.71-1.15-.75.67.97 1.82 3.47 4.98a38.22 38.22 0 0 0-3.79 4.28l-5.37-2.84-1.92-.74-.57.82 1.35 1.56 4.52 4.09a37.9 37.9 0 0 0-2.64 5l-5.89-1.45-2.04-.25-.36.94 1.69 1.18 5.36 2.87a37.74 37.74 0 0 0-1.35 5.5l-6.08.01-2.04.25-.12 1 1.92.73 5.9 1.5a38.54 38.54 0 0 0 0 5.65l-5.9 1.49-1.92.74.12.99 2.04.25 6.08.01c.31 1.86.77 3.7 1.35 5.5l-5.36 2.87-1.7 1.18.37.94 2.04-.25 5.9-1.46a37.9 37.9 0 0 0 2.63 5.01l-4.52 4.1-1.35 1.55.57.82 1.92-.74 5.37-2.84a38.22 38.22 0 0 0 3.8 4.28l-3.48 4.98-.97 1.82.75.67 1.7-1.15 4.62-4a38.09 38.09 0 0 0 4.66 3.22l-2.17 5.67-.5 2 .89.47 1.38-1.53 3.5-4.98c1.7.8 3.47 1.47 5.3 2l-.73 6.04v2.06l.97.24.97-1.82 2.2-5.68c1.83.36 3.7.6 5.62.68L236 187l.5 2h1l.5-2 .75-6.04a38.2 38.2 0 0 0 5.62-.68l2.2 5.68.97 1.82.97-.24v-2.06l-.73-6.03c1.83-.54 3.6-1.21 5.3-2l3.5 4.97 1.38 1.53.88-.47-.5-2-2.16-5.67a38.09 38.09 0 0 0 4.66-3.22l4.61 4 1.71 1.15.75-.67-.97-1.82-3.47-4.98a38.22 38.22 0 0 0 3.79-4.28l5.37 2.84 1.92.74.57-.82-1.35-1.56-4.52-4.09c1-1.6 1.88-3.27 2.64-5l5.89 1.45 2.04.25.36-.94-1.69-1.18-5.36-2.87a37.4 37.4 0 0 0 1.35-5.5l6.08-.01 2.04-.25.12-1-1.92-.73-5.9-1.5c.14-1.88.14-3.77 0-5.65l5.9-1.49 1.92-.74-.12-.99-2.04-.25-6.08-.01a37.4 37.4 0 0 0-1.35-5.5l5.36-2.87 1.7-1.18-.37-.94-2.04.25-5.9 1.46a37.9 37.9 0 0 0-2.63-5.01l4.52-4.1 1.35-1.55-.57-.82-1.92.74-5.37 2.84a38.22 38.22 0 0 0-3.8-4.28l3.48-4.98.97-1.82-.75-.67-1.7 1.15-4.62 4a38.09 38.09 0 0 0-4.66-3.22l2.17-5.67.5-2-.89-.47-1.38 1.53-3.5 4.98c-1.7-.8-3.47-1.47-5.3-2l.73-6.04v-2.06l-.97-.24-.97 1.82-2.2 5.68c-1.83-.36-3.7-.6-5.62-.68L238 99l-.5-2h-1l-.5 2-.75 6.04c-1.92.09-3.8.32-5.62.68l-2.2-5.68-.97-1.82-.97.24v2.06l.73 6.03zm-5.85 5.65A34.82 34.82 0 0 1 236 108v6a28.8 28.8 0 0 0-12.63 3.39l-3-5.2v.01zm2.8.83l1 1.74a30.8 30.8 0 0 1 9.83-2.63v-2.01a32.8 32.8 0 0 0-10.83 2.9zm-4.53.17l3 5.2a29.12 29.12 0 0 0-9.24 9.24l-5.2-3a35.18 35.18 0 0 1 11.44-11.44zm-.67 2.84a33.19 33.19 0 0 0-7.93 7.93l1.74 1a31.18 31.18 0 0 1 7.2-7.2l-1.01-1.73zm-11.77 10.33h-.01l5.2 3A28.8 28.8 0 0 0 208 142h-6a34.82 34.82 0 0 1 4.2-15.63zm.83 2.8a32.8 32.8 0 0 0-2.9 10.83h2.01a30.8 30.8 0 0 1 2.63-9.83l-1.74-1zM202.01 144h6.01c.15 4.41 1.3 8.73 3.38 12.63l-5.2 3a34.82 34.82 0 0 1-4.19-15.63zm2.12 2a32.8 32.8 0 0 0 2.9 10.84l1.74-1a30.8 30.8 0 0 1-2.63-9.84h-2.01zm3.07 15.36l5.2-3c2.34 3.74 5.5 6.9 9.24 9.24l-3 5.2a35.18 35.18 0 0 1-11.44-11.44zm2.84.67a33.19 33.19 0 0 0 7.93 7.93l1-1.74a31.18 31.18 0 0 1-7.2-7.2l-1.73 1.01zm10.33 11.77v.01l3-5.2A28.85 28.85 0 0 0 236 172v6a34.82 34.82 0 0 1-15.63-4.2zm2.8-.83a32.8 32.8 0 0 0 10.83 2.9v-2.01a30.8 30.8 0 0 1-9.83-2.63l-1 1.74zm14.83 5.02v-6.01c4.41-.15 8.73-1.3 12.63-3.38l3 5.2a34.82 34.82 0 0 1-15.63 4.19zm2-2.12a32.8 32.8 0 0 0 10.84-2.9l-1-1.74a30.8 30.8 0 0 1-9.84 2.63v2.01zm15.36-3.07l-3-5.2c3.74-2.34 6.9-5.5 9.24-9.24l5.2 3a35.18 35.18 0 0 1-11.44 11.44zm.67-2.84a33.19 33.19 0 0 0 7.93-7.93l-1.74-1a31.18 31.18 0 0 1-7.2 7.2l1.01 1.73zm11.77-10.33h.01l-5.2-3A28.85 28.85 0 0 0 266 144h6a34.82 34.82 0 0 1-4.2 15.63zm-.83-2.8a32.8 32.8 0 0 0 2.9-10.83h-2.01a30.8 30.8 0 0 1-2.63 9.83l1.74 1zm5.02-14.83h-6.01a28.85 28.85 0 0 0-3.38-12.63l5.2-3a34.82 34.82 0 0 1 4.19 15.63zm-2.12-2a32.8 32.8 0 0 0-2.9-10.84l-1.74 1a30.8 30.8 0 0 1 2.63 9.84h2.01zm-3.07-15.36l-5.2 3a29.12 29.12 0 0 0-9.24-9.24l3-5.2a35.18 35.18 0 0 1 11.44 11.44zm-2.84-.67a33.19 33.19 0 0 0-7.93-7.93l-1 1.74a31.18 31.18 0 0 1 7.2 7.2l1.73-1.01zM238 108a34.82 34.82 0 0 1 15.63 4.19l-3 5.2a28.85 28.85 0 0 0-12.63-3.38V108zm12.84 5.02a32.8 32.8 0 0 0-10.84-2.9v2.01a30.8 30.8 0 0 1 9.83 2.63l1-1.74h.01zM237 156a13 13 0 1 1 0-26 13 13 0 0 1 0 26zm0-2a11 11 0 1 0 0-22 11 11 0 0 0 0 22zM137.54 0h56.92l-.74 1.03c.57.7 1.12 1.4 1.64 2.14l7.75-2.9 2 3.46-6.38 5.25c.37.82.72 1.65 1.03 2.5l8.22-.8 1.04 3.86-7.52 3.43c.15.88.26 1.77.35 2.67L210 22v4l-8.15 1.36c-.09.9-.2 1.8-.35 2.67l7.52 3.43-1.04 3.86-8.22-.8c-.31.85-.66 1.68-1.03 2.5l6.38 5.25-2 3.46-7.75-2.9c-.52.74-1.07 1.45-1.64 2.14l4.8 6.73-2.82 2.83-6.73-4.8c-.7.56-1.4 1.11-2.14 1.63l2.9 7.75-3.46 2-5.25-6.38c-.82.37-1.65.72-2.5 1.03l.8 8.22-3.86 1.04-3.43-7.52c-.88.15-1.77.26-2.67.35L168 68h-4l-1.36-8.15c-.9-.09-1.8-.2-2.67-.35l-3.43 7.52-3.86-1.04.8-8.22c-.85-.31-1.68-.66-2.5-1.03l-5.25 6.38-3.46-2 2.9-7.75a36.15 36.15 0 0 1-2.14-1.64l-6.73 4.8-2.83-2.82 4.8-6.73c-.56-.7-1.11-1.4-1.63-2.14l-7.75 2.9-2-3.46 6.38-5.25c-.37-.82-.72-1.65-1.03-2.5l-8.22.8-1.04-3.86 7.52-3.43c-.15-.88-.26-1.77-.35-2.67L122 26v-4l8.15-1.36c.09-.9.2-1.8.35-2.67l-7.52-3.43 1.04-3.86 8.22.8c.31-.85.66-1.68 1.03-2.5l-6.38-5.25 2-3.46 7.75 2.9c.52-.74 1.07-1.45 1.64-2.14L137.54 0zm2.43 0l.83 1.17a34.14 34.14 0 0 0-3.38 4.4l-7.63-2.86-.33.58 6.29 5.18a33.79 33.79 0 0 0-2.13 5.12l-8.1-.78-.18.64 7.42 3.37a34.02 34.02 0 0 0-.72 5.5L124 23.68v.66l8.04 1.34c.1 1.88.33 3.72.72 5.5l-7.42 3.38.18.64 8.1-.78a33.88 33.88 0 0 0 2.13 5.12l-6.29 5.18.33.58 7.63-2.86c1 1.56 2.14 3.03 3.38 4.4l-4.73 6.63.47.47 6.63-4.73a34.14 34.14 0 0 0 4.4 3.38l-2.86 7.63.58.33 5.18-6.29c1.63.84 3.35 1.56 5.12 2.13l-.78 8.1.64.18 3.37-7.42c1.79.39 3.63.63 5.5.72l1.35 8.04h.66l1.34-8.04c1.88-.1 3.72-.33 5.5-.72l3.38 7.42.64-.18-.78-8.1a33.88 33.88 0 0 0 5.12-2.13l5.18 6.29.58-.33-2.86-7.63c1.56-1 3.03-2.14 4.4-3.38l6.63 4.73.47-.47-4.73-6.63a34.14 34.14 0 0 0 3.38-4.4l7.63 2.86.33-.58-6.29-5.18a33.79 33.79 0 0 0 2.13-5.12l8.1.78.18-.64-7.42-3.37c.39-1.79.63-3.63.72-5.5l8.04-1.35v-.66l-8.04-1.34c-.1-1.88-.33-3.72-.72-5.5l7.42-3.38-.18-.64-8.1.78a33.79 33.79 0 0 0-2.13-5.12l6.29-5.18-.33-.58-7.63 2.86c-1-1.56-2.14-3.03-3.38-4.4l.83-1.17h-52.06V0zm-2.82 27h14.15A15.02 15.02 0 0 0 163 38.7v14.15A29.01 29.01 0 0 1 137.15 27zm12.57-27H163v9.3A15.02 15.02 0 0 0 151.3 21h-14.15a28.99 28.99 0 0 1 12.57-21zM169 52.85V38.7A15.02 15.02 0 0 0 180.7 27h14.15A29.01 29.01 0 0 1 169 52.85zM182.28 0a28.99 28.99 0 0 1 12.57 21H180.7A15.02 15.02 0 0 0 169 9.3V0h13.28zm-42.82 29A27.03 27.03 0 0 0 161 50.54V40.25A17.04 17.04 0 0 1 149.75 29h-10.29zm14.16-29a27.04 27.04 0 0 0-14.16 19h10.29A17.04 17.04 0 0 1 161 7.75V0h-7.38zM171 50.54A27.03 27.03 0 0 0 192.54 29h-10.29A17.04 17.04 0 0 1 171 40.25v10.29zM178.38 0H171v7.75A17.04 17.04 0 0 1 182.25 19h10.29a27.04 27.04 0 0 0-14.16-19zM166 34a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-39.51 176.15l-10.67-7.95 6-10.4 12.23 5.27a23.97 23.97 0 0 1 8.4-4.86L144 177h12l1.55 13.21a23.97 23.97 0 0 1 8.4 4.86l12.23-5.27 6 10.4-10.67 7.95a24 24 0 0 1 0 9.7l10.67 7.95-6 10.4-12.23-5.27a23.97 23.97 0 0 1-8.4 4.86L156 249h-12l-1.55-13.21a23.97 23.97 0 0 1-8.4-4.86l-12.23 5.27-6-10.4 10.67-7.95a24.1 24.1 0 0 1 0-9.7zm29.25-16.4l-1.5-12.75h-8.48l-1.5 12.76c-3.75 1-7.1 2.99-9.79 5.65l-11.8-5.08-4.23 7.34 10.3 7.68c-.98 3.7-.98 7.6 0 11.3l-10.3 7.68 4.23 7.34 11.8-5.08a22.1 22.1 0 0 0 9.8 5.65l1.5 12.76h8.47l1.5-12.76c3.75-1 7.1-2.99 9.79-5.65l11.8 5.08 4.23-7.34-10.3-7.68c.98-3.7.98-7.6 0-11.3l10.3-7.68-4.23-7.34-11.8 5.08a21.98 21.98 0 0 0-9.8-5.65l.01-.01zM150 225a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm3.53 67.72l4.26.07.51 1.93-3.65 2.19c.11.63.2 1.27.25 1.92L159 298v2l-4.1 1.17c-.05.65-.14 1.29-.25 1.92l3.65 2.2-.51 1.92-4.26.07c-.22.61-.47 1.21-.74 1.8l2.96 3.05-1 1.74-4.13-1.04a24.1 24.1 0 0 1-1.18 1.54l2.07 3.72-1.42 1.42-3.72-2.07c-.5.41-1.01.8-1.54 1.18l1.04 4.13-1.74 1-3.05-2.96c-.59.27-1.19.52-1.8.74l-.07 4.26-1.93.51-2.19-3.65c-.63.11-1.27.2-1.92.25L132 327h-2l-1.17-4.1c-.65-.05-1.29-.14-1.92-.25l-2.2 3.65-1.92-.51-.07-4.26c-.61-.22-1.21-.47-1.8-.74l-3.05 2.96-1.74-1 1.04-4.13a24.1 24.1 0 0 1-1.54-1.18l-3.72 2.07-1.42-1.42 2.07-3.72c-.41-.5-.8-1.01-1.18-1.54l-4.13 1.04-1-1.74 2.96-3.05c-.27-.59-.52-1.19-.74-1.8l-4.26-.07-.51-1.93 3.65-2.19c-.11-.63-.2-1.27-.25-1.92L103 300v-2l4.1-1.17c.05-.65.14-1.29.25-1.92l-3.65-2.2.51-1.92 4.26-.07c.22-.61.47-1.21.74-1.8l-2.96-3.05 1-1.74 4.13 1.04c.38-.53.77-1.04 1.18-1.54l-2.07-3.72 1.42-1.42 3.72 2.07c.5-.41 1.01-.8 1.54-1.18l-1.04-4.13 1.74-1 3.05 2.96c.59-.27 1.19-.52 1.8-.74l.07-4.26 1.93-.51 2.19 3.65c.63-.11 1.27-.2 1.92-.25L130 271h2l1.17 4.1c.65.05 1.29.14 1.92.25l2.2-3.65 1.92.51.07 4.26c.61.22 1.21.47 1.8.74l3.05-2.96 1.74 1-1.04 4.13c.53.38 1.04.77 1.54 1.18l3.72-2.07 1.42 1.42-2.07 3.72c.41.5.8 1.01 1.18 1.54l4.13-1.04 1 1.74-2.96 3.05c.27.59.52 1.19.74 1.8zM109 299a22 22 0 1 0 44 0 22 22 0 0 0-44 0zm27.11-10.86l-3 5.22a6 6 0 0 0-4.21 0l-3.01-5.22a11.95 11.95 0 0 1 10.22 0zm1.74 1a12 12 0 0 1 5.1 8.86h-6.01a6.01 6.01 0 0 0-2.1-3.64l3-5.22h.01zm-13.7 0l3.02 5.22a6.01 6.01 0 0 0-2.1 3.64h-6.03a12 12 0 0 1 5.11-8.86zm-5.1 10.86h6.01a6.01 6.01 0 0 0 2.1 3.64l-3 5.22a12 12 0 0 1-5.12-8.86h.01zm6.84 9.86l3-5.22a6 6 0 0 0 4.21 0l3.01 5.22a11.95 11.95 0 0 1-10.22 0zm11.96-1l-3.02-5.22a6.01 6.01 0 0 0 2.1-3.64h6.03a12 12 0 0 1-5.11 8.86zm-4.68-19.62a10.04 10.04 0 0 0-4.34 0l1.05 1.82c.74-.1 1.5-.1 2.24 0l1.05-1.82zm5.2 3l-1.05 1.82c.46.59.84 1.24 1.12 1.94h2.1a9.99 9.99 0 0 0-2.17-3.76zm-14.74 0a9.99 9.99 0 0 0-2.17 3.76h2.1c.28-.7.66-1.35 1.12-1.94l-1.05-1.82zm-2.17 9.76a9.99 9.99 0 0 0 2.17 3.76l1.05-1.82a8.01 8.01 0 0 1-1.12-1.94h-2.1zm7.37 6.76c1.43.32 2.91.32 4.34 0l-1.05-1.82c-.74.1-1.5.1-2.24 0l-1.05 1.82zm9.54-3a9.99 9.99 0 0 0 2.17-3.76h-2.1c-.28.7-.66 1.35-1.12 1.94l1.05 1.82zM127 299a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm2 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm15 0a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-6.5 11.26a4 4 0 1 1 4 6.93 4 4 0 0 1-4-6.93zm-13 0a4 4 0 1 1-4 6.93 4 4 0 0 1 4-6.93zM118 299a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6.5-11.26a4 4 0 1 1-4-6.93 4 4 0 0 1 4 6.93zm13 0a4 4 0 1 1 4-6.93 4 4 0 0 1-4 6.93zM146 299a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-7.5 12.99a2 2 0 1 0 1.66 3.64 2 2 0 0 0-1.66-3.64zm-15 0a2 2 0 1 0-2.15 3.38 2 2 0 0 0 2.15-3.38zM116 299a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm7.5-12.99a2 2 0 1 0-1.66-3.64 2 2 0 0 0 1.66 3.64zm15 0a2 2 0 1 0 2.15-3.38 2 2 0 0 0-2.15 3.38zm103.8-61.7l-.8-8.22 5.8-1.55 3.42 7.52c2.26-.43 4.57-.74 6.92-.9L259 213h6l1.36 8.16c2.35.16 4.66.47 6.92.9l3.42-7.52 5.8 1.55-.8 8.22c2.21.77 4.37 1.66 6.45 2.68l5.25-6.38 5.2 3-2.9 7.74a60.25 60.25 0 0 1 5.53 4.25l6.73-4.8 4.24 4.24-4.8 6.73a60.25 60.25 0 0 1 4.25 5.53l7.74-2.9 3 5.2-6.38 5.25a59.62 59.62 0 0 1 2.68 6.45l8.22-.8 1.55 5.8-7.52 3.42c.43 2.26.74 4.57.9 6.92L330 278v6l-8.16 1.36a60.03 60.03 0 0 1-.9 6.92l7.52 3.42-1.55 5.8-8.22-.8a59.62 59.62 0 0 1-2.68 6.45l6.38 5.25-3 5.2-7.74-2.9a60.25 60.25 0 0 1-4.25 5.53l4.8 6.73-4.24 4.24-6.73-4.8a60.25 60.25 0 0 1-5.53 4.25l2.9 7.74-5.2 3-5.25-6.38a59.62 59.62 0 0 1-6.45 2.68l.8 8.22-5.8 1.55-3.42-7.52c-2.26.43-4.57.74-6.92.9L265 349h-6l-1.36-8.16a60.03 60.03 0 0 1-6.92-.9l-3.42 7.52-5.8-1.55.8-8.22a59.62 59.62 0 0 1-6.45-2.68l-5.25 6.38-5.2-3 2.9-7.74a60.25 60.25 0 0 1-5.53-4.25l-6.73 4.8-4.24-4.24 4.8-6.73a60.25 60.25 0 0 1-4.25-5.53l-7.74 2.9-3-5.2 6.38-5.25a59.62 59.62 0 0 1-2.68-6.45l-8.22.8-1.55-5.8 7.52-3.42c-.43-2.29-.73-4.6-.9-6.92L194 284v-6l8.16-1.36c.16-2.35.47-4.66.9-6.92l-7.52-3.42 1.55-5.8 8.22.8c.77-2.2 1.66-4.35 2.68-6.45l-6.38-5.25 3-5.2 7.74 2.9a60.25 60.25 0 0 1 4.25-5.53l-4.8-6.73 4.24-4.24 6.73 4.8a60.25 60.25 0 0 1 5.53-4.25l-2.9-7.74 5.2-3 5.25 6.38a59.62 59.62 0 0 1 6.45-2.68zm2.12 1.4c-3.15 1-6.19 2.27-9.08 3.77l-5.19-6.3-2.3 1.33 2.86 7.65a58.24 58.24 0 0 0-7.79 5.98l-6.65-4.75-1.88 1.88 4.75 6.65a58.24 58.24 0 0 0-5.98 7.79l-7.65-2.86-1.33 2.3 6.3 5.2a57.64 57.64 0 0 0-3.77 9.07l-8.12-.79-.69 2.58 7.43 3.38a58 58 0 0 0-1.27 9.73l-8.06 1.35v2.66l8.06 1.35c.15 3.32.58 6.58 1.27 9.73l-7.43 3.38.7 2.58 8.11-.79c1 3.15 2.27 6.19 3.77 9.08l-6.3 5.19 1.33 2.3 7.65-2.86a58.24 58.24 0 0 0 5.98 7.79l-4.75 6.65 1.88 1.88 6.65-4.75a60.3 60.3 0 0 0 7.79 5.98l-2.86 7.65 2.3 1.33 5.2-6.3a56.99 56.99 0 0 0 9.07 3.77l-.79 8.12 2.58.69 3.38-7.43c3.15.69 6.4 1.12 9.73 1.27l1.35 8.06h2.66l1.35-8.06c3.32-.15 6.58-.58 9.73-1.27l3.38 7.43 2.58-.7-.79-8.11c3.15-1 6.19-2.27 9.08-3.77l5.19 6.3 2.3-1.33-2.86-7.65a58.24 58.24 0 0 0 7.79-5.98l6.65 4.75 1.88-1.88-4.75-6.65a60.3 60.3 0 0 0 5.98-7.79l7.65 2.86 1.33-2.3-6.3-5.2a56.99 56.99 0 0 0 3.77-9.07l8.12.79.69-2.58-7.43-3.38a58 58 0 0 0 1.27-9.73l8.06-1.35v-2.66l-8.06-1.35a58.04 58.04 0 0 0-1.27-9.73l7.43-3.38-.7-2.58-8.11.79c-1-3.15-2.27-6.19-3.77-9.08l6.3-5.19-1.33-2.3-7.65 2.86a58.24 58.24 0 0 0-5.98-7.79l4.75-6.65-1.88-1.88-6.65 4.75a58.24 58.24 0 0 0-7.79-5.98l2.86-7.65-2.3-1.33-5.2 6.3a57.64 57.64 0 0 0-9.07-3.77l.79-8.12-2.58-.69-3.38 7.43a58 58 0 0 0-9.73-1.27l-1.35-8.06h-2.66l-1.35 8.06c-3.32.15-6.58.58-9.73 1.27l-3.38-7.43-2.58.7.79 8.11zm4.58 50.1a13.96 13.96 0 0 0 0 10.39l-33.88 19.55A52.77 52.77 0 0 1 209 281c0-8.94 2.21-17.37 6.12-24.75L249 275.8v.01zm2-3.47l-33.87-19.56A52.97 52.97 0 0 1 260 228.04v39.1a13.99 13.99 0 0 0-9 5.2zm0 17.32a13.99 13.99 0 0 0 9 5.2v39.1a52.97 52.97 0 0 1-42.87-24.74L251 289.66zm13 5.2a13.99 13.99 0 0 0 9-5.2l33.87 19.56A52.97 52.97 0 0 1 264 333.96v-39.1zm11-8.66a13.96 13.96 0 0 0 0-10.4l33.88-19.55A52.77 52.77 0 0 1 315 281c0 8.94-2.21 17.37-6.12 24.75L275 286.2zm-2-13.86a13.99 13.99 0 0 0-9-5.2v-39.1a52.97 52.97 0 0 1 42.87 24.74L273 272.34zm-57.04-13.3A50.8 50.8 0 0 0 211 281a50.8 50.8 0 0 0 4.96 21.96l30.62-17.68c-.78-2.8-.78-5.76 0-8.56l-30.62-17.68zm4-6.93l30.62 17.68a16.08 16.08 0 0 1 7.42-4.29v-35.35a50.96 50.96 0 0 0-38.04 21.96zm0 57.78A50.96 50.96 0 0 0 258 331.85V296.5a15.98 15.98 0 0 1-7.42-4.29l-30.62 17.68zM266 331.85a50.96 50.96 0 0 0 38.04-21.96l-30.62-17.68a16.08 16.08 0 0 1-7.42 4.29v35.35zm42.04-28.89A50.8 50.8 0 0 0 313 281a50.8 50.8 0 0 0-4.96-21.96l-30.62 17.68c.78 2.8.78 5.76 0 8.56l30.62 17.68zm-4-50.85A50.96 50.96 0 0 0 266 230.15v35.35c2.86.74 5.41 2.25 7.42 4.29l30.62-17.68zM262 290a9 9 0 1 1 0-18 9 9 0 0 1 0 18zm0-2a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM0 242.64l2.76.4 4.75 2.27a38.2 38.2 0 0 1 2.85-3.4l-3.06-4.28-1.69-5.11 3.07-2.58 4.74 2.55 3.69 3.76a37.96 37.96 0 0 1 3.84-2.22l-1.42-5.07.17-5.38 3.76-1.37 3.6 4.02 2.17 4.79c1.42-.34 2.88-.6 4.37-.77L34 225l2-5h4l2 5 .4 5.25c1.49.17 2.95.43 4.37.77l2.18-4.8 3.59-4 3.76 1.36.17 5.38-1.42 5.07c1.33.67 2.6 1.41 3.84 2.22l3.69-3.76 4.74-2.55 3.07 2.58-1.69 5.11-3.06 4.29a38.2 38.2 0 0 1 2.85 3.4l4.75-2.28 5.33-.77 2 3.46-3.33 4.23-4.34 2.98c.59 1.36 1.1 2.75 1.52 4.17l5.23-.52 5.27 1.1.7 3.94-4.58 2.84-5.1 1.31a38.6 38.6 0 0 1 0 4.44l5.1 1.3 4.58 2.85-.7 3.93-5.27 1.1-5.23-.5a36.3 36.3 0 0 1-1.52 4.16l4.34 2.98 3.33 4.23-2 3.46-5.33-.77-4.75-2.27a38.2 38.2 0 0 1-2.85 3.4l3.06 4.28 1.69 5.11-3.07 2.58-4.74-2.55-3.69-3.76a37.96 37.96 0 0 1-3.84 2.22l1.42 5.07-.17 5.38-3.76 1.37-3.6-4.02-2.17-4.79c-1.42.34-2.88.6-4.37.77L42 311l-2 5h-4l-2-5-.4-5.25a37.87 37.87 0 0 1-4.37-.77l-2.18 4.8-3.59 4-3.76-1.36-.17-5.38 1.42-5.07c-1.32-.66-2.6-1.4-3.84-2.22l-3.69 3.76-4.74 2.55-3.07-2.58 1.69-5.11 3.06-4.29a38.2 38.2 0 0 1-2.85-3.4l-4.75 2.28-2.76.4v-8.17l3.1-2.13a37.72 37.72 0 0 1-1.52-4.17l-1.58.16v-8.82l.06-.01a38.6 38.6 0 0 1 0-4.44l-.06-.01v-8.82l1.58.16c.43-1.43.94-2.82 1.52-4.17L0 250.8v-8.17.01zm0 1.87v3.89l5.62 3.84a35.74 35.74 0 0 0-2.55 7.02l-3.07-.3v4.75l2.2.56a36.42 36.42 0 0 0 0 7.46l-2.2.56v4.75l3.07-.3a35.2 35.2 0 0 0 2.55 7.02L0 287.6v3.89l1.76-.26 6.41-3.07c1.4 2.06 3 3.98 4.8 5.71l-4.14 5.78-1.01 3.07 1.22 1.03 2.85-1.52 4.98-5.08c2 1.45 4.16 2.7 6.45 3.73l-1.9 6.84.1 3.23 1.5.55 2.15-2.4 2.94-6.48a35.9 35.9 0 0 0 7.34 1.3L36 311l1.2 3h1.6l1.2-3 .55-7.09a35.9 35.9 0 0 0 7.34-1.29l2.94 6.47 2.15 2.4 1.5-.54.1-3.23-1.9-6.84a35.96 35.96 0 0 0 6.45-3.73l4.98 5.08 2.85 1.52 1.22-1.03-1-3.07-4.15-5.78a35.8 35.8 0 0 0 4.8-5.7l6.4 3.06 3.2.46.8-1.38-2-2.54-5.85-4.01c1.1-2.24 1.95-4.6 2.55-7.02l7.07.7 3.16-.66.28-1.58-2.75-1.7-6.88-1.77c.26-2.48.26-4.98 0-7.46l6.88-1.77 2.75-1.7-.28-1.58-3.16-.66-7.07.7a35.74 35.74 0 0 0-2.55-7.02l5.86-4 2-2.55-.8-1.38-3.2.46-6.41 3.07c-1.4-2.06-3-3.98-4.8-5.71l4.14-5.78 1.01-3.07-1.22-1.03-2.85 1.52-4.98 5.08c-2-1.45-4.16-2.7-6.45-3.73l1.9-6.84-.1-3.23-1.5-.55-2.15 2.4-2.94 6.48a35.9 35.9 0 0 0-7.34-1.3L40 225l-1.2-3h-1.6l-1.2 3-.55 7.09c-2.48.17-4.94.6-7.34 1.29l-2.94-6.47-2.15-2.4-1.5.54-.1 3.23 1.9 6.84a35.96 35.96 0 0 0-6.45 3.73l-4.98-5.08-2.85-1.52-1.22 1.03 1 3.07 4.15 5.78a36.18 36.18 0 0 0-4.8 5.7l-6.4-3.06L0 244.5v.01zM38 272a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-26a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 24a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-24 24a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-24-24a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm24-26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm26 26a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-26 26a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-26-26a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm3.37 22.63a12 12 0 1 1 16.17-17.74 12 12 0 0 1-16.17 17.74zm0-45.26a12 12 0 1 1 17.74 16.17 12 12 0 0 1-17.74-16.17zm45.26 0a12 12 0 1 1-16.17 17.74 12 12 0 0 1 16.17-17.74zm0 45.26a12 12 0 1 1-17.74-16.17 12 12 0 0 1 17.74 16.17zm-15.56-29.7a10 10 0 1 0 14.39-13.9 10 10 0 0 0-14.39 13.9zm0 14.14a10 10 0 1 0 13.9 14.39 10 10 0 0 0-13.9-14.39zm-14.14 0a10 10 0 1 0-14.39 13.9 10 10 0 0 0 14.39-13.9zm0-14.14a10 10 0 1 0-13.9-14.39 10 10 0 0 0 13.9 14.39zm230.9-245.4l-.08-4.18 1.93-.52 2.04 3.67c1.07-.2 2.16-.35 3.26-.43L270 10h2l1.02 4.07c1.1.08 2.2.22 3.26.43l2.04-3.67 1.93.52-.07 4.19a27 27 0 0 1 3.04 1.26l2.91-3.01 1.74 1-1.16 4.03c.91.62 1.78 1.29 2.61 2l3.6-2.15 1.41 1.41-2.16 3.6c.72.83 1.4 1.7 2 2.6l4.04-1.15 1 1.74-3.01 2.91c.48.98.9 2 1.26 3.04l4.2-.07.5 1.93-3.66 2.04c.2 1.07.35 2.16.43 3.26L303 41v2l-4.07 1.02a26.9 26.9 0 0 1-.43 3.26l3.67 2.04-.52 1.93-4.19-.07a27.82 27.82 0 0 1-1.26 3.04l3.01 2.91-1 1.74-4.03-1.16c-.62.91-1.29 1.78-2 2.61l2.15 3.6-1.41 1.41-3.6-2.16c-.83.72-1.7 1.4-2.6 2l1.15 4.04-1.74 1-2.91-3.01a27 27 0 0 1-3.04 1.26l.07 4.2-1.93.5-2.04-3.66c-1.07.2-2.16.35-3.26.43L272 74h-2l-1.02-4.07a26.9 26.9 0 0 1-3.26-.43l-2.04 3.67-1.93-.52.07-4.19a27.82 27.82 0 0 1-3.04-1.26l-2.91 3.01-1.74-1 1.16-4.03c-.9-.62-1.78-1.29-2.61-2l-3.6 2.15-1.41-1.41 2.16-3.6c-.72-.83-1.4-1.7-2-2.6l-4.04 1.15-1-1.74 3.01-2.91a27 27 0 0 1-1.26-3.04l-4.2.07-.5-1.93 3.66-2.04c-.2-1.07-.35-2.16-.43-3.26L239 43v-2l4.07-1.02c.08-1.1.22-2.2.43-3.26l-3.67-2.04.52-1.93 4.19.07a27 27 0 0 1 1.26-3.04l-3.01-2.91 1-1.74 4.03 1.16c.62-.91 1.29-1.78 2-2.61l-2.15-3.6 1.41-1.41 3.6 2.16c.83-.72 1.7-1.4 2.6-2l-1.15-4.04 1.74-1 2.91 3.01a27 27 0 0 1 3.04-1.26l.01-.01zM271 68a26 26 0 1 0 0-52 26 26 0 0 0 0 52zm0-9a17 17 0 1 1 0-34 17 17 0 0 1 0 34zm0-2a15 15 0 1 0 0-30 15 15 0 0 0 0 30zm0-8a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm0-2a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm9 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm-9 9a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-9-9a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm47.93 53.79l-1.8-3.91 1.63-1.18 3.15 2.92c.4-.17.82-.3 1.25-.4L315 89h2l.84 4.21c.43.1.85.24 1.25.4l3.15-2.9 1.62 1.17-1.8 3.9c.3.33.55.69.78 1.06l4.26-.5.62 1.9-3.75 2.1c.04.44.04.87 0 1.31l3.75 2.1-.62 1.9-4.26-.5c-.23.38-.49.74-.77 1.06l1.8 3.91-1.63 1.18-3.15-2.92c-.4.17-.82.3-1.25.4L317 113h-2l-.84-4.21c-.43-.1-.85-.24-1.25-.4l-3.15 2.9-1.62-1.17 1.8-3.9a8.03 8.03 0 0 1-.78-1.06l-4.26.5-.62-1.9 3.75-2.1a8.1 8.1 0 0 1 0-1.31l-3.75-2.1.62-1.9 4.26.5c.23-.38.49-.74.77-1.06zM316 106a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM75.73 179.2l-.6-2.1 1.74-1 1.51 1.57a9.93 9.93 0 0 1 2.1-.55L81 175h2l.53 2.12c.72.1 1.42.3 2.09.55l1.51-1.56 1.74 1-.6 2.1c.56.45 1.07.96 1.52 1.52l2.1-.6 1 1.74-1.56 1.51c.25.67.44 1.37.55 2.1L94 186v2l-2.12.53a9.9 9.9 0 0 1-.55 2.09l1.56 1.51-1 1.74-2.1-.6a9.93 9.93 0 0 1-1.52 1.52l.6 2.1-1.74 1-1.51-1.56c-.67.25-1.37.44-2.1.55L83 199h-2l-.53-2.12c-.71-.1-1.42-.3-2.09-.55l-1.51 1.56-1.74-1 .6-2.1a9.93 9.93 0 0 1-1.52-1.52l-2.1.6-1-1.74 1.56-1.51a9.93 9.93 0 0 1-.55-2.1L70 188v-2l2.12-.53c.1-.72.3-1.42.55-2.09l-1.56-1.51 1-1.74 2.1.6c.45-.56.96-1.07 1.52-1.52v-.01zm2.15.94a8.04 8.04 0 0 0-2.74 2.74l-.14.25a7.96 7.96 0 0 0 0 7.74l.14.25a8.04 8.04 0 0 0 2.74 2.74l.25.14a7.96 7.96 0 0 0 7.74 0l.25-.14a8.04 8.04 0 0 0 2.74-2.74l.14-.25a7.96 7.96 0 0 0 0-7.74l-.14-.25a8.04 8.04 0 0 0-2.74-2.74l-.25-.14a7.96 7.96 0 0 0-7.74 0l-.25.14zM82 193a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm278 3.18l-3.8 5.6-7.18-3.51 2.6-8.07a32.15 32.15 0 0 1-3.07-2.46l-7.27 4.35-5.04-6.22 5.82-6.26c-.64-1.13-1.2-2.3-1.7-3.52l-8.45.73-1.8-7.8 7.95-3.07a32.5 32.5 0 0 1 0-3.9l-7.95-3.07 1.8-7.8 8.45.73a31.7 31.7 0 0 1 1.7-3.52l-5.82-6.26 5.04-6.22 7.27 4.35c.97-.88 2-1.7 3.07-2.46l-2.6-8.07 7.19-3.5 3.79 5.59v64.36zm0-3.53v-57.3l-4.46-6.58-4.1 2 2.53 7.87a30.14 30.14 0 0 0-5.13 4.1l-7.08-4.24-2.88 3.55 5.65 6.09a29.87 29.87 0 0 0-2.82 5.86l-8.24-.7-1.03 4.46 7.73 2.99a30.34 30.34 0 0 0 0 6.5l-7.73 3 1.03 4.45 8.24-.7a29.87 29.87 0 0 0 2.82 5.86l-5.65 6.1 2.88 3.54 7.08-4.23a30.14 30.14 0 0 0 5.13 4.09l-2.54 7.86 4.11 2 4.46-6.57zm0-51.57v5.71l-3.56-3.8a24.94 24.94 0 0 1 3.56-1.91zm0 22.68l-14.17 6.64c-2.5-9.5.77-19.57 8.38-25.78l5.79 10.5v8.64zm0 23.16a25.08 25.08 0 0 1-13.32-13.9l13.32-2.55v16.45zm0-43.64l-.39.2.39.4v-.6zm0 18.29v-2.35l-6.3-11.44a22.93 22.93 0 0 0-6.43 19.76l12.73-5.97zm0 23.15v-12.23l-10.47 2.01A23.1 23.1 0 0 0 360 182.72zM0 129.82l1 1.46a31.8 31.8 0 0 1 3.8-.86L6 122h8l1.2 8.42c1.3.21 2.57.5 3.8.86l4.8-7.06 7.18 3.51-2.6 8.07c1.07.76 2.1 1.58 3.07 2.46l7.27-4.35 5.04 6.22-5.82 6.26c.64 1.13 1.2 2.3 1.7 3.52l8.45-.73 1.8 7.8-7.95 3.07c.08 1.3.08 2.6 0 3.9l7.95 3.07-1.8 7.8-8.45-.73a33.5 33.5 0 0 1-1.7 3.52l5.82 6.26-5.04 6.22-7.27-4.35c-.97.88-2 1.7-3.07 2.46l2.6 8.07-7.19 3.5-4.78-7.05c-1.24.36-2.51.65-3.8.86L14 202H6l-1.2-8.42a31.8 31.8 0 0 1-3.8-.86l-1 1.46v-64.36zm0 3.53v57.3l.2-.29c2.02.7 4.15 1.2 6.34 1.44l1.17 8.2h4.58l1.17-8.2c2.2-.25 4.32-.74 6.35-1.44l4.65 6.87 4.1-2-2.53-7.87a30.14 30.14 0 0 0 5.13-4.1l7.08 4.24 2.88-3.55-5.65-6.09c1.14-1.83 2.1-3.8 2.82-5.86l8.24.7 1.03-4.46-7.73-2.99a30.7 30.7 0 0 0 0-6.5l7.73-3-1.03-4.45-8.24.7a29.87 29.87 0 0 0-2.82-5.86l5.65-6.1-2.88-3.54-7.08 4.23a30.14 30.14 0 0 0-5.13-4.09l2.54-7.86-4.11-2-4.65 6.86a29.82 29.82 0 0 0-6.35-1.44l-1.17-8.2H7.7l-1.17 8.2c-2.2.25-4.32.74-6.35 1.44l-.19-.29H0zm34.17 35.05l-16.26-7.62a7.94 7.94 0 0 0-.8-2.44l8.68-15.72a24.95 24.95 0 0 1 8.38 25.78zm-.85 2.63a25.01 25.01 0 0 1-21.94 15.93l2.23-17.82a8.3 8.3 0 0 0 2.07-1.5l17.64 3.39zM0 139.08A24.92 24.92 0 0 1 10 137c5 0 9.65 1.47 13.56 4l-12.28 13.1a8.06 8.06 0 0 0-2.56 0L0 144.8v-5.72zm0 22.68v-8.65l2.88 5.23c-.4.77-.66 1.59-.79 2.44l-2.09.98zm0 23.16v-16.45l4.32-.83c.6.6 1.3 1.11 2.07 1.5l2.23 17.82c-2.97-.16-5.9-.85-8.62-2.04zM10 156a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM0 141.28v.6l9.48 10.13c.35-.02.7-.02 1.04 0l9.87-10.54A22.9 22.9 0 0 0 10 139c-3.58 0-6.98.82-10 2.28zm0 18.29l.34-.16c.09-.34.2-.67.32-.99l-.66-1.2v2.35zm0 23.15c1.97.95 4.1 1.63 6.34 1.99l-1.8-14.33a11.6 11.6 0 0 1-.83-.6l-3.71.7v12.24zm13.66 1.99a23.03 23.03 0 0 0 16.8-12.21l-14.17-2.72c-.27.21-.55.42-.84.6l-1.79 14.33zm19.07-19.17a22.93 22.93 0 0 0-6.42-19.75l-6.97 12.63c.12.32.23.65.32.99l13.07 6.13zM137.54 360l-4.07-5.7 2.83-2.83 6.73 4.8c.7-.56 1.4-1.11 2.14-1.63l-2.9-7.75 3.46-2 5.25 6.38c.82-.37 1.65-.72 2.5-1.03l-.8-8.22 3.86-1.04 3.43 7.52c.88-.15 1.77-.26 2.67-.35L164 340h4l1.36 8.15c.9.09 1.8.2 2.67.35l3.43-7.52 3.86 1.04-.8 8.22c.85.31 1.68.66 2.5 1.03l5.25-6.38 3.46 2-2.9 7.75c.74.52 1.45 1.07 2.14 1.64l6.73-4.8 2.83 2.82-4.07 5.7h-56.92zm2.43 0h52.06l3.9-5.46-.47-.47-6.63 4.73a34.14 34.14 0 0 0-4.4-3.38l2.86-7.63-.58-.33-5.18 6.29a33.79 33.79 0 0 0-5.12-2.13l.78-8.1-.64-.18-3.37 7.42a34.02 34.02 0 0 0-5.5-.72l-1.35-8.04h-.66l-1.34 8.04c-1.88.1-3.72.33-5.5.72l-3.38-7.42-.64.18.78 8.1a33.88 33.88 0 0 0-5.12 2.13l-5.18-6.29-.58.33 2.86 7.63c-1.56 1-3.03 2.14-4.4 3.38l-6.63-4.73-.47.47 3.9 5.46zm9.75 0a28.83 28.83 0 0 1 13.28-4.85V360h-13.28zm32.56 0H169v-4.85c4.9.5 9.42 2.22 13.28 4.85zm-28.66 0H161v-2.54a26.8 26.8 0 0 0-7.38 2.54zm24.76 0a26.8 26.8 0 0 0-7.38-2.54V360h7.38zM358.79 0h-1.21l1.5 3.28a48.3 48.3 0 0 0-5.8 5.8l-9.38-4.3-1.65 2.26 7 7.58a47.84 47.84 0 0 0-3.74 7.33l-10.24-1.2-.86 2.66 8.99 5.05a47.91 47.91 0 0 0-1.28 8.12L332 38.6v2.8l10.12 2.02c.2 2.78.63 5.5 1.28 8.12l-9 5.05.87 2.66 10.24-1.2c1.04 2.54 2.29 5 3.74 7.33l-7 7.58 1.65 2.26 9.38-4.3a48.3 48.3 0 0 0 5.8 5.8l-4.3 9.38 2.26 1.65 2.96-2.73v2.66l-2.84 2.62-4.85-3.52 4.36-9.5a50.31 50.31 0 0 1-3.95-3.95l-9.5 4.36-3.52-4.85 7.08-7.68a49.83 49.83 0 0 1-2.54-4.98l-10.38 1.21-1.85-5.7 9.11-5.12a49.9 49.9 0 0 1-.87-5.52L330 43v-6l10.25-2.05c.19-1.87.48-3.72.87-5.52l-9.11-5.12 1.85-5.7 10.38 1.21c.75-1.71 1.6-3.37 2.54-4.98l-7.08-7.68 3.52-4.85 9.5 4.36a50.31 50.31 0 0 1 3.95-3.95L355.42 0h3.37zM360 52.7l-6.48 3.74A39.86 39.86 0 0 1 350 40a39.9 39.9 0 0 1 3.52-16.44L360 27.3v25.4zm0-39.16v4.52l-2.47-1.43c.77-1.07 1.6-2.1 2.47-3.09zm0 52.92c-.87-.99-1.7-2.02-2.47-3.1l2.47-1.42v4.52zm0-16.07V29.61l-5.5-3.18a37.91 37.91 0 0 0 0 27.14l5.5-3.18zM62.42 360h2.16l3.11-6.78-4.85-3.52-7.68 7.08a49.83 49.83 0 0 0-4.98-2.54l1.21-10.38-5.7-1.85-5.12 9.11a49.9 49.9 0 0 0-5.52-.87L33 340h-6l-2.05 10.25c-1.85.19-3.7.48-5.52.87l-5.12-9.11-5.7 1.85 1.21 10.38c-1.71.75-3.37 1.6-4.98 2.54L0 352.32v5.17-2.5l4.62 4.26a47.84 47.84 0 0 1 7.33-3.74l-1.2-10.24 2.66-.86 5.05 8.99a47.91 47.91 0 0 1 8.12-1.28L28.6 342h2.8l2.02 10.12c2.78.2 5.5.63 8.12 1.28l5.05-9 2.66.87-1.2 10.24c2.54 1.04 5 2.29 7.33 3.74l7.58-7 2.26 1.65-2.8 6.1zM360 244.51l-1.44-.2-.8 1.38 2 2.54.24.17v-3.89zm0 14.45l-4-.4-3.16.66-.28 1.58 2.75 1.7 4.69 1.2v-4.74zm0 13.33l-4.7 1.2-2.74 1.71.28 1.58 3.16.66 4-.4v-4.75zm0 15.31l-.24.17-2 2.54.8 1.38 1.44-.2v-3.89zm0 5.76l-2.57.37-2-3.46 3.33-4.23 1.24-.85v8.17zm0-14.31l-3.65.36-5.27-1.1-.7-3.94 4.58-2.84 5.04-1.3v8.82zm0-13.28l-5.04-1.3-4.58-2.84.7-3.93 5.27-1.1 3.65.35v8.82zm0-14.96l-1.24-.85-3.33-4.23 2-3.46 2.57.37v8.17zm0 101.5V360h-4.58l-3.11-6.78 4.85-3.52 2.84 2.62v-.01zm0 2.67l-2.96-2.73-2.26 1.65 2.8 6.1H360v-5.02z'%3E%3C/path%3E%3C/svg%3E") !important
}

.bg-pattern-3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cpath fill='%23000000' fill-opacity='0.04' d='M192 15v2a11 11 0 0 0-11 11c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H145v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11 13 13 0 1 1 .02 26 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43a6.1 6.1 0 0 0-3.03 4.87V143h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 181 164a11 11 0 0 0 11 11v2a13 13 0 0 1-13-13 12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84a6.1 6.1 0 0 0-4.87-3.03H145v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 124 181a11 11 0 0 0-11 11h-2a13 13 0 0 1 13-13c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43a6.1 6.1 0 0 0 3.03-4.87V145h-35.02a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 107 124a11 11 0 0 0-22 0c0 1.94 1.16 4.75 2.53 6.11l2.36 2.36a6.93 6.93 0 0 1 1.22 7.56l-.43.84a8.08 8.08 0 0 1-6.66 4.13H49v35.02a6.1 6.1 0 0 0 3.03 4.87l.84.43c1.58.79 4 .4 5.24-.85l2.36-2.36a12.04 12.04 0 0 1 7.51-3.11A13 13 0 0 1 81 192h-2a11 11 0 0 0-11-11c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V145H11.98a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 0 1 0 177v-2a11 11 0 0 0 11-11c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H47v-35.02a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 28 109a13 13 0 1 1 0-26c2.47 0 5.79 1.37 7.53 3.11l2.36 2.36a4.94 4.94 0 0 0 5.24.85l.84-.43A6.1 6.1 0 0 0 47 84.02V49H11.98a8.08 8.08 0 0 1-6.66-4.13l-.43-.84a6.91 6.91 0 0 1 1.22-7.56l2.36-2.36A10.06 10.06 0 0 0 11 28 11 11 0 0 0 0 17v-2a13 13 0 0 1 13 13c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84A6.1 6.1 0 0 0 11.98 47H47V11.98a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 68 11 11 11 0 0 0 79 0h2a13 13 0 0 1-13 13 12 12 0 0 1-7.53-3.11l-2.36-2.36a4.93 4.93 0 0 0-5.24-.85l-.84.43A6.1 6.1 0 0 0 49 11.98V47h35.02a8.08 8.08 0 0 1 6.66 4.13l.43.84a6.91 6.91 0 0 1-1.22 7.56l-2.36 2.36A10.06 10.06 0 0 0 85 68a11 11 0 0 0 22 0c0-1.94-1.16-4.75-2.53-6.11l-2.36-2.36a6.93 6.93 0 0 1-1.22-7.56l.43-.84a8.08 8.08 0 0 1 6.66-4.13H143V11.98a6.1 6.1 0 0 0-3.03-4.87l-.84-.43c-1.59-.8-4-.4-5.24.85l-2.36 2.36A12 12 0 0 1 124 13a13 13 0 0 1-13-13h2a11 11 0 0 0 11 11c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V47h35.02a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 179 28a13 13 0 0 1 13-13zM84.02 143a6.1 6.1 0 0 0 4.87-3.03l.43-.84c.8-1.59.4-4-.85-5.24l-2.36-2.36A12 12 0 0 1 83 124a13 13 0 1 1 26 0c0 2.47-1.37 5.79-3.11 7.53l-2.36 2.36a4.94 4.94 0 0 0-.85 5.24l.43.84a6.1 6.1 0 0 0 4.87 3.03H143v-35.02a8.08 8.08 0 0 1 4.13-6.66l.84-.43a6.91 6.91 0 0 1 7.56 1.22l2.36 2.36A10.06 10.06 0 0 0 164 107a11 11 0 0 0 0-22c-1.94 0-4.75 1.16-6.11 2.53l-2.36 2.36a6.93 6.93 0 0 1-7.56 1.22l-.84-.43a8.08 8.08 0 0 1-4.13-6.66V49h-35.02a6.1 6.1 0 0 0-4.87 3.03l-.43.84c-.79 1.58-.4 4 .85 5.24l2.36 2.36a12.04 12.04 0 0 1 3.11 7.51A13 13 0 1 1 83 68a12 12 0 0 1 3.11-7.53l2.36-2.36a4.93 4.93 0 0 0 .85-5.24l-.43-.84A6.1 6.1 0 0 0 84.02 49H49v35.02a8.08 8.08 0 0 1-4.13 6.66l-.84.43a6.91 6.91 0 0 1-7.56-1.22l-2.36-2.36A10.06 10.06 0 0 0 28 85a11 11 0 0 0 0 22c1.94 0 4.75-1.16 6.11-2.53l2.36-2.36a6.93 6.93 0 0 1 7.56-1.22l.84.43a8.08 8.08 0 0 1 4.13 6.66V143h35.02z'%3E%3C/path%3E%3C/svg%3E") !important
}

.bg-pattern-4 {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.02'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important
}

.bg-pattern-5 {
    background-image: url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M81.28 88H68.413l19.298 19.298L81.28 88zm2.107 0h13.226L90 107.838 83.387 88zm15.334 0h12.866l-19.298 19.298L98.72 88zm-32.927-2.207L73.586 78h32.827l.5.5 7.294 7.293L115.414 87l-24.707 24.707-.707.707L64.586 87l1.207-1.207zm2.62.207L74 80.414 79.586 86H68.414zm16 0L90 80.414 95.586 86H84.414zm16 0L106 80.414 111.586 86h-11.172zm-8-6h11.173L98 85.586 92.414 80zM82 85.586L87.586 80H76.414L82 85.586zM17.414 0L.707 16.707 0 17.414V0h17.414zM4.28 0L0 12.838V0h4.28zm10.306 0L2.288 12.298 6.388 0h8.198zM180 17.414L162.586 0H180v17.414zM165.414 0l12.298 12.298L173.612 0h-8.198zM180 12.838L175.72 0H180v12.838zM0 163h16.413l.5.5 7.294 7.293L25.414 172l-8 8H0v-17zm0 10h6.613l-2.334 7H0v-7zm14.586 7l7-7H8.72l-2.333 7h8.2zM0 165.414L5.586 171H0v-5.586zM10.414 171L16 165.414 21.586 171H10.414zm-8-6h11.172L8 170.586 2.414 165zM180 163h-16.413l-7.794 7.793-1.207 1.207 8 8H180v-17zm-14.586 17l-7-7h12.865l2.333 7h-8.2zM180 173h-6.613l2.334 7H180v-7zm-21.586-2l5.586-5.586 5.586 5.586h-11.172zM180 165.414L174.414 171H180v-5.586zm-8 5.172l5.586-5.586h-11.172l5.586 5.586zM152.933 25.653l1.414 1.414-33.94 33.942-1.416-1.416 33.943-33.94zm1.414 127.28l-1.414 1.414-33.942-33.94 1.416-1.416 33.94 33.943zm-127.28 1.414l-1.414-1.414 33.94-33.942 1.416 1.416-33.943 33.94zm-1.414-127.28l1.414-1.414 33.942 33.94-1.416 1.416-33.94-33.943zM0 85c2.21 0 4 1.79 4 4s-1.79 4-4 4v-8zm180 0c-2.21 0-4 1.79-4 4s1.79 4 4 4v-8zM94 0c0 2.21-1.79 4-4 4s-4-1.79-4-4h8zm0 180c0-2.21-1.79-4-4-4s-4 1.79-4 4h8z' fill='%23000000' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E") !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-purple, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-purple {
    color: #fff !important;
    background-color: #62319e !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff !important;
    background-color: #5780f7 !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-secondary {
    color: #333 !important;
    background-color: #efefef !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff !important;
    background-color: #04ccb0 !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    color: #fff !important;
    background-color: #ff046c !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
    color: #333 !important;
    background-color: #fab72b !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
    color: #fff !important;
    background-color: #4cacff !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-light, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-light {
    color: #333 !important;
    background-color: #fff !important
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-dark, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-dark {
    color: #fff !important;
    background-color: #393b51 !important
}

.bg-outline-purple {
    color: #562b8b;
    background-color: transparent;
    border-color: #562b8b
}

    .bg-outline-purple svg {
        fill: #562b8b
    }

.bg-outline-primary {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .bg-outline-primary svg {
        fill: #3f6ef6
    }

.bg-outline-secondary {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .bg-outline-secondary svg {
        fill: #e2e2e2
    }

.bg-outline-success {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .bg-outline-success svg {
        fill: #04b39a
    }

.bg-outline-danger {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .bg-outline-danger svg {
        fill: #ea0061
    }

.bg-outline-warning {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .bg-outline-warning svg {
        fill: #f9af12
    }

.bg-outline-info {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .bg-outline-info svg {
        fill: #33a0ff
    }

.bg-outline-light {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .bg-outline-light svg {
        fill: #f2f2f2
    }

.bg-outline-dark {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .bg-outline-dark svg {
        fill: #2e3042
    }

.bg-outline-secondary {
    color: #707070;
    border-color: #707070
}

.bg-outline-warning {
    color: #fab72b;
    border-color: #fab72b
}

.bg-outline-white {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.bg-purple-light {
    color: #62319e !important;
    background-color: rgba(98,49,158,0.2) !important
}

.bg-primary-light {
    color: #5780f7 !important;
    background-color: rgba(87,128,247,0.1) !important
}

.bg-secondary-light {
    color: #707070 !important;
    background-color: rgba(239,239,239,0.5) !important
}

.bg-success-light {
    color: #04ccb0 !important;
    background-color: rgba(4,204,176,0.1) !important
}

.bg-danger-light {
    color: #ff046c !important;
    background-color: rgba(255,4,108,0.1) !important
}

.bg-warning-light {
    color: #eca206 !important;
    background-color: rgba(250,183,43,0.2) !important
}

.bg-info-light {
    color: #4cacff !important;
    background-color: rgba(76,172,255,0.1) !important
}

.bg-light-light {
    color: #333 !important;
    background-color: rgba(255,255,255,0.9) !important
}

.bg-dark-light {
    color: #393b51 !important;
    background-color: rgba(57,59,81,0.1) !important
}

.bg-purple-lightened {
    color: #62319e !important;
    background-color: #b08ddb !important
}

.bg-primary-lightened {
    color: #5780f7 !important;
    background-color: #e9eefe !important
}

.bg-secondary-lightened {
    color: #707070 !important;
    background-color: #f9f9f9 !important
}

.bg-success-lightened {
    color: #04ccb0 !important;
    background-color: #e3f9f3 !important
}

.bg-danger-lightened {
    color: #ff046c !important;
    background-color: #ffb7d5 !important
}

.bg-warning-lightened {
    color: #eca206 !important;
    background-color: #feeac0 !important
}

.bg-info-lightened {
    color: #4cacff !important;
    background-color: #e5f3ff !important
}

.bg-light-lightened {
    color: #333 !important;
    background-color: white !important
}

.bg-dark-lightened {
    color: #393b51 !important;
    background-color: #7e82a5 !important
}

.text-purple {
    color: #62319e !important
}

a.text-purple {
    color: #4a2577 !important
}

    a.text-purple:hover, a.text-purple:focus {
        color: #3e1f64 !important
    }

svg.text-purple {
    fill: #4a2577 !important
}

.text-primary {
    color: #5780f7 !important
}

a.text-primary {
    color: #265bf5 !important
}

    a.text-primary:hover, a.text-primary:focus {
        color: #0e49f4 !important
    }

svg.text-primary {
    fill: #265bf5 !important
}

.text-secondary {
    color: #efefef !important
}

a.text-secondary {
    color: #d6d6d6 !important
}

    a.text-secondary:hover, a.text-secondary:focus {
        color: #c9c9c9 !important
    }

svg.text-secondary {
    fill: #d6d6d6 !important
}

.text-success {
    color: #04ccb0 !important
}

a.text-success {
    color: #039a85 !important
}

    a.text-success:hover, a.text-success:focus {
        color: #03816f !important
    }

svg.text-success {
    fill: #039a85 !important
}

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

a.text-danger {
    color: #d00056 !important
}

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

svg.text-danger {
    fill: #d00056 !important
}

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

a.text-warning {
    color: #eca206 !important
}

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

svg.text-warning {
    fill: #eca206 !important
}

.text-info {
    color: #4cacff !important
}

a.text-info {
    color: #1994ff !important
}

    a.text-info:hover, a.text-info:focus {
        color: #08f !important
    }

svg.text-info {
    fill: #1994ff !important
}

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

a.text-light {
    color: #e6e6e6 !important
}

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

svg.text-light {
    fill: #e6e6e6 !important
}

.text-dark {
    color: #393b51 !important
}

a.text-dark {
    color: #242533 !important
}

    a.text-dark:hover, a.text-dark:focus {
        color: #191a24 !important
    }

svg.text-dark {
    fill: #242533 !important
}

.text-blue {
    color: #393b51 !important
}

a.text-blue {
    color: #242533 !important
}

    a.text-blue:hover, a.text-blue:focus {
        color: #191a24 !important
    }

svg.text-blue {
    fill: #242533 !important
}

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

    .text-danger:hover {
        color: #fe0069 !important
    }

.text-muted {
    color: #6f7892 !important
}

.text-label {
    color: #646c9a !important
}

.text-instagram {
    color: #d6249f !important
}

.text-facebook {
    color: #3b5998 !important
}

.text-whatsapp {
    color: #00e676 !important
}

.text-twitter {
    color: #1da1f2 !important
}

.border-purple {
    border-color: #62319e !important
}

.border-primary {
    border-color: #5780f7 !important
}

.border-secondary {
    border-color: #efefef !important
}

.border-success {
    border-color: #04ccb0 !important
}

.border-danger {
    border-color: #ff046c !important
}

.border-warning {
    border-color: #fab72b !important
}

.border-info {
    border-color: #4cacff !important
}

.border-light {
    border-color: #fff !important
}

.border-dark {
    border-color: #393b51 !important
}

.border-light {
    border-color: #fafafa !important
}

.btn.btn-purple {
    color: #fff;
    background-color: #62319e;
    border-color: #562b8b
}

    .btn.btn-purple:hover, .btn.btn-purple.hover, .btn.btn-purple:active, .btn.btn-purple.active, .btn.btn-purple:focus, .btn.btn-purple.focus {
        color: #fff;
        background-color: #4a2577;
        border-color: #4a2577
    }

        .btn.btn-purple:hover svg, .btn.btn-purple.hover svg, .btn.btn-purple:active svg, .btn.btn-purple.active svg, .btn.btn-purple:focus svg, .btn.btn-purple.focus svg {
            fill: #fff
        }

    .btn.btn-purple:not(:disabled):not(.disabled):active:focus, .btn.btn-purple:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(98,49,158,0.5)
    }

    .btn.btn-purple svg {
        fill: #fff
    }

    .btn.btn-purple:hover svg, .btn.btn-purple.hover svg {
        fill: #fff
    }

    .btn.btn-purple.btn-icon-split span.icon {
        border-color: #562b8b
    }

    .btn.btn-purple.btn-icon-split:hover span.icon {
        border-color: #3e1f64
    }

    .btn.btn-purple.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #4a2577
    }

.btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #4a2577;
    border-color: #4a2577
}

.btn-slider-purple {
    color: #fff;
    background-color: #62319e;
    border-color: #562b8b
}

    .btn-slider-purple .label-icon {
        color: #62319e;
        background-color: #fff;
        border-color: #62319e
    }

    .btn-slider-purple:hover, .btn-slider-purple.hover, .btn-slider-purple:active, .btn-slider-purple.active {
        color: #fff;
        background-color: #4a2577;
        border-color: #4a2577
    }

.btn-slider-animated.btn-slider-purple {
    color: #fff;
    background-color: #62319e;
    border-color: #562b8b
}

    .btn-slider-animated.btn-slider-purple .label-icon {
        color: #62319e;
        background-color: #fff;
        border-color: #62319e
    }

    .btn-slider-animated.btn-slider-purple:hover, .btn-slider-animated.btn-slider-purple.hover, .btn-slider-animated.btn-slider-purple:active, .btn-slider-animated.btn-slider-purple.active {
        color: #fff;
        background-color: #62319e;
        border-color: #562b8b
    }

.btn.btn-primary {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

    .btn.btn-primary:hover, .btn.btn-primary.hover, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:focus, .btn.btn-primary.focus {
        color: #fff;
        background-color: #265bf5;
        border-color: #265bf5
    }

        .btn.btn-primary:hover svg, .btn.btn-primary.hover svg, .btn.btn-primary:active svg, .btn.btn-primary.active svg, .btn.btn-primary:focus svg, .btn.btn-primary.focus svg {
            fill: #fff
        }

    .btn.btn-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-primary:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(87,128,247,0.5)
    }

    .btn.btn-primary svg {
        fill: #fff
    }

    .btn.btn-primary:hover svg, .btn.btn-primary.hover svg {
        fill: #fff
    }

    .btn.btn-primary.btn-icon-split span.icon {
        border-color: #3f6ef6
    }

    .btn.btn-primary.btn-icon-split:hover span.icon {
        border-color: #0e49f4
    }

    .btn.btn-primary.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #265bf5
    }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #265bf5;
    border-color: #265bf5
}

.btn-slider-primary {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

    .btn-slider-primary .label-icon {
        color: #5780f7;
        background-color: #fff;
        border-color: #5780f7
    }

    .btn-slider-primary:hover, .btn-slider-primary.hover, .btn-slider-primary:active, .btn-slider-primary.active {
        color: #fff;
        background-color: #265bf5;
        border-color: #265bf5
    }

.btn-slider-animated.btn-slider-primary {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

    .btn-slider-animated.btn-slider-primary .label-icon {
        color: #5780f7;
        background-color: #fff;
        border-color: #5780f7
    }

    .btn-slider-animated.btn-slider-primary:hover, .btn-slider-animated.btn-slider-primary.hover, .btn-slider-animated.btn-slider-primary:active, .btn-slider-animated.btn-slider-primary.active {
        color: #fff;
        background-color: #5780f7;
        border-color: #3f6ef6
    }

.btn.btn-secondary {
    color: #333;
    background-color: #efefef;
    border-color: #e2e2e2
}

    .btn.btn-secondary:hover, .btn.btn-secondary.hover, .btn.btn-secondary:active, .btn.btn-secondary.active, .btn.btn-secondary:focus, .btn.btn-secondary.focus {
        color: #333;
        background-color: #d6d6d6;
        border-color: #d6d6d6
    }

        .btn.btn-secondary:hover svg, .btn.btn-secondary.hover svg, .btn.btn-secondary:active svg, .btn.btn-secondary.active svg, .btn.btn-secondary:focus svg, .btn.btn-secondary.focus svg {
            fill: #333
        }

    .btn.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn.btn-secondary:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(239,239,239,0.5)
    }

    .btn.btn-secondary svg {
        fill: #333
    }

    .btn.btn-secondary:hover svg, .btn.btn-secondary.hover svg {
        fill: #333
    }

    .btn.btn-secondary.btn-icon-split span.icon {
        border-color: #e2e2e2
    }

    .btn.btn-secondary.btn-icon-split:hover span.icon {
        border-color: #c9c9c9
    }

    .btn.btn-secondary.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #d6d6d6
    }

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    color: #333;
    background-color: #d6d6d6;
    border-color: #d6d6d6
}

.btn-slider-secondary {
    color: #333;
    background-color: #efefef;
    border-color: #e2e2e2
}

    .btn-slider-secondary .label-icon {
        color: #efefef;
        background-color: #333;
        border-color: #efefef
    }

    .btn-slider-secondary:hover, .btn-slider-secondary.hover, .btn-slider-secondary:active, .btn-slider-secondary.active {
        color: #333;
        background-color: #d6d6d6;
        border-color: #d6d6d6
    }

.btn-slider-animated.btn-slider-secondary {
    color: #333;
    background-color: #efefef;
    border-color: #e2e2e2
}

    .btn-slider-animated.btn-slider-secondary .label-icon {
        color: #efefef;
        background-color: #333;
        border-color: #efefef
    }

    .btn-slider-animated.btn-slider-secondary:hover, .btn-slider-animated.btn-slider-secondary.hover, .btn-slider-animated.btn-slider-secondary:active, .btn-slider-animated.btn-slider-secondary.active {
        color: #333;
        background-color: #efefef;
        border-color: #e2e2e2
    }

.btn.btn-success {
    color: #fff;
    background-color: #04ccb0;
    border-color: #04b39a
}

    .btn.btn-success:hover, .btn.btn-success.hover, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success:focus, .btn.btn-success.focus {
        color: #fff;
        background-color: #039a85;
        border-color: #039a85
    }

        .btn.btn-success:hover svg, .btn.btn-success.hover svg, .btn.btn-success:active svg, .btn.btn-success.active svg, .btn.btn-success:focus svg, .btn.btn-success.focus svg {
            fill: #fff
        }

    .btn.btn-success:not(:disabled):not(.disabled):active:focus, .btn.btn-success:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(4,204,176,0.5)
    }

    .btn.btn-success svg {
        fill: #fff
    }

    .btn.btn-success:hover svg, .btn.btn-success.hover svg {
        fill: #fff
    }

    .btn.btn-success.btn-icon-split span.icon {
        border-color: #04b39a
    }

    .btn.btn-success.btn-icon-split:hover span.icon {
        border-color: #03816f
    }

    .btn.btn-success.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #039a85
    }

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #039a85;
    border-color: #039a85
}

.btn-slider-success {
    color: #fff;
    background-color: #04ccb0;
    border-color: #04b39a
}

    .btn-slider-success .label-icon {
        color: #04ccb0;
        background-color: #fff;
        border-color: #04ccb0
    }

    .btn-slider-success:hover, .btn-slider-success.hover, .btn-slider-success:active, .btn-slider-success.active {
        color: #fff;
        background-color: #039a85;
        border-color: #039a85
    }

.btn-slider-animated.btn-slider-success {
    color: #fff;
    background-color: #04ccb0;
    border-color: #04b39a
}

    .btn-slider-animated.btn-slider-success .label-icon {
        color: #04ccb0;
        background-color: #fff;
        border-color: #04ccb0
    }

    .btn-slider-animated.btn-slider-success:hover, .btn-slider-animated.btn-slider-success.hover, .btn-slider-animated.btn-slider-success:active, .btn-slider-animated.btn-slider-success.active {
        color: #fff;
        background-color: #04ccb0;
        border-color: #04b39a
    }

.btn.btn-danger {
    color: #fff;
    background-color: #ff046c;
    border-color: #ea0061
}

    .btn.btn-danger:hover, .btn.btn-danger.hover, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:focus, .btn.btn-danger.focus {
        color: #fff;
        background-color: #d00056;
        border-color: #d00056
    }

        .btn.btn-danger:hover svg, .btn.btn-danger.hover svg, .btn.btn-danger:active svg, .btn.btn-danger.active svg, .btn.btn-danger:focus svg, .btn.btn-danger.focus svg {
            fill: #fff
        }

    .btn.btn-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-danger:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(255,4,108,0.5)
    }

    .btn.btn-danger svg {
        fill: #fff
    }

    .btn.btn-danger:hover svg, .btn.btn-danger.hover svg {
        fill: #fff
    }

    .btn.btn-danger.btn-icon-split span.icon {
        border-color: #ea0061
    }

    .btn.btn-danger.btn-icon-split:hover span.icon {
        border-color: #b7004c
    }

    .btn.btn-danger.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #d00056
    }

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #d00056;
    border-color: #d00056
}

.btn-slider-danger {
    color: #fff;
    background-color: #ff046c;
    border-color: #ea0061
}

    .btn-slider-danger .label-icon {
        color: #ff046c;
        background-color: #fff;
        border-color: #ff046c
    }

    .btn-slider-danger:hover, .btn-slider-danger.hover, .btn-slider-danger:active, .btn-slider-danger.active {
        color: #fff;
        background-color: #d00056;
        border-color: #d00056
    }

.btn-slider-animated.btn-slider-danger {
    color: #fff;
    background-color: #ff046c;
    border-color: #ea0061
}

    .btn-slider-animated.btn-slider-danger .label-icon {
        color: #ff046c;
        background-color: #fff;
        border-color: #ff046c
    }

    .btn-slider-animated.btn-slider-danger:hover, .btn-slider-animated.btn-slider-danger.hover, .btn-slider-animated.btn-slider-danger:active, .btn-slider-animated.btn-slider-danger.active {
        color: #fff;
        background-color: #ff046c;
        border-color: #ea0061
    }

.btn.btn-warning {
    color: #333;
    background-color: #fab72b;
    border-color: #f9af12
}

    .btn.btn-warning:hover, .btn.btn-warning.hover, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning:focus, .btn.btn-warning.focus {
        color: #333;
        background-color: #eca206;
        border-color: #eca206
    }

        .btn.btn-warning:hover svg, .btn.btn-warning.hover svg, .btn.btn-warning:active svg, .btn.btn-warning.active svg, .btn.btn-warning:focus svg, .btn.btn-warning.focus svg {
            fill: #333
        }

    .btn.btn-warning:not(:disabled):not(.disabled):active:focus, .btn.btn-warning:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(250,183,43,0.5)
    }

    .btn.btn-warning svg {
        fill: #333
    }

    .btn.btn-warning:hover svg, .btn.btn-warning.hover svg {
        fill: #333
    }

    .btn.btn-warning.btn-icon-split span.icon {
        border-color: #f9af12
    }

    .btn.btn-warning.btn-icon-split:hover span.icon {
        border-color: #d49105
    }

    .btn.btn-warning.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #eca206
    }

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #333;
    background-color: #eca206;
    border-color: #eca206
}

.btn-slider-warning {
    color: #333;
    background-color: #fab72b;
    border-color: #f9af12
}

    .btn-slider-warning .label-icon {
        color: #fab72b;
        background-color: #333;
        border-color: #fab72b
    }

    .btn-slider-warning:hover, .btn-slider-warning.hover, .btn-slider-warning:active, .btn-slider-warning.active {
        color: #333;
        background-color: #eca206;
        border-color: #eca206
    }

.btn-slider-animated.btn-slider-warning {
    color: #333;
    background-color: #fab72b;
    border-color: #f9af12
}

    .btn-slider-animated.btn-slider-warning .label-icon {
        color: #fab72b;
        background-color: #333;
        border-color: #fab72b
    }

    .btn-slider-animated.btn-slider-warning:hover, .btn-slider-animated.btn-slider-warning.hover, .btn-slider-animated.btn-slider-warning:active, .btn-slider-animated.btn-slider-warning.active {
        color: #333;
        background-color: #fab72b;
        border-color: #f9af12
    }

.btn.btn-info {
    color: #fff;
    background-color: #4cacff;
    border-color: #33a0ff
}

    .btn.btn-info:hover, .btn.btn-info.hover, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info:focus, .btn.btn-info.focus {
        color: #fff;
        background-color: #1994ff;
        border-color: #1994ff
    }

        .btn.btn-info:hover svg, .btn.btn-info.hover svg, .btn.btn-info:active svg, .btn.btn-info.active svg, .btn.btn-info:focus svg, .btn.btn-info.focus svg {
            fill: #fff
        }

    .btn.btn-info:not(:disabled):not(.disabled):active:focus, .btn.btn-info:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(76,172,255,0.5)
    }

    .btn.btn-info svg {
        fill: #fff
    }

    .btn.btn-info:hover svg, .btn.btn-info.hover svg {
        fill: #fff
    }

    .btn.btn-info.btn-icon-split span.icon {
        border-color: #33a0ff
    }

    .btn.btn-info.btn-icon-split:hover span.icon {
        border-color: #08f
    }

    .btn.btn-info.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #1994ff
    }

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1994ff;
    border-color: #1994ff
}

.btn-slider-info {
    color: #fff;
    background-color: #4cacff;
    border-color: #33a0ff
}

    .btn-slider-info .label-icon {
        color: #4cacff;
        background-color: #fff;
        border-color: #4cacff
    }

    .btn-slider-info:hover, .btn-slider-info.hover, .btn-slider-info:active, .btn-slider-info.active {
        color: #fff;
        background-color: #1994ff;
        border-color: #1994ff
    }

.btn-slider-animated.btn-slider-info {
    color: #fff;
    background-color: #4cacff;
    border-color: #33a0ff
}

    .btn-slider-animated.btn-slider-info .label-icon {
        color: #4cacff;
        background-color: #fff;
        border-color: #4cacff
    }

    .btn-slider-animated.btn-slider-info:hover, .btn-slider-animated.btn-slider-info.hover, .btn-slider-animated.btn-slider-info:active, .btn-slider-animated.btn-slider-info.active {
        color: #fff;
        background-color: #4cacff;
        border-color: #33a0ff
    }

.btn.btn-light {
    color: #333;
    background-color: #fff;
    border-color: #f2f2f2
}

    .btn.btn-light:hover, .btn.btn-light.hover, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-light:focus, .btn.btn-light.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #e6e6e6
    }

        .btn.btn-light:hover svg, .btn.btn-light.hover svg, .btn.btn-light:active svg, .btn.btn-light.active svg, .btn.btn-light:focus svg, .btn.btn-light.focus svg {
            fill: #333
        }

    .btn.btn-light:not(:disabled):not(.disabled):active:focus, .btn.btn-light:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,0.5)
    }

    .btn.btn-light svg {
        fill: #333
    }

    .btn.btn-light:hover svg, .btn.btn-light.hover svg {
        fill: #333
    }

    .btn.btn-light.btn-icon-split span.icon {
        border-color: #f2f2f2
    }

    .btn.btn-light.btn-icon-split:hover span.icon {
        border-color: #d9d9d9
    }

    .btn.btn-light.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #e6e6e6
    }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.btn-slider-light {
    color: #333;
    background-color: #fff;
    border-color: #f2f2f2
}

    .btn-slider-light .label-icon {
        color: #fff;
        background-color: #333;
        border-color: #fff
    }

    .btn-slider-light:hover, .btn-slider-light.hover, .btn-slider-light:active, .btn-slider-light.active {
        color: #333;
        background-color: #e6e6e6;
        border-color: #e6e6e6
    }

.btn-slider-animated.btn-slider-light {
    color: #333;
    background-color: #fff;
    border-color: #f2f2f2
}

    .btn-slider-animated.btn-slider-light .label-icon {
        color: #fff;
        background-color: #333;
        border-color: #fff
    }

    .btn-slider-animated.btn-slider-light:hover, .btn-slider-animated.btn-slider-light.hover, .btn-slider-animated.btn-slider-light:active, .btn-slider-animated.btn-slider-light.active {
        color: #333;
        background-color: #fff;
        border-color: #f2f2f2
    }

.btn.btn-dark {
    color: #fff;
    background-color: #393b51;
    border-color: #2e3042
}

    .btn.btn-dark:hover, .btn.btn-dark.hover, .btn.btn-dark:active, .btn.btn-dark.active, .btn.btn-dark:focus, .btn.btn-dark.focus {
        color: #fff;
        background-color: #242533;
        border-color: #242533
    }

        .btn.btn-dark:hover svg, .btn.btn-dark.hover svg, .btn.btn-dark:active svg, .btn.btn-dark.active svg, .btn.btn-dark:focus svg, .btn.btn-dark.focus svg {
            fill: #fff
        }

    .btn.btn-dark:not(:disabled):not(.disabled):active:focus, .btn.btn-dark:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(57,59,81,0.5)
    }

    .btn.btn-dark svg {
        fill: #fff
    }

    .btn.btn-dark:hover svg, .btn.btn-dark.hover svg {
        fill: #fff
    }

    .btn.btn-dark.btn-icon-split span.icon {
        border-color: #2e3042
    }

    .btn.btn-dark.btn-icon-split:hover span.icon {
        border-color: #191a24
    }

    .btn.btn-dark.btn-icon-split.split-colored span.icon {
        border-right-color: transparent;
        background-color: #242533
    }

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #242533;
    border-color: #242533
}

.btn-slider-dark {
    color: #fff;
    background-color: #393b51;
    border-color: #2e3042
}

    .btn-slider-dark .label-icon {
        color: #393b51;
        background-color: #fff;
        border-color: #393b51
    }

    .btn-slider-dark:hover, .btn-slider-dark.hover, .btn-slider-dark:active, .btn-slider-dark.active {
        color: #fff;
        background-color: #242533;
        border-color: #242533
    }

.btn-slider-animated.btn-slider-dark {
    color: #fff;
    background-color: #393b51;
    border-color: #2e3042
}

    .btn-slider-animated.btn-slider-dark .label-icon {
        color: #393b51;
        background-color: #fff;
        border-color: #393b51
    }

    .btn-slider-animated.btn-slider-dark:hover, .btn-slider-animated.btn-slider-dark.hover, .btn-slider-animated.btn-slider-dark:active, .btn-slider-animated.btn-slider-dark.active {
        color: #fff;
        background-color: #393b51;
        border-color: #2e3042
    }

.btn-white {
    background-color: #fff;
    color: #333;
    border-color: #e2e5ec
}

    .btn-white:hover {
        background-color: #efefef;
        border-color: #e2e5ec
    }

.btn-secondary:hover {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

.btn-success {
    border-color: #04c2a7
}

.uppy-FileInput-btn {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

    .uppy-FileInput-btn:hover {
        color: #fff;
        background-color: #265bf5;
        border-color: #265bf5
    }

.btn.btn-warning.btn-icon-split span.icon {
    border-color: #eca206
}

.btn.btn-warning.btn-icon-split:hover span.icon {
    border-color: #bb8004
}

.btn.btn-dark.btn-icon-split span.icon {
    border-color: #000
}

.btn.btn-dark.btn-icon-split:hover span.icon {
    border-color: #0f0f15
}

.btn.btn-dark.btn-icon-split.split-colored span.icon {
    border-right-color: transparent;
    background-color: #222
}

.btn.btn-outline-purple {
    color: #562b8b;
    background-color: transparent;
    border-color: #562b8b
}

    .btn.btn-outline-purple:hover, .btn.btn-outline-purple.hover, .btn.btn-outline-purple:active, .btn.btn-outline-purple.active, .btn.btn-outline-purple.ladda-button:disabled {
        color: #fff;
        background-color: #62319e;
        border-color: #562b8b
    }

        .btn.btn-outline-purple:hover svg, .btn.btn-outline-purple.hover svg, .btn.btn-outline-purple:active svg, .btn.btn-outline-purple.active svg, .btn.btn-outline-purple.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-purple:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-purple:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(98,49,158,0.5)
    }

    .btn.btn-outline-purple svg {
        fill: #562b8b
    }

    .btn.btn-outline-purple:hover svg {
        fill: #fff
    }

    .btn.btn-outline-purple.btn-icon-split span.icon {
        border-color: #62319e
    }

    .btn.btn-outline-purple.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-purple:not(:disabled):not(.disabled).active, .btn-outline-purple:not(:disabled):not(.disabled):active, .show > .btn-outline-purple.dropdown-toggle {
    color: #fff;
    background-color: #62319e;
    border-color: #562b8b
}

.btn-slider-outline-purple {
    color: #562b8b;
    background-color: transparent;
    border-color: #562b8b
}

    .btn-slider-outline-purple .label-icon {
        background-color: #62319e;
        color: #fff;
        border-color: #62319e
    }

    .btn-slider-outline-purple:hover, .btn-slider-outline-purple.hover, .btn-slider-outline-purple:active, .btn-slider-outline-purple.active {
        color: #fff;
        background-color: #62319e;
        border-color: #562b8b
    }

        .btn-slider-outline-purple:hover .label-icon, .btn-slider-outline-purple.hover .label-icon, .btn-slider-outline-purple:active .label-icon, .btn-slider-outline-purple.active .label-icon {
            color: #562b8b;
            background-color: #fff;
            border-color: #562b8b
        }

.btn-slider-animated.btn-slider-outline-purple {
    color: #562b8b;
    background-color: transparent;
    border-color: #562b8b
}

    .btn-slider-animated.btn-slider-outline-purple .label-icon {
        background-color: #62319e;
        color: #fff;
        border-color: #62319e
    }

    .btn-slider-animated.btn-slider-outline-purple:hover, .btn-slider-animated.btn-slider-outline-purple.hover, .btn-slider-animated.btn-slider-outline-purple:active, .btn-slider-animated.btn-slider-outline-purple.active {
        color: #562b8b;
        background-color: transparent;
        border-color: #562b8b
    }

.btn.btn-outline-primary {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .btn.btn-outline-primary:hover, .btn.btn-outline-primary.hover, .btn.btn-outline-primary:active, .btn.btn-outline-primary.active, .btn.btn-outline-primary.ladda-button:disabled {
        color: #fff;
        background-color: #5780f7;
        border-color: #3f6ef6
    }

        .btn.btn-outline-primary:hover svg, .btn.btn-outline-primary.hover svg, .btn.btn-outline-primary:active svg, .btn.btn-outline-primary.active svg, .btn.btn-outline-primary.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-primary:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(87,128,247,0.5)
    }

    .btn.btn-outline-primary svg {
        fill: #3f6ef6
    }

    .btn.btn-outline-primary:hover svg {
        fill: #fff
    }

    .btn.btn-outline-primary.btn-icon-split span.icon {
        border-color: #5780f7
    }

    .btn.btn-outline-primary.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

.btn-slider-outline-primary {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .btn-slider-outline-primary .label-icon {
        background-color: #5780f7;
        color: #fff;
        border-color: #5780f7
    }

    .btn-slider-outline-primary:hover, .btn-slider-outline-primary.hover, .btn-slider-outline-primary:active, .btn-slider-outline-primary.active {
        color: #fff;
        background-color: #5780f7;
        border-color: #3f6ef6
    }

        .btn-slider-outline-primary:hover .label-icon, .btn-slider-outline-primary.hover .label-icon, .btn-slider-outline-primary:active .label-icon, .btn-slider-outline-primary.active .label-icon {
            color: #3f6ef6;
            background-color: #fff;
            border-color: #3f6ef6
        }

.btn-slider-animated.btn-slider-outline-primary {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .btn-slider-animated.btn-slider-outline-primary .label-icon {
        background-color: #5780f7;
        color: #fff;
        border-color: #5780f7
    }

    .btn-slider-animated.btn-slider-outline-primary:hover, .btn-slider-animated.btn-slider-outline-primary.hover, .btn-slider-animated.btn-slider-outline-primary:active, .btn-slider-animated.btn-slider-outline-primary.active {
        color: #3f6ef6;
        background-color: transparent;
        border-color: #3f6ef6
    }

.btn.btn-outline-secondary {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .btn.btn-outline-secondary:hover, .btn.btn-outline-secondary.hover, .btn.btn-outline-secondary:active, .btn.btn-outline-secondary.active, .btn.btn-outline-secondary.ladda-button:disabled {
        color: #333;
        background-color: #efefef;
        border-color: #e2e2e2
    }

        .btn.btn-outline-secondary:hover svg, .btn.btn-outline-secondary.hover svg, .btn.btn-outline-secondary:active svg, .btn.btn-outline-secondary.active svg, .btn.btn-outline-secondary.ladda-button:disabled svg {
            fill: #333
        }

    .btn.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-secondary:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(239,239,239,0.5)
    }

    .btn.btn-outline-secondary svg {
        fill: #e2e2e2
    }

    .btn.btn-outline-secondary:hover svg {
        fill: #333
    }

    .btn.btn-outline-secondary.btn-icon-split span.icon {
        border-color: #efefef
    }

    .btn.btn-outline-secondary.btn-icon-split:hover span.icon {
        border-color: rgba(51,51,51,0.5)
    }

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
    color: #333;
    background-color: #efefef;
    border-color: #e2e2e2
}

.btn-slider-outline-secondary {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .btn-slider-outline-secondary .label-icon {
        background-color: #efefef;
        color: #333;
        border-color: #efefef
    }

    .btn-slider-outline-secondary:hover, .btn-slider-outline-secondary.hover, .btn-slider-outline-secondary:active, .btn-slider-outline-secondary.active {
        color: #333;
        background-color: #efefef;
        border-color: #e2e2e2
    }

        .btn-slider-outline-secondary:hover .label-icon, .btn-slider-outline-secondary.hover .label-icon, .btn-slider-outline-secondary:active .label-icon, .btn-slider-outline-secondary.active .label-icon {
            color: #e2e2e2;
            background-color: #333;
            border-color: #e2e2e2
        }

.btn-slider-animated.btn-slider-outline-secondary {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .btn-slider-animated.btn-slider-outline-secondary .label-icon {
        background-color: #efefef;
        color: #333;
        border-color: #efefef
    }

    .btn-slider-animated.btn-slider-outline-secondary:hover, .btn-slider-animated.btn-slider-outline-secondary.hover, .btn-slider-animated.btn-slider-outline-secondary:active, .btn-slider-animated.btn-slider-outline-secondary.active {
        color: #e2e2e2;
        background-color: transparent;
        border-color: #e2e2e2
    }

.btn.btn-outline-success {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .btn.btn-outline-success:hover, .btn.btn-outline-success.hover, .btn.btn-outline-success:active, .btn.btn-outline-success.active, .btn.btn-outline-success.ladda-button:disabled {
        color: #fff;
        background-color: #04ccb0;
        border-color: #04b39a
    }

        .btn.btn-outline-success:hover svg, .btn.btn-outline-success.hover svg, .btn.btn-outline-success:active svg, .btn.btn-outline-success.active svg, .btn.btn-outline-success.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-success:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(4,204,176,0.5)
    }

    .btn.btn-outline-success svg {
        fill: #04b39a
    }

    .btn.btn-outline-success:hover svg {
        fill: #fff
    }

    .btn.btn-outline-success.btn-icon-split span.icon {
        border-color: #04ccb0
    }

    .btn.btn-outline-success.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #04ccb0;
    border-color: #04b39a
}

.btn-slider-outline-success {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .btn-slider-outline-success .label-icon {
        background-color: #04ccb0;
        color: #fff;
        border-color: #04ccb0
    }

    .btn-slider-outline-success:hover, .btn-slider-outline-success.hover, .btn-slider-outline-success:active, .btn-slider-outline-success.active {
        color: #fff;
        background-color: #04ccb0;
        border-color: #04b39a
    }

        .btn-slider-outline-success:hover .label-icon, .btn-slider-outline-success.hover .label-icon, .btn-slider-outline-success:active .label-icon, .btn-slider-outline-success.active .label-icon {
            color: #04b39a;
            background-color: #fff;
            border-color: #04b39a
        }

.btn-slider-animated.btn-slider-outline-success {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .btn-slider-animated.btn-slider-outline-success .label-icon {
        background-color: #04ccb0;
        color: #fff;
        border-color: #04ccb0
    }

    .btn-slider-animated.btn-slider-outline-success:hover, .btn-slider-animated.btn-slider-outline-success.hover, .btn-slider-animated.btn-slider-outline-success:active, .btn-slider-animated.btn-slider-outline-success.active {
        color: #04b39a;
        background-color: transparent;
        border-color: #04b39a
    }

.btn.btn-outline-danger {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .btn.btn-outline-danger:hover, .btn.btn-outline-danger.hover, .btn.btn-outline-danger:active, .btn.btn-outline-danger.active, .btn.btn-outline-danger.ladda-button:disabled {
        color: #fff;
        background-color: #ff046c;
        border-color: #ea0061
    }

        .btn.btn-outline-danger:hover svg, .btn.btn-outline-danger.hover svg, .btn.btn-outline-danger:active svg, .btn.btn-outline-danger.active svg, .btn.btn-outline-danger.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-danger:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(255,4,108,0.5)
    }

    .btn.btn-outline-danger svg {
        fill: #ea0061
    }

    .btn.btn-outline-danger:hover svg {
        fill: #fff
    }

    .btn.btn-outline-danger.btn-icon-split span.icon {
        border-color: #ff046c
    }

    .btn.btn-outline-danger.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff046c;
    border-color: #ea0061
}

.btn-slider-outline-danger {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .btn-slider-outline-danger .label-icon {
        background-color: #ff046c;
        color: #fff;
        border-color: #ff046c
    }

    .btn-slider-outline-danger:hover, .btn-slider-outline-danger.hover, .btn-slider-outline-danger:active, .btn-slider-outline-danger.active {
        color: #fff;
        background-color: #ff046c;
        border-color: #ea0061
    }

        .btn-slider-outline-danger:hover .label-icon, .btn-slider-outline-danger.hover .label-icon, .btn-slider-outline-danger:active .label-icon, .btn-slider-outline-danger.active .label-icon {
            color: #ea0061;
            background-color: #fff;
            border-color: #ea0061
        }

.btn-slider-animated.btn-slider-outline-danger {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .btn-slider-animated.btn-slider-outline-danger .label-icon {
        background-color: #ff046c;
        color: #fff;
        border-color: #ff046c
    }

    .btn-slider-animated.btn-slider-outline-danger:hover, .btn-slider-animated.btn-slider-outline-danger.hover, .btn-slider-animated.btn-slider-outline-danger:active, .btn-slider-animated.btn-slider-outline-danger.active {
        color: #ea0061;
        background-color: transparent;
        border-color: #ea0061
    }

.btn.btn-outline-warning {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .btn.btn-outline-warning:hover, .btn.btn-outline-warning.hover, .btn.btn-outline-warning:active, .btn.btn-outline-warning.active, .btn.btn-outline-warning.ladda-button:disabled {
        color: #333;
        background-color: #fab72b;
        border-color: #f9af12
    }

        .btn.btn-outline-warning:hover svg, .btn.btn-outline-warning.hover svg, .btn.btn-outline-warning:active svg, .btn.btn-outline-warning.active svg, .btn.btn-outline-warning.ladda-button:disabled svg {
            fill: #333
        }

    .btn.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-warning:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(250,183,43,0.5)
    }

    .btn.btn-outline-warning svg {
        fill: #f9af12
    }

    .btn.btn-outline-warning:hover svg {
        fill: #333
    }

    .btn.btn-outline-warning.btn-icon-split span.icon {
        border-color: #fab72b
    }

    .btn.btn-outline-warning.btn-icon-split:hover span.icon {
        border-color: rgba(51,51,51,0.5)
    }

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle {
    color: #333;
    background-color: #fab72b;
    border-color: #f9af12
}

.btn-slider-outline-warning {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .btn-slider-outline-warning .label-icon {
        background-color: #fab72b;
        color: #333;
        border-color: #fab72b
    }

    .btn-slider-outline-warning:hover, .btn-slider-outline-warning.hover, .btn-slider-outline-warning:active, .btn-slider-outline-warning.active {
        color: #333;
        background-color: #fab72b;
        border-color: #f9af12
    }

        .btn-slider-outline-warning:hover .label-icon, .btn-slider-outline-warning.hover .label-icon, .btn-slider-outline-warning:active .label-icon, .btn-slider-outline-warning.active .label-icon {
            color: #f9af12;
            background-color: #333;
            border-color: #f9af12
        }

.btn-slider-animated.btn-slider-outline-warning {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .btn-slider-animated.btn-slider-outline-warning .label-icon {
        background-color: #fab72b;
        color: #333;
        border-color: #fab72b
    }

    .btn-slider-animated.btn-slider-outline-warning:hover, .btn-slider-animated.btn-slider-outline-warning.hover, .btn-slider-animated.btn-slider-outline-warning:active, .btn-slider-animated.btn-slider-outline-warning.active {
        color: #f9af12;
        background-color: transparent;
        border-color: #f9af12
    }

.btn.btn-outline-info {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .btn.btn-outline-info:hover, .btn.btn-outline-info.hover, .btn.btn-outline-info:active, .btn.btn-outline-info.active, .btn.btn-outline-info.ladda-button:disabled {
        color: #fff;
        background-color: #4cacff;
        border-color: #33a0ff
    }

        .btn.btn-outline-info:hover svg, .btn.btn-outline-info.hover svg, .btn.btn-outline-info:active svg, .btn.btn-outline-info.active svg, .btn.btn-outline-info.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-info:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(76,172,255,0.5)
    }

    .btn.btn-outline-info svg {
        fill: #33a0ff
    }

    .btn.btn-outline-info:hover svg {
        fill: #fff
    }

    .btn.btn-outline-info.btn-icon-split span.icon {
        border-color: #4cacff
    }

    .btn.btn-outline-info.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #4cacff;
    border-color: #33a0ff
}

.btn-slider-outline-info {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .btn-slider-outline-info .label-icon {
        background-color: #4cacff;
        color: #fff;
        border-color: #4cacff
    }

    .btn-slider-outline-info:hover, .btn-slider-outline-info.hover, .btn-slider-outline-info:active, .btn-slider-outline-info.active {
        color: #fff;
        background-color: #4cacff;
        border-color: #33a0ff
    }

        .btn-slider-outline-info:hover .label-icon, .btn-slider-outline-info.hover .label-icon, .btn-slider-outline-info:active .label-icon, .btn-slider-outline-info.active .label-icon {
            color: #33a0ff;
            background-color: #fff;
            border-color: #33a0ff
        }

.btn-slider-animated.btn-slider-outline-info {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .btn-slider-animated.btn-slider-outline-info .label-icon {
        background-color: #4cacff;
        color: #fff;
        border-color: #4cacff
    }

    .btn-slider-animated.btn-slider-outline-info:hover, .btn-slider-animated.btn-slider-outline-info.hover, .btn-slider-animated.btn-slider-outline-info:active, .btn-slider-animated.btn-slider-outline-info.active {
        color: #33a0ff;
        background-color: transparent;
        border-color: #33a0ff
    }

.btn.btn-outline-light {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .btn.btn-outline-light:hover, .btn.btn-outline-light.hover, .btn.btn-outline-light:active, .btn.btn-outline-light.active, .btn.btn-outline-light.ladda-button:disabled {
        color: #333;
        background-color: #fff;
        border-color: #f2f2f2
    }

        .btn.btn-outline-light:hover svg, .btn.btn-outline-light.hover svg, .btn.btn-outline-light:active svg, .btn.btn-outline-light.active svg, .btn.btn-outline-light.ladda-button:disabled svg {
            fill: #333
        }

    .btn.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-light:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(255,255,255,0.5)
    }

    .btn.btn-outline-light svg {
        fill: #f2f2f2
    }

    .btn.btn-outline-light:hover svg {
        fill: #333
    }

    .btn.btn-outline-light.btn-icon-split span.icon {
        border-color: #fff
    }

    .btn.btn-outline-light.btn-icon-split:hover span.icon {
        border-color: rgba(51,51,51,0.5)
    }

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle {
    color: #333;
    background-color: #fff;
    border-color: #f2f2f2
}

.btn-slider-outline-light {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .btn-slider-outline-light .label-icon {
        background-color: #fff;
        color: #333;
        border-color: #fff
    }

    .btn-slider-outline-light:hover, .btn-slider-outline-light.hover, .btn-slider-outline-light:active, .btn-slider-outline-light.active {
        color: #333;
        background-color: #fff;
        border-color: #f2f2f2
    }

        .btn-slider-outline-light:hover .label-icon, .btn-slider-outline-light.hover .label-icon, .btn-slider-outline-light:active .label-icon, .btn-slider-outline-light.active .label-icon {
            color: #f2f2f2;
            background-color: #333;
            border-color: #f2f2f2
        }

.btn-slider-animated.btn-slider-outline-light {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .btn-slider-animated.btn-slider-outline-light .label-icon {
        background-color: #fff;
        color: #333;
        border-color: #fff
    }

    .btn-slider-animated.btn-slider-outline-light:hover, .btn-slider-animated.btn-slider-outline-light.hover, .btn-slider-animated.btn-slider-outline-light:active, .btn-slider-animated.btn-slider-outline-light.active {
        color: #f2f2f2;
        background-color: transparent;
        border-color: #f2f2f2
    }

.btn.btn-outline-dark {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .btn.btn-outline-dark:hover, .btn.btn-outline-dark.hover, .btn.btn-outline-dark:active, .btn.btn-outline-dark.active, .btn.btn-outline-dark.ladda-button:disabled {
        color: #fff;
        background-color: #393b51;
        border-color: #2e3042
    }

        .btn.btn-outline-dark:hover svg, .btn.btn-outline-dark.hover svg, .btn.btn-outline-dark:active svg, .btn.btn-outline-dark.active svg, .btn.btn-outline-dark.ladda-button:disabled svg {
            fill: #fff
        }

    .btn.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn.btn-outline-dark:not(:disabled):not(.disabled).active.focus {
        box-shadow: 0 0 0 .2rem rgba(57,59,81,0.5)
    }

    .btn.btn-outline-dark svg {
        fill: #2e3042
    }

    .btn.btn-outline-dark:hover svg {
        fill: #fff
    }

    .btn.btn-outline-dark.btn-icon-split span.icon {
        border-color: #393b51
    }

    .btn.btn-outline-dark.btn-icon-split:hover span.icon {
        border-color: rgba(255,255,255,0.5)
    }

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #393b51;
    border-color: #2e3042
}

.btn-slider-outline-dark {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .btn-slider-outline-dark .label-icon {
        background-color: #393b51;
        color: #fff;
        border-color: #393b51
    }

    .btn-slider-outline-dark:hover, .btn-slider-outline-dark.hover, .btn-slider-outline-dark:active, .btn-slider-outline-dark.active {
        color: #fff;
        background-color: #393b51;
        border-color: #2e3042
    }

        .btn-slider-outline-dark:hover .label-icon, .btn-slider-outline-dark.hover .label-icon, .btn-slider-outline-dark:active .label-icon, .btn-slider-outline-dark.active .label-icon {
            color: #2e3042;
            background-color: #fff;
            border-color: #2e3042
        }

.btn-slider-animated.btn-slider-outline-dark {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .btn-slider-animated.btn-slider-outline-dark .label-icon {
        background-color: #393b51;
        color: #fff;
        border-color: #393b51
    }

    .btn-slider-animated.btn-slider-outline-dark:hover, .btn-slider-animated.btn-slider-outline-dark.hover, .btn-slider-animated.btn-slider-outline-dark:active, .btn-slider-animated.btn-slider-outline-dark.active {
        color: #2e3042;
        background-color: transparent;
        border-color: #2e3042
    }

.btn.btn-outline-secondary {
    color: #898989;
    border-color: #a3a3a3
}

    .btn.btn-outline-secondary svg {
        fill: #898989
    }

    .btn.btn-outline-secondary:hover {
        background-color: #bcbcbc;
        border-color: #bcbcbc
    }

.btn.btn-outline-warning {
    color: #fab72b;
    border-color: #fab72b
}

.btn.btn-outline-white {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

    .btn.btn-outline-white:hover {
        background-color: #fff;
        color: #333
    }

.btn.btn-purple-light {
    color: #62319e;
    background-color: rgba(98,49,158,0.2);
    border-color: transparent
}

    .btn.btn-purple-light:hover {
        color: #62319e;
        background-color: rgba(26,13,41,0.2);
        border-color: transparent
    }

    .btn.btn-purple-light svg {
        fill: #62319e
    }

    .btn.btn-purple-light:hover svg {
        fill: #62319e
    }

    .btn.btn-purple-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(74,37,119,0.2)
    }

.btn.btn-primary-light {
    color: #5780f7;
    background-color: rgba(87,128,247,0.1);
    border-color: transparent
}

    .btn.btn-primary-light:hover {
        color: #5780f7;
        background-color: rgba(8,50,173,0.1);
        border-color: transparent
    }

    .btn.btn-primary-light svg {
        fill: #5780f7
    }

    .btn.btn-primary-light:hover svg {
        fill: #5780f7
    }

    .btn.btn-primary-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(38,91,245,0.1)
    }

.btn.btn-secondary-light {
    color: #707070;
    background-color: rgba(239,239,239,0.5);
    border-color: transparent
}

    .btn.btn-secondary-light:hover {
        color: #707070;
        background-color: rgba(163,163,163,0.5);
        border-color: transparent
    }

    .btn.btn-secondary-light svg {
        fill: #707070
    }

    .btn.btn-secondary-light:hover svg {
        fill: #707070
    }

    .btn.btn-secondary-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(214,214,214,0.5)
    }

.btn.btn-success-light {
    color: #04ccb0;
    background-color: rgba(4,204,176,0.1);
    border-color: transparent
}

    .btn.btn-success-light:hover {
        color: #04ccb0;
        background-color: rgba(1,54,47,0.1);
        border-color: transparent
    }

    .btn.btn-success-light svg {
        fill: #04ccb0
    }

    .btn.btn-success-light:hover svg {
        fill: #04ccb0
    }

    .btn.btn-success-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(3,154,133,0.1)
    }

.btn.btn-danger-light {
    color: #ff046c;
    background-color: rgba(255,4,108,0.1);
    border-color: transparent
}

    .btn.btn-danger-light:hover {
        color: #ff046c;
        background-color: rgba(106,0,44,0.1);
        border-color: transparent
    }

    .btn.btn-danger-light svg {
        fill: #ff046c
    }

    .btn.btn-danger-light:hover svg {
        fill: #ff046c
    }

    .btn.btn-danger-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(208,0,86,0.1)
    }

.btn.btn-warning-light {
    color: #eca206;
    background-color: rgba(250,183,43,0.2);
    border-color: transparent
}

    .btn.btn-warning-light:hover {
        color: #eca206;
        background-color: rgba(137,94,3,0.2);
        border-color: transparent
    }

    .btn.btn-warning-light svg {
        fill: #eca206
    }

    .btn.btn-warning-light:hover svg {
        fill: #eca206
    }

    .btn.btn-warning-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(236,162,6,0.2)
    }

.btn.btn-info-light {
    color: #4cacff;
    background-color: rgba(76,172,255,0.1);
    border-color: transparent
}

    .btn.btn-info-light:hover {
        color: #4cacff;
        background-color: rgba(0,95,178,0.1);
        border-color: transparent
    }

    .btn.btn-info-light svg {
        fill: #4cacff
    }

    .btn.btn-info-light:hover svg {
        fill: #4cacff
    }

    .btn.btn-info-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(25,148,255,0.1)
    }

.btn.btn-light-light {
    color: #333;
    background-color: rgba(255,255,255,0.9);
    border-color: transparent
}

    .btn.btn-light-light:hover {
        color: #333;
        background-color: rgba(179,179,179,0.9);
        border-color: transparent
    }

    .btn.btn-light-light svg {
        fill: #333
    }

    .btn.btn-light-light:hover svg {
        fill: #333
    }

    .btn.btn-light-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(230,230,230,0.9)
    }

.btn.btn-dark-light {
    color: #393b51;
    background-color: rgba(57,59,81,0.1);
    border-color: transparent
}

    .btn.btn-dark-light:hover {
        color: #393b51;
        background-color: rgba(0,0,0,0.1);
        border-color: transparent
    }

    .btn.btn-dark-light svg {
        fill: #393b51
    }

    .btn.btn-dark-light:hover svg {
        fill: #393b51
    }

    .btn.btn-dark-light.split-colored span.icon {
        border-right-color: transparent;
        background-color: rgba(36,37,51,0.1)
    }

.btn-light-light {
    color: #fff
}

    .btn-light-light:hover {
        color: #fff
    }

.btn-dark-light {
    color: #000;
    background-color: rgba(57,59,81,0.1)
}

    .btn-dark-light:hover {
        background-color: rgba(0,0,0,0.1);
        color: #000
    }

.btn.btn-light-light.split-colored span.icon {
    background-color: rgba(230,230,230,0.4)
}

.btn-purple-lightened {
    color: #62319e;
    background-color: #b08ddb
}

    .btn-purple-lightened:hover {
        color: #fff;
        background-color: #62319e;
        border-color: transparent
    }

    .btn-purple-lightened svg {
        fill: #62319e
    }

    .btn-purple-lightened:hover svg {
        fill: #fff
    }

.btn-primary-lightened {
    color: #5780f7;
    background-color: #e9eefe
}

    .btn-primary-lightened:hover {
        color: #fff;
        background-color: #5780f7;
        border-color: transparent
    }

    .btn-primary-lightened svg {
        fill: #5780f7
    }

    .btn-primary-lightened:hover svg {
        fill: #fff
    }

.btn-secondary-lightened {
    color: #707070;
    background-color: #f9f9f9
}

    .btn-secondary-lightened:hover {
        color: #333;
        background-color: #adadad;
        border-color: transparent
    }

    .btn-secondary-lightened svg {
        fill: #707070
    }

    .btn-secondary-lightened:hover svg {
        fill: #333
    }

.btn-success-lightened {
    color: #04ccb0;
    background-color: #e3f9f3
}

    .btn-success-lightened:hover {
        color: #fff;
        background-color: #65debd;
        border-color: transparent
    }

    .btn-success-lightened svg {
        fill: #04ccb0
    }

    .btn-success-lightened:hover svg {
        fill: #fff
    }

.btn-danger-lightened {
    color: #ff046c;
    background-color: #ffb7d5
}

    .btn-danger-lightened:hover {
        color: #fff;
        background-color: #ff1e7b;
        border-color: transparent
    }

    .btn-danger-lightened svg {
        fill: #ff046c
    }

    .btn-danger-lightened:hover svg {
        fill: #fff
    }

.btn-warning-lightened {
    color: #eca206;
    background-color: #feeac0
}

    .btn-warning-lightened:hover {
        color: #333;
        background-color: #fab72b;
        border-color: transparent
    }

    .btn-warning-lightened svg {
        fill: #eca206
    }

    .btn-warning-lightened:hover svg {
        fill: #333
    }

.btn-info-lightened {
    color: #4cacff;
    background-color: #e5f3ff
}

    .btn-info-lightened:hover {
        color: #fff;
        background-color: #4cacff;
        border-color: transparent
    }

    .btn-info-lightened svg {
        fill: #4cacff
    }

    .btn-info-lightened:hover svg {
        fill: #fff
    }

.btn-light-lightened {
    color: #333;
    background-color: white
}

    .btn-light-lightened:hover {
        color: #333;
        background-color: #b3b3b3;
        border-color: transparent
    }

    .btn-light-lightened svg {
        fill: #333
    }

    .btn-light-lightened:hover svg {
        fill: #333
    }

.btn-dark-lightened {
    color: #393b51;
    background-color: #7e82a5
}

    .btn-dark-lightened:hover {
        color: #fff;
        background-color: #393b51;
        border-color: transparent
    }

    .btn-dark-lightened svg {
        fill: #393b51
    }

    .btn-dark-lightened:hover svg {
        fill: #fff
    }

.btn-dark-lightened {
    color: #fff
}

    .btn-dark-lightened:hover {
        color: #fff
    }

.btn-purple-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#62319e,#9566cf);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-purple-gradient svg {
        fill: #fff
    }

    .btn-purple-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#62319e,#9566cf);
        border: 0
    }

        .btn-purple-gradient:hover svg {
            fill: #fff
        }

.btn-purple-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#62319e,#562b8b) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-purple-3d svg {
        fill: #fff
    }

    .btn-purple-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#62319e,#562b8b) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-purple-3d:hover svg {
            fill: #fff
        }

.btn-primary-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#5780f7,#3fbbf6);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-primary-gradient svg {
        fill: #fff
    }

    .btn-primary-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#5780f7,#3fbbf6);
        border: 0
    }

        .btn-primary-gradient:hover svg {
            fill: #fff
        }

.btn-primary-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#5780f7,#3f6ef6) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-primary-3d svg {
        fill: #fff
    }

    .btn-primary-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#5780f7,#3f6ef6) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-primary-3d:hover svg {
            fill: #fff
        }

.btn-secondary-gradient {
    color: #333;
    background-image: linear-gradient(to right,#efefef,#e2e2e2);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-secondary-gradient svg {
        fill: #333
    }

    .btn-secondary-gradient:hover {
        color: #333;
        background-image: linear-gradient(to left,#efefef,#e2e2e2);
        border: 0
    }

        .btn-secondary-gradient:hover svg {
            fill: #333
        }

.btn-secondary-3d {
    color: #333;
    background-image: linear-gradient(to bottom,#efefef,#e2e2e2) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-secondary-3d svg {
        fill: #333
    }

    .btn-secondary-3d:hover {
        color: #333;
        background-image: linear-gradient(to top,#efefef,#e2e2e2) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-secondary-3d:hover svg {
            fill: #333
        }

.btn-success-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#04ccb0,#059cab);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-success-gradient svg {
        fill: #fff
    }

    .btn-success-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#04ccb0,#059cab);
        border: 0
    }

        .btn-success-gradient:hover svg {
            fill: #fff
        }

.btn-success-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#04ccb0,#04b39a) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-success-3d svg {
        fill: #fff
    }

    .btn-success-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#04ccb0,#04b39a) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-success-3d:hover svg {
            fill: #fff
        }

.btn-danger-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#ff046c,#ea00b8);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-danger-gradient svg {
        fill: #fff
    }

    .btn-danger-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#ff046c,#ea00b8);
        border: 0
    }

        .btn-danger-gradient:hover svg {
            fill: #fff
        }

.btn-danger-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#ff046c,#ea0061) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-danger-3d svg {
        fill: #fff
    }

    .btn-danger-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#ff046c,#ea0061) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-danger-3d:hover svg {
            fill: #fff
        }

.btn-warning-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#fab72b,#f99212);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-warning-gradient svg {
        fill: #fff
    }

    .btn-warning-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#fab72b,#f99212);
        border: 0
    }

        .btn-warning-gradient:hover svg {
            fill: #fff
        }

.btn-warning-3d {
    color: #333;
    background-image: linear-gradient(to bottom,#fab72b,#f9af12) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-warning-3d svg {
        fill: #333
    }

    .btn-warning-3d:hover {
        color: #333;
        background-image: linear-gradient(to top,#fab72b,#f9af12) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-warning-3d:hover svg {
            fill: #333
        }

.btn-info-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#4cacff,#2ee1ea);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-info-gradient svg {
        fill: #fff
    }

    .btn-info-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#4cacff,#2ee1ea);
        border: 0
    }

        .btn-info-gradient:hover svg {
            fill: #fff
        }

.btn-info-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#4cacff,#33a0ff) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-info-3d svg {
        fill: #fff
    }

    .btn-info-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#4cacff,#33a0ff) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-info-3d:hover svg {
            fill: #fff
        }

.btn-light-gradient {
    color: #333;
    background-image: linear-gradient(to right,#fff,#f2f2f2);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-light-gradient svg {
        fill: #333
    }

    .btn-light-gradient:hover {
        color: #333;
        background-image: linear-gradient(to left,#fff,#f2f2f2);
        border: 0
    }

        .btn-light-gradient:hover svg {
            fill: #333
        }

.btn-light-3d {
    color: #333;
    background-image: linear-gradient(to bottom,#fff,#f2f2f2) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-light-3d svg {
        fill: #333
    }

    .btn-light-3d:hover {
        color: #333;
        background-image: linear-gradient(to top,#fff,#f2f2f2) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-light-3d:hover svg {
            fill: #333
        }

.btn-dark-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#393b51,#1d2888);
    border: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1)
}

    .btn-dark-gradient svg {
        fill: #fff
    }

    .btn-dark-gradient:hover {
        color: #fff;
        background-image: linear-gradient(to left,#393b51,#1d2888);
        border: 0
    }

        .btn-dark-gradient:hover svg {
            fill: #fff
        }

.btn-dark-3d {
    color: #fff;
    background-image: linear-gradient(to bottom,#393b51,#2e3042) !important;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.1)
}

    .btn-dark-3d svg {
        fill: #fff
    }

    .btn-dark-3d:hover {
        color: #fff;
        background-image: linear-gradient(to top,#393b51,#2e3042) !important;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0)
    }

        .btn-dark-3d:hover svg {
            fill: #fff
        }

.btn-secondary-gradient, .btn-light-gradient {
    text-shadow: none
}

.btn-primary-gradient {
    background-image: linear-gradient(45deg,#809bf5,#4c65e7)
}

    .btn-primary-gradient:hover {
        background-image: linear-gradient(-45deg,#809bf5,#4c65e7)
    }

.alert-primary {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

    .alert-primary svg {
        fill: #fff
    }

.alert-outline-primary {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .alert-outline-primary .close {
        opacity: 1
    }

        .alert-outline-primary .close svg {
            fill: #3f6ef6
        }

.alert-primary-lightened {
    color: #5780f7;
    background-color: #e9eefe
}

    .alert-primary-lightened svg {
        fill: #5780f7
    }

    .alert-primary-lightened:hover svg {
        fill: #5780f7
    }

.alert-primary-light {
    color: #5780f7;
    background-color: rgba(87,128,247,0.1);
    border-color: transparent
}

    .alert-primary-light svg {
        fill: #5780f7
    }

    .alert-primary-light:hover svg {
        fill: #5780f7
    }

.alert-secondary {
    color: #333;
    background-color: #efefef;
    border-color: #e2e2e2
}

    .alert-secondary svg {
        fill: #fff
    }

.alert-outline-secondary {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .alert-outline-secondary .close {
        opacity: 1
    }

        .alert-outline-secondary .close svg {
            fill: #e2e2e2
        }

.alert-secondary-lightened {
    color: #707070;
    background-color: #f9f9f9
}

    .alert-secondary-lightened svg {
        fill: #707070
    }

    .alert-secondary-lightened:hover svg {
        fill: #707070
    }

.alert-secondary-light {
    color: #707070;
    background-color: rgba(239,239,239,0.5);
    border-color: transparent
}

    .alert-secondary-light svg {
        fill: #707070
    }

    .alert-secondary-light:hover svg {
        fill: #707070
    }

.alert-success {
    color: #fff;
    background-color: #04ccb0;
    border-color: #04b39a
}

    .alert-success svg {
        fill: #fff
    }

.alert-outline-success {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .alert-outline-success .close {
        opacity: 1
    }

        .alert-outline-success .close svg {
            fill: #04b39a
        }

.alert-success-lightened {
    color: #04ccb0;
    background-color: #e3f9f3
}

    .alert-success-lightened svg {
        fill: #04ccb0
    }

    .alert-success-lightened:hover svg {
        fill: #04ccb0
    }

.alert-success-light {
    color: #04ccb0;
    background-color: rgba(4,204,176,0.1);
    border-color: transparent
}

    .alert-success-light svg {
        fill: #04ccb0
    }

    .alert-success-light:hover svg {
        fill: #04ccb0
    }

.alert-danger {
    color: #fff;
    background-color: #ff046c;
    border-color: #ea0061
}

    .alert-danger svg {
        fill: #fff
    }

.alert-outline-danger {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .alert-outline-danger .close {
        opacity: 1
    }

        .alert-outline-danger .close svg {
            fill: #ea0061
        }

.alert-danger-lightened {
    color: #ff046c;
    background-color: #ffb7d5
}

    .alert-danger-lightened svg {
        fill: #ff046c
    }

    .alert-danger-lightened:hover svg {
        fill: #ff046c
    }

.alert-danger-light {
    color: #ff046c;
    background-color: rgba(255,4,108,0.1);
    border-color: transparent
}

    .alert-danger-light svg {
        fill: #ff046c
    }

    .alert-danger-light:hover svg {
        fill: #ff046c
    }

.alert-warning {
    color: #333;
    background-color: #fab72b;
    border-color: #f9af12
}

    .alert-warning svg {
        fill: #fff
    }

.alert-outline-warning {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .alert-outline-warning .close {
        opacity: 1
    }

        .alert-outline-warning .close svg {
            fill: #f9af12
        }

.alert-warning-lightened {
    color: #eca206;
    background-color: #feeac0
}

    .alert-warning-lightened svg {
        fill: #eca206
    }

    .alert-warning-lightened:hover svg {
        fill: #eca206
    }

.alert-warning-light {
    color: #eca206;
    background-color: rgba(250,183,43,0.2);
    border-color: transparent
}

    .alert-warning-light svg {
        fill: #eca206
    }

    .alert-warning-light:hover svg {
        fill: #eca206
    }

.alert-info {
    color: #fff;
    background-color: #4cacff;
    border-color: #33a0ff
}

    .alert-info svg {
        fill: #fff
    }

.alert-outline-info {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .alert-outline-info .close {
        opacity: 1
    }

        .alert-outline-info .close svg {
            fill: #33a0ff
        }

.alert-info-lightened {
    color: #4cacff;
    background-color: #e5f3ff
}

    .alert-info-lightened svg {
        fill: #4cacff
    }

    .alert-info-lightened:hover svg {
        fill: #4cacff
    }

.alert-info-light {
    color: #4cacff;
    background-color: rgba(76,172,255,0.1);
    border-color: transparent
}

    .alert-info-light svg {
        fill: #4cacff
    }

    .alert-info-light:hover svg {
        fill: #4cacff
    }

.alert-dark {
    color: #fff;
    background-color: #393b51;
    border-color: #2e3042
}

    .alert-dark svg {
        fill: #fff
    }

.alert-outline-dark {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .alert-outline-dark .close {
        opacity: 1
    }

        .alert-outline-dark .close svg {
            fill: #2e3042
        }

.alert-dark-lightened {
    color: #393b51;
    background-color: #7e82a5
}

    .alert-dark-lightened svg {
        fill: #393b51
    }

    .alert-dark-lightened:hover svg {
        fill: #393b51
    }

.alert-dark-light {
    color: #393b51;
    background-color: rgba(57,59,81,0.1);
    border-color: transparent
}

    .alert-dark-light svg {
        fill: #393b51
    }

    .alert-dark-light:hover svg {
        fill: #393b51
    }

.alert.alert-secondary .close, .alert.alert-light .close {
    opacity: .5
}

.alert.alert-secondary svg, .alert.alert-light svg {
    fill: #848484
}

.alert-success {
    border-color: #04c2a7
}

.alert-light {
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)
}

.alert.alert-default {
    color: #333;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}

    .alert.alert-default .close {
        opacity: .5
    }

    .alert.alert-default svg {
        fill: #848484
    }

.alert.alert-dismissible-2 .close {
    opacity: 1
}

.alert.alert-dismissible-2.alert-light .close {
    background-color: #eee
}

.alert-outline-secondary {
    color: #707070;
    border-color: #707070
}

    .alert-outline-secondary .close svg {
        fill: #707070
    }

.alert-outline-warning {
    color: #fab72b;
    border-color: #fab72b
}

    .alert-outline-warning .close svg {
        fill: #fab72b
    }

.badge.badge-purple {
    color: #fff;
    background-color: #62319e
}

    .badge.badge-purple.badge-bullet {
        color: #62319e
    }

        .badge.badge-purple.badge-bullet::before {
            background-color: #62319e
        }

.badge.badge-primary {
    color: #fff;
    background-color: #5780f7
}

    .badge.badge-primary.badge-bullet {
        color: #5780f7
    }

        .badge.badge-primary.badge-bullet::before {
            background-color: #5780f7
        }

.badge.badge-secondary {
    color: #333;
    background-color: #efefef
}

    .badge.badge-secondary.badge-bullet {
        color: #efefef
    }

        .badge.badge-secondary.badge-bullet::before {
            background-color: #efefef
        }

.badge.badge-success {
    color: #fff;
    background-color: #04ccb0
}

    .badge.badge-success.badge-bullet {
        color: #04ccb0
    }

        .badge.badge-success.badge-bullet::before {
            background-color: #04ccb0
        }

.badge.badge-danger {
    color: #fff;
    background-color: #ff046c
}

    .badge.badge-danger.badge-bullet {
        color: #ff046c
    }

        .badge.badge-danger.badge-bullet::before {
            background-color: #ff046c
        }

.badge.badge-warning {
    color: #333;
    background-color: #fab72b
}

    .badge.badge-warning.badge-bullet {
        color: #fab72b
    }

        .badge.badge-warning.badge-bullet::before {
            background-color: #fab72b
        }

.badge.badge-info {
    color: #fff;
    background-color: #4cacff
}

    .badge.badge-info.badge-bullet {
        color: #4cacff
    }

        .badge.badge-info.badge-bullet::before {
            background-color: #4cacff
        }

.badge.badge-light {
    color: #333;
    background-color: #fff
}

    .badge.badge-light.badge-bullet {
        color: #fff
    }

        .badge.badge-light.badge-bullet::before {
            background-color: #fff
        }

.badge.badge-dark {
    color: #fff;
    background-color: #393b51
}

    .badge.badge-dark.badge-bullet {
        color: #393b51
    }

        .badge.badge-dark.badge-bullet::before {
            background-color: #393b51
        }

.badge.badge-light.badge-bullet {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.15)
}

    .badge.badge-light.badge-bullet::before {
        box-shadow: 1px 1px 0 rgba(0,0,0,0.15)
    }

.badge-outline-purple {
    color: #62319e;
    background-color: transparent;
    border: 1px solid #62319e
}

.badge-outline-primary {
    color: #5780f7;
    background-color: transparent;
    border: 1px solid #5780f7
}

.badge-outline-secondary {
    color: #efefef;
    background-color: transparent;
    border: 1px solid #efefef
}

.badge-outline-success {
    color: #04ccb0;
    background-color: transparent;
    border: 1px solid #04ccb0
}

.badge-outline-danger {
    color: #ff046c;
    background-color: transparent;
    border: 1px solid #ff046c
}

.badge-outline-warning {
    color: #fab72b;
    background-color: transparent;
    border: 1px solid #fab72b
}

.badge-outline-info {
    color: #4cacff;
    background-color: transparent;
    border: 1px solid #4cacff
}

.badge-outline-light {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff
}

.badge-outline-dark {
    color: #393b51;
    background-color: transparent;
    border: 1px solid #393b51
}

.badge-outline-secondary {
    color: #707070;
    border: 1px solid #707070
}

.badge-purple-light {
    color: #62319e;
    background-color: rgba(98,49,158,0.2)
}

.badge-primary-light {
    color: #5780f7;
    background-color: rgba(87,128,247,0.1)
}

.badge-secondary-light {
    color: #707070;
    background-color: rgba(239,239,239,0.5)
}

.badge-success-light {
    color: #04ccb0;
    background-color: rgba(4,204,176,0.1)
}

.badge-danger-light {
    color: #ff046c;
    background-color: rgba(255,4,108,0.1)
}

.badge-warning-light {
    color: #eca206;
    background-color: rgba(250,183,43,0.2)
}

.badge-info-light {
    color: #4cacff;
    background-color: rgba(76,172,255,0.1)
}

.badge-light-light {
    color: #333;
    background-color: rgba(255,255,255,0.9)
}

.badge-dark-light {
    color: #393b51;
    background-color: rgba(57,59,81,0.1)
}

.pagination-primary.pagination-inverse .page-item .page-link, .pagination-data-table-primary.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-primary .page-item.active .page-link, .pagination-data-table-primary ul.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #5780f7;
    border-color: #3f6ef6
}

.pagination-data-table-primary.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-primary.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-secondary.pagination-inverse .page-item .page-link, .pagination-data-table-secondary.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-secondary .page-item.active .page-link, .pagination-data-table-secondary ul.pagination .page-item.active .page-link {
    color: #333 !important;
    background-color: #efefef;
    border-color: #e2e2e2
}

.pagination-data-table-secondary.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-secondary.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-success.pagination-inverse .page-item .page-link, .pagination-data-table-success.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-success .page-item.active .page-link, .pagination-data-table-success ul.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #04ccb0;
    border-color: #04b39a
}

.pagination-data-table-success.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-success.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-danger.pagination-inverse .page-item .page-link, .pagination-data-table-danger.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-danger .page-item.active .page-link, .pagination-data-table-danger ul.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #ff046c;
    border-color: #ea0061
}

.pagination-data-table-danger.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-danger.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-warning.pagination-inverse .page-item .page-link, .pagination-data-table-warning.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-warning .page-item.active .page-link, .pagination-data-table-warning ul.pagination .page-item.active .page-link {
    color: #333 !important;
    background-color: #fab72b;
    border-color: #f9af12
}

.pagination-data-table-warning.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-warning.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-info.pagination-inverse .page-item .page-link, .pagination-data-table-info.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-info .page-item.active .page-link, .pagination-data-table-info ul.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #4cacff;
    border-color: #33a0ff
}

.pagination-data-table-info.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-info.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-light.pagination-inverse .page-item .page-link, .pagination-data-table-light.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-light .page-item.active .page-link, .pagination-data-table-light ul.pagination .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #f2f2f2
}

.pagination-data-table-light.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-light.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-dark.pagination-inverse .page-item .page-link, .pagination-data-table-dark.pagination-data-table-inverse ul.pagination .page-item .page-link, .pagination-dark .page-item.active .page-link, .pagination-data-table-dark ul.pagination .page-item.active .page-link {
    color: #fff !important;
    background-color: #393b51;
    border-color: #2e3042
}

.pagination-data-table-dark.pagination-data-table-inverse ul.pagination .page-item.active .page-link, .pagination-dark.pagination-inverse .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.page-item.active .page-link {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

.pagination-inverse .page-item .page-link, .pagination-data-table-inverse ul.pagination .page-item .page-link {
    color: #fff !important;
    background-color: #5780f7;
    border-color: #3f6ef6
}

.pagination-inverse .page-item.active .page-link, .pagination-data-table-inverse ul.pagination .page-item.active .page-link {
    color: #333 !important;
    background-color: #fff;
    border-color: #dee2e6
}

.bg-primary.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-primary.bs-popover-left > .arrow::after {
    border-left-color: #5780f7
}

.bg-primary.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-primary.bs-popover-top > .arrow::after {
    border-top-color: #5780f7
}

.bg-primary.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-primary.bs-popover-right > .arrow::after {
    border-right-color: #5780f7
}

.bg-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-primary.bs-popover-bottom > .arrow::after {
    border-bottom-color: #5780f7
}

.bg-secondary.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-secondary.bs-popover-left > .arrow::after {
    border-left-color: #efefef
}

.bg-secondary.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-secondary.bs-popover-top > .arrow::after {
    border-top-color: #efefef
}

.bg-secondary.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-secondary.bs-popover-right > .arrow::after {
    border-right-color: #efefef
}

.bg-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-secondary.bs-popover-bottom > .arrow::after {
    border-bottom-color: #efefef
}

.bg-success.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-success.bs-popover-left > .arrow::after {
    border-left-color: #04ccb0
}

.bg-success.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-success.bs-popover-top > .arrow::after {
    border-top-color: #04ccb0
}

.bg-success.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-success.bs-popover-right > .arrow::after {
    border-right-color: #04ccb0
}

.bg-success.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-success.bs-popover-bottom > .arrow::after {
    border-bottom-color: #04ccb0
}

.bg-danger.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-danger.bs-popover-left > .arrow::after {
    border-left-color: #ff046c
}

.bg-danger.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-danger.bs-popover-top > .arrow::after {
    border-top-color: #ff046c
}

.bg-danger.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-danger.bs-popover-right > .arrow::after {
    border-right-color: #ff046c
}

.bg-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-danger.bs-popover-bottom > .arrow::after {
    border-bottom-color: #ff046c
}

.bg-warning.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-warning.bs-popover-left > .arrow::after {
    border-left-color: #fab72b
}

.bg-warning.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-warning.bs-popover-top > .arrow::after {
    border-top-color: #fab72b
}

.bg-warning.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-warning.bs-popover-right > .arrow::after {
    border-right-color: #fab72b
}

.bg-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-warning.bs-popover-bottom > .arrow::after {
    border-bottom-color: #fab72b
}

.bg-info.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-info.bs-popover-left > .arrow::after {
    border-left-color: #4cacff
}

.bg-info.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-info.bs-popover-top > .arrow::after {
    border-top-color: #4cacff
}

.bg-info.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-info.bs-popover-right > .arrow::after {
    border-right-color: #4cacff
}

.bg-info.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-info.bs-popover-bottom > .arrow::after {
    border-bottom-color: #4cacff
}

.bg-light.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-light.bs-popover-left > .arrow::after {
    border-left-color: #fff
}

.bg-light.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-light.bs-popover-top > .arrow::after {
    border-top-color: #fff
}

.bg-light.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-light.bs-popover-right > .arrow::after {
    border-right-color: #fff
}

.bg-light.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-light.bs-popover-bottom > .arrow::after {
    border-bottom-color: #fff
}

.bg-dark.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-dark.bs-popover-left > .arrow::after {
    border-left-color: #393b51
}

.bg-dark.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-dark.bs-popover-top > .arrow::after {
    border-top-color: #393b51
}

.bg-dark.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-dark.bs-popover-right > .arrow::after {
    border-right-color: #393b51
}

.bg-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-dark.bs-popover-bottom > .arrow::after {
    border-bottom-color: #393b51
}

.bg-primary-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-primary-lightened.bs-popover-left > .arrow::after {
    border-left-color: #e9eefe
}

.bg-primary-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-primary-lightened.bs-popover-top > .arrow::after {
    border-top-color: #e9eefe
}

.bg-primary-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-primary-lightened.bs-popover-right > .arrow::after {
    border-right-color: #e9eefe
}

.bg-primary-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-primary-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #e9eefe
}

.bg-secondary-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-secondary-lightened.bs-popover-left > .arrow::after {
    border-left-color: #f9f9f9
}

.bg-secondary-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-secondary-lightened.bs-popover-top > .arrow::after {
    border-top-color: #f9f9f9
}

.bg-secondary-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-secondary-lightened.bs-popover-right > .arrow::after {
    border-right-color: #f9f9f9
}

.bg-secondary-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-secondary-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #f9f9f9
}

.bg-success-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-success-lightened.bs-popover-left > .arrow::after {
    border-left-color: #e3f9f3
}

.bg-success-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-success-lightened.bs-popover-top > .arrow::after {
    border-top-color: #e3f9f3
}

.bg-success-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-success-lightened.bs-popover-right > .arrow::after {
    border-right-color: #e3f9f3
}

.bg-success-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-success-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #e3f9f3
}

.bg-danger-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-danger-lightened.bs-popover-left > .arrow::after {
    border-left-color: #ffb7d5
}

.bg-danger-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-danger-lightened.bs-popover-top > .arrow::after {
    border-top-color: #ffb7d5
}

.bg-danger-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-danger-lightened.bs-popover-right > .arrow::after {
    border-right-color: #ffb7d5
}

.bg-danger-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-danger-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #ffb7d5
}

.bg-warning-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-warning-lightened.bs-popover-left > .arrow::after {
    border-left-color: #feeac0
}

.bg-warning-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-warning-lightened.bs-popover-top > .arrow::after {
    border-top-color: #feeac0
}

.bg-warning-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-warning-lightened.bs-popover-right > .arrow::after {
    border-right-color: #feeac0
}

.bg-warning-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-warning-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #feeac0
}

.bg-info-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-info-lightened.bs-popover-left > .arrow::after {
    border-left-color: #e5f3ff
}

.bg-info-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-info-lightened.bs-popover-top > .arrow::after {
    border-top-color: #e5f3ff
}

.bg-info-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-info-lightened.bs-popover-right > .arrow::after {
    border-right-color: #e5f3ff
}

.bg-info-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-info-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #e5f3ff
}

.bg-light-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-light-lightened.bs-popover-left > .arrow::after {
    border-left-color: white
}

.bg-light-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-light-lightened.bs-popover-top > .arrow::after {
    border-top-color: white
}

.bg-light-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-light-lightened.bs-popover-right > .arrow::after {
    border-right-color: white
}

.bg-light-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-light-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: white
}

.bg-dark-lightened.bs-popover-auto[x-placement^=left] > .arrow::after, .bg-dark-lightened.bs-popover-left > .arrow::after {
    border-left-color: #7e82a5
}

.bg-dark-lightened.bs-popover-auto[x-placement^=top] > .arrow::after, .bg-dark-lightened.bs-popover-top > .arrow::after {
    border-top-color: #7e82a5
}

.bg-dark-lightened.bs-popover-auto[x-placement^=right] > .arrow::after, .bg-dark-lightened.bs-popover-right > .arrow::after {
    border-right-color: #7e82a5
}

.bg-dark-lightened.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bg-dark-lightened.bs-popover-bottom > .arrow::after {
    border-bottom-color: #7e82a5
}

.tooltip-primary.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-primary.bs-tooltip-left > .arrow::before {
    border-left-color: #5780f7
}

.tooltip-primary.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-primary.bs-tooltip-top > .arrow::before {
    border-top-color: #5780f7
}

.tooltip-primary.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-primary.bs-tooltip-right > .arrow::before {
    border-right-color: #5780f7
}

.tooltip-primary.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-primary.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #5780f7
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-secondary.bs-tooltip-left > .arrow::before {
    border-left-color: #efefef
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-secondary.bs-tooltip-top > .arrow::before {
    border-top-color: #efefef
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-secondary.bs-tooltip-right > .arrow::before {
    border-right-color: #efefef
}

.tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-secondary.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #efefef
}

.tooltip-success.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-success.bs-tooltip-left > .arrow::before {
    border-left-color: #04ccb0
}

.tooltip-success.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-success.bs-tooltip-top > .arrow::before {
    border-top-color: #04ccb0
}

.tooltip-success.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-success.bs-tooltip-right > .arrow::before {
    border-right-color: #04ccb0
}

.tooltip-success.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-success.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #04ccb0
}

.tooltip-danger.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-danger.bs-tooltip-left > .arrow::before {
    border-left-color: #ff046c
}

.tooltip-danger.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-danger.bs-tooltip-top > .arrow::before {
    border-top-color: #ff046c
}

.tooltip-danger.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-danger.bs-tooltip-right > .arrow::before {
    border-right-color: #ff046c
}

.tooltip-danger.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-danger.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #ff046c
}

.tooltip-warning.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-warning.bs-tooltip-left > .arrow::before {
    border-left-color: #fab72b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-warning.bs-tooltip-top > .arrow::before {
    border-top-color: #fab72b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-warning.bs-tooltip-right > .arrow::before {
    border-right-color: #fab72b
}

.tooltip-warning.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-warning.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #fab72b
}

.tooltip-info.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-info.bs-tooltip-left > .arrow::before {
    border-left-color: #4cacff
}

.tooltip-info.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-info.bs-tooltip-top > .arrow::before {
    border-top-color: #4cacff
}

.tooltip-info.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-info.bs-tooltip-right > .arrow::before {
    border-right-color: #4cacff
}

.tooltip-info.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-info.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #4cacff
}

.tooltip-light.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-light.bs-tooltip-left > .arrow::before {
    border-left-color: #fff
}

.tooltip-light.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-light.bs-tooltip-top > .arrow::before {
    border-top-color: #fff
}

.tooltip-light.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-light.bs-tooltip-right > .arrow::before {
    border-right-color: #fff
}

.tooltip-light.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-light.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #fff
}

.tooltip-dark.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-dark.bs-tooltip-left > .arrow::before {
    border-left-color: #393b51
}

.tooltip-dark.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-dark.bs-tooltip-top > .arrow::before {
    border-top-color: #393b51
}

.tooltip-dark.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-dark.bs-tooltip-right > .arrow::before {
    border-right-color: #393b51
}

.tooltip-dark.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-dark.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #393b51
}

.tooltip-primary-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-primary-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #e9eefe
}

.tooltip-primary-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-primary-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #e9eefe
}

.tooltip-primary-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-primary-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #e9eefe
}

.tooltip-primary-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-primary-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #e9eefe
}

.tooltip-secondary-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-secondary-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #f9f9f9
}

.tooltip-secondary-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-secondary-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #f9f9f9
}

.tooltip-secondary-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-secondary-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #f9f9f9
}

.tooltip-secondary-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-secondary-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #f9f9f9
}

.tooltip-success-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-success-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #e3f9f3
}

.tooltip-success-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-success-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #e3f9f3
}

.tooltip-success-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-success-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #e3f9f3
}

.tooltip-success-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-success-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #e3f9f3
}

.tooltip-danger-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-danger-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #ffb7d5
}

.tooltip-danger-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-danger-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #ffb7d5
}

.tooltip-danger-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-danger-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #ffb7d5
}

.tooltip-danger-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-danger-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #ffb7d5
}

.tooltip-warning-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-warning-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #feeac0
}

.tooltip-warning-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-warning-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #feeac0
}

.tooltip-warning-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-warning-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #feeac0
}

.tooltip-warning-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-warning-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #feeac0
}

.tooltip-info-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-info-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #e5f3ff
}

.tooltip-info-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-info-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #e5f3ff
}

.tooltip-info-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-info-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #e5f3ff
}

.tooltip-info-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-info-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #e5f3ff
}

.tooltip-light-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-light-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: white
}

.tooltip-light-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-light-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: white
}

.tooltip-light-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-light-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: white
}

.tooltip-light-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-light-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: white
}

.tooltip-dark-lightened.bs-tooltip-auto[x-placement^=left] > .arrow::before, .tooltip-dark-lightened.bs-tooltip-left > .arrow::before {
    border-left-color: #7e82a5
}

.tooltip-dark-lightened.bs-tooltip-auto[x-placement^=top] > .arrow::before, .tooltip-dark-lightened.bs-tooltip-top > .arrow::before {
    border-top-color: #7e82a5
}

.tooltip-dark-lightened.bs-tooltip-auto[x-placement^=right] > .arrow::before, .tooltip-dark-lightened.bs-tooltip-right > .arrow::before {
    border-right-color: #7e82a5
}

.tooltip-dark-lightened.bs-tooltip-auto[x-placement^=bottom] > .arrow::before, .tooltip-dark-lightened.bs-tooltip-bottom > .arrow::before {
    border-bottom-color: #7e82a5
}

.spinner-primary .sk-cube-grid .sk-cube, .spinner-primary .spinner-rotateplane, .spinner-primary .spinner-bars:before, .spinner-primary .spinner-bars:after, .spinner-primary .sk-chase-dot:before, .spinner-primary .sk-folding-cube .sk-cube:before, .spinner-primary .spinner-bars, .spinner-primary .spinner-bars:before {
    background-color: #5780f7
}

.spinner-primary .spinner-bars {
    color: #5780f7
}

.spinner-secondary .sk-cube-grid .sk-cube, .spinner-secondary .spinner-rotateplane, .spinner-secondary .spinner-bars:before, .spinner-secondary .spinner-bars:after, .spinner-secondary .sk-chase-dot:before, .spinner-secondary .sk-folding-cube .sk-cube:before, .spinner-secondary .spinner-bars, .spinner-secondary .spinner-bars:before {
    background-color: #efefef
}

.spinner-secondary .spinner-bars {
    color: #efefef
}

.spinner-success .sk-cube-grid .sk-cube, .spinner-success .spinner-rotateplane, .spinner-success .spinner-bars:before, .spinner-success .spinner-bars:after, .spinner-success .sk-chase-dot:before, .spinner-success .sk-folding-cube .sk-cube:before, .spinner-success .spinner-bars, .spinner-success .spinner-bars:before {
    background-color: #04ccb0
}

.spinner-success .spinner-bars {
    color: #04ccb0
}

.spinner-danger .sk-cube-grid .sk-cube, .spinner-danger .spinner-rotateplane, .spinner-danger .spinner-bars:before, .spinner-danger .spinner-bars:after, .spinner-danger .sk-chase-dot:before, .spinner-danger .sk-folding-cube .sk-cube:before, .spinner-danger .spinner-bars, .spinner-danger .spinner-bars:before {
    background-color: #ff046c
}

.spinner-danger .spinner-bars {
    color: #ff046c
}

.spinner-warning .sk-cube-grid .sk-cube, .spinner-warning .spinner-rotateplane, .spinner-warning .spinner-bars:before, .spinner-warning .spinner-bars:after, .spinner-warning .sk-chase-dot:before, .spinner-warning .sk-folding-cube .sk-cube:before, .spinner-warning .spinner-bars, .spinner-warning .spinner-bars:before {
    background-color: #fab72b
}

.spinner-warning .spinner-bars {
    color: #fab72b
}

.spinner-info .sk-cube-grid .sk-cube, .spinner-info .spinner-rotateplane, .spinner-info .spinner-bars:before, .spinner-info .spinner-bars:after, .spinner-info .sk-chase-dot:before, .spinner-info .sk-folding-cube .sk-cube:before, .spinner-info .spinner-bars, .spinner-info .spinner-bars:before {
    background-color: #4cacff
}

.spinner-info .spinner-bars {
    color: #4cacff
}

.spinner-light .sk-cube-grid .sk-cube, .spinner-light .spinner-rotateplane, .spinner-light .spinner-bars:before, .spinner-light .spinner-bars:after, .spinner-light .sk-chase-dot:before, .spinner-light .sk-folding-cube .sk-cube:before, .spinner-light .spinner-bars, .spinner-light .spinner-bars:before {
    background-color: #fff
}

.spinner-light .spinner-bars {
    color: #fff
}

.spinner-dark .sk-cube-grid .sk-cube, .spinner-dark .spinner-rotateplane, .spinner-dark .spinner-bars:before, .spinner-dark .spinner-bars:after, .spinner-dark .sk-chase-dot:before, .spinner-dark .sk-folding-cube .sk-cube:before, .spinner-dark .spinner-bars, .spinner-dark .spinner-bars:before {
    background-color: #393b51
}

.spinner-dark .spinner-bars {
    color: #393b51
}

.bg-primary-gradient {
    background-image: linear-gradient(45deg,#265bf5,#5780f7,#88a5f9) !important
}

.bg-secondary-gradient {
    background-image: linear-gradient(45deg,#d6d6d6,#efefef,white) !important
}

.bg-success-gradient {
    background-image: linear-gradient(45deg,#039a85,#04ccb0,#09fad8) !important
}

.bg-danger-gradient {
    background-image: linear-gradient(45deg,#d00056,#ff046c,#ff378a) !important
}

.bg-warning-gradient {
    background-image: linear-gradient(45deg,#eca206,#fab72b,#fbc85d) !important
}

.bg-info-gradient {
    background-image: linear-gradient(45deg,#1994ff,#4cacff,#7fc4ff) !important
}

.bg-light-gradient {
    background-image: linear-gradient(45deg,#e6e6e6,#fff,white) !important
}

.bg-dark-gradient {
    background-image: linear-gradient(45deg,#242533,#393b51,#4e516f) !important
}

.toast.bg-primary .toast-header {
    color: #fff
}

    .toast.bg-primary .toast-header svg {
        fill: #fff
    }

.toast.bg-secondary .toast-header {
    color: #333
}

    .toast.bg-secondary .toast-header svg {
        fill: #333
    }

.toast.bg-success .toast-header {
    color: #fff
}

    .toast.bg-success .toast-header svg {
        fill: #fff
    }

.toast.bg-danger .toast-header {
    color: #fff
}

    .toast.bg-danger .toast-header svg {
        fill: #fff
    }

.toast.bg-warning .toast-header {
    color: #333
}

    .toast.bg-warning .toast-header svg {
        fill: #333
    }

.toast.bg-info .toast-header {
    color: #fff
}

    .toast.bg-info .toast-header svg {
        fill: #fff
    }

.toast.bg-light .toast-header {
    color: #333
}

    .toast.bg-light .toast-header svg {
        fill: #333
    }

.toast.bg-dark .toast-header {
    color: #fff
}

    .toast.bg-dark .toast-header svg {
        fill: #fff
    }

.custom-toast-1.toast-primary {
    border-left-color: #5780f7;
    background-color: #5780f7
}

    .custom-toast-1.toast-primary .toast-icon {
        color: #fff
    }

    .custom-toast-1.toast-primary .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-secondary {
    border-left-color: #efefef;
    background-color: #efefef
}

    .custom-toast-1.toast-secondary .toast-icon {
        color: #333
    }

    .custom-toast-1.toast-secondary .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-success {
    border-left-color: #04ccb0;
    background-color: #04ccb0
}

    .custom-toast-1.toast-success .toast-icon {
        color: #fff
    }

    .custom-toast-1.toast-success .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-danger {
    border-left-color: #ff046c;
    background-color: #ff046c
}

    .custom-toast-1.toast-danger .toast-icon {
        color: #fff
    }

    .custom-toast-1.toast-danger .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-warning {
    border-left-color: #fab72b;
    background-color: #fab72b
}

    .custom-toast-1.toast-warning .toast-icon {
        color: #333
    }

    .custom-toast-1.toast-warning .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-info {
    border-left-color: #4cacff;
    background-color: #4cacff
}

    .custom-toast-1.toast-info .toast-icon {
        color: #fff
    }

    .custom-toast-1.toast-info .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-light {
    border-left-color: #fff;
    background-color: #fff
}

    .custom-toast-1.toast-light .toast-icon {
        color: #333
    }

    .custom-toast-1.toast-light .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.custom-toast-1.toast-dark {
    border-left-color: #393b51;
    background-color: #393b51
}

    .custom-toast-1.toast-dark .toast-icon {
        color: #fff
    }

    .custom-toast-1.toast-dark .toast-header {
        background-color: rgba(255,255,255,0.85)
    }

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #04ccb0;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%2304ccb0' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #ff046c;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff046c' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff046c' stroke='none'/%3e%3c/svg%3e")
}

.invalid-feedback {
    color: #ff046c
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #ff046c
}

.datepicker.dropdown-menu {
    border-radius: 0
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th, .datepicker th.dow {
    background-color: #e9eefe;
    color: #5780f7
}

    .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker th.dow:hover {
        color: #265bf5
    }

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    background-image: none;
    background-color: #5780f7;
    color: #fff
}

.clockpicker-popover .popover-title {
    background-color: #e9eefe;
    color: #5780f7
}

.clockpicker-popover .popover-content {
    background-color: #f3f6fe
}

span.avatar.avatar-primary {
    background-color: rgba(87,128,247,0.1);
    color: #5780f7
}

span.avatar.avatar-secondary {
    background-color: rgba(239,239,239,0.5);
    color: #707070
}

span.avatar.avatar-success {
    background-color: rgba(4,204,176,0.1);
    color: #04ccb0
}

span.avatar.avatar-danger {
    background-color: rgba(255,4,108,0.1);
    color: #ff046c
}

span.avatar.avatar-warning {
    background-color: rgba(250,183,43,0.2);
    color: #eca206
}

span.avatar.avatar-info {
    background-color: rgba(76,172,255,0.1);
    color: #4cacff
}

span.avatar.avatar-light {
    background-color: rgba(255,255,255,0.9);
    color: #333
}

span.avatar.avatar-dark {
    background-color: rgba(57,59,81,0.1);
    color: #393b51
}

span.avatar.avatar-light {
    color: black
}

.ladda-primary.ladda-button, .ladda-primary.ladda-button {
    background-color: #5780f7 !important;
    color: #fff !important
}

    .ladda-primary.ladda-button:hover, .ladda-primary.ladda-button:hover {
        color: #fff !important;
        background-color: #265bf5 !important;
        border-color: #265bf5 !important
    }

.ladda-outline-primary.ladda-button, .ladda-outline-primary.ladda-button {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .ladda-outline-primary.ladda-button:hover, .ladda-outline-primary.ladda-button:hover {
        color: #fff !important;
        background-color: #5780f7 !important;
        border-color: #3f6ef6
    }

.ladda-primary.ladda-button[disabled], .ladda-primary.ladda-button[data-loading] {
    background-color: #5780f7 !important;
    color: #fff !important
}

    .ladda-primary.ladda-button[disabled]:hover, .ladda-primary.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #265bf5 !important;
        border-color: #265bf5 !important
    }

    .ladda-primary.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-primary.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

    .ladda-primary.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-primary.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.btn-outline-primary.ladda-button:disabled {
    color: #fff
}

.ladda-outline-primary.ladda-button[disabled], .ladda-outline-primary.ladda-button[data-loading] {
    color: #3f6ef6;
    background-color: transparent;
    border-color: #3f6ef6
}

    .ladda-outline-primary.ladda-button[disabled]:hover, .ladda-outline-primary.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #5780f7 !important;
        border-color: #3f6ef6
    }

    .ladda-outline-primary.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-primary.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #3f6ef6 !important
    }

    .ladda-outline-primary.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-primary.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.ladda-secondary.ladda-button, .ladda-secondary.ladda-button {
    background-color: #efefef !important;
    color: #333 !important
}

    .ladda-secondary.ladda-button:hover, .ladda-secondary.ladda-button:hover {
        color: #333 !important;
        background-color: #d6d6d6 !important;
        border-color: #d6d6d6 !important
    }

.ladda-outline-secondary.ladda-button, .ladda-outline-secondary.ladda-button {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .ladda-outline-secondary.ladda-button:hover, .ladda-outline-secondary.ladda-button:hover {
        color: #333 !important;
        background-color: #efefef !important;
        border-color: #e2e2e2
    }

.ladda-secondary.ladda-button[disabled], .ladda-secondary.ladda-button[data-loading] {
    background-color: #efefef !important;
    color: #333 !important
}

    .ladda-secondary.ladda-button[disabled]:hover, .ladda-secondary.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #d6d6d6 !important;
        border-color: #d6d6d6 !important
    }

    .ladda-secondary.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-secondary.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

    .ladda-secondary.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-secondary.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.btn-outline-secondary.ladda-button:disabled {
    color: #fff
}

.ladda-outline-secondary.ladda-button[disabled], .ladda-outline-secondary.ladda-button[data-loading] {
    color: #e2e2e2;
    background-color: transparent;
    border-color: #e2e2e2
}

    .ladda-outline-secondary.ladda-button[disabled]:hover, .ladda-outline-secondary.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #efefef !important;
        border-color: #e2e2e2
    }

    .ladda-outline-secondary.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-secondary.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #e2e2e2 !important
    }

    .ladda-outline-secondary.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-secondary.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.ladda-success.ladda-button, .ladda-success.ladda-button {
    background-color: #04ccb0 !important;
    color: #fff !important
}

    .ladda-success.ladda-button:hover, .ladda-success.ladda-button:hover {
        color: #fff !important;
        background-color: #039a85 !important;
        border-color: #039a85 !important
    }

.ladda-outline-success.ladda-button, .ladda-outline-success.ladda-button {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .ladda-outline-success.ladda-button:hover, .ladda-outline-success.ladda-button:hover {
        color: #fff !important;
        background-color: #04ccb0 !important;
        border-color: #04b39a
    }

.ladda-success.ladda-button[disabled], .ladda-success.ladda-button[data-loading] {
    background-color: #04ccb0 !important;
    color: #fff !important
}

    .ladda-success.ladda-button[disabled]:hover, .ladda-success.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #039a85 !important;
        border-color: #039a85 !important
    }

    .ladda-success.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-success.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

    .ladda-success.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-success.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.btn-outline-success.ladda-button:disabled {
    color: #fff
}

.ladda-outline-success.ladda-button[disabled], .ladda-outline-success.ladda-button[data-loading] {
    color: #04b39a;
    background-color: transparent;
    border-color: #04b39a
}

    .ladda-outline-success.ladda-button[disabled]:hover, .ladda-outline-success.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #04ccb0 !important;
        border-color: #04b39a
    }

    .ladda-outline-success.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-success.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #04b39a !important
    }

    .ladda-outline-success.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-success.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.ladda-danger.ladda-button, .ladda-danger.ladda-button {
    background-color: #ff046c !important;
    color: #fff !important
}

    .ladda-danger.ladda-button:hover, .ladda-danger.ladda-button:hover {
        color: #fff !important;
        background-color: #d00056 !important;
        border-color: #d00056 !important
    }

.ladda-outline-danger.ladda-button, .ladda-outline-danger.ladda-button {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .ladda-outline-danger.ladda-button:hover, .ladda-outline-danger.ladda-button:hover {
        color: #fff !important;
        background-color: #ff046c !important;
        border-color: #ea0061
    }

.ladda-danger.ladda-button[disabled], .ladda-danger.ladda-button[data-loading] {
    background-color: #ff046c !important;
    color: #fff !important
}

    .ladda-danger.ladda-button[disabled]:hover, .ladda-danger.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #d00056 !important;
        border-color: #d00056 !important
    }

    .ladda-danger.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-danger.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

    .ladda-danger.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-danger.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.btn-outline-danger.ladda-button:disabled {
    color: #fff
}

.ladda-outline-danger.ladda-button[disabled], .ladda-outline-danger.ladda-button[data-loading] {
    color: #ea0061;
    background-color: transparent;
    border-color: #ea0061
}

    .ladda-outline-danger.ladda-button[disabled]:hover, .ladda-outline-danger.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #ff046c !important;
        border-color: #ea0061
    }

    .ladda-outline-danger.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-danger.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #ea0061 !important
    }

    .ladda-outline-danger.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-danger.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.ladda-warning.ladda-button, .ladda-warning.ladda-button {
    background-color: #fab72b !important;
    color: #333 !important
}

    .ladda-warning.ladda-button:hover, .ladda-warning.ladda-button:hover {
        color: #333 !important;
        background-color: #eca206 !important;
        border-color: #eca206 !important
    }

.ladda-outline-warning.ladda-button, .ladda-outline-warning.ladda-button {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .ladda-outline-warning.ladda-button:hover, .ladda-outline-warning.ladda-button:hover {
        color: #333 !important;
        background-color: #fab72b !important;
        border-color: #f9af12
    }

.ladda-warning.ladda-button[disabled], .ladda-warning.ladda-button[data-loading] {
    background-color: #fab72b !important;
    color: #333 !important
}

    .ladda-warning.ladda-button[disabled]:hover, .ladda-warning.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #eca206 !important;
        border-color: #eca206 !important
    }

    .ladda-warning.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-warning.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

    .ladda-warning.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-warning.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.btn-outline-warning.ladda-button:disabled {
    color: #fff
}

.ladda-outline-warning.ladda-button[disabled], .ladda-outline-warning.ladda-button[data-loading] {
    color: #f9af12;
    background-color: transparent;
    border-color: #f9af12
}

    .ladda-outline-warning.ladda-button[disabled]:hover, .ladda-outline-warning.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #fab72b !important;
        border-color: #f9af12
    }

    .ladda-outline-warning.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-warning.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #f9af12 !important
    }

    .ladda-outline-warning.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-warning.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.ladda-info.ladda-button, .ladda-info.ladda-button {
    background-color: #4cacff !important;
    color: #fff !important
}

    .ladda-info.ladda-button:hover, .ladda-info.ladda-button:hover {
        color: #fff !important;
        background-color: #1994ff !important;
        border-color: #1994ff !important
    }

.ladda-outline-info.ladda-button, .ladda-outline-info.ladda-button {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .ladda-outline-info.ladda-button:hover, .ladda-outline-info.ladda-button:hover {
        color: #fff !important;
        background-color: #4cacff !important;
        border-color: #33a0ff
    }

.ladda-info.ladda-button[disabled], .ladda-info.ladda-button[data-loading] {
    background-color: #4cacff !important;
    color: #fff !important
}

    .ladda-info.ladda-button[disabled]:hover, .ladda-info.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #1994ff !important;
        border-color: #1994ff !important
    }

    .ladda-info.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-info.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

    .ladda-info.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-info.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.btn-outline-info.ladda-button:disabled {
    color: #fff
}

.ladda-outline-info.ladda-button[disabled], .ladda-outline-info.ladda-button[data-loading] {
    color: #33a0ff;
    background-color: transparent;
    border-color: #33a0ff
}

    .ladda-outline-info.ladda-button[disabled]:hover, .ladda-outline-info.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #4cacff !important;
        border-color: #33a0ff
    }

    .ladda-outline-info.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-info.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #33a0ff !important
    }

    .ladda-outline-info.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-info.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.ladda-light.ladda-button, .ladda-light.ladda-button {
    background-color: #fff !important;
    color: #333 !important
}

    .ladda-light.ladda-button:hover, .ladda-light.ladda-button:hover {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #e6e6e6 !important
    }

.ladda-outline-light.ladda-button, .ladda-outline-light.ladda-button {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .ladda-outline-light.ladda-button:hover, .ladda-outline-light.ladda-button:hover {
        color: #333 !important;
        background-color: #fff !important;
        border-color: #f2f2f2
    }

.ladda-light.ladda-button[disabled], .ladda-light.ladda-button[data-loading] {
    background-color: #fff !important;
    color: #333 !important
}

    .ladda-light.ladda-button[disabled]:hover, .ladda-light.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #e6e6e6 !important;
        border-color: #e6e6e6 !important
    }

    .ladda-light.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-light.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

    .ladda-light.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-light.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.btn-outline-light.ladda-button:disabled {
    color: #fff
}

.ladda-outline-light.ladda-button[disabled], .ladda-outline-light.ladda-button[data-loading] {
    color: #f2f2f2;
    background-color: transparent;
    border-color: #f2f2f2
}

    .ladda-outline-light.ladda-button[disabled]:hover, .ladda-outline-light.ladda-button[data-loading]:hover {
        color: #333 !important;
        background-color: #fff !important;
        border-color: #f2f2f2
    }

    .ladda-outline-light.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-light.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #f2f2f2 !important
    }

    .ladda-outline-light.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-light.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #333 !important
    }

.ladda-dark.ladda-button, .ladda-dark.ladda-button {
    background-color: #393b51 !important;
    color: #fff !important
}

    .ladda-dark.ladda-button:hover, .ladda-dark.ladda-button:hover {
        color: #fff !important;
        background-color: #242533 !important;
        border-color: #242533 !important
    }

.ladda-outline-dark.ladda-button, .ladda-outline-dark.ladda-button {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .ladda-outline-dark.ladda-button:hover, .ladda-outline-dark.ladda-button:hover {
        color: #fff !important;
        background-color: #393b51 !important;
        border-color: #2e3042
    }

.ladda-dark.ladda-button[disabled], .ladda-dark.ladda-button[data-loading] {
    background-color: #393b51 !important;
    color: #fff !important
}

    .ladda-dark.ladda-button[disabled]:hover, .ladda-dark.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #242533 !important;
        border-color: #242533 !important
    }

    .ladda-dark.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-dark.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

    .ladda-dark.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-dark.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.btn-outline-dark.ladda-button:disabled {
    color: #fff
}

.ladda-outline-dark.ladda-button[disabled], .ladda-outline-dark.ladda-button[data-loading] {
    color: #2e3042;
    background-color: transparent;
    border-color: #2e3042
}

    .ladda-outline-dark.ladda-button[disabled]:hover, .ladda-outline-dark.ladda-button[data-loading]:hover {
        color: #fff !important;
        background-color: #393b51 !important;
        border-color: #2e3042
    }

    .ladda-outline-dark.ladda-button[disabled] .ladda-spinner > div > div > div, .ladda-outline-dark.ladda-button[data-loading] .ladda-spinner > div > div > div {
        background-color: #2e3042 !important
    }

    .ladda-outline-dark.ladda-button[disabled]:hover .ladda-spinner > div > div > div, .ladda-outline-dark.ladda-button[data-loading]:hover .ladda-spinner > div > div > div {
        background-color: #fff !important
    }

.svg-loader-1.primary > *, .svg-loader-2.primary > *, .svg-loader-3.primary > *, .svg-loader-4.primary > *, .svg-loader-5.primary > *, .svg-loader-6.primary > *, .svg-loader-7.primary > *, .svg-loader-8.primary > *, .svg-loader-9.primary > *, .svg-loader-10.primary > * {
    stroke: #5780f7 !important
}

.svg-loader-1.primary g {
    fill: #5780f7 !important
}

.svg-loader-3.primary > circle:last-child {
    fill: #5780f7 !important;
    stroke: #fff !important
}

.svg-loader-4.primary > *, .svg-loader-5.primary > * {
    fill: #5780f7 !important
}

.svg-loader-6.primary > rect:last-child {
    fill: #5780f7 !important
}

.svg-loader-7.primary > *, .svg-loader-8.primary > *, .svg-loader-9.primary > *, .svg-loader-10.primary > * {
    fill: #5780f7 !important
}

.svg-loader-1.secondary > *, .svg-loader-2.secondary > *, .svg-loader-3.secondary > *, .svg-loader-4.secondary > *, .svg-loader-5.secondary > *, .svg-loader-6.secondary > *, .svg-loader-7.secondary > *, .svg-loader-8.secondary > *, .svg-loader-9.secondary > *, .svg-loader-10.secondary > * {
    stroke: #efefef !important
}

.svg-loader-1.secondary g {
    fill: #efefef !important
}

.svg-loader-3.secondary > circle:last-child {
    fill: #efefef !important;
    stroke: #fff !important
}

.svg-loader-4.secondary > *, .svg-loader-5.secondary > * {
    fill: #efefef !important
}

.svg-loader-6.secondary > rect:last-child {
    fill: #efefef !important
}

.svg-loader-7.secondary > *, .svg-loader-8.secondary > *, .svg-loader-9.secondary > *, .svg-loader-10.secondary > * {
    fill: #efefef !important
}

.svg-loader-1.success > *, .svg-loader-2.success > *, .svg-loader-3.success > *, .svg-loader-4.success > *, .svg-loader-5.success > *, .svg-loader-6.success > *, .svg-loader-7.success > *, .svg-loader-8.success > *, .svg-loader-9.success > *, .svg-loader-10.success > * {
    stroke: #04ccb0 !important
}

.svg-loader-1.success g {
    fill: #04ccb0 !important
}

.svg-loader-3.success > circle:last-child {
    fill: #04ccb0 !important;
    stroke: #fff !important
}

.svg-loader-4.success > *, .svg-loader-5.success > * {
    fill: #04ccb0 !important
}

.svg-loader-6.success > rect:last-child {
    fill: #04ccb0 !important
}

.svg-loader-7.success > *, .svg-loader-8.success > *, .svg-loader-9.success > *, .svg-loader-10.success > * {
    fill: #04ccb0 !important
}

.svg-loader-1.danger > *, .svg-loader-2.danger > *, .svg-loader-3.danger > *, .svg-loader-4.danger > *, .svg-loader-5.danger > *, .svg-loader-6.danger > *, .svg-loader-7.danger > *, .svg-loader-8.danger > *, .svg-loader-9.danger > *, .svg-loader-10.danger > * {
    stroke: #ff046c !important
}

.svg-loader-1.danger g {
    fill: #ff046c !important
}

.svg-loader-3.danger > circle:last-child {
    fill: #ff046c !important;
    stroke: #fff !important
}

.svg-loader-4.danger > *, .svg-loader-5.danger > * {
    fill: #ff046c !important
}

.svg-loader-6.danger > rect:last-child {
    fill: #ff046c !important
}

.svg-loader-7.danger > *, .svg-loader-8.danger > *, .svg-loader-9.danger > *, .svg-loader-10.danger > * {
    fill: #ff046c !important
}

.svg-loader-1.warning > *, .svg-loader-2.warning > *, .svg-loader-3.warning > *, .svg-loader-4.warning > *, .svg-loader-5.warning > *, .svg-loader-6.warning > *, .svg-loader-7.warning > *, .svg-loader-8.warning > *, .svg-loader-9.warning > *, .svg-loader-10.warning > * {
    stroke: #fab72b !important
}

.svg-loader-1.warning g {
    fill: #fab72b !important
}

.svg-loader-3.warning > circle:last-child {
    fill: #fab72b !important;
    stroke: #fff !important
}

.svg-loader-4.warning > *, .svg-loader-5.warning > * {
    fill: #fab72b !important
}

.svg-loader-6.warning > rect:last-child {
    fill: #fab72b !important
}

.svg-loader-7.warning > *, .svg-loader-8.warning > *, .svg-loader-9.warning > *, .svg-loader-10.warning > * {
    fill: #fab72b !important
}

.svg-loader-1.info > *, .svg-loader-2.info > *, .svg-loader-3.info > *, .svg-loader-4.info > *, .svg-loader-5.info > *, .svg-loader-6.info > *, .svg-loader-7.info > *, .svg-loader-8.info > *, .svg-loader-9.info > *, .svg-loader-10.info > * {
    stroke: #4cacff !important
}

.svg-loader-1.info g {
    fill: #4cacff !important
}

.svg-loader-3.info > circle:last-child {
    fill: #4cacff !important;
    stroke: #fff !important
}

.svg-loader-4.info > *, .svg-loader-5.info > * {
    fill: #4cacff !important
}

.svg-loader-6.info > rect:last-child {
    fill: #4cacff !important
}

.svg-loader-7.info > *, .svg-loader-8.info > *, .svg-loader-9.info > *, .svg-loader-10.info > * {
    fill: #4cacff !important
}

.svg-loader-1.light > *, .svg-loader-2.light > *, .svg-loader-3.light > *, .svg-loader-4.light > *, .svg-loader-5.light > *, .svg-loader-6.light > *, .svg-loader-7.light > *, .svg-loader-8.light > *, .svg-loader-9.light > *, .svg-loader-10.light > * {
    stroke: #fff !important
}

.svg-loader-1.light g {
    fill: #fff !important
}

.svg-loader-3.light > circle:last-child {
    fill: #fff !important;
    stroke: #fff !important
}

.svg-loader-4.light > *, .svg-loader-5.light > * {
    fill: #fff !important
}

.svg-loader-6.light > rect:last-child {
    fill: #fff !important
}

.svg-loader-7.light > *, .svg-loader-8.light > *, .svg-loader-9.light > *, .svg-loader-10.light > * {
    fill: #fff !important
}

.svg-loader-1.dark > *, .svg-loader-2.dark > *, .svg-loader-3.dark > *, .svg-loader-4.dark > *, .svg-loader-5.dark > *, .svg-loader-6.dark > *, .svg-loader-7.dark > *, .svg-loader-8.dark > *, .svg-loader-9.dark > *, .svg-loader-10.dark > * {
    stroke: #393b51 !important
}

.svg-loader-1.dark g {
    fill: #393b51 !important
}

.svg-loader-3.dark > circle:last-child {
    fill: #393b51 !important;
    stroke: #fff !important
}

.svg-loader-4.dark > *, .svg-loader-5.dark > * {
    fill: #393b51 !important
}

.svg-loader-6.dark > rect:last-child {
    fill: #393b51 !important
}

.svg-loader-7.dark > *, .svg-loader-8.dark > *, .svg-loader-9.dark > *, .svg-loader-10.dark > * {
    fill: #393b51 !important
}

.svg-loader-3.light > circle:last-child {
    stroke: #393b51 !important
}

.svg-primary {
    fill: #5780f7 !important
}

    .svg-primary:hover {
        fill: #265bf5 !important
    }

.svg-secondary {
    fill: #efefef !important
}

    .svg-secondary:hover {
        fill: #d6d6d6 !important
    }

.svg-success {
    fill: #04ccb0 !important
}

    .svg-success:hover {
        fill: #039a85 !important
    }

.svg-danger {
    fill: #ff046c !important
}

    .svg-danger:hover {
        fill: #d00056 !important
    }

.svg-warning {
    fill: #fab72b !important
}

    .svg-warning:hover {
        fill: #eca206 !important
    }

.svg-info {
    fill: #4cacff !important
}

    .svg-info:hover {
        fill: #1994ff !important
    }

.svg-light {
    fill: #fff !important
}

    .svg-light:hover {
        fill: #e6e6e6 !important
    }

.svg-dark {
    fill: #393b51 !important
}

    .svg-dark:hover {
        fill: #242533 !important
    }

.svg-muted {
    fill: #6f7892 !important
}

.svg-label {
    fill: #646c9a !important
}

.nav-pills .nav-link.nav-link-primary.active {
    background-color: #5780f7;
    color: #fff
}

    .nav-pills .nav-link.nav-link-primary.active:hover {
        background-color: #265bf5
    }

.nav-pills .nav-link.nav-link-secondary.active {
    background-color: #efefef;
    color: #333
}

    .nav-pills .nav-link.nav-link-secondary.active:hover {
        background-color: #d6d6d6
    }

.nav-pills .nav-link.nav-link-success.active {
    background-color: #04ccb0;
    color: #fff
}

    .nav-pills .nav-link.nav-link-success.active:hover {
        background-color: #039a85
    }

.nav-pills .nav-link.nav-link-danger.active {
    background-color: #ff046c;
    color: #fff
}

    .nav-pills .nav-link.nav-link-danger.active:hover {
        background-color: #d00056
    }

.nav-pills .nav-link.nav-link-warning.active {
    background-color: #fab72b;
    color: #333
}

    .nav-pills .nav-link.nav-link-warning.active:hover {
        background-color: #eca206
    }

.nav-pills .nav-link.nav-link-info.active {
    background-color: #4cacff;
    color: #fff
}

    .nav-pills .nav-link.nav-link-info.active:hover {
        background-color: #1994ff
    }

.nav-pills .nav-link.nav-link-light.active {
    background-color: #fff;
    color: #333
}

    .nav-pills .nav-link.nav-link-light.active:hover {
        background-color: #e6e6e6
    }

.nav-pills .nav-link.nav-link-dark.active {
    background-color: #393b51;
    color: #fff
}

    .nav-pills .nav-link.nav-link-dark.active:hover {
        background-color: #242533
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-primary {
    border-color: #5780f7
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-primary::before {
        background-color: #5780f7
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-secondary {
    border-color: #efefef
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-secondary::before {
        background-color: #efefef
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-success {
    border-color: #04ccb0
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-success::before {
        background-color: #04ccb0
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-danger {
    border-color: #ff046c
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-danger::before {
        background-color: #ff046c
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-warning {
    border-color: #fab72b
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-warning::before {
        background-color: #fab72b
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-info {
    border-color: #4cacff
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-info::before {
        background-color: #4cacff
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-light {
    border-color: #fff
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-light::before {
        background-color: #fff
    }

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-dark {
    border-color: #393b51
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.wall-dark::before {
        background-color: #393b51
    }

a {
    color: #5780f7
}

    a:hover {
        color: #5780f7
    }

.nowrap {
    white-space: nowrap !important
}

.h-100 {
    height: 100% !important
}

.h-full {
    height: 100% !important
}

.w-full {
    width: 100% !important
}

.cursor-default {
    cursor: default !important
}

.uppercase {
    text-transform: uppercase !important
}

.text-sm {
    font-size: 12px !important
}

.text-lg {
    font-size: 18px !important
}

.noborder {
    border: none !important
}

.p-25 {
    padding: 25px !important
}

.text-6 {
    font-size: 16px;
    font-weight: 500
}

.animation-fast {
    -webkit-animation-duration: 500ms !important;
    animation-duration: 500ms !important
}

.squared {
    border-radius: 0 !important
}

.pointer-events-none {
    pointer-events: none !important
}

html, body {
    font-size: 14px
}

body {
    background-color: #f1f4f7;
    color: #3f4750;
    font-family: poppins,sans-serif
}

.page-wrapper {
    min-height: 100vh
}

.main-content {
    display: block;
    width: 100%;
    min-height: 100vh;
    padding-left: 0;
    padding-top: 0;
    overflow-x: hidden;
    background-color: #f1f4f7
}

.page-wrapper.navbar-fixed .main-content {
    padding-top: 135px
}

@media screen and (min-width:768px) {
    .page-wrapper.navbar-fixed .main-content {
        padding-top: 61px
    }
}

.page-container {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 82px);
    padding: 15px 10px;
    overflow: hidden
}

@media screen and (min-width:768px) {
    .page-container {
        min-height: calc(100vh - 61px);
        padding: 25px;
        padding-bottom: 15px
    }
}

.page-content {
    display: flex;
    flex-direction: column;
    min-height: 250px;
    flex-grow: 1;
    flex-shrink: 0
}

.copyright {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #aaa;
    margin: 15px -15px 0;
    flex-grow: 0;
    flex-shrink: 0
}

    .copyright div.text-left, .copyright div.text-right {
        margin-top: 10px;
        text-align: center !important
    }

    .copyright a {
        text-decoration: none;
        font-weight: 500
    }

@media screen and (min-width:768px) {
    .copyright div.text-left {
        margin-top: 0;
        text-align: left !important
    }

    .copyright div.text-right {
        margin-top: 0;
        text-align: right !important
    }
}

.sidebar {
    width: 270px;
    height: 100%;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: -270px;
    z-index: 999;
    background-color: #1a242b;
    font-weight: 300;
    font-size: 13px;
    overflow: auto;
    transition: all 100ms ease-in-out
}

.main-content {
    transition: all 100ms ease-in-out
}

.sidebar-open {
    overflow-x: hidden
}

    .sidebar-open .sidebar {
        transform: translateX(270px)
    }

        .sidebar-open .sidebar .sidebar-brand .img-sm {
            display: none
        }

        .sidebar-open .sidebar .sidebar-brand .img {
            display: block
        }

    .sidebar-open .main-content {
        padding-left: 0;
        transform: translateX(270px)
    }

@media screen and (min-width:992px) {
    .sidebar-open {
        overflow-x: auto
    }

        .sidebar-open .main-content {
            padding-left: 270px;
            transform: none
        }

    .sidebar-closed .main-content {
        padding-left: 70px
    }

    .sidebar-closed .sidebar:not(:hover) {
        transform: translateX(270px);
        width: 70px;
        overflow-x: hidden
    }

    .sidebar-closed .sidebar:hover {
        transform: translateX(270px);
        width: 270px;
        z-index: 99999
    }
}

.sidebar-toggler.btn-sm {
    position: absolute;
    border-radius: 0;
    transition-delay: .3s;
    padding: .75rem .75rem;
    padding: .75rem 0;
    text-align: center;
    left: 16px;
    top: 20px;
    padding: .5rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 0 solid rgba(0,0,0,0.1);
    border-radius: .25rem;
    color: white
}

@media screen and (min-width:768px) {
    .sidebar-toggler.btn-sm {
        top: 15px
    }
}

.sidebar-toggler.btn-sm:hover, .sidebar-toggler.btn-sm:active, .sidebar-toggler.btn-sm:focus {
    outline: 0;
    box-shadow: none
}

.sidebar .sidebar-brand {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 61px;
    padding: 0 12px;
    background-color: #1c1c29;
    transition: all 100ms ease-in-out;
    overflow: hidden
}

    .sidebar .sidebar-brand .img, .sidebar .sidebar-brand .img-sm {
        display: none;
        width: auto;
        height: 40px;
        margin-left: 38px;
        transition: all 100ms ease-in-out
    }

@media screen and (min-width:992px) {
    .sidebar-closed .sidebar:not(:hover) .sidebar-brand {
        width: 70px;
        height: 61px;
        padding: 0 12px
    }

        .sidebar-closed .sidebar:not(:hover) .sidebar-footer {
            display: none;
        }

        .sidebar-closed .sidebar:not(:hover) .sidebar-brand .img {
            display: none;
        }

        .sidebar-closed .sidebar:not(:hover) .sidebar-brand .img-sm {
            display: block;
            margin-left: 5px;
        }

    .sidebar-closed .sidebar:hover .sidebar-brand {
        width: 270px
    }

        .sidebar-closed .sidebar:hover .sidebar-brand .img-sm {
            display: none
        }

        .sidebar-closed .sidebar:hover .sidebar-brand .img {
            display: block
        }
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
    background-color: #405361
}

.ps__rail-y {
    width: 12px
}

    .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
        width: 8px
    }

.sidebar ul.sidebar-menu {
    min-width: 250px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    padding: 0 0 50px 0
}

    .sidebar ul.sidebar-menu li.header-menu {
        margin-top: 10px
    }

        .sidebar ul.sidebar-menu li.header-menu span {
            display: inline-block;
            padding: 10px 20px;
            font-weight: 600;
            font-size: 12px;
            opacity: .6;
            color: #b7c9f9;
            text-transform: uppercase;
            letter-spacing: .5px
        }

    .sidebar ul.sidebar-menu li a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        position: relative;
        padding: 14px 30px 14px 25px;
        color: #b0becc;
        opacity: .9;
        font-weight: 500
    }

        .sidebar ul.sidebar-menu li a > svg {
            width: 18px;
            fill: #7d9df3;
            margin-right: 13px
        }

        .sidebar ul.sidebar-menu li a i.chevron {
            display: block;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: transparent;
            top: 0;
            bottom: 0;
            right: 25px;
            margin: auto;
            transition: all 100ms ease-in-out
        }

            .sidebar ul.sidebar-menu li a i.chevron > svg {
                display: block;
                fill: #7d9df3
            }

        .sidebar ul.sidebar-menu li a span {
            vertical-align: -1.5px;
            transition: padding .3s ease-in-out
        }

        .sidebar ul.sidebar-menu li a:hover {
            opacity: 1;
            color: #94adf5
        }

        .sidebar ul.sidebar-menu li a span.badge {
            float: right;
            margin-top: 8px;
            margin-left: 5px;
            margin: 0
        }

    .sidebar ul.sidebar-menu li:hover {
        background-color: rgba(0,0,0,0.3)
    }

        .sidebar ul.sidebar-menu li:hover > a {
            opacity: 1
        }

        .sidebar ul.sidebar-menu li:hover.header-menu {
            background-color: transparent
        }

    .sidebar ul.sidebar-menu li.active {
        background-color: rgba(0,0,0,0.3)
    }

        .sidebar ul.sidebar-menu li.active > a > i.chevron {
            transform: rotate(90deg)
        }

    .sidebar ul.sidebar-menu li.current {
        background-color: rgba(0,0,0,0.5)
    }

        .sidebar ul.sidebar-menu li.current > a {
            color: #fff
        }

            .sidebar ul.sidebar-menu li.current > a > * {
                opacity: 1
            }

            .sidebar ul.sidebar-menu li.current > a:focus {
                outline: #b0becc auto 1px
            }

            .sidebar ul.sidebar-menu li.current > a:hover {
                opacity: 1;
                color: #94adf5
            }

    .sidebar ul.sidebar-menu li .sidebar-submenu {
        display: none;
        padding: 0;
        margin: 0;
        background-color: transparent
    }

        .sidebar ul.sidebar-menu li .sidebar-submenu li a {
            text-indent: 12px;
            padding: 8px 20px;
            line-height: 2;
            font-size: 12.5px
        }

            .sidebar ul.sidebar-menu li .sidebar-submenu li a::before {
                content: "\f111";
                font-family: "Font Awesome 5 Free";
                font-weight: 800;
                font-style: normal;
                display: inline-block;
                text-align: center;
                text-decoration: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                margin-right: 10px;
                font-size: 6px;
                vertical-align: 2px
            }

        .sidebar ul.sidebar-menu li .sidebar-submenu li:hover {
            background-color: #07090b
        }

            .sidebar ul.sidebar-menu li .sidebar-submenu li:hover > a {
                opacity: 1;
                color: #80a1ff
            }

        .sidebar ul.sidebar-menu li .sidebar-submenu li li a {
            text-indent: 20px
        }

        .sidebar ul.sidebar-menu li .sidebar-submenu li li li a {
            text-indent: 30px
        }

@media screen and (min-width:992px) {
    .sidebar-closed .sidebar:not(:hover) ul.sidebar-menu .header-menu span {
        padding: 15px 0;
        width: 70px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .sidebar-closed .sidebar:not(:hover) ul.sidebar-menu li > a > svg {
        margin-right: 30px;
        transition: margin 100ms ease-in-out
    }

    .sidebar-closed .sidebar:not(:hover) ul.sidebar-menu li.active:not(.current) {
        background-color: transparent
    }

    .sidebar-closed .sidebar:not(:hover) ul.sidebar-menu .sidebar-submenu {
        display: none !important
    }
}

.main-content {
    position: relative
}

.sidebar-backdrop {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 99999
}

.sidebar-open .sidebar-backdrop {
    display: block
}

@media screen and (min-width:992px) {
    .sidebar-backdrop, .sidebar-open .sidebar-backdrop {
        display: none
    }
}

.navigation-wrapper {
    position: relative;
    padding: 0 !important;
    overflow: visible !important;
    transition: all 100ms ease-in-out
}

.page-wrapper.navbar-fixed .navigation-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

@media screen and (max-width:767px) {
    .page-wrapper.navbar-fixed .navigation-wrapper .navbar-top .navbar-nav {
        max-height: 400px;
        overflow: auto
    }
}

@media screen and (min-width:992px) {
    .page-wrapper.navbar-fixed .navigation-wrapper {
        position: fixed;
        top: 0;
        left: 70px;
        width: calc(100% - 70px);
        z-index: 9999
    }

    .page-wrapper.navbar-fixed.sidebar-open .navigation-wrapper {
        position: fixed;
        top: 0;
        left: 270px;
        width: calc(100% - 270px);
        z-index: 9999
    }
}

@media screen and (min-width:768px) {
    .navbar.navbar-top {
        border-bottom: 1px solid #eee
    }
}

@media screen and (max-width:767px) {
    .navbar.navbar-toolbar {
        border-bottom: 1px solid #eee
    }
}

.navbar.navbar-top, .navbar-toolbar {
    padding: 1.2rem 0 0;
    z-index: 999
}

    .navbar.navbar-top .navbar-brand, .navbar-toolbar .navbar-brand {
        margin-left: 1.45rem
    }

    .navbar.navbar-top .navbar-toggler, .navbar-toolbar .navbar-toggler {
        margin-right: .7rem
    }

    .navbar.navbar-top .navbar-brand, .navbar.navbar-top .navbar-toggler, .navbar-toolbar .navbar-brand, .navbar-toolbar .navbar-toggler {
        margin-bottom: 1.2rem
    }

    .navbar.navbar-top .navbar-nav, .navbar-toolbar .navbar-nav {
        background-color: #f9f9f9
    }

        .navbar.navbar-top .navbar-nav .nav-item .nav-link, .navbar-toolbar .navbar-nav .nav-item .nav-link {
            height: 100%;
            font-weight: 500;
            padding: 1.4rem 1.5rem;
            border-top: 1px solid #eee;
            color: #797e99
        }

            .navbar.navbar-top .navbar-nav .nav-item .nav-link:hover, .navbar-toolbar .navbar-nav .nav-item .nav-link:hover {
                color: rgba(0,0,0,0.7)
            }

    .navbar.navbar-top .navbar-menu-primary, .navbar-toolbar .navbar-menu-primary {
        flex-direction: row
    }

        .navbar.navbar-top .navbar-menu-primary .nav-item .nav-link .language-dropdown img, .navbar-toolbar .navbar-menu-primary .nav-item .nav-link .language-dropdown img {
            height: 19px
        }

        .navbar.navbar-top .navbar-menu-primary .nav-user-dropdown .nav-link, .navbar-toolbar .navbar-menu-primary .nav-user-dropdown .nav-link {
            padding: 1.1em 1.5rem
        }

            .navbar.navbar-top .navbar-menu-primary .nav-user-dropdown .nav-link img, .navbar-toolbar .navbar-menu-primary .nav-user-dropdown .nav-link img {
                height: auto;
                margin-left: 10px
            }

    .navbar.navbar-top .navbar-toggler-icon, .navbar-toolbar .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

        .navbar.navbar-top .navbar-toggler-icon:hover, .navbar-toolbar .navbar-toggler-icon:hover {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
        }

    .navbar.navbar-top .mega-dropdown .dropdown-menu .dropdown-header svg, .navbar-toolbar .mega-dropdown .dropdown-menu .dropdown-header svg {
        width: 18px;
        fill: #5e6371;
        margin-top: -2px
    }

    .navbar.navbar-top .mega-dropdown .dropdown-menu .dropdown-header i, .navbar-toolbar .mega-dropdown .dropdown-menu .dropdown-header i {
        font-size: 15px;
        margin-right: .6rem
    }

@media screen and (min-width:768px) {
    .navbar.navbar-top.navbar-expand-md, .navbar-toolbar.navbar-expand-md {
        padding: 0 1rem
    }

        .navbar.navbar-top.navbar-expand-md .navbar-menu-primary, .navbar-toolbar.navbar-expand-md .navbar-menu-primary {
            display: flex
        }

            .navbar.navbar-top.navbar-expand-md .navbar-menu-primary .nav-link, .navbar-toolbar.navbar-expand-md .navbar-menu-primary .nav-link {
                padding: 1.4rem 1.5rem
            }

            .navbar.navbar-top.navbar-expand-md .navbar-menu-primary .nav-user-dropdown .nav-link, .navbar-toolbar.navbar-expand-md .navbar-menu-primary .nav-user-dropdown .nav-link {
                padding: 1.1em 1.5rem
            }

        .navbar.navbar-top.navbar-expand-md .navbar-brand, .navbar-toolbar.navbar-expand-md .navbar-brand {
            margin-left: 1.5rem;
            margin-right: 1.5rem
        }

        .navbar.navbar-top.navbar-expand-md .navbar-brand, .navbar.navbar-top.navbar-expand-md .navbar-toggler, .navbar-toolbar.navbar-expand-md .navbar-brand, .navbar-toolbar.navbar-expand-md .navbar-toggler {
            margin-bottom: 0
        }

        .navbar.navbar-top.navbar-expand-md .navbar-nav, .navbar-toolbar.navbar-expand-md .navbar-nav {
            background-color: transparent
        }

            .navbar.navbar-top.navbar-expand-md .navbar-nav .nav-item, .navbar-toolbar.navbar-expand-md .navbar-nav .nav-item {
                background-color: rgba(165,173,196,0);
                transition: background-color .2s ease-in-out
            }

                .navbar.navbar-top.navbar-expand-md .navbar-nav .nav-item .nav-link, .navbar-toolbar.navbar-expand-md .navbar-nav .nav-item .nav-link {
                    border-top: 0
                }

                .navbar.navbar-top.navbar-expand-md .navbar-nav .nav-item:hover, .navbar-toolbar.navbar-expand-md .navbar-nav .nav-item:hover {
                    background-color: rgba(165,173,196,0.1)
                }

        .navbar.navbar-top.navbar-expand-md .mega-dropdown, .navbar-toolbar.navbar-expand-md .mega-dropdown {
            position: static
        }

            .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu {
                padding: .5rem 1.5rem;
                left: 10px;
                right: 10px;
                top: 100%;
                border-top-left-radius: 0;
                border-top-right-radius: 0
            }

                .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-header svg, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-header svg {
                    width: 18px;
                    fill: #5e6371;
                    margin-top: -2px
                }

                .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-header i, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-header i {
                    font-size: 15px;
                    margin-right: .6rem
                }

                .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item {
                    padding: 1rem 1.5rem;
                    color: #444853
                }

                    .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item > svg, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item > svg {
                        fill: #444853;
                        width: 18px;
                        margin-top: -3px
                    }

                    .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item:active > svg, .navbar.navbar-top.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item.active > svg, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item:active > svg, .navbar-toolbar.navbar-expand-md .mega-dropdown .dropdown-menu .dropdown-item.active > svg {
                        fill: #fff
                    }
}

@media screen and (max-width:767px) {
    .navbar.navbar-top.navbar-expand-md .navbar-nav.navbar-menu-primary .dropdown-menu.dropdown-menu-start, .navbar.navbar-top.navbar-expand-md .navbar-nav.navbar-menu-primary .dropdown-menu.dropdown-menu-end, .navbar-toolbar.navbar-expand-md .navbar-nav.navbar-menu-primary .dropdown-menu.dropdown-menu-start, .navbar-toolbar.navbar-expand-md .navbar-nav.navbar-menu-primary .dropdown-menu.dropdown-menu-end {
        left: 0;
        right: 0;
        margin: 10px 10px
    }
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-toggler, .navbar-dark .navbar-toggler {
    border-color: transparent
}

    .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:active, .navbar-dark .navbar-toggler:focus, .navbar-dark .navbar-toggler:active {
        box-shadow: none;
        outline: 0
    }

.navbar .dropdown-menu-arrow::before {
    display: none
}

@media screen and (min-width:768px) {
    .navbar .dropdown-menu-arrow::before {
        display: block
    }
}

.navbar-toolbar {
    background-color: #fff;
    border-top: 1px solid #eee;
    padding: 0
}

    .navbar-toolbar .navbar-nav {
        pointer-events: all;
        width: 100%;
        background-color: transparent
    }

@media screen and (max-width:767px) {
    .navbar-toolbar .navbar-nav {
        justify-content: flex-end
    }
}

.navbar-toolbar .navbar-nav .nav-item .nav-link {
    border-top: 0
}

@media screen and (min-width:576px) {
    .navbar-toolbar .navbar-nav {
        width: auto;
        margin-left: auto
    }
}

@media screen and (min-width:768px) {
    .navbar-toolbar.navbar-expand-md {
        position: absolute;
        width: 100%;
        top: 0;
        height: 59px;
        background-color: transparent;
        padding: 0;
        border-top: 0;
        pointer-events: none
    }
}

@media screen and (max-width:767px) {
    .navbar-toolbar .navbar-nav .dropdown-menu {
        position: absolute;
        right: 10px;
        left: 10px;
        margin: 0;
        box-shadow: 0 50px 70px rgba(50,50,93,0.1),0 15px 35px rgba(50,50,93,0.15),0 5px 15px rgba(0,0,0,0.1);
        border: 0;
        border-radius: 0
    }

    .navbar-toolbar .dropdown, .navbar-toolbar .dropleft, .navbar-toolbar .dropright, .navbar-toolbar .dropup {
        position: static
    }

    .navbar-toolbar .dropdown-menu-arrow::before {
        display: none
    }
}

@media screen and (max-width:767px) {
    .navbar-nav .dropdown-menu {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
        box-shadow: none;
        border: 1px solid #eee;
        border-radius: 0
    }

    .navbar-dark .navbar-nav .dropdown-menu {
        border: 1px solid rgba(255,255,255,0.15);
        background-color: rgba(0,0,0,0.3);
        color: #fff
    }

        .navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
            color: rgba(255,255,255,0.9)
        }

        .navbar-dark .navbar-nav .dropdown-menu .dropdown-divider {
            border-color: rgba(255,255,255,0.15)
        }

        .navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-dark .navbar-nav .dropdown-menu .dropdown-item.active, .navbar-dark .navbar-nav .dropdown-menu .dropdown-item:active {
            background-color: #000;
            color: rgba(255,255,255,0.9)
        }
}

.navbar-toggler-css, .navbar-toggler-css-reverse {
    width: 50px;
    padding: 3.5px 10.5px
}

    .navbar-toggler-css .line, .navbar-toggler-css-reverse .line {
        display: block;
        float: left;
        width: 25px;
        height: 1.5px;
        background-color: #7f7f7f;
        margin: 3px 0;
        transition: all .3s ease-in-out;
        border-radius: 5px
    }

    .navbar-toggler-css.collapsed .line:first-child, .navbar-toggler-css.collapsed .line:last-child, .navbar-toggler-css-reverse.collapsed .line:first-child, .navbar-toggler-css-reverse.collapsed .line:last-child {
        width: 18px
    }

    .navbar-toggler-css.active .line, .navbar-toggler-css:active .line, .navbar-toggler-css:focus .line, .navbar-toggler-css-reverse.active .line, .navbar-toggler-css-reverse:active .line, .navbar-toggler-css-reverse:focus .line {
        background-color: #000
    }

    .navbar-toggler-css-reverse .line {
        float: right
    }

@media screen and (min-width:768px) {
    .navbar-toggler-css.sidebar-toggler {
        display: block;
        margin-left: -15px;
        margin-right: 0
    }
}

.navbar-toggler-css.sidebar-toggler .line:first-child, .navbar-toggler-css.sidebar-toggler .line:last-child {
    width: 18px
}

.sidebar-open .navbar-toggler-css.sidebar-toggler .line:first-child, .sidebar-open .navbar-toggler-css.sidebar-toggler .line:last-child {
    width: 25px
}

.navbar-nav .dropdown-header {
    display: block;
    margin-bottom: 0;
    padding: .5rem 1.5rem;
    white-space: nowrap;
    font-weight: 800;
    padding-right: 1rem;
    padding-left: 1rem;
    text-transform: uppercase;
    color: #32325d
}

    .navbar-nav .dropdown-header small {
        font-size: 11px;
        font-weight: 500
    }

.navbar-nav .dropdown-menu {
    left: auto;
    right: 0;
    margin: 0;
    pointer-events: none;
    opacity: 0;
    min-width: 16rem;
    padding: 1rem 0
}

    .navbar-nav .dropdown-menu .dropdown-item {
        padding: 1rem 1.5rem
    }

        .navbar-nav .dropdown-menu .dropdown-item.dropdown {
            padding: 0
        }

            .navbar-nav .dropdown-menu .dropdown-item.dropdown > .dropdown-toggle {
                display: block;
                width: 100%;
                position: relative;
                padding: 1rem 1.5rem
            }

        .navbar-nav .dropdown-menu .dropdown-item svg {
            width: 22px;
            margin-top: -2px;
            margin-right: .25rem;
            fill: #607a90
        }

        .navbar-nav .dropdown-menu .dropdown-item:active > svg, .navbar-nav .dropdown-menu .dropdown-item:active > .dropdown-toggle > svg, .navbar-nav .dropdown-menu .dropdown-item:active > .dropdown-toggle > i > svg, .navbar-nav .dropdown-menu .dropdown-item.active > svg, .navbar-nav .dropdown-menu .dropdown-item.active > .dropdown-toggle > svg, .navbar-nav .dropdown-menu .dropdown-item.active > .dropdown-toggle > i > svg {
            fill: #fff
        }

        .navbar-nav .dropdown-menu .dropdown-item:active > span, .navbar-nav .dropdown-menu .dropdown-item:active > .dropdown-toggle > span, .navbar-nav .dropdown-menu .dropdown-item.active > span, .navbar-nav .dropdown-menu .dropdown-item.active > .dropdown-toggle > span {
            color: #fff
        }

        .navbar-nav .dropdown-menu .dropdown-item.dropdown > .dropdown-menu {
            top: 0;
            left: 100%;
            right: auto
        }

            .navbar-nav .dropdown-menu .dropdown-item.dropdown > .dropdown-menu.dropdown-menu-arrow:before {
                display: none;
                left: -13px;
                right: auto;
                top: 10px
            }

            .navbar-nav .dropdown-menu .dropdown-item.dropdown > .dropdown-menu.dropdown-menu-end {
                top: 0;
                left: 100%;
                right: auto
            }

            .navbar-nav .dropdown-menu .dropdown-item.dropdown > .dropdown-menu.dropdown-menu-start {
                top: 0;
                right: 100%;
                left: auto
            }

        .navbar-nav .dropdown-menu .dropdown-item.dropdown .dropdown-toggle i.chevron {
            position: absolute;
            right: 0;
            top: 13px
        }

            .navbar-nav .dropdown-menu .dropdown-item.dropdown .dropdown-toggle i.chevron svg {
                height: 10px;
                width: 10px
            }

    .navbar-nav .dropdown-menu.dropdown-menu-sm {
        min-width: 12rem;
        padding: 1rem 0
    }

        .navbar-nav .dropdown-menu.dropdown-menu-sm .dropdown-item {
            padding: .5rem 1rem
        }

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

        .navbar-nav .dropdown-menu.dropdown-menu-start.dropdown-menu-arrow:before {
            left: auto;
            right: 36px
        }

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

        .navbar-nav .dropdown-menu.dropdown-menu-end.dropdown-menu-arrow:before {
            left: 36px;
            right: auto
        }

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

.navbar-nav .nav-item.dropdown > .dropdown-menu .dropdown-menu-end.dropdown-menu-arrow::before {
    left: 16px;
    right: auto
}

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

.navbar-dark .dropdown-menu .dropdown-item.dropdown > .dropdown-toggle {
    color: #fff
}

@media screen and (min-width:768px) {
    .navbar-dark .dropdown-menu .dropdown-item.dropdown > .dropdown-toggle {
        color: #6f7892
    }
}

.navbar-dark .dropdown-menu .dropdown-item svg {
    fill: #fff
}

@media screen and (min-width:768px) {
    .navbar-dark .dropdown-menu .dropdown-item svg {
        fill: #212529
    }
}

.notifications-nav-item .dropdown-menu, .message-nav-item .dropdown-menu {
    max-height: calc(100vh - 190px);
    overflow: auto
}

@media screen and (min-width:768px) {
    .notifications-nav-item .dropdown-menu, .message-nav-item .dropdown-menu {
        max-height: calc(100vh - 70px)
    }
}

.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-lg-auto, .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-sm-auto, .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 {
    padding-right: 12px;
    padding-left: 12px
}

.row {
    margin-right: -12px;
    margin-left: -12px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > .col-1, .no-gutters > .col-10, .no-gutters > .col-11, .no-gutters > .col-12, .no-gutters > .col-2, .no-gutters > .col-3, .no-gutters > .col-4, .no-gutters > .col-5, .no-gutters > .col-6, .no-gutters > .col-7, .no-gutters > .col-8, .no-gutters > .col-9, .no-gutters > .col-auto, .no-gutters > .col-lg, .no-gutters > .col-lg-1, .no-gutters > .col-lg-10, .no-gutters > .col-lg-11, .no-gutters > .col-lg-12, .no-gutters > .col-lg-2, .no-gutters > .col-lg-3, .no-gutters > .col-lg-4, .no-gutters > .col-lg-5, .no-gutters > .col-lg-6, .no-gutters > .col-lg-7, .no-gutters > .col-lg-8, .no-gutters > .col-lg-9, .no-gutters > .col-lg-auto, .no-gutters > .col-md, .no-gutters > .col-md-1, .no-gutters > .col-md-10, .no-gutters > .col-md-11, .no-gutters > .col-md-12, .no-gutters > .col-md-2, .no-gutters > .col-md-3, .no-gutters > .col-md-4, .no-gutters > .col-md-5, .no-gutters > .col-md-6, .no-gutters > .col-md-7, .no-gutters > .col-md-8, .no-gutters > .col-md-9, .no-gutters > .col-md-auto, .no-gutters > .col-sm, .no-gutters > .col-sm-1, .no-gutters > .col-sm-10, .no-gutters > .col-sm-11, .no-gutters > .col-sm-12, .no-gutters > .col-sm-2, .no-gutters > .col-sm-3, .no-gutters > .col-sm-4, .no-gutters > .col-sm-5, .no-gutters > .col-sm-6, .no-gutters > .col-sm-7, .no-gutters > .col-sm-8, .no-gutters > .col-sm-9, .no-gutters > .col-sm-auto, .no-gutters > .col-xl, .no-gutters > .col-xl-1, .no-gutters > .col-xl-10, .no-gutters > .col-xl-11, .no-gutters > .col-xl-12, .no-gutters > .col-xl-2, .no-gutters > .col-xl-3, .no-gutters > .col-xl-4, .no-gutters > .col-xl-5, .no-gutters > .col-xl-6, .no-gutters > .col-xl-7, .no-gutters > .col-xl-8, .no-gutters > .col-xl-9, .no-gutters > .col-xl-auto {
        padding-right: 0;
        padding-left: 0
    }

.row.grid > *::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #aaa
}

.block {
    margin-bottom: 40px
}

    .block .block-title h4 {
        font-size: 20px
    }

    .block .block-body {
        padding-top: 20px
    }

.page-content header h1 {
    font-size: 1.5rem;
    font-weight: 300;
    font-family: dosis;
    letter-spacing: .5px;
    font-weight: 600;
    text-transform: uppercase
}

.page-content header .btn {
    padding-right: 26px;
    padding-left: 26px
}

.page-content header nav .breadcrumb .breadcrumb-item {
    color: #8a959e
}

    .page-content header nav .breadcrumb .breadcrumb-item a {
        color: #6c757d
    }

header.has-button h1 {
    vertical-align: -4px
}

.dashboard-header .greetings span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 150%
}

.dashboard-header .greetings .morning {
    display: inline
}

.dashboard-header .greetings .evening {
    display: none
}

.night-mode .dropdown-item:focus, .night-mode .dropdown-item:hover {
    background-color: #53585d
}

.night-mode .dropdown-item.active, .night-mode .dropdown-item:active {
    background-color: #414548
}

.night-mode .dashboard-header {
    background-color: #383838;
    color: #fff
}

    .night-mode .dashboard-header .icon-box {
        background-color: #2c2b2b
    }

        .night-mode .dashboard-header .icon-box i::before {
            content: "\f186"
        }

    .night-mode .dashboard-header .greetings .morning {
        display: none
    }

    .night-mode .dashboard-header .greetings .evening {
        display: inline
    }

.dashboard-header h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 150%
}

.dashboard-header p {
    margin-bottom: 0;
    font-weight: 400
}

.dashboard-header .icon-box, .dashboard-header .greetings {
    display: inline-block;
    vertical-align: middle
}

.dashboard-header .icon-box {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #eee;
    border-radius: 30px;
    font-size: 34px;
    text-align: center;
    margin-right: 10px
}

.example-area {
    position: relative;
    padding: 25px 15px 15px;
    border: 1px dashed #dadada;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .example-area.flex {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .example-area.h-auto {
        min-height: auto
    }

    .example-area::before {
        display: block;
        content: "Showcase";
        content: attr(data-title);
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        text-align: center;
        background-color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
        line-height: 1.5;
        color: #777;
        width: 140px;
        margin: auto;
        border: 1px dashed #e4e4e4;
        transition: all .3s ease-in-out
    }

    .example-area:hover::before {
        top: -11px;
        left: 0;
        right: 0;
        text-align: center;
        background-color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 500;
        line-height: 1.7;
        color: #777;
        width: 150px;
        margin: auto;
        border: 1px dashed #bdbcbc;
        border-color: #5780f7;
        background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
        background-size: 1rem 1rem;
        color: #fff;
        background-color: #5780f7 !important;
        -webkit-animation: progress-bar-stripes 1s linear infinite;
        animation: progress-bar-stripes 1s linear infinite
    }

    .example-area.simple {
        padding: 15px;
        margin-top: 15px
    }

        .example-area.simple::before {
            display: none
        }

    .example-area.header-left::before {
        left: 20px;
        right: auto
    }

    .example-area.header-right::before {
        right: 20px;
        left: auto
    }

    .example-area.width-2::before {
        width: 170px
    }

    .example-area.width-3::before {
        width: 200px
    }

    .example-area.width-4::before {
        width: 230px
    }

.panel.page-intro {
    background: transparent;
    box-shadow: none
}

    .panel.page-intro > .row > .col-md-8 {
        padding-top: 30px
    }

@media screen and (min-width:992px) {
    .panel.page-intro > .row > .col-md-8 {
        padding-top: 0;
        padding-left: 30px
    }
}

.panel.page-intro > .row > .col-md-4 {
    min-height: 150px;
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(51,51,51,0.15)
}

    .panel.page-intro > .row > .col-md-4 .element-container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

.panel.page-intro .panel {
    margin-top: 0;
    height: 100%
}

    .panel.page-intro .panel .panel-header {
        background-color: #3b3d77;
        background-image: linear-gradient(100deg,#2b2f5d,#4b4b90);
        border: 0
    }

        .panel.page-intro .panel .panel-header .panel-title {
            color: #fff
        }

.panel.page-intro > .row > .col-md-4::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='0.2'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.panel.panel-index .panel-header {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0 85.02l4.62-4.27a49.09 49.09 0 0 0 7.33 3.74l-1.2 10.24 2.66.87 5.05-9c2.62.65 5.34 1.08 8.12 1.28L28.6 98h2.8l2.02-10.12c2.74-.2 5.46-.62 8.12-1.28l5.05 8.99 2.66-.86-1.2-10.24c2.55-1.03 5-2.29 7.33-3.74l7.58 7 2.26-1.65-4.3-9.38a48.3 48.3 0 0 0 5.8-5.8l9.38 4.3 1.65-2.26-7-7.58a49.09 49.09 0 0 0 3.74-7.33l10.24 1.2.87-2.66-9-5.05a48.07 48.07 0 0 0 1.28-8.12L88 41.4v-2.8l-10.12-2.02c-.2-2.74-.62-5.46-1.28-8.12l8.99-5.05-.86-2.66-10.24 1.2c-1.03-2.55-2.29-5-3.74-7.33l7-7.58-1.65-2.26-9.38 4.3a48.3 48.3 0 0 0-5.8-5.8L62.42 0h2.16l-1.25 2.72a50.31 50.31 0 0 1 3.95 3.95l9.5-4.36 3.52 4.85-7.08 7.68c.94 1.6 1.79 3.27 2.54 4.98l10.38-1.21 1.85 5.7-9.11 5.12c.39 1.8.68 3.65.87 5.52L90 37v6l-10.25 2.05a49.9 49.9 0 0 1-.87 5.52l9.11 5.12-1.85 5.7-10.38-1.21c-.75 1.7-1.6 3.37-2.54 4.98l7.08 7.68-3.52 4.85-9.5-4.36a50.31 50.31 0 0 1-3.95 3.95l4.36 9.5-4.85 3.52-7.68-7.08c-1.6.94-3.27 1.79-4.98 2.54l1.21 10.38-5.7 1.85-5.12-9.11c-1.8.39-3.65.68-5.52.87L33 100h-6l-2.05-10.25a49.9 49.9 0 0 1-5.52-.87l-5.12 9.11-5.7-1.85 1.21-10.38c-1.7-.75-3.37-1.6-4.98-2.54L0 87.68v-2.66zM0 52.7V27.3l8.38 4.84a22.96 22.96 0 0 0 0 15.72L0 52.7zm0-39.16A39.91 39.91 0 0 1 26 .2v17.15a22.98 22.98 0 0 0-13.62 7.86L0 18.06v-4.52zm0 52.92v-4.52l12.38-7.15A22.98 22.98 0 0 0 26 62.65V79.8A39.91 39.91 0 0 1 0 66.46zM34 79.8V62.65a22.98 22.98 0 0 0 13.62-7.86l14.85 8.58A39.97 39.97 0 0 1 34 79.8zm32.48-23.36l-14.86-8.58a22.96 22.96 0 0 0 0-15.72l14.86-8.58A39.86 39.86 0 0 1 70 40a39.9 39.9 0 0 1-3.52 16.44zm-4.01-39.8L47.62 25.2A22.98 22.98 0 0 0 34 17.35V.2a39.97 39.97 0 0 1 28.47 16.43v.01zM0 50.38l5.98-3.45a25.01 25.01 0 0 1 0-13.88L0 29.6v20.78zm.5-34.35l11.48 6.63c3.27-3.4 7.44-5.8 12.02-6.94V2.47A37.96 37.96 0 0 0 .5 16.04v-.01zm0 47.92A37.96 37.96 0 0 0 24 77.53V64.28a24.97 24.97 0 0 1-12.02-6.95L.5 63.96v-.01zM36 77.53a37.96 37.96 0 0 0 23.5-13.57l-11.48-6.63A24.97 24.97 0 0 1 36 64.28v13.25zm29.5-23.96a37.91 37.91 0 0 0 0-27.14l-11.48 6.63a25.01 25.01 0 0 1 0 13.88l11.49 6.63h-.01zm-6-37.53A37.96 37.96 0 0 0 36 2.47v13.25c4.66 1.15 8.8 3.6 12.02 6.95l11.48-6.63zM30 54a14 14 0 1 1 0-28 14 14 0 0 1 0 28zm0-2a12 12 0 1 0 0-24 12 12 0 0 0 0 24zm0-2a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm77.47 45.17l-1.62-5.97 5.67-2.06 2.61 5.64c1.09-.25 2.2-.44 3.33-.58l.52-6.2h6.04l.52 6.2c1.13.14 2.24.33 3.33.58l2.6-5.64 5.68 2.06-1.62 5.97c1.02.51 2 1.07 2.95 1.69l4.35-4.38 4.62 3.88-3.53 5c.8.84 1.53 1.71 2.23 2.62l5.52-2.6 3.02 5.23-4.98 3.46c.46 1.06.86 2.14 1.2 3.25l6.02-.54 1.05 5.94-5.84 1.54c.07 1.16.07 2.32 0 3.48l5.84 1.54-1.05 5.94-6.02-.54c-.34 1.1-.74 2.2-1.2 3.25l4.98 3.46-3.02 5.22-5.52-2.6c-.7.92-1.44 1.8-2.23 2.62l3.53 5-4.62 3.89-4.35-4.38a30.2 30.2 0 0 1-2.95 1.69l1.62 5.97-5.67 2.06-2.61-5.64c-1.09.25-2.2.44-3.33.58l-.52 6.2h-6.04l-.52-6.2a30.27 30.27 0 0 1-3.33-.58l-2.6 5.64-5.68-2.06 1.62-5.97c-1.01-.5-2-1.07-2.95-1.69l-4.35 4.38-4.62-3.88 3.53-5a32.5 32.5 0 0 1-2.23-2.62l-5.52 2.6-3.02-5.23 4.98-3.46a29.66 29.66 0 0 1-1.2-3.25l-6.02.54-1.05-5.94 5.84-1.54a30.28 30.28 0 0 1 0-3.48l-5.84-1.54 1.05-5.94 6.02.54c.34-1.1.74-2.2 1.2-3.25l-4.98-3.46 3.02-5.22 5.52 2.6c.7-.92 1.44-1.8 2.23-2.62l-3.53-5 4.62-3.89 4.35 4.38a30.2 30.2 0 0 1 2.95-1.69zm15.2-1.12l-.5-6.05h-2.34l-.5 6.05c-2.18.13-4.3.5-6.32 1.1l-2.54-5.5-2.2.8 1.6 5.85a27.97 27.97 0 0 0-5.56 3.21l-4.27-4.3-1.79 1.5 3.5 4.95a28.14 28.14 0 0 0-4.12 4.92l-5.5-2.59-1.16 2.02 4.98 3.46a27.8 27.8 0 0 0-2.2 6.03l-6.03-.55-.4 2.3 5.86 1.54a28.3 28.3 0 0 0 0 6.42l-5.87 1.55.4 2.3 6.05-.56a27.8 27.8 0 0 0 2.2 6.03l-5 3.47 1.17 2.02 5.49-2.59a28.14 28.14 0 0 0 4.12 4.92l-3.5 4.96 1.79 1.5 4.27-4.31a27.97 27.97 0 0 0 5.56 3.21l-1.6 5.85 2.2.8 2.54-5.5c2.02.6 4.14.97 6.32 1.1l.5 6.05h2.34l.5-6.05c2.18-.13 4.3-.5 6.32-1.1l2.54 5.5 2.2-.8-1.6-5.85a27.97 27.97 0 0 0 5.56-3.21l4.27 4.3 1.79-1.5-3.5-4.95a28.14 28.14 0 0 0 4.12-4.92l5.5 2.59 1.16-2.02-4.98-3.46a27.8 27.8 0 0 0 2.2-6.03l6.03.55.4-2.3-5.86-1.54a28.3 28.3 0 0 0 0-6.42l5.87-1.55-.4-2.3-6.05.56a27.8 27.8 0 0 0-2.2-6.03l4.99-3.46-1.17-2.02-5.49 2.59a28.14 28.14 0 0 0-4.12-4.92l3.5-4.96-1.79-1.5-4.27 4.31a27.97 27.97 0 0 0-5.56-3.21l1.6-5.85-2.2-.8-2.54 5.5c-2.02-.6-4.14-.97-6.32-1.1l.01-.01zM121 128a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-2a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-18a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm8.49 3.51a5 5 0 1 1 6.95-7.2 5 5 0 0 1-6.95 7.2zM133 120a5 5 0 1 1 10 0 5 5 0 0 1-10 0zm-3.51 8.49a5 5 0 1 1 7.2 6.95 5 5 0 0 1-7.2-6.95zM121 132a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm-8.49-3.51a5 5 0 1 1-6.95 7.2 5 5 0 0 1 6.95-7.2zM109 120a5 5 0 1 1-10 0 5 5 0 0 1 10 0zm3.51-8.49a5 5 0 1 1-7.2-6.95 5 5 0 0 1 7.2 6.95zM121 106a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm9.9 4.1a3 3 0 1 0 4.39-4.09 3 3 0 0 0-4.39 4.09zm4.1 9.9a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm-4.1 9.9a3 3 0 1 0 4.09 4.39 3 3 0 0 0-4.09-4.39zM121 134a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm-9.9-4.1a3 3 0 1 0-4.39 4.09 3 3 0 0 0 4.39-4.09zM107 120a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm4.1-9.9a3 3 0 1 0-4.09-4.39 3 3 0 0 0 4.09 4.39zm129.42-6.95v.01c.87.07 1.74.17 2.6.3l1.5-3.91 1.94-3.64 3.89.97v4.13l-.5 4.13c.83.28 1.64.59 2.44.93l2.42-3.43 2.76-3.07 3.54 1.88-1 4-1.49 3.89c.73.47 1.45.97 2.15 1.49l3.19-2.76 3.42-2.3 2.97 2.67-1.93 3.65-2.38 3.4c.6.64 1.2 1.3 1.76 1.99l3.68-1.94 3.85-1.48 2.29 3.28-2.7 3.11-3.12 2.82c.43.76.84 1.53 1.22 2.32l4.04-1 4.1-.5 1.43 3.73-3.37 2.37-3.7 1.98c.23.84.44 1.68.62 2.54l4.17.01 4.1.5.48 3.97-3.85 1.48-4.06 1.02c.03.87.03 1.75 0 2.62l4.06 1.02 3.85 1.48-.48 3.97-4.1.51h-4.17c-.18.86-.39 1.71-.63 2.54l3.7 1.98 3.38 2.37-1.43 3.73-4.1-.5-4.04-1c-.38.79-.79 1.56-1.22 2.32l3.13 2.82 2.7 3.11-2.3 3.28-3.85-1.48-3.68-1.95a37 37 0 0 1-1.76 2l2.38 3.41 1.93 3.64-2.97 2.67-3.42-2.3-3.19-2.76a40.1 40.1 0 0 1-2.15 1.48l1.48 3.9 1 4-3.53 1.88-2.76-3.07-2.42-3.43c-.8.33-1.61.65-2.45.93l.5 4.13v4.13l-3.88.97-1.94-3.65-1.5-3.9c-.86.13-1.73.23-2.6.31L240 187l-1 4h-4l-1-4-.52-4.16a37.6 37.6 0 0 1-2.6-.3l-1.5 3.91-1.94 3.64-3.89-.97v-4.13l.5-4.13c-.83-.28-1.64-.59-2.44-.93l-2.42 3.43-2.76 3.07-3.54-1.88 1-4 1.49-3.89c-.74-.47-1.45-.97-2.15-1.49l-3.19 2.76-3.42 2.3-2.97-2.67 1.93-3.65 2.38-3.4c-.61-.65-1.2-1.31-1.76-1.99l-3.68 1.94-3.85 1.48-2.29-3.28 2.7-3.11 3.12-2.82c-.43-.76-.84-1.53-1.22-2.32l-4.04 1-4.1.5-1.43-3.73 3.37-2.37 3.7-1.98c-.23-.84-.44-1.68-.62-2.54l-4.17-.01-4.1-.5-.48-3.97 3.85-1.48 4.06-1.02c-.03-.87-.03-1.75 0-2.62l-4.06-1.02-3.85-1.48.48-3.97 4.1-.51h4.17c.18-.86.39-1.71.63-2.54l-3.7-1.98-3.38-2.37 1.43-3.73 4.1.5 4.04 1c.38-.79.79-1.56 1.22-2.32l-3.13-2.82-2.7-3.11 2.3-3.28 3.85 1.48 3.68 1.95a37 37 0 0 1 1.76-2l-2.38-3.41-1.93-3.64 2.97-2.67 3.42 2.3 3.19 2.76c.7-.52 1.41-1.02 2.15-1.48l-1.48-3.9-1-4 3.53-1.88 2.76 3.07 2.42 3.43c.8-.33 1.61-.65 2.45-.93l-.5-4.13v-4.13l3.88-.97 1.94 3.65 1.5 3.9c.86-.13 1.73-.23 2.6-.31L234 99l1-4h4l1 4 .52 4.15zm-14.3 3.4c-1.83.54-3.6 1.21-5.3 2l-3.5-4.97-1.38-1.53-.88.47.5 2 2.16 5.67a38.09 38.09 0 0 0-4.66 3.22l-4.61-4-1.71-1.15-.75.67.97 1.82 3.47 4.98a38.22 38.22 0 0 0-3.79 4.28l-5.37-2.84-1.92-.74-.57.82 1.35 1.56 4.52 4.09a37.9 37.9 0 0 0-2.64 5l-5.89-1.45-2.04-.25-.36.94 1.69 1.18 5.36 2.87a37.74 37.74 0 0 0-1.35 5.5l-6.08.01-2.04.25-.12 1 1.92.73 5.9 1.5a38.54 38.54 0 0 0 0 5.65l-5.9 1.49-1.92.74.12.99 2.04.25 6.08.01c.31 1.86.77 3.7 1.35 5.5l-5.36 2.87-1.7 1.18.37.94 2.04-.25 5.9-1.46a37.9 37.9 0 0 0 2.63 5.01l-4.52 4.1-1.35 1.55.57.82 1.92-.74 5.37-2.84a38.22 38.22 0 0 0 3.8 4.28l-3.48 4.98-.97 1.82.75.67 1.7-1.15 4.62-4a38.09 38.09 0 0 0 4.66 3.22l-2.17 5.67-.5 2 .89.47 1.38-1.53 3.5-4.98c1.7.8 3.47 1.47 5.3 2l-.73 6.04v2.06l.97.24.97-1.82 2.2-5.68c1.83.36 3.7.6 5.62.68L236 187l.5 2h1l.5-2 .75-6.04a38.2 38.2 0 0 0 5.62-.68l2.2 5.68.97 1.82.97-.24v-2.06l-.73-6.03c1.83-.54 3.6-1.21 5.3-2l3.5 4.97 1.38 1.53.88-.47-.5-2-2.16-5.67a38.09 38.09 0 0 0 4.66-3.22l4.61 4 1.71 1.15.75-.67-.97-1.82-3.47-4.98a38.22 38.22 0 0 0 3.79-4.28l5.37 2.84 1.92.74.57-.82-1.35-1.56-4.52-4.09c1-1.6 1.88-3.27 2.64-5l5.89 1.45 2.04.25.36-.94-1.69-1.18-5.36-2.87a37.4 37.4 0 0 0 1.35-5.5l6.08-.01 2.04-.25.12-1-1.92-.73-5.9-1.5c.14-1.88.14-3.77 0-5.65l5.9-1.49 1.92-.74-.12-.99-2.04-.25-6.08-.01a37.4 37.4 0 0 0-1.35-5.5l5.36-2.87 1.7-1.18-.37-.94-2.04.25-5.9 1.46a37.9 37.9 0 0 0-2.63-5.01l4.52-4.1 1.35-1.55-.57-.82-1.92.74-5.37 2.84a38.22 38.22 0 0 0-3.8-4.28l3.48-4.98.97-1.82-.75-.67-1.7 1.15-4.62 4a38.09 38.09 0 0 0-4.66-3.22l2.17-5.67.5-2-.89-.47-1.38 1.53-3.5 4.98c-1.7-.8-3.47-1.47-5.3-2l.73-6.04v-2.06l-.97-.24-.97 1.82-2.2 5.68c-1.83-.36-3.7-.6-5.62-.68L238 99l-.5-2h-1l-.5 2-.75 6.04c-1.92.09-3.8.32-5.62.68l-2.2-5.68-.97-1.82-.97.24v2.06l.73 6.03zm-5.85 5.65A34.82 34.82 0 0 1 236 108v6a28.8 28.8 0 0 0-12.63 3.39l-3-5.2v.01zm2.8.83l1 1.74a30.8 30.8 0 0 1 9.83-2.63v-2.01a32.8 32.8 0 0 0-10.83 2.9zm-4.53.17l3 5.2a29.12 29.12 0 0 0-9.24 9.24l-5.2-3a35.18 35.18 0 0 1 11.44-11.44zm-.67 2.84a33.19 33.19 0 0 0-7.93 7.93l1.74 1a31.18 31.18 0 0 1 7.2-7.2l-1.01-1.73zm-11.77 10.33h-.01l5.2 3A28.8 28.8 0 0 0 208 142h-6a34.82 34.82 0 0 1 4.2-15.63zm.83 2.8a32.8 32.8 0 0 0-2.9 10.83h2.01a30.8 30.8 0 0 1 2.63-9.83l-1.74-1zM202.01 144h6.01c.15 4.41 1.3 8.73 3.38 12.63l-5.2 3a34.82 34.82 0 0 1-4.19-15.63zm2.12 2a32.8 32.8 0 0 0 2.9 10.84l1.74-1a30.8 30.8 0 0 1-2.63-9.84h-2.01zm3.07 15.36l5.2-3c2.34 3.74 5.5 6.9 9.24 9.24l-3 5.2a35.18 35.18 0 0 1-11.44-11.44zm2.84.67a33.19 33.19 0 0 0 7.93 7.93l1-1.74a31.18 31.18 0 0 1-7.2-7.2l-1.73 1.01zm10.33 11.77v.01l3-5.2A28.85 28.85 0 0 0 236 172v6a34.82 34.82 0 0 1-15.63-4.2zm2.8-.83a32.8 32.8 0 0 0 10.83 2.9v-2.01a30.8 30.8 0 0 1-9.83-2.63l-1 1.74zm14.83 5.02v-6.01c4.41-.15 8.73-1.3 12.63-3.38l3 5.2a34.82 34.82 0 0 1-15.63 4.19zm2-2.12a32.8 32.8 0 0 0 10.84-2.9l-1-1.74a30.8 30.8 0 0 1-9.84 2.63v2.01zm15.36-3.07l-3-5.2c3.74-2.34 6.9-5.5 9.24-9.24l5.2 3a35.18 35.18 0 0 1-11.44 11.44zm.67-2.84a33.19 33.19 0 0 0 7.93-7.93l-1.74-1a31.18 31.18 0 0 1-7.2 7.2l1.01 1.73zm11.77-10.33h.01l-5.2-3A28.85 28.85 0 0 0 266 144h6a34.82 34.82 0 0 1-4.2 15.63zm-.83-2.8a32.8 32.8 0 0 0 2.9-10.83h-2.01a30.8 30.8 0 0 1-2.63 9.83l1.74 1zm5.02-14.83h-6.01a28.85 28.85 0 0 0-3.38-12.63l5.2-3a34.82 34.82 0 0 1 4.19 15.63zm-2.12-2a32.8 32.8 0 0 0-2.9-10.84l-1.74 1a30.8 30.8 0 0 1 2.63 9.84h2.01zm-3.07-15.36l-5.2 3a29.12 29.12 0 0 0-9.24-9.24l3-5.2a35.18 35.18 0 0 1 11.44 11.44zm-2.84-.67a33.19 33.19 0 0 0-7.93-7.93l-1 1.74a31.18 31.18 0 0 1 7.2 7.2l1.73-1.01zM238 108a34.82 34.82 0 0 1 15.63 4.19l-3 5.2a28.85 28.85 0 0 0-12.63-3.38V108zm12.84 5.02a32.8 32.8 0 0 0-10.84-2.9v2.01a30.8 30.8 0 0 1 9.83 2.63l1-1.74h.01zM237 156a13 13 0 1 1 0-26 13 13 0 0 1 0 26zm0-2a11 11 0 1 0 0-22 11 11 0 0 0 0 22zM137.54 0h56.92l-.74 1.03c.57.7 1.12 1.4 1.64 2.14l7.75-2.9 2 3.46-6.38 5.25c.37.82.72 1.65 1.03 2.5l8.22-.8 1.04 3.86-7.52 3.43c.15.88.26 1.77.35 2.67L210 22v4l-8.15 1.36c-.09.9-.2 1.8-.35 2.67l7.52 3.43-1.04 3.86-8.22-.8c-.31.85-.66 1.68-1.03 2.5l6.38 5.25-2 3.46-7.75-2.9c-.52.74-1.07 1.45-1.64 2.14l4.8 6.73-2.82 2.83-6.73-4.8c-.7.56-1.4 1.11-2.14 1.63l2.9 7.75-3.46 2-5.25-6.38c-.82.37-1.65.72-2.5 1.03l.8 8.22-3.86 1.04-3.43-7.52c-.88.15-1.77.26-2.67.35L168 68h-4l-1.36-8.15c-.9-.09-1.8-.2-2.67-.35l-3.43 7.52-3.86-1.04.8-8.22c-.85-.31-1.68-.66-2.5-1.03l-5.25 6.38-3.46-2 2.9-7.75a36.15 36.15 0 0 1-2.14-1.64l-6.73 4.8-2.83-2.82 4.8-6.73c-.56-.7-1.11-1.4-1.63-2.14l-7.75 2.9-2-3.46 6.38-5.25c-.37-.82-.72-1.65-1.03-2.5l-8.22.8-1.04-3.86 7.52-3.43c-.15-.88-.26-1.77-.35-2.67L122 26v-4l8.15-1.36c.09-.9.2-1.8.35-2.67l-7.52-3.43 1.04-3.86 8.22.8c.31-.85.66-1.68 1.03-2.5l-6.38-5.25 2-3.46 7.75 2.9c.52-.74 1.07-1.45 1.64-2.14L137.54 0zm2.43 0l.83 1.17a34.14 34.14 0 0 0-3.38 4.4l-7.63-2.86-.33.58 6.29 5.18a33.79 33.79 0 0 0-2.13 5.12l-8.1-.78-.18.64 7.42 3.37a34.02 34.02 0 0 0-.72 5.5L124 23.68v.66l8.04 1.34c.1 1.88.33 3.72.72 5.5l-7.42 3.38.18.64 8.1-.78a33.88 33.88 0 0 0 2.13 5.12l-6.29 5.18.33.58 7.63-2.86c1 1.56 2.14 3.03 3.38 4.4l-4.73 6.63.47.47 6.63-4.73a34.14 34.14 0 0 0 4.4 3.38l-2.86 7.63.58.33 5.18-6.29c1.63.84 3.35 1.56 5.12 2.13l-.78 8.1.64.18 3.37-7.42c1.79.39 3.63.63 5.5.72l1.35 8.04h.66l1.34-8.04c1.88-.1 3.72-.33 5.5-.72l3.38 7.42.64-.18-.78-8.1a33.88 33.88 0 0 0 5.12-2.13l5.18 6.29.58-.33-2.86-7.63c1.56-1 3.03-2.14 4.4-3.38l6.63 4.73.47-.47-4.73-6.63a34.14 34.14 0 0 0 3.38-4.4l7.63 2.86.33-.58-6.29-5.18a33.79 33.79 0 0 0 2.13-5.12l8.1.78.18-.64-7.42-3.37c.39-1.79.63-3.63.72-5.5l8.04-1.35v-.66l-8.04-1.34c-.1-1.88-.33-3.72-.72-5.5l7.42-3.38-.18-.64-8.1.78a33.79 33.79 0 0 0-2.13-5.12l6.29-5.18-.33-.58-7.63 2.86c-1-1.56-2.14-3.03-3.38-4.4l.83-1.17h-52.06V0zm-2.82 27h14.15A15.02 15.02 0 0 0 163 38.7v14.15A29.01 29.01 0 0 1 137.15 27zm12.57-27H163v9.3A15.02 15.02 0 0 0 151.3 21h-14.15a28.99 28.99 0 0 1 12.57-21zM169 52.85V38.7A15.02 15.02 0 0 0 180.7 27h14.15A29.01 29.01 0 0 1 169 52.85zM182.28 0a28.99 28.99 0 0 1 12.57 21H180.7A15.02 15.02 0 0 0 169 9.3V0h13.28zm-42.82 29A27.03 27.03 0 0 0 161 50.54V40.25A17.04 17.04 0 0 1 149.75 29h-10.29zm14.16-29a27.04 27.04 0 0 0-14.16 19h10.29A17.04 17.04 0 0 1 161 7.75V0h-7.38zM171 50.54A27.03 27.03 0 0 0 192.54 29h-10.29A17.04 17.04 0 0 1 171 40.25v10.29zM178.38 0H171v7.75A17.04 17.04 0 0 1 182.25 19h10.29a27.04 27.04 0 0 0-14.16-19zM166 34a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm-39.51 176.15l-10.67-7.95 6-10.4 12.23 5.27a23.97 23.97 0 0 1 8.4-4.86L144 177h12l1.55 13.21a23.97 23.97 0 0 1 8.4 4.86l12.23-5.27 6 10.4-10.67 7.95a24 24 0 0 1 0 9.7l10.67 7.95-6 10.4-12.23-5.27a23.97 23.97 0 0 1-8.4 4.86L156 249h-12l-1.55-13.21a23.97 23.97 0 0 1-8.4-4.86l-12.23 5.27-6-10.4 10.67-7.95a24.1 24.1 0 0 1 0-9.7zm29.25-16.4l-1.5-12.75h-8.48l-1.5 12.76c-3.75 1-7.1 2.99-9.79 5.65l-11.8-5.08-4.23 7.34 10.3 7.68c-.98 3.7-.98 7.6 0 11.3l-10.3 7.68 4.23 7.34 11.8-5.08a22.1 22.1 0 0 0 9.8 5.65l1.5 12.76h8.47l1.5-12.76c3.75-1 7.1-2.99 9.79-5.65l11.8 5.08 4.23-7.34-10.3-7.68c.98-3.7.98-7.6 0-11.3l10.3-7.68-4.23-7.34-11.8 5.08a21.98 21.98 0 0 0-9.8-5.65l.01-.01zM150 225a12 12 0 1 1 0-24 12 12 0 0 1 0 24zm0-2a10 10 0 1 0 0-20 10 10 0 0 0 0 20zm3.53 67.72l4.26.07.51 1.93-3.65 2.19c.11.63.2 1.27.25 1.92L159 298v2l-4.1 1.17c-.05.65-.14 1.29-.25 1.92l3.65 2.2-.51 1.92-4.26.07c-.22.61-.47 1.21-.74 1.8l2.96 3.05-1 1.74-4.13-1.04a24.1 24.1 0 0 1-1.18 1.54l2.07 3.72-1.42 1.42-3.72-2.07c-.5.41-1.01.8-1.54 1.18l1.04 4.13-1.74 1-3.05-2.96c-.59.27-1.19.52-1.8.74l-.07 4.26-1.93.51-2.19-3.65c-.63.11-1.27.2-1.92.25L132 327h-2l-1.17-4.1c-.65-.05-1.29-.14-1.92-.25l-2.2 3.65-1.92-.51-.07-4.26c-.61-.22-1.21-.47-1.8-.74l-3.05 2.96-1.74-1 1.04-4.13a24.1 24.1 0 0 1-1.54-1.18l-3.72 2.07-1.42-1.42 2.07-3.72c-.41-.5-.8-1.01-1.18-1.54l-4.13 1.04-1-1.74 2.96-3.05c-.27-.59-.52-1.19-.74-1.8l-4.26-.07-.51-1.93 3.65-2.19c-.11-.63-.2-1.27-.25-1.92L103 300v-2l4.1-1.17c.05-.65.14-1.29.25-1.92l-3.65-2.2.51-1.92 4.26-.07c.22-.61.47-1.21.74-1.8l-2.96-3.05 1-1.74 4.13 1.04c.38-.53.77-1.04 1.18-1.54l-2.07-3.72 1.42-1.42 3.72 2.07c.5-.41 1.01-.8 1.54-1.18l-1.04-4.13 1.74-1 3.05 2.96c.59-.27 1.19-.52 1.8-.74l.07-4.26 1.93-.51 2.19 3.65c.63-.11 1.27-.2 1.92-.25L130 271h2l1.17 4.1c.65.05 1.29.14 1.92.25l2.2-3.65 1.92.51.07 4.26c.61.22 1.21.47 1.8.74l3.05-2.96 1.74 1-1.04 4.13c.53.38 1.04.77 1.54 1.18l3.72-2.07 1.42 1.42-2.07 3.72c.41.5.8 1.01 1.18 1.54l4.13-1.04 1 1.74-2.96 3.05c.27.59.52 1.19.74 1.8zM109 299a22 22 0 1 0 44 0 22 22 0 0 0-44 0zm27.11-10.86l-3 5.22a6 6 0 0 0-4.21 0l-3.01-5.22a11.95 11.95 0 0 1 10.22 0zm1.74 1a12 12 0 0 1 5.1 8.86h-6.01a6.01 6.01 0 0 0-2.1-3.64l3-5.22h.01zm-13.7 0l3.02 5.22a6.01 6.01 0 0 0-2.1 3.64h-6.03a12 12 0 0 1 5.11-8.86zm-5.1 10.86h6.01a6.01 6.01 0 0 0 2.1 3.64l-3 5.22a12 12 0 0 1-5.12-8.86h.01zm6.84 9.86l3-5.22a6 6 0 0 0 4.21 0l3.01 5.22a11.95 11.95 0 0 1-10.22 0zm11.96-1l-3.02-5.22a6.01 6.01 0 0 0 2.1-3.64h6.03a12 12 0 0 1-5.11 8.86zm-4.68-19.62a10.04 10.04 0 0 0-4.34 0l1.05 1.82c.74-.1 1.5-.1 2.24 0l1.05-1.82zm5.2 3l-1.05 1.82c.46.59.84 1.24 1.12 1.94h2.1a9.99 9.99 0 0 0-2.17-3.76zm-14.74 0a9.99 9.99 0 0 0-2.17 3.76h2.1c.28-.7.66-1.35 1.12-1.94l-1.05-1.82zm-2.17 9.76a9.99 9.99 0 0 0 2.17 3.76l1.05-1.82a8.01 8.01 0 0 1-1.12-1.94h-2.1zm7.37 6.76c1.43.32 2.91.32 4.34 0l-1.05-1.82c-.74.1-1.5.1-2.24 0l-1.05 1.82zm9.54-3a9.99 9.99 0 0 0 2.17-3.76h-2.1c-.28.7-.66 1.35-1.12 1.94l1.05 1.82zM127 299a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm2 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm15 0a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-6.5 11.26a4 4 0 1 1 4 6.93 4 4 0 0 1-4-6.93zm-13 0a4 4 0 1 1-4 6.93 4 4 0 0 1 4-6.93zM118 299a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6.5-11.26a4 4 0 1 1-4-6.93 4 4 0 0 1 4 6.93zm13 0a4 4 0 1 1 4-6.93 4 4 0 0 1-4 6.93zM146 299a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-7.5 12.99a2 2 0 1 0 1.66 3.64 2 2 0 0 0-1.66-3.64zm-15 0a2 2 0 1 0-2.15 3.38 2 2 0 0 0 2.15-3.38zM116 299a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm7.5-12.99a2 2 0 1 0-1.66-3.64 2 2 0 0 0 1.66 3.64zm15 0a2 2 0 1 0 2.15-3.38 2 2 0 0 0-2.15 3.38zm103.8-61.7l-.8-8.22 5.8-1.55 3.42 7.52c2.26-.43 4.57-.74 6.92-.9L259 213h6l1.36 8.16c2.35.16 4.66.47 6.92.9l3.42-7.52 5.8 1.55-.8 8.22c2.21.77 4.37 1.66 6.45 2.68l5.25-6.38 5.2 3-2.9 7.74a60.25 60.25 0 0 1 5.53 4.25l6.73-4.8 4.24 4.24-4.8 6.73a60.25 60.25 0 0 1 4.25 5.53l7.74-2.9 3 5.2-6.38 5.25a59.62 59.62 0 0 1 2.68 6.45l8.22-.8 1.55 5.8-7.52 3.42c.43 2.26.74 4.57.9 6.92L330 278v6l-8.16 1.36a60.03 60.03 0 0 1-.9 6.92l7.52 3.42-1.55 5.8-8.22-.8a59.62 59.62 0 0 1-2.68 6.45l6.38 5.25-3 5.2-7.74-2.9a60.25 60.25 0 0 1-4.25 5.53l4.8 6.73-4.24 4.24-6.73-4.8a60.25 60.25 0 0 1-5.53 4.25l2.9 7.74-5.2 3-5.25-6.38a59.62 59.62 0 0 1-6.45 2.68l.8 8.22-5.8 1.55-3.42-7.52c-2.26.43-4.57.74-6.92.9L265 349h-6l-1.36-8.16a60.03 60.03 0 0 1-6.92-.9l-3.42 7.52-5.8-1.55.8-8.22a59.62 59.62 0 0 1-6.45-2.68l-5.25 6.38-5.2-3 2.9-7.74a60.25 60.25 0 0 1-5.53-4.25l-6.73 4.8-4.24-4.24 4.8-6.73a60.25 60.25 0 0 1-4.25-5.53l-7.74 2.9-3-5.2 6.38-5.25a59.62 59.62 0 0 1-2.68-6.45l-8.22.8-1.55-5.8 7.52-3.42c-.43-2.29-.73-4.6-.9-6.92L194 284v-6l8.16-1.36c.16-2.35.47-4.66.9-6.92l-7.52-3.42 1.55-5.8 8.22.8c.77-2.2 1.66-4.35 2.68-6.45l-6.38-5.25 3-5.2 7.74 2.9a60.25 60.25 0 0 1 4.25-5.53l-4.8-6.73 4.24-4.24 6.73 4.8a60.25 60.25 0 0 1 5.53-4.25l-2.9-7.74 5.2-3 5.25 6.38a59.62 59.62 0 0 1 6.45-2.68zm2.12 1.4c-3.15 1-6.19 2.27-9.08 3.77l-5.19-6.3-2.3 1.33 2.86 7.65a58.24 58.24 0 0 0-7.79 5.98l-6.65-4.75-1.88 1.88 4.75 6.65a58.24 58.24 0 0 0-5.98 7.79l-7.65-2.86-1.33 2.3 6.3 5.2a57.64 57.64 0 0 0-3.77 9.07l-8.12-.79-.69 2.58 7.43 3.38a58 58 0 0 0-1.27 9.73l-8.06 1.35v2.66l8.06 1.35c.15 3.32.58 6.58 1.27 9.73l-7.43 3.38.7 2.58 8.11-.79c1 3.15 2.27 6.19 3.77 9.08l-6.3 5.19 1.33 2.3 7.65-2.86a58.24 58.24 0 0 0 5.98 7.79l-4.75 6.65 1.88 1.88 6.65-4.75a60.3 60.3 0 0 0 7.79 5.98l-2.86 7.65 2.3 1.33 5.2-6.3a56.99 56.99 0 0 0 9.07 3.77l-.79 8.12 2.58.69 3.38-7.43c3.15.69 6.4 1.12 9.73 1.27l1.35 8.06h2.66l1.35-8.06c3.32-.15 6.58-.58 9.73-1.27l3.38 7.43 2.58-.7-.79-8.11c3.15-1 6.19-2.27 9.08-3.77l5.19 6.3 2.3-1.33-2.86-7.65a58.24 58.24 0 0 0 7.79-5.98l6.65 4.75 1.88-1.88-4.75-6.65a60.3 60.3 0 0 0 5.98-7.79l7.65 2.86 1.33-2.3-6.3-5.2a56.99 56.99 0 0 0 3.77-9.07l8.12.79.69-2.58-7.43-3.38a58 58 0 0 0 1.27-9.73l8.06-1.35v-2.66l-8.06-1.35a58.04 58.04 0 0 0-1.27-9.73l7.43-3.38-.7-2.58-8.11.79c-1-3.15-2.27-6.19-3.77-9.08l6.3-5.19-1.33-2.3-7.65 2.86a58.24 58.24 0 0 0-5.98-7.79l4.75-6.65-1.88-1.88-6.65 4.75a58.24 58.24 0 0 0-7.79-5.98l2.86-7.65-2.3-1.33-5.2 6.3a57.64 57.64 0 0 0-9.07-3.77l.79-8.12-2.58-.69-3.38 7.43a58 58 0 0 0-9.73-1.27l-1.35-8.06h-2.66l-1.35 8.06c-3.32.15-6.58.58-9.73 1.27l-3.38-7.43-2.58.7.79 8.11zm4.58 50.1a13.96 13.96 0 0 0 0 10.39l-33.88 19.55A52.77 52.77 0 0 1 209 281c0-8.94 2.21-17.37 6.12-24.75L249 275.8v.01zm2-3.47l-33.87-19.56A52.97 52.97 0 0 1 260 228.04v39.1a13.99 13.99 0 0 0-9 5.2zm0 17.32a13.99 13.99 0 0 0 9 5.2v39.1a52.97 52.97 0 0 1-42.87-24.74L251 289.66zm13 5.2a13.99 13.99 0 0 0 9-5.2l33.87 19.56A52.97 52.97 0 0 1 264 333.96v-39.1zm11-8.66a13.96 13.96 0 0 0 0-10.4l33.88-19.55A52.77 52.77 0 0 1 315 281c0 8.94-2.21 17.37-6.12 24.75L275 286.2zm-2-13.86a13.99 13.99 0 0 0-9-5.2v-39.1a52.97 52.97 0 0 1 42.87 24.74L273 272.34zm-57.04-13.3A50.8 50.8 0 0 0 211 281a50.8 50.8 0 0 0 4.96 21.96l30.62-17.68c-.78-2.8-.78-5.76 0-8.56l-30.62-17.68zm4-6.93l30.62 17.68a16.08 16.08 0 0 1 7.42-4.29v-35.35a50.96 50.96 0 0 0-38.04 21.96zm0 57.78A50.96 50.96 0 0 0 258 331.85V296.5a15.98 15.98 0 0 1-7.42-4.29l-30.62 17.68zM266 331.85a50.96 50.96 0 0 0 38.04-21.96l-30.62-17.68a16.08 16.08 0 0 1-7.42 4.29v35.35zm42.04-28.89A50.8 50.8 0 0 0 313 281a50.8 50.8 0 0 0-4.96-21.96l-30.62 17.68c.78 2.8.78 5.76 0 8.56l30.62 17.68zm-4-50.85A50.96 50.96 0 0 0 266 230.15v35.35c2.86.74 5.41 2.25 7.42 4.29l30.62-17.68zM262 290a9 9 0 1 1 0-18 9 9 0 0 1 0 18zm0-2a7 7 0 1 0 0-14 7 7 0 0 0 0 14zM0 242.64l2.76.4 4.75 2.27a38.2 38.2 0 0 1 2.85-3.4l-3.06-4.28-1.69-5.11 3.07-2.58 4.74 2.55 3.69 3.76a37.96 37.96 0 0 1 3.84-2.22l-1.42-5.07.17-5.38 3.76-1.37 3.6 4.02 2.17 4.79c1.42-.34 2.88-.6 4.37-.77L34 225l2-5h4l2 5 .4 5.25c1.49.17 2.95.43 4.37.77l2.18-4.8 3.59-4 3.76 1.36.17 5.38-1.42 5.07c1.33.67 2.6 1.41 3.84 2.22l3.69-3.76 4.74-2.55 3.07 2.58-1.69 5.11-3.06 4.29a38.2 38.2 0 0 1 2.85 3.4l4.75-2.28 5.33-.77 2 3.46-3.33 4.23-4.34 2.98c.59 1.36 1.1 2.75 1.52 4.17l5.23-.52 5.27 1.1.7 3.94-4.58 2.84-5.1 1.31a38.6 38.6 0 0 1 0 4.44l5.1 1.3 4.58 2.85-.7 3.93-5.27 1.1-5.23-.5a36.3 36.3 0 0 1-1.52 4.16l4.34 2.98 3.33 4.23-2 3.46-5.33-.77-4.75-2.27a38.2 38.2 0 0 1-2.85 3.4l3.06 4.28 1.69 5.11-3.07 2.58-4.74-2.55-3.69-3.76a37.96 37.96 0 0 1-3.84 2.22l1.42 5.07-.17 5.38-3.76 1.37-3.6-4.02-2.17-4.79c-1.42.34-2.88.6-4.37.77L42 311l-2 5h-4l-2-5-.4-5.25a37.87 37.87 0 0 1-4.37-.77l-2.18 4.8-3.59 4-3.76-1.36-.17-5.38 1.42-5.07c-1.32-.66-2.6-1.4-3.84-2.22l-3.69 3.76-4.74 2.55-3.07-2.58 1.69-5.11 3.06-4.29a38.2 38.2 0 0 1-2.85-3.4l-4.75 2.28-2.76.4v-8.17l3.1-2.13a37.72 37.72 0 0 1-1.52-4.17l-1.58.16v-8.82l.06-.01a38.6 38.6 0 0 1 0-4.44l-.06-.01v-8.82l1.58.16c.43-1.43.94-2.82 1.52-4.17L0 250.8v-8.17.01zm0 1.87v3.89l5.62 3.84a35.74 35.74 0 0 0-2.55 7.02l-3.07-.3v4.75l2.2.56a36.42 36.42 0 0 0 0 7.46l-2.2.56v4.75l3.07-.3a35.2 35.2 0 0 0 2.55 7.02L0 287.6v3.89l1.76-.26 6.41-3.07c1.4 2.06 3 3.98 4.8 5.71l-4.14 5.78-1.01 3.07 1.22 1.03 2.85-1.52 4.98-5.08c2 1.45 4.16 2.7 6.45 3.73l-1.9 6.84.1 3.23 1.5.55 2.15-2.4 2.94-6.48a35.9 35.9 0 0 0 7.34 1.3L36 311l1.2 3h1.6l1.2-3 .55-7.09a35.9 35.9 0 0 0 7.34-1.29l2.94 6.47 2.15 2.4 1.5-.54.1-3.23-1.9-6.84a35.96 35.96 0 0 0 6.45-3.73l4.98 5.08 2.85 1.52 1.22-1.03-1-3.07-4.15-5.78a35.8 35.8 0 0 0 4.8-5.7l6.4 3.06 3.2.46.8-1.38-2-2.54-5.85-4.01c1.1-2.24 1.95-4.6 2.55-7.02l7.07.7 3.16-.66.28-1.58-2.75-1.7-6.88-1.77c.26-2.48.26-4.98 0-7.46l6.88-1.77 2.75-1.7-.28-1.58-3.16-.66-7.07.7a35.74 35.74 0 0 0-2.55-7.02l5.86-4 2-2.55-.8-1.38-3.2.46-6.41 3.07c-1.4-2.06-3-3.98-4.8-5.71l4.14-5.78 1.01-3.07-1.22-1.03-2.85 1.52-4.98 5.08c-2-1.45-4.16-2.7-6.45-3.73l1.9-6.84-.1-3.23-1.5-.55-2.15 2.4-2.94 6.48a35.9 35.9 0 0 0-7.34-1.3L40 225l-1.2-3h-1.6l-1.2 3-.55 7.09c-2.48.17-4.94.6-7.34 1.29l-2.94-6.47-2.15-2.4-1.5.54-.1 3.23 1.9 6.84a35.96 35.96 0 0 0-6.45 3.73l-4.98-5.08-2.85-1.52-1.22 1.03 1 3.07 4.15 5.78a36.18 36.18 0 0 0-4.8 5.7l-6.4-3.06L0 244.5v.01zM38 272a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0-26a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm24 24a4 4 0 1 1 8 0 4 4 0 0 1-8 0zm-24 24a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-24-24a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm24-26a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm26 26a2 2 0 1 0 4 0 2 2 0 0 0-4 0zm-26 26a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-26-26a2 2 0 1 0-4 0 2 2 0 0 0 4 0zm3.37 22.63a12 12 0 1 1 16.17-17.74 12 12 0 0 1-16.17 17.74zm0-45.26a12 12 0 1 1 17.74 16.17 12 12 0 0 1-17.74-16.17zm45.26 0a12 12 0 1 1-16.17 17.74 12 12 0 0 1 16.17-17.74zm0 45.26a12 12 0 1 1-17.74-16.17 12 12 0 0 1 17.74 16.17zm-15.56-29.7a10 10 0 1 0 14.39-13.9 10 10 0 0 0-14.39 13.9zm0 14.14a10 10 0 1 0 13.9 14.39 10 10 0 0 0-13.9-14.39zm-14.14 0a10 10 0 1 0-14.39 13.9 10 10 0 0 0 14.39-13.9zm0-14.14a10 10 0 1 0-13.9-14.39 10 10 0 0 0 13.9 14.39zm230.9-245.4l-.08-4.18 1.93-.52 2.04 3.67c1.07-.2 2.16-.35 3.26-.43L270 10h2l1.02 4.07c1.1.08 2.2.22 3.26.43l2.04-3.67 1.93.52-.07 4.19a27 27 0 0 1 3.04 1.26l2.91-3.01 1.74 1-1.16 4.03c.91.62 1.78 1.29 2.61 2l3.6-2.15 1.41 1.41-2.16 3.6c.72.83 1.4 1.7 2 2.6l4.04-1.15 1 1.74-3.01 2.91c.48.98.9 2 1.26 3.04l4.2-.07.5 1.93-3.66 2.04c.2 1.07.35 2.16.43 3.26L303 41v2l-4.07 1.02a26.9 26.9 0 0 1-.43 3.26l3.67 2.04-.52 1.93-4.19-.07a27.82 27.82 0 0 1-1.26 3.04l3.01 2.91-1 1.74-4.03-1.16c-.62.91-1.29 1.78-2 2.61l2.15 3.6-1.41 1.41-3.6-2.16c-.83.72-1.7 1.4-2.6 2l1.15 4.04-1.74 1-2.91-3.01a27 27 0 0 1-3.04 1.26l.07 4.2-1.93.5-2.04-3.66c-1.07.2-2.16.35-3.26.43L272 74h-2l-1.02-4.07a26.9 26.9 0 0 1-3.26-.43l-2.04 3.67-1.93-.52.07-4.19a27.82 27.82 0 0 1-3.04-1.26l-2.91 3.01-1.74-1 1.16-4.03c-.9-.62-1.78-1.29-2.61-2l-3.6 2.15-1.41-1.41 2.16-3.6c-.72-.83-1.4-1.7-2-2.6l-4.04 1.15-1-1.74 3.01-2.91a27 27 0 0 1-1.26-3.04l-4.2.07-.5-1.93 3.66-2.04c-.2-1.07-.35-2.16-.43-3.26L239 43v-2l4.07-1.02c.08-1.1.22-2.2.43-3.26l-3.67-2.04.52-1.93 4.19.07a27 27 0 0 1 1.26-3.04l-3.01-2.91 1-1.74 4.03 1.16c.62-.91 1.29-1.78 2-2.61l-2.15-3.6 1.41-1.41 3.6 2.16c.83-.72 1.7-1.4 2.6-2l-1.15-4.04 1.74-1 2.91 3.01a27 27 0 0 1 3.04-1.26l.01-.01zM271 68a26 26 0 1 0 0-52 26 26 0 0 0 0 52zm0-9a17 17 0 1 1 0-34 17 17 0 0 1 0 34zm0-2a15 15 0 1 0 0-30 15 15 0 0 0 0 30zm0-8a7 7 0 1 1 0-14 7 7 0 0 1 0 14zm0-2a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-14a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm9 9a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm-9 9a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm-9-9a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm47.93 53.79l-1.8-3.91 1.63-1.18 3.15 2.92c.4-.17.82-.3 1.25-.4L315 89h2l.84 4.21c.43.1.85.24 1.25.4l3.15-2.9 1.62 1.17-1.8 3.9c.3.33.55.69.78 1.06l4.26-.5.62 1.9-3.75 2.1c.04.44.04.87 0 1.31l3.75 2.1-.62 1.9-4.26-.5c-.23.38-.49.74-.77 1.06l1.8 3.91-1.63 1.18-3.15-2.92c-.4.17-.82.3-1.25.4L317 113h-2l-.84-4.21c-.43-.1-.85-.24-1.25-.4l-3.15 2.9-1.62-1.17 1.8-3.9a8.03 8.03 0 0 1-.78-1.06l-4.26.5-.62-1.9 3.75-2.1a8.1 8.1 0 0 1 0-1.31l-3.75-2.1.62-1.9 4.26.5c.23-.38.49-.74.77-1.06zM316 106a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM75.73 179.2l-.6-2.1 1.74-1 1.51 1.57a9.93 9.93 0 0 1 2.1-.55L81 175h2l.53 2.12c.72.1 1.42.3 2.09.55l1.51-1.56 1.74 1-.6 2.1c.56.45 1.07.96 1.52 1.52l2.1-.6 1 1.74-1.56 1.51c.25.67.44 1.37.55 2.1L94 186v2l-2.12.53a9.9 9.9 0 0 1-.55 2.09l1.56 1.51-1 1.74-2.1-.6a9.93 9.93 0 0 1-1.52 1.52l.6 2.1-1.74 1-1.51-1.56c-.67.25-1.37.44-2.1.55L83 199h-2l-.53-2.12c-.71-.1-1.42-.3-2.09-.55l-1.51 1.56-1.74-1 .6-2.1a9.93 9.93 0 0 1-1.52-1.52l-2.1.6-1-1.74 1.56-1.51a9.93 9.93 0 0 1-.55-2.1L70 188v-2l2.12-.53c.1-.72.3-1.42.55-2.09l-1.56-1.51 1-1.74 2.1.6c.45-.56.96-1.07 1.52-1.52v-.01zm2.15.94a8.04 8.04 0 0 0-2.74 2.74l-.14.25a7.96 7.96 0 0 0 0 7.74l.14.25a8.04 8.04 0 0 0 2.74 2.74l.25.14a7.96 7.96 0 0 0 7.74 0l.25-.14a8.04 8.04 0 0 0 2.74-2.74l.14-.25a7.96 7.96 0 0 0 0-7.74l-.14-.25a8.04 8.04 0 0 0-2.74-2.74l-.25-.14a7.96 7.96 0 0 0-7.74 0l-.25.14zM82 193a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm278 3.18l-3.8 5.6-7.18-3.51 2.6-8.07a32.15 32.15 0 0 1-3.07-2.46l-7.27 4.35-5.04-6.22 5.82-6.26c-.64-1.13-1.2-2.3-1.7-3.52l-8.45.73-1.8-7.8 7.95-3.07a32.5 32.5 0 0 1 0-3.9l-7.95-3.07 1.8-7.8 8.45.73a31.7 31.7 0 0 1 1.7-3.52l-5.82-6.26 5.04-6.22 7.27 4.35c.97-.88 2-1.7 3.07-2.46l-2.6-8.07 7.19-3.5 3.79 5.59v64.36zm0-3.53v-57.3l-4.46-6.58-4.1 2 2.53 7.87a30.14 30.14 0 0 0-5.13 4.1l-7.08-4.24-2.88 3.55 5.65 6.09a29.87 29.87 0 0 0-2.82 5.86l-8.24-.7-1.03 4.46 7.73 2.99a30.34 30.34 0 0 0 0 6.5l-7.73 3 1.03 4.45 8.24-.7a29.87 29.87 0 0 0 2.82 5.86l-5.65 6.1 2.88 3.54 7.08-4.23a30.14 30.14 0 0 0 5.13 4.09l-2.54 7.86 4.11 2 4.46-6.57zm0-51.57v5.71l-3.56-3.8a24.94 24.94 0 0 1 3.56-1.91zm0 22.68l-14.17 6.64c-2.5-9.5.77-19.57 8.38-25.78l5.79 10.5v8.64zm0 23.16a25.08 25.08 0 0 1-13.32-13.9l13.32-2.55v16.45zm0-43.64l-.39.2.39.4v-.6zm0 18.29v-2.35l-6.3-11.44a22.93 22.93 0 0 0-6.43 19.76l12.73-5.97zm0 23.15v-12.23l-10.47 2.01A23.1 23.1 0 0 0 360 182.72zM0 129.82l1 1.46a31.8 31.8 0 0 1 3.8-.86L6 122h8l1.2 8.42c1.3.21 2.57.5 3.8.86l4.8-7.06 7.18 3.51-2.6 8.07c1.07.76 2.1 1.58 3.07 2.46l7.27-4.35 5.04 6.22-5.82 6.26c.64 1.13 1.2 2.3 1.7 3.52l8.45-.73 1.8 7.8-7.95 3.07c.08 1.3.08 2.6 0 3.9l7.95 3.07-1.8 7.8-8.45-.73a33.5 33.5 0 0 1-1.7 3.52l5.82 6.26-5.04 6.22-7.27-4.35c-.97.88-2 1.7-3.07 2.46l2.6 8.07-7.19 3.5-4.78-7.05c-1.24.36-2.51.65-3.8.86L14 202H6l-1.2-8.42a31.8 31.8 0 0 1-3.8-.86l-1 1.46v-64.36zm0 3.53v57.3l.2-.29c2.02.7 4.15 1.2 6.34 1.44l1.17 8.2h4.58l1.17-8.2c2.2-.25 4.32-.74 6.35-1.44l4.65 6.87 4.1-2-2.53-7.87a30.14 30.14 0 0 0 5.13-4.1l7.08 4.24 2.88-3.55-5.65-6.09c1.14-1.83 2.1-3.8 2.82-5.86l8.24.7 1.03-4.46-7.73-2.99a30.7 30.7 0 0 0 0-6.5l7.73-3-1.03-4.45-8.24.7a29.87 29.87 0 0 0-2.82-5.86l5.65-6.1-2.88-3.54-7.08 4.23a30.14 30.14 0 0 0-5.13-4.09l2.54-7.86-4.11-2-4.65 6.86a29.82 29.82 0 0 0-6.35-1.44l-1.17-8.2H7.7l-1.17 8.2c-2.2.25-4.32.74-6.35 1.44l-.19-.29H0zm34.17 35.05l-16.26-7.62a7.94 7.94 0 0 0-.8-2.44l8.68-15.72a24.95 24.95 0 0 1 8.38 25.78zm-.85 2.63a25.01 25.01 0 0 1-21.94 15.93l2.23-17.82a8.3 8.3 0 0 0 2.07-1.5l17.64 3.39zM0 139.08A24.92 24.92 0 0 1 10 137c5 0 9.65 1.47 13.56 4l-12.28 13.1a8.06 8.06 0 0 0-2.56 0L0 144.8v-5.72zm0 22.68v-8.65l2.88 5.23c-.4.77-.66 1.59-.79 2.44l-2.09.98zm0 23.16v-16.45l4.32-.83c.6.6 1.3 1.11 2.07 1.5l2.23 17.82c-2.97-.16-5.9-.85-8.62-2.04zM10 156a6 6 0 1 1 0 12 6 6 0 0 1 0-12zm0 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM0 141.28v.6l9.48 10.13c.35-.02.7-.02 1.04 0l9.87-10.54A22.9 22.9 0 0 0 10 139c-3.58 0-6.98.82-10 2.28zm0 18.29l.34-.16c.09-.34.2-.67.32-.99l-.66-1.2v2.35zm0 23.15c1.97.95 4.1 1.63 6.34 1.99l-1.8-14.33a11.6 11.6 0 0 1-.83-.6l-3.71.7v12.24zm13.66 1.99a23.03 23.03 0 0 0 16.8-12.21l-14.17-2.72c-.27.21-.55.42-.84.6l-1.79 14.33zm19.07-19.17a22.93 22.93 0 0 0-6.42-19.75l-6.97 12.63c.12.32.23.65.32.99l13.07 6.13zM137.54 360l-4.07-5.7 2.83-2.83 6.73 4.8c.7-.56 1.4-1.11 2.14-1.63l-2.9-7.75 3.46-2 5.25 6.38c.82-.37 1.65-.72 2.5-1.03l-.8-8.22 3.86-1.04 3.43 7.52c.88-.15 1.77-.26 2.67-.35L164 340h4l1.36 8.15c.9.09 1.8.2 2.67.35l3.43-7.52 3.86 1.04-.8 8.22c.85.31 1.68.66 2.5 1.03l5.25-6.38 3.46 2-2.9 7.75c.74.52 1.45 1.07 2.14 1.64l6.73-4.8 2.83 2.82-4.07 5.7h-56.92zm2.43 0h52.06l3.9-5.46-.47-.47-6.63 4.73a34.14 34.14 0 0 0-4.4-3.38l2.86-7.63-.58-.33-5.18 6.29a33.79 33.79 0 0 0-5.12-2.13l.78-8.1-.64-.18-3.37 7.42a34.02 34.02 0 0 0-5.5-.72l-1.35-8.04h-.66l-1.34 8.04c-1.88.1-3.72.33-5.5.72l-3.38-7.42-.64.18.78 8.1a33.88 33.88 0 0 0-5.12 2.13l-5.18-6.29-.58.33 2.86 7.63c-1.56 1-3.03 2.14-4.4 3.38l-6.63-4.73-.47.47 3.9 5.46zm9.75 0a28.83 28.83 0 0 1 13.28-4.85V360h-13.28zm32.56 0H169v-4.85c4.9.5 9.42 2.22 13.28 4.85zm-28.66 0H161v-2.54a26.8 26.8 0 0 0-7.38 2.54zm24.76 0a26.8 26.8 0 0 0-7.38-2.54V360h7.38zM358.79 0h-1.21l1.5 3.28a48.3 48.3 0 0 0-5.8 5.8l-9.38-4.3-1.65 2.26 7 7.58a47.84 47.84 0 0 0-3.74 7.33l-10.24-1.2-.86 2.66 8.99 5.05a47.91 47.91 0 0 0-1.28 8.12L332 38.6v2.8l10.12 2.02c.2 2.78.63 5.5 1.28 8.12l-9 5.05.87 2.66 10.24-1.2c1.04 2.54 2.29 5 3.74 7.33l-7 7.58 1.65 2.26 9.38-4.3a48.3 48.3 0 0 0 5.8 5.8l-4.3 9.38 2.26 1.65 2.96-2.73v2.66l-2.84 2.62-4.85-3.52 4.36-9.5a50.31 50.31 0 0 1-3.95-3.95l-9.5 4.36-3.52-4.85 7.08-7.68a49.83 49.83 0 0 1-2.54-4.98l-10.38 1.21-1.85-5.7 9.11-5.12a49.9 49.9 0 0 1-.87-5.52L330 43v-6l10.25-2.05c.19-1.87.48-3.72.87-5.52l-9.11-5.12 1.85-5.7 10.38 1.21c.75-1.71 1.6-3.37 2.54-4.98l-7.08-7.68 3.52-4.85 9.5 4.36a50.31 50.31 0 0 1 3.95-3.95L355.42 0h3.37zM360 52.7l-6.48 3.74A39.86 39.86 0 0 1 350 40a39.9 39.9 0 0 1 3.52-16.44L360 27.3v25.4zm0-39.16v4.52l-2.47-1.43c.77-1.07 1.6-2.1 2.47-3.09zm0 52.92c-.87-.99-1.7-2.02-2.47-3.1l2.47-1.42v4.52zm0-16.07V29.61l-5.5-3.18a37.91 37.91 0 0 0 0 27.14l5.5-3.18zM62.42 360h2.16l3.11-6.78-4.85-3.52-7.68 7.08a49.83 49.83 0 0 0-4.98-2.54l1.21-10.38-5.7-1.85-5.12 9.11a49.9 49.9 0 0 0-5.52-.87L33 340h-6l-2.05 10.25c-1.85.19-3.7.48-5.52.87l-5.12-9.11-5.7 1.85 1.21 10.38c-1.71.75-3.37 1.6-4.98 2.54L0 352.32v5.17-2.5l4.62 4.26a47.84 47.84 0 0 1 7.33-3.74l-1.2-10.24 2.66-.86 5.05 8.99a47.91 47.91 0 0 1 8.12-1.28L28.6 342h2.8l2.02 10.12c2.78.2 5.5.63 8.12 1.28l5.05-9 2.66.87-1.2 10.24c2.54 1.04 5 2.29 7.33 3.74l7.58-7 2.26 1.65-2.8 6.1zM360 244.51l-1.44-.2-.8 1.38 2 2.54.24.17v-3.89zm0 14.45l-4-.4-3.16.66-.28 1.58 2.75 1.7 4.69 1.2v-4.74zm0 13.33l-4.7 1.2-2.74 1.71.28 1.58 3.16.66 4-.4v-4.75zm0 15.31l-.24.17-2 2.54.8 1.38 1.44-.2v-3.89zm0 5.76l-2.57.37-2-3.46 3.33-4.23 1.24-.85v8.17zm0-14.31l-3.65.36-5.27-1.1-.7-3.94 4.58-2.84 5.04-1.3v8.82zm0-13.28l-5.04-1.3-4.58-2.84.7-3.93 5.27-1.1 3.65.35v8.82zm0-14.96l-1.24-.85-3.33-4.23 2-3.46 2.57.37v8.17zm0 101.5V360h-4.58l-3.11-6.78 4.85-3.52 2.84 2.62v-.01zm0 2.67l-2.96-2.73-2.26 1.65 2.8 6.1H360v-5.02z'%3E%3C/path%3E%3C/svg%3E");
    background-color: #ed3472
}

    .panel.panel-index .panel-header .panel-title {
        color: #fff
    }

.panel.panel-index ul {
    margin: 0;
    padding: 0
}

    .panel.panel-index ul > li {
        display: block;
        position: relative;
        margin: 10px 0;
        padding: 5px 0;
        transition: all .3s
    }

        .panel.panel-index ul > li::before {
            display: block;
            content: "";
            width: 2px;
            height: 100%;
            background-color: #777;
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0;
            transition: all .3s
        }

        .panel.panel-index ul > li a {
            display: block;
            color: #777;
            font-weight: 500;
            margin-left: 20px;
            transition: all .3s;
            padding-left: 0
        }

            .panel.panel-index ul > li a i {
                display: none;
                transition: all .3s;
                margin-right: 5px
            }

        .panel.panel-index ul > li:hover::before {
            width: 5px;
            height: 115%;
            background-color: #ed3472
        }

        .panel.panel-index ul > li:hover a {
            color: #ed3472;
            text-decoration: none;
            padding-left: 10px
        }

            .panel.panel-index ul > li:hover a i {
                color: #ed3472;
                margin-right: 10px
            }

.panel.dark.panel-index .panel-header {
    background-color: rgba(35,1,39,0.75)
}

    .panel.dark.panel-index .panel-header .panel-title {
        color: #fff
    }

.panel.dark.panel-index .panel-body {
    background-color: #230127
}

.panel.dark.panel-index ul > li a {
    color: #dedede
}

    .panel.dark.panel-index ul > li a i {
        color: #9c37a9
    }

.panel.dark.panel-index ul > li:hover a {
    color: #ed3472;
    opacity: 1
}

    .panel.dark.panel-index ul > li:hover a i {
        opacity: 1;
        color: #ed3472
    }

.separator {
    display: block;
    position: relative;
    border: 0;
    text-align: center
}

    .separator span {
        display: inline-block;
        background-color: #fff;
        position: relative;
        font-size: 13px;
        font-weight: 400;
        z-index: 2;
        padding: 0 15px
    }

    .separator .bar {
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #777;
        z-index: 1
    }

    .separator.dashed .bar {
        border-top: 2px dashed #fff
    }

    .separator.subtitle {
        text-align: left
    }

        .separator.subtitle span {
            font-weight: 500;
            font-size: 1rem;
            color: #676869;
            text-transform: uppercase;
            letter-spacing: .5px
        }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500
}

.display-1, .display-2, .display-3, .display-4 {
    font-weight: 300
}

.lead {
    font-weight: 300
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.2rem
}

    .blockquote > p {
        font-size: 1.2rem
    }

    .blockquote .blockquote-footer {
        font-size: 80%;
        font-weight: 400
    }

ul, li {
    font-weight: 400
}

dt {
    font-weight: 600
}

span {
    font-size: 13px;
    font-weight: 400;
    font-size: inherit;
    font-weight: inherit
}

.h-100px {
    height: 100px
}

a.dropdown-toggle:hover {
    text-decoration: none
}

code {
    font-size: 110%;
    line-height: inherit
}

b, strong {
    font-size: inherit
}

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

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

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

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

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

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

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

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

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

p {
    font-weight: 400;
    font-size: 13px
}

a {
    font-weight: 400;
    font-size: inherit
}

b, strong {
    font-weight: 600
}

.small, small {
    font-weight: 400
}

.page-wrapper .page-content > div.navbar-search {
    padding: 0;
    overflow: visible
}

@media screen and (min-width:992px) {
    .page-wrapper .page-content > div.navbar-search {
        padding: 0;
        overflow: visible
    }
}

.navbar-search {
    display: block;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 7px rgba(0,0,0,0.25);
    z-index: 0;
    margin-bottom: -62px;
    transform: translateY(-65px);
    transition: transform 300ms ease-in-out;
    z-index: 99
}

    .navbar-search .input-close-btn {
        opacity: 1;
        pointer-events: all;
        cursor: pointer;
        border: 0
    }

    .navbar-search.navbar-search-active {
        transform: translateY(0)
    }

    .navbar-search input {
        padding: 30px 32px
    }

        .navbar-search input:focus, .navbar-search input:active, .navbar-search input.active {
            border-color: transparent;
            box-shadow: none;
            outline: 0
        }

    .navbar-search input, .navbar-search .input-group-text {
        border-radius: 0;
        background-color: #fff;
        border-color: #fff
    }

    .navbar-search .live-search-results ul {
        padding: 0;
        margin: 0
    }

        .navbar-search .live-search-results ul li.show-all-link {
            padding: 15px 20px;
            background-color: rgba(237,241,247,0.5)
        }

.input-close-btn {
    padding: 6px 29px;
    padding-right: 9px;
    opacity: 0;
    pointer-events: none;
    cursor: pointer
}

    .input-close-btn.btn svg {
        height: 24px;
        fill: rgba(108,117,125,0.8)
    }

    .input-close-btn:hover, .input-close-btn:active, .input-close-btn:focus {
        background-color: transparent;
        box-shadow: none;
        outline: 0
    }

.input-group.editing .input-close-btn {
    opacity: 1;
    pointer-events: auto
}

.live-search-results {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    min-width: 200px;
    min-height: 200px;
    background-color: #fff;
    border-radius: 0;
    border: 0;
    box-shadow: 0 4px 6px rgba(51,51,51,0.31);
    margin-top: 1px;
    z-index: 9999;
    pointer-events: none;
    opacity: 0
}

.input-group.has-results .live-search-results {
    display: block;
    -webkit-animation: show-navbar-dropdown .25s ease forwards;
    animation: show-navbar-dropdown .25s ease forwards;
    pointer-events: auto;
    opacity: 1
}

@media screen and (min-width:992px) {
    .input-group.has-results .live-search-results {
        display: block
    }
}

.live-search-results ul {
    padding: 0;
    margin: 0
}

    .live-search-results ul li {
        display: block;
        padding: 10px 20px
    }

        .live-search-results ul li:hover {
            background-color: rgba(237,241,247,0.5)
        }

        .live-search-results ul li.result-heading {
            font-size: 15px;
            font-weight: 600;
            color: #333;
            background-color: #eee
        }

            .live-search-results ul li.result-heading:hover {
                background-color: #eee
            }

        .live-search-results ul li img {
            display: block;
            width: 30px;
            height: 30px;
            float: left;
            margin-right: 10px;
            margin-top: 3px;
            border-radius: 5px
        }

        .live-search-results ul li .title {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #5a5a5a;
            margin: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .live-search-results ul li .subtitle {
            display: block;
            font-size: 12px;
            font-weight: 400;
            color: #8c8c8c;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .live-search-results ul li a {
            text-decoration: none
        }

.live-search-results.is-loading ul {
    display: none
}

.live-search-results.is-loading .loading-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    border: 4px solid #ced2d8;
    border-top: 4px solid white;
    border-radius: 50%;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1.2s;
    -webkit-animation-name: rotate;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transition-property: -moz-transform;
    -moz-animation-name: rotate;
    -moz-animation-duration: 1.2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    transition-property: transform;
    animation-name: rotate;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@media screen and (max-width:991px) {
    .content-search-form {
        float: none;
        margin: 3px auto 20px;
        width: 100%;
        max-width: 300px
    }
}

.content-search-form {
    display: block;
    float: left;
    margin-top: 3px
}

    .content-search-form button {
        border: 0;
        background: transparent
    }

        .content-search-form button:focus, .content-search-form button:hover {
            outline: 0;
            box-shadow: none
        }

    .content-search-form .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .content-search-form .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .content-search-form .show > .btn-outline-secondary.dropdown-toggle:focus {
        outline: 0;
        box-shadow: none
    }

    .content-search-form .input-group {
        border-radius: 6px;
        overflow: hidden;
        border: 0 solid #ddd;
        background-color: #fff;
        box-shadow: 0 1px 3px rgba(51,51,51,0.15)
    }

        .content-search-form .input-group input {
            border-radius: 0;
            border: 0;
            background: transparent;
            padding: 8px 12px 6px 0
        }

.header-search-form {
    display: block;
    margin-top: 23px
}

@media screen and (min-width:992px) {
    .header-search-form {
        float: left;
        margin-top: 3px
    }
}

.header-search-form button {
    border: 0;
    background: transparent;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px
}

    .header-search-form button:focus, .header-search-form button:hover {
        outline: 0;
        box-shadow: none
    }

.header-search-form .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .header-search-form .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .header-search-form .show > .btn-outline-secondary.dropdown-toggle:focus {
    outline: 0;
    box-shadow: none
}

.header-search-form .input-group {
    border-radius: 3px;
    border: 1px solid #edeaea;
    background-color: #f4f5f5;
    overflow: visible
}

    .header-search-form .input-group input {
        border-radius: 0;
        border: 0;
        background: transparent;
        padding: 8px 12px 6px 0
    }

.panel {
    height: calc(100% - 24px);
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 4px 6px rgba(51,51,51,0.31);
    box-shadow: 0 1px 3px rgba(51,51,51,0.15);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .panel .panel-body {
        padding: 1.8rem;
        flex-shrink: 0;
        flex-grow: 1
    }

@media screen and (max-width:991px) {
    .panel .panel-body {
        padding: 1rem
    }
}

.panel .panel-header, .panel .panel-footer {
    background-color: rgba(0,0,0,0.04);
    padding: 1rem 1.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 0
}

@media screen and (max-width:991px) {
    .panel .panel-header, .panel .panel-footer {
        padding: 1rem
    }
}

.panel .panel-header {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel .panel-footer {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel .panel-toolbar {
    margin-left: auto
}

.panel .panel-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 5px 0;
    color: #757575;
    font-family: dosis;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 1rem;
    color: #333232
}

    .panel .panel-title i, .panel .panel-title svg {
        margin-right: 5px
    }

    .panel .panel-title svg {
        vertical-align: -2px;
        height: 14px
    }

    .panel .panel-title small {
        font-weight: 800
    }

.panel .panel-footer {
    font-size: 13px;
    font-weight: 400
}

    .panel .panel-footer i, .panel .panel-footer svg {
        margin-right: 5px;
        margin-top: -2px
    }

    .panel .panel-footer svg {
        height: 14px
    }

.panel .icon-collapsed {
    display: none
}

.panel .icon-opened {
    display: inline
}

.panel.panel-collapsed .panel-footer {
    border-top: 0 solid #ddd
}

.panel.panel-collapsed .icon-collapsed, .panel.panel-collapsing .icon-collapsed {
    display: inline
}

.panel.panel-collapsed .icon-opened, .panel.panel-collapsing .icon-opened {
    display: none
}

.panel-light .panel-header, .panel-light .panel-footer {
    background-color: transparent
}

.panel-light .panel-header {
    border-bottom: 1px solid #ddd
}

.panel-light .panel-footer {
    border-top: 1px solid #ddd
}

.panel-footer.bg-footer-original {
    border-top: 0;
    background-color: rgba(0,0,0,0.04)
}

.panel-tabbable .row {
    width: 100%
}

.panel-tabbable .panel-header {
    padding: 0
}

    .panel-tabbable .panel-header .panel-title {
        padding: 12px 12px;
        margin: 5px .8rem
    }

    .panel-tabbable .panel-header .panel-toolbar {
        padding: 0 12px;
        height: 100%;
        text-align: right
    }

    .panel-tabbable .panel-header .nav-tabs {
        height: 100%;
        display: inline-flex
    }

        .panel-tabbable .panel-header .nav-tabs.tabs-underlined .nav-link {
            display: flex;
            flex-direction: column;
            justify-content: center
        }

.panel-tabbable.tabbable-box .panel-toolbar {
    width: 100%;
    padding: 0
}

    .panel-tabbable.tabbable-box .panel-toolbar .nav-tabs {
        width: 100%;
        border: 0
    }

        .panel-tabbable.tabbable-box .panel-toolbar .nav-tabs .nav-item {
            flex-grow: 1;
            flex-basis: 0;
            text-align: center;
            margin: 0
        }

            .panel-tabbable.tabbable-box .panel-toolbar .nav-tabs .nav-item .nav-link {
                padding: 1rem;
                border: 0;
                font-family: dosis;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: .5px;
                font-size: 1rem;
                background-color: #f3f3f3
            }

                .panel-tabbable.tabbable-box .panel-toolbar .nav-tabs .nav-item.show .nav-link, .panel-tabbable.tabbable-box .panel-toolbar .nav-tabs .nav-item .nav-link.active {
                    background-color: #fff
                }

.panel-src {
    display: none;
    padding: 1.5rem;
    background-color: rgba(0,0,0,0.1)
}

.panel .panel-header.panel-full-toolbar, .panel .panel-footer.panel-full-toolbar {
    display: block;
    padding: 0
}

    .panel .panel-header.panel-full-toolbar .row .panel-title, .panel .panel-footer.panel-full-toolbar .row .panel-title {
        padding: 12px 12px;
        margin: 0 .8rem
    }

    .panel .panel-header.panel-full-toolbar .row .panel-toolbar, .panel .panel-footer.panel-full-toolbar .row .panel-toolbar {
        padding: 0;
        padding-left: 12px;
        height: 100%;
        text-align: right;
        min-height: 40px
    }

    .panel .panel-header.panel-full-toolbar .row .btn-group, .panel .panel-footer.panel-full-toolbar .row .btn-group {
        height: 100%
    }

        .panel .panel-header.panel-full-toolbar .row .btn-group .btn, .panel .panel-footer.panel-full-toolbar .row .btn-group .btn {
            min-width: 150px;
            border-top-width: 0;
            border-bottom-width: 0;
            border-radius: 0
        }

.slick-slide:focus {
    outline: 0
}

.slick-prev::before, .slick-next::before {
    font-size: 27px;
    color: #333
}

.example-area .carousel-width {
    width: calc(100% - 50px);
    margin: auto
}

.slick-prev, .slick-next {
    width: 28px;
    height: 28px
}

.slick-next {
    right: -35px
}

.slick-prev {
    left: -35px
}

.morris-hover.morris-default-style {
    color: #fff;
    background: rgba(23,52,95,0.8);
    border: solid 2px #17345f
}

.nouislider-form-group.row label {
    margin-top: -1px
}

.noUi-handle {
    width: 28px;
    height: 28px;
    border-radius: 30px;
    box-shadow: 0 3px 6px -3px #BBB;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
    cursor: pointer
}

    .noUi-handle:hover, .noUi-handle:active, .noUi-handle:focus {
        outline: 0
    }

    .noUi-handle.noUi-active {
        box-shadow: 0 0 7px 0 rgba(0,0,0,0.3)
    }

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    width: 28px;
    height: 28px
}

.noUi-horizontal .noUi-handle {
    right: -14px
}

.noUi-vertical .noUi-handle {
    top: -14px
}

.noUi-handle:after, .noUi-handle:before {
    left: 10px;
    width: 2px;
    background-color: #d6d6d6
}

.noUi-handle:after {
    left: 14px
}

.noUi-target {
    border-radius: 4px;
    box-shadow: 0 3px 6px -5px #BBB
}

.noUi-sm.noUi-vertical {
    width: 8px
}

    .noUi-sm.noUi-vertical .noUi-handle {
        left: -7px
    }

    .noUi-sm.noUi-vertical .noUi-handle {
        width: 18px;
        height: 18px;
        left: -12px;
        top: -9px
    }

.noUi-sm.noUi-horizontal {
    height: 8px
}

    .noUi-sm.noUi-horizontal .noUi-handle {
        top: -7px
    }

    .noUi-sm.noUi-horizontal .noUi-handle {
        width: 18px;
        height: 18px;
        right: -9px
    }

.noUi-tooltip {
    background-color: #5780f7;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    font-size: .8rem;
    font-weight: 400;
    padding: 2px 5px
}

    .noUi-tooltip::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
        bottom: -7px;
        border-width: .4rem .4rem 0;
        border-top-color: #0b41dd;
        left: 0;
        right: 0;
        width: 0;
        margin: auto
    }

    .noUi-tooltip::after {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
        bottom: -6px;
        border-width: .4rem .4rem 0;
        border-top-color: #5780f7;
        left: 0;
        right: 0;
        width: 0;
        margin: auto
    }

.noUi-horizontal .noUi-tooltip {
    bottom: auto;
    top: -35px
}

.noUi-vertical .noUi-tooltip::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    right: -7px;
    left: auto;
    border-width: 6px 0 6px 6px;
    border-color: rgba(40,46,60,0);
    border-top-color: rgba(0,0,0,0);
    border-left-color: #3f6ef6;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto
}

.noUi-vertical .noUi-tooltip::after {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    right: -6px;
    left: auto;
    border-width: 6px 0 6px 6px;
    border-color: rgba(40,46,60,0);
    border-top-color: rgba(0,0,0,0);
    border-right-color: red;
    border-left-color: #fff;
    border-left-color: #5780f7;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto
}

.noUi-vertical .noUi-tooltip {
    right: auto;
    left: -56px
}

.noUi-value-horizontal {
    font-size: .92rem;
    color: #777;
    transform: translate(-50%,60%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 2px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 10px
}

.noUi-value-vertical {
    font-size: .92rem;
    color: #777;
    transform: translate(0,-50%);
    padding-left: .92rem
}

.noUi-marker-vertical.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 2px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 10px
}

.noUi-active .noUi-tooltip {
    display: block
}

.noUi-handle::after, .noUi-handle::before {
    display: none
}

.nouislider-primary .noUi-handle {
    background-color: #5780f7;
    border-color: #5780f7
}

    .nouislider-primary .noUi-handle::after, .nouislider-primary .noUi-handle::before {
        background-color: #fff
    }

.nouislider-primary .noUi-connects {
    background-color: #e9eefe
}

.nouislider-primary .noUi-target {
    background: #e9eefe;
    border: 1px solid #b8cafc
}

.nouislider-secondary .noUi-handle {
    background-color: #efefef;
    border-color: #efefef
}

    .nouislider-secondary .noUi-handle::after, .nouislider-secondary .noUi-handle::before {
        background-color: #333
    }

.nouislider-secondary .noUi-connects {
    background-color: #f9f9f9
}

.nouislider-secondary .noUi-target {
    background: #f9f9f9;
    border: 1px solid #e0e0e0
}

.nouislider-success .noUi-handle {
    background-color: #04ccb0;
    border-color: #04ccb0
}

    .nouislider-success .noUi-handle::after, .nouislider-success .noUi-handle::before {
        background-color: #fff
    }

.nouislider-success .noUi-connects {
    background-color: #e3f9f3
}

.nouislider-success .noUi-target {
    background: #e3f9f3;
    border: 1px solid #b9f0e1
}

.nouislider-danger .noUi-handle {
    background-color: #ff046c;
    border-color: #ff046c
}

    .nouislider-danger .noUi-handle::after, .nouislider-danger .noUi-handle::before {
        background-color: #fff
    }

.nouislider-danger .noUi-connects {
    background-color: #ffb7d5
}

.nouislider-danger .noUi-target {
    background: #ffb7d5;
    border: 1px solid #ff84b7
}

.nouislider-warning .noUi-handle {
    background-color: #fab72b;
    border-color: #fab72b
}

    .nouislider-warning .noUi-handle::after, .nouislider-warning .noUi-handle::before {
        background-color: #333
    }

.nouislider-warning .noUi-connects {
    background-color: #feeac0
}

.nouislider-warning .noUi-target {
    background: #feeac0;
    border: 1px solid #fcd98f
}

.nouislider-info .noUi-handle {
    background-color: #4cacff;
    border-color: #4cacff
}

    .nouislider-info .noUi-handle::after, .nouislider-info .noUi-handle::before {
        background-color: #fff
    }

.nouislider-info .noUi-connects {
    background-color: #e5f3ff
}

.nouislider-info .noUi-target {
    background: #e5f3ff;
    border: 1px solid #b2dbff
}

.nouislider-light .noUi-handle {
    background-color: #fff;
    border-color: #fff
}

    .nouislider-light .noUi-handle::after, .nouislider-light .noUi-handle::before {
        background-color: #333
    }

.nouislider-light .noUi-connects {
    background-color: white
}

.nouislider-light .noUi-target {
    background: white;
    border: 1px solid #e6e6e6
}

.nouislider-dark .noUi-handle {
    background-color: #393b51;
    border-color: #393b51
}

    .nouislider-dark .noUi-handle::after, .nouislider-dark .noUi-handle::before {
        background-color: #fff
    }

.nouislider-dark .noUi-connects {
    background-color: #7e82a5
}

.nouislider-dark .noUi-target {
    background: #7e82a5;
    border: 1px solid #63678d
}

.nouislider-secondary.noUi-horizontal .noUi-handle {
    border-color: #e0e0e0
}

.nouislider-light.noUi-horizontal .noUi-handle {
    border-color: #e6e6e6
}

.ion-range-slider-custom-1 .irs--big .irs-handle, .ion-range-slider-custom-1 .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1 .irs--big .irs-handle:hover, .ion-range-slider-custom-2 .irs--big .irs-handle, .ion-range-slider-custom-2 .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2 .irs--big .irs-handle:hover, .ion-range-slider-custom-sm .irs--big .irs-handle, .ion-range-slider-custom-sm .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm .irs--big .irs-handle:hover {
    top: 26.5px;
    width: 25px;
    height: 25px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    border-radius: 30px
}

    .ion-range-slider-custom-1 .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1 .irs--big .irs-handle:hover, .ion-range-slider-custom-2 .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2 .irs--big .irs-handle:hover, .ion-range-slider-custom-sm .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1 .irs--big .irs-bar, .ion-range-slider-custom-2 .irs--big .irs-bar, .ion-range-slider-custom-sm .irs--big .irs-bar {
    background: #ed5565;
    border: 0;
    box-shadow: none
}

.ion-range-slider-custom-1 .irs--big .irs-from, .ion-range-slider-custom-1 .irs--big .irs-to, .ion-range-slider-custom-1 .irs--big .irs-single, .ion-range-slider-custom-2 .irs--big .irs-from, .ion-range-slider-custom-2 .irs--big .irs-to, .ion-range-slider-custom-2 .irs--big .irs-single, .ion-range-slider-custom-sm .irs--big .irs-from, .ion-range-slider-custom-sm .irs--big .irs-to, .ion-range-slider-custom-sm .irs--big .irs-single {
    background: #ed5565
}

.ion-range-slider-custom-1 .irs--big .irs-line, .ion-range-slider-custom-2 .irs--big .irs-line, .ion-range-slider-custom-sm .irs--big .irs-line {
    background: #e1e4e9;
    border: 0
}

.ion-range-slider-custom-1 .irs--big .irs-min, .ion-range-slider-custom-1 .irs--big .irs-max, .ion-range-slider-custom-2 .irs--big .irs-min, .ion-range-slider-custom-2 .irs--big .irs-max, .ion-range-slider-custom-sm .irs--big .irs-min, .ion-range-slider-custom-sm .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2 .irs--big .irs-handle, .ion-range-slider-custom-2 .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2 .irs--big .irs-handle:hover {
    background: #ed5565;
    box-shadow: 0 0 0 rgba(0,0,0,0.5)
}

.ion-range-slider-custom-2 .irs--big .irs-bar {
    background: #e4aeb4
}

.ion-range-slider-custom-sm .irs--big .irs-bar, .ion-range-slider-custom-sm .irs--big .irs-line {
    height: 5px;
    top: 31.5px
}

.ion-range-slider-custom-sm .irs--big .irs-handle, .ion-range-slider-custom-sm .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm .irs--big .irs-handle:hover {
    width: 20px;
    height: 15px
}

.ion-range-slider-custom-sm .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-sm .irs-grid {
    bottom: 4px
}

.ion-range-slider-custom-1-purple .irs--big .irs-handle, .ion-range-slider-custom-1-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-purple .irs--big .irs-handle:hover, .ion-range-slider-custom-2-purple .irs--big .irs-handle, .ion-range-slider-custom-2-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-purple .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-purple .irs--big .irs-handle, .ion-range-slider-custom-sm-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-purple .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-purple .irs--big .irs-handle:hover, .ion-range-slider-custom-2-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-purple .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-purple .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-purple .irs--big .irs-bar, .ion-range-slider-custom-2-purple .irs--big .irs-bar, .ion-range-slider-custom-sm-purple .irs--big .irs-bar {
    background: #62319e
}

.ion-range-slider-custom-1-purple .irs--big .irs-from, .ion-range-slider-custom-1-purple .irs--big .irs-to, .ion-range-slider-custom-1-purple .irs--big .irs-single, .ion-range-slider-custom-2-purple .irs--big .irs-from, .ion-range-slider-custom-2-purple .irs--big .irs-to, .ion-range-slider-custom-2-purple .irs--big .irs-single, .ion-range-slider-custom-sm-purple .irs--big .irs-from, .ion-range-slider-custom-sm-purple .irs--big .irs-to, .ion-range-slider-custom-sm-purple .irs--big .irs-single {
    background: #62319e
}

.ion-range-slider-custom-1-purple .irs--big .irs-line, .ion-range-slider-custom-2-purple .irs--big .irs-line, .ion-range-slider-custom-sm-purple .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-purple .irs--big .irs-min, .ion-range-slider-custom-1-purple .irs--big .irs-max, .ion-range-slider-custom-2-purple .irs--big .irs-min, .ion-range-slider-custom-2-purple .irs--big .irs-max, .ion-range-slider-custom-sm-purple .irs--big .irs-min, .ion-range-slider-custom-sm-purple .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-purple .irs--big .irs-handle, .ion-range-slider-custom-2-purple .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-purple .irs--big .irs-handle:hover {
    background: #62319e;
    box-shadow: none
}

.ion-range-slider-custom-2-purple .irs--big .irs-bar {
    background: #9566cf
}

.ion-range-slider-custom-sm-purple .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-purple .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-primary .irs--big .irs-handle, .ion-range-slider-custom-1-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-primary .irs--big .irs-handle:hover, .ion-range-slider-custom-2-primary .irs--big .irs-handle, .ion-range-slider-custom-2-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-primary .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-primary .irs--big .irs-handle, .ion-range-slider-custom-sm-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-primary .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-primary .irs--big .irs-handle:hover, .ion-range-slider-custom-2-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-primary .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-primary .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-primary .irs--big .irs-bar, .ion-range-slider-custom-2-primary .irs--big .irs-bar, .ion-range-slider-custom-sm-primary .irs--big .irs-bar {
    background: #5780f7
}

.ion-range-slider-custom-1-primary .irs--big .irs-from, .ion-range-slider-custom-1-primary .irs--big .irs-to, .ion-range-slider-custom-1-primary .irs--big .irs-single, .ion-range-slider-custom-2-primary .irs--big .irs-from, .ion-range-slider-custom-2-primary .irs--big .irs-to, .ion-range-slider-custom-2-primary .irs--big .irs-single, .ion-range-slider-custom-sm-primary .irs--big .irs-from, .ion-range-slider-custom-sm-primary .irs--big .irs-to, .ion-range-slider-custom-sm-primary .irs--big .irs-single {
    background: #5780f7
}

.ion-range-slider-custom-1-primary .irs--big .irs-line, .ion-range-slider-custom-2-primary .irs--big .irs-line, .ion-range-slider-custom-sm-primary .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-primary .irs--big .irs-min, .ion-range-slider-custom-1-primary .irs--big .irs-max, .ion-range-slider-custom-2-primary .irs--big .irs-min, .ion-range-slider-custom-2-primary .irs--big .irs-max, .ion-range-slider-custom-sm-primary .irs--big .irs-min, .ion-range-slider-custom-sm-primary .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-primary .irs--big .irs-handle, .ion-range-slider-custom-2-primary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-primary .irs--big .irs-handle:hover {
    background: #5780f7;
    box-shadow: none
}

.ion-range-slider-custom-2-primary .irs--big .irs-bar {
    background: #b8cafc
}

.ion-range-slider-custom-sm-primary .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-primary .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-secondary .irs--big .irs-handle, .ion-range-slider-custom-1-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-secondary .irs--big .irs-handle:hover, .ion-range-slider-custom-2-secondary .irs--big .irs-handle, .ion-range-slider-custom-2-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-secondary .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-secondary .irs--big .irs-handle, .ion-range-slider-custom-sm-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-secondary .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-secondary .irs--big .irs-handle:hover, .ion-range-slider-custom-2-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-secondary .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-secondary .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-secondary .irs--big .irs-bar, .ion-range-slider-custom-2-secondary .irs--big .irs-bar, .ion-range-slider-custom-sm-secondary .irs--big .irs-bar {
    background: #efefef
}

.ion-range-slider-custom-1-secondary .irs--big .irs-from, .ion-range-slider-custom-1-secondary .irs--big .irs-to, .ion-range-slider-custom-1-secondary .irs--big .irs-single, .ion-range-slider-custom-2-secondary .irs--big .irs-from, .ion-range-slider-custom-2-secondary .irs--big .irs-to, .ion-range-slider-custom-2-secondary .irs--big .irs-single, .ion-range-slider-custom-sm-secondary .irs--big .irs-from, .ion-range-slider-custom-sm-secondary .irs--big .irs-to, .ion-range-slider-custom-sm-secondary .irs--big .irs-single {
    background: #efefef
}

.ion-range-slider-custom-1-secondary .irs--big .irs-line, .ion-range-slider-custom-2-secondary .irs--big .irs-line, .ion-range-slider-custom-sm-secondary .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-secondary .irs--big .irs-min, .ion-range-slider-custom-1-secondary .irs--big .irs-max, .ion-range-slider-custom-2-secondary .irs--big .irs-min, .ion-range-slider-custom-2-secondary .irs--big .irs-max, .ion-range-slider-custom-sm-secondary .irs--big .irs-min, .ion-range-slider-custom-sm-secondary .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-secondary .irs--big .irs-handle, .ion-range-slider-custom-2-secondary .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-secondary .irs--big .irs-handle:hover {
    background: #efefef;
    box-shadow: none
}

.ion-range-slider-custom-2-secondary .irs--big .irs-bar {
    background: white
}

.ion-range-slider-custom-sm-secondary .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-secondary .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-success .irs--big .irs-handle, .ion-range-slider-custom-1-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-success .irs--big .irs-handle:hover, .ion-range-slider-custom-2-success .irs--big .irs-handle, .ion-range-slider-custom-2-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-success .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-success .irs--big .irs-handle, .ion-range-slider-custom-sm-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-success .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-success .irs--big .irs-handle:hover, .ion-range-slider-custom-2-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-success .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-success .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-success .irs--big .irs-bar, .ion-range-slider-custom-2-success .irs--big .irs-bar, .ion-range-slider-custom-sm-success .irs--big .irs-bar {
    background: #04ccb0
}

.ion-range-slider-custom-1-success .irs--big .irs-from, .ion-range-slider-custom-1-success .irs--big .irs-to, .ion-range-slider-custom-1-success .irs--big .irs-single, .ion-range-slider-custom-2-success .irs--big .irs-from, .ion-range-slider-custom-2-success .irs--big .irs-to, .ion-range-slider-custom-2-success .irs--big .irs-single, .ion-range-slider-custom-sm-success .irs--big .irs-from, .ion-range-slider-custom-sm-success .irs--big .irs-to, .ion-range-slider-custom-sm-success .irs--big .irs-single {
    background: #04ccb0
}

.ion-range-slider-custom-1-success .irs--big .irs-line, .ion-range-slider-custom-2-success .irs--big .irs-line, .ion-range-slider-custom-sm-success .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-success .irs--big .irs-min, .ion-range-slider-custom-1-success .irs--big .irs-max, .ion-range-slider-custom-2-success .irs--big .irs-min, .ion-range-slider-custom-2-success .irs--big .irs-max, .ion-range-slider-custom-sm-success .irs--big .irs-min, .ion-range-slider-custom-sm-success .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-success .irs--big .irs-handle, .ion-range-slider-custom-2-success .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-success .irs--big .irs-handle:hover {
    background: #04ccb0;
    box-shadow: none
}

.ion-range-slider-custom-2-success .irs--big .irs-bar {
    background: #3bfbe0
}

.ion-range-slider-custom-sm-success .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-success .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-danger .irs--big .irs-handle, .ion-range-slider-custom-1-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-danger .irs--big .irs-handle:hover, .ion-range-slider-custom-2-danger .irs--big .irs-handle, .ion-range-slider-custom-2-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-danger .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-danger .irs--big .irs-handle, .ion-range-slider-custom-sm-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-danger .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-danger .irs--big .irs-handle:hover, .ion-range-slider-custom-2-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-danger .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-danger .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-danger .irs--big .irs-bar, .ion-range-slider-custom-2-danger .irs--big .irs-bar, .ion-range-slider-custom-sm-danger .irs--big .irs-bar {
    background: #ff046c
}

.ion-range-slider-custom-1-danger .irs--big .irs-from, .ion-range-slider-custom-1-danger .irs--big .irs-to, .ion-range-slider-custom-1-danger .irs--big .irs-single, .ion-range-slider-custom-2-danger .irs--big .irs-from, .ion-range-slider-custom-2-danger .irs--big .irs-to, .ion-range-slider-custom-2-danger .irs--big .irs-single, .ion-range-slider-custom-sm-danger .irs--big .irs-from, .ion-range-slider-custom-sm-danger .irs--big .irs-to, .ion-range-slider-custom-sm-danger .irs--big .irs-single {
    background: #ff046c
}

.ion-range-slider-custom-1-danger .irs--big .irs-line, .ion-range-slider-custom-2-danger .irs--big .irs-line, .ion-range-slider-custom-sm-danger .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-danger .irs--big .irs-min, .ion-range-slider-custom-1-danger .irs--big .irs-max, .ion-range-slider-custom-2-danger .irs--big .irs-min, .ion-range-slider-custom-2-danger .irs--big .irs-max, .ion-range-slider-custom-sm-danger .irs--big .irs-min, .ion-range-slider-custom-sm-danger .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-danger .irs--big .irs-handle, .ion-range-slider-custom-2-danger .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-danger .irs--big .irs-handle:hover {
    background: #ff046c;
    box-shadow: none
}

.ion-range-slider-custom-2-danger .irs--big .irs-bar {
    background: #ff6aa8
}

.ion-range-slider-custom-sm-danger .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-danger .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-warning .irs--big .irs-handle, .ion-range-slider-custom-1-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-warning .irs--big .irs-handle:hover, .ion-range-slider-custom-2-warning .irs--big .irs-handle, .ion-range-slider-custom-2-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-warning .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-warning .irs--big .irs-handle, .ion-range-slider-custom-sm-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-warning .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-warning .irs--big .irs-handle:hover, .ion-range-slider-custom-2-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-warning .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-warning .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-warning .irs--big .irs-bar, .ion-range-slider-custom-2-warning .irs--big .irs-bar, .ion-range-slider-custom-sm-warning .irs--big .irs-bar {
    background: #fab72b
}

.ion-range-slider-custom-1-warning .irs--big .irs-from, .ion-range-slider-custom-1-warning .irs--big .irs-to, .ion-range-slider-custom-1-warning .irs--big .irs-single, .ion-range-slider-custom-2-warning .irs--big .irs-from, .ion-range-slider-custom-2-warning .irs--big .irs-to, .ion-range-slider-custom-2-warning .irs--big .irs-single, .ion-range-slider-custom-sm-warning .irs--big .irs-from, .ion-range-slider-custom-sm-warning .irs--big .irs-to, .ion-range-slider-custom-sm-warning .irs--big .irs-single {
    background: #fab72b
}

.ion-range-slider-custom-1-warning .irs--big .irs-line, .ion-range-slider-custom-2-warning .irs--big .irs-line, .ion-range-slider-custom-sm-warning .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-warning .irs--big .irs-min, .ion-range-slider-custom-1-warning .irs--big .irs-max, .ion-range-slider-custom-2-warning .irs--big .irs-min, .ion-range-slider-custom-2-warning .irs--big .irs-max, .ion-range-slider-custom-sm-warning .irs--big .irs-min, .ion-range-slider-custom-sm-warning .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-warning .irs--big .irs-handle, .ion-range-slider-custom-2-warning .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-warning .irs--big .irs-handle:hover {
    background: #fab72b;
    box-shadow: none
}

.ion-range-slider-custom-2-warning .irs--big .irs-bar {
    background: #fcd98f
}

.ion-range-slider-custom-sm-warning .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-warning .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-info .irs--big .irs-handle, .ion-range-slider-custom-1-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-info .irs--big .irs-handle:hover, .ion-range-slider-custom-2-info .irs--big .irs-handle, .ion-range-slider-custom-2-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-info .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-info .irs--big .irs-handle, .ion-range-slider-custom-sm-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-info .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-info .irs--big .irs-handle:hover, .ion-range-slider-custom-2-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-info .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-info .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-info .irs--big .irs-bar, .ion-range-slider-custom-2-info .irs--big .irs-bar, .ion-range-slider-custom-sm-info .irs--big .irs-bar {
    background: #4cacff
}

.ion-range-slider-custom-1-info .irs--big .irs-from, .ion-range-slider-custom-1-info .irs--big .irs-to, .ion-range-slider-custom-1-info .irs--big .irs-single, .ion-range-slider-custom-2-info .irs--big .irs-from, .ion-range-slider-custom-2-info .irs--big .irs-to, .ion-range-slider-custom-2-info .irs--big .irs-single, .ion-range-slider-custom-sm-info .irs--big .irs-from, .ion-range-slider-custom-sm-info .irs--big .irs-to, .ion-range-slider-custom-sm-info .irs--big .irs-single {
    background: #4cacff
}

.ion-range-slider-custom-1-info .irs--big .irs-line, .ion-range-slider-custom-2-info .irs--big .irs-line, .ion-range-slider-custom-sm-info .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-info .irs--big .irs-min, .ion-range-slider-custom-1-info .irs--big .irs-max, .ion-range-slider-custom-2-info .irs--big .irs-min, .ion-range-slider-custom-2-info .irs--big .irs-max, .ion-range-slider-custom-sm-info .irs--big .irs-min, .ion-range-slider-custom-sm-info .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-info .irs--big .irs-handle, .ion-range-slider-custom-2-info .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-info .irs--big .irs-handle:hover {
    background: #4cacff;
    box-shadow: none
}

.ion-range-slider-custom-2-info .irs--big .irs-bar {
    background: #b2dbff
}

.ion-range-slider-custom-sm-info .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-info .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-light .irs--big .irs-handle, .ion-range-slider-custom-1-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-light .irs--big .irs-handle:hover, .ion-range-slider-custom-2-light .irs--big .irs-handle, .ion-range-slider-custom-2-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-light .irs--big .irs-handle, .ion-range-slider-custom-sm-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-light .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-light .irs--big .irs-handle:hover, .ion-range-slider-custom-2-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-light .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-light .irs--big .irs-bar, .ion-range-slider-custom-2-light .irs--big .irs-bar, .ion-range-slider-custom-sm-light .irs--big .irs-bar {
    background: #fff
}

.ion-range-slider-custom-1-light .irs--big .irs-from, .ion-range-slider-custom-1-light .irs--big .irs-to, .ion-range-slider-custom-1-light .irs--big .irs-single, .ion-range-slider-custom-2-light .irs--big .irs-from, .ion-range-slider-custom-2-light .irs--big .irs-to, .ion-range-slider-custom-2-light .irs--big .irs-single, .ion-range-slider-custom-sm-light .irs--big .irs-from, .ion-range-slider-custom-sm-light .irs--big .irs-to, .ion-range-slider-custom-sm-light .irs--big .irs-single {
    background: #fff
}

.ion-range-slider-custom-1-light .irs--big .irs-line, .ion-range-slider-custom-2-light .irs--big .irs-line, .ion-range-slider-custom-sm-light .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-light .irs--big .irs-min, .ion-range-slider-custom-1-light .irs--big .irs-max, .ion-range-slider-custom-2-light .irs--big .irs-min, .ion-range-slider-custom-2-light .irs--big .irs-max, .ion-range-slider-custom-sm-light .irs--big .irs-min, .ion-range-slider-custom-sm-light .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-light .irs--big .irs-handle, .ion-range-slider-custom-2-light .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: none
}

.ion-range-slider-custom-2-light .irs--big .irs-bar {
    background: white
}

.ion-range-slider-custom-sm-light .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-light .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-dark .irs--big .irs-handle, .ion-range-slider-custom-1-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-dark .irs--big .irs-handle:hover, .ion-range-slider-custom-2-dark .irs--big .irs-handle, .ion-range-slider-custom-2-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-dark .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-dark .irs--big .irs-handle, .ion-range-slider-custom-sm-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-dark .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-dark .irs--big .irs-handle:hover, .ion-range-slider-custom-2-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-dark .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-dark .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-dark .irs--big .irs-bar, .ion-range-slider-custom-2-dark .irs--big .irs-bar, .ion-range-slider-custom-sm-dark .irs--big .irs-bar {
    background: #393b51
}

.ion-range-slider-custom-1-dark .irs--big .irs-from, .ion-range-slider-custom-1-dark .irs--big .irs-to, .ion-range-slider-custom-1-dark .irs--big .irs-single, .ion-range-slider-custom-2-dark .irs--big .irs-from, .ion-range-slider-custom-2-dark .irs--big .irs-to, .ion-range-slider-custom-2-dark .irs--big .irs-single, .ion-range-slider-custom-sm-dark .irs--big .irs-from, .ion-range-slider-custom-sm-dark .irs--big .irs-to, .ion-range-slider-custom-sm-dark .irs--big .irs-single {
    background: #393b51
}

.ion-range-slider-custom-1-dark .irs--big .irs-line, .ion-range-slider-custom-2-dark .irs--big .irs-line, .ion-range-slider-custom-sm-dark .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-dark .irs--big .irs-min, .ion-range-slider-custom-1-dark .irs--big .irs-max, .ion-range-slider-custom-2-dark .irs--big .irs-min, .ion-range-slider-custom-2-dark .irs--big .irs-max, .ion-range-slider-custom-sm-dark .irs--big .irs-min, .ion-range-slider-custom-sm-dark .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-dark .irs--big .irs-handle, .ion-range-slider-custom-2-dark .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-dark .irs--big .irs-handle:hover {
    background: #393b51;
    box-shadow: none
}

.ion-range-slider-custom-2-dark .irs--big .irs-bar {
    background: #63678d
}

.ion-range-slider-custom-sm-dark .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-dark .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-1-light-blue .irs--big .irs-handle, .ion-range-slider-custom-1-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-light-blue .irs--big .irs-handle:hover, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-light-blue .irs--big .irs-handle, .ion-range-slider-custom-sm-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-light-blue .irs--big .irs-handle:hover {
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.5)
}

    .ion-range-slider-custom-1-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-1-light-blue .irs--big .irs-handle:hover, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle:hover, .ion-range-slider-custom-sm-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-sm-light-blue .irs--big .irs-handle:hover {
        background: #efefef
    }

.ion-range-slider-custom-1-light-blue .irs--big .irs-bar, .ion-range-slider-custom-2-light-blue .irs--big .irs-bar, .ion-range-slider-custom-sm-light-blue .irs--big .irs-bar {
    background: #f3f7ff
}

.ion-range-slider-custom-1-light-blue .irs--big .irs-from, .ion-range-slider-custom-1-light-blue .irs--big .irs-to, .ion-range-slider-custom-1-light-blue .irs--big .irs-single, .ion-range-slider-custom-2-light-blue .irs--big .irs-from, .ion-range-slider-custom-2-light-blue .irs--big .irs-to, .ion-range-slider-custom-2-light-blue .irs--big .irs-single, .ion-range-slider-custom-sm-light-blue .irs--big .irs-from, .ion-range-slider-custom-sm-light-blue .irs--big .irs-to, .ion-range-slider-custom-sm-light-blue .irs--big .irs-single {
    background: #f3f7ff
}

.ion-range-slider-custom-1-light-blue .irs--big .irs-line, .ion-range-slider-custom-2-light-blue .irs--big .irs-line, .ion-range-slider-custom-sm-light-blue .irs--big .irs-line {
    background: #e1e4e9
}

.ion-range-slider-custom-1-light-blue .irs--big .irs-min, .ion-range-slider-custom-1-light-blue .irs--big .irs-max, .ion-range-slider-custom-2-light-blue .irs--big .irs-min, .ion-range-slider-custom-2-light-blue .irs--big .irs-max, .ion-range-slider-custom-sm-light-blue .irs--big .irs-min, .ion-range-slider-custom-sm-light-blue .irs--big .irs-max {
    color: #999;
    background-color: #e1e4e9
}

.ion-range-slider-custom-2-light-blue .irs--big .irs-handle, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle.state_hover, .ion-range-slider-custom-2-light-blue .irs--big .irs-handle:hover {
    background: #f3f7ff;
    box-shadow: none
}

.ion-range-slider-custom-2-light-blue .irs--big .irs-bar {
    background: white
}

.ion-range-slider-custom-sm-light-blue .irs--big .irs-grid-text {
    color: #646c9a
}

.ion-range-slider-custom-sm-light-blue .irs--big .irs-grid-pol {
    background-color: #646c9a
}

.ion-range-slider-custom-2-dark .irs--big .irs-bar {
    background: #7e82a5
}

.ion-range-slider-custom-2-success .irs--big .irs-bar {
    background: #78dec0
}

.pwstrength .progress, .pwstrength-2 .progress, .pwstrength-3 .progress {
    width: 150px;
    border-radius: 3px;
    margin-top: 5px
}

.pwstrength .password-verdict, .pwstrength-2 .password-verdict, .pwstrength-3 .password-verdict {
    color: #56689a;
    font-size: .92rem;
    font-weight: 400
}

.pwstrength-2 .progress {
    height: 2rem
}

    .pwstrength-2 .progress .password-verdict {
        color: #fff
    }

.pwstrength-3 .form-control {
    width: 70%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pwstrength-3 .field-wrapper {
    display: flex;
    justify-content: stretch
}

.pwstrength-3 .progress {
    width: 30%;
    margin: 0;
    height: auto;
    display: block;
    min-height: 100%;
    position: relative;
    background-color: #848484;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

    .pwstrength-3 .progress .progress-bar {
        height: 100%
    }

    .pwstrength-3 .progress .password-verdict {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        vertical-align: middle;
        height: .92rem;
        line-height: 1;
        color: #fff
    }

.popover-body .password-verdict {
    display: block;
    font-size: .92rem;
    font-weight: 400;
    margin-bottom: -0.75rem
}

.pwstrength-popover .progress {
    width: 100%;
    border-radius: 0;
    margin-top: 0;
    height: 2px
}

.pwstrength-popover .form-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.rs-tooltip-text {
    font-family: poppins
}

.round-slider > div {
    margin: auto
}

.rs-tooltip.hover, .rs-tooltip.edit:hover {
    border: 1px solid #ddd;
    border-radius: 3px
}

.rs-range-color {
    background-color: #5780f7
}

.rs-handle {
    background-color: #3c3c3c
}

.rs-border {
    border: 1px solid #dedede
}

.round-slider-theme-2 .rs-range-color {
    background-color: #5673e7
}

.round-slider-theme-2 .rs-path-color {
    background-color: #dedede
}

.round-slider-theme-2 .rs-handle {
    background-color: #000
}

.round-slider-theme-2 .rs-border {
    border-color: white
}

.round-slider-theme-3 .rs-range-color {
    background-color: #00fff5
}

.round-slider-theme-3 .rs-path-color {
    background-color: #382d5f;
    border-radius: 0
}

.round-slider-theme-3 .rs-handle {
    background-color: #00fff5
}

.round-slider-theme-3 .rs-border {
    border: 8px solid #382d5f
}

.round-slider-theme-4 .rs-handle {
    background-color: transparent;
    border: 8px solid transparent;
    border-right-color: black;
    margin: -6px 0 0 14px !important;
    border-width: 6px 104px 6px 4px
}

    .round-slider-theme-4 .rs-handle::before {
        display: block;
        content: " ";
        position: absolute;
        height: 22px;
        width: 22px;
        background: black;
        right: -11px;
        bottom: -11px;
        border-radius: 100px
    }

.round-slider-theme-4 .rs-tooltip {
    top: 75%;
    font-size: 11px
}

    .round-slider-theme-4 .rs-tooltip > div {
        text-align: center;
        background: #5780f7;
        color: white;
        border-radius: 3px;
        padding: 4px 15px 3px;
        margin-top: 4px;
        font-size: .92rem;
        line-height: 120%;
        font-weight: 400
    }

.round-slider-theme-4 .rs-range-color {
    background-color: #5780f7
}

.round-slider-theme-4 .rs-path-color {
    background-color: #e9eefe
}

.round-slider-theme-5 .rs-handle {
    background-color: transparent;
    border: 8px solid transparent;
    border-right-color: black;
    margin: -8px 0 0 14px !important
}

    .round-slider-theme-5 .rs-handle:before {
        display: block;
        content: " ";
        position: absolute;
        height: 12px;
        width: 12px;
        background: black;
        right: -6px;
        bottom: -6px;
        border-radius: 100%
    }

    .round-slider-theme-5 .rs-handle:after {
        display: block;
        content: " ";
        width: 106px;
        position: absolute;
        top: -1px;
        right: 0;
        border-top: 2px dotted black
    }

.round-slider-theme-5 .rs-range-color {
    background-color: #5780f7
}

.round-slider-theme-5 .rs-path-color {
    background-color: #e9eefe
}

.icons-selector .fab {
    font-family: "Font Awesome 5 Brands"
}

.icons-selector .fa, .icons-selector .far, .icons-selector .fas {
    font-family: "Font Awesome 5 Free"
}

.icons-selector .fa, .icons-selector .fas {
    font-weight: 800
}

.icons-selector .far {
    font-weight: 500
}

.icons-selector .fa, .icons-selector .fab, .icons-selector .fad, .icons-selector .fal, .icons-selector .far, .icons-selector .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.icons-selector.fip-bootstrap .fip-box:hover {
    font-size: 100%
}

    .icons-selector.fip-bootstrap .fip-box:hover i {
        transition: all .3s ease-in-out;
        transform: scale(1.3)
    }

.icons-selector .fip-box {
    line-height: 38px;
    line-height: 240%
}

.icons-selector .selected-icon i[class^="icon-"], .icons-selector .selected-icon i[class*=" icon-"] {
    line-height: 36px
}

.col-fonticonpicker-label {
    padding-top: calc(.6rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.icons-selector.fip-purple {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-purple .selector {
        border: 1px solid #62319e;
        background-color: transparent
    }

    .icons-selector.fip-purple .selector-button {
        background-color: #62319e;
        border-left: 1px solid #62319e
    }

        .icons-selector.fip-purple .selector-button i {
            color: #fff
        }

        .icons-selector.fip-purple .selector-button:hover {
            background-color: #4a2577
        }

            .icons-selector.fip-purple .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-purple .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-purple .selected-icon i {
            color: #62319e;
            text-shadow: none
        }

    .icons-selector.fip-purple .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #62319e;
        background-color: #62319e
    }

    .icons-selector.fip-purple .selector-category select, .icons-selector.fip-purple .selector-search input[type=text] {
        border: 1px solid #62319e;
        background-color: #6e37b1;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-purple input:-ms-input-placeholder, .icons-selector.fip-purple input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-purple input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-purple input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-purple input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-purple input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-purple .selector-search i {
        color: #fff
    }

    .icons-selector.fip-purple .fip-icons-container {
        background-color: #6e37b1;
        border: 1px solid #62319e
    }

        .icons-selector.fip-purple .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-purple .fip-box {
        border: 1px solid #62319e
    }

        .icons-selector.fip-purple .fip-box:hover {
            background-color: #62319e;
            color: #fff
        }

    .icons-selector.fip-purple .selector-footer, .icons-selector.fip-purple .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-purple .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-purple span.current-icon, .icons-selector.fip-purple span.current-icon:hover {
        background-color: #62319e;
        color: #fff
    }

    .icons-selector.fip-purple .fip-icon-block::before, .icons-selector.fip-purple .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-primary {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-primary .selector {
        border: 1px solid #5780f7;
        background-color: transparent
    }

    .icons-selector.fip-primary .selector-button {
        background-color: #5780f7;
        border-left: 1px solid #5780f7
    }

        .icons-selector.fip-primary .selector-button i {
            color: #fff
        }

        .icons-selector.fip-primary .selector-button:hover {
            background-color: #265bf5
        }

            .icons-selector.fip-primary .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-primary .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-primary .selected-icon i {
            color: #5780f7;
            text-shadow: none
        }

    .icons-selector.fip-primary .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #5780f7;
        background-color: #5780f7
    }

    .icons-selector.fip-primary .selector-category select, .icons-selector.fip-primary .selector-search input[type=text] {
        border: 1px solid #5780f7;
        background-color: #6f92f8;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-primary input:-ms-input-placeholder, .icons-selector.fip-primary input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-primary input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-primary input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-primary input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-primary input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-primary .selector-search i {
        color: #fff
    }

    .icons-selector.fip-primary .fip-icons-container {
        background-color: #6f92f8;
        border: 1px solid #5780f7
    }

        .icons-selector.fip-primary .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-primary .fip-box {
        border: 1px solid #5780f7
    }

        .icons-selector.fip-primary .fip-box:hover {
            background-color: #5780f7;
            color: #fff
        }

    .icons-selector.fip-primary .selector-footer, .icons-selector.fip-primary .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-primary .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-primary span.current-icon, .icons-selector.fip-primary span.current-icon:hover {
        background-color: #5780f7;
        color: #fff
    }

    .icons-selector.fip-primary .fip-icon-block::before, .icons-selector.fip-primary .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-secondary {
    font-size: 16px;
    color: #333
}

    .icons-selector.fip-secondary .selector {
        border: 1px solid #efefef;
        background-color: transparent
    }

    .icons-selector.fip-secondary .selector-button {
        background-color: #efefef;
        border-left: 1px solid #efefef
    }

        .icons-selector.fip-secondary .selector-button i {
            color: #333
        }

        .icons-selector.fip-secondary .selector-button:hover {
            background-color: #d6d6d6
        }

            .icons-selector.fip-secondary .selector-button:hover i {
                color: #333
            }

    .icons-selector.fip-secondary .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-secondary .selected-icon i {
            color: #efefef;
            text-shadow: none
        }

    .icons-selector.fip-secondary .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #efefef;
        background-color: #efefef
    }

    .icons-selector.fip-secondary .selector-category select, .icons-selector.fip-secondary .selector-search input[type=text] {
        border: 1px solid #efefef;
        background-color: #fcfcfc;
        color: #333;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-secondary input:-ms-input-placeholder, .icons-selector.fip-secondary input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-secondary input::-moz-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-secondary input:-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-secondary input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-secondary input::placeholder {
        color: #333 !important
    }

    .icons-selector.fip-secondary .selector-search i {
        color: #333
    }

    .icons-selector.fip-secondary .fip-icons-container {
        background-color: #fcfcfc;
        border: 1px solid #efefef
    }

        .icons-selector.fip-secondary .fip-icons-container .loading {
            color: #333
        }

    .icons-selector.fip-secondary .fip-box {
        border: 1px solid #efefef
    }

        .icons-selector.fip-secondary .fip-box:hover {
            background-color: #efefef;
            color: #333
        }

    .icons-selector.fip-secondary .selector-footer, .icons-selector.fip-secondary .selector-footer i {
        color: #333
    }

    .icons-selector.fip-secondary .selector-arrows i:hover {
        color: #333
    }

    .icons-selector.fip-secondary span.current-icon, .icons-selector.fip-secondary span.current-icon:hover {
        background-color: #efefef;
        color: #333
    }

    .icons-selector.fip-secondary .fip-icon-block::before, .icons-selector.fip-secondary .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-success {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-success .selector {
        border: 1px solid #04ccb0;
        background-color: transparent
    }

    .icons-selector.fip-success .selector-button {
        background-color: #04ccb0;
        border-left: 1px solid #04ccb0
    }

        .icons-selector.fip-success .selector-button i {
            color: #fff
        }

        .icons-selector.fip-success .selector-button:hover {
            background-color: #039a85
        }

            .icons-selector.fip-success .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-success .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-success .selected-icon i {
            color: #04ccb0;
            text-shadow: none
        }

    .icons-selector.fip-success .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #04ccb0;
        background-color: #04ccb0
    }

    .icons-selector.fip-success .selector-category select, .icons-selector.fip-success .selector-search input[type=text] {
        border: 1px solid #04ccb0;
        background-color: #04e5c6;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-success input:-ms-input-placeholder, .icons-selector.fip-success input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-success input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-success input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-success input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-success input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-success .selector-search i {
        color: #fff
    }

    .icons-selector.fip-success .fip-icons-container {
        background-color: #04e5c6;
        border: 1px solid #04ccb0
    }

        .icons-selector.fip-success .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-success .fip-box {
        border: 1px solid #04ccb0
    }

        .icons-selector.fip-success .fip-box:hover {
            background-color: #04ccb0;
            color: #fff
        }

    .icons-selector.fip-success .selector-footer, .icons-selector.fip-success .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-success .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-success span.current-icon, .icons-selector.fip-success span.current-icon:hover {
        background-color: #04ccb0;
        color: #fff
    }

    .icons-selector.fip-success .fip-icon-block::before, .icons-selector.fip-success .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-danger {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-danger .selector {
        border: 1px solid #ff046c;
        background-color: transparent
    }

    .icons-selector.fip-danger .selector-button {
        background-color: #ff046c;
        border-left: 1px solid #ff046c
    }

        .icons-selector.fip-danger .selector-button i {
            color: #fff
        }

        .icons-selector.fip-danger .selector-button:hover {
            background-color: #d00056
        }

            .icons-selector.fip-danger .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-danger .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-danger .selected-icon i {
            color: #ff046c;
            text-shadow: none
        }

    .icons-selector.fip-danger .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #ff046c;
        background-color: #ff046c
    }

    .icons-selector.fip-danger .selector-category select, .icons-selector.fip-danger .selector-search input[type=text] {
        border: 1px solid #ff046c;
        background-color: #ff1e7b;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-danger input:-ms-input-placeholder, .icons-selector.fip-danger input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-danger input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-danger input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-danger input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-danger input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-danger .selector-search i {
        color: #fff
    }

    .icons-selector.fip-danger .fip-icons-container {
        background-color: #ff1e7b;
        border: 1px solid #ff046c
    }

        .icons-selector.fip-danger .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-danger .fip-box {
        border: 1px solid #ff046c
    }

        .icons-selector.fip-danger .fip-box:hover {
            background-color: #ff046c;
            color: #fff
        }

    .icons-selector.fip-danger .selector-footer, .icons-selector.fip-danger .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-danger .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-danger span.current-icon, .icons-selector.fip-danger span.current-icon:hover {
        background-color: #ff046c;
        color: #fff
    }

    .icons-selector.fip-danger .fip-icon-block::before, .icons-selector.fip-danger .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-warning {
    font-size: 16px;
    color: #333
}

    .icons-selector.fip-warning .selector {
        border: 1px solid #fab72b;
        background-color: transparent
    }

    .icons-selector.fip-warning .selector-button {
        background-color: #fab72b;
        border-left: 1px solid #fab72b
    }

        .icons-selector.fip-warning .selector-button i {
            color: #333
        }

        .icons-selector.fip-warning .selector-button:hover {
            background-color: #eca206
        }

            .icons-selector.fip-warning .selector-button:hover i {
                color: #333
            }

    .icons-selector.fip-warning .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-warning .selected-icon i {
            color: #fab72b;
            text-shadow: none
        }

    .icons-selector.fip-warning .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #fab72b;
        background-color: #fab72b
    }

    .icons-selector.fip-warning .selector-category select, .icons-selector.fip-warning .selector-search input[type=text] {
        border: 1px solid #fab72b;
        background-color: #fbbf44;
        color: #333;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-warning input:-ms-input-placeholder, .icons-selector.fip-warning input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-warning input::-moz-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-warning input:-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-warning input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-warning input::placeholder {
        color: #333 !important
    }

    .icons-selector.fip-warning .selector-search i {
        color: #333
    }

    .icons-selector.fip-warning .fip-icons-container {
        background-color: #fbbf44;
        border: 1px solid #fab72b
    }

        .icons-selector.fip-warning .fip-icons-container .loading {
            color: #333
        }

    .icons-selector.fip-warning .fip-box {
        border: 1px solid #fab72b
    }

        .icons-selector.fip-warning .fip-box:hover {
            background-color: #fab72b;
            color: #333
        }

    .icons-selector.fip-warning .selector-footer, .icons-selector.fip-warning .selector-footer i {
        color: #333
    }

    .icons-selector.fip-warning .selector-arrows i:hover {
        color: #333
    }

    .icons-selector.fip-warning span.current-icon, .icons-selector.fip-warning span.current-icon:hover {
        background-color: #fab72b;
        color: #333
    }

    .icons-selector.fip-warning .fip-icon-block::before, .icons-selector.fip-warning .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-info {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-info .selector {
        border: 1px solid #4cacff;
        background-color: transparent
    }

    .icons-selector.fip-info .selector-button {
        background-color: #4cacff;
        border-left: 1px solid #4cacff
    }

        .icons-selector.fip-info .selector-button i {
            color: #fff
        }

        .icons-selector.fip-info .selector-button:hover {
            background-color: #1994ff
        }

            .icons-selector.fip-info .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-info .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-info .selected-icon i {
            color: #4cacff;
            text-shadow: none
        }

    .icons-selector.fip-info .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #4cacff;
        background-color: #4cacff
    }

    .icons-selector.fip-info .selector-category select, .icons-selector.fip-info .selector-search input[type=text] {
        border: 1px solid #4cacff;
        background-color: #66b8ff;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-info input:-ms-input-placeholder, .icons-selector.fip-info input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-info input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-info input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-info input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-info input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-info .selector-search i {
        color: #fff
    }

    .icons-selector.fip-info .fip-icons-container {
        background-color: #66b8ff;
        border: 1px solid #4cacff
    }

        .icons-selector.fip-info .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-info .fip-box {
        border: 1px solid #4cacff
    }

        .icons-selector.fip-info .fip-box:hover {
            background-color: #4cacff;
            color: #fff
        }

    .icons-selector.fip-info .selector-footer, .icons-selector.fip-info .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-info .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-info span.current-icon, .icons-selector.fip-info span.current-icon:hover {
        background-color: #4cacff;
        color: #fff
    }

    .icons-selector.fip-info .fip-icon-block::before, .icons-selector.fip-info .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-light {
    font-size: 16px;
    color: #333
}

    .icons-selector.fip-light .selector {
        border: 1px solid #fff;
        background-color: transparent
    }

    .icons-selector.fip-light .selector-button {
        background-color: #fff;
        border-left: 1px solid #fff
    }

        .icons-selector.fip-light .selector-button i {
            color: #333
        }

        .icons-selector.fip-light .selector-button:hover {
            background-color: #e6e6e6
        }

            .icons-selector.fip-light .selector-button:hover i {
                color: #333
            }

    .icons-selector.fip-light .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-light .selected-icon i {
            color: #fff;
            text-shadow: none
        }

    .icons-selector.fip-light .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #fff;
        background-color: #fff
    }

    .icons-selector.fip-light .selector-category select, .icons-selector.fip-light .selector-search input[type=text] {
        border: 1px solid #fff;
        background-color: white;
        color: #333;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-light input:-ms-input-placeholder, .icons-selector.fip-light input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-light input::-moz-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-light input:-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-light input::-ms-input-placeholder {
        color: #333 !important
    }

    .icons-selector.fip-light input::placeholder {
        color: #333 !important
    }

    .icons-selector.fip-light .selector-search i {
        color: #333
    }

    .icons-selector.fip-light .fip-icons-container {
        background-color: white;
        border: 1px solid #fff
    }

        .icons-selector.fip-light .fip-icons-container .loading {
            color: #333
        }

    .icons-selector.fip-light .fip-box {
        border: 1px solid #fff
    }

        .icons-selector.fip-light .fip-box:hover {
            background-color: #fff;
            color: #333
        }

    .icons-selector.fip-light .selector-footer, .icons-selector.fip-light .selector-footer i {
        color: #333
    }

    .icons-selector.fip-light .selector-arrows i:hover {
        color: #333
    }

    .icons-selector.fip-light span.current-icon, .icons-selector.fip-light span.current-icon:hover {
        background-color: #fff;
        color: #333
    }

    .icons-selector.fip-light .fip-icon-block::before, .icons-selector.fip-light .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-dark {
    font-size: 16px;
    color: #fff
}

    .icons-selector.fip-dark .selector {
        border: 1px solid #393b51;
        background-color: transparent
    }

    .icons-selector.fip-dark .selector-button {
        background-color: #393b51;
        border-left: 1px solid #393b51
    }

        .icons-selector.fip-dark .selector-button i {
            color: #fff
        }

        .icons-selector.fip-dark .selector-button:hover {
            background-color: #242533
        }

            .icons-selector.fip-dark .selector-button:hover i {
                color: #fff
            }

    .icons-selector.fip-dark .selected-icon {
        background-color: #fff
    }

        .icons-selector.fip-dark .selected-icon i {
            color: #393b51;
            text-shadow: none
        }

    .icons-selector.fip-dark .selector-popup {
        box-shadow: 0 1px 1px rgba(255,255,255,0.04);
        border: 1px solid #393b51;
        background-color: #393b51
    }

    .icons-selector.fip-dark .selector-category select, .icons-selector.fip-dark .selector-search input[type=text] {
        border: 1px solid #393b51;
        background-color: #444660;
        color: #fff;
        box-shadow: none;
        outline: 0
    }

    .icons-selector.fip-dark input:-ms-input-placeholder, .icons-selector.fip-dark input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-dark input::-moz-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-dark input:-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-dark input::-ms-input-placeholder {
        color: #fff !important
    }

    .icons-selector.fip-dark input::placeholder {
        color: #fff !important
    }

    .icons-selector.fip-dark .selector-search i {
        color: #fff
    }

    .icons-selector.fip-dark .fip-icons-container {
        background-color: #444660;
        border: 1px solid #393b51
    }

        .icons-selector.fip-dark .fip-icons-container .loading {
            color: #fff
        }

    .icons-selector.fip-dark .fip-box {
        border: 1px solid #393b51
    }

        .icons-selector.fip-dark .fip-box:hover {
            background-color: #393b51;
            color: #fff
        }

    .icons-selector.fip-dark .selector-footer, .icons-selector.fip-dark .selector-footer i {
        color: #fff
    }

    .icons-selector.fip-dark .selector-arrows i:hover {
        color: #fff
    }

    .icons-selector.fip-dark span.current-icon, .icons-selector.fip-dark span.current-icon:hover {
        background-color: #393b51;
        color: #fff
    }

    .icons-selector.fip-dark .fip-icon-block::before, .icons-selector.fip-dark .icons-picker-error i::before {
        color: rgba(255,4,108,0.4);
        text-shadow: none
    }

.icons-selector.fip-danger .selector-category select, .icons-selector.fip-danger .selector-search input[type=text], .icons-selector.fip-danger .fip-icons-container {
    background-color: #ff4693
}

.icons-selector.fip-danger .fip-icon-block::before, .icons-selector.fip-danger .icons-picker-error i::before {
    color: rgba(57,59,81,0.4)
}

.icons-selector.fip-danger .selected-icon .fip-icon-block::before {
    color: rgba(255,4,108,0.4)
}

.icons-selector.fip-warning .selector-category select, .icons-selector.fip-warning .selector-search input[type=text], .icons-selector.fip-warning .fip-icons-container {
    background-color: #fbc85d
}

.icons-selector.fip-success .selector-category select, .icons-selector.fip-success .selector-search input[type=text], .icons-selector.fip-success .fip-icons-container {
    background-color: #04d6b9
}

.icons-selector.fip-secondary .selected-icon i {
    color: #333
}

.dd-item button:focus {
    outline: 0
}

.dd-item > button[data-action="collapse"]:before, .dd-item > button[data-action="expand"]:before {
    font-size: 20px;
    font-weight: 300;
    line-height: 60%
}

.nestable-edit, .nestable-delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 30px;
    padding: 5px 7px;
    font-size: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

    .nestable-edit .focus, .nestable-edit:focus, .nestable-edit:not(:disabled):not(.disabled).active:focus, .nestable-edit:not(:disabled):not(.disabled):active:focus, .nestable-delete .focus, .nestable-delete:focus, .nestable-delete:not(:disabled):not(.disabled).active:focus, .nestable-delete:not(:disabled):not(.disabled):active:focus {
        box-shadow: none
    }

.nestable-edit {
    right: 27px;
    border-radius: 0
}

.dd {
    width: 100%
}

.dd-handle {
    font-weight: 400;
    border: 1px solid #ddd;
    height: 34px;
    padding: 7px 15px;
    color: #56689a
}

.dd-nodrag {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    background-image: linear-gradient(45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.05) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.dd-item > button {
    margin: 7px 0 7px 2px;
    line-height: 90%;
    color: #56689a
}

    .dd-item > button[data-action="collapse"]::before, .dd-item > button[data-action="expand"]::before {
        font-size: 16px;
        font-weight: 400;
        line-height: 70%
    }

.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #ccc;
    background: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-weight: 400;
    border: 1px solid #ddd;
    height: 34px;
    padding: 7px 15px;
    color: #56689a;
    padding-left: 45px;
    pointer-events: none
}

    .dd3-content:hover {
        color: #2ea8e5;
        background: #fff
    }

.dd-dragel > .dd3-item > .dd3-content {
    margin: 0
}

.dd3-item > button {
    margin-left: 35px
}

.dd3-handle {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 34px;
    text-indent: 40px;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #eee;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 400;
    height: 34px;
    padding: 0;
    color: #56689a
}

    .dd3-handle::before {
        content: '≡';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #fff;
        font-size: 20px;
        font-weight: ormal;
        font-weight: 400;
        border: 0;
        height: 100%;
        padding: 7px 0;
        color: #56689a;
        text-align: center
    }

    .dd3-handle:hover {
        background: #ddd
    }

.dd-nodrag {
    pointer-events: none !important
}

.dd-nodrag {
    background-image: linear-gradient(45deg,rgba(0,0,0,0.05) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.05) 50%,rgba(0,0,0,0.05) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem
}

.dd3-handle.dd-nodrag {
    background-color: #fafafa;
    border: 1px solid #ddd
}

    .dd3-handle.dd-nodrag::before {
        opacity: .5
    }

.sortable-sample-list {
    display: block;
    padding: 0;
    border: 1px solid #ddd;
    border-bottom: 0
}

    .sortable-sample-list li {
        background-color: #eee;
        display: block;
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        white-space: no-wrap
    }

.sortable-sample-grid {
    display: block;
    padding: 0;
    border: 1px solid #ddd;
    border-bottom: 0
}

    .sortable-sample-grid li {
        display: inline-block;
        padding: 10px 20px;
        margin: 10px;
        width: 100px;
        height: 100px;
        border: 1px solid #ddd
    }

@media screen and (min-width:992px) {
    .datepicker.dropdown-menu {
        opacity: 1;
        pointer-events: auto
    }
}

.datepicker.dropdown-menu {
    overflow: hidden;
    border-radius: 7px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.35)
}

.datepicker .datepicker-months td, .datepicker .datepicker-months th, .datepicker .datepicker-years td, .datepicker .datepicker-years th, .datepicker .datepicker-decades td, .datepicker .datepicker-decades th {
    width: 86px;
    height: 20px
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 0;
    padding: 10px;
    font-weight: 400;
    font-size: 13px
}

.datepicker {
    padding: 0
}

    .datepicker th.dow {
        background-color: #efefef;
        border-radius: 0;
        padding: 10px;
        font-weight: 400;
        font-size: 13px
    }

    .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
        padding: 10px;
        font-weight: 400;
        font-size: 13px;
        background-color: #5780f7;
        color: #fff;
        border-radius: 0
    }

        .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
            background-color: #4e74e0;
            color: #fff
        }

    .datepicker table tr td span {
        float: none;
        display: inline-block;
        width: 78px;
        height: 58px;
        line-height: 58px;
        margin: 0;
        border-radius: 0
    }

.bootstrap-timepicker-widget table td input {
    width: 40px;
    height: 40px;
    padding: 10px 0;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 0;
    font-family: poppins
}

.bootstrap-timepicker-widget table td a {
    color: #5780f7;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #eee;
    border: 0
}

    .bootstrap-timepicker-widget table td a:hover {
        background-color: #efefef;
        border-radius: 0;
        border: 1px solid #eee;
        border: 0
    }

.bootstrap-timepicker-widget table td.separator {
    display: table-cell
}

.md-editor .fa-header::before {
    content: "\f1dc"
}

.md-editor .fa-picture-o::before {
    content: "\f03e"
}

.md-editor .btn-default {
    box-shadow: 0 0 1px #999;
    background-color: #fff
}

    .md-editor .btn-default:hover {
        background-color: #efefef
    }

.md-editor.md-fullscreen-mode .btn {
    color: #555
}

.md-editor .btn-group {
    margin: 5px 10px
}

.md-editor .md-controls .md-control {
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: #555;
    box-shadow: 0 0 1px #999;
    background-color: #fff;
    line-height: 1.5;
    border-radius: .2rem;
    font-size: .85rem;
    padding: .4rem .9rem;
    font-weight: 400;
    margin: 5px 10px;
    display: inline-block
}

    .md-editor .md-controls .md-control span {
        font-size: 13px;
        line-height: 160%
    }

.md-editor.md-fullscreen-mode .md-controls .md-control {
    display: none
}

.md-editor .md-controls {
    padding: 0
}

.md-editor > textarea {
    padding: .375rem .75rem;
    transition: background-color .3s;
    background-color: #ebf1f7;
    border: 0
}

.md-editor .md-preview {
    padding: .375rem .75rem
}

.md-editor > .md-header {
    background-color: #e2e9f1
}

.md-editor.active {
    border-color: #d0cbcb;
    box-shadow: none
}

.md-editor .btn-primary .fa.fa-search, .md-editor .btn-primary .glyphicon-search {
    font-size: 11px;
    margin-right: 3px
}

.md-editor .glyphicon {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    font-size: 13px
}

    .md-editor .glyphicon.glyphicon-bold::before {
        content: "\f032"
    }

    .md-editor .glyphicon.glyphicon-italic::before {
        content: "\f033"
    }

    .md-editor .glyphicon.glyphicon-header::before {
        content: "\f1dc"
    }

    .md-editor .glyphicon.glyphicon-link::before {
        content: "\f0c1"
    }

    .md-editor .glyphicon.glyphicon-picture::before {
        content: "\f03e"
    }

    .md-editor .glyphicon.glyphicon-list::before {
        content: "\f03a"
    }

    .md-editor .glyphicon.glyphicon-th-list::before {
        content: "\f0cb"
    }

    .md-editor .glyphicon.glyphicon-asterisk::before {
        content: "\f121"
    }

    .md-editor .glyphicon.glyphicon-comment::before {
        content: "\f10d"
    }

    .md-editor .glyphicon.glyphicon-search::before {
        content: "\f002"
    }

    .md-editor .glyphicon.glyphicon-fullscreen::before {
        content: "\f065"
    }

[data-provide="markdown-editable"] {
    border: 1px solid #eee;
    padding: 20px 20px 5px
}

.daterangepicker {
    font-family: "poppins"
}

    .daterangepicker .calendar-table thead > tr:first-child th {
        padding: 10px;
        font-weight: 400;
        font-size: 13px;
        background-color: #5780f7;
        color: #fff;
        border-radius: 0;
        text-transform: uppercase
    }

    .daterangepicker .calendar-table thead > tr:last-child th {
        background-color: #efefef;
        border-radius: 0;
        padding: 10px 9px;
        font-weight: 400;
        font-size: 13px;
        text-transform: uppercase
    }

    .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
        color: #fff;
        border: solid #fff;
        border-width: 0 2px 2px 0
    }

    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
        background: #e9eefe
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        font-weight: 400;
        font-size: 13px;
        min-width: 39px;
        width: 39px;
        height: 35px;
        border-radius: 0
    }

    .daterangepicker td.start-date, .daterangepicker td.start-date.end-date, .daterangepicker td.end-date {
        border-radius: 0
    }

    .daterangepicker td.in-range {
        background-color: #e9eefe
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: #5780f7;
        color: #fff
    }

.daterangepicker {
    max-width: 345px;
    width: auto;
    margin-bottom: 10px
}

@media(min-width:564px) {
    .daterangepicker {
        max-width: none
    }
}

.daterangepicker .drp-calendar {
    max-width: 335px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 500;
    padding: .35rem .9rem;
    box-shadow: none;
    border: 1px solid #eee
}

.daterangepicker .drp-calendar.left {
    padding: 8px
}

.daterangepicker .drp-calendar.single.left .calendar-table {
    padding: 0
}

.datetimepicker thead tr:first-child th, .datetimepicker tfoot th {
    padding: 10px;
    font-weight: 400;
    font-size: 13px;
    background-color: #5780f7;
    color: #fff;
    border-radius: 0
}

    .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot th:hover {
        background-color: #4a6bce
    }

.datetimepicker td, .datetimepicker th, .datetimepicker .datetimepicker-hours span, .datetimepicker .datetimepicker-minutes span {
    height: auto;
    padding: 10px;
    font-weight: 400;
    font-size: 13px
}

.datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active {
    background-image: none;
    background-color: #5780f7
}

.datetimepicker th.next span.glyphicon::before, .datetimepicker th span.glyphicon::before {
    display: inline-block;
    color: #fff;
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    vertical-align: 1px;
    font-size: 10px
}

.datetimepicker th span.glyphicon::before {
    content: "\f053"
}

.datetimepicker table tr td.day, .datetimepicker table tr td span {
    border-radius: 0
}

.datetimepicker .datetimepicker-hours span {
    padding: 6px 6px
}

.datetimepicker table tr td span.month {
    font-weight: 400;
    font-size: 13px
}

.dropdown-menu.datetimepicker, .datepicker.datepicker-dropdown.dropdown-menu {
    padding: 4px
}

.clockpicker-popover .popover-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    padding: 10px
}

.clockpicker-tick {
    font-weight: 400
}

#colorpicker {
    height: 240px;
    width: 310px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #bfbfbf
}

#result {
    margin: 60px 26px;
    height: 100px;
    width: 100px;
    display: inline-block;
    vertical-align: top;
    color: #7f7f7f;
    background: #7f7f7f;
    border-radius: 100%;
    box-shadow: 0 0 10px
}

.red .noUi-connects {
    background: red;
    background-image: linear-gradient(to bottom,black,red)
}

.green .noUi-connects {
    background: green;
    background-image: linear-gradient(to bottom,black,green)
}

.blue .noUi-connects {
    background: blue;
    background-image: linear-gradient(to bottom,black,blue)
}

.red .noUi-connect, .green .noUi-connect, .blue .noUi-connect {
    background: transparent
}

.red-h, .green-h, .blue-h {
    margin: auto;
    width: 300px;
    display: block
}

#colorpicker-h {
    height: 240px;
    width: 310px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #bfbfbf
}

.colorpicker-sliders-hor .red .noUi-connects {
    background: red;
    background-image: linear-gradient(to right,black,red)
}

.colorpicker-sliders-hor .green .noUi-connects {
    background: green;
    background-image: linear-gradient(to right,black,green)
}

.colorpicker-sliders-hor .blue .noUi-connects {
    background: blue;
    background-image: linear-gradient(to right,black,blue)
}

.colorpicker-sliders-hor .red .noUi-connect, .colorpicker-sliders-hor .green .noUi-connect, .colorpicker-sliders-hor .blue .noUi-connect {
    background: transparent
}

#result-h {
    height: 100px;
    width: 100px;
    margin: auto;
    display: block;
    color: #7f7f7f;
    background: #7f7f7f;
    border-radius: 100%;
    box-shadow: 0 0 10px
}

.ql-bubble {
    border: 1px solid #eee
}

.toast-error {
    background-color: #ff046c
}

.toast-info {
    background-color: #5780f7
}

.toast-success {
    background-color: #04ccb0
}

.toast-warning {
    background-color: #fab72b
}

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 350px
}

#toast-container > div {
    width: 350px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.36);
    border: 0;
    opacity: .9
}

    #toast-container > div:hover {
        opacity: 1;
        box-shadow: 0 5px 25px rgba(0,0,0,0.36);
        border: 0
    }

.toast-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 15px
}

.toast-message {
    font-size: 13px;
    color: rgba(255,255,255,0.9)
}

#toast-container > .toast-custom-icon {
    background-image: none !important
}

    #toast-container > .toast-custom-icon::before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 500;
        font-family: "Font Awesome 5 Free";
        display: block;
        position: absolute;
        left: 0;
        font-size: 23px;
        height: 30px;
        bottom: 0;
        top: 0;
        margin: auto;
        width: 50px;
        text-align: center
    }

    #toast-container > .toast-custom-icon.toast-success::before {
        content: "\f164"
    }

    #toast-container > .toast-custom-icon.toast-error::before {
        content: "\f05e";
        font-weight: 800
    }

    #toast-container > .toast-custom-icon.toast-warning::before {
        content: "\f071";
        font-weight: 800
    }

    #toast-container > .toast-custom-icon.toast-info::before {
        content: "\f0f3"
    }

.select2-container--default .select2-selection--single {
    font-size: 13px;
    padding: .35rem 1.2rem;
    font-weight: 400;
    font-family: "poppins";
    border-radius: .25rem;
    height: auto
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 100%;
        top: 0;
        right: 10px
    }

.select2-results__option {
    font-size: 13px;
    font-weight: 400;
    padding: .75rem 1rem;
    color: #49536f
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e7eafb;
    color: #49536f
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5e72e4;
    color: #fff
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d4d4d4
}

.select2-search--dropdown .select2-search__field {
    padding: 8px 10px;
    font-weight: 400;
    font-size: 14px
}

    .select2-search--dropdown .select2-search__field:focus {
        outline: 0
    }

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.select2-container--default .select2-results__group {
    padding: 8px;
    font-weight: 500;
    color: #000
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding: 3px 10px;
    font-weight: 400;
    font-size: 14px
}

.select2-container .select2-selection--multiple {
    border: 1px solid #e2e5ec;
    min-height: 40px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #6baaea
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0;
    padding: 5px 10px;
    color: #4e71d8;
    background-color: #e9eefe
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #4e71d8;
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
    vertical-align: -2px
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    font-size: 13px;
    color: #646c9a
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 3px
}

.jstree-default .jstree-icon {
    font-size: 15px
}

.jstree-anchor {
    padding: 0 5px 0 1px
}

.jstree-icon.jstree-ocl {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #697eb9;
    color: #5985ff;
    color: #646c9a;
    font-family: "Font Awesome 5 Free";
    font-weight: 800
}

    .jstree-icon.jstree-ocl::before {
        display: block;
        content: "\f0da";
        margin-left: 3px
    }

.jstree-leaf > .jstree-ocl::before {
    display: none
}

.jstree-open > .jstree-icon.jstree-ocl::before {
    transform: rotate(90deg);
    margin-left: -1px;
    margin-top: 1px
}

.jstree-open > a > .jstree-icon.fa-folder::before {
    content: "\f07c"
}

.jstree-default .jstree-closed > .jstree-ocl, .jstree-default .jstree-open > .jstree-ocl {
    background-position: -68px -4px
}

.jstree-default .jstree-clicked {
    color: #5780f7;
    background-color: #e9eefe;
    border-radius: 1px
}

.jstree-icon.jstree-checkbox {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #697eb9;
    color: #5985ff;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    background: 0;
    color: #fff
}

    .jstree-icon.jstree-checkbox::before {
        display: block;
        content: "\f0c8";
        margin-left: 3px;
        text-shadow: 0 0 1px #000
    }

.jstree-clicked .jstree-icon.jstree-checkbox::before {
    color: #5985ff;
    content: "\f14a";
    text-shadow: 0 0 0 #000
}

.jstree-default .jstree-anchor {
    margin: 2px 0
}

.jstree-default .jstree-search {
    font-style: normal;
    font-weight: 400;
    color: #333;
    color: #5780f7;
    background-color: #e9eefe;
    border-radius: 1px;
    padding: 0 10px 0 4px
}

.treeview span.icon {
    width: 25px !important;
    margin-right: 0 !important;
    color: #658af3;
    height: 16px;
    text-align: center
}

    .treeview span.icon.check-icon {
        width: 12px !important;
        margin-right: 9px !important;
        color: #ddd
    }

.treeview .node-checkable.node-checked span.icon.check-icon {
    color: #658af3
}

.treeview span.icon.glyphicon {
    margin-right: 10px !important
}

.treeview i {
    color: #8fabfa;
    font-size: 18px;
    vertical-align: -2px
}

.treeview .badge {
    padding: 4px 7px;
    font-weight: 400;
    font-size: 11px;
    margin: 0 15px;
    background-color: #5780f7;
    color: #fff
}

.treeview .search-result {
    font-style: normal;
    font-weight: 400;
    color: #333;
    color: #5780f7 !important;
    background-color: #e9eefe !important;
    border-radius: 1px
}

.jqvmap-zoomin, .jqvmap-zoomout {
    width: 15px;
    height: 15px
}

.tt-menu, .gist {
    text-align: left
}

.typeahead, .tt-query, .tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: 0
}

.typeahead {
    background-color: #fff
}

    .typeahead:focus {
        border: 2px solid #5780f7
    }

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

.tt-suggestion {
    padding: 5px 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #56689a
}

    .tt-suggestion strong {
        font-weight: 400;
        color: #000
    }

    .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #5780f7
    }

        .tt-suggestion:hover strong {
            font-weight: 400;
            color: #fff
        }

    .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #5780f7
    }

#scrollable-dropdown-menu .tt-menu {
    max-height: 150px;
    overflow-y: auto
}

#rtl-support .tt-menu {
    text-align: right
}

.twitter-typeahead {
    width: 100%
}

.tt-menu .empty-message {
    color: #666;
    padding: 10px 20px;
    font-weight: 400
}

.swal2-title {
    font-weight: 600 !important;
    font-family: dosis !important;
    font-size: 28px !important;
    text-transform: uppercase !important
}

.swal2-html-container {
    font-weight: 400 !important;
    font-size: 15px !important;
    color: #56689a !important
}

.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
    font-size: 13px;
    padding: .5rem 1.2rem;
    font-weight: 400;
    font-family: "poppins";
    border-radius: .25rem
}

.swal2-styled.swal2-confirm {
    color: #fff !important;
    background-color: #5780f7 !important;
    border-color: #3f6ef6
}

    .swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-confirm.hover {
        color: #fff !important;
        background-color: #265bf5 !important;
        border-color: #265bf5 !important
    }

.swal2-styled.btn, .swal2-actions .btn {
    margin: 0 .5rem
}

.swal2-close:focus {
    outline: 0
}

.tiny-slider-control {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.tns-nav {
    text-align: center;
    margin: 10px 0
}

    .tns-nav > [aria-controls] {
        width: 9px;
        height: 9px;
        padding: 0;
        margin: 0 5px;
        border-radius: 50%;
        background: #ddd;
        border: 0
    }

    .tns-nav > .tns-nav-active {
        background: #999
    }

.tiny-slider-thumbnails {
    padding: 0;
    text-align: center;
    margin-top: 10px
}

    .tiny-slider-thumbnails li {
        display: inline-block;
        cursor: pointer;
        border: 1px solid #fff;
        margin: 3px;
        box-shadow: 0 0 0 0 #000;
        transition: box-shadow .3s
    }

        .tiny-slider-thumbnails li.tns-nav-active {
            background: 0;
            box-shadow: 0 0 0 2px #000
        }

    .tiny-slider-thumbnails img {
        vertical-align: bottom;
        height: auto;
        max-width: 50px
    }

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left
}

    #external-events h4 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 1em
    }

.external-event {
    margin: 10px 0;
    padding: 2px 4px;
    background: #36c;
    color: #fff;
    font-size: .85em;
    cursor: pointer
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666
}

    #external-events p input {
        margin: 0;
        vertical-align: middle
    }

#calendar {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px
}

html .fc, .fc table {
    font-family: poppins
}

.fc-event-inner {
    padding: 10px 10px
}

.fc-grid .fc-event-time {
    font-weight: 600;
    margin-right: 5px
}

.fc-week .fc-day > div .fc-day-number {
    width: 35px;
    height: 35px;
    padding: 0;
    line-height: 36px
}

.fc-event {
    background-color: #fff;
    color: #333;
    box-shadow: 0 0 6px rgba(0,0,0,0.19);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border: 0;
    border-left: 3px solid #4cacff !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 5px 0
}

.fc-week .fc-day.fc-state-highlight .fc-day-number, .fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #5780f7;
    color: #fff
}

.fc-widget-content {
    cursor: pointer;
    font-weight: 400
}

.fc-state-down, .fc-state-active {
    background-color: #5780f7
}

.fc-state-default {
    border-color: #5780f7;
    color: #5780f7
}

.fc-state-down, .fc-state-active {
    color: #fff
}

.fc-state-hover {
    background-color: #eef2fe;
    color: #5780f7
}

.fc-button {
    padding: 6px 12px;
    padding: 5px 20px;
    height: auto
}

.fc-text-arrow {
    margin: 0 5px
}

.fc-header-title h2 {
    line-height: 1.9em;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 0;
    color: #5780f7;
    background-color: #eef2fe;
    border-color: #eef2fe;
    padding: 5px 20px;
    height: auto;
    margin-bottom: 0;
    text-transform: uppercase;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.fc-header td {
    padding: 15px 10px
}

.fc-header .fc-button {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #5780f7;
    background-color: #eef2fe;
    border-color: #eef2fe
}

    .fc-header .fc-button:hover {
        background-color: #5780f7;
        border-color: #5780f7;
        color: #fff
    }

.fc-header .fc-state-active {
    background-color: #5780f7;
    border-color: #5780f7;
    color: #fff
}

.fc-header .fc-button.fc-state-disabled {
    color: #5780f7;
    background-color: #eef2fe;
    border-color: #eef2fe
}

    .fc-header .fc-button.fc-state-disabled:hover {
        color: #5780f7;
        background-color: #eef2fe;
        border-color: #eef2fe
    }

.fc-week .fc-day:hover .fc-day-number {
    color: #5780f7;
    background-color: #eef2fe;
    border-color: #eef2fe
}

.fc-other-month {
    background-color: #f8f8f8
}

.fc-grid th, .fc-agenda-days th {
    text-transform: uppercase;
    padding: 10px
}

.progressbarjs-line {
    height: 8px;
    position: relative
}

.progressbarjs-circle {
    height: 200px;
    width: 200px;
    position: relative;
    margin: auto
}

.progressbarjs-semi-circle {
    height: 100px;
    width: 200px;
    position: relative;
    margin: auto
}

.progressbarjs-custom {
    height: 200px;
    width: 200px;
    position: relative;
    margin: auto
}

.raty-wrapper {
    color: #fab72b !important
}

.slinky-menu ul {
    padding: 0;
    font-size: 13px
}

    .slinky-menu ul a {
        text-decoration: none
    }

.slinky-theme-default a:not(.back) {
    color: #646c9a
}

.slinky-theme-default a.back {
    width: 100%;
    padding: 1em
}

.apexcharts-title-text {
    font-family: poppins !important;
    font-weight: 500 !important;
    font-size: 14px !important
}

.apexcharts-legend-text {
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: poppins !important
}

.apexcharts-text.apexcharts-xaxis-title-text {
    font-size: 11px !important;
    font-weight: 500 !important;
    font-family: poppins !important
}

.apexcharts-menu-item {
    padding: 10px 17px !important;
    font-size: 12px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    white-space: nowrap !important
}

    .apexcharts-menu-item:not(:last-child) {
        border-bottom: 1px solid #eee !important
    }

.apexcharts-subtitle-text {
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: poppins !important
}

.apexcharts-pie-label, .apexcharts-datalabels, .apexcharts-datalabel, .apexcharts-datalabel-label, .apexcharts-datalabel-value {
    font-family: dosis !important;
    font-size: 15px !important
}

.lb-cancel {
    background: url("https://exon.arsaland.com/vendor/lightbox2/images/loading.svg") no-repeat;
    background-size: 100% 100%
}

.lb-data .lb-close {
    display: none;
    position: absolute;
    top: 0;
    right: 20%
}

.lb-data .lb-caption {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 170%;
    color: rgba(255,255,255,0.84);
    margin-top: 1rem;
    margin-bottom: 1rem
}

.uppy-DragDrop-inner {
    padding: 40px 20px
}

.uppy-DragDrop-browse {
    color: #2275d7;
    font-size: 1.15em;
    margin-bottom: 5px;
    font-weight: 400;
    border-bottom: 1px solid #8dbef7
}

.uppy-FileInput-btn {
    font-size: 13px;
    padding: .375rem .9rem;
    padding: .4rem .8rem;
    padding: .62rem 1.2rem;
    font-weight: 400;
    font-family: "poppins";
    border-radius: .25rem
}

.uppy-files-list ul, .uppy-files-list ol {
    padding: 0;
    padding-left: 11px
}

.uppy-files-list li {
    font-size: 12px
}

    .uppy-files-list li a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
        font-weight: 400;
        color: #646c9a
    }

.uppy-full-width .uppy-Dashboard-inner {
    width: 100% !important
}

.uppy-size--md .uppy-Dashboard-dropFilesTitle {
    max-width: none
}

.uppy-progressbar {
    margin-top: 15px
}

.dropzone-1 {
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-size: 3rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px dashed #b9b9b9;
    min-height: 230px;
    cursor: pointer;
    padding: 20px 20px
}

    .dropzone-1 .dz-preview {
        max-width: 120px;
        margin: 16px
    }

        .dropzone-1 .dz-preview:hover {
            z-index: 1000
        }

    .dropzone-1.dz-clickable .dz-message {
        margin: 0;
        text-align: center
    }

        .dropzone-1.dz-clickable .dz-message p.subtitle {
            font-size: 13px;
            color: #969696
        }

        .dropzone-1.dz-clickable .dz-message span {
            font-weight: 500
        }

    .dropzone-1 .icon {
        text-align: center;
        margin-bottom: 20px
    }

        .dropzone-1 .icon i {
            font-size: 73px;
            color: #eca206
        }

    .dropzone-1.dz-started .dz-message, .dropzone-1.dz-started .icon {
        display: none
    }

    .dropzone-1 .dz-details img {
        width: 120px;
        height: 120px;
        box-shadow: 0 0 15px rgba(0,0,0,0.62);
        border: 0;
        border-radius: 5px
    }

.dropzone-container {
    background: white;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    cursor: pointer
}

    .dropzone-container > img {
        display: block;
        position: absolute;
        top: 101px;
        right: 0;
        left: 0;
        margin: auto;
        width: 50%;
        max-height: 450px;
        text-align: center;
        opacity: .3
    }

    .dropzone-container.has-image > img {
        top: 0;
        left: auto;
        opacity: 1
    }

    .dropzone-container.has-image .dropzone-form, .dropzone-container.has-image .dropzone {
        align-items: flex-start
    }

        .dropzone-container.has-image .dropzone-form .message, .dropzone-container.has-image .dropzone .message {
            text-align: left
        }

    .dropzone-container .dropzone-form, .dropzone-container .dropzone {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 450px;
        padding: 20px 20px;
        position: relative;
        margin-top: 20px;
        border: 0;
        border-radius: 20px;
        background: rgba(255,255,255,0);
        transition: background .3s
    }

        .dropzone-container .dropzone-form .dz-message, .dropzone-container .dropzone .dz-message {
            display: none;
            position: relative;
            color: #fff
        }

        .dropzone-container .dropzone-form .message, .dropzone-container .dropzone .message {
            padding: 50px;
            transition: opacity .3s;
            text-align: center;
            pointer-events: none
        }

            .dropzone-container .dropzone-form .message h2, .dropzone-container .dropzone .message h2 {
                font-size: 32px;
                font-weight: 600;
                pointer-events: none
            }

            .dropzone-container .dropzone-form .message .btn, .dropzone-container .dropzone .message .btn {
                margin-top: 30px
            }

        .dropzone-container .dropzone-form .upload-icon, .dropzone-container .dropzone .upload-icon {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            pointer-events: none;
            opacity: 0;
            transition: opacity .3s
        }

            .dropzone-container .dropzone-form .upload-icon svg, .dropzone-container .dropzone .upload-icon svg {
                width: 20%;
                height: auto;
                margin-top: -50px;
                pointer-events: none
            }

        .dropzone-container .dropzone-form.dz-drag-hover, .dropzone-container .dropzone.dz-drag-hover {
            background: rgba(255,255,255,0.5)
        }

            .dropzone-container .dropzone-form.dz-drag-hover > *, .dropzone-container .dropzone.dz-drag-hover > * {
                opacity: .2
            }

            .dropzone-container .dropzone-form.dz-drag-hover .upload-icon, .dropzone-container .dropzone.dz-drag-hover .upload-icon {
                opacity: .5
            }

        .dropzone-container .dropzone-form .dz-preview .dz-image, .dropzone-container .dropzone .dz-preview .dz-image {
            border-radius: 9px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.25) !important
        }

    .dropzone-container .previews-container {
        padding: 0 50px;
        width: calc(100% + 24px)
    }

    .dropzone-container.dropzone-container-2 .dropzone-form .message h2, .dropzone-container.dropzone-container-2 .dropzone .message h2 {
        font-size: 26px;
        font-weight: 300;
        pointer-events: none;
        color: #666
    }

    .dropzone-container.dropzone-container-2.has-image > img {
        right: auto;
        left: 20px;
        top: 70px;
        width: 50%;
        max-height: 70%
    }

    .dropzone-container.dropzone-container-2.has-image .dropzone-form, .dropzone-container.dropzone-container-2.has-image .dropzone {
        align-items: flex-end
    }

[data-notify="container"] {
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.31);
    max-width: 420px;
    padding-right: 40px;
    z-index: 9999 !important
}

    [data-notify="container"].alert-warning {
        color: #fff;
        background-color: #ff9b05;
        border-color: #ff9b05
    }

    [data-notify="container"] [data-notify="progressbar"] {
        margin-bottom: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 5px
    }

    [data-notify="container"] .notification-icon i {
        font-size: 28px
    }

    [data-notify="container"] .notification-icon svg {
        width: 40px
    }

    [data-notify="container"] button.close {
        margin-top: -5px;
        margin-right: -10px
    }

    [data-notify="container"] [data-notify="title"] {
        margin-bottom: 3px;
        font-size: 16px
    }

    [data-notify="container"] .col-icon {
        max-width: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    [data-notify="container"] .col-content {
        position: static;
        padding-left: 10px
    }

        [data-notify="container"] .col-content p {
            margin-bottom: 0;
            font-weight: 400;
            word-break: break-word
        }

[data-notify="progressbar"] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}

.example-area [data-notify="container"] {
    margin: 10px auto
}

@media screen and (max-width:767px) {
    [data-notify="container"] {
        width: auto
    }
}

.tinymce-soft .tox-tinymce {
    border-radius: 6px;
    border-color: #eee
}

.tinymce-soft .tox .tox-editor-header {
    padding: 0 15px;
    background-color: #fff
}

.tinymce-soft .tox .tox-toolbar, .tinymce-soft .tox .tox-toolbar__overflow, .tinymce-soft .tox .tox-toolbar__primary {
    background: #fff;
    padding: 15px 0
}

.tinymce-soft .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
    border-right: 0;
    padding: 0 2px 0 2px
}

.tinymce-soft .tox .tox-tbtn {
    font-size: 13px;
    background-color: #efefef;
    margin: 0 3px;
    border-radius: 5px
}

.tinymce-soft .tox .tox-tbtn--enabled, .tinymce-soft .tox .tox-tbtn--enabled:hover {
    background: #c8cbcf
}

.tinymce-soft .tox .tox-tbtn svg {
    fill: #4c637e;
    transform: scale(0.75)
}

.tinymce-soft .tox .tox-split-button {
    margin: 2px 5px 3px;
    border-top-left-radius: 5px
}

    .tinymce-soft .tox .tox-split-button .tox-tbtn {
        margin: 0;
        border-radius: 0
    }

        .tinymce-soft .tox .tox-split-button .tox-tbtn:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px
        }

        .tinymce-soft .tox .tox-split-button .tox-tbtn:nth-last-child(2) {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px
        }

    .tinymce-soft .tox .tox-split-button:hover {
        box-shadow: none
    }

.tinymce-soft .tox .tox-tbtn--select {
    width: auto
}

.tinymce-soft .tox .tox-toolbar-overlord {
    border-bottom: 1px solid #eee
}

.tinymce-soft .tox .tox-statusbar {
    border-top: 1px solid #eee;
    height: 32px
}

.spinner-bars, .spinner-bars:before, .spinner-bars:after {
    background: #333;
    -webkit-animation: spinner-bars-animation 1s infinite ease-in-out;
    animation: spinner-bars-animation 1s infinite ease-in-out;
    width: 1em;
    height: 4em
}

.spinner-bars {
    color: #333;
    text-indent: -9999em;
    margin: 15px auto;
    position: relative;
    font-size: 6px;
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

    .spinner-bars:before, .spinner-bars:after {
        position: absolute;
        top: 0;
        content: ''
    }

    .spinner-bars:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s
    }

    .spinner-bars:after {
        left: 1.5em
    }

@-webkit-keyframes spinner-bars-animation {
    0%,80%,100% {
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em
    }
}

@keyframes spinner-bars-animation {
    0%,80%,100% {
        box-shadow: 0 0;
        height: 4em
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em
    }
}

.spinner-rotateplane {
    width: 40px;
    height: 40px;
    background-color: #333;
    margin: 5px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out
}

@-webkit-keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.sk-chase {
    width: 40px;
    height: 40px;
    margin: 5px auto;
    position: relative;
    -webkit-animation: sk-chase 2.5s infinite linear both;
    animation: sk-chase 2.5s infinite linear both
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: sk-chase-dot 2.0s infinite ease-in-out both;
    animation: sk-chase-dot 2.0s infinite ease-in-out both
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: #333;
        border-radius: 100%;
        -webkit-animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both
    }

    .sk-chase-dot:nth-child(1) {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2) {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s
    }

    .sk-chase-dot:nth-child(3) {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s
    }

    .sk-chase-dot:nth-child(4) {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s
    }

    .sk-chase-dot:nth-child(5) {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s
    }

    .sk-chase-dot:nth-child(6) {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s
    }

    .sk-chase-dot:nth-child(1):before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s
    }

    .sk-chase-dot:nth-child(2):before {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s
    }

    .sk-chase-dot:nth-child(3):before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s
    }

    .sk-chase-dot:nth-child(4):before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s
    }

    .sk-chase-dot:nth-child(5):before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s
    }

    .sk-chase-dot:nth-child(6):before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s
    }

@-webkit-keyframes sk-chase {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-chase-dot {
    80%,100% {
        transform: rotate(360deg)
    }
}

@keyframes sk-chase-dot {
    80%,100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4)
    }

    100%,0% {
        transform: scale(1)
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4)
    }

    100%,0% {
        transform: scale(1)
    }
}

.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 5px auto
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #333;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: .4s;
        animation-delay: .4s
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: .1s;
        animation-delay: .1s
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: .2s;
        animation-delay: .2s
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,70%,100% {
        transform: scale3D(1,1,1)
    }

    35% {
        transform: scale3D(0,0,1)
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,70%,100% {
        transform: scale3D(1,1,1)
    }

    35% {
        transform: scale3D(0,0,1)
    }
}

.sk-folding-cube {
    margin: 5px auto;
    width: 40px;
    height: 40px;
    position: relative;
    transform: rotateZ(45deg)
}

    .sk-folding-cube .sk-cube {
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1)
    }

        .sk-folding-cube .sk-cube:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #333;
            -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
            transform-origin: 100% 100%
        }

    .sk-folding-cube .sk-cube2 {
        transform: scale(1.1) rotateZ(90deg)
    }

    .sk-folding-cube .sk-cube3 {
        transform: scale(1.1) rotateZ(180deg)
    }

    .sk-folding-cube .sk-cube4 {
        transform: scale(1.1) rotateZ(270deg)
    }

    .sk-folding-cube .sk-cube2:before {
        -webkit-animation-delay: .3s;
        animation-delay: .3s
    }

    .sk-folding-cube .sk-cube3:before {
        -webkit-animation-delay: .6s;
        animation-delay: .6s
    }

    .sk-folding-cube .sk-cube4:before {
        -webkit-animation-delay: .9s;
        animation-delay: .9s
    }

@-webkit-keyframes sk-foldCubeAngle {
    0%,10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    90%,100% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

@keyframes sk-foldCubeAngle {
    0%,10% {
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        transform: perspective(140px) rotateX(0);
        opacity: 1
    }

    90%,100% {
        transform: perspective(140px) rotateY(180deg);
        opacity: 0
    }
}

.alert-dismissible .close {
    padding-top: .5rem
}

.alert-dismissible {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.alert .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit
}

.alert {
    font-weight: 400
}

    .alert .close {
        padding: 9px
    }

    .alert .close {
        opacity: .75
    }

        .alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover {
            opacity: 1
        }

.alert-dismissible-2 .close {
    display: block;
    background-color: inherit;
    border-radius: 50%;
    padding: 0;
    top: -12px;
    right: -12px;
    opacity: 1;
    border: 2px solid #fff
}

.alert-type-2 .col-img {
    max-width: 300px;
    height: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .alert-type-2 .col-img img {
        max-width: 200px;
        max-height: 150px;
        margin: 20px 0
    }

.alert-type-2 .col-content {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.alert-type-2 .alert-title {
    font-size: 1.5rem;
    margin-bottom: 1rem
}

.alert-type-2 .alert-description {
    font-weight: 500;
    color: #888
}

    .alert-type-2 .alert-description:last-child {
        margin-bottom: 0
    }

.alert-type-3 {
    padding-top: 0;
    padding-bottom: 0
}

    .alert-type-3.alert-blue {
        background-color: #5826ba
    }

        .alert-type-3.alert-blue .close svg {
            fill: #fff
        }

    .alert-type-3.alert-dark .alert-description {
        color: #d6d6e3
    }

    .alert-type-3 .col-img {
        max-width: 300px;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

        .alert-type-3 .col-img img {
            max-width: 200px;
            max-height: 150px;
            margin: 20px 0
        }

    .alert-type-3 .col-content {
        padding: 30px 20px
    }

        .alert-type-3 .col-content .btn {
            font-weight: 500;
            font-size: 12px
        }

    .alert-type-3 .alert-title {
        font-size: 1.25rem;
        margin-bottom: 1rem
    }

    .alert-type-3 .alert-description {
        font-weight: 500
    }

        .alert-type-3 .alert-description:last-child {
            margin-bottom: 0
        }

    .alert-type-3.alert-light .alert-title, .alert-type-3.alert-warning .alert-title {
        color: rgba(0,0,0,0.9)
    }

    .alert-type-3.alert-light .alert-description, .alert-type-3.alert-warning .alert-description {
        color: #787882
    }

    .alert-type-3.alert-blue .alert-title {
        color: rgba(255,255,255,0.9)
    }

    .alert-type-3.alert-blue .alert-description {
        color: rgba(255,255,255,0.7)
    }

.color-badge {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 15px;
    margin-right: 5px
}

    .color-badge:empty {
        display: inline-block;
        padding: 0
    }

    .color-badge.color-badge-small {
        width: 6px;
        height: 6px;
        margin-right: 1px;
        margin-bottom: 1px
    }

.badge {
    padding: 6px 11px;
    font-weight: 400;
    font-size: 11px
}

    .badge.badge-bullet {
        padding: 0;
        font-weight: 400;
        font-size: 12px;
        background-color: transparent
    }

        .badge.badge-bullet::before {
            content: "";
            display: inline-block;
            width: 4px;
            height: 4px;
            border-radius: 4px;
            margin-right: 4px;
            vertical-align: 2px
        }

.breadcrumb-item + .breadcrumb-item::before {
    color: #92999f;
    font-weight: 600
}

.breadcrumb {
    background-color: transparent;
    font-weight: 500
}

    .breadcrumb.breadcrumbs-bordered {
        border: 1px solid #d8d8d8
    }

    .breadcrumb a, .breadcrumb .breadcrumb-item {
        color: #6c757d;
        text-decoration: none;
        font-size: 15px;
        font-family: dosis;
        letter-spacing: .5px;
        font-weight: 500
    }

    .breadcrumb a {
        color: black
    }

    .breadcrumb.breadcrumbs-caret .breadcrumb-item + .breadcrumb-item::before {
        content: "\f0da";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: middle
    }

    .breadcrumb.breadcrumbs-play .breadcrumb-item + .breadcrumb-item::before {
        content: "\f04b";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: top;
        font-size: 8px;
        padding-top: 4px
    }

    .breadcrumb.breadcrumbs-chevron .breadcrumb-item + .breadcrumb-item::before {
        content: "\f054";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: top;
        font-size: 10px;
        padding-top: 2px
    }

    .breadcrumb.breadcrumbs-circle .breadcrumb-item + .breadcrumb-item::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: top;
        font-size: 5px;
        padding-top: 6px
    }

    .breadcrumb.breadcrumbs-icon i {
        margin-right: 5px;
        font-size: 13px
    }

    .breadcrumb.breadcrumbs-icon .breadcrumb-item + .breadcrumb-item::before {
        display: none
    }

    .breadcrumb.breadcrumbs-icon .breadcrumb-item > i {
        font-size: 12px;
        padding-top: 3px
    }

    .breadcrumb.breadcrumbs-grip-lines .breadcrumb-item + .breadcrumb-item::before {
        content: "\f7a5";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: middle
    }

    .breadcrumb.breadcrumbs-alt .breadcrumb-item:nth-child(even)::before {
        content: "\f3be";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: middle
    }

    .breadcrumb.breadcrumbs-alt .breadcrumb-item:nth-child(odd)::before {
        content: "\f3bf";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: middle
    }

    .breadcrumb.breadcrumbs-alt .breadcrumb-item:first-child::before {
        display: none
    }

    .breadcrumb.breadcrumbs-spiders .breadcrumb-item + .breadcrumb-item::before {
        content: "\f717";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        vertical-align: middle
    }

header .breadcrumb a, header .breadcrumb .breadcrumb-item {
    font-size: 13px;
    text-transform: uppercase
}

.btn-default {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #555;
    box-shadow: 0 0 5px #999
}

    .btn-default:hover {
        background-color: #eee
    }

    .btn-default:focus, .btn-default:active {
        background-color: #ddd
    }

.btn-sticky-top-right {
    position: absolute;
    top: 10px;
    right: 10px
}

.btn-sticky-top-left {
    position: absolute;
    top: 10px;
    right: 10px
}

.btn-sticky-bottom-right {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.btn-sticky-bottom-left {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none
}

.badge-btn {
    font-size: 13px;
    padding: .5rem 1.2rem;
    font-weight: 400;
    font-family: "poppins";
    border-radius: .25rem
}

.btn {
    font-size: 13px;
    padding: .5rem 1.2rem;
    font-weight: 400;
    font-family: "poppins";
    border-radius: .25rem
}

    .btn svg {
        height: 1em
    }

    .btn.btn-uppercase {
        text-transform: uppercase;
        padding: .62rem 1.2rem
    }

    .btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent:focus {
        background-color: transparent;
        box-shadow: none;
        outline: 0
    }

    .btn.btn-long {
        padding: .8rem .8rem
    }

    .btn.btn-bold {
        font-weight: 600
    }

    .btn.btn-has-icon {
        position: relative
    }

        .btn.btn-has-icon i, .btn.btn-has-icon svg {
            margin-right: 5px;
            margin-left: 5px
        }

        .btn.btn-has-icon svg {
            width: 1em;
            margin-top: -2px
        }

    .btn.btn-icon-split {
        padding: 0
    }

        .btn.btn-icon-split span {
            display: inline-block;
            padding: .54em 4.5em;
            padding-left: 4.5em;
            padding: .54em 2.5em;
            padding-left: 5.5em
        }

            .btn.btn-icon-split span.icon {
                padding: .6em 0;
                border-right: 1px solid rgba(0,0,0,0.1);
                width: 3.16em;
                position: absolute;
                left: 0;
                height: 100%;
                top: 0;
                bottom: 0;
                margin: auto;
                margin-transition: border-color .15s ease-in-out
            }

                .btn.btn-icon-split span.icon i, .btn.btn-icon-split span.icon svg {
                    font-size: .9em;
                    position: static
                }

        .btn.btn-icon-split svg {
            height: 1.1em
        }

        .btn.btn-icon-split.split-colored span.icon {
            border-right-color: transparent;
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem
        }

        .btn.btn-icon-split.btn-icon-hidden {
            overflow: hidden
        }

            .btn.btn-icon-split.btn-icon-hidden span {
                transition: all .3s;
                padding: .54em 4.5em;
                padding-left: 4.5em
            }

                .btn.btn-icon-split.btn-icon-hidden span.icon {
                    transition: all .3s;
                    top: 0;
                    left: -3.84em;
                    padding: .54em 0
                }

            .btn.btn-icon-split.btn-icon-hidden:hover {
                padding-left: 0
            }

                .btn.btn-icon-split.btn-icon-hidden:hover span {
                    margin: 0;
                    padding-left: 6.5em;
                    padding-right: 2.5em
                }

                    .btn.btn-icon-split.btn-icon-hidden:hover span.icon {
                        left: 0;
                        margin-left: 0;
                        padding: .54em 0
                    }

    .btn.btn-rounded.btn-icon-split span.icon {
        border-top-left-radius: 48px;
        border-bottom-left-radius: 48px
    }

    .btn.btn-icon {
        padding: .7em 1em
    }

        .btn.btn-icon i {
            font-size: .9em
        }

        .btn.btn-icon svg {
            height: 1.1em
        }

    .btn.rounded-circle {
        padding: .7em 0;
        width: 3em;
        height: 3em;
        text-align: center
    }

        .btn.rounded-circle i, .btn.rounded-circle svg {
            height: 1.1em;
            width: 1.1em;
            margin: auto
        }

    .btn.btn-square {
        padding: .6em 0;
        width: 2.8em;
        height: 2.8em;
        text-align: center
    }

        .btn.btn-square i {
            display: block;
            font-size: .9em;
            width: 1em;
            height: 1em;
            margin: auto
        }

    .btn.btn-content-larger > * {
        font-size: 1.3em !important
    }

    .btn.btn-icon-vertical > span {
        display: block;
        margin-top: .2em;
        margin-bottom: .2em
    }

    .btn.btn-icon-vertical span.icon {
        margin-bottom: .4em
    }

.btn-group-sm > .btn, .btn-sm {
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem;
    padding: .35rem .9rem;
    font-weight: 400
}

.btn-group-lg > .btn, .btn-lg {
    line-height: 1.5;
    border-radius: .3rem;
    font-size: 14px;
    padding: .6rem 1.5rem;
    font-weight: 400
}

.btn-wide {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}

.btn-rounded {
    border-radius: 48px !important
}

.btn-squared {
    border-radius: 0 !important
}

.btn-half-block {
    width: 50%;
    display: inline-block
}

.btn-danger {
    border-color: #c33744
}

.btn-info {
    color: #fff;
    background-color: #37d5f2
}

.btn-flex {
    display: flex;
    width: 100%
}

    .btn-flex.btn-icon-split span {
        width: calc(100% - 37px)
    }

        .btn-flex.btn-icon-split span.icon {
            width: 37px
        }

.btn-social {
    padding-left: 54px
}

    .btn-social.btn-outline:not(:hover) {
        background: transparent !important;
        color: #5c5c5d;
        border-color: #bbb
    }

    .btn-social.btn-inverse > :first-child {
        transition: .5s
    }

    .btn-social.btn-inverse:not(:hover) {
        border: 1px solid #777
    }

        .btn-social.btn-inverse:not(:hover) > :first-child {
            background-color: white;
            color: #000
        }

    .btn-social.btn-inverse:hover > :first-child {
        background-color: rgba(255,255,255,0)
    }

    .btn-social > :first-child {
        line-height: 33px;
        width: 42px;
        font-size: 1.4em
    }

.btn-social-icon {
    height: 41px;
    width: 41px
}

    .btn-social-icon.btn-inverse > :first-child {
        transition: .5s
    }

    .btn-social-icon.btn-inverse:not(:hover) {
        border: 1px solid #777
    }

        .btn-social-icon.btn-inverse:not(:hover) > :first-child {
            background-color: white;
            color: #000
        }

    .btn-social-icon.btn-inverse:hover > :first-child {
        background-color: rgba(255,255,255,0)
    }

    .btn-social-icon.btn-outline:not(:hover) {
        background-image: none !important;
        background-color: transparent !important;
        color: #4160b7;
        border-color: #3a58af
    }

    .btn-social-icon > :first-child {
        line-height: 39px
    }

.btn-social.btn-sm {
    padding: .3rem .6rem;
    padding-left: 38px
}

.btn-social.btn-lg > :first-child {
    line-height: 37px
}

.btn-social.btn-sm > :first-child {
    line-height: 24px
}

.btn-social-hover-effect-1 {
    transition: .3s
}

    .btn-social-hover-effect-1 > :first-child {
        transition: .3s;
        width: 0;
        overflow: hidden
    }

    .btn-social-hover-effect-1:not(:hover) {
        padding-left: 20px
    }

    .btn-social-hover-effect-1:hover > :first-child {
        width: 42px;
        background-color: rgba(255,255,255,0)
    }

.btn-social-hover-effect-2 {
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .btn-social-hover-effect-2 > * {
        position: relative;
        color: #000;
        z-index: 3
    }

    .btn-social-hover-effect-2:not(:hover) {
        background-image: none !important;
        background-color: transparent !important;
        color: #4160b7;
        border-color: #333
    }

    .btn-social-hover-effect-2 > :first-child::before {
        transition: .3s
    }

    .btn-social-hover-effect-2:hover > :first-child::before {
        display: block;
        position: relative;
        transform: rotateY(360deg)
    }

    .btn-social-hover-effect-2:hover > * {
        color: inherit
    }

    .btn-social-hover-effect-2::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 0;
        transition: height .3s
    }

    .btn-social-hover-effect-2:hover::before {
        height: 0
    }

.btn-social-hover-effect-3 > :first-child::before, .btn-social-hover-effect-4 > :first-child::before {
    display: block
}

.btn-social-hover-effect-3:hover > :first-child::before, .btn-social-hover-effect-4:hover > :first-child::before {
    -webkit-animation-name: slideInOut;
    animation-name: slideInOut;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.btn-social-hover-effect-4 {
    transition: .3s
}

    .btn-social-hover-effect-4:not(:hover) {
        background-color: transparent !important;
        background-image: none !important;
        color: #444 !important
    }

.btn-facebook {
    background-color: #3b5998 !important;
    background-image: linear-gradient(#4e69a2,#3b5998 50%) !important;
    color: #fff
}

    .btn-facebook svg {
        fill: #fff
    }

    .btn-facebook:hover {
        background-color: #2d4373 !important;
        background-image: linear-gradient(#3d5380,#2d4373 50%) !important;
        color: #fff
    }

.btn-outline-facebook {
    background-color: trasnparent;
    background-image: none;
    border-color: #3b5998;
    color: #3b5998
}

    .btn-outline-facebook svg {
        fill: #3b5998
    }

    .btn-outline-facebook:hover {
        background-color: #3b5998;
        background-image: linear-gradient(#4e69a2,#3b5998 50%);
        color: #fff
    }

        .btn-outline-facebook:hover svg {
            fill: #fff
        }

    .btn-outline-facebook.btn-social {
        color: #fff
    }

.btn-outline-google {
    background-color: trasnparent;
    background-image: none;
    border-color: #dd4b39;
    color: #dd4b39
}

    .btn-outline-google svg {
        fill: #dd4b39
    }

    .btn-outline-google:hover {
        color: #fff;
        background-color: #dd4b39;
        border-color: rgba(0,0,0,0.2)
    }

        .btn-outline-google:hover svg {
            fill: #dd4b39
        }

.btn-instagram {
    background-color: #d6249f !important;
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
    background: radial-gradient(circle at -10% 107%,#fd7858 0,#fd8d58 5%,#fd5949 25%,#d6249f 60%,#6824d6 90%) !important;
    color: #fff;
    border-color: #eee
}

    .btn-instagram svg {
        fill: #fff
    }

    .btn-instagram:hover {
        background-color: #d6249f !important;
        background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
        background: radial-gradient(circle at -10% 107%,#fd7858 0,#fd8d58 5%,#fd5949 25%,#d6249f 60%,#6824d6 90%) !important;
        color: #fff
    }

.btn-outline-instagram {
    background-color: trasnparent;
    background-image: none;
    border-color: #d6249f;
    color: #d6249f
}

    .btn-outline-instagram svg {
        fill: #d6249f
    }

    .btn-outline-instagram:hover {
        background-color: #d6249f !important;
        background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;
        background: radial-gradient(circle at -10% 107%,#fd7858 0,#fd8d58 5%,#fd5949 25%,#d6249f 60%,#6824d6 90%) !important;
        color: #fff
    }

        .btn-outline-instagram:hover svg {
            fill: #fff
        }

    .btn-outline-instagram.btn-social {
        color: #fff
    }

.btn-whatsapp {
    background-color: #00e676 !important;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.12);
    border-color: #eee
}

    .btn-whatsapp svg {
        fill: #fff
    }

    .btn-whatsapp:hover {
        background-color: #00b35c !important;
        color: #fff
    }

.btn-outline-whatsapp {
    background-color: trasnparent;
    background-image: none;
    border-color: #00b35c;
    color: #00b35c
}

    .btn-outline-whatsapp svg {
        fill: #00b35c
    }

    .btn-outline-whatsapp:hover {
        background-color: #00e676 !important;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.12)
    }

        .btn-outline-whatsapp:hover svg {
            fill: #fff
        }

.btn-twitter {
    background-color: #1da1f2 !important;
    color: #fff;
    border-color: #eee
}

    .btn-twitter svg {
        fill: #fff
    }

    .btn-twitter:hover {
        background-color: #1da1f2 !important;
        color: #fff
    }

.btn-outline-twitter {
    background-color: trasnparent;
    border-color: #0c85d0;
    color: #0c85d0
}

    .btn-outline-twitter svg {
        fill: #0c85d0
    }

    .btn-outline-twitter:hover {
        background-color: #1da1f2 !important;
        color: #fff
    }

        .btn-outline-twitter:hover svg {
            fill: #fff
        }

    .btn-outline-twitter.btn-social {
        color: #fff
    }

.ladda-button, .ladda-button .ladda-spinner, .ladda-custom-spinner-button .ladda-custom-spinner, .ladda-button .ladda-label {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1.275) !important
}

    .ladda-button[disabled]:not(.ladda-outline), .ladda-button[data-loading]:not(.ladda-outline) {
        color: #fff
    }

.ladda-custom-spinner-button .ladda-custom-spinner {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 32px;
    height: 32px;
    top: 60%;
    margin-top: 0;
    opacity: 0;
    pointer-events: none;
    font-size: 19px
}

    .ladda-custom-spinner-button .ladda-custom-spinner i {
        display: block
    }

.ladda-custom-spinner-button[data-style=expand-left] .ladda-custom-spinner {
    left: -16px
}

    .ladda-custom-spinner-button[data-style=expand-left] .ladda-custom-spinner i {
        margin-top: -13px
    }

.ladda-custom-spinner-button[data-style=expand-left][data-loading] .ladda-custom-spinner {
    opacity: 1;
    left: 16px
}

.ladda-custom-spinner-button[data-style=expand-right] .ladda-custom-spinner {
    right: -16px
}

    .ladda-custom-spinner-button[data-style=expand-right] .ladda-custom-spinner i {
        margin-top: -13px
    }

.ladda-custom-spinner-button[data-style=expand-right][data-loading] .ladda-custom-spinner {
    opacity: 1;
    right: 16px
}

.ladda-custom-spinner-button[data-style=expand-up] .ladda-custom-spinner {
    top: -32px;
    left: 50%;
    margin-left: 0
}

    .ladda-custom-spinner-button[data-style=expand-up] .ladda-custom-spinner i {
        margin-left: -26px
    }

.ladda-custom-spinner-button[data-style=expand-up][data-loading] .ladda-custom-spinner {
    opacity: 1;
    top: 12px;
    margin-top: 0
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
    opacity: 1;
    top: 20px;
    margin-top: 0
}

.ladda-custom-spinner-button[data-style=expand-down] .ladda-custom-spinner {
    top: -46px;
    left: 50%;
    margin-left: 0
}

    .ladda-custom-spinner-button[data-style=expand-down] .ladda-custom-spinner i {
        margin-left: -32px
    }

.ladda-button[data-style=expand-down] .ladda-spinner {
    top: 42px
}

.ladda-custom-spinner-button[data-style=expand-down][data-loading] .ladda-custom-spinner {
    top: 34px
}

.ladda-custom-spinner-button[data-style=expand-right][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=expand-down][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=expand-up][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=expand-left][data-loading] .ladda-custom-spinner {
    opacity: 1
}

.ladda-button[data-style=expand-up][data-loading] {
    padding-top: 38px
}

.ladda-button[data-style=expand-down][data-loading] {
    padding-bottom: 38px
}

.ladda-custom-spinner-button[data-style=slide-left] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-right] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-up] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-down] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=contract] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=zoom-in] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=zoom-out] .ladda-custom-spinner i {
    margin-top: -13px
}

.ladda-custom-spinner-button[data-style=slide-left][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-right][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-up][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=slide-down][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=contract][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=zoom-in][data-loading] .ladda-custom-spinner i, .ladda-custom-spinner-button[data-style=zoom-out][data-loading] .ladda-custom-spinner i {
    margin-left: -29px
}

.ladda-custom-spinner-button[data-style=slide-right][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=slide-down][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=slide-up][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=slide-left][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=contract][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=zoom-in][data-loading] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=zoom-out][data-loading] .ladda-custom-spinner {
    opacity: 1
}

.ladda-button[data-style="contract"][data-loading] {
    width: 35px;
    height: 35px
}

.ladda-custom-spinner-button[data-style=contract][data-loading] {
    width: 42px;
    padding: 0;
    height: 42px
}

    .ladda-custom-spinner-button[data-style=contract][data-loading] .ladda-custom-spinner i {
        margin-left: -30px
    }

.ladda-custom-spinner-button[data-style=contract] .ladda-custom-spinner {
    left: 50%;
    margin-left: 0
}

.ladda-custom-spinner-button[data-style=contract][data-loading] .ladda-custom-spinner {
    opacity: 1
}

.ladda-custom-spinner-button[data-style=slide-down] .ladda-custom-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: -2em
}

.ladda-custom-spinner-button[data-style=slide-down][data-loading] .ladda-custom-spinner {
    opacity: 1;
    margin-top: 0
}

.ladda-custom-spinner-button[data-style=slide-up] .ladda-custom-spinner {
    left: 50%;
    margin-left: 0;
    margin-top: 1em
}

.ladda-custom-spinner-button[data-style=slide-up][data-loading] .ladda-custom-spinner {
    opacity: 1;
    margin-top: 0
}

.ladda-custom-spinner-button[data-style=slide-right] .ladda-custom-spinner {
    right: 100%;
    margin-left: 0;
    left: 16px
}

.ladda-custom-spinner-button[data-style=slide-right][data-loading] .ladda-custom-spinner {
    opacity: 1;
    left: 50%
}

.ladda-custom-spinner-button[data-style=slide-left] .ladda-custom-spinner {
    left: 100%;
    margin-left: 0
}

.ladda-custom-spinner-button[data-style=slide-left][data-loading] .ladda-custom-spinner {
    opacity: 1;
    left: 50%
}

.ladda-custom-spinner-button[data-style=zoom-in], .ladda-custom-spinner-button[data-style=zoom-in] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=zoom-in] .ladda-label, .ladda-custom-spinner-button[data-style=zoom-out], .ladda-custom-spinner-button[data-style=zoom-out] .ladda-custom-spinner, .ladda-custom-spinner-button[data-style=zoom-out] .ladda-label {
    transition: .3s ease all !important
}

    .ladda-custom-spinner-button[data-style=zoom-in] .ladda-custom-spinner {
        left: 50%;
        margin-left: -16px;
        transform: scale(0.2)
    }

    .ladda-custom-spinner-button[data-style=zoom-in][data-loading] .ladda-custom-spinner {
        opacity: 1;
        margin-left: 0;
        transform: none
    }

    .ladda-custom-spinner-button[data-style=zoom-out] .ladda-custom-spinner {
        left: 50%;
        margin-left: 32px;
        transform: scale(2.5)
    }

    .ladda-custom-spinner-button[data-style=zoom-out][data-loading] .ladda-custom-spinner {
        opacity: 1;
        margin-left: 0;
        transform: none
    }

.ladda-custom-spinner-button .ladda-spinner {
    display: none
}

div.fab {
    display: block;
    position: fixed;
    bottom: 50px;
    right: 50px
}

    div.fab button {
        border-radius: 50%;
        border-top-right-radius: 10px;
        margin: .25rem;
        font-size: 13px;
        padding: .5rem 1.2rem;
        font-weight: 400;
        font-family: "poppins";
        padding: 0;
        width: 4em;
        height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
        transform: rotate(0)
    }

        div.fab button i {
            font-size: 22px
        }

        div.fab button svg {
            height: 22px
        }

        div.fab button.active {
            transform: rotate(-360deg)
        }

.sharp-top-left {
    border-top-left-radius: .25rem !important
}

.sharp-top-right {
    border-top-right-radius: .25rem !important
}

.sharp-bottom-left {
    border-bottom-left-radius: .25rem !important
}

.sharp-bottom-right {
    border-bottom-right-radius: .25rem !important
}

.sharp-top-left-animated {
    transition: all .3s
}

    .sharp-top-left-animated:hover {
        border-top-left-radius: .25rem !important
    }

.sharp-top-right-animated {
    transition: all .3s
}

    .sharp-top-right-animated:hover {
        border-top-right-radius: .25rem !important
    }

.sharp-bottom-left-animated {
    transition: all .3s
}

    .sharp-bottom-left-animated:hover {
        border-bottom-left-radius: .25rem !important
    }

.sharp-bottom-right-animated {
    transition: all .3s
}

    .sharp-bottom-right-animated:hover {
        border-bottom-right-radius: .25rem !important
    }

.btn-slider-animated {
    border-radius: 48px;
    display: block;
    width: 100%;
    height: 40px;
    white-space: nowrap;
    position: relative
}

    .btn-slider-animated .label-primary, .btn-slider-animated .label-secondary, .btn-slider-animated .label-icon, .btn-slider-animated .label-icon i.icon-primary, .btn-slider-animated .label-icon i.icon-secondary {
        transition: all .5s ease-in-out
    }

    .btn-slider-animated .label-primary, .btn-slider-animated .label-secondary {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        overflow: hidden
    }

    .btn-slider-animated .label-primary {
        width: 100%;
        right: 0
    }

    .btn-slider-animated .label-secondary {
        width: 0;
        left: 0
    }

    .btn-slider-animated.with-fade .label-primary {
        width: 100%;
        right: 0;
        opacity: 1
    }

    .btn-slider-animated.with-fade .label-secondary {
        width: 0;
        left: 50%;
        opacity: 0
    }

    .btn-slider-animated .label-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        position: absolute;
        border-width: 1px;
        border-style: solid;
        top: -1px;
        left: calc(0% - 1px);
        transform: rotate(0)
    }

        .btn-slider-animated .label-icon i.icon-primary, .btn-slider-animated .label-icon i.icon-secondary {
            position: absolute
        }

        .btn-slider-animated .label-icon i.icon-primary {
            opacity: 1
        }

        .btn-slider-animated .label-icon i.icon-secondary {
            opacity: 0
        }

    .btn-slider-animated:hover .label-icon {
        left: calc(100% - 39px);
        transform: rotate(360deg)
    }

        .btn-slider-animated:hover .label-icon i.icon-primary {
            opacity: 0
        }

        .btn-slider-animated:hover .label-icon i.icon-secondary {
            opacity: 1
        }

    .btn-slider-animated:hover .label-primary {
        width: 0;
        right: 0
    }

    .btn-slider-animated:hover .label-secondary {
        width: 100%;
        left: 0
    }

    .btn-slider-animated:hover.with-fade .label-primary {
        width: 0;
        right: 50%;
        opacity: 0
    }

    .btn-slider-animated:hover.with-fade .label-secondary {
        width: 100%;
        left: 0;
        opacity: 1
    }

.btn-slider {
    border-radius: 48px;
    display: block;
    width: 100%;
    height: 40px;
    white-space: nowrap;
    position: relative
}

    .btn-slider .label-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        position: absolute;
        border-width: 1px;
        border-style: solid;
        top: -1px;
        left: calc(0% - 1px);
        transform: rotate(0)
    }

.btn-img {
    padding: 0
}

    .btn-img img {
        height: 45px
    }

button.close:focus, button.close:active {
    outline: 0
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
    line-height: 1.4
}

.btn-ellipsis-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #5a6c9f;
    padding: 1rem 1.2rem
}

    .btn-ellipsis-loader .lds-ellipsis {
        display: inline-block;
        position: relative;
        width: 60px;
        height: 16px
    }

        .btn-ellipsis-loader .lds-ellipsis div {
            position: absolute;
            top: 3px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #5a6c9f;
            -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
            animation-timing-function: cubic-bezier(0,1,1,0)
        }

            .btn-ellipsis-loader .lds-ellipsis div:nth-child(1) {
                left: 8px
            }

            .btn-ellipsis-loader .lds-ellipsis div:nth-child(2) {
                left: 8px
            }

            .btn-ellipsis-loader .lds-ellipsis div:nth-child(3) {
                left: 25px
            }

            .btn-ellipsis-loader .lds-ellipsis div:nth-child(4) {
                left: 42px
            }

    .btn-ellipsis-loader.is-loading .lds-ellipsis div:nth-child(1) {
        -webkit-animation: lds-ellipsis1 .6s infinite;
        animation: lds-ellipsis1 .6s infinite
    }

    .btn-ellipsis-loader.is-loading .lds-ellipsis div:nth-child(2) {
        -webkit-animation: lds-ellipsis2 .6s infinite;
        animation: lds-ellipsis2 .6s infinite
    }

    .btn-ellipsis-loader.is-loading .lds-ellipsis div:nth-child(3) {
        -webkit-animation: lds-ellipsis2 .6s infinite;
        animation: lds-ellipsis2 .6s infinite
    }

    .btn-ellipsis-loader.is-loading .lds-ellipsis div:nth-child(4) {
        -webkit-animation: lds-ellipsis3 .6s infinite;
        animation: lds-ellipsis3 .6s infinite
    }

.card {
    background-color: #fff;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 1px 3px rgba(51,51,51,0.15)
}

    .card.card-raised {
        box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2)
    }

.card-group {
    box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2)
}

    .card-group .card {
        box-shadow: none;
        border: 1px solid rgba(0,0,0,0.125)
    }

.card-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    padding: 1.5rem 1.25rem;
    border: 0;
    background-color: rgba(0,0,0,0.03)
}

.card-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 1rem
}

.card-body, .card-img-overlay {
    font-weight: 400;
    font-size: 13px;
    padding: 1.5rem 1.25rem
}

    .card-body .blockquote, .card-img-overlay .blockquote {
        font-weight: 400;
        font-size: 13px
    }

.card-footer {
    font-weight: 400;
    font-size: 12px;
    border: 0;
    background-color: rgba(0,0,0,0.03)
}

.card.has-bg {
    background-color: #343a40;
    color: #f8f9fa
}

    .card.has-bg img {
        opacity: .5
    }

.card-img-overlay {
    font-weight: 400;
    font-size: 13px;
    padding: 1.5rem 1.25rem
}

    .card-img-overlay .blockquote {
        font-weight: 400;
        font-size: 13px
    }

.card.bg-dark .card-text {
    color: rgba(255,255,255,0.82)
}

.card-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    border-radius: 3px
}

    .card-overlay ~ * {
        position: relative
    }

.card.card-img-1 {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.07)
}

    .card.card-img-1 .card-img-overlay {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-color: rgba(0,0,0,0.3);
        padding-bottom: 30px
    }

        .card.card-img-1 .card-img-overlay * {
            text-shadow: 1px 1px 1px #000
        }

    .card.card-img-1 .card-title {
        font-family: dosis;
        font-weight: 600;
        font-size: 1.25rem
    }

.card.card-2 {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.07)
}

    .card.card-2 .card-title {
        font-family: dosis;
        font-weight: 600;
        font-size: 1.25rem
    }

    .card.card-2 .card-header {
        height: 150px;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: flex-end;
        padding: 1.5rem
    }

    .card.card-2 .card-body p {
        color: #888c90;
        font-weight: 500;
        font-size: 12px;
        margin-bottom: 0;
        line-height: 170%
    }

.card.card-4 {
    border-radius: 5px;
    overflow: hidden
}

    .card.card-4 .card-title {
        font-family: dosis;
        font-weight: 600;
        font-size: 1.25rem
    }

    .card.card-4 .card-header {
        height: 200px;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 1.5rem
    }

    .card.card-4 .card-body .btn {
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: uppercase
    }

    .card.card-4 .card-body p {
        color: #888c90;
        font-weight: 500;
        font-size: 12px;
        line-height: 170%
    }

.card.card-5 {
    border-radius: 5px;
    overflow: hidden
}

    .card.card-5 .col-img {
        min-height: 200px;
        background-size: cover;
        background-position: center center
    }

    .card.card-5 img {
        max-height: 200px;
        width: auto
    }

@media screen and (min-width:992px) {
    .card.card-5 img {
        max-height: 100%;
        width: 100%
    }
}

.card.card-5 .card-header {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 0
}

    .card.card-5 .card-header small {
        font-size: 12px;
        color: #999;
        font-weight: 500
    }

        .card.card-5 .card-header small i, .card.card-5 .card-header small svg {
            margin-right: 5px;
            opacity: .7
        }

.card.card-5 .card-title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 10px
}

.card.card-5 .card-body {
    padding-top: 15px
}

.card.card-5 .card-text {
    font-weight: 300;
    font-size: 13px;
    color: #666;
    line-height: 1.6
}

.card.card-6 {
    border-radius: 5px;
    overflow: hidden
}

    .card.card-6 .card-header {
        background-color: transparent;
        display: flex;
        align-items: center;
        padding-bottom: 0
    }

        .card.card-6 .card-header img {
            margin: 0 10px 0 5px
        }

        .card.card-6 .card-header small {
            font-size: 12px;
            color: #999;
            font-weight: 500
        }

        .card.card-6 .card-header .user-name {
            display: block;
            margin: 5px 0
        }

    .card.card-6 .card-body {
        padding-top: 15px
    }

    .card.card-6 .card-text {
        font-weight: 300;
        font-size: 13px;
        color: #666;
        line-height: 1.6
    }

.card.card-7 {
    padding: 20px;
    display: block
}

@media screen and (min-width:992px) {
    .card.card-7 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
}

.card.card-7 .card-img {
    width: auto;
    padding: 20px;
    text-align: center
}

    .card.card-7 .card-img img {
        max-width: 140px
    }

@media screen and (min-width:992px) {
    .card.card-7 .card-img img {
        width: 100px
    }
}

@media screen and (min-width:1200px) {
    .card.card-7 .card-img img {
        width: 150px
    }
}

.card.card-7 .card-body {
    padding-top: 15px
}

.card.card-7 .card-text {
    font-weight: 400;
    color: #888;
    line-height: 1.6
}

.card.card-8 {
    padding: 20px;
    transition: box-shadow .3s
}

    .card.card-8:hover {
        box-shadow: 0 1px 10px rgba(51,51,51,0.2)
    }

@media screen and (min-width:992px) {
    .card.card-8 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
}

.card.card-8 .card-img {
    width: auto;
    padding: 20px;
    text-align: center
}

@media screen and (min-width:992px) {
    .card.card-8 .card-img {
        padding: 20px 20px 70px 20px
    }
}

.card.card-8 .card-img img {
    width: 70px;
    height: 70px
}

.card.card-8 .card-body {
    padding-top: 15px
}

    .card.card-8 .card-body h3 {
        margin-bottom: 20px
    }

.card.card-8 .subtitle {
    margin-bottom: 10px
}

    .card.card-8 .subtitle span {
        color: #868585;
        font-size: 12px;
        font-weight: 500;
        display: inline-block
    }

.card.card-8 .card-text {
    font-weight: 400;
    color: #666;
    line-height: 1.6
}

.card.card-8 .card-info {
    flex-shrink: 0;
    text-align: center
}

    .card.card-8 .card-info .rate {
        margin-bottom: 20px;
        font-size: 24px;
        font-weight: 600
    }

        .card.card-8 .card-info .rate small {
            font-size: 14px;
            font-weight: 600;
            color: #73798c
        }

    .card.card-8 .card-info .btn {
        margin-bottom: 10px;
        display: flex
    }

.stars {
    color: #ffca07;
    font-size: 11px;
    display: inline-block;
    margin-right: 5px
}

.card.card-9 {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #efefef
}

    .card.card-9 .card-header {
        padding: .75rem 1.25rem;
        background-color: #fff
    }

        .card.card-9 .card-header span {
            font-weight: 400;
            font-size: 13px
        }

        .card.card-9 .card-header img {
            width: 35px;
            height: 35px;
            margin-right: 10px
        }

    .card.card-9 .card-img {
        height: 200px;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        display: flex;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 1.5rem
    }

    .card.card-9 .card-body {
        padding: 1rem 1.25rem
    }

        .card.card-9 .card-body p {
            margin: 0;
            color: #888c90;
            font-weight: 500;
            font-size: 12px;
            line-height: 170%
        }

    .card.card-9 .card-footer {
        text-align: right
    }

        .card.card-9 .card-footer .likes {
            margin: 0 10px;
            color: #777
        }

            .card.card-9 .card-footer .likes i {
                margin-right: 5px
            }

.card.card-10 {
    border-radius: 5px;
    overflow: hidden;
    border: 0;
    padding: 1.5rem 1.25rem;
    border-left: 5px solid #5780f7;
    background-color: #f5f5f5
}

    .card.card-10 .card-header {
        background-color: transparent;
        padding: 0;
        display: flex;
        align-items: center
    }

    .card.card-10 .header-icon {
        background-color: #fff;
        padding: 0 10px;
        line-height: 51px;
        width: 50px;
        height: 50px;
        text-align: center;
        box-shadow: 0 10px 20px rgba(0,0,0,0.07)
    }

    .card.card-10 .header-info {
        padding: 0;
        margin-left: 15px
    }

    .card.card-10 .card-category {
        text-transform: uppercase;
        color: #888777;
        font-size: .93rem
    }

    .card.card-10 .card-title {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 1.15rem
    }

    .card.card-10 .card-body {
        background-color: transparent;
        padding: 15px 0 0
    }

        .card.card-10 .card-body .card-text {
            color: #6f7892
        }

.card.card-mail {
    border-radius: 5px;
    overflow: hidden;
    border: 0;
    padding: 1.5rem 1.25rem;
    border-left: .35rem solid #efefef;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    position: relative
}

    .card.card-mail .card-img {
        max-width: 50px;
        min-width: 50px
    }

    .card.card-mail .card-header {
        background-color: transparent;
        padding: 0;
        display: flex;
        align-items: center
    }

    .card.card-mail .header-info {
        padding: 0;
        min-width: 0
    }

    .card.card-mail .contact-name, .card.card-mail .mail-subject {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        font-weight: 600
    }

    .card.card-mail .mail-subject {
        margin-bottom: 0;
        font-weight: 500
    }

    .card.card-mail .mail-datetime {
        margin-left: auto;
        color: #6f7892
    }

    .card.card-mail .card-content {
        margin-top: 1rem
    }

    .card.card-mail .card-body {
        background-color: transparent;
        padding: 0 0 0 1.25rem;
        max-width: calc(100% - 50px)
    }

        .card.card-mail .card-body .card-text {
            color: #6f7892
        }

.card.card-subscriber {
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow .3s
}

    .card.card-subscriber .card-header {
        background-color: transparent;
        display: flex;
        align-items: center;
        padding-bottom: 0;
        position: relative
    }

        .card.card-subscriber .card-header .card-img {
            position: relative;
            display: inline-block;
            width: auto;
            margin: auto
        }

        .card.card-subscriber .card-header img {
            margin: 0 auto;
            width: 100px
        }

        .card.card-subscriber .card-header .btn {
            position: absolute;
            top: -5px;
            right: -10px;
            margin: 0 auto;
            border: 4px solid #fff;
            padding-top: .5rem;
            line-height: 22px
        }

            .card.card-subscriber .card-header .btn i {
                height: 19px;
                width: 19px;
                margin: auto;
                font-size: 19px;
                text-align: center
            }

        .card.card-subscriber .card-header .user-name {
            display: block;
            margin: 5px 0
        }

    .card.card-subscriber .card-body {
        padding-top: 15px;
        text-align: center;
        color: #556696
    }

        .card.card-subscriber .card-body span {
            color: #687fc1
        }

        .card.card-subscriber .card-body .badge {
            margin-top: 10px;
            padding: 10px 21px;
            font-weight: 500;
            font-size: 12px
        }

        .card.card-subscriber .card-body .btn.btn-call {
            width: 35px;
            height: 32px;
            padding: .4rem 0
        }

    .card.card-subscriber .card-text {
        font-weight: 300;
        font-size: 13px;
        color: #666;
        line-height: 1.6
    }

.card.card-user {
    border-radius: 5px;
    overflow: hidden;
    transition: box-shadow .3s
}

    .card.card-user .card-header {
        background-color: transparent;
        display: flex;
        align-items: center;
        padding-bottom: 0;
        position: relative
    }

        .card.card-user .card-header .card-img {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto;
            margin: auto;
            width: 100px;
            height: 100px;
            border: 1px dashed #41517d;
            border-radius: 50%
        }

        .card.card-user .card-header img {
            margin: 0 auto;
            width: 80px;
            height: 80px
        }

        .card.card-user .card-header .btn {
            position: absolute;
            top: -5px;
            right: -10px;
            margin: 0 auto;
            border: 4px solid #fff;
            padding-top: .5rem;
            line-height: 22px
        }

            .card.card-user .card-header .btn i {
                height: 19px;
                width: 19px;
                margin: auto;
                font-size: 19px;
                text-align: center
            }

        .card.card-user .card-header .user-name {
            display: block;
            margin: 5px 0
        }

    .card.card-user .card-body {
        padding-top: 15px;
        text-align: center;
        color: inherit
    }

        .card.card-user .card-body .card-info {
            margin-top: 20px
        }

            .card.card-user .card-body .card-info span {
                display: block;
                color: #41517d;
                font-size: 13px;
                font-weight: 500
            }

            .card.card-user .card-body .card-info .col:first-child {
                border-right: 1px solid #91a8ea
            }

            .card.card-user .card-body .card-info .badge {
                margin-top: -2px;
                text-align: center;
                line-height: 1.6;
                vertical-align: middle
            }

            .card.card-user .card-body .card-info .label {
                color: #9d9d9d;
                font-size: 13px;
                font-weight: 500
            }

            .card.card-user .card-body .card-info .amount {
                color: #6c757d;
                font-size: 18px;
                font-weight: 400
            }

        .card.card-user .card-body .badge {
            margin-top: 10px;
            padding: 10px 21px;
            font-weight: 500;
            font-size: 12px
        }

    .card.card-user.bg-primary .card-img, .card.card-user.bg-success .card-img, .card.card-user.bg-dark .card-img {
        border-color: #fff
    }

    .card.card-user.bg-primary .card-info .badge, .card.card-user.bg-success .card-info .badge, .card.card-user.bg-dark .card-info .badge {
        color: #fff;
        background-color: rgba(255,255,255,0.1)
    }

.card.card-products {
    text-align: center
}

    .card.card-products .card-img {
        padding: 1.5rem 1.5rem 0
    }

        .card.card-products .card-img img {
            max-width: 100%
        }

    .card.card-products .product-name {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: 1px
    }

    .card.card-products .card-body p {
        font-size: 13px;
        margin-top: 1rem;
        color: #596ca5
    }

    .card.card-products .card-body .product-price {
        display: block;
        font-size: 24px;
        font-weight: 600
    }

    .card.card-products .card-body .product-ratings {
        color: #ccc;
        margin-top: .5rem
    }

        .card.card-products .card-body .product-ratings i.full {
            color: #ffca07
        }

    .card.card-products .card-footer {
        padding: 0
    }

        .card.card-products .card-footer .btn {
            padding: 1rem 1.75rem;
            font-weight: 500;
            text-transform: uppercase;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

.card.card-user-post .card-header {
    display: block;
    background-color: #f6f6f6;
    padding: 1.5rem
}

@media screen and (min-width:992px) {
    .card.card-user-post .card-header {
        display: flex;
        padding: 1.5rem 2rem;
        padding-bottom: 1.5rem
    }
}

.card.card-user-post .card-header .col-user {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .card.card-user-post .card-header .col-user {
        margin-bottom: 0
    }
}

.card.card-user-post .card-header .col-user img {
    margin: 0 10px 0 0
}

.card.card-user-post .card-header .col-user small {
    font-size: 12px;
    color: #999;
    font-weight: 500
}

.card.card-user-post .card-header .col-user .user-name {
    display: block;
    margin: 5px 0
}

.card.card-user-post .card-header .col-stats {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media screen and (min-width:992px) {
    .card.card-user-post .card-header .col-stats {
        justify-content: flex-end
    }
}

.card.card-user-post .card-header .col-stats i {
    margin-right: 3px;
    font-size: 12px
}

.card.card-user-post .card-header .col-stats svg {
    margin-top: -3px;
    margin-right: 3px;
    height: 12px
}

.card.card-user-post .card-header .col-stats small {
    color: #6c757d;
    margin-right: 20px;
    margin-left: 0;
    font-weight: 300;
    white-space: nowrap;
    margin-top: 10px
}

@media screen and (min-width:992px) {
    .card.card-user-post .card-header .col-stats small {
        margin-left: 20px;
        margin-right: 0;
        margin-top: 0
    }
}

.card.card-user-post .card-body {
    color: #6c757d;
    padding: 1.5rem
}

@media screen and (min-width:992px) {
    .card.card-user-post .card-body {
        padding: 1.5rem 2rem
    }
}

.card.card-category {
    padding: 2rem 2rem;
    text-align: center;
    background-color: #fff;
    transition: box-shadow .3s;
    box-shadow: 0 1px 3px rgba(51,51,51,0.15)
}

    .card.card-category:hover {
        box-shadow: 0 1px 13px rgba(0,0,0,0.13)
    }

    .card.card-category .card-img-top {
        width: 100%;
        max-height: 120px;
        margin: 1rem auto
    }

    .card.card-category .card-body {
        padding-bottom: 0
    }

    .card.card-category .card-title {
        font-size: 17px;
        font-weight: 600;
        color: #555
    }

    .card.card-category .card-text {
        color: #757575
    }

    .card.card-category .btn {
        padding: .5rem 4rem
    }

.card.card-promotion-wide, .card-promotion-wide-2 {
    padding: 8rem 5rem;
    background-color: #fbfbfb;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative
}

    .card.card-promotion-wide .card-title, .card-promotion-wide-2 .card-title {
        font-weight: 500;
        font-size: 2rem;
        margin-bottom: 1rem
    }

    .card.card-promotion-wide .card-text, .card-promotion-wide-2 .card-text {
        color: #646c9a;
        font-weight: 500;
        font-size: 1.25rem
    }

    .card.card-promotion-wide .btn-play, .card-promotion-wide-2 .btn-play {
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 27%
    }

    .card.card-promotion-wide .text-white, .card.card-promotion-wide .text-light, .card-promotion-wide-2 .text-white, .card-promotion-wide-2 .text-light {
        text-shadow: 1px 1px 4px rgba(0,0,0,0.5)
    }

    .card.card-promotion-wide .text-dark, .card-promotion-wide-2 .text-dark {
        text-shadow: 1px 1px 1px rgba(255,255,255,0.18)
    }

.card.card-promotion-wide {
    padding: 8rem 5rem
}

@media screen and (max-width:767px) {
    .card.card-promotion-wide {
        padding: 5rem
    }

        .card.card-promotion-wide .btn-play {
            top: auto;
            bottom: 6%;
            margin: auto;
            right: 0;
            left: 0;
            width: 50px;
            height: 50px
        }
}

.card-promotion-wide-2 {
    padding: 0
}

    .card-promotion-wide-2 .card-img {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        background-size: cover;
        background-position: center center;
        color: #fff;
        height: 300px;
        padding: 0
    }

    .card-promotion-wide-2 .card-header {
        background-color: #fff;
        border-bottom: 1px solid #ddd
    }

        .card-promotion-wide-2 .card-header i {
            margin-right: 3px
        }

        .card-promotion-wide-2 .card-header small {
            color: #646c9a;
            margin-left: 15px
        }

    .card-promotion-wide-2 .card-body {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .card-promotion-wide-2 .card-text {
        font-weight: 400;
        font-size: .9rem
    }

    .card-promotion-wide-2 .card-title {
        font-weight: 500;
        font-size: 16px
    }

    .card-promotion-wide-2 .card-user-post {
        box-shadow: none
    }

        .card-promotion-wide-2 .card-user-post .card-header {
            padding-bottom: 0;
            border-bottom: 0
        }

.card-promotion-wide-3 {
    padding: 2rem;
    display: flex;
    min-height: 350px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background-color: #fbfbfb;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6)
}

    .card-promotion-wide-3 .card-header {
        border-radius: 3px
    }

    .card-promotion-wide-3 .card-heading {
        font-weight: 500;
        margin-bottom: 1rem
    }

    .card-promotion-wide-3 .card-text {
        color: inherit;
        font-weight: 500
    }

    .card-promotion-wide-3 .card-body {
        padding: 0;
        flex-grow: 0
    }

    .card-promotion-wide-3 .text-white .card-heading, .card-promotion-wide-3 .text-white .card-text {
        text-shadow: 1px 1px 1px rgba(0,0,0,0.22)
    }

.card.card-profile-1 {
    background-color: #fff
}

    .card.card-profile-1 .card-img {
        display: flex;
        align-items: flex-end;
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding: 10px
    }

    .card.card-profile-1 .card-header {
        background-color: transparent;
        text-align: center;
        padding-bottom: 0
    }

        .card.card-profile-1 .card-header .card-title {
            font-size: 20px;
            font-weight: 300;
            color: #333
        }

        .card.card-profile-1 .card-header .card-subtitle {
            color: #6c757d;
            font-size: 18px
        }

        .card.card-profile-1 .card-header .header-stats {
            padding: 15px 10px
        }

    .card.card-profile-1 .card-text {
        color: #6f7892
    }

    .card.card-profile-1.text-light .card-header .card-title {
        color: #fff
    }

    .card.card-profile-1.text-light .card-header .card-subtitle {
        color: rgba(255,255,255,0.85)
    }

    .card.card-profile-1.text-light .card-header .header-stats {
        border-top: 1px solid rgba(255,255,255,0.85);
        border-bottom: 1px solid rgba(255,255,255,0.85)
    }

    .card.card-profile-1.text-light .card-text {
        color: rgba(255,255,255,0.85)
    }

.card-user-post-2 .card-header {
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    padding: .75rem 1.25rem;
    display: flex;
    align-items: center
}

    .card-user-post-2 .card-header .col-user {
        display: flex;
        align-items: center
    }

        .card-user-post-2 .card-header .col-user img {
            margin: 0 10px;
            width: 30px;
            height: 30px
        }

        .card-user-post-2 .card-header .col-user .user-name {
            display: block;
            margin: 5px 0;
            font-size: 13px;
            font-weight: 500;
            color: #646c9a
        }

    .card-user-post-2 .card-header .col-date {
        margin-left: auto;
        color: #646c9a
    }

.card-user-post-2 .card-img img {
    width: 100%
}

.card-user-post-2 .card-title {
    color: #555
}

.card-user-post-2 .card-body, .card-user-post-2 .card-footer {
    background-color: #fff;
    color: #646c9a;
    font-weight: 400;
    font-size: 13px;
    padding: 1.5rem 1.25rem
}

.card-user-post-2 .card-footer {
    border-top: 1px solid #eee
}

    .card-user-post-2 .card-footer .post-stats {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        .card-user-post-2 .card-footer .post-stats i {
            margin-right: 3px;
            font-size: 12px
        }

        .card-user-post-2 .card-footer .post-stats small {
            color: #646c9a;
            margin-left: 0;
            font-weight: 500
        }

.card.card-blog {
    border-radius: 8px;
    border: 1px solid #ddd
}

    .card.card-blog .card-img img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px
    }

    .card.card-blog .card-footer {
        background-color: transparent;
        border: 0;
        padding: 0 2rem 1.5rem 2rem;
        display: flex;
        align-items: center
    }

        .card.card-blog .card-footer img {
            margin: 0;
            margin-right: 10px;
            width: 40px;
            height: 40px
        }

        .card.card-blog .card-footer .user-name {
            display: block;
            margin: 0;
            font-size: 12px;
            color: #333
        }

            .card.card-blog .card-footer .user-name a {
                font-size: 12px;
                font-weight: 500;
                color: #333
            }

        .card.card-blog .card-footer .timestamp {
            margin: 0;
            font-weight: 500;
            color: #6c757d
        }

    .card.card-blog .card-title {
        color: #555;
        font-size: 1.25rem;
        font-weight: 600;
        line-height: 150%;
        margin-bottom: .75rem
    }

    .card.card-blog .card-text {
        color: #6c757d;
        line-height: 160%;
        max-height: 125px;
        overflow: hidden
    }

    .card.card-blog .card-body {
        background-color: #fff;
        color: #646c9a;
        font-weight: 400;
        font-size: 13px;
        padding: 1.5rem 2rem
    }

.card-selectable.circled, .card-selectable-2.circled {
    border-radius: 30px
}

.card-selectable.half-circled, .card-selectable-2.half-circled {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px
}

.card-selectable.circled label, .card-selectable-2.circled label {
    border-radius: 24px
}

.card-selectable.half-circled label, .card-selectable-2.half-circled label {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.card-selectable input, .card-selectable-2 input {
    display: none
}

.card-selectable label, .card-selectable-2 label {
    display: flex;
    align-items: center;
    color: inherit;
    margin: 0
}

    .card-selectable label .input, .card-selectable-2 label .input {
        width: 30px;
        height: 30px;
        position: absolute;
        left: -15px;
        background-color: #efefef;
        color: #efefef;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 25px;
        border: 3px solid #fff
    }

    .card-selectable label .col-price, .card-selectable-2 label .col-price {
        text-align: right
    }

    .card-selectable label .card-title, .card-selectable-2 label .card-title {
        font-weight: 500;
        margin: 0
    }

.card-selectable input:checked ~ label .input, .card-selectable-2 input:checked ~ label .input {
    background-color: #393b51;
    color: #fff
}

.card-selectable.selectable-outline, .card-selectable.selectable-outline-fill, .card-selectable-2.selectable-outline, .card-selectable-2.selectable-outline-fill {
    border: 3px solid #059fa8
}

    .card-selectable.selectable-outline label .input, .card-selectable.selectable-outline-fill label .input, .card-selectable-2.selectable-outline label .input, .card-selectable-2.selectable-outline-fill label .input {
        left: -16px
    }

    .card-selectable.selectable-outline input:checked ~ label .input, .card-selectable.selectable-outline-fill input:checked ~ label .input, .card-selectable-2.selectable-outline input:checked ~ label .input, .card-selectable-2.selectable-outline-fill input:checked ~ label .input {
        background-color: #059fa8;
        color: #fff
    }

    .card-selectable.selectable-outline-fill input:checked ~ label, .card-selectable-2.selectable-outline-fill input:checked ~ label {
        background-color: #059fa8;
        color: #fff
    }

.selectable-purple-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#62319e,#9566cf)
}

    .selectable-purple-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-purple-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#62319e,#9566cf)
    }

.selectable-primary-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#5780f7,#3fbbf6)
}

    .selectable-primary-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-primary-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#5780f7,#3fbbf6)
    }

.selectable-secondary-gradient {
    color: #333;
    background-image: linear-gradient(to right,#efefef,#e2e2e2)
}

    .selectable-secondary-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-secondary-gradient input:checked ~ label .input {
        color: #333;
        background-image: linear-gradient(to right,#efefef,#e2e2e2)
    }

.selectable-success-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#04ccb0,#059cab)
}

    .selectable-success-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-success-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#04ccb0,#059cab)
    }

.selectable-danger-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#ff046c,#ea00b8)
}

    .selectable-danger-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-danger-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#ff046c,#ea00b8)
    }

.selectable-warning-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#fab72b,#f99212)
}

    .selectable-warning-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-warning-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#fab72b,#f99212)
    }

.selectable-info-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#4cacff,#2ee1ea)
}

    .selectable-info-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-info-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#4cacff,#2ee1ea)
    }

.selectable-light-gradient {
    color: #333;
    background-image: linear-gradient(to right,#fff,#f2f2f2)
}

    .selectable-light-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-light-gradient input:checked ~ label .input {
        color: #333;
        background-image: linear-gradient(to right,#fff,#f2f2f2)
    }

.selectable-dark-gradient {
    color: #fff;
    background-image: linear-gradient(to right,#393b51,#1d2888)
}

    .selectable-dark-gradient label .input {
        background-color: #efefef;
        color: #efefef
    }

    .selectable-dark-gradient input:checked ~ label .input {
        color: #fff;
        background-image: linear-gradient(to right,#393b51,#1d2888)
    }

.selectable-secondary-gradient, .selectable-light-gradient {
    text-shadow: none
}

.selectable-primary-gradient {
    background-image: linear-gradient(45deg,#809bf5,#4c65e7)
}

.card-selectable-2 {
    box-shadow: none
}

    .card-selectable-2 label {
        padding: .5rem;
        background-color: #fff;
        border: 3px solid transparent;
        border-radius: 10px
    }

        .card-selectable-2 label .col {
            padding: 1.5rem 1.25rem;
            border-radius: 5px
        }

    .card-selectable-2 input:checked ~ label {
        border-color: #059fa8
    }

.card-selectable-3 {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.08)
}

    .card-selectable-3 input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        pointer-events: none
    }

    .card-selectable-3 label {
        display: flex;
        align-items: center;
        color: inherit;
        margin: 0;
        border-radius: 10px;
        color: #62738c;
        padding: 2rem 1.25rem
    }

        .card-selectable-3 label .col-input {
            font-size: 24px;
            max-width: 50px
        }

            .card-selectable-3 label .col-input i {
                font-weight: 600
            }

                .card-selectable-3 label .col-input i::before {
                    content: "\f111"
                }

        .card-selectable-3 label .col-info {
            text-align: right;
            font-size: 18px
        }

            .card-selectable-3 label .col-info a {
                color: inherit
            }

        .card-selectable-3 label .col-title h5 {
            margin-bottom: 3px
        }

        .card-selectable-3 label .col-title .card-text {
            opacity: .8;
            font-weight: 500
        }

    .card-selectable-3 input:checked ~ label {
        background-color: #ff7a59;
        color: #fff
    }

        .card-selectable-3 input:checked ~ label .col-input i {
            font-weight: 800;
            color: #fff
        }

            .card-selectable-3 input:checked ~ label .col-input i::before {
                content: "\f058"
            }

.card-horizontal {
    padding: 20px;
    margin-bottom: 24px;
    align-items: center;
    flex-direction: row
}

    .card-horizontal .card-img {
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 100px
    }

        .card-horizontal .card-img svg {
            fill: #5877d4;
            width: 70px
        }

        .card-horizontal .card-img i {
            color: #5877d4;
            font-size: 60px
        }

    .card-horizontal .card-title {
        font-weight: 600;
        font-size: 20px;
        color: #393b51
    }

    .card-horizontal .card-body {
        color: #646c9a
    }

        .card-horizontal .card-body a {
            color: #657299;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: .5px
        }

.card-help-center {
    padding: 20px;
    margin-bottom: 24px;
    display: block
}

@media screen and (min-width:992px) {
    .card-help-center {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }
}

.card-help-center .card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    margin-bottom: 0;
    max-width: none
}

@media screen and (min-width:992px) {
    .card-help-center .card-img {
        max-width: 40px;
        margin-bottom: 0
    }
}

.card-help-center .card-img svg {
    width: 60px;
    fill: #9039d3
}

@media screen and (min-width:992px) {
    .card-help-center .card-img svg {
        width: 30px
    }
}

.card-help-center .card-img i {
    color: #9039d3;
    font-size: 30px
}

.card-help-center .card-body {
    color: #646c9a;
    padding: 0;
    padding-top: 2rem
}

@media screen and (min-width:992px) {
    .card-help-center .card-body {
        margin-left: 20px;
        padding-top: 0
    }
}

.card-help-center .card-body a {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px
}

    .card-help-center .card-body a:not(:hover) {
        color: #657299
    }

.card-help-center .card-title {
    color: #3c4663;
    font-weight: 400;
    font-size: 17px;
    margin-bottom: .5rem
}

.card-help-center .card-text {
    color: #8c8c8c
}

.card-help-center-2 {
    padding: 20px;
    margin-bottom: 24px;
    align-items: center;
    flex-direction: row;
    display: flex;
    display: -ms-flexbox;
    text-decoration: none;
    box-shadow: none;
    border: 1px solid #eee
}

    .card-help-center-2 .card-img {
        transition: all .3s;
        max-width: 50px;
        margin-bottom: 0
    }

        .card-help-center-2 .card-img svg {
            color: #535353;
            height: 30px;
            transition: all .3s
        }

        .card-help-center-2 .card-img i {
            color: #535353;
            font-size: 30px
        }

    .card-help-center-2:hover {
        box-shadow: 0 2px 5px rgba(0,0,0,0.22);
        text-decoration: none
    }

        .card-help-center-2:hover .card-img {
            max-width: 30px
        }

            .card-help-center-2:hover .card-img svg.rotate-on-hover {
                transform: rotate(180deg)
            }

    .card-help-center-2 .card-body {
        padding: 0;
        color: #535353;
        font-weight: 400
    }

.card-help-center-3 {
    flex-direction: column;
    padding-bottom: 10px;
    padding-top: 30px
}

@media screen and (min-width:992px) {
    .card-help-center-3 {
        flex-direction: row;
        padding: 0
    }
}

.card-help-center-4 .card-body a:not(:hover) {
    color: #fff
}

.card-help-center-4.card.card-promotion-wide.card-help-center .card-title {
    font-size: 1.25rem
}

@media screen and (min-width:992px) {
    .card-help-center-4.card.card-promotion-wide.card-help-center .card-title {
        font-size: 1.75rem
    }
}

.card.card-social {
    padding: 20px;
    transition: box-shadow .3s;
    display: block;
    position: relative
}

    .card.card-social:hover {
        box-shadow: 0 1px 10px rgba(51,51,51,0.2)
    }

    .card.card-social .card-header {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        background-color: transparent;
        font-size: 13px
    }

        .card.card-social .card-header h6 {
            color: #596075
        }

        .card.card-social .card-header .subtitle {
            margin-bottom: 0
        }

            .card.card-social .card-header .subtitle a {
                font-weight: 500
            }

            .card.card-social .card-header .subtitle span {
                color: #868585;
                font-size: 12px;
                font-weight: 500;
                display: inline-block
            }

    .card.card-social .card-img {
        width: auto;
        padding: 0;
        text-align: left;
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 15px
    }

@media screen and (min-width:992px) {
    .card.card-social .card-img {
        text-align: center
    }
}

.card.card-social .card-body {
    padding: 0;
    margin-left: 0;
    margin-top: 10px
}

@media screen and (min-width:992px) {
    .card.card-social .card-body {
        margin-left: 65px;
        margin-top: 0
    }
}

.card.card-social .card-text {
    color: #6f7892;
    line-height: 1.6
}

.card.card-social .card-attachments img {
    max-width: 80px;
    margin: .25rem
}

.card.card-social .stats {
    margin-bottom: 10px;
    font-size: 12px;
    display: flex
}

    .card.card-social .stats a {
        font-weight: 500
    }

.card.card-social .card-footer {
    padding: 0;
    padding-top: .75rem;
    background-color: transparent
}

.card.card-social .card-menu {
    position: absolute;
    top: 20px;
    right: 20px
}

    .card.card-social .card-menu > .btn {
        padding: 0
    }

    .card.card-social .card-menu .dropdown-menu {
        min-width: 9rem;
        padding: .25rem 0
    }

        .card.card-social .card-menu .dropdown-menu .dropdown-item {
            font-size: 12px
        }

.card-user-comment {
    box-shadow: none
}

    .card-user-comment .card-form {
        padding: 1.5rem 1.25rem;
        padding-top: 0
    }

    .card-user-comment .card-header {
        background-color: transparent;
        padding: 1.5rem 1.25rem;
        padding-bottom: .5rem
    }

        .card-user-comment .card-header .col-user {
            display: block
        }

            .card-user-comment .card-header .col-user > div {
                display: inline-block
            }

@media screen and (min-width:992px) {
    .card-user-comment .card-header .col-user {
        display: flex;
        align-items: center
    }
}

.card-user-comment .card-header .col-user img {
    margin: 0 5px
}

.card-user-comment .card-header .col-user small {
    font-size: 12px;
    color: #999;
    font-weight: 500
}

.card-user-comment .card-header .col-user .user-name {
    display: block;
    margin: 5px 0;
    margin-left: 5px
}

.card-user-comment .card-header .col-user > .btn-group {
    display: inline-flex;
    margin-top: 10px;
    margin-bottom: 10px
}

@media screen and (min-width:992px) {
    .card-user-comment .card-header .col-user > .btn-group {
        margin-left: 20px
    }
}

.card-user-comment .card-header .col-user .btn {
    font-weight: 500;
    text-transform: uppercase
}

.card-user-comment .card-header .col-datetime {
    display: block;
    color: #6f7892;
    font-size: 12px;
    font-weight: 400
}

@media screen and (min-width:992px) {
    .card-user-comment .card-header .col-datetime {
        max-width: 80px;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.card-user-comment .card-body {
    padding-top: .5rem;
    color: #8c8c8c
}

.card-comment-wrapper {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-bottom: .75rem;
    border: 1px solid #eee;
    border-radius: 3px
}

.card-user-comment-has-reply {
    border-bottom: 0
}

.card-user-comment-reply {
    border-top: 0
}

.card-user-profile {
    border-radius: 10px
}

    .card-user-profile .card-img-top {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px
    }

    .card-user-profile div.card-img-top {
        height: 200px;
        background-size: cover;
        background-position: center center
    }

    .card-user-profile > .avatar {
        border: 7px solid #f7f7f7;
        width: 90px;
        height: 90px;
        text-align: center;
        margin-top: -45px;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .card-user-profile .card-body {
        padding: .5rem 1.25rem 0 1.25rem
    }

    .card-user-profile .user-name {
        text-align: center
    }

    .card-user-profile ul.user-stats {
        padding: 0
    }

        .card-user-profile ul.user-stats > li {
            display: block;
            font-size: 15px;
            font-weight: 600;
            text-align: center;
            padding: 0 10px;
            margin: 15px 0 10px 0;
            color: #5a5a5a
        }

            .card-user-profile ul.user-stats > li ~ li {
                border-left: 1px solid #eee
            }

            .card-user-profile ul.user-stats > li > span {
                display: block;
                font-size: 12px;
                font-weight: 500;
                color: #8e8e8e;
                text-transform: uppercase
            }

    .card-user-profile .card-footer {
        padding: 1.5rem;
        background-color: #f7f7f7;
        color: #555;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        text-align: center;
        line-height: 160%
    }

        .card-user-profile .card-footer p {
            font-weight: 500;
            font-size: 12px
        }

.card.card-user-profile-2 {
    padding: 0
}

    .card.card-user-profile-2 .card-header {
        display: flex;
        align-items: center;
        padding: 1rem 0 0;
        background-color: transparent
    }

        .card.card-user-profile-2 .card-header .card-title {
            margin: .5rem 1.25rem;
            font-weight: 500;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: .25px
        }

        .card.card-user-profile-2 .card-header .dropdown {
            margin: 0 .5rem 0 auto
        }

            .card.card-user-profile-2 .card-header .dropdown > .btn {
                color: #333
            }

    .card.card-user-profile-2 .card-body {
        display: flex;
        align-items: flex-start
    }

        .card.card-user-profile-2 .card-body .col-avatar, .card.card-user-profile-2 .card-body .col-info {
            padding: 0
        }

        .card.card-user-profile-2 .card-body .col-avatar {
            padding-right: 0;
            padding-left: 0;
            min-width: calc(50px + 1.25rem)
        }

        .card.card-user-profile-2 .card-body .col-info .user-email {
            color: #646c9a;
            font-size: .9rem;
            margin-bottom: 1rem
        }

        .card.card-user-profile-2 .card-body .col-info p {
            color: #a9a9a9;
            font-weight: 500
        }

        .card.card-user-profile-2 .card-body .col-info > *:last-child {
            margin-bottom: 0
        }

    .card.card-user-profile-2 .social-btns .btn {
        color: #333
    }

    .card.card-user-profile-2 .card-footer {
        padding-top: 0;
        background-color: transparent
    }

    .card.card-user-profile-2.card-dark .card-header .dropdown > .btn {
        color: #fff
    }

    .card.card-user-profile-2.card-dark .card-body .col-info .user-email {
        color: #d8d8d8
    }

    .card.card-user-profile-2.card-dark .card-body .col-info p {
        color: #a0a1ac
    }

    .card.card-user-profile-2.card-dark .social-btns .btn {
        color: #eee
    }

.card.card-user-profile-wide {
    padding: 20px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px
}

@media screen and (min-width:992px) {
    .card.card-user-profile-wide {
        padding: 30px 0
    }
}

.card.card-user-profile-wide .col-avatar {
    min-width: 100%;
    text-align: center
}

@media screen and (min-width:992px) {
    .card.card-user-profile-wide .col-avatar {
        min-width: 170px;
        max-width: 170px
    }
}

.card.card-user-profile-wide .col-avatar .user-avatar-inside-svg {
    margin: auto
}

.card.card-user-profile-wide .user-fullname {
    margin-bottom: .25rem
}

.card.card-user-profile-wide .user-name {
    font-size: .9rem;
    color: #6f7892
}

.card.card-user-profile-wide .col-stats > a {
    font-size: 1rem;
    font-weight: 500;
    color: #6f7892;
    margin-right: 10px
}

    .card.card-user-profile-wide .col-stats > a strong {
        color: #333
    }

.card.card-user-profile-wide .col.col-info {
    margin-top: 15px;
    min-width: 100%
}

@media screen and (min-width:992px) {
    .card.card-user-profile-wide .col.col-info {
        min-width: auto;
        margin-top: 0;
        padding-left: 0;
        padding-right: 20px
    }
}

.card.card-user-profile-wide .col.col-info .favorites a {
    display: inline-block;
    text-align: center;
    margin: 5px
}

    .card.card-user-profile-wide .col.col-info .favorites a img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 5px solid #fff;
        box-shadow: 0 0 1px #888
    }

    .card.card-user-profile-wide .col.col-info .favorites a span {
        display: block;
        max-width: 70px;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-top: 5px;
        font-weight: 500;
        color: #333;
        white-space: nowrap;
        font-size: .85rem
    }

.card.card-user-profile-wide .col.col-info .col-message-btn {
    padding: 0;
    max-width: 52px;
    flex-shrink: 0
}

.card.card-user-profile-wide .col.col-info .row-stats {
    margin-top: 1rem
}

@media screen and (min-width:992px) {
    .card.card-user-profile-wide .col.col-info .row-stats {
        margin-top: .5rem
    }
}

.card-video {
    border-radius: .5rem
}

    .card-video .card-img-top {
        border-radius: .5rem .5rem 0 0
    }

    .card-video .card-img-wrapper {
        position: relative
    }

        .card-video .card-img-wrapper .video-duration-badge {
            position: absolute;
            right: 10px;
            bottom: 10px;
            font-weight: 600;
            padding: 7px 12px;
            font-size: 11px;
            background-color: rgba(0,0,0,0.38);
            color: #fff
        }

    .card-video .card-header {
        display: flex;
        justify-content: space-between;
        align-content: center;
        padding: 0;
        background-color: transparent;
        margin-bottom: 1rem
    }

        .card-video .card-header .card-title {
            margin: 0;
            line-height: 1.4;
            color: inherit;
            text-decoration: none
        }

        .card-video .card-header .btn {
            padding: 0 1.2rem;
            margin-right: -1rem
        }

    .card-video .card-body {
        padding-bottom: .5rem
    }

    .card-video .dropdown-menu .dropdown-item {
        padding: .5rem 1rem
    }

    .card-video .card-content {
        display: flex
    }

        .card-video .card-content .card-text {
            display: block;
            border-right: 1px solid #aaa;
            padding: 0 15px;
            margin-bottom: 1rem;
            font-weight: 500;
            color: #777
        }

            .card-video .card-content .card-text:first-child {
                padding-left: 0
            }

            .card-video .card-content .card-text:last-child {
                border-right: 0;
                padding-right: 0
            }

            .card-video .card-content .card-text a {
                font-weight: 500;
                color: #4969c4
            }

.card-video-2 {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

    .card-video-2 .card-header {
        border-radius: 0;
        height: 200px;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.5rem;
        box-shadow: 0 1px 3px rgba(51,51,51,0.15);
        position: relative
    }

        .card-video-2 .card-header .video-duration-badge {
            position: absolute;
            right: 10px;
            bottom: 10px;
            background-color: rgba(0,0,0,0.6);
            color: #fff
        }

    .card-video-2 .card-title {
        display: block;
        color: inherit;
        text-decoration: none;
        margin-top: 1rem;
        margin-bottom: .25rem;
        font-size: .9rem;
        font-weight: 500
    }

    .card-video-2 .card-body {
        background-color: transparent;
        padding: 0
    }

    .card-video-2 .card-content .card-text {
        display: block;
        font-size: .9rem;
        color: #a3a3a3
    }

.card-video-youtube {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none
}

    .card-video-youtube .card-img {
        border-radius: 0;
        height: 150px;
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 0;
        box-shadow: 0 1px 3px rgba(51,51,51,0.15)
    }

        .card-video-youtube .card-img .video-duration-badge {
            position: absolute;
            right: 10px;
            bottom: 10px;
            background-color: rgba(0,0,0,0.6);
            color: #fff
        }

    .card-video-youtube .card-header {
        display: flex;
        justify-content: space-between;
        align-content: center;
        padding: 0;
        background-color: transparent;
        margin-bottom: .25rem
    }

        .card-video-youtube .card-header .card-title {
            line-height: 1.4;
            color: inherit;
            text-decoration: none;
            margin-bottom: .25rem;
            font-size: 1rem;
            font-weight: 600
        }

        .card-video-youtube .card-header .dropdown {
            opacity: 0;
            transition: opacity .2s ease-in
        }

            .card-video-youtube .card-header .dropdown > .btn {
                padding: 0 1.2rem;
                margin-right: -1rem
            }

        .card-video-youtube .card-header .dropdown-menu .dropdown-item {
            padding: .5rem 1rem;
            color: #5b5b5b
        }

            .card-video-youtube .card-header .dropdown-menu .dropdown-item i {
                color: #6b6b6b
            }

            .card-video-youtube .card-header .dropdown-menu .dropdown-item:active, .card-video-youtube .card-header .dropdown-menu .dropdown-item.active {
                color: #fff
            }

                .card-video-youtube .card-header .dropdown-menu .dropdown-item:active i, .card-video-youtube .card-header .dropdown-menu .dropdown-item.active i {
                    color: #fff
                }

    .card-video-youtube:hover .card-header .dropdown {
        opacity: 1
    }

    .card-video-youtube .card-body {
        display: flex;
        background-color: transparent;
        padding: .75rem 0 0
    }

        .card-video-youtube .card-body .channel-img .avatar {
            width: 40px;
            height: 40px
        }

    .card-video-youtube .card-content {
        padding-left: 1rem;
        flex-grow: 1
    }

        .card-video-youtube .card-content .channel-name {
            display: block;
            color: #777;
            text-decoration: none;
            font-weight: 500
        }

        .card-video-youtube .card-content .card-text {
            display: block;
            margin-bottom: 0
        }

        .card-video-youtube .card-content .video-stats {
            padding: 0;
            display: flex;
            margin-bottom: 0
        }

            .card-video-youtube .card-content .video-stats li {
                display: block;
                color: #777
            }

                .card-video-youtube .card-content .video-stats li:not(:first-child) {
                    padding-left: 15px
                }

                .card-video-youtube .card-content .video-stats li:not(:last-child) {
                    padding-right: 15px;
                    border-right: 1px solid #aaa
                }

.card-video-youtube-2 {
    flex-direction: row;
    box-shadow: none
}

    .card-video-youtube-2 .card-img {
        width: 90px;
        height: 95px;
        background-size: cover
    }

@media screen and (min-width:992px) {
    .card-video-youtube-2 .card-img {
        width: 170px;
        height: 100px
    }
}

.card-video-youtube-2 .card-title {
    display: block;
    line-height: 1.4;
    color: inherit;
    text-decoration: none;
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 600
}

.card-video-youtube-2 .card-body {
    padding: 0 0 0 1.25rem
}

.card-video-youtube-2 .card-text {
    margin-top: 5px;
    color: #777
}

.card-video-youtube-2 .video-stats {
    padding: 0;
    display: flex;
    margin-bottom: 0;
    margin-top: 5px
}

    .card-video-youtube-2 .video-stats li {
        display: block;
        color: #777
    }

        .card-video-youtube-2 .video-stats li:not(:first-child) {
            padding-left: 5px
        }

        .card-video-youtube-2 .video-stats li:not(:last-child) {
            padding-right: 5px;
            border-right: 1px solid #aaa
        }

.card-video-3 {
    border-radius: 6px;
    background-color: transparent;
    box-shadow: none
}

    .card-video-3 .card-header {
        border-radius: 6px;
        min-height: 200px;
        background-size: cover;
        background-position: center;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 1.5rem;
        box-shadow: 0 1px 3px rgba(51,51,51,0.15);
        position: static
    }

        .card-video-3 .card-header .badge {
            position: absolute;
            z-index: 9;
            top: 1.5rem;
            left: 1.5rem
        }

        .card-video-3 .card-header .video-duration-badge {
            top: auto;
            left: auto;
            right: 10px;
            bottom: 10px;
            background-color: rgba(0,0,0,0.6);
            color: #fff;
            transition: background-color .15s ease-in
        }

    .card-video-3:hover .card-header .video-duration-badge {
        background-color: rgba(128,128,128,0.6)
    }

    .card-video-3 .card-title {
        display: block;
        color: inherit;
        text-decoration: none;
        margin-top: 1rem;
        margin-bottom: .25rem;
        font-size: .9rem;
        font-weight: 500
    }

    .card-video-3 .card-body {
        border-radius: 6px;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.75);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #fff;
        opacity: 0;
        pointer-events: none;
        transition: opacity .15s ease-in;
        text-decoration: none
    }

    .card-video-3:hover .card-body {
        opacity: 1;
        pointer-events: auto
    }

    .card-video-3 .card-text {
        display: block;
        font-size: .9rem;
        color: #a3a3a3
    }

.video-overlay {
    position: relative;
    border-radius: .5rem
}

    .video-overlay .video-overlay-link {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s ease-in;
        background-color: rgba(0,0,0,0.55);
        color: #fff;
        text-decoration: none;
        border-radius: .5rem
    }

        .video-overlay .video-overlay-link svg {
            width: 78px;
            fill: rgba(255,255,255,0.9)
        }

    .video-overlay:hover .video-overlay-link {
        opacity: 1;
        pointer-events: auto
    }

.video-overlay-2 {
    position: relative;
    border-radius: .5rem
}

    .video-overlay-2 .video-overlay-link {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s ease-in;
        background-color: rgba(0,0,0,0.55);
        color: #fff;
        text-decoration: none;
        border-radius: .5rem
    }

        .video-overlay-2 .video-overlay-link svg {
            width: 78px;
            fill: rgba(255,255,255,0.9)
        }

    .video-overlay-2:hover .video-overlay-link {
        opacity: 1;
        pointer-events: auto
    }

.accordion .card-header {
    padding: 0;
    cursor: pointer;
    background-color: rgba(0,0,0,0.02);
    background-color: #edf1f7;
    box-shadow: 0 -1px 3px #000
}

    .accordion .card-header .btn {
        padding: 1rem 1.25rem;
        width: 100%;
        height: 100%;
        text-align: left;
        font-weight: 500;
        border-radius: 0;
        position: relative
    }

        .accordion .card-header .btn svg, .accordion .card-header .btn i {
            display: block;
            position: absolute;
            right: 10px;
            top: 0;
            height: 18px;
            fill: #6b6969;
            bottom: 0;
            margin: auto;
            transition: transform 300ms ease-in
        }

        .accordion .card-header .btn.collapsed svg {
            transform: rotate(45deg)
        }

        .accordion .card-header .btn i {
            transform: rotate(90deg);
            height: 13px
        }

        .accordion .card-header .btn.collapsed i {
            transform: rotate(180deg)
        }

        .accordion .card-header .btn.btn-link {
            color: #333
        }

        .accordion .card-header .btn:hover, .accordion .card-header .btn:active, .accordion .card-header .btn:focus {
            text-decoration: none;
            outline: 0;
            box-shadow: none
        }

.accordion.accordion-sm .card-header .btn {
    padding: .75rem 1rem;
    font-size: 12px
}

.accordion.accordion-sm .card-body {
    font-size: 12px;
    padding: 1rem 1rem
}

.accordion.accordion-lg .card-header .btn {
    padding: 1.25rem 1.5rem
}

.accordion .card {
    border-radius: 3px;
    box-shadow: 0 1px 7px rgba(51,51,51,0.12);
    box-shadow: none;
    border: 1px solid rgba(51,51,51,0.09)
}

.nav-icon-bars-animate-1, .nav-icon-bars-animate-2 {
    width: 14px;
    height: 10px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto
}

    .nav-icon-bars-animate-1 span, .nav-icon-bars-animate-2 span {
        display: block;
        position: absolute;
        height: 2px;
        width: 50%;
        background: #6b6969;
        opacity: 1;
        transition: .25s ease-in-out
    }

        .nav-icon-bars-animate-1 span:nth-child(1), .nav-icon-bars-animate-1 span:nth-child(6) {
            transform: rotate(45deg)
        }

        .nav-icon-bars-animate-1 span:nth-child(2), .nav-icon-bars-animate-1 span:nth-child(5) {
            transform: rotate(-45deg)
        }

        .nav-icon-bars-animate-1 span:nth-child(1) {
            left: 1px;
            top: 1.5px
        }

        .nav-icon-bars-animate-1 span:nth-child(2) {
            left: calc(50% - 1px);
            top: 1.5px
        }

        .nav-icon-bars-animate-1 span:nth-child(3) {
            left: -50%;
            top: 4px;
            opacity: 0
        }

        .nav-icon-bars-animate-1 span:nth-child(4) {
            left: 100%;
            top: 4px;
            opacity: 0
        }

        .nav-icon-bars-animate-1 span:nth-child(5) {
            left: 1px;
            top: 6.5px
        }

        .nav-icon-bars-animate-1 span:nth-child(6) {
            left: calc(50% - 1px);
            top: 6.5px
        }

    .collapsed .nav-icon-bars-animate-1 span, .collapsed .nav-icon-bars-animate-2 span, .nav-icon-bars-animate-2 span {
        transform: rotate(0)
    }

        .collapsed .nav-icon-bars-animate-1 span:nth-child(even), .collapsed .nav-icon-bars-animate-2 span:nth-child(even), .nav-icon-bars-animate-2 span:nth-child(even) {
            left: 50%;
            border-radius: 0 9px 9px 0
        }

        .collapsed .nav-icon-bars-animate-1 span:nth-child(odd), .collapsed .nav-icon-bars-animate-2 span:nth-child(odd), .nav-icon-bars-animate-2 span:nth-child(odd) {
            left: 0;
            border-radius: 9px 0 0 9px
        }

        .collapsed .nav-icon-bars-animate-1 span:nth-child(1), .collapsed .nav-icon-bars-animate-1 span:nth-child(2), .collapsed .nav-icon-bars-animate-2 span:nth-child(1), .collapsed .nav-icon-bars-animate-2 span:nth-child(2) {
            top: 0
        }

        .nav-icon-bars-animate-2 span:nth-child(1), .nav-icon-bars-animate-2 span:nth-child(2), .nav-icon-bars-animate-2 span:nth-child(3), .nav-icon-bars-animate-2 span:nth-child(4), .nav-icon-bars-animate-2 span:nth-child(5), .nav-icon-bars-animate-2 span:nth-child(6) {
            top: 4px;
            opacity: 1
        }

        .collapsed .nav-icon-bars-animate-1 span:nth-child(3), .collapsed .nav-icon-bars-animate-1 span:nth-child(4), .collapsed .nav-icon-bars-animate-2 span:nth-child(3), .collapsed .nav-icon-bars-animate-2 span:nth-child(4) {
            top: 4px;
            opacity: 1
        }

        .collapsed .nav-icon-bars-animate-1 span:nth-child(5), .collapsed .nav-icon-bars-animate-1 span:nth-child(6), .collapsed .nav-icon-bars-animate-2 span:nth-child(5), .collapsed .nav-icon-bars-animate-2 span:nth-child(6) {
            top: 8px
        }

.date-timepicker > .row > div:first-child > input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.date-timepicker > .row > div:last-child > input {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.datetimepicker-wrapper {
    position: relative
}

.input-datetimepicker-date, .input-datetimepicker-time {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: -1
}

.dropdown, .dropleft, .dropright, .dropup {
    display: inline-block
}

.dropdown-menu {
    position: absolute;
    border: 0 solid rgba(0,0,0,0.15);
    box-shadow: 0 50px 70px rgba(50,50,93,0.1),0 15px 35px rgba(50,50,93,0.15),0 5px 15px rgba(0,0,0,0.1)
}

    .dropdown-menu .dropdown-item {
        font-size: 13px;
        font-weight: 400
    }

.dropdown-animated .dropdown-menu {
    margin: 0;
    pointer-events: none;
    opacity: 0
}

.fadeIn .dropdown-menu.show {
    -webkit-animation: fadeIn .25s ease forwards;
    animation: fadeIn .25s ease forwards
}

.fadeInUp .dropdown-menu.show {
    -webkit-animation: fadeInUpShort .25s ease forwards;
    animation: fadeInUpShort .25s ease forwards
}

.fadeInDown .dropdown-menu.show {
    -webkit-animation: fadeInDownShort .25s ease forwards;
    animation: fadeInDownShort .25s ease forwards
}

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

.dropdown .dropdown-menu.dropdown-menu-slideUp {
    left: auto;
    right: 0;
    margin: 0;
    pointer-events: none;
    opacity: 0
}

    .dropdown .dropdown-menu.dropdown-menu-slideUp.show {
        -webkit-animation: show-dropdown .25s ease forwards;
        animation: show-dropdown .25s ease forwards;
        pointer-events: auto;
        opacity: 1
    }

a.dropdown-toggle {
    color: #212529
}

.dropdown-toggle::after, .dropdown .dropdown-toggle::after, .dropup .dropdown-toggle::after, .dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    content: "\f105";
    content: "\f054";
    font-size: .7em;
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0;
    transform: rotate(90deg);
    border: 0;
    vertical-align: middle
}

.dropup .dropdown-toggle::after {
    transform: rotate(-90deg);
    vertical-align: middle
}

.dropleft .dropdown-toggle::before {
    transform: rotate(0);
    vertical-align: middle
}

.dropright .dropdown-toggle::after {
    transform: rotate(180deg);
    vertical-align: middle
}

.dropdown-toggle.dropdown-nocaret::after, .dropdown-toggle.dropdown-nocaret::before {
    display: none
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #5780f7
}

.dropdown-menu {
    border-radius: 3px;
    min-width: 12rem;
    padding: .75rem 0
}

    .dropdown-menu .dropdown-header {
        color: #4c5358;
        font-weight: 500
    }

    .dropdown-menu .dropdown-item {
        font-size: .875rem;
        padding: .5rem 1.5rem;
        font-size: .9rem;
        color: #444853;
        font-weight: 400
    }

        .dropdown-menu .dropdown-item.dropdown {
            padding: 0
        }

            .dropdown-menu .dropdown-item.dropdown > .dropdown-toggle {
                font-size: .875rem;
                padding: .5rem 1.5rem;
                font-size: .9rem;
                color: #444853;
                font-weight: 400
            }

        .dropdown-menu .dropdown-item > i, .dropdown-menu .dropdown-item > svg, .dropdown-menu .dropdown-item > .dropdown-toggle > i, .dropdown-menu .dropdown-item > .dropdown-toggle > svg {
            width: 18px;
            margin-right: 0;
            margin-left: 0;
            margin-right: .3rem;
            text-align: center
        }

        .dropdown-menu .dropdown-item > i, .dropdown-menu .dropdown-item > .dropdown-toggle > i {
            font-size: 15px;
            vertical-align: middle;
            margin-right: .6rem;
            color: #8a91a5
        }

        .dropdown-menu .dropdown-item svg, .dropdown-menu .dropdown-item > .dropdown-toggle > svg {
            fill: #607a90;
            width: 16px;
            margin-top: -2px;
            margin-right: .25rem
        }

        .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item.active {
            color: #fff
        }

            .dropdown-menu .dropdown-item:active > svg, .dropdown-menu .dropdown-item.active > svg {
                fill: #fff
            }

            .dropdown-menu .dropdown-item:active > i, .dropdown-menu .dropdown-item:active > .dropdown-toggle > i, .dropdown-menu .dropdown-item:active > .dropdown-toggle > svg, .dropdown-menu .dropdown-item.active > i, .dropdown-menu .dropdown-item.active > .dropdown-toggle > i, .dropdown-menu .dropdown-item.active > .dropdown-toggle > svg {
                color: #fff
            }

.navbar-nav .dropdown-menu .dropdown-item svg, .navbar-nav .dropdown-menu .dropdown-item > .dropdown-toggle > svg {
    width: 17px
}

.dropdown-menu-sm .dropdown-item {
    font-size: .875rem;
    padding: .5rem 1.5rem;
    color: #4f5d69
}

.language-dropdown img {
    height: 16px
}

.language-dropdown .dropdown-item img {
    width: 24px;
    height: 15px;
    margin-right: 10px
}

.navbar.navbar-top .navbar-menu-primary .nav-item.message-nav-item a, .navbar-toolbar .navbar-menu-primary .nav-item.message-nav-item a {
    padding-top: 16px
}

@media screen and (max-width:767px) {
    .message-nav-item.dropdown {
        display: none
    }
}

.notifications-nav-item .dropdown-menu.dropdown-menu-sm, .message-nav-item .dropdown-menu.dropdown-menu-sm {
    padding-bottom: 0;
    min-width: auto
}

@media screen and (min-width:768px) {
    .notifications-nav-item .dropdown-menu.dropdown-menu-sm, .message-nav-item .dropdown-menu.dropdown-menu-sm {
        width: 100vw;
        max-width: 400px
    }
}

.notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications {
    padding: 0
}

    .notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item {
        padding: 15px 20px 15px 35px
    }

        .notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item::before, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item::before {
            left: 43px
        }

        .notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item a.item-description, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group.list-group-notifications .list-group-item a.item-description {
            display: block;
            color: #6c757d;
            margin: 0;
            font-size: 12px;
            font-weight: 400
        }

.notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item:hover, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item:hover {
    background-color: #efefef
}

.notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item a, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item a {
    text-decoration: none
}

.notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader {
    background-color: #f7f7f7;
    padding: 5px 10px;
    height: 50px
}

    .notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader .btn, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader .btn {
        background-color: transparent;
        width: 100%;
        height: 100%;
        padding: .5rem 1.2rem
    }

    .notifications-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader:hover, .message-nav-item .dropdown-menu.dropdown-menu-sm .list-group .list-group-item.list-group-loader:hover {
        background-color: #efefef
    }

.message-nav-item .dropdown-menu {
    padding: 0;
    min-width: auto
}

@media screen and (min-width:768px) {
    .message-nav-item .dropdown-menu {
        width: 100vw;
        max-width: 400px
    }
}

.message-nav-item .dropdown-menu .list-group.contact-list-mini.contact-list-widget .list-group-item {
    border: 0
}

    .message-nav-item .dropdown-menu .list-group.contact-list-mini.contact-list-widget .list-group-item > *:last-child {
        margin-bottom: auto;
        margin-top: 2px
    }

    .message-nav-item .dropdown-menu .list-group.contact-list-mini.contact-list-widget .list-group-item:hover {
        background-color: #efefef
    }

    .message-nav-item .dropdown-menu .list-group.contact-list-mini.contact-list-widget .list-group-item .message-content {
        display: block;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #6f7892
    }

    .message-nav-item .dropdown-menu .list-group.contact-list-mini.contact-list-widget .list-group-item .timestamp {
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 500;
        margin-left: auto;
        color: #999
    }

label {
    cursor: pointer;
    font-size: .92rem;
    font-weight: 400
}

input:-internal-autofill-selected, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important
}

.form-control {
    transition: border-color .15s ease-in-out,box-shadow 0s ease-in-out;
    border: 1px solid #e2e5ec
}

.input-group-text {
    border: 1px solid #e2e5ec;
    padding: 6px 12px;
    font-size: .92rem;
    font-weight: 400;
    color: #6c7ca9;
    background-color: #f3f7ff
}

.input-group-prepend .btn-outline-secondary:not(:disabled):not(.disabled), .input-group-prepend.show > .btn-outline-secondary.dropdown-toggle, .input-group-append .btn-outline-secondary:not(:disabled):not(.disabled), .input-group-append.show > .btn-outline-secondary.dropdown-toggle {
    color: #637bbd;
    border-color: #a7b7e6
}

    .input-group-prepend .btn-outline-secondary:not(:disabled):not(.disabled):hover, .input-group-prepend.show > .btn-outline-secondary.dropdown-toggle:hover, .input-group-append .btn-outline-secondary:not(:disabled):not(.disabled):hover, .input-group-append.show > .btn-outline-secondary.dropdown-toggle:hover {
        color: #637bbd !important;
        border-color: #a7b7e6 !important;
        background-color: #f3f7ff !important
    }

    .input-group-prepend .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .input-group-prepend .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .input-group-prepend.show > .btn-outline-secondary.dropdown-toggle.active:focus, .input-group-prepend.show > .btn-outline-secondary.dropdown-toggle:active:focus, .input-group-append .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .input-group-append .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .input-group-append.show > .btn-outline-secondary.dropdown-toggle.active:focus, .input-group-append.show > .btn-outline-secondary.dropdown-toggle:active:focus {
        box-shadow: 0 0 0 .2rem rgba(99,123,189,0.19);
        background-color: #f3f7ff !important
    }

.input-group-prepend.show > .btn-outline-secondary.dropdown-toggle, .input-group-append.show > .btn-outline-secondary.dropdown-toggle {
    box-shadow: 0 0 0 .2rem rgba(99,123,189,0.19);
    background-color: #f3f7ff !important
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
    color: #697eb9 !important;
    font-weight: 400
}

.input-group .custom-select {
    height: calc(1.5em + .75rem + 4px)
}

.input-group .custom-file-label {
    color: #697eb9;
    color: #56689a;
    font-size: 14px
}

.input-group .btn {
    padding-top: .4rem;
    padding-bottom: .4rem
}

.input-group .btn-merge {
    border-color: #e2e5ec
}

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding-left: 1.4rem;
    padding-right: 1.4rem
}

.custom-file > label {
    font-weight: 400
}

.custom-file .custom-file-label::after {
    height: calc(1.5em + .75rem + 1px);
    font-size: .92rem;
    font-weight: 400;
    padding: .4rem 1.2rem
}

.dropdown.input-group-prepend, .dropdown.input-group-append, .dropleft.input-group-prepend, .dropleft.input-group-append, .dropright.input-group-prepend, .dropright.input-group-append, .dropup.input-group-prepend, .dropup.input-group-append {
    display: flex
}

.form-control:focus {
    outline: 0;
    box-shadow: none
}

label {
    color: #646c9a
}

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

    .panel .form-group:last-child {
        margin-bottom: 0
    }

.field-row {
    padding: 0;
    margin-bottom: 1.5rem
}

    .field-row:last-child {
        border: 0;
        margin-bottom: 0
    }

    .field-row .form-group {
        margin: 0
    }

@media screen and (min-width:992px) {
    .field-row .form-group label:first-child {
        text-align: right
    }
}

.field-row label:not(.btn):first-child {
    color: #646c9a;
    font-size: 14px
}

.field-row .form-value {
    margin: 8px 15px 0;
    color: #777;
    font-size: 14px
}

.field-row .bootstrap-tagsinput {
    padding: 4.5px .92rem;
    height: auto;
    min-height: 40px
}

.form-control, .bootstrap-tagsinput {
    color: #636b96;
    font-size: 14px;
    padding: 8.5px .92rem;
    height: 40px
}

    .form-control:-ms-input-placeholder, .bootstrap-tagsinput:-ms-input-placeholder {
        color: #9399b9
    }

    .form-control::-moz-placeholder, .bootstrap-tagsinput::-moz-placeholder {
        color: #9399b9
    }

    .form-control:-ms-input-placeholder, .bootstrap-tagsinput:-ms-input-placeholder {
        color: #9399b9
    }

    .form-control::-ms-input-placeholder, .bootstrap-tagsinput::-ms-input-placeholder {
        color: #9399b9
    }

    .form-control::placeholder, .bootstrap-tagsinput::placeholder {
        color: #9399b9
    }

    .form-control.placeholder-dark:-ms-input-placeholder {
        color: #555
    }

    .form-control.placeholder-dark::-moz-placeholder {
        color: #555
    }

    .form-control.placeholder-dark::-ms-input-placeholder {
        color: #555
    }

    .form-control.placeholder-dark::placeholder {
        color: #555
    }

    .form-control.placeholder-light:-ms-input-placeholder {
        color: #e7e7e7
    }

    .form-control.placeholder-light::-moz-placeholder {
        color: #e7e7e7
    }

    .form-control.placeholder-light::-ms-input-placeholder {
        color: #e7e7e7
    }

    .form-control.placeholder-light::placeholder {
        color: #e7e7e7
    }

.form-control-plaintext {
    color: #636b96;
    font-weight: 400;
    font-size: .92rem
}

.form-panel .form-panel-heading {
    margin: 20px 0 20px;
    color: #636b96;
    font-size: 18px;
    font-family: dosis;
    font-weight: 600
}

    .form-panel .form-panel-heading i {
        font-size: 14px;
        vertical-align: 1px;
        line-height: 100%;
        margin-right: 5px
    }

    .form-panel .form-panel-heading svg {
        width: 14px;
        height: 14px;
        vertical-align: -1px
    }

.form-panel .form-panel-body {
    margin: 0;
    color: #474c6b;
    padding: 0 15px
}

.form-panel:first-child .form-panel-heading {
    margin-top: 0
}

.custom-control-label::before, .custom-control-label::after {
    top: .1rem
}

.custom-control {
    margin: 5px
}

@media screen and (min-width:992px) {
    .bootstrap-select .dropdown-menu.show {
        -webkit-animation: none !important;
        animation: none !important
    }
}

.bootstrap-select .dropdown-item:focus, .bootstrap-select .dropdown-item:hover, .bootstrap-select .dropdown-item.selected {
    color: #fff;
    text-decoration: none;
    background-color: #007bff
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    top: 8px
}

input[type="range"] {
    padding: 0
}

.custom-range {
    width: calc(100% - 70px);
    vertical-align: middle
}

.range-value {
    width: 60px;
    margin-right: 5px;
    display: inline-block;
    border: 1px solid #007bff;
    text-align: center;
    font-size: .92rem;
    padding: 5px;
    border-radius: 5px;
    direction: ltr;
    white-space: nowrap;
    color: #007bff
}

    .range-value input {
        width: 24px;
        border: 0;
        outline: 0;
        box-shadow: none;
        text-align: right;
        overflow: visible;
        color: #007bff
    }

        .range-value input:hover, .range-value input:active, .range-value input.active, .range-value input.focus {
            border: 0;
            outline: 0;
            box-shadow: none
        }

.custom-switch .custom-control-label::after {
    top: calc(.23rem + 0px)
}

textarea.form-control {
    min-height: 60px;
    resize: none
}

.label-required::after {
    display: inline-block;
    content: "*";
    color: #dc3545;
    margin-left: 5px
}

.bootstrap-tagsinput {
    width: 100%;
    line-height: .92rem;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    display: inline-block;
    padding: 0;
    color: #555;
    vertical-align: middle;
    border-radius: .25rem;
    max-width: 100%;
    cursor: text
}

    .bootstrap-tagsinput input {
        font-size: .92rem;
        font-weight: 400;
        line-height: 1.5;
        vertical-align: 8px;
        margin: 4px 0;
        color: #636b96
    }

    .bootstrap-tagsinput .tag {
        font-family: "poppins";
        font-size: 11px;
        font-weight: 500;
        position: relative;
        background: #556270;
        display: inline-block;
        max-width: 100%;
        word-wrap: break-word;
        color: #fff;
        padding: 5px 30px 5px 10px;
        border-radius: 20px;
        margin: 2px;
        line-height: 100%;
        padding-right: 10px;
        transition: padding .2s ease;
        overflow: hidden
    }

        .bootstrap-tagsinput .tag:hover {
            padding-right: 30px
        }

            .bootstrap-tagsinput .tag:hover [data-role="remove"] {
                opacity: 1
            }

        .bootstrap-tagsinput .tag [data-role="remove"] {
            position: absolute;
            background: 0;
            display: block;
            width: 30px;
            height: 20px;
            top: 0;
            right: 0;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            color: #fff;
            line-height: 30px;
            padding: 0;
            border: 0;
            opacity: 0;
            transition: opacity .2s ease
        }

            .bootstrap-tagsinput .tag [data-role="remove"]::before, .bootstrap-tagsinput .tag [data-role="remove"]::after {
                background: #fff;
                position: absolute;
                display: block;
                width: 10px;
                height: 1px;
                top: 10px;
                left: 10px;
                content: ''
            }

            .bootstrap-tagsinput .tag [data-role="remove"]::before {
                transform: rotateZ(45deg)
            }

            .bootstrap-tagsinput .tag [data-role="remove"]::after {
                transform: rotateZ(-45deg)
            }

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

.custom-control-label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400
}

.custom-checkbox {
    display: inline-block
}

.datepicker table tr th, .datepicker table tr td {
    font-family: "poppins"
}

.form-control {
    font-size: .92rem;
    font-weight: 400;
    height: calc(1.5em + .75rem + 5px)
}

    .form-control.form-control-sm {
        height: calc(1.5em + .5rem + 2px);
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem
    }

    .form-control.form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem;
        height: calc(1.5em + 1rem + 8px);
        padding: .5rem 1rem;
        font-size: 14px;
        font-weight: 400
    }

select.form-control {
    padding: 6px .92rem
}

    select.form-control.form-control-lg {
        padding: .4rem 1rem
    }

    select.form-control.form-control-sm {
        padding: .2rem 1.5rem .2rem .5rem
    }

input[type="file"].form-control {
    height: calc(1.5em + .75rem + 15px)
}

.colorpicker.colorpicker-2x {
    width: 272px
}

.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px
}

.colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px
}

.colorpicker-2x .colorpicker-alpha, .colorpicker-2x .colorpicker-preview {
    background-size: 20px 20px;
    background-position: 0 0,10px 10px
}

    .colorpicker-2x .colorpicker-preview, .colorpicker-2x .colorpicker-preview div {
        height: 30px;
        font-size: 16px;
        line-height: 160%
    }

.colorpicker-saturation .colorpicker-guide {
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin: -5px 0 0 -5px
}

.colorpicker-swatch {
    height: 15px;
    width: 15px;
    border: 0;
    box-shadow: none;
    border-radius: 20px;
    overflow: hidden
}

.colorpicker-2x .colorpicker-swatch {
    height: 25px;
    width: 25px;
    border: 0;
    box-shadow: none;
    border-radius: 20px;
    overflow: hidden
}

.switchery.switchery-xs {
    height: 1px
}

    .switchery.switchery-xs > small {
        top: -10px;
        width: 20px;
        height: 20px
    }

.switchery.switchery-sm {
    height: 10px
}

    .switchery.switchery-sm > small {
        top: -5px;
        width: 20px;
        height: 20px
    }

.switchery.switchery-md {
    height: 20px
}

    .switchery.switchery-md > small {
        top: -5px;
        width: 30px;
        height: 30px
    }

.switchery.switchery-lg {
    height: 10px
}

    .switchery.switchery-lg > small {
        top: -5px;
        width: 20px;
        height: 20px
    }

.template-download.fade:not(.in) {
    opacity: 0
}

.template-download.fade.in {
    opacity: 1
}

.template-upload.fade:not(.in) {
    opacity: 0
}

.template-upload.fade.in {
    opacity: 1
}

.steps.steps-1 {
    background-color: #fff;
    border: 0;
    box-shadow: 0 1px 3px rgba(51,51,51,0.15);
    border-radius: 35px;
    overflow: hidden
}

    .steps.steps-1 .nav-link {
        padding: 1rem 1rem
    }

.steps .nav-tabs {
    position: relative
}

    .steps .nav-tabs .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0;
        background-color: transparent;
        color: #fff;
        transition: color 300ms ease-in-out
    }

        .steps .nav-tabs .nav-link.active {
            background-color: transparent;
            border-color: transparent;
            color: #fff
        }

    .steps .nav-tabs .nav-item.nav-item-active ~ .nav-item .nav-link {
        color: #333
    }

    .steps .nav-tabs > * {
        position: relative;
        z-index: 9
    }

    .steps .nav-tabs .nav-floor {
        display: block;
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ed3472;
        transition: all 300ms ease-in-out;
        z-index: 1;
        border-radius: 35px
    }

        .steps .nav-tabs .nav-floor.rounded-circle {
            border-radius: 50px !important
        }

        .steps .nav-tabs .nav-floor.nav-floor-line {
            height: 2px
        }

    .steps .nav-tabs.tabs-underlined .nav-link, .steps .nav-tabs.tabs-bg-light .nav-link {
        color: #333
    }

        .steps .nav-tabs.tabs-underlined .nav-link.active, .steps .nav-tabs.tabs-bg-light .nav-link.active {
            color: #333
        }

.steps.steps-2 .nav-floor {
    border-radius: 0
}

.steps.steps-2 .nav-tabs.tabs-underlined .nav-link.active, .steps.steps-2 .nav-tabs.tabs-sidelined .nav-link.active {
    border-color: transparent
}

.steps.steps-3 {
    position: relative;
    padding-top: 27.5px
}

    .steps.steps-3 .nav-tabs {
        border: 0
    }

    .steps.steps-3 .nav-link {
        position: relative;
        padding-top: 40px;
        color: #333
    }

        .steps.steps-3 .nav-link.active {
            color: #333
        }

        .steps.steps-3 .nav-link::before {
            content: " ";
            position: absolute;
            right: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #91c0f8;
            top: 0;
            margin-top: 0
        }

    .steps.steps-3 .nav-item:first-child .nav-link::before {
        left: 50%;
        width: 50%
    }

    .steps.steps-3 .nav-item:last-child .nav-link::before {
        left: 0;
        width: 50%
    }

    .steps.steps-3 .nav-icon {
        display: flex;
        width: 50px;
        height: 50px;
        background-color: #91c0f8;
        color: #fff;
        border-radius: 50px;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: -26.5px auto 0
    }

        .steps.steps-3 .nav-icon img {
            width: 46px
        }

    .steps.steps-3 .nav-item.nav-item-active ~ .nav-item .nav-link .nav-icon, .steps.steps-3 .nav-item.nav-item-active ~ .nav-item .nav-link::before {
        background-color: #fff
    }

.steps.steps-4 .nav-link {
    font-family: dosis;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through
}

    .steps.steps-4 .nav-link.active {
        text-decoration: none
    }

.steps.steps-4 .nav-item.nav-item-active ~ .nav-item .nav-link {
    text-decoration: none
}

.steps.steps-4 .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-wall {
    width: 0
}

    .steps.steps-4 .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-wall::before {
        right: 1px
    }

.steps .form {
    position: relative;
    z-index: 9
}

.steps-5 .form .tab-content {
    height: 100%
}

    .steps-5 .form .tab-content > .active {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: auto
    }

        .steps-5 .form .tab-content > .active .panel-footer {
            margin-top: auto
        }

.steps-6 .nav-custom-2 .nav-link {
    background-color: #4cacff;
    color: #fff
}

    .steps-6 .nav-custom-2 .nav-link svg {
        width: 25px;
        fill: #fff;
        margin: 0 auto 5px
    }

    .steps-6 .nav-custom-2 .nav-link::after {
        border-left-color: #4cacff
    }

.steps-6 .nav-custom-2 .nav-item.nav-item-active ~ .nav-item .nav-link {
    background-color: #ddd;
    color: #333
}

    .steps-6 .nav-custom-2 .nav-item.nav-item-active ~ .nav-item .nav-link svg {
        fill: #333
    }

    .steps-6 .nav-custom-2 .nav-item.nav-item-active ~ .nav-item .nav-link::after {
        border-left-color: #ddd
    }

.nav-tabs.tabs-underlined .nav-link, .nav-tabs.tabs-bg-light .nav-link {
    color: #333
}

    .nav-tabs.tabs-underlined .nav-link.active, .nav-tabs.tabs-bg-light .nav-link.active {
        color: #333
    }

.nav-tabs.tabs-bg-light.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link {
    color: #333
}

    .nav-tabs.tabs-bg-light.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link.active {
        color: #333
    }

.nav-tabs.tabs-bg-dark.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link, .steps .nav-tabs.tabs-bg-dark.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link {
    color: #fff
}

    .nav-tabs.tabs-bg-dark.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link.active, .steps .nav-tabs.tabs-bg-dark.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link.active {
        color: #fff
    }

.custom-checkbox.custom-checkbox-2 .custom-control-input:checked ~ .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%235780f7' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-checkbox.custom-checkbox-2, .custom-checkbox.custom-checkbox-inverse-2 {
    display: block;
    margin: 0;
    min-height: 1.6rem
}

    .custom-checkbox.custom-checkbox-2 label, .custom-checkbox.custom-checkbox-inverse-2 label {
        padding-left: 10px;
        padding-top: 2px
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-label::before, .custom-checkbox.custom-checkbox-2 .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label::after {
        width: 1.45rem;
        height: 1.45rem
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label::before {
        border: #d6dae6 solid 1px;
        border-radius: 0
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label::after {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%235780f7' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
        opacity: 0;
        transition: all .3s
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-label.custom-control-2::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label.custom-control-2::after {
        background-image: none;
        opacity: 0;
        transition: all .3s;
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        font-size: 12px;
        padding: 1px 0;
        text-align: center
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-label:hover::before, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-label:hover::before {
        background-color: #eef2fe;
        border: #e7ecfb solid 1px
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-input:checked ~ .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
        opacity: 1
    }

    .custom-checkbox.custom-checkbox-2 .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #eef2fe;
        border: #e7ecfb solid 1px
    }

.custom-radio.custom-radio-2 .custom-control-input:checked ~ .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%235780f7' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-radio.custom-radio-2, .custom-radio.custom-radio-inverse-2 {
    display: block;
    margin: 0;
    min-height: 1.6rem
}

    .custom-radio.custom-radio-2 label, .custom-radio.custom-radio-inverse-2 label {
        padding-left: 10px;
        padding-top: 2px
    }

    .custom-radio.custom-radio-2 .custom-control-label::before, .custom-radio.custom-radio-2 .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-label::before, .custom-radio.custom-radio-inverse-2 .custom-control-label::after {
        width: 1.45rem;
        height: 1.45rem
    }

    .custom-radio.custom-radio-2 .custom-control-label::before, .custom-radio.custom-radio-inverse-2 .custom-control-label::before {
        border: #d6dae6 solid 1px
    }

    .custom-radio.custom-radio-2 .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-label::after {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%235780f7' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
        opacity: 0;
        transition: all .3s
    }

    .custom-radio.custom-radio-2 .custom-control-label.custom-control-2::after, .custom-radio.custom-radio-inverse-2 .custom-control-label.custom-control-2::after {
        background-image: none;
        opacity: 0;
        transition: all .3s;
        content: "\f00c";
        font-family: "Font Awesome 5 Free";
        font-weight: 800;
        font-size: 12px;
        padding: 1px 0;
        text-align: center
    }

    .custom-radio.custom-radio-2 .custom-control-label:hover::before, .custom-radio.custom-radio-inverse-2 .custom-control-label:hover::before {
        background-color: #eef2fe;
        border: #e7ecfb solid 1px
    }

    .custom-radio.custom-radio-2 .custom-control-input:checked ~ .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
        opacity: 1
    }

    .custom-radio.custom-radio-2 .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #eef2fe;
        border: #e7ecfb solid 1px
    }

.custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23eef2fe' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-checkbox.custom-checkbox-inverse-2 .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23ef2fe' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
    opacity: 0;
    transition: all .3s
}

.custom-radio.custom-radio-inverse-2 .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23eef2fe' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-radio.custom-radio-inverse-2 .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23ef2fe' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>");
    opacity: 0;
    transition: all .3s
}

.custom-checkbox.custom-checkbox-inverse-2 .custom-control-label:hover::before, .custom-radio.custom-radio-inverse-2 .custom-control-label:hover::before {
    background-color: rgba(51,218,217,0.3);
    border: #33dad9 solid 1px
}

.custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:checked ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #33dad9;
    border: #33dad9 solid 1px
}

.custom-checkbox.custom-checkbox-2 input:disabled ~ .custom-control-label:hover::before, .custom-checkbox.custom-checkbox-2 input[disabled] ~ .custom-control-label:hover::before, .custom-checkbox.custom-checkbox-2 input:disabled ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-2 input[disabled] ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 input:disabled ~ .custom-control-label:hover::before, .custom-checkbox.custom-checkbox-inverse-2 input[disabled] ~ .custom-control-label:hover::before, .custom-checkbox.custom-checkbox-inverse-2 input:disabled ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 input[disabled] ~ .custom-control-label::before, .custom-radio.custom-radio-2 input:disabled ~ .custom-control-label:hover::before, .custom-radio.custom-radio-2 input[disabled] ~ .custom-control-label:hover::before, .custom-radio.custom-radio-2 input:disabled ~ .custom-control-label::before, .custom-radio.custom-radio-2 input[disabled] ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 input:disabled ~ .custom-control-label:hover::before, .custom-radio.custom-radio-inverse-2 input[disabled] ~ .custom-control-label:hover::before, .custom-radio.custom-radio-inverse-2 input:disabled ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 input[disabled] ~ .custom-control-label::before {
    background-color: #e7ecfb;
    border: #d9dff3 solid 1px
}

.custom-checkbox.custom-checkbox-2 input.is-invalid ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 input.is-invalid ~ .custom-control-label::before, .custom-radio.custom-radio-2 input.is-invalid ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 input.is-invalid ~ .custom-control-label::before {
    background-color: transparent;
    border: #ff046c solid 1px
}

.was-validated .custom-checkbox.custom-checkbox-2 input:invalid ~ .custom-control-label::before, .was-validated .custom-checkbox.custom-checkbox-inverse-2 input:invalid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-2 input:invalid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-inverse-2 input:invalid ~ .custom-control-label::before {
    background-color: transparent;
    border: #ff046c solid 1px
}

.custom-checkbox.custom-checkbox-2 input.is-valid:checked ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-2 input.is-valid ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 input.is-valid:checked ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 input.is-valid ~ .custom-control-label::before, .custom-radio.custom-radio-2 input.is-valid:checked ~ .custom-control-label::before, .custom-radio.custom-radio-2 input.is-valid ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 input.is-valid:checked ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 input.is-valid ~ .custom-control-label::before {
    background-color: transparent;
    border: #06c48c solid 1px
}

.was-validated .custom-checkbox.custom-checkbox-2 input:valid ~ .custom-control-label::before, .was-validated .custom-checkbox.custom-checkbox-2 input:checked:valid ~ .custom-control-label::before, .was-validated .custom-checkbox.custom-checkbox-inverse-2 input:valid ~ .custom-control-label::before, .was-validated .custom-checkbox.custom-checkbox-inverse-2 input:checked:valid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-2 input:valid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-2 input:checked:valid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-inverse-2 input:valid ~ .custom-control-label::before, .was-validated .custom-radio.custom-radio-inverse-2 input:checked:valid ~ .custom-control-label::before {
    background-color: transparent;
    border: #06c48c solid 1px
}

.was-validated .custom-radio.custom-radio-2 .custom-control-input:checked:valid ~ .custom-control-label::after, .custom-radio.custom-radio-2 .custom-control-input:checked.is-valid ~ .custom-control-label::after, .was-validated .custom-checkbox.custom-checkbox-2 .custom-control-input:checked:valid ~ .custom-control-label::after, .was-validated .custom-checkbox.custom-checkbox-2 .custom-control-input:checked:valid ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%2306c48c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-checkbox.custom-checkbox-2 .custom-control-input.is-valid:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%2306c48c' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.was-validated .custom-radio.custom-radio-inverse-2 .custom-control-input:checked:valid ~ .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked.is-valid ~ .custom-control-label::after, .was-validated .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:valid:checked ~ .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input.is-valid:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.was-validated .custom-radio.custom-radio-inverse-2 .custom-control-input:checked:valid ~ .custom-control-label::before, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked.is-valid ~ .custom-control-label::before, .was-validated .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border: #06c48c solid 1px;
    background-color: #06c48c
}

.was-validated .custom-radio.custom-radio-inverse-2 .custom-control-input:checked:invalid ~ .custom-control-label::after, .custom-radio.custom-radio-inverse-2 .custom-control-input:checked.is-invalid ~ .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input.is-invalid:checked ~ .custom-control-label::after, .custom-checkbox.custom-checkbox-inverse-2 .custom-control-input.is-invalid:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>")
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: #ff046c
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #06c48c
}

.bootstrap-duallistbox-container select {
    display: block;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    height: calc(1.5em + .75rem + 5px);
    color: #636b96;
    transition: border-color .15s ease-in-out,box-shadow 0s ease-in-out;
    border: 1px solid #e2e5ec;
    font-size: .92rem;
    font-weight: 400;
    padding: 6px .92rem;
    color: #646c9a
}

    .bootstrap-duallistbox-container select option {
        font-weight: 400;
        padding: 5px
    }

.bootstrap-duallistbox-container .btn-group .btn {
    border: 1px solid #e2e5ec
}

label.error, div.error {
    color: #ff046c
}

div.error {
    font-size: .92rem;
    font-weight: 400;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.form-control.error {
    border-color: #ff046c
}

.editor-wrapper {
    position: relative;
    height: 400px
}

    .editor-wrapper .editor {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

[data-tiny-editor] {
    height: 400px
}

    [data-tiny-editor] h1, [data-tiny-editor] h2, [data-tiny-editor] h3, [data-tiny-editor] h4, [data-tiny-editor] h5, [data-tiny-editor] h6, [data-tiny-editor] pre, [data-tiny-editor] [face="sans-serif"], [data-tiny-editor] p {
        font-family: poppins
    }

    [data-tiny-editor] b {
        font-weight: bold
    }

.form-group.form-labels-center {
    align-items: center
}

.input-spinner.form-control {
    border-color: #e2e5ec
}

.input-spinner ~ .input-group .btn {
    border: 1px solid #cbd4ef !important
}

.input-group.input-group-rounded .form-control:first-child {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important
}

.input-group.input-group-rounded .form-control:last-child {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important
}

.input-group.input-group-rounded > .input-group-append > *:last-child {
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important
}

.input-group.input-group-rounded > .input-group-prepend > *:first-child {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important
}

.input-group.input-group-squared {
    border-radius: 0 !important
}

    .input-group.input-group-squared > .input-group-append > *, .input-group.input-group-squared > .input-group-prepend > *, .input-group.input-group-squared > .form-control {
        border-radius: 0 !important
    }

.input-icon {
    padding-top: .4rem;
    padding-bottom: .4rem;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .input-icon svg {
        height: 14px
    }

.input-group .btn {
    height: 100%
}

.input-group .input-group-prepend .btn, .input-group .input-group-append .btn {
    border-color: #e2e5ec
}

.input-group .input-group-text svg {
    width: 15px
}

.form-control-dark {
    color: #fff;
    background-color: #393b51
}

    .form-control-dark:focus {
        color: #fff;
        background-color: #393b51
    }

.form-control-solid {
    color: #5e5e74;
    background-color: #f1f1f7;
    border-color: #f1f1f7
}

    .form-control-solid:focus {
        color: #5e5e74;
        background-color: #f1f1f7;
        border-color: #e1e1ee
    }

.input-group-solid .form-control, .input-group-solid .custom-select, .input-group-solid .custom-file-input {
    color: #5e5e74;
    background-color: #f1f1f7;
    border-color: #f1f1f7
}

    .input-group-solid .form-control:focus, .input-group-solid .custom-select:focus, .input-group-solid .custom-file-input:focus {
        color: #5e5e74;
        background-color: #f1f1f7;
        border-color: #e1e1ee;
        box-shadow: none
    }

.input-group-solid .input-group-prepend, .input-group-solid .input-group-append, .input-group-solid .input-group-text {
    color: #5e5e74;
    background-color: #f7f7fa;
    border-color: #f1f1f7
}

.input-group-solid:not(.input-group-btn-inside) .input-group-prepend .btn, .input-group-solid:not(.input-group-btn-inside) .input-group-append .btn {
    border-color: #f1f1f7
}

    .input-group-solid:not(.input-group-btn-inside) .input-group-prepend .btn:hover, .input-group-solid:not(.input-group-btn-inside) .input-group-prepend .btn:focus, .input-group-solid:not(.input-group-btn-inside) .input-group-append .btn:hover, .input-group-solid:not(.input-group-btn-inside) .input-group-append .btn:focus {
        z-index: 3;
        border-color: #d1d1e4
    }

.input-group-solid.input-group-btn-inside .input-group-prepend, .input-group-solid.input-group-btn-inside .input-group-append, .input-group-solid.input-group-btn-inside .input-group-text {
    background-color: #f1f1f7
}

.input-group-solid.input-group-rounded:not(.input-group-btn-inside) .input-group-prepend, .input-group-solid.input-group-rounded:not(.input-group-btn-inside) .input-group-append {
    background-color: transparent;
    border-color: transparent
}

.input-group-solid.input-group-merged .input-group-prepend, .input-group-solid.input-group-merged .input-group-append {
    border-color: #f1f1f7
}

    .input-group-solid.input-group-merged .input-group-prepend .btn, .input-group-solid.input-group-merged .input-group-append .btn {
        background-color: #f1f1f7;
        border-color: #f1f1f7
    }

        .input-group-solid.input-group-merged .input-group-prepend .btn:hover, .input-group-solid.input-group-merged .input-group-append .btn:hover {
            z-index: 3;
            background-color: #e1e1ee;
            border-color: #e1e1ee
        }

        .input-group-solid.input-group-merged .input-group-prepend .btn:focus, .input-group-solid.input-group-merged .input-group-append .btn:focus {
            z-index: 3;
            background-color: #d1d1e4;
            border-color: #d1d1e4
        }

.input-group-solid.input-group-merged .input-group-text {
    background-color: #f1f1f7;
    border-color: #f1f1f7
}

.input-group-merged .input-group-prepend > * {
    border-right: 0
}

    .input-group-merged .input-group-prepend > *:not(:first-child) {
        border-left: 0
    }

.input-group-merged .input-group-append > * {
    border-left: 0
}

    .input-group-merged .input-group-append > *:not(:last-child) {
        border-right: 0
    }

.input-group-merged .form-control:not(:first-child):not(:focus) {
    border-left-color: transparent
}

.input-group-merged .form-control:not(:last-child):not(:focus) {
    border-right-color: transparent
}

.input-group-btn-inside .input-group-prepend, .input-group-btn-inside .input-group-append {
    border: 1px solid #e2e5ec;
    border-radius: .25rem;
    padding: 5px;
    font-size: .92rem
}

.input-group-btn-inside .input-group-prepend {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

.input-group-btn-inside .input-group-append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.input-group-btn-inside > .custom-select, .input-group-btn-inside > .form-control, .input-group-btn-inside .input-group-prepend, .input-group-btn-inside .input-group-append {
    font-size: .92rem;
    height: calc(1.5em + .75rem + 17px)
}

    .input-group-btn-inside > .custom-select:not(:first-child), .input-group-btn-inside > .form-control:not(:first-child) {
        border-left: 0
    }

    .input-group-btn-inside > .custom-select:not(:last-child), .input-group-btn-inside > .form-control:not(:last-child) {
        border-right: 0
    }

    .input-group-btn-inside > .custom-select:focus, .input-group-btn-inside > .form-control:focus {
        border-color: #e2e5ec
    }

.input-group-btn-inside .btn {
    border-radius: .25rem;
    font-size: .92rem
}

    .input-group-btn-inside .btn:not(:first-child) {
        margin-left: 5px
    }

.input-group-btn-inside > .input-group-append > .btn, .input-group-btn-inside > .input-group-append > .input-group-text, .input-group-btn-inside > .input-group-prepend:first-child > .btn:not(:first-child), .input-group-btn-inside > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group-btn-inside > .input-group-prepend:not(:first-child) > .btn, .input-group-btn-inside > .input-group-prepend:not(:first-child) > .input-group-text, .input-group-btn-inside > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn-inside > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group-btn-inside > .input-group-append:not(:last-child) > .btn, .input-group-btn-inside > .input-group-append:not(:last-child) > .input-group-text, .input-group-btn-inside > .input-group-prepend > .btn, .input-group-btn-inside > .input-group-prepend > .input-group-text {
    border-radius: .25rem
}

.input-group-btn-inside.input-group-sm > .custom-select, .input-group-btn-inside.input-group-sm > .form-control, .input-group-btn-inside.input-group-sm .input-group-prepend, .input-group-btn-inside.input-group-sm .input-group-append {
    font-size: .75rem;
    height: calc(1.5em + .5rem + 17px)
}

.input-group-btn-inside.input-group-sm .btn {
    font-size: .75rem
}

.input-group-btn-inside.input-group-lg > .custom-select, .input-group-btn-inside.input-group-lg > .form-control, .input-group-btn-inside.input-group-lg .input-group-prepend, .input-group-btn-inside.input-group-lg .input-group-append {
    font-size: 1rem;
    height: calc(1.5em + 1rem + 17px)
}

.input-group-btn-inside.input-group-lg .btn {
    font-size: 1rem
}

.input-group-btn-inside.input-group-rounded > .input-group-prepend {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.input-group-btn-inside.input-group-rounded > .input-group-append {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

    .input-group-btn-inside.input-group-rounded > .input-group-prepend > .btn, .input-group-btn-inside.input-group-rounded > .input-group-append > .btn {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px
    }

        .input-group-btn-inside.input-group-rounded > .input-group-prepend > .btn:not(:first-child), .input-group-btn-inside.input-group-rounded > .input-group-append > .btn:not(:first-child) {
            border-radius: 0
        }

        .input-group-btn-inside.input-group-rounded > .input-group-prepend > .btn:last-child, .input-group-btn-inside.input-group-rounded > .input-group-append > .btn:last-child {
            border-top-right-radius: 25px;
            border-bottom-right-radius: 25px
        }

.field-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem
}

    .field-group > .form-group {
        position: relative;
        width: 100%;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        margin-bottom: 0
    }

    .field-group:not(.field-group-vertical) > .form-group:not(:first-child) {
        margin-left: -1px
    }

    .field-group:not(.field-group-vertical) > .form-group:first-child:not(:last-child) .form-control:last-child, .field-group:not(.field-group-vertical) > .form-group:first-child:not(:last-child) .input-group-append:last-child > * {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .field-group:not(.field-group-vertical) > .form-group:last-child:not(:first-child) .form-control:first-child, .field-group:not(.field-group-vertical) > .form-group:last-child:not(:first-child) .input-group-prepend:first-child > * {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .field-group.field-group-vertical {
        flex-direction: column
    }

        .field-group.field-group-vertical > .form-group:not(:first-child) {
            margin-top: -1px
        }

        .field-group.field-group-vertical > .form-group:first-child .form-control:first-child, .field-group.field-group-vertical > .form-group:first-child .input-group-prepend:first-child > * {
            border-bottom-left-radius: 0
        }

        .field-group.field-group-vertical > .form-group:first-child .form-control:last-child, .field-group.field-group-vertical > .form-group:first-child .input-group-append:last-child > * {
            border-bottom-right-radius: 0
        }

        .field-group.field-group-vertical > .form-group:last-child .form-control:first-child, .field-group.field-group-vertical > .form-group:last-child .input-group-prepend:first-child > * {
            border-top-left-radius: 0
        }

        .field-group.field-group-vertical > .form-group:last-child .form-control:last-child, .field-group.field-group-vertical > .form-group:last-child .input-group-append:last-child > * {
            border-top-right-radius: 0
        }

    .field-group.field-group-vertical-lining {
        flex-direction: column
    }

        .field-group.field-group-vertical-lining > .form-group .form-control, .field-group.field-group-vertical-lining > .form-group .input-group-prepend > *, .field-group.field-group-vertical-lining > .form-group .input-group-append > * {
            border-radius: 0
        }

            .field-group.field-group-vertical-lining > .form-group .form-control:first-child:not(:focus), .field-group.field-group-vertical-lining > .form-group .input-group-prepend > *:first-child {
                border-left-color: transparent
            }

            .field-group.field-group-vertical-lining > .form-group .form-control:last-child:not(:focus), .field-group.field-group-vertical-lining > .form-group .input-group-prepend > *:last-child {
                border-right-color: transparent
            }

        .field-group.field-group-vertical-lining > .form-group:first-child .form-control:not(:focus), .field-group.field-group-vertical-lining > .form-group:first-child .input-group-prepend > *, .field-group.field-group-vertical-lining > .form-group:first-child .input-group-append > * {
            border-top-color: transparent
        }

        .field-group.field-group-vertical-lining > .form-group:last-child .form-control:not(:focus), .field-group.field-group-vertical-lining > .form-group:last-child .input-group-prepend > *, .field-group.field-group-vertical-lining > .form-group:last-child .input-group-append > * {
            border-bottom-color: transparent
        }

.field-group-lg .input-group > .custom-select, .field-group-lg .input-group > .form-control:not(textarea) {
    height: 55px
}

.field-group-lg .input-group > .input-group-append > .btn, .field-group-lg .input-group > .input-group-append > .input-group-text, .field-group-lg .input-group > .input-group-prepend > .btn, .field-group-lg .input-group > .input-group-prepend > .input-group-text {
    min-width: 60px;
    text-align: center;
    justify-content: center
}

.field-group-sm .input-group > .custom-select, .field-group-sm .input-group > .form-control:not(textarea) {
    height: calc(1.5em + .5rem + 2px)
}

.field-group-sm .input-group > .custom-select, .field-group-sm .input-group > .form-control, .field-group-sm .input-group > .input-group-append > .btn, .field-group-sm .input-group > .input-group-append > .input-group-text, .field-group-sm .input-group > .input-group-prepend > .btn, .field-group-sm .input-group > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.form-group-vertical {
    border: 1px solid #ddd;
    box-shadow: 0 2px 1px rgba(0,0,0,0.07);
    padding: 0;
    border-radius: 4px;
    position: relative
}

    .form-group-vertical .border-color {
        display: block;
        content: "";
        position: absolute;
        width: 6px;
        height: calc(100% + 1px);
        background-color: transparent;
        top: -1px;
        left: -1px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        transition: all .3s
    }

    .form-group-vertical label {
        padding: 6px 12px 0;
        margin: 5px
    }

    .form-group-vertical .form-text {
        display: block;
        padding: 6px 17px;
        background-color: #eee;
        width: 100%
    }

    .form-group-vertical .form-control, .form-group-vertical .btn {
        background-color: #fff;
        border: 0;
        margin-left: 5px;
        width: calc(100% - 5px)
    }

        .form-group-vertical .form-control:last-child, .form-group-vertical .btn:last-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .form-group-vertical .form-control:not(:last-child), .form-group-vertical .btn:not(:last-child) {
            border-radius: 0
        }

    .form-group-vertical .btn {
        margin-left: 0;
        width: calc(100% - 0px)
    }

        .form-group-vertical .btn:focus, .form-group-vertical .btn:active, .form-group-vertical .btn.active, .form-group-vertical .btn:active:focus, .form-group-vertical .btn:hover {
            background-color: #fff;
            outline: 0 !important;
            border: none !important;
            box-shadow: none !important
        }

    .form-group-vertical .form-control:focus {
        background-color: #fff;
        outline: 0;
        box-shadow: none
    }

        .form-group-vertical .form-control:focus ~ .border-color {
            background-color: #512da8
        }

.form-group-underline .form-control, .form-group-underline .btn {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #d0d0d0;
    transition: all .3s
}

    .form-group-underline .form-control:focus, .form-group-underline .btn:focus {
        background-color: rgba(4,4,4,0.05);
        outline: 0;
        box-shadow: none;
        border-bottom: 1px solid #4cacff
    }

.form-group-underline .btn {
    margin-left: 0;
    width: calc(100% - 0px)
}

    .form-group-underline .btn:focus, .form-group-underline .btn:active, .form-group-underline .btn.active, .form-group-underline .btn:active:focus, .form-group-underline .btn:hover {
        background-color: #fff;
        outline: 0 !important;
        border: none !important;
        border-bottom: 1px solid #4cacff !important;
        box-shadow: none !important
    }

.form-group-material {
    position: relative;
    margin-bottom: 45px
}

    .form-group-material .form-control {
        display: block;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #ccc
    }

        .form-group-material .form-control:focus {
            outline: 0
        }

    .form-group-material label {
        position: absolute;
        pointer-events: none;
        left: .92rem;
        top: 7.5px;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all;
        color: #9399b9;
        margin: 0
    }

    .form-group-material .form-control:focus ~ label, .form-group-material.filled .form-control ~ label {
        top: -11px;
        left: 0;
        font-size: 11px;
        color: #646c9a
    }

    .form-group-material .bar {
        position: relative;
        display: block;
        width: 100%
    }

        .form-group-material .bar::before, .form-group-material .bar::after {
            content: '';
            height: 2px;
            width: 0;
            bottom: 0;
            position: absolute;
            background: #5780f7;
            transition: .2s ease all;
            -moz-transition: .2s ease all;
            -webkit-transition: .2s ease all
        }

        .form-group-material .bar::before {
            left: 50%
        }

        .form-group-material .bar::after {
            right: 50%
        }

    .form-group-material .form-control:focus ~ .bar::before, .form-group-material .form-control:focus ~ .bar::after {
        width: 50%
    }

.was-validated .form-group-material .form-control:valid ~ label {
    top: -20px;
    font-size: 14px;
    color: #5264ae
}

.form-group-material-outline .form-control {
    display: block;
    border-radius: 0;
    border: 1px solid #e2e5ec;
    height: calc(1.5em + .75rem + 12px);
    padding: 11px .92rem
}

.form-group-material-outline label {
    left: 14px;
    top: 11.5px
}

.form-group-material-outline .form-control:focus ~ label, .form-group-material-outline.filled .form-control ~ label {
    top: -8px;
    left: 6px;
    font-size: 12px;
    color: #646c9a;
    background-color: #fff;
    padding: 0 7px
}

.input-group-password-toggle .btn .icon-see {
    display: inline
}

.input-group-password-toggle .btn .icon-hide {
    display: none
}

.input-group-password-toggle .btn.seeing .icon-see {
    display: none
}

.input-group-password-toggle .btn.seeing .icon-hide {
    display: inline
}

.custom-file.custom-image.custom-image-avatar {
    width: 100px;
    border-radius: 50%;
    overflow: visible;
    box-shadow: none
}

    .custom-file.custom-image.custom-image-avatar .image-preview {
        height: 100px;
        overflow: visible;
        box-shadow: 0 0 2px rgba(0,0,0,0.51);
        border-radius: 50%;
        background-color: #ebebeb
    }

        .custom-file.custom-image.custom-image-avatar .image-preview button.close {
            left: auto;
            bottom: auto;
            width: 30px;
            height: 30px;
            z-index: 99;
            padding: 0;
            box-shadow: none;
            background-color: #fff
        }

            .custom-file.custom-image.custom-image-avatar .image-preview button.close svg {
                width: 12px;
                margin: auto;
                fill: red
            }

                .custom-file.custom-image.custom-image-avatar .image-preview button.close svg path {
                    fill: red
                }

    .custom-file.custom-image.custom-image-avatar .upload-btn {
        position: absolute;
        top: 0;
        right: 0;
        box-shadow: 0 0 2px rgba(0,0,0,0.51);
        border-radius: 50%
    }

    .custom-file.custom-image.custom-image-avatar button.btn-upload {
        width: 30px;
        height: 30px;
        padding: 0;
        border-radius: 50%;
        font-size: 17px;
        padding-top: 2px;
        color: #5780f7;
        background: #fff;
        border-color: #fff
    }

.credit-left .credit, .credit-right .credit {
    display: block;
    margin: 3px 0;
    font-size: 11px;
    font-weight: 500;
    color: #3e5b7c;
    text-align: left
}

.credit-right .credit {
    text-align: right
}

.material-switch > input[type="checkbox"] {
    display: none
}

.material-switch > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px
}

    .material-switch > label::before {
        background: black;
        box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: .3;
        transition: all .4s ease-in-out;
        width: 40px
    }

    .material-switch > label::after {
        background: white;
        border-radius: 16px;
        box-shadow: 0 0 5px rgba(0,0,0,0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all .3s ease-in-out;
        width: 24px
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: .5
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px
}

.material-switch > input[type="checkbox"]:checked + label.bg-default::after {
    background: #fff
}

.dropdown.dropdown-select {
    width: 100%
}

    .dropdown.dropdown-select .dropdown-menu {
        width: 100%;
        max-height: 200px;
        overflow: auto
    }

        .dropdown.dropdown-select .dropdown-menu > .dropdown-item {
            padding: 0;
            color: #333
        }

            .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn {
                background-color: #fff;
                color: #333;
                text-align: left;
                border-radius: 0;
                border: 0;
                box-shadow: none;
                padding: .5rem 1rem;
                width: 100%
            }

                .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn:active, .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn.active {
                    background-color: #5e72e4;
                    color: #fff
                }

                .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn > .select-thumbnail {
                    display: inline-block;
                    vertical-align: middle;
                    padding: 1px;
                    line-height: 0
                }

                .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn > i {
                    font-size: 17px;
                    vertical-align: -2px
                }

                .dropdown.dropdown-select .dropdown-menu > .dropdown-item .btn > .content {
                    display: inline-block;
                    margin-left: 10px
                }

            .dropdown.dropdown-select .dropdown-menu > .dropdown-item .avatar-group .avatar {
                width: 30px;
                height: 30px;
                padding: 0;
                background-color: transparent
            }

                .dropdown.dropdown-select .dropdown-menu > .dropdown-item .avatar-group .avatar img {
                    width: 30px
                }

    .dropdown.dropdown-select > .btn {
        width: 100%;
        background-color: #fff;
        color: #91979c;
        margin: 0;
        box-shadow: 0 1px 3px rgba(50,50,93,0.15),0 1px 0 rgba(0,0,0,0.02);
        border: 0;
        font-weight: 500;
        font-size: 12px;
        padding: 9px 10px;
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 29px
    }

        .dropdown.dropdown-select > .btn::after {
            position: absolute;
            top: calc(50% - 8px);
            right: 15px
        }

    .dropdown.dropdown-select .custom-checkbox {
        display: block;
        margin: 0
    }

.dropdown-select.dropdown-select-purple .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-purple .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #62319e !important
}

.dropdown-select.dropdown-select-primary .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-primary .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #5780f7 !important
}

.dropdown-select.dropdown-select-secondary .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-secondary .dropdown-menu > .dropdown-item .btn.active {
    color: #333 !important;
    background-color: #efefef !important
}

.dropdown-select.dropdown-select-success .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-success .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #04ccb0 !important
}

.dropdown-select.dropdown-select-danger .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-danger .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #ff046c !important
}

.dropdown-select.dropdown-select-warning .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-warning .dropdown-menu > .dropdown-item .btn.active {
    color: #333 !important;
    background-color: #fab72b !important
}

.dropdown-select.dropdown-select-info .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-info .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #4cacff !important
}

.dropdown-select.dropdown-select-dark .dropdown-menu > .dropdown-item .btn:active, .dropdown-select.dropdown-select-dark .dropdown-menu > .dropdown-item .btn.active {
    color: #fff !important;
    background-color: #393b51 !important
}

.position-selector-wrap .form-text {
    margin-top: .5rem
}

.position-select {
    display: flex;
    display: -ms-inline-flexbox
}

    .position-select.positions-2-v .btn-group {
        flex-direction: column;
        align-items: stretch
    }

        .position-select.positions-2-v .btn-group .btn {
            border-radius: 0;
            margin: 0
        }

            .position-select.positions-2-v .btn-group .btn:first-child {
                border-right-width: 1px;
                border-radius: .25rem .25rem 0 0
            }

            .position-select.positions-2-v .btn-group .btn:last-child {
                border-left-width: 1px;
                border-top-width: 0;
                border-radius: 0 0 .25rem .25rem
            }

    .position-select.positions-4 {
        align-items: center
    }

        .position-select.positions-4 .btn-group {
            align-items: center
        }

            .position-select.positions-4 .btn-group .btn {
                border-radius: 0;
                margin: 0
            }

                .position-select.positions-4 .btn-group .btn:first-child {
                    border-right-width: 0;
                    border-radius: .25rem 0 0 .25rem
                }

                .position-select.positions-4 .btn-group .btn:last-child {
                    border-left-width: 0;
                    border-radius: 0 .25rem .25rem 0
                }

            .position-select.positions-4 .btn-group.vertical {
                flex-direction: column;
                align-items: stretch
            }

                .position-select.positions-4 .btn-group.vertical .btn:first-child {
                    border-right-width: 1px;
                    border-radius: .25rem .25rem 0 0
                }

                .position-select.positions-4 .btn-group.vertical .btn:last-child {
                    border-left-width: 1px;
                    border-top-width: 0;
                    border-radius: 0 0 .25rem .25rem
                }

    .position-select.positions-6 {
        align-items: center
    }

        .position-select.positions-6 .btn-group {
            align-items: center
        }

            .position-select.positions-6 .btn-group.vertical {
                flex-direction: column;
                align-items: stretch
            }

                .position-select.positions-6 .btn-group.vertical .btn {
                    border-radius: 0;
                    margin: 0
                }

                    .position-select.positions-6 .btn-group.vertical .btn:last-child {
                        border-top-width: 0
                    }

                .position-select.positions-6 .btn-group.vertical:first-child .btn:first-child {
                    border-radius: .25rem 0 0 0
                }

                .position-select.positions-6 .btn-group.vertical:first-child .btn:last-child {
                    border-radius: 0 0 0 .25rem
                }

                .position-select.positions-6 .btn-group.vertical:last-child .btn:first-child {
                    border-radius: 0 .25rem 0 0
                }

                .position-select.positions-6 .btn-group.vertical:last-child .btn:last-child {
                    border-radius: 0 0 .25rem 0
                }

    .position-select .icon-top-left {
        transform: rotate(45deg)
    }

    .position-select .icon-top-right {
        transform: rotate(-45deg)
    }

    .position-select .icon-bottom-left {
        transform: rotate(-45deg)
    }

    .position-select .icon-bottom-right {
        transform: rotate(45deg)
    }

    .position-select.is-invalid .btn {
        border-color: #ff046c !important;
        background-color: #fff !important;
        color: #ff046c !important
    }

        .position-select.is-invalid .btn:hover, .position-select.is-invalid .btn.hover, .position-select.is-invalid .btn:active, .position-select.is-invalid .btn.active {
            color: #fff !important;
            background-color: #ff046c !important;
            border-color: #ea0061
        }

            .position-select.is-invalid .btn:hover svg, .position-select.is-invalid .btn.hover svg, .position-select.is-invalid .btn:active svg, .position-select.is-invalid .btn.active svg {
                fill: #fff !important
            }

        .position-select.is-invalid .btn:not(:disabled):not(.disabled):active:focus, .position-select.is-invalid .btn:not(:disabled):not(.disabled).active.focus {
            box-shadow: 0 0 0 .2rem rgba(255,4,108,0.5)
        }

        .position-select.is-invalid .btn i {
            color: #ff046c !important
        }

        .position-select.is-invalid .btn svg {
            fill: #ff046c !important
        }

    .position-select.is-valid .btn {
        border-color: #04ccb0 !important;
        background-color: #fff !important;
        color: #04ccb0 !important
    }

        .position-select.is-valid .btn:hover, .position-select.is-valid .btn.hover, .position-select.is-valid .btn:active, .position-select.is-valid .btn.active {
            color: #fff !important;
            background-color: #04ccb0 !important;
            border-color: #04b39a
        }

            .position-select.is-valid .btn:hover svg, .position-select.is-valid .btn.hover svg, .position-select.is-valid .btn:active svg, .position-select.is-valid .btn.active svg {
                fill: #fff !important
            }

        .position-select.is-valid .btn:not(:disabled):not(.disabled):active:focus, .position-select.is-valid .btn:not(:disabled):not(.disabled).active.focus {
            box-shadow: 0 0 0 .2rem rgba(4,204,176,0.5)
        }

        .position-select.is-valid .btn svg {
            fill: #04ccb0 !important
        }

.fa-hand-pointer-up::before {
    content: "\f25a"
}

.fa-hand-pointer-down::before {
    display: inline-block;
    content: "\f25a";
    transform: scaleY(-1)
}

.fa-hand-pointer-right::before {
    display: inline-block;
    content: "\f25a";
    transform: rotate(90deg)
}

.fa-hand-pointer-left::before {
    display: inline-block;
    content: "\f25a";
    transform: scaleX(-1) rotate(90deg)
}

.btn.effect {
    position: relative;
    min-width: 180px;
    border-radius: 3px;
    overflow: hidden
}

    .btn.effect.effect-4 {
        transition: all .2s linear 0s
    }

        .btn.effect.effect-4 i {
            font-size: 13px;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 0;
            top: 0;
            opacity: 0;
            height: 100%;
            width: 40px;
            transition: all .2s linear 0s
        }

        .btn.effect.effect-4 svg {
            height: 13px;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            opacity: 0;
            height: 17px;
            width: 17px;
            transition: all .2s linear 0s
        }

        .btn.effect.effect-4:hover {
            text-indent: -20px
        }

            .btn.effect.effect-4:hover i {
                opacity: 1;
                text-indent: 0
            }

            .btn.effect.effect-4:hover svg {
                opacity: 1
            }

    .btn.effect.effect-5 {
        transition: all .2s linear 0s
    }

        .btn.effect.effect-5 i {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            right: -30px;
            width: 30px;
            height: 100%;
            background-color: rgba(255,255,255,0.3);
            border-radius: 0 3px 3px 0;
            transition: all .2s linear 0s;
            text-align: center
        }

        .btn.effect.effect-5 svg {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 17px;
            width: 17px;
            position: absolute;
            top: 0;
            right: -30px;
            bottom: 0;
            margin: auto;
            transition: all .2s linear 0s;
            text-align: center
        }

        .btn.effect.effect-5:hover {
            text-indent: -30px
        }

            .btn.effect.effect-5:hover i {
                right: 0;
                text-indent: 0
            }

            .btn.effect.effect-5:hover svg {
                right: 10px
            }

    .btn.effect.effect-6 {
        transition: all .2s linear 0s
    }

        .btn.effect.effect-6 i {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 18px;
            transition: all .2s linear 0s
        }

        .btn.effect.effect-6 svg {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 17px;
            width: 17px;
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            margin: auto;
            transition: all .2s linear 0s
        }

        .btn.effect.effect-6:hover {
            text-indent: -9999px
        }

            .btn.effect.effect-6:hover i {
                top: 0;
                text-indent: 0
            }

            .btn.effect.effect-6:hover svg {
                top: calc(50% - 8.5px)
            }

    .btn.effect.effect-7 {
        transition: all .2s linear 0s
    }

        .btn.effect.effect-7 i {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 18px;
            transform: scale(0,1);
            transition: all .2s linear 0s
        }

        .btn.effect.effect-7 svg {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 17px;
            width: 17px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            transform: scale(0,1);
            transition: all .2s linear 0s
        }

        .btn.effect.effect-7:hover {
            text-indent: -9999px
        }

            .btn.effect.effect-7:hover i {
                transform: scale(1,1);
                text-indent: 0
            }

            .btn.effect.effect-7:hover svg {
                transform: scale(1,1)
            }

    .btn.effect.effect-8 {
        min-width: 200px;
        transition: all .2s linear 0s
    }

        .btn.effect.effect-8 i {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 30px;
            background-color: rgba(255,255,255,0.3);
            transform: scale(0,1);
            transform-origin: left center;
            transition: all .2s linear 0s
        }

        .btn.effect.effect-8 svg {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 17px;
            width: 17px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
            transform: scale(0,1);
            transform-origin: left center;
            transition: all .2s linear 0s;
            text-align: center
        }

        .btn.effect.effect-8:hover {
            text-indent: 30px
        }

            .btn.effect.effect-8:hover i {
                transform: scale(1,1);
                text-indent: 0
            }

            .btn.effect.effect-8:hover svg {
                left: 10px;
                transform: scale(1,1)
            }

.img-circled {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: 0 20px;
    background-position: center center;
    background-size: cover
}

    .img-circled img {
        max-width: 400px
    }

.avatar {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    text-transform: uppercase;
    background-color: #eee;
    text-align: center;
    font-size: 18px;
    padding-top: 13px;
    font-weight: 400
}

    .avatar.rounded {
        border-radius: 10% !important
    }

img.avatar {
    padding: 0 !important
}

.avatar-1 {
    width: 30px;
    height: 30px
}

.avatar-2 {
    width: 70px;
    height: 70px
}

.avatar-3 {
    width: 90px;
    height: 90px
}

.avatar-4 {
    width: 120px;
    height: 120px
}

.avatar-5 {
    width: 150px;
    height: 150px
}

.img-stack {
    display: block;
    padding-left: 15px;
    white-space: nowrap
}

    .img-stack img, .img-stack a.avatar {
        width: 30px;
        height: 30px;
        border-radius: 20px;
        display: inline-block;
        margin-left: -15px;
        border: 2px solid #fff;
        position: relative;
        z-index: 1
    }

        .img-stack img:hover, .img-stack a.avatar:hover {
            z-index: 2
        }

    .img-stack a.avatar {
        padding: 6px;
        font-size: 11px;
        font-weight: 500;
        text-align: center;
        width: auto;
        min-width: 30px
    }

        .img-stack a.avatar:hover {
            text-decoration: none
        }

    .img-stack span {
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        margin-left: -15px;
        border: 2px solid #fff;
        background-color: #fdfdfd;
        position: relative;
        z-index: 1;
        color: #ed3472;
        font-size: 14px;
        text-align: center;
        line-height: 220%
    }

        .img-stack span:hover {
            z-index: 2
        }

    .img-stack.img-stack-lg {
        padding-left: 15px
    }

        .img-stack.img-stack-lg img, .img-stack.img-stack-lg a.avatar {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            display: inline-block;
            margin-left: -15px;
            border: 3px solid #fff
        }

        .img-stack.img-stack-lg a.avatar {
            padding: 12px;
            font-size: 15px;
            font-weight: 600;
            width: auto;
            min-width: 50px
        }

        .img-stack.img-stack-lg span {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            margin-left: -15px
        }

.avatar.avatar-1 {
    padding-top: 8px;
    font-size: 11px
}

.avatar.avatar-2 {
    padding-top: 11px;
    font-size: 34px
}

.avatar.avatar-3 {
    padding-top: 13px;
    font-size: 44px
}

.avatar.avatar-4 {
    padding-top: 16px;
    font-size: 64px
}

.avatar.avatar-5 {
    padding-top: 22px;
    font-size: 74px
}

.elevation-sm, .elevation, .elevation-lg {
    box-shadow: 0 0 0 rgba(0,0,0,0.075);
    transition: box-shadow 300ms;
    cursor: pointer
}

    .elevation-sm:hover {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075) !important
    }

    .elevation:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important
    }

    .elevation-lg:hover {
        box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
    }

.elevation-inverse-sm, .elevation-inverse, .elevation-inverse-lg {
    transition: box-shadow 300ms;
    cursor: pointer
}

    .elevation-inverse-sm:hover, .elevation-inverse:hover, .elevation-inverse-lg:hover {
        box-shadow: 0 0 0 rgba(0,0,0,0.075) !important
    }

.elevation-inverse-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,0.075) !important
}

.elevation-inverse {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15) !important
}

.elevation-inverse-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important
}

.user-avatar-lg {
    display: block;
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #eee;
    border-radius: 10px
}

.user-avatar {
    position: relative;
    display: inline-block
}

    .user-avatar .color-badge {
        position: absolute;
        margin: 0;
        bottom: 0;
        right: 0;
        width: 14px;
        height: 14px;
        border: 2px solid #fff
    }

        .user-avatar .color-badge.badge-size-1 {
            bottom: -1px;
            right: -1px;
            width: 10px;
            height: 10px
        }

        .user-avatar .color-badge.badge-size-2 {
            bottom: 2px;
            right: 2px;
            width: 16px;
            height: 16px
        }

        .user-avatar .color-badge.badge-size-3 {
            bottom: 3px;
            right: 3px;
            width: 20px;
            height: 20px;
            border-width: 3px
        }

        .user-avatar .color-badge.badge-size-4 {
            bottom: 7px;
            right: 7px;
            width: 22px;
            height: 22px;
            border-width: 3px
        }

        .user-avatar .color-badge.badge-size-5 {
            bottom: 9px;
            right: 9px;
            width: 26px;
            height: 26px;
            border-width: 4px
        }

    .user-avatar.rounded .color-badge, .user-avatar.squared .color-badge {
        position: absolute;
        margin: 0;
        bottom: -5px;
        right: -5px;
        width: 14px;
        height: 14px;
        border: 2px solid #fff
    }

        .user-avatar.rounded .color-badge.badge-size-1, .user-avatar.squared .color-badge.badge-size-1 {
            bottom: -3px;
            right: -3px;
            width: 10px;
            height: 10px
        }

        .user-avatar.rounded .color-badge.badge-size-2, .user-avatar.squared .color-badge.badge-size-2 {
            bottom: -5px;
            right: -5px;
            width: 16px;
            height: 16px
        }

        .user-avatar.rounded .color-badge.badge-size-3, .user-avatar.squared .color-badge.badge-size-3 {
            bottom: -7px;
            right: -7px;
            width: 20px;
            height: 20px;
            border-width: 3px
        }

        .user-avatar.rounded .color-badge.badge-size-4, .user-avatar.squared .color-badge.badge-size-4 {
            bottom: -8px;
            right: -8px;
            width: 22px;
            height: 22px;
            border-width: 3px
        }

        .user-avatar.rounded .color-badge.badge-size-5, .user-avatar.squared .color-badge.badge-size-5 {
            bottom: -10px;
            right: -10px;
            width: 26px;
            height: 26px;
            border-width: 4px
        }

.img-stack .user-avatar .color-badge, .img-stack.img-stack-lg .user-avatar .color-badge {
    z-index: 1;
    bottom: 2px;
    right: 2px
}

.img-stack .user-avatar:hover .color-badge, .img-stack.img-stack-lg .user-avatar:hover .color-badge {
    z-index: 2
}

.user-avatar-inside-svg {
    width: 150px;
    height: 150px
}

    .user-avatar-inside-svg .user-avatar {
        width: 69%;
        height: 69%
    }

        .user-avatar-inside-svg .user-avatar img {
            width: 100%;
            height: 100%
        }

    .user-avatar-inside-svg svg {
        width: 87%;
        height: 87%;
        margin-top: -83%
    }

.avatar-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

    .avatar-img img {
        max-width: 100%
    }

    .avatar-img.img-initials {
        display: inline-block;
        padding: 12px 0 0 2px;
        background-color: #eee;
        width: 50px;
        height: 50px;
        font-weight: 800;
        letter-spacing: 2px;
        text-align: center;
        font-size: 18px;
        color: #666;
        text-transform: uppercase
    }

.lister {
    display: block;
    padding: 0;
    margin: 0;
    border: 0
}

    .lister li {
        display: flex;
        position: relative;
        padding: 10px 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 0;
        border-bottom: 1px solid #eee
    }

        .lister li .read-more {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 100%;
            padding: 0
        }

            .lister li .read-more a {
                display: block;
                height: 100%;
                color: #555;
                padding: 0 20px
            }

                .lister li .read-more a:hover {
                    background-color: #f7f7f7
                }

                .lister li .read-more a i {
                    top: calc(50% - 8px);
                    position: relative
                }

    .lister.conversation {
        margin: 10px
    }

        .lister.conversation li {
            white-space: normal
        }

            .lister.conversation li.message {
                margin-bottom: 0;
                padding-bottom: 30px !important
            }

            .lister.conversation li.self {
                background-color: #f5f5f5
            }

            .lister.conversation li p {
                margin: 0
            }

    .lister li:last-child {
        border-bottom: 0
    }

    .lister li .datetime {
        margin-top: 15px
    }

    .lister li .align-end {
        margin-left: auto;
        margin-right: 0
    }

    .lister li .user-name {
        display: inline-block;
        margin-left: 20px
    }

        .lister li .user-name span {
            margin-top: 4px;
            display: block
        }

            .lister li .user-name span:last-child {
                font-size: 13px;
                color: #777
            }

    .lister.lister-lg li {
        padding: 20px
    }

    .lister.lister-lg .avatar-img {
        display: inline-block;
        width: 110px;
        height: auto;
        border-radius: 4px
    }

.lister-item-column {
    display: inline-block;
    margin-left: 20px
}

.lister-item-title, .lister-item-subtitle {
    display: block
}

.lister-item-title {
    color: #333;
    font-weight: 500;
    font-size: 18px
}

.lister-item-subtitle {
    color: #777
}

.lister-2 {
    display: block;
    background-color: #fff
}

    .lister-2 li {
        display: block;
        border-bottom: 0;
        transition: all .3s
    }

        .lister-2 li:last-child {
            border-bottom: 1px solid rgba(0,0,0,0.125)
        }

        .lister-2 li .icon-box {
            width: 50px;
            height: 50px;
            background-color: #eee;
            font-size: 24px;
            color: #5780f7;
            text-align: center;
            line-height: 52px;
            border-radius: 30px
        }

        .lister-2 li .lister-item-title {
            color: #4387c2;
            font-weight: 500;
            font-size: 15px
        }

        .lister-2 li .lister-item-subtitle {
            color: #929292;
            font-size: 13px
        }

        .lister-2 li .lister-item-column {
            margin-left: 0;
            margin-top: 13px
        }

    .lister-2.lister-sm li .icon-box {
        width: 40px;
        height: 40px;
        font-size: 17px;
        line-height: 43px;
        border-radius: 20px
    }

    .lister-2.lister-sm li .lister-item-title {
        font-size: 14px;
        margin-top: 2px
    }

    .lister-2.lister-sm li .lister-item-subtitle {
        font-size: 12px
    }

    .lister-2.lister-sm li .lister-item-column {
        margin-top: 9px
    }

        .lister-2.lister-sm li .lister-item-column .lister-item-title {
            font-weight: 500
        }

.list-group-item {
    font-size: 13px;
    font-weight: 400
}

.categories-list .list-group-item {
    border: 0;
    padding: 3px 0;
    font-family: "poppins, sans-serif";
    font-size: 12px
}

    .categories-list .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .categories-list .list-group-item .list-item-label, .categories-list .list-group-item .list-item-label > div {
        display: inline-block
    }

.categories-list > ul {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 30px
}

    .categories-list > ul ul {
        display: block;
        margin-left: 10px;
        border-left: 1px dashed rgba(0,0,0,0.53);
        padding-left: 30px
    }

    .categories-list > ul li {
        display: list-item;
        list-style: disc;
        padding-left: 0
    }

.lister-menu {
    border: 1px solid rgba(0,0,0,0.125)
}

    .lister-menu .list-group-item {
        text-align: left;
        border: 0
    }

        .lister-menu .list-group-item:hover {
            background-color: #eee
        }

        .lister-menu .list-group-item:active, .lister-menu .list-group-item:focus {
            background-color: #ddd
        }

        .lister-menu .list-group-item:active, .lister-menu .list-group-item:focus {
            border: 0;
            outline: 0
        }

        .lister-menu .list-group-item.bg-secondary:not(span):hover, .lister-menu .list-group-item.bg-secondary:not(span):active, .lister-menu .list-group-item.bg-secondary:not(span):focus {
            color: #fff
        }

        .lister-menu .list-group-item i {
            margin-right: 7px
        }

    .lister-menu .list-group-separator {
        padding: 0;
        height: 0;
        border-bottom: 1px solid rgba(0,0,0,0.125)
    }

    .lister-menu.has-header .list-group-item {
        padding-left: 40px
    }

        .lister-menu.has-header .list-group-item.list-group-header {
            padding-left: 20px
        }

            .lister-menu.has-header .list-group-item.list-group-header:hover, .lister-menu.has-header .list-group-item.list-group-header:active, .lister-menu.has-header .list-group-item.list-group-header:focus {
                background-color: transparent
            }

.playlist-has-frame {
    position: relative;
    padding: 10px 12px
}

.playlist-frame {
    width: 300px;
    height: 620px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 999
}

.playlist-wrapper {
    overflow: hidden;
    border-radius: 50px
}

.playlist-bg {
    height: 250px;
    background-position: center center;
    background-size: cover;
    padding: 50px 00px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.playlist-info {
    background-color: rgba(23,21,23,0.71);
    padding: 10px 30px
}

.playlist-name {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 400
}

.list-group-playlist::-webkit-scrollbar {
    width: 5px;
    height: 7px
}

.list-group-playlist::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.list-group-playlist::-webkit-scrollbar-thumb {
    background-color: #525965;
    border: 0 none #fff;
    border-radius: 0
}

    .list-group-playlist::-webkit-scrollbar-thumb:hover {
        background-color: #525965
    }

    .list-group-playlist::-webkit-scrollbar-thumb:active {
        background-color: #525965
    }

.list-group-playlist::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0 none #fff;
    border-radius: 50px
}

    .list-group-playlist::-webkit-scrollbar-track:hover {
        background-color: transparent
    }

    .list-group-playlist::-webkit-scrollbar-track:active {
        background-color: transparent
    }

.list-group-playlist::-webkit-scrollbar-corner {
    background-color: transparent
}

.list-group-playlist {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px 0;
    padding-bottom: 0;
    background-color: #000;
    height: 336px;
    cursor: pointer;
    overflow: auto
}

    .list-group-playlist .song-img {
        background-position: center center;
        background-size: cover;
        width: 70px;
        height: 70px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .list-group-playlist .list-group-item {
        background-color: #292929;
        color: rgba(255,255,255,0.75);
        text-align: left;
        border: 0;
        display: flex;
        padding: 0;
        border-radius: 10px;
        transition: transform 100ms ease-in-out;
        margin: 5px;
        height: 70px
    }

        .list-group-playlist .list-group-item:hover {
            background-color: #3a3a3a;
            transform: translateY(-5px);
            z-index: 99
        }

    .list-group-playlist .song-etc {
        width: 70px;
        margin-left: auto;
        margin-right: 0;
        padding: 18px 0;
        text-align: center
    }

        .list-group-playlist .song-etc .song-favorite {
            padding: 0;
            font-size: 15px;
            color: #ed3472
        }

            .list-group-playlist .song-etc .song-favorite i::before {
                font-weight: 500
            }

            .list-group-playlist .song-etc .song-favorite.favorited {
                color: #ff0101
            }

                .list-group-playlist .song-etc .song-favorite.favorited i::before {
                    font-weight: 800
                }

            .list-group-playlist .song-etc .song-favorite:hover, .list-group-playlist .song-etc .song-favorite:focus, .list-group-playlist .song-etc .song-favorite:active {
                box-shadow: none;
                outline: 0
            }

        .list-group-playlist .song-etc .dropdown-toggle {
            color: #b9b9b9;
            box-shadow: none;
            outline: 0
        }

            .list-group-playlist .song-etc .dropdown-toggle:hover, .list-group-playlist .song-etc .dropdown-toggle:focus, .list-group-playlist .song-etc .dropdown-toggle:active {
                box-shadow: none;
                outline: 0;
                color: #fff
            }

        .list-group-playlist .song-etc .dropdown-menu {
            top: 40px !important;
            left: 30px !important
        }

            .list-group-playlist .song-etc .dropdown-menu.dropdown-menu-arrow:before {
                display: block;
                position: absolute;
                z-index: -5;
                bottom: 100%;
                right: 20px;
                left: auto;
                width: 12px;
                height: 12px;
                content: '';
                transform: rotate(-45deg) translateY(12px);
                border-radius: 2px;
                background: #fff;
                box-shadow: none
            }

        .list-group-playlist .song-etc .dropdown-item {
            font-size: 10px;
            font-weight: 400;
            padding: 6px 10px
        }

            .list-group-playlist .song-etc .dropdown-item:first-child {
                border-top-right-radius: 7px;
                border-top-left-radius: 7px
            }

            .list-group-playlist .song-etc .dropdown-item:last-child {
                border-bottom-right-radius: 7px;
                border-bottom-left-radius: 7px
            }

        .list-group-playlist .song-etc button {
            color: #fff
        }

            .list-group-playlist .song-etc button::after, .list-group-playlist .song-etc button::before {
                display: none
            }

    .list-group-playlist .song-info {
        padding: 10px;
        padding-top: 16px;
        text-align: left;
        overflow: hidden;
        max-width: 121px
    }

        .list-group-playlist .song-info:hover, .list-group-playlist .song-info:focus, .list-group-playlist .song-info:active {
            box-shadow: none;
            outline: 0
        }

        .list-group-playlist .song-info .song-name {
            display: block;
            font-size: 14px;
            color: rgba(255,255,255,0.9);
            font-weight: 500;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .list-group-playlist .song-info .singer {
            font-size: 12px;
            color: #b9b9b9
        }

    .list-group-playlist > span {
        display: inline-block;
        margin-right: 0;
        margin-left: 0;
        height: 70px
    }

.playlist-wrapper.playlist-light .list-group-playlist {
    background-color: #eee
}

.playlist-wrapper.playlist-light .list-group-item {
    background-color: #dedede
}

.playlist-wrapper.playlist-light .song-name {
    color: rgba(0,0,0,0.9)
}

.playlist-wrapper.playlist-light .singer {
    color: #494949
}

.playlist-wrapper.playlist-light .song-etc .dropdown .dropdown-toggle {
    color: #6c6c6c
}

.list-group-selectable {
    border: 0
}

    .list-group-selectable .list-group-item {
        padding: 0;
        margin: 0
    }

        .list-group-selectable .list-group-item > label {
            width: 100%;
            padding: 0;
            margin: 0;
            background-color: #fff
        }

        .list-group-selectable .list-group-item:first-child > label {
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem
        }

        .list-group-selectable .list-group-item:last-child > label {
            border-bottom-left-radius: .25rem;
            border-bottom-right-radius: .25rem
        }

        .list-group-selectable .list-group-item .row {
            margin: 0
        }

        .list-group-selectable .list-group-item .col-input {
            align-items: center;
            justify-content: center;
            display: flex
        }

        .list-group-selectable .list-group-item .col-info span {
            display: block
        }

        .list-group-selectable .list-group-item .col-info .info-title {
            font-weight: 500;
            font-size: 15px;
            color: #333;
            margin: 10px 0 0
        }

        .list-group-selectable .list-group-item .col-info .info-subtitle {
            display: inline-block;
            font-size: 13px;
            font-weight: 400;
            margin: 5px 0 10px;
            padding: 7px 11px
        }

        .list-group-selectable .list-group-item .col-tag {
            background-color: rgba(0,0,0,0.02);
            padding: 0;
            text-align: center
        }

            .list-group-selectable .list-group-item .col-tag .tag-header, .list-group-selectable .list-group-item .col-tag .tag-content {
                display: block;
                margin: 10px 0 0;
                font-weight: 400
            }

            .list-group-selectable .list-group-item .col-tag .tag-content {
                font-size: 16px;
                font-weight: 600;
                margin-bottom: 10px
            }

    .list-group-selectable .custom-control-label::before, .list-group-selectable .custom-control-label::after {
        top: 1.7rem;
        left: 1.2rem
    }

    .list-group-selectable:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #b48015;
        background-color: #b48015
    }

    .list-group-selectable:not(.list-group-separate) .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: #facc6d;
        border-color: #facc6d
    }

    .list-group-selectable:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label {
        background-color: #ffb211
    }

        .list-group-selectable:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-tag {
            color: #fff
        }

        .list-group-selectable:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-info .info-title, .list-group-selectable:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-info .info-subtitle {
            color: #fff
        }

    .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label::before {
        border-color: #4d6dce;
        background-color: #4d6dce
    }

    .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        background-color: #6e8ff3;
        border-color: #6e8ff3
    }

    .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label {
        background-color: #6e8ff3
    }

        .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-tag {
            color: #fff
        }

        .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-info .info-title, .list-group-selectable.primary:not(.list-group-separate) .custom-control-input:checked ~ .custom-control-label .col-info .info-subtitle {
            color: #fff
        }

    .list-group-selectable.list-group-separate {
        border: 0;
        border-radius: .25rem
    }

        .list-group-selectable.list-group-separate .list-group-item {
            padding: 0;
            margin: 0;
            margin-bottom: 10px;
            border: 1px solid rgba(0,0,0,0.125)
        }

            .list-group-selectable.list-group-separate .list-group-item + .list-group-item, .list-group-selectable.list-group-separate .list-group-item:last-child {
                border: 1px solid rgba(0,0,0,0.125)
            }

            .list-group-selectable.list-group-separate .list-group-item > label {
                border-radius: .25rem
            }

        .list-group-selectable.list-group-separate .custom-control-input:checked ~ .custom-control-label {
            box-shadow: 0 7px 15px rgba(0,0,0,0.22)
        }

    .list-group-selectable .custom-control-label.custom-icon::before, .list-group-selectable .custom-control-label.custom-icon::after {
        display: none
    }

    .list-group-selectable .custom-control-label.custom-icon .col-input {
        padding-right: 0
    }

        .list-group-selectable .custom-control-label.custom-icon .col-input > i, .list-group-selectable .custom-control-label.custom-icon .col-input > svg {
            display: inline-block;
            color: #fff;
            font-size: 25px;
            opacity: 0;
            transition: opacity 300ms
        }

        .list-group-selectable .custom-control-label.custom-icon .col-input > svg {
            width: 30px;
            fill: #fff
        }

    .list-group-selectable .custom-control-input:checked ~ .custom-control-label.custom-icon .col-input > i, .list-group-selectable .custom-control-input:checked ~ .custom-control-label.custom-icon .col-input > svg {
        display: inline-block;
        opacity: 1
    }

.list-group-infographic .list-group-item {
    display: block;
    border-radius: 100px;
    padding: 0;
    height: 70px;
    background-color: #d9f2bf;
    border: 0;
    margin-bottom: 20px;
    color: #31848b;
    cursor: pointer
}

.list-group-infographic .list-order {
    display: inline-block;
    width: 120px;
    height: 70px;
    background-image: linear-gradient(to right,rgba(217,242,191,0),rgba(0,0,0,0.13));
    vertical-align: top;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding: 4px 0 0;
    text-align: center;
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    text-indent: -20px
}

.list-group-infographic .list-content {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 77px);
    margin: 0;
    margin-left: -124px;
    height: 70px;
    background-color: #d9f2bf;
    border-radius: 100px;
    padding: 16px 30px 0;
    text-align: left;
    font-size: 44px;
    font-weight: 800;
    transition: margin 100ms ease-in
}

    .list-group-infographic .list-content .title {
        font-size: 16px;
        margin-bottom: 3px;
        font-weight: 500
    }

    .list-group-infographic .list-content .subtitle {
        margin: 0
    }

.list-group-infographic .list-group-item:hover .list-content, .list-group-infographic .list-group-item:focus .list-content, .list-group-infographic .list-group-item:active .list-content, .list-group-infographic .list-group-item.active .list-content {
    margin-left: -47px
}

.list-group-infographic-2 .list-group-item {
    display: block;
    width: 100%;
    height: auto;
    background-color: transparent;
    padding-left: 47px
}

.list-group-infographic-2 .list-order {
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 90px;
    background-color: #cae1b2;
    height: 90px;
    border-radius: 50%;
    text-indent: 0;
    box-shadow: -2px 3px 8px rgba(0,0,0,0.52) inset,-2px 4px 8px rgba(0,0,0,0.33);
    border: 8px solid #fff;
    padding: 8px 0 0
}

.list-group-infographic-2 .list-content {
    display: inline-block;
    width: 100%;
    margin: 0;
    height: auto;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 16px 90px;
    padding-left: 60px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2)
}

    .list-group-infographic-2 .list-content .title {
        display: block;
        margin-bottom: 8px;
        font-size: 19px
    }

    .list-group-infographic-2 .list-content .subtitle {
        display: block
    }

.list-group-infographic-2 .list-group-item:hover .list-content {
    margin-left: 0
}

.list-group-infographic-2 .list-icon {
    vertical-align: top;
    text-align: center;
    font-size: 25px;
    font-weight: 800;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 70px;
    height: 70px;
    background-color: #fff;
    border-radius: 50%;
    text-indent: 0;
    box-shadow: -2px 3px 8px rgba(0,0,0,0.52) inset;
    padding: 19px 0 0;
    color: #aabd95
}

.payment-history-list .list-group-item {
    border: 0;
    border-bottom: 1px solid #eee;
    padding: 1rem 2rem
}

    .payment-history-list .list-group-item .col-img {
        max-width: 75px
    }

    .payment-history-list .list-group-item .col-amount {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: center;
        max-width: 100px
    }

        .payment-history-list .list-group-item .col-amount span {
            color: #333;
            font-weight: 400;
            font-size: 20px
        }

    .payment-history-list .list-group-item .col-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center
    }

    .payment-history-list .list-group-item .lister-item-title {
        color: #5a6c9f;
        line-height: 1;
        margin-bottom: 8px
    }

    .payment-history-list .list-group-item .lister-item-subtitle {
        color: #797676;
        font-size: 12px;
        line-height: 1
    }

.payment-history-list .item-logo, .payment-history-list .user-img {
    width: 60px;
    height: 60px;
    background-color: #f1f4f7;
    border-radius: 0;
    text-align: center;
    display: flex;
    box-shadow: 0 0 25px rgba(0,0,0,0.05) inset
}

    .payment-history-list .item-logo img, .payment-history-list .user-img img {
        max-width: 30px;
        max-height: 30px;
        margin: auto
    }

.payment-history-list .user-img {
    border-radius: 0 20px 20px 20px;
    width: 70px;
    height: 70px;
    overflow: hidden
}

    .payment-history-list .user-img img {
        max-width: 70px;
        max-height: 70px
    }

.recent-payments .list-group-item {
    padding: 1.5rem 2rem
}

    .recent-payments .list-group-item .lister-item-title {
        color: #657090;
        font-size: 15px;
        margin-bottom: 4px
    }

    .recent-payments .list-group-item .badge {
        margin-top: 5px
    }

        .recent-payments .list-group-item .badge img {
            max-height: 12px;
            margin-right: 5px;
            margin-top: -2px
        }

    .recent-payments .list-group-item .col-img {
        max-width: 94px
    }

    .recent-payments .list-group-item .col-amount small {
        color: #6b80bd;
        font-weight: 500
    }

.list-group.events-list .list-group-item, .list-group.channels-list .list-group-item {
    display: flex;
    align-items: center;
    border-radius: 0
}

    .list-group.events-list .list-group-item .item-img, .list-group.channels-list .list-group-item .item-img {
        width: 100px
    }

        .list-group.events-list .list-group-item .item-img img, .list-group.channels-list .list-group-item .item-img img {
            border-radius: 6px
        }

    .list-group.events-list .list-group-item .item-col, .list-group.channels-list .list-group-item .item-col {
        padding: 0 10px
    }

        .list-group.events-list .list-group-item .item-col:last-child, .list-group.channels-list .list-group-item .item-col:last-child {
            margin-left: auto
        }

        .list-group.events-list .list-group-item .item-col.item-descriptions > *, .list-group.channels-list .list-group-item .item-col.item-descriptions > * {
            margin: 3px 0
        }

        .list-group.events-list .list-group-item .item-col.item-descriptions small, .list-group.channels-list .list-group-item .item-col.item-descriptions small {
            display: block
        }

        .list-group.events-list .list-group-item .item-col .btn-more:hover, .list-group.channels-list .list-group-item .item-col .btn-more:hover {
            background-color: #eee
        }

.list-group.events-list.no-borders .list-group-item, .list-group.channels-list.no-borders .list-group-item {
    border: 0
}

.list-group.events-list.only-separator-borders .list-group-item, .list-group.channels-list.only-separator-borders .list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

    .list-group.events-list.only-separator-borders .list-group-item:last-child, .list-group.channels-list.only-separator-borders .list-group-item:last-child {
        border-bottom: 0
    }

.list-group.channels-list a.item-title {
    font-size: 1rem;
    font-weight: 500;
    color: #444
}

.list-group.list-group-timeline {
    position: relative
}

    .list-group.list-group-timeline::before {
        display: block;
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eee;
        left: 30px;
        margin-left: -1.5px
    }

    .list-group.list-group-timeline .list-group-item {
        display: flex;
        align-items: center;
        border-radius: 0;
        padding: 15px 18px;
        padding-left: 30px;
        background-color: transparent;
        border: 0
    }

    .list-group.list-group-timeline .item-icon {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 35px;
        background-color: #eee;
        color: #444;
        text-align: center;
        border-radius: 25px;
        margin-left: -19px;
        font-size: 16px
    }

    .list-group.list-group-timeline .item-description {
        color: #6c757d;
        margin: 0;
        padding: 0;
        padding-left: 20px;
        font-size: 13px;
        font-weight: 500
    }

    .list-group.list-group-timeline.no-line::before {
        display: none
    }

    .list-group.list-group-timeline.no-line .list-group-item {
        padding: 15px 30px
    }

    .list-group.list-group-timeline.no-line .item-icon {
        width: auto;
        height: auto;
        background-color: transparent;
        margin-right: 20px;
        margin-left: 0
    }

    .list-group.list-group-timeline.no-line .item-description {
        padding-left: 0
    }

    .list-group.list-group-timeline.type-2::before {
        width: 2px;
        background-color: #666
    }

    .list-group.list-group-timeline.type-2 .list-group-item {
        padding: 15px 30px
    }

    .list-group.list-group-timeline.type-2 .item-icon {
        width: 35px;
        height: 18px;
        background-color: #fff;
        margin-left: -19px
    }

    .list-group.list-group-timeline.type-2 .item-description {
        padding-left: 10px
    }

    .list-group.list-group-timeline.type-3 {
        padding-top: 15px
    }

        .list-group.list-group-timeline.type-3 .list-group-item {
            align-items: flex-start;
            padding: 10px 18px;
            padding-left: 30px
        }

        .list-group.list-group-timeline.type-3 .item-icon {
            background-color: #777;
            color: #fff !important;
            font-size: 10px;
            border: 10px solid #fff;
            width: 35px;
            height: 35px;
            margin-left: -18px;
            margin-top: -9px
        }

        .list-group.list-group-timeline.type-3 .item-info {
            padding-left: 10px
        }

            .list-group.list-group-timeline.type-3 .item-info h6 {
                margin-bottom: .25rem;
                font-size: 13px;
                font-weight: 600;
                color: #555
            }

        .list-group.list-group-timeline.type-3 .item-description {
            padding: 0;
            font-size: 12px;
            font-weight: 500
        }

.contact-list-mini .list-group-item, .contact-list-widget .list-group-item {
    display: flex;
    align-items: center;
    border-radius: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-color: rgba(0,0,0,0.04)
}

    .contact-list-mini .list-group-item a, .contact-list-widget .list-group-item a {
        color: #6f7892;
        text-decoration: none
    }

    .contact-list-mini .list-group-item .dropdown-menu .dropdown-item, .contact-list-widget .list-group-item .dropdown-menu .dropdown-item {
        color: #49536f
    }

.contact-list-mini.no-borders .list-group-item, .contact-list-widget.no-borders .list-group-item {
    border: 0
}

.contact-list-mini.toolbar-large .list-group-item, .contact-list-widget.toolbar-large .list-group-item {
    padding: 0;
    align-items: stretch
}

    .contact-list-mini.toolbar-large .list-group-item .info, .contact-list-widget.toolbar-large .list-group-item .info {
        display: flex;
        align-items: center;
        padding: .25rem 1.25rem
    }

    .contact-list-mini.toolbar-large .list-group-item .btns-wrapper, .contact-list-widget.toolbar-large .list-group-item .btns-wrapper {
        overflow: hidden
    }

        .contact-list-mini.toolbar-large .list-group-item .btns-wrapper .btn-group, .contact-list-widget.toolbar-large .list-group-item .btns-wrapper .btn-group {
            height: 100%;
            transition: margin .3s;
            margin-left: 101%
        }

            .contact-list-mini.toolbar-large .list-group-item .btns-wrapper .btn-group > .btn, .contact-list-widget.toolbar-large .list-group-item .btns-wrapper .btn-group > .btn {
                border: 0;
                border-radius: 0
            }

    .contact-list-mini.toolbar-large .list-group-item:hover .btns-wrapper .btn-group, .contact-list-widget.toolbar-large .list-group-item:hover .btns-wrapper .btn-group {
        margin-left: 0
    }

.list-group.check-list .list-group-item {
    display: flex;
    align-items: center;
    border-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .list-group.check-list .list-group-item.done {
        text-decoration: line-through
    }

    .list-group.check-list .list-group-item .item-col {
        padding: 0 10px
    }

        .list-group.check-list .list-group-item .item-col:last-child {
            margin-left: auto
        }

        .list-group.check-list .list-group-item .item-col.item-descriptions {
            min-width: 0
        }

            .list-group.check-list .list-group-item .item-col.item-descriptions > * {
                margin: 3px 0
            }

            .list-group.check-list .list-group-item .item-col.item-descriptions small {
                display: block
            }

            .list-group.check-list .list-group-item .item-col.item-descriptions p {
                font-size: .85rem
            }

        .list-group.check-list .list-group-item .item-col .btn-more:hover {
            background-color: #eee
        }

        .list-group.check-list .list-group-item .item-col .dropdown {
            padding: 0
        }

    .list-group.check-list .list-group-item .item-checkbox {
        width: 45px
    }

.list-group.check-list.no-borders .list-group-item {
    border: 0
}

.list-group.check-list.only-separator-borders .list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

    .list-group.check-list.only-separator-borders .list-group-item:last-child {
        border-bottom: 0
    }

.list-group.check-list-2 .list-group-item {
    display: flex;
    align-items: center;
    border-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f6f8fa;
    margin: 5px 10px
}

    .list-group.check-list-2 .list-group-item.done {
        text-decoration: line-through
    }

    .list-group.check-list-2 .list-group-item .item-col {
        padding: 0 10px
    }

        .list-group.check-list-2 .list-group-item .item-col:last-child {
            margin-left: auto
        }

        .list-group.check-list-2 .list-group-item .item-col.item-descriptions {
            min-width: 0
        }

            .list-group.check-list-2 .list-group-item .item-col.item-descriptions > * {
                margin: 3px 0
            }

            .list-group.check-list-2 .list-group-item .item-col.item-descriptions small {
                display: block
            }

            .list-group.check-list-2 .list-group-item .item-col.item-descriptions p {
                font-size: .85rem
            }

        .list-group.check-list-2 .list-group-item .item-col .btn-more:hover {
            background-color: #eee
        }

        .list-group.check-list-2 .list-group-item .item-col .dropdown {
            padding: 0
        }

    .list-group.check-list-2 .list-group-item .item-checkbox {
        width: 45px
    }

.list-group.check-list-2.no-borders .list-group-item {
    border: 0
}

.list-group.check-list.only-separator-borders .list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0
}

    .list-group.check-list.only-separator-borders .list-group-item:last-child {
        border-bottom: 0
    }

.table.table-teams td, .table.table-teams th {
    border: 0
}

    .table.table-teams td:first-child, .table.table-teams th:first-child {
        padding-left: 2rem
    }

.table.table-teams .team-title {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #505050;
    text-decoration: none
}

.table.table-teams .team-description {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 500;
    color: #9e9e9e
}

.contact-list-widget .list-group-item {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .contact-list-widget .list-group-item > *:last-child {
        margin-left: auto
    }

    .contact-list-widget .list-group-item .user-avatar {
        margin: .5rem .5rem .5rem 0;
        align-self: flex-start
    }

    .contact-list-widget .list-group-item .list-item-info {
        padding-left: .5rem;
        padding-right: 1.5rem;
        min-width: 0;
        margin-left: 0
    }

        .contact-list-widget .list-group-item .list-item-info a {
            color: #3f4750
        }

        .contact-list-widget .list-group-item .list-item-info p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0;
            color: #6f7892
        }

.twitter-feed-widget .list-group-item {
    display: block;
    border-radius: 0;
    padding-top: .25rem;
    padding-bottom: .25rem;
    border-color: rgba(0,0,0,0.04)
}

    .twitter-feed-widget .list-group-item a {
        color: #6f7892;
        text-decoration: none
    }

.twitter-feed-widget .list-group-item {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .twitter-feed-widget .list-group-item > *:last-child {
        margin-left: auto
    }

    .twitter-feed-widget .list-group-item .user-avatar {
        margin: .5rem .5rem .5rem 0
    }

    .twitter-feed-widget .list-group-item .list-item-info {
        padding-left: .5rem;
        padding-right: 1.5rem;
        min-width: 0;
        margin-left: 0
    }

        .twitter-feed-widget .list-group-item .list-item-info a {
            color: #3f4750
        }

        .twitter-feed-widget .list-group-item .list-item-info p {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin: 0;
            color: #6f7892
        }

.twitter-feed-widget .list-group-item {
    align-items: flex-start
}

    .twitter-feed-widget .list-group-item .item-info {
        display: flex;
        align-items: center
    }

        .twitter-feed-widget .list-group-item .item-info img {
            margin: 0 .75rem 0 0;
            width: 40px;
            height: 40px
        }

        .twitter-feed-widget .list-group-item .item-info a {
            color: #414c59;
            font-size: 11px
        }

    .twitter-feed-widget .list-group-item .list-item-info {
        font-weight: 500
    }

        .twitter-feed-widget .list-group-item .list-item-info p {
            overflow: visible;
            text-overflow: initial;
            white-space: normal;
            margin: 10px 0 4px 0
        }

    .twitter-feed-widget .list-group-item .item-body {
        padding: .5rem 0 0
    }

        .twitter-feed-widget .list-group-item .item-body p {
            margin-bottom: .25rem
        }

.list-group.events-list.openings-list .list-group-item .item-col {
    min-width: 0;
    flex-shrink: 0
}

    .list-group.events-list.openings-list .list-group-item .item-col.item-descriptions {
        flex-shrink: initial
    }

        .list-group.events-list.openings-list .list-group-item .item-col.item-descriptions small {
            display: inline-block;
            vertical-align: middle;
            font-weight: 500;
            color: #646c9a;
            margin-left: 5px
        }

.list-group.list-group-notifications, .list-group.list-group-notifications-2, .list-group.list-group-notifications-3 {
    position: relative;
    padding: 15px 0
}

    .list-group.list-group-notifications .list-group-item, .list-group.list-group-notifications-2 .list-group-item, .list-group.list-group-notifications-3 .list-group-item {
        display: flex;
        align-items: flex-start;
        border-radius: 0;
        padding: 15px 30px 15px 50px;
        background-color: transparent;
        border: 0
    }

        .list-group.list-group-notifications .list-group-item::before, .list-group.list-group-notifications-2 .list-group-item::before, .list-group.list-group-notifications-3 .list-group-item::before {
            display: block;
            top: 48px;
            height: calc(100% - 42px);
            position: absolute;
            content: " ";
            width: 1px;
            background-color: transparent;
            left: 38px;
            margin-left: -1.5px;
            margin-left: -2.5px;
            border-left: 1px dashed #775fc8;
            border-left: 2px dashed #e2eaff;
            top: 56.5px;
            height: calc(100% - 49px);
            left: 58px
        }

        .list-group.list-group-notifications .list-group-item:last-child::before, .list-group.list-group-notifications .list-group-item.list-group-item-end::before, .list-group.list-group-notifications-2 .list-group-item:last-child::before, .list-group.list-group-notifications-2 .list-group-item.list-group-item-end::before, .list-group.list-group-notifications-3 .list-group-item:last-child::before, .list-group.list-group-notifications-3 .list-group-item.list-group-item-end::before {
            display: none
        }

    .list-group.list-group-notifications .item-icon, .list-group.list-group-notifications-2 .item-icon, .list-group.list-group-notifications-3 .item-icon {
        flex-shrink: 0;
        width: 40px;
        height: 40px;
        padding: 10px 0;
        background-color: #fff;
        text-align: center;
        border-radius: 11px;
        margin-left: -14px;
        font-size: 12px;
        color: #fff;
        margin-top: -3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #5780f7;
        background-color: #e9eefe;
        transform: rotate(45deg)
    }

        .list-group.list-group-notifications .item-icon svg, .list-group.list-group-notifications-2 .item-icon svg, .list-group.list-group-notifications-3 .item-icon svg {
            width: 16px;
            fill: #0939c5;
            transform: rotate(-45deg)
        }

        .list-group.list-group-notifications .item-icon i, .list-group.list-group-notifications-2 .item-icon i, .list-group.list-group-notifications-3 .item-icon i {
            font-size: 16px;
            transform: rotate(-45deg)
        }

    .list-group.list-group-notifications .item-description, .list-group.list-group-notifications-2 .item-description, .list-group.list-group-notifications-3 .item-description {
        color: #6c757d;
        margin: 0;
        padding-left: 20px;
        padding: 0;
        font-size: 12px;
        font-weight: 400
    }

    .list-group.list-group-notifications .item-info, .list-group.list-group-notifications-2 .item-info, .list-group.list-group-notifications-3 .item-info {
        padding-left: 15px
    }

        .list-group.list-group-notifications .item-info a, .list-group.list-group-notifications-2 .item-info a, .list-group.list-group-notifications-3 .item-info a {
            margin-bottom: .25rem;
            font-size: 13px;
            font-weight: 500;
            color: #473190
        }

    .list-group.list-group-notifications .timestamp, .list-group.list-group-notifications-2 .timestamp, .list-group.list-group-notifications-3 .timestamp {
        flex-shrink: 0;
        font-size: 11px;
        font-weight: 500;
        margin-left: auto;
        color: #999
    }

.list-group.list-group-notifications-2 {
    padding: 0
}

    .list-group.list-group-notifications-2 .list-group-item {
        padding: 10px 30px
    }

        .list-group.list-group-notifications-2 .list-group-item::before {
            display: none
        }

        .list-group.list-group-notifications-2 .list-group-item .item-info {
            align-self: center
        }

            .list-group.list-group-notifications-2 .list-group-item .item-info p {
                margin: 0
            }

            .list-group.list-group-notifications-2 .list-group-item .item-info a {
                color: #5f5f5f;
                font-weight: 600
            }

        .list-group.list-group-notifications-2 .list-group-item .avatar i {
            color: #666
        }

.list-group.list-group-notifications-3 .list-group-item::before {
    height: calc(100% - 20px)
}

.list-group.list-group-notifications-3 .user-avatar {
    flex-shrink: 0;
    text-align: center;
    margin-left: -14px;
    margin-top: 0
}

    .list-group.list-group-notifications-3 .user-avatar .avatar {
        width: 40px;
        height: 40px
    }

    .list-group.list-group-notifications-3 .user-avatar .badge {
        width: 11px;
        height: 11px
    }

.list-group.list-group-notifications-3 .item-info a {
    font-weight: 500;
    color: #6c5f7e
}

.list-group.list-group-notifications-3 .item-description {
    font-weight: 500;
    color: #a5a3a3;
    margin-bottom: .15rem
}

.list-group.list-group-notifications-3 .timestamp {
    align-self: center
}

.notifications-box > small {
    margin-left: 30px;
    font-weight: 400;
    color: #999
}

.list-group-widget-short {
    position: relative;
    padding: 15px 0
}

    .list-group-widget-short .list-group-item {
        display: flex;
        align-items: center;
        border-radius: 0;
        padding: 10px 30px;
        background-color: transparent;
        border: 0
    }

    .list-group-widget-short .item-img {
        max-width: 100px
    }

    .list-group-widget-short .item-info {
        padding-left: 15px
    }

        .list-group-widget-short .item-info h6 {
            margin-bottom: 0;
            font-weight: 500;
            color: #333
        }

    .list-group-widget-short .list-group-item-link .btn {
        font-weight: 600;
        width: 100%;
        border-style: dashed
    }

.list-group .list-group-loader {
    padding: 0;
    height: 60px
}

    .list-group .list-group-loader button {
        width: 100%;
        height: 100%
    }

    .list-group .list-group-loader .btn-ellipsis-loader {
        height: 100%;
        padding: 0
    }

.table.table-teams-2 td, .table.table-teams-2 th {
    border: 0;
    color: #767676;
    font-weight: 500
}

    .table.table-teams-2 td > strong, .table.table-teams-2 th > strong {
        font-weight: 500
    }

    .table.table-teams-2 td:first-child, .table.table-teams-2 th:first-child {
        padding-left: 2rem;
        width: 60px
    }

.table.table-teams-2 .avatar {
    width: 40px;
    height: 40px
}

.table.table-teams-2 .team-title {
    margin-bottom: .25rem;
    font-weight: 500;
    text-decoration: none;
    color: #333
}

.table.table-teams-2 .team-description {
    margin-bottom: -4px;
    font-weight: 500;
    color: #bcbcbc
}

@media screen and (max-width:575px) {
    .table.table-teams-2 .team-description {
        max-width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.table.table-teams-2 .team-description svg {
    width: 15px;
    height: 15px;
    fill: #333;
    vertical-align: -2.5px
}

.table.table-teams-2 .team-salary {
    margin-bottom: 0;
    font-weight: 400;
    color: #8f97c2;
    letter-spacing: -0.5px
}

.table.table-appointments td, .table.table-appointments th {
    border: 0;
    color: #767676;
    font-weight: 500
}

    .table.table-appointments td:first-child, .table.table-appointments th:first-child {
        width: 50px;
        padding-right: 3px
    }

.table.table-appointments .date-badge {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.7;
    padding: 10px 0;
    width: 40px;
    text-align: center
}

.table.table-appointments .project-title {
    margin-bottom: .25rem;
    font-weight: 500;
    color: #333
}

.table.table-appointments .project-description {
    margin-bottom: 0;
    color: #8c8c8c
}

.table.table-appointments .client-name {
    margin-bottom: 0;
    color: #333;
    font-weight: 500
}

.table.table-appointments .time {
    margin: 0;
    font-weight: 500;
    color: #b9b9b9;
    font-size: 12px
}

.table.table-teams-3 td, .table.table-teams-3 th {
    border: 0
}

.table.table-teams-3 .team-title {
    margin-bottom: .25rem;
    font-size: 1rem;
    font-weight: 500;
    color: #487caf;
    text-decoration: none
}

    .table.table-teams-3 .team-title:hover {
        color: #333
    }

.table.table-teams-3 .team-description, .table.table-teams-3 .project-description {
    margin-bottom: 0
}

.table.table-teams-3 .project-title {
    margin-bottom: .25rem;
    font-weight: 500;
    color: #333
}

.widget-projects {
    min-width: 800px
}

    .widget-projects h6 {
        color: #333;
        margin: 0;
        font-size: 13px
    }

    .widget-projects p {
        font-weight: 500;
        color: #8a8a8a;
        font-size: 13px
    }

@media screen and (max-width:767px) {
    .widget-projects.table > tbody > tr > td.operations.operations-buttons a.btn.btn-sm, .widget-projects.table > tbody > tr > td.operations.operations-buttons button.btn.btn-sm {
        display: inline-block;
        width: auto
    }
}

.flex-table-2.flex-table-users .tr {
    border: 1px solid #eee
}

    .flex-table-2.flex-table-users .tr .td {
        margin-top: 0
    }

.flex-table-2.flex-table-users .user-name {
    font-size: 13px;
    font-weight: 400;
    color: #505050;
    text-decoration: none
}

.flex-table-2.flex-table-users .username, .flex-table-2.flex-table-users .projects-done {
    font-size: 12px;
    font-weight: 400;
    color: #9e9e9e
}

.flex-table-2.flex-table-users .projects-done {
    font-weight: 400
}

.flex-table-2.flex-table-users .avatar {
    display: block;
    margin: auto
}

.btn .spinner-border, .btn .spinner-grow {
    vertical-align: middle;
    margin: 0 2px 2px 2px
}

.extended-spinners {
    display: inline-block;
    height: 50px;
    width: 50px;
    vertical-align: middle
}

.svg-loader-1, .svg-loader-2, .svg-loader-3, .svg-loader-4, .svg-loader-5, .svg-loader-6, .svg-loader-7, .svg-loader-8, .svg-loader-9, .svg-loader-10 {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 20px
}

.load-6 .letter {
    display: inline-block;
    -webkit-animation-name: loadingF;
    animation-name: loadingF;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    animation-direction: linear
}

.load-6 .l-1 {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.load-6 .l-2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.load-6 .l-3 {
    -webkit-animation-delay: .72s;
    animation-delay: .72s
}

.load-6 .l-4 {
    -webkit-animation-delay: .84s;
    animation-delay: .84s
}

.load-6 .l-5 {
    -webkit-animation-delay: .96s;
    animation-delay: .96s
}

.load-6 .l-6 {
    -webkit-animation-delay: 1.08s;
    animation-delay: 1.08s
}

.load-6 .l-7 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.load-6 .l-8 {
    -webkit-animation-delay: 1.32s;
    animation-delay: 1.32s
}

.load-6 .l-9 {
    -webkit-animation-delay: 1.44s;
    animation-delay: 1.44s
}

.load-6 .l-10 {
    -webkit-animation-delay: 1.56s;
    animation-delay: 1.56s
}

.media {
    align-items: stretch;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    color: #6c757d
}

    .media.media-bordered {
        padding: 10px;
        border: 1px solid #eee
    }

    .media .media-image:first-child img {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px
    }

    .media .media-image:last-child img {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px
    }

    .media .media-image img {
        max-width: 100px
    }

@media screen and (min-width:992px) {
    .media .media-image img {
        max-width: none
    }
}

.media .media-body:first-child {
    border-right: 1px solid #eee
}

.media .media-body:last-child {
    border-left: 1px solid #eee
}

.media .media-body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    font-weight: 500;
    font-size: 13px;
    padding: 0
}

    .media .media-body .media-header {
        padding: 15px 20px;
        background-color: #415362;
        color: #fff;
        background-color: #f5f5f5;
        color: #333
    }

    .media .media-body .media-heading {
        font-weight: 500;
        font-size: 15px;
        margin: 0;
        letter-spacing: .5px
    }

    .media .media-body .media-content {
        flex-grow: 1;
        padding: 15px 20px
    }

        .media .media-body .media-content p {
            font-weight: 400;
            font-size: 13px
        }

    .media .media-body .media-footer {
        padding: 10px 20px;
        border-top: 1px solid rgba(0,0,0,0.08)
    }

.media.bg-dark .media-body:first-child {
    border-right: 1px solid #535565
}

.media.bg-dark .media-body:last-child {
    border-left: 1px solid #535565
}

.media.bg-dark .media-body .media-header {
    background-color: #2c2e40;
    color: #eff1ff
}

.media.bg-dark .media-body .media-footer {
    border-top: 1px solid rgba(255,255,255,0.08)
}

.modal-backdrop {
    z-index: 9999
}

.modal {
    z-index: 99999
}

.modal-confirm {
    max-width: 325px;
    margin: auto
}

    .modal-confirm .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: 0
    }

    .modal-confirm .modal-header {
        border-bottom: 0;
        position: relative
    }

    .modal-confirm .modal-title {
        text-align: center;
        font-size: 26px;
        margin: 40px auto 0
    }

    .modal-confirm .form-control, .modal-confirm .btn {
        min-height: 40px;
        border-radius: 3px
    }

    .modal-confirm .close {
        position: absolute;
        top: -5px;
        right: -5px
    }

    .modal-confirm .modal-footer {
        border: 0;
        text-align: center;
        border-radius: 5px;
        font-size: 13px
    }

    .modal-confirm .icon-box {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -70px;
        width: 95px;
        height: 95px;
        border-radius: 50%;
        z-index: 9;
        padding: 15px;
        text-align: center;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1)
    }

        .modal-confirm .icon-box i {
            font-size: 38px;
            position: relative;
            top: 15px
        }

    .modal-confirm .btn {
        border-radius: 4px;
        text-decoration: none;
        transition: all .4s;
        line-height: normal;
        border: 0
    }

        .modal-confirm .btn.btn-default {
            box-shadow: 0 0 3px #999
        }

    .modal-confirm, .modal-confirm.confirm-primary {
        color: #636363
    }

        .modal-confirm .icon-box, .modal-confirm.confirm-primary .icon-box {
            color: #fff;
            background-color: #0062cc
        }

        .modal-confirm.confirm-secondary .icon-box {
            color: #fff;
            background-color: #545b62
        }

        .modal-confirm.confirm-success .icon-box {
            color: #fff;
            background-color: #82ce34
        }

        .modal-confirm.confirm-success .btn.btn-success {
            color: #fff;
            background-color: #82ce34
        }

            .modal-confirm.confirm-success .btn.btn-success:hover, .modal-confirm.confirm-success .btn.btn-success:focus {
                background-color: #6fb32b;
                outline: 0
            }

        .modal-confirm.confirm-danger .icon-box {
            color: #fff;
            background-color: #f7384b
        }

        .modal-confirm.confirm-warning .icon-box {
            color: #5f4e1b;
            background-color: #ffc107
        }

        .modal-confirm.confirm-info .icon-box {
            color: #fff;
            background-color: #37d5f2
        }

        .modal-confirm.confirm-light .icon-box {
            color: #212529;
            background-color: #f8f9fa
        }

        .modal-confirm.confirm-dark .icon-box {
            color: #fff;
            background-color: #343a40
        }

.modal .modal-title {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .5px;
    color: #444
}

.modal-content {
    padding: 15px
}

.modal-header, .modal-footer {
    border: 0
}

.modal-header {
    padding: 15px 10px
}

    .modal-header .close {
        padding: .9rem 1rem
    }

.modal-body {
    padding: 15px 10px
}

    .modal-body p:last-child {
        margin-bottom: 0
    }

.modal-footer {
    padding: 15px 10px
}

    .modal-footer > * {
        margin: 0
    }

    .modal-footer.row {
        margin: 0 -15px
    }

    .modal-footer > .btn {
        margin: 0 5px
    }

.modal-confirm .modal-header, .modal-confirm .modal-footer, .modal-mini .modal-header, .modal-mini .modal-footer {
    background-color: #fff
}

.modal-confirm .modal-footer, .modal-mini .modal-footer {
    margin: 0
}

.modal-intro .modal-content, .modal-intro-2 .modal-content {
    padding: 0
}

.modal-intro .img-top, .modal-intro-2 .img-top {
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 9;
    text-align: center;
    padding: 3rem
}

    .modal-intro .img-top img, .modal-intro-2 .img-top img {
        height: 200px
    }

    .modal-intro .img-top .promotion-btn, .modal-intro-2 .img-top .promotion-btn {
        position: absolute;
        bottom: -20px;
        margin: auto;
        left: 0;
        right: 0
    }

.modal-intro .modal-body h3, .modal-intro-2 .modal-body h3 {
    font-weight: 400
}

.modal-intro-2 .modal-body {
    padding: 2rem 2rem .5rem
}

    .modal-intro-2 .modal-body .modal-title {
        font-size: 23px;
        font-weight: 600
    }

    .modal-intro-2 .modal-body p {
        font-weight: 500;
        color: #babae9
    }

.modal-intro-2 .modal-footer {
    padding: .5rem 3.5rem 2rem
}

.modal-intro-2 .img-top {
    padding: 3rem 3rem 0;
    height: 150px;
    margin: auto;
    display: block
}

.modal-intro-2 .modal-content {
    background-color: #232348
}

    .modal-intro-2 .modal-content > * {
        position: relative;
        z-index: 2
    }

.modal-intro-2 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-position: center right;
    opacity: .5
}

.modal-intro .modal-content {
    background-color: #fff;
    background-size: cover;
    background-position: center center;
    padding: 1rem
}

.modal-intro .modal-body {
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem
}

@media screen and (min-width:768px) {
    .modal-intro .modal-body {
        padding: 2rem
    }
}

.modal-intro .modal-body img {
    max-width: 160px;
    margin: 0 auto 20px
}

.modal-intro .modal-footer {
    padding: 0 1rem 1rem
}

@media screen and (min-width:768px) {
    .modal-intro .modal-footer {
        padding: 0 2rem 2rem
    }
}

.modal-header, .modal-footer {
    border-radius: 0
}

.modal-content {
    box-shadow: 0 0 10px rgba(51,51,51,0.45)
}

@media screen and (min-width:576px) {
    .modal-mini {
        max-width: 350px
    }
}

.modal-mini .icon-box {
    width: 100px;
    height: 100px;
    background-color: #eee;
    border-radius: 50%;
    font-size: 44px;
    text-align: center;
    margin: 20px auto;
    display: block;
    padding: 20px
}

.modal-body .icon-box {
    width: 100px;
    height: 100px;
    background-color: #eee;
    border-radius: 50%;
    font-size: 44px;
    text-align: center;
    margin: 20px auto;
    display: block;
    padding: 20px
}

.modal-privacy .modal-content {
    padding: 15px
}

@media screen and (min-width:768px) and (max-width:991px) {
    .modal-privacy .modal-content {
        padding: 15px 30px
    }
}

.modal-privacy .modal-header {
    align-self: center;
    padding: 1rem
}

@media screen and (min-width:768px) {
    .modal-privacy .modal-header {
        padding: 3rem
    }
}

.modal-privacy .modal-header .logo {
    margin: auto
}

    .modal-privacy .modal-header .logo img {
        max-width: 40px;
        margin: auto
    }

@media screen and (min-width:768px) {
    .modal-privacy .modal-header .logo img {
        max-width: 60px
    }
}

.modal-privacy .modal-header, .modal-privacy .modal-body, .modal-privacy .modal-footer {
    width: 100%;
    max-width: 600px;
    margin: auto
}

    .modal-privacy .modal-body h2 {
        font-size: 24px;
        margin-bottom: 3rem
    }

@media screen and (min-width:768px) {
    .modal-privacy .modal-body h2 {
        font-size: 32px
    }
}

.modal-privacy .modal-footer {
    padding-top: 1rem;
    padding-bottom: 1rem
}

    .modal-privacy .modal-footer .btn {
        padding: 1rem
    }

@media screen and (min-width:768px) {
    .modal-privacy .modal-footer {
        padding-top: 2rem;
        padding-bottom: 2rem
    }
}

.modal-privacy .modal-footer-2 {
    padding-top: .5rem
}

@media screen and (min-width:768px) {
    .modal-privacy .modal-footer-2 {
        padding-top: 1rem
    }
}

.modal-privacy .modal-footer-2 a {
    font-weight: 500;
    font-size: 13px
}

.modal.modal-fade-scale .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all .3s
}

.modal.modal-fade-scale.show .modal-dialog {
    transform: scale(1);
    opacity: 1
}

.modal.modal-slide-left .modal-dialog {
    transform: translateX(20%);
    opacity: 0;
    transition: all .3s cubic-bezier(0.25,0.5,0.5,0.9)
}

.modal.modal-slide-left.show .modal-dialog {
    transform: translateX(0);
    opacity: 1
}

.modal.modal-slide-up .modal-dialog {
    transform: translateY(20%);
    opacity: 0;
    transition: all .3s
}

.modal.modal-slide-up.show .modal-dialog {
    transform: translateY(0);
    opacity: 1
}

.modal.modal-newspaper .modal-dialog {
    transform: scale(0) rotate(720deg);
    opacity: 0;
    transition: all .3s
}

.modal.modal-newspaper.show .modal-dialog {
    transform: scale(1) rotate(0);
    opacity: 1
}

.modal.modal-fall {
    perspective: 1300px
}

    .modal.modal-fall .modal-dialog {
        transform-style: preserve-3d;
        transform: translateZ(600px) rotateX(20deg);
        opacity: 0
    }

    .modal.modal-fall.show .modal-dialog {
        transition: all .3s ease-in;
        transform: translateZ(0) rotateX(0);
        opacity: 1
    }

.modal.modal-slide-fall {
    perspective: 1300px
}

    .modal.modal-slide-fall .modal-dialog {
        transform-style: preserve-3d;
        transform: translate(30%) translateZ(600px) rotate(10deg);
        opacity: 0
    }

    .modal.modal-slide-fall.show .modal-dialog {
        transition: all .3s ease-in;
        transform: translate(0) translateZ(0) rotate(0);
        opacity: 1
    }

.modal.modal-slide-stick .modal-dialog {
    transform: translateY(-200%);
    transition: all .3s;
    opacity: 0;
    margin: 0 auto
}

.modal.modal-slide-stick.show .modal-dialog {
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.modal.modal-flip-hor {
    perspective: 1300px
}

    .modal.modal-flip-hor .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateY(-70deg);
        transition: all .3s;
        opacity: 0
    }

    .modal.modal-flip-hor.show .modal-dialog {
        transform: rotateY(0);
        opacity: 1
    }

.modal.modal-flip-ver {
    perspective: 1300px
}

    .modal.modal-flip-ver .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateX(-70deg);
        transition: all .3s;
        opacity: 0
    }

    .modal.modal-flip-ver.show .modal-dialog {
        transform: rotateX(0);
        opacity: 1
    }

.modal.modal-3d-sign {
    perspective: 1300px
}

    .modal.modal-3d-sign .modal-dialog {
        transform-style: preserve-3d;
        transform: rotateX(-60deg);
        transform-origin: 50% 0;
        opacity: 0;
        transition: all .3s
    }

    .modal.modal-3d-sign.show .modal-dialog {
        transform: rotateX(0);
        opacity: 1
    }

.modal.modal-super-scaled .modal-dialog {
    transform: scale(2);
    opacity: 0;
    transition: all .3s
}

.modal.modal-super-scaled.show .modal-dialog {
    transform: scale(1);
    opacity: 1
}

.modal.modal-just-me .modal-dialog {
    transform: scale(0.8);
    opacity: 0;
    transition: all .3s
}

.modal.modal-just-me.show .modal-dialog {
    transform: scale(1);
    opacity: 1
}

.modal.modal-just-me .modal-content {
    box-shadow: none;
    border: 0
}

.modal-backdrop {
    transition: all .3s
}

body.body-just-me .modal-backdrop {
    opacity: 1;
    background-color: #fff
}

.modal.modal-3d-slit {
    perspective: 1300px
}

    .modal.modal-3d-slit .modal-dialog {
        transform-style: preserve-3d;
        transform: translateZ(-3000px) rotateY(90deg);
        opacity: 0
    }

    .modal.modal-3d-slit.show .modal-dialog {
        -webkit-animation: slit .7s forwards ease-out;
        animation: slit .7s forwards ease-out
    }

.modal.modal-3d-rotate-top {
    perspective: 1300px
}

    .modal.modal-3d-rotate-top .modal-dialog {
        transform-style: preserve-3d;
        transform: translateY(100%) rotateX(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all .3s ease-out
    }

    .modal.modal-3d-rotate-top.show .modal-dialog {
        transform: translateY(0) rotateX(0);
        opacity: 1
    }

.modal.modal-3d-rotate-right {
    perspective: 1300px
}

    .modal.modal-3d-rotate-right .modal-dialog {
        transform-style: preserve-3d;
        transform: translateZ(100px) translateX(-30%) rotateY(90deg);
        transform-origin: 0 100%;
        opacity: 0;
        transition: all .3s
    }

    .modal.modal-3d-rotate-right.show .modal-dialog {
        transform: translateZ(0) translateX(0) rotateY(0);
        opacity: 1
    }

.body-blur .page-wrapper {
    transition: all .3s;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.modal.modal-blur .modal-dialog {
    transform: translateY(-5%);
    opacity: 0
}

.modal.modal-blur .modal-dialog {
    transition: all .3s
}

.modal.modal-blur.show .modal-dialog {
    transform: translateY(0);
    opacity: 1
}

.off-canvas {
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(-100%,0);
    transition: transform .3s;
    width: 300px;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    z-index: 99999;
    padding: 2rem;
    pointer-events: none
}

    .off-canvas .off-canvas-title {
        display: block;
        margin-top: 3rem;
        margin-bottom: 0;
        line-height: 1.6
    }

    .off-canvas .off-canvas-content {
        margin: 1.5rem 0
    }

        .off-canvas .off-canvas-content > p {
            font-size: 12px;
            line-height: 1.6
        }

            .off-canvas .off-canvas-content > p:last-child {
                margin-bottom: 0
            }

    .off-canvas > p:last-child {
        margin-bottom: 0
    }

    .off-canvas .close {
        margin: 20px;
        position: absolute;
        top: 0;
        right: 0
    }

    .off-canvas.active {
        box-shadow: 2px 0 15px rgba(0,0,0,0.18);
        transform: translate(0,0);
        pointer-events: auto
    }

    .off-canvas.off-canvas-right {
        left: auto;
        right: 0;
        transform: translate(100%,0)
    }

        .off-canvas.off-canvas-right.active {
            transform: translate(0,0)
        }

    .off-canvas.off-canvas-reveal {
        transform: translate(0,0);
        transition: none;
        z-index: 0;
        opacity: 0;
        transition: opacity .3s ease-out
    }

        .off-canvas.off-canvas-reveal ~ .page-wrapper .main-content {
            transition: all .3s
        }

        .off-canvas.off-canvas-reveal ~ .page-wrapper .sidebar {
            transition: all .3s
        }

        .off-canvas.off-canvas-reveal.active {
            opacity: 1;
            transform: translate(0,0)
        }

            .off-canvas.off-canvas-reveal.active ~ .page-wrapper .main-content {
                transform: translate(300px,0)
            }

            .off-canvas.off-canvas-reveal.active ~ .page-wrapper .sidebar {
                transform: translateX(570px)
            }

        .off-canvas.off-canvas-reveal.has-overlay.active ~ .overlay {
            transition: all .3s;
            max-width: calc(100vw - 20px);
            overflow: hidden;
            left: auto;
            right: 0
        }

            .off-canvas.off-canvas-reveal.has-overlay.active ~ .overlay.active {
                max-width: calc(100vw - 280px);
                overflow: hidden;
                left: auto;
                right: 0
            }

    .off-canvas.off-canvas-push ~ .page-wrapper .main-content {
        transition: all .3s
    }

    .off-canvas.off-canvas-push ~ .page-wrapper .sidebar {
        transition: all .3s
    }

    .off-canvas.off-canvas-push.active {
        transform: translate(0,0)
    }

        .off-canvas.off-canvas-push.active ~ .page-wrapper .main-content {
            transform: translate(300px,0)
        }

        .off-canvas.off-canvas-push.active ~ .page-wrapper .sidebar {
            transform: translateX(570px)
        }

    .off-canvas.off-canvas-push.has-overlay.active ~ .overlay {
        transition: all .3s;
        max-width: calc(100vw - 20px);
        overflow: hidden;
        left: auto;
        right: 0
    }

        .off-canvas.off-canvas-push.has-overlay.active ~ .overlay.active {
            max-width: calc(100vw - 280px);
            overflow: hidden;
            left: auto;
            right: 0
        }

    .off-canvas.off-canvas-mini {
        width: 70px;
        transition: all .3s;
        overflow-x: hidden;
        padding: 0
    }

        .off-canvas.off-canvas-mini > .off-canvas-inner {
            width: 300px;
            padding: 2rem;
            overflow: hidden
        }

        .off-canvas.off-canvas-mini.active {
            transform: translate(0,0)
        }

        .off-canvas.off-canvas-mini:hover {
            width: 300px
        }

    .off-canvas.off-canvas-top {
        width: 100%;
        height: 200px;
        transform: translate(0,-100%);
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .off-canvas.off-canvas-top.active {
            box-shadow: 0 2px 15px rgba(0,0,0,0.18);
            transform: translate(0,0)
        }

    .off-canvas.off-canvas-bottom {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 200px;
        transform: translate(0,100%);
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .off-canvas.off-canvas-bottom.active {
            box-shadow: 0 -2px 15px rgba(0,0,0,0.18);
            transform: translate(0,0)
        }

    .off-canvas.off-canvas-fade {
        transform: translate(0,0);
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease-in-out
    }

        .off-canvas.off-canvas-fade.active {
            opacity: 1;
            pointer-events: auto
        }

.body-overlay.off-canvas-open, .body-reveal.off-canvas-open, .body-push.off-canvas-open {
    overflow: hidden
}

.page-navigation {
    margin: auto;
    text-align: center;
    margin-top: 20px
}

.page-link, .page-item:first-child .page-link, .page-item:last-child .page-link {
    color: #333;
    font-size: 13px
}

.pagination.pagination-round, .pagination.pagination-hard-round, .pagination.pagination-hard-square, .pagination-data-table.pagination-data-table-round ul.pagination, .pagination-data-table.pagination-data-table-hard-round ul.pagination, .pagination-data-table.pagination-data-table-hard-square ul.pagination {
    text-align: center
}

    .pagination.pagination-round .page-link, .pagination.pagination-round .page-item:first-child .page-link, .pagination.pagination-round .page-item:last-child .page-link, .pagination.pagination-hard-round .page-link, .pagination.pagination-hard-round .page-item:first-child .page-link, .pagination.pagination-hard-round .page-item:last-child .page-link, .pagination.pagination-hard-square .page-link, .pagination.pagination-hard-square .page-item:first-child .page-link, .pagination.pagination-hard-square .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-round ul.pagination .page-link, .pagination-data-table.pagination-data-table-round ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-round ul.pagination .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-item:last-child .page-link {
        width: auto;
        height: auto;
        margin: 0 3px;
        border-radius: 100px;
        padding: 10px
    }

    .pagination.pagination-round .page-item.active .page-link, .pagination.pagination-hard-round .page-item.active .page-link, .pagination.pagination-hard-square .page-item.active .page-link, .pagination-data-table.pagination-data-table-round ul.pagination .page-item.active .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-item.active .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-item.active .page-link {
        box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08);
        z-index: 1
    }

    .pagination.pagination-round .page-link:focus, .pagination.pagination-hard-round .page-link:focus, .pagination.pagination-hard-square .page-link:focus, .pagination-data-table.pagination-data-table-round ul.pagination .page-link:focus, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-link:focus, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: none
    }

    .pagination.pagination-hard-round .page-link, .pagination.pagination-hard-round .page-item:first-child .page-link, .pagination.pagination-hard-round .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-hard-round ul.pagination .page-item:last-child .page-link {
        width: 36px;
        height: 36px;
        padding: 10px
    }

.pagination.pagination-square .page-link, .pagination.pagination-square .page-item:first-child .page-link, .pagination.pagination-square .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-square ul.pagination .page-link, .pagination-data-table.pagination-data-table-square ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-square ul.pagination .page-item:last-child .page-link {
    border-radius: 4px
}

.pagination.pagination-hard-square .page-link, .pagination.pagination-hard-square .page-item:first-child .page-link, .pagination.pagination-hard-square .page-item:last-child .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-item:first-child .page-link, .pagination-data-table.pagination-data-table-hard-square ul.pagination .page-item:last-child .page-link {
    border-radius: 4px;
    width: 36px;
    height: 36px;
    padding: 10px
}

.pagination-center {
    justify-content: center
}

.pagination.pagination-inverse.pagination-round .page-item .page-link, .pagination.pagination-inverse.pagination-hard-round .page-item .page-link, .pagination.pagination-inverse.pagination-hard-square .page-item .page-link, .pagination-data-table.pagination-data-table-inverse ul.pagination .page-item .page-link {
    box-shadow: 0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)
}

.pagination.pagination-inverse.pagination-round .page-item.active .page-link, .pagination.pagination-inverse.pagination-hard-round .page-item.active .page-link, .pagination.pagination-inverse.pagination-hard-square .page-item.active .page-link, .pagination-data-table.pagination-data-table-inverse ul.pagination .page-item.active .page-link {
    box-shadow: none
}

.pagination-sm .page-link, .pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link {
    font-size: 12px
}

.pagination-sm.pagination-hard-round .page-link, .pagination-sm.pagination-hard-round .page-item:first-child .page-link, .pagination-sm.pagination-hard-round .page-item:last-child .page-link {
    width: 30px;
    height: 30px;
    padding: 6px;
    margin: 0 1px
}

.pagination-sm.pagination-hard-square .page-link, .pagination-sm.pagination-hard-square .page-item:first-child .page-link, .pagination-sm.pagination-hard-square .page-item:last-child .page-link {
    width: 30px;
    height: 30px;
    padding: 6px;
    margin: 0 1px
}

.pagination-lg .page-link, .pagination-lg .page-item:first-child .page-link, .pagination-lg .page-item:last-child .page-link {
    font-size: 1.25rem
}

.pagination-lg.pagination-hard-round .page-link, .pagination-lg.pagination-hard-round .page-item:first-child .page-link, .pagination-lg.pagination-hard-round .page-item:last-child .page-link {
    width: 40px;
    height: 40px;
    padding: 7px
}

.pagination-lg.pagination-hard-square .page-link, .pagination-lg.pagination-hard-square .page-item:first-child .page-link, .pagination-lg.pagination-hard-square .page-item:last-child .page-link {
    width: 40px;
    height: 40px;
    padding: 7px
}

.popover {
    box-shadow: 0 10px 50px 0 rgba(0,0,0,0.2);
    border: 0;
    font-family: poppins;
    background-color: #fff
}

.popover-header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    font-weight: 500;
    padding: 15px 15px 5px 15px
}

.popover-body {
    padding: .2rem .75rem .5rem .75rem;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 15px 15px 15px
}

.bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
    border-left-color: rgba(0,0,0,0.16)
}

.bs-popover-auto[x-placement^=top] > .arrow::before, .bs-popover-top > .arrow::before {
    border-top-color: rgba(0,0,0,0.16)
}

.bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
    border-right-color: rgba(0,0,0,0.16)
}

.bs-popover-auto[x-placement^=bottom] > .arrow::before, .bs-popover-bottom > .arrow::before {
    border-bottom-color: rgba(0,0,0,0.16)
}

.popover.bg-2 {
    background-color: #f4f4ff;
    color: #5151af
}

    .popover.bg-2 .popover-header {
        background-color: #d4d4f9;
        color: #353599;
        padding: 15px 15px;
        letter-spacing: .5px
    }

    .popover.bg-2.bs-popover-auto[x-placement^=left] > .arrow::after, .popover.bg-2.bs-popover-left > .arrow::after {
        border-left-color: #f4f4ff
    }

    .popover.bg-2.bs-popover-auto[x-placement^=top] > .arrow::after, .popover.bg-2.bs-popover-top > .arrow::after {
        border-top-color: #f4f4ff
    }

    .popover.bg-2.bs-popover-auto[x-placement^=right] > .arrow::after, .popover.bg-2.bs-popover-right > .arrow::after {
        border-right-color: #f4f4ff
    }

    .popover.bg-2.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover.bg-2.bs-popover-bottom > .arrow::after {
        border-bottom-color: #f4f4ff
    }

.popover.bg-2-dark {
    background-color: #3a3b42;
    color: #a5a8ba
}

    .popover.bg-2-dark .popover-header {
        background-color: #404251;
        color: #eee;
        padding: 15px 15px;
        letter-spacing: .5px
    }

    .popover.bg-2-dark.bs-popover-auto[x-placement^=left] > .arrow::after, .popover.bg-2-dark.bs-popover-left > .arrow::after {
        border-left-color: #3a3b42
    }

    .popover.bg-2-dark.bs-popover-auto[x-placement^=top] > .arrow::after, .popover.bg-2-dark.bs-popover-top > .arrow::after {
        border-top-color: #3a3b42
    }

    .popover.bg-2-dark.bs-popover-auto[x-placement^=right] > .arrow::after, .popover.bg-2-dark.bs-popover-right > .arrow::after {
        border-right-color: #3a3b42
    }

    .popover.bg-2-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover.bg-2-dark.bs-popover-bottom > .arrow::after {
        border-bottom-color: #3a3b42
    }

.progress-bar {
    font-size: 12px;
    font-weight: 400
}

.progress-label {
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    cursor: default
}

.progress-wide-label {
    display: flex;
    justify-content: space-between;
    margin: 2px 0
}

.progress {
    position: relative
}

.progress-wide-label-inside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px
}

.knob-progress {
    margin-top: 35px
}

    .knob-progress > div {
        pointer-events: none
    }

.peity-progress {
    margin-top: 35px;
    position: relative
}

    .peity-progress::after {
        position: absolute;
        display: block;
        height: 150px;
        width: 150px;
        left: 50%;
        top: 50%;
        content: attr(data-value);
        margin-top: -75px;
        margin-left: -75px;
        border-radius: 100%;
        line-height: 150px;
        font-size: 28px;
        font-weight: 600
    }

.svg-progress {
    display: block;
    height: 150px;
    width: 150px;
    margin: auto;
    border-radius: 100%;
    position: relative;
    margin-top: 35px
}

    .svg-progress::after {
        position: absolute;
        display: block;
        height: 150px;
        width: 150px;
        left: 50%;
        top: 50%;
        content: attr(data-value);
        margin-top: -75px;
        margin-left: -75px;
        border-radius: 100%;
        line-height: 150px;
        font-size: 28px;
        font-weight: 600
    }

    .svg-progress svg {
        transform: rotate(-90deg)
    }

        .svg-progress svg circle {
            stroke: #eee;
            stroke-dashoffset: 0;
            stroke-width: 8px;
            transition: stroke-dashoffset .6s ease-in-out
        }

            .svg-progress svg circle:last-child {
                stroke: #000
            }

.radial-progress {
    position: relative
}

    .radial-progress svg path {
        will-change: auto;
        stroke-width: 8px;
        transition: stroke-dashoffset .6s ease-in-out
    }

    .radial-progress::after {
        position: absolute;
        display: block;
        height: 150px;
        width: 150px;
        left: 50%;
        top: 50%;
        content: attr(data-value);
        margin-top: -75px;
        margin-left: -75px;
        border-radius: 100%;
        line-height: 150px;
        font-size: 28px;
        font-weight: 600
    }

#nprogress .spinner-icon {
    width: 30px;
    height: 30px
}

.stepped-progress {
    margin-top: 35px
}

    .stepped-progress .stepped-progress-bar {
        display: flex;
        justify-content: space-between;
        list-style: none;
        padding: 0;
        margin: 0 0 1rem 0
    }

        .stepped-progress .stepped-progress-bar li {
            flex: 2;
            position: relative;
            padding: 0 0 14px 0;
            font-size: .875rem;
            line-height: 1.5;
            color: #53a318;
            font-weight: 800;
            white-space: nowrap;
            overflow: visible;
            min-width: 0;
            text-align: center;
            border-bottom: 2px solid #e8e8e8
        }

            .stepped-progress .stepped-progress-bar li span {
                transition: opacity .3s ease-in-out
            }

            .stepped-progress .stepped-progress-bar li:first-child, .stepped-progress .stepped-progress-bar li:last-child {
                flex: 1
            }

            .stepped-progress .stepped-progress-bar li:last-child {
                text-align: right
            }

            .stepped-progress .stepped-progress-bar li::before {
                content: "";
                display: block;
                width: 12px;
                height: 12px;
                background-color: #e8e8e8;
                border-radius: 50%;
                border: 2px solid #fff;
                position: absolute;
                left: calc(50% - 6px);
                bottom: -7px;
                z-index: 3;
                transition: all .2s ease-in-out
            }

            .stepped-progress .stepped-progress-bar li:first-child::before {
                left: 0
            }

            .stepped-progress .stepped-progress-bar li:last-child::before {
                right: 0;
                left: auto
            }

            .stepped-progress .stepped-progress-bar li:not(.is-active) span {
                opacity: 0
            }

            .stepped-progress .stepped-progress-bar li:not(:first-child)::after {
                width: 0;
                content: "";
                display: block;
                position: absolute;
                bottom: -2px;
                left: -50%;
                z-index: 2;
                border-bottom: 2px solid #53a318
            }

            .stepped-progress .stepped-progress-bar li.is-complete:not(:first-child)::after, .stepped-progress .stepped-progress-bar li.is-active:not(:first-child)::after {
                width: 100%;
                left: -50%;
                transition: width .2s ease-in
            }

            .stepped-progress .stepped-progress-bar li:last-child span {
                width: 200%;
                display: inline-block;
                position: absolute;
                left: -100%
            }

            .stepped-progress .stepped-progress-bar li.is-complete:last-child::after, .stepped-progress .stepped-progress-bar li.is-active:last-child::after {
                width: 200%;
                left: -100%
            }

            .stepped-progress .stepped-progress-bar li.is-complete::before {
                background-color: #53a318
            }

            .stepped-progress .stepped-progress-bar li.is-active::before, .stepped-progress .stepped-progress-bar li:hover::before, .stepped-progress .stepped-progress-bar li.is-hovered::before {
                background-color: #fff;
                border-color: #53a318
            }

            .stepped-progress .stepped-progress-bar li:hover::before, .stepped-progress .stepped-progress-bar li.is-hovered::before {
                transform: scale(1.33)
            }

            .stepped-progress .stepped-progress-bar li:hover span, .stepped-progress .stepped-progress-bar li.is-hovered span {
                opacity: 1
            }

        .stepped-progress .stepped-progress-bar:hover li:not(:hover) span {
            opacity: 0
        }

        .stepped-progress .stepped-progress-bar .has-changes {
            opacity: 1 !important
        }

            .stepped-progress .stepped-progress-bar .has-changes::before {
                content: "";
                display: block;
                width: 8px;
                height: 8px;
                position: absolute;
                left: calc(50% - 4px);
                bottom: -20px;
                background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E")
            }

.panel-progress {
    position: relative
}

    .panel-progress > * {
        position: relative;
        z-index: 2
    }

    .panel-progress .panel-progress-bar {
        position: absolute;
        width: 0;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #f7f7f7;
        z-index: 1;
        transition: width .2s ease-in
    }

.upload-progress {
    height: 22px;
    position: relative;
    border-radius: 25px;
    margin-top: 35px
}

    .upload-progress .progress-bar {
        border-radius: 25px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
        padding: 0
    }

        .upload-progress .progress-bar span {
            font-size: 12px;
            padding-top: 3px;
            margin: 0 10px
        }

    .upload-progress .btn-pause, .upload-progress .btn-stop {
        padding: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 5px;
        height: 15px;
        width: 15px;
        text-align: center;
        background-color: transparent;
        border: 0;
        border-radius: 20px;
        opacity: .5
    }

        .upload-progress .btn-pause:hover, .upload-progress .btn-stop:hover {
            opacity: 1
        }

        .upload-progress .btn-pause svg, .upload-progress .btn-stop svg {
            width: 15px;
            display: block;
            margin: 0;
            padding: 0;
            height: 15px
        }

    .upload-progress .btn-pause {
        right: 25px
    }

.upload-progress-2, .upload-progress-3 {
    text-align: right
}

    .upload-progress-2 .btn-pause, .upload-progress-2 .btn-stop, .upload-progress-3 .btn-pause, .upload-progress-3 .btn-stop {
        padding: 0;
        margin: auto;
        height: 15px;
        width: 15px;
        text-align: center;
        background-color: transparent;
        border: 0;
        border-radius: 20px;
        opacity: .5
    }

        .upload-progress-2 .btn-pause:hover, .upload-progress-2 .btn-stop:hover, .upload-progress-3 .btn-pause:hover, .upload-progress-3 .btn-stop:hover {
            opacity: 1
        }

        .upload-progress-2 .btn-pause svg, .upload-progress-2 .btn-stop svg, .upload-progress-3 .btn-pause svg, .upload-progress-3 .btn-stop svg {
            width: 15px;
            display: block;
            margin: 0;
            padding: 0;
            height: 15px
        }

.upload-progress-3 {
    margin-top: 35px;
    text-align: left
}

    .upload-progress-3 .progress {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .upload-progress-3 .progress-value {
        font-size: 12px;
        font-weight: 400
    }

    .upload-progress-3 .progress-caption {
        font-size: 12px;
        font-weight: 400
    }

.upload-box-progress {
    display: flex;
    flex-direction: row;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 20px;
    overflow: hidden;
    background-color: #fff
}

    .upload-box-progress > i {
        font-size: 52px;
        color: #4cacff
    }

    .upload-box-progress svg {
        width: 52px
    }

    .upload-box-progress img {
        max-width: 51px !important;
        max-height: 51px
    }

    .upload-box-progress .file-info {
        margin-left: 10px;
        min-width: 0
    }

        .upload-box-progress .file-info > p {
            margin-top: 5px;
            margin-bottom: 0;
            font-size: 15px;
            font-weight: 500;
            color: #333;
            white-space: nowrap;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis
        }

            .upload-box-progress .file-info > p:last-child {
                color: #777;
                font-size: 13px
            }

    .upload-box-progress .toolbar {
        margin-left: auto;
        display: flex;
        align-items: center
    }

        .upload-box-progress .toolbar .btn {
            margin-left: 10px
        }

            .upload-box-progress .toolbar .btn svg {
                height: auto;
                width: 16px
            }

        .upload-box-progress .toolbar .btn-cancel {
            padding: .45em 0
        }

            .upload-box-progress .toolbar .btn-cancel svg.icon-delete {
                display: none
            }

        .upload-box-progress .toolbar .btn-delete svg.icon-cancel {
            display: none
        }

    .upload-box-progress.upload-box-tiny .panel-progress-bar {
        height: 3px
    }

    .upload-box-progress.upload-box-tiny-bottom .panel-progress-bar {
        height: 3px;
        top: auto;
        bottom: 0
    }

.page-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    z-index: 2147483647;
    transition: width .2s ease-in
}

    .page-progress-bar.page-progress-bar-disabled {
        display: none
    }

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}

    .ribbon-wrapper .ribbon {
        font-size: 12px;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Montserrat Bold','Helvetica Neue',Helvetica,Arial,sans-serif;
        letter-spacing: .05em;
        line-height: 15px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
        transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        right: -11px;
        top: 10px;
        width: 100px;
        height: 28px;
        box-shadow: 0 0 3px rgba(0,0,0,0.3);
        background-color: #04ccb0;
        background-image: linear-gradient(to bottom,rgba(255,255,255,0.2) 45%,rgba(0,0,0,0.1) 100%);
        background-repeat: repeat-x
    }

        .ribbon-wrapper .ribbon:before, .ribbon-wrapper .ribbon:after {
            content: "";
            border-top: 3px solid #9e9e9e;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            bottom: -3px
        }

        .ribbon-wrapper .ribbon:before {
            left: 0
        }

        .ribbon-wrapper .ribbon:after {
            right: 0
        }

    .ribbon-wrapper.mirrored {
        right: auto;
        left: -3px
    }

        .ribbon-wrapper.mirrored .ribbon {
            right: auto;
            left: -26px;
            transform: rotate(-45deg)
        }

.ribbon-2-wrapper {
    position: absolute;
    top: 15px;
    right: -10px;
    overflow: visible
}

    .ribbon-2-wrapper .ribbon {
        display: block;
        padding: 5px 20px;
        position: relative;
        background: #04ccb0;
        overflow: visible;
        height: 30px;
        margin-left: 20px;
        color: #fff;
        text-decoration: none
    }

        .ribbon-2-wrapper .ribbon::after {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            bottom: -10px;
            right: 0;
            border-top: 10px solid #004a70;
            border-right: 10px solid transparent
        }

        .ribbon-2-wrapper .ribbon::before {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            top: 0;
            left: -15px;
            border-top: 15px solid #04ccb0;
            border-bottom: 15px solid #04ccb0;
            border-left: 15px solid transparent
        }

    .ribbon-2-wrapper.mirrored {
        right: auto;
        left: -10px
    }

        .ribbon-2-wrapper.mirrored .ribbon {
            margin-left: 0;
            margin-right: 20px
        }

            .ribbon-2-wrapper.mirrored .ribbon::before {
                left: auto;
                right: -15px;
                border-left: 0;
                border-right: 15px solid transparent
            }

            .ribbon-2-wrapper.mirrored .ribbon::after {
                right: auto;
                left: 0;
                border-right: 0;
                border-left: 10px solid transparent
            }

    .ribbon-2-wrapper .ribbon.bg-purple {
        background: #62319e
    }

        .ribbon-2-wrapper .ribbon.bg-purple::before {
            border-top-color: #62319e;
            border-bottom-color: #62319e
        }

    .ribbon-2-wrapper .ribbon.bg-primary {
        background: #5780f7
    }

        .ribbon-2-wrapper .ribbon.bg-primary::before {
            border-top-color: #5780f7;
            border-bottom-color: #5780f7
        }

    .ribbon-2-wrapper .ribbon.bg-secondary {
        background: #efefef
    }

        .ribbon-2-wrapper .ribbon.bg-secondary::before {
            border-top-color: #efefef;
            border-bottom-color: #efefef
        }

    .ribbon-2-wrapper .ribbon.bg-success {
        background: #04ccb0
    }

        .ribbon-2-wrapper .ribbon.bg-success::before {
            border-top-color: #04ccb0;
            border-bottom-color: #04ccb0
        }

    .ribbon-2-wrapper .ribbon.bg-danger {
        background: #ff046c
    }

        .ribbon-2-wrapper .ribbon.bg-danger::before {
            border-top-color: #ff046c;
            border-bottom-color: #ff046c
        }

    .ribbon-2-wrapper .ribbon.bg-warning {
        background: #fab72b
    }

        .ribbon-2-wrapper .ribbon.bg-warning::before {
            border-top-color: #fab72b;
            border-bottom-color: #fab72b
        }

    .ribbon-2-wrapper .ribbon.bg-info {
        background: #4cacff
    }

        .ribbon-2-wrapper .ribbon.bg-info::before {
            border-top-color: #4cacff;
            border-bottom-color: #4cacff
        }

    .ribbon-2-wrapper .ribbon.bg-light {
        background: #fff
    }

        .ribbon-2-wrapper .ribbon.bg-light::before {
            border-top-color: #fff;
            border-bottom-color: #fff
        }

    .ribbon-2-wrapper .ribbon.bg-dark {
        background: #393b51
    }

        .ribbon-2-wrapper .ribbon.bg-dark::before {
            border-top-color: #393b51;
            border-bottom-color: #393b51
        }

.ribbon-3-wrapper {
    position: absolute;
    top: -7px;
    right: 15px;
    overflow: visible
}

    .ribbon-3-wrapper .ribbon {
        display: block;
        padding: 20px 0 10px 0;
        position: relative;
        background: #04ccb0;
        overflow: visible;
        text-align: center;
        width: 40px;
        color: #fff;
        text-decoration: none
    }

        .ribbon-3-wrapper .ribbon::before {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            bottom: -10px;
            left: 0;
            border-left: 20px solid #04ccb0;
            border-right: 20px solid #04ccb0;
            border-bottom: 10px solid transparent
        }

        .ribbon-3-wrapper .ribbon::after {
            content: "";
            height: 0;
            width: 0;
            display: block;
            position: absolute;
            top: 0;
            right: -7px;
            border-bottom: 7px solid #004a70;
            border-right: 7px solid transparent
        }

    .ribbon-3-wrapper.mirrored {
        right: auto;
        left: 15px
    }

        .ribbon-3-wrapper.mirrored .ribbon::after {
            right: auto;
            left: -7px;
            border-right: 0;
            border-left: 7px solid transparent
        }

    .ribbon-3-wrapper .ribbon.bg-purple {
        background: #62319e
    }

        .ribbon-3-wrapper .ribbon.bg-purple::before {
            border-left-color: #62319e;
            border-right-color: #62319e
        }

    .ribbon-3-wrapper .ribbon.bg-primary {
        background: #5780f7
    }

        .ribbon-3-wrapper .ribbon.bg-primary::before {
            border-left-color: #5780f7;
            border-right-color: #5780f7
        }

    .ribbon-3-wrapper .ribbon.bg-secondary {
        background: #efefef
    }

        .ribbon-3-wrapper .ribbon.bg-secondary::before {
            border-left-color: #efefef;
            border-right-color: #efefef
        }

    .ribbon-3-wrapper .ribbon.bg-success {
        background: #04ccb0
    }

        .ribbon-3-wrapper .ribbon.bg-success::before {
            border-left-color: #04ccb0;
            border-right-color: #04ccb0
        }

    .ribbon-3-wrapper .ribbon.bg-danger {
        background: #ff046c
    }

        .ribbon-3-wrapper .ribbon.bg-danger::before {
            border-left-color: #ff046c;
            border-right-color: #ff046c
        }

    .ribbon-3-wrapper .ribbon.bg-warning {
        background: #fab72b
    }

        .ribbon-3-wrapper .ribbon.bg-warning::before {
            border-left-color: #fab72b;
            border-right-color: #fab72b
        }

    .ribbon-3-wrapper .ribbon.bg-info {
        background: #4cacff
    }

        .ribbon-3-wrapper .ribbon.bg-info::before {
            border-left-color: #4cacff;
            border-right-color: #4cacff
        }

    .ribbon-3-wrapper .ribbon.bg-light {
        background: #fff
    }

        .ribbon-3-wrapper .ribbon.bg-light::before {
            border-left-color: #fff;
            border-right-color: #fff
        }

    .ribbon-3-wrapper .ribbon.bg-dark {
        background: #393b51
    }

        .ribbon-3-wrapper .ribbon.bg-dark::before {
            border-left-color: #393b51;
            border-right-color: #393b51
        }

.ribbon-simple-wrapper {
    position: absolute;
    top: 15px;
    right: -3px;
    overflow: visible;
    box-shadow: -2px 2px 4px rgba(0,0,0,0.2)
}

    .ribbon-simple-wrapper .ribbon {
        display: block;
        padding: 5px 20px;
        position: relative;
        background: #04ccb0;
        color: #fff
    }

    .ribbon-simple-wrapper.mirrored {
        right: auto;
        left: -3px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.2)
    }

.ribbon-simple-vertical-wrapper {
    position: absolute;
    top: 0;
    right: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2)
}

    .ribbon-simple-vertical-wrapper .ribbon {
        display: block;
        padding: 15px 0;
        background: #04ccb0;
        text-align: center;
        width: 40px;
        color: #fff
    }

    .ribbon-simple-vertical-wrapper.mirrored {
        right: auto;
        left: 15px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2)
    }

a.nav-link {
    color: #333
}

.tabs-vertical {
    padding-top: .5rem
}

.tabs-vertical-content {
    border: 1px solid #dee2e6;
    border-top-width: 0;
    padding-bottom: .5rem
}

@media screen and (min-width:992px) {
    .tabs-vertical {
        flex-direction: column;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tabs-vertical-content {
        border-top-width: 1px;
        border-left-width: 0;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

        .tabs-vertical-content.tabs-content-right {
            border-left-width: 1px;
            border-right-width: 0
        }

    .tabs-left, .tabs-right {
        border-bottom-width: 0;
        padding-top: 0;
        height: 100%
    }

    .tabs-left {
        border-right: 1px solid #ddd
    }

    .nav-tabs.tabs-left .nav-item.show .nav-link, .nav-tabs.tabs-left .nav-link.active, .nav-tabs.tabs-left .nav-link:hover {
        border-color: #dee2e6 #fff #dee2e6 #dee2e6
    }

    .nav-tabs.tabs-right .nav-item.show .nav-link, .nav-tabs.tabs-right .nav-link.active, .nav-tabs.tabs-right .nav-link:hover {
        border-color: #dee2e6 #dee2e6 #dee2e6 #fff
    }

    .tabs-right {
        border-left: 1px solid #ddd
    }

        .tabs-left > li, .tabs-right > li {
            float: none;
            margin-bottom: 2px
        }

    .tabs-left > li {
        margin-right: -1px
    }

    .tabs-right > li {
        margin-left: -1px
    }

    .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus {
        border-bottom-color: #ddd;
        border-right-color: transparent
    }

    .tabs-right > li.active > a, .tabs-right > li.active > a:hover, .tabs-right > li.active > a:focus {
        border-bottom: 1px solid #ddd;
        border-left-color: transparent
    }

    .tabs-left > li > a.nav-link {
        border-radius: 4px 0 0 4px;
        margin-right: 0
    }

    .tabs-right > li > a {
        border-radius: 0 4px 4px 0;
        margin-right: 0
    }
}

.nav-tabs.tabs-underlined, .nav-tabs.tabs-sidelined {
    border: 0;
    display: flex;
    position: relative
}

    .nav-tabs.tabs-underlined .nav-link, .nav-tabs.tabs-sidelined .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0;
        border-bottom: 2px solid transparent;
        background-color: transparent
    }

        .nav-tabs.tabs-underlined .nav-link.active, .nav-tabs.tabs-sidelined .nav-link.active {
            border-color: #ed3472
        }

    .nav-tabs.tabs-underlined .nav-floor, .nav-tabs.tabs-sidelined .nav-floor {
        display: block;
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ed3472;
        transition: all 300ms ease-in-out
    }

    .nav-tabs.tabs-underlined.nav-tabs-animated .nav-link, .nav-tabs.tabs-sidelined.nav-tabs-animated .nav-link {
        border-color: transparent
    }

    .nav-tabs.tabs-underlined.nav-tabs-bg-animated .nav-link, .nav-tabs.tabs-sidelined.nav-tabs-bg-animated .nav-link {
        border-color: transparent;
        color: #333;
        transition: color 300ms ease-in-out
    }

        .nav-tabs.tabs-underlined.nav-tabs-bg-animated .nav-link.active, .nav-tabs.tabs-sidelined.nav-tabs-bg-animated .nav-link.active {
            color: #fff
        }

    .nav-tabs.tabs-underlined.nav-tabs-bg-animated > *, .nav-tabs.tabs-sidelined.nav-tabs-bg-animated > * {
        position: relative;
        z-index: 9
    }

    .nav-tabs.tabs-underlined.nav-tabs-bg-animated > .nav-floor, .nav-tabs.tabs-sidelined.nav-tabs-bg-animated > .nav-floor {
        display: block;
        content: "";
        width: 0;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ed3472;
        transition: all 300ms ease-in-out;
        z-index: 1;
        border-radius: 4px
    }

        .nav-tabs.tabs-underlined.nav-tabs-bg-animated > .nav-floor.rounded-circle, .nav-tabs.tabs-sidelined.nav-tabs-bg-animated > .nav-floor.rounded-circle {
            border-radius: 50px !important
        }

    .nav-tabs.tabs-sidelined.sideline-left .nav-link {
        border-left: 2px solid transparent;
        border-bottom: 0;
        border-radius: 0
    }

        .nav-tabs.tabs-sidelined.sideline-left .nav-link.active {
            border-color: #ed3472
        }

    .nav-tabs.tabs-sidelined.sideline-right .nav-link {
        border-right: 2px solid transparent;
        border-bottom: 0;
        border-radius: 0
    }

        .nav-tabs.tabs-sidelined.sideline-right .nav-link.active {
            border-color: #ed3472
        }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-animated .nav-link {
        border-right: 0
    }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-animated .nav-wall {
        display: block;
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #ed3472;
        transition: all 300ms ease-in-out
    }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-animated .wall-left {
        display: block;
        content: "";
        width: 2px;
        height: 0;
        position: absolute;
        bottom: 0;
        left: auto;
        right: 0;
        background-color: #ed3472;
        transition: all 300ms ease-in-out
    }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated > * {
        position: relative;
        z-index: 9
    }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-wall {
        width: 100%;
        z-index: 1;
        border-radius: 4px
    }

    .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link {
        transition: color .3s;
        color: #333
    }

        .nav-tabs.tabs-sidelined.nav-vertical-tabs-bg-animated .nav-link.active {
            color: #fff
        }

.nav .nav-link.active.has-top-arrow::before {
    bottom: 100%
}

.nav .nav-link.active.has-left-arrow::before {
    left: -14px;
    right: auto;
    top: -18px;
    bottom: 0
}

.nav .nav-link.active.has-right-arrow::before {
    left: auto;
    right: 3px;
    top: -18px;
    bottom: 0
}

.nav .nav-link.active.has-arrow, .nav .nav-link.active.has-top-arrow, .nav .nav-link.active.has-left-arrow, .nav .nav-link.active.has-right-arrow, .nav .nav-wall.has-left-arrow, .nav .nav-wall.has-right-arrow {
    position: relative
}

    .nav .nav-link.active.has-arrow::before, .nav .nav-link.active.has-top-arrow::before, .nav .nav-link.active.has-left-arrow::before, .nav .nav-link.active.has-right-arrow::before, .nav .nav-wall.has-left-arrow::before, .nav .nav-wall.has-right-arrow::before {
        display: block;
        position: absolute;
        z-index: 0;
        bottom: 5px;
        left: -14px;
        right: 0;
        margin: auto;
        width: 12px;
        height: 12px;
        content: '';
        transform: rotate(-45deg) translateY(12px);
        border-radius: 2px;
        background: inherit;
        box-shadow: none
    }

.nav .nav-link.active.has-top-arrow {
    position: relative
}

    .nav .nav-link.active.has-top-arrow::before {
        bottom: 100%
    }

.nav .nav-link.active.has-left-arrow::before {
    left: -14px;
    right: auto;
    top: -18px;
    bottom: 0
}

.nav .nav-link.active.has-right-arrow::before {
    left: auto;
    right: 3px;
    top: -18px;
    bottom: 0
}

.nav .nav-floor.has-top-arrow::before {
    bottom: 100%
}

.nav .nav-wall.has-left-arrow::before {
    left: auto;
    right: 1px;
    top: -18px;
    bottom: 0
}

.nav .nav-wall.has-right-arrow::before {
    left: -16px;
    right: auto;
    top: -18px;
    bottom: 0
}

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated > * {
    position: relative;
    z-index: 9
}

.nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall {
    position: absolute;
    z-index: 1
}

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-left-arrow, .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-right-arrow {
        width: 100%
    }

        .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-left-arrow::after, .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-right-arrow::after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff
        }

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-left-arrow {
        border-right-width: 2px;
        border-right-style: solid
    }

    .nav-tabs.tabs-sidelined.sideline-bubble.nav-vertical-tabs-animated .nav-wall.has-right-arrow {
        border-left-width: 2px;
        border-left-style: solid
    }

.nav.nav-vertical-tabs-bg-animated .nav-wall.has-left-arrow::before {
    left: auto;
    right: 3px;
    top: -18px;
    bottom: 0
}

.nav.nav-vertical-tabs-bg-animated .nav-wall.has-right-arrow::before {
    left: -14px;
    right: auto;
    top: -18px;
    bottom: 0
}

.nav .nav-floor.has-top-arrow::before, .nav .nav-floor.has-right-arrow::before, .nav .nav-floor.has-bottom-arrow::before, .nav .nav-floor.has-left-arrow::before {
    display: block;
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 5px;
    left: -14px;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    transform: rotate(-45deg) translateY(12px);
    border-radius: 2px;
    background: inherit;
    box-shadow: none
}

.nav .nav-floor.has-top-arrow::before {
    bottom: 100%
}

.nav .nav-floor.has-left-arrow::before {
    left: -14px;
    right: auto;
    top: -18px;
    bottom: 0
}

.nav .nav-floor.has-right-arrow::before {
    left: auto;
    right: 3px;
    top: -18px;
    bottom: 0
}

.nav-icons-top > .nav-item > .nav-link {
    align-items: center
}

    .nav-icons-top > .nav-item > .nav-link img, .nav-icons-top > .nav-item > .nav-link svg {
        margin-bottom: 10px
    }

.nav-icons-left > .nav-item > .nav-link, .nav-icons-right > .nav-item > .nav-link {
    flex-direction: row;
    align-items: center
}

    .nav-icons-left > .nav-item > .nav-link img, .nav-icons-left > .nav-item > .nav-link svg, .nav-icons-right > .nav-item > .nav-link img, .nav-icons-right > .nav-item > .nav-link svg {
        display: inline-block
    }

    .nav-icons-left > .nav-item > .nav-link img, .nav-icons-left > .nav-item > .nav-link svg {
        margin-right: 10px
    }

    .nav-icons-right > .nav-item > .nav-link img, .nav-icons-right > .nav-item > .nav-link svg {
        margin-left: 10px
    }

.nav-icons-bottom > .nav-item > .nav-link {
    align-items: center
}

    .nav-icons-bottom > .nav-item > .nav-link img, .nav-icons-bottom > .nav-item > .nav-link svg {
        margin-top: 10px
    }

.nav-icons-hidden > .nav-item > .nav-link img, .nav-icons-hidden > .nav-item > .nav-link svg {
    width: 22px;
    overflow: hidden;
    height: 22px;
    transition: all 300ms ease-in-out;
    -webkit-animation: flipInY .5s;
    animation: flipInY .5s
}

.nav-icons-hidden > .nav-item > .nav-link:not(.active) img, .nav-icons-hidden > .nav-item > .nav-link:not(.active) svg {
    opacity: 0;
    display: none
}

.nav-links-hidden > .nav-item > .nav-link {
    overflow: hidden
}

    .nav-links-hidden > .nav-item > .nav-link span {
        max-width: 100%;
        display: block;
        transition: all .5s ease-in-out;
        overflow: hidden
    }

    .nav-links-hidden > .nav-item > .nav-link:not(.active) span {
        max-width: 0;
        opacity: 0
    }

.nav-custom-2 {
    border: 0;
    display: flex;
    position: relative;
    overflow: hidden;
    flex-wrap: nowrap;
    overflow-x: auto
}

    .nav-custom-2 .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        background-color: #ddd;
        height: 70px;
        color: #333
    }

        .nav-custom-2 .nav-link svg {
            margin: auto
        }

        .nav-custom-2 .nav-link.active {
            background-color: #4cacff;
            border-color: #4cacff;
            color: #fff
        }

        .nav-custom-2 .nav-link::before, .nav-custom-2 .nav-link::after {
            display: block;
            content: '';
            position: absolute;
            z-index: 0;
            left: auto;
            right: -35px;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 0;
            height: 0;
            border-top: solid transparent;
            border-bottom: solid transparent;
            border-left: solid #fff;
            border-width: 42px;
            z-index: 9;
            border-width: 46px;
            border-left-width: 20px;
            right: -15px
        }

        .nav-custom-2 .nav-link::after {
            right: -28px;
            border-width: 35px;
            border-left-color: #ddd;
            right: -10px;
            border-width: 35px;
            border-left-width: 15px
        }

        .nav-custom-2 .nav-link.active::after {
            border-left-color: #4cacff
        }

    .nav-custom-2 .nav-item:last-child .nav-link::before, .nav-custom-2 .nav-item:last-child .nav-link::after {
        display: none
    }

    .nav-custom-2.nav-custom-2-sm .nav-link {
        padding-left: 1.75rem;
        height: 40px
    }

        .nav-custom-2.nav-custom-2-sm .nav-link::before {
            border-width: 26px;
            border-left-width: 20px
        }

        .nav-custom-2.nav-custom-2-sm .nav-link::after {
            border-width: 20px;
            border-left-width: 15px
        }

.nav-custom-3 {
    border: 0;
    display: flex;
    position: relative;
    padding: 0 10px;
    overflow: hidden;
    flex-wrap: nowrap;
    overflow-x: auto
}

    .nav-custom-3 > .nav-item:first-child {
        margin-left: 3px
    }

    .nav-custom-3 > .nav-item:last-child {
        margin-right: 13px
    }

    .nav-custom-3 .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        background-color: #ddd;
        height: 70px;
        transform: skewX(-20deg);
        padding: 0;
        margin-right: 5px;
        color: #333
    }

        .nav-custom-3 .nav-link .nav-link-content {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: center;
            transform: skewX(20deg);
            padding: .5rem 1rem
        }

        .nav-custom-3 .nav-link svg {
            margin: auto
        }

        .nav-custom-3 .nav-link.active {
            background-color: #4cacff;
            border-color: #4cacff;
            color: #fff
        }

    .nav-custom-3.nav-custom-3-sm {
        padding: 0 13px
    }

        .nav-custom-3.nav-custom-3-sm .nav-link {
            height: 40px;
            transform: skewX(-20deg);
            padding: 0;
            margin-right: 5px
        }

.nav-custom-2-v {
    border: 0;
    display: flex;
    position: relative;
    width: 300px;
    overflow: hidden
}

    .nav-custom-2-v .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        background-color: #ddd;
        height: 120px;
        padding: 40px 0 10px 0;
        color: #333
    }

        .nav-custom-2-v .nav-link svg {
            margin: 0 auto
        }

        .nav-custom-2-v .nav-link.active {
            background-color: #4cacff;
            border-color: #4cacff;
            color: #fff
        }

        .nav-custom-2-v .nav-link::before, .nav-custom-2-v .nav-link::after {
            display: block;
            content: '';
            position: absolute;
            z-index: 0;
            left: 0;
            right: 0;
            top: auto;
            bottom: -19px;
            margin: auto;
            width: 0;
            height: 0;
            border-left: solid transparent;
            border-right: solid transparent;
            border-top: solid #fff;
            border-width: 150px;
            border-top-width: 20px;
            z-index: 9
        }

        .nav-custom-2-v .nav-link::before {
            border-width: 180px;
            border-top-width: 24px;
            left: -30px;
            right: -30px
        }

        .nav-custom-2-v .nav-link::after {
            bottom: -15px;
            border-top-width: 20px;
            border-top-color: #ddd
        }

        .nav-custom-2-v .nav-link.active::after {
            border-top-color: #4cacff
        }

    .nav-custom-2-v .nav-item:last-child .nav-link::before, .nav-custom-2-v .nav-item:last-child .nav-link::after {
        display: none
    }

    .nav-custom-2-v .nav-item:first-child .nav-link {
        padding: 20px 0 10px 0;
        height: 100px
    }

    .nav-custom-2-v.nav-custom-2-v-sm {
        width: 100px
    }

        .nav-custom-2-v.nav-custom-2-v-sm .nav-link::before, .nav-custom-2-v.nav-custom-2-v-sm .nav-link::after {
            bottom: -16px;
            border-width: 50px
        }

        .nav-custom-2-v.nav-custom-2-v-sm .nav-link::before {
            border-width: 64px;
            border-top-width: 21px
        }

        .nav-custom-2-v.nav-custom-2-v-sm .nav-link::after {
            bottom: -11px;
            border-top-width: 16px
        }

.nav-custom-3-v {
    border: 0;
    display: flex;
    position: relative;
    padding: 16px 0;
    width: 300px;
    overflow: hidden
}

    .nav-custom-3-v .nav-link {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0;
        border-radius: 0;
        background-color: transparent;
        background-color: #ddd;
        height: 120px;
        transform: skewY(5deg);
        margin-top: 5px;
        padding: 18px 0 18px 0;
        color: #333
    }

        .nav-custom-3-v .nav-link .nav-link-content {
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: space-around;
            transform: skewY(-5deg);
            padding: .5rem 1rem
        }

        .nav-custom-3-v .nav-link svg {
            margin: 0 auto
        }

        .nav-custom-3-v .nav-link.active {
            background-color: #4cacff;
            border-color: #4cacff;
            color: #fff
        }

    .nav-custom-3-v.nav-custom-3-v-sm {
        width: 100px
    }

.nav-tabs.tabs-underlined.nav-number-left .nav-link {
    flex-direction: row;
    align-items: center;
    justify-content: center
}

    .nav-tabs.tabs-underlined.nav-number-left .nav-link strong {
        font-size: 34px;
        margin-right: 20px;
        font-weight: 300
    }

.nav-not-selectable {
    pointer-events: none
}

.nav-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 1 1 auto
}

.nav-btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

    .nav-btn-group > .btn-group:not(:last-child) > .btn, .nav-btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

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

    .nav-btn-group > .btn-group:not(:first-child), .nav-btn-group > .btn:not(:first-child) {
        margin-left: -1px
    }

.nav-item > .btn:not(:disabled):not(.disabled).active:focus, .nav-item > .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none !important
}

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

ul.timeline-list {
    list-style: none;
    padding: 20px 0 20px;
    margin: 0;
    position: relative;
    clear: both
}

    ul.timeline-list .timeline-heading p {
        margin-bottom: 10px
    }

    ul.timeline-list::before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eee;
        left: 50%;
        margin-left: -1.5px
    }

    ul.timeline-list > li {
        margin-bottom: 20px;
        position: relative
    }

        ul.timeline-list > li:before, ul.timeline-list > li:after {
            content: " ";
            display: table
        }

        ul.timeline-list > li:after {
            clear: both
        }

        ul.timeline-list > li:before, ul.timeline-list > li:after {
            content: " ";
            display: table
        }

        ul.timeline-list > li:after {
            clear: both
        }

        ul.timeline-list > li > .timeline-panel {
            width: calc(50% - 50px);
            float: left;
            clear: both;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            box-shadow: 0 1px 6px rgba(0,0,0,0.175);
            border-radius: 3px;
            margin-bottom: 20px;
            background-color: #fff
        }

            ul.timeline-list > li > .timeline-panel::before {
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -15px;
                border-top: 15px solid transparent;
                border-left: 15px solid #e6e6e6;
                border-right: 0 solid #e6e6e6;
                border-bottom: 15px solid transparent;
                content: " "
            }

            ul.timeline-list > li > .timeline-panel::after {
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -13px;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " "
            }

            ul.timeline-list > li > .timeline-panel + .timeline-panel::before, ul.timeline-list > li > .timeline-panel + .timeline-panel::after {
                display: none
            }

        ul.timeline-list > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%
        }

        ul.timeline-list > li.timeline-inverted > .timeline-panel {
            float: right
        }

            ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
                display: inline-block;
                border-left-width: 0;
                border-right-width: 15px;
                left: -16px;
                right: auto
            }

            ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
                display: inline-block;
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto
            }

    ul.timeline-list .timeline-title {
        margin-bottom: 10px;
        color: inherit;
        font-size: 16px
    }

    ul.timeline-list .timeline-body > p, ul.timeline-list .timeline-body > ul {
        margin-bottom: 0;
        color: #666
    }

        ul.timeline-list .timeline-body > p + p {
            margin-top: 5px
        }

@media screen and (max-width:991px) {
    ul.timeline-list:before {
        left: 40px
    }

    ul.timeline-list > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }

    ul.timeline-list > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }

    ul.timeline-list > li > .timeline-panel {
        float: right
    }

        ul.timeline-list > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto
        }

        ul.timeline-list > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto
        }
}

.timeline {
    position: relative;
    margin: 46px 0
}

@media screen and (max-width:991px) {
    .timeline {
        margin: 0
    }
}

.timeline::before, .timeline::after {
    display: table;
    content: "";
    clear: both
}

.timeline .timeline-start-badge, .timeline .timeline-end-badge {
    position: absolute;
    top: -46px;
    left: calc(50% - 40px);
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 13px;
    text-align: center;
    margin-left: 14px;
    background-color: #999;
    z-index: 100;
    border-radius: 50%
}

@media screen and (max-width:991px) {
    .timeline .timeline-start-badge, .timeline .timeline-end-badge {
        position: static
    }
}

.timeline .timeline-end-badge {
    top: auto;
    bottom: -46px
}

.timeline .timeline-end-badge {
    border-radius: 50%
}

.timeline-left {
    position: static;
    margin: 0
}

    .timeline-left ul.timeline-list {
        margin: 0
    }

        .timeline-left ul.timeline-list::before {
            left: 40px
        }

        .timeline-left ul.timeline-list > li > .timeline-panel {
            width: calc(100% - 90px);
            width: -webkit-calc(100% - 90px)
        }

        .timeline-left ul.timeline-list > li > .timeline-badge {
            left: 15px;
            margin-left: 0;
            top: 16px
        }

        .timeline-left ul.timeline-list > li > .timeline-panel {
            float: right
        }

            .timeline-left ul.timeline-list > li > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto
            }

            .timeline-left ul.timeline-list > li > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto
            }

    .timeline-left .timeline-start-badge, .timeline-left .timeline-end-badge {
        position: static;
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        text-align: center;
        margin-left: 14px;
        background-color: #999;
        z-index: 100
    }

.timeline-right {
    position: static;
    margin: 0;
    clear: both
}

    .timeline-right ul.timeline-list {
        margin: 0
    }

        .timeline-right ul.timeline-list::before {
            right: 40px;
            left: auto
        }

        .timeline-right ul.timeline-list > li > .timeline-panel {
            width: calc(100% - 90px);
            width: -webkit-calc(100% - 90px)
        }

        .timeline-right ul.timeline-list > li > .timeline-badge {
            right: 15px;
            left: auto;
            margin-right: 0;
            top: 16px
        }

        .timeline-right ul.timeline-list > li > .timeline-panel {
            float: left
        }

            .timeline-right ul.timeline-list > li > .timeline-panel::before, .timeline-right ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
                border-right-width: 0;
                border-left-width: 15px;
                left: auto;
                right: -14px
            }

            .timeline-right ul.timeline-list > li > .timeline-panel::after, .timeline-right ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
                border-right-width: 0;
                border-left-width: 14px;
                left: auto;
                right: -13px
            }

    .timeline-right .timeline-start-badge, .timeline-right .timeline-end-badge {
        position: static;
        color: #fff;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 13px;
        text-align: center;
        margin-right: 17px;
        margin-left: 0;
        float: right;
        clear: both;
        background-color: #999;
        z-index: 100
    }

.timeline-rings.timeline-left ul.timeline-list > li > .timeline-badge {
    left: 29px;
    margin-left: 0;
    top: 30px
}

.timeline-rings.timeline-right ul.timeline-list > li > .timeline-badge {
    right: 32px;
    left: auto;
    margin-left: 0;
    top: 30px
}

.timeline-rings ul.timeline-list > li > .timeline-badge {
    display: block;
    width: 20px;
    height: 20px;
    left: calc(50% + 15px);
    top: 30px
}

    .timeline-rings ul.timeline-list > li > .timeline-badge * {
        display: none
    }

    .timeline-rings ul.timeline-list > li > .timeline-badge::after {
        display: block;
        content: "";
        border-radius: 20px;
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.timeline-image ul.timeline-list > li > .timeline-badge {
    display: block
}

    .timeline-image ul.timeline-list > li > .timeline-badge img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 30px
    }

.timeline-sm ul.timeline-list > li > .timeline-badge {
    display: block;
    width: 20px;
    height: 20px;
    left: calc(50% + 15px);
    top: 19px
}

@media screen and (max-width:991px) {
    .timeline-sm ul.timeline-list > li > .timeline-badge {
        left: 30px
    }
}

.timeline-sm.timeline-rings.timeline-left ul.timeline-list > li > .timeline-badge, .timeline-sm.timeline-rings.timeline-right ul.timeline-list > li > .timeline-badge {
    top: 19px
}

.timeline-sm ul.timeline-list > li > .timeline-panel {
    border: 1px solid #ececec;
    box-shadow: none
}

    .timeline-sm ul.timeline-list > li > .timeline-panel::before, .timeline-sm ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
        top: 17px;
        right: -15px;
        border-left-color: #ececec;
        border-right-color: #ececec;
        border-right-width: 10px;
        border-left-width: 10px;
        border-top-width: 8px;
        border-bottom-width: 8px
    }

    .timeline-sm ul.timeline-list > li > .timeline-panel::after, .timeline-sm ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
        top: 18px;
        right: -14px;
        border-right-width: 10px;
        border-left-width: 10px;
        border-top-width: 8px;
        border-bottom-width: 8px
    }

    .timeline-sm ul.timeline-list > li > .timeline-panel::before {
        border-right-width: 0;
        right: -11px
    }

    .timeline-sm ul.timeline-list > li > .timeline-panel::after {
        border-right-width: 0;
        right: -9px;
        top: 17px
    }

.timeline-sm ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -11px
}

.timeline-sm ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -9px;
    top: 17px
}

.timeline-sm.timeline-right ul.timeline-list > li > .timeline-panel::before {
    border-right-width: 0;
    border-left-width: 10px;
    left: auto;
    right: -11px
}

.timeline-sm.timeline-right ul.timeline-list > li > .timeline-panel::after {
    border-right-width: 0;
    border-left-width: 10px;
    left: auto;
    right: -9px;
    top: 17px
}

.timeline-sm.timeline-right ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
    border-right-width: 0;
    border-left-width: 10px;
    left: auto;
    right: -11px
}

.timeline-sm.timeline-right ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
    border-right-width: 0;
    border-left-width: 10px;
    left: auto;
    right: -9px;
    top: 17px
}

.timeline-sm.timeline-left ul.timeline-list > li > .timeline-panel::before {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -11px
}

.timeline-sm.timeline-left ul.timeline-list > li > .timeline-panel::after {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -9px;
    top: 17px
}

.timeline-sm.timeline-left ul.timeline-list > li.timeline-inverted > .timeline-panel::before {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -11px
}

.timeline-sm.timeline-left ul.timeline-list > li.timeline-inverted > .timeline-panel::after {
    border-right-width: 10px;
    border-left-width: 0;
    right: auto;
    left: -9px;
    top: 17px
}

.timeline-2 ul.timeline-list > li > .timeline-panel {
    border: 1px solid #f5f5f9;
    margin-bottom: 10px;
    padding: 15px;
    color: #5780f7;
    background-color: #f9f9fb
}

    .timeline-2 ul.timeline-list > li > .timeline-panel h6 {
        font-weight: 600;
        color: #4a6a92
    }

    .timeline-2 ul.timeline-list > li > .timeline-panel p {
        color: #4a6a92
    }

.timeline-2 ul.timeline-list::before {
    background-color: #e9eefe
}

.timeline-2 ul.timeline-list > li > .timeline-panel::before, .timeline-2 ul.timeline-list > li > .timeline-panel::after {
    display: none
}

.timeline-has-status .timeline-status {
    width: calc(50% - 10px);
    float: right;
    padding: 20px;
    color: #4a6a92
}

.timeline-has-status .timeline-inverted .timeline-status {
    float: left;
    text-align: right
}

.timeline-has-status.timeline-left .timeline-status, .timeline-has-status.timeline-left .timeline-inverted .timeline-status {
    width: 100px;
    float: left;
    padding: 21px 0;
    color: #7d7d7d;
    text-align: left;
    font-size: 13px;
    font-weight: 500
}

.timeline-has-status.timeline-left ul.timeline-list > li {
    margin-bottom: 0
}

.timeline-has-status.timeline-left ul.timeline-list::before {
    left: 100px
}

.timeline-has-status.timeline-left.timeline-rings ul.timeline-list > li > .timeline-badge {
    left: 92px;
    width: 16px;
    height: 16px
}

.timeline-has-status.timeline-left ul.timeline-list > li > .timeline-panel {
    width: calc(100% - 130px);
    width: -webkit-calc(100% - 130px)
}

.timeline-has-status.timeline-left .timeline-start-badge, .timeline-has-status.timeline-left .timeline-end-badge {
    margin-left: 75px;
    line-height: 53px
}

.timeline-has-status ul.timeline-list > li > .timeline-panel {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    padding: 15px
}

    .timeline-has-status ul.timeline-list > li > .timeline-panel h6 {
        font-weight: 500;
        color: #4a6a92
    }

    .timeline-has-status ul.timeline-list > li > .timeline-panel p {
        color: #68717b
    }

.timeline-mini {
    position: relative
}

    .timeline-mini > ul {
        display: block;
        padding: 0;
        padding-left: 20px
    }

        .timeline-mini > ul > li {
            display: block;
            position: relative;
            padding-bottom: 10px
        }

            .timeline-mini > ul > li::before {
                display: block;
                content: " ";
                width: 2px;
                position: absolute;
                top: 0;
                bottom: 0;
                left: -15px;
                background-color: #eee
            }

            .timeline-mini > ul > li > .tl-badge {
                width: 10px;
                height: 10px;
                position: absolute;
                top: 2px;
                left: -19px;
                background-color: #5780f7;
                z-index: 100;
                border-radius: 50%
            }

            .timeline-mini > ul > li .tl-title {
                font-weight: 600;
                color: #333
            }

            .timeline-mini > ul > li .tl-content {
                color: #6c757d;
                font-weight: 500
            }

            .timeline-mini > ul > li:first-child::before {
                top: 4px
            }

            .timeline-mini > ul > li:last-child::before {
                bottom: auto;
                height: 4px
            }

.toast-body {
    padding: .75rem;
    font-size: 13px;
    font-weight: 400
}

.toast-header {
    font-size: 13px
}

    .toast-header i {
        font-size: 16px;
        margin-top: -2px
    }

.toast.bg-primary .toast-header, .toast.bg-secondary .toast-header, .toast.bg-success .toast-header, .toast.bg-danger .toast-header, .toast.bg-warning .toast-header, .toast.bg-info .toast-header, .toast.bg-light .toast-header, .toast.bg-dark .toast-header {
    background-color: rgba(255,255,255,0.21)
}

.toast .close {
    opacity: .8
}

.toast {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    position: relative
}

    .toast[data-animation-out] {
        backdrop-filter: none;
        -webkit-backdrop-filter: none
    }

    .toast.custom-toast-1 {
        border-radius: 0;
        border: 1px solid #e6e6e6;
        border-left: 5px solid
    }

        .toast.custom-toast-1 .toast-icon {
            position: absolute;
            width: 50px;
            height: 39px;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            padding: 0;
            font-size: 30px;
            text-align: center
        }

        .toast.custom-toast-1 .toast-content {
            margin-left: 50px
        }

        .toast.custom-toast-1 .toast-body {
            background-color: #fff
        }

        .toast.custom-toast-1 .toast-header {
            background-color: rgba(255,255,255,0.85);
            border-bottom: 0
        }

    .toast.bg-facebook .toast-header {
        background-color: #4b67a1 !important;
        color: #fff
    }

        .toast.bg-facebook .toast-header svg {
            fill: #fff
        }

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #fff
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #fff
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #fff
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff
}

.tooltip-inner {
    max-width: 200px;
    padding: .5rem 1.5em;
    color: #595d6e;
    text-align: center;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,0.3);
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.2)
}

.tooltip {
    font-family: poppins;
    font-size: 13px;
    font-weight: 400
}

    .tooltip.show {
        opacity: 1
    }

.widget {
    position: relative;
    background-color: #fff;
    padding: 20px;
    padding: 0;
    border-radius: 3px;
    border: 0;
    box-shadow: 0 2px 4px rgba(51,51,51,0.15);
    min-height: 150px;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat
}

    .widget.widget-1 > .widget-img {
        height: 110px;
        position: absolute;
        top: 0;
        right: 20px;
        bottom: 0;
        margin: auto
    }

    .widget.widget-1 .widget-header {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .widget.widget-1 .period-selector {
        display: block;
        width: 130px
    }

    .widget.widget-1 .icon-bg-fade {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 1
    }

        .widget.widget-1 .icon-bg-fade svg {
            position: absolute;
            top: -20%;
            right: -7%;
            width: 160px
        }

        .widget.widget-1 .icon-bg-fade img {
            height: 120%;
            position: absolute;
            right: 0;
            top: -5px
        }

    .widget.widget-1 .widget-header, .widget.widget-1 .widget-counter, .widget.widget-1 .widget-footer, .widget.widget-1 .widget-line-chart {
        position: relative;
        z-index: 10
    }

    .widget .widget-state {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 100px;
        text-align: right;
        color: #999;
        font-size: 13px;
        font-weight: 400
    }

    .widget .widget-header {
        padding: 20px 20px 0
    }

        .widget .widget-header h6 {
            font-weight: 600;
            font-family: dosis;
            text-transform: uppercase;
            letter-spacing: .5px;
            font-size: 1rem;
            color: #333232
        }

    .widget .widget-counter {
        font-size: 38px;
        padding: 0 20px;
        font-weight: 300
    }

    .widget .widget-footer {
        font-size: 14px;
        font-weight: 400;
        color: #999;
        padding: 0 20px 20px
    }

        .widget .widget-footer > svg {
            display: inline-block;
            vertical-align: middle
        }

        .widget .widget-footer > span {
            display: inline-block;
            vertical-align: bottom
        }

        .widget .widget-footer .ct-perfect-fourth {
            display: block;
            position: relative;
            width: 100%
        }

            .widget .widget-footer .ct-perfect-fourth::after {
                display: none
            }

    .widget.widget-flex {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

.widget-line-chart {
    height: 40px;
    overflow: hidden
}

    .widget-line-chart svg {
        overflow: visible;
        padding: 10px 0;
        height: 46px
    }

        .widget-line-chart svg > circle, .widget-line-chart svg > line {
            cursor: pointer
        }

.widget-pie-chart .widget-content {
    padding: 0 20px
}

    .widget-pie-chart .widget-content .chart-status {
        font-size: 13px;
        font-weight: 500;
        color: #aaa;
        margin-top: 10px
    }

    .widget-pie-chart .widget-content i.color-circle {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-right: 10px
    }

        .widget-pie-chart .widget-content i.color-circle.pie-color-primary {
            background-color: #d2d3d4
        }

        .widget-pie-chart .widget-content i.color-circle.pie-color-secondary {
            background-color: #ce4b99
        }

.widget-pie-chart .widget-chart {
    text-align: right
}

.widget-large-icon .icon-wrapper {
    display: block;
    width: 70px;
    height: 70px;
    background: red;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    margin: auto
}

    .widget-large-icon .icon-wrapper i, .widget-large-icon .icon-wrapper span {
        font-size: 30px;
        color: #fff;
        margin-top: 19px
    }

.widget-file {
    margin-bottom: 20px
}

    .widget-file .widget-icon {
        display: block;
        width: 50px;
        height: 50px;
        background-color: #eee;
        font-size: 24px;
        text-align: center;
        line-height: 54px;
        position: absolute;
        top: 20px;
        right: 20px
    }

    .widget-file .widget-body {
        position: relative;
        z-index: 10
    }

        .widget-file .widget-body .used, .widget-file .widget-body .capacity {
            font-weight: 300;
            font-size: 20px
        }

    .widget-file .widget-header {
        position: relative;
        z-index: 10
    }

        .widget-file .widget-header h6 {
            margin: 13px 0 40px 0
        }

    .widget-file .widget-icon-bg {
        display: block;
        width: 100px;
        height: 100px;
        font-size: 50px;
        text-align: center;
        line-height: 54px;
        border-radius: 10px;
        position: absolute;
        top: 18px;
        left: 0;
        color: rgba(238,238,238,0.41);
        z-index: 1
    }

.widget-file-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid #eee;
    border: 0;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    padding: 20px
}

    .widget-file-2 .widget-header {
        padding: 0
    }

        .widget-file-2 .widget-header > * {
            display: inline-block;
            vertical-align: top
        }

        .widget-file-2 .widget-header img {
            height: 40px;
            margin-right: 10px
        }

        .widget-file-2 .widget-header i {
            font-size: 40px;
            margin-right: 10px
        }

    .widget-file-2 .header-info span {
        font-size: 12px;
        color: #646c9a;
        font-weight: 400
    }

    .widget-file-2 .widget-label {
        margin-bottom: 2px
    }

    .widget-file-2 .storage-stats {
        display: flex;
        justify-content: space-between
    }

        .widget-file-2 .storage-stats h6 {
            font-weight: 400;
            color: #646c9a
        }

    .widget-file-2.dark {
        background-color: #524777;
        background-image: linear-gradient(-40deg,#725297,#333c57)
    }

        .widget-file-2.dark .widget-label {
            color: #fff
        }

        .widget-file-2.dark .header-info span {
            color: #ddd
        }

        .widget-file-2.dark .storage-stats h6 {
            color: #ddd
        }

.widget-weather {
    min-height: 130px
}

    .widget-weather .widget-icon-bg {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 103px;
        height: 103px;
        background-color: #ebf1fd;
        color: #5780f7;
        border-radius: 0;
        font-size: 30px;
        vertical-align: middle
    }

    .widget-weather .widget-content, .widget-weather .widget-degree, .widget-weather .widget-label {
        display: inline-block
    }

    .widget-weather .widget-content {
        width: calc(100% - 108px);
        text-align: center;
        vertical-align: middle
    }

    .widget-weather .widget-degree {
        font-size: 38px;
        color: #555;
        padding: 0 15px;
        border-right: 1px solid #ddd;
        vertical-align: middle;
        margin: 0;
        line-height: 1;
        font-family: dosis;
        font-weight: 500
    }

        .widget-weather .widget-degree small {
            font-weight: 400;
            position: relative;
            top: -15px;
            font-size: 20px;
            color: #6f7892
        }

    .widget-weather .widget-label {
        font-size: 16px;
        font-weight: 600;
        color: #646c9a;
        padding: 0 15px;
        vertical-align: middle;
        margin: 0
    }

        .widget-weather .widget-label h6 {
            display: block;
            margin-bottom: 8px;
            text-align: left;
            line-height: 1.5;
            font-weight: 600;
            font-family: dosis;
            text-transform: uppercase;
            letter-spacing: .5px;
            font-size: 1rem;
            color: #333232
        }

        .widget-weather .widget-label small {
            display: block;
            font-size: 13px;
            font-weight: 400;
            color: #6f7892;
            text-align: left;
            line-height: 1.5;
            color: #6f7892;
            margin: 0 0 4px 0;
            font-size: 13px;
            font-weight: 400;
            line-height: 1
        }

    .widget-weather .widget-footer {
        padding: 0 15px;
        margin-top: 0;
        text-align: center;
        border-top: 1px solid #fff;
        background-color: #f7f7f7
    }

        .widget-weather .widget-footer .degrees {
            font-size: 18px;
            font-weight: 400;
            font-family: dosis;
            color: #8492e2
        }

        .widget-weather .widget-footer div > .col {
            padding-top: 10px;
            padding-bottom: 10px
        }

            .widget-weather .widget-footer div > .col span i {
                font-size: 9px;
                line-height: 1;
                position: relative;
                top: -3px
            }

            .widget-weather .widget-footer div > .col span small {
                font-weight: 600;
                position: relative;
                top: -3px;
                font-size: 13px;
                line-height: 1
            }

            .widget-weather .widget-footer div > .col + .col {
                border-left: 1px solid #fff
            }

.widget-weather-simple {
    display: flex;
    min-height: 120px
}

    .widget-weather-simple .widget-icon-bg {
        width: auto;
        background-color: transparent;
        color: #5780f7;
        border-radius: 6px;
        font-size: 30px;
        align-self: center;
        flex-grow: 1;
        max-width: 40%
    }

    .widget-weather-simple .widget-content {
        width: auto;
        text-align: left;
        vertical-align: middle;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        flex-grow: 1
    }

    .widget-weather-simple .widget-degree, .widget-weather-simple .widget-label {
        width: 100%;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .widget-weather-simple .widget-degree {
        padding: 0;
        max-width: 80px
    }

.weidget-weather-icon-raised {
    min-height: 80px;
    padding-left: 90px;
    border-radius: 3px
}

    .weidget-weather-icon-raised .widget-content {
        width: 100%;
        padding: 24px 5px;
        line-height: 1
    }

    .weidget-weather-icon-raised .widget-degree {
        text-align: center
    }

    .weidget-weather-icon-raised .widget-icon-bg {
        width: 100px;
        height: 100px;
        background-color: #ebf1fd;
        position: absolute;
        left: -10px;
        top: -10px;
        bottom: -10px;
        margin: auto;
        border-radius: 3px;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.12)
    }

.widget-sm.widget-weather-sm .widget-icon-bg {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: transparent;
    color: #5780f7;
    border-radius: 6px;
    font-size: 30px;
    vertical-align: middle
}

    .widget-sm.widget-weather-sm .widget-icon-bg img {
        height: 75px;
        width: 75px
    }

    .widget-sm.widget-weather-sm .widget-icon-bg svg {
        height: auto
    }

.widget-sm.widget-weather-sm .widget-degree {
    font-size: 48px;
    color: #333;
    padding: 0 15px;
    vertical-align: middle;
    margin: -17px 0 20px 0;
    line-height: 1;
    display: inline-block;
    font-weight: 500
}

    .widget-sm.widget-weather-sm .widget-degree small {
        font-weight: 900;
        position: relative;
        top: -15px;
        font-size: 24px;
        line-height: 1
    }

.widget-sm.widget-weather-sm h6 {
    color: #6f7892;
    font-size: 16px;
    font-weight: 500;
    font-family: dosis;
    margin-bottom: 30px
}

.widget-sm.widget-weather-sm.widget-texts-light .widget-degree {
    color: #fff
}

.widget-weather-2 {
    margin-bottom: 20px
}

    .widget-weather-2 .card-header, .widget-weather-2 .card-footer {
        background-color: transparent
    }

        .widget-weather-2 .card-header .dropdown-toggle {
            padding-top: 0;
            padding-bottom: 0
        }

    .widget-weather-2 .card-title {
        color: #646c9a;
        font-weight: 500
    }

    .widget-weather-2 .card-body {
        padding-top: 0;
        padding-bottom: 0
    }

    .widget-weather-2 .widget-stats {
        text-align: center
    }

        .widget-weather-2 .widget-stats .widget-icon-wrapper {
            height: 110px
        }

            .widget-weather-2 .widget-stats .widget-icon-wrapper svg, .widget-weather-2 .widget-stats .widget-icon-wrapper img {
                width: 160px;
                height: auto;
                margin-top: -35px
            }

        .widget-weather-2 .widget-stats .widget-degree {
            font-size: 3.5rem;
            font-family: dosis;
            font-weight: 500;
            margin-bottom: 1rem
        }

            .widget-weather-2 .widget-stats .widget-degree small {
                font-weight: 800;
                font-size: 2.5rem;
                vertical-align: 10px
            }

    .widget-weather-2 .content {
        text-align: center;
        padding: 1.5rem;
        color: #646c9a
    }

        .widget-weather-2 .content .row > .col {
            background-color: #eee;
            margin: 2px;
            padding: 10px 5px 5px;
            font-weight: 500
        }

        .widget-weather-2 .content .carousel-control-next, .widget-weather-2 .content .carousel-control-prev {
            color: #333
        }

            .widget-weather-2 .content .carousel-control-next:hover, .widget-weather-2 .content .carousel-control-prev:hover {
                color: #333
            }

        .widget-weather-2 .content .carousel-control-next {
            right: -40px
        }

        .widget-weather-2 .content .carousel-control-prev {
            left: -40px
        }

        .widget-weather-2 .content .carousel-item .date {
            display: block;
            font-weight: 500;
            color: #757575;
            font-family: dosis;
            text-transform: uppercase;
            letter-spacing: .5px;
            margin-bottom: -10px
        }

    .widget-weather-2 .card-footer {
        padding: 0;
        border-top: 1px solid #f2f2f2
    }

        .widget-weather-2 .card-footer .btn-group {
            width: 100%
        }

            .widget-weather-2 .card-footer .btn-group .btn {
                border-top-width: 0;
                border-bottom-width: 0;
                border-radius: 0
            }

    .widget-weather-2 .dropdown button:hover, .widget-weather-2 .dropdown button:active, .widget-weather-2 .dropdown button:focus {
        outline: 0;
        box-shadow: none
    }

    .widget-weather-2 .dropdown button::after {
        display: none
    }

.widget-vertical {
    height: auto
}

    .widget-vertical .panel-header {
        border: 0;
        display: block;
        position: relative;
        z-index: 9;
        background-color: transparent
    }

        .widget-vertical .panel-header .panel-subtitle {
            margin: 9px 0 0;
            font-size: 13px;
            color: #838a90
        }

    .widget-vertical .panel-body {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -25px
    }

        .widget-vertical .panel-body .chart {
            padding-top: 0;
            text-align: center;
            position: relative;
            height: 180px
        }

            .widget-vertical .panel-body .chart h3 {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                font-size: 1.75rem;
                height: 1.75rem;
                bottom: 0;
                margin: auto;
                text-align: center;
                color: #5780f7
            }

            .widget-vertical .panel-body .chart svg.donut {
                width: 180px;
                height: 180px;
                margin-top: 0
            }

        .widget-vertical .panel-body .content {
            text-align: center;
            padding: 1.5rem;
            color: #646c9a
        }

            .widget-vertical .panel-body .content h5 {
                color: #4c5069;
                font-size: 1.15rem;
                font-weight: 500
            }

    .widget-vertical .panel-footer {
        padding: 0;
        border-top: 1px solid #f2f2f2
    }

        .widget-vertical .panel-footer .btn-group {
            width: 100%
        }

            .widget-vertical .panel-footer .btn-group .btn {
                border-top-width: 0;
                border-bottom-width: 0;
                border-radius: 0
            }

    .widget-vertical .dropdown button:hover, .widget-vertical .dropdown button:active, .widget-vertical .dropdown button:focus {
        outline: 0;
        box-shadow: none
    }

    .widget-vertical .dropdown button::after {
        display: none
    }

.widget-sm {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 200px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000
}

    .widget-sm > * {
        position: relative;
        z-index: 10
    }

    .widget-sm .bg-overlay {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #152c42;
        opacity: .9;
        border-radius: 3px
    }

    .widget-sm .widget-content {
        position: relative;
        z-index: 20;
        text-align: center
    }

    .widget-sm svg {
        display: block;
        height: 35px;
        opacity: 1.05;
        fill: #6f7892
    }

    .widget-sm i {
        display: block;
        font-size: 35px;
        color: #62697d
    }

    .widget-sm h6 {
        color: #6f7892;
        font-size: 16px;
        font-weight: 500;
        font-family: dosis;
        margin: 0
    }

    .widget-sm h4 {
        color: #464646;
        margin: 20px 0;
        font-size: 44px;
        font-weight: 200;
        line-height: 1;
        font-family: dosis
    }

    .widget-sm.widget-texts-light {
        color: #fff
    }

        .widget-sm.widget-texts-light .widget-degree {
            color: #fff
        }

        .widget-sm.widget-texts-light i, .widget-sm.widget-texts-light h6, .widget-sm.widget-texts-light h4 {
            color: #fff
        }

        .widget-sm.widget-texts-light svg {
            fill: #fff
        }

    .widget-sm.widget-night {
        background-color: #111
    }

    .widget-sm.bg-pattern-3, .widget-sm.bg-pattern-4, .widget-sm.bg-pattern-5 {
        background-size: 70%
    }

    .widget-sm i.text-dark, .widget-sm h6.text-dark, .widget-sm h4.text-dark {
        color: #000;
        text-shadow: 1px 1px 0 rgba(255,255,255,0.32)
    }

.widget-sm-2 {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 150px;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 5px;
    color: #000
}

    .widget-sm-2 > * {
        position: relative;
        z-index: 10
    }

    .widget-sm-2 .bg-overlay {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #003163;
        opacity: .7;
        border-radius: 3px;
        background-size: cover
    }

    .widget-sm-2 .widget-content {
        position: relative;
        z-index: 20;
        text-align: left;
        width: calc(100% - 105px);
        padding-left: 10px
    }

    .widget-sm-2 .widget-icon {
        font-size: 65px;
        width: 105px;
        text-align: center
    }

        .widget-sm-2 .widget-icon svg {
            display: block;
            height: 55px;
            opacity: 1.05;
            fill: #6f7892;
            margin: auto
        }

        .widget-sm-2 .widget-icon i {
            display: block;
            color: #62697d
        }

    .widget-sm-2 h6 {
        font-size: 14px;
        font-weight: 500;
        color: #6f7892;
        font-size: 16px;
        font-weight: 400;
        font-family: dosis
    }

    .widget-sm-2 h4 {
        color: #464646;
        margin: 14px 0;
        font-size: 44px;
        font-weight: 200;
        line-height: 1;
        font-family: dosis
    }

    .widget-sm-2.widget-texts-light {
        color: #e8e8e8
    }

        .widget-sm-2.widget-texts-light i, .widget-sm-2.widget-texts-light h6, .widget-sm-2.widget-texts-light h4 {
            color: #e8e8e8
        }

        .widget-sm-2.widget-texts-light svg {
            fill: #e8e8e8
        }

    .widget-sm-2.bg-pattern-3, .widget-sm-2.bg-pattern-4, .widget-sm-2.bg-pattern-5 {
        background-size: 70%
    }

    .widget-sm-2 i.text-dark, .widget-sm-2 h6.text-dark, .widget-sm-2 h4.text-dark {
        color: #000;
        text-shadow: 1px 1px 0 rgba(255,255,255,0.32)
    }

.widget-gradient, .widget-waves {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 20px;
    text-align: left;
    padding: 0;
    color: #fff;
    position: relative
}

    .widget-gradient .widget-content, .widget-waves .widget-content {
        padding: 20px
    }

    .widget-gradient .bg-overlay, .widget-waves .bg-overlay {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        border-radius: 3px
    }

    .widget-gradient span, .widget-gradient small, .widget-gradient h6, .widget-waves span, .widget-waves small, .widget-waves h6 {
        display: block;
        margin: 10px;
        font-weight: 300
    }

    .widget-gradient span, .widget-waves span {
        margin-right: auto
    }

    .widget-gradient h6, .widget-waves h6 {
        font-size: 44px;
        font-family: dosis;
        margin: 0
    }

.widget-waves {
    background-color: #fff;
    background-size: 80%;
    background-position: top right;
    background-repeat: no-repeat;
    color: #333
}

.widget-profile-1 {
    margin-top: 24px;
    margin-bottom: 0;
    border-radius: 10px
}

    .widget-profile-1 .widget-cover {
        background-size: cover;
        background-position: center center;
        display: block;
        color: #fff;
        font-size: 13px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        position: relative;
        border-radius: 10px 10px 0 0
    }

        .widget-profile-1 .widget-cover::before {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0,0,0,0.53);
            z-index: 1;
            border-radius: 10px 10px 0 0
        }

        .widget-profile-1 .widget-cover > * {
            position: relative;
            z-index: 1
        }

        .widget-profile-1 .widget-cover img {
            display: block;
            width: 80px;
            height: 80px;
            border-radius: 50px;
            margin: 20px;
            border: 5px solid rgba(255,255,255,0.2)
        }

    .widget-profile-1 .social-row {
        text-align: center;
        border-bottom: 2px dashed #e7e7e7
    }

        .widget-profile-1 .social-row .social-link {
            display: block;
            padding: 0;
            text-align: center;
            font-size: 15px;
            font-weight: 500;
            color: #6b6bcc;
            text-decoration: none
        }

        .widget-profile-1 .social-row i {
            font-size: 17px;
            vertical-align: -1px;
            margin-right: 5px
        }

        .widget-profile-1 .social-row > div {
            padding-top: 15px;
            padding-bottom: 10px
        }

            .widget-profile-1 .social-row > div + div {
                border-left: 2px dashed #e7e7e7
            }

    .widget-profile-1 .widget-content {
        padding: 15px 20px 20px;
        text-align: center;
        color: #777
    }

        .widget-profile-1 .widget-content p {
            margin: 0;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.6
        }

.panel.calendar-widget-panel {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(51,51,51,0.15)
}

    .panel.calendar-widget-panel .panel-body.calendar-widget {
        padding: 0
    }

.calendar-widget .datepicker table tr td.today, .calendar-widget .datepicker table tr td.today:hover, .calendar-widget .datepicker table tr td.today.disabled, .calendar-widget .datepicker table tr td.today.disabled:hover {
    background-color: #31315d;
    background-image: linear-gradient(to left,#3c3c7a,#272742);
    background-image: none;
    color: #fff;
    border-radius: 10px
}

.calendar-widget .datepicker .datepicker-switch, .calendar-widget .datepicker .prev, .calendar-widget .datepicker .next, .calendar-widget .datepicker tfoot tr th, .calendar-widget .datepicker th.dow {
    color: #000;
    background-color: #eee
}

    .calendar-widget .datepicker .datepicker-switch:hover, .calendar-widget .datepicker .prev:hover, .calendar-widget .datepicker .next:hover, .calendar-widget .datepicker tfoot tr th:hover, .calendar-widget .datepicker th.dow:hover {
        background-color: #ddd
    }

.calendar-widget .datepicker .datepicker-switch {
    pointer-events: none;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: dosis;
    font-weight: 400
}

.calendar-widget .datepicker table {
    width: 100%
}

.calendar-widget .datepicker-inline {
    width: auto
}

.calendar-widget .datepicker table tr td.active:active, .calendar-widget .datepicker table tr td.active:hover:active, .calendar-widget .datepicker table tr td.active.active, .calendar-widget .datepicker table tr td.active:hover.active {
    color: #000;
    background-color: #eee
}

.calendar-widget .datepicker td, .calendar-widget .datepicker th {
    width: 50px;
    height: 50px
}

.calendar-widget.calendar-primary .datepicker .datepicker-switch, .calendar-widget.calendar-primary .datepicker .prev, .calendar-widget.calendar-primary .datepicker .next, .calendar-widget.calendar-primary .datepicker tfoot tr th, .calendar-widget.calendar-primary .datepicker th.dow {
    color: #fff;
    background-color: #5780f7
}

    .calendar-widget.calendar-primary .datepicker .datepicker-switch:hover, .calendar-widget.calendar-primary .datepicker .prev:hover, .calendar-widget.calendar-primary .datepicker .next:hover, .calendar-widget.calendar-primary .datepicker tfoot tr th:hover, .calendar-widget.calendar-primary .datepicker th.dow:hover {
        background-color: #4a6fda
    }

.calendar-widget.calendar-primary .datepicker table tr td.today, .calendar-widget.calendar-primary .datepicker table tr td.today:hover, .calendar-widget.calendar-primary .datepicker table tr td.today.disabled, .calendar-widget.calendar-primary .datepicker table tr td.today.disabled:hover {
    border-color: #5780f7;
    background-color: #5780f7;
    color: #fff;
    font-weight: bold;
    border-radius: 3px
}

.calendar-widget.calendar-primary .datepicker table tr td.active:active, .calendar-widget.calendar-primary .datepicker table tr td.active:hover:active, .calendar-widget.calendar-primary .datepicker table tr td.active.active, .calendar-widget.calendar-primary .datepicker table tr td.active:hover.active {
    border-color: #5780f7;
    background-color: #5780f7;
    color: #fff;
    border-radius: 3px
}

.calendar-widget.calendar-primary .datepicker table tr td:hover {
    background-color: #ecf6ff;
    color: #5780f7
}

.calendar-widget.calendar-success .datepicker .datepicker-switch, .calendar-widget.calendar-success .datepicker .prev, .calendar-widget.calendar-success .datepicker .next, .calendar-widget.calendar-success .datepicker tfoot tr th, .calendar-widget.calendar-success .datepicker th.dow {
    color: #fff;
    background-color: #06c48c
}

    .calendar-widget.calendar-success .datepicker .datepicker-switch:hover, .calendar-widget.calendar-success .datepicker .prev:hover, .calendar-widget.calendar-success .datepicker .next:hover, .calendar-widget.calendar-success .datepicker tfoot tr th:hover, .calendar-widget.calendar-success .datepicker th.dow:hover {
        background-color: #06ab7a
    }

.calendar-widget.calendar-success .datepicker table tr td.today, .calendar-widget.calendar-success .datepicker table tr td.today:hover, .calendar-widget.calendar-success .datepicker table tr td.today.disabled, .calendar-widget.calendar-success .datepicker table tr td.today.disabled:hover {
    background-color: #06c48c;
    font-weight: bold;
    border-radius: 3px
}

.calendar-widget.calendar-success .datepicker table tr td.active:active, .calendar-widget.calendar-success .datepicker table tr td.active:hover:active, .calendar-widget.calendar-success .datepicker table tr td.active.active, .calendar-widget.calendar-success .datepicker table tr td.active:hover.active {
    color: #fff;
    background-color: #06c48c;
    border-radius: 3px
}

.calendar-widget.calendar-danger .datepicker .datepicker-switch, .calendar-widget.calendar-danger .datepicker .prev, .calendar-widget.calendar-danger .datepicker .next, .calendar-widget.calendar-danger .datepicker tfoot tr th, .calendar-widget.calendar-danger .datepicker th.dow {
    color: #fff;
    background-color: #ed3472
}

    .calendar-widget.calendar-danger .datepicker .datepicker-switch:hover, .calendar-widget.calendar-danger .datepicker .prev:hover, .calendar-widget.calendar-danger .datepicker .next:hover, .calendar-widget.calendar-danger .datepicker tfoot tr th:hover, .calendar-widget.calendar-danger .datepicker th.dow:hover {
        background-color: #ce2e64
    }

.calendar-widget.calendar-danger .datepicker table tr td.today, .calendar-widget.calendar-danger .datepicker table tr td.today:hover, .calendar-widget.calendar-danger .datepicker table tr td.today.disabled, .calendar-widget.calendar-danger .datepicker table tr td.today.disabled:hover {
    background-color: #ed3472;
    font-weight: bold;
    border-radius: 3px
}

.calendar-widget.calendar-danger .datepicker table tr td.active:active, .calendar-widget.calendar-danger .datepicker table tr td.active:hover:active, .calendar-widget.calendar-danger .datepicker table tr td.active.active, .calendar-widget.calendar-danger .datepicker table tr td.active:hover.active {
    color: #fff;
    background-color: #ed3472;
    border-radius: 3px
}

.widget-2 {
    background-color: #fff;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15)
}

    .widget-2 .category {
        margin-bottom: 10px;
        color: rgba(255,255,255,0.8)
    }

    .widget-2 .widget-title {
        color: #fff;
        margin-bottom: 10px;
        line-height: 1.4
    }

    .widget-2 p {
        line-height: 1.6;
        color: rgba(255,255,255,0.7)
    }

    .widget-2 a {
        color: #fff
    }

    .widget-2.bg-primary-gradient {
        background-image: linear-gradient(to bottom,#7e5a88,#361140) !important
    }

    .widget-2.bg-success-gradient {
        background-image: linear-gradient(45deg,#0c7859,#0caf7f,#0bb583) !important
    }

    .widget-2.bg-dark-gradient {
        background-image: linear-gradient(45deg,#24264a,#4a4d70,#484e84) !important
    }

    .widget-2.bg-white .category {
        margin-bottom: 10px;
        color: rgba(0,0,0,0.8)
    }

    .widget-2.bg-white .widget-title, .widget-2.bg-white a, .widget-2.bg-white p {
        color: #000
    }

.widget-3 {
    background-color: #fff;
    padding: 30px;
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
    color: #333
}

    .widget-3 .widget-title {
        color: inherit;
        margin-bottom: 10px;
        line-height: 1.4
    }

    .widget-3 .category {
        color: inherit
    }

    .widget-3 .widget-img {
        text-align: center
    }

    .widget-3 img {
        max-width: 100%;
        max-height: 140px;
        margin: 20px auto
    }

    .widget-3.bg-primary-gradient {
        background-image: none !important;
        background-color: #775d7e !important;
        color: #fff
    }

    .widget-3.bg-success-gradient {
        background-image: linear-gradient(45deg,#0c7859,#0caf7f,#0bb583) !important;
        color: #fff
    }

    .widget-3.bg-dark-gradient {
        background-image: linear-gradient(45deg,#24264a,#4a4d70,#484e84) !important;
        color: #fff
    }

    .widget-3.has-background {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 300px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }

        .widget-3.has-background .widget-title {
            margin-top: auto
        }

        .widget-3.has-background .category {
            font-weight: 300
        }

        .widget-3.has-background .category, .widget-3.has-background .widget-title {
            text-shadow: 1px 1px 3px rgba(0,0,0,0.35)
        }

            .widget-3.has-background .category.text-dark, .widget-3.has-background .widget-title.text-dark {
                text-shadow: 1px 1px 3px rgba(255,255,255,0.35)
            }

            .widget-3.has-background .category.has-bg, .widget-3.has-background .widget-title.has-bg {
                background-color: rgba(0,0,0,0.32);
                padding: 5px 10px
            }

.widget-4 {
    position: relative;
    background-color: #fff;
    padding: 30px 30px 20px;
    border-radius: 3px;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
    background-image: linear-gradient(45deg,#24264a,#4a4d70,#484e84)
}

@media screen and (min-width:768px) {
    .widget-4 {
        padding: 30px
    }
}

.widget-4 .widget-title {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.4;
    font-weight: 300
}

@media screen and (max-width:767px) {
    .widget-4 .widget-title {
        font-size: 1.2rem;
        font-weight: 400
    }
}

.widget-4 .widget-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.4
}

@media screen and (min-width:768px) {
    .widget-4 .widget-content {
        margin-bottom: 0
    }
}

.widget-4 .widget-img {
    text-align: center
}

.widget-4 img {
    max-width: 100%;
    max-height: 240px;
    margin: 0 auto
}

.widget-4 .title-absolute {
    position: static;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    padding: 0;
    margin: 0;
    margin-top: 20px
}

@media screen and (min-width:768px) {
    .widget-4 .title-absolute {
        position: absolute;
        padding: 30px;
        margin: 0
    }
}

.widget-4.has-background {
    min-height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

    .widget-4.has-background .category {
        font-weight: 300
    }

    .widget-4.has-background .widget-title {
        text-shadow: 1px 1px 3px rgba(0,0,0,0.35)
    }

        .widget-4.has-background .widget-title.text-dark {
            text-shadow: 1px 1px 0 rgba(255,255,255,0.23)
        }

        .widget-4.has-background .widget-title.has-bg {
            background-color: rgba(0,0,0,0.32);
            padding: 5px 10px
        }

.widget-5 {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(51,51,51,0.15);
    border-radius: 6px;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #444
}

    .widget-5 .widget-header {
        padding: 0
    }

    .widget-5 .widget-title {
        font-size: 15px;
        font-weight: 500;
        color: #555;
        margin: 0;
        text-transform: uppercase
    }

    .widget-5 .widget-content {
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .widget-5 .widget-counter {
        padding: 0;
        font-size: 40px;
        font-weight: 200;
        font-family: dosis
    }

    .widget-5 .widget-icon {
        font-size: 34px
    }

        .widget-5 .widget-icon svg {
            height: 54px
        }

    .widget-5 .widget-footer {
        padding: 0;
        height: auto;
        font-weight: 400
    }

.panel.widget-6 .panel-title {
    color: inherit
}

.panel.widget-6 .panel-toolbar .btn {
    background-color: rgba(255,255,255,0.1);
    color: inherit
}

    .panel.widget-6 .panel-toolbar .btn:hover {
        background-color: rgba(255,255,255,0.3)
    }

    .panel.widget-6 .panel-toolbar .btn:focus, .panel.widget-6 .panel-toolbar .btn:active, .panel.widget-6 .panel-toolbar .btn:active:focus, .panel.widget-6 .panel-toolbar .btn.active {
        background-color: rgba(255,255,255,0.2)
    }

.panel.widget-6 .widget-col {
    padding: 20px 30px;
    position: relative
}

    .panel.widget-6 .widget-col::after, .panel.widget-6 .widget-col .widget-header::after {
        display: block;
        content: "";
        width: 1px;
        height: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background-color: rgba(255,255,255,0.3)
    }

@media screen and (max-width:991px) {
    .panel.widget-6 .widget-col::after {
        display: none
    }
}

.panel.widget-6 .widget-col .widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0;
    padding-bottom: 0;
    position: relative
}

    .panel.widget-6 .widget-col .widget-header::after {
        top: auto;
        bottom: -15px;
        right: 0;
        left: 0;
        width: 100%;
        height: 1px;
        margin: auto;
        background-color: rgba(255,255,255,0.3)
    }

    .panel.widget-6 .widget-col .widget-header .widget-icon {
        font-size: 16px;
        width: 50px;
        height: 50px;
        background-color: rgba(51,51,51,0);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed rgba(255,255,255,0.5);
        border-color: inherit;
        transition: all .3s;
        position: absolute;
        left: 0;
        top: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        display: none
    }

    .panel.widget-6 .widget-col .widget-header .widget-title {
        font-size: 26px;
        font-weight: 600;
        font-family: dosis;
        color: inherit;
        margin: 0;
        text-transform: uppercase
    }

    .panel.widget-6 .widget-col .widget-header .widget-stats {
        font-size: 26px;
        font-weight: 600;
        font-family: dosis;
        color: inherit
    }

.panel.widget-6 .widget-col:hover .widget-icon {
    transform: scale(1.05);
    background-color: rgba(51,51,51,0.2)
}

.panel.widget-6 .widget-col .widget-body {
    padding-top: 30px
}

    .panel.widget-6 .widget-col .widget-body p:last-child {
        margin-bottom: 0
    }

.panel.widget-6 .row > *:last-child .widget-col::after {
    display: none
}

.panel.widget-6.widget-light .widget-col .widget-header::after {
    background-color: rgba(0,0,0,0.3)
}

.panel.widget-7 .panel-title {
    color: inherit
}

.panel.widget-7 .panel-header .panel-toolbar .btn, .panel.widget-7 .panel-footer .panel-toolbar .btn {
    background-color: rgba(255,255,255,0.1);
    color: inherit
}

    .panel.widget-7 .panel-header .panel-toolbar .btn:hover, .panel.widget-7 .panel-footer .panel-toolbar .btn:hover {
        background-color: rgba(255,255,255,0.3)
    }

    .panel.widget-7 .panel-header .panel-toolbar .btn:focus, .panel.widget-7 .panel-header .panel-toolbar .btn:active, .panel.widget-7 .panel-header .panel-toolbar .btn:active:focus, .panel.widget-7 .panel-header .panel-toolbar .btn.active, .panel.widget-7 .panel-footer .panel-toolbar .btn:focus, .panel.widget-7 .panel-footer .panel-toolbar .btn:active, .panel.widget-7 .panel-footer .panel-toolbar .btn:active:focus, .panel.widget-7 .panel-footer .panel-toolbar .btn.active {
        background-color: rgba(255,255,255,0.2)
    }

.panel.widget-7 .widget-col {
    padding: 20px 30px 20px 0;
    position: relative;
    display: flex;
    align-items: flex-start
}

    .panel.widget-7 .widget-col::after {
        display: block;
        content: "";
        width: 1px;
        height: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background-color: rgba(255,255,255,0.3)
    }

@media screen and (max-width:991px) {
    .panel.widget-7 .widget-col::after {
        display: none
    }
}

.panel.widget-7 .widget-col .widget-icon {
    font-size: 26px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    margin-top: 3px
}

.panel.widget-7 .widget-col .widget-content {
    width: calc(100% - 100px);
    text-align: center
}

.panel.widget-7 .widget-col .widget-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    padding: 0;
    position: relative;
    line-height: 1
}

    .panel.widget-7 .widget-col .widget-header .widget-title {
        font-size: 26px;
        font-weight: 600;
        font-family: dosis;
        text-transform: uppercase;
        color: inherit;
        margin: 0
    }

    .panel.widget-7 .widget-col .widget-header .widget-stats {
        font-size: 26px;
        font-weight: 600;
        font-family: dosis;
        color: inherit
    }

.panel.widget-7 .widget-col .widget-subheader {
    padding: 10px 0;
    margin: 15px 0;
    position: relative
}

    .panel.widget-7 .widget-col .widget-subheader::before, .panel.widget-7 .widget-col .widget-subheader::after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(255,255,255,0.3)
    }

    .panel.widget-7 .widget-col .widget-subheader::after {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0
    }

.panel.widget-7 .widget-col .widget-body {
    padding-top: 0;
    text-align: left
}

    .panel.widget-7 .widget-col .widget-body p:last-child {
        margin-bottom: 0
    }

.panel.widget-7 .row > *:last-child .widget-col::after {
    display: none
}

.panel.widget-7.widget-light .widget-col .widget-header {
    color: #333
}

.panel.widget-7.widget-light .widget-col .widget-subheader::before, .panel.widget-7.widget-light .widget-col .widget-subheader::after {
    background-color: rgba(0,0,0,0.3)
}

.widget-chart-1 {
    background-color: #fff;
    border-radius: 3px;
    padding: 20px;
    padding-bottom: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #646c9a
}

    .widget-chart-1 .widget-header {
        padding: 0;
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

        .widget-chart-1 .widget-header .widget-counter {
            font-size: 32px;
            font-weight: 400;
            color: #616161;
            padding: 0;
            font-family: dosis;
            line-height: 1;
            margin-bottom: 10px
        }

        .widget-chart-1 .widget-header .widget-title {
            font-size: 14px;
            color: #646c9a;
            font-weight: 300;
            font-size: 1rem;
            color: #333232
        }

        .widget-chart-1 .widget-header .widget-info .widget-counter:last-child {
            line-height: 1
        }

        .widget-chart-1 .widget-header .form-control {
            margin: 5px 0;
            font-weight: 300
        }

        .widget-chart-1 .widget-header .widget-icon {
            display: flex;
            width: 70px;
            height: 70px;
            background: #999;
            border-radius: 50px;
            text-align: center;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            margin-left: auto
        }

            .widget-chart-1 .widget-header .widget-icon.widget-icon-sm {
                width: 60px;
                height: 60px;
                font-size: 21px
            }

    .widget-chart-1 .widget-chart {
        pointer-events: none
    }

        .widget-chart-1 .widget-chart svg {
            position: relative;
            bottom: -1px
        }

.widget-chart-2 {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    color: #646c9a;
    height: auto
}

    .widget-chart-2 .panel-footer {
        display: block;
        color: #6f7892;
        font-size: 13px;
        font-weight: 400
    }

    .widget-chart-2 .widget-title {
        font-size: 15px;
        font-weight: 500;
        color: #646c9a
    }

    .widget-chart-2 .widget-content {
        padding: 20px 0
    }

.widget-chart-3 .chart-details {
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .widget-chart-3 .chart-details li {
        display: block;
        color: #646c9a;
        font-size: 13px;
        font-weight: 400
    }

        .widget-chart-3 .chart-details li strong {
            color: #555;
            font-size: 12px;
            font-weight: 400
        }

        .widget-chart-3 .chart-details li i {
            margin-right: 5px;
            font-size: 7px;
            vertical-align: 2px
        }

.widget-chart-4 .chart-details {
    padding: 20px 0;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .widget-chart-4 .chart-details li {
        display: block;
        color: #646c9a;
        font-size: 13px;
        font-weight: 500
    }

        .widget-chart-4 .chart-details li strong {
            color: #555
        }

        .widget-chart-4 .chart-details li i {
            margin-right: 5px;
            font-size: 9px;
            vertical-align: 2px
        }

.widget-chart-4 .widget-title {
    font-size: 15px;
    font-weight: 500;
    color: #646c9a
}

.widget-chart-4 .widget-content {
    padding: 20px 0
}

.widget-chart-4 .widget-footer {
    color: #6f7892;
    font-size: 13px;
    font-weight: 400
}

.widget-chart-5 .widget-chart {
    position: relative;
    z-index: 1
}

.widget-chart-5 .widget-title {
    font-size: 15px;
    font-weight: 500;
    color: #646c9a
}

.widget-chart-5 .widget-subtitle {
    position: relative;
    z-index: 1;
    font-size: 19px;
    font-weight: 300;
    color: #464b6b;
    text-align: center;
    margin-top: -2rem;
    margin-bottom: 1rem
}

.widget-chart-5 .widget-description {
    position: relative;
    z-index: 1;
    text-align: center;
    font-weight: 500;
    font-weight: 600;
    color: #646c9a;
    color: #6f7892
}

.widget-chart-6 {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 30px 20px;
    margin-top: 0;
    margin-bottom: 0;
    color: #444;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .widget-chart-6 .widget-chart {
        position: relative;
        z-index: 1;
        margin: 20px auto
    }

        .widget-chart-6 .widget-chart svg {
            width: 100%;
            max-width: 200px
        }

    .widget-chart-6 .widget-header {
        text-align: center
    }

    .widget-chart-6 .widget-title {
        font-weight: 400
    }

    .widget-chart-6 .widget-subtitle {
        position: relative;
        z-index: 1;
        color: #646c9a;
        text-align: center;
        font-weight: 400;
        margin: 0
    }

    .widget-chart-6 .widget-name {
        position: relative;
        z-index: 1;
        font-size: 19px;
        font-weight: 400;
        color: #646c9a;
        text-align: center;
        margin-top: -3rem;
        margin-bottom: 2rem
    }

    .widget-chart-6 .widget-description {
        position: relative;
        z-index: 1;
        text-align: center;
        font-weight: 500;
        font-weight: 600;
        color: #646c9a;
        color: #6f7892
    }

.widgets-rounded {
    border-radius: 6px
}

@media screen and (min-width:992px) {
    .widgets-rounded > div > .widget-chart-6 {
        border-radius: 0
    }

    .widgets-rounded > div:first-child > .widget-chart-6 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .widgets-rounded > div:last-child > .widget-chart-6 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }
}

@media screen and (max-width:991px) {
    .widgets-rounded > div > .widget-chart-6 {
        border-radius: 0
    }

    .widgets-rounded > div:first-child > .widget-chart-6 {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .widgets-rounded > div:last-child > .widget-chart-6 {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }
}

.widget-chart-sm {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: 200px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
    color: #000
}

    .widget-chart-sm h6 {
        color: #6f7892;
        margin: 14px 0;
        font-size: 14px;
        font-weight: 400
    }

    .widget-chart-sm h4 {
        color: #464646;
        margin: 14px 0;
        font-size: 34px;
        font-weight: 200;
        line-height: 1;
        font-family: dosis
    }

        .widget-chart-sm h4 > svg {
            width: auto;
            vertical-align: top;
            height: 16px;
            margin-top: 10px
        }

    .widget-chart-sm .widget-chart {
        position: relative
    }

        .widget-chart-sm .widget-chart svg {
            display: block;
            height: 115px;
            fill: #6f7892
        }

        .widget-chart-sm .widget-chart span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            font-size: 22px;
            height: 22px;
            bottom: 0;
            margin: auto;
            text-align: center;
            font-weight: 400;
            line-height: 1;
            font-family: dosis;
            color: #5780f7
        }

    .widget-chart-sm.widget-texts-light {
        color: #fff
    }

        .widget-chart-sm.widget-texts-light h6, .widget-chart-sm.widget-texts-light h4 {
            color: #fff
        }

.widget-media {
    background-color: #fff
}

    .widget-media .card-header {
        background-color: transparent;
        padding-bottom: 0
    }

    .widget-media .widget-title {
        color: #56565b;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-size: 16px;
        font-family: dosis
    }

    .widget-media .widget-img {
        height: 250px;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .widget-media .widget-img img {
            height: 190px
        }

    .widget-media .card-body {
        position: relative;
        overflow: hidden;
        background-color: #f7f7f7
    }

        .widget-media .card-body::before {
            display: block;
            content: "";
            width: 120%;
            height: 50px;
            border-radius: 50%;
            position: absolute;
            top: -40%;
            left: -10%;
            background-color: white;
            box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset
        }

        .widget-media .card-body h5 {
            color: #56565b;
            font-weight: 600;
            letter-spacing: .5px;
            font-size: 20px;
            font-family: dosis
        }

        .widget-media .card-body p {
            color: #444
        }

        .widget-media .card-body > *:last-child {
            margin-bottom: 0
        }

    .widget-media.widget-media-inverse .card-header {
        background-color: #eef2fe;
        background-image: linear-gradient(-90deg,#fbfbfd,#e4e7f1)
    }

    .widget-media.widget-media-inverse .card-body {
        background-color: transparent
    }

.widget-media-2 {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 20px 30px;
    min-height: 200px
}

@media screen and (min-width:768px) {
    .widget-media-2 {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center
    }
}

.widget-media-2 .widget-img {
    text-align: center
}

    .widget-media-2 .widget-img img {
        max-width: 220px
    }

.widget-media-2 .widget-body p {
    color: #959595
}

.widget-media-2 .widget-body .btn {
    font-weight: 500
}

.widget-media-2 .widget-title {
    font-weight: 600;
    margin-bottom: 10px
}

.widget-media-2 img {
    max-width: 80%;
    margin-bottom: 25px
}

@media screen and (min-width:768px) {
    .widget-media-2 img {
        max-width: 150px;
        margin-bottom: 0
    }
}

.widget-media-3 {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 30px;
    min-height: 200px
}

@media screen and (min-width:768px) {
    .widget-media-3 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 30px;
        height: 100%;
        max-height: 220px
    }
}

.widget-media-3 .widget-img {
    text-align: center;
    padding: 0
}

@media screen and (min-width:768px) {
    .widget-media-3 .widget-img {
        width: 40%
    }
}

.widget-media-3 .widget-img img {
    width: 100%;
    max-width: 220px
}

.widget-media-3 .widget-body {
    text-align: center;
    padding: 0;
    margin-top: 25px
}

@media screen and (min-width:768px) {
    .widget-media-3 .widget-body {
        width: 56%;
        text-align: left;
        padding: 10px;
        margin-top: 0
    }
}

.widget-media-3 .widget-body .btn {
    font-weight: 500
}

.widget-media-3 .widget-title {
    font-weight: 600;
    margin-bottom: 10px;
    color: #555;
    line-height: 1.5
}

@media screen and (min-width:768px) {
    .widget-media-3 .widget-title {
        margin-bottom: 20px
    }
}

.widget-chart-7 {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: auto;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    margin: 10px;
    color: #000
}

    .widget-chart-7 > * {
        display: block;
        max-width: 34%;
        flex-grow: 1
    }

    .widget-chart-7 h6 {
        margin: 0;
        text-align: left;
        line-height: 1.5;
        font-weight: 600;
        font-family: dosis;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-size: 1rem;
        color: #6f727b
    }

    .widget-chart-7 h4 {
        color: #464646;
        margin: 0;
        font-size: 34px;
        font-weight: 200;
        line-height: 1;
        font-family: dosis;
        text-align: right
    }

        .widget-chart-7 h4 > svg {
            width: auto;
            vertical-align: top;
            height: 16px;
            margin-top: 10px
        }

    .widget-chart-7 .widget-chart {
        position: relative
    }

        .widget-chart-7 .widget-chart svg {
            display: block;
            width: 100%;
            max-width: 200px;
            fill: #6f7892;
            margin: auto
        }

        .widget-chart-7 .widget-chart span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            font-size: 22px;
            height: 22px;
            bottom: 0;
            margin: auto;
            text-align: center;
            font-weight: 300;
            line-height: 1;
            font-family: dosis;
            color: #4cacff
        }

    .widget-chart-7.widget-texts-light {
        color: #fff
    }

        .widget-chart-7.widget-texts-light h6, .widget-chart-7.widget-texts-light h4 {
            color: #fff
        }

.widget-chart-8 {
    background-size: cover;
    background-position: center center;
    width: 100%;
    min-height: auto;
    padding: 10px 30px;
    padding-right: 0;
    display: inline-flex;
    align-items: center;
    margin: 0;
    color: #000
}

    .widget-chart-8 > * {
        display: block;
        max-width: 100%;
        flex-grow: 1
    }

    .widget-chart-8 h5 {
        margin-bottom: 3px;
        text-align: left;
        line-height: 1.5;
        font-weight: 600;
        font-family: dosis;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-size: 1rem;
        color: #333232
    }

    .widget-chart-8 span {
        color: #6f7892;
        margin: 0;
        font-size: 13px;
        font-weight: 400;
        line-height: 1
    }

    .widget-chart-8 .widget-chart {
        position: relative;
        overflow: hidden
    }

        .widget-chart-8 .widget-chart svg {
            display: block;
            width: 100%;
            max-width: 200px;
            fill: #6f7892;
            margin: auto
        }

.flex-table-2.table-servers > .tbody > .tr {
    border: 1px solid #eee;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05)
}

    .flex-table-2.table-servers > .tbody > .tr .server-name {
        font-weight: 600;
        margin: 0;
        color: #333
    }

    .flex-table-2.table-servers > .tbody > .tr .server-live {
        -webkit-animation: flash 3s infinite;
        animation: flash 3s infinite
    }

.list-tabbable .slider-nav .slick-active .btn-outline-primary {
    color: #fff;
    background-color: #5780f7;
    border-color: #3f6ef6
}

.svg-donut {
    position: relative
}

    .svg-donut svg {
        display: block;
        width: 100%;
        max-width: 200px;
        fill: #6f7892;
        margin: auto
    }

    .svg-donut::after {
        position: absolute;
        display: block;
        height: 150px;
        width: 150px;
        left: 50%;
        top: 50%;
        content: attr(data-value);
        margin-top: -75px;
        margin-left: -75px;
        border-radius: 100%;
        line-height: 150px;
        font-size: 28px;
        font-weight: 600;
        text-align: center
    }

.tags-table.table > tbody > tr > td {
    border-color: rgba(0,0,0,0.04);
    font-weight: 400
}

    .tags-table.table > tbody > tr > td h6 {
        color: #666669;
        font-size: 13px;
        margin: 0;
        font-weight: 400
    }

        .tags-table.table > tbody > tr > td h6 i {
            font-size: 12px;
            opacity: .7
        }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: .5px
}

.table > tbody > tr > td {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    color: #5c6180;
    color: #646c9a;
    font-weight: 500;
    color: #636363;
    vertical-align: middle
}

.table-sm.table > thead > tr > th, .table-sm.table > tbody > tr > th, .table-sm.table > tfoot > tr > th, .table-sm.table > tbody > tr > td {
    font-size: 12px
}

.table > thead > tr > th .custom-checkbox, .table > tbody > tr > td .custom-checkbox {
    margin: 0;
    padding-left: 2rem;
    padding-right: 0
}

.table > thead > tr > th.checkbox-dropdown, .table > tbody > tr > td.checkbox-dropdown {
    width: 60px
}

    .table > thead > tr > th.checkbox-dropdown .custom-checkbox.custom-checkbox-2 label, .table > thead > tr > th.checkbox-dropdown .custom-checkbox.custom-checkbox-inverse-2 label, .table > tbody > tr > td.checkbox-dropdown .custom-checkbox.custom-checkbox-2 label, .table > tbody > tr > td.checkbox-dropdown .custom-checkbox.custom-checkbox-inverse-2 label {
        padding-left: 2px !important
    }

    .table > thead > tr > th.checkbox-dropdown .dropdown-toggle, .table > tbody > tr > td.checkbox-dropdown .dropdown-toggle {
        position: absolute;
        top: 2px;
        right: -10px
    }

.table-checklist-toggler > tbody > tr {
    cursor: pointer
}

    .table-checklist-toggler > tbody > tr.row-selected {
        background-color: rgba(87,128,247,0.08)
    }

.table.table-dark {
    background-color: #393b51
}

    .table.table-dark > thead > tr > th {
        color: #eee;
        border-color: #5d5c5c;
        border-bottom-color: #807e7e
    }

    .table.table-dark > tbody > tr > td {
        color: #fefefe;
        border-color: #5d5c5c
    }

.table-striped tbody tr:nth-of-type(odd), .table-hover tbody tr:hover {
    background-color: rgba(87,128,247,0.08)
}

.table .btn-sm {
    padding: .25rem .7rem
}

@media screen and (min-width:768px) {
    .table-responsive {
        display: table
    }
}

@media only screen and (max-width:800px) {
    .table-scroll-flip .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    .table-scroll-flip * html .cf {
        zoom: 1
    }

    .table-scroll-flip *:first-child + html .cf {
        zoom: 1
    }

    .table-scroll-flip table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0
    }

    .table-scroll-flip th, .table-scroll-flip td {
        margin: 0;
        vertical-align: top
    }

        .table-scroll-flip th .table-scroll-flip th, .table-scroll-flip td .table-scroll-flip th {
            text-align: left
        }

    .table-scroll-flip table {
        display: block;
        position: relative;
        width: 100%
    }

    .table-scroll-flip thead {
        display: block;
        float: left
    }

    .table-scroll-flip tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }

    .table-scroll-flip thead tr {
        display: block
    }

    .table-scroll-flip th {
        display: block;
        text-align: right
    }

    .table-scroll-flip tbody tr {
        display: inline-block;
        vertical-align: top
    }

    .table-scroll-flip td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }

    .table-scroll-flip th {
        border-bottom: 0;
        border-left: 0
    }

    .table-scroll-flip td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

    .table-scroll-flip tbody tr {
        border-left: 1px solid #dee2e6;
        margin-right: -5px
    }

        .table-scroll-flip tbody tr:last-child {
            border-right: 1px solid #dee2e6
        }

    .table-scroll-flip thead {
        border-left: 1px solid #dee2e6
    }

    .table-scroll-flip th:last-child, .table-scroll-flip td:last-child {
        border-bottom: 1px solid #dee2e6
    }

    .table-scroll-flip thead > tr > th {
        border-bottom: 0;
        border-width: 1px !important;
        border-right: 0
    }

    .table-scroll-flip .table > thead > tr > th {
        font-size: 13px
    }
}

.table > tbody > tr > td.operations {
    text-align: center;
    width: 170px
}

    .table > tbody > tr > td.operations .btn.btn-icon {
        width: 2.8em;
        height: 2.8em
    }

    .table > tbody > tr > td.operations a.btn, .table > tbody > tr > td.operations button.btn {
        margin: 2px;
        padding: .6rem 0
    }

        .table > tbody > tr > td.operations a.btn:hover, .table > tbody > tr > td.operations button.btn:hover {
            text-decoration: none
        }

        .table > tbody > tr > td.operations a.btn svg, .table > tbody > tr > td.operations button.btn svg {
            max-width: 12px
        }

    .table > tbody > tr > td.operations.operations-buttons {
        width: 250px
    }

        .table > tbody > tr > td.operations.operations-buttons a.btn, .table > tbody > tr > td.operations.operations-buttons button.btn {
            padding: .5rem 0;
            margin: 2px 2px
        }

            .table > tbody > tr > td.operations.operations-buttons a.btn.btn-sm, .table > tbody > tr > td.operations.operations-buttons button.btn.btn-sm {
                padding: .25rem .7rem
            }

@media screen and (max-width:767px) {
    .table > tbody > tr > td.operations.operations-buttons a.btn.btn-sm, .table > tbody > tr > td.operations.operations-buttons button.btn.btn-sm {
        display: block;
        width: 80px
    }
}

.table-hover-both {
    position: relative
}

    .table-hover-both .table {
        overflow: hidden
    }

        .table-hover-both .table tr:hover {
            background-color: rgba(87,128,247,0.08)
        }

        .table-hover-both .table td, .table-hover-both .table th {
            position: relative
        }

            .table-hover-both .table td:hover::after, .table-hover-both .table th:hover::after {
                content: "";
                position: absolute;
                background-color: rgba(87,128,247,0.08);
                left: 0;
                top: -5000px;
                height: 10000px;
                width: 100%;
                z-index: 0
            }

.table thead td, .table thead th {
    border-bottom-width: 1px;
    border-bottom-color: #b9c7d4
}

.table tfoot td, .table tfoot th {
    border-top-width: 1px;
    border-top-color: #b9c7d4
}

@media screen and (max-width:767px) {
    .table-responsive-stacked-rows table thead {
        display: none
    }

    .table-responsive-stacked-rows table, .table-responsive-stacked-rows .table-bordered td, .table-bordered th {
        border: 0
    }

    .table-responsive-stacked-rows .table-bordered td, .table-bordered th {
        border-top: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        border-left: 1px solid #dee2e6
    }

    .table-responsive-stacked-rows table tr {
        display: block;
        border-top: 0;
        margin-top: 0;
        border-bottom: 1px solid #777
    }

    .table-responsive-stacked-rows table td {
        display: block;
        text-align: right
    }

    .table-responsive-stacked-rows .table tbody > tr > td:last-child {
        text-align: right
    }

    .table-responsive-stacked-rows table td:before {
        content: attr(data-label);
        float: left;
        font-weight: 800
    }
}

.table-img {
    max-width: 30px;
    max-height: 30px
}

.lister-table.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td {
    text-align: left
}

.panel-table .panel-body > *:last-child {
    margin: 0
}

.panel-table.panel-light .panel-header {
    border-bottom: 0
}

.panel-table .panel-body .table > thead > tr > th, .panel-table .panel-body .table > tbody > tr > th, .panel-table .panel-body .table > tfoot > tr > th, .table.table-2 > thead > tr > th, .table.table-2 > tbody > tr > th, .table.table-2 > tfoot > tr > th {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: #777;
    background-color: #f3f7fb;
    border-color: #eee
}

.panel-table .panel-body .table > tbody > tr > td, .table.table-2 > tbody > tr > td {
    border-color: #eee
}

.panel-body.p-0 .table td:first-child, .panel-body.p-0 .table th:first-child {
    padding-left: 2rem
}

.panel-body.p-0 .lister-component .pagination {
    margin: 1.5rem
}

.table-row-hover > tbody > tr {
    transform: translateY(0);
    transition: transform 200ms ease-in,box-shadow 200ms ease-in;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0)
}

    .table-row-hover > tbody > tr:hover {
        transform: translateY(-5px);
        background-color: #fff;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.48);
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.22)
    }

        .table-row-hover > tbody > tr:hover + tr > td {
            border-top: 2px solid #fff
        }

.table-row-hover.table-row-hover-animation-pulse > tbody > tr:hover {
    transform: translateY(0);
    -webkit-animation: pulse 300ms;
    animation: pulse 300ms
}

.table-collapsible tr > td {
    cursor: pointer
}

    .table-collapsible tr > td.collapsed {
        cursor: auto
    }

.table-collapsible .collapsed-row {
    padding: 0 4px !important
}

.table-collapsible tr td:first-child > i {
    display: none
}

    .table-collapsible tr td:first-child > i.collapsed-icon {
        display: inline
    }

.table-collapsible tr.collapsed td:first-child > i {
    display: inline
}

    .table-collapsible tr.collapsed td:first-child > i.collapsed-icon {
        display: none
    }

.table-fixed thead {
    background-color: #fff
}

@media screen and (max-width:767px) {
    .table-responsive-wrapper {
        width: 100%;
        overflow: auto
    }

        .table-responsive-wrapper table {
            min-width: 600px
        }
}

.table-sort th.has-sorter {
    position: relative;
    padding-right: 30px;
    cursor: pointer
}

    .table-sort th.has-sorter .btn-group-sort {
        position: absolute;
        height: 17px;
        right: 6px;
        top: -2px;
        bottom: 0;
        margin: auto
    }

        .table-sort th.has-sorter .btn-group-sort .btn {
            background-color: transparent !important;
            border: 0;
            box-shadow: none;
            opacity: .3;
            padding: 0 5px;
            height: 9px
        }

            .table-sort th.has-sorter .btn-group-sort .btn i {
                vertical-align: top
            }

            .table-sort th.has-sorter .btn-group-sort .btn:hover, .table-sort th.has-sorter .btn-group-sort .btn:focus, .table-sort th.has-sorter .btn-group-sort .btn:active, .table-sort th.has-sorter .btn-group-sort .btn.active, .table-sort th.has-sorter .btn-group-sort .btn:active:focus {
                background-color: transparent !important;
                border: 0;
                box-shadow: none;
                opacity: 1
            }

        .table-sort th.has-sorter .btn-group-sort.btn-group {
            top: 0
        }

            .table-sort th.has-sorter .btn-group-sort.btn-group .btn {
                padding: 0 2px;
                height: 15px
            }

                .table-sort th.has-sorter .btn-group-sort.btn-group .btn i {
                    vertical-align: middle
                }

    .table-sort th.has-sorter.sort-desc .btn:first-child {
        opacity: .3
    }

    .table-sort th.has-sorter.sort-desc .btn:last-child {
        opacity: 1
    }

    .table-sort th.has-sorter.sort-asc .btn:first-child {
        opacity: 1
    }

    .table-sort th.has-sorter.sort-asc .btn:last-child {
        opacity: .3
    }

.table-empty, .table-loading {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

    .table-empty img, .table-empty .img, .table-loading img, .table-loading .img {
        margin: 20px 0 10px;
        width: 100%;
        max-width: 280px
    }

        .table-empty img svg, .table-empty .img svg, .table-loading img svg, .table-loading .img svg {
            width: 100%;
            max-height: 280px
        }

            .table-empty img svg .loading-paths, .table-empty .img svg .loading-paths, .table-loading img svg .loading-paths, .table-loading .img svg .loading-paths {
                transform-origin: 510px 144px
            }

    .table-empty .status, .table-loading .status {
        margin: 10px 0 20px;
        font-family: dosis;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 24px
    }

.sindu_dragger {
    list-style: none;
    overflow: hidden;
    padding: 0 !important;
    font-size: 13px
}

    .sindu_dragger > li {
        float: left;
        margin: 0;
        padding: 0;
        font-size: 13px
    }

.sindu_dragging .sindu_origin_table {
    visibility: hidden
}

.sindu_dragger table {
    table-layout: fixed !important;
    padding: 0 !important;
    margin: 0 !important
}

    .sindu_dragger table th {
        font-size: 13px;
        font-weight: 500;
        color: #000;
        vertical-align: middle !important;
        padding: .75rem !important
    }

    .sindu_dragger table td.operations {
        text-align: center
    }

    .sindu_dragger table td {
        font-size: 13px;
        font-weight: 400;
        color: #646c9a;
        padding: .75rem !important;
        vertical-align: middle !important
    }

.sindu_handle {
    cursor: move
}

.sindu_origin_table .gu-mirror {
    list-style: none !important
}

.sindu_origin_table .gu-mirror {
    margin: 0;
    padding: 0
}

.sindu_origin_table .handle {
    cursor: move !important
}

.bootstrap-table .fixed-table-container .table thead th {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.bootstrap-table .fixed-table-container .table.table-grouped thead th {
    padding: 1rem 1.5rem;
    vertical-align: middle;
    text-align: center
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding-left: 0;
    padding-right: 0
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view {
    padding: 10px 0
}

    .bootstrap-table .fixed-table-container .table tbody tr .card-view a:hover svg {
        fill: #fff
    }

.pagination-data-table .bootstrap-table .fixed-table-pagination > .pagination ul.pagination a {
    padding: 10px;
    line-height: 1.25
}

table.table-bordered.dataTable thead th {
    border-bottom-width: 1px;
    border-top-width: 0;
    border-color: #dee2e6;
    border-bottom-color: #b9c7d4
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
    border-top-width: 0;
    border-color: #dee2e6
}

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

table.table-bordered.dataTable tfoot th, table.table-bordered.dataTable tfoot td {
    border-bottom-width: 1px;
    border-top-width: 0;
    border-color: #dee2e6;
    border-top-width: 1px;
    border-top-color: #b9c7d4
}

@media screen and (max-width:767px) {
    table.table-bordered.dataTable tfoot th, table.table-bordered.dataTable tfoot td {
        border-bottom: 1px solid #dee2e6
    }
}

table.dataTable {
    border-bottom-width: 0;
    border-color: #dee2e6
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_info {
    font-weight: 400;
    color: #646c9a
}

table.dataTable select.form-control, table.dataTable select.form-control option {
    color: #646c9a;
    font-weight: 400
}

table.dataTable td.details-control {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    cursor: pointer;
    text-align: center
}

    table.dataTable td.details-control::before {
        content: "\f0fe"
    }

table.dataTable tr.shown td.details-control::before {
    content: "\f146"
}

table.dataTable tr.selected {
    background-color: #ebeefd
}

table.dataTable.fixedHeader-floating {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

table.fixedHeader-floating {
    position: fixed !important;
    background-color: white
}

    table.fixedHeader-floating.no-footer {
        border-bottom-width: 0
    }

table.fixedHeader-locked {
    position: absolute !important;
    background-color: white
}

@media print {
    table.fixedHeader-floating {
        display: none
    }
}

@media screen and (min-width:768px) {
    .panel-listerjs-header-paginated {
        position: relative
    }

        .panel-listerjs-header-paginated .pagination {
            position: absolute;
            top: 13px;
            right: 20px;
            margin: 0 !important
        }
}

.flex-table {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0
}

.flex-table-cell, .flex-table-head {
    box-sizing: border-box;
    flex-grow: 1;
    width: 100%;
    padding: .8em 1.2em;
    overflow: hidden;
    list-style: none;
    border: 1px solid #dee2e6;
    margin-left: -1px;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 400;
    color: #646c9a;
    vertical-align: middle;
    text-align: left;
    background-color: #fff
}

@media screen and (max-width:767px) {
    .flex-table {
        display: block
    }
}

.flex-table-head {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    border-bottom-color: #b9c7d4;
    z-index: 1
}

.flex-table-2-cols > .flex-table-cell, .flex-table-2-cols > .flex-table-head {
    width: 50%
}

@media screen and (max-width:767px) {
    .flex-table-2-cols > .flex-table-cell, .flex-table-2-cols > .flex-table-head {
        width: 100%
    }
}

.flex-table-3-cols > .flex-table-cell, .flex-table-3-cols > .flex-table-head {
    width: 33.33333%
}

@media screen and (max-width:767px) {
    .flex-table-3-cols > .flex-table-cell, .flex-table-3-cols > .flex-table-head {
        width: 100%
    }
}

.flex-table-4-cols > .flex-table-cell, .flex-table-4-cols > .flex-table-head {
    width: 25%
}

@media screen and (max-width:767px) {
    .flex-table-4-cols > .flex-table-cell, .flex-table-4-cols > .flex-table-head {
        width: 100%
    }
}

.flex-table-5-cols > .flex-table-cell, .flex-table-5-cols > .flex-table-head {
    width: 20%
}

@media screen and (max-width:767px) {
    .flex-table-5-cols > .flex-table-cell, .flex-table-5-cols > .flex-table-head {
        width: 100%
    }
}

.flex-table-6-cols > .flex-table-cell, .flex-table-6-cols > .flex-table-head {
    width: 16.66667%
}

@media screen and (max-width:767px) {
    .flex-table-6-cols > .flex-table-cell, .flex-table-6-cols > .flex-table-head {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .flex-table {
        display: block
    }

    .flex-table-head {
        margin-top: 10px
    }
}

.flex-table-2 .row {
    margin-right: 0;
    margin-left: 0
}

.flex-table-2 .tr {
    display: flex;
    flex-wrap: wrap
}

.flex-table-2 .th, .flex-table-2 .td {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.flex-table-2 .thead .th, .flex-table-2 .tbody .td {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: -1px;
    margin-top: -1px;
    font-size: 13px;
    font-weight: 400;
    color: #646c9a;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    padding: .8em 1.2em
}

.flex-table-2 .thead .tr:first-child .th, .flex-table-2 .tbody .tr:first-child .td {
    margin-top: 0
}

.flex-table-2 .thead .tr .th:first-child, .flex-table-2 .tbody .tr .td:first-child {
    margin-left: 0
}

.flex-table-2.flex-table-rounded .thead .tr, .flex-table-2.flex-table-rounded .tbody .tr {
    border-radius: 10px
}

    .flex-table-2.flex-table-rounded .thead .tr .th:first-child, .flex-table-2.flex-table-rounded .tbody .tr .td:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .flex-table-2.flex-table-rounded .thead .tr .th:last-child, .flex-table-2.flex-table-rounded .tbody .tr .td:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

.flex-table-2.flex-table-rounded-circle .thead .tr, .flex-table-2.flex-table-rounded-circle .tbody .tr {
    border-radius: 100px
}

    .flex-table-2.flex-table-rounded-circle .thead .tr .th:first-child, .flex-table-2.flex-table-rounded-circle .tbody .tr .td:first-child {
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px
    }

    .flex-table-2.flex-table-rounded-circle .thead .tr .th:last-child, .flex-table-2.flex-table-rounded-circle .tbody .tr .td:last-child {
        border-top-right-radius: 100px;
        border-bottom-right-radius: 100px
    }

.flex-table-2.flex-table-2-row-bordered .thead .tr, .flex-table-2.flex-table-2-row-bordered .tbody .tr {
    border: 1px solid #dee2e6
}

.flex-table-2.flex-table-bordered .thead .th, .flex-table-2.flex-table-bordered .thead .td, .flex-table-2.flex-table-bordered .tbody .th, .flex-table-2.flex-table-bordered .tbody .td {
    border: 1px solid #dee2e6
}

.flex-table-2 .thead .th, .flex-table-2 .thead .td {
    position: relative;
    font-size: 13px;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    border-bottom-color: #b9c7d4;
    z-index: 1
}

.flex-table-responsive {
    padding-top: 1px;
    padding-left: 1px
}

@media screen and (max-width:991px) {
    .flex-table-responsive {
        overflow-x: auto
    }

        .flex-table-responsive .flex-table-2 {
            min-width: 700px
        }
}

.flex-table-2 .thead .th.w-60, .flex-table-2 .thead .td.w-60, .flex-table-2 .tbody .th.w-60, .flex-table-2 .tbody .td.w-60 {
    max-width: 60px !important
}

.flex-table-2 .thead .th.w-80, .flex-table-2 .thead .td.w-80, .flex-table-2 .tbody .th.w-80, .flex-table-2 .tbody .td.w-80 {
    max-width: 80px !important
}

.flex-table-2 .thead .th.w-100, .flex-table-2 .thead .td.w-100, .flex-table-2 .tbody .th.w-100, .flex-table-2 .tbody .td.w-100 {
    max-width: 100px !important
}

.flex-table-2 .thead .th.w-120, .flex-table-2 .thead .td.w-120, .flex-table-2 .tbody .th.w-120, .flex-table-2 .tbody .td.w-120 {
    max-width: 120px !important
}

.flex-table-2 .thead .th.w-140, .flex-table-2 .thead .td.w-140, .flex-table-2 .tbody .th.w-140, .flex-table-2 .tbody .td.w-140 {
    max-width: 140px !important
}

.flex-table-2 .thead .th.w-160, .flex-table-2 .thead .td.w-160, .flex-table-2 .tbody .th.w-160, .flex-table-2 .tbody .td.w-160 {
    max-width: 160px !important
}

.flex-table-2 .thead .th.w-180, .flex-table-2 .thead .td.w-180, .flex-table-2 .tbody .th.w-180, .flex-table-2 .tbody .td.w-180 {
    max-width: 180px !important
}

.flex-table-2 .thead .th.w-200, .flex-table-2 .thead .td.w-200, .flex-table-2 .tbody .th.w-200, .flex-table-2 .tbody .td.w-200 {
    max-width: 200px !important
}

.flex-table-separated .tbody .tr, .flex-table-separated .thead .tr {
    margin-top: 1rem
}

    .flex-table-separated .tbody .tr:first-child, .flex-table-separated .thead .tr:first-child {
        margin-top: 0
    }

.flex-table-shadowed .tbody .tr, .flex-table-shadowed .thead .tr {
    transition: all .3s;
    box-shadow: 0 0 .2rem rgba(0,0,0,0.15)
}

    .flex-table-shadowed .tbody .tr:hover, .flex-table-shadowed .thead .tr:hover {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15)
    }

.flex-table-2.flex-table-2-mode-2 {
    overflow-x: hidden;
    background-color: #f7f6fb;
    border-radius: 10px
}

    .flex-table-2.flex-table-2-mode-2 .thead .th, .flex-table-2.flex-table-2-mode-2 .tbody .td {
        background-color: transparent;
        padding: 1.5em 1.2em
    }

    .flex-table-2.flex-table-2-mode-2 .thead {
        position: relative
    }

        .flex-table-2.flex-table-2-mode-2 .thead > .tr:last-child {
            box-shadow: 0 5px 20px rgba(0,0,0,0.1)
        }

        .flex-table-2.flex-table-2-mode-2 .thead > .tr > *:first-child {
            border-top-left-radius: 10px
        }

        .flex-table-2.flex-table-2-mode-2 .thead > .tr > *:last-child {
            border-top-right-radius: 10px
        }

    .flex-table-2.flex-table-2-mode-2 .tbody > .tr:last-child > *:first-child {
        border-bottom-left-radius: 10px
    }

    .flex-table-2.flex-table-2-mode-2 .tbody > .tr:last-child > *:last-child {
        border-bottom-right-radius: 10px
    }

    .flex-table-2.flex-table-2-mode-2 .thead .tr, .flex-table-2.flex-table-2-mode-2 .tbody .tr {
        border-top: 1px solid #ddd
    }

        .flex-table-2.flex-table-2-mode-2 .thead .tr:first-child, .flex-table-2.flex-table-2-mode-2 .tbody .tr:first-child {
            border-top: 0
        }

.chat-app-1, .chat-app-2, .chat-app-3 {
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15);
    border-radius: .3rem
}

    .chat-app-1 .history-box, .chat-app-1 .chat-box, .chat-app-2 .history-box, .chat-app-2 .chat-box, .chat-app-3 .history-box, .chat-app-3 .chat-box {
        height: 510px;
        overflow-y: auto
    }

        .chat-app-1 .history-box::-webkit-scrollbar, .chat-app-1 .chat-box::-webkit-scrollbar, .chat-app-2 .history-box::-webkit-scrollbar, .chat-app-2 .chat-box::-webkit-scrollbar, .chat-app-3 .history-box::-webkit-scrollbar, .chat-app-3 .chat-box::-webkit-scrollbar {
            width: 5px
        }

        .chat-app-1 .history-box::-webkit-scrollbar-track, .chat-app-1 .chat-box::-webkit-scrollbar-track, .chat-app-2 .history-box::-webkit-scrollbar-track, .chat-app-2 .chat-box::-webkit-scrollbar-track, .chat-app-3 .history-box::-webkit-scrollbar-track, .chat-app-3 .chat-box::-webkit-scrollbar-track {
            width: 5px;
            background: #f5f5f5
        }

        .chat-app-1 .history-box::-webkit-scrollbar-thumb, .chat-app-1 .chat-box::-webkit-scrollbar-thumb, .chat-app-2 .history-box::-webkit-scrollbar-thumb, .chat-app-2 .chat-box::-webkit-scrollbar-thumb, .chat-app-3 .history-box::-webkit-scrollbar-thumb, .chat-app-3 .chat-box::-webkit-scrollbar-thumb {
            width: 1em;
            background-color: #ddd;
            outline: 1px solid slategrey;
            border-radius: 1rem
        }

    .chat-app-1 .rounded-lg, .chat-app-2 .rounded-lg, .chat-app-3 .rounded-lg {
        border-radius: .5rem
    }

    .chat-app-1 input::-moz-placeholder, .chat-app-2 input::-moz-placeholder, .chat-app-3 input::-moz-placeholder {
        font-size: .9rem;
        color: #999
    }

    .chat-app-1 input:-ms-input-placeholder, .chat-app-2 input:-ms-input-placeholder, .chat-app-3 input:-ms-input-placeholder {
        font-size: .9rem;
        color: #999
    }

    .chat-app-1 input::-ms-input-placeholder, .chat-app-2 input::-ms-input-placeholder, .chat-app-3 input::-ms-input-placeholder {
        font-size: .9rem;
        color: #999
    }

    .chat-app-1 input::placeholder, .chat-app-2 input::placeholder, .chat-app-3 input::placeholder {
        font-size: .9rem;
        color: #999
    }

    .chat-app-1 .history-box .text-small, .chat-app-2 .history-box .text-small, .chat-app-3 .history-box .text-small {
        font-size: .8rem
    }

    .chat-app-1 .text-muted, .chat-app-2 .text-muted, .chat-app-3 .text-muted {
        color: #6c7ba5 !important
    }

    .chat-app-1 .chat-box-header .message-body h6, .chat-app-2 .chat-box-header .message-body h6, .chat-app-3 .chat-box-header .message-body h6 {
        color: #444452;
        font-size: 1rem;
        font-weight: 400;
        margin-bottom: .25rem !important
    }

    .chat-app-1 .chat-box-header .message-body div.text-sm, .chat-app-2 .chat-box-header .message-body div.text-sm, .chat-app-3 .chat-box-header .message-body div.text-sm {
        color: #827c7c;
        font-weight: 400;
        font-size: 11px !important;
        line-height: 1
    }

    .chat-app-1 .panel-header, .chat-app-2 .panel-header, .chat-app-3 .panel-header {
        border-bottom: 1px solid rgba(0,0,0,0.11);
        min-height: 64px
    }

    .chat-app-1 .col-chat, .chat-app-2 .col-chat, .chat-app-3 .col-chat {
        border-left: 1px solid rgba(0,0,0,0.11)
    }

    .chat-app-1 .col-history .panel-header .panel-title, .chat-app-2 .col-history .panel-header .panel-title, .chat-app-3 .col-history .panel-header .panel-title {
        font-family: poppins;
        color: #444452;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: normal
    }

    .chat-app-1 .history-box-header, .chat-app-2 .history-box-header, .chat-app-3 .history-box-header {
        padding: 1.27rem 1.8rem
    }

    .chat-app-1 .history-box, .chat-app-2 .history-box, .chat-app-3 .history-box {
        height: 503px
    }

        .chat-app-1 .history-box .list-group-item, .chat-app-2 .history-box .list-group-item, .chat-app-3 .history-box .list-group-item {
            width: 100%;
            text-align: inherit;
            border-radius: 0 !important;
            color: #818182;
            background-color: #fdfdfe;
            text-decoration: none;
            border-bottom: 1px solid rgba(0,0,0,0.08)
        }

            .chat-app-1 .history-box .list-group-item:hover, .chat-app-2 .history-box .list-group-item:hover, .chat-app-3 .history-box .list-group-item:hover {
                background-color: #f4f4f7
            }

            .chat-app-1 .history-box .list-group-item p, .chat-app-2 .history-box .list-group-item p, .chat-app-3 .history-box .list-group-item p {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 1
            }

            .chat-app-1 .history-box .list-group-item h6, .chat-app-2 .history-box .list-group-item h6, .chat-app-3 .history-box .list-group-item h6 {
                font-weight: 400;
                color: #444452
            }

            .chat-app-1 .history-box .list-group-item.active h6, .chat-app-2 .history-box .list-group-item.active h6, .chat-app-3 .history-box .list-group-item.active h6 {
                color: #fff
            }

            .chat-app-1 .history-box .list-group-item .message-body, .chat-app-2 .history-box .list-group-item .message-body, .chat-app-3 .history-box .list-group-item .message-body {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis
            }

    .chat-app-1 .message, .chat-app-2 .message, .chat-app-3 .message {
        display: flex;
        align-items: center
    }

    .chat-app-1 .message-body, .chat-app-2 .message-body, .chat-app-3 .message-body {
        margin-left: 1rem;
        flex: 1
    }

    .chat-app-1 .message-header, .chat-app-2 .message-header, .chat-app-3 .message-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .5rem
    }

    .chat-app-1 .message-content, .chat-app-2 .message-content, .chat-app-3 .message-content {
        color: #6f7892;
        margin: 0;
        font-size: 12px
    }

    .chat-app-1 .chat-box, .chat-app-2 .chat-box, .chat-app-3 .chat-box {
        background-color: #f3eeea;
        padding-top: 3rem !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

        .chat-app-1 .chat-box .chat-box-date-label, .chat-app-2 .chat-box .chat-box-date-label, .chat-app-3 .chat-box .chat-box-date-label {
            margin: 2rem auto;
            text-align: center;
            font-size: 12px;
            font-weight: 400
        }

            .chat-app-1 .chat-box .chat-box-date-label span, .chat-app-2 .chat-box .chat-box-date-label span, .chat-app-3 .chat-box .chat-box-date-label span {
                display: inline-block;
                background-color: #fff;
                border-color: #fff;
                border-radius: .3rem;
                padding: .75rem 2rem;
                box-shadow: 0 1px 5px rgba(0,0,0,0.15);
                color: #000;
                text-transform: uppercase
            }

        .chat-app-1 .chat-box .message, .chat-app-2 .chat-box .message, .chat-app-3 .chat-box .message {
            align-items: flex-start;
            width: 50%;
            margin-bottom: 1rem
        }

            .chat-app-1 .chat-box .message .message-content, .chat-app-2 .chat-box .message .message-content, .chat-app-3 .chat-box .message .message-content {
                background-color: #fff;
                border-color: #fff;
                border-radius: .3rem !important;
                padding: .75rem 1rem;
                margin-bottom: .75rem;
                box-shadow: 1px 1px 1px rgba(0,0,0,0.1)
            }

            .chat-app-1 .chat-box .message .message-datetime, .chat-app-2 .chat-box .message .message-datetime, .chat-app-3 .chat-box .message .message-datetime {
                font-size: 11px;
                color: #6f7892;
                text-align: left;
                margin: 0
            }

            .chat-app-1 .chat-box .message.message-sent, .chat-app-2 .chat-box .message.message-sent, .chat-app-3 .chat-box .message.message-sent {
                margin-left: auto
            }

                .chat-app-1 .chat-box .message.message-sent .message-datetime, .chat-app-2 .chat-box .message.message-sent .message-datetime, .chat-app-3 .chat-box .message.message-sent .message-datetime {
                    text-align: right
                }

                .chat-app-1 .chat-box .message.message-sent .message-content, .chat-app-2 .chat-box .message.message-sent .message-content, .chat-app-3 .chat-box .message.message-sent .message-content {
                    background-color: #04ccb0;
                    border-color: #04ccb0
                }

    .chat-app-1 .list-group-item.active, .chat-app-2 .list-group-item.active, .chat-app-3 .list-group-item.active {
        background-color: #04ccb0;
        border-color: #04ccb0;
        color: #fff
    }

        .chat-app-1 .list-group-item.active:hover, .chat-app-2 .list-group-item.active:hover, .chat-app-3 .list-group-item.active:hover {
            background-color: #04ccb0
        }

        .chat-app-1 .list-group-item.active .message-content, .chat-app-2 .list-group-item.active .message-content, .chat-app-3 .list-group-item.active .message-content {
            color: #fff
        }

    .chat-app-1 form, .chat-app-2 form, .chat-app-3 form {
        margin-right: 5px
    }

.chat-app-2, .chat-app-3 {
    overflow: visible;
    box-shadow: none;
    border-radius: 0
}

    .chat-app-3 .chat-box .message {
        width: 80%
    }

        .chat-app-3 .chat-box .message .message-content {
            border-radius: 1rem !important;
            border-bottom-left-radius: 0 !important
        }

        .chat-app-3 .chat-box .message.message-sent .message-content {
            border-radius: 1rem !important;
            border-bottom-right-radius: 0 !important
        }

    .chat-app-3 .chat-box-header {
        padding-left: 0
    }

    .chat-app-3 .panel {
        position: relative;
        overflow: hidden
    }

    .chat-app-3 .chat-box-sidebar {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        box-shadow: 1px 0 2px rgba(0,0,0,0.25);
        z-index: 99;
        transition: transform .3s;
        transform: translateX(-105%)
    }

        .chat-app-3 .chat-box-sidebar.active {
            transform: translateX(0)
        }

        .chat-app-3 .chat-box-sidebar .btn-close {
            display: block;
            position: absolute;
            top: 10px;
            right: 10px;
            padding: 10px
        }

            .chat-app-3 .chat-box-sidebar .btn-close svg {
                height: 1.5em
            }

.chat-app-3-float {
    display: none;
    width: 400px;
    position: fixed;
    top: 30px;
    right: 130px;
    overflow-x: hidden;
    height: auto;
    margin: 0;
    z-index: 999999;
    box-shadow: 2px 2px 15px rgba(0,0,0,0.24)
}

    .chat-app-3-float .chat-box {
        height: calc(100vh - 170px)
    }

        .chat-app-3-float .chat-box form {
            margin-left: -1.5rem;
            margin-right: -1.5rem
        }

    .chat-app-3-float .history-box {
        height: calc(100vh - 219px)
    }

@media(max-height:400px) {
    .chat-app-3-float {
        top: 0
    }

        .chat-app-3-float .chat-box {
            height: calc(100vh - 80px)
        }

        .chat-app-3-float .history-box {
            height: calc(100vh - 129px)
        }
}

.chat-app-3-float.active {
    display: block;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

    .navbar-toggler-icon:hover {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

.file-list {
    padding: 0
}

    .file-list > li {
        list-style: none
    }

        .file-list > li > div {
            position: relative;
            display: inline-block;
            padding: 10px 30px;
            margin: 20px 0;
            background-color: #f9f9f9;
            width: 100%;
            box-shadow: 0 4px 7px rgba(0,0,0,0);
            transition: box-shadow 200ms
        }

            .file-list > li > div a {
                text-decoration: none;
                color: #333
            }

                .file-list > li > div a:hover {
                    text-decoration: none;
                    color: #333
                }

                    .file-list > li > div a:hover:active, .file-list > li > div a:active, .file-list > li > div a.active {
                        color: #fff
                    }

            .file-list > li > div .dropdown {
                position: absolute;
                bottom: 5px;
                right: 5px;
                transition: opacity 300ms
            }

                .file-list > li > div .dropdown .dropdown-menu {
                    min-width: 8rem;
                    border-radius: 0;
                    box-shadow: 0 5px 15px rgba(0,0,0,0.1)
                }

                    .file-list > li > div .dropdown .dropdown-menu .dropdown-item {
                        padding: 7px 15px
                    }

                .file-list > li > div .dropdown button::after {
                    display: none
                }

                .file-list > li > div .dropdown button {
                    opacity: 0;
                    color: #4260ba
                }

                    .file-list > li > div .dropdown button:hover, .file-list > li > div .dropdown button:active, .file-list > li > div .dropdown button:focus {
                        box-shadow: none;
                        outline: 0
                    }

                    .file-list > li > div .dropdown button svg {
                        width: 1em
                    }

            .file-list > li > div:hover button {
                opacity: 1
            }

            .file-list > li > div .file-header {
                height: 100px;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center
            }

                .file-list > li > div .file-header i {
                    font-size: 50px
                }

                .file-list > li > div .file-header.has-preview {
                    height: 140px;
                    margin-bottom: 20px;
                    background-size: cover;
                    background-position: center
                }

            .file-list > li > div .file-info {
                color: #4260ba
            }

                .file-list > li > div .file-info span {
                    display: block;
                    font-size: 13px
                }

                    .file-list > li > div .file-info span.size {
                        color: #6279be;
                        font-size: 12px
                    }

            .file-list > li > div:hover {
                box-shadow: 0 4px 7px rgba(0,0,0,0.19)
            }

.directory-list {
    padding: 0;
    margin-bottom: .25rem
}

    .directory-list > li {
        list-style: none
    }

        .directory-list > li > div {
            display: inline-block;
            position: relative;
            padding: 10px 30px;
            margin: 20px 0;
            background-color: #f9f9f9;
            width: 100%;
            box-shadow: 0 4px 7px rgba(0,0,0,0);
            transition: box-shadow 200ms
        }

            .directory-list > li > div a {
                text-decoration: none;
                color: #333
            }

                .directory-list > li > div a:hover {
                    text-decoration: none;
                    color: #333
                }

                    .directory-list > li > div a:hover:active, .directory-list > li > div a:active, .directory-list > li > div a.active {
                        color: #fff
                    }

            .directory-list > li > div .directory-header {
                height: 60px;
                display: flex;
                justify-content: center;
                flex-direction: column
            }

                .directory-list > li > div .directory-header i {
                    color: #5780f7;
                    font-size: 40px
                }

            .directory-list > li > div .directory-size {
                position: absolute;
                top: 37px;
                right: 10px;
                font-size: 30px;
                font-weight: 300;
                opacity: .2
            }

            .directory-list > li > div .dropdown {
                position: absolute;
                bottom: 5px;
                right: 5px;
                transition: opacity 300ms
            }

                .directory-list > li > div .dropdown .dropdown-menu {
                    min-width: 8rem;
                    border-radius: 0;
                    box-shadow: 0 5px 15px rgba(0,0,0,0.1)
                }

                    .directory-list > li > div .dropdown .dropdown-menu .dropdown-item {
                        padding: 7px 15px
                    }

                .directory-list > li > div .dropdown button::after {
                    display: none
                }

                .directory-list > li > div .dropdown button {
                    opacity: 0;
                    color: #333
                }

                    .directory-list > li > div .dropdown button:hover, .directory-list > li > div .dropdown button:active, .directory-list > li > div .dropdown button:focus {
                        box-shadow: none;
                        outline: 0
                    }

                    .directory-list > li > div .dropdown button svg {
                        width: 1em
                    }

            .directory-list > li > div:hover button {
                opacity: 1
            }

            .directory-list > li > div .directory-info {
                color: #333
            }

                .directory-list > li > div .directory-info span {
                    display: block;
                    font-size: 13px
                }

                    .directory-list > li > div .directory-info span.size {
                        color: #777;
                        font-size: 12px
                    }

            .directory-list > li > div:hover {
                box-shadow: 0 4px 7px rgba(0,0,0,0.19)
            }

.storage-info .used, .storage-info .capacity {
    font-weight: 300;
    font-size: 20px
}

.storage-info .storage-help {
    display: block;
    padding: 0
}

    .storage-info .storage-help li {
        display: block;
        font-size: 13px;
        font-weight: 400
    }

        .storage-info .storage-help li .color-badge {
            width: 8px;
            height: 8px;
            vertical-align: 1px
        }

.file-manager .content-search-form input.form-control {
    height: calc(2em + .75rem + 2px)
}

.file-manager .content-search-form .input-group-text {
    padding: .4rem 1.2rem;
    border: 0
}

    .file-manager .content-search-form .input-group-text svg {
        fill: #333;
        height: 1em
    }

.file-manager .modal .icon-box {
    color: #5780f7
}

.file-manager .lister-2 li {
    border: 0
}

.file-manager .lister-2.lister-sm li {
    padding: 6px 15px
}

    .file-manager .lister-2.lister-sm li .col {
        padding: 0
    }

.file-nav {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    background-color: rgba(238,238,238,0.4);
    padding: 0 10px;
    color: #212529
}

    .file-nav > i {
        font-size: 20px;
        color: inherit
    }

    .file-nav .dropdown button::after {
        display: none
    }

    .file-nav .btn {
        padding: .4rem .6rem;
        border-radius: 0;
        color: inherit
    }

        .file-nav .btn:hover, .file-nav .btn:active, .file-nav .btn:focus, .file-nav .btn:not(:disabled):not(.disabled):active {
            background-color: rgba(0,0,0,0.05);
            box-shadow: none;
            outline: 0
        }

        .file-nav .btn.dropdown-toggle {
            font-size: .7em
        }

.bootstrap-select .dropdown-item span.fas, .bootstrap-select .dropdown-item span.fab, .bootstrap-select .dropdown-item span.far {
    margin-right: 5px
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner i {
    margin-right: 5px
}

.board {
    position: relative;
    margin-left: 1%
}

.board-column {
    position: absolute;
    left: 0;
    right: 0;
    width: 30%;
    margin: 1.5%;
    background: #f0f0f0;
    border-radius: 3px;
    z-index: 1
}

@media screen and (max-width:991px) {
    .board-column {
        width: 100%;
        margin: 1.5% 0
    }
}

@media screen and (max-width:1199px) {
    .board-column {
        width: 47%;
        margin: 1.5%
    }
}

.board-column.muuri-item-releasing {
    z-index: 2
}

.board-column.muuri-item-dragging {
    z-index: 3;
    cursor: move
}

.board-column-header {
    position: relative;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    padding: 0 20px;
    text-align: center;
    background: #333;
    color: #fff;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .board-column-header .board-column-title {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        margin: 0
    }

.board-column.todo .board-column-header {
    background: #5780f7
}

.board-column.working .board-column-header {
    background: #62319e
}

.board-column.done .board-column-header {
    background: #04ccb0
}

.board-column.todo .board-item-content {
    color: #5780f7
}

.board-column.working .board-item-content {
    color: #62319e
}

.board-column.done .board-item-content {
    color: #04ccb0
}

.board-column.todo .board-column-content {
    background: rgba(87,128,247,0.1)
}

.board-column.working .board-column-content {
    background: rgba(98,49,158,0.2)
}

.board-column.done .board-column-content {
    background: rgba(4,204,176,0.1)
}

.board-column-content {
    display: block;
    position: relative;
    border: 10px solid transparent;
    min-height: 95px
}

.board-item {
    display: block;
    position: absolute;
    width: 100%;
    margin: 5px 0
}

    .board-item.muuri-item-releasing {
        z-index: 9998
    }

    .board-item.muuri-item-dragging {
        z-index: 9999;
        cursor: move
    }

    .board-item.muuri-item-hidden {
        z-index: 0
    }

.board-item-content {
    display: block;
    position: relative;
    padding: 20px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    font-size: 14px;
    font-weight: 400;
    color: #5b6da0
}

@media(max-width:600px) {
    .board-item-content {
        text-align: center
    }

        .board-item-content span {
            display: none
        }
}

.board-item-content .dropdown {
    position: absolute;
    top: 10px;
    right: 5px
}

    .board-item-content .dropdown .dropdown-menu.show {
        left: auto !important;
        right: 0 !important
    }

.board-item-content.board-item-extended {
    color: #5b6da0;
    margin: 10px 0 20px
}

    .board-item-content.board-item-extended p {
        color: #5b6da0
    }

    .board-item-content.board-item-extended .task-name {
        color: #555;
        font-size: 16px;
        font-family: dosis;
        font-weight: 600;
        text-transform: uppercase
    }

    .board-item-content.board-item-extended .users {
        text-align: right
    }

    .board-item-content.board-item-extended .task-media {
        display: flex;
        justify-content: space-between
    }

        .board-item-content.board-item-extended .task-media .gallery img {
            border-radius: 0;
            display: inline-block;
            margin-left: -7px
        }

.mailbox .content-search-form input.form-control {
    height: calc(2em + .75rem + 2px)
}

.mailbox .content-search-form .input-group-text {
    padding: .4rem 1.2rem;
    border: 0
}

    .mailbox .content-search-form .input-group-text svg {
        fill: #333;
        height: 1em
    }

.mailbox .lister-menu .list-group-item {
    color: #50649c
}

    .mailbox .lister-menu .list-group-item:hover {
        text-decoration: none;
        background-color: #f6f8fe
    }

    .mailbox .lister-menu .list-group-item.active {
        color: #5780f7;
        background-color: #eef2fe
    }

    .mailbox .lister-menu .list-group-item:active, .mailbox .lister-menu .list-group-item:focus {
        color: #5780f7;
        background-color: #f6f8fe
    }

    .mailbox .lister-menu .list-group-item.list-group-header:hover {
        background-color: transparent
    }

    .mailbox .lister-menu .list-group-item .label-box {
        display: inline-block;
        width: 11px;
        height: 11px;
        border-radius: 10px;
        background-color: transparent;
        border: 2px solid #000
    }

.mailbox .table {
    margin: 20px auto
}

@media screen and (max-width:991px) {
    .mailbox .table {
        min-width: 600px;
        overflow-x: auto
    }
}

.mailbox .table thead th {
    border: 0;
    padding: 0
}

.mailbox .table tbody td {
    border: 0;
    vertical-align: top;
    color: #50649c;
    padding: 1rem
}

@media screen and (max-width:991px) {
    .mailbox .table tbody td .badge {
        display: none
    }
}

.mailbox .table tbody td:first-child {
    padding-left: 2rem !important
}

.mailbox .table tbody td .btn.btn-icon {
    padding: 0;
    height: auto;
    margin-top: -1px;
    color: #ddd
}

    .mailbox .table tbody td .btn.btn-icon i {
        font-size: 14px
    }

    .mailbox .table tbody td .btn.btn-icon.active {
        color: #ffb307
    }

.mailbox .table tbody td strong {
    color: #525f82;
    margin-right: 10px
}

.mailbox .table tbody td a {
    display: inline;
    color: #50649c
}

    .mailbox .table tbody td a:hover {
        text-decoration: none
    }

.mailbox .table tbody tr:hover {
    background-color: #fbfbfb
}

.mailbox .custom-checkbox.custom-checkbox-2 {
    margin-top: -3px;
    margin-bottom: 0
}

.mailbox .bootstrap-tagsinput input {
    margin: 4px 0
}

.mailbox .pagination-top > small {
    padding: 10px
}

.mailbox-view .btn.star-toggle > i {
    color: #ddd
}

.mailbox-view .btn.star-toggle.active > i {
    color: #ffb307
}

.mailbox-view .panel-mail-content .panel-header, .mailbox-view .panel-mail-content hr {
    border-color: rgba(221,221,221,0.2)
}

.mailbox-view .panel-mail-content .mail-information {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: #6c757d;
    padding-right: 3rem;
    padding-left: 3rem
}

    .mailbox-view .panel-mail-content .mail-information > div {
        margin-left: 10px
    }

    .mailbox-view .panel-mail-content .mail-information .sender-name {
        font-weight: 600;
        margin-bottom: .25rem;
        color: #555
    }

    .mailbox-view .panel-mail-content .mail-information a {
        font-weight: 400;
        color: #a1a1a1
    }

.mailbox-view .panel-mail-content .mail-content {
    padding: 1.5rem 3rem
}

    .mailbox-view .panel-mail-content .mail-content .mail-subject {
        font-weight: 500;
        margin-bottom: 1.25rem;
        font-size: 1.35rem
    }

    .mailbox-view .panel-mail-content .mail-content p {
        font-weight: 400;
        color: #6f7892;
        line-height: 2
    }

        .mailbox-view .panel-mail-content .mail-content p:last-child {
            margin-bottom: 0
        }

.mailbox-view .panel-mail-content .mail-attachments {
    padding-right: 3rem;
    padding-left: 3rem
}

    .mailbox-view .panel-mail-content .mail-attachments > span {
        font-size: 13px;
        font-weight: 500;
        color: #666
    }

        .mailbox-view .panel-mail-content .mail-attachments > span svg {
            height: 1em;
            margin-top: -1px;
            fill: #666
        }

    .mailbox-view .panel-mail-content .mail-attachments .file-list > li > div .file-info span {
        color: #555
    }

    .mailbox-view .panel-mail-content .mail-attachments .file-list > li > div .file-info.size {
        color: #888
    }

    .mailbox-view .panel-mail-content .mail-attachments .dropdown button svg {
        width: 1.25em;
        fill: #555
    }

.task-manager-toolbar {
    opacity: .5;
    pointer-events: none
}

    .task-manager-toolbar.active {
        opacity: 1;
        pointer-events: auto
    }

.task-manager table tr > td:not(.not-selectable) {
    cursor: pointer
}

.task-group > .task-group-label {
    padding: 10px 0;
    border-bottom: 1px solid #eee
}

    .task-group > .task-group-label .btn {
        padding: 0
    }

    .task-group > .task-group-label i::before {
        content: "\f0da"
    }

    .task-group > .task-group-label h6 {
        display: inline-block;
        margin: 0
    }

.task-group .tasks {
    display: none
}

    .task-group .tasks .table td, .task-group .tasks .table th {
        border: 0
    }

    .task-group .tasks .table {
        margin: 10px 0 20px
    }

.task-group.active > .task-group-label i::before {
    content: "\f0d7"
}

.task-group.active .tasks {
    display: block
}

.faqs.faq-1 .accordion.accordion-sm {
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
    border: 0;
    border-radius: 3px;
    margin-top: 24px
}

    .faqs.faq-1 .accordion.accordion-sm .card-header {
        background-color: #f5f5f5;
        box-shadow: none
    }

        .faqs.faq-1 .accordion.accordion-sm .card-header .btn {
            padding: 1rem 1.8rem;
            margin: 3px 0;
            font-size: 13px;
            font-weight: 400
        }

    .faqs.faq-1 .accordion.accordion-sm .card-body {
        padding: 2rem
    }

        .faqs.faq-1 .accordion.accordion-sm .card-body p {
            color: #6f7892
        }

            .faqs.faq-1 .accordion.accordion-sm .card-body p:last-child {
                margin-bottom: 0
            }

.faqs.faq-2 .accordion.accordion-sm {
    border: 0
}

    .faqs.faq-2 .accordion.accordion-sm .card-header {
        background-color: #fff;
        box-shadow: none;
        border-bottom: 1px solid #eee
    }

        .faqs.faq-2 .accordion.accordion-sm .card-header .btn {
            padding: 1rem 1.8rem;
            margin: 3px 0;
            font-size: 13px;
            font-weight: 400
        }

    .faqs.faq-2 .accordion.accordion-sm .card-body {
        padding: 2rem
    }

        .faqs.faq-2 .accordion.accordion-sm .card-body p {
            color: #6f7892
        }

            .faqs.faq-2 .accordion.accordion-sm .card-body p:last-child {
                margin-bottom: 0
            }

.card.card-promotion-wide.card-help-center {
    background-color: #fff;
    background-size: 520px 200px;
    background-position: center right;
    padding: 1rem 1rem
}

@media screen and (min-width:992px) {
    .card.card-promotion-wide.card-help-center {
        padding: 5rem 5rem
    }

        .card.card-promotion-wide.card-help-center > .row {
            flex-direction: row-reverse
        }
}

.card.card-promotion-wide.card-help-center .card-title {
    font-size: 1.25rem
}

@media screen and (min-width:992px) {
    .card.card-promotion-wide.card-help-center .card-title {
        font-size: 1.75rem
    }
}

.card.card-promotion-wide.card-help-center form {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%
}

.card.card-promotion-wide.card-help-center .search-form-group {
    max-width: 400px
}

.card.card-promotion-wide.card-help-center div.card-body {
    text-align: center
}

    .card.card-promotion-wide.card-help-center div.card-body img.img-fluid {
        max-height: 250px
    }

@media screen and (max-width:767px) {
    .card.card-promotion-wide.card-help-center div.card-body {
        padding-top: 0
    }

        .card.card-promotion-wide.card-help-center div.card-body img.img-fluid {
            max-height: 170px;
            margin-bottom: 30px
        }
}

.card.card-promotion-wide.card-help-center .algolia {
    font-size: 13px;
    transition: color .2s;
    color: #8c93a8;
    text-decoration: none;
    text-transform: none
}

    .card.card-promotion-wide.card-help-center .algolia:hover {
        color: #007be5;
        color: #4cacff
    }

    .card.card-promotion-wide.card-help-center .algolia i {
        font-size: 22px;
        margin-right: 2px;
        vertical-align: -2px
    }

.help-center.card-7.card-body h3 > a {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    text-decoration: none
}

.panel-illustrations button.btn-link, .panel-icons-ref button.btn-link {
    display: block;
    text-align: center;
    margin: 20px auto 0;
    font-weight: 600;
    color: #646c9a
}

.panel-illustrations button.btn:not(.btn-link), .panel-icons-ref button.btn:not(.btn-link) {
    margin: 20px auto 0
}

    .panel-illustrations button.btn:not(.btn-link) i, .panel-icons-ref button.btn:not(.btn-link) i {
        font-size: 13px
    }

.panel-illustrations .row, .panel-icons-ref .row {
    margin-left: 2px;
    margin-top: 2px
}

.panel-illustrations .icon-col, .panel-icons-ref .icon-col {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 2px dashed #eee;
    margin-left: -2px;
    margin-top: -2px
}

    .panel-illustrations .icon-col img, .panel-icons-ref .icon-col img {
        max-width: 150px;
        max-height: 150px;
        margin: auto
    }

    .panel-illustrations .icon-col i, .panel-illustrations .icon-col span, .panel-illustrations .icon-col svg, .panel-icons-ref .icon-col i, .panel-icons-ref .icon-col span, .panel-icons-ref .icon-col svg {
        font-size: 24px;
        align-self: center
    }

.panel-icons-ref button.btn-link, .linearicons button.btn-link {
    text-align: center;
    margin: 20px auto 0;
    font-weight: 500;
    color: #69719f;
    padding: 0
}

.panel-icons-ref button.btn:not(.btn-link), .linearicons button.btn:not(.btn-link) {
    margin: 20px auto 0
}

    .panel-icons-ref button.btn:not(.btn-link) i, .linearicons button.btn:not(.btn-link) i {
        font-size: 13px
    }

.linearicons button.btn-link, .themify button.btn-link {
    font-weight: 400
}

.bg-primary section.pricing-table-1 {
    color: #333
}

section.pricing-table-1 .card {
    border: 0;
    border-radius: 1rem;
    transition: all .2s;
    box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,0.1)
}

section.pricing-table-1 hr {
    margin: 1.5rem 0
}

section.pricing-table-1 .card-title {
    margin: .5rem 0;
    font-size: .9rem;
    letter-spacing: .1rem;
    font-weight: bold
}

section.pricing-table-1 .card-price {
    font-size: 3rem;
    margin: 0
}

    section.pricing-table-1 .card-price .period {
        font-size: .8rem
    }

section.pricing-table-1 ul li {
    margin-bottom: 1rem
}

section.pricing-table-1 .text-muted {
    opacity: .7
}

section.pricing-table-1 .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: .7;
    transition: all .2s
}

@media screen and (min-width:992px) {
    section.pricing-table-1 .card:hover {
        margin-top: -.25rem;
        margin-bottom: .25rem;
        box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,0.3)
    }

        section.pricing-table-1 .card:hover .btn {
            opacity: 1
        }
}

section.pricing-table-1.pricing-table-colodanger .card-title {
    color: #fff
}

section.pricing-table-1.pricing-table-colodanger .text-muted-light {
    color: #ccc
}

section.pricing-table-1.pricing-table-colodanger .btn-light:hover {
    background-color: #fff !important
}

section.pricing-table-1.pricing-table-radiused .card {
    border-radius: 60px 0 60px 0
}

section.pricing-table-1.pricing-table-rounded .card {
    border-radius: 30px
}

.pricing-table-2 {
    font-size: 13px
}

    .pricing-table-2 .pricing-table-column {
        text-align: center;
        background: #fff;
        margin: 0 -15px;
        box-shadow: 0 0 10px #ababab;
        padding-bottom: 40px;
        border-radius: 10px;
        color: #cad0de;
        transform: scale(1);
        transition: all .5s ease 0s
    }

        .pricing-table-2 .pricing-table-column:hover {
            transform: scale(1.05);
            z-index: 1
        }

        .pricing-table-2 .pricing-table-column .pricing-table-header {
            padding: 40px 0;
            background: #f5f6f9;
            border-radius: 10px 10px 50% 50%;
            transition: all .5s ease 0s
        }

        .pricing-table-2 .pricing-table-column:hover .pricing-table-header {
            background: #fab72b
        }

        .pricing-table-2 .pricing-table-column .pricing-table-header i {
            font-size: 50px;
            color: #858c9a;
            margin-bottom: 10px;
            transition: all .5s ease 0s
        }

        .pricing-table-2 .pricing-table-column .price-value {
            font-size: 35px;
            color: #ff9624;
            transition: all .5s ease 0s
        }

        .pricing-table-2 .pricing-table-column .month {
            display: block;
            font-size: 14px;
            color: #cad0de
        }

        .pricing-table-2 .pricing-table-column:hover .month, .pricing-table-2 .pricing-table-column:hover .price-value, .pricing-table-2 .pricing-table-column:hover .pricing-table-header i {
            color: #fff
        }

        .pricing-table-2 .pricing-table-column .heading {
            font-size: 24px;
            color: #ff9624;
            margin: 20px auto;
            text-transform: uppercase
        }

        .pricing-table-2 .pricing-table-column .pricing-content ul {
            list-style: none;
            padding: 0;
            margin-bottom: 30px
        }

            .pricing-table-2 .pricing-table-column .pricing-content ul li {
                line-height: 30px;
                color: #a7a8aa
            }

        .pricing-table-2 .pricing-table-column .pricing-table-signup a {
            display: inline-block;
            font-size: 15px;
            color: #fff;
            padding: 10px 35px;
            border-radius: 20px;
            background: #ffa442;
            text-transform: uppercase;
            transition: all .3s ease 0s
        }

            .pricing-table-2 .pricing-table-column .pricing-table-signup a:hover, .pricing-table-2 .pricing-table-column .pricing-table-signup a:focus, .pricing-table-2 .pricing-table-column .pricing-table-signup a:active {
                text-decoration: none
            }

            .pricing-table-2 .pricing-table-column .pricing-table-signup a:hover {
                box-shadow: 0 0 10px #ffa442
            }

        .pricing-table-2 .pricing-table-column.primary .heading, .pricing-table-2 .pricing-table-column.primary .price-value {
            color: #5780f7
        }

        .pricing-table-2 .pricing-table-column.primary .pricing-table-signup a, .pricing-table-2 .pricing-table-column.primary:hover .pricing-table-header {
            background: #5780f7
        }

            .pricing-table-2 .pricing-table-column.primary .pricing-table-signup a:hover {
                box-shadow: 0 0 10px #5780f7
            }

        .pricing-table-2 .pricing-table-column.danger .heading, .pricing-table-2 .pricing-table-column.danger .price-value {
            color: #ff046c
        }

        .pricing-table-2 .pricing-table-column.danger .pricing-table-signup a, .pricing-table-2 .pricing-table-column.danger:hover .pricing-table-header {
            background: #ff046c
        }

        .pricing-table-2 .pricing-table-column .pricing-table.danger .pricing-table-signup a:hover {
            box-shadow: 0 0 10px #ff046c
        }

        .pricing-table-2 .pricing-table-column.success .heading, .pricing-table-2 .pricing-table-column.success .price-value {
            color: #04ccb0
        }

        .pricing-table-2 .pricing-table-column.success .pricing-table-signup a, .pricing-table-2 .pricing-table-column.success:hover .pricing-table-header {
            background: #04ccb0
        }

            .pricing-table-2 .pricing-table-column.success .pricing-table-signup a:hover {
                box-shadow: 0 0 10px #04ccb0
            }

        .pricing-table-2 .pricing-table-column.primary:hover .price-value, .pricing-table-2 .pricing-table-column.success:hover .price-value, .pricing-table-2 .pricing-table-column.danger:hover .price-value {
            color: #fff
        }

@media screen and (max-width:991px) {
    .pricing-table-2 .pricing-table-column {
        margin: 0 0 20px
    }
}

.pricing-table-2.pricing-table-inverse .pricing-table-column {
    background: #fab72b;
    color: #333
}

    .pricing-table-2.pricing-table-inverse .pricing-table-column.primary {
        background: #5780f7;
        color: #fff
    }

    .pricing-table-2.pricing-table-inverse .pricing-table-column.success {
        background: #04ccb0;
        color: #fff
    }

    .pricing-table-2.pricing-table-inverse .pricing-table-column.danger {
        background: #ff046c;
        color: #fff
    }

    .pricing-table-2.pricing-table-inverse .pricing-table-column .pricing-content ul li {
        color: #fff
    }

    .pricing-table-2.pricing-table-inverse .pricing-table-column .heading {
        color: #fff
    }

    .pricing-table-2.pricing-table-inverse .pricing-table-column .pricing-table-signup a {
        background: #fff;
        color: #333
    }

.pricing-table-3 {
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media(min-width:900px) {
    .pricing-table-3 {
        flex-direction: row
    }
}

.pricing-table-3 * {
    text-align: center;
    text-transform: uppercase
}

.pricing-table-3 .pricing-plan {
    border-bottom: 1px solid #e1f1ff;
    padding: 25px;
    transition: transform 100ms ease-in-out;
    background-color: #fff
}

    .pricing-table-3 .pricing-plan:hover {
        transform: translateY(-20px)
    }

    .pricing-table-3 .pricing-plan:last-child {
        border-bottom: 0
    }

@media(min-width:900px) {
    .pricing-table-3 .pricing-plan {
        border-bottom: 0;
        border-right: 1px solid #e1f1ff;
        flex-basis: 100%;
        padding: 25px 50px
    }
}

.pricing-table-3 .pricing-plan:last-child {
    border-right: 0
}

.pricing-table-3 .pricing-icon-bg {
    width: 170px;
    height: 170px;
    background-color: #f5fbff;
    border-radius: 100px;
    margin: 0 auto 25px;
    position: relative;
    padding-top: 47px
}

    .pricing-table-3 .pricing-icon-bg::before {
        display: block;
        content: "";
        width: 90px;
        height: 90px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 100px;
        background-color: rgba(79,158,251,0.1);
        transition: all 300ms ease-in-out
    }

    .pricing-table-3 .pricing-icon-bg i {
        position: relative;
        font-size: 75px;
        color: #4f9efb;
        transition: all 300ms ease-in-out
    }

    .pricing-table-3 .pricing-icon-bg svg {
        display: block;
        margin: auto;
        position: relative;
        max-height: 76px;
        fill: #4f9efb;
        transition: all 300ms ease-in-out
    }

.pricing-table-3 .pricing-plan:hover .pricing-icon-bg::before {
    width: 170px;
    height: 170px;
    background-color: #4f9efb
}

.pricing-table-3 .pricing-plan:hover .pricing-icon-bg i {
    color: white
}

.pricing-table-3 .pricing-plan:hover .pricing-icon-bg svg {
    fill: white
}

.pricing-table-3 .pricing-header {
    color: #888;
    font-weight: 800;
    letter-spacing: 1px
}

.pricing-table-3 .pricing-features {
    color: #016ff9;
    font-weight: 800;
    letter-spacing: 1px;
    margin: 50px 0 25px
}

.pricing-table-3 .pricing-features-item {
    display: block;
    border-top: 1px solid #e1f1ff;
    font-size: 12px;
    line-height: 1.5;
    padding: 15px 0
}

    .pricing-table-3 .pricing-features-item:last-child {
        border-bottom: 1px solid #e1f1ff
    }

.pricing-table-3 .pricing-price {
    color: #016ff9;
    display: block;
    font-size: 32px;
    font-weight: 800
}

.pricing-table-3 .pricing-button {
    border: 1px solid #9dd1ff;
    border-radius: 10px;
    color: #348efe;
    display: inline-block;
    margin: 25px 0;
    padding: 15px 35px;
    text-decoration: none;
    transition: all 150ms ease-in-out
}

    .pricing-table-3 .pricing-button:hover, .pricing-table-3 .pricing-button:focus {
        background-color: #e1f1ff
    }

    .pricing-table-3 .pricing-button.is-featured {
        background-color: #48aaff;
        color: #fff
    }

        .pricing-table-3 .pricing-button.is-featured:hover, .pricing-table-3 .pricing-button.is-featured:active {
            background-color: #269aff
        }

.pricing-table-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto 3em
}

    .pricing-table-4 .pricing-item {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        flex: 0 1 330px
    }

    .pricing-table-4 .pricing-action {
        color: inherit;
        border: 0;
        background: 0
    }

    .pricing-table-4:focus {
        outline: 0
    }

    .pricing-table-4 .pricing-feature-list {
        text-align: left
    }

    .pricing-table-4 .pricing-item {
        font-family: 'Open Sans',sans-serif;
        cursor: default;
        color: #84697c;
        background: #fff;
        box-shadow: 0 0 10px rgba(46,59,125,0.23);
        border-radius: 20px 20px 10px 10px;
        margin: 1em
    }

@media screen and (min-width:66.25em) {
    .pricing-table-4 .pricing-item {
        margin: 1em -0.5em
    }
}

.pricing-table-4 .pricing__item--featured {
    margin: 0;
    z-index: 10;
    box-shadow: 0 0 20px rgba(46,59,125,0.23)
}

.pricing-table-4 .pricing-deco {
    border-radius: 10px 10px 0 0;
    background: rgba(76,70,101,0.99);
    padding: 4em 0 9em;
    position: relative
}

.pricing-table-4 .pricing-deco-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px
}

.pricing-table-4 .pricing-title {
    font-size: .75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff
}

.pricing-table-4 .deco-layer {
    transition: transform .5s
}

.pricing-table-4 .pricing-item:hover .deco-layer--1 {
    transform: translate3d(15px,0,0)
}

.pricing-table-4 .deco-layer--2 {
    transform: translate3d(-15px,0,0)
}

.pricing-table-4 .icon {
    font-size: 2.5em
}

.pricing-table-4 .pricing-price {
    font-size: 5em;
    font-weight: bold;
    padding: 0;
    color: #fff;
    margin: 0 0 .25em 0;
    line-height: .75
}

.pricing-table-4 .pricing-currency {
    font-size: .15em;
    vertical-align: top
}

.pricing-table-4 .pricing-period {
    font-size: .15em;
    padding: 0 0 0 .5em;
    font-style: italic
}

.pricing-table-4 .pricing__sentence {
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 0 0 .5em
}

.pricing-table-4 .pricing-feature-list {
    margin: 0;
    padding: .25em 0 2.5em;
    list-style: none;
    text-align: center
}

.pricing-table-4 .pricing-feature {
    padding: 1em 0
}

.pricing-table-4 .pricing-action {
    font-weight: bold;
    margin: auto 3em 2em 3em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #4d4766;
    transition: background-color .3s
}

    .pricing-table-4 .pricing-action:hover, .pricing-table-4 .pricing-action:focus {
        background-color: #100a13
    }

.pricing-table-4 .pricing-item--featured .pricing-deco {
    padding: 5em 0 8.885em 0
}

.circle-half {
    background: #fff;
    display: inline-block;
    margin: 0
}

    .circle-half.top, .circle-half.bottom {
        height: 45px;
        width: 90px
    }

    .circle-half.right, .circle-half.left {
        height: 90px;
        width: 45px
    }

    .circle-half.top {
        border-top-left-radius: 90px;
        border-top-right-radius: 90px
    }

    .circle-half.right {
        border-bottom-right-radius: 90px;
        border-top-right-radius: 90px
    }

    .circle-half.bottom {
        border-bottom-left-radius: 90px;
        border-bottom-right-radius: 90px
    }

    .circle-half.left {
        border-bottom-left-radius: 90px;
        border-top-left-radius: 90px
    }

.pricing-table-5 {
    margin: auto
}

    .pricing-table-5 .card {
        background-color: rgba(255,255,255,0);
        background-color: #fff;
        border: 3px solid #fff;
        color: #fff;
        border-radius: 10px
    }

        .pricing-table-5 .card .card-title {
            font-size: 2rem;
            text-transform: uppercase;
            text-align: center;
            color: #888;
            font-weight: 800;
            letter-spacing: 2px;
            margin: 1rem
        }

        .pricing-table-5 .card .btn {
            border-radius: 25px;
            padding: 11px 16px;
            box-shadow: 0 0 0 4px rgba(87,128,247,0.37);
            text-transform: uppercase;
            margin-top: 30px
        }

        .pricing-table-5 .card .card-price {
            text-align: center;
            margin-bottom: 20px
        }

            .pricing-table-5 .card .card-price .card-price-inner {
                display: inline-block;
                transform: rotate(45deg);
                color: #fff;
                margin-left: -40px;
                margin-top: 20px;
                margin-bottom: -20px
            }

                .pricing-table-5 .card .card-price .card-price-inner .circle-half {
                    height: 120px;
                    width: 50px;
                    display: block;
                    float: left;
                    margin-left: -1px
                }

                    .pricing-table-5 .card .card-price .card-price-inner .circle-half.right {
                        border-bottom-right-radius: 0
                    }

                    .pricing-table-5 .card .card-price .card-price-inner .circle-half.left {
                        border-top-left-radius: 0
                    }

                .pricing-table-5 .card .card-price .card-price-inner span {
                    display: inline-block;
                    margin-top: 46px;
                    transform: rotate(-45deg);
                    font-size: 20px;
                    font-weight: 800;
                    font-size: 21px;
                    font-weight: 600
                }

                .pricing-table-5 .card .card-price .card-price-inner .circle-period {
                    margin-top: -50px
                }

                    .pricing-table-5 .card .card-price .card-price-inner .circle-period span {
                        margin-top: 54px;
                        transform: rotate(-45deg);
                        font-size: 17px;
                        font-weight: 600;
                        margin-left: -10px
                    }

    .pricing-table-5 ul.features {
        clear: both
    }

        .pricing-table-5 ul.features li {
            display: block;
            position: relative;
            margin: 10px;
            color: #333
        }

.pricing-table-6 .tab-content {
    margin-top: 40px
}

.pricing-table-6 .section-heading {
    position: relative
}

.pricing-table-6 .text-center {
    text-align: center
}

.pricing-table-6 .section-heading h3 {
    letter-spacing: 4px;
    position: relative;
    text-transform: uppercase
}

.pricing-table-6 .letterspace4x {
    letter-spacing: 4px
}

.pricing-table-6 .section-heading.blue-border h3::after {
    border-bottom: 3px solid #42a5f6;
    bottom: -15px;
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    position: absolute;
    width: 42px;
    left: 48%
}

.pricing-table-6 .section-heading p {
    font-size: 16px;
    margin-top: 44px
}

.pricing-table-6 .nav-pills > li + li {
    margin-left: 0
}

.pricing-table-6 .nav-pills > li + li {
    margin-left: 0
}

.pricing-table-6 .plan-option .nav.nav-pills li a.nav-link {
    border: 1px solid #ebf0f2;
    color: #232323;
    font-size: 12px;
    padding: 18px 35px;
    border-radius: 0
}

.pricing-table-6 .plan-option .nav.nav-pills .active.nav-link {
    border-color: #42a5f6;
    background-color: #42a5f6;
    color: #fff
}

.pricing-table-6 .plan-option .nav.nav-pills li:last-child a {
    border-left: 0
}

.pricing-table-6 .plan-option .nav.nav-pills {
    justify-content: center
}

    .pricing-table-6 .plan-option .nav.nav-pills li {
        position: relative
    }

.pricing-table-6 .nav-pills > li + li {
    margin-left: 0
}

.pricing-table-6 .plan-option .or-crircle {
    background-color: #42a5f6;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.5);
    color: #fff;
    display: block;
    font-size: 9px;
    height: 25px;
    line-height: 27px;
    text-align: center;
    width: 25px;
    position: absolute;
    top: 15px;
    left: -14px;
    z-index: 1
}

.pricing-table-6 .pricing-table {
    padding: 50px 0
}

    .pricing-table-6 .pricing-table p {
        font-size: 14px;
        color: #777;
        margin-bottom: 40px;
        margin-top: 10px
    }

.pricing-table-6 .plan-price h1 {
    font-size: 50px;
    display: inline-block;
    margin-right: 5px
}

    .pricing-table-6 .plan-price h1 sup {
        top: -0.4em;
        font-size: 28px
    }

.pricing-table-6 .plan-price sub {
    font-size: 12px;
    color: #333;
    display: inline-block;
    bottom: .25em
}

.pricing-table-6 .plan-price span.underline {
    border-bottom: 2px solid #42a5f6;
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: left;
    width: 22px
}

.pricing-table-6 .upper-detail {
    position: relative
}

.pricing-table-6 .plan-price {
    padding-bottom: 16px;
    position: relative
}

.pricing-table-6 .lower-detail ul {
    padding: 0
}

    .pricing-table-6 .lower-detail ul > li {
        border-bottom: 1px solid #f0f0f0;
        margin: 0;
        padding: 20px 0;
        list-style: none
    }

    .pricing-table-6 .lower-detail ul li:last-child {
        border-bottom: 0
    }

.pricing-table-6 .btn-get {
    padding: 18px 42px;
    border: 2px solid #e5e5e5;
    background: transparent;
    color: #232323;
    font-size: 12px;
    letter-spacing: 2px;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 0
}

.pricing-table-6 .outer-border:hover .btn-get {
    background-color: #42a5f6;
    border-color: #42a5f6;
    color: #fff
}

.pricing-table-6 .upper-detail {
    border-bottom: 1px solid #ededed
}

.pricing-table-6 .pricing-table {
    border: 1px solid #ededed
}

.pricing-table-6 .outer-border {
    border: 8px solid #fff;
    box-shadow: 0 0 12px #f6f6f6
}

.pricing-table-6 .new-tag span {
    font-size: 12px;
    background-color: #204165;
    color: #fff;
    padding: 6px 15px
}

.pricing-table-6 .new-tag {
    position: absolute;
    right: 0;
    top: 5px
}

.pricing-table-6 .lower-detail {
    margin-top: 25px;
    padding: 0 50px
}

.pricing-table-6 .outer-border:hover {
    border-color: #f8f8f8
}

.pricing-table-7 .card {
    position: relative;
    height: auto;
    background: linear-gradient(-45deg,#fe0847,#feae3f);
    border-radius: 15px;
    margin: 0 auto;
    padding: 40px 20px;
    box-shadow: 0 10px 15px rgba(0,0,0,0.1);
    transition: .5s;
    overflow: hidden
}

    .pricing-table-7 .card:hover {
        transform: scale(1.02)
    }

.pricing-table-7 .col-sm-4:nth-child(1) .card, .pricing-table-7 .col-sm-4:nth-child(1) .card .title .fa {
    background: linear-gradient(-45deg,#f403d1,#64b5f6)
}

.pricing-table-7 .col-sm-4:nth-child(2) .card, .pricing-table-7 .col-sm-4:nth-child(2) .card .title .fa {
    background: linear-gradient(-45deg,#ffec61,#f321d7)
}

.pricing-table-7 .col-sm-4:nth-child(3) .card, .pricing-table-7 .col-sm-4:nth-child(3) .card .title .fa {
    background: linear-gradient(-45deg,#24ff72,#9a4eff)
}

.pricing-table-7 .card::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(255,255,255,0.1);
    z-index: 1;
    transform: skewY(-5deg) scale(1.5)
}

.pricing-table-7 .title .fa {
    color: #fff;
    font-size: 60px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.1)
}

.pricing-table-7 .title h2 {
    position: relative;
    margin: 20px 0 0;
    padding: 0;
    color: #fff;
    font-size: 28px;
    z-index: 2
}

.pricing-table-7 .price, .pricing-table-7 .option {
    position: relative;
    z-index: 2
}

    .pricing-table-7 .price h4 {
        margin: 0;
        padding: 20px 0;
        color: #fff;
        font-size: 60px
    }

    .pricing-table-7 .option ul {
        margin: 0;
        padding: 0
    }

        .pricing-table-7 .option ul li {
            margin: 0 0 10px;
            padding: 0;
            list-style: none;
            color: #fff;
            font-size: 16px
        }

.pricing-table-7 .card a {
    position: relative;
    z-index: 2;
    background: #fff;
    color: black;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    display: block;
    text-align: center;
    margin: 20px auto 0;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1)
}

    .pricing-table-7 .card a:hover {
        text-decoration: none
    }

table.pricing-table-8.columns-5 tr > th, table.pricing-table-8.columns-5 tr > td {
    font-weight: 400;
    background-color: #fff
}

table.pricing-table-8.columns-5 tr > th {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    color: #646c9a;
    padding: 2rem;
    border-bottom-color: #dee2e6;
    text-transform: none
}

    table.pricing-table-8.columns-5 tr > th .plan-title {
        text-transform: uppercase;
        color: #666;
        margin-bottom: 1rem;
        letter-spacing: .75px;
        font-family: dosis;
        font-size: 16px;
        font-weight: 600
    }

    table.pricing-table-8.columns-5 tr > th .plan-description {
        color: #646c9a;
        font-size: 12px
    }

    table.pricing-table-8.columns-5 tr > th .btn {
        text-transform: uppercase
    }

table.pricing-table-8.columns-5 tr.theader > th {
    background-color: #f9f9f9;
    padding: 1.5rem;
    text-align: left
}

table.pricing-table-8.columns-5 tr.theader .plan-pricing {
    color: #333;
    margin: 0;
    text-transform: uppercase;
    font-family: dosis;
    font-size: 16px;
    font-weight: 600
}

table.pricing-table-8.columns-5 tbody > tr > th {
    text-align: left
}

table.pricing-table-8.columns-5 tr > td {
    text-align: center;
    padding: 2rem
}

    table.pricing-table-8.columns-5 tr > td .icon-minus {
        font-size: 13px
    }

    table.pricing-table-8.columns-5 tr > td .icon-check {
        color: #04ccb0;
        font-size: 20px
    }