@charset "UTF-8";

.custom-welcome-page .header-brand img {
	margin-top: 5px;
}

.custom-welcome-page .kind_hdr_innr_left {
	display: inline-block;
}

.kind_side_loggd_usr_hdr .avatar {
    margin: 0px;
    display: block;
    float: left;
  }

.sidebar-conatnier .account-link {
	display: flex;
}

.sidebar-conatnier .account-link .personal-account {
	margin-right: 10px;
}

.sidebar-conatnier .your-dashboard {
	text-align: center;
    margin-top: 25px;
}

.section .section-list .items {
    display: flex;
    flex-wrap: wrap;
}

.section section-list .items .box {
    padding: 15px;
}

.section .section-list .items .box .title{
    text-align: center;
}

.section .section-list .items .box .image{
    border: 2px solid #f0f2f5;
}

.kindilly-acts-section [data-tab-info] {
  display: none;
}

.kindilly-acts-section .active[data-tab-info] {
  display: block;
}

.kindilly-acts-section .kindilly-type-content .total-kindilly-acts {
    text-align: center;
}

.kindilly-acts-section .choose-acts-kindness-section .title {
    text-align: center;
}

.kindilly-acts-section .choose-acts-kindness-section .text-line {
    text-align: center;
}

.kindilly-acts-section .choose-acts-kindness-section .acts-of-kindness-list .act-box .item {
	border: 1px solid black;
    text-align: center;
    background: #ffff;
  	padding: 15px;
  	cursor: pointer;
}

.kindilly-type-content .quote-act-kindness-form .quote-lists li {
	padding: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}

.kindilly-type-content .quote-act-kindness-form .quote-lists li.quote-item.active {
	border: 2px solid #03cdef;
}

.kindilly-type-content .quote-act-kindness-form .quote-lists li .send-btn {
	float: right;
	display: none;
}

.kindilly-type-content .quote-act-kindness-form .quote-lists li .send-btn.show {
	display: block;
}
#kindilly-status-levels-modal .modal-dialog {
	width: auto;
}
.acts-of-kindness-list .donation-lists {
display: flex;
}
.donation-lists .donation-box {
    border: 1px solid black;
    text-align: center;
    background: #ffff;
    padding: 15px;
    cursor: pointer;
margin-right: 25px;
}
.image-acts-list .image-act-image img {
    width: 100px;
    height: 100px;
}

.kindilly-acts-section #dollars_tab .choose-acts-kindness-section {
	text-align: center;
}

.kindilly-acts-section #dollars_tab .dollars-send-content {
	display: inline-flex;
}

#unluckybox-modal .unluckybox {
    text-align: center;
}
.account-link .personal-account.active {
	text-decoration: underline;
}

.account-link .business-account.active {
	text-decoration: underline;
}

#spin-wheel-modal .container {
    width: 90%;
    max-width: 34.37rem;
    margin-top: 3rem;
    max-height: 90vh;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    padding: 3rem; 
    border-radius: 1rem;
}
#spin-wheel-modal .wheel_box {
    position: relative;
    width: 100%;
    height: 100%;
}
#spin-wheel-modal #spinWheel {
    max-height: inherit;
    width: inherit;
    transform: rotate(270deg);
}
#spin-wheel-modal #spin_btn {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    height: 26%;
    width: 26%;
    border-radius: 50%;
    cursor: pointer;
    border: 0;
    background: var(--spin_background);
    color: var(--white_color);
    text-transform: uppercase;
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    font-weight: 600;
}
#spin-wheel-modal .fa-solid {
    position: absolute;
    top: -8%;
    left: 43.7%;
    font-size: 4rem;
    color: var(--green_color);
    transform: rotate(-225deg);
}
#spin-wheel-modal #text {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 1.5rem;
    color: var(--gold_color);
    font-weight: 500;
}

.kind-dollar-item.box img {
    max-width: 115px;
}

.choose-acts-kindness-section .dollars-send-content img {
    max-width: 115px;
}
.text-light{
    color: white;
}
.fav-contacts{
    border-right: 1px solid white;
}
.messages-recipients-list .msg_rght_prt .msg-body .message-act .descr {
    display: inline-block;
}

