@import url("/LandingPages_Theme/Theme.LandingPage_Theme.css?78295");

/* ===================================================================== */
/* ===================================================================== */

/*  LandingPages_DD Theme -                                           */

/*-------------------------------------------*/
/* Títulos ----------------------------------*/

.TitleLandingPageDD,
.TitleLandingPageDD_Left {
    background-color: var(--color-G4);
    color: var(--color-neutral-0);
    text-align: center;
    font-size: var(--font-size-h4);
    font-weight: bold;
}
.TitleLandingPageDD_Left{
    text-align: left;
    min-height: var(--space-m);
    padding-left: var(--space-s);
}

.SubTitleLandingPageDD,
.SubTitleLandingPageDD_Small {
    background-color: var(--color-G4);
    color: var(--color-neutral-0);
    text-align: left;
    font-size: var(--font-size-h5);
    font-weight: bold;
}

.SubTitleLandingPageDD_Small {
    font-size: var(--font-size-base);
    padding-left: var(--space-base);
}

.Label {

    color: var(--color-neutral-10);
}

.Label-Container{
    padding-left: var(--space-xxl);
}

.LabelInput {
    color: var(--color-G4);
    font-weight: bold;
    margin-right: var(--space-s);
}

.Icon {
    width: var(--space-m);
    color: var(--color-primary)
}

.Enphasis {
    font-weight: bold;
}


.TitleGreenDD {
    color: var(--color-G4);
    text-align: center;
    font-size: var(--font-size-h4);
    font-weight: bold;
}

/*Buttons*/
.Button {
    background-color: var(--color-white);
    border: var(--border-size-m) solid var(--color-primary);
    color: var(--color-primary);
    height: var(--space-xl);
    border-radius: var(--border-radius-soft);
    letter-spacing: var(--space-none);
    padding: var(--space-none) var(--space-xxl);
    text-transform: capitalize;
    font-size: var(--font-size-base);
    text-transform: inherit;
}

.Is_Default {
    background-color: var(--color-primary);
    border: var(--border-size-none);
    color: var(--color-neutral-0);
    font-size: var(--font-size-base);
}
.Button.Is_Default[disabled], 
.Button.Is_Default {
    background-color: var(--color-primary);
    color: var(--color-white);
    border: var(--border-size-m) solid var(--color-primary);
    font-size: var(--font-size-base);
}

.Button.Is_Default[disabled], 
.Button.Is_Default:disabled, 
.Button.Danger[disabled], 
.Button.Danger:disabled, 
.Button.Success[disabled], 
.Button.Success:disabled {
    background-color: var(--color-mediumGrey);
    border-color: var(--color-mediumGrey);
    color: var(--color-neutral-0);
    font-size: var(--font-size-base);
}

/*Modal*/
.ModalSucess {
    
    color: var(--color-neutral-0);
    font-weight: bold;
}


