h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #6D2077;
    font-weight: bold;
}
.chat .friend-list .contacts .media h4 {
    font-weight: normal;
}
.btn-primary {
    background-color: #6D2077;
    border-color: #6D2077;
    color: #fff;
}
.btn-outline-success {
    color: #046A38;
    border-color: #046A38;
}


.btn-primary:hover {
    color: #fff;
    background-color: #046A38;
    border-color: #046A38;
}


body table.dataTable tbody tr:hover td {
    background: #f8f3f8;
}
.text-gradient-02 {
    background: #046A38;
    background: linear-gradient(135deg, #046A38 0%, #046A38 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body table.dataTable thead .sorting_asc, body table.dataTable thead .sorting_desc, body table.dataTable thead .sorting {
    background-color: #f8f3f8 !important;
}
table.dataTable thead th, table.dataTable thead td {
    background-color: #f8f3f8 !important;
}
body table.dataTable thead .sorting_asc, body table.dataTable thead .sorting_desc {
    background-image: url(/assets/img/arrow-up-unify.png);
}
body table.dataTable thead .sorting {
    background-image: url(/assets/img/arrow-down-unify.png);
    background-color: #f8f3f8;
}

.chat .card .input-group-btn .btn, .chat .card .input-group-btn #upload-btn {
    background-color: #6D2077;
}
.weekly-value {
    color: #046A38;
}



.btn-gradient-03, .btn-gradient-03 a {
    background: #6D2077;
    background: linear-gradient(152deg, #6D2077, #6D2077) !important;
}

.widget-body h1, .widget-body h2, .widget-body h3, .widget-body h4, .widget-body h5, .widget-body h6 {
    color: #6D2077;
}
.widget-body h1, .widget-body h2, .widget-body h3, .widget-body h4, .widget-body h5, .widget-body h6 {
    color: #6D2077;
}
.chat .receiver-background {
    background: #6d2077;
}
.chat .card-body .receiver-background:before {
    border-left-color: #6d2077;
}
.detail-title {
    color: #6d2077;
    font-size: 12px;
}
.detail-content {
    font-size: 12px;
}
.nav-tabs>li.active>a, .nav-tabs>li>a:hover {
    color: #6d2077!important;
}
.nav-tabs>li>a::after {
    background: #6d2077;
}

.row-stripe > .row:nth-child(odd) {
    background: #f8f3f8;
}

.form-control-label {
    color: #6d2077;
}
.fc-day-top {
    background-color: #6D2077!important;
}

.widget-header .nav-tabs .nav-link {
    color: #6D2077 !important;
}

.text-primary {
    color: #6D2077 !important;
}

.stats-widget-in {
    border-left: 5px solid #6d2077 !important;
}

.modal-title {
    color: #6D2077;
}

.badge-primary {
    background-color: #6d2077;
}

.nav-tabs.nav-tabs_new .nav-link.active span {
    color: #6D2077;
}
.nav-tabs.nav-tabs_new .nav-link.active .icon svg {
    fill: #6d2077;
}
/*** start new ***/



.spinner {
    display: none;
}


td.dtfc-fixed-right {
    border-left: 1px solid #ddd;
    text-align: center;
}


.author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*** start header ***/

a {
    color: #6D2077;
}
a:hover {
    color: #AD1AAC;
}
.container-fluid.no-padding.h-100 .row.flex-row.h-100.bg-white {
    margin: 0;
}
.form {
    background: #fff;
    padding: 50px;
    margin-top: 50px;
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
    border-radius: 20px;
    max-width: 600px;
    margin-bottom: 50px;
}
.form.authentication-form {
    width: 100%;
    padding: 40px 20px;
}
.form.authentication-form .group input {
    padding: 10px 20px;
}
.form .logo-centered img {
    width: 140px;
    margin-bottom: 10px;
}
.form button.btn.btn-lg.btn-gradient-01 {
    max-width: 300px;
    width: 100%;
}

body table.dataTable tbody tr:hover td.bg-primary,  body table.dataTable tr:hover tbody td.bg-violet {
    background: #b2dfff  !important;
}
body table.dataTable tbody tr td.bg-primary,  body table.dataTable tbody tr td.bg-violet {
    background: #eaf5fd !important;
    color: #206da8 !important;
    border:  1px solid #9ad3ff !important;
}


body table.dataTable tbody tr:hover td.bg-success, body table.dataTable tbody tr:hover td.bg-green, body table.dataTable tbody tr:hover td.grank-top-20, body table.dataTable tbody tr:hover td.rank-top-10 {
    background: #d7e9c2  !important;
}
body table.dataTable tbody tr td.bg-success, body table.dataTable tbody tr td.bg-green, body table.dataTable tbody tr td.grank-top-20, body table.dataTable tbody tr  td.rank-top-10 {
    border: 1px solid #9bd662 !important;
    background: #f4faed !important;
    color: #457813 !important;
}

body table.dataTable tbody tr:hover td.grank-top-40, body table.dataTable tbody tr:hover td.rank-top-30 {
    background: #b8ff62cc  !important;
}
body table.dataTable tbody tr td.grank-top-40, body table.dataTable tbody tr td.rank-top-30  {
    border: 1px solid #7cff00 !important;
    background: #d5ffa2cc !important;
    color: #457813 !important;
}

body table.dataTable tbody tr td.bg-warning, body table.dataTable tbody tr td.bg-orange, body table.dataTable tbody tr td.grank-top-60, body table.dataTable tbody tr td.rank-top-100 {
    background: #fffae7 !important;
    color: #b28e0d !important;
    border: 1px solid #fed648 !important;
}
body table.dataTable tbody tr:hover td.bg-warning, body table.dataTable tbody tr:hover td.bg-orange, body table.dataTable tbody tr:hover td.grank-top-60, body table.dataTable tbody tr:hover td.rank-top-100 {
    background: #efe5c1 !important;
}
body table.dataTable tbody tr td.bg-danger, body table.dataTable tbody tr td.bg-red, body table.dataTable tbody tr td.grank-top-over, body table.dataTable tbody tr td.rank-top-over {
    background: #fdeaea !important;
    color: #bb5454 !important;
    border: 1px solid #bb5454 !important;
}
body table.dataTable tbody tr:hover td.bg-danger, body table.dataTable tbody tr:hover td.bg-red, body table.dataTable tbody tr:hover td.grank-top-over, body table.dataTable tbody tr:hover td.rank-top-over  {
    background: #e7c6c6 !important;
}
body table.dataTable tbody td.bg-primary,  body table.dataTable tbody td.bg-violet, body table.dataTable tbody td.bg-success, body table.dataTable tbody td.bg-green, body table.dataTable tbody td.bg-warning, body table.dataTable tbody td.bg-orange, body table.dataTable tbody td.bg-danger, body table.dataTable tbody td.bg-red {
    font-weight: bold !important;
    font-size: 14px;
}
body table.dataTable tbody td a {
    color: inherit;
}
body table.dataTable tbody td a i.rank-arrows {
    margin-left: 5px;
    text-shadow: none;
    color: inherit !important;
}

#rankingsTbl tbody tr td:hover {
    font-weight: inherit !important;
}



nav.navbar .avatar {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 0.2rem solid #fff;
}
nav.navbar li.nav-item.dropdown a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: auto;
}

