/* 
    Created on: 07/01/2023
    Author    : Hosanna Tecnologia
*/
@import url('../fonts/GoogleFonts/Rubik/rubik.min.css');
@import url('../fonts/GoogleFonts/Oswald/oswald.min.css');
@import url('../fonts/GoogleFonts/Quicksand/quicksand.min.css');
@import url('../fonts/GoogleFonts/Muli/muli.min.css');

#caller-container {
    height: 100vh;
}

#caller-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#caller-box-content {
    border-radius: 5px;
    padding: 20px 20px;
    max-width: 450px;
}

.c2wDialPadContainer, 
.c2wDialPadContainerDisplay {
    border-radius: 0.5rem;
}

.c2wDialPadContainer {
    border: 1px solid #dfe3e7;
    margin: 0 auto;
    width: fit-content;
}

    .c2wDialPadContainer table td {
        text-align: center;
    }

.c2wDialPadContainerDisplay .form-control:not(.pickadate)[readonly], 
.c2wDialPadContainerDisplay .form-control:not(.pickadate-months-year)[readonly] {
    background-color: #F3F3F3;
    border: 1px solid #DFDFDF;
    box-shadow: inset 0px 0px 5px -3px rgba(0 0 0 / 50%);
    cursor: default;
    font-size: 1.5rem;
    margin: 0 auto 5px;
    padding: 10px 0;
    text-align: center;
    width: 285px;
}

    .c2wDialPadContainerDisplay .form-control:not(.pickadate)[readonly]::placeholder, 
    .c2wDialPadContainerDisplay .form-control:not(.pickadate-months-year)[readonly]::placeholder {
        font-size: .8rem;
    }



@media (max-width: 430px) {

    #caller-box-content {
        width: 90%;
    }

    #caller-box-content:before {
        transform: translateX(45%)!important;
    }

}

@media (max-width: 375px) {

    #caller-box-content:before {
        transform: translateX(30%)!important;
    }

}