/*inputs*/
.input:focus,
tablet .input:focus,
phone .input:focus{
    box-shadow: var(--shadow-xl);
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"], 
input[type="color"]{
    text-overflow: ellipsis;
    text-align: center;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus, 
input[type="color"]:focus{
    box-shadow: var(--shadow-xl);
    text-align: center;
}

/*Responsive Context*/
.tablet input[type="text"],
.tablet input[type="password"],
.tablet input[type="datetime"],
.tablet input[type="datetime-local"],
.tablet input[type="date"],
.tablet input[type="month"],
.tablet input[type="time"],
.tablet input[type="week"],
.tablet input[type="number"],
.tablet input[type="email"],
.tablet input[type="url"],
.tablet input[type="search"],
.tablet input[type="tel"],
.tablet input[type="color"],
.tablet select,
.phone input[type="text"],
.phone input[type="password"],
.phone input[type="datetime"],
.phone input[type="datetime-local"],
.phone input[type="date"],
.phone input[type="month"],
.phone input[type="time"],
.phone input[type="week"],
.phone input[type="number"],
.phone input[type="email"],
.phone input[type="url"],
.phone input[type="search"],
.phone input[type="tel"],
.phone input[type="color"],
.phone select {
    text-overflow: ellipsis;
    text-align: center;
}

/*.Form Inputs with .input-with-icon-content-icon:not(:empty)*/
.Form textarea.ReadOnly:focus,
.Form select.ReadOnly:focus,
.Form .input.ReadOnly:not(.Not_Valid):focus,
.Form input[type="text"].ReadOnly:focus,
.Form input[type="password"].ReadOnly:focus,
.Form input[type="datetime"].ReadOnly:focus,
.Form input[type="datetime-local"].ReadOnly:focus,
.Form input[type="date"].ReadOnly:focus,
.Form input[type="month"].ReadOnly:focus,
.Form input[type="time"].ReadOnly:focus,
.Form input[type="week"].ReadOnly:focus,
.Form input[type="number"].ReadOnly:focus,
.Form input[type="email"].ReadOnly:focus,
.Form input[type="url"].ReadOnly:focus,
.Form input[type="search"].ReadOnly:focus,
.Form input[type="tel"].ReadOnly:focus,
.Form input[type="color"].ReadOnly:focus{
    border: var(--border-size-m) solid var(--color-primary);
    box-shadow: var(--shadow-xl);
    text-align: center;
}

/*Fix input whith icons*/
.input-with-icon .input-with-icon-content-icon, .input-with-icon .input-with-icon-content-icon a {
    color: var(--color-neutral-0);
    background-color: var(--color-primary);
}
.input-with-icon .input-with-icon-content-icon:not(:empty)+.input-with-icon-input input {
    padding-left: var(--space-xxl);
}

/*Check-Boxes*/
.checkbox:before, .TableRecords .TableRecords_Header [type="checkbox"]:before {
    border-radius: var(--border-radius-none);
}

.CheckBoxes-Container{
    padding-top: var(--var-space-m);
 }


/*Fix Modal*/
.modal-wrapper{
    background-color: var(--color-G4);
}

/*Fix default buttons insede Custom Modals*/
.modal-wrapper .Button.Is_Default{
    background-color:  var(--color-G3);
}

.modal .TitleGreenDD{
    color: var(--color-neutral-0);
}



/* Please Include this CSS in your theme */

/*------------------------------------------------------------*/
/* Example1 > Feedback Ajax Loading ***************************/
/*------------------------------------------------------------*/


.Feedback_AjaxWait {
    background: var(--color-G5);
    border: 0;
    border-radius: 0px 0px 10px 10px;
    top: 0;
    box-shadow: 0px 2px 10px 3px rgba(0, 0, 0, .2);
    color: var(--color-neutral-0);
    font-size: 14px;
    height: 60px;
    padding: 16px 20px 10px 20px;
    transform: translateX(50%);
    right: 50%;
    opacity:1
}


.Feedback_AjaxWait.CustomLoading {
    background-color: rgba(0,0,0,0.7);
    border-radius: 0px;
    border: 0;
    bottom: 0;
    font-size: 0;
    left: 0;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    transform: translateX(0);
    right: 0;
}

.Feedback_AjaxWait.CustomLoading .Loader {
    background-color: var(--color-neutral-0);
    background-image: url(/AssinaturaDigital_CW/img/carro_loading.gif?84696);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 275px;
    height: 240px;
    position: absolute;
    right: 50%;
    top: 25%;
    border-radius: 10px;
    border: 1px solid white;
    width: 300px;
    transform: translateX(50%);
    
}


.Feedback_AjaxWait.CustomLoading .Loader:before {
    color: var(--color-primary);
    content: "Aguarde um momento...";
    font-size: 16px;
    left: 0;
    position: absolute;
    right: -15px;
    top: 200px;
}

div.Feedback_AjaxWait {
    right: 50%;
    opacity:1
}

/*Media Queries*/
@media (max-width: 1024px){
    .Label-Container{
        padding-left: var(--space-none);
    }
    .CheckBoxes-Container{
        padding-top: var(--space-xxl);
    }
}
@media (max-width: 420px){
    .LabelInput{
        text-align: left;
    }
}

@media (max-width: 320px){
    .Recaptcha_Container{
        position: relative;
        left: -30px;
        scale: 80%;
        margin-top: var(--space-s);
        margin-bottom: var(--space-s);
    }
}