/**
* 2010-2021 Webkul.
*
* NOTICE OF LICENSE
*
* All rights is reserved,
* Please go through LICENSE.txt file inside our module
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to newer
* versions in the future. If you wish to customize this module for your
* needs please refer to CustomizationPolicy.txt file inside our module for more information.
*
*  @author    Webkul IN
*  @copyright 2010-2021 Webkul IN
*  @license   LICENSE.txt
*/
#_desktop_contact_link{float: left;}
.wk-wp-share #wk-wp-product {margin-top: 1.5rem;}
.wk-btn-whatsapp i {color:#09D261;}
.wk-btn-whatsapp:hover i {color: white;}
.wk-btn-whatsapp:hover {background-color:#09D261;border-color: white;color: white;}

.btn-wp-share {float: left;line-height: 19px;font-size: 15px;outline: none;}
.btn-wp-share a {color: #232323 !important;}
.btn-wp-share:hover {background-color:#09D261;border-color: white;color: white !important;}
.btn-wp-share:hover a {color:white !important;}

.wk-wp-share-order-conf {float: right;}
.wk-wp-share-order-conf a:hover i {color: white;}

/* Footer floating button for support */
.wk-wp-support-fixed {position: fixed;right: 24px;bottom: 24px;z-index: 99999; width:320px;}
.wk-wp-support-fixed-left {right: unset !important; left: 24px !important;}
.wk-wp-support-fixed .wk-wp-btn {
    float: right;
    border-radius: 5px;
    background-color:#09D261;
    border-color: #09D261 !important;
    outline: none;
    font-size: 15px;
    color:#F1F1F1;
}
.wk-wp-support-panel {
    box-shadow: 0 4px 23px 0 rgba(0,0,0,.09);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 0px !important;
    background: white;
}
.wk-panel-heading {
    background-color: #09D261;
    color: white;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 15px 10px;
}
.wk-wp-support-panel ul.wk-wp-support-list {max-height: 300px; overflow-y: auto;}
.wk-wp-support-panel ul.wk-wp-support-list li {padding: 5px; float: left; width: 100%;}
.wk-wp-support-panel ul.wk-wp-support-list li:hover {background-color:#F4F5F5; padding: 5px;}
.wk-wp-support-panel ul.wk-wp-support-list li:hover a {color:#777777 !important;}
.wk-wp-support-panel ul.wk-wp-support-list li a {display: block; text-shadow: unset !important;}
.wk-wp-support-panel ul.wk-wp-support-list li img {border-radius: 50%; float: left;width: 22%;}
.wk-wp-support-panel ul.wk-wp-support-list li a .wk-wp-list-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    float: left;
    width: 75%;
    word-break: break-all;
}
.wk-wp-support-panel ul.wk-wp-support-list li a .wk-wp-list-text p {
    margin: 0 0 2px !important;
}
.wk-whatsapp-icon {
    width: 21px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp.png") no-repeat;
}
.btn-wp-share:hover .wk-whatsapp-icon{
    background-position: -20px 0px;
}
.wk-whatsapp-icon-lg {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp-close.png") no-repeat;
}
.wk-close-icon-lg {
    width: 28px;
    height: 28px;
    background-position: -28px 0px;
    vertical-align: middle;
    display: inline-block;
    background: url("../../views/img/whatsapp-close.png") no-repeat;
}
.wk-wp-card-block {
    margin: 2rem 0;
}
.wk-wp-card-block .card {
    max-width: 300px;
    height: 85px;
    border: 1px solid #ccc;
    overflow: hidden;
}
.wk-wp-card-block .card-body {
    padding: 10px;
}
.wk-wp-card-block img {
    border-radius: 50%;
    border: 2px solid #ccc;
    margin-top: 5px;
    margin-left: 10px;
}
.wk-wp-card-block .wp-staff-details {
    padding-left: 0px;
}
.wk-wp-card-block .card-text {
    color:#5a5a5a;
}
.wk-wp-card-block .card-title {
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.wk-wp-card-block .wp-phone-number {
    color:#5a5a5a;
    font-size: small;
}
.wk-wp-card-block .image_outer_container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
}
.wk-wp-card-block .image_outer_container .green_icon {
    background-color: #4cd137;
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 17px;
    width: 17px;
    border: 2px solid white;
    border-radius: 50%;
}
.wk-wp-card-block .image_outer_container .gray_icon {
    background-color: gray;
    position: absolute;
    right: 0;
    bottom: 5px;
    height: 17px;
    width: 17px;
    border: 2px solid white;
    border-radius: 50%;
}
.wk-wp-support-fixed .image_outer_container {
    margin-top: auto;
    margin-bottom: auto;
    border-radius: 50%;
    position: relative;
}
.wk-wp-support-fixed .image_outer_container .green_icon {
    background-color: #4cd137;
    position: absolute;
    right: 5px;
    top: 15px;
    height: 17px;
    width: 17px;
    border: 2px solid white;
    border-radius: 50%;
}
.wk-wp-support-fixed .image_outer_container .gray_icon {
    background-color: gray;
    position: absolute;
    right: 5px;
    top: 15px;
    height: 17px;
    width: 17px;
    border: 2px solid white;
    border-radius: 50%;
}
.wp-btn-minimize i {
    position: absolute;
    color: #fff;
    font-weight: bold;
    right: 12px;
}
.wk-wp-list-text > p {
    font-weight: 600;
}