/*** header ***********************************************************************************************************/
#header{
    z-index: 2;
    background-color: var(--blue-grey);
    color: #fff;
}
#header .background{
    position: absolute;
    z-index: 0;
    margin: auto;
    top: 0;
    left: -20px;
    right: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

#header.apiForPreAndPostRequests .background{
    background-image: url('../images/product1-header-bg.svg');
}
#header.analyseLogLevel .background{
    background-image: url('../images/product2-header-bg.svg');
}
#header.managedAnalyse .background{
    background-image: url('../images/product3-header-bg.svg');
}


#header .container{
    position: relative;
    z-index: 0;
    bottom: -65px;
    padding-top: 48px;
    justify-content: space-between;
}
#header main{
    max-width: 650px;
    padding-top: 100px;
}

#header aside{
    position: relative;
    min-width: 325px;
    background-color: #fff;
    color: initial;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
}
#header aside:after{
    position: absolute;
    z-index: 0;
    margin: auto;
    left: calc((395px - 325px) / 2 * -1);
    bottom: -23px;
    content: '';
    width: 395px;
    height: 115px;
    background-image: url('../images/product-levelbox-bg.svg');
    background-repeat: no-repeat;
    background-position: top left;
}
#header aside > div{
    position: relative;
    z-index: 1;
    padding: 30px;
    background-color: #fff;
    border-radius: 5px;
}
#header aside dl{
    margin: 0 0 30px;
}
#header aside dt{
    font-weight: bold;
}
#header aside dd{
    margin: 0;
}
#header aside button{
    width: 100%;
}

/*** payment interval: montly / halfyearly ***/
#header aside dd > span:first-of-type{
    display: unset;
}
#header aside dd > span:last-of-type{
    display: none;
}
#header.semiannual aside dd > span:first-of-type{
    display: none;
}
#header.semiannual aside dd > span:last-of-type{
    display: unset;
}





/*** payment interval *************************************************************************************************/
#payment-interval{
    z-index: 1;
}
#payment-interval .container{
    padding-top: 195px;
    display: block;
}
#payment-interval h2{
    text-align: center;
    margin-bottom: 28px;
}

#payment-interval .payment-interval-changer{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
#payment-interval .payment-interval-changer > div:first-of-type{
    min-width: 300px;
    font-weight: bold;
    text-align: right;
}
#payment-interval .payment-interval-changer > div:last-of-type{
    min-width: 300px;
}
#payment-interval .payment-interval-changer > div > span{
    color: var(--gsi-grey);
    font-weight: normal !important;
}

#payment-interval .sliding-button{
    position: relative;
    margin: 0 15px;
    width: 40px;
    height: 23px;
    border-radius: 20px;
    border: 2px solid var(--dark-grey-100);
    cursor: pointer;
}
#payment-interval .sliding-button span{
    position: absolute;
    top: 3px;
    left: 3px;
    right: auto;
    display: block;
    background-color: var(--dark-grey-100);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    transition: left 250ms;
}
#payment-interval p{
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
}
/*** payment interval: montly / halfyearly ***/
#payment-interval.semiannual .payment-interval-changer > div:first-of-type{
    font-weight: normal;
}
#payment-interval.semiannual .payment-interval-changer > div:last-of-type{
    font-weight: bold;
}

#payment-interval .payment-interval-changer .sliding-button span{
    left: 3px;
}
#payment-interval.semiannual .payment-interval-changer .sliding-button span{
    left: 20px;
}





/*** product features *************************************************************************************************/
#product-features{}
#product-features .container{
    display: block;
}


/*** table head ***/
#product-features .table.head{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: flex-end;
    border-bottom: 3px solid var(--dark-grey-15);
}
#product-features .table.head div{
    position: relative;
    width: 19.1%;
    padding: 15px;
    background-color: var(--dark-grey-3);
    vertical-align: top;
    float: left;
}
#product-features .table.head div:first-of-type{
    width: 23.6%;
    background-color: transparent;
}
#product-features .table.head div:nth-child(2){
    border-top-left-radius: 3px;
}
#product-features .table.head div:last-of-type{
    border-top-right-radius: 3px;
}

