.p-normal
{
    font-size: 14px !important;
}

.p-normal-medium
{
    font-size: 16px !important;
}

.p-semi-medium
{
    font-size: 18px !important;
}

.p-medium
{
    font-size: 20px !important;
}

.p-large
{
    font-size: 40px !important;
}

.p-xlarge
{
    font-size: 45px !important;
}

#buttonIcon
{
    font-size: 25px !important;
}

.btn-icon-container
{
    width: 45px;
    height: 45px;
}

.semi-large-input
{
    height: 40px;
}

.large-input-type
{
    height: 45px !important;
}

.active-page-button
{
    background: gray !important;
    border: 1px solid gray !important;
}


#footerBottomLastText
{
    padding-top: 20px;
    margin-bottom: 10px;
}

#htmlBody
{
    overflow-x: hidden;
}

.custom-ToggleCheckBox::before
{
    transition: 0.5s;
}

.custom-ToggleCheckBox:focus
{
    border: 2px solid #6C757D !important;
}

.custom-ToggleCheckBox:checked::before
{
    background: white;
}

.hidden
{
    display: none;
}

@media only screen and (max-width: 1600px)
{
    .p-large
    {
        font-size: 38px !important;
    }
    .p-xlarge
    {
        font-size: 43px !important;
    }
}

@media only screen and (max-width: 1400px)
{
    .p-normal
    {
        font-size: 13px !important;
    }
    .p-normal-medium
    {
        font-size: 15px !important;
    }
    .p-semi-medium
    {
        font-size: 16px !important;
    }
    .p-medium
    {
        font-size: 18px !important;
    }
    .p-large
    {
        font-size: 35px !important;
    }
    .p-xlarge
    {
        font-size: 38px !important;
    }
    .semi-large-input
    {
        height: 37px;
    }
    .large-input-type
    {
        height: 42px !important;
    }
}

@media only screen and (max-width: 1250px)
{
    .p-normal
    {
        font-size: 12px !important;
    }
    .p-normal-medium
    {
        font-size: 13px !important;
    }
    .p-semi-medium
    {
        font-size: 14px !important;
    }
    .p-medium
    {
        font-size: 16px !important;
    }
    .p-large
    {
        font-size: 30px !important;
    }
    .p-xlarge
    {
        font-size: 34px !important;
    }
    .btn-icon-container
    {
        width: 35px;
        height: 35px;
    }
    #buttonIcon
    {
        font-size: 18px !important;
    }
    .semi-large-input
    {
        height: 34px;
    }
    .large-input-type
    {
        height: 39px !important;
    }
}

@media only screen and (max-width: 1050px)
{
    .p-large
    {
        font-size: 27px;
    }
    .p-xlarge
    {
        font-size: 30px !important;
    }
}
@media only screen and (max-width: 970px)
{
    .p-normal
    {
        font-size: 11px !important;
    }
    .p-normal-medium, .p-semi-medium
    {
        font-size: 12px !important;
    }
    .p-medium
    {
        font-size: 14px !important;
    }
    .p-large
    {
        font-size: 22px !important;
    }
    .p-xlarge
    {
        font-size: 25px !important;
    }
    .btn-icon-container
    {
        width: 28px;
        height: 28px;
        padding-bottom: 5px;
    }
    #buttonIcon
    {
        font-size: 16px !important;
    }
    .semi-large-input
    {
        height: 30px;
    }
    .large-input-type
    {
        height: 36px !important;
    }
    #footerBottomLastText
    {
        padding-top: 0;
        margin-top: -10px;
    }
}

@media only screen and (max-width: 870px)
{
    .p-normal-medium, .p-semi-medium
    {
        font-size: 11px !important;
    }
    .p-medium    
    {
        font-size: 12px !important;
    }
    .p-large
    {
        font-size: 19px !important;
    }
    .p-xlarge
    {
        font-size: 22px !important;
    }
    .semi-large-input
    {
        height: 29px;
    }
    .large-input-type
    {
        height: 33px !important;
        padding-top: 7px;
    }
}

@media only screen and (max-width: 770px)
{
    .p-normal
    {
        font-size: 10px !important;
    }
    .p-normal-medium, .p-semi-medium
    {
        font-size: 14px !important;
    }
    .p-medium
    {
        font-size: 11px !important;
    }
    .p-large
    {
        font-size: 16px !important;
    }
    .p-xlarge
    {
        font-size: 18px !important;
    }
    #buttonIcon
    {
        font-size: 14px !important;
    }
    .semi-large-input
    {
        height: 26px;
    }
    .large-input-type
    {
        height: 30px !important;
    }
    #htmlBody
    {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 670px)
{
    .p-normal
    {
        font-size: 9px !important;
    }
    .p-large
    {
        font-size: 14px !important;
    }
    .p-xlarge
    {
        font-size: 16px !important;
    }
    .btn-icon-container
    {
        width: 22px;
        height: 22px;
    }
    #buttonIcon
    {
        font-size: 12px !important;
    }
}