* {
    font-family: Arial;
}
header, footer, nav, section {
    display: block;
}


h3
{
    margin: 0px; 
    color: #555;
    margin-bottom :3px;
}


div {
    box-sizing: border-box;
}



    /* Styles for basic forms
-----------------------------------------------------------*/

    input {
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #597BBC;
    }


        input.action {
            background-color: #1480AE;
            color: white;
            border-color: #1480AE;
        }

            input.action:hover {
                background-color: #543278;
                border: 2px solid #543278;
            }


        input.backwards-action {
            cursor: pointer;
            background-color: #767777;
            color: white;
            border: 2px solid #767777;
            font-size: medium;
            padding-left: 20px;
            padding-right: 20px;
            height: 30px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            input.backwards-action:hover {
                background-color: #543278;
                border: 2px solid #543278;
            }

    .searchButton {
        background-color: #1480AE;
        border: 2px solid #1480AE;
        height: 18px;
    }

        .searchButton:hover {
            background-color: #543278;
            border: 2px solid #543278;
        }


    div.packIcon {
        position: relative;
        cursor: pointer;
        background-color: #1480AE;
        color: white;
        border: 2px solid #1480AE;
        padding-left: 3px;
        padding-right: 3px;
        height: 100px;
        width: 120px;
        margin-top: 7px;
        margin-bottom: 7px;
        margin-left: 25px;
        font-size: 0.9em;
    }

        div.packIcon:hover {
            background-color: #543278;
            border: 2px solid #543278;
        }

    span.vertAlign {
        display: table-cell;
        height: 100px;
        width: 120px;
        vertical-align: middle;
        text-align: center;
    }

    .message-label {
        font-size: larger;
    }


input[type="text"],
input[type="file"],
input[type="password"] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    height: 34px;
}


        input[type="text"]:focus {
            border: 1px solid #3db2e6;
            height: 34px;
        }

input[type="button"],
input[type="submit"],
.LLXButton {
    display: inline-block;
    padding: 0px 30px;
    height: 36px;
    font-weight: normal;
    color: #fff;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 20px;
    border: 1px solid transparent;
    font-size: 1em;
    -moz-box-shadow: 0 5px 15px -5px rgba(51,63,72,.8);
    -webkit-box-shadow: 0 5px 15px -5px rgba(51,63,72,.8);
    box-shadow: 0 5px 15px -5px rgba(51,63,72,.8);
}



    input[type="File"] {
        width: 160px;
        font-size: small;
        background-color: #ffffff;
    }

    input[type="radio"] {
        margin-left: 5px;
        margin-right: 5px;
        border-width: 0px;
    }


    input[type="checkbox"] {
        border-width: 0px;
    }

    input:hover {
        box-shadow: none;
        outline: none;
    }

    input:focus {
        box-shadow: none;
        outline: none;
    }

    .helpicon {
        display: inline-block;
        position: relative;
        background-color: #597BBC;
        color: white;
        top: 2px;
        margin-left: 3px;
        padding-bottom: 5px;
        width: 18px;
        height: 15px;
        border-radius: 20px;
        font-weight: bold;
        font-size: small;
        cursor: help;
        text-align: center;
    }

        .helpicon:hover {
            box-shadow: 3px 3px 10px #ccc;
        }

    

    /****input file type***/

    .makethispretty {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: 9;
        width: 160px !important;
    }

        .makethispretty ~ label {
            font-size: 1em;
            font-weight: 700;
            color: #1480ae;
            background: #d9edf7;
            border: 1px dashed #1480ae;
            display: inline-block;
            padding: 0 2em 0 3em;
            line-height: 34px;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 3px;
            min-width: 100px;
        }

            .makethispretty ~ label i {
                position: absolute;
                top: 5px;
                left: 1em;
            }

        .makethispretty:focus ~ label,
        .makethispretty:hover ~ label {
            background-color: #fff;
            color: #3db2e6;
        }

        .makethispretty ~ label {
            cursor: pointer; /* "hand" cursor */
        }
            .makethispretty ~ label.valid {
                padding: 0 2em 0 2em; /* "hand" cursor */
                background: #fff;
            }
      

        .makethispretty ~ label * {
            pointer-events: none;
        }

.FileImportTemplate {
    position: relative;
    height: 36px;
    width: 100%;
    margin-top: 50px;
}

        .FileImportTemplate a {
            line-height: 36px;
            color: #3db2e6;
            padding-left: 2em;
        }

            .FileImportTemplate a i {
                position: absolute;
                top: 7px;
                left: 0.4em;
            }

