/**
 * 2023 EZ-INFO
 *
 * EZ-INFO Teams Chat
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the General Public License (GPL 2.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/GPL-2.0
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade the module to newer
 * versions in the future.
 *
 *  @author    EZ-INFO
 *  @copyright 2023 EZ-INFO
 *  @license   http://opensource.org/licenses/GPL-2.0 General Public License (GPL 2.0)
 */

#ezinfoteamschat {
    z-index: 999;
    position: relative;
}

#ezinfoteamschat .teamschat-link {
    display: flex;
    align-items: center;
    padding: 10px 9px 10px 10px;
    transition: all .3s;
    text-decoration: none;
    outline: none;
}

#ezinfoteamschat .teamschat-link:hover {
    background-color: #F4F4F4;
}

#ezinfoteamschat .img-responsive {
    max-width: 70px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
}

#ezinfoteamschat .teamschat-title,
#ezinfoteamschat .teamschat-descr {
    display: block;
}
#ezinfoteamschat #ezinfoteamschat-open {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 267px;
    background-color: #555aac;
    border: none;
    width: 46px;
    height: 46px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.10);
    cursor: pointer;
    outline: none;
    z-index: 9999;
    transition: all 0.3s;
    opacity: 0;
}

#ezinfoteamschat .ezinfoteamschat-open_img {
    width: 100%;
    height: 100%;
    background: url('data:./img/icon.png;base64,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') no-repeat center;
}

#ezinfoteamschat #ezinfoteamschat-open.left {
    opacity: 1;
    left: 0;
}
#ezinfoteamschat #ezinfoteamschat-open.right {
    right: 0;
    opacity: 1;
}

#ezinfoteamschat #ezinfoteamschat-open:hover {
    background-color: #555aac;
}

/*animation*/
/*#ezinfoteamschat #ezinfoteamschat-open:hover .ezinfoteamschat-open_img{*/
/*    animation-duration: 0.3s;*/
/*    animation-name: teams;*/
/*}*/

@keyframes teams {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    75% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

#ezinfoteamschat #ezinfoteamschat-open.left.active {
    left: 320px;
}
#ezinfoteamschat #ezinfoteamschat-open.right.active {
    right: 320px;
}

#ezinfoteamschat #ezinfoteamschat-open img{
    width: 30px;
    height: 30px;
}

#ezinfoteamschat .teamschat-wrapper {
    top: 267px;
    opacity: 0;
    position: fixed;
    background-color: white;
    max-width: 320px;
    max-height: 350px;
    overflow: auto;
    z-index: 99999;
    transition: all 0.3s;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
}

#ezinfoteamschat .teamschat-wrapper.left {
    left: -320px;
    opacity: 1;
}
#ezinfoteamschat .teamschat-wrapper.right {
    right: -320px;
    opacity: 1;
}

#ezinfoteamschat .teamschat-wrapper.left.active {
    left: 0;
}

#ezinfoteamschat .teamschat-wrapper.right.active {
    right: 0;
}

#ezinfoteamschat .teamschat-description {
    padding: 11px 40px 10px 15px;
    background: #F4F4F4;
}
#ezinfoteamschat .teamschat-description p{
    color: #336796;
    font-size: 17px;
    line-height: 25px;
    text-align: center;
    margin: 0;
}

#ezinfoteamschat .teamschat-body {
    padding: 10px 15px 10px 15px;
}

#ezinfoteamschat .teamschat-body .p-0{
    border-bottom: 1px solid #EAEAEA;
}

#ezinfoteamschat .teamschat-body .p-0:last-child{
    border-bottom: none;
}

#ezinfoteamschat .teamschat-inner {
    max-width: 100%;
    width: 100%;
    padding-left: 10px;
}

#ezinfoteamschat .teamschat-title {
    font-size: 13px;
    color: #6F6F6F;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 0;
}

#ezinfoteamschat .teamschat-subtitle,
.teamschat-subtitle p{
    font-size: 15px;
    line-height: 22px;
    color: #3A3A3A;
    margin-bottom: 0;
    font-weight: 600;
}

#ezinfoteamschat .teamschat-descr,
#ezinfoteamschat .teamschat-descr p{
    font-size: 13px;
    line-height: 19px;
    color: #484848;
    font-weight: 300;
    margin: 0;
}

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

    #ezinfoteamschat .teamschat-wrapper,
    #ezinfoteamschat #ezinfoteamschat-open {
        top: 195px;
    }
}

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

    #ezinfoteamschat .teamschat-wrapper,
    #ezinfoteamschat #ezinfoteamschat-open {
        top: 209px;
    }
}