/*
6861CE - purple
10b981 - green
A64253 - maroon
FE4848 F4442E F4442E- red
*/

body {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    background-color: #ebebeb;
    color: rgba(0, 0, 0, .75);
    /*color: rgb(23, 43, 77);*/
    font-weight: 400 !important;
}

a {}

b {
    font-weight: 600 !important;
}

footer {
    background-color: #ffffff;
}

h1 {
    font-size: 40px;
    font-weight: 600 !important;
}

h2 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 600 !important;
}

h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600 !important;
}

h4 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600 !important;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

.content_container {
    background-color: #eef3fa !important;
    border: 1px solid white;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 0 !important;
}

.content-wrapper {
    background-color: #fafafa;
}

.left-sidebar {
    top: 0;
    left: -715px;
    width: 700px;
    z-index: 1;
    position: fixed;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    margin: 5px;
    border-radius: 5px;
}

.left-sidebar-b {
    top: 0;
    left: -705px;
    width: 700px;
    z-index: 1;
    position: fixed;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    margin: 5px;
    border-radius: 5px;
}

.right-sidebar {
    position: fixed;
    top: 0;
    right: -715px;
    width: 700px;
    z-index: 9999 !important;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    margin: 5px;
    border-radius: 5px;
}

.quick-start-guide-sidebar {
    position: fixed;
    top: 0;
    right: -715px;
    width: 700px;
    z-index: 9999 !important;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    margin: 5px;
    border-radius: 5px;
}

.bottom-bar-container {
    position: fixed;
    left: 0;
}