@media all and (min-width: 768px) {
    .FileImportTemplate {
        position: absolute;
        left: 220px;
        width: calc(100% - 220px);
        margin-top: 0px;
    }
}

    .productHovertext {
        position: absolute;
        top: -10px;
        right: -470px;
        background-color: #84b671;
        color: #ffffff;
        padding: 5px;
        width: 450px;
        display: none;
        border: 1px solid #eee;
        border-radius: 10px;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 15px 2px #ccc;
        -webkit-box-shadow: 2px 2px 15px 2px #ccc;
        box-shadow: 2px 2px 15px 2px #ccc;
        z-index: 100;
        font-weight: normal;
    }

    .helptextpadding {
        padding-left: 5px;
        padding-right: 5px;
    }

    select {
        border: 1px solid #597BBC;
        border-radius: 5px;
        padding-left: 3px;
    }


    textarea {
        min-height: 75px;
        border-bottom-color: #597BBC;
    }

    .editor-label {
        width: 30%;
        padding: 10px;
        padding-right: 5px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
        position: relative;
    }

.editor-field {
    width: 50%;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    word-wrap: break-word;
    font-size: medium;
    position: relative;
}


    .display-label {
        width: 30%;
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
    }

    .display-field {
        width: 50%;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        word-wrap: break-word;
        font-size: medium;
    }

    .dynamic-product-label {
        width: 30%;
        padding: 10px;
        padding-right: 30px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
        position: relative;
    }

    .dynamic-product-field {
        width: 65%;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
        word-wrap: break-word;
        font-size: medium;
        position: relative;
    }


    .appointments-label30 {
        width: 30%;
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
    }

    .appointments-label40 {
        width: 40%;
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
    }

    .appointments-label80 {
        width: 80%;
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
    }


    .appointments-label {
        padding: 10px;
        padding-right: 0px;
        padding-left: 0px;
        color: #73a53f;
        display: inline-block;
        word-wrap: break-word;
        vertical-align: top;
        font-size: medium;
    }

    .blackText {
        color: #000000;
    }




   

    .link {
        text-decoration: underline;
    }

    input:hover,
    input:focus {
        box-shadow: none;
        outline: none;
    }

    /****Style for Search Bar*******/
    .general-search {
        position: relative;
        width: 100%;
        max-width: 800px;
        margin: 50px auto 0;
    }

    .group {
        display: inline-block;
        position: relative;
        width: 100%;
    }




    .general-search .group:before {
        font-family: "Material Icons";
        content: "\E8B6";
        font-size: 18px;
        position: absolute;
        color: #282828;
        line-height: 36px;
        left: 0.9em;
    }

    input#searchProductsButton,
    input#searchCountriesButton,
    input#SearchButton {
        position: absolute;
        right: 0;
        top: -0.1em;
    }

input#SearchButton {
    font-family: "Material Icons";
    font-size: 18px;
}

@supports (-ms-ime-align: auto) {
    /* Microsoft EdgeV13&14 CSS styles go here */
    input#SearchButton {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
    }
}

@supports (-ms-accelerator: true) {
    /* Microsoft EdgeV13 CSS styles go here */
    input#SearchButton {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
    }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    input#SearchButton {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
    }
}
    label {
        color: #777;
        font-weight: normal;
        position: absolute;
        pointer-events: none;
        left: 3em;
        top: 10px;
        transition: .2s ease all;
        -moz-transition: .2s ease all;
        -webkit-transition: .2s ease all;
    }


    .group i {
        position: absolute;
        line-height: 36px;
        color: #ccc;
        font-size: 18px;
        top: 0;
        right: 8em;
        display: none;
        z-index: 10;
        cursor: pointer;
    }

        .group i:hover {
            color: #ed1c24;
        }

    .group input[type=text]:valid ~ i {
        display: block;
    }

   

    #Officefilter{
        display: none;
        position: absolute;
        width: auto;
        right: 10%;
        margin-top: 40px;
        z-index: 10;
    }
    #CompanyNumberfilter {
        display: none;
        position: absolute;
        width: auto;
        margin-top: 14px;
        right: 0;
        z-index: 10;
    }


#CountrysearchBar:before {
    margin-top: 0px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

    .field-validation-valid {
        display: none;
    }

.input-validation-error {
    border: 1px solid #a94442;
}
#divRepeat .group .input-validation-error::placeholder {
    color: #a94442;
    text-align: right;
}
    
  .validation-summary-errors {
        font-weight: bold;
        color: #f00;
    }

    .validation-summary-valid {
        display: none;
    }

