/*------------------------------------------------------------------
[Table of contents]
1. Bootstrap Extention
2. UI components
3. Utilities
4. Material Design style
-------------------------------------------------------------------*/
/*---------------------------
1. Bootstrap Extension 
---------------------------*/
/*
Base 
*/
@font-face {
    font-family: "Nexa";
    src: url("../fonts/NexaBlack.eot");
    src: url("../fonts/NexaBlack.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaBlack.woff2") format("woff2"), url("../fonts/NexaBlack.woff") format("woff"), url("../fonts/NexaBlack.ttf") format("truetype"),
        url("../fonts/NexaBlack.svg#NexaBlack") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Bold-Italic.eot");
    src: url("../fonts/Nexa-Bold-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Bold-Italic.woff2") format("woff2"), url("../fonts/Nexa-Bold-Italic.woff") format("woff"),
        url("../fonts/Nexa-Bold-Italic.ttf") format("truetype"), url("../fonts/Nexa-Bold-Italic.svg#Nexa-Bold-Italic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Black-Italic.eot");
    src: url("../fonts/Nexa-Black-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Black-Italic.woff2") format("woff2"), url("../fonts/Nexa-Black-Italic.woff") format("woff"),
        url("../fonts/Nexa-Black-Italic.ttf") format("truetype"), url("../fonts/Nexa-Black-Italic.svg#Nexa-Black-Italic") format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Bold.eot");
    src: url("../fonts/Nexa-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Bold.woff2") format("woff2"), url("../fonts/Nexa-Bold.woff") format("woff"), url("../fonts/Nexa-Bold.ttf") format("truetype"),
        url("../fonts/Nexa-Bold.svg#Nexa-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nexa Book";
    src: url("../fonts/Nexa-Book-Italic.eot");
    src: url("../fonts/Nexa-Book-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Book-Italic.woff2") format("woff2"), url("../fonts/Nexa-Book-Italic.woff") format("woff"),
        url("../fonts/Nexa-Book-Italic.ttf") format("truetype"), url("../fonts/Nexa-Book-Italic.svg#Nexa-Book-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/NexaHeavy.eot");
    src: url("../fonts/NexaHeavy.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaHeavy.woff2") format("woff2"), url("../fonts/NexaHeavy.woff") format("woff"), url("../fonts/NexaHeavy.ttf") format("truetype"),
        url("../fonts/NexaHeavy.svg#NexaHeavy") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nexa Book";
    src: url("../fonts/Nexa-Book.eot");
    src: url("../fonts/Nexa-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Book.woff2") format("woff2"), url("../fonts/Nexa-Book.woff") format("woff"), url("../fonts/Nexa-Book.ttf") format("truetype"),
        url("../fonts/Nexa-Book.svg#Nexa-Book") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/NexaThin.eot");
    src: url("../fonts/NexaThin.eot?#iefix") format("embedded-opentype"), url("../fonts/NexaThin.woff2") format("woff2"), url("../fonts/NexaThin.woff") format("woff"), url("../fonts/NexaThin.ttf") format("truetype"),
        url("../fonts/NexaThin.svg#NexaThin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Light-Italic.eot");
    src: url("../fonts/Nexa-Light-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Light-Italic.woff2") format("woff2"), url("../fonts/Nexa-Light-Italic.woff") format("woff"),
        url("../fonts/Nexa-Light-Italic.ttf") format("truetype"), url("../fonts/Nexa-Light-Italic.svg#Nexa-Light-Italic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Thin-Italic.eot");
    src: url("../fonts/Nexa-Thin-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Thin-Italic.woff2") format("woff2"), url("../fonts/Nexa-Thin-Italic.woff") format("woff"),
        url("../fonts/Nexa-Thin-Italic.ttf") format("truetype"), url("../fonts/Nexa-Thin-Italic.svg#Nexa-Thin-Italic") format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Heavy-Italic.eot");
    src: url("../fonts/Nexa-Heavy-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Heavy-Italic.woff2") format("woff2"), url("../fonts/Nexa-Heavy-Italic.woff") format("woff"),
        url("../fonts/Nexa-Heavy-Italic.ttf") format("truetype"), url("../fonts/Nexa-Heavy-Italic.svg#Nexa-Heavy-Italic") format("svg");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Nexa";
    src: url("../fonts/Nexa-Light.eot");
    src: url("../fonts/Nexa-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Nexa-Light.woff2") format("woff2"), url("../fonts/Nexa-Light.woff") format("woff"), url("../fonts/Nexa-Light.ttf") format("truetype"),
        url("../../fonts/Nexa-Light.svg#Nexa-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
html {
    background: #f7f8fa;
}

body {
    width: 100%;
    min-height: 100vh;
    color: #647787;
    background: #f7f8fa;
}
body.new_home {
    font-family: -apple-system, BlinkMacSystemFont, Inter, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    background: #fff;
    font-size: 16px;
}
body.new_home.bg-dark {
    color: #0bce5a !important;
    background: #f7f8fa !important;
}
body.new_home.bg-dark .bg-white {
    background: #fff !important;
}
*:focus {
    outline: 0 !important;
}

a {
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}

a:hover,
a:focus {
    text-decoration: none;
}

button {
    color: inherit;
}

pre {
    color: #647787;
    background-color: #f0f2f5;
    border-color: rgba(135, 150, 165, 0.1);
}

hr {
    border-color: rgba(135, 150, 165, 0.1);
}

blockquote {
    border-color: rgba(135, 150, 165, 0.1);
}

small {
    font-size: 0.75rem;
}

sup {
    vertical-align: text-top;
    top: -0.25em;
}

canvas {
    max-width: 100%;
}

b,
strong {
    font-weight: 500;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #2b3035;
}

/*
Alert
*/
.close {
    line-height: 0.65;
}

/*
badge 
*/
.badge-up {
    padding: 0 0.25rem;
    position: absolute;
    right: 0;
    transform: translate(0%, -50%);
    background-clip: padding-box;
    min-width: 1rem;
    min-height: 1rem;
    line-height: 1rem;
}

.badge-outline {
    border: 1px solid currentColor;
    border-radius: 0;
    background-color: transparent;
    font-weight: 100;
}

.badge-circle {
    padding: 0 !important;
    width: 0.625rem;
    height: 0.625rem;
    border: 2px solid;
    border-radius: 50%;
    vertical-align: -1px;
}
.badge-circle:empty {
    display: inline-block;
}
.badge-circle.xs {
    width: 0;
    height: 0;
    border-width: 4px;
    vertical-align: 0;
}
.badge-circle.sm {
    width: 0.5rem;
    height: 0.5rem;
    vertical-align: 0;
}
.badge-circle.md {
    width: 0.75rem;
    height: 0.75rem;
}

.badge-md {
    padding: 0.5em 0.75em;
}

.badge-lg {
    padding: 0.75em 1em;
}

/*
Buttons 
*/
.btn {
    font-weight: 500;
}
.btn > i.float-left,
.btn > i.float-right {
    line-height: inherit;
    margin: 0;
}
.btn > i svg {
    max-width: 16px;
    max-height: 16px;
    vertical-align: middle;
}
.btn.loading {
    text-indent: -9999rem;
}
.btn:hover,
.btn:active {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.btn-md {
    padding: 0.75rem 1.25rem;
}

.btn-white {
    color: #647787;
    background-color: #fff;
    border-color: #dcdcde;
}

.btn-rounded {
    border-radius: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.btn-rounded.btn-xs {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.btn-icon {
    text-align: center;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0 !important;
    position: relative;
}
.btn-icon span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.btn-icon.btn-sm {
    width: 1.75rem;
    height: 1.75rem;
}
.btn-icon.btn-md {
    width: 2.5rem;
    height: 2.5rem;
}
.btn-icon.btn-lg {
    width: 3.375rem;
    height: 3.375rem;
}

.btn-line {
    position: relative;
}
.btn-line:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
    transition: transform 0.8s cubic-bezier(0.9, 0, 0.1, 1);
    transform-origin: right center;
    transform: scaleX(0);
}
.btn-line:hover:after,
.btn-line:active:after {
    transform-origin: left center;
    transform: scaleX(1);
}

.btn-wave {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
}
.btn-wave:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform 0.5s, opacity 1.5s;
}
.btn-wave:active:before {
    transform: scale(0, 0);
    opacity: 0.1;
    transition: 0s;
}

.btn-raised {
    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.btn-raised:not([disabled]):hover,
.btn-raised:not([disabled]):focus,
.btn-raised:not([disabled]):active {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    transform: translate3d(0, -1px, 0);
}

/*
Card
*/
.card,
.block {
    background: #fff;
    border-width: 0;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);
    margin-bottom: 1rem;
}

.card-header,
.card-footer {
    background-color: transparent;
    border-color: rgba(135, 150, 165, 0.1);
    background-clip: padding-box;
}

.card-body p:last-child {
    margin-bottom: 0;
}

.card-hide-body .card-body {
    display: none;
}

.card-title {
    line-height: 1.5;
}

.block-fold:before,
.block-fold:after,
.card-fold:before,
.card-fold:after {
    content: "";
    display: block;
    background-color: inherit;
    box-shadow: inherit;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    width: 90%;
    left: 5%;
    height: 0.35rem;
    bottom: -0.35rem;
    opacity: 0.6;
    transition: all 0.1s;
}

.block-fold:before,
.card-fold:before {
    width: 80%;
    left: 10%;
    bottom: -0.7rem;
    opacity: 0.3;
}

.block-fold:hover:before,
.block-fold:active:before,
.card-fold:hover:before,
.card-fold:active:before {
    opacity: 0.5;
}

.block-fold:hover:after,
.block-fold:active:after,
.card-fold:hover:after,
.card-fold:active:after {
    opacity: 0.8;
}

/*
Carousel 
*/
.carousel-indicators li {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    transition: all 0.3s;
}

.carousel-indicators li.active {
    width: 20px;
}

.carousel-fade .carousel-item {
    transition: opacity 1s;
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    transform: translateX(0);
    opacity: 1;
}

.carousel-fade .carousel-item-next,
.carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .carousel-item-prev,
.carousel-fade .active.carousel-item-left {
    opacity: 0;
}

/*
Dropdown menu 
*/
.dropdown-menu {
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);
    color: #647787;
}
.dropdown-menu > li:not(.dropdown-item) > a {
    display: block;
    padding: 3px 20px;
}
.dropdown-menu > li:not(.dropdown-item) > a:hover,
.dropdown-menu > li:not(.dropdown-item) > a:focus {
    background-color: rgba(135, 150, 165, 0.1);
}
.dropdown-menu > .divider {
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
    background-color: rgba(135, 150, 165, 0.1);
}
.dropdown-menu .active {
    background-color: rgba(135, 150, 165, 0.1);
}

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

.dropdown-item {
    color: inherit;
}
.dropdown-item a {
    color: inherit;
}
.dropdown-item i {
    margin-left: -0.5rem;
    margin-right: 0.5rem;
    text-align: center;
}

.dropdown-item,
.dropdown-item.active {
    color: inherit;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active:hover,
.dropdown-item.active:focus {
    color: inherit;
    background-color: rgba(135, 150, 165, 0.1);
}

.dropdown-header {
    color: inherit;
    opacity: 0.5;
}

.dropdown-toggle {
    white-space: nowrap !important;
}

.dropdown-divider {
    border-color: rgba(135, 150, 165, 0.1);
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
    display: block;
}
.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    margin-top: -8px;
    margin-left: -1px;
}
.dropdown-submenu .dropdown-menu.pull-left {
    right: 100%;
    left: auto;
}
.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-bottom: -6px;
}

.popover {
    color: #647787;
}

/*
Form 
*/
.form-control {
    border-color: rgba(135, 150, 165, 0.15);
    border-width: 1px;
    border-radius: 0.25rem;
    color: inherit;
}
.form-control:focus {
    color: inherit;
    box-shadow: none;
}
.col-form-label {
    color: #a8afbb;
}

.form-check-input {
    margin-top: 0.2rem;
}

.custom-file-control,
.custom-file-control:before,
.custom-select {
    border-color: rgba(135, 150, 165, 0.15);
}

.custom-select,
.custom-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-control-label {
    line-height: 1.75;
}

.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.3;
}

.form-control::-moz-placeholder {
    color: inherit;
    opacity: 0.3;
}

.form-control:-ms-input-placeholder {
    color: inherit;
    opacity: 0.3;
}

.form-control-spin {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.custom-file-label,
.custom-file-label:after,
.input-group-text {
    border-color: rgba(135, 150, 165, 0.15) !important;
    background-color: transparent;
    color: inherit;
}

.input-group-text,
.custom-file-label:after {
    background-color: rgba(135, 150, 165, 0.075);
}

.form-group-stack .form-control {
    margin-top: -1px;
    position: relative;
    border-radius: 0;
}
.form-group-stack .form-control:focus,
.form-group-stack .form-control:active {
    z-index: 1;
}

.input-group-sm > .form-control {
    min-height: 1.95rem;
}

.active-checked {
    opacity: 0;
}

input:checked + .active-checked {
    opacity: 1;
}

/*
List Group 
*/
.list-group {
    border-radius: 3px;
    background: #fff;
    padding-right: 0;
}
.list-group.no-radius .list-group-item {
    border-radius: 0 !important;
}
.list-group.no-borders .list-group-item {
    border: none;
}
.list-group.no-border .list-group-item {
    border-width: 1px 0;
}
.list-group.box .list-group-item,
.list-group.no-border .list-group-item {
    border-width: 1px 0;
}
.list-group.box .list-group-item:first-child,
.list-group.no-border .list-group-item:first-child {
    border-top-width: 0;
}
.list-group.box .list-group-item:last-child,
.list-group.no-border .list-group-item:last-child {
    border-bottom-width: 0;
}
.list-group.no-bg .list-group-item {
    background-color: transparent;
}
.list-group.list-group-gap {
    background: transparent;
}
.list-group.box .list-group-item {
    border-left-width: 0;
    border-right-width: 0;
}

.list-group-item {
    border-color: rgba(135, 150, 165, 0.075);
    background: transparent;
    padding: 12px 16px;
    background-clip: padding-box;
}
.list-group-item.media {
    margin-top: 0;
}
.list-group-item.box {
    border-width: 0;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    color: inherit;
    background-color: rgba(135, 150, 165, 0.1);
    border-color: rgba(135, 150, 165, 0.075);
    border-bottom-color: rgba(135, 150, 165, 0.075);
}
.list-group-item.active a,
.list-group-item.active:hover a,
.list-group-item.active:focus a {
    color: inherit;
}
.list-group-item:first-child {
    border-top-color: rgba(135, 150, 165, 0.1);
}
.list-group-item:last-child {
    border-bottom-color: rgba(135, 150, 165, 0.1);
}
.list-group-alt .list-group-item:nth-child(2n + 2) {
    background-color: rgba(135, 150, 165, 0.1);
}
.list-group-alt .list-group-item.active:nth-child(2n + 2) {
    background-color: rgba(135, 150, 165, 0.1);
}
.list-group-lg .list-group-item {
    padding: 16px 24px;
}
.list-group-md .list-group-item {
    padding-top: 16px;
    padding-bottom: 16px;
}
.list-group-sm .list-group-item {
    padding: 10px 12px;
}
.list-group-gap .list-group-item {
    margin-bottom: 5px;
    border-radius: 3px;
}
.list-group-gap .list-group-item:first-child {
    border-top-color: rgba(135, 150, 165, 0.075);
}
.list-group-gap .list-group-item:last-child {
    border-bottom-color: rgba(135, 150, 165, 0.075);
}

a.list-group-item {
    color: inherit;
}
a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item.hover {
    color: inherit;
    background-color: rgba(135, 150, 165, 0.1);
}

/*
Modal 
*/
.modal.fade .modal-left,
.modal.fade .modal-right,
.modal.fade .modal-top,
.modal.fade .modal-bottom {
    position: fixed;
    z-index: 1055;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    max-width: 100%;
}

.modal.fade .modal-left {
    right: auto !important;
    transform: translate3d(-100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.fade .modal-right {
    left: auto !important;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.fade .modal-top {
    bottom: auto !important;
    transform: translate3d(0, -100%, 0);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.fade .modal-bottom {
    top: auto !important;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.fade.show .modal-left,
.modal.fade.show .modal-right,
.modal.fade.show .modal-top,
.modal.fade.show .modal-bottom {
    transform: translate3d(0, 0, 0);
}

.modal.fade.inactive {
    bottom: auto;
    overflow: visible;
}

.modal-open-aside {
    overflow: visible;
}

.modal-header,
.modal-content,
.modal-footer {
    border-color: rgba(135, 150, 165, 0.1);
}

.modal-dialog > * {
    pointer-events: auto;
}

.modal-content {
    color: #647787;
}

.modal-close-btn {
    position: absolute;
    top: 0;
    right: 0;
}

/*
Modal animation 
*/
.modal .modal-dialog {
    transform: translate(0, 0);
}

.modal .fade-right {
    animation: fadeInLeft 0.5s;
    animation-direction: reverse;
}

.modal .fade-left {
    animation: fadeInRight 0.5s;
    animation-direction: reverse;
}

.modal .fade-up {
    animation: fadeInDown 0.5s;
    animation-direction: reverse;
}

.modal .fade-down {
    animation: fadeInUp 0.5s;
    animation-direction: reverse;
}

.modal.show .fade-right {
    animation: fadeInRight 0.5s;
}

.modal.show .fade-left {
    animation: fadeInLeft 0.5s;
}

.modal.show .fade-up {
    animation: fadeInUp 0.5s;
}

.modal.show .fade-down {
    animation: fadeInDown 0.5s;
}

/*
Nav 
*/
.nav {
    border: inherit;
}
.nav.flex-column .nav {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.nav-item {
    position: relative;
    border: inherit;
}

.nav-link {
    color: inherit;
    border: inherit;
    position: relative;
}

.nav-md .nav-link {
    padding: 0.75rem 1.25rem;
}

.nav-sm .nav-link {
    padding: 0.25rem 0.75rem;
}

.nav-xs .nav-link {
    padding: 0.125rem 0.375rem;
}

.nav-xxs .nav-link {
    padding-left: 0;
    padding-right: 0;
    margin: 0 0.5rem;
}

.nav-rounded .nav-link {
    border-radius: 2rem;
}

.nav-tabs {
    border-bottom-width: 0;
    position: relative;
    z-index: 1;
}
.nav-tabs .nav-link {
    background: transparent !important;
    color: inherit !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: rgba(135, 150, 165, 0.1);
    border-bottom-color: transparent;
}

.tab-content.tab-alt .tab-pane {
    display: block;
    height: 0;
    overflow: hidden;
}
.tab-content.tab-alt .tab-pane.active {
    height: auto;
    overflow: visible;
}

.nav-justified .nav-item {
    display: table-cell;
    width: 1%;
    float: none !important;
    text-align: center;
}

.nav-lists .nav-item {
    border-bottom: 1px solid rgba(135, 150, 165, 0.1);
    background-clip: padding-box;
}

.breadcrumb {
    background-color: rgba(135, 150, 165, 0.1);
}
.breadcrumb > li + li:before {
    content: "/ ";
}

.nav-active-border li > a:before,
.nav-active-border .nav-link:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    transition: all 0.2s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
    .nav-active-border li > a:before,
    .nav-active-border .nav-link:before {
        transition: none;
    }
}

.nav-active-border li > a.active:before,
.nav-active-border .nav-link.active:before {
    left: 0;
    right: 0;
    border-bottom-color: #0bce5a;
}

.nav-active-border li.active > a:before {
    left: 1rem;
    right: 1rem;
    border-bottom-color: #0bce5a;
}

.nav-active-border.top li.active > a:before,
.nav-active-border.top .nav-link:before {
    bottom: auto;
    top: 0;
}

/*
Navbar 
*/
.navbar {
    min-height: 3.75rem;
    padding: 0.75rem 1rem;
    display: -ms-flexbox;
    display: flex;
}
.navbar .dropdown-menu-right {
    left: auto;
    right: 0;
}
.navbar svg {
    vertical-align: middle;
}
.navbar .nav-link {
    color: #000;
    white-space: nowrap;
}
.navbar .nav-link:hover {
    color: #0bce5a;
}
body.bg-dark .navbar .nav-link {
    color: #fff;
}
body.bg-dark .navbar .nav-link:hover,
body.bg-dark .navbar .nav-active .nav-link {
    color: #0bce5a;
}
.navbar .nav-active-border .nav-link {
    margin: -0.75rem 0;
    line-height: 2.75rem;
}
.navbar .dropdown-menu {
    margin-top: 0;
}
.bg-white .navbar .nav-item.active {
    color: #0bce5a;
}

.toolbar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -0.25rem;
}
.toolbar > * {
    margin: 0 0.25rem;
}
.toolbar.toolbar-mx {
    margin: 0 -0.5rem;
}
.toolbar.toolbar-mx > * {
    margin: 0 0.5rem;
}

.nav-title {
    font-size: 1.125rem;
    line-height: 1.2;
}

.navbar-brand {
    font-size: 1.125rem;
    line-height: 1;
}
.navbar-brand > span {
    margin: 0 0.25rem;
    font-weight: 600;
}
.navbar-brand img,
.navbar-brand svg {
    max-height: 2rem;
    vertical-align: middle;
    font-weight: 600;
}

.navbar-menu {
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto;
    -ms-align-items: center;
    align-items: center;
}

/*
pagination 
*/
.pagination a {
    padding: 0.5rem 0.75rem;
    border: 1px solid rgba(135, 150, 165, 0.1);
}

.pagination .page-link,
.pagination li a {
    color: inherit !important;
    background-color: transparent !important;
    border-color: rgba(135, 150, 165, 0.1) !important;
    display: block;
}
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination li a:hover,
.pagination li a:focus {
    border-color: rgba(135, 150, 165, 0.1);
    background-color: rgba(135, 150, 165, 0.1);
    color: inherit;
}

.pagination .active .page-link,
.pagination .active a {
    color: white !important;
    background-color: #5288f7 !important;
    border-color: #5288f7 !important;
}

.pagination li:first-child a {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination li:last-child a {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.pagination-sm a {
    padding: 0.2195rem 0.5rem;
}

.pagination-xs a {
    padding: 0 0.35rem;
    line-height: 1.5;
}

/*
Popover
*/
.popover {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);
}

.popover-header {
    border-color: rgba(135, 150, 165, 0.075);
    background-color: #fff;
}

.popover-body {
    color: #647787;
}
.popover-body p:last-child {
    margin: 0;
}

.popover .arrow:before {
    opacity: 0.15;
}

/*
Progress 
*/
.progress {
    border-radius: 0.25rem;
    overflow: visible;
    background-color: rgba(135, 150, 165, 0.1);
}

.progress-bar {
    display: inline-block;
    float: left;
    height: 100%;
    border-radius: 0.25rem;
    text-align: center;
    background-color: #0074d9;
    font-size: 0.8em;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}

/*
Row 
*/
.padding {
    padding: 2rem;
}

.row-md {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}
.row-md [class*="col-"],
.row-md .col {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.row-md .card,
.row-md .block {
    margin-bottom: 1.5rem;
}

.row-sm {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.row-sm [class*="col-"],
.row-sm .col {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.row-sm .card,
.row-sm .block {
    margin-bottom: 1rem;
}

.row-xs {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
}
.row-xs [class*="col-"],
.row-xs .col {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.row-xs .card,
.row-xs .block {
    margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 991.98px) {
    .padding {
        padding: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .padding {
        padding: 1rem;
    }
}

/*
Table 
*/
.table > thead > tr > th {
    border-width: 0;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border-color: rgba(135, 150, 165, 0.1);
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.025);
    background-clip: padding-box;
}

.table-striped > thead > th {
    background-color: rgba(0, 0, 0, 0.025);
    border-right: 1px solid rgba(135, 150, 165, 0.1);
}
.table-striped > thead > th:last-child {
    border-right: none;
}

.table-hover tr:hover td {
    background-color: rgba(135, 150, 165, 0.075);
}

.table.v-middle th,
.table.v-middle td {
    vertical-align: middle;
}

.table-theme {
    border-spacing: 0;
}
.table-theme thead {
    font-size: 0.7rem;
}
.table-theme tbody td {
    background-color: #fff;
    border-width: 0;
    box-shadow: 0 1px 0 rgba(135, 150, 165, 0.075), 0 -1px 0 rgba(135, 150, 165, 0.075);
}
.table-theme tbody td:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}
.table-theme tbody td:last-child {
    border-radius: 0 0.25rem 0.25rem 0;
}

.table-row {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
.table-row thead th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.table-row td {
    border-color: transparent !important;
}

.sorting_asc,
.sorting_desc,
.sorting,
.sortable {
    position: relative;
    cursor: pointer;
    padding-right: 1rem !important;
}
.sorting_asc:before,
.sorting_asc:after,
.sorting_desc:before,
.sorting_desc:after,
.sorting:before,
.sorting:after,
.sortable:before,
.sortable:after {
    opacity: 0.5;
    content: "" !important;
    position: absolute;
    right: 5px !important;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 3px solid;
    border-right: 3px solid transparent;
    border-bottom: 0;
    border-left: 3px solid transparent;
}
.sorting_asc:after,
.sorting_desc:after,
.sorting:after,
.sortable:after {
    border-top: 0;
    border-bottom: 3px solid;
    margin-top: -4px;
}
.sorting_asc.desc:before,
.sorting_desc.desc:before,
.sorting.desc:before,
.sortable.desc:before {
    opacity: 1;
}
.sorting_asc.asc:after,
.sorting_desc.asc:after,
.sorting.asc:after,
.sortable.asc:after {
    opacity: 1;
}

.sorting_asc:after {
    opacity: 1;
}

.sorting_desc:after {
    opacity: 1;
}

/*---------------------------
2. UI Components
---------------------------*/
/*
animate
*/
.animate {
    animation-fill-mode: both;
    animation-duration: 0.5s;
}

.animate-reverse {
    animation-direction: reverse;
}

.animate-fast {
    animation-duration: 0.3s;
}

.animate-no-delay {
    animation-delay: 0s !important;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

/*
animate delay
*/
.animates li,
.animates > div {
    animation-duration: 0.5s;
}

.animates li:nth-of-type(1),
.animates > div:nth-of-type(1) {
    animation-delay: 0.075s;
}

.animates li:nth-of-type(2),
.animates > div:nth-of-type(2) {
    animation-delay: 0.15s;
}

.animates li:nth-of-type(3),
.animates > div:nth-of-type(3) {
    animation-delay: 0.225s;
}

.animates li:nth-of-type(4),
.animates > div:nth-of-type(4) {
    animation-delay: 0.3s;
}

.animates li:nth-of-type(5),
.animates > div:nth-of-type(5) {
    animation-delay: 0.375s;
}

.animates li:nth-of-type(6),
.animates > div:nth-of-type(6) {
    animation-delay: 0.45s;
}

.animates li:nth-of-type(7),
.animates > div:nth-of-type(7) {
    animation-delay: 0.525s;
}

.animates li:nth-of-type(8),
.animates > div:nth-of-type(8) {
    animation-delay: 0.6s;
}

.animates li:nth-of-type(9),
.animates > div:nth-of-type(9) {
    animation-delay: 0.675s;
}

.animates li:nth-of-type(10),
.animates > div:nth-of-type(10) {
    animation-delay: 0.75s;
}

.animates li:nth-of-type(11),
.animates > div:nth-of-type(11) {
    animation-delay: 0.825s;
}

.animates li:nth-of-type(12),
.animates > div:nth-of-type(12) {
    animation-delay: 0.9s;
}

.animates li:nth-of-type(13),
.animates > div:nth-of-type(13) {
    animation-delay: 0.975s;
}

.animates li:nth-of-type(14),
.animates > div:nth-of-type(14) {
    animation-delay: 1.05s;
}

.animates li:nth-of-type(15),
.animates > div:nth-of-type(15) {
    animation-delay: 1.125s;
}

.animates li:nth-of-type(16),
.animates > div:nth-of-type(16) {
    animation-delay: 1.2s;
}

.animates li:nth-of-type(17),
.animates > div:nth-of-type(17) {
    animation-delay: 1.275s;
}

.animates li:nth-of-type(18),
.animates > div:nth-of-type(18) {
    animation-delay: 1.35s;
}

.animates li:nth-of-type(19),
.animates > div:nth-of-type(19) {
    animation-delay: 1.425s;
}

.animates li:nth-of-type(20),
.animates > div:nth-of-type(20) {
    animation-delay: 1.5s;
}

.animates li:nth-of-type(21),
.animates > div:nth-of-type(21) {
    animation-delay: 1.575s;
}

.animates li:nth-of-type(22),
.animates > div:nth-of-type(22) {
    animation-delay: 1.65s;
}

.animates li:nth-of-type(23),
.animates > div:nth-of-type(23) {
    animation-delay: 1.725s;
}

.animates li:nth-of-type(24),
.animates > div:nth-of-type(24) {
    animation-delay: 1.8s;
}

.animates li:nth-of-type(25),
.animates > div:nth-of-type(25) {
    animation-delay: 1.875s;
}

.animates li:nth-of-type(26),
.animates > div:nth-of-type(26) {
    animation-delay: 1.95s;
}

.animates li:nth-of-type(27),
.animates > div:nth-of-type(27) {
    animation-delay: 2.025s;
}

.animates li:nth-of-type(28),
.animates > div:nth-of-type(28) {
    animation-delay: 2.1s;
}

.animates li:nth-of-type(29),
.animates > div:nth-of-type(29) {
    animation-delay: 2.175s;
}

.animates li:nth-of-type(30),
.animates > div:nth-of-type(30) {
    animation-delay: 2.25s;
}

.animates-fadeInDown li,
.animates-fadeInDown > div {
    animation-name: fadeInDown;
}

.animates-fadeInUp li,
.animates-fadeInUp > div {
    animation-name: fadeInUp;
}

.animates-fadeInLeft li,
.animates-fadeInLeft > div {
    animation-name: fadeInLeft;
}

.animates-fadeInRight li,
.animates-fadeInRight > div {
    animation-name: fadeInRight;
}

/*
Aside 
*/
.aside {
    opacity: 1 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: relative;
    z-index: 1000;
}
.aside.show {
    width: 100% !important;
    top: 0;
    bottom: 0;
}
.aside.show > * {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.aside > * {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.aside > .modal-dialog {
    margin: 0;
    max-width: inherit;
    pointer-events: inherit;
}
.aside.aside-right > * {
    right: 0;
    left: auto;
}
.aside.aside-right.show > * {
    transform: translate3d(0%, 0, 0) !important;
}

.aside-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: fixed;
    right: 0;
    bottom: 0;
    max-height: 80vh;
    z-index: 1050;
}

@media (max-width: 1199.98px) {
    .aside-lg {
        display: none;
        opacity: 0;
        position: fixed !important;
        z-index: 1050 !important;
        left: 0;
    }
    .aside-lg > * {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 280px !important;
        transform: translate3d(-100%, 0, 0);
    }
    .aside-lg ~ * {
        width: 100%;
    }
    .aside-lg.aside-right > * {
        transform: translate3d(100%, 0, 0);
    }
}

@media (max-width: 991.98px) {
    .aside-md {
        display: none;
        opacity: 0;
        position: fixed !important;
        background: transparent !important;
        z-index: 1050 !important;
    }
    .aside-md > * {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 280px !important;
        transform: translate3d(-100%, 0, 0);
    }
    .aside-md ~ * {
        width: 100%;
    }
    .aside-md.aside-right > * {
        transform: translate3d(100%, 0, 0);
    }
}

@media (max-width: 767.98px) {
    .aside-sm {
        display: none;
        opacity: 0;
        background: transparent !important;
        position: fixed !important;
        z-index: 1050 !important;
    }
    .aside-sm > * {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        max-width: 280px !important;
        transform: translate3d(-100%, 0, 0);
    }
    .aside-sm ~ * {
        width: 100%;
    }
    .aside-sm.aside-right > * {
        transform: translate3d(100%, 0, 0);
    }
}

/*
Avatar
*/
.avatar {
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    font-weight: bold;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 500px;
}
.avatar img {
    border-radius: inherit;
    width: 100%;
}
.avatar.w-32 .avatar-status {
    margin: 0px;
}
.avatar.w-48 .avatar-status {
    margin: 2px;
}
.avatar.w-56 .avatar-status {
    margin: 3px;
}
.avatar.w-64 .avatar-status {
    margin: 4px;
}
.avatar.w-96 .avatar-status {
    margin: 9px;
}
.avatar.w-128 .avatar-status {
    margin: 14px;
}
.avatar .avatar-status {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.avatar-status {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    border-width: 2px;
    border-style: solid;
    border-radius: 100%;
    border-color: #fff;
    background-color: #fff;
}
.bg-dark .avatar-status {
    border-color: #31363c;
}
.avatar-status.no-border {
    width: 8px;
    height: 8px;
    margin: 2px;
    border-color: rgba(0, 0, 0, 0.1);
}
.avatar-status.avatar-center {
    top: 50%;
    margin: 0;
    margin-top: -4px;
}
.avatar-status.avatar-center + img {
    margin: 0 14px 0 24px;
    width: auto;
}
.avatar-status.avatar-top {
    left: 0;
    top: 0;
}
.avatar-status.avatar-right {
    left: auto;
    top: 0;
    right: 0;
}
.avatar-status.avatar-bottom {
    left: auto;
    top: auto;
    bottom: 0;
    right: 0;
}
.avatar-status.avatar-left {
    left: auto;
    top: auto;
    bottom: 0;
}
.avatar-status.on {
    background-color: #5bc146;
}
.avatar-status.off {
    background-color: #f0f2f5;
}
.avatar-status.away {
    background-color: #ffd14d;
}
.avatar-status.busy {
    background-color: #fe4d62;
}

.avatar-group {
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.avatar-group .avatar {
    position: relative;
}
.avatar-group .avatar + .avatar {
    margin-left: -0.5rem;
}
.avatar-group .avatar:hover,
.avatar-group .avatar:active,
.avatar-group .avatar.active {
    z-index: 1;
}

/*
chat
*/
.chat-item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
}
.chat-item > * {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

[data-class="alt"].chat-item,
.chat-item.alt {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
[data-class="alt"].chat-item .chat-body,
.chat-item.alt .chat-body {
    -ms-flex-align: end;
    align-items: flex-end;
}
[data-class="alt"].chat-item .chat-content,
.chat-item.alt .chat-content {
    color: #647787;
    background-color: #e5f5e1 !important;
}
[data-class="alt"].chat-item .chat-date,
.chat-item.alt .chat-date {
    text-align: right;
}

.chat-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chat-content {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.5rem 0.75rem;
    color: #647787;
    background-color: #d9eaff !important;
    margin-bottom: 0.25rem;
}

.chat-date {
    opacity: 0.5;
    font-size: 0.8em;
    display: block;
}

/*
Checkbox and Radio
*/
.ui-check {
    position: relative;
    cursor: pointer;
}
.ui-check input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.ui-check input:checked + i {
    background-color: #5288f7;
    box-shadow: none;
}
.ui-check input:checked + i:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 6px;
    height: 6px;
    background-color: #fff;
}
.ui-check input:checked + span .active {
    display: inherit;
}
.ui-check input[type="radio"] + i,
.ui-check input[type="radio"] + i:before {
    border-radius: 50%;
}
.ui-check input[type="checkbox"]:checked + i:before {
    transform: translate(-50%, -65%) rotate(-45deg);
    background-color: transparent;
    width: 8px;
    height: 5px;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    border-style: solid;
}
.ui-check input[disabled] + i,
fieldset[disabled] .ui-check input + i {
    border-color: rgba(135, 150, 165, 0.15);
    opacity: 0.35;
}
.ui-check input[disabled] + i:before,
fieldset[disabled] .ui-check input + i:before {
    background-color: rgba(135, 150, 165, 0.15);
}
.ui-check > i {
    width: 14px;
    height: 14px;
    line-height: 1;
    box-shadow: 0 0 0 1px rgba(135, 150, 165, 0.35);
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    background-clip: padding-box;
    position: relative;
    left: 0;
    margin-right: 0.3rem;
}
.ui-check > i:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0px;
    height: 0px;
    background-color: transparent;
    border-radius: 1px;
}
.ui-check.is-invalid > i {
    box-shadow: inset 0 0 0 2px #fe4d62;
}
.ui-check.is-valid > i {
    background-color: #5bc146;
}
.ui-check > span {
    margin-left: -20px;
}
.ui-check > span .active {
    display: none;
}
.ui-check.ui-check-color i {
    box-shadow: none;
}
.ui-check.ui-check-color input:checked + i:before {
    background-color: #fff;
}
.ui-check.ui-check-rounded > i {
    border-radius: 50%;
}

.ui-check-md input:checked + i:before {
    width: 8px;
    height: 8px;
}

.ui-check-md input[type="checkbox"]:checked + i:before {
    width: 12px;
    height: 6px;
}

.ui-check-md > i {
    width: 20px;
    height: 20px;
}

.ui-check-lg input:checked + i:before {
    width: 10px;
    height: 10px;
}

.ui-check-lg input[type="checkbox"]:checked + i:before {
    width: 14px;
    height: 8px;
    border-width: 0 0 3px 3px;
}

.ui-check-lg > i {
    width: 24px;
    height: 24px;
}

/*
Dark theme
*/
.bg-dark h1,
.bg-dark .h1,
.bg-dark h2,
.bg-dark .h2,
.bg-dark h3,
.bg-dark .h3,
.bg-dark h4,
.bg-dark .h4,
.bg-dark h5,
.bg-dark .h5,
.bg-dark h6,
.bg-dark .h6,
.bg-dark .text-dark,
.bg-dark a.text-dark,
.bg-dark a.text-dark:hover,
.bg-dark .text-color {
    color: inherit !important;
}
.bg-dark a.text-color:hover {
    color: #0bce5a !important;
}
.bg-dark .bg-white,
.bg-dark .btn-white,
.bg-dark .card,
.bg-dark .block,
.bg-dark .list-group,
.bg-dark .ui-switch i:before,
.bg-dark .table-theme tbody td {
    color: inherit;
    background-color: #31363c !important;
}

.bg-dark .bg-body,
.bg-dark .form-control {
    color: #fff;
    background: transparent;
}

.bg-dark .input-group-btn .btn {
    background-color: rgba(135, 150, 165, 0.075);
}

/*
Colors
*/
.bg-primary {
    color: #ffffff !important;
}

.bg-primary-lt {
    color: #0065df !important;
    background-color: #d9eaff !important;
}
.bg-primary-lt:hover,
.bg-primary-lt:focus,
.bg-primary-lt.active {
    color: #fff !important;
    background-color: #0bce5a !important;
}

.bg-primary--lt {
    color: #647787 !important;
    background-color: #d9eaff !important;
}

.gd-primary {
    color: #ffffff;
    background: #0bce5a linear-gradient(45deg, #0bce5a, #13cdff);
}

.active > .active-primary {
    color: #0bce5a !important;
    opacity: 1 !important;
}

.active > .active-bg-primary {
    color: #ffffff !important;
    background-color: #0bce5a !important;
}

.nav-active-text-primary .nav-link.active,
.nav-active-text-primary .nav-item.active > a,
.nav-active-text-primary .nav > li.active > a {
    color: #0bce5a !important;
}

.nav-active-primary .nav-link.active,
.nav-active-primary .nav-item.active > a,
.nav-active-primary .nav > li.active > a {
    color: #ffffff !important;
    background-color: #0bce5a !important;
}

.bg-secondary {
    color: #ffffff !important;
}

.bg-secondary-lt {
    color: #657380 !important;
    background-color: #eaedef !important;
}
.bg-secondary-lt:hover,
.bg-secondary-lt:focus,
.bg-secondary-lt.active {
    color: #fff !important;
    background-color: #7e8d9a !important;
}

.bg-secondary--lt {
    color: #647787 !important;
    background-color: #eaedef !important;
}

.gd-secondary {
    color: #ffffff;
    background: #7e8d9a linear-gradient(45deg, #7e8d9a, #7e969a);
}

.active > .active-secondary {
    color: #7e8d9a !important;
    opacity: 1 !important;
}

.active > .active-bg-secondary {
    color: #ffffff !important;
    background-color: #7e8d9a !important;
}

.nav-active-text-secondary .nav-link.active,
.nav-active-text-secondary .nav-item.active > a,
.nav-active-text-secondary .nav > li.active > a {
    color: #7e8d9a !important;
}

.nav-active-secondary .nav-link.active,
.nav-active-secondary .nav-item.active > a,
.nav-active-secondary .nav > li.active > a {
    color: #ffffff !important;
    background-color: #7e8d9a !important;
}

.bg-success {
    color: #ffffff !important;
}

.bg-success-lt {
    color: #479f35 !important;
    background-color: #e5f5e1 !important;
}
.bg-success-lt:hover,
.bg-success-lt:focus,
.bg-success-lt.active {
    color: #fff !important;
    background-color: #5bc146 !important;
}

.bg-success--lt {
    color: #647787 !important;
    background-color: #e5f5e1 !important;
}

.gd-success {
    color: #ffffff;
    background: #5bc146 linear-gradient(45deg, #5bc146, #84c146);
}

.active > .active-success {
    color: #5bc146 !important;
    opacity: 1 !important;
}

.active > .active-bg-success {
    color: #ffffff !important;
    background-color: #5bc146 !important;
}

.nav-active-text-success .nav-link.active,
.nav-active-text-success .nav-item.active > a,
.nav-active-text-success .nav > li.active > a {
    color: #5bc146 !important;
}

.nav-active-success .nav-link.active,
.nav-active-success .nav-item.active > a,
.nav-active-success .nav > li.active > a {
    color: #ffffff !important;
    background-color: #5bc146 !important;
}

.bg-info {
    color: #ffffff !important;
}

.bg-info-lt {
    color: #4725ff !important;
    background-color: #e8e4ff !important;
}
.bg-info-lt:hover,
.bg-info-lt:focus,
.bg-info-lt.active {
    color: #fff !important;
    background-color: #7258ff !important;
}

.bg-info--lt {
    color: #647787 !important;
    background-color: #e8e4ff !important;
}

.gd-info {
    color: #ffffff;
    background: #7258ff linear-gradient(45deg, #7258ff, #5876ff);
}

.active > .active-info {
    color: #7258ff !important;
    opacity: 1 !important;
}

.active > .active-bg-info {
    color: #ffffff !important;
    background-color: #7258ff !important;
}

.nav-active-text-info .nav-link.active,
.nav-active-text-info .nav-item.active > a,
.nav-active-text-info .nav > li.active > a {
    color: #7258ff !important;
}

.nav-active-info .nav-link.active,
.nav-active-info .nav-item.active > a,
.nav-active-info .nav > li.active > a {
    color: #ffffff !important;
    background-color: #7258ff !important;
}

.bg-warning {
    color: #212529 !important;
}

.bg-warning-lt {
    color: #ffc41a !important;
    background-color: #fff8e3 !important;
}
.bg-warning-lt:hover,
.bg-warning-lt:focus,
.bg-warning-lt.active {
    color: #fff !important;
    background-color: #ffd14d !important;
}

.bg-warning--lt {
    color: #647787 !important;
    background-color: #fff8e3 !important;
}

.gd-warning {
    color: #212529;
    background: #ffd14d linear-gradient(45deg, #ffd14d, #ff964d);
}

.active > .active-warning {
    color: #ffd14d !important;
    opacity: 1 !important;
}

.active > .active-bg-warning {
    color: #212529 !important;
    background-color: #ffd14d !important;
}

.nav-active-text-warning .nav-link.active,
.nav-active-text-warning .nav-item.active > a,
.nav-active-text-warning .nav > li.active > a {
    color: #ffd14d !important;
}

.nav-active-warning .nav-link.active,
.nav-active-warning .nav-item.active > a,
.nav-active-warning .nav > li.active > a {
    color: #ffffff !important;
    background-color: #ffd14d !important;
}

.bg-danger {
    color: #ffffff !important;
}

.bg-danger-lt {
    color: #fe1a35 !important;
    background-color: #ffe3e6 !important;
}
.bg-danger-lt:hover,
.bg-danger-lt:focus,
.bg-danger-lt.active {
    color: #fff !important;
    background-color: #fe4d62 !important;
}

.bg-danger--lt {
    color: #647787 !important;
    background-color: #ffe3e6 !important;
}

.gd-danger {
    color: #ffffff;
    background: #fe4d62 linear-gradient(45deg, #fe4d62, #fe4d9d);
}

.active > .active-danger {
    color: #fe4d62 !important;
    opacity: 1 !important;
}

.active > .active-bg-danger {
    color: #ffffff !important;
    background-color: #fe4d62 !important;
}

.nav-active-text-danger .nav-link.active,
.nav-active-text-danger .nav-item.active > a,
.nav-active-text-danger .nav > li.active > a {
    color: #fe4d62 !important;
}

.nav-active-danger .nav-link.active,
.nav-active-danger .nav-item.active > a,
.nav-active-danger .nav > li.active > a {
    color: #ffffff !important;
    background-color: #fe4d62 !important;
}

.bg-light {
    color: #212529 !important;
}

.bg-light-lt {
    color: #d1d7e1 !important;
    background-color: #fdfdfd !important;
}
.bg-light-lt:hover,
.bg-light-lt:focus,
.bg-light-lt.active {
    color: #fff !important;
    background-color: #f0f2f5 !important;
}

.bg-light--lt {
    color: #647787 !important;
    background-color: #fdfdfd !important;
}

.gd-light {
    color: #212529;
    background: #f0f2f5 linear-gradient(45deg, #f0f2f5, #f0f4f5);
}

.active > .active-light {
    color: #f0f2f5 !important;
    opacity: 1 !important;
}

.active > .active-bg-light {
    color: #212529 !important;
    background-color: #f0f2f5 !important;
}

.nav-active-text-light .nav-link.active,
.nav-active-text-light .nav-item.active > a,
.nav-active-text-light .nav > li.active > a {
    color: #f0f2f5 !important;
}

.nav-active-light .nav-link.active,
.nav-active-light .nav-item.active > a,
.nav-active-light .nav > li.active > a {
    color: #647787 !important;
    background-color: #f0f2f5 !important;
}

.bg-dark {
    color: #ffffff !important;
}

.bg-dark-lt {
    color: #141719 !important;
    background-color: #dddedf !important;
}
.bg-dark-lt:hover,
.bg-dark-lt:focus,
.bg-dark-lt.active {
    color: #fff !important;
    background-color: #2b3035 !important;
}

.bg-dark--lt {
    color: #647787 !important;
    background-color: #dddedf !important;
}

.gd-dark {
    color: #ffffff;
    background: #2b3035 linear-gradient(45deg, #2b3035, #2b3335);
}

.active > .active-dark {
    color: #2b3035 !important;
    opacity: 1 !important;
}

.active > .active-bg-dark {
    color: #ffffff !important;
    background-color: #2b3035 !important;
}

.nav-active-text-dark .nav-link.active,
.nav-active-text-dark .nav-item.active > a,
.nav-active-text-dark .nav > li.active > a {
    color: #2b3035 !important;
}

body.bg-dark .nav-active-dark .nav-link.active,
body.bg-dark .nav-active-dark .nav-item.active > a,
body.bg-dark .nav-active-dark .nav > li.active > a {
    color: #ffffff;
    background-color: #2b3035 !important;
}
.bg-light {
    background-color: #f0f2f5;
}

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

.bg--white {
    color: #647787;
    background-color: #fff;
}

.bg-dark {
    color: rgba(255, 255, 255, 0.85) !important;
}

.bg-black {
    color: #fff;
    background-color: #121212;
}

.bg-white .fill {
    fill: #5288f7;
}

.bg-white-overlay {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.35);
}

.bg-dark-overlay {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.35);
}

.bg-img {
    background-size: cover;
    background-position: 50% 50%;
}

.gd-overlay {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
}

.bg-clip {
    background-clip: padding-box;
}

.bg-body {
    background-color: #f7f8fa;
}

.no-bg {
    background: transparent !important;
}

/*
Layout
*/
.layout,
.layout-row,
.layout-column {
    display: -ms-flexbox;
    display: flex;
}

.layout-row {
    -ms-flex-direction: row;
    flex-direction: row;
}
.layout-row > .flex {
    min-width: 0;
}

.layout-column {
    -ms-flex-direction: column;
    flex-direction: column;
}
.layout-column > .flex {
    min-height: 0;
}

.flex {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.no-shrink {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.no-grow {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.page-header {
    position: relative;
    z-index: 1020;
    transition: background-color 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.page-header.sticky ~ * .page-sidenav.sticky {
    top: 4.75rem;
    height: calc(100vh - 3.75rem);
}
.page-header:not(.sticky).scroll-up {
    position: fixed;
    left: 0;
    right: 0;
}

.page-sidenav {
    position: relative;
    z-index: 1010;
    max-width: 15rem;
    min-width: 13rem;
    opacity: 1 !important;
}
.page-sidenav.sticky {
    height: 100vh;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.sticky.sticky-bottom {
    top: auto;
    bottom: 0;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.is-fullscreen #content {
    overflow: auto;
}

@media (min-width: 992px) {
    .page-container {
        max-width: 1440px;
        margin: 0 auto;
    }
    .page-sidenav {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    .page-sidenav {
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        position: fixed;
        z-index: 1050;
        display: none;
        opactiy: 0;
        background: transparent !important;
    }
    .page-sidenav > * {
        position: fixed;
        height: 100%;
        background-color: inherit;
        transition: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
        transform: translate3d(-100%, 0, 0);
        width: 17.5rem;
    }
    .page-sidenav.show > div {
        transform: translate3d(0, 0, 0);
    }
}

@media print {
    .page-sidenav,
    .page-header {
        display: none !important;
    }
}

/*
List
*/
.list {
    padding-left: 0;
    padding-right: 0;
}

.list-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.list-content {
    padding: 1rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    justify-content: center;
}
.list-item.block .list-content {
    padding: 1rem;
}

.list-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.list-footer {
    margin-top: 0.5rem;
}

.list-title {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    display: block;
    color: inherit;
}
.list-title:hover {
    color: #0bce5a !important;
}
.list-overlay .media,
.list-hover-overlay .media {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
}
.list-overlay .media:after,
.list-hover-overlay .media:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.25);
}

.list-overlay .list-content,
.list-hover-overlay .list-content {
    position: relative;
    padding: 1rem;
    z-index: 1;
}

.list-overlay .list-body,
.list-hover-overlay .list-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.list-overlay .list-body .list-title,
.list-hover-overlay .list-body .list-title {
    margin-top: auto;
}

.list-hover-overlay:hover .media,
.list-hover-overlay:active .media,
.list-hover-overlay.active .media {
    display: block;
}

.list-hover-overlay .media {
    display: none;
}

.list-overlay,
.list-hover-overlay:hover,
.list-hover-overlay:active,
.list-hover-overlay.active {
    color: #fff;
}
.list-overlay a:hover,
.list-overlay a:active,
.list-hover-overlay:hover a:hover,
.list-hover-overlay:hover a:active,
.list-hover-overlay:active a:hover,
.list-hover-overlay:active a:active,
.list-hover-overlay.active a:hover,
.list-hover-overlay.active a:active {
    color: #fff;
}
.list-overlay .text-muted:not(i),
.list-hover-overlay:hover .text-muted:not(i),
.list-hover-overlay:active .text-muted:not(i),
.list-hover-overlay.active .text-muted:not(i) {
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-muted svg {
    fill: #a8afbb !important;
}
.list-hover .media {
    color: #ffffff;
}

.list-hover:hover,
.list-hover.active {
    background-color: #7258ff !important;
}
.list-hover:hover a,
.list-hover:hover a:hover,
.list-hover:hover a:active,
.list-hover.active a,
.list-hover.active a:hover,
.list-hover.active a:active {
    color: #ffffff;
}
.list-hover:hover .text-muted:not(i),
.list-hover.active .text-muted:not(i) {
    color: rgba(255, 255, 255, 0.5) !important;
}
.list-hover:hover .media:after,
.list-hover.active .media:after {
    position: relative;
    z-index: 1;
    background-color: #7258ff;
    background: linear-gradient(180deg, rgba(114, 88, 255, 0.5), #7258ff);
}

.list-overlay-content {
    color: #fff;
}
.list-overlay-content a:hover {
    color: #fff;
}
.list-overlay-content .media:after {
    background-color: rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}
.list-overlay-content .list-content {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem;
}

.list-row .list-item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.75rem 0.625rem;
}
.list-row .list-item > * {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.list-row .list-item,
.list-bordered .list-item {
    border-top: 1px solid rgba(135, 150, 165, 0.075);
    margin-top: -1px;
}
.list-row .list-item:first-child,
.list-bordered .list-item:first-child {
    border-top: none;
}

.list-grid .list-item {
    -ms-flex-direction: row;
    flex-direction: row;
}
.list-grid .list-item .media:first-child {
    border-radius: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-grid .list-item .media:last-child {
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.list-grid.list-grid-padding .list-item {
    padding: 1rem;
}
.list-grid.list-grid-padding .list-item .media {
    border-radius: inherit !important;
}

.list-grid.list-grid-padding .list-content {
    padding: 0 1rem;
}

.list-grid .flex-row-reverse .media:first-child {
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.list-index {
    counter-reset: li;
}
.list-index .list-item:before {
    content: counter(li);
    counter-increment: li;
    text-align: center;
    width: 3rem;
    padding-right: 0.625rem;
    font-weight: 600;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .list-grouped {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .list-grouped > div {
        display: -ms-flexbox;
        display: flex;
    }
    .list-grouped > div > .list-item {
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .list-grouped > .list-item {
        border-width: 0;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
    }
    .list-grouped > .list-item:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .list-grouped > .list-item:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .list-grouped > .list-item:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}

/*
loading
*/
.loading {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 50%;
    position: relative;
}
.loading:before,
.loading:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 3px solid currentColor;
    border-radius: 50%;
}
.loading:before {
    opacity: 0.3;
}
.loading:after {
    opacity: 0.75;
    border-color: transparent;
    border-left-color: currentColor;
    animation: loading 1s linear infinite;
}

.js-Pjax-remove {
    position: absolute;
}

.js-Pjax-onswitch {
    position: relative;
    overflow: hidden;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-running {
    pointer-events: none;
}
.pace-running a,
.pace-running {
    pointer-events: none;
    cursor: wait;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background-color: #5288f7;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*
Media
*/
.media {
    position: relative;
    display: block;
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1rem 1rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.media-overlay.overlay-top {
    bottom: auto;
}
.media-overlay.overlay-bottom {
    top: auto;
}

.media-action {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.media-action.active {
    opacity: 1;
}
.media-action.media-action-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    padding: 0 5%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.media-action.media-action-overlay .btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list-item:hover .media-action,
.list-item:active .media-action,
.media:hover .media-action,
.media:active .media-action,
.active > .media .media-action {
    opacity: 1;
    pointer-events: initial;
}

.media iframe,
.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(120, 120, 120, 0.1);
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.media:after {
    content: "";
    display: block;
    padding-top: 100%;
}
.media-21x9:after {
    padding-top: 42.857143%;
}

.media-16x9:after {
    padding-top: 56.25%;
}

.media-4x3:after {
    padding-top: 75%;
}

.media-2x3:after {
    padding-top: 150%;
}

.media-3x4:after {
    padding-top: 133.33333%;
}

.media-1x2:after {
    padding-top: 200%;
}

.media-2x1:after {
    padding-top: 50%;
}

.media-3x1:after {
    padding-top: 33%;
}

.media-4x1:after {
    padding-top: 25%;
}

.media-1-4:after {
    padding-top: 25vh;
    min-height: 10rem;
}

.media-1-3:after {
    padding-top: 33vh;
    min-height: 12.5rem;
}

.media-1-2:after {
    padding-top: 50vh;
    min-height: 15rem;
}

/*
Nav
*/
.sidenav {
    margin: 0;
    pointer-events: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.sidenav ul {
    padding-left: 0;
    padding-right: 0;
    list-style: none;
}
.sidenav ul a {
    color: #647787;
}
.sidenav ul a:hover,
.sidenav ul .nav-active a {
    color: #0bce5a;
}
body.bg-dark .sidenav ul a {
    color: #fff;
}
body.bg-dark .sidenav ul a:hover,
body.bg-dark .sidenav ul .nav-active a,
body.bg-dark .sidenav ul .nav-active a:hover {
    color: #0bce5a !important;
}
.sidenav .nav {
    border: inherit;
    display: block;
}
.sidenav .nav li {
    border: inherit;
    position: relative;
}
.sidenav .nav li li a {
    line-height: 2rem;
    padding-left: 2.75rem;
}
.sidenav .nav li li a .nav-text {
    padding: 0.4375rem 0;
}
.sidenav .nav li li li a {
    padding-left: 3.75rem;
}
.sidenav .nav li li li li a {
    padding-left: 4.75rem;
}
.sidenav .nav li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0 0.5rem;
    line-height: 2.25rem;
    position: relative;
}
.sidenav .nav li.active > a {
    background-color: transparent;
}
.sidenav .nav li.active > a .nav-caret:after {
    transform: rotate(225deg);
    margin-bottom: 0px;
}
.sidenav .nav-header {
    padding: 1rem 1rem 0.5rem 1rem;
    font-size: 85%;
}
.sidenav .nav-header:after {
    display: none;
}
.sidenav .navbar-brand {
    float: none;
    margin-right: 0;
}
.sidenav .flex {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.btn-primary {
    background-color: #0bce5a;
    border-color: #0bce5a;
}
.nav-fold {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
}

.nav-text {
    margin: 0 0.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    line-height: 1.125rem;
    transition: opacity 0.15s ease-in-out;
    padding: 0.5625rem 0;
}
.navbar .nav-text {
    line-height: 1;
    display: inline-block;
    padding: 0;
}
.navbar .nav-text span.text-xs {
    margin-top: 0.25rem;
}

.nav-icon {
    font-size: 1rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    opacity: 0.65;
}
a:hover > .nav-icon,
a:active > .nav-icon,
.active > a > .nav-icon {
    opacity: 1;
}
.nav-icon.no-fade {
    opacity: 1;
}
.nav-icon i {
    line-height: 1;
    max-width: 20px;
    max-height: 20px;
    font-size: 20px;
}
.nav-icon i svg,
.nav-icon i img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.navbar .nav-icon {
    margin-right: 0.5rem;
}

.nav-badge {
    font-style: normal;
    z-index: 1;
    margin: 0 0.5rem;
}

.nav-caret {
    width: 1rem;
    opacity: 0.45;
    position: relative;
}
.nav-caret:after {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-color: transparent currentColor currentColor transparent;
    transform: rotate(-45deg);
    margin-bottom: 1px;
}

.nav-sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease 0s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .nav-sub {
        transition: none;
    }
}
.active > .nav-sub {
    max-height: 50rem;
}

.nav-border .nav > li.active {
    background-color: rgba(19, 126, 255, 0.05);
}
.nav-border .nav > li.active:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-color: inherit;
    border-width: 3px;
    border-left-style: solid;
}

.nav-border.right .nav > li.active:after {
    right: 0;
}

.nav-border li.active > a {
    color: #5288f7;
}

.nav-stacked .nav > li:not(.nav-header) {
    padding: 0.15rem 0.75rem;
}

.nav-stacked .nav > li > a {
    line-height: 2rem;
    padding: 0 0.5rem;
}
.nav-stacked .nav > li > a .nav-icon {
    width: 2rem;
    height: 2rem;
}
.nav-stacked .nav > li > a .nav-text {
    padding: 0.4375rem 0;
}
.nav-stacked .nav > li > a:before {
    left: 0.5rem;
    border-radius: 3px;
    width: 2rem;
    border-width: 1rem;
}

.nav-stacked .nav > li li a {
    padding-left: 2.5rem;
}

.nav-stacked .nav > li li li a {
    padding-left: 3.5rem;
}

.nav-stacked .nav > li li li li a {
    padding-left: 4.5rem;
}

.nav-stacked .nav li a {
    border-radius: 3px;
}

/*
Nav folded
*/
@media (min-width: 992px) {
    .folded {
        width: 5rem;
        min-width: 0;
    }
    .folded.md {
        width: 5.5rem;
        min-width: 0;
    }
    .folded .nav-fold {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
    .folded .hidden-folded {
        display: none !important;
    }
    .folded .nav li ul {
        display: none;
    }
    .folded .nav > li > a .nav-caret,
    .folded .nav > li > a .nav-text {
        display: none;
    }
    .folded .nav > li > a .nav-badge {
        position: absolute;
        right: 10px;
    }
    .folded .nav > li > a .nav-icon {
        float: none;
        line-height: 3rem;
        font-size: 1rem;
        margin: 0 auto;
        position: relative;
        width: 3rem;
        height: 3rem;
    }
    .folded .nav > li > a:before {
        left: 0;
    }
    .folded .show-text .nav > li > a {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        display: block;
    }
    .folded .show-text .nav > li > a .nav-text {
        display: block;
        margin-top: -1rem;
        font-size: 0.8em;
        text-align: center;
    }
    .folded .navbar-brand {
        margin: 0 auto;
    }
    .folded .nav-stacked .nav > li a {
        padding: 0;
    }
    .folded .nav-stacked .nav > li:not(.nav-header) {
        padding: 0.25rem 1rem;
    }
    .folded.nav-expand:hover > *,
    .folded.nav-expand:focus > *,
    .folded.nav-expand.active > * {
        width: 15rem;
    }
    .folded.nav-expand:hover .nav-fold,
    .folded.nav-expand:focus .nav-fold,
    .folded.nav-expand.active .nav-fold {
        -ms-flex-pack: start !important;
        justify-content: start !important;
    }
    .folded.nav-expand:hover .hidden-folded,
    .folded.nav-expand:focus .hidden-folded,
    .folded.nav-expand.active .hidden-folded {
        display: block !important;
    }
    .folded.nav-expand:hover .hidden-folded.d-inline,
    .folded.nav-expand:focus .hidden-folded.d-inline,
    .folded.nav-expand.active .hidden-folded.d-inline {
        display: inline-block !important;
    }
    .folded.nav-expand:hover .nav li ul,
    .folded.nav-expand:focus .nav li ul,
    .folded.nav-expand.active .nav li ul {
        display: inherit;
    }
    .folded.nav-expand:hover .nav > li > a,
    .folded.nav-expand:focus .nav > li > a,
    .folded.nav-expand.active .nav > li > a {
        display: -ms-flexbox;
        display: flex;
    }
    .folded.nav-expand:hover .nav > li > a .nav-caret,
    .folded.nav-expand:hover .nav > li > a .nav-text,
    .folded.nav-expand:focus .nav > li > a .nav-caret,
    .folded.nav-expand:focus .nav > li > a .nav-text,
    .folded.nav-expand.active .nav > li > a .nav-caret,
    .folded.nav-expand.active .nav > li > a .nav-text {
        display: block;
    }
    .folded.nav-expand:hover .nav > li > a .nav-badge,
    .folded.nav-expand:focus .nav > li > a .nav-badge,
    .folded.nav-expand.active .nav > li > a .nav-badge {
        position: static;
    }
    .folded.nav-expand:hover .nav > li > a .nav-icon,
    .folded.nav-expand:focus .nav > li > a .nav-icon,
    .folded.nav-expand.active .nav > li > a .nav-icon {
        float: left;
        width: 2.25rem;
        height: 2.25rem;
        line-height: 2.25rem;
        font-size: 1rem;
    }
    .folded.nav-expand:hover .show-text .nav > li > a .nav-text,
    .folded.nav-expand:focus .show-text .nav > li > a .nav-text,
    .folded.nav-expand.active .show-text .nav > li > a .nav-text {
        text-align: inherit;
        font-size: inherit;
        margin-top: 0;
    }
    .folded.nav-expand:hover .navbar-brand,
    .folded.nav-expand:focus .navbar-brand,
    .folded.nav-expand.active .navbar-brand {
        margin: 0;
    }
    .folded.nav-expand:hover .nav-stacked .nav > li:not(.nav-header),
    .folded.nav-expand:focus .nav-stacked .nav > li:not(.nav-header),
    .folded.nav-expand.active .nav-stacked .nav > li:not(.nav-header) {
        padding: 0.15rem 0.75rem;
    }
    .folded.nav-expand:hover .nav-stacked .nav > li > a,
    .folded.nav-expand:focus .nav-stacked .nav > li > a,
    .folded.nav-expand.active .nav-stacked .nav > li > a {
        padding: 0 0.5rem;
    }
    .folded.nav-expand:hover .nav-stacked .nav > li > a:before,
    .folded.nav-expand:focus .nav-stacked .nav > li > a:before,
    .folded.nav-expand.active .nav-stacked .nav > li > a:before {
        left: 0.5rem;
        width: 2rem;
        border-width: 1rem;
    }
    .folded.nav-expand:hover .nav-stacked .nav > li > a .nav-icon,
    .folded.nav-expand:focus .nav-stacked .nav > li > a .nav-icon,
    .folded.nav-expand.active .nav-stacked .nav > li > a .nav-icon {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
    }
    .folded.nav-expand .sidenav {
        transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        backface-visibility: hidden;
    }
}
@media screen and (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .folded.nav-expand .sidenav {
        transition: none;
    }
}

@media (min-width: 992px) {
    .nav-dropup .scrollable,
    .nav-dropup > *,
    .folded.nav-dropdown .scrollable,
    .folded.nav-dropdown > * {
        overflow: visible !important;
    }
    .nav-dropup .nav > li:hover > ul,
    .nav-dropup .nav > li:focus > ul,
    .folded.nav-dropdown .nav > li:hover > ul,
    .folded.nav-dropdown .nav > li:focus > ul {
        display: block;
    }
    .nav-dropup .nav > li > ul,
    .folded.nav-dropdown .nav > li > ul {
        display: none;
        overflow: visible;
        max-height: 999px;
        color: #ffffff;
        background-color: #2b3035;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        position: absolute;
        left: 100%;
        top: 0;
        padding: 6px 0;
    }
    .nav-dropup .nav > li > ul a,
    .folded.nav-dropdown .nav > li > ul a {
        padding-left: 16px !important;
        padding-right: 16px !important;
        min-width: 160px;
    }
    .nav-dropup .nav > li > ul li.active ul,
    .folded.nav-dropdown .nav > li > ul li.active ul {
        display: block;
    }
    .nav-dropup .nav > li > ul .nav-text,
    .folded.nav-dropdown .nav > li > ul .nav-text {
        padding: 6px 0 !important;
    }
    .nav-dropup .nav > li .nav-mega,
    .folded.nav-dropdown .nav > li .nav-mega {
        width: 320px;
    }
    .nav-dropup .nav > li .nav-mega > li,
    .folded.nav-dropdown .nav > li .nav-mega > li {
        width: 160px;
        float: left;
    }
    .nav-dropup .nav > li .nav-mega.nav-mega-3,
    .folded.nav-dropdown .nav > li .nav-mega.nav-mega-3 {
        width: 480px;
    }
}

/*
Page
*/
.page-content {
    position: relative;
    z-index: 10;
}

.page-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    height: 50vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 0;
}
.page-bg:before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-image: inherit;
    background-position: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.1;
}
.page-bg:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
    background-repeat: repeat-x;
}
.bg-light .page-bg:after {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f0f2f5);
}
.bg-dark .page-bg:before {
    opacity: 0.15;
}
.bg-dark .page-bg:after {
    background-image: linear-gradient(to bottom, transparent, #2b3035);
}
.bg-black .page-bg:before {
    opacity: 0.15;
}
.bg-black .page-bg:after {
    background-image: linear-gradient(to bottom, transparent, #121212);
}

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: inherit;
    background-position: 50% 50%;
    position: relative;
}
.cover:after {
    position: absolute;
    z-index: 0;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    background-color: inherit;
    opacity: 0.65;
}
.cover.cover-gd:after {
    background-image: linear-gradient(to right, #7258ff, #5288f7);
}
.cover > * {
    position: relative;
    z-index: 1;
}

/*
Plugins
*/
.browser {
    position: relative;
    background-color: #eceff6;
    border: 1px solid rgba(135, 150, 165, 0.1);
    padding-top: 28px;
    border-radius: 4px;
    overflow: hidden;
}
.browser:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 0 8px #fc605c, 14px 0 #fdbc40, 28px 0 #34c84a;
    display: block;
    position: absolute;
    top: 9px;
    left: 8px;
}

.calendar-action {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.fc-toolbar h2 {
    font-size: 14px;
    padding-top: 8px;
    margin-right: 8px;
}

.fc-toolbar button {
    background: transparent;
    border: none;
    box-shadow: none;
    margin-top: 3px;
    padding: 0;
    color: inherit;
    text-shadow: none;
    box-shadow: none;
}

.fc-head th {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);
}

.bg-dark .fc-head th {
    background-color: #2b3035;
    color: inherit;
}

.fc-event {
    border-width: 0;
    padding: 7px 8px;
    color: inherit;
    background: transparent;
}

.fc-event:hover {
    color: inherit;
}

.fc td,
.fc tr,
.fc th {
    border-color: rgba(135, 150, 165, 0.075);
}

.fc .popover {
    min-width: 220px;
}

.fc-content .fc-time {
    display: block;
    margin-bottom: 0.25rem;
    font-weight: normal !important;
}

.fc-content .fc-title {
    font-weight: 600;
    color: #2b3035;
    font-size: 0.875rem;
}

.fc-day-number {
    font-size: 0.8em;
    opacity: 0.5;
}

td.fc-today {
    background: transparent !important;
}

.fc-today .fc-day-number {
    background: #5288f7;
    color: white;
    border-radius: 0 0 0 4px;
    opacity: 1;
    padding: 0px 3px;
}

.fc-today.fc-widget-header {
    color: #5288f7 !important;
}

.fc-divider {
    border: none !important;
    background-color: rgba(135, 150, 165, 0.075) !important;
}

.fc-axis span {
    opacity: 0.6;
    font-size: 11px;
}

.fc-widget-header th {
    text-align: left !important;
    padding: 12px;
}

.fc-widget-header .fc-week-title {
    display: block;
    font-weight: 400;
    font-size: 11px;
}

.fc-other-month {
    background-image: linear-gradient(45deg, rgba(120, 130, 140, 0.02) 25%, transparent 25%, transparent 50%, rgba(120, 130, 140, 0.02) 50%, rgba(120, 130, 140, 0.02) 75%, transparent 75%, transparent);
    background-size: 1.5rem 1.5rem;
}

/*JQVmap*/
div.jqvmap-zoomin,
div.jqvmap-zoomout {
    width: 18px;
    height: 18px;
    background-color: #fff;
    color: #666;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/*Charts*/
.jqstooltip {
    background-color: rgba(0, 0, 0, 0.8) !important;
    border: solid 1px #000 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 10px !important;
    box-sizing: content-box;
}

.easypiechart {
    position: relative;
    text-align: center;
}
.easypiechart canvas {
    vertical-align: middle;
}
.easypiechart > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.peity {
    font-size: 0;
}

.dark .btn-default.form-control {
    background: transparent !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: inherit !important;
}

.ui-select-bootstrap > .ui-select-choices {
    overflow-y: scroll;
}

.dataTables_wrapper {
    padding: 0;
}

.fixed-table-loading {
    display: none;
    position: absolute;
    top: 42px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    text-align: center;
}

.note-editor {
    border-width: 0 !important;
    overflow: visible !important;
    background-color: inherit;
    margin: 0;
}

.note-editor .note-editing-area .note-editable,
.note-editor .note-statusbar {
    background-color: transparent !important;
    color: inherit !important;
}

.note-toolbar {
    border-width: 0;
}

.note-editor .btn-light {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    opacity: 0.5;
}

.note-editor .btn-light.active {
    opacity: 1;
}

.note-editor-inline .note-editor {
    box-shadow: none;
}

.note-editor-inline .note-editing-area {
    border: 1px solid rgba(135, 150, 165, 0.15);
    background: #fff;
}

.bg-dark .note-editor-inline .note-editing-area {
    background: transparent;
}

.select2-container--default .select2-selection {
    min-height: 33px;
    border-color: rgba(135, 150, 165, 0.15) !important;
}
.dark .select2-container--default .select2-selection {
    background-color: #2d3338;
}
.select2-container--default .select2-selection .select2-selection__rendered {
    color: #000;
    padding-left: 9px;
}
.bg-dark .select2-container--default .select2-selection .select2-selection__rendered {
    color: #fff;
    padding-left: 9px;
}
.select2-container--default .select2-selection .select2-selection__arrow {
    top: 3px;
}
.select2-container--default .select2-selection .select2-selection__choice {
    background: transparent;
    border-color: rgba(135, 150, 165, 0.15);
    line-height: 1.5;
}
.select2-container--default .select2-selection .select2-selection__choice__remove {
    color: inherit !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 6px;
}

.select2-container--default .select2-search__field {
    color: inherit;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(135, 150, 165, 0.15);
}

.select2-container--default .select2-dropdown {
    color: #647787;
    border-color: rgba(135, 150, 165, 0.15);
}

.datepicker {
    width: auto;
    padding: 0;
    font-size: 0.7rem;
}
.datepicker.dropdown-menu {
    padding: 4px;
}
.datepicker table {
    width: 100%;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today:active {
    background-image: none;
    color: white;
    background-color: #5288f7 !important;
}
.datepicker table td,
.datepicker table th {
    height: auto;
    line-height: 1.5 !important;
    border-width: 0;
    vertical-align: middle;
    padding: 4px !important;
}
.datepicker table td span:not(.active),
.datepicker table td:not(.active):hover,
.datepicker table th span:not(.active),
.datepicker table th:not(.active):hover {
    background-color: transparent;
}
.datepicker table td span,
.datepicker table th span {
    height: auto !important;
    line-height: 2 !important;
}
.datepicker table .disabled {
    opacity: 0.4;
}

.daterangepicker {
    color: #333;
}
.daterangepicker .ranges li.active {
    background-color: #5288f7;
}

.notie-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    height: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1050;
    box-sizing: border-box;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 0.875rem 1.5rem;
    background-color: #2b3035;
    color: white;
    border-radius: 2px;
    max-width: 35rem;
    min-width: 18rem;
}
.notie-container .btn {
    padding: 0px 6px;
    line-height: 18px;
    cursor: pointer;
    box-shadow: none !important;
}
.notie-container .btn:empty {
    display: none;
}

.notie-textbox {
    -ms-flex: 1;
    flex: 1;
    margin-right: 1.5rem;
}

.notie-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(255, 255, 255, 0);
}

/*
Switch
*/
.ui-switch {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    border-radius: 30px;
    background-color: #0bce5a;
    margin: 0;
}
.ui-switch input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.ui-switch input:checked + i:before {
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 5px;
    border-width: 0;
    border-radius: 5px;
}
.ui-switch input:checked + i:after {
    margin-left: 11px;
}
.ui-switch i {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ui-switch i:before {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #fff;
    border: 1px solid rgba(135, 150, 165, 0.15);
    border-radius: 30px;
    transition: all 0.2s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .ui-switch i:before {
        transition: none;
    }
}
.ui-switch i:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 12px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    transition: margin 0.3s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .ui-switch i:after {
        transition: none;
    }
}

.ui-switch-md {
    width: 32px;
    height: 20px;
}
.ui-switch-md input:checked + i:after {
    margin-left: 13px;
}
.ui-switch-md i:after {
    width: 18px;
}

.ui-switch-lg {
    width: 40px;
    height: 24px;
}
.ui-switch-lg input:checked + i:after {
    margin-left: 17px;
}
.ui-switch-lg i:after {
    width: 22px;
}

/*
Timeline
*/
.timeline {
    position: relative;
    border-color: rgba(135, 150, 165, 0.1);
    padding: 0;
    margin: 0;
}

.tl-item {
    border-radius: 3px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
}
.tl-item > * {
    padding: 10px;
}
.tl-item .avatar {
    z-index: 2;
}
.tl-item:last-child .tl-dot:after {
    display: none;
}
.tl-item.active .tl-dot:before {
    border-color: #5288f7;
    box-shadow: 0 0 0px 4px rgba(19, 126, 255, 0.2);
}

.tl-dot {
    position: relative;
    border-color: rgba(135, 150, 165, 0.1);
}
.tl-dot:before,
.tl-dot:after {
    content: "";
    position: absolute;
    border-color: inherit;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.tl-dot:after {
    width: 0;
    height: auto;
    top: 25px;
    bottom: -15px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}

.tl-content p:last-child {
    margin-bottom: 0;
}

.tl-date {
    font-size: 0.85em;
    margin-top: 2px;
    min-width: 100px;
    max-width: 100px;
}

/*---------------------------
3. Utilities
---------------------------*/
/*
Base
*/
.pos-rlt {
    position: relative;
}

.pos-abt {
    position: absolute;
}

.pos-fix {
    position: fixed !important;
}

.pos-stc {
    position: static !important;
}

.active > .d-inline,
.active > .auto .d-inline {
    display: none !important;
}

.active > .d-none,
.active > .auto .d-none {
    display: inline-block !important;
}

.box-shadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 -1px 0px rgba(0, 0, 0, 0.015);
}

.box-shadows {
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.hide {
    display: none !important;
}

.hidden {
    visibility: hidden;
}

.show-rtl {
    display: none !important;
}

.pointer {
    cursor: pointer;
}

.circle {
    border-radius: 500px;
}

.clear {
    display: block;
    overflow: hidden;
}

.no-wrap {
    white-space: nowrap;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.no-select {
    pointer-events: none;
    user-select: none;
}

.p-2-3 {
    padding: 0.75rem;
}

.p-3-4 {
    padding: 1.25rem;
}

.scale {
    transform: scale(0.9);
}

.scale-75 {
    transform: scale(0.75);
}

.scale-50 {
    transform: scale(0.5);
}

.scale-25 {
    transform: scale(0.25);
}

@media (max-width: 767.98px) {
    .pos-stc-sm {
        position: static !important;
    }
}

@media (max-width: 575.98px) {
    .pos-stc-xs {
        position: static !important;
    }
}

/*
Border
*/
.no-border {
    border-color: transparent !important;
    border-width: 0 !important;
}

.no-border.b-b {
    border-bottom: 1px solid #dcdcde !important;
    border-radius: 0;
}
.b {
    border-color: rgba(135, 150, 165, 0.1);
    background-clip: padding-box;
}

.b-a {
    border: 1px solid rgba(135, 150, 165, 0.1);
}

.b-t {
    border-top: 1px solid rgba(135, 150, 165, 0.1);
}

.b-r {
    border-right: 1px solid rgba(135, 150, 165, 0.1);
}

.b-b {
    border-bottom: 1px solid rgba(135, 150, 165, 0.1);
}

.b-l {
    border-left: 1px solid rgba(135, 150, 165, 0.1);
}

.b-1x {
    border-width: 1px;
}

.b-2x {
    border-width: 2px;
}

.b-3x {
    border-width: 3px;
}

.b-4x {
    border-width: 4px;
}

.b-5x {
    border-width: 5px;
}

.b-t-2x {
    border-top-width: 2px !important;
}

.b-t-3x {
    border-top-width: 3px !important;
}

.b-t-4x {
    border-top-width: 4px !important;
}

.b-t-5x {
    border-top-width: 5px !important;
}

.b-r-2x {
    border-right-width: 2px !important;
}

.b-r-3x {
    border-right-width: 3px !important;
}

.b-r-4x {
    border-right-width: 4px !important;
}

.b-r-5x {
    border-right-width: 5px !important;
}

.b-b-2x {
    border-bottom-width: 2px !important;
}

.b-b-3x {
    border-bottom-width: 3px !important;
}

.b-b-4x {
    border-bottom-width: 4px !important;
}

.b-b-5x {
    border-bottom-width: 5px !important;
}

.b-l-2x {
    border-left-width: 2px !important;
}

.b-l-3x {
    border-left-width: 3px !important;
}

.b-l-4x {
    border-left-width: 4px !important;
}

.b-l-5x {
    border-left-width: 5px !important;
}

.b-light {
    border-color: #f0f2f5;
}

.b-white {
    border-color: #fff;
}

.b-primary {
    border-color: #5288f7;
}

.b-t-primary {
    border-top-color: #5288f7;
}

.b-r-primary {
    border-right-color: #5288f7;
}

.b-b-primary {
    border-bottom-color: #5288f7;
}

.b-l-primary {
    border-left-color: #5288f7;
}

.b-success {
    border-color: #5bc146;
}

.b-t-success {
    border-top-color: #5bc146;
}

.b-r-success {
    border-right-color: #5bc146;
}

.b-b-success {
    border-bottom-color: #5bc146;
}

.b-l-success {
    border-left-color: #5bc146;
}

.b-info {
    border-color: #7258ff;
}

.b-t-info {
    border-top-color: #7258ff;
}

.b-r-info {
    border-right-color: #7258ff;
}

.b-b-info {
    border-bottom-color: #7258ff;
}

.b-l-info {
    border-left-color: #7258ff;
}

.b-warning {
    border-color: #ffd14d;
}

.b-t-warning {
    border-top-color: #ffd14d;
}

.b-r-warning {
    border-right-color: #ffd14d;
}

.b-b-warning {
    border-bottom-color: #ffd14d;
}

.b-l-warning {
    border-left-color: #ffd14d;
}

.b-danger {
    border-color: #fe4d62;
}

.b-t-danger {
    border-top-color: #fe4d62;
}

.b-r-danger {
    border-right-color: #fe4d62;
}

.b-b-danger {
    border-bottom-color: #fe4d62;
}

.b-l-danger {
    border-left-color: #fe4d62;
}

.b-light {
    border-color: #f0f2f5;
}

.b-t-light {
    border-top-color: #f0f2f5;
}

.b-r-light {
    border-right-color: #f0f2f5;
}

.b-b-light {
    border-bottom-color: #f0f2f5;
}

.b-l-light {
    border-left-color: #f0f2f5;
}

.b-dark {
    border-color: #2b3035;
}

.b-t-dark {
    border-top-color: #2b3035;
}

.b-r-dark {
    border-right-color: #2b3035;
}

.b-b-dark {
    border-bottom-color: #2b3035;
}

.b-l-dark {
    border-left-color: #2b3035;
}

.b-white {
    border-color: #ffffff;
}

.b-t-white {
    border-top-color: #ffffff;
}

.b-r-white {
    border-right-color: #ffffff;
}

.b-b-white {
    border-bottom-color: #ffffff;
}

.b-l-white {
    border-left-color: #ffffff;
}

.b-default {
    border-color: rgba(135, 150, 165, 0.1);
}

.b-t-default {
    border-top-color: rgba(135, 150, 165, 0.1);
}

.b-r-default {
    border-right-color: rgba(135, 150, 165, 0.1);
}

.b-b-default {
    border-bottom-color: rgba(135, 150, 165, 0.1);
}

.b-l-default {
    border-left-color: rgba(135, 150, 165, 0.1);
}

.no-b-t {
    border-top-width: 0;
}

.no-b-r {
    border-right-width: 0;
}

.no-b-b {
    border-bottom-width: 0;
}

.no-b-l {
    border-left-width: 0;
}

.b-dashed {
    border-style: dashed !important;
}

.b-transparent {
    border-color: transparent !important;
}

@media (max-width: 991.98px) {
    .no-border-md {
        border-width: 0;
    }
}

@media (max-width: 767.98px) {
    .no-border-sm {
        border-width: 0;
    }
}

@media (max-width: 575.98px) {
    .no-border-xs {
        border-width: 0;
    }
}

/*
Hover
*/
.hover-show {
    display: none;
}

.hover-rotate {
    transition: all 0.2s ease-in-out 0.1s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .hover-rotate {
        transition: none;
    }
}

.hover-anchor:hover .hover-show,
.hover-anchor:active .hover-show {
    display: inherit;
}

.hover-anchor:hover .hover-rotate,
.hover-anchor:active .hover-rotate {
    transform: rotate(45deg);
}

.hover-top:hover,
.hover-top:active {
    position: relative;
    z-index: 1000;
}

/*
Radius
*/
.r {
    border-radius: 3px;
}

.r-t {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.r-r {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.r-b {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.r-l {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.r-2x {
    border-radius: 6px;
}

.r-3x {
    border-radius: 9px;
}

.r-auto {
    border-radius: inherit;
}

.no-radius {
    border-radius: 0 !important;
}

.no-r-t {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.no-r-r {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.no-r-b {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.no-r-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*
Scrollable
*/
.scrollable {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.scrollable.hover {
    overflow-y: hidden;
}
.scrollable.hover > * {
    margin-top: -1px;
}
.scrollable.hover:hover,
.scrollable.hover:focus,
.scrollable.hover:active {
    overflow: visible;
    overflow-y: auto;
}
.touch .scrollable {
    overflow-y: auto !important;
}

.scroll-x,
.scroll-y {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.scroll-y {
    overflow-y: auto;
}

.scroll-x {
    overflow-x: auto;
}

.no-scroll {
    overflow: hidden;
}

/*
Text
*/
a.primary:hover {
    background-color: #0677ff;
}

a.text-primary:hover {
    color: #0677ff !important;
}

.text-primary,
.text-hover-primary a:hover,
.text-hover-primary .active > a {
    color: #5288f7 !important;
}

a.success:hover {
    background-color: #54bb3f;
}

a.text-success:hover {
    color: #54bb3f !important;
}

.text-success,
.text-hover-success a:hover,
.text-hover-success .active > a {
    color: #5bc146 !important;
}

a.info:hover {
    background-color: #674bff;
}

a.text-info:hover {
    color: #674bff !important;
}

.text-info,
.text-hover-info a:hover,
.text-hover-info .active > a {
    color: #7258ff !important;
}

a.warning:hover {
    background-color: #ffce40;
}

a.text-warning:hover {
    color: #ffce40 !important;
}

.text-warning,
.text-hover-warning a:hover,
.text-hover-warning .active > a {
    color: #ffd14d !important;
}

a.danger:hover {
    background-color: #fe4057;
}

a.text-danger:hover {
    color: #fe4057 !important;
}

.text-danger,
.text-hover-danger a:hover,
.text-hover-danger .active > a {
    color: #fe4d62 !important;
}

a.dark:hover {
    background-color: #252a2e;
}

a.text-dark:hover {
    color: #252a2e !important;
}

.text-dark,
.text-hover-dark a:hover,
.text-hover-dark .active > a {
    color: #2b3035 !important;
}

a.blue:hover {
    background-color: #0075f2;
}

a.text-blue:hover {
    color: #0075f2 !important;
}

.text-blue,
.text-hover-blue a:hover,
.text-hover-blue .active > a {
    color: #007bff !important;
}

.text-white {
    color: white !important;
}

.text-color {
    color: #647787;
}

.text-inherit a {
    color: inherit;
}

.text-fade {
    opacity: 0.65;
}

.text-gd {
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    text-fill-color: transparent;
}

.text {
    font-size: 1rem;
}

.text-sm {
    font-size: 0.75rem;
}

.text-md {
    font-size: 1rem;
}

.text-125 {
    font-size: 1.25rem;
}

.text-15 {
    font-size: 1.5rem;
}

.text-lg {
    font-size: 2.5rem;
}

.text-2x {
    font-size: 2em !important;
}

.text-3x {
    font-size: 3em !important;
}

.text-4x {
    font-size: 4em !important;
}

.l-h-0 {
    line-height: 0;
}

.l-h {
    line-height: 1.4285714286;
}

.l-h-1x {
    line-height: 1;
}

.l-h-2x {
    line-height: 2em;
}

.l-s-1x {
    letter-spacing: 1px;
}

.l-s-2x {
    letter-spacing: 2px;
}

.l-s-3x {
    letter-spacing: 3px;
}

.l-s-4x {
    letter-spacing: 4px;
}

.l-s-n-1x {
    letter-spacing: -1px;
}

.l-s-n-2x {
    letter-spacing: -2px;
}

.l-s-n-3x {
    letter-spacing: -3px;
}

.l-s-n-4x {
    letter-spacing: -4px;
}

.h-1x {
    height: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.h-2x {
    max-height: 2.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-3x {
    max-height: 3.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.h-4x {
    max-height: 5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.text-serif {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.text-ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-shadow {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.font-weight-100 {
    font-weight: 100 !important;
}

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

.font-weight-500 {
    font-weight: 500 !important;
}

.text-align-auto {
    text-align: inherit;
}

@media (max-width: 991.98px) {
    .text-lg {
        font-size: 2rem;
    }
}

/*
Size
*/
.w-8 {
    width: 8px !important;
    height: 8px !important;
}

.w-12 {
    width: 12px !important;
    height: 12px !important;
}

.w-16 {
    width: 16px !important;
    height: 16px !important;
}

.w-20 {
    width: 20px !important;
    height: 20px !important;
    font-size: 0.6em;
}

.w-24 {
    width: 24px !important;
    height: 24px !important;
    font-size: 0.7em;
}

.w-28 {
    width: 28px !important;
    height: 28px !important;
    font-size: 0.8em;
}

.w-32 {
    width: 32px !important;
    height: 32px !important;
    font-size: 0.85em;
}

.w-36 {
    width: 36px !important;
    height: 36px !important;
    font-size: 0.875em;
}

.w-40 {
    width: 40px !important;
    height: 40px !important;
}

.w-48 {
    width: 48px !important;
    height: 48px !important;
}

.w-56 {
    width: 56px !important;
    height: 56px !important;
}

.w-64 {
    width: 64px !important;
    height: 64px !important;
}

.w-72 {
    width: 72px !important;
    height: 72px !important;
}

.w-80 {
    width: 80px;
}

.w-96 {
    width: 96px;
}

.w-128 {
    width: 128px;
}

.w-xs {
    width: 90px;
}

.w-sm {
    width: 120px;
}

.w-full {
    width: 100%;
}

.w {
    width: 190px;
}

.w-md {
    width: 240px;
}

.w-lg {
    width: 280px;
}

.w-xl {
    width: 320px;
}

.w-auto {
    width: auto;
}

.h-auto {
    height: auto;
}

.hv {
    height: 100vh;
}

.h-v {
    min-height: 100vh;
}

.h-v-50 {
    min-height: 50vh;
}

@media (max-width: 1199.98px) {
    .w-auto-lg {
        width: auto !important;
    }
    .w-100-lg {
        width: 100% !important;
    }
}

@media (max-width: 991.98px) {
    .w-auto-md {
        width: auto !important;
    }
    .w-100-md {
        width: 100% !important;
    }
}

@media (max-width: 767.98px) {
    .w-auto-sm {
        width: auto !important;
    }
    .w-100-sm {
        width: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .w-auto-xs {
        width: auto !important;
    }
    .w-100-xs {
        width: 100% !important;
    }
}

/*---------------------------
4. Material Design style
---------------------------*/
.md-form-group {
    padding: 18px 0 24px 0;
    position: relative;
}

.md-input {
    background: transparent;
    position: relative;
    z-index: 5;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid rgba(135, 150, 165, 0.15);
    width: 100%;
    height: 34px;
    padding: 2px;
    color: inherit;
}
.md-input:focus,
.md-input.focus {
    border-color: #5288f7;
    border-bottom-width: 2px;
    padding-bottom: 1px;
}
.md-input:focus ~ label,
.md-input.focus ~ label {
    color: #5288f7;
    opacity: 1;
    top: 0 !important;
    font-size: 0.85em !important;
}
.float-label .md-input ~ label {
    top: 20px;
    font-size: 1em;
}
.float-label .md-input:not([value=""]) ~ label,
.float-label .md-input:valid ~ label {
    top: 0;
    font-size: 0.85em;
}
.md-input ~ label {
    transition: all 0.2s;
    font-size: 0.85em;
    position: absolute;
    z-index: 0;
    opacity: 0.5;
    display: inline-block;
    top: 0px;
    left: 0;
}
@media screen and (prefers-reduced-motion: reduce) {
    .md-input ~ label {
        transition: none;
    }
}
.md-input.is-invalid {
    border-color: #fe4d62;
}
.md-input.is-valid {
    border-color: #5bc146;
}
.md-input.disabled,
.md-input[disabled] {
    opacity: 0.5;
}

textarea.md-input {
    height: auto;
}

.md-input-white:focus,
.md-input-white.focus {
    border-color: #fff;
}
.md-input-white:focus ~ label,
.md-input-white.focus ~ label {
    color: #fff;
}

.md-input-msg {
    position: absolute;
    bottom: 0;
    line-height: 24px;
    font-size: 0.85em;
}

.md-input-msg.right {
    right: 0;
}

.md-check {
    cursor: pointer;
    padding-left: 1.25rem;
    margin: 0;
    display: inline-block;
    position: relative;
}
.md-check input {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}
.md-check input:checked + i:before {
    border-width: 0;
    background-color: inherit;
}
.md-check input:checked + span .active {
    display: inherit;
}
.md-check input[type="radio"] + i,
.md-check input[type="radio"] + i:before {
    border-radius: 50%;
}
.md-check input[type="checkbox"]:checked + i:after {
    transform: rotate(45deg);
    position: absolute;
    left: 6px;
    top: 2px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid;
    border-top: 0;
    border-left: 0;
    content: " ";
}
.md-check input[type="radio"]:checked + i:after {
    position: absolute;
    left: 6px;
    top: 6px;
    display: table;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    content: " ";
}
.md-check input[disabled] + i:before,
fieldset[disabled] .md-check input + i:before {
    opacity: 0.5;
}
.md-check input[disabled]:checked + i:before {
    opacity: 0.5;
}
.md-check > i {
    width: 0;
    height: 18px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -1.25rem;
    top: -1px;
}
.md-check > i:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 100%;
    border: 2px solid rgba(135, 150, 165, 0.15);
    border-radius: 2px;
}
.md-check > i.no-icon:after {
    display: none !important;
}

.md-switch {
    cursor: pointer;
    padding-left: 36px;
    margin: 0;
    min-height: 20px;
}
.md-switch input {
    position: absolute;
    cursor: pointer;
    width: 36px;
    height: 20px;
    z-index: 1;
    opacity: 0;
    margin-left: -36px;
}
.md-switch input:checked + i:before {
    background: inherit;
    opacity: 0.5;
}
.md-switch input:checked + i:after {
    background: inherit;
    left: 16px;
}
.md-switch input[disabled] + i:before,
fieldset[disabled] .md-switch input + i:before {
    background-color: rgba(0, 0, 0, 0.12);
}
.md-switch input[disabled] + i:after,
fieldset[disabled] .md-switch input + i:after {
    background-color: #bdbdbd;
}
.md-switch i {
    width: 0px;
    height: 18px;
    line-height: 1;
    margin-left: -36px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 44px;
    position: relative;
}
.md-switch i:before {
    content: "";
    left: 1px;
    width: 34px;
    top: 3px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    background-color: #9e9e9e;
    transition: all 0.2s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .md-switch i:before {
        transition: none;
    }
}
.md-switch i:after {
    content: "";
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
    transition: all 0.2s;
}
@media screen and (prefers-reduced-motion: reduce) {
    .md-switch i:after {
        transition: none;
    }
}

.red {
    background-color: #f44336;
    color: #fff;
}

.pink {
    background-color: #e91e63;
    color: #fff;
}

.purple {
    background-color: #9c27b0;
    color: #fff;
}

.deep-purple {
    background-color: #673ab7;
    color: #fff;
}

.indigo {
    background-color: #3f51b5;
    color: #fff;
}

.blue {
    background-color: #2196f3;
    color: #fff;
}

.light-blue {
    background-color: #03a9f4;
    color: #fff;
}

.cyan {
    background-color: #00bcd4;
    color: #fff;
}

.teal {
    background-color: #009688;
    color: #fff;
}

.green {
    background-color: #4caf50;
    color: #fff;
}
.primary {
    background-color: #0bce5a;
    color: #fff;
}
.light-green {
    background-color: #8bc34a;
    color: rgba(0, 0, 0, 0.85);
}

.lime {
    background-color: #cddc39;
    color: rgba(0, 0, 0, 0.85);
}

.yellow {
    background-color: #ffeb3b;
    color: rgba(0, 0, 0, 0.85);
}

.amber {
    background-color: #ffc107;
    color: rgba(0, 0, 0, 0.85);
}

.orange {
    background-color: #ff9800;
    color: rgba(0, 0, 0, 0.85);
}

.deep-orange {
    background-color: #ff5722;
    color: #fff;
}

.brown {
    background-color: #795548;
    color: #fff;
}

.blue-grey {
    background-color: #607d8b;
    color: #fff;
}

.grey {
    background-color: #9e9e9e;
    color: #fff;
}

.talent-timeline .tl-item .tl-content {
    width: 200px;
}
.talent-timeline .tl-item .tl-content a {
    text-transform: uppercase;
    font-size: 1rem;
}
.talent-timeline .tl-item .tl-description {
    width: 75%;
    padding-left: 25px;
}
.talent-timeline .tl-date {
    max-width: 100%;
}
.talent-timeline .tl-item .tl-description h4 {
    color: #5288f7;
    font-size: 1rem;
    font-weight: 400;
}
.title-talent {
    display: flex;
    align-items: center;
    padding: 30px 0 10px;
}
.title-talent .talent-icon .i-con {
    width: 20px;
    height: 20px;
}
.title-talent .talent-icon i {
    font-size: 20px;
    color: #a8afbb;
}
.title-talent .talent-heading {
    color: #171725;
    font-size: 18px;
    font-weight: 500;
}
.title-talent .line-title-talent {
    margin-left: 30px;
    flex: 1;
    background: rgba(135, 150, 165, 0.1);
    height: 1px;
    width: 100%;
}
.skill-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.skill-dot {
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border-color: rgb(100, 119, 135);
}
.skill-item p {
    margin: 0;
    color: #0bce5a;
    padding: 10px;
    min-width: 80px;
}
.skills {
    position: relative;
    width: 100%;
    background-color: #ddd;
    text-align: center;
    height: 16px;
}
.skills > span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    color: white;
    padding-left: 5px;
    background: #325ede;
    height: 100%;
    font-size: 10px;
}
.avatar-w-200 {
    display: block;
    text-align: center;
}
.name-user {
    font-size: 30px;
    color: #0bce5a;
}
.input-group > span.twitter-typeahead {
    flex: 1 1 auto;
}
#btn-filter {
    padding: 0.3rem 0.5rem;
}
#btn-filter i {
    font-size: 20px;
    color: #647787;
}
.filter_bar {
    padding: 5px 15px;
}
.filter_bar:after {
    clear: both;
    content: " ";
    display: block;
}
.filter-text-heading {
    float: left;
    padding: 10px 0;
}
.filter-text-heading h3 {
    color: #647787;
}
.filter-text-action {
    float: right;
    display: flex;
    align-items: center;
}
.button_group {
    border-left: 1px solid rgba(135, 150, 165, 0.15);
    padding-left: 15px;
}
.filter-counter {
    padding-right: 15px;
}
.filter-counter a {
    cursor: pointer;
}
.filter-counter span {
    display: inline-block;
    width: 15px;
    text-align: center;
    background: #006bec;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    margin-left: 5px;
}
.button_group .btn-white {
    border: none !important;
}
.toolbar .dropdown .btn.btn-sm {
    height: 100%;
}
.filtered_bar {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 5px 15px;
}
.filtered_bar_buttons {
    margin-left: 15px;
    margin-right: 15px;
}
.filtered_bar_buttons .btn {
    margin: 0 5px;
}
.filtered_bar_clear {
    margin-left: auto;
}
.filtered_bar_clear a {
    cursor: pointer;
}
.filtered_bar_clear span {
    display: inline-block;
    width: 15px;
    text-align: center;
    background: #006bec;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    height: 15px;
    margin-left: 5px;
}
.filter-section .select2-container,
.skill_more_form .select2-container,
.list_skill .select2-container {
    width: 100% !important;
}
.language_flag {
    position: absolute;
    right: -10px;
    display: block;
}
.profile_preview {
    display: none;
}
.btn_preview_profile > i {
    display: none;
}
.btn_preview_profile.btn_close > span {
    display: none;
}
.btn_preview_profile.btn_close > i {
    display: inline-block;
}
#rootwizard .select2-container {
    width: 100% !important;
    display: block;
}
#rootwizard .nav-link {
    text-align: center;
    color: #0bce5a;
}
#rootwizard .nav-link i {
    font-size: 18px;
    color: #0bce5a;
}
#rootwizard .nav-link.active i {
    color: #fff;
}
.portfolio_form {
    display: none;
}
.portfolio_grid img {
    width: 100%;
    height: auto;
}
.image_full_width {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
}
.modal-dialog.modal-portfolio {
    max-width: 1000px;
}
.home_banner {
    width: 100%;
    background: url(../img/pattern_new.svg) repeat center center #f9fbff;
}
.home_banner h1 {
    font-size: 50px;
    line-height: 56px;
    color: #0bce5a;
    font-weight: 700;
    margin-bottom: 24px;
}
.u-text-mark {
    position: relative;
    z-index: 1;
}
.u-text-mark:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0.3em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAAAZCAMAAADqtQ6bAAAAM1BMVEUAAADsl0jtnUjvn0jum0jvnkjvnkjtnUjvnkfvnkjvnUjumkjunUftnEfvn0Dvn0fvnki61og7AAAAEHRSTlMAIGCfQL/fgO/PrzBwUBCPBPvwdAAAARlJREFUaN7t1gmSgyAQBVClWRRcuP9pR5BpEGIqlVQSIv0uIHzpDx0hhBBCCGnR0j+ru6o+4ohFKoKESI0yY99pkLtReOCsymHOzE32w3kws5JKTOxZkzoApG9lZK9NbLmvQg62TcN3dy639Bkk7gzv+PEDOUg0CqQhWlWCpdJ2SsZ5UukIrgDaf8e+xWHlUFD8xSpGht+HZcZP9GgpvmDyQlTBWvb7R1tLbtx5COcg7M/4TVRujzWEidVfS+EPeG7BwdtudvH+0vvGX+ezH/c94+/G+5+qjlWLU2ku83BcFOixvgtdOiJXdHJmYhl+UF/RMNsO2dXGyLOlHojbNDxCIIkeGLcG0q9M/xp+yvzAC4cQQgghhLTqD36efvtS9RbYAAAAAElFTkSuQmCC);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: 0;
    bottom: -0.1em;
    z-index: -1;
}
.home_banner p {
    font-size: 20px;
    color: #0bce5a;
    line-height: 24px;
    margin-bottom: 40px;
}
.home_banner img {
    max-width: 100%;
    height: auto;
}
.home_banner .btn_play img {
    width: 20px;
}
.home_banner ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}
.home_banner ul li {
    display: inline-block;
    margin-right: 10px;
}
.home_banner ul li:last-child {
    margin-right: 0;
}
.banner_top_employers {
    margin-top: 50px;
}
.banner_top_employers p {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 14px;
    color: #0bce5a;
    font-size: 14px;
}
.list_client {
    padding: 20px 0;
}
.list_client h3 {
    color: #858a8f;
    font-size: 24px;
}
.list_client ul {
    list-style: none;
    padding: 20px 0;
    margin: 0;
    text-align: center;
}
.list_client ul li {
    display: inline-block;
    padding: 0 10px;
}
.heading_home {
    max-width: 876px;
    margin: 30px auto;
    text-align: center;
}
.heading_home h2 {
    font-size: 60px;
    font-weight: bold;
    color: #333333;
}
.heading_home p {
    font-size: 20px;
    line-height: 35px;
    color: #858a8f;
}
.home_box {
    margin-top: 60px;
}
.home_box img {
    max-width: 100%;
}
.home_box_content h3 {
    color: #333;
    font-size: 60px;
    font-weight: bold;
}
.home_box_content p {
    font-size: 20px;
    color: #858a8f;
}
.home_box_content ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0;
}
.home_box_content ul li {
    width: 50%;
    margin-bottom: 20px;
    color: #aab0b7;
}
.home_box_content ul li:before {
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    content: "\f00c";
    border-radius: 50%;
    color: #4caf50;
    background: #eafaf3;
    margin-right: 10px;
    font-family: "Line Awesome Free";
    font-weight: 900;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
}
.box_icon {
    margin-top: 30px;
    padding: 10px;
}
.box_icon:after {
    clear: both;
    content: " ";
    display: block;
}
.box_icon:hover {
    background: rgba(21, 126, 255, 0.09);
}
.icon {
    width: 74px;
    height: 74px;
    background: #eafaf3;
    border-radius: 50%;
    text-align: center;
    float: left;
}
.box_icon:hover .icon {
    background: #e5f1ff;
}
.icon i {
    font-size: 40px;
    line-height: 74px;
    color: #2dca8c;
}
.box_icon:hover .icon i {
    color: #377dff;
}
.box_icon_content {
    float: left;
    width: calc(100% - 74px);
    padding-left: 20px;
}
.box_icon_content h3 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
}
.box_icon_content p {
    font-size: 18px;
    line-height: 35px;
}
.vaurse_support {
    padding: 100px 0;
}
.vaurse_support {
    margin-bottom: 100px;
}
.icon_top {
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
    width: 100%;
    background: #fff;
}
.icon_top .icon {
    float: none;
    margin-bottom: 20px;
}
.icon_red {
    background: #ffe3de;
}
.icon_red i {
    color: #ff715b;
}
.icon_green {
    background: #eafaf3;
}
.icon_green i {
    color: #2dca8c;
}
.icon_yellow {
    background: #fff2d8;
}
.icon_yellow i {
    color: #ffbe3d;
}
.icon_top h3 {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
}
.icon_top p {
    font-size: 18px;
    line-height: 35px;
}
.btn_home.btn-primary-lt {
    background: #e5f1ff;
}
.new_home .btn.btn_home {
    width: 180px;
    height: 48px;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px;
    font-weight: normal;
    margin: 0;
    line-height: 22px;
}
.new_home .btn.btn_play {
    width: 180px;
    height: 48px;
    font-size: 16px;
    padding: 5px 10px;
    color: #0bce5a;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
}
.new_home .btn.btn_play:hover {
    box-shadow: none;
}
.btn.btn_play span {
    display: inline-block;
    vertical-align: middle;
}
.btn.btn_play i {
    color: #0bce5a;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.testimonial_section {
    background: url(../img/home/bg-test.png) no-repeat left center / cover #fff;
    padding: 50px 0;
}
.testimonial_item {
    min-height: 560px;
    position: relative;
}
.testimonial_item img {
    width: 100%;
}
.testimonial_feedback {
    position: absolute;
    left: 15px;
    bottom: -20px;
    background: #fff;
    padding: 60px;
    max-width: 520px;
}
.testimonial_feedback .icon_testi {
    border: 1px solid #ffcb84;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    text-align: center;
}
.testimonial_feedback .icon_testi i {
    line-height: 60px;
    color: #157eff;
    font-size: 24px;
}
.testimonial_feedback p {
    font-size: 32px;
    color: #333;
    margin-bottom: 30px;
}
.testimonial_feedback p.author {
    font-size: 20px;
    margin: 0;
}
.testimonial_feedback p.author b {
    font-weight: bold;
}
.slider_arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
}
.slider_arrow ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.slider_arrow ul li {
    width: 32px;
    height: 32px;
    margin-bottom: 15px;
    background: #fff;
    text-align: center;
}
.slider_arrow ul li:last-child {
    margin: 0;
}
.slider_arrow ul li i {
    line-height: 32px;
}
.testimonial_section .container {
    position: relative;
}
.testimonial_section .slick-dots {
    list-style: none;
    text-align: center;
    padding-left: 200px;
    position: absolute;
    bottom: 10px;
    margin: 0;
    width: 100%;
}
.testimonial_section .slick-dots button {
    display: none;
}
.testimonial_section .slick-dots li {
    height: 4px;
    width: 38px;
    margin: 0 3px;
    background: #e8e7e8;
    cursor: pointer;
    display: inline-block;
}
.testimonial_section .slick-dots li.slick-active {
    background: #b3b1b7;
}
.comapny_section {
    padding: 100px 0;
}
.company_heading {
    max-width: 740px;
    margin: 0 auto 30px;
}
.company_heading h3 {
    font-size: 48px;
    color: #000;
}
.company_content {
    position: relative;
}
.company_content .col-md-6 > img {
    width: 100%;
}
.company_text {
    max-width: 384px;
}
.company_text p {
    font-size: 16px;
    color: #3b3a40;
    margin-bottom: 20px;
}
.company_text a {
    color: #fa6402;
    text-decoration: underline;
}
.company_logos {
    position: absolute;
    bottom: 60px;
    right: 0;
}
.company_logos:after {
    clear: both;
    content: " ";
    display: block;
}
.company_box {
    max-width: 263px;
    float: left;
    background: #fff;
    padding: 40px;
    text-align: center;
}
.company_box img {
    margin-bottom: 20px;
    display: inline-block;
    max-width: 100%;
}
.company_box p {
    font-size: 14px;
    line-height: 24px;
    color: #64626a;
}
.list_logo_company {
    margin-top: 50px;
    padding-bottom: 50px;
}
.list_logo_company ul {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
}
.list_logo_company ul li {
    display: inline-block;
    padding: 0 10px;
}
.list_logo_company p {
    text-align: center;
    font-size: 14px;
}
.integerations_section {
    padding: 100px 0;
}
.integerations_heading {
    margin-bottom: 50px;
}
.integerations_heading h3 {
    text-align: center;
    font-size: 60px;
    color: #333;
    font-weight: bold;
}
.integerations_content h3 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}
.integerations_content p {
    font-size: 18px;
    line-height: 30px;
    color: #858a8f;
}
.footer_section {
    padding: 50px 0 20px;
    background: #fff;
}
.call_action {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #f5f6fa;
}
.call_action h3 {
    font-size: 32px;
    line-height: 39px;
    color: #333;
    font-weight: bold;
}
.call_action p {
    font-size: 20px;
    line-height: 24px;
    color: #858a8f;
}
.copy_right {
    padding: 16px 0 0;
    margin-top: 30px;
    border-top: 1px solid #000;
    display: flex;
    align-items: center;
}
.copy_right p {
    font-size: 12px;
    line-height: 22px;
    color: #858a8f;
    margin-bottom: 0;
    margin-right: 30px;
}
.copy_right ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.copy_right ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.copy_right ul li:last-child {
    margin: 0;
}
.copy_right ul li a {
    font-size: 12px;
    line-height: 22px;
    color: #858a8f;
}
.footer_sidebar {
    padding: 50px 0;
}
.footer_logo {
    margin-bottom: 20px;
}
.footer_infor p {
    font-size: 20px;
    margin-bottom: 20px;
    color: #0bce5a;
}
ul.footer_social {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.footer_social li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
}
.footer_social li img {
    width: 18px;
}
.footer_social li:last-child {
    margin: 0;
}
.footer_social li i {
    font-size: 17px;
    color: #aab0b7;
    line-height: 23px;
}
.footer_menu h3 {
    margin-bottom: 15px;
    font-weight: bold;
    color: #333333;
    font-size: 16px;
}
.footer_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_menu ul li {
    margin-bottom: 4px;
}
.footer_menu ul li a {
    font-size: 14px;
    color: #0bce5a;
}
.form-group label {
    color: #0bce5a;
}
.custom-file-input {
    color: #0bce5a;
}
.footer_infor .mobile-app-links {
    display: -webkit-box;
    display: flex;
    margin-top: 28px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_infor .mobile-app-links li {
    margin: 0;
    margin-left: 8px;
}
.footer_infor .mobile-app-links li:first-of-type {
    margin-left: 0;
}

.footer_infor .mobile-app-links li a {
    display: block;
    padding: 6px 0;
    white-space: nowrap;
}
.footer_infor .mobile-app-links .icon {
    width: 88px;
    height: 30px;
    fill: #000;
    float: none;
}
.footer_infor .mobile-app-links .icon svg {
    width: 88px;
    height: 30px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #0bce5a;
}
.h6 {
    color: #647787;
}
.form-control {
    color: #000;
    border: 1px solid #dcdcde;
}
.navbar-brand.hide_text {
    margin-left: 12px;
}
.hide_text svg:last-child {
    display: none !important;
}
.navbar .nav-link > img {
    width: 20px;
    height: 15px;
}
.dropdown-item > img {
    width: 20px;
    height: 15px;
}
.language_switch .dropdown-menu {
    min-width: inherit;
}
#rootwizard .nav {
    justify-content: space-between;
}
body.bg-dark .select2-container--default .select2-selection {
    background: transparent;
    border: 1px solid #fff !important;
    color: #fff;
}
.select2-container--default .select2-selection {
    background: transparent;
    border: 1px solid #dcdcde;
    color: #0bce5a;
}
.custom_choose {
    padding: 4px 3px;
}
.percent_chart {
    position: relative;
}
.percent_label {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: 500;
    font-size: 18px;
    color: #000;
}
.total_view_chart {
    position: relative;
    height: 299px;
}
.total_view_chart > p {
    position: absolute;
    top: 0;
    margin: 0;
    left: 0;
}
.date_total_view {
    width: 150px;
}
.date_total_view .input-group-text {
    padding: 0.075rem 0.175rem;
}
.date_total_view .form-control {
    height: 24px;
    padding: 0.075rem 0.75rem;
}
.border-box {
    padding: 10px;
    border: 1px solid #f1f1f5;
    border-radius: 10px;
}
#form-section.form_signup .auth_body {
    display: block;
}
.auth_body {
    max-width: 360px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    min-height: calc(100vh - 135px);
    margin-bottom: 20px;
}
.auth_body.step_form {
    max-width: 580px;
    min-height: calc(100vh - 225px);
}
.finding_body_form .auth_body.step_form {
    min-height: calc(100vh - 190px);
}
.auth_body.step_form .form_body {
    padding: 0;
    background: none;
    margin-top: 30px;
    border-radius: 0px;
}
.finding_body_form .auth_body.step_form .form_body {
    margin-top: 0;
}
.form_body {
    background: #fff;
    padding: 30px 20px;
    margin-top: 30px;
    border-radius: 20px;
}
.form_body > h3 {
    color: #0bce5a;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 0;
}
.form_body p {
    font-size: 14px;
    color: #0bce5a;
    margin-bottom: 15px;
}
.line-forgot {
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    background: #d8d8d8;
}
#form-section {
    min-height: calc(100vh - 30px);
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
}
.login-logo {
    text-align: center;
}
#auth-form .btn {
    background: #0bce5a;
    width: 100%;
    height: 38px;
    border-radius: 10px;
    color: #fafafb;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
}
#auth-form .btn.btn_signin {
    display: none;
}
#auth-form .form-control {
    height: 38px;
    background: #fafafb;
    border: 1px solid #f1f1f5;
    border-radius: 15px;
    font-size: 14px;
    color: #92929d;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.login_social {
}
.login_social > p {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    color: #92929d;
    font-size: 12px;
}
.login_social_list {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 20px;
}
.login_social_list a {
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: 38px;
    border: 1px solid #f1f1f5;
    border-radius: 10px;
    text-align: center;
    padding: 6px 10px;
}
.login_social_list a img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    margin-right: 15px;
}
.login_social_list a span {
    font-size: 12px;
    font-weight: bold;
    color: #696974;
    display: inline-block;
    vertical-align: middle;
}
.login_footer {
    text-align: center;
}
.login_footer a {
    color: #3066e8;
    font-size: 12px;
}
.finding_body_form .login_footer {
    display: flex;
    text-align: left;
    background: #f7f8fa;
    padding: 10px 15px;
    align-items: center;
}
.finding_body_form .login_footer div:last-child {
    margin-left: auto;
}
.finding_body_form .login_footer ul li {
    margin-bottom: 0;
}
.check_streng {
    text-align: center;
}
.check_streng > .streng_label {
    color: #92929d;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
#strengthbar {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
#strengthbar > li {
    display: inline-block;
    background: #e2e2ea;
    width: 40px;
    height: 4px;
    vertical-align: middle;
}
#strengthbar > li:first-child {
    border-radius: 5px 0 0 5px;
}
#strengthbar > li:last-child {
    border-radius: 0 5px 5px 0;
}
#strengthbar.strength_one > li:first-child {
    background: #aa0033;
}
#strengthbar.strength_two > li:first-child,
#strengthbar.strength_two > li:nth-child(2) {
    background: #aa0033;
}
#strengthbar.strength_three > li:first-child,
#strengthbar.strength_three > li:nth-child(2),
#strengthbar.strength_three > li:nth-child(3) {
    background: #ffcc33;
}
#strengthbar.strength_four > li:first-child,
#strengthbar.strength_four > li:nth-child(2),
#strengthbar.strength_four > li:nth-child(3),
#strengthbar.strength_four > li:nth-child(4) {
    background: #4271cf;
}
#strengthbar.strength_five > li {
    background: #0f870f;
}
.signup_note {
    margin: 15px auto;
    max-width: 260px;
}
.signup_note p {
    margin: 0;
    font-size: 12px;
    color: #92929d;
}
.signup_note a {
    color: #0062ff;
}
.email_check {
    display: none;
    text-align: center;
    font-size: 12px;
    color: #92929d;
    margin-bottom: 15px;
}
.pass_field {
    display: none;
}
.group_congration_button {
    margin: 0 auto;
    max-width: 300px;
}
@media only screen and (max-width: 400px) {
    .login-logo svg:first-child {
        height: 32px;
    }
    .login-logo svg:last-child {
        height: 15px;
    }
    .auth_body {
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
.fc .fc-timegrid-slot {
    height: 134px;
}
.fc-col-header {
    min-height: 80px;
}
.fc th {
    vertical-align: middle;
    border-top: 1px solid #f1f1f5;
    border-bottom: 1px solid #f1f1f5;
}
.fc td,
.fc tr {
    border: 1px solid #f1f1f5;
}
.fc .fc-scrollgrid {
    border: none;
}
.fc-timegrid-event .fc-event-time {
    color: #000;
}
.fc-v-event .fc-event-title {
    color: #000;
}
.fc .fc-timegrid-col.fc-day-today {
    background: none;
}
.event_custom {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #f1f1f5;
    padding: 15px 20px;
    position: relative;
}
.event_custom:after {
    clear: both;
    display: block;
    content: " ";
}
.event_custom.event_green {
    border-left: 3px solid #82c43c;
}
.event_custom.event_blue {
    border-left: 3px solid #50b5ff;
}
.event_custom.event_orange {
    border-left: 3px solid #ffc542;
}
.event_custom.event_purple {
    border-left: 3px solid #a461d8;
}
.event_arrow {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #0062ff !important;
}
.event_image {
    float: left;
    width: 59px;
    position: relative;
}
.event_image .event_icon {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -10px;
}
.event_image .event_icon img {
    width: 20px;
    height: 20px;
}
.event_content {
    float: left;
    width: calc(100% - 59px);
    padding-left: 10px;
}
.event_content h3,
.talent-timeline .tl-item .tl-description h3 {
    color: #171725;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}
.event_content > p {
    color: #696974;
    font-size: 12px;
}
.hidden_event {
    margin-top: 15px;
    display: none;
}
.event_open .hidden_event {
    display: block;
}
.event_note {
    display: flex;
    margin-bottom: 15px;
}
.event_icon_position {
    color: #92929d;
}
.event_position {
    padding-left: 10px;
}
.event_position p {
    color: #92929d;
    font-size: 12px;
}
.btn_event {
    max-width: calc(100% - 30px);
    display: block;
    width: 100%;
    text-align: center;
    background: #fff;
    color: #0062ff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    border-radius: 10px;
}
.btn_event:hover {
    color: #fff;
}
.event_contact {
    color: #696974;
}
.event_contact i {
    color: #696974;
    font-size: 16px;
}
.event_contact a {
    font-size: 14px;
    color: #696974;
    padding-left: 10px;
}
.custom_choose {
    border-radius: 8px;
    height: 22px;
    width: 22px;
    border-width: 2px;
    border-style: solid;
}
.page-title.d-flex {
    align-items: center;
}
.table-theme thead {
    background: #fafafb;
}
.table > thead > tr > th > span {
    color: #0bce5a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
.text-grey {
    color: #a8afbb;
}
.badge-success {
    border-color: #5bc146;
}
.badge-danger {
    border-color: #fe1a35;
}
.table > thead > tr > th,
.table-theme tbody td {
    padding: 0.5rem 0.75rem;
}
.middle-flex {
    align-items: center;
}
.dot {
    width: 3px;
    height: 3px;
    background: #d8d8d8;
    border-radius: 50%;
    margin: 0 5px;
}
.dropdown-item {
    color: #000;
}
.dropdown-item:hover {
    color: #0bce5a;
}
body.bg-dark .dropdown-item {
    color: #fff;
}
body.bg-dark .dropdown-item:hover {
    color: #0bce5a;
}
body.bg-dark .dropdown-menu {
    background: #31363c;
}
.nav-link i {
    color: #a8afbb;
}
.offer_title a {
    color: #92929d;
    font-size: 14px;
}
.accept_offer {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #f1f1f5;
    margin-bottom: 1rem;
    position: relative;
    min-height: 250px;
}
.accept_offer.normal_height {
    min-height: auto;
}
.more_setting {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #92929d;
    font-size: 14px;
}
.accept_offer img {
    margin-bottom: 15px;
}
.accept_offer.normal_height img {
    margin-bottom: 0;
}
.accept_offer h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.offer_detail {
    margin-bottom: 15px;
}
.offer_detail p {
    font-size: 12px;
    color: #92929d;
    margin: 0;
}
.offer_detail strong {
    color: #44444f;
}
.offer_location {
    margin-bottom: 15px;
}
.offer_location p {
    font-size: 14px;
    color: #44444f;
    margin: 0;
}
.offer_location a {
    font-size: 14px;
    color: #92929d;
}
.offer_location i {
    color: #92929d;
    font-size: 14px;
}
.offer_time p {
    font-size: 12px;
    margin: 0;
    color: #b5b5be;
}
.tag_offer {
    color: #696974;
    font-size: 12px;
    background: #f1f1f5;
    border-radius: 5px;
    padding: 4px 8px;
}
.login_footer ul {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.login_footer ul li {
    padding: 0 8px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px;
}
.login_footer ul li a {
    color: #8e8e8e;
    font-size: 12px;
}
.login_footer p {
    font-size: 12px;
    margin: 0;
    color: #8e8e8e;
}
.login_footer a.choose_language {
    font-size: 12px;
    margin-right: 20px;
    color: #8e8e8e;
}
.choose_language i {
    width: 12px;
    height: 12px;
}
.decline_offer_content {
    padding-left: 15px;
}
.btn_more_offer {
    display: block;
    height: 38px;
    border-radius: 10px;
    background: #f1f1f5;
    text-transform: uppercase;
    color: #696974;
    font-size: 12px;
    text-align: center;
    padding: 10px;
}
.pending_offer {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #f1f1f5;
    margin-bottom: 1rem;
    position: relative;
}
.calling_offer {
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #f1f1f5;
    margin-bottom: 1rem;
}
.avatar_message {
    position: relative;
    line-height: 1;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: bold;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px;
}
.avatar_message .avatar-status.avatar-right {
    position: absolute;
}
.avatar_message > img {
    border-radius: inherit;
    width: 100%;
}
.avatar_message .icon_avatar {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
}
.avatar_message .icon_avatar img {
    width: 20px;
    height: 20px;
}
.text-message {
    color: #000;
}
.table-theme tbody td:last-child {
    max-width: 300px;
}
.sort_table {
    max-width: 200px;
}
.avatar_company {
    width: 96px;
    margin: 0 auto;
    position: relative;
}
.company_icon {
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -20px;
}
.company_icon img {
    width: 40px;
}
.emoji_icon {
    font-size: 20px;
    position: absolute;
    left: 5px;
    top: 2px;
    z-index: 99;
    color: #0bce5a;
}
#newField {
    padding-left: 55px;
}

.filter_title {
    display: flex;
    align-items: center;
}
.filter_title h3 {
    color: #92929d;
    font-size: 12px;
    text-transform: uppercase;
}
.filter_title a {
    font-size: 12px;
    color: #44444f;
}
.list_categories {
    display: flex;
    align-items: center;
}
.list_categories p {
    color: #92929d;
    font-size: 14px;
    margin: 0;
}
.list_categories a {
    color: #92929d;
    font-size: 12px;
}
.filter_group {
    margin-bottom: 20px;
}
.btn-addmore {
    width: 16px;
    height: 16px;
    padding: 0;
    line-height: 10px;
    color: #fff !important;
    text-align: center;
}
.btn-addmore .i-con {
    width: 12px;
    height: 12px;
}
.list_company {
    margin-top: 20px;
}
.list_company > a {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 6px;
    border-radius: 16px;
    border: 1px solid #e2e2ea;
    font-size: 14px;
    margin-bottom: 5px;
    color: #92929d;
}
.bg-dark .list_company > a {
    color: #fff;
}
.list_company > a > span {
    display: inline-block;
    vertical-align: middle;
}
.list_company > a > span:last-child {
    margin-left: 5px;
}
.list_company > a i {
    font-size: 10px;
    color: #92929d;
}
.number_choose {
    display: block;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 24px;
    background: #0bce5a;
    border-radius: 5px;
}
.event_box {
    border-radius: 10px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    padding: 15px;
}
.bg-dark .event_box {
    background: #31363c;
}
.event_box.event_active {
    background: #fffcf3;
    border: 1px solid #ffc542;
}
.event_featured {
    width: 230px;
}
.event_featured img {
    max-width: 100%;
    border-radius: 10px;
}
.event_date_time {
    width: 36px;
    text-align: center;
}
.event_month {
    font-size: 12px;
    line-height: 21px;
    color: #fff;
    text-transform: uppercase;
}
.event_day {
    font-size: 24px;
    font-weight: normal;
    color: #0bce5a;
    line-height: 28px;
}
.event_group_button {
    display: flex;
    position: absolute;
    bottom: 15px;
    right: 15px;
    align-items: center;
}
.btn_event {
    background: #0bce5a;
    border-radius: 10px;
    height: 26px;
    width: 100px;
    color: #fafafb;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    padding: 5px 10px;
}
.event_button_icon {
    border: 1px solid #e2e2ea;
    width: 26px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 16px;
    color: #e2e2ea;
    text-align: center;
    line-height: 23px;
    border-radius: 10px;
}
.event_button_icon.tag_icon {
    border: 1px solid #0062ff;
    color: #0062ff;
}
.event_detail {
    padding-left: 20px;
}
.event_detail h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: normal;
}
.bg-dark .event_detail h3 {
    color: #fff;
}
.event_detail h3.h4 {
    color: #000;
}
.bg-dark .event_detail h3.h4 {
    color: #fff;
}
.event_detail h3 a {
    color: #000;
}
.bg-dark .event_detail h3 a {
    color: #fff;
}
.event_active .event_detail h3 a {
    color: #000;
}
.event_friends {
    margin-left: 10px;
    display: block;
    font-size: 12px;
    color: #fff;
}
.event_detail p {
    margin: 0;
    font-size: 14px;
}
.event_active .event_detail p {
    color: #000;
}
.add_more_friend {
    padding: 5px 8px;
    line-height: 18px;
    border: 1px solid #e2e2ea;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #696974;
}
.search_filter {
    background: none;
    border-radius: 10px;
}
.search_filter .form-control {
    border: 1px solid #dcdcde;
    background: transparent;
    color: #000;
    font-size: 14px;
    border-left: none;
}
.search_filter .btn.no-bg {
    background: transparent !important;
    color: #000;
    border: 1px solid #dcdcde;
    border-right: none;
}
.bg-dark .search_filter .form-control {
    border: 1px solid #fff;
    color: #fff;
    border-left: none;
}
.bg-dark .search_filter .btn.no-bg {
    color: #fff;
    border: 1px solid #fff;
    border-right: none;
}
.arrow_rank {
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 20px;
}
.rank_details {
    flex: 0 0 100%;
    display: none;
    margin-top: 30px;
}
.list-row.list_rank .list-item {
    flex-flow: row wrap;
}
.rank_details p {
    color: #000;
    font-size: 14px;
}
.rank_details ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rank_details ul li {
    margin-bottom: 10px;
    color: #000;
}
.rank_details ul li:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    width: 5px;
    height: 5px;
    background: #d8d8d8;
    border-radius: 50%;
    margin-right: 10px;
}
.form_card {
    position: relative;
}
.forum_time {
    position: absolute;
    top: 0;
    right: 0;
}
.document_box {
    border: 1px solid #f1f1f5;
    border-radius: 10px;
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
}
.document_box.document_active {
    background: #fffcf3;
    border: 1px solid #ffc542;
}
.primary-link {
    color: #000 !important;
}
.primary-link h5 {
    color: #000 !important;
}
.primary-link:hover h5 {
    color: #0bce5a !important;
}
.bg-dark .primary-link {
    color: #fff !important;
}
.bg-dark .primary-link h5 {
    color: #fff !important;
}
.primary-link:hover {
    color: #0bce5a !important;
}
.bg-dark .primary-link:hover {
    color: #0bce5a !important;
}
/*Modals*/

.modal-title {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.modal-header {
    border-bottom: none;
}
.modal-header i {
    text-align: center;
    font-size: 50px;
}
.close-modal {
    width: 35px;
    height: 35px;
    background: #f6f9f9;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    position: fixed;
    color: #777;
    cursor: pointer;
    right: 35px;
    top: 15px;
}
.modal-body {
    border: 1px solid #e6eaee;
    border-radius: 5px;
}
.modal-content {
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}
.modal-backdrop.in {
    filter: alpha(opacity=100);
    opacity: 1;
}
.modal-backdrop {
    background-color: #fff;
}
.modal-footer {
    padding: 15px 0;
    border-top: none;
}
.modal-backdrop.show {
    opacity: 1;
}
.modal-title {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
.event_apply a {
    color: #92929d;
}
.event_apply p {
    margin: 0;
}
.avatar_company {
    width: 70px;
}
.company_inner .avatar_company {
    width: 100px;
}
.avatar_company img {
    width: 100%;
    border-radius: 10px;
}
.table-theme tbody td > span.badge {
    font-size: 75%;
}
.rank_chart {
    position: relative;
}
.rank_chart .percent_label {
    font-size: 1rem;
}
.rank_col_1 {
    width: 125px;
}
.rank_col_2 {
    width: 82px;
    text-align: center;
}
.rank_col_3 {
    width: 50px;
    text-align: center;
}
.rank_col_4 {
    width: 129px;
    text-align: center;
}
.rank_col_5 {
    text-align: center;
}
.list-row.list_rank .list-item > * {
    padding-left: 5px;
    padding-right: 5px;
}
.document_detail h3 {
    font-size: 0.9rem;
}
.icon_document img {
    max-height: 50px;
}
.company_cover {
    background: url(../img/cover_company.png) no-repeat top center / cover;
    width: 100%;
    height: 180px;
}
.company_cover > img {
    width: 100%;
}
.file_icon {
    font-size: 20px;
    position: absolute;
    left: 30px;
    top: 2px;
    z-index: 99;
    color: #0bce5a;
}
.bg-grey {
    background: #fafafb;
}
.text-color a {
    color: #0bce5a;
}
.detail_company,
.summary_detail {
    position: relative;
}
.detail_company .avatar_company {
    width: 60px;
}
.edit_infor_preview {
    position: absolute;
    right: 0;
    top: 0;
}
.talent-timeline .tl-item .tl-description {
    width: 100%;
}
.detail_company .event_content > p {
    color: #0bce5a;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4285714286;
}
.card-header a {
    color: #0bce5a;
}
.event_header {
    display: flex;
}
.event_big_image {
    width: 65%;
}
.event_big_image img {
    width: 100%;
}
.event_ìnormation {
    background: #fff;
    padding: 20px;
    position: relative;
}
.bg-dark .event_ìnormation {
    background: #31363c !important;
}
.bg-dark .bg-light {
    background: #585e66 !important;
}
.event_ìnormation p {
    margin: 0;
}
.price {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.event_action {
    padding: 20px;
    background: #fff;
}
.bg-dark .event_action {
    background: #31363c !important;
}
.btn_share_profile,
.preview_title {
    display: none;
}
.percent {
    font-size: 12px;
}
.feedback_form {
    max-width: 700px;
    margin: 0 auto;
}
.select-option {
    background: #3da4ff;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 10px 48px rgba(30, 107, 174, 0.1), 0 1px 1px rgba(255, 248, 254, 0.61);
    z-index: 999;
    position: fixed;
    bottom: -70px;
    width: 300px;
    float: none;
    margin: 0 auto;
    left: 50%;
    margin-left: -150px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.select-option.show {
    bottom: -15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.select-option .btn.btn-primary {
    background-color: transparent;
    color: #fff;
    border: none;
    font-size: 27px;
    padding: 0px 23px !important;
    text-align: center;
}
.select-option .btn.btn-primary:hover {
    color: #fefefe !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: 0 10px 48px rgba(30, 107, 174, 0.1), 0 1px 1px rgba(255, 248, 254, 0.61);
}
.event_file img {
    width: 100%;
}

/* Home */
.home-section {
    padding: 80px 0;
}
.home_title {
    padding: 20px 0;
}
.home_title h3 {
    font-size: 36px;
    line-height: 52px;
    margin: 0;
}
.home-section img {
    max-width: 65%;
}
.home-section .row {
    align-items: center;
}
.home_image {
    max-width: 90%;
    background: url(../img/home/dot_image.png) no-repeat center center / cover;
    margin: 0 auto;
}
.home_image img {
    width: 100%;
    display: block;
    position: relative;
    left: -20px;
    top: -20px;
}
.home-section h3 {
    font-size: 30px;
    color: #152c5b;
    margin-bottom: 20px;
    font-weight: bold;
}
.home_description h3 > span {
    position: relative;
}
.home_description h3 span > span {
    position: relative;
    z-index: 2;
}
.home_description h3 > span:before {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 6px;
    content: " ";
    display: block;
    z-index: 1;
    background: #3056d3;
}
.home_description p {
    font-size: 20px;
    color: #152c5b;
    margin-bottom: 20px;
}
.home_description a {
    color: #3056d3;
    font-size: 16px;
}
.home_description a span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.home_description a i {
    vertical-align: middle;
}
.flex-order {
    flex-direction: row-reverse;
}
.flex-order .home_image img {
    right: -20px;
    top: -20px;
    left: auto;
}
.blue_image {
    max-width: 90%;
}
.blue_image img {
    width: 100%;
}
.blue_content h3 {
    font-size: 30px;
    color: #0bce5a;
    margin-bottom: 20px;
}
.blue_content p {
    font-size: 20px;
    color: #0bce5a;
    margin-bottom: 20px;
}
.bg-blue {
    background: #f9fbff;
}
.box_icons {
    padding: 0;
}
.box_icons > h3 {
    font-size: 40px;
    line-height: 52px;
    margin-bottom: 50px;
    text-align: center;
}
.home_icons {
    flex-wrap: wrap;
}
.home_icon {
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 20px;
    background: #fff;
    min-height: 300px;
}
.home_icon img {
    max-width: 90px;
    margin-bottom: 15px;
    display: block;
    border-radius: 50%;
    border: 10px solid #c9d3f4;
}
.home_icon h3 {
    font-size: 24px;
    color: #152c5b;
    margin-bottom: 15px;
}
.home_icon p {
    font-size: 16px;
    color: #152c5b;
    margin-bottom: 0;
}
.section_banner {
    background: url(../img/home/banner-Image.png) no-repeat center center / cover;
}
.section_banner > .container {
    position: relative;
}
.section_banner > .container:after {
    clear: both;
    content: " ";
    display: block;
}
.banner_content {
    max-width: 450px;
    padding: 30px;
    background: #061558;
    border-radius: 10px;
    float: right;
}
.banner_content h3 {
    margin-bottom: 20px;
    font-size: 38px;
    color: #fff;
}
.banner_content h3 span {
    color: #eb5038;
}
.banner_content p {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}
.banner_content a {
    background: #0bce5a;
    border-radius: 0.2rem;
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 20px;
    display: inline-block;
}
.action_home {
    background: url(../img/home/banner_action.png) no-repeat center center / cover;
    padding: 120px 0;
    text-align: center;
}
.action_home h3 {
    font-size: 42px;
    color: #fff;
    margin-bottom: 20px;
}
.action_home h3 span {
    color: #eb5038;
}
.action_home a {
    background: #0bce5a;
    border-radius: 0.2rem;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    font-size: 20px;
    display: inline-block;
}
.action_home span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.action_home i {
    vertical-align: middle;
}
.new_home .page-header {
    background: #fff !important;
    width: 100%;
}
.new_home .page-header.scroll-down,
.new_home .page-header.scroll-up {
    background: #fff !important;
}
.new_home .navbar .nav-link {
    color: #0bce5a;
    font-size: 16px;
}
.new_home .navbar .btn-primary {
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    min-width: auto;
    line-height: 32px;
    background: #0bce5a;
    padding: 0 16px;
}
.new_home .navbar-brand img {
    max-height: 2.5rem;
}
.new_home .page-header.scroll-down img,
.new_home .page-header.scroll-up img {
    display: none;
}
.new_home .page-header.scroll-down svg,
.new_home .page-header.scroll-up svg {
    display: inline-block;
}
.new_home .page-header.scroll-down .navbar,
.new_home .page-header.scroll-up .navbar,
.new_home .navbar {
    padding-top: 0;
    min-height: 2.75rem;
    padding-bottom: 0;
    padding-left: 0;
}
.new_home .page-header.scroll-down .navbar .nav-link,
.new_home .page-header.scroll-up .navbar .nav-link {
    color: #152c5b;
}
.pre_loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}
.pre_loading img {
    position: absolute;
    width: 70px;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
}
.filter_mobile {
    display: none;
}
.document-right-head {
    overflow: auto;
}
.document-right-head ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.document-right-head li a {
    padding: 15px 15px;
    display: block;
    color: #777;
}
.document-right-head li:nth-child(1) {
    border-radius: 5px 0 0 0;
}
.document-right-head li:nth-child(2) {
    border-radius: 0 5px 0 0;
}
.document-right-head li a:hover,
.document-right-head li a:focus {
    text-decoration: none;
    outline: 0;
}
.document-right-head li,
ul.tabs li {
    width: 50%;
    float: left;
    list-style: none;
    text-align: center;
    background: #e4ecef;
}
.document-right-head li a {
    color: #a8afbb;
}
.document-right-head li:hover {
    background: #fff;
    color: #0bce5a;
}
.document-right-head li.active {
    background: #fff;
}
.document-right-head li.active a,
.document-right-head li:hover a {
    color: #0bce5a;
}
.document-pagination:after {
    clear: both;
    content: " ";
    display: block;
    margin-bottom: 20px;
}
/*right bar*/
.right-bar {
    width: 377px;
    position: fixed;
    right: -377px;
    top: 0;
    bottom: 0;
    box-shadow: none;
    padding-bottom: 70px;
    z-index: 9999;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    background: #fff;
}
.right-bar.open {
    right: 0px;
    box-shadow: 0 10px 48px rgba(30, 107, 174, 0.1), 0 1px 1px rgba(255, 248, 254, 0.61);
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}
.right-bar-head {
    padding: 5px 15px;
    background: #3da4ff;
    color: #fff;
}
.right-bar-head h4 {
    color: #fff;
    font-size: 14px;
}
.close-right-bar-head {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    line-height: 20px;
}
.right-bar-body {
    margin-right: -33px;
}
.chat-wrapper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10em;
    padding-right: 33px;
}
.chat-wrapper .chat-message {
    width: 100%;
    display: table;
    overflow: hidden;
}
.empty-chat {
    text-align: center;
    padding: 15px;
    padding-top: 40%;
    color: #999;
    font-size: 18px;
}
.empty-chat i {
    font-size: 70px;
}
.chat-box {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-left: 1px solid #ddd;
}
.chat-box textarea {
    resize: none;
    border: none;
}
.referral_link {
    display: flex;
    align-items: center;
}
.referral_link h3 {
    width: 100%;
}
.referral_link .input-group {
    flex-wrap: unset;
}
.referral_box {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
.referral_box .input-group {
    max-width: 400px;
    margin: 0 auto;
}
.group_referral_mail {
    margin: 0 auto;
    max-width: 400px;
}
.referral_user_box {
    border: 1px solid #f1f1f5;
    border-radius: 10px;
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 200px;
}
/*form styles*/
#msform {
    width: 100%;
    display: none;
    max-width: 580px;
    margin: 0px auto;
    position: relative;
}
#msform.add_content_step {
    display: block;
}
.how_long_project {
    display: none;
}
.review_form {
    width: 100%;
    max-width: 680px;
    margin: 0px auto;
    position: relative;
}
.price_totlal_referral {
    font-size: 18px;
}
.review_form .review_note {
    padding: 40px;
    background: #fff;
    text-align: left;
    max-width: 580px;
    margin: 0 auto;
}
.review_list_email {
    padding: 40px;
    background: #fff;
    width: 100%;
    display: none;
    margin: 0 auto;
    text-align: left;
}
.form_step {
    width: 100%;
    padding: 40px;
    background: #fff;
    text-align: left;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}
/*buttons*/
#msform .action-button {
    width: 100px;
    background: #27ae60;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}
/*headings*/
.fs-title {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
    color: #0bce5a;
}
.review_list_email .fs-title {
    text-align: center;
}
.review_list_email .fs-title span {
    color: #214cd7;
}
.review_form > p {
    margin-bottom: 15px;
    color: #0bce5a;
}
.review_list_email p {
    text-align: center;
}
#msform fieldset > p {
    margin-bottom: 15px;
    color: #0bce5a;
}
/*progressbar*/
#progressbar {
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: flex;
}
#progressbar li {
    list-style-type: none;
    color: white;
    flex: 1;
    position: relative;
}
#progressbar li:before {
    content: " ";
    width: 20px;
    display: block;
    background: rgb(191, 191, 194);
    height: 8px;
}
#progressbar li:after {
    content: "";
    width: calc(100% - 20px);
    height: 8px;
    background: rgb(191, 191, 194);
    position: absolute;
    left: 20px;
    top: 0;
}
#progressbar li.active:before,
#progressbar li.active:after {
    background: #5bc146;
    color: white;
}
.specialties {
    display: none;
}
.add_more_mail {
    cursor: pointer;
}
.form_step .select2-container {
    width: 100% !important;
}
.employment_list,
.education_list {
    color: #0bce5a;
}
.employment_row,
.education_row {
    border-bottom: 1px solid rgba(0, 2, 10, 0.25);
    padding: 16px 0px;
    position: relative;
    cursor: pointer;
}
.employment_infor,
.education_infor {
    display: flex;
    flex-direction: row;
}
.employment_icon,
.education_icon {
    height: 60px;
    width: 60px;
}
.employment_icon img,
.education_icon img {
    width: 100%;
}
.employment_detail,
.education_detail {
    margin-left: 8px;
}
.employment_detail p,
.education_detail p {
    line-height: 22px;
    margin-bottom: 6px !important;
    font-size: 16px;
}
.employment_detail .employment_company,
.education_detail .education_degree {
    font-weight: 600;
}
.employment_detail .employment_date,
.education_detail .education_year {
    color: rgb(115, 116, 121);
}
.anticon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: middle;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.anticon-right {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 100%;
    color: rgba(44, 58, 80, 0.6);
}
.anticon-plus-circle {
    font-size: 22.5px;
}
.employment_addmore,
.education_addmore,
.skills_addmore,
.links_addmore {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    padding: 20px 0px;
    margin-top: 20px;
    margin-bottom: 12px;
    cursor: pointer;
}
.form_experience,
.form_education {
    display: none;
}
.ant-row {
    position: relative;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    zoom: 1;
    display: block;
    box-sizing: border-box;
}
.ant-form-item {
    box-sizing: border-box;
    padding: 0;
    color: #0bce5a;
    font-size: 15px;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 24px;
    vertical-align: top;
}
.ant-col {
    position: relative;
    min-height: 1px;
}
.ant-form-item-control {
    position: relative;
    line-height: 44px;
    zoom: 1;
}
.ant-form-item-children {
    position: relative;
    display: block;
}
.contact_uploader {
    display: inline-block;
    max-width: 18%;
    vertical-align: top;
}
.contact_image_picker {
    appearance: none;
    border: medium none;
    background: transparent none repeat scroll 0% 0%;
}
.contact_image_picker img {
    max-width: 100%;
    font-style: italic;
    vertical-align: middle;
}
.contact_infor {
    display: inline-block;
    width: 80%;
    line-height: 32px;
    padding-top: 2px;
}
.contact_infor h5 {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    font-family: Open Sans, Helvetica, Arial, sans-serif;
}
.contact_infor .ant-typography {
    color: rgba(0, 2, 10, 0.55);
}
.contact_infor .anticon-edit {
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 24px;
    color: rgb(2, 152, 217);
    cursor: pointer;
}
.contact_info_hidden {
    display: none;
}
.ant_Show_hidden .contact_infor {
    display: none;
}
.ant_Show_hidden {
    text-align: center;
}
.fsp-picker--no-scroll {
    overflow: auto !important;
}
.fsp-picker {
    position: inherit !important;
}
.fsp-picker__brand-container,
.fsp-icon--close-modal {
    display: none !important;
}
.fsp-modal {
    width: 100% !important;
    box-shadow: none !important;
    height: 450px !important;
}
.fsp-text__title {
    font-size: 16px !important;
    color: #0bce5a !important;
}
.fsp-drop-area__subtitle {
    color: #0bce5a !important;
}
.fsp-select-labels {
    background-size: 40px auto !important;
}
.upload_picker a {
    font-weight: bold;
}
.upload_picker h3 {
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 30px;
    color: #0bce5a;
}
.upload_picker p {
    font-size: 14px;
    color: #0bce5a;
    margin-bottom: 30px;
}
.fsp-modal__sidebar,
.fsp-drop-area,
.fsp-modal {
    background: #fff !important;
}
.step_body_form #form-section {
    display: block;
    min-height: auto;
}
.step_body_form.finding_body_form #form-section {
    padding-bottom: 0;
    padding-left: 0;
    margin-top: 0;
    background: #fff;
    padding-right: 0;
}
.step_body_form .auth_body.step_form {
    max-width: 800px;
    display: block;
}
.step_body_form.finding_body_form .auth_body.step_form {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.step_body_form .auth_body.step_form #msform {
    max-width: 560px;
    margin: 0 auto;
}
.fsp-drop-area {
    border-color: #0bce5a !important;
}
#msform .btn,
.review_form .btn {
    padding: 0.5rem 2.3rem;
    font-size: 1rem;
}
#msform .md-check {
    font-size: 16px;
    color: #0bce5a;
}
.summary_form,
.form_company {
    display: none;
}
.form_company .select2-container {
    width: 100% !important;
}
.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.profile_container {
    max-width: 1400px;
    margin: 0 auto;
}
.sticky_sidebar {
    position: sticky;
    top: 60px;
    position: -webkit-sticky;
}
.experience_more_form,
.education_more_form,
.certification_more_form,
.skill_more_form {
    display: none;
    margin-bottom: 30px;
}
.title-talent .btn-icon {
    width: 20px;
    height: 20px;
}
.title-talent .btn-icon .i-con {
    height: 12px;
    width: 12px;
}
.list_skill {
    position: relative;
    padding-top: 20px;
}
.skill_form {
    display: none;
}
.peronal_infor > a {
    color: #171725;
    font-size: 18px;
    font-weight: 500;
}
.peronal_infor > a > span {
    font-weight: 300;
}
.peronal_infor > small {
    color: #0bce5a;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4285714286;
}
.avatar_personal {
    position: relative;
}
.edit_avatar_personal {
    position: absolute;
    right: 15px;
    top: 15px;
}
.infor_personal_cols span {
    color: #171725;
    font-size: 0.9rem;
}
.infor_personal_cols small {
    color: #0bce5a;
}
.open_personal {
    padding: 0.5rem 1rem;
    position: relative;
}
.persional_contact_form,
.open_personal_form {
    display: none;
    padding: 0.5rem 1rem;
}
.form_avatar_information {
    display: none;
}
.persional_contact_form .select2-container {
    width: 100% !important;
}
.persional_contact_infor .nav-link {
    display: flex;
    align-items: center;
}
.volunteer_more_form {
    display: none;
}

.hero-img-group-1 {
    position: relative;
}
.img-fluid,
.img-thumbnail {
    max-width: 100%;
    height: auto;
}
.hero-img-group-1 .hero-img-right {
    position: absolute;
    top: -30px;
    right: 0px;
    transform: scale(0.8);
}
.hero-img-group-1 .hero-img-left {
    position: absolute;
    bottom: 0px;
    left: -40px;
    transform: scale(0.8);
}
.hero-img-group-1 .hero-img-left img,
.hero-img-group-1 .hero-img-right img {
    -webkit-box-shadow: 2px 1px 15px 3px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 1px 15px 3px rgba(0, 0, 0, 0.28);
}
@media (min-width: 768px) {
    .hero-img-group-1 .hero-img-left {
        left: 20px;
    }
}
@media (min-width: 992px) {
    .hero-img-group-1 .hero-img-left {
        bottom: 0px;
        left: -60px;
    }
}
@media (min-width: 768px) {
    .hero-img-group-1 .hero-img-right {
        top: -30px;
        right: 0px;
    }
}
@media (min-width: 992px) {
    .hero-img-group-1 .hero-img-right {
        top: -30px;
        right: 0px;
    }
}
@media (min-width: 1400px) {
    .hero-img-group-1 .hero-img-right {
        top: -30px;
    }
}
.accordion .card .card-header .card-title {
    margin-bottom: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 1rem;
}
.bg-light-primary {
    background-color: #f9fbff !important;
}
.border-top {
    border-top: 1px solid #cbd5e1 !important;
}
.accordion .card p {
    line-height: 1.7;
    font-size: 1rem;
}
.accordion.accordion-arrow-toggler .card-title:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    position: absolute;
    right: 1rem;
    font-size: 1.125rem;
    height: 1rem;
    width: 1rem;
    transition: all 0.3s ease-in;
    transform: rotate(180deg);
}
.accordion.accordion-arrow-toggler .card-title.collapsed:after {
    content: "";
    transform: rotate(0deg);
}
.pb-6,
.py-6 {
    padding-bottom: 3.75rem !important;
}
.pt-6,
.py-6 {
    padding-top: 3.75rem !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.shadow-smooth-1 {
    box-shadow: 0 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
}
.font-weight-medium {
    font-weight: 500 !important;
}
.rotate-180 {
    transform: rotate(180deg) !important;
}
.text-home-primary {
    color: #f9fbff !important;
}
footer.footer-dark {
    background-color: #101729;
    color: hsla(0, 0%, 100%, 0.7);
    padding-top: 40px;
}
footer.footer-dark .nav-link {
    padding-left: 0;
}
footer.footer-dark h5 {
    color: hsla(0, 0%, 100%, 0.7);
}
.footer_logo img {
    max-width: 160px;
}
.more_featureds {
    display: none;
}
.open_time_icon {
    margin-right: 1rem;
    font-size: 16px;
    min-width: 20px;
}
.open_personal_detail {
    padding: 0 15px;
    position: relative;
    align-items: center;
}
.edit_open_personal {
    position: absolute;
    right: 15px;
    top: 5px;
}
.open_time_detail h3 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
    color: #0bce5a;
}
.open_time_detail ul {
    list-style: number;
    padding-left: 15px;
    margin: 0;
}
.open_time_detail ul li {
    color: #0bce5a;
}
.open_time_detail p {
    margin: 0;
    font-size: 14px;
    color: #0bce5a;
}
.location_list ul {
    list-style: none;
    padding: 0;
}
.location_list ul li {
    padding: 10px;
    display: flex;
    border-bottom: 1px solid #dcdcde;
}
.location_list ul li:first-child {
    border-top: 1px solid #dcdcde;
}
.section_blue_light {
    background: #0bce5a;
}
.no_section {
    color: #fff;
}
.no_section h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}
.no_section p {
    font-size: 16px;
}
.line_no_section {
    background: #4486ff;
    width: 100%;
    max-width: 70px;
    margin: 15px 0;
    height: 1px;
}
#areamaps {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-overflow-scrolling: touch;
}
.satemap {
    position: relative;
    width: 57%;
    left: 10%;
    overflow: hidden;
}
.satemap .themaps {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
}
.maptext {
    padding: 20px;
    position: relative;
    width: 35%;
    left: 70%;
    top: -100vh;
}
.maptext .mapwords {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
.themaps img {
    width: 100%;
    height: auto;
}
#map2,
#map3 {
    display: none;
}
.testimonial_box {
    position: relative;
    padding-top: 115px;
    padding-bottom: 90px;
    background: #131bc6;
    color: #fff;
}
.testimonial_banner {
    position: absolute;
    right: 0;
    width: 50%;
    top: 0;
    background-size: cover;
    background-position: center;
    height: 100%;
}
blockquote {
    color: #fff;
}
blockquote svg {
    width: 50px;
    margin-bottom: 30px;
}
.new_home p,
.new_home h6 {
    font-size: 16px;
}
.new_home h2 {
    font-size: 32px;
}
.new_home .btn {
    line-height: 22px;
    font-size: 16px;
    padding: 10px 30px;
    min-width: 180px;
    height: 48px;
}
.font-weight-semibold {
    font-weight: 600 !important;
}
.mb-6,
.my-6 {
    margin-bottom: 3.75rem !important;
}
footer.footer-dark h5 {
    color: #fff;
}
footer h5 {
    margin-bottom: 2rem;
    font-weight: 600;
    letter-spacing: 0;
}
.new_home .border {
    border-color: #01245e !important;
}
footer .form-control {
    display: block;
    height: 48px;
}
blockquote h6 {
    color: #fff;
}
blockquote span {
    color: #fff;
}
.show_on_mobile {
    display: none;
}
.footer_preview {
    padding: 0px 15px 30px;
}
.footer_preview p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.footer_preview a {
    display: inline-block;
    vertical-align: middle;
}
.preview_contact_form {
    display: none;
}
.table_matches .btn {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 18px;
}
.table.v-middle td a {
    color: #0bce5a;
}
.finding_note {
    display: flex;
    align-items: center;
    justify-content: center;
}
.finding_note > p {
    margin: 0;
}
.tier_type {
    display: flex;
    margin-left: 20px;
    background: #f7f8fa;
    align-items: center;
    border-radius: 10px;
    padding: 2px 5px;
    cursor: pointer;
}
.tier_type.active,
.tier_type:hover {
    background: #006bec;
    color: #fff;
}
.tier_type img {
    width: 20px;
}
.tier_type span {
    margin-left: 10px;
    display: block;
}
.finding_search_form > h3 {
    font-size: 40px;
    font-family: "Nexa";
    font-weight: 500;
    margin-bottom: 0;
}
.finding_search_form > p {
    margin-bottom: 25px;
    font-size: 16px;
}
.finding_form input {
    width: 100%;
    height: 50px;
    border-radius: 30px;
    border: none;
    margin-bottom: 15px;
    padding: 0 15px;
    border: 1px solid #ddd;
    font-size: 16px;
}
.finding_form input.filter_professionals_home {
    padding: 0 50px;
}
.finding_form textarea {
    width: 100%;
    height: 250px;
    border-radius: 10px;
    border: none;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    font-size: 16px;
}
.finding_by_manual {
    display: none;
}
.finding_by_manual > h3 {
    margin-bottom: 25px;
    font-size: 40px;
    font-family: "Nexa";
    font-weight: 500;
}
.show_find_manual,
.show_find_search {
    font-size: 14px;
    margin-bottom: 50px;
    font-weight: 500;
}
.show_find_search {
    display: none;
}
.input_finding {
    position: relative;
}
.input_finding .input-group-prepend {
    position: absolute;
    left: 10px;
    top: 10px;
}
.input_finding i {
    width: 20px;
    height: 20px;
}
.login_footer p.current_location {
    margin-right: 20px;
}
.quick_link {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: fixed;
    top: 50%;
    right: 0;
    right: -66px;
    z-index: 9;
    margin-top: -25px;
    background: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
}
.quick_link a {
    color: #000;
    font-size: 16px;
}
.quick_popup {
    position: fixed;
    height: 100vh;
    top: 0;
    right: -500px;
    width: 100%;
    z-index: 9999;
    max-width: 500px;
    background: #fff;
}
.overlay_popup {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    height: 100%;
    z-index: 9998;
}
.header_popup {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(135, 150, 165, 0.1);
    padding: 10px 20px;
}
.content_popup {
    padding: 20px;
}
.finding_form {
    margin-top: -100px;
}
.professional_options {
    background: #fff;
    padding: 0.75rem 124px;
    margin-bottom: 2rem;
    position: relative;
}
.professional_options .finding_note {
    justify-content: left;
}
.professional_options .finding_note .tier_type {
    margin-left: 0;
    margin-right: 20px;
}
.filter_list {
    margin-top: 10px;
}
.filter_list p {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 20px;
    font-size: 16px;
}
.filter_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.filter_list ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 14px;
}
.filter_list ul li:last-child {
    margin: 0;
}
.find_professional_box {
    display: flex;
    background: #fff;
    padding: 15px;
    margin-bottom: 5px;
    position: relative;
}
.find_professional_avatar {
    margin-right: 20px;
}
.find_professional_avatar img {
    width: 100px;
}
.find_professional_content h3 {
    font-size: 1rem;
}
.find_professional_content h3 a {
    color: #0bce5a;
}
.find_professional_content h3 span {
    display: inline-block;
    vertical-align: middle;
}
.find_professional_content h3 img {
    width: 20px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}
.find_professional_content p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4285714286;
    margin-bottom: 5px;
}
.professional_skills {
    margin-top: 5px;
}
.find_professional_box:hover,
.find_professional_box.active_professional {
    background: #e5efff;
}
.active_professional:after,
.find_professional_box:hover:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -16px;
    width: 0;
    height: 0;
    border-left: 16px solid #e5efff;
    border-right: 16px solid transparent;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    clear: both;
}
.tier_image {
    padding: 15px;
    border-radius: 50%;
    border: 1px solid #0bce5a;
}
.sticky_bar {
    position: sticky;
    top: 60px;
}
.all_filter_list {
    position: fixed;
    top: 155.76px;
    width: 100%;
    right: 0;
    max-width: 600px;
    height: cac(100vh - 155.76px);
    background: #fff;
    z-index: 9;
    display: none;
    -webkit-box-shadow: 2px 8px 26px 1px rgba(0, 0, 0, 0.41);
    box-shadow: 2px 8px 26px 1px rgba(0, 0, 0, 0.41);
}
.all_filter_list .select2-container {
    width: 100% !important;
}
.filter_list_header {
    border-bottom: 1px solid rgba(135, 150, 165, 0.1);
}
.filter_list_content {
    height: calc(100vh - 313.61px);
    overflow-y: auto;
}
.filter_list_footer {
    border-top: 1px solid rgba(135, 150, 165, 0.1);
}
.filter_list_footer .btn {
    color: #fff !important;
}
.filtered_bar_buttons .dropdown-menu {
    -webkit-box-shadow: 2px 8px 26px 1px rgba(0, 0, 0, 0.41);
    box-shadow: 2px 8px 26px 1px rgba(0, 0, 0, 0.41);
    min-width: 300px;
    padding-bottom: 0;
}
.filtered_bar_buttons .btn-primary {
    color: #fff !important;
}
.filtered_bar_buttons .btn {
    padding-top: 3px;
    padding-bottom: 5px;
}
.color-grey {
    color: #92929d !important;
}
body.no_scroll {
    overflow: hidden;
    height: 100vh;
}
.dropdown-toggle:after {
    vertical-align: middle;
}
.btn-outline-primary {
    color: #0bce5a;
    border-color: #0bce5a;
}
.btn-outline-primary:hover,
.show > .btn-outline-primary.dropdown-toggle {
    background: #5bc146;
    border-color: #5bc146;
}
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.show_filters {
    color: #0bce5a;
}
.list_find_professional {
    height: calc(100vh - 125px);
    overflow: hidden;
}
.content_popup {
    height: calc(100vh - 48px);
    overflow: hidden;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #0bce5a !important;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background: #f7f8fa;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -16px;
}
.img_border {
    border: 2px solid #cbd5e1;
    border-radius: 50%;
    padding: 5px;
}
.interview_content {
    float: left;
    width: calc(100% - 59px);
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}
.interview_content > h3 {
    color: #171725;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
}
.interview_content > p {
    color: #0bce5a;
    font-size: 12px;
    margin: 0;
}
.interview_more_infor {
    margin-top: 8px;
}
.interview_more_infor p {
    margin: 0;
    color: #0bce5a;
    font-size: 14px;
}
.interview_more_infor p i {
    font-size: 20px;
    vertical-align: middle;
    color: #696974;
}
.btn_review_interview {
    position: absolute;
    right: 0;
    bottom: 0;
}
.calling_offer .btn-primary {
    font-size: 12px;
    padding: 4px 8px;
}
.avatar_message .event_icon {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -15px;
}
.avatar_message .event_icon img {
    width: 30px;
    height: 30px;
}
.form_decline {
    display: none;
}
.align-item-top {
    align-items: top;
}
.employer_dashboard_title {
    text-align: center;
}
.employer_dashboard_title h3 {
    font-size: 20px;
    margin-bottom: 0px;
}
.employer_dashboard_title p {
    font-size: 14px;
    margin-bottom: 30px;
}
.employer_box_icon {
    text-align: center;
    border: 1px solid rgba(135, 150, 165, 0.1);
    border-radius: 10px;
    padding: 20px 10px;
}
.employer_box_icon img {
    max-width: 50px;
    max-height: 35px;
}
.employer_box_icon h3 {
    font-size: 16px;
    margin-top: 10px;
}
.employer_box_icon p {
    font-size: 14px;
}
.employer_aside_title .btn-icon {
    width: 20px;
    height: 20px;
}
.employer_aside_title .btn-icon .i-con {
    height: 12px;
    width: 12px;
}
.overlay_form {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 9998;
    display: none;
}
.form_interview {
    position: fixed;
    height: 100vh;
    top: 0;
    right: -350px;
    width: 100%;
    z-index: 9999;
    max-width: 350px;
    background: #fff;
}
.bg-primary_second {
    background: #0bce5a !important;
}
.bg-primary_second {
    color: #fff !important;
}
.employer_aside {
    min-width: 270px;
}
.bg-transparent {
    border-color: #0bce5a !important;
}
.btn-border-primary {
    border-color: #0bce5a !important;
    background: transparent !important;
    color: #0bce5a !important;
}
.btn-border-primary:hover {
    background: #0bce5a !important;
    color: #fff !important;
}
.content_popup .select2-container {
    width: 100% !important;
}
.form_note {
    font-style: italic;
    color: #ff0000;
}
.icon_heart {
    font-size: 18px;
}
.close_card_employer {
    position: absolute;
    right: 15px;
    top: 10px;
}
.layout_dashboard_new .sidenav,
.layout_dashboard_new .page-sidenav {
    background: #071755 !important;
    padding-left: 10px;
}
.layout_dashboard_new .sidenav .nav li {
    color: #4778e1;
}
.layout_dashboard_new .sidenav .nav li {
    color: #4778e1;
}
.layout_dashboard_new .sidenav ul a {
    color: #fff;
}
.layout_dashboard_new .sidenav_logo {
    padding: 10px 15px;
}
.layout_dashboard_new .active_nav {
    background: #f7f8fa;
}
.layout_dashboard_new .sidenav ul a.active_nav {
    color: #071755;
}
.layout_dashboard_new .nav-border .nav > li.active {
    background: #f7f8fa;
}
.bage_match {
    display: block;
    font-weight: bold;
    padding: 3px 8px;
    font-size: 14px;
    border-radius: 5px;
}
.high_match {
    background: #d3e8c5;
    color: #91c66e;
}
.medium_match {
    background: #fff9d4;
    color: #fde11f;
}
.low_match {
    background: #fabfc1;
    color: #f45e65;
}
.flex_center {
    align-items: center;
}
.idea-vote-container {
    display: block;
    padding: 9px 7px;
    border: 2px solid #bcbec0;
    border-radius: 4px;
    text-align: center;
    margin-top: -30px;
}
.idea-vote-number {
    font-weight: 300;
    font-size: 20px;
    display: block;
    line-height: normal !important;
}

.idea-vote-container i {
    cursor: pointer;
    font-size: 20px;
    padding: 0px 3px;
    display: inline-block;
    margin-top: 5px;
}
.length-content-user {
    display: none;
    padding-top: 20px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    position: relative;
    padding-bottom: 15px;
    width: 100%;
}
.list-cofounder.open .col-cofounder-home {
    border-bottom: none;
}
.length-content-user .cofounder-infor-link {
    width: auto;
    text-align: left;
}
.length-content-user .cofounder-infor-link .um-friends-btn {
    display: inline-block;
}
.length-content-user .cofounder-infor-link a {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
    padding-top: 5px;
}
.length-content-user .cofounder-infor-link .um-friends-btn .ps-btn {
    height: 31px;
    width: auto;
    padding: 4px 25px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #0bce5a;
    color: #0bce5a;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    bottom: auto;
    top: auto;
    left: auto;
    right: auto;
}
.length-content-user .cofounder-infor-link .um-friends-btn .ps-btn:hover {
    color: #fff;
    background: #0bce5a;
}
.length-content-user .cofounder-infor-link .um-friends-btn .ps-btn--gradient:before,
.length-content-user .cofounder-infor-link .um-friends-btn .ps-btn--gradient:after {
    display: none;
}
.view-fullinfo {
    cursor: pointer;
}
.card-body .cofounder-infor-field p {
    font-size: 14px;
    margin-bottom: 10px;
}
.nav-tabs.nav-tabs-group .nav-link.active,
.nav-tabs.nav-tabs-group .nav-link.active:hover,
.nav-tabs.nav-tabs-group .nav-link.active:focus,
.nav-tabs.nav-tabs-group .nav-link:hover,
.nav-tabs.nav-tabs-group .nav-link:focus {
    border-color: #0bce5a;
    color: #0bce5a !important;
    border-bottom-color: transparent;
}
.cofounders_filter_title {
    cursor: pointer;
}
.finding_upload_document {
    width: 300px;
    height: 100px;
    margin: 30px auto 0;
}
.finding_upload_document .fsp-drop-area {
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 0.2s ease-out;
    flex-direction: column;
    outline: 0;
}
.finding_upload_document .fsp-drop-area {
    border: 1px dashed #0bce5a;
}
.finding_upload_document .fsp-select-labels {
    transition: all 0.2s ease-out;
    background-image: url(/assets/img/icon-add-files-grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.finding_upload_document .fsp-local-source__fileinput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.finding_upload_document .fsp-select-labels {
    background-size: 30px auto !important;
}
.finding_upload_document .fsp-drop-area__title {
    font-weight: 400;
    margin-top: 40px;
}
.sidebar-sticky {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 84px;
}
.show_mob {
    display: none;
}
.left_btn_side a,
.right_btn_side a {
    color: #fff;
}
.left_btn_side a:hover,
.right_btn_side a:hover {
    color: #0bce5a;
}
.carousel-track {
    overflow: hidden;
}
.media-grid-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: -4px;
}
.media-grid-item {
    display: block;
    padding: 4px;
    flex: 0 0 100%;
    overflow: hidden;
}
.plyr__control--overlaid,
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded="true"] {
    background: #0bce5a;
}
@media only screen and (min-width: 280px) {
    .media-grid-item {
        flex: 0 0 50%;
    }
}
@media only screen and (min-width: 768px) {
    .media-grid-item {
        flex: 0 0 50%;
    }
}
@media only screen and (min-width: 1024px) {
    .media-grid-item {
        flex: 0 0 33.3333333333%;
    }
}
@media only screen and (min-width: 1280px) {
    .media-grid-item {
        flex: 0 0 25%;
    }
}
.media-grid-item,
.img-container {
    position: relative;
}
.media-grid-item .img-container {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.media-grid-item .img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: filter 0.3s;
}
.be-light-mode .media-grid-item .img-container img {
    box-shadow: 0 1px 6px rgba(25, 25, 34, 0.161);
}
.img-container:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    overflow: hidden;
    transition: transform 0.6s ease-in-out;
}
.img-container:hover:after {
    background: rgba(0, 0, 0, 0.7);
}
.media-grid-item .img-container:after {
    display: none;
}
.media-grid-item .img-container img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.141), 0 1px 14px rgba(0, 0, 0, 0.122);
}
.genre-name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: var(--be-accent-contrast);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85%;
}
.material-table {
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}
.material-table tr {
    height: 52px;
}
.material-table tr.selected {
    background-color: var(--be-hover);
}
.material-table td,
.material-table th {
    border-color: var(--be-divider-lighter);
}
th.number-column {
    padding-left: 35px;
}
.number-column,
.like-column,
.duration-column {
    width: 70px;
    color: var(--be-secondary-text);
}
.material-table th {
    color: var(--be-secondary-text);
    text-align: left;
    font-size: 1.2rem;
    font-weight: 500;
}
.name-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.options-column {
    width: 65px;
}
.artist-column,
.album-column {
    width: 20%;
}
.icon-wrapper {
    display: inline-block;
    margin-left: 4px;
    transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sort-icon {
    width: 15px;
    height: 15px;
    vertical-align: middle;
    transition: all 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(25%);
    opacity: 0;
}
.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: #fff;
    height: 24px;
    width: 24px;
}
.material-table td:last-of-type,
.material-table th:last-of-type {
    padding-right: 24px;
}
.material-table td:first-of-type,
.material-table th:first-of-type {
    padding-left: 24px;
}
.number {
    padding-left: 10px;
}
playback-control-button {
    display: none;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: transparent;
    color: var(--be-accent-contrast);
}
playback-control-button:hover .pause-button.visible {
    display: block;
}
playback-control-button:hover playing-indicator.visible {
    display: none;
}
playback-control-button.small playing-indicator .mat-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
}
playback-control-button .visible.pause-button {
    display: none;
}
playback-control-button .play-button,
playback-control-button .pause-button,
playback-control-button playing-indicator,
playback-control-button .buffering {
    display: none;
}
playback-control-button .play-button {
}
playback-control-button .visible {
    display: block;
}
tr:hover .number,
tr.playing .number {
    display: none;
}
tr:hover playback-control-button,
tr.playing playback-control-button {
    display: flex;
    background-color: var(--be-foreground-base);
    color: var(--be-raised-button);
    margin: 0;
}
.track-image {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 15px;
    border-radius: 4px;
    vertical-align: middle;
}
.track-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    background-color: var(--be-raised-button);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button {
    box-sizing: border-box;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    text-align: center;
    margin: 0;
    min-width: 64px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 4px;
    background: none;
    overflow: visible;
}
.mat-icon-button {
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    line-height: 32px;
    border-radius: 50%;
}
.track-options-button {
    visibility: hidden;
}
artists-links-list,
.album-link {
    display: block;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
artists-links-list .artist-link {
    text-transform: capitalize;
    color: inherit;
}
.material-table .link {
    color: inherit;
}
.material-table td,
.material-table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.cdk-high-contrast-active .mat-ripple-element {
    display: none;
}
.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    display: none;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.cdk-overlay-container {
    position: fixed;
    z-index: 1000;
}
.cdk-overlay-container:empty {
    display: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000;
}
.cdk-overlay-pane {
    pointer-events: auto;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%;
}
.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: 0.6;
    }
}
.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px;
}
.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll;
}
@-webkit-keyframes cdk-text-field-autofill-start {
    /*!*/
}
@keyframes cdk-text-field-autofill-start {
    /*!*/
}
@-webkit-keyframes cdk-text-field-autofill-end {
    /*!*/
}
@keyframes cdk-text-field-autofill-end {
    /*!*/
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
    -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
    animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
    animation: cdk-text-field-autofill-end 0s 1ms;
}
.context-menu {
    width: 300px;
    background-color: #31363c !important ;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 10;
    padding: 8px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
}
.context-menu .context-menu-item {
    width: 100%;
    background-color: inherit;
    color: var(--be-text);
    border: none;
    font-size: 16px;
    height: 48px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    outline: none;
}
.context-menu .context-menu-item:not(:disabled) .mat-icon {
    color: var(--be-secondary-text);
}
.context-menu .context-menu-item:not(:disabled):hover {
    background-color: var(--be-hover);
}
.context-menu .context-menu-item:disabled {
    color: var(--be-hint-text);
    cursor: default;
}
.context-menu .context-menu-item .mat-icon {
    margin-right: 16px;
}
.context-menu .context-menu-item .alt-text {
    margin-left: auto;
    color: var(--be-secondary-text);
    font-size: 14px;
}
.context-menu .context-menu-item .indent {
    margin-left: 40px;
}
.context-menu .separator {
    background-color: rgba(0, 0, 0, 0.11);
    margin: 8px 0;
    height: 1px;
    max-height: 1px;
    min-height: 1px;
    width: 100%;
}
.context-menu .header {
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin: 0 10px 10px;
    border-bottom: 1px solid #fff;
}
.context-menu .header media-image {
    width: 80px;
    height: 80px;
    flex: 0 0 auto;
    margin-right: 15px;
}
.context-menu .header .meta {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.5rem;
}
.context-menu .header .meta .primary-name {
    display: block;
    width: 100%;
    white-space: nowrap;
    color: inherit;
}
.context-menu .header .meta .secondary-name {
    display: block;
    color: var(--be-secondary-text);
    margin-top: 2px;
    width: 100%;
}
.media-autocomplete-panel {
    max-height: 350px !important;
}
.media-autocomplete-panel .mat-option {
    height: 65px;
    line-height: 65px;
}
.media-autocomplete-panel .mat-option-text {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
}
.media-autocomplete-panel .mat-option-text img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
    border-radius: 50%;
    flex-shrink: 0;
    -o-object-fit: cover;
    object-fit: cover;
}
.auto-height[_nghost-kip-c37] img[_ngcontent-kip-c37],
.auto-height [_nghost-kip-c37] img[_ngcontent-kip-c37] {
    height: auto;
}
.auto-width[_nghost-kip-c37] img[_ngcontent-kip-c37],
.auto-width [_nghost-kip-c37] img[_ngcontent-kip-c37] {
    width: auto;
}
[_nghost-kip-c37] {
    overflow: hidden;
}
img[_ngcontent-kip-c37] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    background-color: var(--be-raised-button);
}
img.ng-lazyloaded[_ngcontent-kip-c37] {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.context-menu .header .meta {
    font-size: 15px;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
tr:not(.header-row):hover {
    background: var(--be-hover);
}
tr:not(.header-row):hover .track-options-button {
    visibility: visible;
}
queue-sidebar {
    display: block;
    flex: 0 0 250px;
    width: 250px;
    max-width: 250px;
    overflow: auto;
    background-color: var(--be-background);
    border-left: 1px solid var(--be-divider-default);
    transition: flex 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    z-index: 3;
}
queue-sidebar .scroll-wrapper {
    height: calc(100% - 207px);
    overflow: auto;
}
queue-sidebar .scroll-wrapper.full-height {
    height: 100%;
}
@media only screen and (max-width: 1280px) {
    queue-sidebar {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.141), 0 1px 10px rgba(0, 0, 0, 0.122);
    }
}
queue-sidebar.hide {
    width: 0;
    flex: 0;
}
queue-sidebar.full-height {
    height: 100%;
}
queue-sidebar .queue-item {
    display: flex;
    align-items: center;
    padding: 8px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
queue-sidebar .queue-item.active {
    background-color: var(--be-accent-default);
}
queue-sidebar .queue-item.active .meta .track-name,
queue-sidebar .queue-item.active .meta .artist-name {
    color: var(--be-accent-contrast);
}
queue-sidebar .queue-item.active playback-control-button {
    display: flex;
}
queue-sidebar .queue-item:hover playback-control-button {
    display: flex;
}
queue-sidebar .queue-item:hover .toggle-menu {
    display: block;
}
queue-sidebar .queue-item .img-container {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
queue-sidebar .queue-item .img-container img,
queue-sidebar .queue-item .img-container playback-control-button {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
queue-sidebar .queue-item .img-container playback-control-button {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.302);
    border-radius: 4px;
}
queue-sidebar .queue-item .meta {
    flex: 1 1 auto;
    margin-left: 10px;
    overflow: hidden;
}
queue-sidebar .queue-item .meta .track-name,
queue-sidebar .queue-item .meta .artist-name {
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.bg-dark queue-sidebar .queue-item .meta .track-name {
    color: var(--be-text);
}
queue-sidebar .queue-item .meta .track-name {
    font-size: 14px;
    color: #fff;
}
queue-sidebar .queue-item .meta .artist-name {
    font-size: 12px;
    color: var(--be-secondary-text);
}
queue-sidebar .queue-item .toggle-menu {
    display: none;
}
queue-sidebar .queue-item .toggle-menu .mat-icon {
    display: block;
}
button.no-style {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    line-height: inherit;
    overflow: visible;
    padding: 0;
    border-radius: 0;
    min-width: 0;
    min-width: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: none;
    cursor: pointer;
    text-align: left;
    text-align: initial;
}
.music_line {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff !important;
    z-index: 9999;
}
body.bg-dark .music_line {
    background: #31363c !important;
}
tr:not(.header-row):hover {
    background: rgba(0, 0, 0, 0.04);
}
.plyr--full-ui input[type="range"] {
    color: #0bce5a;
}
.music_line .plyr-list {
    display: none !important;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
    background: #0bce5a;
}
queue-sidebar .queue-item.selected {
    background: #0bce5a;
}
.list-item {
    height: calc(100% - 0.5rem);
}
[_nghost-qql-c122] {
    display: block;
}
media-list-item {
    margin-bottom: 35px;
}
.no-results-message {
    margin: 30px 0;
}
.media-list-item-skeleton {
    display: flex;
}
[_nghost-qql-c121] {
    display: flex;
}
media-image {
    width: 206px;
    height: 206px;
    flex-shrink: 0;
    margin-right: 25px;
    border-radius: 4px;
}
@media only screen and (max-width: 1024px) {
    media-image {
        display: none;
    }
}
@media only screen and (max-width: 1280px) {
    media-image {
        width: 145px;
        height: 145px;
    }
}
.content {
    flex: 1 1 auto;
    min-width: 0;
}
.middle-column {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
}
player-seekbar,
waveform {
    margin-top: 20px;
    margin-bottom: 15px;
    height: auto;
    height: initial;
}
new-comment-form {
    margin-bottom: 10px;
}
.header {
    display: flex;
    align-items: center;
}
media-list-item playback-control-button {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    background-color: #0bce5a;
    width: 40px;
    height: 40px;
}
.artist-name {
    font-size: 13px;
    color: var(--be-secondary-text);
}
.artist-name artists-links-list {
    display: inline-block;
}
.media-item-name {
    display: block;
    font-size: 15px;
    color: inherit;
}
.media-item-name,
.artist-name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}
.date {
    color: var(--be-secondary-text);
    padding-right: 9px;
    padding-bottom: 2px;
}
.last-text {
    text-align: right;
    white-space: nowrap;
}
.mat-chip-list {
    display: inline-block;
}
.track-list {
    margin-bottom: 20px;
}
.track-list-item {
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 0 8px;
    border-bottom: 1px solid var(--be-divider-lighter);
    font-size: 1.3rem;
    cursor: pointer;
}
.track-list-item:hover {
    background: var(--be-hover);
}
.track-list-item:hover .options-button {
    display: inline-block;
}
.track-list-item.active {
    color: var(--be-accent-default);
}
.track-list-item.active .plays {
    color: inherit;
}
.track-list-item media-image {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.track-list-item .track-number {
    margin-right: 12px;
}
.track-list-item .track-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
}
.track-list-item .plays {
    margin-left: auto;
    color: var(--be-secondary-text);
}
.track-list-item .mat-icon,
.track-list-item .options-button {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
}
.track-list-item .options-button {
    display: none;
}
track-actions-bar {
    margin-top: 20px;
}
.repost-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 4px;
}
.reposter-name,
.original-artist {
    color: inherit;
}
.auto-height img,
.auto-height img {
    height: auto;
}
.auto-width img,
.auto-width img {
    width: auto;
}
.ng-star-inserted {
    overflow: hidden;
}
.ng-star-inserted img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px;
    background-color: var(--be-raised-button);
    display: block;
}
img.ng-lazyloaded {
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.mat-chip {
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.mat-standard-chip {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 16px;
    align-items: center;
    cursor: default;
    min-height: 32px;
    height: 1px;
}
._mat-animation-noopable.mat-standard-chip {
    transition: none;
    animation: none;
}
.mat-standard-chip .mat-chip-remove.mat-icon {
    width: 18px;
    height: 18px;
}
.mat-standard-chip::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: inherit;
    opacity: 0;
    content: "";
    pointer-events: none;
    transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1);
}
.mat-standard-chip:hover::after {
    opacity: 0.12;
}
.mat-standard-chip:focus {
    outline: none;
}
.mat-standard-chip:focus::after {
    opacity: 0.16;
}
.cdk-high-contrast-active .mat-standard-chip {
    outline: solid 1px;
}
.cdk-high-contrast-active .mat-standard-chip:focus {
    outline: dotted 2px;
}
.mat-standard-chip.mat-chip-disabled::after {
    opacity: 0;
}
.mat-standard-chip.mat-chip-disabled .mat-chip-remove,
.mat-standard-chip.mat-chip-disabled .mat-chip-trailing-icon {
    cursor: default;
}
.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar,
.mat-standard-chip.mat-chip-with-avatar {
    padding-top: 0;
    padding-bottom: 0;
}
.mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar {
    padding-right: 8px;
    padding-left: 0;
}
[dir="rtl"] .mat-standard-chip.mat-chip-with-trailing-icon.mat-chip-with-avatar {
    padding-left: 8px;
    padding-right: 0;
}
.mat-standard-chip.mat-chip-with-trailing-icon {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 8px;
    padding-left: 12px;
}
[dir="rtl"] .mat-standard-chip.mat-chip-with-trailing-icon {
    padding-left: 8px;
    padding-right: 12px;
}
.mat-standard-chip.mat-chip-with-avatar {
    padding-left: 0;
    padding-right: 12px;
}
[dir="rtl"] .mat-standard-chip.mat-chip-with-avatar {
    padding-right: 0;
    padding-left: 12px;
}
.mat-standard-chip .mat-chip-avatar {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: 4px;
}
[dir="rtl"] .mat-standard-chip .mat-chip-avatar {
    margin-left: 8px;
    margin-right: 4px;
}
.mat-standard-chip .mat-chip-remove,
.mat-standard-chip .mat-chip-trailing-icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.mat-standard-chip .mat-chip-remove,
.mat-standard-chip .mat-chip-trailing-icon {
    margin-left: 8px;
    margin-right: 0;
}
[dir="rtl"] .mat-standard-chip .mat-chip-remove,
[dir="rtl"] .mat-standard-chip .mat-chip-trailing-icon {
    margin-right: 8px;
    margin-left: 0;
}
.mat-chip-ripple {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    overflow: hidden;
}
.mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -4px;
}
.mat-chip-list-wrapper input.mat-input-element,
.mat-chip-list-wrapper .mat-standard-chip {
    margin: 4px;
}
.mat-chip-list-stacked .mat-chip-list-wrapper {
    flex-direction: column;
    align-items: flex-start;
}
.mat-chip-list-stacked .mat-chip-list-wrapper .mat-standard-chip {
    width: 100%;
}
.mat-chip-avatar {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
    object-fit: cover;
}
input.mat-chip-input {
    width: 150px;
    margin: 4px;
    flex: 1 0 150px;
}
.mat-chip.mat-standard-chip {
    background-color: #0bce5a;
    color: #fff;
}
.mat-flat-button:not([class*="mat-elevation-z"]),
.mat-stroked-button:not([class*="mat-elevation-z"]) {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-stroked-button:not(.mat-button-disabled) {
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.action-button {
    margin-right: 5px;
}
comment-bar {
    position: absolute;
    top: 30px;
    left: 0;
    height: 25px;
    width: 100%;
    z-index: 3;
}
comment-bar:not(.can-comment) {
    cursor: default;
}
.marker-active .comment:not(.comment-marker) {
    opacity: 0.5;
}
.comment {
    position: absolute;
    top: 5px;
    width: 15px;
    height: 15px;
    transition: opacity 0.3s ease-in-out;
}
.comment-marker {
    width: 25px;
    height: 25px;
    cursor: move;
}
.comment media-image {
    display: block;
    width: 100%;
    height: 100%;
}
media-list-item.ng-star-inserted {
    display: flex;
}
media-image {
    width: 206px;
    height: 206px;
    flex-shrink: 0;
    margin-right: 25px;
    border-radius: 4px;
}
@media only screen and (max-width: 1024px) {
    media-image {
        display: none;
    }
}
@media only screen and (max-width: 1280px) {
    media-image {
        width: 145px;
        height: 145px;
    }
}
.content {
    flex: 1 1 auto;
    min-width: 0;
}
.middle-column {
    flex: 1 1 auto;
    overflow: hidden;
    white-space: nowrap;
}
player-seekbar,
waveform {
    margin-top: 20px;
    margin-bottom: 15px;
    height: auto;
    height: initial;
}
new-comment-form {
    margin-bottom: 10px;
}
.header {
    display: flex;
    align-items: center;
}
.artist-name artists-links-list {
    display: inline-block;
}
.date {
    color: var(--be-secondary-text);
    padding-right: 9px;
    padding-bottom: 2px;
}
.last-text {
    text-align: right;
    white-space: nowrap;
}
.mat-chip-list {
    display: inline-block;
}
.track-list {
    margin-bottom: 20px;
}
.track-list-item {
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 0 8px;
    border-bottom: 1px solid var(--be-divider-lighter);
    font-size: 13px;
    cursor: pointer;
}
.track-list-item:hover {
    background: var(--be-hover);
}
.track-list-item:hover .options-button {
    display: inline-block;
}
.track-list-item.active {
    color: var(--be-accent-default);
}
.track-list-item.active .plays {
    color: inherit;
}
.track-list-item media-image {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.track-list-item .track-number {
    margin-right: 12px;
}
.track-list-item .track-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
}
.track-list-item .plays {
    margin-left: auto;
    color: var(--be-secondary-text);
}
.track-list-item .mat-icon,
.track-list-item .options-button {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
}
.track-list-item .options-button {
    display: none;
}
track-actions-bar {
    margin-top: 20px;
}
.repost-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 4px;
}
.reposter-name,
.original-artist {
    color: inherit;
}
waveform {
    display: block;
    height: 70px;
    cursor: pointer;
    position: relative;
    max-width: 1000px;
}
.outer-track {
    height: 100%;
    position: relative;
    overflow: hidden;
}
.inner-track {
    width: 100%;
}
.progress-track {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    overflow: hidden;
}
.elapsed-time,
.track-length {
    position: absolute;
    top: 10px;
    background-color: rgba(0, 0, 0, 0.702);
    color: #fff;
    padding: 3px 4px;
    border-radius: 2px;
    font-size: 10px;
    z-index: 2;
    pointer-events: none;
}
.elapsed-time {
    left: 0;
}
.track-length {
    right: 0;
}
.progress-handle {
    display: none;
}
track-actions-bar {
    display: flex;
    align-items: center;
}
.action-button {
    margin-right: 5px;
}
.action-button .mat-icon {
    margin-right: 3px;
}
.action-button.active:not([disabled]) {
    color: var(--be-accent-default);
    border-color: var(--be-accent-default);
}
.buttons {
    margin-right: 20px;
}
.info {
    margin-left: auto;
}
.info .mat-icon {
    vertical-align: middle;
    color: var(--be-secondary-text);
    width: 17px;
    height: 17px;
    line-height: 12px;
}
@media only screen and (max-width: 768px) {
    .action-button:not(.more-button) {
        display: none;
    }
}
.overimage {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    content: "";
    height: 50%;
}
[_nghost-qql-c188] {
    display: block;
}
.follower-row[_ngcontent-qql-c188] {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid var(--be-divider-default);
}
media-image[_ngcontent-qql-c188] {
    width: 65px;
    height: 65px;
    margin-right: 15px;
}
.meta[_ngcontent-qql-c188] {
    font-size: 15px;
}
.meta[_ngcontent-qql-c188] .followers[_ngcontent-qql-c188] {
    color: var(--be-hint-text);
    margin-top: 5px;
}
.meta[_ngcontent-qql-c188] .name[_ngcontent-qql-c188] {
    display: block;
    color: inherit;
}
.follow-button[_ngcontent-qql-c188] {
    margin-left: auto;
    background-color: var(--be-raised-button);
    border-radius: 15px;
    min-width: 90px;
}
.be-light-mode .media-grid-item .img-container:hover img,
.media-grid-item.active img {
    filter: brightness(0.8);
}
.media-grid-item {
    display: block;
}
.media-grid-item .img-container:hover img,
.media-grid-item.active img {
    filter: brightness(0.3);
}
.media-grid-item .img-container:hover playback-control-button,
.media-grid-item.active playback-control-button {
    display: flex;
}
.media-grid-item .img-container {
    display: block;
}
.media-grid-item .img-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: filter 0.3s;
}
.media-grid-item .img-container playback-control-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: var(--be-accent-contrast);
    transition: transform 0.3s cubic-bezier(0, 0, 0, 2.41);
}
.media-grid-item .img-container playback-control-button button,
.media-grid-item .img-container playback-control-button playing-indicator {
    width: 100%;
    height: 100%;
}
.media-grid-item .img-container playback-control-button .mat-icon {
    width: 35px;
    height: 35px;
    margin: 11px auto;
}
.media-grid-item .img-container playback-control-button:hover {
    transform: scale(1.2);
}
.media-grid-item .footer {
    padding: 10px;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}