.nav-dropdown-item.nav-avatar-profile {
    font-size: 1rem;
    margin: 0 6px;
    color: #000;
}
.nav-dropdown-item.nav-avatar-profile i {
    color: #aea9c3;
    font-size: 0.7rem;
    margin-left: 5px;
}

nav.navbar .user-size.dropdown-menu a.logout:hover {
    background: #eaf5fd;
}

nav.navbar .user-size.dropdown-menu a.logout {
    background: transparent;
    width: auto;
    height: auto;
    color: #000;
    font-size: 1rem;
    margin: 0;
    line-height: 1;
    position: inherit;
    padding: 10px;
    border-radius: 0;
    font-weight: 500;
}
nav.navbar .user-size.dropdown-menu a i {
    margin-right: 5px;
}
#nav-profile-dropdown ul.dropdown-menu {
    padding: 20px 0;
}
nav.navbar .user-size.dropdown-menu li.welcome {
    padding: 0;
}
.brand-image.brand-lg img.logo-lg {
    width: 125px;
}





/*** end header ***/

/*** start sidebar ***/

body .default-sidebar {
    background: #ffffff;
    border-right: 1px solid #ddd;
    z-index: 99;
    height: 100%;
}
#sidebar .sidebar-content {
    background: #ffffff;
    border-right: 1px solid #ddd;
}
.chat #sidebar {
    background: #ffffff;
}
.default-sidebar > .side-navbar ul a, .default-sidebar>.side-navbar span.heading, .default-sidebar > .side-navbar ul a, .default-sidebar>.side-navbar ul ul a {
    color: #000000;
    padding: 10px 10px;
    font-weight: 500;
    font-size: 1rem;
    border-left: 5px solid #fff;
}
.default-sidebar > .side-navbar ul.list-unstyled li.active a, .default-sidebar > .side-navbar ul.list-unstyled li a:hover {
    border-left: 5px solid #832f8d;
    background: #832f8d0f;
}
.default-sidebar>.side-navbar.shrinked ul.list-unstyled li a:hover {
    border-left: 5px solid #832f8d;
}
.default-sidebar>.side-navbar.shrinked ul.list-unstyled li a {
    margin: 0;
    font-size: 1rem;
}
.default-sidebar>.side-navbar ul.list-unstyled li a {
    border-left: 5px solid #fff;
}
.default-sidebar > .side-navbar.shrinked ul.list-unstyled li.preview-portal a b {
    display: none;
}
.default-sidebar > .side-navbar ul.list-unstyled li.preview-portal a {
    border-left: 5px solid red;
    color: red;
}
.default-sidebar > .side-navbar ul.list-unstyled li.preview-portal a i {
    color: red;
}
.default-sidebar > .side-navbar li.preview-portal {
    background-color: #ffbfbf !important;
}
.default-sidebar > .side-navbar ul.list-unstyled li.preview-portal a:hover {
    background: red;
    color: #fff;
}
.default-sidebar > .side-navbar ul.list-unstyled li.preview-portal a:hover i {

    color: #fff;
}
.default-sidebar > .side-navbar ul.list-unstyled li.preview-portal:hover a {
    border-left: 5px solid #ffbfbf;
}
.default-sidebar>.side-navbar a[aria-expanded="true"] {
    background: #ffffff;
    margin: 0;
    border-radius: 0;
    padding: 10px 10px 10px 5px;
}
.default-sidebar>.side-navbar {
    overflow: auto !important;
    padding: 0 0;
}
.default-sidebar>.side-navbar::-webkit-scrollbar {
    width: 0px;
}
.default-sidebar>.side-navbar span.heading, .default-sidebar>.side-navbar span.dropdown-heading {
    width: 100%;
    margin: 0;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #828b96;
    font-weight: 600;
}
.default-sidebar>.side-navbar a[data-toggle="collapse"]::before {
    color: #828b96;
}
.default-sidebar>.side-navbar ul ul {
    margin: 0;
    background: #fff;
}
.default-sidebar>.side-navbar a {
    margin: 0;
}
.default-sidebar>.side-navbar a i, .default-sidebar>.side-navbar span.heading, .chat .list-group .heading, .chat #sidebar a i  {
    color: #828b96;
}
.default-sidebar>.side-navbar a i, .chat #sidebar a i  {
    font-size: 1.6rem !important;
}
.default-sidebar>.side-navbar ul {
    padding: 0;
}
.default-sidebar > .side-navbar li {
    border-bottom: none;
}
.default-sidebar > .side-navbar li.active {
    background: #ffffff;
    border-right: none;
}
.default-sidebar > .side-navbar li:hover {
    background: #ffffff;
}

.default-sidebar>.side-navbar ul li.active span, .default-sidebar>.side-navbar li ul li a.active, .default-sidebar>.side-navbar ul li.active i, .default-sidebar>.side-navbar li ul li a.active {
    color: #832f8d;
}
.default-sidebar>.side-navbar ul a:hover i, .default-sidebar>.side-navbar ul a:hover span {
    color: #832f8d;
}
#secondary-sidebar {
    box-shadow: none;
}

.chat #sidebar a {
    color: #000000;
}
#secondary-sidebar .active a {
    color: #6D2077  !important;
}
.chat .friend-list .list-group-item.active, .chat .friend-list .list-group-item:hover {
    box-shadow: none;
    border-left: 5px solid #6D2077;
}
.chat .friend-list .list-group-item {
    padding: 10px;
    border-left: 5px solid #fff;
}
.chat .friend-list .list-group-item {
    padding: 10px;
}
header ul.nav-menu .btn i {
    font-size: 1rem;
}
.tooltip.show {
    opacity: 1;
    z-index: 999;
}
.tooltip-inner {
    font-size: 0.8rem;
    padding: 5px 20px;
    background: #000;
    color: #fff;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #000;
    top: 1px;
    right: -2px;
}

nav.navbar .menu-btn span {
    background: #828b96;
    height: 3px;
    margin: 5px 0;
    transform: none !important;
}
.default-sidebar .navbar-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px 15px;
    overflow-x: hidden;
}
.default-sidebar>.side-navbar .navbar-holder > .bg-danger {
    position: absolute;
    padding: 5px !important;
    font-size: 8px;
    top: 0;
    right: 0;
}
.default-sidebar>.side-navbar.shrinked .navbar-header {
    padding: 5px  10px;
}
.default-sidebar>.side-navbar a.menu-btn span, nav.navbar .menu-btn span:nth-of-type(2) {
    background: #828b96;
    height: 3px;
    margin: 4px 0;
    transform: none !important;
    width: 20px;
    display: block;
}
nav.navbar .menu-btn span:first-of-type, nav.navbar .menu-btn span:last-of-type {
    width: 100%;
}
.default-sidebar .navbar-header img.logo-lg {
    width: 100px;
}
.default-sidebar > .side-navbar li.bg-gray {
    background: #ffffff !important;
}

.default-sidebar > .side-navbar li.bg-gray span {
    color: #000!important;
}
.default-sidebar > .side-navbar li.preview-portal:hover a b.text-white {
    color: #227eb3 !important;
}
a.link-disabled {
    pointer-events: none;
}
.brand-image.brand-sm img.logo-sm {
    width: 40px;
}
.brand-image.brand-sm {
    display: none;
}
.default-sidebar>.side-navbar.shrinked .brand-image.brand-lg {
    display: none;
}
.default-sidebar>.side-navbar.shrinked .brand-image.brand-sm {
    display: inline-block;
}
/*** end sidebar ****/