.bottom-bar {
    width: 1200px;
    margin-top: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #f6f6f6;
    -webkit-box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0 6px 0 rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

@media only screen and (max-width: 1200px) {
    .bottom-bar {
        width: 980px;
    }
}

@media only screen and (max-width: 991px) {
    .bottom-bar {
        width: 90%;
    }
}

@media only screen and (max-width: 480px) {
    .bottom-bar {
        width: 90%;
    }
}

.right-sidebar-b {
    position: fixed;
    top: 0;
    right: -705px;
    width: 700px;
    z-index: 9999 !important;
    background-color: #f6f6f6;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0px 6px 0px rgba(0, 0, 0, 0.25);
    margin: 5px;
    border-radius: 5px;
}

.loadingSpinnerContainer {
    z-index: 9999 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.loadingSpinnerContainerChild {
    width: 500px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px;
    margin-top: -30px;
}

.loadingSpinner {
    background: linear-gradient(to right top, #5c0a76, #b7005c, #e1442a, #d99600, #9edd0f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    top: 0;
    left: 0;
    position: absolute;
    font-size: 40px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}

.loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #716ACC;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
        background-color: #716ACC;
    }

    50% {
        width: 30%;
        background-color: #FF729F;
    }

    70% {
        width: 70%;
        background-color: #00BD9D;
    }

    80% {
        left: 50%;
        background-color: #65a7fe;
    }

    95% {
        left: 120%;
        background-color: #F4442E#F4442E;
    }

    to {
        left: 100%;
        background-color: #716ACC;
    }
}

.sk-folding-cube {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1697ab;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@-webkit-keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes load6 {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%,
    95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%,
    59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@-webkit-keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes round {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*
scroll bars
*/
::-webkit-scrollbar {
    width: 6px !important;
;
    height: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background: #cecece;
}

.component-parent {
    background-color: #FEFEFE;
    border-radius: 0;
}

.bg-muted {
    background-color: #FEFEFE;
}

/* login panel */
.auth-panel {
    background-color: #ffffff;
    text-align: center;
    border-radius: 20px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    max-width: 650px;
    padding: 20px;
}

/*
hour glass loader
*/
.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    box-sizing: border-box;
    border: 26px solid #dddddd;
    border-color: #dddddd transparent #dddddd transparent;
    animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

.lds-hourglass-muted {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-hourglass-muted:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    box-sizing: border-box;
    border: 15px solid #dddddd;
    border-color: #dddddd transparent #dddddd transparent;
    animation: lds-hourglass-muted 1.2s infinite;
}

@keyframes lds-hourglass-muted {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

/*
bubble gum loader
*/
#site-loader-container {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}

@keyframes siteLoaderLoader {
    0% {
        left: -100px
    }

    100% {
        left: 110%;
    }
}

#site-loader-box {
    width: 50px;
    height: 50px;
    background: #39A0ED;
    animation: siteLoaderAnimate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}

@keyframes siteLoaderAnimate {
    17% {
        border-bottom-right-radius: 3px;
    }

    25% {
        transform: translateY(9px) rotate(22.5deg);
    }

    50% {
        transform: translateY(18px) scale(1, .9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }

    75% {
        transform: translateY(9px) rotate(67.5deg);
    }

    100% {
        transform: translateY(0) rotate(90deg);
    }
}

#site-loader-shadow {
    width: 50px;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: siteLoaderShadow .5s linear infinite;
}

@keyframes siteLoaderShadow {
    50% {
        transform: scale(1.2, 1);
    }
}

/*
=============
Top Nav Bar 8CD3C7 #2F6690,#CCEEEE,#66CCBB,#557766,#77AA88,#2F6690,#CCEEEE,#66CCBB
=============
*/
.topnavbar-wrapper {
    border: 0 !important;
}

.nav-wrapper {
    height: 60px !important;
    border: 0 !important;
}

.navbar-nav>li>a {
    padding-top: 18px;
    padding-bottom: 18px;
    line-height: 21px;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 18px;
        padding-bottom: 18px;
        line-height: 21px;
    }
}

.navbar-right {
    float: right !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: -15px !important;
}

.topnavbar {
    border: 0 !important;
    background-color: #3a8cc2;
    /*03A9F4*/
    background-image: -webkit-linear-gradient(right, #3a8cc2 0%, #3a8cc2 100%);
    background-image: -o-linear-gradient(right, #377ec8 0%, #3a8cc2 100%);
    background-image: linear-gradient(to left, #3a8cc2 0%, #3a8cc2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F6690', endColorstr='#2F6690', GradientType=1);
}

.navbar,
.topnavbar {
    border: 0 !important;
    box-shadow: none !important;
}

/*
sidebar 404E67
*/
.aside-collapsed .sidebar>.nav>li>a,
.aside-collapsed-text .sidebar>.nav>li>a,
.aside-collapsed .sidebar>.nav>li>.nav-item,
.aside-collapsed-text .sidebar>.nav>li>.nav-item {}

/*
menus
*/
ul.global-settings li.dropdown:hover ul.dropdown-menu {
    display: block;
}

/* handle */
.handle {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/* backgrounds */
.gray-bg {
    background-color: #f3f3f4;
}

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

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.blue-bg {
    background-color: #1c84c6;
    color: #ffffff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg {
    background-color: rgb(255, 182, 82);
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.black-bg {
    background-color: #262626;
}

.info-bg {
    background-color: #0d5da9;
    color: #fff;
}

/* layout */
.db-column-l-lg {
    width: 400px;
}

.db-column-r-lg {
    margin-left: 400px;
}

.db-column-l-md {
    width: 350px;
    border-right: 1px solid #eee;
}

.db-column-r-md {
    margin-left: 350px;
}

.db-column-l-sm {
    width: 300px;
    border-right: 1px solid #eee;
}

.db-column-r-sm {
    margin-left: 300px;
}

.db-column-l-xs {
    width: 250px;
    border-right: 1px solid #eee;
}

.db-column-r-xs {
    margin-left: 250px;
}

.db-pipeline-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
}

.db-pipeline-column {
    display: inline-block;
    width: 450px;
    vertical-align: top;
    margin-right: 10px !important;
    padding: 0 !important;
    white-space: normal;
}

.db-pipeline-column-fluid {
    width: 100%;
}

.tab-content {
    border: 0 !important;
}

.hide-x-scroll-y {
    overflow-x: hidden;
    overflow-y: auto;
    /*transform: translateY(-100%);*/
}

.hide-x-scroll-y:hover {
    /*transform: translateY(0);*/
}

.hide-x-hide-y {
    overflow-x: hidden;
    overflow-y: hidden;
}

.scroll-x-hide-y {
    overflow-x: auto;
    overflow-y: hidden;
}

/* dropzone */
.dropzone {
    position: relative !important;
    border: 0 !important;
    background-color: #f3faff !important;
    border-radius: 4px !important;
    color: white !important;
    font: 15px arial !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    text-align: center !important;
    width: 100% !important;
}

.dropzone:hover {
    background: #edf4ff !important;
}

.dropzone.dropped {
    background: #edf4ff !important;
}

.dropzone.dz-drag-hover {
    background: #edf4ff !important;
}

.dropzone.in {
    background: #edf4ff !important;
    width: 100% !important;
    height: 200px !important;
    line-height: 200px !important;
    font-size: larger !important;
}

.dropzone img {
    background-color: transparent !important;
}

.dropzone-upload-bg {
    height: 70px !important;
    min-height: 0 !important;
    background-color: #ccc;
    border: 1px solid #e4eaec;
    padding: 20px 10px;
    border-radius: 5px;
}

/* divider */
div.divider {
    height: 1px;
    margin: 10.5px 0;
    overflow: hidden;
    background-color: #eaeaea;
}

/* header */
.content-heading {
    /*font-family: "Source Sans Pro", sans-serif;*/
    color: #656565;
}

.element-header-bar-shadow {
    border-bottom: 1px solid #eee;
}

/* wells */
.well-dark {
    background-color: #fafafa !important;
}

.well-borderless {
    border: 0 !important;
}

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

.well-widget {
    background-color: #f6f6f6;
    border-radius: 5px;
}

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

/* lists */
li.active a {
    color: #fff !important;
}

/* line heights */
.line-15 {
    line-height: 15px !important;
}

.line-20 {
    line-height: 20px !important;
}

.line-25 {
    line-height: 25px !important;
}

.line-30 {
    line-height: 30px !important;
}

.line-35 {
    line-height: 35px !important;
}

.line-40 {
    line-height: 40px !important;
}

.line-45 {
    line-height: 45px !important;
}

.line-50 {
    line-height: 50px !important;
}

.line-55 {
    line-height: 55px !important;
}

.line-60 {
    line-height: 60px !important;
}

.line-75 {
    line-height: 75px !important;
}

.line-100 {
    line-height: 100px !important;
}

/* text */
.text-wrap {
    overflow-wrap: break-word;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-micro {
    font-size: 9px;
}

.text-xxs {
    font-size: 11px;
}

.text-xs-label,
.text-tiny {
    font-size: 11px;
}

.text-xs {
    font-size: 12px;
}

.text-sm {
    font-size: 12.5px !important;
}

.text-md {
    font-size: 13px;
}
.text-14 {
    font-size: 14px;
}

.text-lg {
    font-size: 15px;
}

.text-xl {
    font-size: 17px;
}

.text-xxl {
    font-size: 19px;
}

.text-xxxl {
    font-size: 21px;
}

.text-welcome-modal {
    font-size: 17px;
}

.text-bold {
    font-weight: bold !important;
}

.text-red {
    color: rgb(255, 64, 95) !important;
}

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

.text-underline {
    text-decoration: underline !important;
}

.text-underline-dotted {
    border-bottom: 1px dotted #616161;
    text-decoration: none !important;
}

.text-header-sm {
    letter-spacing: 1px;
    color: #bbbbbb;
}

.text-black {
    color: #333;
}

.text-dark {
    color: #616161;
}

.text-dark:hover {
    color: #616161 !important;
}

.text-ghost {
    color: #dddddd;
    text-decoration: none !important;
}

.text-light {
    color: #b0b0b0;
    text-decoration: none !important;
}

.text-blue {
    color: #1c84c6 !important;
    text-decoration: none !important;
}

.text-primary,
.text-success {
    color: rgb(95, 206, 158) !important;
}

.text-force-select {
    -webkit-user-select: all;
    /* Chrome 49+ */
    -moz-user-select: all;
    /* Firefox 43+ */
    -ms-user-select: all;
    /* No support yet */
    user-select: all;
    /* Likely future */
}

.text-dark-green {
    color: #2b5e46;
}

.text-green {
    color: #1ab394;
}

.text-purple {
    color: #716ACC;
}

.site-title-text {
    white-space: nowrap;
    width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* search box */
.app-header-search-box-filter-btn {
    border: 1px solid #eaeaea;
    height: 30px;
    width: 30px;
}

.header-results-container {
    display: none;
    z-index: 999;
    top: 40px;
    right: 0;
    width: 100%;
    max-height: 500px;
}

.header-search-results {
    -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 10px 10px;
    border: 1px solid #eee;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-width: 750px;
}

@media (max-width: 1280px) {
    .site-title-text {
        white-space: nowrap;
        width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*.header-search-box{*/
    /*width: 250px!important;*/
    /*}*/
}

.project-label-truncate {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* labels */
.label {
    font-size: 9px;
    padding: 3px 5px !important;
    border-radius: 5px;
    font-weight: 600;
}

.label-counter-badge {
    font-size: 9px !important;
    width: 20px !important;
    padding: 4px !important;
    border-radius: 30px;
}

.label-count-badge {
    font-size: 9px !important;
    width: 20px !important;
    padding: 3px 8px !important;
    border-radius: 30px;
}

.label-primary {
    border: 1px solid #39A0ED !important;
    background-color: #39A0ED !important;
}

.label-white {
    border: 1px solid #eee !important;
    background-color: #fff !important;
    color: #777 !important;
}

.label-info {
    border: 1px solid rgb(54, 162, 235) !important;
    background-color: rgb(54, 162, 235);
    color: #ffffff;
}

.label-warning {
    background-color: rgb(255, 182, 82) !important;
    border: 1px solid rgb(255, 182, 82) !important;
}

.label-info-email {
    /*font-family: "Helvetica Neue", Arial, Verdana, "Trebuchet MS", sans-serif!important;*/
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    border-radius: 15px;
    height: 20px;
    line-height: 15px;
    text-align: center !important;
}

.label-attention {
    border: 1px solid rgb(255, 182, 82) !important;
    background-color: rgb(255, 182, 82) !important;
    color: #fff !important;
}

.label-danger {
    border: 1px solid rgb(255, 64, 95) !important;
    background-color: rgb(255, 64, 95) !important;
    color: #fff !important;
}

.label-private {
    border: 1px solid #555555 !important;
    background-color: #555555 !important;
    color: #fff !important;
}

.label-missing,
.label-error {
    border: 1px solid rgb(255, 64, 95) !important;
    background-color: rgb(255, 64, 95) !important;
    color: #fff !important;
}

.label-na {
    border: 1px solid #1a1a1a !important;
    background-color: #1A1A1A !important;
    color: #fff !important;
}

.label-white {
    border: 1px solid #eaeaea !important;
    background-color: #ffffff;
    color: #777777 !important;
    border-radius: 3px !important;
}

.label-dark {
    border: 1px solid #8D98A5 !important;
    background-color: #8D98A5;
    color: #ffffff !important;
    border-radius: 3px !important;
}

.label-default {
    border: 1px solid #b0bdcd !important;
    background-color: #B0BDCD !important;
    color: #fff !important;
}

.label-success {
    border: 1px solid #3DC598 !important;
    background-color: #3DC598;
    color: #ffffff;
}

.label-child,
.label-violet {
    border: 1px solid #716ACC !important;
    background-color: #716ACC;
    color: #ffffff;
}

.label-count {
    border: 1px solid rgb(255, 64, 95) !important;
    background-color: rgb(255, 64, 95) !important;
    color: #fff;
}

.label-count-info {
    border: 1px solid #E4B328 !important;
    background-color: #E4B328 !important;
    color: #fff;
}

.label-document-status {
    border: 1px solid #00BD9D !important;
    background-color: #00BD9D;
    /*2EC4B6*/
    color: #fff;
}

.label-buyer {
    border: 1px solid #39A0ED !important;
    background-color: #39A0ED;
    color: #fff;
}

.label-seller {
    border: 1px solid #00BD9D !important;
    background-color: #00BD9D;
    /*2EC4B6*/
    color: #fff;
}

.label-dual {
    border: 1px solid #fea957 !important;
    background-color: #fea957;
    color: #fff;
}

.label-nav-bar {
    border-radius: 10px !important;
    padding: 5px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 13px !important;
    font-size: 8px !important;
    margin-top: 0 !important;
    margin-left: -24px !important;
}

.label-dot {
    padding: 3px !important;
    margin-top: 8px !important;
    text-align: center !important;
    border-radius: 5px;
}

/* document labels */
.label-green {
    background-color: #00BD9D !important;
    color: #fff;
}

.label-red {
    background-color: rgb(255, 64, 95) !important;
    color: #fff !important;
}

.label-blue {
    border: 1px solid #39A0ED !important;
    background-color: #39A0ED !important;
    color: #fff;
}

.label-yellow {
    border: 1px solid rgb(255, 182, 82) !important;
    background-color: rgb(255, 182, 82) !important;
    color: #ffffff !important;
}

.label-gray,
.label-grey {
    border: 1px solid #b0bdcd !important;
    background-color: #B0BDCD !important;
    color: #fff !important;
}

/* font awesome */
.fa-hidden-menu-md {
    font-size: 15px;
}

.fa-hidden-menu-lg {
    font-size: 20px;
}

.fa-2x,
.fa-3x,
.fa-4x,
.fa-5x {
    vertical-align: middle;
}

.fa-drag-handle:before {
    content: "\f142 \f142";
    letter-spacing: 2px;
    color: #ccc;
}

.fa-default-color {
    color: #d6e3f4 !important;
}

.fa-spin {
    -webkit-animation: fa-spin 0.75s infinite linear !important;
    animation: fa-spin 0.75s infinite linear !important;
}

.fa-btn-icon {
    font-size: 18px !important;
}

.fa-check-circle-success {
    color: #3DC598 !important;
}

.fa-minus-circle-success {
    color: rgb(255, 64, 95) !important;
}

/* documents */
.document-not-missing {
    border-left: 5px solid transparent;
}

.document-missing {
    border-left: 5px solid rgb(255, 64, 95);
}

.input-save-btn {
    right: 7px;
    top: 7px;
    z-index: 99;
    display: none;
}

/* color ball picker */
.square-red {
    color: rgb(255, 64, 95);
    /*#FF405F*/
}

.square-purple,
.important-date,
.star-purple,
.calendar-purple {
    color: #716ACC;
}

.square-pink {
    color: #FF729F;
}

.square-steel {
    color: #A3C3D9;
}

.square-taupe {
    color: #E6E4CE;
}

.square-shell {
    color: #EBF5EE;
}

.square-green {
    color: #00BD9D;
}

.square-blue {
    color: #65a7fe;
    /*5FBFF9*/
}

.square-brown {
    color: #b37639;
}

.square-black {
    color: #555555;
}

.square-gray,
.square-grey {
    color: #8D98A5;
}

.square-orange {
    color: #F7B32B;
}

.square-yellow {
    color: #FFE066;
}

.square-orange {
    color: #FF9F1C;
}

.square-seafoam {
    color: #9EEFE5;
}

.square-bubblegum {
    color: #FF78CB;
}

.square-lavender {
    color: #C377E0;
}

.square-mint {
    color: #51E898;
}

.square-candy {
    color: #D64550;
}

.square-sage {
    color: #7B904B;
}

.square-ocean {
    color: #276FBF;
}

/*
table background colors
*/
.square-fedada {
    color: #fedada;
}

.square-e1f8df {
    color: #e1f8df;
}

.square-fef2d9 {
    color: #fef2d9;
}

.square-f8dff7 {
    color: #f8dff7;
}

.square-daf9fe {
    color: #daf9fe;
}

.square-f9fac5 {
    color: #f9fac5;
}

.square-e5e5e5 {
    color: #e5e5e5;
}

.square-ffffff {
    color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}

/* color squares */
.square-red-border {
    border-left: 3px solid rgb(255, 64, 95);
}

.square-purple-border {
    border-left: 3px solid #716ACC;
}

.square-pink-border {
    border-left: 3px solid #FF729F;
}

.square-steel-border {
    border-left: 3px solid #A3C3D9;
}

.square-taupe-border {
    border-left: 3px solid #E6E4CE;
}

.square-shell-border {
    border-left: 3px solid #EBF5EE;
}

.square-green-border {
    border-left: 3px solid #00BD9D;
}

.square-blue-border {
    border-left: 3px solid #65a7fe;
    /*5FBFF9*/
}

.square-brown-border {
    border-left: 3px solid #392A16;
}

.square-black-border {
    border-left: 3px solid #555555;
}

.square-gray-border,
.square-grey-border {
    border-left: 3px solid #8D98A5;
}

.square-orange-border {
    border-left: 3px solid #F7B32B;
}

.square-yellow-border {
    border-left: 3px solid #FFE066;
}

.square-orange-border {
    border-left: 3px solid #FF9F1C;
}

/* border colors */
.border-right-none,
.bg-none {
    border-right: 0 !important;
}

.border-red {
    border-left: 3px solid rgb(255, 64, 95) !important;
}

.border-purple {
    border-left: 3px solid #716ACC !important;
}

.border-pink {
    border-left: 3px solid #FF729F !important;
}

.border-steel {
    border-left: 3px solid #A3C3D9 !important;
}

.border-taupe {
    border-left: 3px solid #E6E4CE !important;
}

.border-shell {
    border-left: 3px solid #EBF5EE !important;
}

.border-teal {
    border-left: 3px solid #21A0A0 !important;
}

.border-green {
    border-left: 3px solid #00BD9D !important;
}

.border-blue {
    border-left: 3px solid #65a7fe !important;
    /*5FBFF9*/
}

.border-ocean-blue {
    border-left: 3px solid #35A7FF !important;
    /*5FBFF9*/
}

.border-brown {
    border-left: 3px solid #b37639 !important;
}

.border-black {
    border-left: 3px solid #555555 !important;
}

.border-gray,
.border-grey {
    border-left: 3px solid #8D98A5 !important;
}

.border-orange {
    border-left: 3px solid #F7B32B !important;
}

.border-yellow {
    border-left: 3px solid #FFE066 !important;
}

.border-pink {
    border-left: 3px solid #FF729F !important;
}

.border-steel {
    border-left: 3px solid #A3C3D9 !important;
}

.border-taupe {
    border-left: 3px solid #E6E4CE !important;
}

.border-shell {
    border-left: 3px solid #EBF5EE !important;
}

.border-orange {
    border-left: 3px solid #FF9F1C !important;
}

.border-seafoam {
    border-left: 3px solid #9EEFE5 !important;
}

.border-bubblegum {
    border-left: 3px solid #FF78CB !important;
}

.border-lavender {
    border-left: 3px solid #C377E0 !important;
}

.border-mint {
    border-left: 3px solid #51E898 !important;
}

.border-candy {
    border-left: 3px solid #D64550 !important;
}

.border-sage {
    border-left: 3px solid #7B904B !important;
}

.border-ocean {
    border-left: 3px solid #276FBF !important;
}

/* border top colors */
.border-top-default {
    border-top: 3px solid #fafafa !important;
}

.border-top-transparent {
    border-top: 3px solid transparent !important;
}

.border-top-red {
    border-top: 3px solid rgb(255, 64, 95) !important;
}

.border-top-purple {
    border-top: 3px solid #716ACC !important;
}

.border-top-pink {
    border-top: 3px solid #FF729F !important;
}

.border-top-steel {
    border-top: 3px solid #A3C3D9 !important;
}

.border-top-taupe {
    border-top: 3px solid #E6E4CE !important;
}

.border-top-shell {
    border-top: 3px solid #EBF5EE !important;
}

.border-top-green {
    border-top: 3px solid #00BD9D !important;
}

.border-top-blue {
    border-top: 3px solid #65a7fe !important;
}

.border-top-brown {
    border-top: 3px solid #b37639 !important;
}

.border-top-black {
    border-top: 3px solid #555555 !important;
}

.border-top-gray,
.border-top-grey {
    border-top: 3px solid #8D98A5 !important;
}

.border-top-orange {
    border-top: 3px solid #F7B32B !important;
}

.border-top-yellow {
    border-top: 3px solid #FFE066 !important;
}

.border-top-orange {
    border-top: 3px solid #FF9F1C !important;
}

.border-top-seafoam {
    border-top: 3px solid #9EEFE5;
}

.border-top-bubblegum {
    border-top: 3px solid #FF78CB;
}

.border-top-lavender {
    border-top: 3px solid #C377E0;
}

.border-top-mint {
    border-top: 3px solid #51E898;
}

.border-top-candy {
    border-top: 3px solid #D64550;
}

.border-top-sage {
    border-top: 3px solid #7B904B;
}

.border-top-ocean {
    border-top: 3px solid #276FBF;
}

/* document colors */
.document-bg-red {
    background-color: rgb(255, 64, 95);
    color: white;
    border: 1px solid rgb(255, 64, 95);
}

.document-bg-purple {
    background-color: #716ACC;
    color: white;
    border: 1px solid #716ACC;
}

.document-bg-pink {
    background-color: #FF729F;
    color: white;
    border: 1px solid #FF729F;
}

.document-bg-steel {
    background-color: #A3C3D9;
    color: white;
    border: 1px solid #A3C3D9;
}

.document-bg-taupe {
    background-color: #E6E4CE;
    color: white;
    border: 1px solid #E6E4CE;
}

.document-bg-shell {
    background-color: #EBF5EE;
    color: white;
    border: 1px solid #EBF5EE;
}

.document-bg-teal {
    background-color: #21A0A0;
    color: white;
    border: 1px solid #21A0A0;
}

.document-bg-green {
    background-color: #00BD9D;
    color: white;
    border: 1px solid #00BD9D;
}

.document-bg-blue {
    background-color: #65a7fe;
    /*5FBFF9*/
    color: white;
    border: 1px solid #65a7fe;
}

.document-bg-ocean-blue {
    background-color: #35A7FF;
    /*5FBFF9*/
    color: white;
    border: 1px solid #35A7FF;
}

.document-bg-brown {
    background-color: #b37639;
    color: white;
    border: 1px solid #b37639;
}

.document-bg-black {
    background-color: #555555;
    color: white;
    border: 1px solid #555555;
}

.document-bg-gray,
.document-bg-grey {
    background-color: #8D98A5;
    color: white;
    border: 1px solid #8D98A5;
}

.document-bg-orange {
    background-color: #F7B32B;
    color: #5d4118;
    border: 1px solid #F7B32B;
}

.document-bg-yellow {
    background-color: #FFE066;
    color: #333;
    border: 1px solid #FFE066;
}

.document-bg-pink {
    background-color: #FF729F;
    color: white;
    border: 1px solid #FF729F;
}

.document-bg-steel {
    background-color: #A3C3D9;
    color: white;
    border: 1px solid #A3C3D9;
}

.document-bg-taupe {
    background-color: #E6E4CE;
    color: white;
    border: 1px solid #E6E4CE;
}

.document-bg-shell {
    background-color: #EBF5EE;
    color: white;
    border: 1px solid #EBF5EE;
}

.document-bg-orange {
    background-color: #FF9F1C;
    color: white;
    border: 1px solid #FF9F1C;
}

.document-button {
    border-radius: 9px !important;
}

/* bg colors */
.bg-default {
    background-color: #d6e3f4 !important;
    color: #777 !important;
}

.bg-red,
.label-red {
    background-color: rgb(255, 64, 95);
}

.bg-purple,
.label-purple {
    background-color: #716ACC;
    border: 1px solid #716ACC !important;
}

.bg-pink,
.label-pink {
    background-color: #FF729F;
}

.bg-steel,
.label-steel {
    background-color: #A3C3D9;
}

.bg-taupe,
.label-taupe {
    background-color: #E6E4CE;
}

.bg-shell,
.label-shell {
    background-color: #EBF5EE;
}

.bg-green,
.label-green {
    background-color: #00BD9D;
}

.bg-blue,
.label-blue {
    background-color: #65a7fe;
}

.bg-brown,
.label-brown {
    background-color: #b37639;
}

.bg-black,
.label-black {
    background-color: #555555;
}

.bg-gray,
.label-gray,
.bg-grey,
.label-grey {
    background-color: #8D98A5;
    color: #ffffff !important;
}

.bg-orange,
.label-orange {
    background-color: #F7B32B;
}

.bg-yellow {
    background-color: #FFE066;
    color: #5d4118 !important;
}

.bg-seafoam,
.label-seafoam {
    background-color: #9EEFE5;
    color: #ffffff !important;
}

.bg-bubblegum,
.label-bubblegum {
    background-color: #FF78CB;
    color: #ffffff !important;
}

.bg-lavender,
.label-lavender {
    background-color: #C377E0;
    color: #ffffff !important;
}

.bg-mint,
.label-mint {
    background-color: #51E898;
    color: #ffffff !important;
}

.bg-candy,
.label-candy {
    background-color: #D64550;
    color: #ffffff !important;
}

.bg-sage,
.label-sage {
    background-color: #7B904B;
    color: #ffffff !important;
}

.bg-ocean,
.label-ocean {
    background-color: #276FBF;
    color: #ffffff !important;
}

.bg-past-due {
    background-color: #fffcfd;
}

.bg-sub-item {
    background-color: #faf8f2;
}

/* priority colors */
.ball-bg-color-danger {
    color: rgb(255, 64, 95);
}

.ball-bg-color-warning {
    color: rgb(255, 182, 82) !important;
}

.ball-bg-color-info {
    color: rgb(54, 162, 235);
}

/* ball colors */
.ball-bg-color-,
.ball-bg-color-default,
.ball-bg-color-white {
    color: #d6e3f4 !important;
}

.ball-bg-color-red {
    color: rgb(255, 64, 95);
}

.ball-bg-color-purple {
    color: #716ACC;
}

.ball-bg-color-pink {
    color: #FF729F;
}

.ball-bg-color-steel {
    color: #A3C3D9;
}

.ball-bg-color-taupe {
    color: #E6E4CE;
}

.ball-bg-color-shell {
    color: #EBF5EE;
}

.ball-bg-color-green, .ball-bg-color-success {
    color: #00BD9D;
}

.ball-bg-color-blue {
    color: #65a7fe;
    /*5FBFF9*/
}

.ball-bg-color-brown {
    color: #b37639;
}

.ball-bg-color-black {
    color: #555555;
}

.ball-bg-color-gray,
.ball-bg-color-grey {
    color: #8D98A5;
}

.ball-bg-color-orange {
    color: #F7B32B;
}

.ball-bg-color-yellow {
    color: #FFE066;
}

.ball-bg-color-orange {
    color: #FF9F1C;
}

.ball-bg-color-seafoam {
    color: #9EEFE5;
}

.ball-bg-color-bubblegum {
    color: #FF78CB;
}

.ball-bg-color-lavender {
    color: #C377E0;
}

.ball-bg-color-mint {
    color: #51E898;
}

.ball-bg-color-candy {
    color: #D64550;
}

.ball-bg-color-sage {
    color: #7B904B;
}

.ball-bg-color-ocean {
    color: #276FBF;
}

.ball-bg-color-fedada {
    color: #fedada;
}

.ball-bg-color-e1f8df {
    color: #e1f8df;
}

.ball-bg-color-fef2d9 {
    color: #fef2d9;
}

.ball-bg-color-f8dff7 {
    color: #f8dff7;
}

.ball-bg-color-daf9fe {
    color: #daf9fe;
}

.ball-bg-color-f9fac5 {
    color: #f9fac5;
}

.ball-bg-color-e5e5e5 {
    color: #e5e5e5;
}

.ball-bg-color-blank {
    color: transparent;
    background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white;
    background-repeat: repeat, repeat;
    background-position: 0px 0, 5px 5px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 10px 10px, 10px 10px;
    background-size: 10px 10px, 10px 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    border: 1px solid #eaeaea;
    border-radius: 20px;
}

.ball-bg-color-ffffff {
    color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}

.ball-bg-color-ffffff-bordered {
    color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 20px;
}

/* document bg */
.document-bg-black {
    background-color: #555555;
    color: white;
    border-right: 1px solid #333;
}

/* borders */
.border-white {
    border: 1px solid white;
}

.border-left-none {
    border-left: 0;
}

.border-right-none {
    border-right: 0;
}

.border-round-none {
    border-radius: 0;
}

.border-round {
    border-radius: 5px;
}

.border-top-round {
    border-radius: 5px 5px 0 0;
}

.border-round-micro {
    border-radius: 1px;
}

.border-round-xs {
    border-radius: 2px;
}

.border-round-sm {
    border-radius: 3px;
}

.border-round-md {
    border-radius: 10px;
}

.border-round-lg {
    border-radius: 10px;
}

.border-round-xl {
    border-radius: 10px;
}

.border-round-xxl {
    border-radius: 8px;
}

.border-round-xxl {
    border-radius: 10px;
}

.div-list-item {
    border-radius: 10px;
    border: 1px solid #eaeaea;
}


.border-db-item,
.border-db-element,
.app-element-border,
.widget-bordered-element {
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.task-header-border-round {
    border-radius: 4px 4px 0 0;
}

/* div list element */
.div-li-element,
.div-element {
    border: 1px solid #eaeaea;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 10px;
}

/* modals */
.modal {
    z-index: 1049;
}

.modal-backdrop {
    z-index: 1048;
}

.modal-xl {
    width: 95%;
}

.modal-documents {
    width: 85%;
}

.modal-full {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
    border-radius: 5px !important;
    border: 0 !important;
}

.modal-full-content {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
}

.modal-footer {
    border-top: 0 !important;
}

.modal-header {
    border-bottom: 0 !important;
}

.modal-xs {
    width: 200px;
}

@media (min-width: 992px) {
    .modal-lg-plus {
        width: 1200px;
    }
}

/* panels */
.panel-heading {
    background-color: #f6f6f6 !important;
    border-bottom: 1px solid #eee !important;
}

.panel-footer {
    background-color: #f6f6f6 !important;
}

.panel-heading h4 {
    color: #616161 !important;
}

.panel-heading h5 {
    color: #616161 !important;
    font-weight: bold;
    font-size: 15px;
}

.panel {
    border-top: 1px solid #ccc !important;
}

/* links */
a {
    color: #1266b7;
    text-decoration: none !important;
}

a.blue {
    color: #368cd3 !important;
}

a:hover {
    color: #347abf;
}

a.delete-link {
    color: #fe8576 !important;
}

a.no-underline {
    text-decoration: none !important;
}

a.see-more {
    color: #8CD3C7 !important;
    text-decoration: underline !important;
}

a.has-dropbox {
    color: #007ee5 !important;
}

a.red {
    color: #F4442E !important;
}

a.red:hover {
    color: #cd3c3c !important;
}

.pointer {
    cursor: pointer !important;
}

.list-group-item:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.list-project-fields li {
    padding: 8px 12px !important;
}

.list-merge-fields li,
.list-group-sm li {
    padding: 6px 12px !important;
}

.list-merge-fields li a,
.list-group-sm li a {
    font-size: 12px !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #5d9beb;
}

.dropdown-menu>.active>a {
    color: #333 !important;
}

.list-group-item-break {
    word-break: break-all;
}

.merge-options li a {
    padding: 5px !important;
    font-size: 13px !important;
    color: #5d9beb !important;
}

/* font awesome */
.fa-delete {
    color: #fe8576 !important;
}

/* breadcrumbs */
.breadcrumb {
    padding: 5px 10px 5px 20px !important;
    margin: 0 !important;
    background-color: #fff;
}

.breadcrumb li,
.breadcrumb li a {
    font-size: 13px !important;
}

/* owl carousel */
.owl-carousel .owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.9);
    font-size: 11px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    text-align: center;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #FCFCFC;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
    position: absolute;
    top: 10px;
    height: 30px;
    margin: auto !important;
}

.owl-carousel .owl-prev {
    right: 45px;
}

.owl-carousel .owl-next {
    right: 10px;
}

.owl-carousel .owl-dots {
    display: none !important;
}

/* buttons */
button {
    box-shadow: none !important;
}

.btn {
    border-radius: 10px;
    font-size: 14px;
    border-color: transparent;
    padding: 15px 20px;
    height: 50px;
    font-weight: 500 !important;
}

.btn-75 {
    width: 75px;
}

.btn-40 {
    width: 40px;
}

.input-group-btn .btn {
    height: 50px;
}

.btn-group.special {
    display: flex;
}

.special .btn {
    flex: 1;
}

.btn-mini {
    padding: 5px 10px;
    font-size: 12px;
}

.btn-contact-action-option {
    padding: 2px 7px;
    font-size: 11px;
    height: 24px;
}

.btn-contact-action-option:hover {
    background-color: #3DC598;
    color: #ffffff;
}

.btn-contact-action-option-active {
    background-color: #3DC598;
    color: #ffffff !important;
}

.btn-rounded {
    /*border-radius: 50px!important;*/
}

.btn-round {
    border-radius: 50px !important;
}

.btn-rounded-left {
    border-radius: 50px 0 0 50px !important;
}

.btn-rounded-right {
    border-radius: 0 50px 50px 0 !important;
}

.btn-fat {}

.btn-fat-lg {
    min-width: 100px;
    padding: 13px 30px;
}

.btn-xs {
    padding: 5px !important;
    height: 20px !important;
    line-height: 1px !important;
    font-size: 10px;
    border-radius: 4px;
    border-color: transparent;
}

.btn-sm {
    padding: 8px 15px !important;
    height: 36px;
}
.btn-mark-as-done-sm {
    padding: 8px 15px !important;
    height: 40px!important;
    line-height: 20px!important;;
}

.btn-md {
    padding: 10px 17px !important;
    height: 40px !important;
    line-height: 20px !important;
}

.btn-login {
    background-color: #7a37b0 !important;
    padding: 15px;
    font-size: 18px;
    color: #fff;
}

.btn-login:hover,
.btn-login:focus,
.btn-login:active,
.btn-login:active:focus {
    color: #fff;
}

.btn-purple {
    /*background-color: #716ACC!important;*/
    background-color: #3DC598 !important;
    border: 0 !important;
    color: #fff !important;
;
}

.btn-purple-outline,
.btn-purple-outline:hover {
    border: 1px solid #3DC598 !important;
    background-color: #ffffff;
    color: #3DC598 !important;
;
}

.btn-purple:hover,
.btn-purple:active {
    background-color: #3DC598 !important;
    border: 0 !important;
    color: #fff !important;
;
}

.btn-dark-purple {
    /*background-color: #716ACC!important;*/
    background-color: #3DC598 !important;
    border: 0 !important;
    color: #fff !important;
;
}

.btn-dark-purple:hover,
.btn-dark-purple:active {
    background-color: #434386 !important;
    border: 0 !important;
    color: #fff !important;
;
}

/*4d4a54*/
.btn-primary {
    border: 0 !important;
    background-color: #716ACC;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #716ACC;
    border: 0 !important;
}

.btn-success {
    background-color: #3DC598 !important;
    border: 0 !important;
    color: #fff;
}

.btn-success:hover {
    background-color: #3DC598 !important;
    border: 0 !important;
    color: #fff;
}

.btn-footer-option {
    background-color: #536288 !important;
    border: 0 !important;
    color: #fff;
}

.btn-footer-option:hover, .btn-footer-option:focus {
    background-color: #536288 !important;
    border: 0 !important;
    color: #fff;
}

.btn-yellow {
    background-color: #FFD23F !important;
    border: 0 !important;
    color: #555;
    font-weight: bold;
}

.btn-success-outline {
    background-color: #ffffff !important;
    border: 1px solid rgb(95, 206, 158) !important;
    color: rgb(91, 182, 134);
}

.btn-success-outline:hover,
.btn-success-outline:active,
.btn-success-outline:focus {
    color: rgb(91, 182, 134);
}

.btn-site-color {
    border: 0 !important;
    background-color: #f2115d;
    color: white !important;
}

.btn-info {
    border: 0 !important;
    background-color: #3DC598 !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background-color: #3DC598 !important;
    border: 0 !important;
}

.btn-blue {
    background-color: #5d9beb !important;
    color: #fff;
    border: 0 !important;
}

.btn-blue:hover,
.btn-blue:focus {
    color: #fff;
}

.btn-mention-data {
    background-color: #ffffff;
    border: 1px solid #5d9beb !important;
    color: #5d9beb !important;
    border-radius: 30px !important;
}

.btn-mention-data:hover,
.btn-mention-data:active,
.btn-mention-data:focus {
    background-color: #ffffff;
    border: 1px solid #5d9beb !important;
    color: #5d9beb !important;
}

.btn-warning {
    border: 0 !important;
    background-color: rgb(255, 182, 82) !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background-color: rgb(255, 175, 79) !important;
    border: 0 !important;
}

.btn-default {
    color: #555555;
}

.btn-option {
    background-color: #6B7280;
    color: #ffffff;
    border: 0 !important;
}

.btn-option:hover,
.btn-option:active,
.btn-option:focus {
    background-color: #6B7280;
    color: #ffffff;
    border: 0 !important;
}

.btn-option-dark {
    background-color: #6B7280;
    color: #ffffff;
    border: 0 !important;
}

.btn-option-dark:hover,
.btn-option-dark:active,
.btn-option-dark:focus {
    background-color: #6B7280;
    color: #ffffff;
    border: 0 !important;
}

.btn-template {
    background-color: #ffffff !important;
    color: #555555;
    border: 1px solid #eaeaea!important;
}

.btn-template:hover,
.btn-template:active,
.btn-template:focus {
    background-color: #ffffff !important;
    color: #555555;
}

.btn-dark {
    background-color: #94a1b2;
    color: #ffffff;
    border: 0 !important;
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
    background-color: #8893a3;
    color: #ffffff;
    border: 0 !important;
}

.btn-danger {
    border: 0 !important;
    background-color: rgb(255, 64, 95);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background-color: rgb(255, 64, 95);
    border: 0 !important;
}

.btn-danger-outline {
    background-color: #ffffff !important;
    border: 1px solid rgb(255, 64, 95) !important;
    color: rgb(255, 64, 95);
}

.btn-danger-outline:hover,
.btn-danger-outline:active,
.btn-danger-outline:focus {
    color: rgb(255, 64, 95);
}

.btn-active {
    border: 0 !important;
    background-color: #716ACC;
    color: #fff !important;
}

.btn-active:hover,
.btn-active:active,
.btn-active:focus {
    background-color: #716ACC !important;
    color: #fff !important;
    border: 0 !important;
}

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

.btn-save-input,
.btn-cancel-input {
    padding: 5px;
    font-size: 10px;
    max-width: 100px !important;
    min-width: 40px !important;
    height: 30px !important;
}

.btn-text-sm {
    font-size: 14px;
}

.btn-how-it-works {
    background-color: rgb(243, 250, 253) !important;
    border: 1px solid rgb(184, 221, 239) !important;
    border-radius: 25px;
    color: rgb(58, 150, 196) !important;
}

.btn-support {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
}

.support-btn-group .btn {
    border-right: 1px solid #eaeaea; /* Ensure a consistent right border */
    margin-right: -1px; /* Prevent extra spacing between buttons */
}

.support-btn-group .btn:hover,
.support-btn-group .btn:focus {
    border-right: 1px solid #eaeaea !important; /* Maintain consistent border */
    outline: none; /* Remove focus outline */
    box-shadow: none !important; /* Prevent Bootstrap from adding extra styling */
}

.support-btn-group .btn + .btn {
    margin-left: 0 !important; /* Prevent any additional margin */
    border-left: 1px solid #eaeaea; /* Ensure a consistent left border */
}

/*.support-btn-group .dropdown-menu {*/
/*    left: 50% !important; !* Move dropdown to center *!*/
/*    transform: translateX(-50%) !important; !* Shift it back by half its width *!*/
/*    text-align: center; !* Center-align content inside *!*/
/*    width: auto; !* Adjust width dynamically *!*/
/*}*/

.btn-white {
    background-color: #ffffff !important;
}

.btn-outline {}

.btn-blue {
    background: rgb(54, 162, 235);
    color: #ffffff;
    border: 0 !important;
}

.btn-blue:link,
.btn-blue:visited {
    color: #fff
}

.btn-blue:active,
.btn-blue:hover,
.btn-blue:focus {
    background: rgb(54, 162, 235);
    color: #fff
}


/* screen */
@media only screen and (max-width: 768px) {
    .dbButtonFullWidth {
        display: block;
        width: 100%;
    }

    .dbButtonGroupJustified {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
    }
}

.dropdown-hover:hover .dropdown-menu {
    display: block;
    margin-top: -3px;
}

.header-search-dropdown-hover:hover .dropdown-menu {
    display: block;
    margin-top: -3px;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #eee;
    color: #333;
}

/* dotloop */
.btn-dotloop {
    background: #64BCFC;
    color: #fff
}

.btn-dotloop:link,
.btn-dotloop:visited {
    color: #fff
}

.btn-dotloop:active,
.btn-dotloop:hover,
.btn-dotloop:focus {
    background: #64BCFC;
    color: #fff
}

/*
google
*/
.google {
    color: #e93f2e;
}

.btn-google {
    background: #e93f2e;
    color: #fff
}

.btn-google:link,
.btn-google:visited {
    color: #fff
}

.btn-google:active,
.btn-google:hover,
.btn-google:focus {
    background: #ba3225;
    color: #fff
}

/*
dropbox
*/
.btn-dropbox {
    background: #007ee5;
    color: #fff
}

.btn-dropbox:link,
.btn-dropbox:visited {
    color: #fff !important;
}

.btn-dropbox:active,
.btn-dropbox:hover,
.btn-dropbox:focus {
    background: #0074db;
    color: #fff !important;
}

/* progress bar */
.progress-default {
    background-color: #eee;
    color: #333;
}

.progress-bar-success {
    background-color: #3DC598;
    /*background-color: #f2115d;*/
    /*background-image: linear-gradient(-45deg,#136391 25%,transparent 25%,transparent 50%,#136391 50%,#136391 75%,transparent 75%,transparent);*/
}

.progress-bar-purple {
    background-color: #716ACC;
}

.progress {
    position: relative;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
}

.progress-bar-danger {
    background-color: rgb(255, 64, 95);
}

.progress-bar-warning {
    background-color: rgb(255, 182, 82) !important;
}

.progress-bar-info {
    background-color: rgb(54, 162, 235);
}

.progress-bar-gray {
    background-color: #eeeeee;
}

/* error */
.field-error {
    border: 1px solid red;
    padding: 10px;
    border-radius: 10px;
}

/* status badge */
.contact-status-badge-client {
    background-color: #8CD3C7;
    padding: 3px !important;
    width: 65px;
    font-size: 11px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

.contact-status-badge-contact {
    background-color: #404E67;
    padding: 3px !important;
    width: 65px;
    font-size: 11px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

/* badges */
.badge {
    border-radius: 2px !important;
}

.badge-time {
    border-radius: 2px !important;
    padding: 10px 6px;
    color: #fe8576;
    font-size: 11px;
}

.badge-default {
    background-color: #8D98A5 !important;
    color: #fff !important;
}

.badge-primary {
    background-color: #8CD3C7 !important;
}

.badge-danger {
    background-color: rgb(255, 64, 95) !important;
    color: #fff !important;
}

.badge-success {
    background-color: #3DC598;
}

.badge-info {
    background-color: rgb(54, 162, 235);
}

.badge-email-recipient {
    font-size: 12px;
    padding: 4px 10px;
    background-color: #8D98A5 !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 20px !important;
}

.badge-text-message-recipient {
    font-size: 12px;
    padding: 4px 10px;
    background-color: #8D98A5 !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 20px !important;
}

.badge-contact {
    font-size: 12px;
    padding: 4px 10px;
    background-color: #8D98A5 !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 20px !important;
}

.badge-contact i {
    color: #fff !important;
}

.badge-db-task:hover {
    cursor: pointer !important;
}

.badge-email-label {
    font-size: 10px;
    padding: 4px 10px;
    background-color: #8D98A5 !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 20px !important;
}

.badge-email-search-filter {
    font-size: 13px;
    padding: 4px 10px;
    background-color: #8D98A5 !important;
    color: #fff !important;
    font-weight: 400;
    border-radius: 4px !important;
}

/* text */
.text-primary {
    color: #8CD3C7;
}

.text-danger {
    color: #f05050;
}

.text-warning {
    color: #FFDF81;
}

/* alert */
.alert {
    padding: 20px;
    border-radius: 10px !important;
}

.alert-white {
    border: 1px solid #eaeaea;
    background-color: #fff;
}

.alert-notice {
    border: 1px solid #eaeaea;
    background-color: #fff;
}

.alert-info {
    background-color: #fafafa !important;
    border: none !important;
    padding: 20px !important;
    color: #596c7d !important;
}

.alert-purple {
    background-color: #ffffff !important;
    color: #716ACC;
    border: 1px solid #716ACC !important;
}

.alert-info p,
.alert-info div {
    color: #596c7d !important;
}

.alert-danger {
    background-color: #fafafa !important;
    color: #f05050 !important;
    border: none !important;
    padding: 20px !important;
}

.alert-danger p,
.alert-danger div {
    color: #f05050;
}

.alert-warning {
    background-color: #ffffff !important;
    color: #596c7d;
    border: 1px solid #ffd653 !important;
}

.alert-warning a {
    color: #9a7528;
    text-decoration: underline;
}

.alert-warning p,
.alert-warning div {
    color: #9a7528;
}

.alert-success {
    background-color: #ffffff !important;
    color: #596c7d;
    border: 1px solid #3DC598 !important;
}

.alert-success p,
.alert-success div {
    color: #2b5e46;
}

.alert-success-filled {
    background-color: #3DC598 !important;
    color: #ffffff !important;
    border: 1px solid #3DC598 !important;
}

.alert-trigger-asset-element {
    border: 1px solid #716ACC !important;
    background-color: #ffffff !important;
    color: #716ACC !important;
    min-width: 140px !important;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 28px !important;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-feature {
    border: 1px solid #f9f9f9 !important;
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.1);
}

/* nav pills */
.nav-pills>li>a {
    padding: 10px 10px;
    border-radius: 0 !important;
    border-bottom: 1px solid #eee;
    background-color: transparent !important;
    color: #1266b7 !important;
}

.nav-pills>.active>a {
    padding: 10px 10px;
    color: #1266b7 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #1266b7 !important;
    background-color: transparent;
!important;
}

.nav-pills-contact>li>a {
    padding: 10px 10px;
!important;
    border-radius: 0 !important;
    color: #616161 !important;
    border-top: 0 !important;
    border-right: transparent !important;
    border-left: transparent !important;
    margin-left: -1px !important;
    margin-right: -2px !important;
}

.nav-pills-contact>.active>a {
    border-radius: 0 !important;
    border-bottom: 2px solid #1266b7 !important;
    background-color: transparent !important;
    color: #1266b7 !important;
}

.nav-pills-contact-no-border-left {
    border-left: 0 !important;
}

.nav-pills-contact-border-right {
    border-right: 1px solid #eee !important;
}

.nav-pills-project>li>a {
    padding: 7px 11px !important;
    border-radius: 0 !important;
    color: #616161 !important;
    border-top: 0 !important;
    border-right: transparent !important;
    border-left: transparent !important;
    margin-left: -1px !important;
    margin-right: -2px !important;
    border-bottom: 1px solid #EEEEEE !important;
    font-size: 12px !important;
}

.nav-pills-project>.active>a {
    /*background-color: #fff!important;*/
    color: #616161 !important;
    font-size: 12px !important;
}

.nav-pills-project-no-border-left {
    border-left: 0 !important;
}

.nav-pills-project-border-right {
    border-right: 1px solid #eee !important;
}

.nav-pills-project-v2>li>a {
    padding: 7px 11px !important;
    border-radius: 0 !important;
    color: #616161 !important;
    border-top: 0 !important;
    border-right: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    margin-left: -1px !important;
    margin-right: -2px !important;
    border-bottom: 1px solid #fff !important;
    font-size: 13px !important;
}

.nav-pills-project-v2>.active>a {
    /*background-color: #fff!important;*/
    color: #616161 !important;
}

.nav-pills-project-v2-no-border-left {
    border-left: 0 !important;
}

.nav-pills-project-v2-border-right {
    border-right: 1px solid #fff !important;
}

.nav-pills-document>li>a {
    padding: 5px 9px !important;
    border-radius: 0 !important;
    color: #616161 !important;
    margin-left: -1px !important;
    margin-right: -2px !important;
    border: 1px solid #EEEEEE !important;
    font-size: 12px !important;
}

.nav-pills-document>.active>a {
    /*background-color: #fff!important;*/
    color: #616161 !important;
    font-size: 12px !important;
}

.nav-pills-document-no-border-left {
    border-left: 0 !important;
}

.nav-pills-document-border-right {
    border-right: 1px solid #eee !important;
}

/* document placeholders */
.document-placeholder-file {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.document-placeholder-file:hover {
    /*border: 1px dashed #cfcfcf;*/
}

/* corners */
.rounded-corners {
    border-radius: 5px;
}

/* onboarding */
.onboarding-status-check-mark {
    line-height: 175px;
    height: 175px;
}

.onboarding-connection-title {
    height: 60px;
}

.onboarding-connection-details {
    height: 75px;
}

.onboarding-connection-button {
    height: 95px;
}

/* borders */
.no-border {
    border: none !important;
}

.border-light {
    border: 1px solid #eee;
}

/*
positions
*/
.top-0-left-0 {
    top: 0;
    left: 0;
}

.top-0-left-20 {
    top: 0;
    left: 20px;
}

.pos-rel {
    position: relative !important;
}

.pos-ab {
    position: absolute !important;
}

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

.noMarPad {
    margin: 0 !important;
    padding: 0 !important;
}

.marPadColorSwatch {
    margin: 0 !important;
    padding: 3px !important;
}

/*
widths
*/
.w-200 {
    width: 200px;
}

.w-210 {
    width: 210px;
}

.w-220 {
    width: 220px;
}

.w-230 {
    width: 230px;
}

.w-240 {
    width: 240px;
}

.w-250 {
    width: 250px;
}

/*
margin and padding
*/
.m-sm {
    margin: 10px;
}

.m-md {
    margin: 15px;
}

.m-l-xs {
    margin-left: 3px;
}

.m-l {
    margin-left: 5px;
}

.m-l-sm {
    margin-left: 10px;
}

.m-l-md {
    margin-left: 15px;
}

.m-l-lg {
    margin-left: 20px;
}

.m-l-xlg {
    margin-left: 25px;
}

.m-l-200 {
    margin-left: 200px;
}

.m-l-210 {
    margin-left: 210px;
}

.m-l-220 {
    margin-left: 220px;
}

.m-l-230 {
    margin-left: 230px;
}

.m-l-240 {
    margin-left: 240px;
}

.m-l-250 {
    margin-left: 250px;
}

.m-l-260 {
    margin-left: 260px;
}

.m-l-270 {
    margin-left: 270px;
}

.m-l-280 {
    margin-left: 280px;
}

.m-r-xs {
    margin-right: 3px;
}

.m-r {
    margin-right: 5px;
}

.m-r-sm {
    margin-right: 10px;
}

.m-r-md {
    margin-right: 15px;
}

.m-r-lg {
    margin-right: 20px;
}

.m-r-xlg {
    margin-right: 25px;
}

.m-b-xs {
    margin-bottom: 3px;
}

.m-b {
    margin-bottom: 5px !important;
}

.m-b-8 {
    margin-bottom: 8px !important;
}

.m-b-sm {
    margin-bottom: 10px !important;
}

.m-b-jr {
    margin-bottom: 12px !important;
}

.m-b-md {
    margin-bottom: 15px !important;
}

.m-b-lg {
    margin-bottom: 20px;
}

.m-b-xlg {
    margin-bottom: 25px;
}

.m-b-xxlg {
    margin-bottom: 30px;
}

.m-t-minus-1 {
    margin-top: -1px !important;
}

.m-t-minus-2 {
    margin-top: -2px !important;
}

.m-t-minus-5 {
    margin-top: -5px !important;
}

.m-t-minus-10 {
    margin-top: -10px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-xxs {
    margin-top: 2px;
}

.m-t-xs {
    margin-top: 3px;
}

.m-t {
    margin-top: 5px;
}

.m-t-sm {
    margin-top: 10px;
}

.m-t-md {
    margin-top: 15px;
}

.m-t-lg {
    margin-top: 20px;
}

.m-t-xlg,
.m-t-xl {
    margin-top: 25px;
}

.m-t-xxlg,
.m-t-xxl {
    margin-top: 30px;
}

.m-t-xxxl {
    margin-top: 50px;
}

.b,
.ba,
.bb {
    border-bottom: 1px solid rgba(162, 162, 162, .32)
}

.mv-lg {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

/*
padding top
*/
.p-t-xs {
    padding-top: 3px !important;
}

.p-t {
    padding-top: 5px !important;
}

.p-t-sm {
    padding-top: 10px !important;
}

.p-t-md {
    padding-top: 15px !important;
}

.p-t-lg {
    padding-top: 20px !important;
}

.p-t-xl {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

/*
padding bottom
*/
.p-b-xs {
    padding-bottom: 3px !important;
}

.p-b {
    padding-bottom: 5px !important;
}

.p-b-sm {
    padding-bottom: 10px !important;
}

.p-b-md {
    padding-bottom: 15px !important;
}

.p-b-lg {
    padding-bottom: 20px !important;
}

.p-b-xl {
    padding-bottom: 25px !important;
}

/*
padding left
*/
.p-l-xs {
    padding-left: 3px !important;
}

.p-l {
    padding-left: 5px !important;
}

.p-l-sm {
    padding-left: 10px !important;
}

.p-l-md {
    padding-left: 15px !important;
}

.p-l-lg {
    padding-left: 20px !important;
}

.p-l-xl {
    padding-left: 25px !important;
}

.p-l-xxl {
    padding-left: 30px !important;
}

/*
padding right
*/
.p-r-xs {
    padding-right: 3px !important;
}

.p-r {
    padding-right: 5px !important;
}

.p-r-sm {
    padding-right: 10px !important;
}

.p-r-md {
    padding-right: 15px !important;
}

.p-r-lg {
    padding-right: 20px !important;
}

.p-r-xl {
    padding-right: 25px !important;
}

.p-r-xxl {
    padding-right: 30px !important;
}

/*
padding
*/
.p-xs {
    padding: 3px !important;
}

.p-4 {
    padding: 4px !important;
}

.p {
    padding: 5px !important;
}

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

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

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

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

.p-xxl {
    padding: 30px !important;
}

.p-xxxl {
    padding: 40px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-t-b {
    padding: 5px 0 !important;
}

.p-t-b-sm {
    padding: 10px 0 !important;
}

.p-t-b-md {
    padding: 15px 0 !important;
}

.p-t-b-lg {
    padding: 20px 0 !important;
}

.p-t-b-xl {
    padding: 25px 0 !important;
}

.page-container {
    padding: 20px 20px 20px 30px !important;
}

.no-pad,
.no-pad-r,
.no-pad-l,
.no-pad-b,
.no-pad-t {
    padding: 0 !important;
}

.no-mar {
    margin: 0 !important;
}

.no-m-t,
.no-m-l. .no-m-r,
.no-m-b {
    margin-top: 0 !important;
}

.no-mar-pad {
    margin: 0;
    padding: 5px 15px;
}

/*
containers
*/
.inner-container {
    background-color: white;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 20px;
    margin: 20px;
}

.inner-container-with-breadcrumbs {
    background-color: white;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    padding: 20px;
    margin: 5px 20px 20px;
}

/* tables */
.table-xs-text {
    border: 0 !important;
}

.table-xs-text tr th,
.table-xs-text tr td {
    font-size: 12px;
    padding: 2px 5px !important;
    border: 0 !important;
}

.table-sm-text tr th,
.table-sm-text tr td {
    font-size: 13px;
}

.table-responsive-m-b-lg {
    padding-bottom: 150px;
}

.table-responsive-m-b-md {
    padding-bottom: 100px;
}

.table-responsive-m-b-sm {
    padding-bottom: 75px;
}

.table-lg {
    min-width: 1200px;
}

.table-xlg {
    min-width: 2500px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background: none;
}

.dataTable>thead>tr>th[class*="sort"]::after {
    display: none
}

.table-data-with-button {
    line-height: 40px;
}

.table-with-border tr th {
    padding: 10px;
    min-width: 135px;
}

.table-with-border tr td {
    padding: 10px;
    border: 1px solid #eee;
    min-width: 135px;
}

.table-no-border tr td,
.table-no-border tr th {
    padding: 2px;
    border: 0 !important;
}

tfoot tr th {
    background-color: #fff !important;
}

.dt-xxxs-text {
    white-space: nowrap;
    width: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-xxs-text {
    white-space: nowrap;
    width: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-xs-text {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-sm-text {
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-md-text {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-lg-text {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dt-xl-text {
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* datatables */
@media only screen and (max-width: 991px) {
    .dataTables_filter {
        clear: both
    }
}

.dataTables_filter input {
    margin-left: 10px;
}

.dataTables_length {
    float: left;
}

.dataTables_length select {
    margin-right: 10px;
}

table.dataTable tfoot>tr>th {
    color: #a1a2a3;
    background: #f1f2f3;
}

@media only screen and (max-width: 991px) {
    .dataTables_filter {
        clear: both
    }
}

.dataTables_filter input {
    margin-left: 10px
}

.dataTables_length {
    float: left
}

.dataTables_length select {
    margin-right: 10px
}

table.dataTable tfoot>tr>th {
    color: #a1a2a3;
    background: #f1f2f3
}

.panel .dataTables_wrapper {
    overflow: auto
}

.panel .dataTables_wrapper .row {
    margin: 10px 0
}

.panel .dataTable {
    width: 100% !important
}

.html5buttons {
    float: none;
    text-align: center;
    margin-bottom: 10px
}

@media only screen and (min-width: 992px) {
    .html5buttons {
        float: right;
        margin-left: 10px
    }
}

@media only screen and (max-width: 991px) {
    div.ColVis {
        float: none;
        text-align: center
    }

    div.ColVis button.ColVis_Button,
    div.ColVis ul.ColVis_collection li {
        float: none
    }
}

div.ColVis .ColVis_Button {
    background-image: none;
    border: 1px solid #e1e2e3;
    box-shadow: 0 0 0 #000
}

div.ColVis .ColVis_Button>span {
    color: #656565
}

.ColVis_collectionBackground {
    display: none
}

ul.ColVis_collection {
    background-color: #FEFEFE
}

ul.ColVis_collection>li {
    border: 0 !important;
    background-image: none !important;
    box-shadow: 0 0 0 #000 !important;
    margin: 0
}

ul.ColVis_collection>li>label {
    margin: 0
}

ul.ColVis_collection>li>label>span {
    color: #888;
    vertical-align: top;
}

ul.ColVis_collection>li>label>span:hover {
    color: #555
}

ul.ColVis_collection>li>label input[type=checkbox]:checked+span,
ul.ColVis_collection>li>label input[type=radio]:checked+span {
    background-color: transparent
}

.ColVis_catcher {
    cursor: pointer
}

.table-responsive {
    border: 0
}

.table-responsive .dataTables_wrapper .row {
    margin: 0
}

@media only screen and (max-width: 991px) {
    .dataTables_length {
        float: none
    }

    div.dataTables_filter label,
    div.dataTables_length label,
    div.dataTables_paginate,
    div.dataTables_wrapper div.dataTables_length label {
        float: none;
        text-align: center !important;
        display: block
    }

    div.dataTables_filter label select,
    div.dataTables_length label select,
    div.dataTables_paginate select,
    div.dataTables_wrapper div.dataTables_length label select {
        display: inline-block
    }

    .dataTables_wrapper>.row>div {
        float: none;
        text-align: center;
        width: 100%
    }
}

div.dt-button-info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-top: -100px;
    margin-left: -200px;
    background-color: #FEFEFE;
    border: 2px solid #dde6e9;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-align: center;
    z-index: 2100
}

div.dt-button-info h2 {
    padding: .5em;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3
}

div.dt-button-info h2:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #27c24c;
    margin-right: 8px
}

div.dt-button-info>div {
    padding: 1em
}

/* social buttons */
.btn-facebook {
    background: #3b5998;
    color: #fff;
}

.btn-facebook:hover {
    background: #303060;
    color: #fff;
}

.btn-facebook:focus,
.btn-facebook:active {
    color: #fff;
}

/* summernote */
.note-editable {
    background-color: #FEFEFE !important;
    font-weight: normal !important;
}

.note-editable p {
    padding: 0 !important;
    margin: 0 !important;
}

.note-toolbar {
    background-color: #FEFEFE !important;
}

.note-btn {
    padding: 3px 6px !important;
    border: 0 !important;
}

.note-btn i {
    font-size: 13px !important;
}

textarea {}

textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: .5;
    /* Firefox */
}

.panel-default {
    border: 1px solid #dde6e9 !important;
}

.note-editor {
    margin-bottom: 0 !important;
}

.note-frame .panel .panel-default {
    margin-bottom: 0 !important;
}

/* tinymce */
.mce-tinymce {}

/* inline editor */
.inline-edit-buttons {
    right: 15px;
    bottom: 10px;
    z-index: 99;
}

.btn-inline-edit {
    width: 30px;
    padding: 5px;
    font-size: 10px;
}

/* file uploader */
.file-uploader {
    border-radius: 5px !important;
    border: 1px solid #eee;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-upload-sm {
    width: 30px;
    padding: 5px;
    font-size: 10px;
}

/* datepicker */
.datepicker-inline {
    width: 100%;
}

.datepicker {
    z-index: 9999 !important
}

.datepicker table {
    width: 100%;
}

.federal-holiday {
    background-color: #eaeaea !important;
    color: #fff !important;
}

.federal-holiday-key {
    margin-top: 3px;
    float: left;
    width: 15px;
    height: 15px;
    background-color: #eaeaea;
    border-radius: 3px;
}

/* wizard */
ul.wizard {
    list-style-type: none;
    text-align: left;
    padding: 20px 0;
}

ul.wizard li {
    list-style-type: none;
    padding: 5px 0;
}

/* cards */
.card {
    position: relative;
    border-radius: 3px;
    background-color: #FEFEFE;
    color: #4F5256;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-bottom: 8px
}

@media only screen and (min-width: 480px) {
    .card {
        margin-bottom: 16px
    }
}

@media only screen and (min-width: 992px) {
    .card {
        margin-bottom: 24px
    }
}

.card .card-heading {
    padding: 16px;
    margin: 0
}

.card .card-heading>.card-title {
    margin: 0;
    font-size: 18px
}

.card .card-heading>.card-icon {
    float: right;
    color: rgba(255, 255, 255, .87);
    font-size: 20px
}

.card .card-heading>small {
    color: rgba(162, 162, 162, .92);
    letter-spacing: .01em
}

.card .card-body {
    position: relative;
    padding: 16px
}

.card .card-footer {
    padding: 16px;
    border-top: 1px solid rgba(162, 162, 162, .12)
}

.card .card-item {
    position: relative;
    display: block;
    min-height: 120px
}

.card .card-item>.card-item-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .35);
    margin: 0;
    color: #fff;
    padding: 8px
}

.card .card-item>.card-item-text a {
    color: inherit
}

.card .card-item>.card-item-image {
    display: block;
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.card .card-item.card-media {
    min-height: 280px;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    background-origin: padding-box
}

.card .card-item.card-media .card-media-quote {
    padding: 16px;
    font-size: 35px
}

@media only screen and (min-width: 768px) {
    .card .card-item.card-media .card-media-quote {
        font-size: 45px
    }
}

.card .card-item.card-media .card-media-quote>a {
    color: inherit;
    text-decoration: none
}

.card .card-item.card-media .card-media-quote:before {
    content: '“';
    display: block;
    font-size: 2em;
    line-height: 1;
    margin-top: .25em
}

.btn-label:after,
.c-radio span:before,
.container-overlap:before,
.note-area.note-area-margin:after,
.switch span:after {
    content: ""
}

.card.card-transparent {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000
}

.card .card-offset {
    position: relative;
    padding-bottom: 36px;
    z-index: 10
}

.card .card-offset>.card-offset-item {
    position: absolute;
    top: -24px;
    left: 15px;
    right: 15px
}

.card .card-toolbar {
    position: relative;
    width: 100%;
    min-height: 64px;
    font-size: 18px;
    line-height: 64px;
    padding-left: 22px;
    z-index: 2
}

.card .card-subheader {
    padding: 16px 0 16px 16px;
    line-height: .75em;
    font-size: 14px;
    letter-spacing: .01em;
    color: rgba(0, 0, 0, .54)
}

.card .card-subheader+.mda-list>.mda-list-item:first-child>.mda-list-item-text,
.card>.btn {
    padding-top: 16px
}

.card .card-subheader+.mda-list>.mda-list-item:first-child>.mda-list-item-icon,
.card .card-subheader+.mda-list>.mda-list-item:first-child>.mda-list-item-img,
.card .card-subheader+.mda-list>.mda-list-item:first-child>.mda-list-item-initial {
    margin-top: 10px
}

.card .card-divider {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, .12)
}

.card .card-divider+.card-offset {
    margin-top: -10px
}

.card>.ui-datepicker,
.card>.ui-datepicker-responsive>.ui-datepicker {
    width: 100%;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    margin: 0
}

.card .editable-wrap,
.card>.ui-datepicker-responsive>.ui-datepicker>table,
.card>.ui-datepicker>table {
    width: 100%
}

.card>.list-group>.list-group-item {
    border-left: 0;
    border-right: 0
}

.card>.list-group>.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card>.list-group>.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 0
}

.card>.table,
.card>.table-responsive>.table {
    margin-bottom: 0
}

.card>.table-responsive {
    border: 0
}

.card>.btn {
    border-radius: 0;
    width: 100%;
    padding-bottom: 16px;
    text-align: center
}

.card>.btn:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.card.card-map {
    min-height: 280px
}

.modal.modal-left .modal-dialog>.modal-content,
.modal.modal-right .modal-dialog>.modal-content {
    min-height: 100%
}

.card.card-map .card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    background-color: transparent
}

/* mls map */
.map-container {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
}

.map-container-fill {
    min-height: 100%;
    height: 100%;
    box-sizing: border-box;
}

.marker_list_container {
    overflow: auto;
}

.mls-map-prop-container {
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.mls-map-prop-container-icons-container {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: 10px 5px;
}

.mls-property-option {
    background-color: #FFFFFF;
    border-radius: 20px !important;
    display: block;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center;
    width: 40px !important;
}

.mls-map-prop-details {
    height: 200px;
    background-color: white;
    padding: 20px;
}

.mls-map-prop-details h3 {
    /*font-family: montserrat, serif;*/
    font-weight: 100;
    margin: 0 !important;
    padding: 0 !important;
}

.mls-map-prop-details p {
    font-weight: normal;
    font-size: 14px;
    padding: 0 !important;
    margin: 3px 0 !important;
    color: #777;
}

.mls-filter-container {
    height: 300px;
    overflow: auto;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
}

.map-container {
    overflow: auto;
}

.toggle-search-filters {
    cursor: pointer;
}

.mls-map-title {
    font-weight: normal;
    font-size: 22px;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

.hideProperty {
    opacity: 0.1;
}

.favoriteProperty {
    color: #ff5c97 !important;
}

.square-div:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.square-div {
    position: relative;
    width: 100%;
}

.listing-thumbnail {
    border-radius: 0;
    border: 1px solid #eee;
}

/* dashboard */
#db-task-list li:first-child {
    border-top: 0 !important;
}

.widget {
    margin-bottom: 20px;
    border: 0;
}

.widget.panel,
.widget .panel {
    overflow: hidden;
}

.widget .lateral-picture {
    position: relative;
    display: block;
    height: 240px;
    width: auto;
    overflow: hidden;
}

.widget .lateral-picture>img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    width: auto;
}

.bg-info {
    background-color: rgb(54, 162, 235);
    color: #fff !important
}

.bg-info .text-muted {
    color: rgba(255, 255, 255, .5);
    border: 1px solid red;
}

.text-muted-x-light {
    color: rgb(221, 221, 221);
}

.bg-info small {
    color: inherit
}

.pv-lg {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.bg_white {
    background-color: #fff !important;
}

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

.bg-white-w-border {
    background-color: #fff !important;
    border: 1px solid #eee;
}

.bg-dirty-white {
    background-color: #fafafa !important;
}

.bg-soft-white {
    background-color: #f5f5f5 !important;
}

.bg-highlight {
    background-color: #F9FAC5;
}

.bg-dark-white {
    background-color: #f6f6f6 !important;
}

.bg-priority-section {
    background-color: #f0f1f5 !important;
}

.bg-active-section {
    background-color: #f0f1f5 !important;
}

.bg-deleted-section {
    background-color: #fedada !important;
}

.bg-deleted-section {
    background-color: #fedada !important;
}

.bg-light-gray,
.bg-light-grey {
    background-color: #f7f7f8 !important;
}

.column-white {
    background-color: #fafafa !important;
}

.column-inner-dark {
    background-color: #f6f6f6 !important;
    border-radius: 0 !important;
}

.bg-list {
    background-color: #eeeeee !important;
}

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

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


/* item */
.dashboard-item {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
}

/* toaster popups */
.toast {
    background-color: #444444;
    box-shadow: none !important;
    opacity: 1 !important;
    border-radius: 8px !important;
}

.toast-top-center,
.toast-bottom-left {
    margin-top: 5px !important;
    border-radius: 8px !important;
}

#toast-container>div {
    padding: 20px !important;
    width: 11em;
}

#toast-container>.toast {
    background-image: none !important;
}

#toast-container>div {
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
}

#toast-container>.toast:before {
    position: relative;
    font-size: 24px;
    line-height: 18px;
    float: left;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
}

#toast-container>.toast-warning:before {
    content: "";
}

#toast-container>.toast-error:before {
    content: "";
}

#toast-container>.toast-info:before {
    content: "";
}

#toast-container>.toast-success:before {
    content: "";
}

div.toast-message {
    text-align: center !important;
    border-radius: 8px !important;
}

.toast-success {
    border: 1px solid #444444 !important;
    background-color: #444444 !important;
    color: #fff !important;
}

.toast-success>div.toast-message {
    color: #fff;
    font-size: 14px;
    text-align: center !important;
}

.toast-error {
    border: 1px solid #444444 !important;
    background-color: #444444 !important;
    color: #fff !important;
}

.toast-error>div.toast-message {
    color: #fff;
    font-size: 14px;
    text-align: center !important;
}

.toast-info {
    border: 1px solid #444444 !important;
    background-color: #444444 !important;
    color: #fff !important;
}

.toast-info>div.toast-message {
    color: #fff;
    font-size: 14px;
    text-align: center !important;
}

.toast-warning {
    border: 1px solid #444444 !important;
    background-color: #444444 !important;
    color: #fff !important;
}

.toast-warning>div.toast-message {
    color: #fff;
    font-size: 14px;
    text-align: center !important;
}

.toast-bottom-left {
    width: 300px !important;
    margin-left: auto;
    margin-right: auto;
}

.toast-bottom-left>div {
    width: 300px !important;
    margin-left: auto;
    margin-right: auto;
}

/* contacts */
ul.contact-list {
    list-style: none;
}

ul.contact-list li {
    height: 50px;
    border-bottom: 1px solid #eee;
}

.contact-icon-xl {
    width: 50px;
}

.contact-icon-lg {
    width: 40px;
}

.contact-icon-md {
    width: 30px;
}

.contact-icon-sm {
    width: 20px;
}

/* messages */
ul.message-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.message-list li {
    margin-bottom: 10px;
}

.chat-dialogue {
    background-color: #f6f6f6;
    border-radius: 5px;
    padding: 20px;
    margin-right: 50px;
}

.chat-dialogue-inverted {
    background-color: #ebfffc;
    border-radius: 5px;
    padding: 20px;
    margin-left: 50px;
}

@media (max-width: 768px) {
    .chat-dialogue {
        margin-right: 0;
    }

    .chat-dialogue-inverted {
        margin-left: 0;
    }
}

/* dashboards */
.dashboard-add-task-event-link {
    position: absolute;
    top: 10px;
    right: 10px;
}

.task-event-heading {
    line-height: 29px;
    font-weight: bold;
}

.task-event-list-item {
    border-style: solid !important;
    border-top: 1px solid #eee !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
}

.task-event-from-to-header {
    border-top: 1px solid #eee !important;
    background-color: #fcf8ed;
    padding: 5px 15px;
}

.task-close-button {
    line-height: 15px;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0 4px 0 4px;
    background-color: #fff;
    display: block;
    width: 20px;
    height: 20px;
}

.task-close-button:hover {
    background-color: #3DC598;
    border-left: 1px solid #3DC598;
    border-bottom: 1px solid #3DC598;
}

.task-close-button:hover i {
    color: #fff;
}

.past-due-bg {
    background-color: rgb(255, 64, 95) !important;
    color: #fff !important;
    padding: 1px 3px;
}

.past-due {
    background-color: #FEFEFE;
}

.past-due-text {
    color: #cc6666;
}

.past-due-element {
    background-color: #ff6670 !important;
}

.rotate-20 {
    -ms-transform: rotate(20deg);
    /* IE 9 */
    -webkit-transform: rotate(20deg);
    /* Safari 3-8 */
    transform: rotate(20deg);
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.element-fade {
    opacity: .5;
}

.task-calendar-container {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
}

.event-container {
    border-bottom: 1px solid red;
}

.time-block-column {
    display: inline-block;
    width: 350px;
    margin: 5px;
    vertical-align: top;
    /* here */
    white-space: normal;
}

.pipeline-card,
.task-block-section-container {
    background-color: #FEFEFE;
    border-radius: 0;
    margin: 5px 5px;
    /*-webkit-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.4);*/
    /*-moz-box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.4);*/
    /*box-shadow: 0px 11px 5px -8px rgba(0,0,0,0.4);*/
}

.task-block-section-container:hover {
    /*-webkit-box-shadow: 0px 7px 5px -8px rgba(0,0,0,0.1);*/
    /*-moz-box-shadow: 0px 7px 5px -8px rgba(0,0,0,0.1);*/
    /*box-shadow: 0px 7px 5px -8px rgba(0,0,0,0.1);*/
}

.task-block-section-container-transaction {
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.time-block-parent-container {
    width: 100%;
    margin: 0 !important;
    padding-bottom: 10px;
}

.time-block-header {
    background-color: #fafafa;
    border: 1px solid #eee;
    margin-bottom: 5px;
}

.time-block-task-container {
    min-height: 25px;
}

.time-block-show-hide-tasks {
    color: #616161 !important;
}

.task-drag-minimize {
    height: 100px;
    overflow: hidden;
}

.task-parent-container {}

.task-drag {
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    opacity: 1 !important;
}

.time-block-badge {
    color: #616161 !important;
}

.time-block-color-swatch {
    display: block;
    height: 30px;
    width: 30px;
}

.time-block-task-options {
    width: 50%;
}

.task_sort_handle {
    cursor: pointer;
}

.bootstrap-timepicker-hour,
.bootstrap-timepicker-minute,
.bootstrap-timepicker-meridian {
    background-color: #FEFEFE;
    background-image: none;
    border: 1px solid #dde6e9;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 5px;
    width: 40px !important;
}

.mediumEditorContent,
.notice-description,
.wrap-content {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.mediumEditorContent p {
    margin: 0 !important;
    padding: 0 !important;
}

.mediumEditorContainer {}

.mediumEditorContainer:focus {
    background-color: #ffffcc;
}

.task-action-active,
.attribute-active,
.icon-active {
    color: #716ACC !important;
}

.task-action-active-warning {
    color: rgb(255, 182, 82) !important;
}

.task-action-not-active,
.attribute-not-active {
    color: #bbbbbb !important;
}

.task-link {
    color: #cccccc !important;
}

.task-link:hover {
    color: #aaaaaa !important;
}

.task-move,
.item-move {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.sub-task-link {
    cursor: pointer;
}

.sub-task-completed,
.task-completed {
    opacity: .8;
}

.sub-task-active,
.task-active {
    opacity: 1;
}

.task-read-only-check-container {
    top: -10px;
    left: -10px;
    background-color: #ddfbeb;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
}

.task-read-only-check {
    color: #637b5d;
}

.task-drag-handle-container {
    z-index: 10;
    top: 0;
    width: 30px;
    height: 100%;
    background-color: #fafafa;
    -webkit-box-shadow: 2px 0px 5px -3px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 2px 0px 5px -3px rgba(0, 0, 0, 0.23);
    box-shadow: 2px 0px 5px -3px rgba(0, 0, 0, 0.23);
}

.dbTaskOption {
    cursor: pointer !important;
}

.popover-task-date,
.popover-link {
    cursor: pointer;
}

.popover {
    max-width: 400px;
    border-radius: 15px !important;
}

.popover .arrow {
    display: none;
}

.popover-title {
    font-family: 'Poppins', sans-serif;
    border-radius: 15px 15px 0 0;
    padding: 10px 15px;
    font-size: 13px !important;
}

/* tasks */
.task-complete-link {
    color: #bbbbbb;
}

.task-complete-link:hover {
    color: #3DC598;
}

.task-checkbox {
    width: 16px;
    height: 16px;
    border: 1px solid #b0b0b0;
    margin-top: 3px;
}

.task-checkbox-check {
    font-size: 11px;
    top: 2px;
    right: 2px;
}

/* pipline */
.pipeline-drop-shadow {}

.pipeline-header-title {
    font-size: 22px;
    font-weight: bold;
}

.pipeline-title {
    font-size: 20px;
    font-weight: bold;
}

.pipeline-column-title {
    font-size: 16px;
    font-weight: bold;
}

.pipeline-column-title-vertical {
    font-size: 22px;
    font-weight: bold;
}

.pipeline-section-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
}

.pipeline-column {
    display: inline-block;
    width: 500px;
    vertical-align: top;
    margin-right: 10px !important;
    padding: 0 !important;
    white-space: normal;
}

.app-pipeline-column {
    display: inline-block;
    width: 385px;
    vertical-align: top;
    margin-right: 10px !important;
    padding: 0 !important;
    white-space: normal;
}

.app-pipeline-column-collapsed {
    display: inline-block;
    width: 75px;
    vertical-align: top;
    margin-right: 10px !important;
    padding: 0 !important;
    white-space: normal;
}

.pipeline-column-item {
    background-color: #fff;
    border-radius: 2px;
    padding: 10px;
    margin-bottom: 5px;
}

.pipeline-column-collapsed {
    display: inline-block;
    width: 50px;
    vertical-align: top;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal;
    margin: 10px;
    overflow-x: hidden;
}

.pipeline-column-header {
    background-color: #fafafa;
    margin-bottom: 0;
    border: 1px solid #f6f6f6;
}

.project-db-pipeline-item {
    padding: 0 !important;
    background-color: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #eee !important;
}

.pipeline-missing {
    border: 2px solid rgb(255, 64, 95);
}

.pipeline-success {
    border: 2px solid #3DC598;
}

/* mini colors */
.minicolors-swatch {
    top: 10px !important;
    left: 10px !important;
;
    width: 18px;
    height: 18px;
}

.minicolors-panel {
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    border: 0 !important;
}

div.minicolors-slider.minicolors-sprite {
    top: 11px !important;
    left: 165px !important;
}

/* component: mailbox.less */
.mb-boxes {
    overflow: hidden;
}

.mb-boxes .nav>li>a {
    font-weight: 600;
    color: #3a3f51;
    margin: 5px 0;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.mb-boxes .nav>li>a:hover,
.mb-boxes .nav>li>a:focus {
    background-color: #C0D0D3;
}

.mb-boxes .nav>li.active>a {
    background-color: #1266b7 !important;
    color: #fff !important;
}

@media only screen and (min-width: 992px) {
    .mb-boxes {
        height: auto !important;
        visibility: visible !important;
        display: block;
    }
}

@media only screen and (min-width: 992px) {
    .mb-compose-button {
        display: block;
        width: 100%;
    }

    .mb-toggle-button {
        display: none;
    }
}

.mb-mails>tbody>tr>td {
    border-top-color: #eeeeee;
    cursor: pointer;
}

.mb-mails .mb-mail-active {
    background-color: #f7f8f9 !important;
}

.mb-mails .mb-mail-avatar {
    float: left;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
}

.mb-mails .mb-mail-date {
    display: block;
    float: right;
    color: #909FA7;
    font-size: 12px;
    font-weight: bold;
}

.mb-mails .mb-mail-from {
    line-height: 1;
}

.mb-mails .mb-mail-meta {
    overflow: hidden;
}

.mb-mails .mb-mail-subject {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 6px;
}

.mb-mails .mb-mail-preview {
    clear: both;
    margin-top: 10px;
    color: #909FA7;
    margin-top: 2px;
}

.mb-mails .mb-attachment {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e4eaec;
}

.mb-view>tbody>tr>td {
    cursor: auto;
}

.mb-view .mb-mail-to-list {
    margin-top: 6px;
}

.mb-view .mb-mail-to-list>a {
    margin-right: 5px;
    color: #909FA7;
}

@media (max-width: 1024px) {
    .toggle-search-filter {
        display: none;
    }

    .db-btn-block {
        display: block;
        width: 100%;
    }
}

/* easy auto complete */
.eac-item {
    font-size: 9pt !important;
    border-bottom: 1px solid #eee !important;
    padding: 10px 20px;
    background-color: #ffffff;
}

.eac-item:hover {
    background-color: #f5f5f5;
}

#eac-container-mls-search-box {
    max-height: 300px;
    overflow-y: auto;
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    border-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #FEFEFE !important;
}

.easy-autocomplete-container {
    max-height: 250px;
    overflow: scroll;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    background-color: #FEFEFE;
    display: none;
    -webkit-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.25);
}

.easy-autocomplete-no-results {
    color: #777 !important;
    border: 0 !important;
    padding: 15px 10px !important;
    text-align: center;
}


/* full calendar */
.myCalendar {
    cursor: pointer;
}

.fc-event {
    cursor: pointer;
}

.fc-content {
    padding: 5px;
}

.fc-button {
    color: #333333 !important;
    background-color: #FEFEFE !important;
    border-color: #cccccc !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.fc-time,
.fc-day-header,
.fc-axis {
    font-size: 9pt;
}

.fc-center h2 {
    font-size: 18pt;
}

/* note styles */
.note-textarea {}

.db-note {
    padding: 15px;
    background-color: #f8ffa4;
    border: 1px solid #fff844;
    border-radius: 4px;
    -webkit-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
}

.db-note:hover {
    -webkit-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
}

.note_sortable {
    cursor: pointer;
}

.offsidebar {
    -webkit-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 7px 5px -8px rgba(0, 0, 0, 0.4);
}

.medium-editor-toolbar {
    display: none !important;
}

.lity {
    z-index: 9999 !important;
}

/* tooltip */
.toolTip {
    position: relative;
    display: inline-block;
    border-bottom: 0;
}

.toolTip .toolTipText {
    visibility: hidden;
    width: 120px;
    background-color: #777;
    font-size: 13px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    position: absolute;
    padding: 5px 0;
    z-index: 9999;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.toolTip .toolTipText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #777 transparent transparent transparent;
}

.toolTip:hover .toolTipText {
    visibility: visible;
    opacity: 1;
}

[tooltip] {
    margin: 0;
    position: relative;
    display: inline-block;
}

[tooltip]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    z-index: 9999;
    opacity: 0;
}

[tooltip-position='left']::before {
    left: 0%;
    top: 50%;
    margin-left: -12px;
    transform: translatey(-50%) rotate(-90deg)
}

[tooltip-position='top']::before {
    left: 50%;
}

[tooltip-position='bottom']::before {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before {
    left: 100%;
    top: 50%;
    margin-left: 1px;
    transform: translatey(-50%) rotate(90deg);
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    font-size: 11px;
    min-width: 150px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index: 9999;
    opacity: 0;
}

[tooltip-position='left']::after {
    left: 0%;
    top: 50%;
    margin-left: -8px;
    transform: translateX(-100%) translateY(-50%);
}

[tooltip-position='top']::after {
    left: 50%;
}

[tooltip-position='bottom']::after {
    top: 100%;
    margin-top: 8px;
    transform: translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after {
    left: 100%;
    top: 50%;
    margin-left: 8px;
    transform: translateX(0%) translateY(-50%);
}

[tooltip]:hover::after,
[tooltip]:hover::before {
    opacity: 1
}


/* notifications */
.notification-not-read {
    opacity: 1;
}

.notification-read {
    opacity: .5;
}

/* read more */
.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 100px;
}

.read-more-state~.read-more-trigger:before {
    content: 'Show more';
}

.read-more-state:checked~.read-more-trigger:before {
    content: 'Show less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 .5em;
    color: #666;
    font-size: .9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: .25em;
}

/* fancy */
.fancy {
    line-height: 0.5;
    text-align: center;
}

.fancy span {
    display: inline-block;
    position: relative;
}

.fancy span:before,
.fancy span:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
    top: 0;
    width: 60px;
}

.fancy span:before {
    right: 100%;
    margin-right: 15px;
}

.fancy span:after {
    left: 100%;
    margin-left: 15px;
}


/* screen */
@media only screen and (min-width: 768px) {
    .table-grid {
        display: table;
        width: 100%;
        height: 100%;
        table-layout: fixed
    }

    .col {
        display: table-cell;
        vertical-align: top;
        height: 100%
    }

    .col.col-full-center {
        vertical-align: middle
    }

    .col-1 {
        width: 8.333333%
    }

    .col-2 {
        width: 16.666667%
    }

    .col-3 {
        width: 25%
    }

    .col-4 {
        width: 33.333333%
    }

    .col-5 {
        width: 41.666667%
    }

    .col-6 {
        width: 50%
    }

    .col-7 {
        width: 58.333333%
    }

    .col-8 {
        width: 66.666667%
    }

    .col-9 {
        width: 75%
    }

    .col-10 {
        width: 83.333333%
    }

    .col-11 {
        width: 91.666667%
    }

    .col-12 {
        width: 100%
    }

    .col-xxs {
        width: 60px
    }

    .col-xs {
        width: 90px
    }

    .col-sm {
        width: 150px
    }

    .col-sd {
        width: 200px
    }

    .col-md {
        width: 240px
    }

    .col-lg {
        width: 280px
    }

    .col-xl {
        width: 320px
    }

    .col-xxl {
        width: 360px
    }

    .col-wide {
        width: 100%
    }

    .col-auto {
        width: auto
    }

    .table-grid-padded {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .table-grid-padded .table-grid {
        border-spacing: 1rem 0
    }
}

@media only screen and (max-width: 991px) {

    .table-grid-desktop .col,
    .table-grid-desktop.table-grid {
        display: block;
        width: auto
    }
}

.table-grid-align-middle .col {
    vertical-align: middle
}

.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


/* email */
.app-update-notice-container {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
}

.app-update-notice {
    line-height: 50px;
    width: 200px;
    margin: auto;
    background-color: #eaeaea !important;
    color: #777;
}

.sent-messages .email-signature {}

.panel-email {
    border: 1px solid #dde6e9 !important;
    border-radius: 5px;
    box-shadow: none !important;
}

.gmail-starred,
.gmail-important {
    color: #FF9F1C;
}

.sidebar>.nav>li.active>.nav-item>em,
.sidebar>.nav>li.open>.nav-item>em,
.sidebar>.nav>li.active>a>em,
.sidebar>.nav>li.open>a>em {
    color: #2F6690;
}

.sidebar-subnav {
    background-color: #f5f5f5;
    border-radius: 0 5px 5px 0 !important;
    border-left: 0 !important;
    margin-top: -2px !important;
}

.sidebar>.nav>li.open>a:focus {
    color: #5C80BC !important;
}

.name-with-circle {
    border-radius: 50%;
    behavior: url(PIE.htc);
    /* remove if you don't care about IE8 */

    width: 65px;
    height: 65px;

    background: #f6f6f6;
    color: #aeaeae;
    text-align: center;

    font-size: 27px;
    line-height: 65px;
}

/* sweet alerts */
.sweet-alert {
    font-family: 'Poppins', sans-serif !important;
    padding-bottom: 50px !important;
}

.sweet-alert>p>div.text-left,
.sweet-alert>.alert>p>div.text-left {
    text-align: left;
}

.sweet-alert>p,
.sweet-alert>.alert>p {
    font-weight: 400 !important;
    font-size: 14px !important;
}

.error-input {
    background-color: pink;
    border-color: red;
}

.sweet-alert>h2 {
    font-size: 27px !important;
}

.sweet-alert>h2 {
    font-size: 27px !important;
}
.sweet-alert button {
    border-radius: 10px!important;
}
.sweet-alert button.confirm {
    background-color: #3DC598 !important;
}

.sweet-alert button.cancel {
    background-color: #fff !important;
    color: #555 !important;
    border: 1px solid #eaeaea!important;
}
.sweet-alert button.cancel:hover {
    background-color: #fff !important;
    color: #555 !important;
    border: 1px solid #eaeaea!important;
}

.sweet-alert input {
    border-radius: 10px!important;
    font-size: 15px!important;
}

/* summary */
.summary-header {
    /*font-family: Helvetica Neue, Arial, Verdana, sans-serif!important;*/
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 10px 0 !important;
}

/* tag editor */
.tag-editor {
    min-height: 40px !important
}

.tag-editor .tag-editor-tag {
    background: #ffa841 !important;
    color: #ffffff;
    font-size: 13px !important;
    text-transform: none !important;
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    margin: 4px 0;
    font-weight: bold;
}

.tag-editor .tag-editor-delete {
    background: #ffa841 !important;
    padding: 2px 6px;
    border-radius: 0 4px 4px 0;
    margin: 4px 0;
    color: #6f787f;
}

.tag-editor .tag-editor-delete i:before {
    color: #ffffff !important;
}

.tag-editor .tag-editor-delete:hover i:before {
    color: #ffffff !important;
}

.app-tag {
    font-size: 11px;
    border-radius: 15px;
    padding: 3px 10px;
    color: #ffffff;
}

.tag-default-bg {
    background-color: #ffa841;
}

.tag-bg {
    font-size: 11px;
    border-radius: 3px;
    padding: 3px 8px;
    background-color: #ffa841;
    color: #ffffff;
}

.user-tag {
    font-size: 11px;
    border-radius: 15px;
    padding: 3px 10px;
    background-color: #e7f8ff;
    color: #6b757c;
}

/* ui auto complete */
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    font-size: 12px;
}

.ui-front {
    z-index: 9999;
}

.ui-menu {
    list-style: none;
    padding: 10px;
    margin: 0;
    display: block;
    outline: none;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px;
    line-height: 1.4;
    min-height: 0;
    /* support: IE7 */
}

.ui-widget-content {
    border-radius: 2px !important;
    border: 1px solid #eee;
    background: #fff;
    color: #555;
}

.ui-widget-content a {
    color: #1266b7;
}

.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #fff;
    border: 1px solid #fff;
}

.ui-helper-hidden-accessible {
    display: none;
}

/* vertical timeline */
.vertical-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}

.vertical-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

#vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #f1f1f1;
}

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f6f6f6 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f6f6f6;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f6f6f6 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f6f6f6;
}

@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    #vertical-timeline.center-orientation:before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f6f6f6 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

.vertical-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-block:first-child {
    margin-top: 0;
}

.vertical-timeline-block:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }

    .center-orientation .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .center-orientation .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 0;
    text-align: center;
}

.vertical-timeline-icon i {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -9px;
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 50px;
        height: 50px;
        left: 50%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px;
    }

    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px;
    }

    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
}

.vertical-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.vertical-timeline-content h2 {
    font-weight: 400;
    margin-top: 4px;
}

.vertical-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500;
}

.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 18px;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }

    .center-orientation .vertical-timeline-content .btn {
        float: left;
    }

    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 2px;
        font-size: 14px;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
        float: right;
    }

    .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
        left: auto;
        right: 122%;
        text-align: right;
    }

    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}

