@charset "UTF-8";

/* ==========================================================================
   [Master Stylesheet]

    Project                  :       Lavalite
    Version                  :       1.0
    Author                   :       Renfos Technologies
    Author  URl              :       www.renfos.com
    Primary use              :       Default

   ========================================================================== */


/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
body {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #33475b;
    line-height: 24px;
    background: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.btn {
    border-radius: 3px;
    padding: 7px 20px;
    min-height: 38px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-theme {
    background-color: #270786;
    color: #fff;
    font-weight: 600;
}
.btn-theme:hover, .btn-theme:focus {
    color: #fff;
    background-color: #52428e;
}

.btn-outline-theme {
    color: #270786;
    border-color: #270786;
}
.btn-outline-theme:hover, .btn-outline-theme:focus {
    color: #fff;
    border-color: #270786;
    background-color: #270786;
}
.form-control {
    font-size: 14px;
}
.dropdown-item {
    font-size: 14px;
}
.main-wrap .main-header {
    background-color: #270786;
    padding: 8px 40px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
.main-wrap .main-header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-wrap .main-header nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}
.main-wrap .main-header nav .logo-wrap {
    margin-right: 20px;
}
.main-wrap .main-header nav .logo-wrap .brand img {
    height: 30px;
}
.main-wrap .main-header nav .primary-nav {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.main-wrap .main-header nav .primary-nav .navigation {
    display: inline-block;
    margin-bottom: 0;
    list-style: none;
}
.main-wrap .main-header nav .primary-nav ul.navigation li {
    display: inline-block;
    position: relative;
    text-align: left;
}
.main-wrap .main-header nav .primary-nav ul.navigation li a:not(.btn) {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    margin: 0;
    border: 2px solid transparent;
    padding: 0px 10px;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.active>a {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.42);
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child>a {
    padding-right: 20px;
    padding-left: 10px;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child>.wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
    right: inherit;
    left: 0;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper {
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    padding-left: 0;
    margin-top: 10px;
    min-width: 150px;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper ul {
    margin: 0;
    padding: 0;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper ul li {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: block;
    white-space: nowrap;
    background-color: #fff;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper ul li a {
    display: block !important;
    padding: 5px 15px !important;
    color: #333 !important;
    border-radius: 0;
    border: none;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper ul li a:hover {
    background-color: #f7f7f7;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child .wrapper>.nav-wrapper ul>li:first-child:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 12px;
    content: "";
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child:hover .wrapper {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child>a::before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: Line Awesome Free;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 1;
    color: #fff;
    content: "\F103";
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    padding-right: 7px;
}
.main-wrap .main-header nav .primary-nav ul.navigation li.has-child:hover>a::before {
    content: "\f113";
}
.main-wrap .main-header nav .nav-btn {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    padding: 8px;
    cursor: pointer;
    position: absolute;
    top: -2px;
    bottom: 0;
    height: 28px;
    right: 0;
    margin: auto;
    background-color: transparent;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.4);
}
.main-wrap .main-header nav .nav-btn i {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    height: 2px;
    width: 12px;
    background-color: #fff;
    margin-bottom: 2px;
    display: block;
    background-color: #ffff;
}
.main-wrap .main-header nav .nav-btn i:last-child {
    margin-bottom: 0px;
}
.main-wrap .main-header nav .nav-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    align-items: center;
}
.main-wrap .main-header nav .nav-wrap .right-nav {
    margin-left: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .avatar {
    color: #4c5667;
    font-weight: 600;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    vertical-align: bottom;
    font-size: .875rem;
    user-select: none;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .name {
    color: #fff;
    margin-left: 5px;
    display: inline-block;
    font-weight: 600;
    vertical-align: text-bottom;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-toggle::after {
    content: "\F103";
    font-family: "Line Awesome Free";
    border: none;
    font-size: 10px;
    color: #fff;
    margin-left: 5px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu {
    border: none;
    border-radius: 3px;
    margin-top: 11px;
    -moz-box-shadow: 0 0 1px rgba(57,70,78,.15), 0 20px 55px -8px rgba(57,70,78,.25);
    -webkit-box-shadow: 0 0 1px rgba(57,70,78,.15), 0 20px 55px -8px rgba(57,70,78,.25);
    box-shadow: 0 0 1px rgba(57,70,78,.15), 0 20px 55px -8px rgba(57,70,78,.25);
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu .dropdown-item {
    font-size: 13px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu .dropdown-item:hover {
    background-color: rgba(0,77,128,.0392157);
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu::after {
    bottom: 100%;
    left: 10px;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #fff;
    border-width: 5px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu.dropdown-menu-right::after {
    right: 10px;
    left: auto;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 15px 15px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info .avatar {
    height: 48px;
    width: 48px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info .user-info {
    margin-left: 10px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info .user-info .user-info-name {
    margin: 0;
    color: #33475b;
    font-weight: 600;
    font-size: 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info .user-info .user-info-email {
    color: #7c98b6;
    font-size: 12px;
    line-height: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-top: 2px;
    margin-bottom: 5px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .short-info .user-info .user-info-preferences {
    color: #270786;
    font-size: 14px;
    font-weight: 600;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .dropdown-menu {
    min-width: 280px;
}

.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .account-ref {
    padding: 15px 15px;
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .account-ref h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .account-ref p{
    margin: 0;
    font-size: 13px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .account-ref i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .menu-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f2f5f8;
    padding: 10px 20px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .menu-footer a {
    font-size: 13px;
    color: #270786;
}
.main-wrap .main-header nav .nav-wrap .right-nav .profile-menu .dropdown-menu {
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-wrap .main-header nav .nav-wrap .right-nav .nav-link {
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    line-height: 35px;
    color: #fff;
    border: none;
    font-size: 19px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: transparent;
}
.modal-open .apps-modal {
    overflow: hidden;
}
.modal-open .apps-modal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    text-shadow: none;
    z-index: 9;
}
.modal-open .apps-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    margin: 0;
}
.modal-open .apps-modal.fade .modal-dialog {
    overflow: hidden;
    -moz-transform: translate(0, 0) scale(1.2);
    -o-transform: translate(0, 0) scale(1.2);
    -ms-transform: translate(0, 0) scale(1.2);
    -webkit-transform: translate(0, 0) scale(1.2);
    transform: translate(0, 0) scale(1.2);
}
.modal-open .apps-modal.fade.show .modal-dialog {
    -moz-transform: translate(0, 0) scale(1);
    -o-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.modal-open .apps-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    min-height: 100vh;
    background-color: #fff;
}
.modal-open .apps-modal .modal-dialog .modal-content .quick-search {
    position: absolute;
    width: 100%;
    top: 17px;
    padding: 0 50px;
    z-index: 9;
}
.modal-open .apps-modal .modal-dialog .modal-content .quick-search .input-wrap {
    position: relative;
}
.modal-open .apps-modal .modal-dialog .modal-content .quick-search .input-wrap .form-control {
    font-size: 13px;
}
.modal-open .apps-modal .modal-dialog .modal-content .quick-search .input-wrap i {
    position: absolute;
    right: 5px;
    top: 0;
    width: 30px;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    width: 100%;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item {
    width: 130px;
    height: 100px;
    margin: 10px;
    color: #ccc;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a {
    display: inline-block;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a i {
    font-size: 40px;
    color: #3e5569;
    display: inline-block;
    margin-bottom: 10px;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item a span {
    display: block;
    font-size: 14px;
    color: #3e5569;
}
.modal-open .apps-modal .modal-dialog .modal-content .modal-body .apps-wrap .app-item:hover i {
    color: #270786;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu.menu-grid {
    width: 182px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown-menu.menu-grid .dropdown-item {
    display: inline-block;
    width: 42px;
    height: 42px;
    text-align: center;
    padding: 0;
    line-height: 42px;
    font-size: 18px;
    color: #5A5A5A;
}
.tooltip {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.main-wrap .main-header nav .nav-wrap .right-nav .nav-link .badge {
    right: -1px;
    position: absolute;
    top: -4px;
    padding: 3px;
    width: 17px;
    font-size: 11px;
    font-weight: 800;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown {
    min-width: 300px;
    padding: 0;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .header {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    border-bottom: 1px solid #f1f1f1;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .footer {
    text-align: center;
    padding: 10px 15px;
    background-color: #fff;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media {
    border-bottom: 1px solid #eef1f2;
    padding: 10px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: 15px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex i {
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    top: 0;
    height: 30px;
    width: 30px;
    background: #404E67;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body {
    font-size: 13px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-heading {
    color: #444;
    font-weight: 600;
    display: block;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .media-body .media-content {
    color: #868e96;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .notifications-wrap .media .d-flex img {
    height: 30px;
}
.main-wrap .main-header nav .nav-wrap .right-nav .dropdown .dropdown-menu.notification-dropdown .footer a {
    font-size: 13px;
    color: #270786;
}
.page-wrap {
    padding: 0 40px;
    min-height: calc(100vh - 54px);
    padding-top: 46px;
}
.page-wrap .page-header-wrap {
    border-bottom: 1px solid #cbd6e2;
    padding: 30px 0 30px 0;
    margin-bottom: 20px;
}
.page-wrap .page-header-wrap .page-header-title h1 {
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}
.page-wrap .card-title {
    font-weight: normal;
    margin-bottom: 20px;
}
.page-wrap .card .chart-div {
    width: 100%;
    height: 500px;
}
.page-wrap .table tbody td .table-user-thumb {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.page-wrap .table tbody td {
    vertical-align: middle;
}
.page-wrap .table tbody td a {
    font-weight: 600;
    color: #270786;
}
.page-wrap .table label {
    margin: 0;
}
.footer {
    padding: 15px 40px;
    background-color: #333;
    color: #fff;
}
.page-wrap .page-header-wrap .btn-group .btn {
    padding: 5px 12px;
}
.page-wrap .page-header-wrap .header-search {
    position: relative;
}
.page-wrap .page-header-wrap .header-search i {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
}
.page-wrap .page-header-wrap .header-search .form-control {
    padding-right: 35px;
}
.page-wrap .page-content-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.page-wrap .page-content-wrap .filter-wrap {
    min-width: 190px;
    margin-right: 30px;
}
.page-wrap .page-content-wrap .filter-wrap .nav .nav-link.active {
    border-radius: 3px;
    background-color: #eaf0f6;
    color: #33475b;
    font-weight: 700;
}
.page-wrap .page-content-wrap .filter-wrap .nav .nav-link {
    color: #33475b;
}
.page-wrap .page-content-wrap .content-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    width: 100%;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap {
    background-color: #fff;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table {
    margin: 0 !important;
    border: 1px solid #dee2e6;
    border-top: none;
    width: 100% !important;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .dataTables_scrollHeadInner {
    width: 100% !important;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table thead {
    background-color: rgba(0,77,128,.0392157);
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td {
    position: relative;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .preview {
    position: absolute;
    right: 10px;
    margin-right: 20px;
    display: inline-block;
    background-color: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #506e91;
    padding: 0px 10px;
    border-radius: 3px;
    font-size: 12px;
    opacity: 0;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr:hover td .preview {
    opacity: 1;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info .popup-wrap {
    position: absolute;
    background-color: #425b76;
    border-radius: 3px;
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 230px;
    bottom: 100%;
    opacity: 0;
    transform: scale(0);
    left: -5px;
    transform-origin: bottom;
    -o-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info .popup-wrap::before {
    top: 100%;
    left: 0;
    right: 0;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-top-color: #425b76;
    border-width: 5px;
    margin: 0 auto;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info .popup-wrap img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info .popup-wrap h4 {
    margin: 0;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info .popup-wrap h4 span {
    display: block;
    margin-top: 2px;
    font-size: 13px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .user-info:hover .popup-wrap {
    opacity: 1;
    transform: scale(1);
}
.sidebar-modal.fade .modal-dialog {
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
}
.sidebar-modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.sidebar-modal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    height: 100vh;
}
.sidebar-modal .modal-dialog {
    margin: 0;
    margin-left: auto;
    margin-right: 0;
}
.modal-backdrop {
    background-color: rgba(45,62,80,.79);
}
.modal-backdrop.show {
    opacity: 1;
}
@media only screen and (min-width: 560px) {
    .sidebar-modal .modal-dialog {
        max-width: 600px;
    }
}
.sidebar-modal .modal-content .modal-header {
    background-color: #290684;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 10px 30px;
}
.sidebar-modal .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 18px;
}
.sidebar-modal .modal-content .modal-header .close {
    text-shadow: none;
    color: #fff;
    opacity: 1;
}
.sidebar-modal .modal-content .modal-header .modal-controls button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    font-size: 18px;
    float: none;
    margin: 0;
    display: inline-block;
    margin-left: 8px;
}
.sidebar-modal .modal-content .modal-header .modal-controls button:first-child {
    margin-left: 0;
}
.sidebar-modal .modal-content .modal-footer {
    background-color: #f5f8fa;
    border-top: 1px solid #cbd6e2;
    padding: 15px 30px;
}
.sidebar-modal .modal-content .modal-body {
    padding: 30px;
    height: calc(100vh - 66px);
    overflow-y: auto;
}
.sidebar-modal .modal-content .modal-body label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.sidebar-modal .modal-content .modal-body .form-control {
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
}
.fullscreen-modal .modal-dialog {
    width: 100%;
    max-width: 100%;
}
.fullscreen-modal .modal-content .modal-header .modal-controls button.modal-fullscreen i::before {
    content: "\f1a4";
}
.minimize-modal .modal-dialog .modal-content {
    height: 50px;
}
.minimize-modal .modal-dialog .modal-content .modal-body, .minimize-modal .modal-dialog .modal-content .modal-footer {
    display: none;
}
.minimize-modal {
    width: 260px;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 0;
    height: 50px;
    cursor: pointer;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.minimize-modal + .minimize-modal {
    right: calc(260px + 50px)
}
.minimize-modal .modal-content .modal-header {
    padding: 10px 15px;
}
.minimize-modal .modal-content .modal-header .modal-title {
    text-overflow: ellipsis;
    max-width: 148px;
    white-space: nowrap;
    overflow: hidden;
}
.minimize-modal ~ .modal-backdrop {
    display: none;
}
.select2.select2-container--default {
    width: 100% !important;
}
.select2.select2-container--default .select2-selection--single {
    height: 38px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
}
.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    padding-left: 15px;
    padding-right: 30px;
}
.select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
    right: 8px;
}
.select2-container--default .select2-dropdown {
    background-color: #fff;
    border: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    border: 1px solid #cbd6e2;
    overflow: hidden;
    font-size: 14px;
    min-width: 180px;
}
.select2-container--default .select2-dropdown .select2-search--dropdown {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #cbd6e2;
}
.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
    height: 30px;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
}
.select2-container--default .select2-dropdown .select2-results .select2-results__options {
    padding: 10px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #290684;
    color: white;
}
.select2-results__option {
    background-color: #fff;
    padding: 8px 10px;
    border-radius: 3px;
    line-height: 15px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    min-width: 280px;
    font-size: 12px;
}
.bootstrap-datetimepicker-widget .table thead {
    background-color: transparent;
}
.bootstrap-datetimepicker-widget .table tr td, .bootstrap-datetimepicker-widget .table tr th {
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: none;
    line-height: 35px;
    position: relative;
    z-index: 1;
}
.bootstrap-datetimepicker-widget .table thead tr th {
    color: #212121;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr th, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.bootstrap-datetimepicker-widget .table tr td.today, .bootstrap-datetimepicker-widget .table tr td.active {
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: transparent;
    text-shadow: none;
}
.bootstrap-datetimepicker-widget .table tr td:before, .bootstrap-datetimepicker-widget .table tr td::before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background-color: transparent;
    position: absolute;
    z-index: -1;
    display: block;
    margin: auto;
    content: '';
    top: 6px;
    left: 0px;
    right: 0px;
    bottom: auto;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before, .bootstrap-datetimepicker-widget .table tr td.active:before, .bootstrap-datetimepicker-widget .table tr td.active::before {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background-color: #4a5361;
    position: absolute;
    z-index: -1;
    display: block;
    margin: auto;
    content: '';
    top: 6px;
    left: 0px;
    right: 0px;
    bottom: auto;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.bootstrap-datetimepicker-widget .table tr td.today:before, .bootstrap-datetimepicker-widget .table tr td.today::before {
    background-color: #290684;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td::before {
    top: 4px;
    left: 0px;
}
.bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.today::before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active:before, .bootstrap-datetimepicker-widget.dropdown-menu .datepicker table tr td.active::before {
    top: 4px;
    left: 0px;
}
.bootstrap-datetimepicker-widget .table tr td.day:hover, .bootstrap-datetimepicker-widget .table tr td.hour:hover, .bootstrap-datetimepicker-widget .table tr td.minute:hover, .bootstrap-datetimepicker-widget .table tr td.second:hover {
    background-color: transparent;
}
.bootstrap-datetimepicker-widget .table tr td:hover:before, .bootstrap-datetimepicker-widget .table tr td:hover::before {
    background-color: #f4f4f4;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.sidebar-modal .modal-content .modal-body .divider {
    background-color: #dfe3eb;
    height: 1px;
    width: 100%;
    border: none;
    margin: 25px 0;
}
.sidebar-modal .modal-content .modal-body h4 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
}
.sidebar-modal .modal-content .modal-body.preview-wrap {
    background-color: #f5f8fa;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card {
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card:not(:last-child) {
    margin-bottom: 30px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body {
    padding: 25px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card.header-card .card-body h2 {
    margin-top: 0;
    font-weight: normal;
    font-size: 22px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card.header-card .card-body {
    position: relative;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card.header-card .card-body .btn-edit {
    border: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 0;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card.header-card .card-body p {
    font-size: 14px;
    margin: 0;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card.header-card .card-body p span {
    font-weight: 600;
    margin-right: 5px;
}
/* .sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group {
    border-bottom: 1px dashed #dfe3eb;
} */
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group label {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group .form-control {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    font-size: 14px;
    padding: 9px 10px;
    line-height: 22px;
    height: 32px;
    margin-bottom: 4px;
}

.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group .form-control:focus, 
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group .form-control:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #cbd6e2;
    background-color: #f5f8fa;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .select2.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    background-color: #fff;
    height: 32px;
    margin-bottom: 4px;
    padding-left: 10px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .select2.select2-container--default:hover .select2-selection--single {
    border-bottom-color: #cbd6e2;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 0;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group:last-child {
    margin-bottom: 0;
}
.page-wrap .page-header-wrap .nav-tabs {
    border: none;
    margin-right: 10px;
}
.page-wrap .page-header-wrap .nav-tabs .nav-item .nav-link {
    background-color: #eaf0f6;
    border-color: #cbd6e2;
    color: #506e91;
    font-size: 12px;
    line-height: 12px;
    padding: 9px 16px;
    border-radius: 3px;
}
.page-wrap .page-header-wrap .nav-tabs .nav-item:first-child .nav-link {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.page-wrap .page-header-wrap .nav-tabs .nav-item:not(:first-child) {
    margin-left: -1px!important;
}
.page-wrap .page-header-wrap .nav-tabs .nav-item:last-child .nav-link {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.page-wrap .page-header-wrap .nav-tabs .nav-item .nav-link.active {
    background-color: #cbd6e2;
    border-color: #7c98b6;
    color: #506e91;
    z-index: 2;
    position: relative;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container {
    overflow-x: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    flex-grow: 1;
    border-left: 1px solid #dfe3eb;
    border-right: 1px solid #dfe3eb;
    max-width: calc(100vw - 300px);
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column {
    border: 1px solid #dfe3eb;
    width: 260px;
    flex-shrink: 0;
    overflow: hidden;
    background: #f5f8fa;
    position: relative;
    border-right: none;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column:first-child {
    border-left: none;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-item-header {
    border-bottom: 1px solid #dfe3eb;
    padding: 15px 8px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-item-header h4 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-item-header .progress {
    margin-top: 10px;
    height: 4px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-item-header .progress .progress-bar {
    height: 4px;
    border-radius: 12px;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list {
    padding: 0 8px;
    min-height: 220px;
    height: calc(100vh - 336px);
    list-style: none;
    margin: 0;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-total {
    background: #fff;
    font-size: 14px;
    border-top: 1px solid #dfe3eb;
    padding: 8px;
    text-align: center;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item .item-handle {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
    position: relative;
    padding: 20px;
    cursor: grab;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item .item-handle:hover {
    box-shadow: 0 1px 20px 0 rgba(0,0,0,.1);
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item .item-handle h6 {
    margin: 0;
    font-size: 13px;
    color: #290684;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item .item-handle p {
    margin: 0;
} 
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item .item-handle p span {
    font-weight: 600;
}
.page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container .board-column-item-column .board-column-list .board-column-list-item:not(:first-child) {
    margin-top: 5px;
}
.page-wrap .header-card-wrap {
    padding-bottom: 30px;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
    background-color: #fff;
    position: relative;
}
.page-wrap.single-listing-wrap {
    padding: 0;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}
.page-wrap .header-card-wrap .breadcrumb-wrap {
    padding: 15px 0;
}
.page-wrap .header-card-wrap .breadcrumb-wrap .breadcrumb {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
}
.page-wrap .header-card-wrap .breadcrumb-wrap .breadcrumb .breadcrumb-item a i {
    margin-right: 5px;
    font-size: 10px;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap {
    display: inline-block;
    position: relative;
    padding-right: 35px;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap input {
    border: none;
    font-size: 24px;
    display: inline-block;
    min-width: 121.5px;
    padding: 0;
    z-index: 3;
    position: relative;
    background-color: transparent;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap .placeholder {
    position: absolute;
    background-color: #f5f8fa;
    height: 40px;
    width: calc(100% + 10px);
    z-index: 1;
    border-radius: 3px;
    left: -5px;
    border: 1px solid transparent;
    opacity: 0;
    visibility: hidden;
    top: 0;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap input:hover ~ .placeholder {
    opacity: 1;
    visibility: visible;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap input:focus ~ .placeholder {
    border-color: #cbd6e2;
    opacity: 1;
    visibility: visible;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap i {
    position: absolute;
    right: 6px;
    font-size: 15px;
    color: #270786;
    top: 12px;
    z-index: 3;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap {
    text-align: right;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap label {
    margin: 0;
    line-height: 1;
} 
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap input {
    text-align: right;
}
.page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap i {
    top: auto;
    bottom: 12px;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap {
    margin-top: 35px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
    flex-shrink: 1;
    min-width: 175px;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-shrink: 100000;
    width: 100%;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    overflow-x: auto;
    overflow-y: hidden;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
    width: 13.9003%;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .listing-stage-label-container {
    position: absolute;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .listing-stage-label-container .listing-stage-label {
    position: relative;
    display: none;
    top: 30px;
    font-size: 14px;
    font-weight: 600;
    left: calc(65px - 50%);
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line {
    padding-left: 0;
    padding-right: 0;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line .horizontal-line-content {
    position: relative;
    z-index: 2;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line .horizontal-line-content .listing-stage-checkbox {
    margin: 0 4px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    border: 2px solid #2dce89;
    position: relative;
    /* padding: 3px; */
    border-radius: 50%;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line .horizontal-line-content .listing-stage-checkbox .icon {
    color: #2dce89;
    font-size: 12px;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line .horizontal-line-pre-line,
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .horizontal-line .horizontal-line-post-line {
    flex-grow: 4;
    border-bottom: 2px solid #2dce89;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.empty .horizontal-line .horizontal-line-pre-line,
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.empty .horizontal-line .horizontal-line-post-line {
    border-color: #cbd6e2;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage:hover .listing-stage-label-container .listing-stage-label,
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.active .listing-stage-label-container .listing-stage-label {
    display: block;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage:first-child .horizontal-line .horizontal-line-pre-line,
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage:last-child .horizontal-line .horizontal-line-post-line {
    visibility: hidden;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.empty .horizontal-line .horizontal-line-content .listing-stage-checkbox {
    border-color: #cbd6e2;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.empty .horizontal-line .horizontal-line-content .listing-stage-checkbox .icon {
    visibility: hidden;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.active .listing-stage-label-container .listing-stage-label {
    top: -30px;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.active .listing-stage-label-container .listing-stage-label span {
    display: none;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage.active .horizontal-line .horizontal-line-post-line {
    border-color: #cbd6e2;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap {
    text-align: right;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap label {
    line-height: 1;
    margin: 0;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap .form-control {
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: right;
    height: auto;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap .icon {
    color: #270786;
    padding-left: 10px;
    padding-top: 20px;
    font-size: 15px;
}
.page-wrap .single-content-wrap {
    background-color: #f6f9fb;
    padding: 30px 0;
}
.page-wrap .single-content-wrap .card {
    border-radius: 3px !important;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
    border: none;
}
.page-wrap .single-content-wrap .listing-sidebar .card {
    margin-bottom: 15px;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header {
    border: none;
    background-color: #fff;
    border-radius: 3px;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header h2 {
    margin: 0;
    line-height: 1;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header h2 .btn {
    padding: 0;
    border: none;
    border-radius: 0;
    font-weight: 800;
    font-size: 16px;
    color: #33475b;
    padding-left: 30px;
    position: relative;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header h2 .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header h2 .btn::before {
    content: "\f107";
    font-family: "fontawesome";
    position: absolute;
    left: 0;
    top: 3px;
    font-size: 22px;
    color: #270786;
    transform-origin: center;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-header h2 .btn.collapsed::before {
    transform: rotate(-90deg);
}
.page-wrap .single-content-wrap .listing-sidebar .card .card-body {
    padding-top: 0;
}
.page-wrap .compact-edit .form-group {
    border-bottom: 1px dashed #dfe3eb;
}
.page-wrap .compact-edit .form-group label {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin: 0;
}
.page-wrap .compact-edit .form-group .form-control {
    border-radius: 0;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    padding: 9px 10px;
    line-height: 22px;
    height: 32px;
    padding-bottom: 4px;
    padding-left: 0;
    margin-bottom: 4px;
}
.page-wrap .compact-edit .form-group .form-control:hover,
.page-wrap .compact-edit .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #cbd6e2;
}
.page-wrap .compact-edit .select2.select2-container--default .select2-selection--single {
    border: none;
    border-radius: 0;
    background-color: #fff;
    height: 32px;
    border-bottom: 1px solid transparent;
    margin-bottom: 4px;
}
.page-wrap .compact-edit .form-group .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 0;
}
.page-wrap .compact-edit .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    right: 8px;
}
.page-wrap .compact-edit .select2.select2-container--default:hover .select2-selection--single {
    border-bottom-color: #cbd6e2;
}
.btn-default {
    background-color: #eaf0f6;
    border-color: #cbd6e2;
    color: #506e91;
}
.btn-default:hover, .btn-default:focus {
    background-color: #cbd6e2;
    border-color: #7c98b6;
    color: #506e91;
}
.btn.btn-sm {
    font-size: 12px;
    line-height: 12px;
    padding: 9px 16px;
    min-height: 32px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs {
}

.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs {
    border-bottom-color: #cbd6e2;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link {
    border-radius: 0;
    border: none;
    color: #33475b;
    font-size: 14px;
    padding: 15px 15px;
    margin: 0;
    position: relative;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link::before {
    height: 5px;
    width: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #270786;
    border-radius: 30px;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    bottom: -3px;
    margin: 0 auto;
}

.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link i {
    margin-right: 10px;
    color: #7c98b6;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link.active {
    font-weight: 700;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link.active i {
    color: #33475b;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link.active::before {
    width: 100%;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .tab-content .tab-pane {
    min-height: 165px;
    padding: 15px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor {
    padding-bottom: 40px;
    position: relative !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-toolbar {
    position: absolute !important;
    left: 0;
    bottom: 0 !important;
    top: auto !important;
    width: 100%;
    padding: 0;
    background-color: #fff;
    border: none;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-editing-area {
    min-height: 95px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-editing-area .note-placeholder {
    padding: 0;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-editable {
    padding: 0;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-toolbar .btn {
    border: none;
    background-color: transparent;
    padding: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .note-editor .note-statusbar {
    display: none;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab {
    padding: 0 50px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab .email-item {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #270786;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    -webkit-flex-flow: column;
    -moz-flex-flow: column;
    -ms-flex-flow: column;
    -o-flex-flow: column;
    flex-flow: column;
    min-height: 180px;
    justify-content: center;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab .email-item .item-inner span {
    display: block;
    font-size: 16px;
    color: #33475b;
    margin-top: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab .email-item:hover {
    box-shadow: 0 5px 20px 0 rgba(12,73,84,0.2);
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab .col-md-4 {
    padding-left: 5px;
    padding-right: 5px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap {
    margin-top: 30px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .nav-tabs {
    border-color: #cbd6e2;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .nav-tabs .nav-link {
    margin: 0;
    padding: 10px 20px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: #33475b;
    position: relative;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .nav-tabs .nav-link.active {
    font-weight: 700;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .nav-tabs .nav-link::before {
    height: 5px;
    width: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #270786;
    border-radius: 30px;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    bottom: -3px;
    margin: 0 auto;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .nav-tabs .nav-link.active::before {
    width: 100%;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log {

}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: baseline;
    align-items: baseline;
    margin-bottom: 5px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 1;
    width: 100%;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .select2.select2-container--default .select2-selection--single {
    border: none;
    padding: 0;
    background-color: transparent;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .select2.select2-container--default {
    width: auto !important;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .left-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .right-block {
    flex-shrink: 1;
    flex-grow: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .right-block .form-control {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-align: right;
    width: auto;
    display: inline-block;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .right-block .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker table td {
    position: relative;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.bootstrap-datetimepicker-widget .timepicker table td span {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .activity-log .log-head .right-block .input-block:not(:first-child) {
    margin-left: 15px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .left-block .form-control {
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 16px;
    padding-right: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .left-block .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .log-head {
    border-bottom: 1px solid #dfe3eb;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .log-head .right-block-wrap label {
    margin: 0;
    font-size: 12px;
    color: #516f90;
    line-height: 1;
    position: relative;
    bottom: -10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .log-head {
    -ms-align-items: center;
    align-items: center;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #dfe3eb;
    border-bottom: 1px solid #dfe3eb;

}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item {
    display: inline-block;
    padding-right: 40px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item label {
    margin: 0;
    font-size: 12px;
    color: #516f90;
    line-height: 1;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item .select2.select2-container--default {
    width: auto !important;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item .select2.select2-container--default .select2-selection--single {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    line-height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .timeline-item .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .form-control {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-align: right;
    width: auto;
    display: inline-block;
    height: auto;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .create-task-wrap .timeline-card .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration {
    padding-top: 10px;
    border-top: 1px solid #dfe3eb;
    margin-top: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration  label {
    margin: 0;
    font-size: 12px;
    color: #516f90;
    line-height: 1;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration .select2.select2-container--default {
    width: auto !important;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration .select2.select2-container--default .select2-selection--single {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent;
    height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    line-height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .duration .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .right-main-wrap {
    border-right: 1px solid #dfe3eb;
    padding-top: 10px;
    padding-bottom: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .log-head {
    margin-bottom: 0;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .left-main-wrap {
    padding-top: 30px;
    padding-left: 20px;
}
.page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .left-main-wrap label {
    margin: 0;
    font-size: 12px;
    color: #516f90;
    line-height: 1;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 65px;
    position: relative;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline::before {
    content: ' ';
    height: calc(100% - 55px);
    width: 1px;
    background-color: #99acc2;
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 1;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li {
    margin-bottom: 30px;
    position: relative;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #270786;
    display: inline-block;
    position: absolute;
    font-size: 14px;
    left: -45px;
    z-index: 2;
    text-align: center;
    top: 0;
    vertical-align: top;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li h2 {
    margin-top: 0;
    font-weight: normal;
    font-size: 22px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
    padding: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc .avtar-wrap {
    margin-right: 10px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc .avtar-wrap img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc .content-wrap {
    display: block;
    width: 100%;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc .content-wrap p {
    margin-bottom: 0;
    line-height: 16px;
    font-size: 14px;
}
.page-wrap .single-content-wrap .listing-main-wrap .activity-tab-wrap .activity-timeline li .desc .content-wrap time {
    font-size: 12px;
    line-height: 1;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage:last-child.active .horizontal-line .horizontal-line-content .listing-stage-checkbox {
    border-color: #f5365c;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage:last-child.active .horizontal-line .horizontal-line-content .listing-stage-checkbox .icon {
    color: #f5365c;
}
.main-wrap .right-sidebar {
    position: fixed;
    top: 46px;
    right: 0;
    width: 240px;
    background: #fff;
    height: calc(100vh - 46px);
    border-left: 1px solid #eef1f2;
    border-top: 1px solid #eef1f2;
    padding: 1.07143em;
    z-index: 9;
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.main-wrap .right-sidebar .sidebar-chat .sidebar-chat-info h6 {
    color: #353c4e;
}
.main-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group {
    position: relative;
}
.main-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group .form-control {
    padding-right: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    padding-left: 15px;
}
.main-wrap .right-sidebar .sidebar-chat .sidebar-chat-info .form-group i {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 16px;
    color: #bbb;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item {
    background: none;
    border: 0;
    border-top: 1px solid #eef1f2;
    padding: 1em 1.07143em;
    overflow: hidden;
    color: #999;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure {
    margin: 0;
    position: relative;
    margin-right: 10px;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item figure img {
    width: 40px;
    height: 40px;
}
[class*="user--"]::after {
    height: 0.64286em;
    width: 0.64286em;
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
    border-radius: 100px;
    content: "";
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group [class*="user-"]:after {
    position: absolute;
    top: calc(50% + 15px);
    left: 0;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.user--online:after {
    background: #06d6a0;
}
.user--busy:after {
    background: #ff3333;
}
.user--offline:after {
    background: #bbb;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span {
    line-height: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: end;
    -moz-justify-content: end;
    -ms-justify-content: end;
    justify-content: end;
    -ms-flex-pack: end;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.main-wrap .right-sidebar .sidebar-chat .chat-list .list-group .list-group-item span .name {
    font-size: 14px;
    color: #444;
    margin-bottom: 5px;
}
.main-wrap.right-sidebar-expand .right-sidebar {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.main-wrap .chat-panel {
    position: fixed;
    top: calc(100vh);
    right: calc( 240px + 15px);
    width: 310px;
    z-index: 9999;
    -moz-transform: translateY(-100%) translateX(14.0625rem);
    -o-transform: translateY(-100%) translateX(14.0625rem);
    -ms-transform: translateY(-100%) translateX(14.0625rem);
    -webkit-transform: translateY(-100%) translateX(14.0625rem);
    transform: translateY(-100%) translateX(14.0625rem);
}
.main-wrap.right-sidebar-expand .chat-panel {
    -moz-transform: translateY(-100%) translateX(0);
    -o-transform: translateY(-100%) translateX(0);
    -ms-transform: translateY(-100%) translateX(0);
    -webkit-transform: translateY(-100%) translateX(0);
    transform: translateY(-100%) translateX(0);
}
.main-wrap .chat-panel .card {
    border: none;
    margin-bottom: 1.42857em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 0 4px 8px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 8px 3px rgba(0,0,0,0.2);
    box-shadow: 0 4px 8px 3px rgba(0,0,0,0.2);
}
.main-wrap .chat-panel .card .card-header {
    background: none;
    padding: 1.07143em 1.42857em;
    font-size: 1.14286em;
    border-bottom: 1px solid rgba(153,153,153,0.2);
}
.main-wrap .chat-panel .card .card-body {
    padding: 1.07143em;
}
.main-wrap .chat-panel .card .card-body .messages {
    position: relative;
    max-height: 21.42857em;
    overflow-y: scroll;
    margin-top: -1.07143em;
    margin-right: -1.07143em;
    margin-left: -1.07143em;
    padding-top: 1.07143em;
    padding-right: 1.07143em;
    padding-left: 1.07143em;
}
.main-wrap .chat-panel .card .card-body .messages .message {
    margin: 0.71429em 0;
}
.main-wrap .chat-panel .card .card-body .messages .message:first-child {
    margin-top: 0;
}
.main-wrap .chat-panel .card .card-body .messages .message figure {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    margin: 0;
    position: relative;
    order: 2;
}
.main-wrap .chat-panel .card .card-body .messages .message.reply figure {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.main-wrap .chat-panel .card .card-body .messages .message .message-body {
    margin-top: .5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: auto 1.5em;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.main-wrap .chat-panel .card .card-body .messages .message.reply .message-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.main-wrap .chat-panel .card .card-body .messages .message figure img {
    width: 30px;
    height: 30px;
}
.main-wrap .chat-panel .card .card-body .messages .message .message-body p {
    background: #404E67;
    border: 1px solid #404E67;
    border-radius: 3px;
    padding: .5em 1em;
    color: #fff;
    margin-bottom: .5em;
    position: relative;
}
.main-wrap .chat-panel .card .card-footer {
    background: none;
    padding: 1.07143em 1.42857em;
    border-top: 1px solid rgba(153,153,153,0.2);
}
.main-wrap .chat-panel .card .card-footer textarea {
    box-shadow: none;
    resize: none;
    padding: 0;
    width: 100%;
    min-height: auto;
    padding: 5px 0;
}
.main-wrap .chat-panel .card .card-body .messages .message.reply .message-body p {
    background: #fff;
    border: 1px solid #eef1f2;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-radius: 3px;
    color: #666;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages.lost-stages .listing-stage .horizontal-line .horizontal-line-content .listing-stage-checkbox .icon {
    color: #516f90;
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages.lost-stages .listing-stage .horizontal-line .horizontal-line-content .listing-stage-checkbox .icon::before {
    content: "\f111";
}
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages.lost-stages .listing-stage .horizontal-line .horizontal-line-content .listing-stage-checkbox,
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages.lost-stages .listing-stage .horizontal-line .horizontal-line-pre-line, 
.page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages.lost-stages .listing-stage .horizontal-line .horizontal-line-post-line {
    border-color: #516f90;
}
.list-thumbnail {
    height: auto;
    max-width: unset;
    height: 85px;
    object-fit: cover;
    width: unset !important;
}
.list .card {
    border-color: #ffff;
    position: relative;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 30px;
    
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.w-60 {
    width: 60% !important;
}
.w-15 {
    width: 15% !important;
}
.main-wrap .main-header nav .main-nav-toggler {
    width: 20px;
    height: 30px;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: none;
    margin-right: 15px;
    cursor: pointer;
    background-color: transparent;
}
.main-wrap .main-header nav .main-nav-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 30px;
    opacity: 1;
    left: 0;
}
.main-wrap .main-header nav .main-nav-toggler * {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.main-wrap .main-header nav .main-nav-toggler span:nth-child(1) {
    top: 8px;
}
.main-wrap .main-header nav .main-nav-toggler span:nth-child(2) {
    top: 14px;
    width: 80%;
}
.main-wrap .main-header nav .main-nav-toggler span:nth-child(3) {
    top: 20px;
}
.main-wrap .main-header nav .main-nav-toggler.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.main-wrap .main-header nav .main-nav-toggler.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}
.main-wrap .main-header nav .main-nav-toggler.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.main-wrap .main-nav {
    position: fixed;
    top: 46px;
    left: 0;
    width: 300px;
    background: #fff;
    height: calc(100vh - 46px);
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
    z-index: 9;
    padding-bottom: 184px;
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.main-wrap.main-nav-expand .main-nav {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.main-wrap .main-nav .main-menu-wrap {
    border-bottom: 1px solid #ededed;
}
.main-wrap .main-nav .main-menu-wrap a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    color: #3e5569;
    font-size: 13px;
    padding: 10px 20px;
}
.main-wrap .main-nav .main-menu-wrap a i {
    font-size: 18px;
    margin-right: 10px;
    font-weight: normal;
}
.main-wrap .main-nav .links-wrap {
    margin-top: 20px;
}
.main-wrap .main-nav .links-wrap a {
    color: #666;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    font-size: 13px;
    padding: 10px 20px;
}
.main-wrap .main-nav .links-wrap a i {
    font-size: 18px;
    margin-right: 10px;
    font-weight: normal;
}
.main-wrap .main-nav .contact-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 15px;
    border-top: 1px solid #ededed;
}
.main-wrap .main-nav .contact-wrap .logo img {
    height: 120px;
}
.main-wrap .main-nav .contact-wrap .contact-infos {
    margin-top: 10px;
}
.main-wrap .main-nav .contact-wrap .contact-infos a {
    display: block;
    color: #555;
}
.main-wrap .main-nav .contact-wrap .contact-infos a i {
    margin-right: 5px;
}
.main-wrap .main-nav .contact-wrap .social-icons {
    margin-top: 10px;
}
.main-wrap .main-nav .contact-wrap .social-icons a {
    color: #999;
    font-size: 16px;
    margin-right: 10px;
}
.main-wrap .main-nav .nav-inner {
    height: 100%;
    overflow-x: auto;
}
/* .main-wrap.main-nav-expand.scrolled .main-nav {
    top: 0;
    height: 100vh;
} */
body.modal-open {
    padding-right: 0 !important;
}
.modal {
    padding-right: 0px !important;
}
.fullscreen-modal .modal-container {
    max-width: 1140px;
    margin: 0 auto;
}
.fullscreen-modal .modal-container .modal-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.modal-container .modal-row .m-col-md-3 {
    display: none;
}
.fullscreen-modal .modal-container .modal-row .m-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    position: relative;
}
.fullscreen-modal .modal-container .modal-row .m-col-md-3 .sticky-spacer {
    width: 100% !important;
}
.fullscreen-modal .modal-container .modal-row .m-col-md-3 .sticky-spacer .is-stuck {
    width: 263px !important;
}
.fullscreen-modal .modal-container .modal-row .m-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 15px;
    padding-right: 15px;
}
.fullscreen-modal .modal-container .modal-side-nav .nav-pills .nav-link {
    color: #33475b;
    padding-left: 45px;
    position: relative;
}
.fullscreen-modal .modal-container .modal-side-nav .nav-pills .nav-link i {
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: 9px;
}
.fullscreen-modal .modal-container .modal-side-nav .nav-pills .nav-link.active {
    background-color: #270786;
    color: #fff;
    font-weight: 700;
}
.preview-edit-card-wrap .preview-card .card-body {
    position: relative;
}
.preview-edit-card-wrap .preview-card .card-body .btn-edit {
    border: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 0;
}
.preview-edit-card-wrap .preview-card .card-body p {
    font-size: 12px;
    line-height: 1;
    display: block;
    border-bottom: 1px dashed #dfe3eb;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.preview-edit-card-wrap .preview-card .card-body p span {
    font-size: 14px;
    display: block;
    color: #495057;
    padding: 9px 10px;
    line-height: 22px;
    height: 32px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    padding-left: 0;
    padding-right: 0;
}
/*.preview-edit-card-wrap .edit-card {
    display: none;
}*/
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .form-group textarea.form-control {
    height: auto;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .note-editor {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    border: 1px solid #cbd6e2;
    overflow: hidden;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .note-editor .note-toolbar {
    background-color: #fff;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .note-editor .note-toolbar .btn {
    padding: 6px 10px;
    background-color: #eaf0f6;
    border-color: #cbd6e2;
    color: #506e91;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .dropzone {
    margin-top: 10px;
    background-color: transparent;
    border: 1px solid #dfe3eb;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .dropzone .dz-default.dz-message {
    background-image: none;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #888;
    transition: all 0.3s linear;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .dropzone .dz-default.dz-message span {
    display: block;
    font-size: 13px;
    text-align: center;
}
.sidebar-modal .modal-content .modal-body.preview-wrap .card .card-body .dropzone .dz-default.dz-message span i {
    font-size: 40px;
    margin-bottom: 5px;
    display: block;
}
.listing-preview-popup {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1030;
    display: none;
    height: 100%;
    overflow: hidden;
    padding-left: 40px;
    outline: 0;
    opacity: 0;
    transition: opacity .15s linear;
}
.listing-preview-popup.popup-open {
    opacity: 1;
}
.listing-preview-popup .preview-content-wrap {
    max-width: 600px;
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: translate(25%, 0);
    transform: translate(25%, 0);
    -webkit-box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.156);
    -moz-box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.156);
    box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.156);
}
.listing-preview-popup.popup-open .preview-content-wrap {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.listing-preview-popup .preview-content-wrap .preview-content {
    height: 100vh;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-header {
    display: -ms-flexbox;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #290684;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 15px 30px;
    height: 46px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-header .preview-title {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-header .preview-controls button {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    font-size: 16px;
    float: none;
    margin: 0;
    display: inline-block;
    margin-left: 8px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-header .preview-controls button:first-child {
    margin-left: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
    height: calc(100vh - 66px);
    overflow-y: auto;
    background-color: #f5f8fa;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: #f5f8fa;
    border-top: 1px solid #cbd6e2;
    padding: 11px 30px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-footer .btn {
    min-height: 30px;
    padding: 3px 20px;
}
.listing-preview-popup::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(45,62,80,.5);
    opacity: 0;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
/* .listing-preview-popup.popup-open::before {
    opacity: 1;
}
 */.listing-preview-popup.minimize-preview {
    width: 270px;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 0;
    height: 46px;
    cursor: pointer;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    display: block !important;
}
.listing-preview-popup.popup-open.minimize-preview + .listing-preview-popup.popup-open.minimize-preview {
    right: calc(263px + 50px);
}
.listing-preview-popup.minimize-preview .preview-content {
    height: 46px;
}
.listing-preview-popup.minimize-preview .preview-content .preview-body {
    display: none;
}
.listing-preview-popup.minimize-preview .preview-content-wrap .preview-content .preview-header .preview-title {
    text-overflow: ellipsis;
    max-width: 128px;
    white-space: nowrap;
    overflow: hidden;
}
.listing-preview-popup.minimize-preview .preview-content-wrap .preview-content .preview-header {
    padding: 15px 20px;
}
.listing-preview-popup.fullscreen-preview .preview-content-wrap {
    width: 100%;
    max-width: 1140px;
}
.listing-preview-popup.fullscreen-preview .preview-content-wrap .preview-content .preview-header .preview-fullscreen i::before {
    content: "\e058";
}
.listing-preview-popup.fullscreen-preview .preview-container {
    max-width: 1140px;
    margin: 0 auto;
}
.listing-preview-popup .preview-container .preview-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.listing-preview-popup .preview-container .preview-row .p-col-md-3 {
    display: none;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 263px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
} 
.listing-preview-popup .preview-container .preview-row .p-col-md-3 {
    display: block;
    position: fixed;
    top: 50px;
    left: -55px;
}
.listing-preview-popup .preview-container .preview-row .p-col-md-3 {
    max-width: 25%;
}
.listing-preview-popup .preview-container .preview-row .p-col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card {
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgba(45,62,80,.12);
}
/* .listing-preview-popup .preview-content-wrap .preview-content .preview-body .card:not(:last-child) {
    margin-bottom: 30px;
} */
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body {
    padding: 25px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card.header-card .card-body {
    position: relative;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card.header-card .card-body .btn-edit {
    border: none;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 25px;
    top: 25px;
    padding: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card.header-card .card-body h2 {
    margin-top: 0;
    font-weight: normal;
    font-size: 22px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card.header-card .card-body p {
    font-size: 14px;
    margin: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card.header-card .card-body p span {
    font-weight: 600;
    margin-right: 5px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group label {
    font-size: 12px;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group .form-control {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 22px;
    height: 33px;
    margin-bottom: 4px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group .form-control:hover, .listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #cbd6e2;
    background-color: #f5f8fa;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .select2.select2-container--default .select2-selection--single {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    background-color: #fff;
    height: 32px;
    margin-bottom: 4px;
    padding-left: 10px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px;
    padding-left: 0;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group textarea.form-control {
    height: auto;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .note-editor {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 5px;
    border: 1px solid #cbd6e2;
    overflow: hidden;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .note-editor .note-toolbar {
    background-color: #fff;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .note-editor .note-toolbar .btn {
    padding: 6px 10px;
    background-color: #eaf0f6;
    border-color: #cbd6e2;
    color: #506e91;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .dropzone {
    margin-top: 10px;
    background-color: transparent;
    border: 1px solid #dfe3eb;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    cursor: pointer;
    position: relative;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .dropzone .dz-default.dz-message {
    background-image: none;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    left: 0;
    top: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #888;
    transition: all 0.3s linear;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .dropzone .dz-default.dz-message span {
    display: block;
    font-size: 13px;
    text-align: center;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .dropzone .dz-default.dz-message span i {
    font-size: 40px;
    margin-bottom: 5px;
    display: block;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link {
    color: #33475b;
    /* padding-left: 45px; */
    position: relative;
    background-color: #fff;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    line-height: 48px;
    border-radius: 0;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link:first-child {
    border-top-left-radius: 6px;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link:last-child {
    border-bottom-left-radius: 6px;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link .badge {
    background-color: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #506e91;
    padding: 6px 5px;
    border-radius: 50%;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link.active {
    background-color: #270786;
    color: #fff;
    font-weight: 700;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link i {
    font-size: 20px;
    /* position: absolute; */
    left: 15px;
    top: 9px;
}
.listing-preview-popup .preview-container .preview-side-nav .nav-pills .nav-link span {
    display: none;
}
.listing-preview-popup .preview-container .preview-row .p-col-md-3 .sticky-spacer {
    width: 263px !important;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body {
    padding: 30px;
    padding-top: 0px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .spacer {
    display: none;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .spacer {
    display: block;
}
.listing-preview-popup .preview-container .preview-row .sticky-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
}
.listing-preview-popup .preview-container .preview-row .sticky-div .nav {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .preview-card .card-title {
    padding-right: 30px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container {
    margin-bottom: 30px;
    position: relative;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container img {
    width: 100%;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container .btn-container {
    position: absolute;
    right: -10px;
    top: -10px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container .btn-container a {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    color: #fff;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container .btn-container a.edit-image {
    background-color: #007bff;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .img-container .btn-container a.remove-image {
    background-color: #f00;
}
.card .features-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.card .features-list li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 10px;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.card .features-list li i {
    position: absolute;
    left: 0;
    top: 5px;
}
.card .features-list li .la-times {
    color: #f00;
} 
.card .features-list li .la-check {
    color: #2dce89;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .documents-list .badge {
    margin-right: 10px;
    display: inline-block;
    background-color: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #506e91;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}
.listing-preview-popup.fullscreen-preview .preview-container .preview-row .p-col-md-3 {
    position: relative;
    left: auto;
    top: auto;
}
.listing-preview-popup.fullscreen-preview  .preview-container .preview-side-nav .nav-pills .nav-link i {
    position: absolute;
}
.listing-preview-popup.fullscreen-preview .preview-container .preview-side-nav .nav-pills .nav-link {
    border-radius: 6px;
    width: auto;
    height: auto;
    text-align: left;
    padding: .5rem 1rem;
    line-height: 24px;
    padding-left: 45px;
    background-color: transparent;
}
.listing-preview-popup.fullscreen-preview .preview-container .preview-side-nav .nav-pills .nav-link span {
    display: inline-block;
}
.listing-preview-popup.fullscreen-preview .preview-container .preview-row .p-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.listing-preview-popup.fullscreen-preview .preview-container .preview-side-nav .nav-pills .nav-link.active {
    background-color: #270786;
    color: #fff;
    font-weight: 700;
}
.sidebar-modal .modal-content .modal-body .form-compact .form-control {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    font-size: 14px;
    padding: 9px 10px;
    line-height: 22px;
    height: 32px;
    margin-bottom: 4px;
}
.sidebar-modal .modal-content .modal-body .form-compact textarea.form-control {
    height: auto;
}
.sidebar-modal .modal-content .modal-body .form-compact label {
    font-size: 12px !important;
    line-height: 1;
    display: block;
    margin-bottom: 5px !important;
}
.sidebar-modal .modal-content .modal-body .form-compact .form-control:hover, .sidebar-modal .modal-content .modal-body .form-compact .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #cbd6e2;
    background-color: #f5f8fa;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .documents-list .badge a.delete {
    color: #f00;
    margin-left: 10px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .documents-list .badge a {
    color: #506e91;
}

.selectize-dropdown-content .name {
    margin-bottom: 3px;
    font-weight: 700;
    display: block;
}
.selectize-dropdown-content .email {
    display: inline-block;
    position: relative;
    padding-left: 20px;
}
.selectize-dropdown-content .email::before, .selectize-dropdown-content .phone::before, .selectize-dropdown-content .address::before {
    font-family: 'simple-line-icons';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}
.selectize-dropdown-content .email::before {
    content: "\e086";
}
.selectize-dropdown-content .phone::before {
    content: "\e600";
}
.selectize-dropdown-content .phone {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding-left: 20px;
}
.selectize-dropdown-content .address {
    display: block;
    margin-top: 5px;
    position: relative;
    padding-left: 20px;
}
.selectize-dropdown-content .address::before {
    content: "\e096";
}
.selectize-dropdown-content div[data-selectable] {
    position: relative;
    padding: 10px 10px;
}
.selectize-dropdown-content .country {
    position: absolute;
    padding: 2px 8px;
    border-radius: 6px;
    background-color: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #506e91;
    font-size: 12px;
    right: 5px;
    top: 5px;
}
.selectize-dropdown-content .active {
    background-color: #270786;
    color: #fff;
}
.modal .modal-content .modal-body .form-compact .form-control {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #cbd6e2;
    font-size: 14px;
    padding: 9px 10px;
    line-height: 22px;
    height: 32px;
    margin-bottom: 4px;
}
.modal .modal-content .modal-body .form-compact textarea.form-control {
    height: auto;
}
.modal .modal-content .modal-body .form-compact label {
    font-size: 12px !important;
    line-height: 1;
    display: block;
    margin-bottom: 5px !important;
}
.modal .modal-content .modal-body .form-compact .form-control:hover, .modal .modal-content .modal-body .form-compact .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: #cbd6e2;
    background-color: #f5f8fa;
}
@media only screen and (max-width: 1144px) {
    .main-wrap .main-header nav .primary-nav {
        display: none;
    }
}
@media only screen and (max-width: 991px) {
    .page-wrap .page-content-wrap .filter-wrap {
        display: none;
    }
    .page-wrap .page-header-wrap .page-header-title {
        margin-bottom: 15px;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads .listing-stages .listing-stage .listing-stage-label-container .listing-stage-label {
        left: calc(32px - 50%);
    }
    .page-wrap .page-content-wrap .content-wrap .viewport-wrap .board-container {
        max-width: calc(100vw);
    }
}
@media only screen and (max-width: 768px) {
    .list-thumbnail {
        max-width: 100%;
        height: auto;
    }
    .page-wrap .page-header-wrap .nav-tabs {
        min-width: 130px;
        margin-bottom: 10px;
    }
    .page-wrap .page-header-wrap .header-search {
        min-width: 200px;
        margin-bottom: 10px !important;
    }
    .page-wrap .page-content-wrap .content-wrap .viewport-wrap .table-view .table tr td .preview {
        position: static;
        opacity: 1;
    }
    .page-wrap {
        padding: 0 20px;
    }
    .main-wrap .main-header {
        padding: 8px 20px;
    }
    .footer {
        padding: 15px 20px;
    }
    .page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap, .page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap input {
        text-align: left;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap {
        display: block;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-spreads {
        padding-top: 30px;
    }
    .page-wrap .header-card-wrap .card-content-wrap .edit-wrap.listing-amount-wrap i {
        display: none;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap {
        text-align: left;
        margin-top: 20px;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap .form-control {
        text-align: left;
    }
    .page-wrap .header-card-wrap .card-content-wrap .pipeline-wrap .pipeline-content .date-edit-wrap .icon {
        display: none;
    }
    .page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .left-main-wrap {
        padding-top: 10px;
        padding-left: 0;
        padding-bottom: 15px;
    }
    .page-wrap .single-content-wrap .listing-main-wrap .card-tabs .scedule-wrap .right-main-wrap {
        border-right: none;
    }
    .page-wrap .single-content-wrap .listing-main-wrap .card-tabs .email-tab .email-item {
        margin-bottom: 10px;
    }

}
@media only screen and (max-width: 500px) {
    .page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link span {
        display: none;
    }
    .page-wrap .single-content-wrap .listing-main-wrap .card-tabs .nav-tabs .nav-link i {
        margin: 0;
    }
}


.documents-list .badge {
    margin-right: 10px;
    display: inline-block;
    background-color: #eaf0f6;
    border: 1px solid #cbd6e2;
    color: #506e91;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}
.documents-list .badge a.delete {
    color: #f00;
    margin-left: 10px;
}
.documents-list .badge a {
    color: #506e91;
}

.fc .fc-toolbar .fc-button {
    background: #4a5361;
    color: #fff;
    padding: 5px 10px;
    height: auto;
    border: none;
    text-transform: capitalize;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.fc .fc-toolbar .fc-button .fc-icon {
    margin: 0;
    top: 0;
    height: auto;
}
.fc .fc-toolbar .fc-button .fc-icon:after, .fc .fc-toolbar .fc-button .fc-icon::after {
    font-family: "simple-line-icons";
    font-size: 14px
}
.fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-left-single-arrow::after {
    content: "\e605";
}
.fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow:after, .fc .fc-toolbar .fc-button .fc-icon.fc-icon-right-single-arrow::after {
    content: "\e606";
}
.fc .fc-toolbar .fc-button.fc-state-active, .fc .fc-toolbar .fc-button.fc-state-down {
    background: #272d36 !important
}
.fc .fc-toolbar h2 {
    font-size: 22px;
    font-weight: 600
}
.fc .fc-view-container .fc-view table thead tr td.fc-widget-header, .fc .fc-view-container .fc-view table thead tr th.fc-widget-header {
    color: #4a5361;
    background: #f3f4f4;
    border-color: #f3f4f4;
    padding: 10px 0px
}
.fc .fc-view-container .fc-view .fc-day-number {
    float: left;
    padding: 10px 0 5px 10px
}
.fc .fc-view-container .fc-view .fc-other-month {
    background: #f3f9ff
}
.fc .fc-view-container .fc-view .fc-event-container .fc-event {
    display: block;
    padding: 3px 5px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    border: none
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed thead {
    border-color: #f3f4f4
}
.color-selector {
    padding: 0;
    margin: 0;
    list-style: none
}
.color-selector li {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 8px 8px 0;
    background-color: #3e8ef7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}
.color-selector li input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: inherit;
    height: inherit;
    cursor: pointer;
    border-radius: inherit;
    opacity: 0
}
.color-selector li input[type=radio]:checked+label:after, .color-selector li input[type=radio]:checked+label::after {
    position: absolute;
    top: 0px;
    left: 5px;
    display: inline-block;
    margin-top: -3px;
    font-size: 16px;
    line-height: 1;
    content: "\e83f";
    color: #fff
}
.color-selector li label {
    position: relative;
    margin-bottom: .4rem;
    font-family: "iconkit";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none
}
.color-selector li:last-child {
    margin-right: 0
}
.bg-default {
    background-color: #d6d6d6 !important
}
.bg-theme {
    background-color: #ef4153 !important
}
.bg-aqua {
    background-color: #3ec5d6 !important
}
.bg-blue {
    background-color: #19B5FE !important
}
.bg-light-blue {
    background-color: #89CFF0 !important
}
.bg-teal {
    background-color: #008081 !important
}
.bg-yellow {
    background-color: #F7CA18 !important
}
.bg-orange {
    background-color: #FF8000 !important
}
.bg-green {
    background-color: #26C281 !important
}
.bg-lime {
    background-color: #cad900 !important
}
.bg-red {
    background-color: #F22613 !important
}
.bg-fuchsia {
    background-color: #df2de3 !important
}
.bg-navy {
    background-color: navy !important
}
.bg-empty {
    background: transparent !important
}
.bg-primary {
    background-color: #007bff !important
}
.bg-success {
    background-color: #2dce89 !important
}
.bg-info {
    background-color: #11cdef !important
}
.bg-warning {
    background-color: #fb6340 !important
}
.bg-danger {
    background-color: #f5365c !important
}
.bg-muted {
    background-color: #6c757d !important
}
.bg-inverse {
    background-color: #4c5667 !important
}
.bg-purple {
    background-color: #BF55EC !important
}
.bg-pink {
    background-color: #f76397 !important
}
.bg-white {
    background-color: #fff !important
}
.bg-facebook {
    background-color: #3b579d !important
}
.bg-twitter {
    background-color: #1da1f2 !important
}
.bg-google {
    background-color: #dc4a38 !important
}
.bg-linkedin {
    background-color: #0177b4 !important
}

.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-header {
    border: none;
    background-color: #fff;
    padding: 25px;
    padding-bottom: 15px;
    position: relative;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-header .card-title {
    width: 100%;
}
.auth-wrap {
    height: 100%;
    background-color: #f8f8f8;
    min-height: 100vh;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.auth-wrap .login-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}
.auth-wrap .login-wrap .login-card {
    width: 50%;
    padding: 0;
}
.auth-wrap .login-wrap .login-card .card-inner {
    width: 100%;
    background: #fff;
    border-radius: .5rem;
    display: block;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    overflow: hidden;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap {
    background-color: #eff2f7;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap {
    padding: 30px;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-title {
    margin-bottom: 20px;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-title h4 {
    margin-top: 0;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-title p {
    margin: 0;
    color: #626262;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-group {
    position: relative;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-group i {
    position: absolute;
    left: 15px;
    bottom: 12px;
    font-size: 16px;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-group .form-control {
    padding-left: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-group .form-control:focus {
    border-color: #270786;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap .form-group .form-control:focus ~ i {
    color: #270786;
}
.auth-wrap .login-wrap .login-card .card-inner .card-inner-wrap .form-wrap label {
    margin: 0;
}
.page-wrap .profile-page-wrap {
    padding: 25px;
    padding-top: 70px;
}
.page-wrap .profile-page-wrap .user-card .card-title {
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}
.page-wrap .profile-page-wrap .user-card h6 {
    font-size: 14px;
    font-weight: 700;
}
.page-wrap .profile-page-wrap .user-card small {
    font-size: 12px;
}
.page-wrap .profile-page-wrap .user-card .btn-circle {
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    display: inline-block;
    min-height: 30px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .form-control {
    padding-left: 30px;
} 
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-btn {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    line-height: 35px;
    background-color: transparent;
    font-size: 16px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .dropdown-toggle::after {
    display: none;
} 
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap {
    padding: 10px;
    position: absolute;
    left: calc(100% - 30px)!important;
    right: 0;
    float: none;
    width: 500px;
    top: 30px;
    background-color: #fff;
    z-index: 4;
    -webkit-box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    box-shadow: 0 2px 30px rgba(0,0,0,0.08);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-color: #cbd6e2;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .dropdown-menu::after {
    bottom: 100%;
    right: 10px;
    left: auto;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136,183,213,0);
    border-bottom-color: #fff;
    border-width: 5px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .form-control {
    padding: 4px 12px;
    font-size: 12px;
    height: 30px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .selectize-input {
    padding: 4px 12px;
    font-size: 12px;
    height: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .25rem;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .filter-footer {
    background-color: #f5f8fa;
    padding: 10px;
    margin-bottom: -10px;
    width: calc(100% + 20px);
    margin-left: -10px;
    border-top: 1px solid #cbd6e2;
    border-radius: 0 0 6px 6px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .selectize-input input {
    font-size: 12px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .selectize-control.single .selectize-input:after {
    right: 10px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .btn-xs {
    min-height: 30px;
    font-size: 12px;
    padding: 5px 15px;
}
.page-wrap .page-header-wrap .header-search.with-adv-search .adv-search-wrap .form-group {
    margin-bottom: 10px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-body .card .card-body .form-group .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
} 
.modal .modal-dialog .modal-content .modal-header {
    background-color: #290684;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 10px 20px;
    height: 46px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
.modal .modal-dialog .modal-content .modal-header .close {
    text-shadow: none;
    opacity: 1;
    color: #fff;
    padding: 2px 0;
    margin: 0;
    font-size: 20px;
}
.listing-preview-popup.fullscreen-preview .preview-content-wrap .preview-content .preview-body {
    padding-bottom: 0;
}
.row.gutter-5 {
    margin-left: -5px;
    margin-right: -5px;
}
.gutter-5>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.listing-preview-popup .preview-content-wrap .preview-content .preview-toolbar {
    padding: 10px 30px;
    border-bottom: 1px solid #ced4da;
    background-color: #eaf0f6;
} 
.listing-preview-popup .preview-content-wrap .preview-content .preview-toolbar .btn {
    padding: 1px 15px;
    min-height: 30px;
} 
.listing-preview-popup .preview-content-wrap .preview-content .preview-toolbar .btn i {
    margin-right: 5px;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #290684;
}
.st-cir-card {
    position: relative;
    overflow: hidden
}
.st-cir-card .st-bt-lbl {
    font-size: 60px;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    bottom: 0px;
    right: -5px
}
.st-cir-card .st-cir-chart {
    position: relative
}
.st-cir-card .st-cir-chart h5 {
    position: absolute;
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.st-cir-card .ct-series-a .ct-slice-donut {
    stroke: #fff
}
.st-cir-card.card-red .ct-series-b path {
    stroke: #fa97ab
}
.st-cir-card.card-blue .ct-series-b path {
    stroke: #66b0ff
}
.st-cir-card.card-green .ct-series-b path {
    stroke: #7ee3b8
}
.st-cir-card.card-yellow .ct-series-b path {
    stroke: #fdb5a4
}
.card-blue, .card-green, .card-red, .card-yellow {
    position: relative;
    overflow: hidden
}
.card-blue:after, .card-green:after, .card-red:after, .card-yellow:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
.card-blue .card-block, .card-blue .card-block-big, .card-blue .card-block-small, .card-blue .card-body, .card-blue .card-footer, .card-blue .card-header, .card-green .card-block, .card-green .card-block-big, .card-green .card-block-small, .card-green .card-body, .card-green .card-footer, .card-green .card-header, .card-red .card-block, .card-red .card-block-big, .card-red .card-block-small, .card-red .card-body, .card-red .card-footer, .card-red .card-header, .card-yellow .card-block, .card-yellow .card-block-big, .card-yellow .card-block-small, .card-yellow .card-body, .card-yellow .card-footer, .card-yellow .card-header {
    position: relative;
    z-index: 5
}
.card-red::after {
    background: #f5365c
}
.card-red .ct-line {
    stroke: #fff
}
.card-red .ct-grid {
    stroke: #f97f97
}
.card-blue::after {
    background: #007bff
}
.card-blue .ct-line {
    stroke: #fff
}
.card-blue .ct-grid {
    stroke: #4da3ff
}
.card-green::after {
    background: #2dce89
}
.card-green .ct-line {
    stroke: #fff
}
.card-green .ct-grid {
    stroke: #69deac
}
.card-yellow::after {
    background: #fb6340
}
.card-yellow .ct-line {
    stroke: #fff
}
.card-yellow .ct-grid {
    stroke: #fda08b
}
.chart-shadow {
    transition: all 0.3s ease-in-out;
    filter: drop-shadow(0px 5px 2px rgba(43, 43, 43, 0.2))
}
.card .card-block {
    padding: 1.25rem
}
.col {
    position: relative;
}
.card.score-card .card-body .score-factors {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: 0;
}
.card.score-card .card-body .score-factors p {
    font-size: 14px;
    margin: 0;
}
.img-20 {
    width: 20px
}
.img-30 {
    width: 30px
}
.img-40 {
    width: 40px
}
.img-50 {
    width: 50px
}
.img-60 {
    width: 60px
}
.img-70 {
    width: 70px
}
.img-80 {
    width: 80px
}
.img-90 {
    width: 90px
}
.img-100 {
    width: 100px
}
.card .feeds-widget .feed-item {
    display: block;
    padding: 12px 15px;
    border: 1px solid #efefef;
    border-left: 0;
    border-right: 0
}
.card .feeds-widget .feed-item a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.card .feeds-widget .feed-item a .feeds-left {
    width: 50px;
    font-size: 30px
}
.card .feeds-widget .feed-item a .feeds-body {
    width: 100%
}
.card .feeds-widget .feed-item a .feeds-body h4 {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 5px
}
.card .feeds-widget .feed-item a .feeds-body h4~small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 60px);
    font-size: 13px;
    color: #777
}
.card .feeds-widget .feed-item.feed-item {
    margin-top: -1px
}
.chart-line .ct-grid {
    stroke-dasharray: 0;
    stroke: rgba(255, 255, 255, 0.5)
}
.chart-line .ct-point {
    stroke-width: 0
}
.chart-line .ct-line {
    stroke: #FFF;
    stroke-width: 3px
}

.top-filter-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}
.top-filter-wrap .filter-left-wrap {
    display: flex;
    align-items: center;

}
.top-filter-wrap .filter-left-wrap .nav-pills .nav-item {
    margin-right: 5px;
}
.top-filter-wrap .filter-left-wrap .nav-pills .nav-link {
    background-color: #fff;
    position: relative;
    color: #2a2387;
    padding: 5px 10px;
    padding-left: 35px;
    min-height: 35px;
    padding-right: 15px;
    border: 1px solid #2a2387;

}
.top-filter-wrap .filter-left-wrap .nav-pills .nav-link i {
    position: absolute;
    left: 10px;
    top: 7px;
    font-size: 19px;
}
.top-filter-wrap .filter-left-wrap .nav-pills .nav-link.active, .filter-left-wrap .nav-pills .show>.nav-link {
    background-color: #2a2387;
    color: #fff;
    border-color: #2a2387;
}
.top-filter-wrap .filter-left-wrap .date-filter {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.top-filter-wrap .filter-left-wrap .date-filter .date-item {
    margin-right: 5px;
}
.top-filter-wrap .filter-left-wrap .date-filter .date-item .form-control {
    height: 35px;
    box-shadow: none;
    border-color: #dde2ec;
}
.top-filter-wrap .filter-left-wrap .date-filter .btn {
    height: 35px;
    min-height: 35px;
}
.top-filter-wrap .filter-right-wrap .filter-search {
    position: relative;
}
.top-filter-wrap .filter-right-wrap .filter-search .form-control {
    height: 35px;
    box-shadow: none;
    border-color: #dde2ec;
    padding-right: 35px;
    max-width: 300px;
    min-width: 300px;
}
.top-filter-wrap .filter-right-wrap .filter-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    min-height: 35px;
    width: 35px;
    padding: 0;
    text-align: center;
}
@media only screen and (max-width: 1100px) {
    .top-filter-wrap .filter-right-wrap .filter-search .form-control {
        min-width: auto;
    }
}
@media only screen and (max-width: 991px) {
    .top-filter-wrap {
        display: block;
    }
    .filter-right-wrap {
        padding-top: 10px
    }
    .top-filter-wrap .filter-right-wrap .filter-search .form-control {
        max-width: 100%;
    }
    .top-filter-wrap .filter-left-wrap {
        justify-content: space-between;
    }
}
@media only screen and (max-width: 700px) {
    .top-filter-wrap .filter-left-wrap {
        display: block;
    }
    .top-filter-wrap .filter-left-wrap .date-filter {
        margin-left: 0;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 400px) {
    .top-filter-wrap .filter-left-wrap .date-filter {
        display: block;
    }
    .top-filter-wrap .filter-left-wrap .date-filter .date-item {
        margin-right: 0;
        margin-bottom: 10px;
    }
}



.daterangepicker {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    color: #33475b;
    border-color: #e2e8f0;
}
.daterangepicker::before {
    border-bottom-color: #e2e8f0;
}
.daterangepicker .ranges li.active {
    background-color: #2a2387;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2a2387;
    border-color: transparent;
    color: #fff;
}
.page-wrap .page-header-wrap.page-header-wrap-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
    display: flex;
    align-items: center;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter {
    margin-left: 30px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter .date-range {
    border: 1px solid #e2e8f0;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter:hover .date-range {
    border-color: #2a2387;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap {
    position: relative;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .form-control {
    height: 30px;
    border-color: #e2e8f0;
    box-shadow: none;
    font-size: 13px;
    min-width: 250px;
} 
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    min-height: auto;
    top: 0px;
    right: 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
} 
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn:not(.dropdown-toggle) {
    background-color: #e2e8f0;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn.dropdown-toggle {
    right: 30px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn.dropdown-toggle::after {
    display: none;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap .btn {
    height: 30px;
    min-height: 30px;
    padding: 0 10px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
    display: flex;
    align-items: center;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap {
    margin-left: 20px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap .btn-icon {
    width: 30px;
    padding: 0;
}
.page-wrap .fullscreen-div.fullscreen-active {
    background-color: #fff;
    min-height: 100vh;
    padding: 30px;
}
@media only screen and (max-width: 999px) {
    .page-wrap .page-header-wrap.page-header-wrap-filter {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
        justify-content: space-between;
    }
}
@media only screen and (max-width: 550px) {
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter {
        margin-left: 0
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap {
        margin-left: 0;
        margin-top: 10px;
    }
}
.daterangepicker {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 13px;
    color: #33475b;
    border-color: #e2e8f0;
}
.daterangepicker::before {
    border-bottom-color: #e2e8f0;
}
.daterangepicker .ranges li.active {
    background-color: #2a2387;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2a2387;
    border-color: transparent;
    color: #fff;
}
.page-wrap .page-header-wrap.page-header-wrap-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
    display: flex;
    align-items: center;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter {
    margin-left: 30px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter .date-range {
    border: 1px solid #e2e8f0;
    padding: 2px 10px;
    border-radius: 4px;
    cursor: pointer;
    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter:hover .date-range {
    border-color: #2a2387;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap {
    position: relative;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .form-control {
    height: 30px;
    border-color: #e2e8f0;
    box-shadow: none;
    font-size: 13px;
    min-width: 250px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn {
    position: absolute;
    width: 30px;
    height: 30px;
    min-height: auto;
    top: 0px;
    right: 0;
    padding: 0;
    text-align: center;
    box-shadow: none;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn:not(.dropdown-toggle) {
    background-color: #e2e8f0;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn.dropdown-toggle {
    right: 30px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .add-filter-wrap .btn.dropdown-toggle::after {
    display: none;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap .btn {
    height: 30px;
    min-height: 30px;
    padding: 0 10px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
    display: flex;
    align-items: center;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap {
    margin-left: 20px;
}
.page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap .btn-icon {
    width: 30px;
    padding: 0;
}
.page-wrap .fullscreen-div.fullscreen-active {
    background-color: #fff;
    min-height: 100vh;
    padding: 30px;
}
@media only screen and (max-width: 999px) {
    .page-wrap .page-header-wrap.page-header-wrap-filter {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
        justify-content: space-between;
        margin-bottom: 10px;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
        justify-content: space-between;
    }
}
@media only screen and (max-width: 550px) {
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-left-wrap .header-date-fiter {
        margin-left: 0
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap {
        display: block;
    }
    .page-wrap .page-header-wrap.page-header-wrap-filter .header-filter-right-wrap .filter-buttons-wrap {
        margin-left: 0;
        margin-top: 10px;
    }
}