.elisyam-bg.background-01 {
    background: #86308e;
}

.elisyam-overlay.overlay-01 {
    background: linear-gradient(120deg,rgb(38 12 44 / 43%) 0%,rgb(52 17 56 / 69%) 100%);
}
span.logo-unify {
    background: -webkit-linear-gradient(#3098ce, #263692);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #263692;
}
span.logo-unify360 {
    background: -webkit-linear-gradient(#5dbc60, #007139);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #007139;
}

span.logo-realtime {
    background: -webkit-linear-gradient(#06a0c9, #1c71a0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
span.logo-360 {
    background: -webkit-linear-gradient(#e98b01, #ec7307);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/** start content **/

.content-inner {
    background: #f8f3f8;
}
.page-header-title.text-gradient-01 {
    color: #046A38;
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #046A38;
    font-size: 2rem;
    padding: 10px 0;
}
.page-header {
    /* padding: 20px 20px 20px 0px; */
}


.breadcrumb li.breadcrumb-item {
    color: #046A38 !important;
    font-weight: bold;
}
.breadcrumb li.breadcrumb-item a {
    color: #94a4b0;
    font-weight: normal;
}

/*** end content **/

/** start widget **/
.admin-widget {
    margin-bottom: 30px;
}
.admin-widget .widget, .admin-widget > figure {
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
    overflow: hidden;
}
.admin-widget .widget-body {
    padding: 1.4rem;
    min-height: 500px;
    height: 100%;
    max-height: 800px !important;
}

#main-rts-custom-form .wizard > .steps > ul > li, .wizard > .actions > ul > li {
    border-radius: 10px;
    background: transparent !important;
    padding: 5px;
    margin: 0;
}

#main-rts-custom-form .wizard > .steps .disabled a {
    background: #000000;
    color: #fff;
    margin: 0;
}
#rankingsTbl tbody tr td:hover {
    font-weight: bolder !important;
    font-size: 12px !important;
}

.widget-header-right {
    margin-left: auto;
}
.widget .widget-header {
    background: transparent !important;
    border-bottom: 0;
    /*** padding: 1.5rem!important; ****/
    /*** padding: 1.5rem 1.5rem 0!important; ****/
}
.widget-header {
    background-color: #FFF;
}
.widget-header h2 {
    color: #6D2077 !important;
    font-weight: 600;
    font-size: 1.2rem;
}
/** start widget **/






/** start table **/


.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    background: #fff !important;
    color: #000 !important;
}
body .dataTables_wrapper label {
    color: #6D2077 !important;
    font-weight: 600;
}
body .dataTables_length select {
    background: white !important;
    color: #6D2077 !important;
    border: 1px solid #6D2077 !important;
}

body .dataTables_wrapper {
    background: #ffffff;
}
body table.dataTable .custom-select {
    background-color: transparent;
    color: #000;
}
body table.dataTable .btn-success.custom-select {
    background-color: #5cb85c;
}

.input-group-text {
    background: #ffffff;
}
.modal-header {
    background: #ffffff;
}
table.dataTable {
    border: none !important;
}
table.dataTable tfoot {
    display: none;
}
body table.dataTable thead th, body table.dataTable thead td {
   /***  background: #eaf5fd  !important; ***/
    color: #6D2077;
    font-size: 0.9rem;
    border: 1px solid #fbfbfb !important;
}
body table.dataTable thead th.sorting.sorting_desc {
    background-image: url(/assets/img/arrow-up-unify.png) !important;
}
body table.dataTable thead th.sorting.sorting_asc {
    background-image: url(/assets/img/arrow-down-unify.png);
}
body table.dataTable thead th {
    padding: 10px 10px !important;
    font-size: 12px;
}
body .dataTables_wrapper .dataTables_paginate, body .dataTables_wrapper .dataTables_info {
    background: #ffffff !important;
    font-size: 1rem;
    color: #6D2077;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #6D2077 !important;
    width: auto;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background-image: url(/assets/img/arrow-left-unify.png) !important;
    background-repeat: no-repeat !important;
    padding-left: 22px;
    background-size: 14px !important;
    background-position: center left !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    background-image: url(/assets/img/arrow-right-unify.png) !important;
    background-repeat: no-repeat !important;
    padding-right: 22px;
    background-size: 14px !important;
    background-position: center right !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, body .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
    background: transparent;
    color: #AD1AAC!important;
    border-radius: 0;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #c1dbef;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #206da8 !important;
    border-radius: 5px;
}
body .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .page-link {
    color: #6D2077 !important;
    font-size: 1rem;
    padding: 0 5px;
    height: 20px;
    margin: 0 3px;
    width: auto;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #6D2077   !important;
    color: #fff !important;
    border-radius: 5px;
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.page-item.active .page-link {
    background: transparent !important;
    color: #fff !important;
    border-radius: 0;
    border: none;
    margin: 0;
}
.paginate_button.previous.disabled, .paginate_button.next.disabled {
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
}
.dataTables_wrapper .dataTables_paginate .pagination {
    display: block;
}


body table.dataTable tbody th, body table.dataTable tbody td {
    border-bottom: 1px solid #ededed;
}

body table.dataTable tbody tr:hover td.dataTables_empty {
    background: #ffffff !important;
}
body table.dataTable tbody tr:nth-child(even) td, body table.dataTable tbody tr:nth-child(even) {
    background: #f9f9fa;
}
body table.dataTable tbody tr:nth-child(odd) td, body table.dataTable tbody tr:nth-child(odd)   {
    background: #ffffff;
}

body table.dataTable .with-data, body table.dataTable .sorting_1.with-data {
    background: #f4faed !important;
}
body table.dataTable .no-data, body table.dataTable .sorting_1.no-data {

}
body table.dataTable .btn-action:hover {
    background-color: #3f8bb5;
}
body .dataTables_wrapper .dataTables_filter input {
    background: #ffffff;
    color: #333;
    border: 1px solid #6D2077;
}
body .dataTables_wrapper .dataTables_filter input:focus  {
    color: #6D2077;
    padding: 0 10px;
}
body table.dataTable input:focus {
    background: #ffffff;
    color: #206da8;
}


body table img {
    width: 30px !important;
    height: 30px !important;
    margin: 0 auto;
    display: block;
}
.table td, .table th {
    color: #333;
}

#sidebar-content div#search-group {
    background: transparent;
}

.no-data {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

/** end table **/

a.loginBtn--facebook:hover {
    color: #fff;
    text-decoration: none;
}

textarea#form-div, textarea#form-script {
    background: #f9f9f9;
    color: #333;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    min-height: 300px;
}
#companyForm .section {
    background: transparent !important;
    border: none !important;
}
#companyForm .section input.form-control {
    border: 1px solid #ddd;
}
body input[type="text"] {
    color: #333333;
}
#contact-form input.form-control:focus {
    padding: 0.75rem 1.07rem;
}

