@import url("/SU_Theme/Theme.SU_Theme.css?82695");

/* 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 {
    height: 40px;
    min-width: 150px;
}

/*Screen: LandingPage - BEGIN*/

.ClaimsAutoImage{
    background-image: url(/ClaimsAuto_Th/img/Car.jpg?83094);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 15px;
}

.TitleStart2 {
    font-size: var(--font-size-h1);
    color: #4a4a4a;
    font-weight: bold;
}
.TitleStart3 {
    font-size: var(--font-size-s);
    color: #4a4a4a;
}

.tablet  input[type="text"].LandingPageInput{
    min-width: 200px;
}

.phone  input[type="text"].LandingPageInput{
    min-width: 200px;
}

.LandingPageInput{
    width: 67%;
    min-width: 200px;
}

.phone.portrait .LandingPageInput{
    width: 100%;
    min-width: 200px;
}

.phone.portrait .StartPageInput{
    width: 100%;
    min-width: 200px;
}

.LandingPageHolderLabel{
    color: var(--color-primary);
    font-size: var(--font-size-base);
    padding: 0px;
}

.InvalidMessage{
    color: var(--color-red);
    padding-top: 2px;   
    font-size: var(--font-size-xs);
    font-weight: normal;
}

.StartPageInput {
    width: 35%;
    min-width: 150px;
    margin-top: 20px;
}

.phone.portrait .StartPageInput{
    width: 100%;
    min-width: 200px;
}

.phone.landscape .StartPageInput{
    width: 67%;
    min-width: 200px;
}

.no-wrap{
    white-space: nowrap;
}

.LPlateTypeCombo .dropdown .dropdown-header {
    color: green;
    font-weight: bold;
    border-color: white;
    padding-left: 0px
}

.LPlateTypeCombo .dropdown.is--visible .dropdown-content .dropdown-content-list {
    border: var(--border-size-s) solid var(--color-mediumGrey);
    border-radius: unset;
    color: var(--color-darkGrey);
}

.LPlateTypeCombo .dropdown, .dropdown .dropdown-content .dropdown-content-list, .dropdown .dropdown-header {
    background: white;
    width: 170px;
}

.LPlateTypeCombo .is--visible .dropdown-header.select {    
    border-style: hidden hidden solid hidden;
    border-bottom: var(--border-size-m) solid var(--color-mediumGrey);
    border-radius: unset;
}

.LPlateTypeCombo .dropdown .dropdown-content .dropdown-content-list a {
    padding-left: 10px;
    color: var(--color-darkGrey);
}

.LPlateTypeCombo .ListRecords {
    display: block;
    line-height: 4px;
}

.phone [class*="ThemeGrid_Width"]:not(.no-responsive) {
    margin: var(--space-base) var(--space-none) var(--space-none) var(--space-none);
    width: 100%;
}

.tablet StartPageInput{
    margin-top: 5px;
}

.LicenseAndPolicyContainer {
    margin-bottom: var(--space-m);   
}

.phone .LicenseAndPolicyContainer {
    margin-bottom: 0;   
}

.choices.Not_Valid .choices__inner {
    border: var(--border-size-m) solid #F44336;
}

input.LicencePlateFormat{
    text-transform: uppercase;
}

input.LicencePlateFormat::placeholder{
    text-transform: capitalize;
}

.phone .LandingPage .ContentResumedContainer {
    margin: 0% 5% 0% 5%;
}

.phone .MainContainer {
    margin: 0;   
}

.phone .LandingPage .House {
    margin: 9% 0% 3% 5%;
}

.phone .LandingPage .ContentResumedContainer .TitleStart1 {
    margin-bottom: 4%;
}

.phone .LandingPage .button-group .btn.SmallButtonText,
.phone .LandingPage .button-group label:not(:first-child) .btn.SmallButtonText {
    width: 100%;
    height: 36px;
        border-top: 1px solid var(--color-mediumGrey);
    border-left: 1px solid var(--color-mediumGrey);
    border-right-width: var(--border-size-s);
}

.phone .LandingPage .button-group label:not(:first-child) .btn.SmallButtonText {
    border-top-right-radius: var(--border-radius-soft);
    border-bottom-left-radius: 0;   
}

.phone .LandingPage .button-group label:first-child .btn {
    border-bottom-left-radius: var(--border-radius-soft);
    border-top-right-radius: 0;
}

.phone .LandingPage .button-group {
    margin-top: 2%;
}

.phone .LandingPage .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: var(--space-xs);
}

.phone .IsThirdpartyContainer {
    margin-top: var(--space-base);    
}

.phone .LandingPage .button-group label {
    width: 30%;
}

/*Screen: LandingPage - END*/


/*Webblock: CardBoxTabs - BEGIN*/

