/*** start new ***/


h2, .h2 {
    font-size: 18px;
    font-weight: 500;
}



.btn-primary {
    background-color: #3f8bb5;
    border-color: #3f8bb5;
}

.edit-actions a:hover {
    color: #3f8bb5;
}
.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;
}



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

.dashboard-widget.widget {
    height: 100%;
    margin: 0;
    border: 1px solid #bfbfbf;
}
.dashboard-widget.widget {
    height: 100%;
    margin: 0;
}


.nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: -2px;
    z-index: 9;
}
.nav-tabs .nav-item {
    flex: none;
}

div#tabb-content-invites {
    margin-bottom: 50px;
}

/*** start header ***/

a {
    color: #5290bf;
}
a:hover {
    color: #144f6f;
}


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 ***/




.timeline-wrap .timeline-item {
    border-left: 5px solid #e7e7e7;
    padding-left: 30px;
    padding-bottom: 50px;
    position: relative;
}
.timeline-wrap .timeline-item:last-child {
    border-left: 5px solid #fff;
}
.timeline-wrap .timeline-item:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: #3f8bb5;
    border-radius: 100%;
    left: -12px;
}

.btn-light i {
    color: #3f8bb5 !important;
}

.chat #sidebar a.btn-light:hover, .chat #sidebar a.btn-light:hover i {
    color: #fff !important;
}

.chat #sidebar .chat-profile-img {
    background: #eaf5fd;
}
.avatar-initial {
    color: #3f8bb5;
}
#secondary-sidebar .badge {
    background: #3f8bb5;
    font-size: 14px;
    border-radius: 10px;
}
#secondary-sidebar .active .nav-header a .badge, #secondary-sidebar .list-unstyled .indented:hover a .badge {
    background: #fff;
    color: #3f8bb5;
}

.message-badge-new {
    background: #1bbe2d;
    border-color: #1bbe2d;
}


.chat-filter-select.bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .chat-filter-select .btn-primary:not(:disabled):not(.disabled):active, .chat-filter-select .btn-primary:not(:disabled):not(.disabled).active, .chat-filter-select.show>.btn-primary.dropdown-toggle, .chat-filter-select .btn-primary, .chat-filter-select .btn-primary:focus, .chat-filter-select .btn-primary:focus-visible  {
     background:#ffffff !important;
    padding: 0 !important;
    border:0 !important;
    color:#000000;
}



#chat-filter-select .btn-light {
    color: #000 !important;
    font-size: 13px;
    background: #eaf5fd;
    border: 0;
}
#chat-filter-select .btn-primary {
    color: #3f8bb5;
    font-size: inherit;
    font-weight: bold;
    text-transform: uppercase;
}


.sidebar-user-profile-details {
    word-break: break-all;
}



.nav-left.nav-tabs {
    padding: 0;
}
body .widget-header h2 i {
    color: #3f8bb5;
}


.dashboard-widget.widget.negative-feedback {
    border: 1px solid #ff0000;
}


.chat #sidebar a.btn.btn-light {
    background: #eaf5fd;
    border: 2px solid #3f8bb5;
    color: #3f8bb5;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold !important;
    border-radius: 10px;
}





/*** start sidebar ***/

body .default-sidebar {
    background: #ffffff;
    border-right: 1px solid #ddd;
    z-index: 99;
    height: 100%;
}

.chat #sidebar {
    background: #eaf5fd;
}
.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 #5290bf;
    background: #eaf5fd;
}
.default-sidebar>.side-navbar.shrinked ul.list-unstyled li a:hover {
    border-left: 5px solid #5290bf;
}
.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: 18px !important;
    margin-right: 10px;
}
.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: #5290bf;
}
.default-sidebar>.side-navbar ul a:hover i, .default-sidebar>.side-navbar ul a:hover span {
    color: #5290bf;
}
#secondary-sidebar {
    box-shadow: none;
}

.chat #sidebar a {
    color: #000000;
}
#secondary-sidebar .active a {
    color: #5290bf !important;
}
.chat .friend-list .list-group-item.active, .chat .friend-list .list-group-item:hover {
    box-shadow: none;
    border-left: 5px solid #5290bf;
}
.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;
}
.default-sidebar>.side-navbar.shrinked .navbar-header {
    padding: 0 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: #f1f1f1 !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;
}

.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: #0085ca;
}

.elisyam-overlay.overlay-01 {
    background: linear-gradient(120deg,rgb(0 172 212 / 28%) 0%,rgb(13 37 50) 100%);
}
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: #ebeff2;
}
.page-header-title.text-gradient-01 {
    color: #144f6f;
    background: transparent;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: #144f6f;
    font-size: 2rem;
    padding: 10px 0;
}
.page-header {
    /* padding: 20px 20px 20px 0px; */
}


.breadcrumb li.breadcrumb-item {
    color: #144f6f  !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: 800px;
    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: #185373 !important;
    font-weight: 600;
    font-size: 1.2rem;
}
/** start widget **/






/** start table **/