/* sortable */
.sort-handle {
    cursor: move;
}

.sortable-ghost {}

.sortable-chosen {
    z-index: 9999 !important;
}

.sortable-item {
    margin: 8px !important;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
}

/* list items */
.list-item {
    margin: 6px;
}

.list-item-white {
    background-color: white;
    border-bottom: 1px solid #eee !important;
}

/* scroll tabs */
.scrtabs-tab-scroll-arrow {
    border: 0 !important;
    border-top: none;
    color: #428bca;
    display: none;
    float: left;
    font-size: 12px;
    height: 33px;
    margin-bottom: -1px;
    text-align: center !important;
    padding-top: 7px;
    width: 20px;
}

.tour-tour>.arrow {
    display: none;
}

.tour-tour>.popover-header {
    font-size: 18px !important;
    background-color: #fff !important;
    border-bottom: 0 !important;
}

.tour-tour>.popover-body {
    font-size: 13px !important;
}

.btn-secondary {
    background-color: #1266b7 !important;
    padding: 10px !important;
}

.tour-tour>.popover-navigation>button {
    margin-left: 5px !important;
}

/* font awesome */
i.fa-bg-circle-dark {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #d7dadc;
    padding: 25px 25px;
    font-size: 25px;
    color: #fff;
    background-color: #d7dadc;

}