/* General styles for the tooltip */
.tooltip-content {
    display: none;
    position: absolute;
    top: 120%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 999;
}
.tooltip-content.active {
    display: block;
}

.cs-stant-img {
    position: relative;
}

/* mmm */
td.center-badge {
    display: flex;
    justify-content: center;
    padding: 15.4px !important;
}
span.custom-badge {
    padding: 5px 15px;
    font-size: 12px;
}
/* mmm */
/* Show tooltip on hover for desktop */
@media (min-width: 768px) {
    .tooltip-trigger:hover + .tooltip-content {
        display: block;
    }
}

/* Show tooltip on click for mobile */
@media (max-width: 767px) {
    .tooltip-trigger:focus + .tooltip-content,
    .tooltip-trigger:active + .tooltip-content {
        display: block;
    }
}
:root {
	--plyr-color-main: #ffffff;
    --site-color: #004b83;
    --secondary-site-color: #02c9f2;
    --secondary-color:#004b83;
    --text-header-color:#004b83;
    --light-secondary-site-color: #02c9f220;
}

.kill_follow_btn {
    background: #02c9f2 !important;
}
.kind_htag .htag_top {
    color:  #02c9f2 !important;
}
.kill_follow_btn:hover {
    background: #ffffff !important;
}
.publisher-box .publisher-hidden-option #progress .progress, .publisher-box .publisher-hidden-option #percent, .kill_new_wallet .kind_mini_wallets h5 {
	color: #ffffff;
}
.navbar-default {
    background: #004b83;
}
.round-check input[type="checkbox"]:checked + label:before, .round-check input[type="radio"]:checked + label:before {
    background: #ffffff !important;
}
.group-messages-wrapper a{
    color: #ffffff !important;
}
ul.profile-completion-bar li.completion-bar div.completion-bar-status {
    background: #ffffff !important;
}
/*.kind_srch_innr_filtr .round_check input:checked+label {
  background: #ffffff !important;
  color: #ecebec !important;
}*/
.result-bar {
    background: #ffffff !important;
}
.lang_select_modal .language_info {
    background: #ffffff}
.lang_select_modal .language_info h3 {
	color: #ecebec;
}
.avtive {
    border-color: #ffffff !important;
}
.new-update-alert {
    background: #02c9f2;
	color: #ecebec;
}
#kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon .btn_contr {
	background: #ffffff;
	color: #ecebec;
}
#kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn {
	color: #ecebec;
}
#kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .inner-addon button.btn:hover {
	background: #02c9f2;
}

.green-audio-player svg path {
	fill: #ffffff;
}
.green-audio-player .slider .gap-progress, .green-audio-player .slider .gap-progress .pin {
	background-color: #ffffff !important;
}

