.g-recaptcha {
	width: 100%;
	text-align: center;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.g-recaptcha > div {
	margin: 0 auto;
}


.disabled-link {
            pointer-events: none;
            opacity: 0.5;
            cursor: not-allowed;
            text-decoration: none;
        }


.required
{
    color: rgb(230, 46, 46);
    font-size: 1rem;
    margin-left: 0.25rem;
}

.form-info
{
    font-size: 0.8rem;
}

.form-label
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: white;
    font-size: 1.2rem;
    width: auto;
    max-width: 20rem;
    /*margin-bottom:0.2rem;*/
}


.form-label-line
{
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 1.2rem;
    width: 20rem;
    margin-bottom:0.5rem;
}


.form-text
{
    font-size: 1rem;
    color: rgba(202, 201, 201, 0.692);
}



/*** PROFILE FORMS ***/


.profile-form-content
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
    color: white;
    height: auto;
    width: auto;
    text-align: center;
    background-color: rgb(45, 47, 49);
    border: 0.1rem solid rgb(55, 60, 62);
    border-radius: 1rem;
    padding-top:1rem;
    padding: 4rem;

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0,0.2);
}

#profile-table-spacing
{
    border-collapse: separate;
    border-spacing: 8rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    margin-top: -9rem;
    margin-bottom: -5rem;
}


#currency
{
    width: 4rem;
    height: 2rem;
    font-size: 1rem;
}

#language
{
    width: 3rem;
    height: 1.3rem;
    font-size: 0.8rem;
    padding: 0;
    margin: 0;

    position: absolute;
    display: inline-block;
}




@media screen and (min-width: 1024px) 
{
    /* CSS code to apply when the screen width is 1024px or more */
    /*** ALL FORMS ***/

    input[type=text], input[type=date], input[type=password], input[type=number], input[type=tel], input[type=email]{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 100%; /* Used to be 15 */
        max-width: 15rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    input[type=text]:read-only, input[type=date]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, input[type=email]:read-only, textarea:read-only{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 100%; /* Used to be 15 */
        max-width: 15rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        /*background-color: rgb(102, 102, 102);*/
        background-color: rgb(43, 42, 42);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    input[type=text]:focus, input[type=date]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus{
        background-color: rgb(43, 42, 42);
    }

    input[type=text]:hover, input[type=date]:hover, input[type=password]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=email]:hover, textarea:hover{
        background-color: rgb(36, 35, 35);
    }

    /*input[type=text]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, textarea:read-only{
        background-color: rgb(43, 42, 42);
    }*/



    /*** UUID FORMS ***/
    
    .input-uuid-long[type=text]
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 23rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 20rem;
    }

    .input-uuid-long[type=text]:read-only
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 23rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(43, 42, 42);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 20rem;
    }

    .input-uuid-long[type=text]:focus{
        background-color: rgb(43, 42, 42);
    }

    .input-uuid-long[type=text]:hover{
        background-color: rgb(43, 42, 42);
    }

    .input-uuid-long[type=text]:read-only:focus{
        background-color: rgb(43, 42, 42);
    }










    .input-uuid[type=text]{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 20rem;
        max-width: 20rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    .input-uuid[type=text]:read-only{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 20rem;
        max-width: 20rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        /*background-color: rgb(102, 102, 102);*/
        background-color: rgb(43, 42, 42);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    .input-uuid[type=text]:focus{
        background-color: rgb(43, 42, 42);
    }

    .input-uuid[type=text]:hover{
        background-color: rgb(43, 42, 42);
    }












     /*** FORMS SELECT ***/

    select
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 99%;
        height: 2rem;
        margin-top: 1rem;
        padding:0.2rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 16rem;

        cursor:pointer;
    }

    select:focus{
        background-color: rgb(43, 42, 42);
    }

    select:hover{
        background-color: rgb(43, 42, 42);
    }



    .select-uuid
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 99%;
        height: 15rem;
        margin-top: 1rem;
        padding:0.2rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 30rem;
    }

    /* style='height:15rem;max-width:25rem;' */

    .select-uuid:focus{
        background-color: rgb(43, 42, 42);
    }

    .select-uuid:hover{
        background-color: rgb(43, 42, 42);
    }

    #country
    {
        max-width: 15rem;
    }
}




#file_label
{
    border-radius: 0.5rem;
    background-color: rgba(0, 0, 0, 0.45);
    border: 0.1rem solid rgb(55, 60, 62);
    color: #ffffff; /* btn text color */
    padding: 0.6rem;
    text-decoration: none;
    
    cursor:pointer;
}

#file_label:hover
{
    background-color: rgb(46, 49, 49);
    border: 0.1rem solid rgb(85, 92, 95);
    color: white; /* btn text color */
    
}