.validation-summary-errors {
    padding-left: 5px;
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 0;
    font-size: small;
    color: #721c24;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    
}


    /* Styles forDynamic Products
-----------------------------------------------------------*/

    .dynamic-product-blurb {
        width: 95%;
        padding: 10px;
        display: inline-block;
        border: 1px solid #eee;
        border-radius: 10px;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 5px 2px #ccc;
        -webkit-box-shadow: 2px 2px 5px 2px #ccc;
        box-shadow: 2px 2px 5px 2px #ccc;
        margin-bottom: 15px;
    }

    .dynamic-product-invalid {
        display: inline;
        color: red;
    }


    /* Styles for Platform U logged in specific pages 
-----------------------------------------------------------*/

    #main_content_wrapper {
        position: relative;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .information-box p {
        font-size: 1em;
        clear: both;
    }

    

    .information-box-product-list {
        padding-left: 5px;
        margin-top: 25px;
        margin-bottom: 25px;
        padding: 15px;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 5px 2px #ccc;
        -webkit-box-shadow: 2px 2px 5px 2px #ccc;
        box-shadow: 2px 2px 5px 2px #ccc;
        font-size: small;
    }

        .information-box a, .information-box-product-list a {
            text-decoration: underline;
        }

        .information-box p + p, .information-box-product-list p + p {
            padding-top: 10px;
        }

    .information-box ul + p {
        padding-top: 20px;
    }

    .information-box ul, .information-box-product-list ul {
        padding-top: 20px;
        margin-left: 5px;
        padding-left: 20px;
        list-style-image: url('/Images/icon-legalinx.png');
        clear: both;
    }

    .information-box li, .information-box-product-list li {
        margin-bottom: 3px;
    }

    div.dynamic-product-label + div {
        width: 50%;
    }

    @media (min-width: 768px) {
        .information-box li, .information-box-product-list li {
            width: 48%;
            float: left;
            margin-bottom: 10px;
            padding-right: 1%;
        }
    }

 
    /***formation & Secretarial ***/
    #body3 {
        padding: 2em 1.5em;
    }

        #body3 > .group-header.open {
            box-shadow: none;
            padding-bottom: 1.5em;
        }
    
    #body338, #body361 {
        background: #d9edf7;
    }


