﻿.form-close{
    background: #4545455c;
    border: none;
    color: white;
    border-radius: 10px;
    font-weight: bold;
    padding: 3px 8px;
    z-index: 10000;
    /* width: 75px; */
    margin-right: 0px;
    cursor: pointer;
    /* position: absolute; */
    /* right: 0px; */
    /* z-index: 9999999; */
    margin-left: -10px;
}
.form-popup {
    display: none;
    z-index: 999000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgb(0 0 0 / 60%);
    top: 0px;
    left: 0px;
    overflow: auto;
    padding: 0px 3%;
}

/*desktop*/
@media (min-width: 1131px) {
    .TenGiaiTrung
    {
        padding: 0px 15px;
        overflow: hidden;
        text-align: center;
        margin-top: 27%;
    }
    .ContentTrungGiai
    {
        margin-top: -2%;
        font-weight: bold;
        font-size: 30px;
        color: red;
        /*padding-top: 30.5%;*/
    }
    .form-container {
        margin: auto;
        width: 44%;
        margin-top: 7%;
        border-radius: 7px;
        background-image: url(/images/bgPopup_Desktop_v2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 400px;
        color: #ececec;
    }
    .form-container-content
    {
        padding: 10px;
        /*padding-top:55px;*/
    }
    .form-container-close{
        text-align: right;
        /* margin-top: -10px; */
        /* margin-right: -10px; */
        height: 10px;
        padding-right: 0px;
        padding:2px;
        /*padding-top:23px;*/
    }
}
/*ipad pro*/
@media(max-width: 1130px) and (min-width: 769px) {
    .TenGiaiTrung
    {
        padding: 0px 15px;
        overflow: hidden;
        text-align: center;
        margin-top: 30%;
    }
    .ContentTrungGiai
    {
        margin-top: -2%;
        font-weight: bold;
        font-size: 35px;
        color: red;
        min-height: 300px;
        /*padding-top: 30%;*/
    }
    .form-container {
        margin: auto;
        width: 70%;
        margin-top: 25%;
        border-radius: 7px;
        background-image: url(/images/bgPopup_Desktop_v2.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        min-height: 500px;
        color: #ececec;
        /*padding-right: 100px;
        padding-left: 50px;*/
    }
    .form-container-content
    {
        padding: 10px;
        /*padding-top:55px;*/
    }
    .form-container-close{
        text-align: right;
        /* margin-top: -10px; */
        /* margin-right: -10px; */
        height: 10px;
        padding-right: 0px;
        padding:2px;
        /*padding-top:23px;*/
    }
}
/*ipad*/
@media(max-width: 768px) and (min-width: 767px) {
    .TenGiaiTrung
    {
        padding: 0px 15px;
        overflow: hidden;
        text-align: center;
        margin-top: 30%;
    }
    .ContentTrungGiai
    {
        margin-top: -2%;
        font-weight: bold;
        font-size: 35px;
        color: red;
        min-height: 290px;
        /*padding-top: 32%;*/
    }
    .form-container {
        margin: auto;
        width: 80%;
        margin-top: 30%;
        border-radius: 7px;
        background-image: url(/images/bgPopup_Mobile_v3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*min-height: 600px;
        padding-right: 30px;*/
    }
    .form-container-content
    {
        padding: 10px;
        /*padding-top:55px;*/
    }
    .form-container-close{
        text-align: right;
        /* margin-top: -10px; */
        /* margin-right: -10px; */
        height: 10px;
        padding-right: 0px;
        padding:2px;
        /*padding-top:23px;*/
    }
}
/*phone*/
@media(max-width: 766px) {
    .TenGiaiTrung
    {
        padding: 0px 15px;
        overflow: hidden;
        text-align: center;
        margin-top: 30%;
    }
    .ContentTrungGiai
    {
        margin-top: -2.6%;
        font-weight: bold;
        font-size: 25px;
        color: red;
        min-height: 190px;
        /*padding-top: 100px;*/
    }
    .form-container
    {
        margin: auto;
        width: 100%;
        margin-top: 50%;
        border-radius: 7px;
        background-image: url(/images/bgPopup_Mobile_v3.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        /*min-height: 500px;
        padding-right: 30px;*/
    }
    .form-container-content
    {
        padding: 10px;
        /*padding-top:55px;*/
    }
    .form-container-close{
        text-align: right;
        /* margin-top: -10px; */
        /* margin-right: -10px; */
        height: 10px;
        padding-right: 0px;
        padding:2px;
        /*padding-top:48px;*/
    }
}