input[type=file] 
{
    display: none;
}





@media screen and (max-width: 1023px) 
{
    /* CSS code to apply when the screen width is between 1023px and less */
    /*** ALL FORMS ***/

    input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email]{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 100%; /* Used to be 15 */
        max-width: 10rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    input[type=text]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, input[type=email]:read-only, textarea:read-only{
        border: 0.1rem solid rgb(48, 52, 54);
        width: 100%; /* Used to be 15 */
        max-width: 10rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        /*background-color: rgb(102, 102, 102);*/
        background-color: rgb(43, 42, 42);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }

    input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus{
        background-color: rgb(43, 42, 42);
    }

    input[type=text]:hover, input[type=password]:hover, input[type=number]:hover, input[type=tel]:hover, input[type=email]:hover, textarea:hover{
        background-color: rgb(43, 42, 42);
    }

    /*input[type=text]:read-only, input[type=password]:read-only, input[type=number]:read-only, input[type=tel]:read-only, textarea:read-only{
        background-color: rgb(43, 42, 42);
    }*/

    /*** UUID FORMS ***/

    .input-uuid[type=text]
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 13rem;
        max-width: 13rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;
    }


    .input-uuid[type=text]:read-only
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 13rem;
        height: 1rem;
        margin-top: 1rem;
        padding:0.3rem;
        margin-bottom: 1rem;
        border-radius: 10px;
        font-size: 1rem;
        color: white;
        background-color: rgb(43, 42, 42);
        margin-left: auto;
        margin-right: auto;

        max-width: 13rem;
    }
    

    .input-uuid[type=text]:focus{
        background-color: rgb(43, 42, 42);
    }

    .input-uuid[type=text]:hover{
        background-color: rgb(43, 42, 42);
    }

    /*.input-uuid[type=text]:read-only:focus{
        background-color: rgb(43, 42, 42);
    }*/



     /*** FORMS SELECT ***/

    select
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 99%;
        height: 1.75rem;
        margin-top: 1rem;
        padding:0.2rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 10rem;
    }

    select:focus{
        background-color: rgb(43, 42, 42);
    }

    select:hover{
        background-color: rgb(43, 42, 42);
    }



    .select-uuid
    {
        border: 0.1rem solid rgb(48, 52, 54);
        width: 99%;
        height: 5rem;
        margin-top: 1rem;
        padding:0.2rem;
        margin-bottom: 1rem;
        background-color: rgb(24, 26, 27);
        border-radius: 10px;
        font-size: 1rem;
        color: white;

        margin-left: auto;
        margin-right: auto;

        max-width: 12.5rem;
    }

    .select-uuid:focus{
        background-color: rgb(43, 42, 42);
    }

    .select-uuid:hover{
        background-color: rgb(43, 42, 42);
    }

    #country
    {
        max-width: 15rem;
        height: 1.7rem;
    }

}








  /*** INVENTORY FORMS ***/
  
  
textarea
{
    border: 0.1rem solid rgb(0, 0, 0);
    width: 50%;
    height: 10rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(24, 26, 27);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    /*resize: vertical; */
    min-width: 10rem;
    min-height: 15rem;

    max-width: 60rem;
    max-height: 40rem;

    margin-left: auto;
    margin-right: auto;
}




.modal-survey textarea
{
    border: 0.1rem solid rgb(0, 0, 0);
    width: 75%;
    height: 10rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(24, 26, 27);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    /*resize: vertical; */
    min-width: 10rem;
    min-height: 10rem;

    max-width: 75%;
    max-height: 40rem;

    margin-left: auto;
    margin-right: auto;

    margin-bottom: 1rem;
}






#subCancelReason
{
    border: 0.1rem solid rgb(0, 0, 0);
    width: 50%;
    height: 10rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(24, 26, 27);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    /*resize: vertical; */
    min-width: 10rem;
    min-height: 15rem;

    max-width: 20rem;
    max-height: 30rem;

    margin-left: auto;
    margin-right: auto;
}



/*** Refferal Code FORMS ***/

.input-refferal[type=text], .input-uuid[type=text]:read-only
{
    border: 0.1rem solid rgb(48, 52, 54);
    width: 6rem;
    height: 1rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(24, 26, 27);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    margin-left: auto;
    margin-right: auto;

    max-width: 13rem;
}

.input-refferal[type=text]:focus{
    background-color: rgb(43, 42, 42);
}

.input-refferal[type=text]:hover{
    background-color: rgb(43, 42, 42);
}

.input-refferal[type=text]:read-only{
    background-color: rgb(43, 42, 42);
}

.input-refferal[type=text]:read-only:focus{
    background-color: rgb(43, 42, 42);
}