.CardBoxBorder {
    width: 100%;
    border: 15px solid transparent;
    background-image: linear-gradient(to bottom, #FBFBFB, #F0F1F3),
                      linear-gradient(to left, #FBFBFB, #F0F1F3),
                      linear-gradient(to top, #FBFBFB, #F0F1F3),
                      linear-gradient(to right, #FBFBFB, #F0F1F3);
    background-origin: border-box;
    background-size: 100% 15px, 15px 100%, 100% 15px, 15px 100%;
    background-position: top left, top right, bottom right, bottom left;
    background-repeat: no-repeat;
    border-radius: 35px 35px 35px 35px;
    background-color: #FFFFFF;
    background-color: var(--color-white);
}

.CardBoxBorder .CardBoxTabs {
    color: var(--color-primary);
    font-family: "Regular TQ", Regular;
    font-weight: bold;
    font-weight: var(--font-bold);
    margin-top: 34px;
    margin-left: 37px;
    margin-right: 37px;
}

.CardBoxBorder .CardBoxTitle {
    color: var(--color-grey);
    font-family: "Regular TQ", Regular;
   font-size: var(--font-size-base);
    font-weight: var(--font-bold);
    margin-top: 6px;
    margin-left: 37px;
    margin-right: 37px;
}

.CardBoxBorder .CardBoxData {
    margin-top: 20px;
    margin-left: 37px;
    margin-right: 37px;
    margin-bottom: 37px;
}

.phone.portrait .CardBoxBorder .CardBoxData {
    margin-top: 20px;
    margin-left:20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.phone.portrait .CardBoxBorder .CardBoxTitle {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.phone.portrait .CardBoxBorder{
    padding-bottom: 10px;
}


.phone.portrait .CardBoxBorder .CardBoxTabs {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

/*WWebblock: CardBoxTabs - END*/


/*Screen: ClaimsData - BEGIN */

.phone .ClaimDataContainer [class*="ThemeGrid_Width"]:not(.no-responsive){
    margin: 0px;
}

.phone .ClaimDataContainer .columns.gutter-xs.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.ClaimDataContainer .input-with-icon .input-with-icon-input, .input-with-icon .input-with-icon-input input {
    max-height: 50px;
}

.tablet .ClaimDataContainer .columns.gutter-xs.tablet-break-last:only-child > .columns-item:not(:last-child){
    margin-bottom: 0;
}

.ObjectListContainer{
    padding-top: 20px;
   
}

.phone .ObjectListContainer{
    padding-top: 0px;
    margin-top: -15px;
}

.ObjectInputContainer{
    display: flex;
}

.RefreshObjectDiv{
    width: 28px;
    padding-left: 4px;
    margin-top: 20px;
}

.ClaimDataObjectDescription{
    width: 69%;
    min-width: 200px;
}

.tablet.landscape .ClaimDataObjectDescription{
    width: 80%;
    max-width: calc(100% - 28px);
}

.tablet.portrait .ClaimDataObjectDescription{
    width: 90%;
    max-width: calc(100% - 28px);
}

.phone.landscape .ClaimDataObjectDescription{
    width: 80%;
    max-width: calc(100% - 28px);
}

.phone.portrait .ClaimDataObjectDescription {
    width: calc(100% - 28px);
}

.desktop-small .ClaimDataObjectDescription {
    min-width: 220px;
}

.tooglestyle {
    margin-bottom: -5px;}

label.CustomMandatoryLabel:after {
    color: var(--color-error);
    content: '*';
    margin-left: var(--space-s);
}

.tablet.portrait .specialinput.InputSize8Col {
    width: 95%;
}

.ListRecordsLine{
    margin-top: 0;
}

.tablet.portrait .InputSize8Col .choices {
    position: relative;
    min-width: 285px;
}


.phone.portrait .Page.FixedFooter .MainContent {
    padding: calc(var(--theme-colorBar-horizontal) + 80px) 
                var(--space-base) 
                calc(var(--theme-colorBar-horizontal) + var(--theme-footer-height) 
                + var(--space-base));
}

.tablet.portrait .columns.tablet-break-last > .columns-item:last-child .SignedBy .InputSize8Col {
    width: 45%;
}

.tablet.lanscape .columns.tablet-break-last > .columns-item:last-child .SignedBy .InputSize8Col {
    width: 40%;
}


.tablet .ClaimDataContainer .columns.gutter-xs.tablet-break-first:only-child > .columns-item:not(:last-child){
    margin-bottom: 0px;
}


.tablet.portrait input.InputSize8Col.ClaimDataLocal{
    width: 95%;
}

.tablet.landscape input.InputSize8Col.ClaimDataLocal{
    width: 91%;
}

.tablet.landscape .HasRightMenu:not(.HasLeftMenu).RightMenuClosed .MainArea_Content input.InputSize8Col.ClaimDataLocal{
    width: 90%;
}



/*Screen: ClaimsData - END */


/*Webblock: CrumbTabs - BEGIN*/

.CustomCrumbContainer .breadcrumbs-item{
    color: var(--color-neutral-10);
    font-size: var(--font-size-h5);
    font-weight: var(--font-regular);
    line-height: 1.6;
    padding: var(--space-none) var(--space-xs);
}

.CustomCrumbContainer .breadcrumbs-item .icon .fa-fw {
    font-size: var(--font-size-m);
    width: auto;
    padding-left: 10px;
}

.CurrentCrumb .breadcrumbs-item{
    font-size: var(--font-size-h4);
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
    line-height: 1.45;
    padding: var(--space-none) var(--space-xs);
    }
        
.phone.portrait .MultipleTabCrumb .breadcrumbs{
    display: inline !important;
}  

.CustomCrumbContainer div[onclick].CrumbInactive {
    cursor: default;
}

.MultipleTabCrumb .ListRecords {
    display: flex;
}

.phone.portrait .MultipleTabCrumb .ListRecords {
    display: block;
}

.MultipleTabCrumb.BreakedCrumb .breadcrumbs{
    display: block;
}


/*Webblock: CrumbTabs - END*/


/*Screen: ClaimsDescription - BEGIN*/


.MainDescriptionContainer .tablet.portrait .InputSize8Col .choices{
    position: relative;
    min-width: 285px;
}

.DescriptionFormContainer .columns.gutter-xs.tablet-break-last:only-child > .columns-item:not(:last-child),
.DescriptionFormContainer .phone .columns.gutter-xs.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom: var(--space-none);
}

.phone .su-page-tab-title-active,
.phone .su-page-tab-title-inactive {
    padding: var(--space-xs) var(--space-xs);
}

.phone .WizardSessionData {
    color: var(--color-white);
    bottom: -2px;
}

.phone .StepsItem .StepsItem__Title {
    line-height: 1;
}

.phone .RightActionsContainer {
    display: none;
}

.phone .HeaderWrapper.HeaderInfo {
    padding-top: 25px;
}

.phone .js-hasResumed .HeaderWrapper.HeaderInfo {
    padding-top: 25px;
}

.phone .js-hasResumed .js-hasScrolled .HeaderWrapper.HeaderInfo {
    padding-top: 15px;
}

.tablet.portrait .HasRightMenu:not(.HasLeftMenu) .MainArea__ContentFooter {
    width: 100%;
}

.InputSize8Col {
    width: 69%;
    min-width: 200px;
}

.InputSize4Col {
    width: 32%;
    min-width: 200px;
}

.InputSize2Col {
    width: 80px;
}

.InputSize2Col input[type="text"]{
    width: 80px;
}

.tablet.landscape .InputSize8Col {
    width: 80%;
}

.tablet.portrait .InputSize8Col {
    width: 90%;
}

.phone.landscape .InputSize8Col {
    width: 80%;
}

.phone.portrait .InputSize8Col {
    width: 100%;
}

.phone .InputSize4Col {
    width: 100%;
}

.desktop-small .InputSize8Col {
    min-width: 220px;
}

.desktop-small .InputSize2Col {
    min-width: 100px;
}

.MainArea__ContentFooter .Button  {
    min-width: 100px;
    margin-left: 15px;   
}

.phone.portrait .HasRightMenu:not(.HasLeftMenu).RightMenuClosed .MainArea__ContentFooter {
    padding-top: 0px;
}

.phone.portrait .FooterButtonBox{
    padding-top: 15px;
    padding-left: 15px;
}

.phone.landscape .FooterButtonBox .Button{
    width: 90%;
}

.phone.landscape .FooterButtonBox{
    padding-top: 15px;
}

.phone.landscape .FooterButtonBox .Button{
    width: 100px;
}

.phone.portrait .Footer2ButtonBox{
    padding-top: 0px;
}

.phone.landscape .MainArea__ContentFooter1 {
    padding-top: 0px;
    padding-right: 35px;
    }

.phone.landscape .Footer2ButtonBox .Button {
    width: 100px;
    margin-left: 15px;
}

.phone.portrait .Footer2ButtonBox .Button {
    width: 40%;
    margin-left: 15px;
}

.phone.landscape .Footer3ButtonBox .Button {
    width: 30%;
    margin-left: 15px;
}

.phone.portrait .displayFlexPhone{
    display: flex;
}

.phone.portrait .Footer3ButtonBox .Button {
    width: 30%;
    margin-left: 10px;
    min-width: 95px;
    white-space: pre-wrap;
    margin-top: var(--space-base);
}

.su-page-tab-title-active {
    font-size: var(--font-size-h4);
    line-height: 1.45;
}

.su-page-tab-title-inactive {
    line-height: 1.59;
}

.firefox .su-page-tab-title-inactive {
    line-height: 1.6;
}

.phone.landscape .ClaimDescriptionModalButton .Button{
    max-width: 100px;
    margin-left: 15px;
}

.phone.portrait div.Feedback_Message_Error,
.phone.portrait div.Feedback_Message_Warning, 
.phone.portrait div.Feedback_Message_Success, 
.phone.portrait div.Feedback_Message_Info {
    min-width: 300px;
    width: 90%;
}

.tablet.portrait .InputSize8Col.AccidentLocal {
    width: 95%;
}

.tablet.landscape .InputSize8Col.AccidentLocal {
    width: 90%;
}

/*Screen: ClaimsDescription - END*/


/*Screen: CollisionPoints - BEGIN*/

.CroquiClickingContainer {
    padding: 8px 0px;
   }

.phone .CroquiClickingContainer img{
    max-width: 200%; 
}    

.CroquiMotoHeavy{
    margin-left: 40px;
}

.phone .CroquiMotoHeavy{
    margin-left: 15px;
}

.CollisionListContainer{
    min-width: 150px;
}

.CollisionTitleContainer {
    text-align: left;
    color: var(--color-primary);
    font-size: var(--font-size-base);
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    width: 100%;
}

.phone .CollisionTitleContainer {
    padding: 10px 0px 20px 0px;
}

.tablet .CroquiDataContentContainer{
    padding-top: 10px;
}

.phone .CroquiDataContentContainer{
    padding-top: 10px;
}

.CroquiDataContentContainer.CroquiOdd {
    border-color: var(--color-primary);
    border-style: solid;
    border-width: 0px 1px 0px 0px;

}

.CollisionGalleryContainer .gallery-item{
    margin: 0px !important;
    display: flex;
}

.CroquiSeparator{
    width: 1px;
    border-left: 1px var(--color-neutral-3) solid;
    height:auto;
    padding: 0px;
    margin:0px;
}

.CroquiFullContainer {
    width:100%
}

.desktop .CroquiFullContainer{
    width: calc(100% -2px);
}

.CollisionGalleryContainer.SingleContainer{
    max-width: 700px;
}

.SubTitlePoints{
    color: var(--color-grey);
    font-size: var(--font-size-base);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-base);
    margin-top: 0px;
}

.phone .SubTitlePoints{
    margin-top: var(--space-base);
    margin-bottom: 0px;
}

.ImageCroqui8{
    margin-left:8.5px
}

.ImageCroqui9{
    margin-left:9px
}

.ImageCroqui10{
    margin-left:10px
}

.CroquiClickingContainer .multi-checkbox .check {
    background-color: var(--color-shadow-lightGrey);
}

.CroquiClickingContainer .multi-checkbox .check.checked {
    background-color: var(--color-primary);
}

/*Screen: CollisionPoints - END*/

/*Screen: Glass - BEGIN*/

.phone.portrait ContentGlassArea. CardBoxBorder .CardBoxTabs,
.phone.portrait ContentGlassArea. CardBoxBorder .CardBoxData,
{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
 }

.GlassSelectionItem{
    display:flex;
    padding-bottom:10px;
}

.GlassCheckBoxContainer{
    width: 24px;
    height:24px;
}

.ToolTipWLable .tooltip{
     white-space: normal;
}

.ADASLabel{
    font-weight: bold;
    color: var(--color-grey);
}

.SubTitleGlass{
    color: var(--color-grey);
    font-size: var(--font-size-base);
    font-weight: var(--font-bold);
    margin-bottom: var(--space-base);
    margin-top: 0px;
}

.phone .SubTitleGlass{
    margin-top: var(--space-base);
}

.GlassInterventionContainer{
    width: 120px;
}

.GlassInterventionContainer .choices{
    min-width: 120px;
}


.GlassInterventionContainer .choices__inner {
    padding: 0 12px;
}

.GlassInterventionContainer .choices__list--single .choices__item {
    padding-right: 0;
}

/*Screen: Glass - END*/

/*Screen: DAAA - BEGIN*/

.CircumstancesTable{
    max-width: 740px;
}

.DAAAHeaderLeft,
.DAAAHeaderRight{
    font-weight: bold;
    font-size:var(--font-size-h6);
    color:var(--color-primary);
}


.DAAAHolderVehicleCombo{
    width:120px;
}

.phone.portrait .DAAAHolderVehicleCombo{
    width:100%;
}

.TableRecords tbody tr:last-child td {
    background-color: var(--color-lightGrey);
    border-top: var(--color-primary) 2px solid;
}

/*Screen: DAAA - END*/


/*Screen: Injured - BEGIN*/

.AccordionItemWrapperContainer{
    position:relative;
}

.AcItemWrapperActionPlaceHolder{
    position: absolute;
    height: 50px;
    width: 50px;
    right: 45px;
    top: 30px;
    z-index: 5;
}

.HasRightMenu:not(.HasLeftMenu) .MainArea__ContentFooter {
    z-index: 8;
}
.BottomColorBar {
    z-index: 8;
}

.phone.portrait .AcItemWrapperActionPlaceHolder{
    right:40px;
}

.AccordionItemWrapperPlaceholder{
    z-index: 1;
}

.InjuredAccordionItemContent .columns.gutter-m > .columns-item{
    padding-bottom: 0;
    margin-bottom: 0;
}


.InjuredAccordionItemContent .phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.phone .InjuredAccordionItemContent .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.AccordionCustomLabel{
    color: var(--color-black);
    font-size: var(--font-size-s);
    font-weight: var(--font-bold);
    padding: 0 0 5px;
}

.AccordionCustomLabel.ListMandatoryLabel:after {
    color: var(--color-error);
    content: '*';
    margin-left: var(--space-s);
}

.InjuredToggle{
    padding-bottom: 10px;
}

.InjuredLong{
    padding-bottom: 20px;
    width: 92%;
}

.InjuredMedium{
    padding-bottom: 20px;
    width: 100%;
}

.InjuredShort{
    padding-bottom: 20px;
    width: 92%;
    min-width:100px;
}

.phone.portrait .InjuredTitle{
    overflow: hidden;
    text-overflow: ellipsis;
   }

.tablet.landscape .DoubleToggleContainer{
    max-width:300px;
}

.tablet .InjuredMedium {
    width: 88%;
}

.phone .InjuredLong,
.phone .InjuredMedium,
.phone .InjuredShort,
.tablet .InjuredLong,
.tablet .InjuredMedium,
.tablet .InjuredShort {
    padding-bottom: 15px;
}

.phone.portrait .InjuredLong,
.phone.portrait .InjuredMedium,
.phone.portrait .InjuredShort{
    width: 100%;
}

.phone.landscape .InjuredLong{
    width: 100%;
}

.phone.landscape .InjuredShort{
    width: 40%;
    min-width:100px;
}

.InjuredAccordionItemContent{
    padding-top: 15px;
    border-top: 1px solid;
    border-color: var(--color-lightGrey);
    }

/*Screen: Injured - END*/

/*Screen: ThirdPartyVehicle - BEGIN*/

.tablet .VehicleDiv .columns.gutter-m.tablet-break-last:only-child > .columns-item:not(:last-child),
.phone .VehicleDiv .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child){
    margin-bottom: 0;
}

.tablet.portrait .VehicleDiv .InputSize8Col .choices {
    min-width: 200px;
}

.tablet .VehicleDiv .columns.tablet-break-last > .columns-item:last-child{
    width: 50%;
}

.DriverCounty{
    padding-bottom: 20px;
    width: 92%;
    min-width: 200px;
}

.phone.landscape .DriverCounty{
    width: 80%;
}

.phone.portrait .DriverCounty{
    width: 100%;
}

.tablet.landscape .VehicleIBANDocContainer .DocContent {
    width: 30%;
}

.VehicleDiv .columns.gutter-m > .columns-item {
    margin-bottom: var(--space-m);
    padding: var(--space-none) calc(var(--space-none) / 0);
}

.VehicleDiv .choices__list--single {
    padding-right: 0px;
    margin-left: 10px;
    width: calc(100% - 10%);
}

.VehicleDiv .choices__inner {
    padding: 0px var(--space-none);
}

.VehicleDiv {
    padding: var(--space-none) calc(var(--space-m) / 2);
}

.phone .VehicleDiv,
.tablet .VehicleDiv {
    padding: 0px;
}


.phone .VehicleDiv .columns.gutter-m > .columns-item,
.tablet .VehicleDiv .columns.gutter-m > .columns-item{
    /*margin-bottom: var(--space-m);*/
    padding: var(--space-none) calc(var(--space-m) / 2);
}


/*Screen: ThirdPartyVehicle - END*/


/*Screen: ThirdPartyObject - END*/

.ThirdPartyContainer .columns.gutter-m > .columns-item{
    padding-bottom: 0;
    margin-bottom: 0;
}


.ThirdPartyContainer .phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.phone .ThirdPartyContainer .columns.gutter-m.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.ThirdPartyTitleContainer{
   Color: var(--color-black);
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    background-color: var(--color-neutral-2);
    color: var(--color-black);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: var(--font-semi-bold);
    height: 40px;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
    line-height: 1;
    min-width: 32px;
    padding: var(--space-none) var(--space-base);
    word-break:  keep-all;
    font-size: var(--font-size-base);
    border-radius: 6px;
}

/*Screen: ThirdPartyObject - END*/



/*Screen: Confirmation - BEGIN*/

.phone .ConfirmationUploadCard .TitleContainer {
    display: none;
}

.phone .ConfirmationUploadCard .RightActionsContainer {
    display: none;
}

.phone .ConfirmationUploadCard .BoxBorder .BoxData {
    margin-top: 37px;
}

.phone.portrait .ConfirmationDocumentContainer{
    padding-bottom: var(--space-s);
}

.ContactListRecordsLine{
    margin-top: 0;
}

.tooltip {
    max-width: 30vw;
}

.tablet .tooltip {
    max-width: 40vw;
}

.phone .tooltip{
    max-width: 60vw;
}

.phone.portrait .tooltip{
    max-width: 70vw;
}

.ToolTipWLable{
    display: flex;
}

.InfoTooltip {
    text-align: left;
    color: var(--color-primary);
    max-width: 250px;  
    display: inline;
}

.LabelTooltiped {
    width: auto;
}

/*Screen: Confirmation - END*/

/*Screen: End - BEGIN*/

.EndClaimTitle {
   font-size: var(--font-size-h4);
}

.EndLicensePlate {
    font-size: var(--font-size-h6);
    color: #868686;
    padding-left: 5px;
}

.tablet .EndClaimTitle {
    font-size: var(--font-size-h6);
}

.phone .EndClaimTitle {
    font-size: var(--font-size-xs);
    margin-top: 10px;
}

.EndClaimSubTitle {
    color: var(--color-primary);
    font-size: var(--font-size-h1);
    text-decoration: underline;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
}

.tablet .EndClaimSubTitle {
    font-size: var(--font-size-h4);
    color: var(--color-primary);
    text-decoration: underline;
}

.phone .EndClaimSubTitle {
    font-size: var(--font-size-base);
    color: var(--color-primary);
    text-decoration: underline;
}

.phone .TitleStart2 {
    line-height: 1;
    font-size: var(--font-size-h3);
}

.phone.landscape .TitleStart2 {
    max-width: 100px;
}

.PDFContainer {
    background-color: var(--color-white);
    opacity: 0.9;
    margin-top: 30px;
    border-radius:6px;
}

.phone .PDFContainer{
    margin-top: 15px;
}

.wrap-phone {
    white-space: break-spaces;
}

.EndContentContainer {
    width:  100%;
}

.PDFContainer .tablet .columns.gutter-l.tablet-break-first:only-child > .columns-item:not(:last-child), 
.PDFContainer .phone .columns.gutter-l.phone-break-first:only-child > .columns-item:not(:last-child), 
.PDFContainer .tablet .columns.gutter-l.tablet-break-last:only-child > .columns-item:not(:last-child), 
.PDFContainer .phone .columns.gutter-l.phone-break-last:only-child > .columns-item:not(:last-child), 
.PDFContainer .tablet .columns.gutter-l.tablet-break-middle:only-child > .columns-item:not(:last-child), 
.PDFContainer .phone .columns.gutter-l.phone-break-middle:only-child > .columns-item:not(:last-child), 
.PDFContainer .tablet .columns.gutter-l.tablet-break-all:only-child > .columns-item:not(:last-child), 
.PDFContainer .phone .columns.gutter-l.phone-break-all:only-child > .columns-item:not(:last-child) {
    margin-bottom: 0;
}

.tablet.portrait .PDFContainer{
    width: 80%;
}

.tablet.landscape .PDFContainer,
.phone.landscape .PDFContainer{
    margin-top: 15px;
}

.phone .ButtonAdd .ButtonLabel {
    margin-top: -35px;
}

.InputButtonContainer {
    margin-top: 10px;
    padding: 18px 0px;
}

.phone.portrait .PDFAreaBox {
    
    padding: 14px;
}

.phone .House {
   margin: 9% 9% 3% 9%;
}

.phone .ContentResumed {
    padding-bottom: 25px;
    margin-top: 0px;
}

.EndModalContainer{
    min-width: 50vw;
}

.desktop-small .EndModalContainer{
    min-width: 70vw;
}

.phone .EndModalContainer,
.tablet .EndModalContainer{
    min-width: 80vw;
}

.EndModalContainer .modal-content {
    min-width: 50vw;
    overflow-y: auto;
    max-height: 100%;
    height:80vh;
}

.desktop-small .EndModalContainer .modal-content {
    min-width: 70vw;
}

.phone .EndModalContainer .modal-content,
.tablet .EndModalContainer .modal-content{
    min-width: 80vw;
}

.EndModalContainer .modal-wrapper {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    box-shadow: var(--shadow-xl);
    max-height: 100%;
    min-width: 50vw;
    width: 100%;
}

.desktop-small .EndModalContainer .modal-wrapper{
    min-width: 70vw;
}

.phone .EndModalContainer .modal-wrapper,
.tablet .EndModalContainer .modal-wrapper{
    min-width: 80vw;
}

.ExpertiseTypeImg {
    width: 50px;
    vertical-align: middle;
}

.EndBookingConfirmation {
    margin-left: 20px;
    color: var(--color-primary);
    font-size: var(--font-size-s);
    font-weight: bold;
    vertical-align: bottom;
}

/*Screen: End - END*/

/*Webblock: UploadDocuments - BEGIN*/

.BoxCaption {
    font-size: var(--font-size-s);
    font-weight: bolder;
}

.BoxInput {
    margin-bottom: 7px;
}

.DocContent{
    width: 30%;
    min-width: 200px;
}

.DocContent .choices-disabled .choices__list--single .choices__item {
    color: var(--color-darkGrey);    
}

.DocContent .choices-disabled .choices__inner {
    background-color: var(--color-lightGrey);
    border: 1px solid var(--color-neutral-5);
}

.tablet.landscape .DocContent{
    width: 40%;
}

.tablet.portrait .DocContent{
    width: 45%;
}

.phone .DocContent{
    width: 100%;
}

.phone.landscape .DocContent{
    width: 80%;
}

.desktop .DocContent {
    width: 23%;
}

.desktop-small .DocContent {
    min-width: 220px;
}   

.phone .Button.invisible {
    display: none !important;
}

.phone .EndDocumentContainer {
    padding-bottom: var(--space-s);
}

.DocContent .choices-disabled.Not_Valid .choices__inner {
    border: var(--border-size-m) solid #F44336;
} 

/*Webblock: UploadDocuments - END*/


/*Webblock: Glass Croqui - BEGIN*/

.cnt_croqui {
    padding: 0px;
}

.phone.portrait .BoxBorder{
    padding-bottom: 7px;
}

.phone.portrait .BoxBorder .BoxData {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.phone.portrait .BoxBorder .BoxTitle { 
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.phone.portrait .BoxBorder .BoxSubTitle {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 6px;
}

.Escalado .NumberAlignCenter {
    align-items: center;
    display: flex;   
}

.phone .Escalado .NumberAlignCenter {
    align-items: center;
    display: flex;   
    width: 20px;
    height:18px;
}

.Escalado .StartMeasuringVertical{
    margin-top: 145px;
    width: 270px;
    margin-left: 55px;
    height: 235px;
}
    
.phone .Escalado img,
.tablet .Escalado img{
    max-width: 200%;
}

.Escalado img{
    max-width: 370px;
    width: 370px;
}

.Escalado .StartMeasuringVertical .multi-checkbox .check.unchecked {
    background-color: var(--color-white);
    border:  1px solid var(--color-primary);
    width:18px;
    height:18px;
}

.Escalado .StartMeasuringVertical .multi-checkbox .check.checked{
    background-color: var(--color-primary);
    border:  1px solid var(--color-primary);
    width:18px;
    height:18px;
    font-size:var(--font-size-xs);
    font-weight: bolder;
}

.Escalado .LEF{
    padding: 0px 52px 0px 0px;
}
    
.Escalado .LDF{
    padding: 0px 0px 0px 52px;
}

.Escalado .LET{
    padding: 0px 48px 0px 2px;
}

.Escalado .LDT{
    padding: 0px 2px 0px 48px;
}

.phone .Escalado .StartMeasuringVertical{
    margin-top: 82px;
    width: 92px;
    margin-left: 26px;
    height: 130px;
}
    
.phone.Escalado .StartMeasuringVertical .multi-checkbox .check.unchecked {
    background-color: var(--color-white);
    border:  1px solid var(--color-primary);
    width:14px;
    height:14px;
    border-radius: 3px;
}

.phone .Escalado .StartMeasuringVertical .multi-checkbox .check.checked{
    background-color: var(--color-primary);
    border:  1px solid var(--color-primary);
    width:14px;
    height:14px;
    font-size:7px;
    font-weight: bolder;
    border-radius: 3px;
}

.Escalado .multi-checkbox .check.Disabled {
    background-color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    cursor: auto;
    visibility: hidden;
}

.Escalado .multi-checkbox .check.checked.Disabled {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: var(--color-white) !important;
    cursor: auto;
    visibility: visible;
}

.phone .Escalado .LEF{
    padding: 0px 36px 0px 0px;
    width:44px;
    height:25px;
}
    
.phone .Escalado .LDF{
    padding: 0px 0px 0px 27px;
    width:44px;
    height:25px;
}

.phone .Escalado .LET{
    padding: 0px 25px 0px 0px;
    width:38px;
}

.phone .Escalado .LDT{
    padding: 0px 2px 0px 25px;
}

.phone .Escalado .OTR{
    height:30px;
}

.Escalado{
    min-height: 450px; 
}

.phone .Escalado{
    min-height:280px;
}

.glass-croqui-container {
    position:relative;
}

.glass-croqui-image {
    position:absolute;
}

.glass-croqui-table {
    position:relative;
}

/*Webblock: Glass Croqui - END*/


/*Webblock: PDFArea - BEGIN*/

.PDFAreaBox {          
    border: 1px solid #E1E1E1;          
    border-radius: 8px;
    padding: 24px 30px;
}

.InputButtonContainer{
    margin-top: 10px;
}

.PDFEmailInputContainer{
    margin-top: 10px;
}

.tablet .ButtonAdd .ButtonIcon,
.phone .ButtonAdd .ButtonIcon{
    width: 50px;
    height: 50px;
}

.tablet .ButtonAdd .ButtonLabel,
.phone .ButtonAdd .ButtonLabel{
    margin-left: 55px;
}

.BlackIcon{
    margin-top: 4px;
    margin-left: 15px;
}

.PDFTitle{
    color: var(--color-primary);
    font-weight: bold;
    padding: 0px;
}

/*Webblock: PDFArea - END*/


/*Webblock: ComplementaryData - BEGIN*/

.AccordionNameDiv {
    width: calc(100% - 38px); 
}

.phone .AccordionNameDiv {
    width: calc(100% - 38px); 
  }
  
.tablet .AccordionNameDiv {
    width: calc(60% - 38px);
}

.tablet.landscape .AccordionNameDiv {
    width: calc(100% - 38px); 
}

.phone .AddRemoveItem {
    margin-left: 0px;
    margin-top: 0px;
}

.ShortTitleComp {
    min-width: 80px;
    display: flex;
    max-width: 80px;
    font-size: var(--font-size-xs);    
}

.ComplementaryDetailsCols .columns-item{
    overflow: hidden;
    text-overflow: ellipsis;
}

.AccordionDetailDescription{
    font-size: var(--font-size-xs);
    font-style: normal;
    font-weight: normal;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;

}

/*Webblock: ComplementaryData - END*/

/*Accordion -  START*/

.CustomAccordionItem_Content .columns:only-child > .columns-item {
    margin-bottom: var(--space-xs);
}


.CustomAccordionItem_Content .columns:only-child > .columns-item {
    margin-bottom: var(--space-xs);
}

.ComplementaryDetailsCols .columns-item {
    margin-bottom: 0px !important;
}

.CustomAccordionItem_Content .columns:only-child > .columns-item {
    margin-bottom: var(--space-xs);
}

.AccordionNameDiv .columns-item {
    margin-bottom: 0px !important;
}

/*Accordion -  END*/


/*Webblock: HolderInfo - Start*/

.HolderInfoEmailDiv .columns-item{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.GenericOverFlowEllipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*Webblock: HolderInfo - END*/

/*Webblock: ClaimInfo - BEGIN*/

.AccordionLocalDiv .columns.columns-medium-left > .columns-item:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Webblock: ClaimInfo - END*/

/*Third party vehicle modal  BEGIN*/

.ThirdPartyVehicleModal {
    max-width: 800px;
    width: 750px;
    overflow-y: scroll;
    -ms-overflow-style: none; /*hide scroll IE and Edge*/
    scrollbar-width: none; /*firefox*/
}

.phone .ThirdPartyVehicleModal{
    height: 468px;
    width: 347px;
    overflow-y: scroll;
    -ms-overflow-style: none; /*hide scroll IE and Edge*/
    scrollbar-width: none; /*firefox*/

}

.ThirdPartyVehicleModal .modal-content {
    -ms-overflow-style: none; /*hide scroll IE and Edge*/
    scrollbar-width: none; /*firefox*/
}
.ModalContent{
    min-height:175px;
    width: 750px;
}

.phone .ModalContent{
    min-height:125px;
    width: 250px;
}

.ThirdPartyVehicleModal::-webkit-scrollbar{
    display: none;
}

.CustomModalPopup .modal-content::-webkit-scrollbar{
    display: none;
}

.ModalContent .columns.gutter-m > .columns-item {
    margin-bottom: var(--space-s);
    padding: var(--space-none) calc(var(--space-m) / 2);
}

.TrashIconModal {
    padding-left: 3px;
    padding-top: 10px;
    width: 21px;
}

 .equalizer{
    width: calc(100% - 32px);
    min-width: calc(100% - 32px);
    max-width: calc(100% - 32px);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.BrandElliptedText{
    display: block;
    padding-top: var(--space-xs);
    font-size: var(--font-size-xs);
    font-weight:  var(--font-regular);
    overflow: hidden;
    text-overflow: ellipsis;
}

.phone .equalizer{
    padding-bottom: 24px;}
}
    
.tablet .ThirdPartyVehicleModal{
    max-width:700px;
}

.tablet .ModalContent{
    max-width:675px;
}

.tablet .ThirdPartyVehicleModal .InputSize8Col{
    width:69%;
    max-width:150px;
}

.VehucleList {
    margin-left: -20px;
    margin-top: -10px;
}
/*Third party vehicle modal  END*/

/*TOOGLE btn*/
.tooglestyle {
    margin-bottom: -5px;
}
    
/*Schema START*/

.galleryRadioBtn .radio-button:checked::before {
    height: 15px;
    width: 15px;
}
.galleryRadioBtn .radio-button:checked::before {
    background-color: var(--color-neutral-0);
    border: 5px solid var(--color-primary);
    
}
.galleryRadioBtn .radio-button:not(:checked):before{
    border: 2px solid var(--color-grey);
    height: 15px !important;
    width: 15px !important;
}

.SchemaGalleryItem{
    padding: 10px;
}

/*Schema END*/

/*RepairQV - BEGIN*/

.GlassDamageType {
    font-weight: bold;
    display: flex;
    align-items: center;
    height: 40px;    
}

.GlassDamageQuestion {
    height: 40px;
    display: flex;
    align-content: center;
    align-items: center;    
}

.GlassQuestions .columns.gutter-m > .columns-item {
    margin-bottom: var(--space-s);
}

.phone .GlassQuestions .columns.gutter-m > .columns-item {
    margin-bottom: var(--space-l);
}

.GlassQuestions .button-group {
    height: 40px;
    align-items: center;
    padding-bottom: 0px;    
}

/*RepairQV - END*/

/*Webblock: ExpertiseChoice - BEGIN*/

/*.ExpertiseChoice_Container {
    box-shadow: 0px 2px 23px #cdcdcd;
    border-width: 2px;
    border-color: transparent;
    border-style: solid;
    border-radius: 6px;
    padding: 30px;
    /*min-height: 600px;*/
/*}

.Recomended {
    border-color: var(--color-primary);
}

.selectedchoice {
    border-color: var(--color-primary);
    background-color: var(--color-green-lightest);
}

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

.ExpertiseChoice_Description {
    font-size: var( --font-size-base);
    margin: 15px 0;
    min-height: 190px;
}

.ExpertiseChoice_Description div {
    display: list-item;
}

.ExpertiseChoice_Image {
    text-align: center;
    margin-bottom: 10px;
}

.ExpertiseChoice_Image img {
    height: 100px;
}

.ExpertiseChoice_RadioButton {
    display: flex;
    justify-content: center;
}


/*Webblock: ExpertiseChoice - END*/


/*Screen: ExpertiseScheduling - BEGIN*/

.ExpertiseTitle {
    font-size: var(--font-size-h4);
    color: var(--color-primary);
    font-weight: var(--font-semi-bold);
    line-height: 1.45;
}

.PeriodContainer .button-group {
    width: 192px;
}

.phone .PeriodContainer .button-group label {
    padding-bottom: 0px;
}

.SchedulingInput {
    width: 16%;
    min-width: 200px;
}

.PhoneConfirmation {
    margin-left: 30px;
}

.phone .PhoneConfirmation {
    margin-left: 0px;
}

.PhoneEditionContainer {
    margin-left: 20px;
}

.phone .PhoneEditionContainer {
    margin-top: 10px;
    margin-left: 0px;
}

/*Screen: ExpertiseScheduling - END*/

/*Webblock: ProviderMapClaimsTracking - BEGIN*/

.ModalResponsivo { 
    position: relative;
}

.Benefits {
    top: 131px;
    z-index: 0;
}

.ModalResponsivo .FiltersHeader {
    top: 10px;
    z-index: 1;
}

.ModalResponsivo .FiltersBody {
    top: 131px;
    z-index: 1;
}

.ModalResponsivo .FloatingList {
    right: 10px;
    top: 10px;
    z-index: 1;
}

/*Webblock: ProviderMapClaimsTracking - END*/

.textTransformUppercase{
    text-transform: uppercase;
}

span.MandatorySpan:after {
    color: var(--color-error);
    content: '*';
    margin-left: var(--space-s);   
}

.Expression_label {
    font-weight: bold;
    color: var(--color-grey);
    padding-bottom: 3px;
    display: inherit;
}

/*** Green scrollbar for whole page ***/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    margin-left: 3px;
    box-shadow: inset 0 0 3px grey;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary); 
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-secondary); 
}


/*** Additional Description Title ***/


.AdditionalDescriptionTitle{
}

.AdditionalDescriptionTitle.MandatoryAdditionalDescription:after {
    color: var(--color-error);
    content: '*';
    margin-left: var(--space-s);
}