#product-features .table.head dl{
    display: inline-block;
    margin: 0 0 23px;
}
#product-features .table.head dt{
    font-size: 18px;
    font-weight: bold;
}
#product-features .table.head dd{
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}
#product-features .table.head p{
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 15px;
    font-weight: normal;
    font-size: 12px;
    color: var(--gsi-grey);
}
#product-features .table.head .set-focus-requests-input {
    color: var(--gsi-blue);
    cursor: pointer;
}
#product-features .table.head .set-focus-requests-input:hover {
    text-decoration: underline;
}
#analyseLogLevel .table.head{
    border-bottom: none;
}
#analyseLogLevel .table.head div,
#managedAnalyse .table.head div{
    width: 17.5%;
}





/*** optionals styles ***/

#product-features .optionalTitle {
    min-height: 70px !important;
}
#product-features .optionalTitle #option-additional-text{
    display: block;
    position: relative;
    z-index: 1;
    margin-top: -3px;
    font-weight: normal;
    font-size: 14px;
    color: var(--gsi-grey);
    padding-left: 36px;
    background-image: url('../images/information.svg');
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left 10px center;
}
#product-features .optionalTitle #option-additional-text.alert {
    color: var(--gsi-red);
    background-image: url('../images/information-red.svg');
}


#product-features .styled-checkbox input[type="checkbox"] + label {
    margin-top: 2px;
    margin-bottom: 0;
}
#product-features .styled-checkbox input[type="checkbox"] + label::before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
}
#product-features .styled-checkbox input[type="checkbox"] + label::after {
    top: 8px;
    left: 3px;
}









/*** payment interval: montly / halfyearly ***/
#product-features .table.head dd > span:first-of-type{
    display: unset;
}
#product-features .table.head dd > span:last-of-type{
    display: none;
}
#product-features.semiannual .table.head dd > span:first-of-type{
    display: none;
}
#product-features.semiannual .table.head dd > span:last-of-type{
    display: unset;
}





/*** table footer ***/
#product-features .table.footer {
    font-size: 14px;
    margin-bottom: 175px;
}
#product-features .table.footer dl{
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 50px;
    border-top: 1px solid var(--dark-grey-15);
}
#product-features .table.footer dl:first-of-type,
#product-features .table.footer dl:last-of-type{
    border: none;
}
#product-features .table.footer dl:last-of-type{
    margin-top: 15px;
}
#product-features .table.footer dt{
    width: 23.6%;
    font-weight: bold;
    padding: 5px 15px;
}
#product-features .table.footer dd{
    width: 19.1%;
    margin: 0;
    padding: 5px 15px;
}
#product-features .table.footer dd .placeholder{
    color: var(--gsi-grey);
}


#product-features .table.footer dd.input {
    position: relative;
}
#product-features .table.footer dd.input .input-wrap{
    display: flex;
    align-items: center;
    max-width: 140px;
    border: 1px solid var(--dark-grey-15);
    border-radius: 2px;
    background-color: var(--dark-grey-5);
}
#product-features .table.footer dd.input input{
    width: 65px;
    height: 33px;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-right: 1px solid var(--dark-grey-15);
}
#product-features .table.footer dd.input input:focus{
    outline: none;
    user-select: none;
    border: none;
}
#product-features .table.footer dd.input .input-wrap:after{
    content: '.000.000';
    width: 75px;
    text-align: center;
    color: var(--gsi-grey);
}
#product-features .table.footer dd.input .info-tip {
    position: absolute;
    bottom: 55px;
    left: 0;
    width: 100%;
    min-height: 35px;
    padding: 7px;
    border-radius: 3px;
    background-color: var(--dark-grey-100);
    color: #fff;
    display: none;
    white-space: normal;
}
#product-features .table.footer dd.input .info-tip:before {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 20px;
    display: inline-block;
    height: 9px;
    width: 9px;
    background-color: var(--dark-grey-100);
    transform: rotate(45deg);
}