body input[type="text"]:focus, body input[type="password"]:focus, body input[type="datetime"]:focus, body input[type="datetime-local"]:focus, body input[type="city"]:focus, body input[type="date"]:focus, body input[type="month"]:focus, body input[type="time"]:focus, body input[type="week"]:focus, body input[type="number"]:focus, body input[type="email"]:focus, body input[type="url"]:focus, body input[type="search"]:focus, body input[type="tel"]:focus, body input[type="color"]:focus, body textarea {
    background: #fff;
    color: inherit;
    border: 1px solid;
    padding: 0.75rem 1.07rem;
}
body select {
    background: #ffffff;
    color: #000;
    border: 1px solid #ddd;
}
.post-video figure.img-hover-02:hover  {
    background: #3f8bb585;
}
.post-video .img-hover-02:hover i {
    color: #174964;
}



.rep_mob_tab > li.active > a.tab_bg_icon, .rep_mob_tab > li.active > div > a.tab_bg_icon {
    background: #3f8bb5 !important;
}

.rep_mob_tab > li.active {
    background: rgb(234 130 3);
}



#reviews-by-source img {
    float: right;
}

#reviews-by-source td.bg-primary {
    background: #d5ebfc30 !important;
}

#reviews-by-source .bg-primary, #reviews-by-source .bg-primary span {
    color: initial !important;
}
.widget.widget-account-facebook  .widget-header h2, .widget.widget-account-twitter .widget-header h2, .widget.widget-account-instagram  .widget-header h2, .widget.widget-account-linkedin-personal .widget-header h2, .widget.widget-account-linkedin-business .widget-header h2, .widget.widget-account-google-profile .widget-header h2, .widget.widget-account-youtube .widget-header h2, .widget.widget-account-tiktok .widget-header h2 {
    color: #fff !important;
}


.widget-11 .timeline-content .title {
    white-space: normal;
    word-break: break-all;
}

.select2-container--classic .select2-results__option--selected {
    background: #e4e4e4;
    color: #000;
}
.select2-results__option--selectable {
    border-bottom: 1px solid #e4e4e4;
}

#chat-messages-div ul#chat-tabs {
    background: #fff;
    width: 100%;
    position: relative;
}
.messages-scroll {
  height: calc(100vh - 250px) !important;
}
div#chatbox-inbox-container {
    overflow: hidden;
    }
div#chat_user_list_ul {
    min-height: 100%;
   }


.toggle.btn-xs {
    /*   min-height: auto; */
}

.select2-hide-input .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    display: none;
}

/** start buttons **/

.btn.btn-square {
    border-radius: 20px;
}

.btn.btn-outlline-default {
    border: 1px solid #828b96;
    border-radius: 20px;
    color: #828b96;
}
.btn.btn-outlline-default:hover {
    border: 1px solid #5290bf;
    color: #5290bf;
    background: #eaf5fd;
}
/** end buttons **/




/*** end new ***/
.widget-header h1, .widget-header h2, .widget-header h3, .widget-header h4, .widget-header h5, .widget-header h6 {
    color: #6D2077;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.rt-widget-header h3 {
    color: #6D2077  !important;
    font-weight: 600;
    font-size: 1.2rem;
}
text.highcharts-title {
    color: #6D2077 !important;
    fill: #6D2077 !important;
}


/**** start https://preprod.realtimemarketing.com/public/subscriptions/dashboard */

body .other-message-sender {
    word-break: break-all;
}
/**** end https://preprod.realtimemarketing.com/public/subscriptions/dashboard */

header .navbar-header {
    display: none;
}
header ul.nav-menu {
    margin-left: auto;
}
small.nav-dropdown-profile-name {
    font-size: 1rem;
}


.horizontal-menu {
    background: #2993d0;
    /**
    background: -moz-radial-gradient(center, ellipse cover, #2993d0 20%, #1d709f 80%);
    background: -webkit-radial-gradient(center, ellipse cover, #2993d0 20%,#1d709f 80%);
    background: radial-gradient(ellipse at center, #2993d0 20%,#1d709f 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2993d0', endColorstr='#1d709f',GradientType=1 );
     */
    padding: 0;
}
.horizontal-menu .main-menu a, .navbar-default .navbar-nav>li>a, .horizontal-menu .main-menu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
}
.horizontal-menu .main-menu a.active, .horizontal-menu .main-menu a:hover {
    background: #185373;
    color: #fff !important;
}
.horizontal-menu ul.navbar-nav li a i {
    font-size: 18px;
    margin: 0 10px;
}
.navbar-toggler span {
    background: #828b96;
    height: 3px;
    width: 30px;
}
.btn-group .btn {
    white-space: nowrap;
}
.container-fluid {
    overflow-x: hidden;
}

.table {
    background: #ffffff;
}
.btn-gradient-01, .btn-gradient-01 a {
    background: #6D2077;
    background: linear-gradient(to right, #6D2077 0%, #AD1AAC 100%);
    background-size: 200% auto;
    font-weight: 600;
    transition: 0.5s;
    color: #fff;
    border: 0 none;
    padding: 12px 20px;
}
a:hover {
   /***  text-decoration: underline; ***/
}
.nav-tabs .nav-link {
    font-weight: 500;
}

nav.navbar .avatar {
    width: 30px !important;
    height: 30px !important;
    padding: 0;
}
.pricing-tables-02.pricing-wrapper .pricing-list li {
    display: block;
    max-width: 270px;
    margin: 0 auto 20px;
}
.pricing-list ul li.mark-disabled {
    position: relative;
}
.pricing-list ul li.mark-disabled:after {
    content: "x";
    position: absolute;
    color: red;
    font-size: 100px;
    opacity: 0.5;
    top: 0px;
    z-index: 1;
    left: 25%;
    margin: 0 auto;
    display: block;
}

.pricing-tables-02.gold {
    transform: scale(1.05);
    z-index: 2;
}
.pricing-tables-02.gold {
    background: linear-gradient(135deg, rgb(251 250 220) 0%,rgb(230 210 129) 100%);
}
.pricing-tables-02.silver {
    background: linear-gradient(135deg, rgb(229 229 229) 0%,rgb(209 209 209) 100%);
}
.pricing-tables-02.platinum  {
    background: linear-gradient(135deg, rgb(223 230 237) 0%,rgb(202 213 223) 100%);
}
.pricing-tables-02.custom  {
    margin-top: 150px;
}
.styled-checkbox input[type="checkbox"]:checked + label:after {
    line-height: 1.5;
}


/*** start global ****/

.default-sidebar>.side-navbar .navbar-holder {
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 99;

}

.default-sidebar>.side-navbar.shrinked ul.list-unstyled a span {
    display: none;
    padding: 10px 0;
}
.default-sidebar>.side-navbar.shrinked ul.list-unstyled a span.dropdown-heading {
    display: block;
}
a#manage-keywords-btn:hover {
    background: #ffda8e;
}
textarea {
    resize: none !important;
}

.btn-group.datatable-btn .btn span {
    display: none;
}
.card {
    background: transparent;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #3f8bb5;
    border-color: #3f8bb5;
}

#secondary-sidebar {
    padding: 0;
    z-index: 1;


}
#secondary-sidebar .navbar-nav {
    flex-direction: column;
}





/*** end global ****/


/**** edited ***/

.modal-backdrop.show {
    /* background: rgb(0,173,213); */
    /* background: linear-gradient(130deg, rgba(0,173,213,1) 38%, rgba(26,118,165,1) 58%); */
    background: #000;
    opacity: 0.75;
}

