@font-face {
    font-family: Roboto;
    src: url(/font/roboto/Roboto-Regular.ttf);
}

div.mselector-on {
    cursor: pointer;
    float: left;
    display: inline;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    margin: 0px 0px 1px 1px;
    background-color: #6eb7e4;
}

div.mselector-off {
    cursor: pointer;
    float: left;
    display: inline;
    border: 1px solid #ddd;
    width: 20px;
    height: 20px;
    margin: 0px 0px 1px 1px;
}

div.mselector-off-nb {
    border: none;
}

strong {
    font-weight: 600 !important;
}


.mimp-custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: none;
    outline: none;
    padding: 5px;
    font-size: 16px;
    color: #333;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-width: 75px;
    max-width: 200px;
    margin: 10px 0;
}

/* Custom styles for the select options */
.mimp-custom-select option {
    background: #fff;
    padding: 10px;
    color: #333;
}

.mimp-line {
    height: 1px;
    width: 12px;
    background-color: #000000;
    margin: 30px 10px;
}


.phone-icon {
    font-size: 80px;
    animation: ring 2s infinite;
}

@keyframes ring {
    0% {
        transform: rotate(0deg);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}