i.fa-bg-circle-green {
    display: inline-block;
    border-radius: 60px;
    box-shadow: 0px 0px 2px #3DC598;
    padding: 25px 25px;
    font-size: 25px;
    color: #fff;
    background-color: #3DC598;
}

.fa-info-bg {
    background: transparent;
    border: 1px solid #ddd;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 13px;
    vertical-align: middle;
    padding: 3px;
}

/* column success */
.column-success {
    background-color: #DAF7DC;
    color: #fff;
}

/* pretty checkboxes */
.pretty.p-icon input:checked~.state label:before {
    border-color: #bdc3c7 !important;
}

/*.pretty.p-switch.p-fill input:checked~.state.p-primary:before{*/
/*background-color:#716ACC!important;*/
/*}*/
/*.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{*/
/*background-color:#716ACC!important;*/
/*}*/
/*.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{*/
/*border-color:#716ACC!important;*/
/*}*/
/*.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{*/
/*background-color:transparent*/
/*}*/
/*.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{*/
/*color:#716ACC!important;*/
/*stroke:#716ACC!important;*/
/*}*/

/* reporting */
.ibox {
    clear: both;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

.ibox.collapsed .ibox-content {
    display: none;
}

.ibox.collapsed .fa.fa-chevron-up:before {
    content: "\f078";
}

.ibox.collapsed .fa.fa-chevron-down:before {
    content: "\f077";
}

.ibox:after,
.ibox:before {
    display: table;
}

.ibox-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ffffff;
    border-image: none;
    border-width: 2px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 15px 15px 7px;
    min-height: 48px;
    border-radius: 5px;
}