.modal-content {
    /* background: radial-gradient(circle, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 79%) 51%, rgb(255 255 255 / 97%) 100%); */
    border: 1px solid #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 11px #00000017;
    background: #fff;
}

.modal-header {
    background: transparent;
    border-bottom: 1px solid #c3c3c3dd;
    padding: 20px;
}
.modal-header .close {
    color: #2c304d;
}
.modal-body {
    padding: 20px;
}
.modal-footer {
    border-top: 1px solid #bdbdbd;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.modal-footer  .switch-toggle {
    margin: 0;
}

.modal-footer  .switch-toggle-container {
    margin-bottom: 0;
}
.modal-footer  .switch-toggle {
    margin: 0;
}
.modal-footer   .switch-label-text {
    margin-top: 0;
}

/*** edited *****/



/*** start chat ****/

#chatbox-inbox {
    background-color: #ffffff;
}

#chat-inbox-tab {
    background: #ffffff;
}

#chatbox-inbox a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
}


#chatbox-inbox .text-white {
    color: #000 !important;
}

.nav-tabs .nav-link.active {
    background-color: #ffffff !important;
    color: #6D2077 !important;
    border-color: #6D2077!important;
}
.dashboard-widget-header-tabs .nav-tabs .nav-item {
    flex: 0 0 auto;
}
.dashboard-widget-header-tabs .nav-tabs .nav-item a {
    font-weight: bold;
    padding: 10px 30px;
}
.dashboard-widget-header-tabs .nav-tabs .nav-item .nav-link.active {
    border-color: #fff !important;
}
.dashboard-widget-header-tabs .nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.widget-body .widget-footer {
    margin-bottom: auto;
    border-top: 1px solid #ddd;
}

#chat-user-list-ul .list-group-item:nth-child(odd) {
    background: #ffffff;
}

#chat-user-list-ul .list-group-item {
    border: none !important;
    padding: 0;
}
#chat-user-list-ul .list-group-item a {
    border-left: 5px solid #fff;
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
}
#chat-user-list-ul .list-group-item a.active.show {
    border-left: 5px solid #6d2077;
}

.message-container .initials-container {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat .sender-time {
    margin-top: 10px;
    text-align: right;
    display: block;
}

.chat .sender-background {
    background: #f1f1f1;
    padding: 30px;
}
.chat .card-body .sender-background:before {
    border-right-color: #f1f1f1;
}

/*** end chat ****/

.go-top {
    bottom: 80px;
    right: 25px;
    align-content: center;
}
#chat-user-list-ul .list-group-item .source {
    margin-bottom: 10px;
}

/*** start account ***/
.tab-content>.active {
    display: block;
    width: 100%;
}


body #filter_without_console {
    color: #6D2077;
}



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
   /***  width: auto; ***/
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
}
header ul.nav-menu li.nav-item.nav-select {
    width: auto !important;
}

.navbar-holder {
    flex: 1;
}

.modal-footer .switch-container {
    flex: 1;
}
.modal-footer .btn {
    margin: 5px;
}

.h-100vh {
    height: 100vh !important;
}


/*** end account ***/

/*** start mobile ****/
@media screen and (max-width: 502px){
    #form-buttons .btn{
        width:100% !important;
        margin-bottom:2px;
    }
}

@media only screen and (max-width: 991px) {

    .pricing-tables-02 {
        width: 100%;
        max-width: 350px;
        margin: 0px auto 40px;
    }

    .chat .sidebar-content {
        height: auto !important;
    }

    .modal-footer .switch-container {
        flex: auto;
    }




}
@media only screen and (max-width: 767px) {



    .page-header > .d-flex {
        display: block !important;
    }
    div#particles-js {
        height: 30vh;
    }
    .pricing-tables-02.custom {
        margin-top: -20px;
    }
    #step-1 {
        margin-top: 0px !important;
    }
}
/*** end mobile ****/
.modal-backdrop.show {
    z-index: 999;
}
nav.navbar {
    padding: 15px 15px;
    z-index: 99;
}
nav.navbar a#user {
    margin: 0;
    line-height: 1;
    word-break: break-all;
}

#form-filter a{
    padding-top:13px;
}
#form-filter .btn{
    margin:0 2px;
}
#form-filter br{
    display:none;
}
@media screen and (max-width: 1200px) {



    /*** from 576px ****/
    .header nav.navbar {
        padding: 15px;
    }
    header .navbar-header {
        display: block;
    }
    header .brand-image.brand-sm {
        display: block;
    }

    body .default-sidebar {
        height: auto;
    }
    .default-sidebar>.side-navbar {
        height: 60px;
    }
    body .default-sidebar.active {
        height: 100vh;
    }

    .default-sidebar>.side-navbar.shrinked, .compact-sidebar>.side-navbar.shrinked, .compact-light-sidebar>.side-navbar.shrinked {
        min-width: 200px;
        max-width: 200px;
    }
    .default-sidebar>.side-navbar.shrinked ul.list-unstyled a span, .default-sidebar>.side-navbar.shrinked ul.list-unstyled a span.dropdown-heading {
        font-size: 12px;
    }
    header.header.active nav.navbar {
        padding-left: 210px;
    }

    .default-sidebar .navbar-header {
        padding: 12px  10px;
    }


    .default-sidebar>.side-navbar.shrinked {
        height:  100vh;
    }


    .content-inner {
        margin-left: 0 !important;
    }
    .content-inner.active {
        margin-left: 0px !important;
    }
    /*** from 576px ****/




    header.header nav.navbar {
        padding-left: 100px;
    }
    header.header.active nav.navbar {
        padding-left: 260px;
    }
    #form-filter input{
        width:80% !important;
    }
    #form-filter .input-group-addon{
        width:20% !important;
    }

    .default-sidebar>.side-navbar.shrinked ul.list-unstyled li a {
        padding: 10px;
    }

    .default-sidebar > .side-navbar ul.list-unstyled a span {
        display: none;
    }
    .default-sidebar>.side-navbar ul.list-unstyled span.dropdown-heading {
        display: block;
    }
    .default-sidebar>.side-navbar.shrinked ul.list-unstyled a span, .default-sidebar>.side-navbar.shrinked ul.list-unstyled a span.dropdown-heading {
        display: inline-block;
        padding: 0;
    }
    .default-sidebar>.side-navbar.shrinked a i {
        display: inline-block;
        margin-right: 5px;
    }
    .default-sidebar>.side-navbar, .compact-sidebar>.side-navbar, .compact-light-sidebar>.side-navbar {
        margin-left: 0;
        min-width: 90px;
        max-width: 90px;
        text-align: center;
    }

    .default-sidebar>.side-navbar.shrinked, .compact-sidebar>.side-navbar.shrinked, .compact-light-sidebar>.side-navbar.shrinked {
        margin-left: 0;
    }

    .default-sidebar>.side-navbar.shrinked, .compact-sidebar>.side-navbar.shrinked, .compact-light-sidebar>.side-navbar.shrinked {
        margin-left: 0;
        min-width: 250px;
        max-width: 250px;
        text-align: left;
    }

    .brand-image.brand-lg {
        display: none;
    }
    .brand-image.brand-sm {
        display: block;
    }
    .default-sidebar>.side-navbar.shrinked .brand-image.brand-lg {
        display: block;
    }
    .default-sidebar>.side-navbar.shrinked .brand-image.brand-sm {
        display: none;
    }


    .default-sidebar>.side-navbar.shrinked a[data-toggle="collapse"]::before {
        content: '\f124';
        display: inline-block;
        transform: translateY(-50%);
        top: 50%;
        right: 20px;
    }

    nav.navbar .menu-btn {
        margin-right: 0;
    }



    .content-inner {
        width: calc(100% - 90px);
        margin-left: 90px;
        transition: all 0.3s ease;
    }

    .content-inner.active {
        /** margin-left: 250px  !important; */
    }

}
@media screen and (max-width: 829px) {
    #form-filter .btn{
        float:right !important;
    }
}
@media screen and (max-width: 767px) {
    #form-filter .btn{
        margin-top:2px;
    }
    small.nav-dropdown-profile-name {
        display: none;
    }
    header ul.nav-menu li.nav-item.nav-select {
        width: auto !important;
        margin-right: 10px !important;
        margin-left: 10px !important;
    }
    li#nav-profile-dropdown {
        width: 60px;
    }
    select#loadUserCompany {
        padding: 5px 10px;
        height: 30px;
    }
}
@media screen and (max-width: 647px) {
    #form-filter input{
        width:80% !important;
    }
    #form-filter .input-group-addon{
        width:20% !important;
    }
}
@media screen and (max-width: 577px) {



}
@media screen and (max-width: 425px) {
    #form-filter .btn{
        width:70% !important;
    }
    li#nav-profile-dropdown {
        width: 100px;
    }
}


