@php
   //dump($record_appearance)

@endphp
<style>
    /*
    |-----------| MEDIA: PRINT
    */
    @media print {


        .noprint {
            display: none;
        }

        #headerImprint {
            background-color: {{isset($record_appearance->headerImprintBackgroundColor)?$record_appearance->headerImprintBackgroundColor:$record_appearance_example->headerImprintBackgroundColor}};
        }

        #headerLogo {
            background-color: {{isset($record_appearance->headerLogoBackgroundColor)?$record_appearance->headerLogoBackgroundColor:$record_appearance_example->headerLogoBackgroundColor}};
            padding: 8px 25px !important;
            display: block !important;
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            break-inside: avoid;

        }

        #headerLogo {
            padding: 15px;
        }


        #clientProposal {
            background-color: {{isset($record_appearance->clientBackgroundColor)?$record_appearance->clientBackgroundColor:$record_appearance_example->clientBackgroundColor}};
            padding: 3.2rem 0;
        }


        #clientProposalText {
            font-size: 32px;
            color: {{isset($record_appearance->clientProposalTextColor)?$record_appearance->clientProposalTextColor:$record_appearance_example->clientProposalTextColor}};
        }


        #clientIcon {
            white-space: nowrap
        }


        .slider {
            display: none !important;
        }

        body {
            /*plano de fundo*
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
           /* background: #eef5f9; */


            background-color: {{isset($record_appearance->prodctservBackgroundColor)?$record_appearance->prodctservBackgroundColor:$record_appearance_example->prodctservBackgroundColor}};

            font-family: "Poppins", sans-serif;
            margin: 0;
            overflow-x: hidden;
            color: #67757c;
            font-weight: 300;
        }

        .primerOrcamentoDiv {
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            background-color: #eef5f9 !important;
            break-inside: avoid;

        }

        .headerProposta {
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;
            position: relative;
            padding: 3.2rem 0;
            width: 100%;
            background-color: #e2ebf1 !important;
            break-inside: avoid;

        }

        .tabelaPropostaOrcamento {
            background-color: #eef5f9;
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;

        }

        .table-striped tbody tr:nth-of-type(odd) {
            print-color-adjust: exact !important;
            -webkit-print-color-adjust: exact !important;

        }

        .sorting_asc {
            background-color: rgb(255 255 255 / 0%) !important;
            -webkit-print-color-adjust: exact !important;
            print-color-adjust: exact !important;
        }

        .table td, .table th {
            background-color: rgb(255 255 255 / 0%) !important;

        }

        @page {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;

        }

    }

    /*
    |-----------| MEDIA: BROWSER
    */
    .headerProposta {
        position: relative;
        padding: 3.2rem 0;
        width: 100%;
        background-color: #e2ebf1 !important;


    }

    #headerImprint {
        background-color: {{isset($record_appearance->headerImprintBackgroundColor)?$record_appearance->headerImprintBackgroundColor:$record_appearance_example->headerImprintBackgroundColor}};
    }

    #headerLogo {
        padding: 8px 25px;
        background-color: {{isset($record_appearance->headerLogoBackgroundColor)?$record_appearance->headerLogoBackgroundColor:$record_appearance_example->headerLogoBackgroundColor}};


    }

    /* CUSTOM */
    {{isset($record_appearance->headerCssCustom)?$record_appearance->headerCssCustom:$record_appearance_example->headerCssCustom}}

    #clientProposal {
        background-color: {{isset($record_appearance->clientBackgroundColor)?$record_appearance->clientBackgroundColor:$record_appearance_example->clientBackgroundColor}};
        padding: 3.2rem 0;

    }

    #clientProposalText {
        font-size: 32px;
        color: {{isset($record_appearance->clientProposalTextColor)?$record_appearance->clientProposalTextColor:$record_appearance_example->clientProposalTextColor}};
    }

    #clientName {
        color: {{isset($record_appearance->clientNameColor)?$record_appearance->clientNameColor:$record_appearance_example->clientNameColor}};
        font-size: 50px;
        font-weight: 800;
        line-height: 60px;
    }

    #clientProposal .icon-proposal {
        font-size: 19px;
        line-height: 11px;
        color: {{isset($record_appearance->clientIconColor)?$record_appearance->clientIconColor:$record_appearance_example->clientIconColor}};
    }

    #clientProposal .text-proposal {
        color: {{isset($record_appearance->clientIconTextColor)?$record_appearance->clientIconTextColor:$record_appearance_example->clientIconTextColor}};
    }

    #clientIcon {
        white-space: nowrap;
    }

    /* CUSTOM */

    {{isset($record_appearance->clientCssCustom)?$record_appearance->clientCssCustom:$record_appearance_example->clientCssCustom}}


    #publicityProposal {
        padding: 34px 0;
        background-color: {{isset($record_appearance->publicityBackgroundColor)?$record_appearance->publicityBackgroundColor:$record_appearance_example->publicityBackgroundColor}};

    }


    /*PUBLIDIDADE*/
    #publicityImg {
        width: {{isset($record_appearance->publicityImgWidth)?$record_appearance->publicityImgWidth:$record_appearance_example->publicityImgWidth}};

        margin: 0;
        padding: 0;
        border: 0;

        box-sizing: border-box;
        z-index: 30;
        opacity: {{isset($record_appearance->publicityImgOpacity)?$record_appearance->publicityImgOpacity:$record_appearance_example->publicityImgOpacity}};

        position: relative;
        top: {{isset($record_appearance->publicityImgPositionTop)?$record_appearance->publicityImgPositionTop:$record_appearance_example->publicityImgPositionTop}};
        left: {{isset($record_appearance->publicityImgPositionLeft)?$record_appearance->publicityImgPositionLeft:$record_appearance_example->publicityImgPositionLeft}};


    }

    #publicityTitle {
        color: {{isset($record_appearance->publicityTitleColor)?$record_appearance->publicityTitleColor:$record_appearance_example->publicityTitleColor}};
        font-size: 60px;
        font-weight: 800;
        line-height: 60px;

        /*position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;*/

    }

    #publicityImgBackground {

        width: {{isset($record_appearance->publicityImgBackgroundWidth)?$record_appearance->publicityImgBackgroundWidth:$record_appearance_example->publicityImgBackgroundWidth}};
        height: {{isset($record_appearance->publicityImgBackgroundHeight)?$record_appearance->publicityImgBackgroundHeight:$record_appearance_example->publicityImgBackgroundHeight}};
        background-image: url("{{isset($record_appearance->publicityImgBackgroundUrl)?$record_appearance->publicityImgBackgroundUrl:$record_appearance_example->publicityImgBackgroundUrl}}");
        background-repeat: no-repeat;
        background-size: {{isset($record_appearance->publicityImgBackgroundWidth)?$record_appearance->publicityImgBackgroundWidth:$record_appearance_example->publicityImgBackgroundWidth}};


        position: absolute;
        top: {{isset($record_appearance->publicityImgBackgroundPositionTop)?$record_appearance->publicityImgBackgroundPositionTop:$record_appearance_example->publicityImgBackgroundPositionTop}};
        left: {{isset($record_appearance->publicityImgBackgroundPositionLeft)?$record_appearance->publicityImgBackgroundPositionLeft:$record_appearance_example->publicityImgBackgroundPositionLeft}};
        opacity: {{isset($record_appearance->publicityImgBackgroundPositionOpacity)?$record_appearance->publicityImgBackgroundPositionOpacity:$record_appearance_example->publicityImgBackgroundPositionOpacity}};
    }

    #publicityDescription {
        color: {{isset($record_appearance->publicityDescriptionColor)?$record_appearance->publicityDescriptionColor:$record_appearance_example->publicityDescriptionColor}};

    }

    /* SLIDER */
    #publicitySlider {

        max-width: {{isset($record_appearance->publicitySliderMaxwidth)?$record_appearance->publicitySliderMaxwidth:$record_appearance_example->publicitySliderMaxwidth}};;
        top: {{isset($record_appearance->publicitySliderTop)?$record_appearance->publicitySliderTop:$record_appearance_example->publicitySliderTop}};
        box-shadow: {{isset($record_appearance->publicitySliderBoxshadow)?$record_appearance->publicitySliderBoxshadow:$record_appearance_example->publicitySliderBoxshadow}};
        border-radius: {{isset($record_appearance->publicitySliderBorderradius)?$record_appearance->publicitySliderBorderradius:$record_appearance_example->publicitySliderBorderradius}};
        height: {{isset($record_appearance->publicitySliderHeight)?$record_appearance->publicitySliderHeight:$record_appearance_example->publicitySliderHeight}};
        background-color: {{isset($record_appearance->publicitySliderBackgroundColor)?$record_appearance->publicitySliderBackgroundColor:$record_appearance_example->publicitySliderBackgroundColor}};
        margin-bottom: 25px;

    }

    .slider {
        margin: auto;
        overflow: hidden;
        position: relative;
        padding-top: 15px;
    }

    .slider::before, .slider::after {
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        content: "";
        height: 100px;
        position: absolute;
        width: 200px;
        z-index: 2;
    }

    .slider::after {
        right: 0;
        top: 0;
        transform: rotateZ(180deg);
    }

    .slider::before {
        left: 0;
        top: 0;
    }

    .slider .slide-track {
        animation: scroll 30s linear infinite;
        display: flex;
        width: calc(250px * 10);
    }

    .slider .slide {
        height: 100px;
        width: 250px;
    }

    .slide-img {
        width: {{isset($record_appearance->publicitySliderImgWidth)?$record_appearance->publicitySliderImgWidth:$record_appearance_example->publicitySliderImgWidth}};

        height: {{isset($record_appearance->publicitySliderImgHeight)?$record_appearance->publicitySliderImgHeight:$record_appearance_example->publicitySliderImgHeight}};
    }

    /* CUSTOM */
    {{isset($record_appearance->publicityCssCustom)?$record_appearance->publicityCssCustom:$record_appearance_example->publicityCssCustom}}

    .linhaDadosProposta {
        margin-top: 25px;
    }

    .duvidasProposta {
        font-weight: 800;
        font-size: 40px;
        color: white;
    }

    .contatoProposta {
        font-weight: 800;
        font-size: 30px;
        color: #ffffffbf;
    }

    .cardorcamento {
        align-items: center;
        width: 90%;
        max-width: 108.8rem;
        margin-left: auto;
        margin-right: auto;
    }

    .cardAssOrc {
        box-shadow: -1px 5px 18px 6px rgb(0 0 0 / 10%);
        max-width: 740px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;

    }

    .rodapePropostaTexto {
        font-size: 12px;
        line-height: 11px;
    }

    .rodapePropostaTitulo {
        font-size: 12px;
        font-weight: 600;
        line-height: 11px;
    }

    .iconProposta {
        font-size: 19px;
        line-height: 11px;
        color: var(--cor-principal);

    }


    .textoPrimer {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;

    }


    .primerOrcamento {
        position: relative;
        display: flex;
        /* grid-template: 1fr/4fr 5fr; */
        /* grid-gap: 10px; */
        width: 90%;
        max-width: 108.8rem;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        flex-wrap: wrap;
    }


    .tituloPropostaAceite {
        top: 10px;
        margin-left: auto;
        margin-right: auto;
        background-color: var(--cor-atencao);
        color: white;
    }

    /* PRODUTOD E SERVICO*/
    #productservProposal {
      /*
       background-color: {{isset($record_appearance->prodctservBackgroundColor)?$record_appearance->prodctservBackgroundColor:$record_appearance_example->prodctservBackgroundColor}};
       */

    }

    #productservTitle {
        color: {{isset($record_appearance->prodctservTitleColor)?$record_appearance->prodctservTitleColor:$record_appearance_example->prodctservTitleColor}};

    }

    #productservProposal thead {
        color: {{isset($record_appearance->prodctservTableTheadColor)?$record_appearance->prodctservTableTheadColor:$record_appearance_example->prodctservTableTheadColor}};;
        background-color: {{isset($record_appearance->prodctservTableTheadBackground)?$record_appearance->prodctservTableTheadBackground:$record_appearance_example->prodctservTableTheadBackground}};;
    }


    #productservProposal tbody tr:nth-of-type(2n+1) {
        background: {{isset($record_appearance->prodctservTableTrFirstBackground)?$record_appearance->prodctservTableTrFirstBackground:$record_appearance_example->prodctservTableTrFirstBackground}};
        color: {{isset($record_appearance->prodctservTableTrFirstColor)?$record_appearance->prodctservTableTrFirstColor:$record_appearance_example->prodctservTableTrFirstColor}};
    }

    #productservProposal tbody tr:nth-of-type(2n+1):hover {
        background-color: {{isset($record_appearance->prodctservTableTrFirstBackgroundHover)?$record_appearance->prodctservTableTrFirstBackgroundHover:$record_appearance_example->prodctservTableTrFirstBackgroundHover}};
        color: {{isset($record_appearance->prodctservTableTrFirstColorHover)?$record_appearance->prodctservTableTrFirstColorHover:$record_appearance_example->prodctservTableTrFirstColorHover}};

    }

    #productservProposal tbody tr:nth-of-type(2n+2) {
        background: {{isset($record_appearance->prodctservTableTrSecondBackground)?$record_appearance->prodctservTableTrSecondBackground:$record_appearance_example->prodctservTableTrSecondBackground}};
        color: {{isset($record_appearance->prodctservTableTrSecondColor)?$record_appearance->prodctservTableTrSecondColor:$record_appearance_example->prodctservTableTrSecondColor}};
    }

    #productservProposal tbody tr:nth-of-type(2n+2):hover {
        background-color: {{isset($record_appearance->prodctservTableTrSecondBackgroundHover)?$record_appearance->prodctservTableTrSecondBackgroundHover:$record_appearance_example->prodctservTableTrSecondBackgroundHover}};
        color: {{isset($record_appearance->prodctservTableTrSecondColorHover)?$record_appearance->prodctservTableTrSecondColorHover:$record_appearance_example->prodctservTableTrSecondColorHover}};

    }

    #prodctservTotalSubColor {
        color: {{isset($record_appearance->prodctservTotalSubColor)?$record_appearance->prodctservTotalSubColor:$record_appearance_example->prodctservTotalSubColor}};

    }

    #prodctservFreightColor {
        color: {{isset($record_appearance->prodctservFreightColor)?$record_appearance->prodctservFreightColor:$record_appearance_example->prodctservFreightColor}};

    }

    #prodctservTotalColor {
        color: {{isset($record_appearance->prodctservTotalColor)?$record_appearance->prodctservTotalColor:$record_appearance_example->prodctservTotalColor}};

    }

    {{isset($record_appearance->prodctservCssCustom)?$record_appearance->prodctservCssCustom:$record_appearance_example->prodctservCssCustom}}

      /* BONUS */
    #bonusProposal {
        background-color: {{isset($record_appearance->bonusBackgroundColor)?$record_appearance->bonusBackgroundColor:$record_appearance_example->bonusBackgroundColor}};

    }

    #bonusProposalTitle {
        background-color: {{isset($record_appearance->bonusTitleBackgroundColor)?$record_appearance->bonusTitleBackgroundColor:$record_appearance_example->bonusTitleBackgroundColor}};
        color: {{isset($record_appearance->bonusTitleColor)?$record_appearance->bonusTitleColor:$record_appearance_example->bonusTitleColor}};

    }

    #bonusProposal thead tr th {
        color: {{isset($record_appearance->bonusTableTheadColor)?$record_appearance->bonusTableTheadColor:$record_appearance_example->bonusTableTheadColor}};;
        background-color: {{isset($record_appearance->bonusTableTheadBackground)?$record_appearance->bonusTableTheadBackground:$record_appearance_example->bonusTableTheadBackground}};;
    }


    #bonusProposal tbody tr:nth-of-type(2n+1) {

        background: {{isset($record_appearance->bonusTableTrFirstBackground)?$record_appearance->bonusTableTrFirstBackground:$record_appearance_example->bonusTableTrFirstBackground}};
        color: {{isset($record_appearance->bonusTableTrFirstColor)?$record_appearance->bonusTableTrFirstColor:$record_appearance_example->bonusTableTrFirstColor}};
    }

    #bonusProposal tbody tr:nth-of-type(2n+1):hover {
        background-color: {{isset($record_appearance->bonusTableTrFirstBackgroundHover)?$record_appearance->bonusTableTrFirstBackgroundHover:$record_appearance_example->bonusTableTrFirstBackgroundHover}};
        color: {{isset($record_appearance->bonusTableTrFirstColorHover)?$record_appearance->bonusTableTrFirstColorHover:$record_appearance_example->bonusTableTrFirstColorHover}};
    }

    #bonusProposal tbody tr:nth-of-type(2n+2) {
        background: {{isset($record_appearance->bonusTableTrSecondBackground)?$record_appearance->bonusTableTrSecondBackground:$record_appearance_example->bonusTableTrSecondBackground}};
        color: {{isset($record_appearance->bonusTableTrSecondColor)?$record_appearance->bonusTableTrSecondColor:$record_appearance_example->bonusTableTrSecondColor}};
    }

    #bonusProposal tbody tr:nth-of-type(2n+2):hover {
        background-color: {{isset($record_appearance->bonusTableTrSecondBackgroundHover)?$record_appearance->bonusTableTrSecondBackgroundHover:$record_appearance_example->bonusTableTrSecondBackgroundHover}};
        color: {{isset($record_appearance->bonusTableTrSecondColorHover)?$record_appearance->bonusTableTrSecondColorHover:$record_appearance_example->bonusTableTrSecondColorHover}};
    }

    {{isset($record_appearance->bonusCssCustom)?$record_appearance->bonusCssCustom:$record_appearance_example->bonusCssCustom}}

    #timeProposal {
        background-color: {{isset($record_appearance->timeBackgroundColor)?$record_appearance->timeBackgroundColor:$record_appearance_example->timeBackgroundColor}};
    }

    #timeProposalTitle {
        background-color: {{isset($record_appearance->timeTitleBackgroundColor)?$record_appearance->timeTitleBackgroundColor:$record_appearance_example->timeTitleBackgroundColor}};
        color: {{isset($record_appearance->timeTitleColor)?$record_appearance->timeTitleColor:$record_appearance_example->timeTitleColor}};
    }

    #timeProposalTitleValid {
        color: {{isset($record_appearance->timeTitleValidColor)?$record_appearance->timeTitleValidColor:$record_appearance_example->timeTitleValidColor}};
    }

    #timeProposalTitleDelivery {
        color: {{isset($record_appearance->timeTitleDeliveryColor)?$record_appearance->timeTitleDeliveryColor:$record_appearance_example->timeTitleDeliveryColor}};
    }

    {{isset($record_appearance->timeCssCustom)?$record_appearance->timeCssCustom:$record_appearance_example->timeCssCustom}}

   #descriptionProposal {
        background-color: {{isset($record_appearance->descriptionBackgroundColor)?$record_appearance->descriptionBackgroundColor:$record_appearance_example->descriptionBackgroundColor}};
        margin-bottom: 20px;
    }

    #descriptionProposalTitle {
        background-color: {{isset($record_appearance->descriptionTitleBackgroundColor)?$record_appearance->descriptionTitleBackgroundColor:$record_appearance_example->descriptionTitleBackgroundColor}};
        color: {{isset($record_appearance->descriptionTitleColor)?$record_appearance->descriptionTitleColor:$record_appearance_example->descriptionTitleColor}};
    }

    #descriptionProposal textarea {
        color: {{isset($record_appearance->descriptionTextareaColor)?$record_appearance->descriptionTextareaColor:$record_appearance_example->descriptionTextareaColor}};
        background-color: {{isset($record_appearance->descriptionTextareaBackgroundColor)?$record_appearance->descriptionTextareaBackgroundColor:$record_appearance_example->descriptionTextareaBackgroundColor}};

        border: {{isset($record_appearance->descriptionTextareaBorder)?$record_appearance->descriptionTextareaBorder:$record_appearance_example->descriptionTextareaBorder}};
        border-radius: {{isset($record_appearance->descriptionTextareaBorderradius)?$record_appearance->descriptionTextareaBorderradius:$record_appearance_example->descriptionTextareaBorderradius}};
        padding: 15px;
        margin-left: 10px;
        margin-bottom: 5px;
        margin-right: 10px;
        overflow: hidden;
        font-weight: 300;
        line-height: {{isset($record_appearance->descriptionTextareaLineheight)?$record_appearance->descriptionTextareaLineheight:$record_appearance_example->descriptionTextareaLineheight}};
    }

    #hesitationProposal {
        position: relative;
        padding: 3.2rem 0;
        width: 100%;
        background: {{isset($record_appearance->hesitationBackgroundColor)?$record_appearance->hesitationBackgroundColor:$record_appearance_example->hesitationBackgroundColor}};
        background-image: url("{{isset($record_appearance->hesitationBackgroundImgUrl)?$record_appearance->hesitationBackgroundImgUrl:$record_appearance_example->hesitationBackgroundImgUrl}}");
        background-position: center right;
        background-repeat: repeat-y;
        background-size: contain;
        break-inside: avoid;
    }

    #hesitationProposalTitle {
        font-weight: 800;
        font-size: 40px;
        color: {{isset($record_appearance->hesitationTitleColor)?$record_appearance->hesitationTitleColor:$record_appearance_example->hesitationTitleColor}};
    }

    #hesitationProposalTitleSub {
        font-weight: 800;
        font-size: 30px;
        color: {{isset($record_appearance->hesitationTitleSubColor)?$record_appearance->hesitationTitleSubColor:$record_appearance_example->hesitationTitleSubColor}};
    }

    #hesitationProposalDescription {

        color: {{isset($record_appearance->hesitationTextColor)?$record_appearance->hesitationTextColor:$record_appearance_example->hesitationTextColor}};

    }

    #hesitationProposalEmail {

        color: {{isset($record_appearance->hesitationEmailColor)?$record_appearance->hesitationEmailColor:$record_appearance_example->hesitationEmailColor}};

    }

    {{isset($record_appearance->hesitationCssCustom)?$record_appearance->hesitationCssCustom:$record_appearance_example->hesitationCssCustom}}


 /*RODAPE*/
    #footerProposal {
        background-color: {{isset($record_appearance->footerBackgroundColor)?$record_appearance->footerBackgroundColor:$record_appearance_example->footerBackgroundColor}};
        padding: 0px 30px 30px 30px
    }

    #footerBackgroundImg {
        width: {{isset($record_appearance->footerLogoBackgroundImgWidth)?$record_appearance->footerLogoBackgroundImgWidth:$record_appearance_example->footerLogoBackgroundImgWidth}};
        opacity: {{isset($record_appearance->footerLogoBackgroundImgOpacity)?$record_appearance->footerLogoBackgroundImgOpacity:$record_appearance_example->footerLogoBackgroundImgOpacity}};

    }




    #footerProposal{
        background-color:  {{isset($record_appearance->footerBackgroundColor)?$record_appearance->footerBackgroundColor:$record_appearance_example->footerBackgroundColor}};
    }

    #footerSalesOrder {
        padding-left:{{isset($record_appearance->footerSalesOrderTextPaddingleft)?$record_appearance->footerSalesOrderTextPaddingleft:$record_appearance_example->footerSalesOrderTextPaddingleft}};
        color: {{isset($record_appearance->footerSalesOrderTextColor)?$record_appearance->footerSalesOrderTextColor:$record_appearance_example->footerSalesOrderTextColor}};
        font-size:  {{isset($record_appearance->footerSalesOrderTextFontsize)?$record_appearance->footerSalesOrderTextFontsize:$record_appearance_example->footerSalesOrderTextFontsize}};
    }

    #footerCompanyTitle {
        color: {{isset($record_appearance->footerCompanyTitleColor)?$record_appearance->footerCompanyTitleColor:$record_appearance_example->footerCompanyTitleColor}};
        font-size:  {{isset($record_appearance->footerCompanyTitleFontSize)?$record_appearance->footerCompanyTitleFontSize:$record_appearance_example->footerCompanyTitleFontSize}};;
        font-weight:  {{isset($record_appearance->footerCompanyTitleFontWeight)?$record_appearance->footerCompanyTitleFontWeight:$record_appearance_example->footerCompanyTitleFontWeight}};
    }
    #footerCompanyTitleSub {
        color: {{isset($record_appearance->footerCompanyTitleSubColor)?$record_appearance->footerCompanyTitleSubColor:$record_appearance_example->footerCompanyTitleSubColor}};
        font-size:  {{isset($record_appearance->footerCompanyTitleSubFontSize)?$record_appearance->footerCompanyTitleSubFontSize:$record_appearance_example->footerCompanyTitleSubFontSize}};;
        font-weight:  {{isset($record_appearance->footerCompanyTitleSubFontWeight)?$record_appearance->footerCompanyTitleSubFontWeight:$record_appearance_example->footerCompanyTitleSubFontWeight}};
    }

    #footerCompanyTitleSubPhone {
        color: {{isset($record_appearance->footerCompanyTitleSubPhoneColor)?$record_appearance->footerCompanyTitleSubPhoneColor:$record_appearance_example->footerCompanyTitleSubPhoneColor}};
        font-size:  {{isset($record_appearance->footerCompanyTitleSubPhoneFontSize)?$record_appearance->footerCompanyTitleSubPhoneFontSize:$record_appearance_example->footerCompanyTitleSubPhoneFontSize}};
        font-weight:  {{isset($record_appearance->footerCompanyTitleSubPhoneFontWeight)?$record_appearance->footerCompanyTitleSubPhoneFontWeight:$record_appearance_example->footerCompanyTitleSubPhoneFontWeight}};
        line-height:  {{isset($record_appearance->footerCompanyTitleSubPhoneFontLineheight)?$record_appearance->footerCompanyTitleSubPhoneFontLineheight:$record_appearance_example->footerCompanyTitleSubPhoneFontLineheight}};
    }
    #footerCopyright{
        color: {{isset($record_appearance->footerCopyrightColor)?$record_appearance->footerCopyrightColor:$record_appearance_example->footerCopyrightColor}};
        align-items:  {{isset($record_appearance->footerCopyrightAlignitems)?$record_appearance->footerCopyrightAlignitems:$record_appearance_example->footerCopyrightAlignitems}};
        width:  {{isset($record_appearance->footerCopyrightWidth)?$record_appearance->footerCopyrightWidth:$record_appearance_example->footerCopyrightWidth}};
        max-width:  {{isset($record_appearance->footerCopyrightMaxwidth)?$record_appearance->footerCopyrightMaxwidth:$record_appearance_example->footerCopyrightMaxwidth}};
        margin-left:  {{isset($record_appearance->footerCopyrightMarginleft)?$record_appearance->footerCopyrightMarginleft:$record_appearance_example->footerCopyrightMarginleft}};
        margin-right:  {{isset($record_appearance->footerCopyrightMarginright)?$record_appearance->footerCopyrightMarginright:$record_appearance_example->footerCopyrightMarginright}};

    }
    #footerCopyrightTitle{
        text-align:  {{isset($record_appearance->footerCopyrightTitleTextalign)?$record_appearance->footerCopyrightTitleTextalign:$record_appearance_example->footerCopyrightTitleTextalign}};
        font-size:  {{isset($record_appearance->footerCopyrightTitleFontsize)?$record_appearance->footerCopyrightTitleFontsize:$record_appearance_example->footerCopyrightTitleFontsize}};
        font-weight: {{isset($record_appearance->footerCopyrightTitleFontweight)?$record_appearance->footerCopyrightTitleFontweight:$record_appearance_example->footerCopyrightTitleFontweight}};
        margin-top: {{isset($record_appearance->footerCopyrightTitleMargintop)?$record_appearance->footerCopyrightTitleMargintop:$record_appearance_example->footerCopyrightTitleMargintop}};
    }
    {{isset($record_appearance->footerCssCustom)?$record_appearance->footerCssCustom:$record_appearance_example->footerCssCustom}}

</style>