

/* Start:/local/components/caiman2025/warranty.confirm/templates/.default/style.css?15994595904452*/
.service-form
{
    width: 980px;
    margin: 0 auto;
}

.service-form-header
{
    color: #fff;
    background: #000;
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    margin-bottom: 20px;
}
.select-input
{
    width: 100%;
        padding: 5px;
    margin-bottom: 10px;
   /* max-width: 350px;*/
}
.service-select
{
    padding: 7px;
     margin-bottom: 10px;
    width: 100%;
   /* max-width: 360px;*/
}
.service-select, .service-body input
{
    border: 1px solid #ccc;
    padding: 7px;
}
.service-section
{
    padding: 10px 0px;
   
    font-size: 14px;
}
.service-item:nth-child(even)
{
    margin: 0 20px 10px 0;
}
.service-item
{
    margin-right: 20px;
}
.service-item div
{
    position: relative;
}

.service-body
{
    margin: 20px 0;
}
.service-pre-title
{
    padding: 30px 0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.service-button
{
    padding: 10px 15px;
    background: #DDBF24;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    width: 90px;
    text-align: center;
    cursor: pointer;
}

.service-footer
{
    margin: 30px 0;
}
.service-support
{
    width: 45%;
    margin-left: 10px;
}
.icons-calendar3
{
    font-size: 30px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}

.required
{
    background: #FFEFF0;
    border: 1px solid #FFDBDB !important;
}
.valid
{
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 25px;
    color: #ed1c24;
}
.service-footer-error
{
    font-size: 16px;
}









#warranty-form .form-group
{padding-bottom:5px!important;margin-top:25px!important;position:relative}

#warranty-form .form-group input{font-size:16px;padding: 15px 20px 0px 20px;height:initial;background:#fffd;border-radius:0;border:0;border-bottom:2px solid}

#warranty-form .form-group select{border:0;border-bottom:2px solid;border-radius:0; -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: 98% center;
    background-color:#fff8
}

#warranty-form .form-group select:active,
#warranty-form .form-group select:focus{
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg' transform=' rotate(180 0 0)'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat: no-repeat;background-position: 98% center;background-color:#ffff
}
#warranty-form .form-group input{background:#fff8}
#warranty-form .form-group input:focus{background:#fff}

#warranty-form .form-group select:focus{outline:0;box-shadow:none}

#warranty-form input:focus{outline:0;box-shadow:none}

#warranty-form .placeholder{position:absolute;transform-origin(0 0 0);font-size:16px}
#warranty-form ::placeholder{position:absolute;top:12px;color:transparent}

#warranty-form .form-group select option[value=""]{display:none}
#warranty-form input + .placeholder{transform-origin:0 0;top:-20px;left:20px;font-size:10px;transform:translatey(33px);font-size:16px;color:#0007;transition:.25s ease}

#warranty-form input:focus + .placeholder

{transform:translatey(0px);font-size:10px;color:#000f}
#warranty-form input[type=button]{background:#ea5d0b;padding:15px;border:0;text-transform:uppercase}
#warranty-form .form-group .hint{posiiton:rleative;display:flex;align-items:center}
#warranty-form .form-group .hint{color:#ea5d0b;font-size:12px}
#warranty-form .form-group input{margin-bottom:2px}
#warranty-form .form-group .hint{margin-left:20px}

#warranty-form select + .placeholder {
    transform-origin: 0 0;
    top: -20px;
    left: 20px;
    font-size: 10px;
    transform: translatey(33px);
    font-size: 16px;
    color: #0007;
    transition: .25s ease;
}
#warranty-form .filled + .placeholder,
#warranty-form input:focus + .placeholder,
#warranty-form select.filled + .placeholder,
#warranty-form select:focus + .placeholder{
    transform: translatey(0px);
    font-size: 10px;
    color: #000f;
}
.input-group .input-group-text{background:#000;border:0;border-bottom:2px solid;border-radius:0}
.input-group .input-group-text svg{fill:#fff}
#warranty-form .form-group
.input-group input{margin-bottom:0!important}
/* End */
/* /local/components/caiman2025/warranty.confirm/templates/.default/style.css?15994595904452 */