#product-features .table.footer dd input.plain-text{
/*    background-color: transparent;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    border: none;*/
}
#product-features .table.footer .requests-button{
    display: none;
}
#analyseLogLevel .table.footer dt,
#managedAnalyse .table.footer dt{
    width: 30%;
}
#analyseLogLevel .table.footer dd,
#managedAnalyse .table.footer dd{
    width: 17.5%;
}


/*** payment interval: montly / halfyearly ***/
#product-features .table.footer dt > span:first-of-type,
#product-features .table.footer dd > span:first-of-type{
    display: unset;
}
#product-features .table.footer dt > span:last-of-type,
#product-features .table.footer dd > span:last-of-type{
    display: none;
}

#product-features.semiannual .table.footer dt > span:first-of-type,
#product-features.semiannual .table.footer dd > span:first-of-type{
    display: none;
}
#product-features.semiannual .table.footer dt > span:last-of-type,
#product-features.semiannual .table.footer dd > span:last-of-type{
    display: unset;
}
#price_for_additional_request{
    display: block !important;
}





/*** table body ***/
#product-features .table.body {
    position: relative;
    z-index: 0;
    font-size: 14px;
    margin-bottom: 30px;
}
#product-features .table.body .appendix{
    padding: 3px 15px;
    border-radius: 3px;
    background-color: #E8F5FF;
    color: var(--gsi-blue);
}
#product-features .beginner-column,
#product-features .advanced-column,
#product-features .enterprise-column,
#product-features .custom-column{
    content: '';
    width: 19.1%;
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: 18px 18px;
}
#product-features .table.body .included{
    min-height: 34px;
    background-image: url('../images/include-icon.svg');
}
#product-features .table.body .excluded{
    min-height: 34px;
    background-image: url('../images/excluded-icon.svg');
}
#product-features .table.body input[type="checkbox"]{
    width: auto;
    height: auto;
    margin: 0 15px 0 0;
}




/*** #apiForPreAndPostRequests | level 0 ***/
#apiForPreAndPostRequests .table.head{
    z-index: 0;
}

#apiForPreAndPostRequests .body > .row{
    border-bottom: 1px solid var(--dark-grey-15);
}
#apiForPreAndPostRequests .body > .row > .col{
    padding: 6px 15px;
    background-color: var(--dark-grey-3);
    border-top: 1px solid var(--dark-grey-15);
}
#apiForPreAndPostRequests .body > .row > .col > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(24% - 15px);
}




/*** #apiForPreAndPostRequests | level 1 ***/
#apiForPreAndPostRequests .body > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    float: left;
    min-height: 34px;
    padding: 6px 15px 6px 30px;
}
#apiForPreAndPostRequests .body > .row > .row > .col:first-of-type {
    width: 23.6%;
}
#apiForPreAndPostRequests .body > .row > .row > .col:first-of-type:before {
    float: left;
    content: '-';
    width: 10px;
}

#apiForPreAndPostRequests .body > .row > .col > div > span:first-of-type{
    font-weight: bold;
    flex-grow: 2;
}


/*** #apiForPreAndPostRequests | level 2 ***/
#apiForPreAndPostRequests .body > .row > .row > .row > .col{
    float: left;
    min-height: 34px;
    border-top: 1px solid var(--dark-grey-15);
    padding-top: 6px;
    padding-bottom: 6px;
}
#apiForPreAndPostRequests .body > .row > .row > .row > .col:first-of-type{
    display:block;
    clear:both;
    content:'';
    width: 23.6%;
    padding-left: 50px;
}
#apiForPreAndPostRequests .body > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '•';
    width: 10px;
}