.add_as_cont_list label input:checked+div {
    background-color: #ffffff;
    color: #ecebec;
}
.left-sidebar ul li a i {
    color: #ffffff !important;
}
.cs-loader-inner, .main  {
    color: #ffffff;
}
.login input:focus, ul.profile-completion-bar li.completion-bar div.completion-bar-wrapper, .edit_grp_info_modal input.form-control:not(textarea):focus, .verfy_sett_email_phone input.form-control:not(textarea):focus {
    border-color: #ffffff !important;
}
.login:not(.loading) button:hover {
    background: #02c9f2 !important;
    color: #ecebec;
}
.kill_setting_sidebar ul .list-group-item{
    background: #ffffff !important;
}
.kill_setting_sidebar ul .list-group-item a{
    color: #ecebec;
}
#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle{
    border-color: #ffffff;
}
#search-nearby-users .nearby-users-relationship-collapse li.active .friends_toggle:after{
    background: #ffffff;
}
.kill_page_hdng_menu > ul li.active a {
    box-shadow: inset 0px -2.5px #ffffff;
}
.login button, .postCategory h5, .kill_search_page .nav-tabs li.active a {
    background: #ffffff !important;
    color: #ecebec !important;
}
.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    background-color: #ffffff !important;
    background: #ffffff !important;
    background-image: #ffffff !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #004b83 !important;
    background-color: #333333 !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .nav-names li:hover {
    color: #004b83 !important;
    background-color: #333333 !important;
}
body { background-color: #ffffff; }
.navbar-default .navbar-nav>li>a { color: white; }
a.unread-update { color: #004b83 !important; }
.btn-main {
    color: #ecebec;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-main:hover {
    color: #7420b7;
    background-color: #02c9f2;
    border-color: #02c9f2;
}
.kind_pops_head {
    background: #02c9f2;
}
.btn-main:focus {
	color: #7420b7;
}
.active-wonder {
    color: #ffffff;
}
.admin-panel .col-md-9 .list-group-item:first-child, .setting-panel .col-md-8 .list-group-item:first-child, .profile-lists .list-group-item:first-child, .col-md-8 .list-group-item:first-child, .col-md-3.custom .list-group-item:first-child, .col-sm-4 .list-group-item:first-child, .col-md-7 .list-group-item:first-child, .col-md-9 .list-group-item:first-child, .red-list .list-group-item:first-child, .active.list-group-item:first-child {
     color: #444;
     background-color: #fcfcfc;
     border-bottom: 1px solid #f1f1f1;
     padding: 18px;
}
.admin-panel .col-md-9 .list-group-item:first-child a, .setting-panel .col-md-8 .list-group-item:first-child a, .profile-lists .list-group-item:first-child a, .col-md-8 .list-group-item:first-child a, .col-md-7 .list-group-item:first-child a, .active.list-group-item:first-child a {
    color: #444 !important;
}
.list-group-item.black-list.active-list, .red-list.active-list {
    color: #ecebec;
    background-color: #ffffff;
}
.list-group-item.black-list {
    background: #ffffff;
}
.profile-top-line {
    background-color: #ffffff;
}
#bar {
    background-color: #ffffff;
}
.list-group-item.black-list a{
    color: #ecebec;
}
.list-group-item.black-list.active-list a{
    color: #ffffff;
}
.main-color, .small-text a {
    color: #ffffff !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ecebec;
    cursor: default;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: transparent
}
.btn-active {
    color: #ecebec;
    background: #ffffff;
    outline: none;
    border: 1px solid #ffffff}
.btn-active:hover, .btn-active:focus {
    border: 1px solid #02c9f2;
    color: #7420b7;
    background: #02c9f2;
}
.btn-active-color:hover {
    background: #02c9f2;
}

.chat-tab .chat-textarea .chat-btns-w .chat_optns {
    color: #ffffff;
    fill: #ffffff;
}

.profile-style .user-follow-button button.btn-active, .btn-login, .btn-register {
    background: #ffffff;
    color: #ecebec;
}
.profile-style .user-follow-button button.btn-active:hover, .btn-login:hover, .btn-login:focus, .btn-register:hover, .btn-register:focus {
    color: #7420b7;
    background: #02c9f2;
}
.panel-login>.panel-heading a.active {
    color: #ffffff;
    font-size: 18px;
}
.hash {
    color: #ffffff;
}
.message-text .hash {
    color: #fff !important;
}
.search-container .search-input {
    color: #004b83 !important;
    background: #8c3ccb !important;
}
.chat-messages-wrapper .outgoing .message-text {
    background: #ffffff;
    color: #ecebec;
}
.normal-container {
    width: 100%;
    height: 100%;
    margin-top: 15px;
}
.active.fa-thumbs-up {
    color: #ffffff;
}
.api-ex-urls {
    background-color: #ffffff; color: #ecebec;
}
.user-username {
    color: #ffffff;
}
.upload-image {
    border: 3px dashed #ffffff;
}
.events-tab-list li { background-color: #ffffff; }
.events-tab-list li:hover { background-color: #ffffff; }
.active-e-tab { background-color: #ffffff !important; }
.main { color: #ffffff !important; }
.events-list-dropup-menu ul li a:hover { background: #ffffff; }
.usr-offline { color: #ffffff; }
.blog-dd-ul li span:hover, .blog-dd-ul li a:hover { background: #ffffff !important; }
.blog_publ {background: #ffffff ; border: 1px solid #ffffff ; }
.slide-film-desc:hover, .movies-top-breadcrumb li:hover, .movies-top-breadcrumb li a:hover{
    color: #ffffff !important;
}
.movies h3.latest-movies, h3.recommended-movies {
    border-left: 3px solid  #ffffff;
}

.kill_user_profile .user-bottom-nav li .menuactive {
    border-bottom: 2px solid #ffffff;
    color:#ffffff;
}
.ads-navbar-wrapper ul li a.active {
	border-color: #ffffff;
}
.ads_mini_wallet, .kill_page_hdng_innr span {
	background-color: #ffffff;
	color: #ecebec;
}
.kind_pub_privacy_menu li label input[type="radio"]:checked+span {
	background-color: #ffffff;color: #ecebec;
}
.order_by ul li.active a {background: #ffffff !important;color: #ecebec !important;}




#welcomeheader .mdbtn:hover{background-color: #004b83;color: #7420b7;border-color: #004b83;}

.post .panel.active_shadow {
    box-shadow: 0 0 0 1.5px #ffffff !important;
}

.ui-widget-header .ui-state-default, .kill_adv_search_filter_side .ui-slider .ui-slider-range, .kill_adv_search_filter_side .ui-slider .ui-slider-handle {
    background-color: #ffffff;
}
.reaction-1::before {
    content: "כמו";
}
.reaction-2::before {
    content: "אהבה";
}
.reaction-3::before {
    content: "חה חה";
}
.reaction-4::before {
    content: "וואו";
}
.reaction-5::before {
    content: "עָצוּב";
}
.reaction-6::before {
    content: "כּוֹעֵס";
}
/*.reaction-like::before {
    content: "כמו";
}
.reaction-love::before {
    content: "אהבה";
}
.reaction-haha::before {
    content: "חה חה";
}
.reaction-wow::before {
    content: "וואו";
}
.reaction-sad::before {
    content: "עָצוּב";
}
.reaction-angry::before {
    content: "כּוֹעֵס";
}*/

.navbar-default .dropdown-menu.ani-acc-menu >li>a:hover {
    color: #ecebec;background-color: #ffffff;
}
#kill_nw_msg_page .msg_under_hood .mobilerightpane .messages-search-users-form .kill_msg_tabs li.active a, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_opts_btns > span:hover, .text-sender-container .msg_usr_info_top_list .msg_usr_cht_usr_data a:hover, .kill_chat_tabs li.active a {
    color: #ffffff;
}
/*
.text-sender-container .outgoing .message-model .message {background-color: #ffffff;color: #ecebec;}
.text-sender-container .outgoing .message-model .message p, .text-sender-container .outgoing .message-model .message a {color: #ecebec;}
*/


#notification-popup {
     position: fixed;
     left: 20px;
     width: 300px;
     bottom: 20px;
     z-index: 10000;
}
#notification-popup .notifications-popup-list:empty {
      padding: 0;
}
#notification-popup .notifications-popup-list {
    position: relative;
    background:  #333333 !important;
    border-radius: 10px;
    padding: 6px;
    width: 100%;
    margin-bottom: 10px;
    z-index: 10000;
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
#notification-popup .notifications-popup-list, #notification-popup .notifications-popup-list a, #notification-popup .notifications-popup-list .main-color, #notification-popup .notifications-popup-list svg, #notification-popup .notifications-popup-list .notification-text, #notification-popup .notifications-popup-list .notification-time {
    color: #004b83 !important;
}
#notification-popup .notifications-popup-list .notification-list {
    border-radius: 10px;
}
#notification-popup .notifications-popup-list .notification-list:hover {
    background: rgba(255, 255, 255, 0.1);
}

.link1-welcome .login_left_combo {
    color: #ecebec}

.link1-welcome body {
    background: #ffffff !important;
}

.link1-welcome .kill_regi_features:before {
    content: '';
    display: block;
    background-image: url("https://kind.ecahosting.com/themes/kindilly/img/backgrounds/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.35;
}