.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_length {
    background: #eaf5fd    !important;
    color: #000 !important;
}
body .dataTables_wrapper label {
    color: #206da8 !important;
    font-weight: 600;
}
body .dataTables_length select {
    background: white !important;
    color: #206db0 !important;
    border: 1px solid #206db0 !important;
}

body .dataTables_wrapper {
    background: #eaf5fd;
}
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;
    color: #206da8;
    font-size: 0.9rem;
    border: 1px solid #c7e6ff  !important;
}
body table.dataTable thead th {
    padding: 10px 10px !important;
    font-size: 12px;
}
body .dataTables_wrapper .dataTables_paginate, body .dataTables_wrapper .dataTables_info {
    background: #eaf5fd;
    font-size: 1rem;
    color: #206da8;
}

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: #206da8!important;
    width: auto;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    background-image: url(/assets/img/arrow-left.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.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: #206da82e;
    color: #206da8!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: #206da8!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: #206da8 !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 {
    background: #eaf5fd !important;
}
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 #206da8;
}
body .dataTables_wrapper .dataTables_filter input:focus  {
    color: #206da8;
    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;
}



/** 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: #3f8bb5;
    color: #fff;
}
.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 {
    color: #fff !important;
}





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




/** start buttons **/
.btn-primary i {
    font-size: inherit;
}
.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: #185373;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.rt-widget-header h3 {
    color: #185373 !important;
    font-weight: 600;
    font-size: 1.2rem;
}



/**** 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: #1d709f;
    background: linear-gradient(to right, #00add4 0%, #1978a6 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: bold;
    padding: 10px 30px;
}

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;
}

/*** edited *****/



/*** start chat ****/

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

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

#chatbox-inbox a {
    color: #000;
    text-decoration: none;
}


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

.nav-tabs .nav-link.active {
    background-color: #ffffff !important;
    color: #5290bf !important;
    border-color: #5290bf !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;
    border: 0;
}
.dashboard-widget-header-tabs .nav-tabs .nav-item .nav-link.active {
    border-color: #fff !important;
    background: #3f8bb5  !important;
    color: #fff !important;
        border-radius: 10px;
}
.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;
        background: #fff;
            overflow: hidden;
                margin-bottom: 20px;
}


select#notification_type {
    background: #fff;
    color: #000;
}

#chat-tabs li .nav-link.active {
    font-weight: bold;
    color: #000 !important;
}



.chat-header-avatar .avatar-initial {
    background: #eaf5fd;
    color: #3f8bb5;
}


.chat .message-4 .card-body, .chat .message-13 .card-body {
    background: #3f8bb5;
    color: #fff;
}


#secondary-sidebar .list-unstyled .indented span {
    color: #fff;
    background: #3f8bb5;
}

#secondary-sidebar .list-group-item.active span, #secondary-sidebar .list-group-item:hover span {
    background: #fff;
    color: #3f8bb5;
}   

#secondary-sidebar .active a span, #secondary-sidebar .active a i span {
    background: #fff;
    color: #3f8bb5;
}
     body .dashboard-widget-header-tabs .nav-tabs .nav-item a i {
        font-size:0;
        color: #000;
    }
      body .dashboard-widget-header-tabs .nav-tabs .nav-item a.active i {
        color: #fff;
    }


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

#chat-user-list-ul .list-group-item {
    border-bottom: 1px solid #ddd;
    padding: 30px 10px;
}

.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 ****/


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


body #filter_without_console {
    color: #206da8;
}


.dashboard-widget.widget .widget-header.widget-header-tabs {
    padding: 0;
}
.dashboard-widget.widget .widget-header-tabs h2 {
    padding: 20px;
}
.dashboard-widget.widget .widget-header-tabs .nav-link {
    padding: 20px;
    font-weight: bold;
    cursor: pointer;
    font-size: inherit;
}
.dashboard-widget.widget .widget-header-tabs .nav-link i {
    font-size: inherit;
    color: #333;
}


/*** end account ***/





 .col-xxl, .col-xxl-auto, .col-xxl-12, .col-xxl-9,  .col-xxl-8, .col-xxl-6,  .col-xxl-4, .col-xxl-3 {
        position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
 }




/*** start mobile ****/




@media (min-width: 1920px) {


    .col-xxl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

     .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

      .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xxl-9 {
       -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
     .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }


}




@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;
    }




}
@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: 5px 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: 120px;
    }
    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;
    }
}
@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;
    }
}


@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: #bb5454;
    color: #fff!important;
    border-color: #7e0f0f;
}
.watch-tutorial, .watch-tutorial-dashboard {
    border: 1px #bb5454 solid;
    background: #fdeaea;
    color: #bb5454 !important;
    border-left: 10px #bb5454 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: #3f8bb5;
}


a:focus, a:hover {
    color: inherit;
}

.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 {

}




.disable {
    filter: grayscale(1);
    cursor: auto;
    pointer-events: none;
}
.bootstrap-select .dropdown-menu li {
    border-bottom: 1px solid #ddd;
}
.bootstrap-select .dropdown-menu li a.dropdown-item {
    padding: 10px 20px;
}
.bootstrap-select .dropdown-menu.inner li.selected {
    background: #eaf5fd;
}
.bootstrap-select .dropdown-menu {
    padding: 0;
}
.task-comment-wrapper {
    margin-left: 0;
    margin-bottom: 30px;
    border: 1px solid #ddd;
    padding: 30px;
    background: #f3f3f3;
}



