﻿@import url("/SU_Theme/Theme.SU_Theme.css?27925");

/*SimMARME Screen: LandingPage - Begin*/

.StartPageInput {
    width: 35%;
    min-width: 150px;
    margin-top: 30px;
}

.SectionPanel_LableCB {
    background-color: white;
}

.CheckBoxT{
    background-color: white;
}
/* Inputs Form Read Only */ 

.Form input.ReadOnly:not(.Not_Valid)[readonly="readonly"],
.Form textarea.ReadOnly:not(.Not_Valid)[readonly="readonly"],
.Form select.ReadOnly:not(.Not_Valid)[readonly="readonly"]{

 

     background-color: var(--color-neutral-2);
    border: var(--border-size-s) solid var(--color-mediumGrey);
    color: rgb(170, 170, 170);
}

/* Inputs Form */ 

.button-group label:not(:first-child) .btn, .button-group .btn {
    background-color: white;
}

.choices__inner {
    background-color: white;
    
}

.Form input.ReadOnly:not(.Not_Valid), .Form textarea.ReadOnly:not(.Not_Valid), .Form select.ReadOnly:not(.Not_Valid) {
    background-color: white;
    
}
.Form.form-top label {
    display: inline-block;
}

.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 {
     background-color: white;
     text-overflow: ellipsis;

}
textarea:focus, select:focus, 
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 {
    background-color: white;
    text-overflow: ellipsis;

}

.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;
}

.input, textarea.input, .select {
    background-color: white;
    text-overflow: ellipsis;
    
}

.CoverageCards{
    width: 50%;
}

/* ----- CoveragesCard Responsive ----- */

.tablet .CoverageRadioCard .columns .columns-item{
    text-align: center;
} 

.phone .CoverageRadioCard .columns .columns-item{
    text-align: center;
} 

.tablet .CoverageRadioCard .columns .columns-item:first-child {
    margin-left: -1px !important;
}

.phone .CoverageRadioCard .columns .columns-item:last-child {
    width: 80%;
    margin-left: 11%;
}

.tablet .CoverageRadioCard .columns .columns-item:last-child {
    width: 60%;
    margin-left: 20%;
}

.phone .BoxBorder .BoxData{
    margin-left: 12px;
    margin-right: 12px;
}

.phone .BoxBorder .BoxData .ListRecords .CoverageCards{
    width: 100%;
}

.not-visible{
    visibility:hidden;
}