@media only screen and (min-width: 992px) {
    #secondary-sidebar .navbar-collapse{
        padding-top:15px !important;
    }
}

/* Adjust the position of the link on smaller screens */
@media screen and (max-width: 768px) {
    .d-flex.align-items-center .watch-tutorial {
        position: relative;
        margin-left: 0;
        margin-top: 10px;
    }
}
.watch-tutorial:hover, .watch-tutorial-dashboard:hover {
    background: #046A38;
    color: #fff!important;
    border-color: #43B02A;
}
.watch-tutorial, .watch-tutorial-dashboard {
    border: 1px #832f8d solid;
    background: #f8f3f8;
    color: #832f8d !important;
    border-left: 10px #832f8d solid;
    text-decoration: none!important;
    padding: 3px 10px;
    text-align: center;
}

/*canned response styles*/
.card-header-title > a {
    display: block;
    position: relative;
}

.card-header-title > a:hover {
    cursor: pointer;
}

.card-header-title i.fa-chevron-up {
    display: none;
}

.card-header-title > a[aria-expanded="true"] i.fa-chevron-down {
    display: none;
}

.card-header-title > a[aria-expanded="true"] i.fa-chevron-up {
    display: inline;
}
.card-header-title i.fa-trash {
    cursor: pointer!important;
}
.card-responses {
    border: 1px solid black!important;
}
.card-active {
    border-bottom: 1px solid black!important;
    background-color: #d8dee9!important;
}
.add-canned-panel {
    padding: 20px;
    border: 1px solid black!important;
}
.disabled {
    opacity: 50%!important;
}
.response-message {
    border-color: #2c304d;
}
.canned-button {
    border-radius: 5px!important;
    background-color: #0069d9;;
    border-color: #0069d9;
    padding: 6px 27px !important;
    opacity: 70%;
}
.canned-save-button {
    border-radius: 5px!important;
    background-color: #0069d9!important;;
    border-color: #0069d9!important;
    padding: 6px 27px !important;
    opacity: 50%;
}
.canned-cancel-button {
    border-radius: 5px!important;
    padding: 6px 27px !important;
    background-color: #eef1f5!important;
}
/*end canned response styles*/



/**** Start New CSS *****/


.btn-outline-primary {
    border-color: #046A38;
    color: #046A38;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #40b651;
    border-color: #40b651;
}

a:focus, a:hover {
    color: #78c479;
}

.btn-danger {
    background-color: red;
}
.modal-content label.form-control-label {
    margin-bottom: 10px;
}

.dashboard-widget h1, .dashboard-widget h2, .dashboard-widget h3, .dashboard-widget h4, .dashboard-widget h5, .dashboard-widget h6 {
    font-weight: bold;
}

.dashboard-widget p {
    color: #333333;
}
.dashboard-widget.widget .notification-list-item:first-child {
    padding-top: 0;
}
.dashboard-widget.widget .notification-list-item ul li i {
    font-size: 12px;
    margin-right: 10px;
    color: #3f8bb5;
}
.page-header.dashboard-page-header {
    padding: 0 10px 20px;
}

body .dashboard-widget.widget .select2-container span.selection {
    display: block;
}

body .dashboard-widget.widget select.select2-filter {

}

.dashboard-widget.widget .form-control-label {
    font-weight: 600;
}
.dashboard-widget.widget .notification-list-item {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

body .dashboard-widget.widget select {
    background: #ffffff;
    color: #000;
    border: 1px solid #ddd;
}
#page-title h2 {
    font-weight: bold;
}
.row.dashboard-row {
    display: flex;
    flex-wrap: wrap;
}
.dashboard-column {
    margin-bottom: 40px;
}

.dashboard-column .loading {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 200px 20px;
    font-weight: bold;
}
.dashboard-widget.widget {
    height: 100%;
    margin:0;
}

/**** test
.dashboard-widget.widget {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;

}
.dashboard-widget.widget  .widget-header, .dashboard-widget.widget .widget-body, .dashboard-widget.widget .widget-footer {
    flex: 0 0 100%;
}
.dashboard-widget.widget .widget-body {

}

****/

.dashboard-widget.widget.has-shadow {
    box-shadow: 0 1px 15px 1px rgba(52, 40, 104, .08);
}

.dashboard-widget.widget .widget-header {
    border-bottom: 1px solid #ddd;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    min-height: auto;
}
.dashboard-widget.widget .widget-header.task-tollbar > div {
    margin: 5px 0;
    display: flex;
    flex-wrap: wrap;
}
.comment-div, .task-comment {
    padding: 20px;
    border-radius: 10px;
}
.dashboard-widget.widget .widget-header h2 {
    color: #6D2077 !important;
    text-transform: capitalize;
}

.dashboard-widget.widget .widget-header  .btn i {
    font-size: inherit;
}
.dashboard-widget.widget .row.advance-search-result {
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
}
.dashboard-widget.widget .widget-body {
    padding:  20px;
}
.card-animate {
    background-color: transparent;
}
.dashboard-widget.widget .no-data {
    padding: 50px 20px;
    text-align: center;
}

.dashboard-widget.widget table.dataTable td.dataTables_empty {
    height: 55vh;
    vertical-align: middle;
    text-align: center !important;
}

.dashboard-widget.widget .no-data img {
    width: 100% !important;
    height: auto !important;
    max-width: 300px;
}

.dashboard-box {
    border: 1px solid #ddd;
    padding: 30px 20px;
    border-radius: 10px;
    height: 100%;
    background: #f9f9fa;
}
.dashboard-box-hover-light:hover {
    background: #fff;
}
.dasboard-avatar {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 100%;
}
.dasboard-avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dasboard-avatar .dasboard-avatar-status {
    position: absolute;
    bottom: 10px;
    right: 5px;
}

.dashboard-widget .timeline-content .username {
    font-weight: bold;
    color: #832f8d;
}