/*** #analyseLogLevel | level 0 ***/
#analyseLogLevel .body {
    margin-top: -180px;
}
#analyseLogLevel .body > .row{
    border-bottom: 1px solid var(--dark-grey-15);
}
#analyseLogLevel .body > .row > .col{
    position: relative;
    z-index: 0;
    padding-left: 35px;
    margin-top: 50px;
    min-height: 60px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid var(--dark-grey-15);
    user-select: none;
}
#analyseLogLevel .body > .row:first-of-type > .col{
    min-height: 133px;
}
#analyseLogLevel .body > .row > .col:before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 21px;
    left: 21px;
    width: calc(100% - 21px);
    height: calc(100% - 21px);
    border-left: 1px dashed var(--gsi-blue);
    border-top: 1px dashed var(--gsi-blue);
}
#analyseLogLevel .body > .row > .col > div{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 6px 10px;
    background-color: #fff;
}
#analyseLogLevel .body > .row.collapsible > .col{
    cursor: pointer;
}
#analyseLogLevel .body > .row.collapsible > .col:after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--gsi-blue);
    border-radius: 2px;
    background-color: #fff;
    background-image: url('../images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: center;
    transform: rotate(-180deg);
}
#analyseLogLevel .body > .row.collapsible.collapsed > .col:after{
    transform: rotate(0);
}

#analyseLogLevel .body > .row.collapsible.collapsed > .row{
    display: none;
}


/*** #analyseLogLevel | level 1 ***/
#analyseLogLevel .body > .row > .row{
    background-color: var(--dark-grey-3);
}
#analyseLogLevel .body > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    float: left;
    padding: 6px 15px;
    min-height: 34px;
    user-select: none;
}
#analyseLogLevel .body > .row > .row.collapsible > .col{
    cursor: pointer;
}
#analyseLogLevel .body > .row > .row > .col:first-of-type {
    width: 30%;
    padding-left: 45px;
    font-weight: bold;
    white-space: nowrap;
}
#analyseLogLevel .body > .row > .row.collapsible > .col:first-of-type{
    padding-left: 0;
}
#analyseLogLevel .body > .row > div:nth-of-type(2) > .col{
    border-width: 0;
}
#analyseLogLevel .body > .row > .row.collapsible > .col:first-of-type:before {
    float: left;
    content: '';
    width: 44px;
    height: 20px;
    background-image: url('../images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 8px;
    transition: transform 150ms;
    transform: rotate(-180deg);
}
#analyseLogLevel .body > .row > .row.collapsible.collapsed > .col:first-of-type:before {
    transform: rotate(0);
}
#analyseLogLevel .body > .row > .row.collapsible.collapsed > .row{
    display: none;
}


/*** #analyseLogLevel | level 2 ***/
#analyseLogLevel .body > .row > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    background-color: #fff;
    float: left;
    padding: 6px 15px;
    min-height: 34px;
}
#analyseLogLevel .body > .row > .row > .row > .col:first-of-type{
    clear:both;
    width: 30%;
    padding-left: 45px;
    float: left;
    white-space: nowrap;
}
#analyseLogLevel .body > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '-';
    width: 10px;
}


/*** #analyseLogLevel | level 3 ***/
#analyseLogLevel .body > .row > .row > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    position: relative;
    z-index: 0;
    float: left;
    min-height: 34px;
    padding: 6px 15px;
    background-color: #fff;
}
#analyseLogLevel .body > .row > .row > .row > .row > .col:first-of-type{
    position: relative;
    z-index: 1;
    clear:both;
    width: 30%;
    white-space: nowrap;
    padding-left: 70px;
}
#analyseLogLevel .body > .row > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '•';
    width: 12px;
    font-size: 20px;
    line-height: 21px;
}