.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;
        padding: 10px;
}

.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;
}

.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 h2 {
    color: #185373 !important;
}

.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;
}

.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: cover;
}

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

.dashboard-widget .timeline-content .username {
    font-weight: bold;
}


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;
    line-height: 0;
}
.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-header-dropdown.d-flex {
    display: flex;
}


.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: #3f8bb5;
}


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

.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-header-button .btn {
    margin-right: 10px;
}
.dashboard-widget-header-button .btn:last-child {
    margin-right: 0;
}


.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;
}


.dashboard-widget.widget.widget-disable {
    filter: grayscale(1);
    pointer-events: none;
    cursor: default;
}


:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}


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

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;

    }

    .col-xxl-2 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }


}

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



    .content-inner.active #widget-users {
        width: 100%;
        flex: 0 0 100%;
        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;
    }


}


@media only screen and (max-width: 992px) {
    #secondary-sidebar button.navbar-toggler {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
}

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


    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%;
    }


}




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


.avatar-container {
    position: relative;
}
.source small {
    position: absolute;
    top: -13px;
    right: -5px;
    font-size: 0;
    background: #ffd8db;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #dc3545;
}

.chat .source small img {
    padding: 5px;
}


.source small.source-chat {
    background: #fff4f5;
    border: 1px solid #dc3545;
}
.source small.source-text {
    border-color: #5cb85c;
    background: #f5fff5 ;
}
.source small.source-form {
    background: #f1fbff;
    border: 1px solid #00aeef;
}

.source small.source-rtr {
    background: #fff2e4;
    border: 1px solid #eb7c05;
}



#chat-user-list-ul .list-group-item.source-chat {
    background: #fff4f5 !important;
    border-left-color: #dc3545;
}
#chat-user-list-ul .list-group-item.source-text {
    background: #f5fff5  !important;
    border-left-color: #5cb85c;
}
#chat-user-list-ul .list-group-item.source-form {
    background: #f1fbff !important;
    border-left-color: #00aeef;
}

#chat-user-list-ul .list-group-item.source-rtr {
    background: #fff8f0 !important;
    border-left-color: #eb7c05;
}

.media > .avatar-container .user-img {
    border-radius: 0 !important;
    margin-bottom: 10px;
}


nav#secondary-sidebar {
    background: #eaf5fd !important;
}



#secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle {
    /* border-bottom: 1px solid #ddd; */
}
#secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle.with-dropdown {
    padding: 0;
}
.chat #sidebar a {
    color: #000000;
    text-decoration: none;
        width: 100%;
}
.chat #sidebar a.btn-light:hover, .chat #sidebar a.btn-light:hover i {
    color: #fff !important;
}
.chat #sidebar .media .media-body {
    width: 100%;
}
.chat #sidebar .media .media-body a {
    width: 100%;
}
.chat #sidebar .media a {
    color: #000000;
    text-decoration: none;
        width: 100%;
}
.chat #sidebar .media a {
    width: auto;
}
#secondary-sidebar .active a {
    color: #6D2077  !important;
}

#secondary-sidebar .list-group-item.active, #secondary-sidebar .list-group-item:hover {
    border-left: 5px solid #3f8bb5 !important;
    background: #3f8bb5;
}
#secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle  span.nav-header  {
 border-left: 5px solid #fff !important;
}
#secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle.active span.nav-header, #secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle span.nav-header:hover {
    border-left: 5px solid #3f8bb5 !important;
    background: #3f8bb5;
}
#secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle.with-dropdown li.active, #secondary-sidebar ul.navbar-nav.w-100 li.nav-toggle.with-dropdown li:hover {
    border-left: 5px solid #f8f3f8  !important;
}
#secondary-sidebar .list-unstyled .indented a {
    color: #000 !important;
}
#secondary-sidebar .list-unstyled .indented a i {
    color: #828b96 !important;
}
#secondary-sidebar .list-unstyled .indented:hover a, #secondary-sidebar .list-unstyled .indented:hover a i {
    color: #fff !important;
}
#secondary-sidebar .list-group-item {
    background: #eaf5fd;
    border-left: 5px solid #eaf5fd !important;
    padding: 12px 20px;
    border: 0;
}

#secondary-sidebar .filter.separator
 {
    border-top: 1px solid #ddd;
    position: relative;
}
#secondary-sidebar .list-unstyled .indented {
    padding-left: 40px;
}
#secondary-sidebar .active a, #secondary-sidebar .active a i {
    color: #ffffff  !important;
}
#secondary-sidebar a:hover, #secondary-sidebar .list-group-item:hover i {
    color: #ffffff  !important;
}
#secondary-sidebar ul.navbar-nav li.nav-toggle > .nav-header, #secondary-sidebar ul.navbar-nav li.nav-toggle > .nav-header
 {
    font-weight: bold;
    display: block;
    padding: 10px 20px 10px;
    position: relative;
}