.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 15px 15px 15px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}

/* document checklist placeholders */
.placeholder-asset-circle {
    margin-top: 2px;
    border-radius: 3px;
    line-height: 16px;
    width: 18px;
    height: 18px;
}

.placeholder-asset-link {
    font-size: 11px;
}

.has-no-assets {
    background-color: #b9c6d7;
}

.has-notes {
    background-color: #E4B328 !important;
    border: 1px solid #E4B328 !important;
    color: #ffffff !important;
}

.has-tags {
    background-color: #716ACC;
}

.has-files {
    background-color: #39A0ED;
}

/* opacity */
.full-opacity {
    opacity: 1;
}

.muted-opacity {
    opacity: .2;
}

/* task checkmark with circle */
.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 14px;
    left: 0;
    top: 0;
}

.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: #ccc;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #ccc;
    left: 8px;
    top: 12px;
}

/* break content */
.break-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    word-wrap: break-word;
}

/* editable div */
.div-element-editable {
    overflow: hidden;
    /* Prevent text from overflowing div */
    white-space: nowrap;
    /* Prevent text from using more than one line */
}

.div-element-editable-focus {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 10px;
}

/* ellipsis text */
.truncated {
    display: block;
    white-space: nowrap;
    /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* test classes */
.div-red {
    border: 10px solid rgb(255, 64, 95);
}

/* one sheet */
.one-sheet-field-active-option {
    color: #6757ed !important;
}

/* starring system */
.template-star-filled {
    color: #FF9F1C;
}

/* content editable */
.content-editable {
    background-color: #fafafa;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* content editable */
.content-editable-active {
    background-color: #e3e3ff !important;
    /*border-radius: 8px;*/
    padding-left: 8px !important;
    padding-right: 8px !important;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    padding-left: 2px;
}

[contenteditable="true"].single-line br {
    display: none;

}

[contenteditable="true"].single-line * {
    display: inline;
    white-space: nowrap;
}

/* content editable table */
.table-content-editable-active {
    background-color: #e3e3ff !important;
}

[contenteditable="true"].table-single-line {
    white-space: nowrap;
    overflow: hidden;
}

[contenteditable="true"].table-single-line br {
    display: none;
}

[contenteditable="true"].table-single-line * {
    display: inline;
    white-space: nowrap;
}

[contenteditable="true"].single-line {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    padding-left: 2px;
}

[contenteditable="true"].single-line br {
    display: none;

}

[contenteditable="true"].single-line * {
    display: inline;
    white-space: nowrap;
}

/* property table */
.property-data-table td.table-data-editable:hover {}

/* tables */
.table-data-cell {
    min-width: 100px !important;
}

/* document template folders and placeholders */
.parent-folder-container {
    min-width: 5px;
}

.parent-folder-container>.child-list,
.parent-folder-container>.document-item-container,
.children-container {
    margin-left: 30px;
}

.parent-folder {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 5px;
    border: 1px solid #eaeaea;
    padding: 10px !important;
}

.child-list {
    padding-right: 0 !important;
}

.child-folder {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: 5px;
    border: 1px solid #eaeaea;
    padding: 10px;
}

.child-list>.child-folder-container>.document-item-container {
    margin-left: 40px;
}

.document-item {
    border-radius: 0;
    margin-bottom: 5px;
}

.document-folder {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    border-radius: 0;
    padding: 10px;
}

.sort-container {
    border-radius: 0;
}

/* full screen */
.full-screen-container {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* full screen */
.full-screen-react-flow-container {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* tables */
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    line-height: 2;
}

.table>thead>tr>th,
.table>tbody>tr>td {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* forms */
.form-control {
    font-size: 14px;
    height: 50px;
    line-height: 2;
    padding: 15px 20px;
    border-radius: 10px;
}

.input-group-btn {
    font-size: 15px;
    height: 40px;
    line-height: 1.52857;
}

.input-lg {
    font-size: 20px;
    height: 60px;
    line-height: 1.52857;
    padding: 10px 20px;
}

.form-input-borderless {
    border-radius: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    width: 100%;
}

.form-input-no-border {
    border-radius: 0 !important;
    border: 0 !important;
    width: 100%;
}

.contingentDateField {
    background-color: #cbeffb
}

.input-group-addon-rounded-left {
    border-radius: 10px 0 0 10px !important;
}

.input-group-addon-rounded-right {
    border-radius: 0 10px 10px 0 !important;
}

/*.input-group-addon{*/
/*    background-color: #fafafa!important;*/
/*}*/

/* list groups */
.list-group-item {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.list-item:hover,
.list-group-item-task:hover {}

.list-group-item-no-b-l-r {
    border-left: 0 !important;
    border-right: 0 !important;
}

.list-group-item-no-b-l-r-t {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

.list-group-item-header {
    background-color: #f6f6f6;
    font-weight: bold;
}

/* feather icons */
.feather-15 {
    height: 15px;
    width: 15px;
}

.feather-18 {
    height: 18px;
    width: 18px;
}

.feather-20 {
    height: 20px;
    width: 20px;
}

.feather-21 {
    height: 21px;
    width: 21px;
}

/* sidebar */
.sidebar {
    height: 100%;
    padding-bottom: 20px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.sidebar:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    -webkit-transform: translateZ(0px);
}

.sidebar .nav-heading {
    padding: 12px 15px;
    color: #919DA8;
    font-size: 13px;
    letter-spacing: .035em;
    pointer-events: none;
    cursor: default;
}

.sidebar>.nav {
    position: relative;
}

.sidebar>.nav>.nav-heading:first-child {
    padding-top: 20px;
}

.sidebar>.nav>li {
    border-left: 3px solid transparent;
    -webkit-transition: border-left-color 0.4s ease;
    -o-transition: border-left-color 0.4s ease;
    transition: border-left-color 0.4s ease;
}

.sidebar>.nav>li>a,
.sidebar>.nav>li>.nav-item {
    padding: 12px 24px;
    color: #515253;
    font-weight: 500 !important;
    cursor: pointer;
}

.sidebar>.nav>li>a:focus,
.sidebar>.nav>li>.nav-item:focus,
.sidebar>.nav>li>a:hover,
.sidebar>.nav>li>.nav-item:hover {
    text-decoration: none;
    outline: none;
    color: #404E67 !important;
    background-color: #E7EDF4 !important;
}

.sidebar>.nav>li>a>i,
.sidebar>.nav>li>.nav-item>i {
    width: 1.8em;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: inherits;
}

.sidebar>.nav>li.active,
.sidebar>.nav>li.open,
.sidebar>.nav>li.active>a,
.sidebar>.nav>li.open>a,
.sidebar>.nav>li.active>.nav-item,
.sidebar>.nav>li.open>.nav-item,
.sidebar>.nav>li.active .nav,
.sidebar>.nav>li.open .nav {
    color: #404E67 !important;
    background-color: #E7EDF4 !important;
    font-weight: bold !important;
}

.sidebar>.nav>li.active>.nav-item>i,
.sidebar>.nav>li.open>.nav-item>i,
.sidebar>.nav>li.active>a>i,
.sidebar>.nav>li.open>a>i {
    color: #404E67 !important;
    background-color: #E7EDF4 !important;
}

.sidebar>.nav>li.active {
    border-left-color: #404E67;
}

.sidebar>.nav .label {
    display: block;
}

@media only screen and (min-width: 1025px) {
    .sidebar:not(.show-scrollbar) {
        margin-right: -17px;
        overflow-y: scroll;
    }
}

/* sidebar sub nav */
.sidebar-subnav {
    background-color: #fff;
    margin-top: 0 !important;
}

.sidebar-subnav>.sidebar-subnav-header {
    color: #515253;
    display: none;
    padding: 10px 20px;
    font-weight: 500 !important;
}

.sidebar-subnav>li {
    border-left: 0 !important;
}

.sidebar-subnav>li>a,
.sidebar-subnav>li>.nav-item {
    display: block;
    position: relative;
    padding: 7px 15px;
    padding-left: 30px;
    font-weight: 500 !important;
    background-color: transparent !important;
    color: #515253;
}

.sidebar-subnav>li>a:focus,
.sidebar-subnav>li>.nav-item:focus,
.sidebar-subnav>li>a:hover,
.sidebar-subnav>li>.nav-item:hover {
    color: #2d2e2f;
    /*background-color: #716ACC!important;*/
    border-radius: 30px !important;
}

.sidebar-subnav>li>a>i,
.sidebar-subnav>li>.nav-item>i {
    display: inline-block;
    width: 1.8em;
    margin: 0 0 0 -2em;
}

.sidebar-subnav>li.active>a,
.sidebar-subnav>li.active>.nav-item {
    color: #716ACC;
}

.sidebar-subnav>li.active>a:after,
.sidebar-subnav>li.active>.nav-item:after {
    border-color: #716ACC;
    background-color: #716ACC;
}

.sidebar-subnav>li .nav>li {
    padding-left: 5px;
}

.sidebar-subnav.nav-floating {
    background-color: #efefef;
    margin-left: -1px;
}

.sidebar-subnav.nav-floating,
.sidebar-subnav.nav-floating .collapse {
    height: auto !important;
    display: block !important;
    visibility: visible !important;
}

.sidebar-subnav.nav-floating>.sidebar-subnav-header {
    display: block;
}

.sidebar-subnav.nav-floating li>a,
.sidebar-subnav.nav-floating li>.nav-item {
    padding-left: 20px;
}

.sidebar-subnav.nav-floating li>a i,
.sidebar-subnav.nav-floating li>.nav-item i {
    margin-left: 0;
}

@media only screen and (min-width: 768px) {
    .sidebar>.nav .label {
        margin: 2px 0 0 0;
    }
}

/* aside */
.aside-collapsed .sidebar,
.aside-collapsed-text .sidebar {
    overflow-x: hidden;
}

.aside-collapsed .sidebar>.nav .nav,
.aside-collapsed-text .sidebar>.nav .nav,
.aside-collapsed .sidebar>.nav>.nav-heading,
.aside-collapsed-text .sidebar>.nav>.nav-heading,
.aside-collapsed .sidebar>.nav>li>.nav-item>span,
.aside-collapsed-text .sidebar>.nav>li>.nav-item>span,
.aside-collapsed .sidebar>.nav>li>a>span,
.aside-collapsed-text .sidebar>.nav>li>a>span {
    display: none !important;
}

.aside-collapsed .sidebar>.nav>li,
.aside-collapsed-text .sidebar>.nav>li {
    width: 68px;
}

.aside-collapsed .sidebar>.nav>li>a,
.aside-collapsed-text .sidebar>.nav>li>a,
.aside-collapsed .sidebar>.nav>li>.nav-item,
.aside-collapsed-text .sidebar>.nav>li>.nav-item {
    text-indent: -3px;
    padding: 9px 0;
    text-align: center;
}

.aside-collapsed .sidebar>.nav>li>a>i,
.aside-collapsed-text .sidebar>.nav>li>a>i,
.aside-collapsed .sidebar>.nav>li>.nav-item>i,
.aside-collapsed-text .sidebar>.nav>li>.nav-item>i {
    font-size: 1.6em;
    width: auto;
}

.aside-collapsed .sidebar>.nav>li>a:focus,
.aside-collapsed-text .sidebar>.nav>li>a:focus,
.aside-collapsed .sidebar>.nav>li>.nav-item:focus,
.aside-collapsed-text .sidebar>.nav>li>.nav-item:focus {
    background-color: transparent;
}

.aside-collapsed .sidebar>.nav>li>a:focus>i,
.aside-collapsed-text .sidebar>.nav>li>a:focus>i,
.aside-collapsed .sidebar>.nav>li>.nav-item:focus>i,
.aside-collapsed-text .sidebar>.nav>li>.nav-item:focus>i {
    color: inherit;
}

.aside-collapsed .sidebar .nav .label,
.aside-collapsed-text .sidebar .nav .label {
    position: absolute;
    top: 10px;
    right: 5px;
    text-indent: 0;
}

.aside-collapsed-text .sidebar>.nav>li>.nav-item>span,
.aside-collapsed-text .sidebar>.nav>li>a>span {
    display: block !important;
    font-size: 12px;
}

.aside-collapsed-text .sidebar>.nav>li {
    width: 88px;
}

.aside-collapsed-text .sidebar>.nav>li>a {
    padding: 14px 0;
}

.aside-collapsed-text .sidebar>.nav>li>a>i {
    font-size: 1.4em;
}

/* select picker */
.filter-option {
    font-size: 13px !important;
}

.dropdown-menu>li {
    font-size: 13px !important;
}

select {
    font-size: 13px !important;
}

/* date range picker */
.daterangepicker li {
    font-family: 'Poppins', sans-serif;
    font-size: 11px !important;
}

.datepicker,
.daterangepicker {
    font-family: 'Poppins', sans-serif;
    font-size: 13px !important;
}

.drp-buttons .cancelBtn {
    display: none;
}

/* side bar caret container */
.side-bar-caret-container {
    background-color: #e5e5e5;
    min-height: 60px;
    line-height: 60px;
    width: 20px;
}

.side-bar-caret-container i {
    margin-left: 1px;
    color: #333;
}

/* dashboard & task pipeline address search box */
.search-dashboard-properties,
.search-task-pipeline-properties,
.search-trigger-pipeline-properties,
.tag-property-search {
    width: 400px;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100px;
}

.search-dashboard-properties-container,
.search-task-pipeline-properties-container,
.search-trigger-pipeline-properties-container,
.tag-property-search-container {
    -webkit-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #eaeaea;
    z-index: 9999;
    top: 5px;
}

.search-dashboard-properties-container:before,
.search-task-pipeline-properties-container:before,
.search-trigger-pipeline-properties-container:before,
.tag-property-search-container:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #bebebe;
    top: 10px;
    left: -8px;
}

/* merge field options */
.nav-merge-fields>li>a {
    font-size: 12px !important;
}

.merge-field-button {
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 50%;
}

/* triggers */
.trigger-asset-element {
    border: 1px solid #716ACC !important;
    background-color: #ffffff !important;
    color: #716ACC !important;
    min-width: 140px !important;
}

.trigger-asset-element-email {
    border: 1px solid #716ACC !important;
    background-color: #ffffff !important;
    color: #716ACC !important;
    min-width: 140px !important;
}

.trigger-asset-element-text {
    border: 1px solid #3DC598 !important;
    background-color: #ffffff !important;
    color: #716ACC !important;
    min-width: 140px !important;
}

.automation-trigger-drop-form,
.conditional-drop-form {
    -webkit-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    background-color: white;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

.trigger-move {
    cursor: move;
    /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.trigger-toggle-details,
.smart-block-toggle-details {
    display: block;
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 22px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 50%;
}

/* smart blocks */
.smart-block-drop-form,
.new-task-drop-form {
    -webkit-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 3px 1px 8px 0px rgba(0, 0, 0, 0.18);
    background-color: white;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

/* hover dropdown menu */
.dropdown-hover-btn:hover .dropdown-hover-btn-content {
    display: block;
    z-index: 9999 !important;
}

/* conditionals */
.conditionals-list .conditional:hover {
    background: #f2eefa;
}

/* scrollable dropdown menu */
.scrollable-dropdown-menu {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
}

/* pagination */
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #6B7280;
    border-color: #6B7280;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #6B7280;
    border-color: #6B7280;
    cursor: default;
}

/* password strength meter */
#password {
    padding: 10px;
    border: 1px solid #000;
    margin: 0 0 10px;
}

div.pass-container {
    height: 30px;
}

div.pass-bar {
    height: 11px;
    margin-top: 2px;
}

div.pass-hint {
    font-family: arial;
    font-size: 11px;
}

/* link loading dots */
.link-lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 41px;
    height: 80px;
}

.link-lds-ellipsis div {
    position: absolute;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis div:nth-child(1) {
    left: 4px;
    animation: link-lds-ellipsis1 0.3s infinite;
}

.link-lds-ellipsis div:nth-child(2) {
    left: 4px;
    animation: link-lds-ellipsis2 0.3s infinite;
}

.link-lds-ellipsis div:nth-child(3) {
    left: 16px;
    animation: link-lds-ellipsis2 0.3s infinite;
}

.link-lds-ellipsis div:nth-child(4) {
    left: 28px;
    animation: link-lds-ellipsis3 0.3s infinite;
}

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

    100% {
        transform: scale(1);
    }
}

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

    100% {
        transform: scale(0);
    }
}

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

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

/*
link loading dots
*/
.link-lds-ellipsis-purple {
    display: inline-block;
    position: relative;
    width: 41px;
    height: 80px;
}

.link-lds-ellipsis-purple div {
    position: absolute;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #716ACC;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis-purple div:nth-child(1) {
    left: 4px;
    animation: link-lds-ellipsis-purple1 0.3s infinite;
}

.link-lds-ellipsis-purple div:nth-child(2) {
    left: 4px;
    animation: link-lds-ellipsis-purple2 0.3s infinite;
}

.link-lds-ellipsis-purple div:nth-child(3) {
    left: 16px;
    animation: link-lds-ellipsis-purple2 0.3s infinite;
}

.link-lds-ellipsis-purple div:nth-child(4) {
    left: 28px;
    animation: link-lds-ellipsis-purple3 0.3s infinite;
}

@keyframes link-lds-ellipsis-purple1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes link-lds-ellipsis-purple3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes link-lds-ellipsis-purple2 {
    0% {
        transform: translate(0, 0);
    }

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

/*
link loading dots
*/
.link-lds-ellipsis-gray {
    display: inline-block;
    position: relative;
    width: 41px;
    height: 80px;
}

.link-lds-ellipsis-gray div {
    position: absolute;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #8D98A5;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis-gray div:nth-child(1) {
    left: 4px;
    animation: link-lds-ellipsis-gray1 0.3s infinite;
}

.link-lds-ellipsis-gray div:nth-child(2) {
    left: 4px;
    animation: link-lds-ellipsis-gray2 0.3s infinite;
}

.link-lds-ellipsis-gray div:nth-child(3) {
    left: 16px;
    animation: link-lds-ellipsis-gray2 0.3s infinite;
}

.link-lds-ellipsis-gray div:nth-child(4) {
    left: 28px;
    animation: link-lds-ellipsis-gray3 0.3s infinite;
}

@keyframes link-lds-ellipsis-gray1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes link-lds-ellipsis-gray3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes link-lds-ellipsis-gray2 {
    0% {
        transform: translate(0, 0);
    }

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

/*
link loading dots
*/
.link-lds-ellipsis-sm {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 13px;
}

.link-lds-ellipsis-sm div {
    position: absolute;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis-sm div:nth-child(1) {
    left: 3px;
    animation: link-lds-ellipsis-sm1 0.3s infinite;
}

.link-lds-ellipsis-sm div:nth-child(2) {
    left: 3px;
    animation: link-lds-ellipsis-sm2 0.3s infinite;
}

.link-lds-ellipsis-sm div:nth-child(3) {
    left: 12px;
    animation: link-lds-ellipsis-sm2 0.3s infinite;
}

.link-lds-ellipsis-sm div:nth-child(4) {
    left: 21px;
    animation: link-lds-ellipsis-sm3 0.3s infinite;
}

@keyframes link-lds-ellipsis-sm1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes link-lds-ellipsis-sm3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes link-lds-ellipsis-sm2 {
    0% {
        transform: translate(0, 0);
    }

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

/*
link loading dots
*/
.link-lds-ellipsis-purple-sm {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 13px;
}

.link-lds-ellipsis-purple-sm div {
    position: absolute;
    top: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #716ACC;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis-purple-sm div:nth-child(1) {
    left: 3px;
    animation: link-lds-ellipsis-purple-sm1 0.3s infinite;
}

.link-lds-ellipsis-purple-sm div:nth-child(2) {
    left: 3px;
    animation: link-lds-ellipsis-purple-sm2 0.3s infinite;
}

.link-lds-ellipsis-purple-sm div:nth-child(3) {
    left: 12px;
    animation: link-lds-ellipsis-purple-sm2 0.3s infinite;
}

.link-lds-ellipsis-purple-sm div:nth-child(4) {
    left: 21px;
    animation: link-lds-ellipsis-purple-sm3 0.3s infinite;
}

@keyframes link-lds-ellipsis-purple-sm1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes link-lds-ellipsis-purple-sm3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes link-lds-ellipsis-purple-sm2 {
    0% {
        transform: translate(0, 0);
    }

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

/*
link loading dots
*/
.link-lds-ellipsis-purple-lg {
    display: inline-block;
    position: relative;
    width: 82px;
    height: 160px;
}

.link-lds-ellipsis-purple-lg div {
    position: absolute;
    top: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.link-lds-ellipsis-purple-lg div:nth-child(1) {
    left: 8px;
    animation: link-lds-ellipsis-purple-lg1 0.3s infinite;
}

.link-lds-ellipsis-purple-lg div:nth-child(2) {
    left: 8px;
    animation: link-lds-ellipsis-purple-lg2 0.3s infinite;
}

.link-lds-ellipsis-purple-lg div:nth-child(3) {
    left: 32px;
    animation: link-lds-ellipsis-purple-lg2 0.3s infinite;
}

.link-lds-ellipsis-purple-lg div:nth-child(4) {
    left: 56px;
    animation: link-lds-ellipsis-purple-lg3 0.3s infinite;
}

@keyframes link-lds-ellipsis-purple-lg1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes link-lds-ellipsis-purple-lg3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes link-lds-ellipsis-purple-lg2 {
    0% {
        transform: translate(0, 0);
    }

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

/*
pretty checks
*/
.p-success {
    color: #3DC598;
}

/*
opacity
*/
.opacity-dim {
    opacity: .2;
}

.opacity-full {
    opacity: 1;
}

/*
drop shadowed element
*/
.element-drop-shadow {
    box-sizing: border-box;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    border: 1px solid #eaeaea;
    margin-bottom: 15px !important;
}

/*
sort
*/
.sort-handle-container {
    background-color: #fff !important;
    z-index: 999 !important;
    top: 0 !important;
    left: 3px !important;
    width: 40px !important;
    height: 100% !important;
}

.sort-handle {
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/*
widget
*/
.widget-content-editable {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
}

.widget-content-editable-active {
    background-color: #e3e3ff !important;
    border-radius: 4px;
}

/*
automation trigger active pulse
*/
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

.lds-ripple div {
    position: absolute;
    border: 2px solid #cccccc;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -1s;
}

@keyframes lds-ripple {
    0% {
        top: 18px;
        left: 18px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 36px;
        height: 36px;
        opacity: 0;
    }
}

/* loading ring */
.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* loading ring */
.lds-roller-dark {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller-dark div {
    animation: lds-roller-dark 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller-dark div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #555 !important;
    margin: -4px 0 0 -4px;
}

.lds-roller-dark div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller-dark div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller-dark div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller-dark div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller-dark div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller-dark div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller-dark div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller-dark div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller-dark div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller-dark div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller-dark div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller-dark div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller-dark div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller-dark div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller-dark div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller-dark div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller-dark {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*
automation trigger active pulse
*/
.lds-ripple-lg {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ripple-lg div {
    position: absolute;
    border: 2px solid #cccccc;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple-lg 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple-lg div:nth-child(2) {
    animation-delay: -1s;
}

@keyframes lds-ripple-lg {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 72px;
        height: 72px;
        opacity: 0;
    }
}

/*
automation trigger active pulse
*/
.lds-ripple-purple {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
}

.lds-ripple-purple div {
    position: absolute;
    border: 2px solid #716ACC;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple-purple div:nth-child(2) {
    animation-delay: -1s;
}

@keyframes lds-ripple-purple {
    0% {
        top: 18px;
        left: 18px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 36px;
        height: 36px;
        opacity: 0;
    }
}

/* selectpicker */
.bootstrap-select .dropdown-menu li.active small {
    color: #716ACC !important;
}

/* vertical text */
.app-lead-pipeline-vertical-text,
.app-task-pipeline-vertical-text,
.app-trigger-pipeline-vertical-text,
.app-mention-pipeline-vertical-text {
    transform: rotate(90deg) !important;
    transform-origin: left top 0 !important;
    text-transform: uppercase;
}

/* initial circles */
[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    text-align: center;
    border-radius: 50%;
    background: #555555 !important;
;
    vertical-align: middle;
    margin-right: 1px;
    color: #ffffff !important;
;
    border: 1px solid red;
}

.initials-circle {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff !important;
    text-align: center;
    background: #555555 !important;
;
    margin-right: 2px;
}

/* highlight bg color */
.highlight-bg {}

.highlight-bg:hover {
    background-color: #fffef2 !important;
}

/* triggers */
.trigger-error {
    background-color: rgb(255, 64, 95);
    padding: 2px;
    border-radius: 4px;
    color: white !important;
}

.trigger-active {
    background-color: rgb(255, 246, 154);
    border-radius: 4px;
    padding-bottom: 2px;
}

/* webhook */
.webhook-active {
    color: #716ACC !important;
}

/* mentions */
.fa-circle-new,
.fa-circle-cancelled {
    color: rgb(255, 64, 95) !important;
;
}

.fa-circle-working {
    color: rgb(54, 162, 235) !important;
}

.fa-circle-blocked {
    color: #333333 !important;
}

.fa-circle-completed,
.fa-circle-active {
    color: rgb(95, 206, 158) !important;
}

.fa-circle-archived {
    color: rgb(51, 51, 51) !important;
}

/* tinymce */
.tox-tinymce {
    border-radius: 10px !important;
    border: 1px solid #dde6e9 !important;
}

/* drop down shadow */
.nav-sub-menu-drop-shadow {
    border-radius: 0 10px 10px 0 !important;
    padding: 10px;
    width: 250px;
    background-color: #ffffff !important;
    -webkit-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.35);
    box-shadow: 4px 4px 10px -4px rgba(0, 0, 0, 0.35);
}

.dropdown-menu,
.sweet-alert,
.modal-content {
    border-radius: 10px !important;
}

/* queue */
.app-project-list-queue-buttons {
    bottom: 15px;
    left: 15px;
    z-index: 1001;
    height: 40px;
}

.app-project-list-queue-buttons-overlay {
    display: none;
    background-color: white;
    height: 40px;
    width: 400px;
    z-index: 9999;
    opacity: .5;
}

.app-project-list-queue-list-container {
    left: 0;
    bottom: 25px;
    display: none;
}

.app-project-list-queue-list-pop-all {
    display: none;
    z-index: auto;
    top: -3px;
    right: -30px;
}

.app-project-list-clear-all {
    height: 28px;
    line-height: 25px;
    width: 20px;
    background-color: #eaeaea;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.13);
}

.app-project-list-queue-switch-container {
    display: none;
    left: 190px;
    top: 0;
}

.app-project-list-queue-switch {
    height: 35px;
}

.app-project-list-queue-list-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* dialer */
.app-dialer {
    padding: 30px 50px;
    border-radius: 20px 20px 0 0;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    background-color: #555555;
}

/* notification container */
.app-bottom-notification-container {
    padding: 30px 50px;
    border-radius: 20px 20px 0 0;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.34);
}

/* task date picker */
.task_date_picker {
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.tox-promotion {
    display: none;
}

.drop-menu-shadow {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* explainer page */
.app-explainer-page-box {
    border: 1px solid #eaeaea;
    box-shadow: 3px 2px 7px -3px rgba(0,0,0,0.35);
    -webkit-box-shadow: 3px 2px 7px -3px rgba(0,0,0,0.35);
    -moz-box-shadow: 3px 2px 7px -3px rgba(0,0,0,0.35);
}
.app-explainer-page-box ol {
    display: block;
    padding: 0 0 0 35px;
    list-style: none;
    overflow: hidden;
    counter-reset: numList;
}
.app-explainer-page-box ol li {
    margin-bottom: 10px;
    margin-right: 44px;
    position: relative;
    font-size: 14px;
}
.app-explainer-page-box ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -35px;
    font-size: 11px;
    text-align: center;
    color: #555;
    line-height: 22px;
    width: 22px;
    height: 22px;
    background: #eaeaea;
    -moz-border-radius: 999px;
    border-radius: 999px
}

.app-chat-widget {
    border-radius: 60px;
    height: 60px;
    width: 60px;
    background-color: #536288;
    text-align: center;
    line-height: 74px;
}

.app-quick-start-guide-widget {
    border-radius: 8px;
    background-color: #536288!important;
    color: #fff!important;
    line-height: 14px;
}


.ai-loader {
    position: absolute;
    top: calc(50% - 16px + 40px);
    left: calc(50% - 16px);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    perspective: 200px;
}

.ai-inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.ai-inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #536288;
}

.ai-inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #536288;
}

.ai-inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #536288;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}