body .dashboard-widget .dataTables_wrapper {
    border: none;
    background: #ffffff;
    min-height: 250px;
}

.dashboard-widget-header-dropdown .dropdown-toggle::after {
    display: none;
}

.dashboard-widget-header-dropdown .dropdown-toggle {
    background: #fff;
    border: none;
    font-size: 20px;
    color: #185373;
}
.dashboard-widget-header-dropdown.show .dropdown-menu {
    margin: 0;
    padding: 0;
    z-index: 9;
}

.dashboard-widget-header-dropdown.show .dropdown-menu .dropdown-item {
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    font-weight: 500;
}
.dashboard-widget-header-dropdown.show .dropdown-menu .dropdown-item i {
    margin-right: 10px;
}
.dashboard-widget-header-dropdown.show .dropdown-menu .dropdown-item:hover {
    background: #d5ebfc;
}

.dashboard-widget-header-dropdown {
    display: none;
}



.dashboard-widget .dataTables_wrapper .dataTables_length, .dashboard-widget .dataTables_wrapper .dataTables_filter {
    background: #fff !important;
    padding: 15px;
    text-align: right;
}

body .dashboard-widget .dataTables_wrapper .dataTables_paginate, body .dashboard-widget .dataTables_wrapper .dataTables_info {
    background: #fff;
    padding: 15px;
}


.dashboard-widget .dataTables_wrapper .dataTables_processing {
    height: 100%;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 99;
    background: #ffffffba;
    margin-top: 0;
}
.dashboard-widget .table-loader {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.dashboard-widget .dataTables_wrapper .dataTables_processing img {
    width: 100px;
}

.dashboard-widget a:focus {
    text-decoration: none;
}

.dashboard-widget table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, .dashboard-widget table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    color: #6D2077;
}


body .dashboard-widget table.dataTable tbody th, body .dashboard-widget table.dataTable tbody td {
    border-bottom: none;
}



.dashboard-box .quick-actions .dropdown-menu {
    padding: 0;
}
.dashboard-box .quick-actions .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
    cursor: pointer;
}
.dashboard-box .quick-actions .dropdown-menu a i {
    font-size: 14px;
}


.dashboard-widget td.dtr-control .form-check {
    display: inline-block;
}


.dashboard-widget-header-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.dashboard-widget.widget .widget-header.dashboard-header-tab {
    display: flex;
    align-items: stretch;
    background: white !important;
    align-content: center;
    flex-wrap: nowrap;
}

.dashboard-widget.widget .widget-header.dashboard-header-tab .nav-tabs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: none;
}

.dashboard-widget.widget .widget-header.dashboard-header-tab .nav-tabs .nav-item {
    position: relative;
    flex: 1;
    text-align: center;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    max-width: fit-content;
}


.dashboard-widget.widget .widget-header.dashboard-header-tab .nav-tabs .nav-link {
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #333;
    border: none !important;
}

.dashboard-widget.widget .nav-tabs>li>a::after {
    display: none;
}

.dashboard-widget.widget .widget-header.dashboard-header-tab .nav-tabs .nav-link.active h2 {
    color: #3f8bb5 !important;
}

.dashboard-widget.widget .widget-header.dashboard-header-tab .nav-tabs .nav-link:hover h2 {
    color: #3f8bb5 !important;
}

div.dtr-modal div.dtr-modal-display {
    background: #fff !important;
}
div.dtr-modal div.dtr-modal-content h2 {
    margin-bottom: 20px;
}
div.dtr-modal div.dtr-modal-content h2 a {
    display: inline;
}
table.dtr-details {
    color: #333;
}
table.dtr-details tr:nth-child(1) {
    border-top: 0;
}
table.dtr-details tr {
    border-top: 1px solid #ddd;
}
table.dtr-details tr {
    text-align: left !important;
}
table.dtr-details tr td {
    padding: 10px;
    display: inline-block;
}
div.dtr-modal div.dtr-modal-close {
    right: 20px;
    top: 0px;
}

.dtfh-floatingparent.dtfh-floatingparenthead {
    z-index: 9 !important;
}


div#WaveEffect {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.task-item .task-content-wrapper {
    margin-bottom: 0px;
}
.task-item .task-content-wrapper .inline-image {
    margin-right: 20px;
    margin-bottom: 20px;
}
.task-item .task-header span.task-sub-title {
    display: inline;
}

.task-item .task-header {
    padding-bottom: 20px;
}
.task-item .content-text {
    margin-bottom: 20px;
    white-space: normal;
    word-break: break-word;
}

.btn_rtsComment {
    margin-left: 10px;
}

.task-trend-container {
    padding: 30px 30px;
}

.dashboard-widget.widget .widget-header.task-tollbar > div.row {
    margin-left: auto;
}
.dashboard-widget.widget .widget-header.task-tollbar .btn {
    margin: 5px;
}

.select-tag-display .tag {
    margin: 0 5px 10px;
    font-size: 14px;
}
.select-tag-display .tag .tag-item {
    padding: 3px 10px;
}

.select-tag-display .tag .deleteTagBtn {
    padding: 3px 10px;
    font-weight: bold;
}

body .rep_mob_tab > li.active > a.tab_bg_icon, .rep_mob_tab > li.active > div > a.tab_bg_icon {
    background: #812e8c !important;
}
body .rep_mob_tab > li.active {
    background: rgb(95 188 98);
}

.widget .widget-header .btn {
    word-wrap: break-word;
    white-space: normal;
}


.message-toolbar .message-toolbar-item {
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 10px 10px 0px 0px;
    font-weight: 500;
}
.message-toolbar .message-toolbar-item:hover {
    background: #ddd;
}
.message-toolbar-icon {
    width: 35px;
    padding: 5px;
    transition: all 0.5s;
}
.message-toolbar .message-toolbar-item .message-toolbar-icon {
    display: none;
}


/* to remove */
.compare-select-container .kw-date-picker {
    margin: 10px 5px;
}
/* to remove */

/*
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #d1e9fb !important;
}
.select2-container--default .select2-results__option:hover {
    background-color: #5897fb !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #000 !important;
}

*/

#sidebar {
    width: 100%;
    flex: 0 0 100%;
    padding:0;
}
#calendar .fc-day-grid-event {
    padding: 10px;
}
#calendar .fc-day-grid-event > div > img {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    margin-bottom: 10px !important;
}
#calendar .fc-day-grid-event > div > div {
    padding: 0;
    float: none !important;
    margin: 0 !important;
}


.page-header h2 {
    font-weight: bold;
}
.dashboard-widget.widget .widget-header span.mt-2 {
    color: #98a8b4;
}


.dashboard-box.dashboard-box-connected * {
    color: #fff !important;
}
.dashboard-box.dashboard-box-connected i {
    background: inherit !important;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
}
.dashboard-box.dashboard-box-connected .btn:hover {
    color: #000 !important;
}

