/*@media max-width:(980px) {*/
/*    !*.panel-body*!*/
/*}*/
.menuCategor {
    display: none;
}

.linkTowOtz {
    background: lightgray;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
}

.mesClientImage {
    padding: 1px;
    padding-right: 1px !important;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.messageTow {
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.cog {
    cursor: pointer;
    margin-left: 5px;
}

.rele {
    margin-bottom: 5px;
}

.configReley {
    border: 1px solid #000;
    border-radius: 5px;
    background-color: rgb(209, 205, 205);
}

.configTime input,
.configTime select {
    color: black;
}

#On,
#Off {
    margin-top: 10px;
    margin-bottom: 5px;
}

#manualCfg,
#autoCfg,
#saveCfg {
    margin: 0 5px;
    cursor: pointer;
}

#timeOn,
#timeOff {
    margin-left: 5px;
}

.marLeft5 {
    margin-left: 5px;
}

.clicker {
    cursor: pointer;
}

.timeReleGet {
    display: block;
    width: fit-content;
    margin: auto;
    margin-top: 5px;
}

.transition {
    color: rgb(109, 51, 51);
    transition: color 1s ease;
}

.transition-out {
    color: #fff;
    transition: color 1s ease;
}

#canvas {
    cursor: help;
}

.divHeadingButtom {
    display: flex;
}

@media (max-width: 379px) {
    .headBut {
        display: flex;
    }
}

@media screen and (min-width: 768px) {
    .headBut {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 960px) {
    .headBut {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 5px;
    }
}

@media screen and (min-width: 1280px) {
    .headBut {
        display: flex;
        grid-gap: 1px;
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2023-1-19 15:54:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation pulsate-fwd
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulsate-fwd {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.radiob:hover {
    animation: pulsate-fwd 0.5s ease-in-out infinite both;
}