/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px;
    height: 38px;
    margin-top: 3px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    width: 78px;
    height: 50px !important;
    border-top: 1px solid #eee !important;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 100px;
    margin-top: 3px;
    height: 40px;
}
    .login_box
    {
        padding-topxx:40px;
        width:360px !important;
        display:block;
        margin:0px auto;
        background-color:white;
        border-bottom:4px solid #333;
        align-items: center;
        justify-content: center;
        text-align:center;
        margin-bottom:16px;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
        padding-left: 102px !important;
        border: 3px solid #eee;
        width: 314px !important;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
        padding-left: 102px !important;
        /* padding-left: 84px; */
        border: 3px solid #eee;
        width: 314px !important;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
        width: 99px;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 100px;
}
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
        padding-left: 76px !important;;
        border: 3px solid #eee;
        width: 305px !important;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
        padding-left: 100px !important;;
        border: 3px solid #eee;
        width: 305px !important;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .login_box
    {
        padding-topxx:40px;
        width:33%;
        display:block;
        margin:0px auto;
        background-color:white;
        border-bottom:4px solid #333;
        align-items: center;
        justify-content: center;
        text-align:center;
        margin-bottom:16px;

    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
        padding-left: 84px;
        border: 3px solid #eee;
        width: 321px;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
        padding-left: 102px;
        /* padding-left: 84px; */
        border: 3px solid #eee;
        width: 321px;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
        padding-left: 76px;
        border: 3px solid #eee;
        width: 321px;
    }
    .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
        padding-left: 100px;
        border: 3px solid #eee;
        width: 321px;
    }
}
.login_box
{
    padding-topxx:40px;
    width:33%;
    display:block;
    margin:0px auto;
    background-color:white;
    border-bottom:4px solid #333;
    align-items: center;
    justify-content: center;
    text-align:center;
    margin-bottom:16px;

}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px;
    border: 3px solid #eee;
    width: 294px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 102px;
    /* padding-left: 84px; */
    border: 3px solid #eee;
    width: 321px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px;
    border: 3px solid #eee;
    width: 321px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px;
    border: 3px solid #eee;
    
    width: 321px;
}
.input_box{
    border:none;
    border:3px solid #eee;
    font-size:14px;
    padding:0px 12px;
    color:#322;
    display:block;
    text-indent: 40px;
    margin:auto;
    width: 320px;
    background-image: url(../images/icon_profile.png) !important;
    background-repeat: no-repeat  !important;
    background-size: 24px 24px  !important;
    background-position: 10px 10px  !important;

    height:50px;
    line-height:50px;
}
.input_box.icon_mail{
    background-image: url(../images/icon_mail.png)  !important;
}
.input_box.icon_phone{
    background-image: url(../images/icon_phone.png)  !important;
}
.input_password
{
    background-image: url(../images/icon_lock.png)  !important;
}

.btn_login
{
    margin:auto;
    margin-top:30px;
    display:block;
    color:white;
    height:44px;
    width: 300px;
    text-align:center;
    background-color:#2badec;
    border:0px;
    border-radius:5px;
    cursor:pointer;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 100px;
}





.block
{
    display:block;
    max-width:480px;
    margin:24px auto;
    background-color: white;
    border-bottom:4px solid #333;

}

.block_content
{
    padding:24px;
}

.block_header
{
    height:30px;
    margin-bottom:32px;
    line-height: 30px;
    font-weight: bold;
    padding: 20px 32px;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
    -webkit-font-smoothing: auto;
    text-rendering: optimizelegibility;
    font-family: "Raleway", sans-serif;
    color: #454545;

}



.accoun_value
{
    text-align:left;
    font-family:"Raleway", sans-serif;
    border: 3px solid #eee;
    display:block;
    height:40px;
    line-height:40px;
    margin-bottom:24px;
    font-size:15px;
}

.accoun_value span
{

    float:right;
    display:block;
    font-weight: bold;

}

.accoun_value input[type=text], .accoun_value input[type=password]
{
    line-height:32px;
    border:0px;
    background:transparent;
    height:32px;
    width:100%;
    padding-left: 0px;
}


@media screen and (max-width: 400px)
{
    .accoun_value input[type=text], .accoun_value input[type=password]
    {
        width:190px;
    }

    select#country
    {
        width:190px;
        font-size:10px;
    }
}

.input_box#username
{
    background-image: url(../images/icon_mail.png);

}