.dashboard-box.daboard-box-facebook {
    background: #3b5998;
}
.dashboard-box.daboard-box-twitter {
    background: #00b6ff;
}
.dashboard-box.daboard-box-instagram {
    background: #F3B151;
    background: linear-gradient(to top right, #F3B151 0%, #9C34B2 100%);
}
.dashboard-box.daboard-box-instagram {
    background: #F3B151;
    background: linear-gradient(to top right, #F3B151 0%, #9C34B2 100%);
}
.dashboard-box.daboard-box-google {
    background: #e94235;
}
.dashboard-box.daboard-box-linkedin  {
    background: #0077b5;
}


.dashboard-box.dashboard-box-connected .quick-actions .dropdown-menu .dropdown-item, .dashboard-box.dashboard-box-connected .quick-actions .dropdown-menu .dropdown-item i {
    color:#000 !important;
}



@media (min-width: 1920px) {

    .col-xll-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }


}


@media only screen and (min-width: 992px) {

    #sidebar {
        max-width: 250px;
        padding: 0;
        flex: 0 0 250px;
        width: 100%;
    }
    #sidebar-content {
        min-height: 100vh;
        flex: 1;
        overflow: auto;
    }

}
@media only screen and (min-width: 1200px) {



    .content-inner.active #widget-users {
        width: 100%;
        flex: 0 0 70%;
        max-width: 100%;
    }
    .content-inner.active  #widget-user_activity {
        width: 30%;
        flex: 0 0 30%;
        max-width: 100%;
    }

    #widget-users {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #widget-user_activity {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


}


@media only screen and (min-width: 1400px) {



    #widget-users {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #widget-user_activity {
        width: 30%;
        flex: 0 0 30%;
    }


}


@media only screen and (max-width: 1200px) {

    .dashboard-widget-header-button {
        display: none;
    }
    .dashboard-widget-header-dropdown {
        display: flex;
        z-index: 91;
    }

    .fc-day-grid-event > div > div {
        font-size: 10px;
    }


}

@media only screen and (max-width: 992px) {

    .widget .widget-header .toggle {
        margin: 5px;
    }
    .widget .widget-header .btn {
        margin: 0;
    }

    .container-fluid .container-fluid {
        padding: 15px 0;
    }

    .message-toolbar .message-toolbar-item .message-toolbar-icon {
        display: block;
    }

    .message-toolbar .message-toolbar-item {
        font-size: 0;
        padding: 5px 10px;
    }

}

@media only screen and (max-width: 768px) {


    body .bor_cen > ul.geo_tab_top {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    body .geo_tab_top li {
        flex: 0 0 33.33%;
    }




    .task-item {
        display: flex;
        flex-wrap: wrap;
    }
    .checkbox-wrapper {
        padding: 20px 10px 0 20px !important;
    }
    .time-wrapper {
        max-width: 200px;
        /* width: 100%; */
        /* flex: 0 0 100%; */
        text-align: left;
        padding: 15px 10px 0 20px !important;
    }
    .task-item .task-container {
        padding: 20px !important;
    }
    .task-minimal .task-item .task-container {
        padding: 0 !important;
    }

    .task-trend-container {
        padding: 20px;
    }



    .task-header span.task-sub-title {
        font-size: 18px;
    }


    .checkbox-wrapper.show {
        display: inline-block;
    }


    body .dashboard-widget .dataTables_wrapper .dataTables_info {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
    }
    .dashboard-widget .dataTables_wrapper .dataTables_length {
        float: left;
    }

}

@media only screen and (max-width: 576px) {


    .dashboard-widget .dataTables_wrapper .dataTables_length, .dashboard-widget .dataTables_wrapper .dataTables_filter {
        width: 100%;
        text-align: center;
        float: none;
        display: flex;
        flex-wrap: wrap;
    }

    .dashboard-widget .dataTables_wrapper .dataTables_length {
        padding-bottom: 0;
    }
    body .dashboard-widget .dataTables_wrapper label {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding-right: 10px;
    }
    body .dashboard-widget .dataTables_wrapper .dataTables_filter input {
        flex: 1;
    }

    .dashboard-widget .dataTables_wrapper .dataTables_filter > form {
        width: 100%;
    }
    .dashboard-widget .dataTables_wrapper .dataTables_filter > label {
        width: 100%;
    }

    .task-content-wrapper .inline-image {
        margin: 0 auto 20px;
        display: block;
        float: none;
        max-width: 100%;
    }


    .task-header span.task-sub-title {
        font-size: 16px;
    }

    .chat #sidebar.map-search-sidebar {
        max-height: 340px;
    }




}


@media only screen and (max-width: 480px) {


    body  .geo_tab_top li {
        flex: 0 0 100%;
    }


    .widget-header-left {
        width: 100%;
    }
    .widget-header-right {
        margin: 15px auto;
    }
    .dashboard-widget.widget .widget-header.task-tollbar > div {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }



}


@media only screen and (max-width: 353px) {

    .brand-image.brand-sm img.logo-sm {
        width: 80px;
    }


    header.header nav.navbar {
        height: 90px;
    }

    .default-sidebar>.side-navbar {
        height: 90px;
    }
}

.post-loading-overlay, #thread-list-overlay {
    background: rgba(100, 100, 100, 0.75);
    /* Semi-transparent overlay */
    position: absolute;
    color: white;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    /* Centers content vertically */
    justify-content: center;
    /* Centers content horizontally */
    z-index: 10;
    /* Put the div on top */
    flex-direction: column;
    /* stack the image and the text vertically */
    text-align: center;
    /* center align the text */
}

.loader-image,
.loader-text {
    width: 100%;
    /* make sure both divs take the full width */
}


#filterbutton.disabled {
    pointer-events: none;
    color: gray;
    cursor: not-allowed;
}

body #sidebar table.dataTable td:first-child {
    width: 50px;
    min-width: 50px;
}
#sidebar-content #sidebar {
	overflow-x: scroll;
}
#sidebar-content #sidebar::-webkit-scrollbar {
	display: none;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
#sidebar-btn {
    margin: 0;
    background: #f8f9fa;
    border-bottom: 1px solid #ddd;
}
.chat #sidebar #sidebar-btn a {
    color: #6d2077 !important;
    font-weight: bold;
    padding: 14px 0px;
}
.chat #sidebar #sidebar-btn a:hover {
    background: #6d2077;
    color: #fff !important;
    cursor: pointer;
}
.chat #sidebar #sidebar-btn a i {
    color: #6d2077 !important;
	font-size:inherit !important;
}
.chat #sidebar #sidebar-btn a:hover i {
    color: #fff !important;
}
.chat #sidebar #sidebar-btn a:nth-child(1) {
    border-right: 1px solid #ddd;
}

/**** End New CSS *****/


.bg-gradient-01 {
    background: #762988;
    background: linear-gradient(135deg, #9e3b96 0%, #762988 80%) !important;
}
.bg-gradient-02 {
    background: #009bdb;
    background: linear-gradient(135deg, #359cd0 0%, #264097 80%) !important;
}
.bg-gradient-03 {
    background: #3eb651;
    background: linear-gradient(135deg, #97cf96 0%, #3eb651 80%) !important;
}
.bg-gradient-04 {
    background: #d7b816;
    background: linear-gradient(135deg, #fbd50d 0%, #d7b816 100%) !important;
}
.bg-gradient-05 {
    background: #c12576;
    background: linear-gradient(135deg, #eb2d90 0%, #c12576 80%) !important;
}
.bg-gradient-06 {
    background: #bd2c07;
    background: linear-gradient(135deg, #ff3500 0%, #bd2c07 65%) !important;
}
.bg-gradient-07 {
    background: #03b98b;
    background: linear-gradient(135deg, #00ffbf 0%, #03b98b 65%) !important;
}