.media-grid-item .footer a:hover {
    text-decoration: underline;
}
.media-grid-item .footer .primary-text {
    display: block;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media-grid-item .footer .secondary-text {
    display: block;
    margin-top: 5px;
    color: var(--be-secondary-text);
    overflow: hidden;
    text-overflow: ellipsis;
}
.canvas {
    background: url(../img/sound_cloud.png) repeat-x left center / auto 70px;
    width: 1000px;
    height: 70px;
}
.bg-soft-primary {
    background-color: rgba(11, 206, 90, 0.15) !important;
    color: #0bce5a !important;
}
.candidate-contact-details .icon,
.job-overview .icon {
    height: 46px;
    line-height: 46px;
    width: 46px;
    border-radius: 46px;
    text-align: center;
    font-size: 20px;
}
.job-details-compnay-profile {
    margin-top: -34px;
    position: relative;
    margin-left: 24px;
}
.text-white.active {
    color: #0bce5a !important;
}
.profile-document .profile-document-list .icon {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(116, 120, 141, 0.2);
    border-radius: 6px;
    text-align: center;
}
.profile-document .profile-document-list .icon i {
    font-size: 20px;
    line-height: 38px;
}
.profile-contact li label {
    min-width: 118px;
    font-weight: 500;
}
.candidate-detail-social-menu li .social-link {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 40px;
    color: #74788d;
    background-color: #f8f9fc;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.profile-content-nav.nav-pills .nav-item .nav-link {
    font-weight: 500;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 12px 26px;
    background-color: transparent !important;
}
.profile-content-nav.nav-pills .nav-item .nav-link.active {
    color: #0bce5a;
    border-bottom-color: #0bce5a;
}
.candidate-education-content {
    position: relative;
}
.candidate-education-content::before {
    content: "";
    position: absolute;
    border: 1px dashed rgba(11, 206, 90, 0.4);
    height: calc(100% - 34px);
    left: 16px;
    top: 44px;
}
.candidate-education-content .circle {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 40px;
}
.profile-user {
    position: relative;
    display: inline-block;
}
.profile-user .profile-img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
}
.profile-user .profile-photo-edit {
    position: absolute;
    bottom: 5px;
    right: 0;
}
.profile-user .profile-photo-edit i {
    color: #314047;
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-bottom: 0;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(49, 64, 71, 0.08);
    box-shadow: 0 3px 10px 0 rgba(49, 64, 71, 0.08);
    cursor: pointer;
}
.profile-user .profile-img-file-input {
    display: none;
}
.select2-container {
    width: 100% !important;
}
.prolancer-service-item.style-1 {
    position: relative;
    background: #fff;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}
.prolancer-service-item.style-1 .featured-post {
    position: absolute;
    content: "";
    top: 15px;
    left: -30px;
    padding: 0px 26px;
    border-top: none;
    z-index: 1;
    color: #fff;
    transform: rotate(-45deg);
    font-size: 12px;
}
.prolancer-service-item.style-1 .featured-post i {
    margin-left: 5px;
}
.prolancer-service-item.style-1 .seller-profile-attachment {
    margin-top: -60px;
    margin-left: 15px;
    position: absolute;
}
.prolancer-service-item.style-1 .seller-profile-attachment a img {
    margin-right: 20px;
    border-radius: 50%;
    border: 5px solid #fff;
    width: 60px;
    max-width: 100%;
}
.prolancer-service-item.style-1 .service-content {
    padding: 20px;
}
.prolancer-service-item.style-1 .service-item-seller {
    margin-bottom: 10px;
}
.float-end {
    float: right !important;
}
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}
.prolancer-service-item.style-1 h3 {
    line-height: 32px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}
