/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 21, 2019, 3:06:11 PM
    Author     : giang
*/

.form_otp_infusion
{
    position: fixed;
    bottom: 0;
    right: 10px;
    width: 380px;
    background-color: #efefef;
/*    padding: 20px;*/
    font-family: 'Roboto-Regular',sans-serif;
    border-radius: 10px;

}
.heading_form_otpin
{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0px 10px 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: url(../images/xxx.gif) no-repeat center top;
    background-size: 100%;
    height: 50px;
    cursor: pointer;
    font-weight: bold;
}
.text_description
{
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #000;
}
.container_form
{
    float: left;
    width: 95%;
    padding: 10px;
}
.container_form .blok-fied
{
    float:left;
    margin-top: 5px;
    width: 100%;    
}
.container_form .blok-fied label
{
    float: left;
    width: 100%;
    color: #626161;
    font-size: 13px;
}
.container_form .blok-fied input
{
    padding: 15px;
    float: left;
    width: 91%;
    border:1px solid #bcbbbb;
    border-radius: 10px;
}
.blok-fied button
{
    float: left;
    padding: 15px;
    background: #ff9c00;
    color: #022f7d;
    width: 100%;
    text-align: center;
    border-radius: 10px;
    border:none;
    margin-top: 20px;
    font-size: 25px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

@media (max-width:767px){
    .form_otp_infusion
    {
        right: 0px !important;
        margin-bottom: 0px !important;
    }
    .container_form
    {
        width: 100%;
        padding: 0;
    }
    .text_description{
        margin: 0; padding: 0;
    }
    .container_form .blok-fied label{
        font-weight: bold;
    }
    .container_form .blok-fied input{
        width: 93%; padding: 10px;
    }
    .blok-fied button{
        width: 60%; padding: 10px; margin-left: 20%; font-size: 20px; line-height: 22px; color:#fff; background: #ff2f27;
    }
    .blok-fied button:hover, .blok-fied button:active{
        background: #ffdc22;
    }
}