/*** #analyseLogLevel | level 4 ***/
#analyseLogLevel .body > .row > .row > .row > .row > .row > .col{
    position: relative;
    z-index: 0;
    float: left;
    min-height: 34px;
    border-top: 1px solid var(--dark-grey-15);
    padding: 6px 15px;
    background-color: #fff;
}
#analyseLogLevel .body > .row > .row > .row > .row > .row > .col:first-of-type{
    position: relative;
    z-index: 1;
    clear:both;
    width: 30%;
    white-space: nowrap;
    padding-left: 85px;
}
#analyseLogLevel .body > .row > .row > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '°';
    width: 12px;
    max-height: 20px;
    font-size: 18px;
    padding-top: 1px;
}


#analyseLogLevel .beginner-column,
#analyseLogLevel .advanced-column,
#analyseLogLevel .enterprise-column,
#analyseLogLevel .custom-column{
    width: 17.5%;
}



/*** #managedAnalyse | level 0 ***/
#managedAnalyse .table.head {
    border-bottom: none;
}
#managedAnalyse .body {
    margin-top: -180px;
}
#managedAnalyse .body > .row{
    border-bottom: 1px solid var(--dark-grey-15);
}
#managedAnalyse .body > .row > .col{
    position: relative;
    padding-left: 35px;
    margin-top: 50px;
    min-height: 60px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px solid var(--dark-grey-15);
    user-select: none;
}
#managedAnalyse .body > .row:first-of-type > .col{
    min-height: 133px;
}
#managedAnalyse .body > .row > .col:before{
    content: '';
    position: absolute;
    z-index: 0;
    top: 21px;
    left: 21px;
    width: calc(100% - 21px);
    height: calc(100% - 21px);
    border-left: 1px dashed var(--gsi-blue);
    border-top: 1px dashed var(--gsi-blue);
}
#managedAnalyse .body > .row > .col > div{
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 6px 10px;
    background-color: #fff;
}
#managedAnalyse .body > .row.collapsible > .col{
    cursor: pointer;
}
#managedAnalyse .body > .row.collapsible > .col:after{
    content: '';
    position: absolute;
    z-index: 1;
    top: 9px;
    right: 0;
    width: 24px;
    height: 24px;
    border: 1px solid var(--gsi-blue);
    border-radius: 2px;
    background-color: #fff;
    background-image: url('../images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: center;
    transform: rotate(-180deg);
}
#managedAnalyse .body > .row.collapsible.collapsed > .col:after{
    transform: rotate(0);
}

#managedAnalyse .body > .row.collapsible.collapsed > .row{
    display: none;
}


/*** #managedAnalyse | level 1 ***/
#managedAnalyse .body > .row > .row{
    background-color: var(--dark-grey-3);
}
#managedAnalyse .body > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    float: left;
    padding: 6px 15px;
    min-height: 34px;
    user-select: none;
}
#managedAnalyse .body > .row > .row.collapsible > .col{
    cursor: pointer;
}
#managedAnalyse .body > .row > .row > .col:first-of-type {
    width: 30%;
    padding-left: 45px;
    font-weight: bold;
    white-space: nowrap;
}

#managedAnalyse .body > .row > .row > .col.enterprise-column,
#managedAnalyse .body > .row > .row > .col.custom-column{
    padding-left: 40px;
}








/** optionals **/
#managedAnalyse .body > .row > .row > .col.optionals:first-of-type {
    padding-left: 15px;
}

#managedAnalyse .body > .row > .row.collapsible > .col:first-of-type{
    padding-left: 0;
}
#managedAnalyse .body > .row > div:nth-of-type(2) > .col{
    border-width: 0;
}
#managedAnalyse .body > .row > .row.collapsible > .col:first-of-type:before {
    float: left;
    content: '';
    width: 44px;
    height: 20px;
    background-image: url('../images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 8px;
    transition: transform 150ms;
    transform: rotate(-180deg);
}
#managedAnalyse .body > .row > .row.collapsible.collapsed > .col:first-of-type:before {
    transform: rotate(0);
}