.prolancer-service-item.style-1 span {
    font-size: 13px;
    display: block;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.prolancer-service-item.style-1 h3 a,
.prolancer-service-item.style-1 h6 {
    color: #000 !important;
}
.list-inline {
    padding-left: 0;
    list-style: none;
}
.prolancer-service-item.style-1 ul li {
    border-radius: 20px;
    line-height: 22px;
    color: #000;
}
.prolancer-service-item.style-1 ul li i {
    font-size: 15px;
    margin-right: 10px;
}
.prolancer-service-item.style-1 .service-price h4 {
    background: rgb(11 206 90 / 10%);
    font-weight: 500;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 0;
    color: #0bce5a !important;
}
.prolancer-service-item.style-1 .service-item-images img {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.prolancer-service-item.style-1 .service-item-images {
    margin-bottom: 30px;
}
.form-control:focus {
    border-color: #0bce5a;
}
.candidate-education-details h6,
.profile-sidebar h5,
.profile-content-page h5 {
    color: #000;
}
.project-meta,
.service-meta {
    border-radius: 10px;
    padding: 15px;
    background: #fff;
    display: flex;
    margin-bottom: 15px;
}
.widget .seller-detail i,
.widget .seller-detail i,
.buyer-profile ul.stats li,
.buyer-profile ul.meta li,
.prolancer-seller-item.style-2 ul li,
.prolancer-service-item.style-2 ul li,
.service-meta-cards .col-xl-4 .service-meta,
.project-meta-cards .col-xl-4 .project-meta,
.seller-profile .stats-list .stats {
    background: #fff;
}
.bg-dark .widget .seller-detail i,
.bg-dark .widget .seller-detail i,
.bg-dark .buyer-profile ul.stats li,
.bg-dark .buyer-profile ul.meta li,
.bg-dark .prolancer-seller-item.style-2 ul li,
.bg-dark .prolancer-service-item.style-2 ul li,
.bg-dark .service-meta-cards .col-xl-4 .service-meta,
.bg-dark .project-meta-cards .col-xl-4 .project-meta,
.bg-dark .seller-profile .stats-list .stats {
    background: #31363c;
}
.seller-profile .stats-list .stats span {
    background: #31363c;
}
.project-meta i,
.service-meta i {
    font-size: 36px;
    margin-right: 15px;
}
.project-meta span,
.service-meta span {
    line-height: 28px;
    font-size: 16px;
}
.project-meta h6,
.service-meta h6 {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 700;
}
.slider_service_item {
    padding: 0 15px;
    cursor: pointer;
}
.slider_service_item img {
    width: 100%;
}
.additional-service-item:not(:last-child) {
    margin-bottom: 30px;
}
.additional-service-item {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}
.bg-dark .additional-service-item {
    background: #31363c;
}
.additional-service-item input {
    float: left;
    position: relative;
    vertical-align: top;
    margin-right: 10px;
}
.additional-service-item h5 {
    font-size: 18px;
}
.additional-service-item strong {
    font-size: 22px;
}
#create-service-form .additional-services .row {
    padding: 30px 0 10px 20px;
    border-radius: 10px;
    background: #31363c;
    margin-bottom: 20px;
}
#create-service-form .additional-services textarea,
#create-service-form .additional-services input {
    margin-bottom: 20px;
}
#create-service-form .additional-services textarea {
    height: 100px;
}
.commenter {
    margin-bottom: 10px;
}
.commenter a {
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
}
.commenter span {
    float: right;
    font-size: 13px;
}
.comment-content a {
    word-wrap: break-word;
}
.review {
    margin-top: 50px;
    border-radius: 20px;
}
.review .row {
    margin-bottom: 20px;
}
.review img {
    width: 90px;
    border-radius: 50%;
}
.commenter .stars {
    position: relative;
}
.commenter .stars .star-required {
    position: absolute;
    top: 0;
    left: 0;
}
.commenter .stars i {
    color: #fcd703;
}
.price-tab .nav-tabs .nav-item .nav-link {
    font-weight: 500;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 12px 20px;
    background-color: transparent !important;
}
.price-tab .nav-tabs .nav-item .nav-link.active {
    color: #0bce5a;
    border-bottom-color: #0bce5a;
}
.service-widget:not(:last-child) {
    margin-bottom: 30px;
}
.service-widget-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f8fafb;
}
.service-widget ul {
    margin-bottom: 0;
}
.service-widget ul li {
    line-height: 35px;
}
.service-widget ul li b {
    font-weight: 500;
}
.service-widget .skills-person a {
    display: inline-block;
    border-radius: 20px;
    padding: 3px 10px;
    background: #fff;
    color: #4a6375;
    font-size: 14px;
    margin-top: 7px;
}
.service-widget .skills a:hover {
    color: #fff;
}
.badges li img {
    width: 30px;
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
}

