@import 'ipw_variables.less';

body.ipw-treament-container {
    padding-top: 140px;

    @media @mobile {
        padding-top: 75px;
    }
}

.treatment-page {

    @media @mobile {
        .clinic-treatments-row {
            padding-top: 0px;
        }
    }

    .clinic-treatments-row {
        background-color: #ffffff;
        margin-left     : -15px;
        margin-right    : -15px;
        border-bottom   : 1px #e0dce0 solid;

        @media @tablet,
        @mobile {
            padding-left : 15px;
            padding-right: 15px;
        }

        .clinic-treatments-row-container {
            max-width: 960px;
            margin   : auto;

            .clinic-treatments-content {
                max-width : 740px;
                margin    : auto;
                min-height: 360px;

                .lead {
                    font-size: 14px;
                }

                .clinic-logo {
                    margin: 20px auto 0px;
                }

                .clinic-treatments-list-container {
                    margin: 30px auto;

                    .ma-cdc-label,
                    .ma-cdc-label-preview {
                        padding       : 8px 10px;
                        background    : #1482cb;
                        color         : #fff;
                        font-weight   : bold;
                        text-transform: uppercase;
                        margin-top    : 10px;
                    }

                    @media @mobile {
                        .ma-cdc-label-preview {
                            margin: 0 -15px;
                        }
                    }
                }

                a.clinic-services-modal-link {
                    display      : block;
                    background   : #289dea;
                    border-bottom: #1482cb 1px solid;
                    margin       : 0 0 2px 0;
                    color        : white;
                    cursor       : pointer;
                    border-radius: 2px;

                    &:hover {
                        background   : #60acf7;
                        border-bottom: #2f93f5 1px solid;
                    }

                    .clinic-services-modal-link-title {
                        margin   : 0;
                        font-size: 16px;
                        padding  : 15px 0px 15px 50px;

                        @media @mobile {
                            font-size: 15px;
                        }

                        .mydoc-icon {
                            margin-left: -37px;
                        }
                    }

                    .clinic-services-modal-link-arrow {
                        font-size  : 20px;
                        padding    : 12px;
                        line-height: 20px;
                    }
                }

                a.bg-unpublish {
                    background   : #ea2828;
                    border-bottom: #cb1414 1px solid;

                    &:hover {
                        background   : #f76060;
                        border-bottom: #f52f2f 1px solid;
                    }
                }

                .clinic-services-specialty-title {
                    background: #00b3bc;
                    margin    : 0;
                    padding   : 15px 0px 15px 50px;
                    font-size : 16px;
                    color     : white;

                    @media @mobile {
                        margin: 0 -15px;
                    }

                    .mydoc-icon {
                        margin-left: -37px;
                    }
                }

                .clinic-services-list,
                .clinic-services-search-related-list {
                    @media @mobile {
                        margin: 0 -15px;
                    }

                    .dnc-label {
                        padding       : 3px 10px;
                        font-size     : 12px;
                        border-left   : 3px #aaa solid;
                        border-right  : 1px #aaa dotted;
                        background    : #aaa;
                        color         : whitesmoke;
                        font-weight   : bold;
                        text-transform: uppercase;
                    }

                    .clinic-procedure {
                        padding      : 7px 10px 7px 15px;
                        border-left  : 3px #e0dce0 solid;
                        border-bottom: 1px #e0dce0 dotted;
                        border-right : 1px #e0dce0 dotted;
                        background   : #ffffff;

                        @media @mobile {
                            padding: 7px;
                        }

                        &.indent {
                            border-left: 15px #e0dce0 solid;

                            @media @mobile {
                                border-left-width: 9px;
                            }
                        }

                        &:hover {
                            background: #f2f4f2;
                        }

                        .proc-img {
                            padding: 10px 0px;
                        }

                        .row {
                            align-items: center;
                            margin     : 0 -8px 0 -15px;
                        }

                        a {
                            text-decoration: none;
                        }

                        .procedure-description {
                            text-align           : justify;
                            display              : none;
                            font-size            : 12px;
                            -webkit-touch-callout: none;
                            -webkit-user-select  : none;
                            -khtml-user-select   : none;
                            -moz-user-select     : none;
                            -ms-user-select      : none;
                            user-select          : none;

                            &.show-description {
                                display: block;
                                padding: 5px 0px;
                            }

                            &.clinic-service-margin-left {
                                margin-left: 15px;
                            }

                            .proc-tech-item {
                                padding: 5px 0px;
                            }

                            .bullet-point {
                                margin-left: 40px;

                                &::before {
                                    content    : '\2022';
                                    font-size  : 16px;
                                    padding    : 0px 10px 0px 0px;
                                    margin-left: -15px;
                                }
                            }
                        }

                        .procedure-title {
                            font-size            : 18px;
                            margin               : 5px 0 0 0;
                            color                : #444;
                            line-height          : 22px;
                            -webkit-touch-callout: none;
                            -webkit-user-select  : none;
                            -khtml-user-select   : none;
                            -moz-user-select     : none;
                            -ms-user-select      : none;
                            user-select          : none;

                            &.clinic-service-margin-left {
                                margin-left: 15px;
                            }

                            .proc-tech-list {
                                font-size    : 12px;
                                color        : #777;
                                white-space  : nowrap;
                                text-overflow: ellipsis;
                                overflow     : hidden;
                            }
                        }

                        .procedure-price {
                            color    : #aaa;
                            font-size: 12px;

                            .price-tag {
                                margin-right: 4px;

                                .service-price-currency,
                                .service-price-amount {
                                    color      : #26abac;
                                    font-weight: bold;
                                }
                            }
                        }

                        .btn-mydoc-secondary {
                            color        : #fff;
                            font-size    : 13px;
                            background   : #1967D2;
                            border-radius: 30px;
                            position     : relative;
                            min-width    : 55px;

                            span.glyphicon {
                                background   : rgba(0, 0, 0, 0.2);
                                border-radius: 50%;
                                padding      : 2px;
                                position     : absolute;
                                right        : -3px;
                                top          : -3px;
                                font-size    : 80%;
                            }

                            &:hover {
                                background: lighten(#1967D2, 20%);
                            }
                        }
                    }
                }

                .search-related-procedure-n-price {
                    padding-right: 15px;
                    margin-bottom: 20px;

                    @media @mobile {
                        padding-right: 0px;
                    }

                    a.clinic-services-modal-link {
                        background   : #ffcb05;
                        border-bottom: #e5b500 1px solid;
                        color        : #333;

                        &:hover {
                            background   : #fed742;
                            border-bottom: #ffcb05 1px solid;
                        }

                        .clinic-services-modal-link-title {
                            padding: 15px;
                        }
                    }

                    .clinic-services-specialty-title {
                        background: #ffcb05;
                        padding   : 10px 15px;
                        color     : #333;
                    }

                    .clinic-services-search-related-list {

                        .clinic-procedure {
                            background  : #fff1bc;
                            border-color: #ffcb05;
                        }
                    }
                }
            }

            .footer {
                margin-bottom: 0px;
            }
        }

        hr {
            border-top: 1px solid #e0dce0;
        }
    }
}