#managedAnalyse .body > .row > .row.collapsible.collapsed > .row{
    display: none;
}


/*** payment interval: montly / halfyearly ***/
#managedAnalyse .body > .row > .row > .col.enterprise-column .monthly,
#managedAnalyse .body > .row > .row > .col.custom-column .monthly{
    display: unset;
}
#product-features.semiannual .col.enterprise-column .monthly,
#product-features.semiannual .col.custom-column .monthly{
    display: none !important;
}

#managedAnalyse .body > .row > .row > .col.enterprise-column .semiannual,
#managedAnalyse .body > .row > .row > .col.custom-column .semiannual{
    display: none;
}
#product-features.semiannual .col.enterprise-column .semiannual,
#product-features.semiannual .col.custom-column .semiannual{
    display: unset !important;
}














/*** #managedAnalyse | level 2 ***/
#managedAnalyse .body > .row > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    background-color: #fff;
    float: left;
    padding: 6px 15px;
    min-height: 34px;
}
#managedAnalyse .body > .row > .row > .row > .col:first-of-type{
    clear:both;
    width: 30%;
    padding-left: 45px;
    float: left;
    white-space: nowrap;
}
#managedAnalyse .body > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '-';
    width: 10px;
}


/*** #managedAnalyse | level 3 ***/
#managedAnalyse .body > .row > .row > .row > .row > .col{
    border-top: 1px solid var(--dark-grey-15);
    position: relative;
    z-index: 0;
    float: left;
    min-height: 34px;
    padding: 6px 15px;
    background-color: #fff;
}
#managedAnalyse .body > .row > .row > .row > .row > .col:first-of-type{
    position: relative;
    z-index: 1;
    clear:both;
    width: 30%;
    white-space: nowrap;
    padding-left: 70px;
}
#managedAnalyse .body > .row > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '•';
    width: 10px;
}


/*** #managedAnalyse | level 4 ***/
#managedAnalyse .body > .row > .row > .row > .row > .row > .col{
    position: relative;
    z-index: 0;
    float: left;
    min-height: 34px;
    border-top: 1px solid var(--dark-grey-15);
    padding: 6px 15px;
    background-color: #fff;
}
#managedAnalyse .body > .row > .row > .row > .row > .row > .col:first-of-type{
    position: relative;
    z-index: 1;
    clear:both;
    width: 30%;
    white-space: nowrap;
    padding-left: 85px;
}
#managedAnalyse .body > .row > .row > .row > .row > .row > .col:first-of-type:before{
    float: left;
    content: '°';
    width: 12px;
    max-height: 20px;
    font-size: 18px;
    padding-top: 1px;
}




#managedAnalyse .beginner-column,
#managedAnalyse .advanced-column,
#managedAnalyse .enterprise-column,
#managedAnalyse .custom-column{
    width: 17.5%;
}















/*** Technologies Tooltip ***/
#product-features .technology-tooltip{
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: -3px;
}

#apiForPreAndPostRequests .technology-tooltip{
    margin-bottom: 0;
}

#product-features .technology-tooltip img{
    display: block;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 10px;
}


#product-features .technology-tooltip div{
    position: absolute;
    left: -25px;
    bottom: 15px;
    display: none;
    cursor: pointer;
}
#product-features .technology-tooltip span{
    position: relative;
    bottom: 22px;
    left: 0;
    white-space: nowrap;
    background-color: var(--blue-grey);
    color: #fff;
    padding: 15px;
    border-radius: 3px;
    display: block;
}
#product-features .technology-tooltip:hover div{
    display: block;
}
#product-features .technology-tooltip span:after{
    position: absolute;
    left: 35px;
    bottom: -7px;
    content: '';
    width: 15px;
    height: 15px;
    background-color: var(--blue-grey);
    border-radius: 2px;
    transform: rotate(45deg);
}


.alreadyInCart{
    background-color: var(--gsi-yellow-50) !important;
}