#body361 {
    margin-bottom: -1.5em;
}
#body3 .group-header .group-header {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    border-top: 1px solid #fff;
}

    #body3 .group-header.open .group-header.open {
        background: #d9edf7;
        border: 0px;
        border-top: 1px solid #fff;
        -moz-box-shadow: 0px -5px 5px rgba(51, 63, 72, 0.1);
        -webkit-box-shadow: 0px -5px 5px rgba(51, 63, 72, 0.1);
        box-shadow: 0px -5px 5px rgba(51, 63, 72, 0.1);
        border-radius: 0 0 30px 0;
    }

    #body3 .group-header .group-header h3 {
        color: #1480ae;
    }

    #body338,
    #body361 {
        padding-bottom: 0;
    }

        #body338 h3,
        #body361 h3 {
            padding-left: 2em;
        }


          
    .fadein {
        position: relative;
        width: 33%;
        height: 10px;
    }

        .fadein img {
            position: absolute;
            left: 0;
            top: 0;
        }

    /* CHS Company Search */

    #companySearchTextBox, #officerSearchTextBox {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        text-align: center;
    }

    #companySearchResults, #officerSearchResults, #disqualifiedOfficerSearchResults {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
    }
        #companySearchResults {
            margin-top: 20px; 
            padding-top: 20px;
            max-width: 800px;
            display: block;
            
        }
        #companySearchResults div, #officerSearchResults div, #disqualifiedOfficerSearchResults div {
            width: 100%;
            border: none;
            padding: 5px;
            margin-bottom: 15px;
            text-align: left;
            border-radius: 10px;
        }
          
            

        #companySearchPaging {
            clear: both;
        }


            #officerSearchResults > div,
            #disqualifiedOfficerSearchResults > div {
                background: #f1f1f1;
                border-radius: 10px;
                color: #000000;
                padding: 1em 2em;
                position: relative;
            }

       
      

    #officerSearchPaging > div {
        position: relative;
    }

       

        #officerSearchPaging > div:nth-child(2) {
            float: left !important;
        }

            #officerSearchPaging > div:nth-child(2):before {
                content: "\E314";
                position: absolute;
                left: 0.2em;
                top: 3px;
                bottom: 0;
                height: 36px;
                display: block;
                cursor: Pointer;
                text-decoration: none;
                color: #3db2e6;
                font-family: 'Material Icons';
                font-weight: normal;
                font-style: normal;
                font-size: 24px;
                transition: all ease-in-out;
            }

            #officerSearchPaging > div:nth-child(2):hover:before {
                left: 0;
            }


    a.backLink {
        line-height: 44px;
        color: #777777 !important;
        margin-left: 20px;
        margin-top: 10px;
    }

        a.backLink:before {
            line-height: 44px;
            content: "\E5C4";
            font-family: "Material Icons";
            position: absolute;
            margin-left: -15px;
            transition: all ease-in-out;
        }

   a.backLink:hover {
    text-decoration: none;
    color: #3db2e6 !important;
}

            a.backLink:hover:before {
                margin-left: -20px;
            }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    a.backLink:before {
        margin-left: -38px;
    }
    a.backLink:hover:before {
        margin-left: -45px;
    }
} 
    

    /* Styles for Tabs
-----------------------------------------------------------*/
    /* http://jqueryui.com/tabs/#default */
    .tabdisplay {
        margin: 10px;
        font-family: 'Open Sans', sans-serif;
        color: #5b2979;
    }

    .backButton {
        position: absolute;
        bottom: 0;
        margin-bottom: -50px;
    }

    .tabdisplay {
        position: relative;
        right: 0;
        left: 0;
        margin: 0;
    }

        .tabdisplay > ul,
        .tabdisplay > div {
            position: relative;
            width: 100%;
            margin-left: auto !important;
            margin-right: auto !important;
        }

    .innershadow {
        position: absolute !important;
        right: 0;
        left: -30px;
        -moz-box-shadow: inset 0px 3px 5px rgba(51, 63, 72, 0.1);
        -webkit-box-shadow: inset 0px 3px 5px rgba(51, 63, 72, 0.1);
        box-shadow: inset 0px 3px 5px rgba(51, 63, 72, 0.1);
        height: 20px;
        margin: 0 !important;
        overflow: visible;
        width: 100% !important;
        min-width: 1300px;
        margin-top: 0;
    }

    /* Styles for please wait message */

    .modal {
        display: none;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba( 255, 255, 255, .8 ) 50% 50% no-repeat;
        text-align: center;
        vertical-align: middle;
    }

    #pleaseWait {
        margin-top: 20%;
        position: relative;
        background: rgba( 255, 255, 255, .8 );
    }

    /* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
    body.loading {
        overflow: hidden;
    }

        /* Anytime the body has the loading class, our
   modal element will be visible */
        body.loading .modal {
            display: block;
        }

    #ErrorMessageDiv {
        display: none;
        position: fixed;
        z-index: 1000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba( 0, 0, 0, .6 ) 50% 50% no-repeat;
        text-align: center;
        vertical-align: middle;
    }

    #ErrorMessageInnerDiv {
        margin-top: 20%;
        padding: 20px;
        position: relative;
        color: #721c24;
        background-color: #f8d7da;
        border-color: #f5c6cb;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px;
    }

        #ErrorMessageInnerDiv h2 {
            color: #721c24;
            font-size: 2em;
        }
    /***search results***/
        .SearchBoxResults,
        .searchCountriesResults {
            border: 1px solid #3db2e6;
            padding: 1.5em 0em;
            border-radius: 10px;
            border-style: solid;
            display: none;
            margin-top: 5px;
            overflow-y: hidden;
            background: #ffffff;
            max-width: 1000px;
            margin-right: auto;
            margin-left: auto;
        }

        .SearchBoxResults .searchResultHeader,
        .searchCountriesResults .searchResultHeader {
            float: left;
            position: relative;
            padding-left: 1.5em;
        }

        .SearchBoxResults h2,
        .searchCountriesResults h2 {
            display: inline-block;
            font-size: 1.2em;
            color: #777;
        }

        .SearchBoxResults .searchResultHeader i,
        .searchCountriesResults .searchResultHeader i,
        #Officefilter i,
        #CompanyNumberfilter i{
            position: absolute;
            right: 5px;
            top: -2px;
            font-size: 16px;
            line-height: 24px;
            color: #fff;
            cursor: pointer;
        }

    #searchProductsClose,
    #searchCountriesClose {
        margin-top: -1em;
        margin-right: 0.5em;
    }

        #searchProductsClose i,
        #searchCountriesClose i {
            color: #3db2e6;
        }

    #ajaxSearchResults table tr td,
    #ajaxCountriesSearchResults table tr td {
        padding: 1em 0.5em;
        color: #707070;
    }

    #ajaxSearchResults table tr:nth-child(2n),
    #ajaxCountriesSearchResults table tr:nth-child(2n) {
        border-bottom: 1px solid #ebebeb;
    }

        #ajaxSearchResults table tr:nth-child(2n):hover,
        #ajaxCountriesSearchResults table tr:nth-child(2n):hover {
            background: #ffffff;
            -moz-box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
            -webkit-box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
            box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
        }

    #ajaxSearchResults table tr:nth-child(2n+1),
    #ajaxCountriesSearchResults table tr:nth-child(2n+1) {
        display: none;
    }

    #ajaxSearchResults table tr:first-child,
    #ajaxCountriesSearchResults table tr:first-child {
        display: table-row;
        background: #ffffff;
        -moz-box-shadow: 0px 3px 3px rgba(51, 63, 72, 0.1);
        -webkit-box-shadow: 0px 3px 3px rgba(51, 63, 72, 0.1);
        box-shadow: 0px 3px 3px rgba(51, 63, 72, 0.1);
    }

        #ajaxSearchResults table tr:first-child td,
        #ajaxCountriesSearchResults table tr:first-child td {
            padding: 1em 0.5em 0.5em;
            position: relative;
        }


    #ajaxSearchResults table tr:hover td:first-child a, #ajaxSearchResults table tr:hover td:first-child a:link,
    #ajaxCountriesSearchResults table tr:hover td:first-child a, #ajaxCountriesSearchResults table tr:hover td:first-child a:link {
        margin-left: 1.5em;
    }

       

    #ajaxSearchResults p,
    #ajaxCountriesSearchResults p {
        width: 100%;
        display: block;
        clear: both;
        text-align: center;
        box-sizing: border-box;
        padding: 0em 2em 3em;
        color: #543278;
    }

        #ajaxSearchResults p:before,
        #ajaxCountriesSearchResults p:before {
            content: "";
            height: 200px;
            width: 400px;
            display: block;
            background-image: url(/Images/no_result.png);
            background-size: contain;
            background-position: center bottom;
            background-repeat: no-repeat;
            margin: 0 auto;
        }

    @media (min-width: 1280px) {
        #ajaxSearchResults {
            width: 100%;
            max-height: calc(100vh - 360px);
            overflow-y: scroll;
        }
    }

   

    #productHelp,
    #productList > .group-header > div > .group-header > div > ul > li > div,
    #productList > .group-header > div > .group-header > div > .group-header > div > ul > li > div,
    #body317 > ul > li > div {
        background: #004987;
        padding: 1em 2em 1em 1em;
        z-index: 100;
        position: absolute;
        top: 20px;
        left: -320px;
        width: 50%;
        max-width: 300px;
        border-radius: 5px;
        color: #fff;
        border-width: 0px;
        -moz-box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
        -webkit-box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
        box-shadow: 0px 0px 10px rgba(51, 63, 72, 0.2);
        display: none;
        transform: translateY(-50%);
        opacity: 0;
        -webkit-transition: .2s ease all;
    }

    #productList > .group-header > div > .group-header > div > ul > li:hover > div,
    #productList > .group-header > div > .group-header > div > .group-header > div > ul > li:hover > div,
    #body317 > ul > li:hover > div {
        display: block;
        opacity: 1;
        font-size: 12px;
    }

    #productHelp::after,
    #productList > .group-header > div > .group-header > div > ul > li > div:after,
    #productList > .group-header > div > .group-header > div > .group-header > div > ul > li > div:after,
    #body317 > ul > li > div::after {
        border-top: 13px solid #3db2e6;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        top: 50%;
        content: '';
        display: block;
        right: 0%;
        margin-right: -19px;
        margin-top: -7px;
        position: absolute;
        transform: rotate(270deg);
    }


    /***product page***/
    .ProductQuestion {
        position: relative;
    }

    .dynamic-product-label,
    .dynamic-product-field {
        width: 100%;
    }
    ProductQuestion 
    #divRepeat {
        width: 100%;
    }

        

        #divRepeat #btnRemove {
            display: inline-block;
            padding: 0px 0px;
            height: 36px;
            font-weight: normal;
            color: #3db2e6;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-radius: 5px !important;
            border: 0px solid transparent;
            border-radius: 4px;
            font-size: 1em;
            background: transparent;
        }