body.home .carousel-nav-item {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 500;
    height: 1.5rem;
    line-height: 1.45rem;
    margin-right: 1.5rem;
    position: relative;
    text-align: center;
    width: 1.5rem;
}
body.home .carousel-nav-item.active {
    background-color: #fff;
}
body.home .carousel-nav-item.active:nth-child(1) {
    color: #06242c;
}
body.home .carousel-nav-item.active:nth-child(2) {
    color: #040312;
}
body.home .carousel-nav-item.active:nth-child(3) {
    color: #eb808a;
}
body.home .carousel-nav-item:not(:last-child)::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    margin-top: -0.5px;
    position: absolute;
    right: -1.5rem;
    top: 50%;
    width: 1.5rem;
}
body.home .carousel-item {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
body.home .carousel-item:nth-child(1) {
    background-image: url("../img/background.jpg");
}
body.home .carousel-item:nth-child(2) {
    background-image: url("../img/background-2.jpg");
}
body.home .carousel-item:nth-child(3) {
    background-image: url("../img/background-3.jpg");
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.zindex-0 {
    z-index: 0;
}
.zindex-1 {
    z-index: 1;
}
.bg-pink {
    background-color: #eb808a !important;
}
.bg-dark-blue {
    background-color: #040312 !important;
}
.bg-dark-green {
    background-color: #06242c !important;
}
.wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 463px;
    background: url(../img/landing/wave.png) no-repeat center / cover;
    z-index: 1;
}
.size-140 {
    width: 140px !important;
    height: 140px !important;
}
.size-30 {
    width: 30px !important;
    height: 30px !important;
}
.small,
small {
    font-size: 0.8203125rem;
}
.rounded-circle {
    border-radius: 50% !important;
}
.end-0 {
    right: 0 !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.position-absolute {
    position: absolute !important;
}
.choices__inner {
    border: 1px solid #dcdcde;
    height: calc(2rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    border-radius: 0.25rem;
}
.bg-dark .choices__inner {
    color: #fff;
    background: transparent;
}
.nav-tabs.nav-vertical {
    flex-direction: column;
    border-bottom: 0;
}
.width-25 {
    width: 25px !important;
}
.align-middle {
    vertical-align: middle !important;
}
.nav-tabs.nav-vertical .nav-link {
    border: none;
    border-radius: 0;
}
.nav-tabs.nav-vertical .nav-link:hover {
    border: none;
    border-radius: 0;
    color: #0bce5a !important;
    background-color: rgba(11, 206, 90, 0.3) !important;
}
.nav-tabs.nav-vertical .nav-link.active {
    border: none;
    border-radius: 0;
    color: #fff !important;
    background-color: #0bce5a !important;
}
.nav-tabs.nav-vertical .nav-link.active i {
    color: #fff;
}
.nav-tabs.nav-vertical .nav-link:hover i {
    color: #0bce5a;
}
.height-20 {
    height: 20px !important;
}
.mt-n2 {
    margin-top: -0.5rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.start-0 {
    left: 0 !important;
}
.top-100 {
    top: 100% !important;
}
.form-switch > .form-check-input {
    border-radius: 50rem;
    cursor: pointer;
    height: 1.5rem;
    margin-top: 0;
}
.form-check {
    display: block;
    min-height: 1.40625rem;
    padding-left: 2em;
    margin-bottom: 0.25rem;
}
.form-check .form-check-input {
    float: left;
    margin-left: -2em;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    background-color: #e7e7e9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.form-check-input[type="radio"] {
    border-radius: 50%;
}
.form-check-input:active {
    filter: brightness(90%);
}
.form-check-input:focus {
    border-color: 0;
    outline: 0;
    box-shadow: none;
}
.form-check-input:checked {
    background-color: #44f;
    border-color: #44f;
}
.form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
    background-color: #44f;
    border-color: #44f;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    opacity: 0.5;
}
.form-switch {
    padding-left: 3em;
}
.form-switch .form-check-input {
    width: 2.5em;
    margin-left: -3em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a2a2ff'/%3e%3c/svg%3e");
    background-position: left center;
    transition: background-position 0.15s ease-in-out;
}
 .help__head {
	 min-height: 292px;
	 padding: 66px 60px 34px;
	 border-radius: 12px 12px 0 0;
	 text-align: center;
}
 .help__form {
	 max-width: 634px;
	 margin: 0 auto;
}
 .help__form .help__title {
	 margin-bottom: 4px;
}
 .help__text {
	 margin-bottom: 32px;
}
 .help__group {
	 margin-top: 52px;
	 justify-content: center;
}
 .help__body {
	 padding: 60px;
}
 .help__body .help__title {
	 margin-bottom: 32px;
	 font-size: 18px;
	font-weight: 700;
}
 .help__row {
	 display: flex;
}
 .help__col {
	 flex: 1 1 auto;
}
 .help__col:not(:last-child) {
	 margin-right: 100px;
}
 .help__preview {
	 height: 130px;
	 margin-bottom: 42px;
}
 .help__pic {
	 max-height: 100%;
}
 .help__list {
	 display: flex;
	 flex-direction: column;
	 align-items: flex-start;
}
 .help__link {
	 margin-bottom: 20px;
}
.bg-dark .help__link {
	color:#fff;
}
 .help_sidebar .help__head {
	 min-height: 276px;
	 margin: -28px -28px 0;
	 border-radius: 0;
}
 .help_sidebar .help__body {
	 padding: 36px 0 0;
}
 .action {
	 display: inline-flex;
	 min-width: 36px;
	 height: 36px;
	 padding: 0 9px;
	 background: #e9e9f1;
	 border: 1px solid transparent;
	 border-radius: 6px;
	 font-weight: 700;
	 
	 align-items: center;
	 justify-content: center;
	 transition: all 0.2s;
	 vertical-align: middle;
}
.bg-dark .action {
	color: #ddd;
}
 .action:hover {
	 color: #0bce5a;
}
 .action .la {
	 font-size: 16px;
}
 .action_title {
	 padding: 0 18px;
	 background: none;
}
 .action_title.active {
	 background: #0bce5a;
	 border-color: #0bce5a;
	 color: #fff;
}
 .action_icon_before {
	 padding: 0 17px 0 11px;
}
 .action_icon_before .la {
	 margin-right: 5px;
}
 .action_icon_after {
	 padding: 0 11px 0 17px;
}
 .action_icon_after .la {
	 margin-left: 5px;
}
 .action_stroke {
	 background: #0bce5a;
	 border-color: #0bce5a;
}
 .action-group {
	 display: flex;
	 flex-wrap: wrap;
}
 .action-group .action {
	 margin: 0 6px 6px 0;
}
 .action-group_grow .action {
	 margin: 0 3px;
	 flex: 1;
}
 .field__label {
	 position: relative;
	 margin-bottom: -10px;
	 font-size: 12px;
	 color: #ddd;
	 z-index: 2;
}
 .field__wrap {
	 position: relative;
}
 .field__input, .field__select {
	 display: block;
	 width: 100%;
	 height: 54px;
	 padding-right: 24px;
	 background-color: transparent;
	 border: solid #fff;
	 border-width: 0 0 1px;
	 transition: border-color 0.2s;
	 color:#fff;
}
 .field__input:focus, .field__select:focus {
	 border-color: #ddd;
}
 .field__select {
	 border-radius: 0;
	 appearance: none;
	 color: #ddd;
	 line-height: 1;
}
 .field__select.active {
	 color: #000;
}
 .field__icon {
	 display: flex;
	 position: absolute;
	 top: 0;
	 right: 0;
	 height: 100%;
	 color: #ddd;
	 align-items: center;
	 justify-content: center;
	 pointer-events: none;
}
 .field.active .field__icon {
	 color: #000;
}
 .field.success .field__input {
	 border-color: green;
}
 .field.success .field__icon {
	 color: green;
}
 .field.error .field__input {
	 border-color: red;
}
 .field.error .field__icon {
	 color: red;
}
 
@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none;
    }
}
.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a2a2ff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.table-sm th,
.table-sm td {
    padding: 0.5rem 0.75rem;
}
@media only screen and (max-width: 767px) {
    .show_mob {
        display: block;
    }
    .hide_mob {
        display: none;
    }
    .left_side {
        display: none;
    }
    .left_side {
        order: 1;
    }
    .right_side {
        order: 2;
    }
    .middle_side {
        order: 3;
    }
    .right_side {
        display: none;
    }
    .new_home .navbar-brand img {
        max-height: 2rem;
    }
    .hide_on_mobile {
        display: none !important;
    }
    .show_on_mobile {
        display: block;
    }
    .home_banner {
        overflow: hidden;
    }
    .home_banner > .container {
        position: relative;
    }
    .home_banner h1 {
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .home_banner h1 br {
        display: none;
    }
    .home_banner p {
        font-size: 18px;
        line-height: 1.4285714286;
        margin-bottom: 25px;
    }
    .home_banner h3 {
        font-size: 20px;
    }
    .new_home h2 br {
        display: none;
    }
    .home_banner p br {
        display: none;
    }
    .banner_top_employers {
        margin-top: 20px;
    }
    .btn.btn_home {
        width: 96px;
        height: 25px;
        font-size: 11px;
        line-height: 9px;
        border-radius: 5px;
        padding: 7px 10px;
    }
    .btn.btn_play {
        width: 96px;
        height: 25px;
        font-size: 11px;
        padding: 4px 10px;
        color: #fff;
        line-height: 7px;
    }
    .home_banner .btn_play img {
        width: 17px;
    }
    .banner_image_content {
        position: relative;
        z-index: 2;
        padding-right: 15px !important;
        text-align: left;
    }
    .home_title h3 {
        font-size: 26px;
        line-height: 35px;
        margin: 0;
    }
    .home-section .d-flex {
        display: block !important;
    }
    .home_image {
        margin-top: 50px;
    }
    .home_description h3 {
        font-size: 22px;
    }
    .home_description p {
        font-size: 14px;
    }
    .home_description a {
        color: #3056d3;
        font-size: 12px;
    }
    .box_icons > h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 50px;
        text-align: center;
    }
    .home_icon img {
        max-width: 75px;
    }
    .home_icon p {
        font-size: 16px;
    }
    .home_icon h3 {
        font-size: 24px;
    }
    .home_icon {
        min-height: auto;
    }
    .action_home h3 {
        font-size: 23px;
        color: #fff;
        margin-bottom: 20px;
    }
    .action_home a {
        padding: 10px 20px;
        font-size: 14px;
    }
    .copy_right ul {
        display: block;
        margin-top: 20px;
    }
    .footer_section {
        padding: 0px 0 20px;
    }
    a.toggle_menu {
        display: none;
    }
    .custom_logo svg:last-child {
        display: none !important;
    }
    .home_description h3 > span::before {
        height: 5px;
        bottom: 6px;
    }
    .footer_menu ul {
        display: none;
    }
    .footer_menu {
        border: 1px solid #061558;
        border-radius: 8px;
        padding: 5px 15px;
        width: calc(100% - 30px);
        margin: 20px auto 0;
    }
    .footer_menu > h3 {
        position: relative;
        cursor: pointer;
        margin: 0;
        line-height: 30px;
    }
    .footer_menu > h3:after {
        content: "\f0d7";
        display: block;
        position: absolute;
        right: 15px;
        top: 0;
        color: #061558;
        font-family: FontAwesome;
        font-size: 16px;
    }
    .footer_menu.footer_menu_open > h3 {
        border-bottom: 1px solid #061558;
        padding-bottom: 5px;
    }
    .footer_menu.footer_menu_open > ul {
        display: block;
        padding: 5px 0;
    }
    .copy_right {
        display: block;
        text-align: center;
    }
    .copy_right p {
        margin: 0;
    }
    .copy_right ul {
        margin: 0;
    }
    .table_reponsive {
        max-width: 100%;
        overflow-x: scroll;
    }
    .new_home .page-header,
    .new_home .navbar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .action_home {
        padding: 50px 0;
    }
    .pre_loading img {
        width: 70px;
        margin-top: -35px;
        margin-left: -35px;
    }
    .filter_mobile {
        display: block;
        margin-right: 10px;
    }
    .side_filter {
        display: none;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        position: fixed;
        z-index: 1050;
        display: none;
        background: rgba(255, 255, 255, 0.7) !important;
    }
    .side_filter > .card {
        width: 17.5rem;
        transform: translate3d(0, 0, 0);
        height: 100% !important;
        overflow-y: scroll;
    }
    .event_box > .d-flex {
        display: block !important;
    }
    .event_featured {
        width: 100%;
    }
    .event_featured img {
        width: 100%;
        max-width: inherit;
    }
    .event_content {
        float: none;
        margin-top: 20px;
        width: 100%;
        padding-bottom: 30px;
        padding-left: 0;
    }
    .event_detail {
        padding-left: 0;
    }
    .auth_body.step_form .form_body {
        margin-top: 0;
    }
    .step_body_form #form-section {
        margin-top: 0;
        padding: 0;
    }
    .step_form_header a:first-child {
        display: none;
    }
    .step_form_header .custom_logo svg:last-child {
        display: inline-block !important;
    }
    .step_form_header .navbar-brand {
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .step_form_header .navbar-menu {
        display: none;
    }
    .upload_picker {
        padding: 30px 15px;
    }
    .card_sticky {
        padding: 2rem !important;
    }
    .testimonial_banner {
        display: none;
    }
    .testimonial_box {
        padding: 0px 0 30px;
    }
    .testimonial_box > img {
        margin-bottom: 30px;
    }
    .new_home blockquote {
        padding-right: 0 !important;
    }
    .hero-img-group-1 .hero-img-left {
        max-width: 240px;
    }
    .hero-img-group-1 .hero-img-right {
        top: 8px;
        right: -7px;
        max-width: 140px;
    }
    .home-section img {
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }
    .new_home .navbar .nav-link {
        font-size: 16px;
        padding: 0;
    }
    .new_home .navbar {
        min-height: 2.75rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    blockquote svg {
        margin-bottom: 20px;
        width: 30px;
    }
    blockquote .text-2x {
        font-size: 1.4em !important;
    }
    .new_home .btn.btn_play,
    .new_home .btn.btn_home {
        width: 160px;
        min-width: inherit;
    }
    .new_home .footer-dark h2 {
        font-size: 25px;
    }
    .finding_form > h3 {
        font-size: 26px;
    }
    .finding_form {
        padding: 0 28px;
    }
    .finding_body_form .auth_body.step_form .form_body {
        width: 100%;
    }
    .finding_note {
        flex-wrap: wrap;
    }
    .finding_note > p {
        margin-bottom: 10px;
    }
    .finding_note .tier_type {
        margin-bottom: 10px;
    }
    .finding_body_form .login_footer {
        display: block;
    }
    .finding_body_form .auth_body.step_form {
        min-height: calc(100vh - 160px);
    }
    .professional_options {
        padding: 0.75rem 15px;
    }
    .professional_options .finding_note .tier_type {
        margin-right: 0;
    }
    .professional_options .tier_type span {
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle;
    }
    .professional_options .tier_type img {
        width: 20px;
        display: inline-block;
        vertical-align: middle;
    }
    .filtered_bar_buttons > * {
        display: none;
    }
    .filtered_bar_buttons > *:first-child {
        display: block;
    }
    .filtered_bar_buttons > *:last-child {
        display: block;
    }
    .filtered_bar_clear {
        display: none;
    }
    .find_professional_infor {
        margin-top: 30px;
    }
    .find_professionals_page .step_form_header .navbar-brand {
        width: auto;
    }
    .find_professionals_page .step_form_header form input {
        display: none;
    }
    .find_professionals_page .step_form_header form.input-group {
        width: auto;
    }
    .find_professionals_page .step_form_header form .input-group-prepend {
        width: 33.6px;
    }
}