.btn-efizjo { background-color: #93bc1e !important; border: 1px solid #93bc1e; color: #ffffff; border-radius: 0; font-weight: 700; padding: 10px 20px; text-transform: uppercase; } .btn-efizjo.btn-cta { background-color: #007BFF !important; border: 1px solid #007BFF; } .btn-efizjo.btn-cta.btn-no-hover:hover, .btn-efizjo.btn-cta.btn-no-hover:active { background-color: #007BFF !important; border: 1px solid #007BFF !important; color: #ffffff !important; border-radius: 0; } .btn-efizjo:hover, .btn-efizjo:active { background-color: #ffffff !important; color: black !important; border: 1px solid #93bc1e !important; } .btn-efizjo.btn-no-hover:hover, .btn-efizjo.btn-no-hover:active { background-color: #93bc1e !important; border: 1px solid #93bc1e; color: #ffffff !important; border-radius: 0; } .btn-efizjo.btn-no-hover:disabled, .btn-efizjo.btn-no-hover:disabled:hover, .btn-efizjo.btn-no-hover:disabled:active { opacity: 0.8; background: #F1F1F1; color: #CCCCCC; } .btn-efizjo.medium { padding: 5px 20px; font-size: 14px; } .btn-efizjo:disabled { opacity: 0.8; background: #F1F1F1; color: #CCCCCC; } .btn-efizjo:disabled:hover { background-color: #93bc1e !important; color: #ffffff !important; } .btn-efizjo-secondary { background-color: white !important; border: 1px solid #ccc; color: #333; border-radius: 0; } .btn-efizjo-secondary.btn-no-hover:hover, .btn-efizjo-secondary.btn-no-hover:active { background-color: white !important; border: 1px solid #ccc; color: #333 !important; border-radius: 0; } .btn-efizjo-secondary.medium { padding: 5px 20px; font-size: 14px; } .btn-efizjo-secondary:disabled, .btn-efizjo-secondary:disabled:hover { opacity: 0.8; background: #F1F1F1 !important; color: #CCCCCC !important; border: 1px solid #F1F1F1 !important; } .btn-efizjo-secondary:hover, .btn-efizjo-secondary:active { background-color: #93bc1e !important; color: white !important; border: 1px solid #93bc1e !important; } .choose-file-btn { font-weight: 600 !important; font-size: 14px; display: flex; justify-content: center; align-items: center; height: 42px; cursor: pointer; border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 0; } .btn-efizjo-danger { background-color: #d82813; color: #fff; border-radius: 0; transition: background-color 0.2s; } .btn-efizjo-danger:hover, .btn-efizjo-danger:active, .btn-efizjo-danger:focus, .btn-efizjo-danger:focus-visible { color: #fff; background-color: #f22; } .editVisit-datepicker-container { position: relative; } .editVisit-datepicker-container .ui-datepicker { top: 70px !important; } #ui-datepicker-div, .ui-datepicker-inline { background-color: #F5F7F9 !important; border-radius: 0 !important; padding: 0 !important; width: 260px !important; position: absolute !important; } #ui-datepicker-div .ui-datepicker-calendar, .ui-datepicker-inline .ui-datepicker-calendar { padding: 10px !important; width: calc(100% - 20px); margin: 5px 10px 15px 10px !important; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default, .ui-datepicker-inline .ui-datepicker-calendar .ui-state-default { width: 28px !important; height: 28px !important; padding: 0 !important; display: flex; justify-content: center; align-items: center; background-color: transparent !important; border: 0 !important; font-weight: 600; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-state-highlight, .ui-datepicker-inline .ui-datepicker-calendar .ui-state-default.ui-state-highlight { color: #93bc1e !important; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default.ui-state-active, .ui-datepicker-inline .ui-datepicker-calendar .ui-state-default.ui-state-active { color: #fff !important; background-color: #93bc1e !important; border-radius: 50% !important; } #ui-datepicker-div .ui-datepicker-calendar .ui-state-default:hover, .ui-datepicker-inline .ui-datepicker-calendar .ui-state-default:hover { color: #fff !important; background-color: rgba(147, 188, 30, 0.5) !important; border-radius: 50% !important; } #ui-datepicker-div:before, .ui-datepicker-inline:before { display: none !important; } #ui-datepicker-div .ui-widget-header, .ui-datepicker-inline .ui-widget-header { background-color: #F5F7F9; border-style: solid !important; border-color: #fff !important; border-width: 0 0 3px 0 !important; padding: 10px 40px; } #ui-datepicker-div .ui-widget-header a, .ui-datepicker-inline .ui-widget-header a { width: 25px; height: 25px; background-color: #ccc !important; border-radius: 0 !important; } #ui-datepicker-div .ui-widget-header a:hover, .ui-datepicker-inline .ui-widget-header a:hover { padding: 0 !important; background-color: #93bc1e !important; cursor: pointer !important; } #ui-datepicker-div .ui-widget-header a span, .ui-datepicker-inline .ui-widget-header a span { display: none !important; } #ui-datepicker-div .ui-widget-header a.ui-datepicker-prev, .ui-datepicker-inline .ui-widget-header a.ui-datepicker-prev { left: 7px !important; top: 11px !important; } #ui-datepicker-div .ui-widget-header a.ui-datepicker-prev:before, .ui-datepicker-inline .ui-widget-header a.ui-datepicker-prev:before { display: flex; content: "\2190"; color: #fff; justify-content: center; align-items: center; } #ui-datepicker-div .ui-widget-header a.ui-datepicker-next, .ui-datepicker-inline .ui-widget-header a.ui-datepicker-next { right: 7px !important; top: 11px !important; } #ui-datepicker-div .ui-widget-header a.ui-datepicker-next:before, .ui-datepicker-inline .ui-widget-header a.ui-datepicker-next:before { display: flex; justify-content: center; align-items: center; content: "\2192"; color: #fff; } #ui-datepicker-div .ui-datepicker-title, .ui-datepicker-inline .ui-datepicker-title { margin: 0 !important; } #ui-datepicker-div .ui-datepicker-title select, .ui-datepicker-inline .ui-datepicker-title select { height: 25px !important; font-weight: 400 !important; padding: 0 5px !important; border: 1px solid #ccc !important; margin-bottom: 2px !important; } #ui-datepicker-div .ui-datepicker .ui-datepicker-current, .ui-datepicker-inline .ui-datepicker .ui-datepicker-current { opacity: 1; } .owl-carousel .owl-nav button, .owl-carousel .efizjo-nav button, .efizjo-slider .owl-nav button, .efizjo-slider .efizjo-nav button { position: absolute; top: 34%; background: none; padding: 0; border: 0; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.efizjo-prev, .owl-carousel .owl-nav button.efizjo-next, .owl-carousel .efizjo-nav button.owl-prev, .owl-carousel .efizjo-nav button.owl-next, .owl-carousel .efizjo-nav button.efizjo-prev, .owl-carousel .efizjo-nav button.efizjo-next, .efizjo-slider .owl-nav button.owl-prev, .efizjo-slider .owl-nav button.owl-next, .efizjo-slider .owl-nav button.efizjo-prev, .efizjo-slider .owl-nav button.efizjo-next, .efizjo-slider .efizjo-nav button.owl-prev, .efizjo-slider .efizjo-nav button.owl-next, .efizjo-slider .efizjo-nav button.efizjo-prev, .efizjo-slider .efizjo-nav button.efizjo-next { color: #ffffff; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.efizjo-prev, .owl-carousel .efizjo-nav button.owl-prev, .owl-carousel .efizjo-nav button.efizjo-prev, .efizjo-slider .owl-nav button.owl-prev, .efizjo-slider .owl-nav button.efizjo-prev, .efizjo-slider .efizjo-nav button.owl-prev, .efizjo-slider .efizjo-nav button.efizjo-prev { left: 0; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.efizjo-next, .owl-carousel .efizjo-nav button.owl-next, .owl-carousel .efizjo-nav button.efizjo-next, .efizjo-slider .owl-nav button.owl-next, .efizjo-slider .owl-nav button.efizjo-next, .efizjo-slider .efizjo-nav button.owl-next, .efizjo-slider .efizjo-nav button.efizjo-next { right: 0; } .owl-carousel .owl-nav button .slider-arrow, .owl-carousel .efizjo-nav button .slider-arrow, .efizjo-slider .owl-nav button .slider-arrow, .efizjo-slider .efizjo-nav button .slider-arrow { background-color: #a8a8a8; display: flex; justify-content: center; align-items: center; height: 70px; width: 30px; } .owl-carousel .owl-nav button .slider-arrow:hover, .owl-carousel .efizjo-nav button .slider-arrow:hover, .efizjo-slider .owl-nav button .slider-arrow:hover, .efizjo-slider .efizjo-nav button .slider-arrow:hover { background-color: #93bc1e; } .owl-carousel .owl-nav button .slider-arrow .caret-left, .owl-carousel .efizjo-nav button .slider-arrow .caret-left, .efizjo-slider .owl-nav button .slider-arrow .caret-left, .efizjo-slider .efizjo-nav button .slider-arrow .caret-left { transform: rotate(90deg); } .owl-carousel .owl-nav button .slider-arrow .caret-right, .owl-carousel .efizjo-nav button .slider-arrow .caret-right, .efizjo-slider .owl-nav button .slider-arrow .caret-right, .efizjo-slider .efizjo-nav button .slider-arrow .caret-right { transform: rotate(270deg); } .owl-carousel .owl-nav button.disabled .slider-arrow, .owl-carousel .efizjo-nav button.disabled .slider-arrow, .efizjo-slider .owl-nav button.disabled .slider-arrow, .efizjo-slider .efizjo-nav button.disabled .slider-arrow { background-color: #e3e3e3; } .owl-carousel a.fancybox, .efizjo-slider a.fancybox { display: flex; align-items: center; } .owl-carousel .owl-stage, .efizjo-slider .owl-stage { display: flex; } .owl-carousel .owl-item, .efizjo-slider .owl-item { display: flex; border: 1px solid #e3e3e3; box-sizing: border-box; } .owl-carousel .owl-item:hover, .efizjo-slider .owl-item:hover { border: 2px solid #93bc1e; } .owl-carousel .owl-item:last-child, .efizjo-slider .owl-item:last-child { margin: 0 !important; } .efizjo-slider { padding: 20px 0; } .efizjo-slider .efizjo-nav button { top: 45%; } .owl-carousel { padding: 20px 40px; } @media (min-width: 1260px) { .efizjo-slider { padding: 20px 40px; } } .efizjo-form.efizjo-form-invoice { display: flex; flex-direction: column-reverse; } .efizjo-form label, .efizjo-form input { float: left; } .efizjo-form .content.form-container { padding-top: 0; } .efizjo-form ul.efizjo-form-errors { list-style-type: none; margin: 0 0 5px 0; text-align: right; float: right; } .efizjo-form ul.efizjo-form-errors li { color: #FF5B40; line-height: 20px; } .efizjo-form div { float: left; width: 100%; } .efizjo-form button[type='submit'] { float: right; } input:disabled { background: #ddd !important; } input[type=checkbox].efizjo-checkbox { display: none; } input[type=checkbox].efizjo-checkbox + label { width: 25px; height: 25px; background-color: white; border: 1px solid #CCC; display: inline-block; margin-right: 5px; vertical-align: bottom; cursor: pointer; } input[type=checkbox].efizjo-checkbox[disabled] + label { cursor: not-allowed; } input[type=checkbox].efizjo-checkbox:checked + label { background-image: url("../images/check-icon.png"); background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: auto; } .button__container { display: flex; justify-content: flex-end; margin-top: 20px; } .button__container .btn-efizjo-confirm { margin-left: 10px; } .multiselect { width: 200px; } .selectBox { position: relative; } .selectBox select { width: 100%; font-weight: bold; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #checkboxes { display: none; border: 1px #dadada solid; } #checkboxes .checkbox-container, #checkboxes .checkbox-container--no-padding { display: flex; align-content: center; } #checkboxes .checkbox-container label, #checkboxes .checkbox-container--no-padding label { line-height: 25px !important; } .checkbox-container, .checkbox-container--no-padding { padding: 10px; } .checkbox-container input[type='checkbox'], .checkbox-container--no-padding input[type='checkbox'] { height: initial !important; margin-top: 0 !important; margin-right: 15px !important; width: auto !important; } .checkbox-container label, .checkbox-container--no-padding label { margin-bottom: 0; } .checkbox-container--no-padding { padding: 0 !important; } .slick-slider-expandable .slick-slide { height: 136px !important; } .efizjo-icon { width: 14px; display: inline !important; } .status-is-reserved { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background-color: #d9edf7; color: #31708f; } .status-is-canceled { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background-color: #fcf8e3; color: #8a6d3b; } .status-is-undone { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background-color: #f2dede; color: #a94442; } .status-is-done { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background-color: #dff0d8; color: #3c763d; } .status-is-confirmedByPatient { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background: #fff url("../images/statusImages/confirmed_patient.jpg") repeat; color: #3c763d; border: 1px solid #dff0d8; } .status-is-canceledByPatient { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background: #fff url("../images/statusImages/canceled_patient.jpg") repeat; color: #8a6d3b; border: 1px solid #fcf8e3; } .status-is-moved { display: inline-block; padding: 3px 10px; font-weight: 600; font-size: 12px; background-color: #fcf8e3; color: #8a6d3b; } .efizjo__switch { position: relative; display: inline-block !important; width: 32px; height: 14px; border: none; padding: 0; } .efizjo__switch input { opacity: 0; width: 0; height: 0; } .efizjo__switch input:checked + .efizjo__switch__slider { background-color: #DFEBBD; border-color: #DFEBBD; } .efizjo__switch input:checked + .efizjo__switch__slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); background-color: #93bc1e; } .efizjo__switch input:focus + .slider { box-shadow: 0 0 1px #DFEBBD; } .efizjo__switch .efizjo__switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E9EBEE; -webkit-transition: .2s; transition: .2s; border-radius: 34px; border: 1px solid #ccc; border-left: 0; } .efizjo__switch .efizjo__switch__slider:before { position: absolute; content: ""; height: 14px; width: 14px; bottom: -1px; background-color: white; -webkit-transition: .2s; transition: .2s; border-radius: 50%; border: 1px solid #ccc; } .efizjo-tooltip { margin: 0 0 0 5px !important; } .efizjo-tooltip.efizjo-tooltip-trigger { cursor: pointer; } .efizjo-tooltip .efizjo-tooltip-icon { height: 16px !important; width: 16px !important; margin: 0 !important; } .sp-dd { display: none; } .sp-replacer { border-color: #ccc; background-color: #fff; } .sp-preview { border-color: #ccc; margin: 0; width: 32px; height: 32px; } .sp-preview .sp-clear-display { background-image: none; } .sp-container { border-color: #ccc; } .sp-container button, .sp-container input, .sp-container a { font-size: 14px; font-weight: 600; letter-spacing: 0.27px; font-family: "Rajdhani", sans-serif; } .sp-container button { padding: 5px 10px; border-radius: 0; } .sp-container button, .sp-container button:hover, .sp-container button:focus { background: transparent; text-shadow: none; border-color: #ccc; box-shadow: none; } .sp-container input { font-weight: 500; background: #fff; color: #555; border: 1px solid #ccc; border-radius: 0; padding: 5px 10px; font-size: 14px !important; } .sp-container .sp-input-container { margin-bottom: 14px; } .sp-container .sp-cancel { color: #FF5B40; margin-right: 10px; } .sp-container .sp-fill { padding-top: 85%; } .sp-container .sp-top { margin-bottom: 5px; } .efizjo-toggler { cursor: pointer; user-select: none; } .efizjo-toggler img { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); margin-bottom: 0 !important; margin-left: 5px; } .efizjo-toggler:not(.collapsed) img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); } @media screen and (max-width: 991px) { .mobile-search-container { display: none; } } @media screen and (min-width: 992px) { .mobile-search-container { display: none !important; } } @media screen and (max-width: 991px) { .container { width: 100%; } } body { font-family: 'Rajdhani', sans-serif; } a, a:hover, a:focus, button:focus, a { text-decoration: none; } h2 { font-weight: 600; } input, button, select { outline: none !important; color: #333; } input:hover, button:hover, select:hover { -webkit-box-shadow: none; box-shadow: none; } input[type="text"]::-moz-placeholder { color: #aaaaaa; opacity: 1; } input[type="text"]:-ms-input-placeholder { color: #aaaaaa; } input[type="text"]::-webkit-input-placeholder { color: #aaaaaa; } /* css to show/hide buttons */ span.showbigdata, span.hidebigdata { color: #93bd1e; cursor: pointer; } span.hidebigdata { display: none; } .main-data .main-data-big { display: none; } .avatar-80 { width: 80px; height: 80px; } /**/ .breaker { width: 100% !important; clear: both; float: left; } @media screen and (min-width: 768px) and (max-width: 991px) { .find-fizjo.container { width: initial; } } header { background-color: #93bd1e; height: auto; color: #FFFFFF; } header a { color: #FFFFFF; text-decoration: none; } .find-fizjo { position: relative; z-index: 2; } header img { width: auto; height: 35px; } section { background-color: #f1f1f1; padding: 20px 0; box-shadow: none; } #overlay { background-color: rgba(0, 0, 0, 0.5); position: fixed; left: 0; right: 0; bottom: 0; top: 0; display: none; z-index: 2147483647; } #overlay > div { margin: 10% auto; border: none; padding: 5px; color: white; background-color: transparent; text-align: center; font-size: 24px; width: 100px; height: 100px; } #overlay img { width: 100px; } #dialog-confirm { display: none; } #dialog-confirm .lnr { font-size: 22px; display: inline-block; vertical-align: bottom; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; background: #ffffff; color: #333; padding: 5px 0; } .ui-dialog-titlebar { background: #ffffff; border: 0; border-bottom: 1px solid #ccc; } .ui-dialog-titlebar-close { border: 0; background: none; } .ui-dialog-buttonset button:first-child { background: #93bc1e; color: #ffffff; border-color: #93bc1e; } .ui-dialog-buttonset button:nth-child(2) { background: #ffffff; border-color: #f1f1f1; } /*Autocompleate styling*/ .ui-front { z-index: 1500; } .ui-widget-overlay { background: #000; opacity: 0.6; filter: Alpha(Opacity=0.6); } .ui-autocomplete-loading { background: white url("../images/efizjo_loader_v1.gif") right center no-repeat; background-size: 30px; background-position-x: 98%; } .header-searchbar .ui-menu-item { padding: 5px 10px; width: 100%; border-top: 1px solid #d3d3d3; background: #fefefe; margin: 1px 1px 0 0; font-weight: 300; color: #999; font-size: 14px; } .loader-element { background: url("../images/efizjo_loader_v1.gif") center center no-repeat; background-size: 100px; } @media screen and (max-width: 425px) { section.has-fixed-header { padding: 0; } .container { padding: 0; } } header.banner-1 { min-height: 500px; background: url("../images/banner-1.jpg") no-repeat center top; background-size: cover; } @media only screen and (max-width: 530px) { header.banner-1 { background: url("../images/banner-1-mobile.jpg") no-repeat center top; background-size: cover; } } #modal-close-button { font-size: 42px; } .modal-telephone-link { color: #93bc1e; } #confirmed-email-page { padding: 65px 0 25px 0; background-color: transparent; } #confirmed-email-page h1 { font-size: 50px; text-align: center; } #confirmed-email-page .confirmed-email-grayed { color: #3a3a3a; } #confirmed-email-page .confirmed-email-now { color: #93bc1e; cursor: pointer; font-weight: 700; } #confirmed-email-page .with-link { width: 100%; } #confirmed-email-page .move-to-homepage { padding: 5px; font-size: 25px; font-weight: 600; width: 350px; margin: auto; } #confirmed-email-page .confirmed-email-img { display: block; width: 200px; margin: auto; } @media only screen and (max-width: 677px) { #confirmed-email-page { padding: 15px; } #confirmed-email-page h1 { font-size: 37px; margin-bottom: 15px; } #confirmed-email-page .info { font-size: 22px; } #confirmed-email-page .move-to-homepage { width: 100%; } } .toggle-switch[type='checkbox'] { display: none; } .toggle-switch + label { width: auto !important; height: auto !important; background-color: transparent !important; background: none !important; border: none !important; margin: 0 !important; line-height: 0.8 !important; } .toggle-switch + label .toggle-background { fill: #ffffff; transition: fill 0.2s; } .toggle-switch + label .toggle-button { fill: #93bc1e; transition: transform 0.35s, fill 0.2s; } .toggle-switch + label .toggle-button.is-gray { fill: #aaaaaa; } .toggle-switch:checked + label .toggle-background { fill: #93bc1e; } .toggle-switch:checked + label .toggle-button { fill: #ffffff; transform: translate(20px, 0); } .user-note .user-positive-note { color: #93bc1e; } .user-note .user-neutral-note { color: #FFB200; } .user-note .user-negative-note { color: #FF2400; } .verified-badge { font-size: 12px; font-weight: 700; color: #93bc1e; background-color: #F4F9E7; display: flex; width: 160px; justify-content: center; align-items: center; height: 20px; padding-left: 3px; } .verified-badge img { width: 12px; margin-right: 7px; display: inline-block; } .verified-badge.search-verified { margin: 5px 0 13px 0; } .verified-badge-mini { border-radius: 50%; background-color: #F4F9E7; width: 18px !important; height: 18px; display: flex; justify-content: center; align-items: center; margin-left: 3px; } .verified-badge-mini img { width: 12px; } .type-3-container { display: flex; justify-content: space-between; } .type-3 { width: 342px; height: 308px; position: relative; border: 1px solid #CCCCCC; transition: border-color 0.5s; cursor: pointer; } .form-not-displayed { display: none; } .type-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; } .type-3 .type-center .type-button { margin: auto; box-sizing: border-box; font-weight: 600; color: #fff; border: 0; background-color: #95BC23; width: 100px; height: 42px; } .type-3 .type-center .type-catch { margin: auto; margin-bottom: 20px; width: 80%; } .type-3 .type-center .type-catch span, .type-3 .type-center .type-catch a { color: #93bc1e; font-weight: 700; } .type-3 .type-center .type-header { margin-bottom: 20px; } .type-3 .type-center .type-icon-div { margin: auto; margin-bottom: 20px; width: 100px; height: 100px; position: relative; } .type-selected { margin: auto; border: 0; width: 100px; height: 42px; font-weight: 700; font-size: 14px; display: none; position: relative; } .type-selected p { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #333333; } .type-title { margin: 0; } .type-down { display: none; } .box .form-group .form-input, .box .form-group .form-input + label:not(.efizjo__switch), .box .form-group select { height: 42px !important; border: 1px solid #CCCCCC !important; padding: 11px 0 11px 15px; } .box .content .form-background { font-size: 14px; font-weight: 600; color: #fff; background-color: #93BA21; cursor: pointer; vertical-align: top; height: 42px; } .box .content .background-photo-preview { margin-top: 15px; width: 100%; max-height: 200px; } .box .content .background-photo-preview img { max-height: 200px; max-width: 100%; object-fit: contain; } .box .form-group .form-input select, .box .form-group .form-select { padding-top: 8px; } .box .form-group .form-input.form-birth { border: 0 !important; } .box .form-group .form-label, .box .school .form-label { font-weight: 600; } @media only screen and (min-width: 992px) { .box .content .add-item .btn { height: 42px !important; width: 42px !important; border-radius: 0; border: 1px solid #93BA21; padding: 0 !important; } } .box .content .btn i { position: absolute; top: 20px; left: 21px; transform: translate(-50%, -50%); font-size: 22px !important; } #disabled-calendar { width: 875px; margin: 15px auto; height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: center; } #disabled-calendar p { text-align: center; font-weight: 500; color: #3a3a3a; background: transparent; } #disabled-calendar .title { font-weight: 700; color: #a5a5a5; font-size: 60px; line-height: 60px; } #disabled-calendar .big-desc { font-size: 24px; margin-bottom: 0; font-weight: 700; } #disabled-calendar .small-desc { font-size: 18px; } @media only screen and (max-width: 1024px) { #disabled-calendar { width: 100%; } } #profile-calendar-container { background-color: #F5F7F9; } #profile-calendar-container .callendar-sticky-small { display: block; font-size: 14px; color: #333; line-height: 23px; } #profile-calendar-container .callendar-sticky-big { display: block; font-size: 24px; font-weight: bold; line-height: 23px; } #profile-calendar-container .day-today { color: #93bc1e; } #profile-calendar-container .callendar-sticky-container { position: relative; width: 100%; user-select: none; } #profile-calendar-container .callendar-sticky-container .callendar-sticky-header { padding: 4px; } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days-container { display: flex; padding: 0; } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days { width: calc(100% / 7); border-bottom: 3px solid #ffffff; text-align: center; padding: 11px 0; } @media only screen and (max-width: 1023px) { #profile-calendar-container .callendar-sticky-container .callendar-sticky-days { width: calc(100% / 5); } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(1), #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(2) { display: none; } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(3) { border-right-width: 1px; } } @media only screen and (max-width: 499px) { #profile-calendar-container .callendar-sticky-container .callendar-sticky-days { width: calc(100% / 2); } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(1), #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(2), #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(3), #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(4), #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(5) { display: none; } #profile-calendar-container .callendar-sticky-container .callendar-sticky-days:nth-last-of-type(6) { border-right-width: 1px; } } #profile-calendar-container .callendar-details { text-align: center; padding: 0; width: 100%; display: flex; justify-content: center; align-items: stretch; position: relative; min-height: 230px; margin-bottom: 30px; } #profile-calendar-container .callendar-details .callendar-sticky-arrow { user-select: none; position: absolute; top: 50%; cursor: pointer; font-size: 20px; font-weight: bold; color: #fff; transform: translate(0%, -50%); padding: 20px 7px; background: #a8a8a8; opacity: 0.5; z-index: 2; } #profile-calendar-container .callendar-details .callendar-sticky-arrow:hover { background: #93bc1e; opacity: 1; } #profile-calendar-container .callendar-details .callendar-sticky-arrow.previous-days { left: 0; } #profile-calendar-container .callendar-details .callendar-sticky-arrow.next-days { right: 0; } #profile-calendar-container .callendar-details ul { list-style: none; } #profile-calendar-container .callendar-details .callendar-placeholder { width: 100%; border: 1px solid #E8E8E8; border-top-width: 0; height: 230px; display: flex; align-items: center; justify-content: center; user-select: none; } #profile-calendar-container .callendar-details .callendar-placeholder .callendar-placeholder-text { color: #aaa; } #profile-calendar-container .callendar-details .callendar-nocallendar { width: 100%; height: 100%; margin: 0 auto; display: flex; position: relative; justify-content: center; flex-direction: column; align-items: center; } #profile-calendar-container .callendar-details .callendar-nocallendar .nocal-text { font-size: 18px; } #profile-calendar-container .callendar-details .callendar-nocallendar .nocal-button, #profile-calendar-container .callendar-details .callendar-nocallendar .callendar-asked { width: 250px; padding: 5px 0; border: 1px solid #ccc; background-color: #ffffff; font-weight: 600; margin-top: 15px; display: flex; align-items: center; justify-content: center; } #profile-calendar-container .callendar-details .callendar-nocallendar .nocal-button:hover, #profile-calendar-container .callendar-details .callendar-nocallendar .callendar-asked:hover { background-color: #555; color: #ffffff; } #profile-calendar-container .callendar-details .callendar-single { width: 100%; margin: 0 auto; position: relative; } #profile-calendar-container .callendar-details .callendar-single .callendar-flex { display: flex; } #profile-calendar-container .callendar-details .callendar-single .callendar-profile-more { position: absolute; left: 50%; bottom: -22px; transform: translate(-50%, 0); padding: 10px 20px; background-color: #ffffff; font-weight: 600; cursor: pointer; border: 1px solid #ccc; display: flex; align-items: center; } #profile-calendar-container .callendar-details .callendar-single .callendar-profile-more .lnr { font-weight: bold; font-size: 12px; margin-left: 5px; } #profile-calendar-container .callendar-details .callendar-single .callendar-profile-more:hover { background-color: #93bc1e; color: #ffffff; border-color: #93bc1e; } #profile-calendar-container .callendar-details .callendar-single .choose-specialist { display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; font-weight: 600; } #profile-calendar-container .callendar-details .callendar-single .choose-specialist a { display: none; } #profile-calendar-container .callendar-details .callendar-box { display: flex; justify-content: center; user-select: none; height: 100%; width: calc(100% / 7); position: relative; } #profile-calendar-container .callendar-details .callendar-box ul { padding: 0; width: 100%; } #profile-calendar-container .callendar-details .callendar-box .not-available { width: 77px; margin-top: 11px; font-weight: 500; } #profile-calendar-container .callendar-details .callendar-box .holiday { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #F5F5F5; } #profile-calendar-container .callendar-details .callendar-box .holiday p { font-size: 14px; font-weight: 500; margin-top: 11px; } #profile-calendar-container .callendar-details .callendar-box:nth-last-of-type(4) { border-right-width: 1px; } @media only screen and (max-width: 1023px) { #profile-calendar-container .callendar-details .callendar-box { width: calc(100% / 5); } } @media only screen and (max-width: 499px) { #profile-calendar-container .callendar-details .callendar-box { width: calc(100% / 2); } } #profile-calendar-container .callendar-details .callendar-more-container-outer { display: none; } #profile-calendar-container .callendar-details .day-not-available:last-of-type, #profile-calendar-container .callendar-details .day-available:last-of-type { margin-bottom: 17px; } #profile-calendar-container .callendar-details .day-available { height: 32px; position: relative; } #profile-calendar-container .callendar-details .day-available:hover { z-index: 3; } #profile-calendar-container .callendar-details .day-available .day-fill { display: flex; justify-content: center; align-items: center; color: #93bc1e; font-size: 16px; font-weight: bold; cursor: pointer; height: 32px; line-height: 1; } #profile-calendar-container .callendar-details .day-available .day-fill:hover { background-color: #FF5B40; } #profile-calendar-container .callendar-details .day-available .day-fill:hover .day-hour { display: none; } #profile-calendar-container .callendar-details .day-available .day-fill:hover .day-book { display: block; } #profile-calendar-container .callendar-details .day-available .day-fill .day-book { color: #ffffff; display: none; } #profile-calendar-container .callendar-details .day-not-available { height: 32px; } #profile-calendar-container .callendar-details .day-not-available .day-fill { height: 32px; line-height: 26px; color: #ccc; font-size: 16px; text-decoration: line-through; display: flex; justify-content: center; align-items: center; } #profile-calendar-container .callendar-details .day-not-available .day-fill .day-book { display: none; } #profile-calendar-container .callendar-details .more-day .day-fill { font-size: 12px; } .permission-single { width: 20px; height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; position: relative; left: 50%; transform: translate(-50%, 0%); cursor: pointer; } .permission-single svg { position: absolute; top: 0; left: 0; stroke: #93BC1E; stroke-width: 3px; display: none; } .type-dots-container { width: 25%; height: 26px; margin: auto; justify-content: space-around; flex-flow: wrap; display: none; } .container-of-type-dots-container { width: 100%; background-color: #fff; padding-bottom: 25px; } .type-dots-container svg { cursor: pointer; } .dot-outer { fill: none; stroke-width: 1px; stroke: #ccc; } .dot-inner { stroke-width: 1px; stroke: transparent; fill: #93bc1e; } .icon-register-type { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #CCCCCC; transition: fill 0.5s, font-size 0.25s; width: 80px; height: 80px; } .icon-register-v { font-size: 20px; position: relative; top: 3px; right: 5px; color: #ccc; transition: color 0.5s; } .stretch-height { min-height: 45vh; } @media only screen and (max-width: 1199px) { .type-3 { width: 250px; } .type-3 .type-center .type-catch { width: 95%; } } @media only screen and (max-width: 1024px) { .type-3 { width: 215px; } } @media only screen and (max-width: 767px) { .type-3 .type-center .type-catch { font-size: 14px; } .type-3 { width: 185px; } } @media only screen and (max-width: 663px) { .type-3 .type-center .type-catch { font-size: 17px; } .type-3 { width: 100%; } .type-3-container { display: block; } .type-dots-container { display: flex; } } @media only screen and (max-width: 499px) { .type-dots-container { width: 50%; } } .help-block { display: none; } a.nolink, a.nolink:hover, a.nolink:visited, a.nolink:active { color: #333; text-decoration: none; font-weight: 600; } .registration-header h2 { font-size: 48px; color: #454545; } .registration-header h4 { font-size: 30px; color: #454545; margin-top: 20px; margin-bottom: 20px; } .registration-header h4 span { color: #93bc1e; } .register-form #availableFields { display: none; } .box { width: 100%; margin-bottom: 25px; } .box .title, .box-element .title { background: white; font-size: 18px; color: #333; text-align: left; line-height: 35px; padding-left: 15px; padding-top: 15px; font-weight: 700; } .box .bordered, .box-element .bordered { border: 1px solid #e1e1e1; } .box, .box-element { margin-bottom: 20px; } .box .content, .box-element .content { overflow: auto; } .box .content, .box .content-fix, .box-element .content, .box-element .content-fix { font-size: 16px; font-weight: 300; background: white; padding: 15px; border-top: none; } .box .content .form-group .help-block, .box .content-fix .form-group .help-block, .box-element .content .form-group .help-block, .box-element .content-fix .form-group .help-block { color: #d9534f; font-size: 14px; font-weight: 400; } .box .content label, .box .content-fix label, .box-element .content label, .box-element .content-fix label { display: block; color: #333; font-weight: 500; line-height: 20px; } .box .content textarea, .box .content select, .box .content input, .box .content-fix textarea, .box .content-fix select, .box .content-fix input, .box-element .content textarea, .box-element .content select, .box-element .content input, .box-element .content-fix textarea, .box-element .content-fix select, .box-element .content-fix input { color: #333; background-color: white; border: 1px solid #ccc; height: 35px; padding: 5px; border-radius: 0; font-size: 16px; letter-spacing: 0.5px; font-weight: 400; } .box .content textarea::-moz-placeholder, .box .content select::-moz-placeholder, .box .content input::-moz-placeholder, .box .content-fix textarea::-moz-placeholder, .box .content-fix select::-moz-placeholder, .box .content-fix input::-moz-placeholder, .box-element .content textarea::-moz-placeholder, .box-element .content select::-moz-placeholder, .box-element .content input::-moz-placeholder, .box-element .content-fix textarea::-moz-placeholder, .box-element .content-fix select::-moz-placeholder, .box-element .content-fix input::-moz-placeholder { color: #888; opacity: 1; } .box .content textarea:-ms-input-placeholder, .box .content select:-ms-input-placeholder, .box .content input:-ms-input-placeholder, .box .content-fix textarea:-ms-input-placeholder, .box .content-fix select:-ms-input-placeholder, .box .content-fix input:-ms-input-placeholder, .box-element .content textarea:-ms-input-placeholder, .box-element .content select:-ms-input-placeholder, .box-element .content input:-ms-input-placeholder, .box-element .content-fix textarea:-ms-input-placeholder, .box-element .content-fix select:-ms-input-placeholder, .box-element .content-fix input:-ms-input-placeholder { color: #888; } .box .content textarea::-webkit-input-placeholder, .box .content select::-webkit-input-placeholder, .box .content input::-webkit-input-placeholder, .box .content-fix textarea::-webkit-input-placeholder, .box .content-fix select::-webkit-input-placeholder, .box .content-fix input::-webkit-input-placeholder, .box-element .content textarea::-webkit-input-placeholder, .box-element .content select::-webkit-input-placeholder, .box-element .content input::-webkit-input-placeholder, .box-element .content-fix textarea::-webkit-input-placeholder, .box-element .content-fix select::-webkit-input-placeholder, .box-element .content-fix input::-webkit-input-placeholder { color: #888; } .box .content textarea:focus, .box .content select:focus, .box .content input:focus, .box .content-fix textarea:focus, .box .content-fix select:focus, .box .content-fix input:focus, .box-element .content textarea:focus, .box-element .content select:focus, .box-element .content input:focus, .box-element .content-fix textarea:focus, .box-element .content-fix select:focus, .box-element .content-fix input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 188, 30, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 188, 30, 0.6); } .box .content select option, .box .content-fix select option, .box-element .content select option, .box-element .content-fix select option { font-weight: 300; } .box .content select#visit-status-change { width: 100%; } .box .content div.field-disabled input { display: none; opacity: 0; } #fizjo_editProfileSpecialistType_save, #fizjo_editProfileCompanyType_save, #fizjo_editProfilePatientType_save { display: none; opacity: 0; filter: alpha(opacity=0); } .regulations { display: flex; align-items: center; font-size: 14px; width: 100%; font-weight: 600; color: #333333; } .regulations label { float: left; font-size: 14px; color: #656565; font-weight: 600; user-select: none; cursor: pointer; } .sidebar .box { margin: 20px 0; width: 100%; float: left; } .sidebar .sidebar-header { font-size: 20px; color: #454545; line-height: 30px; font-weight: 600; } .sidebar .sidebar-content { font-size: 14px; color: #656565; font-weight: 500; line-height: 14px; } .left-sidebar ul { list-style: none; width: 100%; float: left; padding: 0; } .left-sidebar ul li.option { width: 100%; font-size: 18px; font-weight: 500; padding: 0; color: #333; background-color: white; line-height: 50px; margin: 0 0 8px 0; cursor: pointer; float: left; vertical-align: middle; } .left-sidebar ul li.option a { width: 100%; height: 50px; color: #454545; padding-left: 15px; line-height: 50px; float: left; } .left-sidebar ul li.option a:hover { text-decoration: none; color: #454545; } .left-sidebar ul li.option a div { line-height: 50px; } .left-sidebar ul li.option i { margin-right: 10px; color: #93bc1e; font-size: 2.5rem; line-height: 50px; float: left; } .title i.glyphicon { color: #999; } .box .content.has-canvas { padding: 0; } .box .content.has-canvas .canvas-container { padding: 0; margin: 0; } .box .content.has-canvas .canvas-container .canvasjs-chart-container .canvasjs-chart-canvas:first-child { position: relative !important; } .box .content.has-canvas .canvas-container .canvasjs-chart-container .canvasjs-chart-canvas:not(:first-child) { display: none; } .is-modal--addnew form textarea { border: 1px solid #CCC; width: 100%; height: 100px; resize: none; color: #333 !important; font-weight: 400; font-size: 16px; } .is-modal--addnew form textarea:focus { outline: #93bd13; border-color: #ccc; } .is-modal--addnew form select, .is-modal--addnew form input { color: #333; width: 100%; background-color: white; border: 1px solid #ccc; height: 35px; padding: 5px; border-radius: 0; font-size: 16px; letter-spacing: 0.5px; font-weight: 400; } .is-modal--addnew form select::-moz-placeholder, .is-modal--addnew form input::-moz-placeholder { color: #888; opacity: 1; } .is-modal--addnew form select:-ms-input-placeholder, .is-modal--addnew form input:-ms-input-placeholder { color: #888; } .is-modal--addnew form select::-webkit-input-placeholder, .is-modal--addnew form input::-webkit-input-placeholder { color: #888; } .is-modal--addnew form select:focus, .is-modal--addnew form input:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 188, 30, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 188, 30, 0.6); border-color: #ccc; } .is-modal--addnew form button[type=submit], .is-modal--addnew form button.send-confirm { color: #fff; padding: 5px 15px; line-height: 30px; height: 40px; margin-left: 0; background-color: #93bd13; border: 1px solid #93bd1e; } .is-modal--addnew form button[type=submit]:hover, .is-modal--addnew form button.send-confirm:hover { background-color: #7fa314; border-color: #7fa314; } .is-modal--addnew form button[type=submit].disabled, .is-modal--addnew form button.send-confirm.disabled { background-color: #aaa; border-color: #777; } .is-modal--addnew form button[type=submit]:after, .is-modal--addnew form button.send-confirm:after { display: none; } .is-modal--addnew form button.btn-cancel { color: #555; padding: 5px 15px; line-height: 30px; font-size: 16px; height: 40px; margin-right: 10px; background-color: #ffffff; border: 1px solid #e1e1e1; border-radius: 0; vertical-align: bottom; } .is-modal--addnew form button.btn-cancel:after { display: none; } .is-modal--addnew form button.btn-cancel:hover { background-color: #ffffff; border-color: #ccc; } .is-modal--addnew form button.btn-cancel:active { -webkit-box-shadow: #ffffff 0px 0px 0px; box-shadow: #ffffff 0px 0px 0px; } .is-modal--addnew form .inline-date label { display: block; } .is-modal--addnew form .inline-date select { display: inline-flex; width: 80px; } .is-modal--addnew div { font-size: 16px; color: #333; } .is-modal--addnew div span { font-size: 1.6rem; font-weight: 600; } .is-modal--addnew div span.header-modal { display: block; font-size: 1.6rem; font-weight: 400; color: #555; } .is-modal--addnew div span.header-modal .hour { color: #333; font-size: 2.4rem; font-weight: 400; display: inline-block; } .is-modal--addnew div span.header-modal .date { color: #333; font-weight: 400; display: inline-block; } .is-modal--addnew div span.header-modal .day { font-size: 1.6rem; color: #333; font-weight: 400; display: inline-block; } .is-modal--addnew .score-to-note { margin-top: 5px; display: flex; justify-content: space-evenly; } .is-modal--addnew .score-to-note select { display: none; } .is-modal--addnew .score-to-note .modal-note { width: 125px; height: 42px; font-weight: 600; display: flex; justify-content: center; align-items: center; cursor: pointer; border: 1px solid #ccc; } .is-modal--addnew .score-to-note .modal-note:hover, .is-modal--addnew .score-to-note .modal-note.modal-note-selected { background-color: #555; color: #ffffff; } .start-hour select option:disabled, .end-hour select option:disabled { display: none; } .virtual-gabinet { position: relative; overflow: hidden; width: 100%; height: 335px; margin-bottom: 35px; } .virtual-gabinet .virtual-gabinet-scrollday { width: 3750px; float: left; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day { width: 143px; display: inline-block; text-align: center; float: left; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day:nth-child(2n+1) { background: #f9f9f9; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name { text-align: center; font-weight: 400; background: white; font-size: 14px; color: #555; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name + div { min-height: 250px; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name + div span { font-weight: 400; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name + div span.hour { font-size: 16px; color: #93bd1e; cursor: pointer; display: block; width: 100%; margin: 0 auto; padding: 2px 0; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name + div span.hour:not(.disabled):hover { color: white; background: #93bd1e; border-radius: 0; margin: 0 auto; padding: 2px 0; box-shadow: none; } .virtual-gabinet .virtual-gabinet-scrollday .virtual-gabinet-day .day-name + div span.hour.disabled { color: #777; text-decoration: line-through; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box { width: 143px; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; text-align: left; font-size: 18px; padding: 10px; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-name, .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-date { font-size: 14px; line-height: 11px; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-name, .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-date, .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-number { color: #656565; display: block; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-number { font-weight: bold; font-size: 40px; line-height: 40px; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box .day-date { text-transform: uppercase; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box.calendar-past .day-number { color: #a8a8a8; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box.calendar-today .day-number { color: #93bc1e; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box.holiday { background-color: #ddd; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day { vertical-align: top; border-right: 1px solid #e8e8e8; text-align: center; padding: 10px 0; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day.holiday { background: #ddd; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .user-holiday { margin-top: 50px; font-size: 30px; font-weight: 700; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .hour { font-size: 18px; color: #93bd1e; cursor: pointer; display: inline-block; width: 100%; margin: 2px auto; font-weight: 700; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .hour .register-visit { display: none; font-weight: 700; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .hour:not(.disabled):hover { color: white; background: #93bd1e; border-radius: 0; box-shadow: none; font-size: 12px; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .hour:not(.disabled):hover .register-visit { display: inline; font-size: 18px; } .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-day .hour.disabled { color: #ccc; text-decoration: line-through; font-weight: 300; } .virtual-gabinet .scroll-content { margin: 15px auto; height: 300px; overflow-x: hidden; border: 1px solid #e1e1e1; } .virtual-gabinet .disabled-calendar { width: 875px; margin: 15px auto; height: 300px; overflow: hidden; border: 1px solid #e1e1e1; display: flex; justify-content: center; align-items: center; background: url("../images/calendar-background.jpg") top left no-repeat; background-size: cover; } .virtual-gabinet .disabled-calendar p { text-align: center; font-weight: 500; color: #3a3a3a; background: transparent; } .virtual-gabinet .disabled-calendar p.title { font-weight: 700; color: #a5a5a5; font-size: 60px; line-height: 60px; } .virtual-gabinet .disabled-calendar p.big-desc { font-size: 24px; margin-bottom: 0; font-weight: 700; } .virtual-gabinet .disabled-calendar p.small-desc { font-size: 18px; } .virtual-gabinet + .details { margin-top: 15px; } .details div { padding: 5px 15px; } .register-form button[type=submit] { display: block; margin: 35px 0 75px auto; background-color: #95BC23; color: white; font-size: 18px; font-weight: 600; height: 42px; width: 203px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 100%; } .ui-datepicker-buttonpane { border: none; } #ui-datepicker-div { margin-top: 5px; background-color: #F1f1f1; border: 1px solid #CCC; } #ui-datepicker-div:before { display: block; content: " "; border: 8px solid transparent; border-bottom-color: black; margin-top: -19px; width: 5px; height: 5px; } #ui-datepicker-div.ui-datepicker .ui-datepicker-title select { font-size: 14px; line-height: 20px; } .birth-date-label + div { padding: 0; } .change--password { margin-top: 10px; } @media screen and (max-width: 1024px) { .virtual-gabinet .scroll-content { width: 875px; margin: 15px auto; height: 300px; overflow-x: hidden; border: 1px solid #e1e1e1; } } @media screen and (max-width: 991px) { .register-form button[type=submit] { margin: 35px auto 75px auto; } } @media screen and (max-width: 768px) { .box .content label { text-align: left; padding-left: 0; } .box .content input, .box .content select { width: 100%; margin: 0; } .left-sidebar { width: 100%; float: left; margin-bottom: 30px; } .left-sidebar div, .left-sidebar ul, .left-sidebar ul li.option { width: 100%; } .right-sidebar { width: 100%; } ul.holiday-list { list-style: none; padding: 0; text-align: center; } ul.holiday-list li { height: auto; padding-bottom: 30px; } ul.holiday-list li .holiday-date { font-weight: bold; } ul.holiday-list li .holiday-desc { display: block; } ul.holiday-list li .holiday-remove { display: block; float: none; margin-top: 15px; } .virtual-gabinet .scroll-content { width: 625px; } } @media screen and (max-width: 425px) { .virtual-gabinet .scroll-content { width: 375px; } } @media screen and (max-width: 360px) { .right-sidebar .box:not(.notes-scores) .content:not(.wide) > div { width: 100%; margin: 0; } .virtual-gabinet .scroll-content { width: 250px; } } .register-form button[type=submit] { border: none; } .regulations + div { clear: both; } .sidebar-header.visible-xs.visible-sm, #sidebar_patient .box .col-sm-12 { float: left; } #sidebar_patient img { width: 39px; float: left; margin-right: 10px; } @media screen and (max-width: 360px) { .ui-dialog { width: 100% !important; } } .visit-payment-type { min-width: 80%; text-align: left; float: left; height: 30px; } .single-visit-payment { width: 20%; float: right; } .profile-image { height: 50%; border-radius: 50%; margin-right: 10px; } .profile-image-border { border: 2px solid #93bd1e; } .profile-icon { height: 25px; position: relative; top: 7px; margin-right: 5px; fill: #93BD1E; } .option-selected { background-color: #93bd1e !important; } .option a { font-weight: 500; } .option-selected a { color: #fff !important; font-weight: 600; } .option-selected a svg { fill: #fff !important; } @media screen and (max-width: 625px) { .map-container { padding-left: 0; padding-right: 0; margin-top: 10px; } .map-container iframe { width: 100%; } .text-left { padding: 0; } } @media screen and (max-width: 768px) { .has--sticky-icons { bottom: 0; position: fixed; width: 100%; z-index: 4000; background-color: #fff; } .has--sticky-icons ul { margin-bottom: 0; } .has--sticky-icons a { text-align: center; } .has--sticky-icons i { font-size: 26px; color: #93BD1E; } .has--sticky-icons .nav-tabs .active a, .has--sticky-icons .nav-tabs .active a:hover, .has--sticky-icons .nav-tabs .active a:focus { background: transparent; } .has--sticky-icons .nav-tabs { border: none; } .has--sticky-icons .nav-tabs li a { border: none; } .is--showprofile-page .specialist-container { padding: 0; } .notes-scores .content ul li { width: inherit; } .profile-headline .profile-buttons ul li { margin: 0; } .profile-headline .profile-buttons ul li a { font-size: 14px; } .profile-specialist-info .content > div { width: inherit; } .is--register-page .nav-bar { padding: 0; } .is--editprofile-page .navigation--icons { list-style-type: none; } .navigation--icons { display: flex; justify-content: space-between; } .virtual-gabinet .disabled-calendar { width: 100%; } } @media screen and (min-width: 769px) { .has--sticky-icons { display: none; } } .map-container iframe { width: 100%; } @media screen and (max-width: 991px) { .map-container { padding: 0px; margin-bottom: 10px; margin-top: 10px; } } @media screen and (max-width: 767px) { .profile-headline .profile-namesurname { text-align: center; } } @media screen and (max-width: 425px) { .virtual-gabinet .disabled-calendar p.big-desc { font-size: 22px; } } @media screen and (max-width: 375px) { .registration-header h2 { font-size: 3rem; } .registration-header h4 { font-size: 2.5rem; line-height: 3rem; } } @media screen and (max-width: 768px) { .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box { width: 125px; } } @media screen and (max-width: 425px) { .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box { width: 95px; } } @media screen and (max-width: 370px) { .virtual-gabinet .virtual-gabinet-scrollday .calendar-date-box { width: 125px; } } #NormalSearchTop2 .top-search#search_personal, #NormalSearchTop2 .top-search#search_place, #NormalSearchTop2 .top-search#search_magnifier, .top-magnifier, .mobile-search-container .searchform input { height: 42px; background-color: rgba(0, 0, 0, 0.12); border: 0; color: #fff; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #NormalSearchTop2 .top-search#search_personal:focus, #NormalSearchTop2 .top-search#search_place:focus, #NormalSearchTop2 .top-search#search_magnifier:focus, .mobile-search-container .searchform input:focus { box-shadow: none; } #NormalSearchTop2 .top-search#search_magnifier { padding: 0; margin: 0; font-size: 25px; width: 42px; height: 42px; position: relative; } #NormalSearchTop2 .top-search#search_magnifier i { display: inline; text-align: center; vertical-align: middle; } #NormalSearchTop2 .top-search#search_personal::placeholder, #NormalSearchTop2 .top-search#search_place::placeholder, .mobile-search-container .searchform input::placeholder { color: #fff; opacity: 0.5; } @media only screen and (max-width: 767px) { .nav.navbar-nav.navbar-right { background: rgba(255, 255, 255, 0.1); } } .top-login#top-login, .top-login#forPatients, .top-login#top-dropdown, .top-magnifier, .nav.navbar-nav.navbar-right .top-login { height: 42px; font-size: 14px; display: flex; border-radius: 0; align-items: center; } .top-login#top-login .top-span, .top-login#forPatients .top-span, .top-login#top-dropdown .top-span, .nav.navbar-nav.navbar-right .top-span { font-weight: 500; line-height: 0; } .nav.navbar-nav.navbar-right .top-span img { margin-left: 5px; border-radius: 50%; } .top-magnifier { display: none; width: 42px; margin-right: 3px; font-size: 20px; background: none; fill: #fff; position: relative; top: -4px; } .top-magnifier svg { position: relative; top: 3px; left: 1px; } .logged-controls-div { float: right; } .top-mobile { float: left; margin-left: 9px; width: 33px; fill: #fff; } .top-fix { padding: 0 !important; border: 0 !important; margin-right: 0 !important; display: block !important; } .top-fix:hover, .top-fix:focus { background-color: transparent !important; } .top-mobile img { border-radius: 50%; } .logged-controls-div { display: none; } @media screen and (max-width: 991px) { #NormalSearchTop2 { display: none; } .top-magnifier { display: block; } } @media screen and (max-width: 767px) { .top-magnifier { display: none; } .top-login#top-login, .top-login#forPatients, .top-login#top-dropdown, .top-magnifier, .nav.navbar-nav.navbar-right .top-login { border: 0; width: 100%; } header.banner-1 { height: auto !important; } header.banner-2 { height: auto !important; } .logged-controls-div { display: block; } } nav { padding: 10px 0; } nav .navbar { margin-bottom: 0; padding: 10px 0 5px 0; } nav .navbar ul.nav > li .dropdown-menu { right: auto !important; } nav .navbar ul.nav > li > a, nav .navbar ul.nav > li div { text-align: left; color: #FFF; outline: none; font-size: 14px; border: 1px solid white; border-radius: 1px; padding: 5px 15px; margin-right: 10px; cursor: pointer; user-select: none; } nav .navbar ul.nav > li > a .caret, nav .navbar ul.nav > li div .caret { margin-left: 6px; margin-right: -5px; } nav .navbar ul.nav > li > a:hover, nav .navbar ul.nav > li > a:focus, nav .navbar ul.nav > li div:hover, nav .navbar ul.nav > li div:focus { background-color: #FFF; color: #111; } nav .navbar ul.nav > li > a:hover .caret, nav .navbar ul.nav > li > a:focus .caret, nav .navbar ul.nav > li div:hover .caret, nav .navbar ul.nav > li div:focus .caret { color: #111; } nav .navbar ul.nav > li > a.loginByModal, nav .navbar ul.nav > li div.loginByModal { float: none; } nav .navbar ul.nav > li > a.loginByModal:hover, nav .navbar ul.nav > li div.loginByModal:hover { background-color: #FFF; color: #111; } nav .navbar ul.nav > li > a .caret, nav .navbar ul.nav > li div .caret { color: #FFF; } nav .navbar ul.nav li.open > a { background-color: transparent; border-color: #FFF; color: #FFF; } nav .navbar ul.nav li.open > a .caret { color: #FFF; } nav .navbar ul.nav li.open > a:hover .caret { color: #FFF; } nav .navbar ul.nav li.open a.dropdown { display: inline-block; } nav .navbar ul.nav li.open a.dropdown a.nav-button:hover { background: white !important; color: #333 !important; } nav .navbar ul.nav li.open a.dropdown ul.dropdown-menu { top: 96%; left: 5px; padding: 2px 0; margin: 0; border: none; border-radius: 0; } nav .navbar ul.nav li.open a.dropdown ul.dropdown-menu li a { color: #111; margin: 0; } nav .navbar .with-logo { padding: 0; } nav .navbar .with-logo .navbar-brand { padding: 0px 0px; height: auto; } nav .navbar .with-logo .navbar-brand a { float: left; } nav .navbar .with-logo .navbar-brand a img { height: 25px; width: auto; float: left; } nav .navbar .with-logo .navbar-toggle { margin-bottom: 0; margin-top: 0; margin-right: 0; } nav .navbar .with-logo .navbar-toggle .icon-bar { background-color: white; } nav .navbar .with-logo .navbar-toggle:hover { cursor: pointer; } nav .navbar .with-logo .navbar-toggle.search-mobile { padding-top: 0; padding-bottom: 0; border: none; color: white; margin-right: 5px; } nav .nav-button { padding: 5px 15px; border: 1px solid white; border-radius: 1px; margin: 0 5px; } @media only screen and (max-width: 424px) { .image-logo { height: 25px; position: relative; top: 5px; } } body:not(.is--homepage) .nav-bar .dropdown.open ul.dropdown-menu { top: 126%; } @media screen and (min-width: 768px) { nav.login-panel { display: flex; align-content: center; justify-content: flex-end; } .nav-tabs.nav-justified > li > a { color: #777; } .nav-tabs.nav-justified > .active > a { background-color: #fff; border-bottom-color: #fff; } .nav-tabs.nav-justified > .active > a:hover { background-color: #fff; border-bottom-color: #fff; } .nav-tabs.nav-justified > .active > a:focus { background-color: #fff; border-bottom-color: #fff; } } @media screen and (max-width: 523px) { nav.login-panel { padding-left: 0; padding-right: 0; } nav.login-panel .loginByModal { float: left; } .navbar-header > .dropdown { display: none; } h1 { text-align: center; } } .is--register-page .navbar-toggle { margin-bottom: 0; } @media screen and (max-width: 662px) { .has-magnifier i { font-size: 35px; color: white; } .has-magnifier { float: left; padding: 9px 10px; } } .has-magnifier { display: none; } .navbar-toggle { padding: 0; margin-left: 10px; } .is--search-engine .has-magnifier { display: block; } @media screen and (min-width: 663px) { .has-magnifier { display: none; } } @media screen and (max-width: 767px) { nav .navbar ul.nav > li > a { border: 0; } nav .navbar ul.nav > li ul.dropdown-menu li a { color: #FFF; } } .is--search-engine .navbar-toggle { margin-right: 0; } @media screen and (max-width: 767px) { .navbar-header { float: none; margin: 0 10px; } .open .dropdown-menu.my-panel-dropdown li a { color: white; } .my-panel-dropdown i { font-size: 18px; position: relative; top: 2px; } } .header-searchbar { display: none; } .go-to-profile { padding: 3px 15px !important; font-weight: bold; } .go-to-profile img { margin-right: 15px; height: 32px; } @media screen and (min-width: 768px) { .go-to-profile { padding-left: 3px !important; } } .my-panel-dropdown { min-width: 120px; } @media screen and (min-width: 768px) { .my-panel-dropdown i { font-size: 16px; position: absolute; right: 27px; } .is--search-engine .header-searchbar, .is--showprofile-page .header-searchbar { display: block; width: 50%; margin: auto; } .header-searchbar form .single-input input, .header-searchbar form button { float: left; width: 40%; margin-right: 2px; border-radius: 0; } .header-searchbar form button { width: 10%; } } ul.nav .my-panel-dropdown a { color: #333; } .is--search-engine ul.nav.navbar-nav li #forPatients, .is--showprofile-page ul.nav.navbar-nav li #forPatients { display: none; } .header-searchbar .form-control { height: 33px; } .header-searchbar button.form-control { border: 1px solid #333; } .nav-tabs a { font-weight: bold; } @media screen and (min-width: 768px) and (max-width: 991px) { nav .navbar ul.nav > li > a { padding: 5px 10px; margin-right: 5px; } nav .navbar .with-logo .navbar-brand { padding-top: 5px; } .is--search-engine .with-logo a img, .is--showprofile-page .with-logo a img { height: 25px; } .is--search-engine #navbar, .is--showprofile-page #navbar { float: left; width: 82%; padding-left: 10px; } .is--search-engine #navbar .header-searchbar, .is--showprofile-page #navbar .header-searchbar { float: left; width: 62%; } .header-searchbar form .single-input input { width: 42%; } .header-searchbar form button { width: 12%; } .navbar-toggle { float: right; position: relative; } } .messages-badge__container { position: relative; } .messages-badge__container .messages-badge { background: #ff5b40; color: white; font-weight: bold; height: 15px; width: 15px; position: absolute; text-align: center; font-size: 12px; line-height: 16px; right: -5px; top: -5px; } .searchbox { font-weight: 400; color: white; font-size: 30px; } .searchbox form { height: 80px; border: 10px solid rgba(0, 0, 0, 0.5); width: 100%; display: flex; flex-flow: row wrap; background: #fff; background-clip: padding-box; } .searchbox form button { width: calc(14% - 1px); height: 100%; background: #93bc1e; transition: background 0.1s; border: 0; border-radius: 0; outline: none; font-weight: 600; } .searchbox form button:hover { background: #abd81e; } .searchbox form button:focus { border: 0; box-shadow: none; } .searchbox form button span { color: #fff; } .searchbox form .single-divider { position: relative; top: 25%; border: 0; width: 1px; height: 50%; background: #93bc1e; } .searchbox form .single-input { height: calc(100% - 1px); width: 43%; } .searchbox form .single-input label { display: none; } .searchbox form .single-input input { height: 100%; width: 100%; color: #000; border: none; border-radius: 0; padding: 0 20px; background: #fff; font-weight: 500; } .searchbox form .single-input input::placeholder { color: #555; } .searchbox form .single-input input:focus { box-shadow: none; } .searchbox h1, .searchbox h3 { text-align: center; color: white; margin: 0; line-height: 40px; } .searchbox h1 { font-size: 36px; font-weight: 600; } .searchbox h3 { font-size: 20px; margin-bottom: 35px; font-weight: 500; } @media only screen and (max-width: 1199px) { .searchbox form { width: 90%; margin: auto; } } @media only screen and (max-width: 767px) { .searchbox form { height: auto; padding: 0 !important; } .searchbox form button { width: 100%; height: 50px; background: #93bc1e; border: 0; border-radius: 0; outline: none; font-weight: 600; } .searchbox form button:focus { border: 0; box-shadow: none; } .searchbox form button span { color: #fff; } .searchbox form .single-input { height: 50px; width: 100%; margin: 0; border-bottom: 2px solid #333; } .searchbox form .single-divider { display: none; } } @media only screen and (max-width: 530px) { .searchbox form { width: 100%; } .searchbox h3 { display: none; } .searchbox h1 { margin: 0 auto 85px auto; width: 90%; } } .mobile-search-container .form-control { color: #333; } .header-searchbar .form-control { color: #333; } .is--search-engine input, .is--search-engine input:focus, .is--showprofile-page input, .is--showprofile-page input:focus { border: 1px solid #333; } .is-underlined { border-bottom: 1px solid #000032; } .media a img { width: 100px; height: auto; } .mobile-search-container button.form-control { width: 100% !important; margin: auto; } .mobile-search-container .searchform input { margin-bottom: 3px; } .is--search-engine header .mobile-search-container button.form-control, .is--search-engine header .mobile-search-container button.form-control i, .is--showprofile-page header .mobile-search-container button.form-control, .is--showprofile-page header .mobile-search-container button.form-control i { margin-left: 0; background: #fff; color: #93bc1e; font-weight: 700; } .is--search-engine header .mobile-search-container input, .is--search-engine header .mobile-search-container .form-control, .is--showprofile-page header .mobile-search-container input, .is--showprofile-page header .mobile-search-container .form-control { border-radius: 0; } /*AUTOCOMPLETE */ .ui-menu { display: block; list-style: none outside none; margin: 0; padding: 0; font-weight: 300; } .ui-menu .ui-menu-item { padding: 5px 10px; width: 100%; border-top: 1px solid #d3d3d3; background: #fefefe; margin: 1px 1px 0 0; font-weight: 300; font-size: 14px; } .ui-menu .ui-state-focus { border: 0; border-top: 1px solid #d3d3d3; background: #dff0d8; font-weight: 300; color: #3c763d; } .ui-widget-content.ui-autocomplete { border: 1px solid #ccc; border-top: 0; padding: 0; } .is--homepage .ui-menu .ui-menu-item { padding: 8px 10px; font-size: 16px; } @media screen and (max-width: 767px) { .searchbox form { padding: 10px; } .searchbox form div { margin-right: 0; } .searchbox form div .single-input { padding: 0; padding-bottom: 10px; } .searchbox form div div:first-child { padding-left: 0; } .inputs-container .single-input { width: 100%; } .search-button { color: white; } .is--search-engine .search-button { color: #93bc1e; font-weight: 700; } .is--showprofile-page section { padding-top: 0; } .is--showprofile-page .search-button { color: #93bc1e; font-weight: 700; } .page-has-sticky-header .has-fixed-header, .page-has-sticky-header footer { position: relative; } .is--editprofile-page.page-has-sticky-header .has-fixed-header, .is--editprofile-page.page-has-sticky-header footer { position: relative; top: 75px; } .page-has-sticky-header header .searchbox form { background: none; } .page-has-sticky-header header .searchbox form div div { margin-right: 0; } .page-has-sticky-header aside.left .bordered { max-height: initial; } .mobile-search-container { background: #93bd1e; padding: 10px; display: none; } .is--search-engine .left { padding: 0; } } @media screen and (max-width: 767px) { .page-has-sticky-header header button.form-control { width: 40px; background: #93bd1e; margin-left: 5px; } .page-has-sticky-header .searchform input, .page-has-sticky-header .searchform button, .page-has-sticky-header .searchform button:hover, .is--search-engine .searchform input:focus { border: none; } .page-has-sticky-header header button.form-control i { background: #93bd1e; color: white; } } @media screen and (max-width: 380px) { .stars-fix { padding: 0; } } .autocomplete-image { width: 30px; height: 30px; object-fit: cover; flex-shrink: 0; } .ef-autocomplete-container { overflow: hidden auto; } .ef-autocomplete-container .ui-menu-item { padding: 0 !important; margin: 0 !important; } .ef-autocomplete-container .ui-menu-item-wrapper { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border: 0 !important; margin: 0 !important; } .ef-autocomplete-container .ui-menu-item-wrapper span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 22px; line-height: 22px; max-width: 250px; } .login-panel input[type=checkbox] { margin: 0 15px 0 0; float: left; height: 20px; } .login-panel input[type=checkbox] + label { line-height: 20px; } .login-panel input[type=text] { font-weight: 300; } .login-panel form { margin: 25px 0; } .login-panel input[type=submit] { background-color: #93bd1e; color: white !important; border: 1px solid #93bd1e; } .login-panel input[type=submit]:after { display: none; } .login-panel input[type=submit]:hover, .login-panel input[type=submit]:active, .login-panel input[type=submit]:focus { background-color: #7fa314; border-color: #7fa314; } .login-panel .form-control { background-color: #FFF; border-radius: 0; border: 1px solid #d2d2d2; color: #333 !important; font-size: 16px; line-height: 18px; padding: 8px 8px; height: 40px; } .login-panel .form-control:focus { border: 1px solid #337ab7; } .login-panel .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .login-panel .password-group { margin-bottom: 3px; } .login-panel .form-group { margin-bottom: 10px; float: left; width: 100%; } .login-panel .form-group.break-other { color: #777; } .login-panel .remember-password a { font-size: 13px; color: #337ab7; } .login-panel button.by-facebook { background-color: #3b5998 !important; border-color: rgba(0, 0, 0, 0.2); height: 40px; } .login-panel button.by-facebook i { width: 20px; height: 20px; line-height: 20px; display: inline-block; background-image: url("images/social-icons.png"); background-position: 0 0; } .login-panel button.by-facebook span { display: inline-block; color: #fff !important; font-size: 16px; line-height: 26px; vertical-align: bottom; } .login-panel button.by-facebook:hover { background-color: #2d4373 !important; } .login-panel a:hover { text-decoration: underline; } .login-footer { margin-top: 25px; border-top: 1px solid #e1e1e1; font-size: 14px; color: #454545; } .login-footer a:hover, .login-footer a:active, .login-footer a:visited, .login-footer a:hover { color: #337ab7; text-decoration: none; } .header-searchbar { display: none; } .is--homepage header { position: relative; z-index: 0; } .is--homepage header h1 a { color: #337a97; text-decoration: none; } .is--homepage .banner { height: 510px; margin-bottom: 0; background-size: auto 100%; background: transparent; position: absolute; top: 0; z-index: 1; left: 50%; transform: translate(-50%, 0); } .is--homepage nav { background-color: rgba(0, 0, 0, 0.1); position: relative; z-index: 3; } .is--homepage .searchbox { margin: 100px auto 0 auto; background: transparent; width: 66%; } @media only screen and (max-width: 1199px) { .is--homepage .searchbox { width: 100%; } } @media only screen and (max-width: 530px) { .is--homepage .searchbox { width: 100%; } } .popular-spec { background: url("../images/popular-spec.jpg") repeat; margin-top: 0; padding: 15px 0; color: white; font-size: 1em; } .popular-spec span { padding: 1px 2px; } .home-icons { padding: 50px 0; border-bottom: 1px solid #f1f1f1; background: #f9f9f9; } .home-icons .title { line-height: 30px; display: inline-block; font-weight: 600; float: left; color: #333333; font-size: 16px; margin: 0; } .home-icons .desc { width: 100%; float: left; margin-top: 15px; margin-bottom: 15px; font-size: 16px; color: #555; font-weight: 300; } .home-icons .icon { color: #93bd1e; float: left; font-size: 3rem; margin-right: 10px; } .homepage-title { font-weight: 600; font-size: 30px; } .homepage-subtitle { font-size: 18px; font-weight: 500; margin-top: 0; } @media only screen and (max-width: 1199px) { .homepage-title { text-align: center; } } @media only screen and (max-width: 767px) { .homepage-title { font-size: 24px; } } .last-added { background-color: #efefef; padding: 50px 0; } .last-added .title { font-size: 26px; margin-bottom: 25px; font-weight: 600; color: #333333; } .last-added .registry { height: 150px; background: white; margin: 0 10px 20px 0; padding: 10px; overflow: hidden; } .last-added .registry .sc-title { font-size: 14px; color: #333333; font-weight: 300; } .last-added .registry img { height: 80px; width: 80px; float: left; margin-right: 10px; } .last-added .registry .company-name { color: #333333; font-weight: 400; font-size: 14px; } .last-added .opinions .personal-data { width: auto; float: left; } .last-added .opinions .personal-data span { line-height: 26px; } .last-added .opinions .sc-title { font-size: 12px; } .last-added .opinions .company-name { width: 100%; float: left; } .last-added .opinions .la-footer .quota { width: 23px; background-image: url("../images/quota.png"); background-repeat: no-repeat; background-position: top left; background-size: 23px 20px; display: block; margin: 0 5px; float: left; height: 100px; } .last-added .opinions .la-footer .opinion { text-align: justify; color: #333333; font-weight: 300; font-size: 14px; } .last-added .opinions .la-footer .opinion span { font-weight: 400; display: block; float: right; font-size: 14px; color: #333; } .last-added .registry .personal-data .name-surname a, .last-added .registry .personal-data .name-surname a:hover { font-size: 18px; color: #93bd1e; overflow: hidden; text-decoration: none; font-weight: 600; } .last-added .registry.opinions .personal-data .name-surname a, .last-added .registry.opinions .personal-data .name-surname a:hover { font-size: 18px; } .last-added .registry .categories { width: 100%; float: left; font-size: 16px; border-bottom: 0 solid #f1f1f1; padding-bottom: 10px; color: #333333; font-weight: 300; overflow: hidden; height: 26px; } .last-added .registry .la-footer { margin-top: 15px; float: left; width: 100%; padding-right: 15px; } .last-added .registry .la-footer-left { float: left; width: 65%; margin: 0; overflow: hidden; font-size: 14px; } .last-added .registry .last-added .registry .la-footer-left .company-adress { width: 100%; color: #333333; font-weight: 300; font-size: 14px; } .last-added .registry .la-footer-right { float: right; width: 35%; margin: 0; overflow: hidden; vertical-align: middle; } .last-added .registry .la-footer-right .profile { background-image: url("../images/see-profiles.png"); background-size: 20px 20px; display: block; float: left; width: 20px; height: 20px; background-color: white; margin-right: 5px; } .last-added .registry .la-footer-right a { line-height: 20px; border: 1px solid #93bd1e; } .last-added .registry .la-footer-right a, .last-added .registry .la-footer-right a:visited { display: inline-block; float: right; font-size: 14px; color: white; background-color: #93bd1e; padding: 5px; display: flex; justify-content: center; align-items: center; } .last-added .registry .la-footer-right a:hover { text-decoration: none; background-color: #7fa314; border-color: #7fa314; } .last-added .registry .la-footer-right a .show-profile { color: white; padding-left: 5px; } .specializations-section { padding: 50px 0; background: url("../images/specializations.png") #f1f1f1 bottom right no-repeat; background-size: 25%; } .specializations-section .specializations-background-mobile { display: none; } .specializations-section .title { font-size: 26px; color: #333333; line-height: 30px; margin-bottom: 50px; margin-left: 3px; } .specializations-section .all_cat { font-size: 14px; color: #93bd1e; line-height: 30px; text-align: right; } .specializations-section ul { margin-left: 0; padding-left: 5px; list-style: none; } .specializations-section ul li { margin-bottom: 20px; line-height: 16px; } .specializations-section ul li a { height: 32px; font-size: 16px; display: block; font-weight: 500; color: #333; } .specializations-section ul li a:hover { color: #333; text-decoration: underline; } @media only screen and (max-width: 991px) { .specializations-section { background: #f1f1f1; padding-bottom: 0 !important; } .specializations-section .specializations-background-mobile { display: block; width: 100%; position: relative; height: 300px; max-width: 100%; } .specializations-section .specializations-background-mobile img { height: 300px; position: absolute; top: 0; right: -15px; } } @media only screen and (max-width: 424px) { .specializations-section .specializations-background-mobile img { right: 0; } } .cities { padding: 50px 0; background: #FFF; } .cities .title { color: #333333; line-height: 30px; margin-bottom: 50px; margin-left: 3px; } .cities .all_cit { font-size: 14px; color: #93bd1e; line-height: 30px; text-align: right; } .cities ul { margin-left: 0; padding-left: 5px; list-style: none; } .cities ul li { margin-bottom: 20px; line-height: 16px; } .cities ul li a { height: 32px; font-size: 16px; display: block; font-weight: 500; color: #333; } .cities ul li a:hover { color: #333; text-decoration: underline; } .wrapper { width: 1000px; margin-left: auto; margin-right: auto; } .presentation-item { margin: 5px 0; height: 130px; width: 800px; float: left; overflow: hidden; z-index: 99; background-color: transparent; color: black; } .presentation-content { padding: 5px; position: absolute; width: 800px; height: 120px; background: #f1f1f1; overflow: hidden; border: 1px ridge black; border-radius: 3px; -webkit-transition: height 0.5s ease-out; transition: height 0.5s ease-out; } .presentation-content > div:first-child { height: 120px; } .presentation-content:hover { overflow: visible; z-index: 100; height: initial; box-shadow: 0 0 5px grey; } .special { background: -webkit-gradient(radial, center center, 0, center center, 60, from(#f1f9e9), to(#f1f1f1)); background: -webkit-radial-gradient(circle, #f1f9f9, #f1f1e1); background: -moz-radial-gradient(circle, #f1f9f9, #f1f1f1); background: -ms-radial-gradient(circle, #f1f9f9, #f1f1f1); } .submit-visit { margin: 1em; text-align: center; padding: 1em; font-weight: 600; } .opinion { background: white; color: black; } @media screen and (max-width: 767px) { .recently-added-container .col-sm-12 { padding: 0; } .specializations-section { padding: 20px 0; } .specializations-section .title { margin-bottom: 25px; text-align: center; } .specializations-section .title h2 { font-size: 24px; } .specializations-section .spec, .cities .city { margin-bottom: 20px; font-size: 1.8rem; word-break: break-word; } footer .signature { font-size: 1.2rem; text-align: center; } } @media screen and (max-width: 530px) { .last-added .registry .la-footer-right a { width: 100%; height: 60px; } .is--homepage header { height: auto; min-height: 500px; } .is--homepage .searchbox { margin-top: 50px; } .last-added .registry .la-footer-right a .show-profile { display: none; } .last-added .registry .la-footer-right a { font-size: 26px; } .last-added .registry .categories { height: initial; padding-bottom: 0; } .last-added .registry { height: initial; } .find-fizjo .searchbox h4.book-visit { margin-top: 10px; margin-bottom: 10px; line-height: 34px; text-align: center; } } @media screen and (max-width: 425px) { .is--homepage header { margin-bottom: 0; } .ui-dialog { width: 100% !important; } } .efizjo-slick-dots { display: none; justify-content: center; } .efizjo-slick-dots svg { margin: 10px 5px; cursor: pointer; } .efizjo-slick-dots .dot-inner { stroke-width: 1px; stroke: transparent; cursor: pointer; fill: transparent; } .efizjo-slick-dots .dot-outer { fill: none; stroke-width: 1px; stroke: #888; } .efizjo-slick-dots .dot-active { fill: #93bc1e; } .strongness-wrapper .strongness-container { display: flex; } .strongness-wrapper .strongness-container .strongness-single { width: 25% !important; padding: 0 10px; margin: 0 10px; color: #000; } .strongness-wrapper .strongness-container .strongness-single .strongness-icon { width: 50px; height: 50px; margin: auto; } .strongness-wrapper .strongness-container .strongness-single .strongness-title { font-size: 16px; font-weight: 600; text-align: center; } .strongness-wrapper .strongness-container .strongness-single .strongness-text { font-size: 14px; font-weight: 500; text-align: center; } @media only screen and (max-width: 767px) { .strongness-wrapper .strongness-container .strongness-single { width: 100vw !important; margin: 0 1vw; } .strongness-wrapper .strongness-container .strongness-single .strongness-title, .strongness-wrapper .strongness-container .strongness-single .strongness-text { margin-left: auto; margin-right: auto; width: 80%; } .strongness-wrapper .efizjo-slick-dots { display: flex; } } .cities-wrapper { margin-bottom: 50px; } .cities-wrapper .cities-container { display: flex; } .cities-wrapper .cities-container .cities-single { width: 25% !important; padding: 0 10px; margin: 0 10px; color: #000; position: relative; cursor: pointer; } .cities-wrapper .cities-container .cities-single img { width: 100%; } .cities-wrapper .cities-container .cities-single .cities-text { position: absolute; bottom: 15px; left: 25px; color: #ffffff; font-size: 18px; font-weight: 600; } @media only screen and (max-width: 767px) { .cities-wrapper .cities-container .cities-single { width: 270px !important; margin: 0 1vw; } .cities-wrapper .efizjo-slick-dots { display: flex; } } .opinions-section { background-color: #fff; } .opinions-section .title { text-align: left; margin-left: 15px; } .opinions-section .title h2 { margin-top: 35px; margin-bottom: 40px; } @media only screen and (max-width: 1199px) { .opinions-section .title { text-align: center; margin: 0; } } .featured .title { margin: 30px 0 30px 15px; } @media only screen and (max-width: 1199px) { .featured .title { text-align: center; margin: 0; } } .opinions-slider-arrow, .featured-slider-arrow { height: 70px; width: 30px; background: #ccc; z-index: 9999; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; } .opinions-wrapper { display: flex; flex-wrap: wrap; justify-content: center; position: relative; } .opinions-wrapper .opinions-arrows-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; user-select: none; cursor: pointer; } .opinions-wrapper .opinions-container { height: 150px; overflow: hidden; width: 100%; display: flex; flex-wrap: wrap; } .opinions-wrapper .opinions-container .opinions-single { color: #000; padding: 15px; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile { width: 100%; display: flex; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); background: #ffffff; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-image { height: 120px; width: 120px; display: block; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-image img { height: 120px; width: 120px; object-fit: cover; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content { padding: 10px 10px 0 10px; width: calc(100% - 120px); } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content .featured-float { display: inline-block; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content .opinions-spec { width: 100%; font-size: 12px; color: #3a3a3a; font-weight: 600; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content .verified-badge-mini { position: relative; top: 2px; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content .opinions-text { font-weight: 500; color: #555; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .opinions-wrapper .opinions-container .opinions-single .opinions-tile .opinions-content .opinions-author { color: #93bc1e; text-align: right; font-weight: 600; padding-right: 12px; } @media only screen and (max-width: 1199px) { .opinions-wrapper .opinions-arrows-container { display: none; } .opinions-wrapper .efizjo-slick-dots { display: flex; } } .opinions-arrows-container .opinions-slider-arrow .slider-left, .opinions-arrows-container .opinions-slider-arrow .slider-right, .opinions-arrows-container .featured-slider-arrow .slider-left, .opinions-arrows-container .featured-slider-arrow .slider-right, .featured-arrows-container .opinions-slider-arrow .slider-left, .featured-arrows-container .opinions-slider-arrow .slider-right, .featured-arrows-container .featured-slider-arrow .slider-left, .featured-arrows-container .featured-slider-arrow .slider-right { width: 20px; height: 20px; } .opinions-arrows-container .opinions-slider-arrow .slider-left, .opinions-arrows-container .featured-slider-arrow .slider-left, .featured-arrows-container .opinions-slider-arrow .slider-left, .featured-arrows-container .featured-slider-arrow .slider-left { background: url("../svg/ui/slider-left-white.svg") no-repeat center; } .opinions-arrows-container .opinions-slider-arrow .slider-right, .opinions-arrows-container .featured-slider-arrow .slider-right, .featured-arrows-container .opinions-slider-arrow .slider-right, .featured-arrows-container .featured-slider-arrow .slider-right { background: url("../svg/ui/slider-right-white.svg") no-repeat center; } .featured-wrapper { display: flex; flex-wrap: wrap; justify-content: center; position: relative; } .featured-wrapper .featured-arrows-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: space-between; align-items: center; user-select: none; cursor: pointer; } .featured-wrapper .featured-container { width: 100%; display: flex; flex-wrap: wrap; overflow: hidden; } .featured-wrapper .featured-container .featured-single { color: #000; padding: 15px; } .featured-wrapper .featured-container .featured-single .featured-tile { width: 100%; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); background: #ffffff; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-image { width: 100%; height: 198px; position: relative; display: block; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-image img { object-fit: cover; width: 100%; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-image .featured-note-container { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: #93bc1e; text-align: center; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-image .featured-note-container .featured-note { font-size: 24px; color: #ffffff; margin: 3px 0 0 0; font-weight: 700; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-image .featured-note-container .featured-note-count { margin-top: -5px; font-size: 10px; color: #ffffff; font-weight: 600; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content { padding: 15px; width: 200px; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content .featured-name { font-weight: 600; font-size: 16px; overflow: hidden; text-overflow: ellipsis; line-height: 24px; height: 48px; margin-bottom: 5px; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content .featured-name .featured-float { display: inline-block; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content .featured-categories { font-size: 10px; font-weight: 500; line-height: 16px; height: 32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content .featured-address { font-size: 12px; font-weight: 500; line-height: 20px; height: 40px; overflow: hidden; } .featured-wrapper .featured-container .featured-single .featured-tile .featured-content .featured-address .featured-city { font-weight: 600; } @media only screen and (max-width: 1199px) { .featured-container { width: 100%; display: flex; flex-wrap: wrap; height: 405px; overflow: hidden; } .featured-container .featured-single .featured-tile { width: 200px !important; } .featured-arrows-container { display: none !important; } .featured-wrapper .efizjo-slick-dots { display: flex; } } .long-text { padding: 10px 0 0 0; } .long-text .long-text-container { display: flex; height: 575px; } .long-text .long-text-container .long-text-image { width: 40%; display: flex; align-items: flex-end; } .long-text .long-text-container .long-text-image img { position: relative; left: -100px; } .long-text .long-text-container .long-text-text { overflow: auto; padding: 0 0 0 75px; width: 60%; display: flex; justify-content: center; } .long-text .long-text-container .long-text-text h3 { font-size: 16px; font-weight: 600; } .long-text .long-text-container .long-text-text p { font-size: 16px; } @media only screen and (max-width: 999px) { .long-text .long-text-container .long-text-image { width: 30%; position: relative; } .long-text .long-text-container .long-text-image img { position: absolute; bottom: 0; right: -75px; left: auto; } .long-text .long-text-container .long-text-text { width: 70%; padding-right: 15px; } } @media only screen and (max-width: 767px) { .long-text .long-text-container { flex-direction: column-reverse; height: auto; } .long-text .long-text-container .long-text-image { width: 100%; position: relative; } .long-text .long-text-container .long-text-image img { display: block; width: 400px; max-width: 100%; margin: auto; position: relative; bottom: auto; right: auto; left: -20px; } .long-text .long-text-container .long-text-text { padding: 0 15px; text-align: center; width: 100%; } } .is--search-engine .search-flex { display: flex; } .is--search-engine .search-flex .left { width: 850px; margin-right: 25px; } .is--search-engine .search-flex .right { width: calc(100% - 875px); } .is--search-engine .search--result-title { font-size: 30px; color: #333; font-weight: 600; line-height: 46px; margin: 50px 0; padding: 0; } .is--search-engine .search--result-title .search-context { color: #93bc1e; } .is--search-engine .search--result-title h1 { margin: 0; } .is--search-engine .filters { background-color: #ffffff; padding: 15px; margin-bottom: 15px; } .is--search-engine .filters-slide { display: none; } .is--search-engine .filters-container { display: flex; justify-content: space-between; } .is--search-engine .filters-container .filters-toggle { border: 0; background-color: transparent; font-weight: 700; width: 20px; height: 20px; } .is--search-engine .search-heading { margin: 0; font-size: 18px; font-weight: 700; } .is--search-engine .search-attribute { display: flex; margin-bottom: 10px; } .is--search-engine .search-attribute .attr-title { width: 120px; } .is--search-engine .search-attribute .attr-title p { margin: 0; font-weight: 600; } .is--search-engine .search-attribute .attr-value { width: calc(100% - 120px); display: flex; } .is--search-engine .search-attribute .attr-value div { min-width: 100px; } .is--search-engine .search-attribute .attr-value input { margin-right: 10px; } .is--search-engine .search-attribute .attr-value label { position: relative; top: -2px; font-weight: 400; margin: 0; } .is--search-engine .search-topbar { background-color: #ffffff; display: flex; justify-content: space-between; height: 80px; align-items: center; } .is--search-engine .no-results-container { margin-top: 15px; padding: 15px 0; text-align: center; } .is--search-engine .no-results-container p { margin-bottom: 10px; } .is--search-engine .no-results-container h3 { margin: 0; } .is--search-engine .search-callendar-background, .is--search-engine .spec-callendar-background { background-color: #F5F7F9; height: 100%; } .is--search-engine .search-callendar-background { display: flex; position: relative; } .is--search-engine .callendar-more-button { margin-bottom: 10px; border: 1px solid #ccc; width: 150px; height: 42px; color: #333; font-weight: 600; display: flex; justify-content: center; align-items: center; } .is--search-engine .callendar-more-button:hover { color: #ffffff; background-color: #ccc; } .is--search-engine .spec-callendar-background { height: initial; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; align-items: center; } .is--search-engine .callendar-flex { display: flex; padding-top: 10px; } .is--search-engine .search-callendar-arrow { position: absolute; width: 30px; height: 60px; background-color: #ccc; top: 50%; transform: translate(0%, -50%); display: flex; justify-content: center; align-items: center; color: #ffffff; cursor: pointer; user-select: none; } .is--search-engine .search-callendar-arrow.left-arrow { left: 0; } .is--search-engine .search-callendar-arrow.right-arrow { right: 0; } .is--search-engine .search-callendar-arrow:hover { background-color: #aaa; } .is--search-engine .search-callendar-arrow#previous-days { display: none; } .is--search-engine .callendar-box { width: 90px; display: flex; justify-content: center; text-align: center; } .is--search-engine .callendar-box ul { padding: 0; width: 100%; text-align: center; } .is--search-engine .callendar-box .not-available { padding: 0 10px; } .is--search-engine .day-book { color: #ffffff; display: none; } .is--search-engine .day { list-style: none; } .is--search-engine .day-fill { display: flex; justify-content: center; align-items: center; color: #93bc1e; font-size: 16px; font-weight: bold; cursor: pointer; height: 32px; line-height: 1; } .is--search-engine .day-fill:hover { background-color: #FF5B40; } .is--search-engine .day-fill:hover .day-hour { display: none; } .is--search-engine .day-fill:hover .day-book { display: block; } .is--search-engine .callendar-profile-more { display: none; } .is--search-engine .callendar-placeholder, .is--search-engine .callendar-nocallendar { width: 270px; height: 150px; display: flex; align-items: center; justify-content: space-between; flex-direction: column; user-select: none; text-align: center; } .is--search-engine .callendar-placeholder .nocal-text, .is--search-engine .callendar-placeholder .callendar-placeholder-text, .is--search-engine .callendar-nocallendar .nocal-text, .is--search-engine .callendar-nocallendar .callendar-placeholder-text { margin-top: 15px; color: #333; } .is--search-engine .callendar-placeholder .callendar-ask, .is--search-engine .callendar-placeholder .nocal-button, .is--search-engine .callendar-placeholder .callendar-asked, .is--search-engine .callendar-nocallendar .callendar-ask, .is--search-engine .callendar-nocallendar .nocal-button, .is--search-engine .callendar-nocallendar .callendar-asked { background-color: #ffffff; border: 1px solid #a8a8a8; padding: 13px 20px; font-weight: 600; margin-bottom: 15px; } .is--search-engine .callendar-placeholder .callendar-ask:hover, .is--search-engine .callendar-placeholder .nocal-button:hover, .is--search-engine .callendar-placeholder .callendar-asked:hover, .is--search-engine .callendar-nocallendar .callendar-ask:hover, .is--search-engine .callendar-nocallendar .nocal-button:hover, .is--search-engine .callendar-nocallendar .callendar-asked:hover { color: #ffffff; background-color: #a8a8a8; } @media only screen and (max-width: 1024px) { .is--search-engine .callendar-placeholder { min-height: 75px; height: auto; } .is--search-engine .callendar-placeholder .callendar-placeholder-text { margin-bottom: 25px; } } .is--search-engine .search-callendar-single { width: 90px; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .is--search-engine .search-callendar-single p { margin: 0; line-height: 1; } .is--search-engine .search-callendar-single .day-day, .is--search-engine .search-callendar-single .day-month { font-size: 12px; } .is--search-engine .search-callendar-single .day-number { font-size: 24px; font-weight: 700; } .is--search-engine .spec-result-single { margin: 15px 0; background-color: #ffffff; display: flex; justify-content: space-between; } .is--search-engine .spec-result-single .choose-specialist { width: 270px; height: 100%; display: flex; padding: 15px; text-align: center; align-items: center; justify-content: center; flex-direction: column; } .is--search-engine .spec-informations { display: flex; width: 100%; } .is--search-engine .spec-informations .left { width: 150px; margin: 0; } .is--search-engine .spec-informations .right { width: calc(100% - 150px); } .is--search-engine .spec-informations .spec-name { font-size: 24px; font-weight: 600; color: #333; display: inline-block; } @media only screen and (max-width: 1024px) { .is--search-engine .spec-informations .spec-name { font-size: 18px; } } .is--search-engine .spec-search-photo { width: 150px; height: 150px; } .is--search-engine .spec-book { display: flex; margin-top: 15px; width: 100%; } .is--search-engine .spec-book .book-details { width: calc(100% - 154px); display: flex; justify-content: space-between; } .is--search-engine .spec-book .book-details.no-button { width: 100%; } .is--search-engine .spec-book .book-details p { margin-bottom: 2px; } .is--search-engine .spec-book .book-details .to-right { text-align: right; } .is--search-engine .spec-book .book-button { width: 124px; height: 42px; background-color: #93bc1e; border: 0; color: #ffffff; margin-left: 30px; display: flex; justify-content: center; align-items: center; } .is--search-engine .book-city { font-weight: 600; margin-bottom: 2px; } .is--search-engine .book-street { margin-bottom: 2px; } .is--search-engine .search-paging { display: flex; justify-content: center; } .is--search-engine .search-paging a, .is--search-engine .search-paging div { width: 35px; height: 35px; margin-right: 10px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; color: #3a3a3a; } .is--search-engine .search-paging a.current, .is--search-engine .search-paging div.current { color: #93bc1e; } .is--search-engine .search-paging a:hover, .is--search-engine .search-paging div:hover { color: #ffffff; background-color: #ccc; } .is--search-engine .paddinged { padding: 15px; } .is--search-engine section { padding-top: 0; } .is--search-engine .no-results { padding: 15px; } .is--search-engine .no-results-random { font-size: 18px; padding: 25px; font-weight: 500; color: #a94442; margin: 0; text-align: center; } .is--search-engine .no-results-random h3 { margin-top: 50px; color: #999; font-size: 15px; } .is--search-engine .left .bordered { overflow: hidden; border: 1px solid #e1e1e1; background-color: white; padding: 0; } .is--search-engine .left .bordered:not(:last-child) { border-bottom: none; } .is--search-engine .left .bordered .calendar-title { padding: 0; } .is--search-engine .left .bordered .callendar { overflow: hidden; text-align: center; height: 100%; } .is--search-engine .left .bordered .callendar.headline div { float: right; width: 25%; line-height: 23px; min-height: auto; } .is--search-engine .right .bordered { border: 1px solid #e1e1e1; background-color: white; padding: 0; } #search-callendar .list-map { display: none; } #search-callendar .mobile-only { display: none !important; } #search-callendar #callendar-sticky-filler { height: 47px; width: 100%; background-color: transparent; display: none; } #search-callendar .callendar-sticky-small { display: block; font-size: 11px; line-height: 1; } #search-callendar .callendar-sticky-big { display: block; font-size: 14px; font-weight: bold; line-height: 1; } #search-callendar .callendar-sticky-container { background-color: #FFFFFF; margin-left: 15px; height: 47px; overflow: hidden; width: 825px; z-index: 999; top: 0; border: 1px solid #e1e1e1; user-select: none; border-bottom: none; } #search-callendar .callendar-sticky-container .callendar-sticky-arrow { position: absolute; top: 55%; cursor: pointer; font-size: 20px; font-weight: bold; color: #ddd; transform: translate(0%, -50%); } #search-callendar .callendar-sticky-container .callendar-sticky-arrow:hover { color: #93bc1e; } #search-callendar .callendar-sticky-container .callendar-sticky-arrow.previous-days { left: 22%; } #search-callendar .callendar-sticky-container .callendar-sticky-arrow.next-days { right: 1%; } #search-callendar .callendar-sticky-container .callendar-sticky-header { padding: 4px; font-size: 18px; margin: 10px 0 0 0; } #search-callendar .callendar-sticky-container .callendar-sticky-days-container { display: flex; padding: 0; } #search-callendar .callendar-sticky-container .callendar-sticky-days-blank { width: 25%; background-color: #fff; } #search-callendar .callendar-sticky-container .callendar-sticky-days { width: 25%; padding: 6px 0 4px 18px; } @media only screen and (max-width: 1199px) { #search-callendar .callendar-sticky-container { width: 675px; display: block; } } @media only screen and (max-width: 1024px) { #search-callendar .callendar-sticky-container { width: 645px; display: block; } #search-callendar.container { width: 930px; } } @media only screen and (max-width: 991px) { #search-callendar .callendar-sticky-container { display: none; } #search-callendar .spec-details { width: 100%; } #search-callendar.container { width: 100%; } } #search-callendar .callendar-details { text-align: center; padding: 0; } #search-callendar .callendar-details ul { list-style: none; margin: 5px 0; } #search-callendar .callendar-details .callendar-placeholder { width: 75%; background-color: #F9F9F9; margin-left: 25%; display: flex; justify-content: center; align-items: center; } #search-callendar .callendar-details .callendar-placeholder .callendar-placeholder-text { color: #aaa; } #search-callendar .callendar-details .callendar-single { min-height: 100%; display: flex; flex-wrap: wrap; } #search-callendar .callendar-details .callendar-single .callendar-more-container-outer { width: 100%; display: flex; justify-content: flex-end; } #search-callendar .callendar-details .callendar-single .callendar-more-container-inner { width: 75%; background-color: #F9F9F9; padding-bottom: 10px; display: flex; align-items: flex-end; justify-content: center; } #search-callendar .callendar-details .callendar-single .callendar-more-button { display: inline-block; width: 50%; background-color: #E9E9E9; padding: 5px; color: #93bc1e; font-size: 12px; font-weight: bold; } #search-callendar .callendar-details .callendar-single .callendar-more-button:hover { background-color: #93bc1e; color: #fff; } #search-callendar .callendar-details .callendar-box { background: #F9F9F9; min-height: 215px; width: 25%; display: flex; justify-content: center; user-select: none; } #search-callendar .callendar-details .callendar-box ul { padding: 0; width: 100%; } #search-callendar .callendar-details .callendar-box.odd { background-color: #F9F9F9; } #search-callendar .callendar-details .callendar-box .not-available, #search-callendar .callendar-details .callendar-box .holiday { color: #aaa; font-size: 12px; align-self: center; } #search-callendar .callendar-details .day-fill { line-height: 26px; color: #93bd1e; font-size: 15px; font-weight: bold; cursor: pointer; } #search-callendar .callendar-details .day-fill .day-book { display: none; } #search-callendar .callendar-details .day-fill:hover { color: #fff; background-color: #93bd1e; } #search-callendar .callendar-details .more-day .day-fill { font-size: 12px; } @media only screen and (max-width: 1199px) { #search-callendar { width: 100%; } } @media only screen and (max-width: 1024px) { #search-callendar { padding: 0; } #search-callendar .spec-result-single { display: block; } #search-callendar .spec-result-single .left { width: 100px; } #search-callendar .spec-result-single .left img { width: 100px; height: 100px; } #search-callendar .spec-result-single .left .image-notes { width: 40px; height: 40px; } #search-callendar .spec-result-single .left .image-notes .note-score { font-size: 20px; } #search-callendar .spec-result-single .right { display: block; width: calc(100% - 100px); padding-bottom: 0 !important; } #search-callendar .search-attribute .attr-value { display: block; } #search-callendar .search-attribute .attr-value div { margin-bottom: 5px; } #search-callendar .mobile-only { display: block !important; } #search-callendar .no-mobile { display: none !important; } #search-callendar .specs-mobile { padding: 15px; } #search-callendar .pricing-mobile { display: flex !important; justify-content: space-between; padding: 0 15px 15px 15px; } #search-callendar .pricing-mobile .pricing-div p { margin-bottom: 2px; } #search-callendar .search-heading.mobile-only { font-size: 14px; font-weight: 700; } #search-callendar .callendar-flex { width: 100%; } #search-callendar .callendar-flex .callendar-box { width: 100%; } #search-callendar .callendar-flex .callendar-box ul { display: flex; flex-wrap: wrap; } #search-callendar .callendar-flex .callendar-box ul li { width: 25%; } #search-callendar .search-paging { margin-bottom: 25px; } #search-callendar .spec-book { display: block; } #search-callendar .spec-book .book-details { width: 100%; margin-bottom: 10px; } #search-callendar .book-button { width: 190px; height: 42px; background-color: #93bc1e; border: 0; color: #ffffff; margin-left: 30px; display: flex; justify-content: center; align-items: center; } #search-callendar .search-flex { display: block; } #search-callendar .map-expander { display: none; } #search-callendar .list-map { display: flex; } #search-callendar .list-map div { width: 50%; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #ffffff; color: #93bc1e; cursor: pointer; font-weight: 600; } #search-callendar .list-map div.list-map-active { background-color: #93bc1e; color: #ffffff; } #search-callendar .search--result-title { margin: 20px 0; text-align: center; } #search-callendar .search--result-title h1 { font-size: 18px; font-weight: 600; } #search-callendar .left { width: 100%; margin: 0; } #search-callendar .right { width: 100%; margin: 0; display: none; } } .left .bordered .callendar > div.disabled { content: " "; } .left .bordered .callendar .day { font-size: 13px; font-weight: 600; color: #333; display: block; } .left .bordered .callendar .date { font-size: 12px; font-weight: 600; color: #999; } .left .bordered .callendar .hour { font-size: 15px; color: #93bd1e; line-height: 26px; cursor: pointer; padding: 3px; user-select: none; } .left .bordered .callendar .hour:not(.disabled):hover { color: white; background: #93bd1e; } .left .bordered .callendar .hour.disabled { color: #777; text-decoration: line-through; cursor: default; } .left .bordered .callendar .no-package { position: absolute; right: 35px; background-position: center center; background-repeat: no-repeat; min-height: 100px; color: #777; padding-top: 100px; } .spec-details { text-align: left; padding: 10px 0; font-size: 14px; font-weight: 300; line-height: 20px; } .spec-details .spec-left { text-align: center; } .spec-details .spec-left .company-photo { width: 80px; height: 80px; margin: auto; display: block; clear: both; } .spec-details .spec-left .star-note { margin: 0 auto; overflow: hidden; display: block; float: none; width: 87px; } .spec-details .spec-left .notes { color: #777; text-align: center; display: block; } .spec-details .user-data { font-size: 18px; font-weight: 600; color: #333; line-height: 20px; } .spec-details .user-data .scTitle { font-size: 14px; font-weight: 300; color: #777; } .spec-details .note { font-size: 14px; color: #777; padding-top: 15px; font-weight: 300; font-style: italic; } .spec-details .specializations { padding: 15px 0; font-weight: 400; } .left .bordered .spec-details a, .left .bordered .spec-details a:hover, .left .bordered .spec-details a:active, .left .bordered .spec-details a:visited { color: #93bd1e; text-decoration: none; } .left .bordered .spec-details button { color: white; background-color: #93bd1e; border: 1px solid #93bd1e; line-height: 20px; padding: 5px 15px; float: left; margin-top: 20px; text-decoration: none; outline: none; } .left .bordered .spec-details button a, .left .bordered .spec-details button a:hover, .left .bordered .spec-details button a:visited, .left .bordered .spec-details button a:active { color: white; text-decoration: none; background: transparent; border-color: #93bd1e; } .left .bordered .spec-details button:hover { background: #7fa314; border-color: #7fa314; } .left .bordered .spec-details button i { font-size: 14px; line-height: 20px; margin-right: 5px; background: transparent; } .right.map-relative { position: relative; } .right.map-relative .map-expander { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-color: #ffffff; z-index: 1005; display: flex; justify-content: center; align-items: center; border-radius: 5px; box-shadow: 0 0 5px #777; cursor: pointer; } .right.map-relative .map-expander:hover { background-color: #eee; } .right.map-relative .map-expander .lnr { font-size: 40px; font-weight: bold; line-height: 0; position: relative; left: 1px; } .right #map-results { padding: 0; width: 100%; height: 525px; } .right #map-results .leaflet-popup-content-wrapper { border-radius: 0; box-shadow: none; padding: 0; } .right #map-results .leaflet-popup-close-button { display: none; } .right #map-results .leaflet-popup-content { margin: 0; width: auto !important; } .right #map-results .map-popup { display: flex; width: 240px; } .right #map-results .map-popup img { width: 80px; height: 80px; } .right #map-results .map-popup .map-name { font-weight: 600; font-size: 11px; margin: 10px; } .right #map-results .map-popup .map-address { color: #555; font-size: 10px; margin: 10px 10px 5px 10px; } .right .bordered { float: left; margin: 0; width: 250px; padding: 15px; } .right .bordered .title { font-size: 18px; color: #454545; padding: 15px 15px 5px 15px; font-weight: 600; } .right .bordered .conditions { padding: 0 15px 10px 15px; } .right .bordered .conditions label { font-size: 14px; color: #454545; font-weight: 500; padding: 0 5px; } .paging { background: white; border-style: solid; border-color: #e1e1e1; border-width: 1px 1px 1px; } .paging a, .paging a:hover { color: #93bd1e; padding: 5px 10px; float: left; border-right: 1px solid #e1e1e1; text-decoration: none; } .paging a:hover, .paging a.current { background: #e1e1e1; color: white; } @media screen and (max-width: 767px) { .is--search-engine .title h4 { font-size: 16px; } .spec-details .spec-left { padding: 0px; } .spec-details .spec-right { padding: 0 5px 0 5px; } .spec-details .spec-right .user-data { font-size: 16px; font-weight: 600; color: #333; line-height: 20px; } .spec-details .spec-right .user-data .scTitle { font-size: 13px; } .spec-details .spec-right .note { font-size: 14px; } .spec-details .spec-right .specializations { font-size: 13px; } .spec-details .spec-right .companyName { font-size: 13px; } .spec-details .spec-right .companyAdress { font-size: 13px; } } #expanded-map .search-page-heading { display: none; } #expanded-map .container { width: 100%; padding: 0; } #expanded-map .filters { display: none; } #expanded-map .search-left { margin-right: 0; width: 337px; } #expanded-map #search-callendar { padding: 0; } #expanded-map #search-callendar .spec-result-single { display: block; } #expanded-map #search-callendar .spec-result-single .left { width: 100px; } #expanded-map #search-callendar .spec-result-single .left img { width: 100px; height: 100px; } #expanded-map #search-callendar .spec-result-single .left .image-notes { width: 40px; height: 40px; } #expanded-map #search-callendar .spec-result-single .left .image-notes .note-score { font-size: 20px; } #expanded-map #search-callendar .spec-result-single .right { display: block; width: calc(100% - 100px); padding-bottom: 0 !important; } #expanded-map #search-callendar .search-attribute .attr-value { display: block; } #expanded-map #search-callendar .search-attribute .attr-value div { margin-bottom: 5px; } #expanded-map #search-callendar .mobile-only { display: block !important; } #expanded-map #search-callendar .no-mobile { display: none !important; } #expanded-map #search-callendar .specs-mobile { padding: 15px; } #expanded-map #search-callendar .pricing-mobile { display: flex !important; justify-content: space-between; padding: 0 15px 15px 15px; } #expanded-map #search-callendar .pricing-mobile .pricing-div p { margin-bottom: 2px; } #expanded-map #search-callendar .search-heading.mobile-only { font-size: 14px; font-weight: 700; } #expanded-map #search-callendar .callendar-flex { width: 100%; } #expanded-map #search-callendar .callendar-flex .callendar-box { width: 100%; } #expanded-map #search-callendar .callendar-flex .callendar-box ul { display: flex; flex-wrap: wrap; } #expanded-map #search-callendar .callendar-flex .callendar-box ul li { width: 25%; } #expanded-map #search-callendar .search-paging { margin-bottom: 25px; } #expanded-map #search-callendar .spec-book { display: block; } #expanded-map #search-callendar .spec-book .book-details { width: 100%; margin-bottom: 10px; } #expanded-map #search-callendar .book-button { width: 190px; height: 42px; background-color: #93bc1e; border: 0; color: #ffffff; margin-left: 30px; display: flex; justify-content: center; align-items: center; } #expanded-map .map-relative { width: calc(100% - 320px); } #expanded-map .map-relative #map-results { width: 100%; height: calc(100vh - 79px); } #expanded-map .mobile-list-container { height: calc(100vh - 79px); overflow: auto; } .profile-headline { padding-top: 25px; } .profile-headline .star-note { padding-right: 0; padding-left: 0; width: 110px; float: none; margin: auto; } .profile-headline .title { padding: 15px; } .profile-headline .has-main--image { padding: 0; text-align: center; } .profile-headline .has-main--image .specialist-img-container { padding-right: 0; padding-left: 0; } .profile-headline .has-main--image img.main-photo { max-width: 150px; max-height: 150px; width: auto; height: auto; margin: auto; } .profile-headline .profile-namesurname { padding: 0; font-weight: 600; } .profile-headline .profile-namesurname h1 { margin-top: 0; margin-bottom: 0; color: #93bc1e; font-size: 26px; display: inline-block; font-weight: 600; } .profile-headline .profile-namesurname span { font-size: 16px; color: #777; display: inline-block; } .profile-headline .social-buttons { padding: 0; text-align: left; overflow: visible; display: flex; justify-content: flex-end; align-items: center; margin-bottom: 10px; } .profile-headline .profile-specializations { padding: 0; } .profile-headline .profile-specializations h2 { line-height: 25px; font-weight: 500; font-size: 16px; margin-top: 0; margin-bottom: 0; } .profile-headline .profile-specializations h2 a { font-weight: 500; font-size: 16px; color: #777; } .profile-headline .profile-specializations h2 a:hover { text-decoration: underline; } .profile-headline .profile-description { line-height: 25px; border: none; font-weight: 400; line-height: 20px; text-align: justify; height: initial; padding: 20px 0; font-size: 14px; color: #555; } .profile-headline .profile-description a { color: #337ab7; font-weight: 600; } .profile-headline .profile-description a:hover { text-decoration: underline; } .profile-headline .profile-description > div { margin: 0; padding: 2px 0 10px 0; } .profile-headline .profile-buttons { padding: 0; font-weight: normal; } .profile-headline .profile-buttons a { width: 100%; display: block; color: #656565; background-color: white; font-size: 16px; line-height: 33px; height: 33px; } .profile-headline .profile-buttons a:hover { text-decoration: none; background-color: #93bc1e; color: white; } .profile-headline .profile-buttons a i { display: inline-block; float: left; line-height: 33px; color: #999999; font-size: 2rem; margin: 0 10px; } .profile-headline .profile-buttons a span { display: inline-block; float: left; } .profile-headline .profile-buttons ul { list-style: none; padding: 0; overflow: auto; } .profile-headline .profile-buttons ul li { display: block; margin-bottom: 5px; border: 1px solid #e1e1e1; font-size: 15px; height: 35px; padding: 0; } .profile-headline .profile-buttons ul li a:hover i { color: white; } .opinions .star-note { float: right; display: block; } .star-note span { display: block; width: 17px; height: 17px; margin: 8px 0 0; float: left; background-image: url("../images/icon-stars.png"); } .has-main--image .star-note span, .overall-note .star-note span { width: 20px; height: 20px; margin: 15px 1px 0; } .has-main--image .star-note .golden-star, .overall-note .star-note .golden-star { background-position: 43px 127px; } .has-main--image .star-note .empty-star, .overall-note .star-note .empty-star { background-position: 43px 147px; } .star-note .golden-star { background-position: 40px 90px; float: left; } .star-note .empty-star { background-position: 40px 107px; float: left; } .date-visit .content { padding: 15px; color: #656565; } .date-visit .content .identification { font-size: 16px; color: #555; line-height: 18px; padding: 0; } .date-visit .content .identification h3.company-name { font-size: 18px; color: #93bd1e; line-height: 22px; display: block; font-weight: 600; margin-top: 0; margin-bottom: 10px; } .date-visit .content .show-buttons { padding: 0 10px 0 0; } .date-visit .content .show-buttons ul { list-style: none; padding: 0; } .date-visit .content .show-buttons ul li { display: block; background-color: transparent; font-size: 16px; color: #93bc1e; font-weight: 600; padding: 0; line-height: 32px; cursor: pointer; min-height: 37px; text-align: center; border: 1px solid #e3e3e3; border-bottom-width: 0; } .date-visit .content .show-buttons ul li:last-child { border-bottom-width: 1px; } .date-visit .content .show-buttons ul li span { float: left; text-align: center; font-family: Rajdhani, serif; font-weight: 700; color: #000; line-height: 35px; width: calc(100% - 40px); padding: 0 10px; word-wrap: break-word; } .date-visit .content .show-buttons ul li .icon-container { width: 40px; padding: 0; } .date-visit .content .show-buttons ul li .icon-container img { width: 25px; height: 36px; display: block; margin: auto; } .date-visit .content .map-container { padding-right: 0; } .date-visit .details { color: #333; border: 1px solid #e8e8e8; border-bottom-width: 0; } .date-visit .details:last-of-type { border-bottom-width: 1px; } .date-visit .details .kind { background-color: #ddd; border-right: 1px solid #e8e8e8; } .date-visit .details .kind h4 { font-size: 16px; font-weight: bold; margin: 1px; line-height: 22px; } .date-visit .details .info { font-size: 16px; text-align: left; border-left: none; } .offered-services .content { overflow: auto; } .offered-services .content div { font-size: 16px; color: #555; text-align: left; line-height: 30px; } .offered-services .content div span { display: inline-block; line-height: 25px; height: 25px; overflow: hidden; font-weight: 200; } .offered-services .content div span:first-child { width: 65%; margin-right: 0; } .offered-services .content div span:not(:first-child) { width: 30%; } .offered-services .content p { color: #333; font-size: 16px; line-height: 20px; font-weight: 300; } .offered-services .content span.no-info { font-size: 16px; line-height: 20px; font-weight: 300; color: #ccc; font-style: italic; } .profile-section-headline { display: inline-block; font-size: 18px; } .profile-specialist-info .content { padding: 0; font-size: 16px; font-weight: 300; color: #333; line-height: 20px; text-align: justify; } .profile-specialist-info .content h3 { font-weight: 600; display: block; margin-bottom: 10px; margin-top: 10px; font-size: 18px; } .profile-specialist-info .content span.no-info { color: #ccc; font-style: italic; } .profile-specialist-info .content .info-specialist-about .main-data span { font-size: 16px; } .profile-specialist-info .content .info-specialist-about .main-data span.showbigdata, .profile-specialist-info .content .info-specialist-about .main-data span.hidebigdata { color: #337ab7; } .profile-specialist-info .content .info-specialist-about .main-data span.showbigdata:hover, .profile-specialist-info .content .info-specialist-about .main-data span.hidebigdata:hover { text-decoration: none; } .profile-specialist-info .content .info-specialist-about .main-data span.no-info { color: #ccc; font-style: italic; } .profile-specialist-info .content .info-specialist-education ul { word-wrap: break-word; padding-left: 16px; list-style-type: square; } .profile-specialist-info .content .info-specialist-education ul li { font-size: 16px; color: #333; font-weight: 300; line-height: 22px; } .profile-specialist-info .content .info-specialist-education ul li span.date-edu { font-weight: 400; } .profile-specialist-info .content .diplomas-certificates img { width: 100%; } .profile-specialist-info .content .social-bars { width: 100%; margin-top: 15px; margin-bottom: 15px; } .profile-specialist-info .content .social-bars .social-bar { padding: 0 5px; } .profile-specialist-info .content .social-bars .social-bar a { content: ""; display: block; width: 100%; padding: 5px 15px; } .profile-specialist-info .content .social-bars .social-bar a i { margin-right: 5px; width: 20px; line-height: 20px; display: block; float: left; height: 20px; background-image: url("images/social-icons.png"); } .profile-specialist-info .content .social-bars .social-bar a span { color: white; font-size: 16px; line-height: 22px; } .profile-specialist-info .content .social-bars .social-bar.facebook-bar a { background: #3B5997; } .profile-specialist-info .content .social-bars .social-bar.facebook-bar a i { background-position: 0 0; } .profile-specialist-info .content .social-bars .social-bar.google-bar a { background: #DE4B39; } .profile-specialist-info .content .social-bars .social-bar.google-bar a i { background-position: 0 -47px; } .profile-specialist-info .content .social-bars .social-bar.twitter-bar a { background: #55ACEF; } .profile-specialist-info .content .social-bars .social-bar.twitter-bar a i { background-position: 0 -26px; } .notes-scores { background-color: #fff; } .notes-scores .title { color: #333; font-weight: 600; font-size: 18px; } .notes-scores .title i { color: #656565; } .notes-scores .title .give-note--link { line-height: 35px; display: inline-flex; float: right; } .notes-scores .title .give-note--link a { color: #337ab7; font-size: 14px; text-decoration: none; } .notes-scores .title .give-note--link a a:hover { text-decoration: underline; } .notes-scores .content { padding: 15px; overflow: auto; } .notes-scores .content ul { list-style: none; overflow: auto; padding: 0; width: 100%; display: flex; margin-bottom: 10px; } .notes-scores .content ul li { width: 25%; display: flex; align-items: center; justify-content: center; color: #656565; font-size: 14px; font-weight: 600; border: 1px solid #e1e1e1; line-height: 35px; cursor: pointer; height: 42px; } .notes-scores .content ul li span { margin-left: 11px; position: relative; display: inline-block; z-index: 1; } .notes-scores .content ul li span::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; background-color: #eee; z-index: -1; border-radius: 50%; } .notes-scores .content ul li:hover { color: white; background-color: #555; } .notes-scores .content ul li:hover span { color: #000; } @media only screen and (max-width: 767px) { .notes-scores .content ul { display: block; } .notes-scores .content ul li { width: 100%; } } .notes-scores .overall-note { float: left; margin-bottom: 20px; } .notes-scores .overall-note div { display: inline-block; line-height: 22px; float: left; } .notes-scores .overall-note div span { margin-top: 0; font-size: 14px; color: #999; font-weight: 500; } .notes-scores .overall-note div:not(.star-note) { font-size: 14px; padding-top: 10px; color: #777; margin-right: 2px; } .notes-scores .overall-note div.star-note { margin-right: 5px; } .notes-scores .available-notes .note { overflow: auto; margin-top: 15px; margin-bottom: 15px; } .notes-scores .available-notes .note .left-photo { width: 80px; float: left; } .notes-scores .available-notes .note .left-photo img { width: 80px; height: 80px; float: right; margin: auto; } .notes-scores .available-notes .note .right-data { font-size: 16px; color: black; margin-left: 15px; float: left; width: calc(100% - 95px); } .notes-scores .available-notes .note .right-data .note-modify { padding-left: 10px; } .notes-scores .available-notes .note .right-data .personal { float: left; text-align: left; width: 50%; padding: 10px; font-size: 14px; font-weight: 600; color: #555; } .notes-scores .available-notes .note .right-data .personal span { font-size: 12px; color: #999; margin-left: 3px; } .notes-scores .available-notes .note .right-data .personal + div { float: right; width: 50%; padding: 10px; font-weight: 700; text-align: right; font-size: 14px; } .notes-scores .available-notes .note .right-data .personal + div .star-note { float: right; } .notes-scores .available-notes .note .right-data .personal + div > span { font-size: 14px; line-height: 30px; float: right; font-weight: 400; margin-right: 10px; } .notes-scores .available-notes .note .right-data .personal + div span.negative-note { color: red; } .notes-scores .available-notes .note .right-data .personal + div span.positive-note { color: green; } .notes-scores .available-notes .note .right-data .main-data { float: left; width: 100%; padding: 10px; } .notes-scores .available-notes .note .right-data .report-response { float: left; text-align: left; display: inline-block; } .notes-scores .available-notes .note .right-data .report-response a { color: #337ab7; text-decoration: none; margin: 5px 15px 0 10px; display: block; font-size: 13px; font-weight: 500; } .notes-scores .available-notes .note .right-data .report-response a:hover { text-decoration: underline; } .notes-scores .available-notes .note .right-data .main-data-small, .notes-scores .available-notes .note .right-data .main-data-big { font-size: 14px; color: #555; font-weight: 500; } .notes-scores .available-notes .note .right-data .showbigdata, .notes-scores .available-notes .note .right-data .hidebigdata { font-size: 14px; color: #337ab7; } @media only screen and (max-width: 767px) { .notes-scores .available-notes .note .left-photo, .notes-scores .available-notes .note .left-photo img { width: 50px; height: 50px; } .notes-scores .available-notes .note .personal, .notes-scores .available-notes .note .personal + div { padding: 5px !important; } .notes-scores .available-notes .note .personal span, .notes-scores .available-notes .note .personal + div span { display: block; } .notes-scores .available-notes .note .right-data { width: calc(100% - 55px); margin-left: 5px; } .notes-scores .available-notes .note .main-data { padding: 5px; } } .notes-scores .available-notes .note-answer { margin-left: 90px; font-size: 14px; color: #333; padding: 10px; overflow: hidden; display: flex; font-weight: 500; margin-bottom: 10px; } .notes-scores .available-notes .note-answer.note-answer-patient { flex-direction: row-reverse; } .notes-scores .available-notes .note-answer.note-answer-patient .note-answer-photo { margin-right: 0; margin-left: 15px; } .notes-scores .available-notes .note-answer .answer-registered { color: #555; font-weight: 500; margin-left: 5px; font-size: 12px; } .notes-scores .available-notes .note-answer .note-answer-content { background-color: #F5F7F9; width: 100%; padding: 15px; } .notes-scores .available-notes .note-answer .note-answer-photo { margin-right: 15px; } .notes-scores .available-notes .note-answer .note-answer-photo img.answer-photo { width: 80px; height: 80px; margin-bottom: 0; } .notes-scores .available-notes .note-answer .answer-header { font-weight: 600; } @media only screen and (max-width: 767px) { .notes-scores .available-notes .note-answer { margin-left: 50px; } .notes-scores .available-notes .note-answer-photo, .notes-scores .available-notes .note-answer-photo img { width: 50px !important; height: 50px !important; } .notes-scores .available-notes .answer-registered { display: block; margin: 0 0 10px 0 !important; } } .notes-scores .note-line { width: 100%; height: 1px; background-color: #ccc; } .notes-scores .notes-give-note { color: #555; font-size: 24px; text-align: center; width: 100%; margin-top: 10px; margin-bottom: 20px; } .notes-scores .notes-give-note h2 { display: block; margin-top: 15px; margin-bottom: 15px; font-size: 24px; font-weight: 300; } .notes-scores .notes-give-note a { padding: 8px 15px; background-color: #93bd1e; color: white; line-height: 17px; text-decoration: none; outline: 0; font-size: 17px; } .notes-scores .notes-give-note a:hover { background-color: #7fa314; border-color: #7fa314; } .notes-scores .notes-give-note a i { margin-right: 5px; } .notes-scores .notes-give-note .giveNoteToUser { margin: 10px auto 0; display: block; width: 150px; } .is--showprofile-page section.has-fixed-header .container { padding: 0; display: flex; align-items: flex-start; margin-top: 25px; } .is--showprofile-page section.has-fixed-header .container .specialist-container { width: calc(100% - 290px); } @media only screen and (max-width: 1199px) { .is--showprofile-page section.has-fixed-header .container .specialist-container { width: calc(100% - 215px); } } .specialist-card-wrapper { width: 260px; margin-right: 30px; } .specialist-card { width: 260px; background-color: #ffffff; position: static; top: 5px; z-index: 1; } @media only screen and (max-width: 1199px) { .specialist-card-wrapper { width: 200px; margin-right: 15px; } .specialist-card { width: 200px; } } @media only screen and (max-width: 767px) { .is--showprofile-page section.has-fixed-header .container { margin-top: 0; display: block; } .is--showprofile-page section.has-fixed-header .container .specialist-container { width: 100%; } .specialist-card-wrapper { width: 100%; position: relative; top: 0; margin-bottom: 25px; } .specialist-card { width: 100%; } } .image-container { position: relative; } .image-container img { width: 260px; height: 260px; object-fit: cover; } .image-container .image-notes { position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #93bc1e; color: #ffffff; display: flex; justify-content: center; align-items: center; text-align: center; } .image-container .image-notes .note-score { font-size: 24px; font-weight: 700; } .image-container .image-notes p { margin: 0; font-size: 10px; font-weight: 600; line-height: 1; } .image-container .visit-cta { width: 230px; padding: 12px 0; text-align: center; background-color: #93bc1e; color: #ffffff; position: absolute; left: 15px; bottom: 15px; font-size: 14px; font-weight: 600; cursor: pointer; } @media only screen and (max-width: 1199px) { .image-container img { width: 200px; height: 200px; } .image-container .visit-cta { width: 170px; padding: 5px 0; } } @media only screen and (max-width: 767px) { .image-container img { width: 320px; height: 320px; margin: auto; display: block; } .image-container .visit-cta { width: 300px; padding: 12px 0; left: 50%; transform: translate(-50%, 0); } } .information-container { padding: 0 15px 15px 15px; } .information-container .verified-container { padding-bottom: 5px; } .information-container .profile-name { font-size: 18px; font-weight: 700; margin: 0 0 5px 0; } .information-container .profile-name-container { margin: 15px 0; } @media only screen and (max-width: 523px) { .information-container .profile-name-container { display: flex; flex-wrap: wrap; justify-content: center; } .information-container .profile-name-container .profile-name { width: 100%; } } .information-container .profile-specs { font-size: 14px; margin-bottom: 10px; } .information-container .profile-specs a { color: #555; font-weight: 500; line-height: 20px; } .information-container .profile-specs.folded { height: 60px; overflow: hidden; } .information-container .specs-more { text-align: center; font-size: 14px; font-weight: 600; cursor: pointer; display: none; } .information-container .spec-company-info { margin-top: 15px; } .information-container .spec-company-info .spec-company { display: flex; align-items: center; } .information-container .spec-company-info .spec-company img { width: 50px; height: 50px; } .information-container .spec-company-info .spec-company p { margin: 0 0 0 15px; font-weight: 600; color: #93bc1e; } .featured-tile-details { display: flex; } .featured-slider-arrow { z-index: 99 !important; } #featured__container { display: flex; height: 80px; } #featured__container.slick-slider { overflow: visible; } #featured__container .slick-list { overflow: visible; overflow-x: hidden; } #featured__container .featured-single { padding: 0 10px; } #featured__container .featured-tile { box-shadow: 0 0 5px #ddd; cursor: pointer; position: relative; } #featured__container .featured-tile:hover .select-hover { display: flex; } #featured__container .featured-tile.specialist-selected { background-color: #93bc1e; color: #ffffff; } #featured__container .featured-tile.specialist-selected .select-specs { color: #ffffff; } #featured__container .select-wrapper { display: flex; } #featured__container img { width: 80px; height: 80px; } #featured__container .select-info { padding: 10px 10px 0 10px; width: calc(100% - 80px); } #featured__container .select-name { font-weight: 600; font-size: 14px; margin: 0 0 3px 0; } #featured__container .select-specs { line-height: 18px; height: 36px; overflow: hidden; font-size: 13px; color: #555; margin: 0; } #featured__container .select-hover { position: absolute; display: none; width: 100%; background-color: #ffffff; z-index: 3; } #featured__container .select-hover:hover { display: flex; } #featured__container .select-hover a, #featured__container .select-hover button { display: flex; justify-content: center; align-items: center; width: calc(50% - 10px); margin: 10px; padding: 7px 0; font-weight: 600; border: 1px solid #ccc; } #featured__container .select-hover a { color: #3a3a3a; } #featured__container .select-hover button { margin-left: 0; color: #ffffff; background-color: #93bc1e; } #featured__container .select-hover p { display: none; } @media only screen and (max-width: 1199px) { .efizjo-slick-dots { display: flex; } #featured__container { height: auto; } #featured__container .select-hover { display: flex; position: relative; } #featured__container .specialist-selected .select-hover { background-color: #93bc1e; align-items: center; justify-content: space-between; } #featured__container .specialist-selected .select-hover a { border-color: #ffffff; color: #ffffff; } #featured__container .specialist-selected .select-hover button { display: none; } #featured__container .specialist-selected .select-hover p { display: flex; margin: 0 30px 0 0; font-weight: 600; } #featured__container .specialist-selected .select-hover p img { width: 15px; height: 15px; margin-right: 5px; } #featured__container .featured-tile { width: 240px !important; } } .closest-visit { background-color: rgba(149, 188, 35, 0.2); margin: 15px 15px 0 15px; padding: 15px; display: flex; justify-content: space-between; align-items: center; opacity: 0; transition: opacity 1s; } .closest-visit.not-found { background-color: #eee; } .closest-visit.not-found .closest-bottom { color: #aaa; } .closest-visit p { margin: 0; } .closest-visit .closest-top { font-weight: 600; color: #555; } .closest-visit .closest-bottom { color: #93bc1e; font-size: 18px; font-weight: 700; } .closest-visit .closest-button { background-color: #93bc1e; color: #ffffff; font-weight: 600; padding: 0 20px; height: 32px; border: 1px solid #93bc1e; } .closest-visit .closest-button:hover { background-color: #ffffff; color: #93bc1e; } @media only screen and (max-width: 767px) { .closest-visit { display: block; margin: 15px 0 0 0; width: 100%; } .closest-visit .closest-button { margin: 15px auto 0 auto; display: block; } } .spec-info { display: flex; align-items: center; } .spec-info img { width: 30px; margin-left: 15px; } .spec-info p { margin: 0; } .spec-info .info-title { width: 150px; padding-left: 20px; color: #555; font-weight: 500; } .spec-info .info-list { font-weight: 600; color: #555; } .spec-service-single { display: flex; justify-content: space-between; padding: 5px 15px; color: #555; } .spec-service-single .service-title { margin: 0; } .spec-service-single .service-price { font-weight: 600; } .spec-service-single .service-properties { display: flex; justify-content: space-between; width: 150px; } @media only screen and (max-width: 767px) { .spec-service-single { display: block; } .spec-service-single .service-properties { margin-top: 10px; width: auto; } } .missing-info { padding-left: 15px; color: #ccc; } .spec-about { padding: 15px; background-color: #ffffff; margin: 25px 0; } .spec-about .spec-desc { padding: 0 30px; } .spec-about .single-education { display: flex; color: #555; margin-bottom: 5px; } .spec-about .single-education p { margin: 0; } .spec-about .edu-date { width: 150px; font-weight: 600; } .spec-about .social-link { display: block; font-weight: 600; } .spec-about .social-link img { width: 20px; height: 20px; } .spec-about .social-link span { margin-left: 7px; position: relative; top: 1px; } .spec-opinions { padding: 15px; background-color: #ffffff; margin: 25px 0 100px 0; } .spec-opinions .opinions-flex { display: flex; } .spec-opinions .opinions-flex .left { width: 180px; margin-right: 20px; padding-left: 30px; } .spec-opinions .opinions-flex .right { width: calc(100% - 200px); padding-right: 20px; } @media only screen and (max-width: 1199px) { .spec-opinions .opinions-flex .left { width: 140px; padding-left: 20px; } .spec-opinions .opinions-flex .right { width: calc(100% - 160px); } } @media only screen and (max-width: 1024px) { .spec-opinions .opinions-flex { display: block; } .spec-opinions .opinions-flex .left { width: 100%; padding: 0; margin-bottom: 30px; } .spec-opinions .opinions-flex .left .opinions-100 { display: flex; width: 250px; justify-content: space-between; margin: 0 auto 15px auto; } .spec-opinions .opinions-flex .left .opinions-stats { width: 100px; } .spec-opinions .opinions-flex .right { padding: 0; width: 100%; } } .spec-opinions .progress-circle { margin: 0; } .spec-opinions .progress-circle span { color: #93bc1e; font-weight: 600; font-size: 36px; top: 51%; left: 50%; transform: translate(-50%, -50%); } .spec-opinions .progress-circle .first50-bar, .spec-opinions .progress-circle .value-bar { border-color: #93bc1e; background-color: #93bc1e; } .spec-opinions .opinions-100 { width: 100px; } .spec-opinions .note-count { text-align: center; margin: 15px 0; } .spec-opinions .note-type { display: flex; justify-content: space-between; } .spec-opinions .note-type p { margin-bottom: 4px; } @media only screen and (max-width: 1024px) { .spec-opinions .note-count { margin-top: 0; } .spec-opinions .note-type p { margin-bottom: 2px; } } .spec-opinions .note-switchers { display: flex; width: 100%; margin-bottom: 30px; } .spec-opinions .note-switch { height: 42px; display: flex; justify-content: center; align-items: center; width: 25%; border-style: solid; border-color: #ccc; border-width: 1px 0 1px 1px; font-weight: 600; cursor: pointer; } .spec-opinions .note-switch p { margin: 0; } .spec-opinions .note-switch div { background-color: #F5F7F9; text-align: center; margin-left: 7px; width: 21px; height: 21px; border-radius: 50%; } @media only screen and (max-width: 1024px) { .spec-opinions .note-switch div { margin-left: 2px; } } .spec-opinions .note-switch.note-selected, .spec-opinions .note-switch:hover { background-color: #555; color: #ffffff; } .spec-opinions .note-switch.note-selected div, .spec-opinions .note-switch:hover div { color: #3a3a3a; } .spec-opinions .note-switch.note-right { border-right-width: 1px; } @media only screen and (max-width: 767px) { .spec-opinions .note-switchers { display: block; } .spec-opinions .note-switch { width: 100%; border-right-width: 1px; } } .spec-opinions .note-listing .note { display: flex; margin-bottom: 30px; } .spec-opinions .note-listing .note-user-icon { width: 50px; height: 50px; } .spec-opinions .note-listing .note-user-icon.icon-letter { background-color: #F5F7F9; display: flex; justify-content: center; align-items: center; user-select: none; } .spec-opinions .note-listing .note-user-icon.icon-letter p { font-size: 24px; font-weight: 700; color: #868686; margin: 0; } .spec-opinions .note-listing .note-info-div { width: calc(100% - 50px); padding-left: 15px; } .spec-opinions .note-listing .note-info-div .reply-actions { padding-right: 0; } .spec-opinions .note-listing .note-info-div .reply-actions a, .spec-opinions .note-listing .note-info-div .reply-actions button { opacity: 0.6; } .spec-opinions .note-listing .note-info-div .reply-actions a:hover, .spec-opinions .note-listing .note-info-div .reply-actions button:hover { opacity: 1; } .spec-opinions .note-listing .note-author-box { display: flex; justify-content: space-between; } .spec-opinions .note-listing .note-author, .spec-opinions .note-listing .note-rating { font-weight: 600; margin-bottom: 2px; } .spec-opinions .note-listing .note-answer-username { font-weight: 600; margin-bottom: 0; } .spec-opinions .note-listing .note-rating { text-align: right; } .spec-opinions .note-listing .note-author-date { font-size: 12px; } .spec-opinions .note-listing .note-answer-flex { display: flex; margin-top: 25px; } .spec-opinions .note-listing .note-answer-flex-patient { flex-direction: row-reverse; } .spec-opinions .note-listing .note-answer-flex-patient .note-answer-photo { margin-left: 0; margin-right: 15px; } .spec-opinions .note-listing .note-answer-content { background-color: #F5F7F9; width: calc(100% - 65px); padding: 15px; } .spec-opinions .note-listing .note-answer-photo { width: 50px; height: 50px; margin-left: 15px; } .spec-opinions .note-listing .notes-hider { margin: 0 auto; display: block; background: transparent; border: 0; font-weight: 600; } .spec-opinions .note-listing .notes-hider img { margin-left: 5px; position: relative; top: -1px; } .spec-opinions .note-listing .notes-hider.notes-collapse img { transform: rotate(180deg); } .spec-opinions .note-encourage { font-size: 16px; font-weight: 600; margin-bottom: 25px; } .spec-opinions .notes-give-note { margin-top: 10px; text-align: center; } .spec-opinions .note-button { padding: 11px 20px; color: #ffffff; background-color: #93bc1e; font-weight: 600; margin-bottom: 30px; display: inline-block; } .note-modify { line-height: 15px; } .note-modify .note-edit, .note-modify .note-delete { padding: 0; font-size: 12px; font-weight: 500; border: 0; background-color: transparent; } .note-modify .note-edit { margin-right: 7px; } .note-modify .note-delete { margin-left: 7px; } .profile-show { padding: 0; margin: 0; } .profile-show li { list-style-type: none; display: block; text-align: center; font-size: 14px; font-weight: 600; padding: 6px 10px; border: 1px solid #ccc; margin-bottom: 10px; cursor: pointer; word-break: break-all; } .profile-show li:hover { background-color: #93bc1e; border-color: #93bc1e; color: #ffffff; } .spec-sticky { position: sticky; top: 5px; width: 100%; background-color: #ffffff; z-index: 500; } .spec-sticky ul { display: flex; margin: 0; font-size: 14px; font-weight: 600; padding: 0; } .spec-sticky ul li { cursor: pointer; margin: 0; display: block; width: 25%; list-style-type: none; text-align: center; padding: 11px 0; } @media (hover: hover) { .spec-sticky ul li:hover { background: #93bc1e; color: #ffffff; } } .spec-sticky ul li.spec-selected { background: #93bc1e; color: #ffffff; } .spec-sticky ul li .menu-image { display: none; } @media only screen and (max-width: 767px) { .spec-sticky { position: fixed; bottom: 0; top: initial; } .spec-sticky ul li { display: flex; align-items: center; flex-direction: column; justify-content: center; padding: 7px 0; font-size: 8px; } .spec-sticky ul li span { display: none; } .spec-sticky ul li.spec-selected span, .spec-sticky ul li:focus span { display: inline; } .spec-sticky ul li.spec-selected .menu-image, .spec-sticky ul li:focus .menu-image { filter: brightness(0) invert(1); } .spec-sticky ul li .menu-image { width: 26px; height: 26px; display: block; margin-bottom: 5px; } } .profile-calendar-container { position: relative; top: 15px; } .addr-cal { margin: 25px 0; background-color: #ffffff; } .addr-cal .padding-box { padding: 15px; } .addr-cal .register-visit-container { position: relative; z-index: 1; } .addr-cal .left { width: calc(100% - 430px); } .addr-cal .right { width: 430px; } .addr-cal .addr { display: flex; justify-content: space-between; height: 100px; } .addr-cal .addr .user-no-map-data { display: flex; justify-content: flex-start; align-items: center; width: 430px; } .addr-cal .addr .profile-map iframe { border: 0; height: 100%; width: 100%; } .addr-cal .addr .addr-shifted { width: 100%; padding-left: 20px; display: flex; } .addr-cal .addr .addr-shifted img { width: 30px; height: 30px; } .addr-cal .addr .addr-shifted .addr-info { padding: 0 15px; font-size: 15px; font-weight: 500; } .addr-cal .addr .addr-shifted .addr-info .company-name { font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 5px; } .addr-cal .addr .addr-shifted .addr-info p { margin-bottom: 5px; } @media only screen and (max-width: 1199px) { .addr-cal .left { width: calc(100% - 300px); } .addr-cal .right { width: 300px; } .addr-cal .addr .user-no-map-data { width: 300px; justify-content: center; } .addr-cal .addr .addr-shifted { padding-left: 0 !important; } } @media only screen and (max-width: 767px) { .addr-cal .left { width: 100%; margin-bottom: 15px; } .addr-cal .right { width: 100%; height: 100px; } .addr-cal .addr { height: auto; display: block; } } .spec-services { background-color: #ffffff; padding: 15px; margin: 25px 0; } .spec-socials { display: flex; flex-wrap: wrap; } .spec-socials > div { width: 50%; margin-bottom: 15px; } @media only screen and (max-width: 499px) { .spec-socials { padding-top: 10px; } .spec-socials > div { width: 25%; margin-bottom: 25px; display: flex; justify-content: center; } .spec-socials > div span { display: none; } } .shadowed { box-shadow: 0 0 10px #ddd; } .content-header { font-size: 18px; font-weight: 700; margin: 0 0 30px 0; } .bullet-header { font-size: 16px; font-weight: 600; margin-bottom: 15px; } .separator, .small-separator { width: 100%; height: 1px; background-color: #ccc; margin: 15px 0; } .small-separator { margin: 8px 0; } .fb-like span { vertical-align: initial !important; } .fb_iframe_widget { top: 4px; } #___plusone_0, #___plusone_0 iframe { width: 58px !important; } .fb-like { margin-right: 5px; /*overflow:hidden;*/ } .fb-like .pluginSkinLight table { height: 26px !important; } .visit.done .star-note span { margin-top: 2px; } @media screen and (max-width: 1024px) { .container { width: 100%; } } @media screen and (max-width: 991px) { .profile-headline .has-main--image img.main-photo { width: 110px; height: 110px; margin: auto; } } .listing-profile-background { background-repeat: no-repeat; background-position: center top; background-color: #F1F1F1; background-attachment: fixed; } .clickable-phone { color: #93bc1e; } @media screen and (max-width: 767px) { .listing-profile-background { background-image: none !important; } .profile-headline .has-main--image > div { margin: auto; } .profile-headline .profile-namesurname { margin-top: 10px; } } @media screen and (max-width: 425px) { .offered-services .content div span:first-child { width: 100%; } .offered-services .content div span:not(:first-child) { text-align: right; width: 100%; } } .reply-actions { display: flex; width: 100%; justify-content: space-between; padding-right: 10px; } .reply-actions a, .reply-actions .give-reply { color: #007bff; text-decoration: none; display: block; font-size: 12px; font-weight: 600; background-color: transparent; border: 0; } .reply-actions a:hover, .reply-actions .give-reply:hover { text-decoration: underline; } .note-target { display: flex; justify-content: center; align-items: center; font-weight: 600; font-size: 14px; margin: 25px 0 0 0; background-color: #eee; padding: 5px 0; box-shadow: 0 0 15px #ccc; } .note-target p { margin: 0 10px 0 0; } .note-target img { margin: 0 10px 0 0 !important; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #93bc1e; } .note-target a { display: flex; align-items: center; } @media only screen and (max-width: 767px) { .reply-actions { padding: 0 !important; } .note-target { flex-wrap: wrap; text-align: center; } .note-target p { width: 100%; margin: 0 0 5px 0 !important; } } .is--editprofile-page .content .form-group { margin-left: 0; margin-right: 0; } .services__button__container .btn { margin-bottom: 0 !important; } .calendar-userfullname { text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 18px; } .calendar-past { background: #ddd; } .calendar-date-list { text-align: center; margin: auto; } .calendar-date-list .calendar-date-day ul.visits-list { list-style: none; padding: 0; } .calendar-date-list .calendar-date-day ul.visits-list li.visit { height: 60px; overflow: hidden; margin: 0; padding: 0 5px; border-bottom: 1px solid #e1e1e1; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .hour-box { display: inline; width: 45px; vertical-align: top; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box { display: inline-block; width: calc(100% - 45px); padding: 15px 5px; height: 100%; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box .add-visit-modal { font-weight: 500; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box .add-visit-modal .lnr { font-weight: 500; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.fixed { background-color: #d9edf7; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.fixed span { color: #31708f; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.fixed span.service-name { font-weight: 400; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.reserved { background-color: #fcf8e3; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.reserved span { color: #8a6d3b; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.reserved span.service-name { font-weight: 400; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.done { background-color: #f1f9ea; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.done span { color: #3c763d; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.done span.service-name { font-weight: 400; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.undone { background-color: #f7ecec; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.undone span { color: #a94442; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.undone span.service-name { font-weight: 400; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.blockade { background-color: #f7ecec; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.blockade span { color: #a94442; } .calendar-date-list .calendar-date-day ul.visits-list li.visit.blockade span.service-name { font-weight: 400; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-details, .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-delete-blockade { float: right; cursor: pointer; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-details.week-row, .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-delete-blockade.week-row { float: none; } .calendar-date-list .calendar-date-day.week { width: 13%; margin: auto; display: inline-block; overflow: hidden; vertical-align: top; } .calendar-date-list .calendar-date-day.week ul.visits-list li.visit .hour-box { display: block; width: 100%; margin: auto; } .calendar-date-list .calendar-date-day.week ul.visits-list li.visit .visit-box { display: block; width: 100%; font-size: 1.4rem; padding: 10px 5px; } .calendar-date-list .calendar-date-day.week ul.visits-list li.visit .visit-box.visit-details { font-size: 1.2rem; padding: 0; } .calendar-date-list .calendar-date-day.week ul.visits-list li.visit .visit-box .add-visit-modal { font-size: 13px; } .calendar-date-list .patient-visit-row .visits-list { list-style: none; margin: 0; padding: 0; } .calendar-date-list .patient-visit-row .visits-list .visit { overflow: hidden; text-align: left; border-bottom: 1px solid #f1f1f1; padding: 10px; } .calendar-date-list .patient-visit-row .visits-list .visit.canceled, .calendar-date-list .patient-visit-row .visits-list .visit.canceledByPatient { background-color: #f2dede; } .calendar-date-list .patient-visit-row .visits-list .visit.done { background-color: #dff0d8; } .calendar-date-list .patient-visit-row .visits-list .visit .head { font-style: italic; } .calendar-date-list .patient-visit-row .visits-list .visit .date-box span { display: inline-block; } .calendar-date-list .patient-visit-row .visits-list .visit .date-box .time { font-size: 20px; font-weight: 500; color: #93bc1e; } .calendar-date-list .patient-visit-row .visits-list .visit .date-box .date { font-size: 20px; font-weight: 500; color: #93bc1e; } .calendar-date-list .patient-visit-row .visits-list .visit .visit-box .name { font-weight: 500; } .calendar-date-list .patient-visit-row .visits-list .visit .specialist-box .name { font-weight: 500; } .calendar-date-list .patient-visit-row .visits-list .visit .cancel-visit { float: right; color: #a94442; cursor: pointer; } .calendar-date-list .patient-visit-row .visits-list .score-margin { margin-left: 5px; } ul.holiday-list { list-style: none; padding: 0; } ul.holiday-list li { height: 60px; margin: 0; padding: 18px 5px; border-bottom: 1px solid #e1e1e1; } ul.holiday-list li .holiday-date { font-weight: bold; } ul.holiday-list li .holiday-remove { float: right; color: #a94442; cursor: pointer; } .package-orders button { border-radius: 0; background: #93bc1e; color: #ffffff; font-size: 14px; padding: 5px; line-height: 20px; border: none; width: auto; margin: 0 auto; min-width: 150px; display: block; } .package-orders button.premium { background: #298ffe; } .package-orders button.premium:hover { background: #296FFE; } .package-orders button:first-child { margin-bottom: 15px; } .package-orders button:hover { background-color: #7fa314; border-color: #7fa314; color: #ffffff; } .package-orders dl dt { font-size: 18px; color: #333; width: 200px; margin-left: 210px; line-height: 45px; } .package-orders dl dt .package-name { cursor: pointer; } .package-orders dl dt .package-name.is--active, .package-orders dl dt .package-name.is--choosen { opacity: 1; } .package-orders #option-premium { display: none; } .package-orders #payment-summary { border: none; } .package-orders #reg-agree { display: none; } .package-orders #reg-agree + label { width: 23px; height: 23px; background: white !important; border: 1px solid #333; float: left; margin-right: 5px; margin-bottom: 0; } .package-orders #reg-agree + label + span { line-height: 23px; display: inline-block; float: left; } .choosePackage select, .choosePackage input[type=value], .choosePackage input[type=value]:focus { height: 35px; line-height: 35px; padding: 1px; width: auto; min-width: 50%; text-align: center; } .choosePackage .pay-payments div { padding: 0 5px; } .choosePackage .pay-payments button { width: 100%; } .choosePackage .pay-payments button#pay-traditional { font-size: 14px; border: 1px solid #93bc1e; background: white; color: #93ba21 !important; } .choosePackage .pay-payments button#pay-online { border: 1px solid #93bc1e; background: #93bc1e; color: white !important; font-size: 16px; } .choosePackage .pay-payments button#pay-deny { border: none; background: white; color: #93ba21 !important; text-align: left; } .choosePackage .payu-info { margin-top: 10px; padding-top: 10px; border-top: 1px solid #333; } .picture-notice { font-size: 12px !important; color: #555 !important; font-weight: 500; width: 292px; margin: 10px auto; text-align: center; } .add-school-header, .add-school, .add-item { position: relative; } .add-school-header .add-item-element, .add-school .add-item-element, .add-item .add-item-element { padding-left: 0; padding-right: 0; position: relative; } @media screen and (min-width: 992px) { .add-school-header .add-item-element, .add-school .add-item-element, .add-item .add-item-element { padding-right: 15px; } } .add-school-header .add-item-element:last-child, .add-school .add-item-element:last-child, .add-item .add-item-element:last-child { padding-right: 0; } .add-school-header .btn, .add-school .btn, .add-item .btn { position: relative; } .right-sidebar .row { margin: 0; } .right-sidebar .white-box { background: #fff; font-size: 18px; color: #454545; padding: 20px; } .right-sidebar .white-box .title { background: #fff; padding: 0; margin-bottom: 15px; } .right-sidebar .white-box .title span { color: #93bc1e; } .right-sidebar .error-box { background: #ffeeeb; color: #ff5b40; padding: 20px; border-color: #ff5b40; } .right-sidebar .error-box .title { padding: 0; background: #ffeeeb; color: #ff5b40; } .right-sidebar .green-box { background: rgba(149, 188, 35, 0.3); color: #85a81f; font-size: 14px; padding: 15px; } .right-sidebar .box { clear: both; } .right-sidebar .box .content #mainPhoto { height: 200px; width: auto; } .right-sidebar .box .content img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .right-sidebar .box .content textarea { height: 200px; resize: none; } .right-sidebar .box .content .specialization { height: 45px; padding: 5px; line-height: 25px; text-align: left; float: left; overflow: hidden; } .right-sidebar .box .content .specialization label { vertical-align: top; float: left; } .right-sidebar .box .content .specialization div { overflow: hidden; height: 25px; line-height: 25px; vertical-align: top; } .right-sidebar .box .content .container { margin: 25px 5px; width: 100%; } .right-sidebar .box .content .remove { color: red; font-size: 14px; cursor: pointer; font-weight: 300; } .right-sidebar .box .content .edit, .right-sidebar .box .content .update { font-size: 14px; cursor: pointer; font-weight: 500; } .right-sidebar .box .content .additional-photo-manage { margin-bottom: 20px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .right-sidebar .box .content .additional-photo-manage input[type=file] { display: none; } .right-sidebar .box .content .additional-photo-manage input[type=file] + label { border: 1px solid #CCC; display: inline-block; white-space: nowrap; padding: 0 15px; line-height: 35px; height: 35px; font-size: 14px; overflow: hidden; vertical-align: bottom; margin-bottom: 0; } .right-sidebar .box .content .additional-photo-manage input[type=text] { width: 48%; } .right-sidebar .box .content .additional-photos { width: 100%; margin: 0; overflow: auto; } .right-sidebar .box .content .additional-photos .photo--row { width: 100%; display: flex; margin-bottom: 5px; } .right-sidebar .box .content .additional-photos .photo--row a { width: 20%; float: left; line-height: 80px; } .right-sidebar .box .content .additional-photos .photo--row a img { height: 80px; width: 80px; display: inline-block; margin: auto; float: left; } .right-sidebar .box .content .additional-photos .photo--row .remove { width: 20%; text-align: right; line-height: 80px; margin: 0; cursor: pointer; } .right-sidebar .box .content .additional-photos .photo--row .photo-description { float: left; text-align: left; width: 60%; line-height: 80px; padding: 0 5px; } .right-sidebar .box .content .add-school-header, .right-sidebar .box .content .add-item { margin-bottom: 20px; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc; } .right-sidebar .box .content .add-school-header label, .right-sidebar .box .content .add-item label { text-align: left; font-size: 14px; } .right-sidebar .box .content .add-school-header .school .finish-editing, .right-sidebar .box .content .add-item .school .finish-editing { cursor: pointer; color: green; } .right-sidebar .box .content .add-school-header .btn, .right-sidebar .box .content .add-item .btn { display: inline-block; height: 42px; width: 42px; } .right-sidebar .box .content .add-school-header .btn i, .right-sidebar .box .content .add-item .btn i { font-size: 18px; line-height: 15px; margin: auto; display: block; color: #fff; } .right-sidebar .box .content .add-school input { width: 100%; } .right-sidebar .box .content .add-school span { word-break: break-all; width: 100%; float: left; } .right-sidebar .box .content .add-school .school span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .right-sidebar .box .input-centered { text-align: center; } .right-sidebar .box .input-centered ul { margin-bottom: 0; } @media screen and (max-width: 991px) { .right-sidebar .box .content .additional-photo-manage #background-remove-button { width: 100%; } .right-sidebar .box .content .additional-photo-manage input[type=file] { display: none; } .right-sidebar .box .content .additional-photo-manage input[type=file] + label { width: 100%; display: block; text-align: center; margin-bottom: 5px; } .right-sidebar .box .content .additional-photo-manage input[type=text] { width: 100%; display: block; margin-bottom: 5px; } .right-sidebar .box .content .additional-photos .photo--row { width: 100%; margin-bottom: 5px; padding: 10px 0; } .right-sidebar .box .content .additional-photos .photo--row a { width: 100%; float: left; line-height: initial; } .right-sidebar .box .content .additional-photos .photo--row a img { display: block; margin: auto auto 5px; } .right-sidebar .box .content .additional-photos .photo--row .photo-description { float: none; text-align: center; width: 100%; line-height: 20px; padding: 0 5px; } .right-sidebar .box .content .additional-photos .photo--row .remove { width: 100%; text-align: center; line-height: 20px; margin: 0; } .right-sidebar .box .content .add-school-header .btn, .right-sidebar .box .content .add-item .btn { width: 100%; } .right-sidebar .box .content .add-school-header .btn i, .right-sidebar .box .content .add-item .btn i { display: inline-block; } } @media screen and (max-width: 425px) { .calendar-date-container .calendar-date .calendar-date-box { width: 100%; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box { font-size: 14px; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box span { display: block; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box span:nth-child(2) { display: none; } .calendar-date-list .calendar-date-day ul.visits-list li.visit .visit-box span .visit-delete-blockade { float: none; margin-top: 5px; display: block; } } #patients-profile { min-height: 45vh; font-size: 14px; } #patients-profile .patients-table { width: 98%; margin: auto; } #patients-profile .patients-table-header { font-size: 14px; border-bottom: 1px solid #ccc; } #patients-profile .patients-table-title { padding: 8px; font-weight: 500; } #patients-profile .patients-tr { cursor: pointer; user-select: none; border-bottom: 1px solid #ccc; } #patients-profile .patients-tr:hover { background-color: #eee; } #patients-profile .patients-increment, #patients-profile .patients-firstname, #patients-profile .patients-surname, #patients-profile .patients-telephone, #patients-profile .patients-icons { padding: 12px 8px; font-weight: 600; font-size: 14px; } #patients-profile .patients-increment, #patients-profile .ptable-increment { width: 6%; font-weight: bold; } #patients-profile .patients-firstname, #patients-profile .patients-surname, #patients-profile .ptable-firstname, #patients-profile .ptable-surname { width: 30%; } #patients-profile .patients-telephone, #patients-profile .ptable-telephone { width: 18%; } #patients-profile .patients-icons, #patients-profile .ptable-icons { width: 16%; } #patients-profile .patients-icons { text-align: right; } #patients-profile .patients-count-container { margin: 0 10px 10px 10px; } #patients-profile .patients-search-div { display: flex; align-items: center; width: 50%; font-size: 14px; } #patients-profile .patients-search-div label { font-weight: 600; } #patients-profile .patients-search-div input { border: 1px solid #ccc; margin-left: 15px; padding: 20px 15px; height: 42px; font-size: 14px; } #patients-profile .patients-search-div input::placeholder { color: #999; } #patients-profile .patients-count { font-weight: bold; color: #93bc1e; font-size: 20px; position: relative; top: 1px; } #patients-profile .patients-preselected-container { display: flex; user-select: none; } #patients-profile .patients-preselected { padding: 10px 0; text-align: center; width: calc(100% / 3); background: #ffffff; border: 1px solid #ccc; font-weight: 600; cursor: pointer; transition: background 0.2s, color 0.2s; font-size: 14px; } #patients-profile .patients-preselected:hover, #patients-profile .patients-preselected.preselected-selected { background: #555; border-color: #555; color: #ffffff; } #patients-profile .patients-pages-container { width: auto; margin: 15px auto; display: flex; justify-content: center; height: 52px; } #patients-profile .patients-qualify-container { display: flex; justify-content: space-between; margin: 15px; } #patients-profile .patients-perpage-div { display: flex; align-items: center; margin-left: auto; font-size: 14px; } #patients-profile .patients-perpage-div p { margin: 0 15px; font-weight: 600; } #patients-profile .patients-perpage-div select { width: 80px; font-size: 14px; height: 42px; } #patients-profile .patients-page, #patients-profile .patients-page-skip { width: 30px; padding: 10px 0; text-align: center; cursor: pointer; font-size: 18px; user-select: none; transition: font-weight 0.2s, color 0.2s; } #patients-profile .patients-page.page-not-clickable, #patients-profile .patients-page-skip.page-not-clickable { cursor: default; } #patients-profile .patients-page:hover, #patients-profile .patients-page-skip:hover { color: #999; } #patients-profile .patients-page.patients-active-page, #patients-profile .patients-page-skip.patients-active-page { width: 40px; font-weight: bold; font-size: 24px; position: relative; top: -4px; } #patients-profile .patients-flexbreak { display: none; } #patients-profile .patients-none { text-align: center; padding-top: 25px; font-size: 18px; font-weight: 500; } #patients-profile .patients-add-patient { display: flex; margin: 25px auto 0 auto; width: 160px; height: 42px; background-color: #93bc1e; color: #ffffff; justify-content: center; align-items: center; font-weight: 600; font-size: 14px; border: 0; } #patients-profile .patients-add-patient .lnr { margin-left: 7px; } #patients-profile .patients-placeholder-inner { width: 100%; } #patients-profile .patients-placeholder-inner img { margin-top: 25px; filter: invert(58%) sepia(96%) saturate(375%) hue-rotate(34deg) brightness(97%) contrast(87%); width: 15%; } #patients-profile .patients-icon-single { display: flex; justify-content: flex-end; align-items: center; } #patients-profile .patients-icon-single span { margin-left: 5px; } #patients-profile .patients-icon-single span.lnr { font-weight: 700; } #patients-profile .patients-header { display: flex; align-items: center; } #patients-profile .patients-header .patients-add-patient { margin: 0 0 0 auto; color: #93bc1e; font-size: 25px; display: inline-block; } #patients-profile .patients-header .patients-add-patient .patients-add-text { font-size: 18px; margin-right: 5px; position: relative; top: -5px; } @media only screen and (max-width: 767px) { #patients-profile .patients-icons { position: absolute; top: 0; right: 0; } #patients-profile .patients-qualify-container { margin: 15px 0; } #patients-profile .patients-preselected-container { display: block; } #patients-profile .patients-preselected { width: 100%; margin-bottom: 10px; } #patients-profile .patients-search-div { width: calc(100% - 105px); display: block; } #patients-profile .patients-search-div label { margin-bottom: 5px; } #patients-profile .patients-search-div input { margin-left: 0; padding: 20px 10px; } #patients-profile .patients-perpage-div { width: 100px; position: relative; display: block; } #patients-profile .patients-perpage-div p { margin: 0 0 5px 0; text-align: right; } #patients-profile .patients-perpage-div select { padding: 2.5px; width: 100%; } #patients-profile .patients-flexbreak { width: 100%; height: 1px; display: block; } #patients-profile .patients-increment, #patients-profile .patients-table-header { display: none; } #patients-profile .patients-tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc; margin: 10px; position: relative; } #patients-profile .patients-tr:hover { background-color: transparent; } #patients-profile .patients-firstname, #patients-profile .patients-surname, #patients-profile .patients-telephone, #patients-profile .patients-icons { border: 0; margin-bottom: 12px; padding: 3px; } #patients-profile .patients-firstname { padding-left: 20px; } #patients-profile .patients-firstname, #patients-profile .patients-surname { width: auto; padding: 0 3px; font-weight: bold; font-size: 16px; } #patients-profile .patients-telephone { width: 75%; } #patients-profile .patients-icons { width: 25%; } } #patient-d-profile #patient-d-collapsible { display: none; } #patient-d-profile #patient-d-collapsible span { font-weight: 600; } #patient-d-profile #patient-d-toggle { font-size: 14px; font-weight: 600; cursor: pointer; user-select: none; padding-right: 15px; margin: 15px 0; } #patient-d-profile .patient-d-panel { margin-bottom: 30px; padding-bottom: 30px; } #patient-d-profile .patient-d-info { display: flex; font-size: 14px; } #patient-d-profile .patient-d-info { margin-left: 10px; } #patient-d-profile .patient-d-image img { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; } #patient-d-profile .patient-d-about { padding: 5px 0 0 25px; display: flex; justify-content: space-between; font-weight: 500; width: calc(100% - 150px); } #patient-d-profile .patient-d-about .patient-d-checkboxes { margin-right: 75px; } #patient-d-profile .patient-d-about .patient-d-checkboxes .checkbox-container, #patient-d-profile .patient-d-about .patient-d-checkboxes .checkbox-container--no-padding { padding: 0 0 5px 0; } #patient-d-profile .patient-d-about .patient-d-checkboxes .efizjo-checkbox + label { width: 14px; height: 14px; background-size: cover; position: relative; top: -1px; margin-right: 15px; } #patient-d-profile .patient-d-about .patient-d-checkboxes label { font-weight: 600; } @media only screen and (max-width: 1199px) { #patient-d-profile .patient-d-about .patient-d-checkboxes { margin-right: 25px; } } #patient-d-profile .patient-d-heading { font-weight: 700; color: #3a3a3a; font-size: 18px; } #patient-d-profile .patient-d-visits-types { font-weight: 600; color: #93bc1e; padding: 5px 0; display: flex; justify-content: space-between; line-height: 35px; } #patient-d-profile .generate-patient-pdf { color: #93bc1e; cursor: pointer; display: inline; width: auto !important; font-size: 14px; font-weight: 600; } #patient-d-profile .patient-d-line { width: 95%; margin: 15px auto; height: 1px; background-color: rgba(147, 188, 30, 0.3); } #patient-d-profile .patient-d-telephone { color: #3a3a3a; font-weight: 700; } #patient-d-profile .patient-d-type-container { display: flex; margin-top: 5px; } #patient-d-profile .patient-d-list-header { padding: 30px 0 15px 0; } #patient-d-profile .patient-d-list-header.patient-d-list-header--no-top-padding { padding-top: 0; } #patient-d-profile .patient-d-type { height: 42px; display: flex; align-items: center; justify-content: center; width: calc(100% / 3); background: #ffffff; border: 1px solid #ccc; font-weight: 600; cursor: pointer; font-size: 14px; } #patient-d-profile .patient-d-type:hover, #patient-d-profile .patient-d-type.patient-d-type-selected { background: #555; color: #ffffff; } @media only screen and (max-width: 620px) { #patient-d-profile .patient-d-type { width: 100%; margin-bottom: 10px; } #patient-d-profile .patient-d-type-container { display: block; } } #patient-d-profile .patient-d-list-container { padding-top: 30px; min-height: 300px; } #patient-d-profile .patient-d-list-header { font-weight: 600; } #patient-d-profile .patient-d-list-data { cursor: pointer; } #patient-d-profile .patient-d-list-nodata { padding: 30px; font-weight: 500; color: #a8a8a8; } #patient-d-profile .patient-d-placeholder { position: absolute; left: 50%; transform: translate(-50%, 0%); margin-top: 25px; filter: invert(58%) sepia(96%) saturate(375%) hue-rotate(34deg) brightness(97%) contrast(87%); width: 15%; } #patient-d-profile .patient-d-canceled-status { color: #FF5B40; } #patient-d-profile .patient-d-single-checkbox { display: flex; } #patient-d-profile .patient-d-checkbox-tooltip { color: #a8a8a8; user-select: none; } #patient-d-profile .patient-d-icon { color: #93bc1e; font-size: 18px; } #patient-d-profile .patient-d-icon span.lnr-clock { color: #ffb526; } #patient-d-profile .patient-d-icon span.lnr-cross-circle { color: #FF5B40; } #patient-d-profile .patient-d-mobile-back { display: table; vertical-align: center; color: #337ab7; font-size: 16px; line-height: 1; } #patient-d-profile .patient-d-mobile-back .patient-d-back-fix { position: relative; top: 4px; } #patient-d-profile .patient-d-mobile-back .lnr { display: table-cell; padding-right: 5px; height: 20px; vertical-align: middle; } #patient-d-profile .patient-d-header { display: flex; justify-content: space-between; } #patient-d-profile .patient-d-header .patients-add-text { margin-right: 5px; font-size: 14px; position: relative; top: -2px; color: #93bc1e; } #patient-d-profile .patient-d-header p { margin: 0; } #patient-d-profile .patient-d-header .lnr { font-size: 14px; color: #93bc1e; display: inline-block; } @media only screen and (min-width: 768px) { #patient-d-profile .patient-d-mobile-back { display: none; } } #patient-d-profile .checkBox-checkbox { width: 25px; height: 25px; margin: 0 5px; } #patient-d-profile .checkBox-single { width: 20px; height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; cursor: pointer; position: relative; } #patient-d-profile .checkBox-single svg { position: absolute; top: 0; left: 0; stroke: #93BC1E; stroke-width: 3px; display: none; } @media only screen and (max-width: 767px) { #patient-d-profile .patient-d-list-header { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { #patient-d-profile { margin-top: 25px; } #patient-d-profile .patient-d-info { display: block; } #patient-d-profile .patient-d-heading { width: calc(100% - 75px); } #patient-d-profile .patients-add-patient { width: 65px; text-align: center; } #patient-d-profile .patients-add-text span { display: none; } #patient-d-profile .patient-d-image { width: 100%; display: flex; justify-content: center; } #patient-d-profile .patient-d-image img { width: 150px; height: 150px; border-radius: 50%; } #patient-d-profile .patient-d-about { display: block; margin-top: 10px; padding: 0; width: 100%; } #patient-d-profile .patient-d-about .patient-d-checkboxes { margin-top: 25px; } .right-sidebar { padding: 0; } } #patient-edit-form .patients-header { display: flex; align-items: center; } #patient-edit-form .patients-header .patients-add-patient { margin: 0 0 0 auto; color: #93bc1e; font-size: 25px; display: inline-block; cursor: pointer; } #patient-edit-form .patients-header .patients-add-patient .patients-add-text.patients-remove { font-size: 18px; margin-right: 5px; position: relative; top: -5px; color: #a94442; } #patient-edit-form .patients-header .patients-add-patient .lnr-cross-circle { color: #a94442; } @media only screen and (max-width: 767px) { #patient-edit-form .patients-header { display: block; } } #patient-edit-form .add-patient-form-hint { font-size: 14px; font-weight: 600; color: #888; margin: 5px 0; } #patient-edit-form .edit-form-cancel-changes { color: #93bc1e; background: transparent; padding: 3px 10px; border: 1px solid rgba(147, 188, 30, 0.3); margin-top: 10px; transition: color 0.2s, background 0.2s; } #patient-edit-form .edit-form-cancel-changes:hover { color: #ffffff; background-color: #93bc1e; } #patient-edit-form .add-patient-form-input { height: 42px; border: 1px solid #ccc; padding: 11px 0 11px 15px; margin-bottom: 10px; } #patient-edit-form .form-input-textarea { height: 100px !important; } #patient-edit-form .add-patient-form-submit { border: 2px solid rgba(147, 188, 30, 0.3); color: #93bc1e; background-color: #fff; padding: 10px 20px; transition: color 0.2s, background 0.2s, border 0.2s; } #patient-edit-form .add-patient-form-submit:hover { background: #93bc1e; border-color: #93bc1e; color: #fff; } #patient-edit-form ul { margin: 0; } #patient-edit-form ul li { color: #FF5B40; width: 100%; border: none; text-align: left; cursor: default; line-height: initial; } #patient-edit-form ul li:hover { background: #fff; } #patient-file-container { font-size: 14px; } #patient-file-container .patient-files-hint { margin-bottom: 5px; display: block; color: #999; font-size: 12px; } #patient-file-container input[type=file] { display: none; } #patient-file-container .files-patient { font-weight: 600; margin-bottom: 15px; } #patient-file-container .patient-file-form { display: flex; } #patient-file-container .patient-file-form .patient-file-attach { height: 42px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; width: 130px; margin-right: 10px; font-weight: 600; text-transform: uppercase; cursor: pointer; font-size: 14px; } #patient-file-container .patient-file-name { font-size: 14px; height: 42px; padding-left: 10px; width: calc(100% - 235px); } #patient-file-container .files { margin-top: 15px; font-weight: 600; } #patient-file-container .patient-file-submit { width: 85px; background: #93bc1e; color: #ffffff; font-weight: 600; font-size: 14px; height: 42px; margin-left: 10px; } #patient-file-container .file-tile-container { display: flex; flex-wrap: wrap; margin-top: 25px; } #patient-file-container .file-tile { width: 25%; margin-bottom: 25px; } #patient-file-container .file-tile .file-delete { display: flex; justify-content: center; color: #a94442; font-weight: 600; } #patient-file-container .file-tile .file-delete span { cursor: pointer; } #patient-file-container .file-tile .file-img-title { text-align: center; margin-top: 5px; font-weight: 500; } #patient-file-container .file-tile .file-img-container { position: relative; width: 150px; height: 150px; margin: 0 auto; background: url("https://efizjoterapia.pl/bundles/mainfizjo/images/file-icon.png") no-repeat center center; background-size: contain; } #patient-file-container .file-tile .file-img-container .file-img-fancy { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } #patient-file-container .file-tile .file-img-container img { width: 100%; height: 100%; object-fit: cover; } #patient-file-container .file-tile .file-img-container .file-file { width: 100%; height: 100%; display: block; } #patient-file-container .file-tile .file-img-container .file-file span { color: #ffffff; font-size: 16px; font-weight: 500; text-align: center; padding: 10px; } @media only screen and (max-width: 1199px) { #patient-file-container .file-tile { width: 33%; } } @media only screen and (max-width: 768px) { #patient-file-container .file-tile .file-img-container { width: 122px; height: 122px; } } @media only screen and (max-width: 468px) { #patient-file-container .file-tile { width: 50%; } } @media only screen and (max-width: 767px) { #patient-file-container .patient-file-form { flex-wrap: wrap; } #patient-file-container .flex-break { width: 100%; height: 10px; } #patient-file-container .patient-file-name { width: calc(100% - 95px); } } #chart-container-main { overflow: auto; } #chart-container-main .chart-label { text-align: center; margin: 0; font-size: 18px; font-weight: 700; color: #3a3a3a; } @media only screen and (max-width: 768px) { #chart-container-main .chart-container-scroll { padding: 0 20px 0 0; width: 700px; } } #background-remove-button { padding: 0 15px; } .attach-photo { margin: auto !important; } #edit-page .box { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } #edit-page .edit-type-basic { display: block; } #edit-page .content { padding-bottom: 25px; } #edit-page .title { padding-bottom: 10px; } #edit-page .edit-topbar { display: flex; width: 100%; background-color: #fff; height: 42px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); margin-bottom: 15px; } #edit-page .edit-link { width: 20%; height: 100%; cursor: pointer; display: flex; justify-content: center; align-items: center; font-weight: 600; } #edit-page .edit-link:hover, #edit-page .edit-link.edit-link-selected { color: #fff; background-color: #93bc1e; } #edit-page .edit-link p { margin: 0; } #edit-page .edit-link img { display: none; } #edit-page .edit-photo-container { width: 100%; display: flex; justify-content: center; } #edit-page .edit-photo-container > div { width: 50%; } #edit-page .edit-photo-container.edit-photo-container-patient > div { width: 100%; } #edit-page .edit-label { font-weight: 600; margin-bottom: 15px; font-size: 14px; } #edit-page .edit-photo-actions { display: flex; width: 100%; justify-content: center; } #edit-page .edit-photo-actions input { display: none; } #edit-page .edit-photo-actions .edit-add-photo { width: 156px; background-color: #93bc1e; color: #fff; } #edit-page .edit-btn { font-weight: 600 !important; font-size: 14px; display: flex; justify-content: center; align-items: center; height: 42px; cursor: pointer; } #edit-page .edit-delete-photo { width: 126px; border: 1px solid #ccc; height: 42px; cursor: pointer; display: flex; justify-content: center; align-items: center; margin-left: 10px; } #edit-page .edit-input { height: 42px; padding: 0 15px; width: 100%; font-size: 14px; } #edit-page .edit-input::placeholder { color: #ccc; } #edit-page .edit-profession-number-hint { margin: 10px 0 0 0; color: #333; font-size: 12px; font-weight: 500; } #edit-page .verified-badge { display: none; } #edit-page .edit-verified input { border: 1px solid #93bc1e !important; } #edit-page .edit-verified .title { display: flex; justify-content: space-between; align-items: center; } #edit-page .edit-verified .verified-badge { display: flex; } #edit-page .edit-flex { display: flex; justify-content: space-between; } #edit-page .edit-flex > div { width: 49%; } #edit-page .edit-flex-city { display: flex; justify-content: space-between; } #edit-page .edit-flex-city div:first-child { width: 29%; } #edit-page .edit-flex-city div:last-child { width: 69%; } #edit-page .edit-flex-street { display: flex; justify-content: space-between; } #edit-page .edit-flex-street > div { width: 24%; } #edit-page .edit-flex-street div:first-child { width: 49%; } #edit-page .specialization { display: flex; } #edit-page .specialization input { width: 15px; height: 15px; margin-right: 15px; } #edit-page .edit-spec { font-weight: 600; font-size: 14px; } #edit-page .edit-specs-container { padding-left: 35px; } #edit-page .edit-textarea { padding-top: 15px !important; height: 125px !important; } #edit-page .edit-school-container, #edit-page .edit-school-row { display: flex; justify-content: space-between; } #edit-page .edit-school-row { align-items: center; } #edit-page .edit-school-name { width: 49%; padding: 0; margin-right: 1%; } #edit-page .edit-school-rest { width: 16%; padding: 0; margin-right: 1%; } #edit-page .edit-school-rest .edit-btn { background-color: #93bc1e; color: #fff; } #edit-page .edit-school-row { font-weight: 600; font-size: 14px !important; margin-bottom: 10px; } #edit-page .edit-school-actions { text-align: right; font-weight: 600 !important; } #edit-page .remove { font-weight: 600 !important; color: #FF5B40; } #edit-page .update { font-weight: 600 !important; color: #93bc1e; } #edit-page .edit-flex-additional { display: flex; justify-content: space-between; } #edit-page .edit-flex-additional .edit-additional-photo-add { width: 29%; } #edit-page .edit-flex-additional .edit-additional-photo-save { width: 16%; margin: 0 !important; background-color: #93bc1e; color: #fff; } #edit-page .edit-flex-additional .edit-additional-photo-desc { width: 52%; } #edit-page .edit-additional-photo-row { display: flex; margin-bottom: 25px; align-items: center; } #edit-page .edit-additional-photo-row .foto-box { width: 180px; height: 120px; } #edit-page .edit-additional-photo-row .foto-box a, #edit-page .edit-additional-photo-row .foto-box img { margin: 0 auto; width: 120px; height: 100%; } #edit-page .edit-additional-photo-row .foto-box img { object-fit: contain; } #edit-page .edit-additional-photo-row .edit-label { margin: 0; width: calc(90% - 180px); } #edit-page .edit-additional-photo-row .remove { width: 10%; text-align: right; margin-right: 1%; } #edit-page .edit-services-flex { display: flex; } #edit-page .edit-services-flex > div { width: calc(100% / 3); } #edit-page .edit-services-title { font-weight: 700; font-size: 18px; line-height: 35px; } #edit-page .edit-service-single { display: flex; align-items: center; margin: 25px 0; } #edit-page .edit-service-single label { display: none; } #edit-page .edit-service-single input { display: block; width: 15px; height: 15px; margin: 0 15px 0 0; } #edit-page .edit-service-single .edit-service-label { margin: 0; font-weight: 600; font-size: 14px; } #edit-page .edit-pdwzf-short { display: none; } #edit-page .edit-specialists-row { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; } #edit-page .edit-specialists-row .added-specialists-actions { width: 100px; } #edit-page .edit-specialists-row .edit-specialist-info { width: calc(100% - 100px); display: flex; align-items: center; } #edit-page .edit-specialists-row .assignment__element__image { width: 120px; height: 120px; } #edit-page .edit-specialists-row .assignment__element__image img { width: 100%; margin: 0; } #edit-page .edit-specialists-row .assignment__element__info__name { padding-left: 15px; color: #93bc1e; font-weight: 600; font-size: 14px; } #edit-page .edit-specialists-row .remove-specialist { font-weight: 700; border: 1px solid #ccc; color: #555; padding: 10px 20px; font-size: 14px; } #edit-page .social-overflow { overflow: initial; } #edit-page .social-flex { display: flex; justify-content: space-between; } #edit-page .social-flex > div { width: 40%; } #edit-page .social-flex .edit-social-add-container { width: 18%; } #edit-page .edit-social-wrapper { position: relative; height: 42px; } #edit-page .edit-social-add-submit { background-color: #93bc1e; color: #fff; } #edit-page .edit-social-container { position: absolute; width: 100%; height: 42px; border-style: solid; border-width: 1px 1px 0 1px; border-color: #ccc; display: flex; flex-wrap: wrap; overflow: hidden; } #edit-page .edit-social-container.edit-social-container-expanded { height: auto; } #edit-page .social-img { width: 20px; height: 20px; margin: 0 10px 0 0 !important; display: inline-block; } #edit-page .edit-social { width: 100%; height: 41px; border-bottom: 1px solid #ccc; display: flex; align-items: center; padding: 0 15px; background-color: #fff; cursor: pointer; order: 2; z-index: 3; font-size: 14px; } #edit-page .edit-social:hover { background-color: #93bc1e; color: #fff; } #edit-page .edit-social.edit-social-selected { order: 1; } #edit-page .edit-social.edit-social-selected::after { content: ""; width: 42px; height: 42px; background-image: url("../svg/ui/arrow-down-black.svg"); background-repeat: no-repeat; background-position: center; position: absolute; z-index: 999; right: 0; } #edit-page .edit-social-pages { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; } #edit-page .social-list-row { margin-bottom: 15px; font-weight: 600; font-size: 14px; line-break: anywhere; padding-bottom: 15px; border-bottom: 1px solid #ccc; } #edit-page .social-list-row .remove { text-align: right; } .social-list-type-facebook { color: #1877F2; } .social-list-type-instagram { color: #F6326C; } .social-list-type-twitter { color: #1DA1F2; } .social-list-type-pinterest { color: #CC1F24; } .social-list-type-linkedin { color: #2867B2; } .social-list-type-youtube { color: #FF0000; } .social-list-type-whatsapp { color: #4ECB5C; } .social-list-type-messenger { color: #C03DD4; } .social-list-type-skype { color: #0078D7; } @media only screen and (max-width: 767px) { #edit-page .edit-topbar { height: 62px; margin-top: 25px; } #edit-page .edit-link > div { display: flex; justify-content: center; flex-wrap: wrap; } #edit-page .edit-link p { display: none; width: 80%; text-align: center; } #edit-page .edit-link .edit-link-img-green { display: block; width: 26px; } #edit-page .edit-link.edit-link-selected p { display: block; font-size: 8px; } #edit-page .edit-link.edit-link-selected .edit-link-img-white { display: block; width: 26px; margin-bottom: 5px; } #edit-page .edit-link.edit-link-selected .edit-link-img-green { display: none; } #edit-page .edit-photo-container { flex-wrap: wrap; } #edit-page .edit-photo-container > div { width: 100%; } #edit-page .edit-pdwzf-short { display: block; } #edit-page .edit-pdwzf-long { display: none; } #edit-page .edit-flex, #edit-page .edit-flex-street, #edit-page .edit-flex-city, #edit-page .edit-services-flex { flex-wrap: wrap; } #edit-page .edit-flex > div, #edit-page .edit-flex-street > div, #edit-page .edit-flex-city > div, #edit-page .edit-services-flex > div { width: 100% !important; } #edit-page .edit-input { margin-bottom: 15px !important; } #edit-page .form-group { margin-bottom: 0 !important; } #edit-page .edit-school-container { flex-wrap: wrap; } #edit-page .edit-school-container .edit-school-name { width: 100%; margin: 0; } #edit-page .edit-school-container .edit-school-rest { width: 49%; margin: 0; } #edit-page .edit-school-container .edit-input { margin-bottom: 25px !important; } #edit-page .school__button-container { margin: 0 auto !important; } #edit-page .school__button-container .form-label { display: none; } #edit-page .edit-school-row { flex-wrap: wrap; padding: 15px 0 25px 0; position: relative; justify-content: flex-start; border-bottom: 1px solid #ccc; } #edit-page .edit-school-row .edit-school-name { width: 75%; margin-bottom: 25px; } #edit-page .edit-school-row .edit-school-rest { width: 50%; margin: 0; padding-right: 15px; } #edit-page .edit-school-row .remove, #edit-page .edit-school-row .update { position: absolute; top: 15px; right: 0; } #edit-page .edit-flex-additional { flex-wrap: wrap; } #edit-page .edit-flex-additional .edit-additional-photo-add { width: 100%; margin-bottom: 15px; } #edit-page .edit-flex-additional .edit-additional-photo-desc { width: 70%; } #edit-page .edit-flex-additional .edit-additional-photo-save { width: 25%; margin-left: 5% !important; } #edit-page .additional-photos { display: flex; flex-wrap: wrap; } #edit-page .additional-photos .edit-additional-photo-row { width: 50%; flex-direction: column; align-items: center; } #edit-page .additional-photos .edit-additional-photo-row .foto-box { width: 120px; } #edit-page .additional-photos .edit-additional-photo-row .edit-label { width: 100%; text-align: center; } #edit-page .additional-photos .edit-additional-photo-row .remove { width: auto; margin: 0; } #edit-page .edit-specialists-row { display: block; } #edit-page .edit-specialists-row .edit-specialist-info { width: 100%; flex-direction: column; } #edit-page .edit-specialists-row .assignment__element__info__name { margin-top: 10px; padding: 0; } #edit-page .edit-specialists-row .added-specialists-actions { display: flex; justify-content: center; margin-top: 25px !important; width: 100%; } #edit-page .social-flex { flex-wrap: wrap; justify-content: center; } #edit-page .social-flex > div { width: 100%; margin-bottom: 15px; } #edit-page .social-flex .edit-social-add-container { margin: 0; width: 120px; } #edit-page .social-flex .edit-social-add-container .edit-label { display: none; } #edit-page .social-list-row { position: relative; padding: 0; } #edit-page .social-list-row .remove { position: absolute; top: 0; right: 0; } } #fos_user_change_password_form, #fizjo_changeEmailUser { padding-top: 10px; } #fos_user_change_password_form label, #fizjo_changeEmailUser label { font-weight: 600; margin-bottom: 10px; } #fos_user_change_password_form input, #fizjo_changeEmailUser input { width: 100%; height: 42px; padding: 15px; margin-bottom: 20px; } .patient-vlist-nav { display: flex; padding: 0; } .patient-vlist-nav-item { list-style: none; width: calc(100% / 3); font-weight: 600; font-size: 14px; border: 1px solid #ccc; height: 42px; display: flex; justify-content: center; cursor: pointer; align-items: center; } .patient-vlist-nav-item.active { background-color: #555; color: #fff; border: 0; } .patient-vlist-single { padding-top: 10px; } .patient-vlist-row { display: flex; text-align: left; font-size: 14px; padding: 15px; font-weight: 500; border-bottom: 1px solid #ccc; align-items: center; } .patient-vlist-row.visit { font-weight: 600; } .patient-vlist-1, .patient-vlist-2, .patient-vlist-3, .patient-vlist-4, .patient-vlist-5, .patient-vlist-6, .patient-vlist-7 { margin: 0; } .patient-vlist-1 { width: 15%; } .patient-vlist-2 { width: 9%; display: flex; align-items: center; } .patient-vlist-3 { width: 25%; } .patient-vlist-4 { width: 23%; display: flex; align-items: center; flex-wrap: wrap; } .patient-vlist-4 a { color: #93bc1e; } .patient-vlist-4 img { width: 25px; border-radius: 50%; margin: 0 5px 0 0 !important; } .patient-vlist-6 { width: 18%; } .patient-vlist-5 { width: 23%; } .patient-vlist-7 { width: 10%; display: flex; justify-content: flex-end; } .cancel-visit { color: #FF5B40; cursor: pointer; } .cancel-visit img { margin: 0 5px 0 0 !important; align-items: center; width: 16px !important; height: 16px !important; } .patient-vlist-title { text-align: left; font-weight: 600; margin: 20px 0 0 0; } .patient-vlist-mobile { display: none; } .patient-vlist-status { display: flex; width: 10px; height: 10px; background-color: #999; border-radius: 50%; cursor: pointer; position: relative; text-align: center; justify-content: center; } .patient-vlist-status.patient-vlist-status-reserved { background-color: #bbb; } .patient-vlist-status.patient-vlist-status-done, .patient-vlist-status.patient-vlist-status-confirmedByPatient { background-color: #93bc1e; } .patient-vlist-status.patient-vlist-status-canceled, .patient-vlist-status.patient-vlist-status-moved, .patient-vlist-status.patient-vlist-status-canceledByPatient { background-color: #8a6d3b; } .patient-vlist-status.patient-vlist-status-undone { background-color: #FF5B40; } .patient-vlist-status:hover .patient-vlist-status-text { display: block; } .patient-vlist-status-text { display: none; position: absolute; top: -30px; text-transform: uppercase; font-weight: 700 !important; font-size: 12px; padding: 2px 15px; white-space: nowrap; } @media only screen and (max-width: 767px) { .patient-vlist-status { background-color: transparent !important; display: block; } .patient-vlist-status-text { top: 0; display: block; white-space: unset; line-height: 1; } .patient-vlist-mobile { display: block; font-weight: 500; margin-bottom: 10px; width: 100%; } .patient-vlist-row { align-items: flex-start; flex-wrap: wrap; padding: 15px 0 0 0; } .patient-vlist-row.title-row { display: none; } .patient-vlist-1, .patient-vlist-2, .patient-vlist-3, .patient-vlist-4, .patient-vlist-5, .patient-vlist-6 { width: 50%; margin-bottom: 25px; } .patient-vlist-2 { display: block; } .patient-vlist-7 { width: 100%; justify-content: center; margin: 10px 0; align-items: center; } } .changeEmailOld { font-size: 14px; margin-bottom: 25px; } .changeEmailOld span { font-weight: 600; } .changePasswordForm .efizjo-form-errors { position: absolute; top: 78px; font-size: 12px; list-style: none; color: #FF5B40; padding: 0; font-weight: 600 !important; } .changePasswordForm #fos_user_change_password_form_plainPassword, .changePasswordForm #fizjo_changeEmailUser_email { display: flex; justify-content: space-between; } .changePasswordForm #fos_user_change_password_form_plainPassword > div, .changePasswordForm #fizjo_changeEmailUser_email > div { width: 49%; } .changePasswordForm > div { position: relative; width: 100%; margin-bottom: 25px; } .changePasswordForm > div #fos_user_change_password_form_current_password { width: 49%; } .changePasswordForm > div input { width: 100%; height: 42px !important; margin-top: 35px; } .changePasswordForm > div label { position: absolute; font-size: 14px; font-weight: 600 !important; } .changePasswordForm button { font-weight: 500; } @media only screen and (max-width: 767px) { .changePasswordForm #fos_user_change_password_form_plainPassword, .changePasswordForm #fizjo_changeEmailUser_email { display: block; } .changePasswordForm #fos_user_change_password_form_plainPassword > div, .changePasswordForm #fizjo_changeEmailUser_email > div { width: 100%; } .changePasswordForm > div { margin: 0; } .changePasswordForm > div input { margin-bottom: 25px; } .changePasswordForm > div #fos_user_change_password_form_current_password { width: 100%; } } #fizjo_changeEmailUser_save { float: right; font-weight: 500; } .package-name { background-color: #F5F9E9; font-size: 18px; color: #656565; width: 100%; max-width: 100%; padding: 15px; float: left; text-align: center; line-height: 30px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); display: block !important; font-weight: 600; margin-bottom: 15px; } .package-name .package { font-size: 40px; color: #93bc1e; margin-top: 10px; } .package-name .package .next-visit { font-size: 18px; line-height: 20px; margin: 15px auto 0 auto; font-weight: 500; width: 80%; } .package-name .package .next-visit .next-visit-phone { display: block; margin-top: 15px; color: #93bc1e; font-weight: 600; } .package-name .package .next-visit img { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; display: block; margin: 0 auto 15px auto; } .package-name .package .next-visit a { color: black; } .package-name .package .next-visit .next-visit-cancel { display: block; margin: 15px auto; border: 0; background: transparent; font-weight: 600; font-size: 14px; color: #FF5B40; } .package-name.visit-name .package { font-size: 24px; } .package-name.premium { border-color: #298ffe; background-color: #298ffe; color: white; } .package-name.premium .package { font-size: 40px; color: white; } .package-name.premium { border-color: #93bd1e; background-color: #93bd1e; color: white; } .package-name.premium .package { font-size: 40px; color: white; } .package-name #stars img { display: inline-block; margin-bottom: 0; } @media only screen and (max-width: 767px) { .left-sidebar { padding: 0 !important; } .package-name { margin: 30px 0 0 0; } .package-name .package .next-visit { width: 100%; } } .right-sidebar .package-name, .right-sidebar .choosePackage .package-name { padding: 5px; } .right-sidebar .package-name .package { font-size: 25px; } .package-details ul { padding-left: 2px; list-style-type: none; text-align: left; } .package-details ul li { line-height: 33px; } .package-details ul li span { font-weight: 700; } .packages .package-container { display: block; margin-top: 20px; } .packages .deactivate-container { font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; margin-top: 10px; } .packages .deactivate-container .btn-efizjo-secondary { padding: 5px 25px; font-weight: 600; text-transform: uppercase; } .packages .package { height: 98px; width: 100%; background: #ccc url("./images/star.png") no-repeat no-repeat; background-position-x: 30%; background-size: 200px; background-position-y: 50%; display: flex; justify-content: space-between; align-items: center; } .packages .package:nth-child(2) { margin-top: 24px; } .packages .package.active { background-color: #FFC539; } .packages .package .package__title { color: white; font-weight: 500; } .packages .package .package__title--name { font-size: 30px; line-height: 30px; } .packages .package .package--active { text-transform: uppercase; } .packages .package .package--active a { font-weight: 600; } .packages .package .package--active .package--active__status:before { content: ""; background-image: url("../images/check-icon-package.png"); height: 16px; width: 16px; background-size: 16px; background-repeat: no-repeat; display: inline-block; position: relative; top: 6px; right: 2px; } .packages .package .package--inactive .btn { text-transform: uppercase; font-weight: 600; } .packages .package .package__details { color: white; display: flex; flex-direction: column; align-items: flex-end; font-weight: 500; } .packages .package .package--expiry { font-size: 12px; display: flex; } .packages .package .package--expiry .package--status { margin-right: 5px; } @media screen and (min-width: 1200px) { .packages .package { width: calc(50% - 10px); } .packages .package:nth-child(2) { margin-top: 0; } .packages .deactivate-container { width: calc(50% - 10px); } .packages .package-container { display: flex; justify-content: space-between; } .packages .package-container.flex-column { flex-direction: column; } } #ef-modal-confirmActivationPackage { font-weight: 500; } .confirm__activation__price-info--promo strong { font-size: 20px; color: #FF5B40; } .confirm__activation__price-info--promo s { font-weight: bold; color: #B0B0B0; } .payments__finances__subtitle { font-weight: 500; font-size: 14px; } .payments__finances__button { margin-top: 12px; } .err-no { font-size: 19em; line-height: 190px; text-align: right; display: block; } .info { font-size: 24px; font-weight: 300; text-align: center; } .with-link { display: block; margin: 45px auto 50px; width: 250px; } .move-to-homepage, .move-to-homepage:hover, .move-to-homepage:focus, .move-to-homepage:active, .move-to-homepage:visited { padding: 5px 15px; color: white; background: #93bc1e; text-decoration: none; font-size: 1em; display: block; text-align: center; } #new--password { text-align: left; padding: 15px 15px 50px; float: left; width: 100%; margin-bottom: 25px; } #new--password p { color: #d9534f; } #new--password form input[type=submit] { background: #93bc1e; border-color: #93bc1e; color: white; padding: 5px 15px; width: 130px; } .is--single-page .box { text-align: justify; line-height: 25px; font-size: 18px; } .is--single-page .box h4, .is--single-page .box h2 { text-align: center; margin-top: 15px; margin-bottom: 10px; } .is--single-page .box h4 { font-weight: 700; } .is--single-page .box ol { font-weight: 300; } .is--single-page .box ol li { margin-bottom: 5px; } .is--single-page .box ol li ol li ol { list-style-type: lower-alpha; } .is--single-page .box ol li ol li::before { content: ''; margin-left: initial; padding-right: initial; } .is--single-page .box ol li::before { content: '\00A7'; margin-left: -40px; padding-right: 25px; } .is--single-page .box p { font-weight: 300; } @media screen and (max-width: 768px) { #new--password div { float: left; width: 100%; } .register-input { float: left; } .register-button { float: left; } .resetting-button { width: 100%; margin-top: 10px; } .box .content .resetting-button input { border: none; } .is--single-page .box { font-size: 16px; } .is--single-page .box h4, .is--single-page .box h2 { text-align: center; margin-top: 10px; margin-bottom: 10px; } .is--single-page .box h4 { font-weight: 400; font-size: 2.4rem; } .is--single-page .box ol { font-weight: 300; margin-right: 10px; } .is--single-page .box ol li { margin-bottom: 5px; } .is--single-page .box ol li ol { padding-left: 9px; } .is--single-page .box ol li ol li ol { list-style-type: lower-alpha; padding-left: 0; } .is--single-page .box ol li ol li::before { content: ''; margin-left: initial; padding-right: initial; } .is--single-page .box ol li::before { content: '\00A7'; margin-left: -30px; padding-right: 20px; } .is--single-page .box p { font-weight: 300; margin: 0 10px; } } @media screen and (min-width: 1024px) { .is--single-page .jumbotron { padding: 102px 60px; } } @media screen and (max-width: 768px) { .resetting-button { margin-top: 5px; float: left; width: 100%; } #new--password form input[type=submit] { width: 100%; } .reset-password-container { padding: 0; } .fos_user_resetting_reset .col-sm-12 { padding: 0; } } .is--visit-details-page { background-color: #F1F1F1; } .is--note-details-page { background-image: url("../images/note-details-page-bg.jpg"); background-repeat: no-repeat; background-position: top center; } .visit-details-page { width: 600px; background-color: #fff; margin: 50px auto; box-shadow: 0 0 10px #ccc; min-height: 500px; padding: 15px; } .visit-details-page .vdp-flex { width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; } .visit-details-page .vdp-header { font-weight: 700; font-size: 19px; } .visit-details-page .vdp-half { width: 50%; margin-bottom: 20px; } .visit-details-page .vdp-padding-left { padding: 5px 0 0 15px; width: calc(100% - 80px); } .visit-details-page .vdp-padding-left p { font-size: 16px; margin-bottom: 0; font-weight: 600; } .visit-details-page .vdp-icon { width: 80px; } .visit-details-page .vdp-action-container { width: 80%; margin: 0 auto; } .visit-details-page .vdp-notice { text-align: center; color: #777; font-weight: 500; font-size: 15px; } .visit-details-page .vdp-actions { justify-content: space-evenly; margin-top: 50px; align-items: center; } .visit-details-page .vdp-confirm { height: 42px; font-size: 18px; background-color: #93bc1e; color: #fff; padding: 0 15px; font-weight: 500; border: 1px solid #93bc1e; } .visit-details-page .vdp-confirm:hover { background-color: #fff; color: #93bc1e; } .visit-details-page .vdp-cancel { border: 1px solid #ccc; background: transparent; padding: 5px; } .visit-details-page .vdp-cancel:hover { color: #fff; background-color: #ccc; } .visit-details-page .vdp-cancel.vdp-is-disabled { background-color: #eee; color: #ccc; } .visit-details-page .vdp-status { display: flex; justify-content: center; margin-top: 25px; } .visit-details-page .vdp-status p { font-size: 16px; } @media only screen and (max-width: 767px) { .visit-details-page { width: 100%; margin: 0; } .visit-details-page .vdp-half { width: 100%; } .visit-details-page .vdp-action-container { width: 90%; } .visit-details-page .vdp-actions { margin-top: 25px; flex-direction: column-reverse; } .visit-details-page .vdp-actions button { margin-bottom: 15px; } } .note-details-page { width: 600px; background: transparent; margin: 50px auto; min-height: 500px; padding: 0; } .note-details-page .ndp-add { text-align: center; margin-bottom: 50px; font-size: 36px; font-weight: 600; } .note-details-page .ndp-spec-container { width: 100%; display: flex; justify-content: center; } .note-details-page .ndp-spec-name-container { position: relative; } .note-details-page .ndp-bg { width: 100%; height: 100%; position: absolute; top: 20px; left: -20px; background-image: url("../images/note-details-spec-bg.jpg"); background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: -1; } .note-details-page .ndp-spec { width: 400px; min-height: 300px; position: relative; } .note-details-page .ndp-image { width: 250px; height: 250px; margin: 0 auto 10px auto; } .note-details-page .ndp-image img { width: 100%; height: 100%; border-radius: 50%; } .note-details-page .ndp-spec-name { font-weight: 700; font-size: 18px; text-align: center; } .note-details-page .verified-badge { position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0); } .note-details-page .ndp-flex { width: 95%; margin: 75px auto; display: flex; } .note-details-page .ndp-tile { width: calc(50% - 15px); min-height: 135px; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); background-color: #fff; padding: 30px; } .note-details-page .ndp-tile > p { margin: 0; } .note-details-page .ndp-left-tile { margin-right: 30px; } .note-details-page .ndp-tile-header { display: flex; align-items: center; margin-bottom: 15px; } .note-details-page .ndp-tile-header img { margin-right: 10px; width: 16px; height: 16px; } .note-details-page .ndp-tile-header p { font-size: 16px; font-weight: 600; margin: 0; } .note-details-page .ndp-rate { font-weight: 600; font-size: 30px; text-align: center; margin-bottom: 30px; } .note-details-page .ndp-action-container { display: flex; justify-content: center; margin-bottom: 50px; } .note-details-page .ndp-action { width: 65px; margin: 0 20px; text-align: center; cursor: pointer; } .note-details-page .ndp-action p { margin: 0; } .note-details-page .ndp-action:hover .face-positive, .note-details-page .ndp-action.face-selected .face-positive { background-image: url("../images/emoticons/positive-color-medium.jpg"); } .note-details-page .ndp-action:hover .face-neutral, .note-details-page .ndp-action.face-selected .face-neutral { background-image: url("../images/emoticons/neutral-color-medium.jpg"); } .note-details-page .ndp-action:hover .face-negative, .note-details-page .ndp-action.face-selected .face-negative { background-image: url("../images/emoticons/negative-color-medium.jpg"); } .note-details-page .ndp-action-face { width: 65px; height: 65px; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-bottom: 10px; } .note-details-page .face-positive { background-image: url("../images/emoticons/positive-gray-medium.jpg"); } .note-details-page .face-neutral { background-image: url("../images/emoticons/neutral-gray-medium.jpg"); } .note-details-page .face-negative { background-image: url("../images/emoticons/negative-gray-medium.jpg"); } .note-details-page label { margin-bottom: 10px; } .note-details-page textarea { width: 100%; border: 1px solid #ccc; resize: none; padding: 12px; height: 125px; margin-bottom: 30px; } .note-details-page textarea::placeholder { color: #ccc; } .note-details-page .ndp-confirm { display: flex; justify-content: center; height: 100px; } .note-details-page .ndp-send { height: 42px; margin: 0 auto; width: 122px; font-weight: 600; color: #fff; padding: 0 15px; background-color: #93bc1e; border: 1px solid #93bc1e; } .note-details-page .ndp-send:hover { background-color: #fff; color: #93bc1e; } .note-details-page .ndp-thanks img { display: block; margin: 100px auto 50px auto; max-width: 100%; } .note-details-page .ndp-thanks p { font-size: 36px; font-weight: 600; text-align: center; margin-bottom: 50px; } .note-details-page .ndp-thanks a { height: 42px; background-color: #93bc1e; width: 190px; display: flex; justify-content: center; align-items: center; font-weight: 600; color: #fff; margin: 0 auto 100px auto; } @media only screen and (max-width: 767px) { .note-details-page { width: calc(100% - 20px); } .note-details-page .ndp-flex { flex-wrap: wrap; margin-bottom: 25px; } .note-details-page .ndp-tile { width: 100%; margin: 0 0 25px 0; } } .register-visit div { color: #454545; } .register-visit .with-title { margin-bottom: 10px; } .register-visit .title { font-size: 18px; text-align: left; font-weight: 700; } .register-visit .visit-calendar { float: left; width: 15%; } .register-visit .visit-calendar i { color: grey; font-size: 2.5rem; line-height: 30px; } .register-visit .visit-hour-date { float: right; width: 85%; } .register-visit .visit-hour { font-size: 24px; line-height: 30px; } .register-visit .visit-date { font-size: 16px; line-height: 35px; } .register-visit .visit-specialist-photo { float: left; } .register-visit .visit-specialist-photo img { width: 80px; height: 80px; margin: auto 5px auto auto; } .register-visit .visit-specialist-details { font-size: 14px; } .register-visit .visit-specialist-details .specialist-name { font-size: 24px; } .register-visit .visit-specialist-details .company-name { font-size: 16px; } .register-visit .visit-informations { font-size: 18px; font-weight: 700; margin-top: 10px; } .register-visit .visit-informations span { font-weight: 500; } .register-visit .visit-informations + div textarea { width: 100%; height: 100px; border: 1px solid #454545; color: #454545; padding: 5px; outline: none; } .register-visit .visit-informations + div textarea:focus { border: 1px solid #454545; } .register-visit input[type="submit"] { background-color: #93bd1e; border: 1px solid #454545; line-height: 20px; padding: 5px 15px; float: left; color: white !important; } .modalGeneral .modal-title { font-weight: 600; } .modalGeneral .modal-body { overflow: hidden; } .modalGeneral .modal-body .box .title { background: white; font-size: 16px; font-weight: 600; line-height: 18px; padding-left: 0; } .modalGeneral .modal-body .box p { margin: 0; } .modalGeneral .modal-body .box p .day-date { font-size: 1.6rem; font-weight: 400; } .modalFront .title { font-weight: 700; margin-bottom: 10px; } .modalFront .visit-calendar { display: inline-block; font-size: 30px; vertical-align: bottom; margin-right: 5px; } .modalFront .visit-specialist-container { display: flex; } .modalFront .visit-hour-date { display: inline-block; } .modalFront .visit-specialist-photo { width: 80px; } .modalFront .visit-specialist-details { width: calc(100% - 80px); padding: 0 10px; } .modalFront .extra-form-info { font-size: 1rem; } .modalFront textarea { padding: 5px; } .modalFront input[type=checkbox] { width: auto; display: inline-block; vertical-align: middle; } .modalFront label.checkbox-inline { display: inline-block; vertical-align: middle; padding-top: 0; padding-left: 5px; font-size: 14px; width: 90%; } .modal.fade.modalGeneral.is-modal--addnew { z-index: 4001; } .ui-menu.ui-widget.ui-widget-content.ui-autocomplete { z-index: 9999999; height: 152px; overflow: auto; } @media screen and (max-width: 425px) { .modalGeneral .modal-body .box ul.visit-status__container li { width: 100%; display: block; } .modalGeneral .modal-body .box ul.visit-status__container li button { width: 100%; margin-bottom: 5px; } } .form-clear-autocomplete { color: #93bc1e !important; cursor: pointer; text-align: center; padding: 0 0 7px 0; height: 100%; margin-left: -10px; font-weight: 600; display: none; } .form-clear-autocomplete:hover { color: #759b1b !important; } .form-clear-autocomplete p { margin: 0; white-space: nowrap; } .form-clear-autocomplete span { position: relative; top: 2px; } .form-surname-shorter { display: flex; align-items: flex-end; } footer { margin: 0; padding: 25px 0 50px; background: #333; color: white; } footer .footer-line { width: 100%; height: 1px; background: #555; margin-top: 40px; } footer .title { margin: 15px 0; color: white; font-size: 16px; font-weight: 600; } footer .title.collapsible[aria-expanded=true]:after { content: ''; background: url("../svg/ui/footer-minus-white.svg"); display: block; width: 20px; height: 20px; } footer .title.collapsible:after { content: ''; background: url("../svg/ui/footer-plus-white.svg"); display: block; width: 20px; height: 20px; float: right; } footer .with-social-links { margin-top: 15px; } footer .content a { font-size: 14px; color: white; text-decoration: none; font-weight: 500; line-height: 25px; margin: 7px 0; display: block; } footer .content a:hover, footer .content a:visited, footer .content a:active { font-size: 14px; color: white; text-decoration: underline; line-height: 25px; } footer .content a.social { width: 100%; height: 42px; display: inline-block; margin-right: 15px; font-size: 16px; font-weight: 500; } footer .content a.social .button-social-link { border: 1px solid #ffffff; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } footer .content img { width: 100%; height: auto; } footer .footer-down { border-top: 1px solid #313131; padding-top: 15px; margin-top: 25px; color: white; } footer .signature { color: white; font-size: 14px; font-weight: 500; } footer img.portal-logo { max-width: 220px; margin: auto; display: block; } footer #collapsePayment img { width: auto; } footer .payment__icons__container { display: flex; justify-content: space-between; } @media screen and (min-width: 768px) { footer { padding-top: 90px; } footer .title:after { content: none !important; } footer .collapse { display: block; } } .generate-link { padding: 20px; } .generate-link label { font-weight: normal; width: 100%; } .generate-link textarea { resize: vertical; width: 100%; } .generate-link #generate { margin: 10px 0; } #generated-widget { padding: 20px; } #generated-widget h2 { font-size: 18px; } #generated-widget a { background-color: #93bd1e; color: white; padding: 5px 10px; border: none; font-size: 14px; } .golden-star-template, .empty-star-template { display: none !important; } .partners .heading { font-size: 30px; font-weight: 600; margin: 30px 0 50px 0; } .partners .partners-list { background-color: #ffffff; padding: 30px; box-shadow: 0 0 10px #ddd; margin-bottom: 50px; } .partners .single { display: flex; } .partners .name { font-size: 16px; font-weight: 600; margin: 10px 0 15px 0; } .partners .description { font-size: 14px; margin-bottom: 15px; } .partners .image { margin-right: 50px; } .partners .image img { display: block; width: 300px; } .partners .divider { width: 100%; height: 1px; background-color: #ddd; margin: 25px 0; } .partners .more { color: #93bc1e; font-weight: 600; } .partners .more img { position: relative; left: 10px; top: -1px; } @media only screen and (max-width: 767px) { .partners .partners-list { padding: 15px; } .partners .heading { font-size: 18px; margin: 10px 0 30px 0; text-align: center; } .partners .single { display: block; } .partners .image { margin: 0; display: flex; justify-content: center; } .partners .image img { width: 290px; } .partners .name { text-align: center; } .partners .more { text-align: center; display: block; } } .faq-section { background-color: #fff; padding: 100px 0 50px 0; } .faq-section .faq-golden { color: #FFC339; position: relative; } .faq-section .faq-golden img { position: absolute; } .faq-section .faq-main { font-size: 44px; font-weight: 600; text-align: center; margin-bottom: 15px; } .faq-section .faq-sub { font-size: 24px; text-align: center; font-weight: 500; margin-bottom: 100px; } .faq-section .faq-row { box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); margin-bottom: 20px; background-color: #fff; } .faq-section .faq-row.active .faq-question { color: #93bc1e; } .faq-section .faq-row.active .faq-minus { display: block; } .faq-section .faq-row.active .faq-plus { display: none; } .faq-section .faq-row.active .faq-head { padding-bottom: 15px; } .faq-section .faq-head { display: flex; justify-content: space-between; cursor: pointer; padding: 30px; user-select: none; transition: padding-bottom 0.4s; align-items: center; } .faq-section .faq-plus, .faq-section .faq-minus { font-size: 50px; margin: 0; line-height: 28px; color: #ccc; font-weight: lighter; } .faq-section .faq-minus { display: none; font-size: 75px; color: #93bc1e; } .faq-section .faq-question { font-size: 20px; font-weight: 700; margin: 0; } .faq-section .faq-content { padding: 0 30px; } .faq-section .faq-text { padding-bottom: 50px; font-size: 18px; font-weight: 500; } .faq-section .faq-text span { font-weight: 700; } .faq-section .faq-video { padding: 0 50px 50px 50px; } .faq-section .faq-video video { width: 100%; } .faq-section .faq-premium { background-color: #F5F7F9; padding: 75px 0 25px 0; } .faq-section .faq-h-premium, .faq-section .faq-h-nonpremium, .faq-section .faq-h-bottom, .faq-section .faq-phone, .faq-section .faq-cta { text-align: center; font-size: 36px; font-weight: 600; margin-bottom: 50px; } .faq-section .faq-star { width: 18px; height: 18px; margin-left: 5px; } .faq-section .faq-h-nonpremium { margin-top: 75px; } .faq-section .faq-h-bottom { margin: 100px 0 25px 0; } .faq-section .faq-bottom { margin-top: 100px; display: flex; } .faq-section .faq-bottom-left { width: 52%; } .faq-section .faq-bottom-right { width: 48%; } .faq-section .faq-bottom-right img { width: 100%; } .faq-section .faq-phone { margin-top: 0 !important; color: #93bc1e; margin-bottom: 30px; display: block; } .faq-section .faq-text-bottom { font-size: 18px; font-weight: 500; text-align: center; line-height: 40px; } .faq-section .faq-text-bottom span { font-weight: 600; } @media only screen and (max-width: 767px) { .faq-section { padding: 50px 0 0 0; } .faq-section .faq-main { font-size: 36px; margin-top: 0; } .faq-section .faq-sub { font-size: 18px; margin-bottom: 50px; } .faq-section .faq-question { font-size: 16px; line-height: 0; } .faq-section .faq-head { padding: 20px 15px; } .faq-section .faq-content { padding: 0 15px; } .faq-section .faq-text { font-size: 14px; padding-bottom: 30px; } .faq-section .faq-video { padding: 0 0 30px 0; } .faq-section .faq-bottom { display: block; } .faq-section .faq-bottom-left, .faq-section .faq-bottom-right { width: 100%; } .faq-section .faq-h-bottom, .faq-section .faq-cta, .faq-section .faq-phone, .faq-section .faq-h-premium, .faq-section .faq-h-nonpremium { font-size: 24px; } .faq-section .faq-star { width: 14px; height: 14px; } .faq-section .faq-h-premium { margin-top: 0; } .faq-section .faq-h-nonpremium { margin-top: 50px; } .faq-section .faq-h-bottom { margin-bottom: 0; } .faq-section .faq-cta { margin-bottom: 25px; } .faq-section .faq-phone { margin-top: 0; } .faq-section .faq-text-bottom { font-size: 14px; line-height: unset; } .faq-section .faq-bottom-right { margin-top: 25px; } .faq-section .faq-mobile { padding: 0 15px; } .faq-section .faq-premium { padding-top: 50px; } } .mb-0 { margin-bottom: 0; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-25 { margin-bottom: 25px; } .no-margin { margin: 0 !important; } .margin--sides { margin-left: 15px !important; margin-right: 15px !important; } .no-padding { padding: 0 !important; } .no-padding--right { padding-right: 0 !important; } .no-padding--left { padding-left: 0 !important; } .no-padding--sides { padding-left: 0 !important; padding-right: 0 !important; } .padding--sides { padding-left: 15px !important; padding-right: 15px !important; } .cursor-pointer { cursor: pointer; } .center-vh { display: flex; justify-content: space-between; align-items: center; } .flex-column { flex-direction: column; } .center-v { display: flex; align-items: center; } .delete-form-hidden { display: none; } .delete-button, .delete-button-confirm { text-align: center; cursor: pointer; width: 125px; height: 45px; } .delete-button { background-color: #fff !important; color: #000; border: 1px solid #ccc; margin: 25px 0; } .delete-button-confirm { background-color: transparent; border: 1px solid #93bc1e; color: #93bc1e; } .modal-overlay { display: flex; align-items: center; justify-content: center; } .delete-center-div { width: 300px; max-width: 100vw; background-color: #f1f1f1; padding: 10px; text-align: center; } .delete-center-div p { font-weight: 500; } .delete-button-cancel { height: 45px; border: 0; background: #93bc1e; color: #ffffff; font-weight: 600; } .photo-cropper-container { width: 300px; height: 300px; margin: 10px auto; display: block; position: relative; } .modal-cropper-image { max-width: 100%; display: block; } .modal-cropper-range { margin-bottom: 15px; } #spec-cal-datepicker #ui-datepicker-div { margin: 0; } .profile--links .messages-badge { right: 3px; top: -7px; } #available-hours .calendar-settings-menu { display: flex; } #available-hours .calendar-settings-menu > button { width: 50%; border: 1px solid #ccc; display: flex; justify-content: center; align-items: center; height: 42px; background-color: #ffffff; font-size: 14px; font-weight: 600; } #available-hours .calendar-settings-menu > button.active { background-color: #555; color: #ffffff; } #available-hours .spec-calendars-list { padding: 20px 5px; } #available-hours .sc-headers > p, #available-hours .sc-headers > div { font-size: 14px; font-weight: 500; margin-bottom: 5px; } #available-hours .sc-row { padding: 15px 10px; display: flex; border-bottom: 1px solid #ccc; align-items: center; } #available-hours .sc-name { width: 33%; } #available-hours .sc-start, #available-hours .sc-end { width: 15%; } #available-hours .sc-active, #available-hours .sc-visible { width: 12%; display: flex; align-items: center; } @media only screen and (max-width: 1199px) { #available-hours .sc-active, #available-hours .sc-visible { display: block; } } #available-hours .sc-edit { width: 13%; text-align: right; } #available-hours .sc-edit img { width: 16px; margin-left: 3px; } #available-hours .sc-edit.sc-edit-button { cursor: pointer; font-size: 14px; font-weight: 600; color: #3a3a3a; } #available-hours .sc-no-calendars { text-align: center; font-size: 18px; margin: 60px 0 30px 0; } #available-hours .spec-calendars-single { margin-bottom: 50px; } #available-hours .sc-add-new { display: block; margin: 0 auto; height: 42px; background-color: #93bc1e; color: #ffffff; font-weight: 600; font-size: 14px; border: 0; padding: 0 20px; } #available-hours .sc-add-new img { width: 18px; margin-left: 5px; } #available-hours .sc-data p, #available-hours .sc-data div { font-weight: 600; margin: 0; font-size: 14px; } #available-hours .sc-boolean { display: inline-block; width: 46px; height: 26px; text-align: center; padding-top: 5px; font-size: 12px; font-weight: 600; } #available-hours .sc-boolean.sc-red { background-color: rgba(255, 91, 64, 0.1); color: #FF5B40; } #available-hours .sc-boolean.sc-green { background-color: rgba(149, 188, 35, 0.1); color: #95BC23; } #available-hours .sc-mobile { display: none; } #available-hours .calendar-display-specialists { margin-top: 15px; } #available-hours .calendar-display-holidays { width: 100%; display: flex; justify-content: center; margin-top: 35px; } #available-hours .calendar-display-holidays > div { width: 100%; } #available-hours .calendar-display-holidays .empty-space-container { text-align: center; } #available-hours .holiday-list { width: 100%; } @media only screen and (max-width: 767px) { #available-hours .sc-headers { display: none; } #available-hours .sc-data { flex-wrap: wrap; position: relative; } #available-hours .sc-data .sc-name { width: 100%; font-size: 16px; } #available-hours .sc-data .sc-start, #available-hours .sc-data .sc-end, #available-hours .sc-data .sc-active, #available-hours .sc-data .sc-visible { width: 50%; margin-top: 30px; } #available-hours .sc-data .sc-edit { position: absolute; top: 15px; right: 0; width: auto; } #available-hours .sc-data p { margin-bottom: 10px; } #available-hours .sc-data .sc-name { margin-bottom: 0; } #available-hours .sc-active .sc-mobile, #available-hours .sc-visible .sc-mobile { display: flex; } } .calendar-settings-section { padding: 0; } #edit-spec-calendar { padding: 30px; } #edit-spec-calendar .sc-legend { font-size: 14px; font-weight: 600; margin-bottom: 15px; display: flex; } #edit-spec-calendar .sc-input { height: 42px; border: 1px solid #ccc; padding: 0 15px; width: 100%; margin-bottom: 30px; } #edit-spec-calendar .sc-flex { display: flex; justify-content: space-between; } #edit-spec-calendar .sc-flex > div { width: 48%; } #edit-spec-calendar .sc-property-container { width: 100px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } #edit-spec-calendar .sc-property-container .sc-legend { margin-bottom: 0; } #edit-spec-calendar .sc-checkbox { position: relative; top: -2px; width: 16px; height: 16px; } #edit-spec-calendar .sc-saving { display: flex; justify-content: flex-end; } #edit-spec-calendar .sc-saving button { height: 42px; padding: 0 20px; font-weight: 600; font-size: 14px; margin-left: 15px; } #edit-spec-calendar .sc-saving button.sc-cancel { background-color: #ffffff; border: 1px solid #ccc; } #edit-spec-calendar .sc-saving button.sc-submit { color: #ffffff; background-color: #93bc1e; border: 1px solid #93bc1e; } #edit-spec-calendar .sc-avt-container { margin-bottom: 25px; } #edit-spec-calendar .sc-avt-headers { font-size: 14px; } #edit-spec-calendar .sc-avt-headers p { margin: 0; } #edit-spec-calendar .sc-avt-headers .sc-avt-right-single { margin-bottom: 0; } #edit-spec-calendar .sc-avt-single, #edit-spec-calendar .sc-avt-headers { display: flex; align-items: center; padding: 15px; border-bottom: 1px solid #ccc; } #edit-spec-calendar .sc-avt-left { width: 20%; } #edit-spec-calendar .sc-avt-weekday { width: 100%; } #edit-spec-calendar .sc-avt-right { width: 80%; } #edit-spec-calendar .sc-avt-right-single { display: flex; margin-bottom: 15px; } #edit-spec-calendar .sc-avt-right-single.sc-avt-right-single-last { margin-bottom: 0; } #edit-spec-calendar .sc-avt-start, #edit-spec-calendar .sc-avt-end, #edit-spec-calendar .sc-avt-interval { width: 31%; } #edit-spec-calendar .sc-avt-delete { width: 7%; display: flex; align-items: center; } #edit-spec-calendar .sc-avt-delete p { cursor: pointer; margin: 0; font-weight: 600; color: #FF5B40; font-size: 14px; } #edit-spec-calendar .sc-avt-toggle { display: flex; } #edit-spec-calendar .sc-avt-toggle p { font-size: 16px; font-weight: 600; margin: 0 0 0 30px; } #edit-spec-calendar .sc-avt-checkbox { width: 14px; height: 14px; } #edit-spec-calendar .sc-avt-select { height: 42px; width: 160px; } #edit-spec-calendar .sc-avt-add-more { margin-top: 15px; } #edit-spec-calendar .sc-avt-add-more-button { cursor: pointer; font-size: 14px; font-weight: 600; color: #93bc1e; } #edit-spec-calendar .sc-avt-add-more-button img { width: 18px; margin-left: 5px; } #edit-spec-calendar .sc-avt-select-tooltip { display: none; } #edit-spec-calendar .sc-avt-not-checked .sc-avt-add-more { display: none; } @media only screen and (max-width: 1199px) { #edit-spec-calendar .sc-avt-single { padding: 15px 5px; } #edit-spec-calendar .sc-avt-select { width: 120px; } #edit-spec-calendar .sc-avt-toggle p { margin-left: 5px; } } @media only screen and (max-width: 991px) { #edit-spec-calendar .sc-avt-select { width: 140px; } } @media only screen and (max-width: 767px) { #edit-spec-calendar { padding: 15px; } #edit-spec-calendar .sc-avt-headers { display: none; } #edit-spec-calendar .sc-avt-right-single { display: block; } #edit-spec-calendar .sc-avt-start, #edit-spec-calendar .sc-avt-end, #edit-spec-calendar .sc-avt-interval { width: 100%; margin-top: 30px; } #edit-spec-calendar .sc-avt-single { display: block; } #edit-spec-calendar .sc-avt-left, #edit-spec-calendar .sc-avt-right { width: 100%; } #edit-spec-calendar .sc-avt-toggle p { margin-left: 30px; } #edit-spec-calendar .sc-avt-left { margin-bottom: 15px; } #edit-spec-calendar .sc-avt-select { width: 100%; } #edit-spec-calendar .sc-flex { display: block; } #edit-spec-calendar .sc-flex > div { width: 100%; } #edit-spec-calendar .sc-avt-select-tooltip { display: block; font-size: 14px; font-weight: 500; } #edit-spec-calendar .sc-avt-add-more { margin: 30px 0 15px 0; } #edit-spec-calendar .sc-avt-not-checked .sc-avt-left { margin: 0; } #edit-spec-calendar .sc-avt-not-checked .sc-avt-right { display: none; } #edit-spec-calendar .sc-avt-right-single { position: relative; border-bottom: 1px solid #ccc; padding-bottom: 30px; } #edit-spec-calendar .sc-avt-right-single.sc-avt-right-single-last { border: 0; padding-bottom: 0; } #edit-spec-calendar .sc-avt-delete { display: block; width: auto; position: absolute; top: 0; right: 0; } } .sidebar-calendar { box-shadow: 0 0 5px #ccc; background-color: #ffffff; } .sidebar-calendar .calendar-text { padding: 15px; font-weight: 700; font-size: 18px; } .sidebar-calendar .mini-month-change { display: flex; justify-content: space-between; align-items: center; padding: 15px; background-color: #F5F7F9; margin-bottom: 2px; } .sidebar-calendar .mini-month-current { font-size: 18px; font-weight: 600; } .sidebar-calendar .mini-month-controls { width: 62px; display: flex; justify-content: space-between; } .sidebar-calendar .mini-month-left, .sidebar-calendar .mini-month-right { width: 30px; height: 30px; background-color: #ccc; border: 0; margin: 0; padding: 0; } .sidebar-calendar .mini-month-left img, .sidebar-calendar .mini-month-right img { width: 7px; } .sidebar-calendar .minicalendar-stretch { height: 310px; padding: 15px; background-color: #F5F7F9; } .sidebar-calendar .minicalendar-container { display: flex; flex-wrap: wrap; } .sidebar-calendar .minicalendar-container .mini-day { width: calc(100% / 7); height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; user-select: none; position: relative; color: #000; } .sidebar-calendar .minicalendar-container .mini-day.not-current-month { color: #ccc; } .sidebar-calendar .minicalendar-container .mini-day.is-current-day { color: #93bc1e; } .sidebar-calendar .minicalendar-container .mini-day.is-before-month { background-color: #E9EEEE; } .sidebar-calendar .minicalendar-container .mini-day.mini-dayweek { font-size: 12px; } .sidebar-calendar .minicalendar-container .mini-day:hover .mini-day-background { opacity: 1; } .sidebar-calendar .minicalendar-container .mini-day:hover .mini-day-number { color: #fff; } .sidebar-calendar .minicalendar-container .mini-day-background { position: absolute; background-color: rgba(147, 188, 30, 0.35); z-index: 1; width: 32px; height: 32px; border-radius: 50%; opacity: 0; transition: opacity 0.1s; } .sidebar-calendar .minicalendar-container .mini-day-number { position: relative; z-index: 2; transition: color 0.1s; } .sidebar-calendar .minicalendar-container .mini-day-number-container { display: block; line-height: 18px; text-align: center; } .sidebar-calendar .minicalendar-container .mini-day-dot { width: 5px; height: 5px; background-color: #7200FF; margin: 0 auto; } @media only screen and (max-width: 991px) { .sidebar-calendar { display: none; } } .clearfix::after { content: ""; clear: both; display: table; } .is--settings .navigation--icons .settings { display: block; } .is--settings .navigation--icons .my-profile { display: none; } .is--settings .navigation--icons .patient-menu { display: none; } .is--editprofile-page .navigation--icons .settings { display: none; } .is--editprofile-page .navigation--icons .my-profile { display: block; } .has--sticky-icons .navigation--icons .option { width: 100%; height: 65px; position: relative; } .has--sticky-icons .navigation--icons .option a { width: 100%; height: 100%; color: #fff; } .has--sticky-icons .navigation--icons .option img { border-radius: 50%; height: 26px; } .has--sticky-icons .navigation--icons .option a:hover { background: transparent; } .sticky-svg { fill: #93BA21; height: 26px; } .sticky-title { margin: 0; font-weight: 600; display: none; font-size: 12px; } .sticky-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .sticky-selected { background-color: #93BA21; } .sticky-selected .sticky-svg { fill: #fff; } .sticky-selected .sticky-title { display: block; } .sticky-title-user { margin-top: 5px; } form #fizjo_invoiceData { float: left; width: 100%; } form #fizjo_invoiceData div { padding: 10px 0; } form #fizjo_invoiceData div:last-of-type { float: right; } #tabInvoiceData .title { padding: 0; } .invoice-data-info__modal__content { padding: 20px 0; font-weight: 500; } .badge { text-transform: uppercase; padding: 5px 10px; font-weight: 600; text-align: center; border-radius: 0; } .badge.badge--large { padding: 10px; } .badge.badge-status-success { background: #f4f8e9; color: #93ba21; } .badge.badge-status { background: #efefef; color: #555; } .badge.badge-status-error { background: #ffeeeb; color: #ff5b40; } .badge.badge-status-neutral { background: #F5F7F9; color: #555; } .badge.badge-status-warning { background: #fef9eb; color: #FFC339; } .badge.badge-status-info { background: #DDEBF9; color: #007bff; } .is--payments-page .right-sidebar .white-box .title { margin-bottom: 0; } .invoices .data-container.data-container-status { align-items: center; } .invoices .data-container .payment-status-deadline { margin-top: 10px; } .invoices .collapsible-element a:first-child { margin-bottom: 10px; } .invoices .status { width: 50%; margin: auto; } .invoices table { width: 100%; } .invoices table tr { border-top: 1px solid #ccc; display: grid; padding: 10px 0; } .invoices table td { padding: 10px; text-align: center; } .invoices table td:first-child { padding-left: 0; } .invoices table .data-container { display: flex; flex-direction: column; } .invoices table span { line-height: 18px; font-size: 16px; } .invoices table .bold { font-weight: 700; } .invoices table .payment-status { text-transform: uppercase; padding: 5px 10px; font-weight: 600; text-align: center; border-radius: 0; text-transform: uppercase; padding: 5px 10px; font-weight: 600; text-align: center; } .invoices table .payment-status.payment-status-paid { background: #f4f8e9; color: #93ba21; } .invoices table .payment-status.payment-status-not_paid { background: #F5F7F9; color: #555; } .invoices table .payment-status.payment-status-in_progress { background: #fef9eb; color: #FFC339; } .invoices table .payment-status.payment-status-refund { background: #DDEBF9; color: #007bff; } .invoices table .payment-status.payment-status-deadline, .invoices table .payment-status.payment-status-pay_error, .invoices table .payment-status.payment-status-refund_error { background: #ffeeeb; color: #ff5b40; } .invoices table a { text-transform: uppercase; padding: 10px 20px; font-size: 12px; display: block; text-align: center; } .invoices table a.download-invoice { display: flex; padding: 13px 20px; justify-content: center; } .invoices table a.download-invoice .invoice-text { display: none; } .invoices table a.pay-invoice { font-size: 16px; } @media screen and (min-width: 1024px) { .invoices .status { width: 100%; } .invoices table tr { display: table-row; padding: 0; } .invoices table td { text-align: left; padding: 20px; } .invoices table a.download-invoice .invoice-text { margin-left: 3px; display: block; } .invoices table span { line-height: 14px; font-size: 12px; } .invoices table .actions__container a { font-size: 12px; } .packages .package:nth-child(2) { margin-top: 0; } .packages .package-container { display: flex; justify-content: space-between; } .packages .package-container.flex-column { flex-direction: column; } } #efmodal { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 4001; overflow-y: auto; overflow-x: hidden; } #efmodal .efmodal-single { padding: 30px 0; position: absolute; width: 100%; top: 0; left: 0; min-height: 100%; } #efmodal .efmodal-single.efmodal-centered { padding: 0; display: flex; align-items: center; } #efmodal .efmodal-single.efmodal-centered .efmodal-container { z-index: 4005; width: auto; max-height: 100vh; overflow: auto; } #efmodal .efmodal-single.efmodal-centered .efmodal-backdrop-shadow { z-index: 4004; } #efmodal .efmodal-backdrop-shadow { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 4002; } #efmodal .efmodal-container { position: relative; display: block; width: 600px; max-width: 100%; margin: 0 auto; font-size: 16px; background: #ffffff; z-index: 4003; outline: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 767px) { #efmodal .efmodal-container { max-width: calc(100% - 10px); margin: 0 auto; } #efmodal .visit-calendar-margin { margin-bottom: 10px; } } #efmodal .efmodal-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; } #efmodal .efmodal-header h4 { font-weight: 700; font-size: 18px; } #efmodal .efmodal-header button { background: transparent; border: 0; font-size: 45px; line-height: 0; font-weight: 400; height: 30px; } #efmodal .efmodal-header button:hover { color: #999; } #efmodal .efmodal-header .efmodal-header-actions { display: flex; align-items: center; } #efmodal .efmodal-header .efmodal-header-actions .efmodal-header-click { margin: 0 10px 0 0; color: #93bc1e; font-weight: 600; font-size: 14px; cursor: pointer; } #efmodal .efmodal-logo-container { background: #93bc1e; } #efmodal .efmodal-logo-container img { padding: 10px; } #efmodal .efmodal-content { padding: 10px 15px; } #efmodal .efmodal-content.container { width: 100%; } #efmodal .efmodal-register-visit-patient label { font-weight: 600; } #efmodal .efmodal-register-visit-patient .help-box { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; } #efmodal .efmodal-register-visit-patient .help-box img { margin-right: 5px; } #efmodal .efmodal-register-visit-patient .help-box .help-box-info img { width: 50px; } #efmodal .efmodal-register-visit-patient .help-box .prepayment-price { color: #93bc1e; font-weight: 700; } #efmodal .efmodal-register-visit-patient .title { font-weight: 600; margin-bottom: 10px; } #efmodal .efmodal-register-visit-patient .visit-calendar { display: inline-block; font-size: 30px; margin: 2px 5px 0 0; vertical-align: top; } #efmodal .efmodal-register-visit-patient .visit-hour-date { display: inline-block; } #efmodal .efmodal-register-visit-patient .extra-form-info { font-size: 1rem; font-weight: 600; } #efmodal .efmodal-register-visit-patient input[type=text], #efmodal .efmodal-register-visit-patient input[type=email], #efmodal .efmodal-register-visit-patient input[type=password], #efmodal .efmodal-register-visit-patient textarea, #efmodal .efmodal-register-visit-patient select { color: #333; width: 100%; border: 1px solid #ccc; height: 35px; padding: 5px; border-radius: 0; font-size: 16px; } #efmodal .efmodal-register-visit-patient input[type=text]:focus, #efmodal .efmodal-register-visit-patient input[type=email]:focus, #efmodal .efmodal-register-visit-patient input[type=password]:focus, #efmodal .efmodal-register-visit-patient textarea:focus, #efmodal .efmodal-register-visit-patient select:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 188, 30, 0.6); } #efmodal .efmodal-register-visit-patient textarea { height: 100px; resize: none; } #efmodal .efmodal-register-visit-patient button { color: #fff; padding: 5px 15px; line-height: 30px; height: 40px; margin-left: 0; background-color: #93bc1e; border: 1px solid #93bc1e; } #efmodal .efmodal-register-visit-patient button:hover { background-color: #7fa314; border-color: #7fa314; } #efmodal .efmodal-register-visit-patient button.btn-cancel { color: #555; padding: 5px 15px; line-height: 30px; height: 40px; margin-right: 10px; border: 1px solid #e1e1e1; border-radius: 0; background-color: #fff; } #efmodal .efmodal-register-visit-patient button.btn-cancel:hover { border-color: #ccc; background-color: #fff; } #efmodal .efmodal-register-visit-patient .visit-specialist-container { display: flex; } #efmodal .efmodal-register-visit-patient .visit-specialist-container .visit-specialist-details { width: calc(100% - 80px); padding: 0 10px; } #efmodal .efmodal-register-visit-patient .visit-specialist-container .visit-specialist-details .specialist-name, #efmodal .efmodal-register-visit-patient .visit-specialist-container .visit-specialist-details .company-name { font-weight: 600; } #efmodal .boolean-buttons-container { display: flex; justify-content: space-evenly; align-items: center; } #efmodal .boolean-buttons-container .boolean-button-single-cancel { width: 30%; height: 30px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; } #efmodal .boolean-buttons-container .boolean-button-single-go { width: 38%; height: 44px; background: #93bc1e; color: #fff; border: 0; font-weight: 600; } @media only screen and (max-width: 767px) { #efmodal .boolean-buttons-container .boolean-button-single-cancel { width: 38%; } #efmodal .boolean-buttons-container .boolean-button-single-go { width: 58%; } } #efmodal .efmodal-visit-details-backend { font-size: 14px; font-weight: 500; } #efmodal .efmodal-visit-details-backend .title-icon { width: 20px; height: 20px; margin-right: 10px; position: relative; top: -1px; } #efmodal .efmodal-visit-details-backend .details-confirmed-patient { color: #93bc1e; font-weight: 600; } #efmodal .efmodal-visit-details-backend .visit-details-row { display: flex; justify-content: space-between; } #efmodal .efmodal-visit-details-backend .visit-details-row > div { width: 49%; } @media only screen and (max-width: 767px) { #efmodal .efmodal-visit-details-backend .visit-details-row { display: block; } #efmodal .efmodal-visit-details-backend .visit-details-row > div { width: 100%; } } #efmodal .efmodal-visit-details-backend .visit-box .visit-details-flex { background-color: #F5F7F9; display: flex; padding: 15px; } #efmodal .efmodal-visit-details-backend .visit-box .title { background-color: transparent !important; } #efmodal .efmodal-visit-details-backend .visit-details-status-container { display: flex; justify-content: space-between; align-items: center; padding-bottom: 25px; } #efmodal .efmodal-visit-details-backend .visit-details-status-container .title { margin: 0 !important; } #efmodal .efmodal-visit-details-backend .visit-details-status-container-fixed { border-top: 1px solid #ccc; padding: 25px 0; } #efmodal .efmodal-visit-details-backend .visit-details-status-box { position: relative; } #efmodal .efmodal-visit-details-backend .visit-details-status-current, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-current { cursor: pointer; } #efmodal .efmodal-visit-details-backend .visit-details-status-current:hover, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-current:hover { background-color: #efefef; } #efmodal .efmodal-visit-details-backend .visit-details-status-current img, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-current img { margin-left: 10px; } #efmodal .efmodal-visit-details-backend .visit-details-status-list, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-list { position: absolute; right: 26px; top: 31px; border: 1px solid #ccc; background-color: #fff; padding: 12px 10px 0 10px; display: flex; flex-wrap: wrap; z-index: 2; } #efmodal .efmodal-visit-details-backend .visit-details-status-list > div, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-list > div { width: 100%; display: flex; justify-content: flex-end; } #efmodal .efmodal-visit-details-backend .visit-details-status-list button, #efmodal .efmodal-visit-details-backend .visit-details-status-fixed-list button { border: 0; margin-bottom: 12px; white-space: nowrap; } @media only screen and (max-width: 767px) { #efmodal .efmodal-visit-details-backend .visit-details-status-container { flex-wrap: wrap; justify-content: center; } #efmodal .efmodal-visit-details-backend .visit-details-status-container .title { width: 100%; margin-bottom: 15px !important; text-align: center; } #efmodal .efmodal-visit-details-backend .visit-details-status-container .visit-details-status-list, #efmodal .efmodal-visit-details-backend .visit-details-status-container .visit-details-status-fixed-list { top: unset; bottom: 32px; right: 50%; transform: translate(50%, 0); } #efmodal .efmodal-visit-details-backend .visit-details-status-container .visit-details-status-list > div, #efmodal .efmodal-visit-details-backend .visit-details-status-container .visit-details-status-fixed-list > div { justify-content: center; } } #efmodal .efmodal-visit-details-backend .details-canceled-patient { color: #8a6d3b; font-weight: 600; } #efmodal .efmodal-visit-details-backend .details-flex-vertical { display: flex; flex-direction: column; justify-content: space-between; min-height: 64px; } #efmodal .efmodal-visit-details-backend .visit__bundle__container { background: #F5F7F9; background-clip: content-box; } #efmodal .efmodal-visit-details-backend .visit__bundle__container .visit__bundle { padding: 15px; display: flex; width: 100%; } #efmodal .efmodal-visit-details-backend .visit__bundle__container .visit__bundle__name { font-weight: 600; margin-right: 5px; } #efmodal .efmodal-visit-details-backend .visit__bundle__container .visit__bundle__separator { margin: 0 8px; } #efmodal .efmodal-visit-details-backend .visit-box-sms, #efmodal .efmodal-visit-details-backend .visit-box-bundle, #efmodal .efmodal-visit-details-backend .visit-box-prepayment { margin-bottom: 25px; } #efmodal .efmodal-visit-details-backend .visit-box-sms img, #efmodal .efmodal-visit-details-backend .visit-box-bundle img, #efmodal .efmodal-visit-details-backend .visit-box-prepayment img { margin-right: 5px; } #efmodal .efmodal-visit-details-backend .visit__status__container { background: #F5F7F9; background-clip: content-box; } #efmodal .efmodal-visit-details-backend .visit__status__container .visit__details-status { padding-top: 10px; padding-bottom: 10px; font-weight: 600; display: flex; align-items: center; justify-content: space-between; } #efmodal .efmodal-visit-details-backend .visit__status__container .visit__details-status .badge { margin-left: 5px; } #efmodal .efmodal-visit-details-backend .visit__sms-status__details__mobile { display: flex; align-items: center; justify-content: space-between; margin-top: 5px; } #efmodal .efmodal-visit-details-backend .box .title { background: white; font-size: 16px; font-weight: 600; line-height: 18px; padding: 0; margin: 0 0 20px 0; } @media only screen and (max-width: 767px) { #efmodal .efmodal-visit-details-backend .box .title { margin-bottom: 15px; } } #efmodal .efmodal-visit-details-backend .box p { margin: 0; } #efmodal .efmodal-visit-details-backend .box .details-bolded { font-weight: 600; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container { width: 100%; padding: 0; margin: 0 0 25px; display: flex; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container.visit-status__container--fixed { width: 66%; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li { width: calc(25% - 10px); margin-right: 10px; display: inline-block; cursor: pointer; text-align: center; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li.status-of-fixed { width: calc(50% - 10px); } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-done { color: #3c763d; background-color: #dff0d8; border-color: #dff0d8; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-done.visit-status { border-color: #3c763d; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-canceled { color: #8a6d3b; background-color: #fcf8e3; border-color: #fcf8e3; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-canceled.visit-status { border-color: #8a6d3b; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-undone { color: #a94442; background-color: #f2dede; border-color: #f2dede; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li .visit-undone.visit-status { border-color: #a94442; } #efmodal .efmodal-visit-details-backend .box .patient-link { color: #93bc1e; margin-bottom: 5px; display: inline-block; font-weight: 600; cursor: pointer; } #efmodal .efmodal-visit-details-backend .box .patient-link .lnr { position: relative; top: 2px; } @media screen and (max-width: 767px) { #efmodal .efmodal-visit-details-backend .box ul.visit-status__container { display: flex; flex-wrap: wrap; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container.visit-status__container--fixed { width: 100%; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li { width: calc(50% - 10px); margin-right: 10px; display: block; } #efmodal .efmodal-visit-details-backend .box ul.visit-status__container li button { width: 100%; margin-bottom: 5px; } } #efmodal .efmodal-visit-details-backend .fixed-list-container { width: 100%; height: 105px; margin-bottom: 30px; overflow: auto; display: flex; flex-wrap: wrap; } #efmodal .efmodal-visit-details-backend .fixed-list-single { width: calc(100% / 7); height: 30px; cursor: pointer; color: #999; font-weight: 600; display: flex; justify-content: center; align-items: center; } #efmodal .efmodal-visit-details-backend .fixed-list-single span { border-bottom: 3px solid #ccc; } #efmodal .efmodal-visit-details-backend .fixed-list-single span.fixed-list-status-canceled { border-color: #FFD575; } #efmodal .efmodal-visit-details-backend .fixed-list-single span.fixed-list-status-done { border-color: #B5D065; } #efmodal .efmodal-visit-details-backend .fixed-list-single span.fixed-list-status-undone { border-color: #FF8C79; } #efmodal .efmodal-visit-details-backend .fixed-list-single:hover { color: #333 !important; } #efmodal .efmodal-visit-details-backend .fixed-jumpto { border-bottom: 1px solid #ccc; cursor: pointer; margin: 0 auto !important; width: 150px; text-align: center; font-weight: 600; } @media only screen and (max-width: 767px) { #efmodal .efmodal-visit-details-backend .fixed-list-single { width: calc(100% / 3); } } #efmodal .add-patient-modal { width: 620px; font-size: 14px; } #efmodal .add-patient-modal form { width: 100%; } #efmodal .add-patient-modal .patient-data-flex { display: flex; flex-wrap: wrap; } #efmodal .add-patient-modal .patient-data-single { width: 50%; padding: 0 15px; margin-bottom: 30px; } #efmodal .add-patient-modal .patient-data-single label { display: block; margin-bottom: 15px; } #efmodal .add-patient-modal .patient-data-single input { width: 100%; height: 42px; border: 1px solid #ccc; padding-left: 15px; } #efmodal .add-patient-modal .patient-data-single input::placeholder { color: #ccc; } #efmodal .add-patient-modal .patient-data-single.double { width: 100%; } #efmodal .add-patient-modal .patient-data-controls { display: flex; justify-content: flex-end; padding: 15px; } #efmodal .add-patient-modal .patient-data-controls button { display: flex; height: 42px; font-weight: 600; align-items: center; padding: 0 20px; border-radius: 0; } #efmodal .add-patient-modal .patient-data-controls .patient-data-cancel { background-color: transparent; border: 1px solid #ccc; margin-right: 15px; } #efmodal .add-patient-modal .patient-data-controls .add-patient-form-submit { background-color: #93bc1e; color: #ffffff; border: 1px solid #93bc1e; } #efmodal .add-patient-modal .efizjo-form-errors { list-style: none; padding: 0; margin-top: 5px; } #efmodal .add-patient-modal .efizjo-form-errors li { text-align: center; color: #FF5B40; padding: 3px; font-weight: 700; } @media only screen and (max-width: 767px) { #efmodal .add-patient-modal { width: auto; } #efmodal .add-patient-modal .patient-data-single { width: 100%; } #efmodal .add-patient-modal .patient-data-controls { justify-content: space-between; } } #efmodal .efmodal-no-services { margin: 0 20px 30px 30px; } #efmodal .efmodal-no-services p { font-size: 16px; font-weight: 500; margin-bottom: 30px; } #efmodal .efmodal-no-services span { display: flex; justify-content: flex-end; } #efmodal .efmodal-no-services a { font-weight: 600; font-size: 14px; color: #3a3a3a; border: 1px solid #ccc; width: 100px; height: 42px; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 425px) { #efmodal .efmodal-no-services { margin: 0 5px 15px 15px; } } #efmodal .add-spec-calendar-modal { padding: 10px; width: 570px; } #efmodal .add-spec-calendar-modal .calendar-dates-container { display: flex; justify-content: space-between; } #efmodal .add-spec-calendar-modal .calendar-dates-container > div { width: 48%; position: relative; } #efmodal .add-spec-calendar-modal .calendar-legend { font-weight: 600; font-size: 14px; } #efmodal .add-spec-calendar-modal .calendar-single-property { width: 115px; display: flex; justify-content: space-between; margin-bottom: 10px; } #efmodal .add-spec-calendar-modal .calendar-single-property div { display: flex; align-items: center; } #efmodal .add-spec-calendar-modal .calendar-single-property div .efizjo-tooltip { margin-bottom: 5px !important; } #efmodal .add-spec-calendar-modal .calendar-input { height: 42px; border: 1px solid #ccc; border-radius: 0; padding: 0 15px; width: 100%; font-size: 14px; } #efmodal .add-spec-calendar-modal .calendar-endless { position: absolute; bottom: -31px; font-size: 14px; display: flex; align-items: center; } #efmodal .add-spec-calendar-modal .calendar-endless .calendar__switch__text { font-weight: 500; color: #333; margin-left: 5px; } #efmodal .add-spec-calendar-modal .calendar-saving-container { display: flex; justify-content: flex-end; } #efmodal .add-spec-calendar-modal .calendar-saving-container button { margin-left: 15px; } #efmodal .add-spec-calendar-modal .calendar-end-blocked { width: 100%; height: 42px; display: flex; align-items: center; padding: 0 15px; margin-bottom: 30px; border: 1px solid #ccc; background-color: #ddd; } @media only screen and (max-width: 767px) { #efmodal .add-spec-calendar-modal { width: calc(100vw - 30px); } #efmodal .add-spec-calendar-modal .calendar-dates-container { display: block; } #efmodal .add-spec-calendar-modal .calendar-dates-container > div { width: 100%; } } #efmodal .add-visit-type, #efmodal .add-visit-backend-modal { font-size: 14px; padding: 0 15px; } #efmodal .add-visit-type .prepayment-required-info, #efmodal .add-visit-backend-modal .prepayment-required-info { margin-top: -10px; margin-bottom: 20px; display: flex; align-items: center; } #efmodal .add-visit-type .prepayment-required-info label, #efmodal .add-visit-type .prepayment-required-info input, #efmodal .add-visit-backend-modal .prepayment-required-info label, #efmodal .add-visit-backend-modal .prepayment-required-info input { margin: 0; } #efmodal .add-visit-type .prepayment-required-info label, #efmodal .add-visit-backend-modal .prepayment-required-info label { margin-left: 5px; } #efmodal .add-visit-type .edit-visit-confirmation, #efmodal .add-visit-backend-modal .edit-visit-confirmation { margin-bottom: 25px; } #efmodal .add-visit-type .visit-form-send-confirmation, #efmodal .add-visit-backend-modal .visit-form-send-confirmation { display: flex !important; } #efmodal .add-visit-type select, #efmodal .add-visit-type input:not([type='checkbox']):not([type='radio']), #efmodal .add-visit-backend-modal select, #efmodal .add-visit-backend-modal input:not([type='checkbox']):not([type='radio']) { height: 42px; border: 1px solid #ccc; border-radius: 0; margin-bottom: 25px; width: 100%; padding: 6px 12px; } #efmodal .add-visit-type textarea, #efmodal .add-visit-backend-modal textarea { width: 100%; height: 126px; border: 1px solid #ccc; border-radius: 0; margin-bottom: 10px; padding: 10px; resize: none; } #efmodal .add-visit-type label, #efmodal .add-visit-backend-modal label { margin-bottom: 10px; font-weight: 600; display: block; } #efmodal .add-visit-backend-modal { width: 620px; } #efmodal .add-visit-backend-modal .select-start-hour-container, #efmodal .add-visit-backend-modal .select-end-hour-container { min-height: 67px; } #efmodal .add-visit-backend-modal.edit-visit-backend-modal { width: auto !important; } #efmodal .add-visit-backend-modal .visit-data-row { display: flex; justify-content: space-between; align-items: center; } #efmodal .add-visit-backend-modal .visit-data-row.visit-form-send-confirmation { justify-content: normal; padding: 5px 0 10px; } #efmodal .add-visit-backend-modal .visit-data-row.visit-form-send-confirmation input[type='checkbox'] { margin-top: 0; } #efmodal .add-visit-backend-modal .visit-data-row.visit-form-send-confirmation label { margin-bottom: 0; margin-left: 5px; } #efmodal .add-visit-backend-modal .visit-data-row .visit-send-confirmation { font-weight: 600; } #efmodal .add-visit-backend-modal .visit-data-row div { width: 100%; } #efmodal .add-visit-backend-modal .visit-data-row div.visit-flex { width: 48%; } #efmodal .add-visit-backend-modal .visit-saving-container { display: flex; justify-content: flex-end; margin-bottom: 25px; } #efmodal .add-visit-backend-modal .visit-saving-container.blockade-saving-container { justify-content: space-between; } #efmodal .add-visit-backend-modal .visit-saving-container button { margin-left: 15px; height: 42px; font-weight: 600; padding: 0 20px; font-size: 14px; } #efmodal .add-visit-backend-modal .visit-saving-container .visit-cancel { background-color: #ffffff; border: 1px solid #ccc; } #efmodal .add-visit-backend-modal .visit-saving-container .visit-delete { margin: 0; color: #FF5B40; border: 1px solid #FF5B40; background-color: #ffffff; } #efmodal .add-visit-backend-modal .visit-saving-container .visit-submit { background-color: #93bc1e; color: #ffffff; border: 1px solid #93bc1e; } #efmodal .add-visit-backend-modal .visit-data-clear { margin-bottom: 5px; color: #FF5B40; text-align: right; width: 100%; cursor: pointer; } #efmodal .add-visit-backend-modal .blockade-form-end select { width: 125px; margin: 0 10px 30px 10px; padding-left: 10px; } #efmodal .add-visit-backend-modal .blockade-form-end select:first-of-type { margin-left: 0; } #efmodal .add-visit-backend-modal .blockade-form-description input { padding-left: 10px; } #efmodal .add-visit-backend-modal .visit-data-repeat { padding: 6px 12px; } @media only screen and (max-width: 767px) { #efmodal .add-visit-backend-modal, #efmodal .add-visit-type { max-width: 100%; padding: 0; } #efmodal .add-visit-backend-modal .visit-data-row, #efmodal .add-visit-type .visit-data-row { display: block; } #efmodal .add-visit-backend-modal .visit-data-row > div.visit-flex, #efmodal .add-visit-type .visit-data-row > div.visit-flex { width: 100%; } #efmodal .add-visit-backend-modal .visit-saving-container, #efmodal .add-visit-type .visit-saving-container { justify-content: space-between; } #efmodal .add-visit-backend-modal .visit-saving-container .visit-cancel, #efmodal .add-visit-type .visit-saving-container .visit-cancel { margin-left: 0; } #efmodal .add-visit-backend-modal .blockade-form-end select, #efmodal .add-visit-type .blockade-form-end select { width: 100px; } } #efmodal .efmodal-patient-pdf-options { width: 450px; } #efmodal .efmodal-patient-pdf-options input[type=checkbox] { width: 22px; height: 22px; border: 1px solid #ccc; cursor: pointer; margin: 0 10px 0 0; } #efmodal .efmodal-patient-pdf-options .pdf-checkbox-container > div { display: flex; align-items: center; font-weight: 500; font-size: 14px; margin-bottom: 15px; padding: 0 25px; } #efmodal .efmodal-patient-pdf-options .pdf-checkbox-container > div label { font-weight: 500; margin: 0; } #efmodal .efmodal-patient-pdf-options .pdf-finish { display: flex; justify-content: flex-end; } #efmodal .efmodal-patient-pdf-options .pdf-finish button { height: 42px; padding: 0 15px; border: 1px solid #93bc1e; font-weight: 600; background-color: #ffffff; margin-left: 15px; color: #93bc1e; font-size: 14px; } #efmodal .efmodal-patient-pdf-options .pdf-finish button:hover { color: #ffffff; background-color: #93bc1e; } #efmodal .efmodal-patient-pdf-options .pdf-files-info { color: #999; } @media only screen and (max-width: 767px) { #efmodal .efmodal-patient-pdf-options { width: 100%; } } #efmodal .efmodal-note-top { font-weight: 600; font-size: 14px; margin-bottom: 15px; } #efmodal .efmodal-note-last { color: #999; font-weight: 500; margin-bottom: 15px; } #efmodal .efmodal-note-last span { line-height: 0; font-size: 22px; color: #000; font-weight: 700; } #efmodal .efmodal-note-last span:first-of-type { padding-right: 5px; } #efmodal .efmodal-note-last span:last-of-type { padding-left: 5px; } #efmodal .efmodal-note-response { margin-bottom: 15px; border: 1px solid #ccc; padding: 10px; font-size: 14px; width: 100%; height: 150px; resize: none; } #efmodal .efmodal-edit-note-score { width: 100%; margin-bottom: 25px; display: flex; } #efmodal .efmodal-edit-note-score .edit-note-score { width: calc(100% / 3); height: 42px; display: flex; justify-content: center; align-items: center; border: 1px solid #ccc; cursor: pointer; font-weight: 600; } #efmodal .efmodal-edit-note-score .edit-note-score:hover, #efmodal .efmodal-edit-note-score .edit-note-score.active { background-color: #999; color: #fff; } #fullpage-form .fullpage-form-form { padding: 20px; display: flex; flex-direction: column; } #fullpage-form input, #fullpage-form textarea { margin-bottom: 25px; } #fullpage-form ul { margin: 0; display: none; } #fullpage-form .fullpage-form-input-text { height: 42px; padding-left: 15px; font-size: 14px; } #fullpage-form .fullpage-form-input-text::placeholder { color: #999; } #fullpage-form .fullpage-form-input-textarea { height: 125px; font-size: 14px !important; padding: 10px; } #fullpage-form .input-form-hint { font-weight: 600; font-size: 14px; } #fullpage-form .input-form-saving { display: flex; justify-content: space-between; align-items: center; } #fullpage-form .input-form-saving .input-form-save-as-template { display: flex; align-items: center; } #fullpage-form .input-form-saving .input-form-save-as-template label { margin-left: 10px; font-weight: 600; font-size: 14px; margin-bottom: 0; } #fullpage-form .input-form-saving .input-form-save-as-template input[type=checkbox] { width: 16px; height: 16px; margin: 0; } #fullpage-form .input-form-saving .input-form-save-as-template select { display: none; } #fullpage-form .input-form-saving button { height: 42px; font-weight: 600; margin-left: 15px; padding: 0 15px; font-size: 14px; } #fullpage-form .input-form-saving button.input-form-cancel { border: 1px solid #ccc; background-color: #fff; } #fullpage-form .input-form-saving button.fullpage-form-submit { border: 1px solid #93bc1e; background-color: #93bc1e; color: #ffffff; } #fullpage-form .treatment-flex { display: flex; clear: both; } #fullpage-form .treatment-flex div { width: 50%; } #fullpage-form .treatment-flex div:nth-of-type(1) { padding-right: 25px; } @media only screen and (max-width: 767px) { #fullpage-form { padding: 0; } #fullpage-form .input-form-saving { display: block; } #fullpage-form .input-form-saving .input-form-save-as-template { margin-bottom: 25px; } #fullpage-form .treatment-save-mobile { display: flex; justify-content: space-between; } #fullpage-form .treatment-save-mobile button { margin: 0; } #fullpage-form .treatment-flex { display: block; } #fullpage-form .treatment-flex div { width: 100%; padding-right: 0 !important; } } .treatment-add-container { display: flex; justify-content: center; } .treatment-add-container .treatment-add-button button { cursor: pointer; user-select: none; font-weight: 600; font-size: 14px; color: #ffffff; background-color: #93bc1e; border: 0; display: block; height: 42px; padding: 0 20px; } .treatment-add-container .treatment-add-button button .lnr { margin-left: 5px; position: relative; top: 1px; } .treatments-notreatments { text-align: center; padding: 30px 0; font-size: 18px; font-weight: 500; } .treatment-single { margin-bottom: 15px; border-style: solid; border-color: #ccc; border-width: 1px 0 1px 0; padding: 15px; } .treatment-single .treatment-name { cursor: pointer; user-select: none; display: flex; justify-content: space-between; align-items: center; font-weight: 600; font-size: 14px; } .treatment-single .treatment-name p { margin: 0; } .treatment-single .treatment-firstrow { display: flex; justify-content: space-between; width: 70%; } .treatment-single .treatment-secondrow { width: 25%; display: flex; justify-content: space-between; } @media only screen and (max-width: 1199px) { .treatment-single .treatment-firstrow { width: 65%; } .treatment-single .treatment-secondrow { width: 32%; } } .treatment-single .treatment-firstrow img, .treatment-single .treatment-secondrow img { display: inline !important; margin: 0 0 0 3px !important; width: 14px; height: 14px; } .treatment-single .action-edit a { color: #93bc1e; } .treatment-single .action-delete { color: #FF5B40; } .treatment-single .treatment-codes { margin-bottom: 24px; } .treatment-single .treatment-codes .treatment-code-container { margin: 37px 0 24px 0; } .treatment-single .treatment-codes .treatment-code-none { font-weight: 600; margin: 12px 0 24px 0; } .treatment-single .treatment-properties { margin-top: 25px; font-size: 14px; } .treatment-single .treatment-properties .treatment-property { color: #555; font-weight: 500; } .treatment-single .treatment-properties .treatment-property-value { font-weight: 600; margin: 12px 0 24px 0; } .treatment-single .treatment-properties .treatment-controls a { width: 20%; text-align: center; font-weight: 500; background-color: #e0e0e0; padding: 10px 0; color: #000; border: 0; display: inline-block; margin: 5px; } @media only screen and (max-width: 1199px) { .treatment-single .treatment-properties .treatment-controls a { width: 40%; } } @media only screen and (max-width: 768px) { .treatment-single .treatment-properties .treatment-controls a { width: 100%; margin-bottom: 10px; } } .treatment-single .treatment-flex { display: flex; } .treatment-single .treatment-flex div { width: 50%; } .treatment-single .treatment-flex div:nth-of-type(1) { padding-right: 15px; } @media only screen and (max-width: 767px) { .treatment-single { padding: 15px 0; } .treatment-single .treatment-name { display: block; } .treatment-single .treatment-firstrow, .treatment-single .treatment-secondrow { width: 100%; } .treatment-single .treatment-firstrow { margin-bottom: 10px; } .treatment-single .treatment-flex { display: block; } .treatment-single .treatment-flex div { width: 100%; } .treatment-single .treatment-flex div:nth-of-type(1) { padding-right: 0; } } .treatment-name-container { position: relative; } .treatment-name-container .treatment-autocomplete-container { position: absolute; top: 71px; background-color: #fff; border: 1px solid #ccc; width: 100%; z-index: 5; } .treatment-name-container .treatment-autocomplete-row { height: 42px; display: flex; padding-left: 15px; font-size: 14px; font-weight: 600; cursor: pointer; overflow: hidden; width: 100%; line-height: 42px; align-items: flex-start; } .treatment-name-container .treatment-autocomplete-row:hover { background-color: #93bc1e; color: #fff; } .treatment-sticky-container { position: relative; width: 100%; top: 42px; } .treatment-sticky-container .treatment-sticky { position: absolute; background-color: #fff; border: 1px solid #a8a8a8; width: 100%; z-index: 2; } .treatment-sticky-container .treatment-sticky .treatment-sticky-single { padding: 10px; cursor: pointer; user-select: none; } .treatment-sticky-container .treatment-sticky .treatment-sticky-single:hover { background-color: #ddd; } .treatment-sticky-container .treatment-sticky .treatment-sticky-single p { margin: 0; } .treatment-sticky-container .treatment-sticky .treatment-sticky-no-results { text-align: center; margin: 0; padding: 15px; } .treatment-icd-single, .treatment-icd9-single, .treatment-icf-single { padding: 5px 15px; display: inline-block; margin: 10px 5px 0 5px; border-radius: 25px; position: relative; top: -25px; font-size: 12px; font-weight: 500; max-height: 42px; line-height: 17px; overflow: hidden; } .treatment-icd-single .lnr, .treatment-icd9-single .lnr, .treatment-icf-single .lnr { margin-left: 10px; position: relative; top: 2px; cursor: pointer; } .treatment-icd-single { background-color: rgba(0, 123, 255, 0.3); } .treatment-icf-single { background-color: rgba(149, 188, 35, 0.3); } .treatment-icd9-single { background-color: #FFF0CD; } .icd-input-single, .icf-input-single { display: none; } .treatment-visits { background-color: #F5F7F9; padding: 15px; text-align: center; } .treatment-visit-textarea { font-size: 14px; resize: none; height: 120px !important; width: 100%; margin-bottom: 10px; background: #fff !important; border: 1px solid #ccc !important; padding: 10px !important; } .treatment-visit-textarea:focus { border: 1px solid #93bc1e !important; outline: none; } .treatment-visit-new-header { font-weight: 700; font-size: 18px; margin-bottom: 5px; } .treatment-visit-new-date { font-size: 12px; } .treatment-empty-container { text-align: right !important; } .treatment-empty-container label { text-align: right !important; } .treatment-visit-new-button, .treatment-visit-finish-button, .treatment-visit-cancel-button, .treatment-visit-new-button-disabled { border: 1px solid #ccc; text-transform: uppercase; background-color: transparent; height: 42px; padding: 0 20px; margin-bottom: 10px; font-weight: 600; } .treatment-visit-new-button:hover:not(.treatment-visit-new-button-disabled), .treatment-visit-finish-button:hover:not(.treatment-visit-new-button-disabled), .treatment-visit-cancel-button:hover:not(.treatment-visit-new-button-disabled), .treatment-visit-new-button-disabled:hover:not(.treatment-visit-new-button-disabled) { color: #f2f2f2; background: #93bc1e; } .treatment-visit-new-button-disabled { cursor: not-allowed; opacity: 0.5; } .treatment-visit-new-blocked { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: center; padding: 15px; background-color: #DDEBF9; } .treatment-visit-new-blocked-icon { width: 20px; margin-right: 15px; } .treatment-visit-new-blocked-button { width: 125px; height: 42px; background-color: #007bff; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 500; } .treatment-visit-new-blocked-button:hover { color: #fff; } .treatment-visit-new-blocked-text { width: calc(100% - 165px); text-align: left; margin: 0; font-weight: 600; } @media screen and (max-width: 499px) { .treatment-visit-new-blocked-icon { margin-right: 5px; } .treatment-visit-new-blocked-button { width: 100px; } .treatment-visit-new-blocked { padding: 15px 5px; } .treatment-visit-new-blocked-text { width: calc(100% - 130px); } } .treatment-visit-novisits { margin: 10px 0 !important; font-weight: 600; } .treatment-visit-property { text-align: left; font-weight: 600; margin-bottom: 15px; } .treatment-visit-property-flex { display: flex; justify-content: space-between; } .treatment-visit-custom-switch { display: flex; } .treatment-visit-custom-switch > span { margin-left: 10px; } .treatment-visit-edit-custom-switch { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .treatment-visit-edit-custom-switch > div { display: flex; } .treatment-visit-edit-custom-switch .treatment-visit-edit-custom-background { background-color: #eee; padding: 5px 10px; align-items: center; border-radius: 5px; } .treatment-visit-edit-custom-switch .treatment-visit-edit-custom-background > div { height: 20px; } .treatment-visit-edit-custom-switch span { font-size: 14px; margin-left: 10px; font-weight: 600; } .treatment-visit-edit-section input, .treatment-visit-edit-section select { width: 100%; height: 42px !important; padding: 0 15px !important; border: 1px solid #ccc; margin-bottom: 15px; } .treatment-visit-buttons { display: flex; flex-direction: column; align-items: flex-end; margin-top: 25px; } .treatment-visit-buttons .treatment-visit-p1-switch { display: flex; align-items: center; margin-bottom: 8px; } .treatment-visit-buttons .treatment-visit-p1-switch span { margin-left: 6px; font-weight: 600; } .treatment-visit-buttons .treatment-visit-buttons-row { display: flex; justify-content: space-between; width: 100%; } .treatment-visit-finish-button { border: 1px solid #93bc1e; background-color: #93bc1e; color: #ffffff; } .treatment-visit-cancel-button { padding: 3px 15px; } .treatment-visit-single { background-color: #E9EBEE; width: 100%; margin: 0 auto 10px auto; text-align: left; padding: 15px; } .treatment-visit-single .t-visit-header { display: flex; justify-content: space-between; } .treatment-visit-single .t-visit-header .t-visit-counter { font-weight: 600; margin-bottom: 10px; } @media only screen and (max-width: 425px) { .treatment-visit-single .t-visit-header .t-visit-counter span { display: block; margin-left: 0; } } .treatment-visit-single .t-visit-header .t-visit-edit-field { display: flex; cursor: pointer; font-weight: 600; } .treatment-visit-single .t-visit-header .t-visit-edit-field img { width: 16px; margin-left: 10px; } .treatment-visit-single .t-visit-header .lnr { color: #93bc1e; } .treatment-visit-single .t-visit-registered { font-size: 12px; color: #555; margin-left: 10px; font-weight: 400; } .treatment-visit-single .t-visit-edited { font-size: 12px; color: #93bc1e; margin-left: 10px; font-weight: 500; } .treatment-visits-collapsible { display: none; } .t-visit-value { margin-bottom: 30px; } .t-visit-value.t-visit-icd9 { display: flex; flex-wrap: wrap; } .t-visit-value.t-visit-icd9 .treatment-visit-icd9-row { background-color: rgba(255, 178, 0, 0.2) !important; } .t-visit-value.t-visit-icd9 .treatment-visit-icd9-row p { padding-right: 0 !important; } .t-visit-show-more { position: relative; top: -32px; font-weight: 600; cursor: pointer; user-select: none; text-transform: uppercase; display: flex; width: 250px; height: 42px; background-color: #fff; border: 1px solid #ccc; margin: 0 auto; justify-content: center; align-items: center; } .t-visit-show-more img { width: 14px; margin: 0 !important; } .t-visit-show-more span { margin: 0 10px 0 0; } #treatment-visit-icd9-section .treatment-visit-input, #treatment-visit-icd9-section .treatment-visit-edit-input, #treatment-visit-edit-icd9-section .treatment-visit-input, #treatment-visit-edit-icd9-section .treatment-visit-edit-input { width: 100%; height: 42px; border: 1px solid #ccc; padding: 0 15px; } #treatment-visit-icd9-section .treatment-visit-edit-icd9, #treatment-visit-icd9-section .treatment-visit-icd9, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9, #treatment-visit-edit-icd9-section .treatment-visit-icd9 { position: relative; } #treatment-visit-icd9-section .treatment-visit-icd9-autocomplete-container, #treatment-visit-icd9-section .treatment-visit-edit-icd9-autocomplete-container, #treatment-visit-edit-icd9-section .treatment-visit-icd9-autocomplete-container, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-autocomplete-container { border: 1px solid #ccc; position: absolute; top: -1px; max-height: 215px; overflow-y: auto; z-index: 4004; width: 100%; } #treatment-visit-icd9-section .treatment-visit-icd9-autocomplete-row, #treatment-visit-icd9-section .treatment-visit-edit-icd9-autocomplete-row, #treatment-visit-edit-icd9-section .treatment-visit-icd9-autocomplete-row, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-autocomplete-row { padding: 10px 15px; background-color: #fff; position: relative; border-bottom: 1px solid #ccc; z-index: 4004; cursor: pointer; text-align: left; } #treatment-visit-icd9-section .treatment-visit-icd9-autocomplete-row p, #treatment-visit-icd9-section .treatment-visit-edit-icd9-autocomplete-row p, #treatment-visit-edit-icd9-section .treatment-visit-icd9-autocomplete-row p, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-autocomplete-row p { margin-bottom: 0; } #treatment-visit-icd9-section .treatment-visit-icd9-autocomplete-row p span, #treatment-visit-icd9-section .treatment-visit-edit-icd9-autocomplete-row p span, #treatment-visit-edit-icd9-section .treatment-visit-icd9-autocomplete-row p span, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-autocomplete-row p span { font-weight: 600; } #treatment-visit-icd9-section .treatment-visit-icd9-autocomplete-row:hover, #treatment-visit-icd9-section .treatment-visit-edit-icd9-autocomplete-row:hover, #treatment-visit-edit-icd9-section .treatment-visit-icd9-autocomplete-row:hover, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-autocomplete-row:hover { background-color: #ddd; } #treatment-visit-icd9-section .treatment-visit-icd9-added, #treatment-visit-icd9-section .treatment-visit-edit-icd9-added, #treatment-visit-edit-icd9-section .treatment-visit-icd9-added, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-added { padding: 10px 0 0 0; display: flex; flex-wrap: wrap; min-height: 58px; } #treatment-visit-icd9-section .treatment-visit-icd9-row, #treatment-visit-icd9-section .treatment-visit-edit-icd9-row, #treatment-visit-edit-icd9-section .treatment-visit-icd9-row, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-row { font-size: 12px; padding: 8px 10px; background-color: #FFF0CD; border-radius: 10px; margin: 0 15px 15px 0; display: flex; justify-content: space-between; align-items: center; text-align: left; } #treatment-visit-icd9-section .treatment-visit-icd9-row p, #treatment-visit-icd9-section .treatment-visit-edit-icd9-row p, #treatment-visit-edit-icd9-section .treatment-visit-icd9-row p, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-row p { max-height: 34px; overflow: hidden; margin-bottom: 0; font-weight: 600; padding-right: 15px; } #treatment-visit-icd9-section .treatment-visit-icd9-delete, #treatment-visit-icd9-section .treatment-visit-edit-icd9-delete, #treatment-visit-edit-icd9-section .treatment-visit-icd9-delete, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-delete { width: 15px; height: 15px; cursor: pointer; flex-shrink: 0; } #treatment-visit-icd9-section .treatment-visit-icd9-delete img, #treatment-visit-icd9-section .treatment-visit-edit-icd9-delete img, #treatment-visit-edit-icd9-section .treatment-visit-icd9-delete img, #treatment-visit-edit-icd9-section .treatment-visit-edit-icd9-delete img { width: 100%; height: 100%; } #treatment-visit-icd9-section .treatment-visit-white, #treatment-visit-edit-icd9-section .treatment-visit-white { padding: 15px 15px 0 15px; background-color: #fff; margin-bottom: 15px; } #treatment-visit-edit-icd9-section { height: 300px; overflow-y: auto; } .treatment-visit-visit-container { background-color: #fff; padding: 15px; margin-bottom: 15px; max-height: 400px; overflow-y: auto; } .treatment-visit-custom-container { background-color: #fff; padding: 15px; margin-bottom: 15px; display: flex; text-align: left; justify-content: space-between; } .treatment-visit-custom-container > div { width: calc(100% / 3 - 10px); } .treatment-visit-custom-container > div > p { font-weight: 600; font-size: 14px; margin-bottom: 20px; } .treatment-visit-custom-container > div input, .treatment-visit-custom-container > div select { width: 100%; height: 42px !important; padding-left: 15px !important; } @media screen and (max-width: 767px) { .treatment-visit-custom-container { flex-wrap: wrap; } .treatment-visit-custom-container > div { width: 100%; margin-bottom: 15px; } } .treatment-visit-visit-row { display: flex; padding: 15px; border-bottom: 1px solid #ccc; text-align: left; font-weight: 600; } .treatment-visit-visit-row .t-v-v-date, .treatment-visit-visit-row .t-v-v-day, .treatment-visit-visit-row .t-v-v-hour, .treatment-visit-visit-row .t-v-v-select { width: 18%; } .treatment-visit-visit-row .t-v-v-select { color: #93bc1e; text-align: right; } .treatment-visit-visit-row .t-v-v-select span { cursor: pointer; } .treatment-visit-visit-row .t-v-v-service { width: 28%; } .treatment-visit-edit-visit-container { height: 325px; overflow-y: auto; margin-bottom: 20px; } .treatment-visit-edit-visit-row { border: 1px solid #ccc; padding: 12px 10px; margin: 12px 10px; display: flex; justify-content: space-between; align-items: flex-start; } .treatment-visit-edit-visit-row .treatment-visit-edit-labels { width: 90px; } .treatment-visit-edit-visit-row .treatment-visit-edit-values { width: calc(100% - 215px); } .treatment-visit-edit-visit-row .treatment-visit-edit-values p { font-weight: 600; } .treatment-visit-edit-visit-row p { margin-bottom: 3px; font-size: 14px; font-weight: 400; } .treatment-visit-edit-visit-select { cursor: pointer; width: 100px; height: 32px; font-size: 14px; font-weight: 500; background-color: #fff; border: 1px solid #ccc; } .treatment-visit-edit-visit-select.active { background-color: #93bc1e; color: #fff; border-color: #93bc1e; } .t-v-v-mobile { display: none; } .t-v-v-custom { margin-left: 10px; color: #999; font-weight: 400; } @media only screen and (max-width: 399px) { .treatment-visit-edit-visit-row { flex-wrap: wrap; justify-content: center; } .treatment-visit-edit-visit-row .treatment-visit-edit-labels, .treatment-visit-edit-visit-row .treatment-visit-edit-values { width: 50%; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .treatment-visit-visit-row.row-header { display: none; } .treatment-visit-visit-row .t-v-v-date, .treatment-visit-visit-row .t-v-v-day, .treatment-visit-visit-row .t-v-v-hour, .treatment-visit-visit-row .t-v-v-service { width: 50%; margin-bottom: 10px; text-align: center; } .treatment-visit-visit-row .t-v-v-select { width: 100%; margin: 15px 0; text-align: center; } .t-v-v-mobile { display: block; font-weight: 400; } .treatment-visit-visit-row { flex-wrap: wrap; } .treatment-visit-visit-select { background-color: #93bc1e; color: #fff; padding: 5px 10px; } } .t-visit-sync-status { margin: auto auto auto .5rem !important; display: inline-block !important; height: 2.5rem; } .t-visit-sync-btn { margin-left: auto; display: block; } .add-company-container { padding: 20px; border: 2px dashed #ccc; float: left; width: 100%; } .add-company-container .title { background: transparent; padding: 0; } .right-sidebar .box .content .assignment__element__summary img { margin: 0 15px 0 0; } .assignment__element__image, .assignment__element__info { padding-left: 0; } .assignment__element__image { width: 120px; height: 120px; margin-bottom: 15px; } .assignment__element__image img { width: 100%; height: 100%; margin: 0; } .assignment__element__info { width: calc(100% - 135px); display: flex; justify-content: space-between; } .assignment__element__container.content { padding: 15px 0; } .assignment__element__info__name { font-size: 14px; line-height: 14px; color: #93bc1e; font-weight: bold; display: flex; align-items: center; } .assignment__element__info__info { font-size: 14px; line-height: 14px; } .assigment__request__row { display: flex; justify-content: space-between; align-items: center; } .assigment__request__row .added-specialists-actions { width: 210px; } .assigment__request__row .assignment__element { width: calc(100% - 215px); } .assigment__request__row .assignment__element .assignment__element__info { justify-content: flex-start; } .assigment__request__row .assignment__element .assignment__element__info__name { margin-right: 15px; } .assignment__element { border-top: 1px solid #ccc; padding: 15px 0; position: relative; display: flex; align-items: center; justify-content: space-between; } #ef-modal-assignToCompany .box { margin: 0; } #ef-modal-assignToCompany .title { padding: 0; } #ef-modal-assignToCompany input { width: 100%; border: 1px solid #ccc; border-radius: 0; padding: 10px 15px; } .added-specialists-actions a { width: 100%; margin-bottom: 10px; } .timestamp-container { position: absolute; bottom: 5px; right: 5px; font-size: 12px; font-weight: 600; } .added-specialist__container > .row { margin: 15px 0; border-top: 1px solid #ccc; padding: 15px 0; } .added-specialist__container > .row:first-child { margin-top: 0; } .added-company__container { position: relative; } @media only screen and (max-width: 767px) { .assignment__element, .assignment__element__info, .assigment__request__row { flex-direction: column; width: 100% !important; } .assignment__element__info__name { justify-content: center; margin-bottom: 15px; } .assigment__request__row { align-items: center; justify-content: center; text-align: center; } } @media screen and (min-width: 768px) { .assignment__element__image { margin-bottom: 0; } .added-specialists-actions a { width: auto; margin-bottom: 0; } } .request-status { font-weight: 600; text-align: center; padding: 5px 20px; font-size: 12px; text-transform: uppercase; margin: 0; } .request-cancel { position: absolute; right: 0; bottom: -12px; background-color: transparent; border: 0; font-size: 12px; font-weight: 600; text-decoration: underline; color: #aaa; } .request-status--PENDING { background: #efefef; color: #555; } .request-status--APPROVED { background: #f4f8e9; color: #93ba21; } .request-status--REJECTED { background: #ffeeeb; color: #ff5b40; } .message__group { display: flex; flex-direction: column; border-top: 1px solid #ccc; } .message__item { display: flex; padding: 15px 0; font-size: 14px; justify-content: space-between; align-items: center; } .message__invoice { border-bottom: 1px solid #ccc; } .message__invoice__actions { display: flex; } .message__invoice__actions .btn-efizjo { display: flex; align-items: center; justify-content: center; } .message__invoice__actions .btn-efizjo:not(:first-child) { margin-left: 15px; } .message-callendar-request img { width: 80px; height: 80px; margin-bottom: 0 !important; } .message-callendar-request .request-info { width: calc(100% - 80px); padding: 7px; } .request-premium { color: #ffffff; background-color: #93bc1e; padding: 10px; font-weight: 600; font-size: 12px; } .request-premium:hover, .request-premium:active { color: #ffffff; } .create__user__container > div { margin-bottom: 15px; } .create-user-hint { color: #93bc1e; font-weight: 600; font-size: 12px; display: flex; align-items: flex-start; margin: 0 !important; } .create-user-hint p { margin: 0; line-height: 11px; width: 90%; } .create-user-hint img { width: 20px; margin-right: 5px; } #ef-modal-registerMerchantModal .help-box { display: flex; margin-bottom: 15px; } #ef-modal-registerMerchantModal .help-box .efizjo-tooltip { margin-right: 5px !important; } #ef-modal-registerMerchantModal .radio-container { display: flex; align-items: center; padding: 0; margin-bottom: 5px; } #ef-modal-registerMerchantModal .radio-container input { margin: 0 5px 0 0; } #ef-modal-registerMerchantModal .radio-container label { margin: 0; } .backend-calendars { background-color: #ffffff; } .backend-calendars .calendarTopMenu { width: 100%; text-align: center; border-bottom: 3px solid #ffffff; background-color: #F5F7F9; display: flex; height: 60px; align-items: center; overflow: visible; position: relative; } .backend-calendars .calendarTopMenu .arrow-calendar { display: flex; justify-content: center; align-content: center; cursor: pointer; width: 30px; height: 60px; background-color: #ccc; position: absolute; left: 0; z-index: 1; } .backend-calendars .calendarTopMenu .arrow-calendar.right-arrow-calendar-day { right: 0; left: initial; } .backend-calendars .calendarTopMenu .arrow-calendar img { width: 7px; } .backend-calendars .calendarTopMenu .actual-top-date { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; } .backend-calendars .calendarTopMenu .day-number { font-size: 22px; font-weight: 700; margin: 0 10px; } .backend-calendars .calendarTopMenu .calendar-date { width: 100%; display: flex; } .backend-calendars .calendarTopMenu .calendar-date-box { display: flex; align-items: center; cursor: pointer; width: 100%; justify-content: center; position: relative; } .backend-calendars .calendarTopMenu .calendar-date-box .ui-datepicker { top: 30px; z-index: 7; position: absolute; } .backend-calendars .calendarTopMenu .calendar-date-box.date-datepicker-week .ui-datepicker { top: 60px; right: 0; transform: translate(25%, 0); } .backend-calendars .calendarTopMenu .calendar-date-box .day-info-mobile { display: none; } .backend-calendars .calendarTopMenu .calendar-date-box .day-info-desktop { display: block; } .backend-calendars .calendarTopMenu .calendar-date-box.date-past > span { color: #333; opacity: 0.3; } .backend-calendars .calendarTopMenu .calendar-date-box.date-past .day-number { color: #333; opacity: 0.3; } .backend-calendars .calendarTopMenu .calendar-date-box.date-current .day-number { color: #93bc1e; } .backend-calendars .calendarTopDate { padding: 0 30px 15px 30px; display: flex; justify-content: space-between; align-items: center; } .backend-calendars .calendarTopDate .top-date { font-weight: 600; font-size: 16px; } .backend-calendars .calendarTopDate .view-type-picker { height: 42px; width: 115px; } .backend-calendars .calendarTopDate .view-type-picker .view-type-selected { user-select: none; border: 1px solid #ccc; justify-content: center; align-items: center; width: 100%; height: 100%; font-weight: 600; cursor: pointer; display: flex; } .backend-calendars .calendarTopDate .view-type-picker .view-type-selected:hover { border-color: #93bc1e; } .backend-calendars .calendarTopDate .view-type-picker .view-type-selected img { margin-left: 10px; filter: invert(30%) sepia(0%) saturate(1101%) hue-rotate(138deg) brightness(98%) contrast(82%); } .backend-calendars .calendarTopDate .view-type-picker .view-type-selection { height: 100%; cursor: pointer; width: 100%; } .backend-calendars .calendarTopDate .view-type-picker .view-type-option { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #ccc; background-color: #fff; font-weight: 600; z-index: 6; position: relative; } .backend-calendars .calendarTopDate .view-type-picker .view-type-option:hover { border-color: #93bc1e; } @media only screen and (max-width: 767px) { .backend-calendars .calendarTopDate .view-type-picker { display: none; } } .backend-calendars .day-info-public-holiday { padding-left: 2px; position: absolute; align-items: center; background-color: #7200FF; width: 100%; color: #ffffff; overflow: hidden; bottom: -25px; z-index: 5; font-size: 12px; font-weight: 600; height: 16px; white-space: nowrap; text-overflow: ellipsis; } .backend-calendars .day-info-public-holiday.day-info-holiday { background-color: #ccc; } .backend-calendars.calendar-day-view .day-info-public-holiday { bottom: -17px; } .backend-calendars.calendar-week-view .calendarTopMenu { height: 90px; } .backend-calendars.calendar-week-view .calendarTopMenu .calendar-hour-spacer { width: 56px; } .backend-calendars.calendar-week-view .calendarTopMenu .calendar-date-box { width: calc(100% / 7 - 8px); display: block; } .backend-calendars.calendar-week-view .calendarTopMenu .calendar-date-box .day-info-desktop { display: none; } .backend-calendars.calendar-week-view .calendarTopMenu .calendar-date-box .day-info-mobile { display: block; line-height: 0; padding: 6px 0; } .backend-calendars .empty-space-container { background-color: #F5F7F9; padding: 100px 25px; font-size: 18px; font-weight: 500; } .backend-calendars .empty-space-container .define-hours-button { width: 166px; height: 42px; background-color: #93bc1e; color: #ffffff; display: flex; justify-content: center; align-items: center; margin: 30px auto 0 auto; font-size: 14px; font-weight: 600; } .backend-calendars .empty-space-container .define-hours-button img { width: 22px; margin: 0 10px 0 0; } .backend-calendars .calendar-bottom-container { width: 100%; display: flex; } .backend-calendars .calendar-days-container { width: calc(100% - 56px); position: relative; } .backend-calendars .calendar-background { width: 100%; display: flex; position: absolute; top: 0; left: 0; z-index: 0; } .backend-calendars .calendar-week-view { position: relative; width: calc(100% / 7); border-right: 3px solid #fff; } .backend-calendars .calendar-week-view:last-of-type { border-right: 0; } .backend-calendars .calendar-tiles { position: relative; z-index: 1; display: flex; } .backend-calendars .calendar-quarter { background-color: #F5F7F9; width: 100%; height: 15px; } .backend-calendars .calendar-quarter.last-quarter { height: 18px; border-bottom: 3px solid #fff; } .backend-calendars .calendar-day-view { width: 100%; position: relative; } .backend-calendars .calendar-day-view .day-define-hours { border-style: solid; border-color: #fff; border-width: 0 3px 3px 0; } .backend-calendars .day-define-hours { position: absolute; width: 100%; text-align: center; z-index: 3; padding: 5px; background-color: #E9EBEE; } .backend-calendars .day-define-hours a { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 100%; max-width: 150px; height: 42px; color: #93bc1e; border: 1px solid #93bc1e; background-color: transparent; font-weight: 600; } .backend-calendars .day-define-hours a img { width: 18px; margin-left: 6px; } .backend-calendars .day-is-holiday { position: absolute; width: 100%; z-index: 3; background-color: #E9EBEE; height: 63px; text-align: center; padding-top: 5px; font-weight: 600; } .backend-calendars .calendar-hour-label { width: 56px; background-color: #F5F7F9; height: 63px; display: flex; justify-content: space-between; border-width: 0 3px 3px 0; border-style: solid; border-color: #fff; } .backend-calendars .calendar-hour-label p { padding-left: 3px; margin: 0; font-weight: 600; font-size: 16px; line-height: 16px; } .backend-calendars .calendar-hour-label .calendar-minutes p { font-size: 15px; margin: 0; height: 15px; line-height: 15px; font-weight: 400; color: #ccc; } .backend-calendars .calendar-hour-label.non-active { height: 85px; } .backend-calendars .calendar-entry { width: 100%; user-select: none; position: relative; } .backend-calendars .ce-greyed-out { background-color: #E9EBEE; } .backend-calendars .ce-margin-bottom { margin-bottom: 3px; } .backend-calendars .ce-occupied { width: 100%; height: 100%; align-items: center; display: flex; background-color: #d9edf7; font-size: 12px; overflow: hidden; cursor: pointer; position: absolute; z-index: 5; } .backend-calendars .ce-occupied.occupied-done { background-color: #dff0d8; } .backend-calendars .ce-occupied.occupied-undone { background-color: #f2dede; } .backend-calendars .ce-occupied.occupied-confirmedByPatient { background: url("../images/statusImages/confirmed_patient.jpg"); background-repeat: repeat; background-color: #fff; border: 1px solid #dff0d8; } .backend-calendars .ce-hover-details-hidden { display: none !important; } .backend-calendars .ce-hover-details { position: absolute; right: 0; z-index: 999; width: 275px; background-color: #ffffff; box-shadow: 0 0 15px #ccc; padding: 10px 10px 5px 10px; font-size: 12px; font-weight: 500; line-height: 14px; letter-spacing: 0.23px; } .backend-calendars .ce-hover-details p { margin: 0; } .backend-calendars .ce-hover-details .hover-flex { display: flex; margin-bottom: 5px; } .backend-calendars .ce-hover-details .hover-left { width: 25%; } .backend-calendars .ce-hover-details .hover-right { width: 75%; font-weight: 600; } .backend-calendars .ce-hover-details .hover-right.calendar-entry-service-name { border-left: 2px solid transparent; } .backend-calendars .ce-hover-details .hover-reserved { background-color: #d9edf7; color: #31708f; padding: 3px 10px; } .backend-calendars .ce-hover-details .hover-done { background-color: #f1f9ea; color: #3c763d; padding: 3px 10px; } .backend-calendars .ce-hover-details .hover-undone { background-color: #f7ecec; color: #a94442; padding: 3px 10px; } .backend-calendars .ce-hover-details .hover-confirmedByPatient { background: url("../images/statusImages/confirmed_patient.jpg"); background-repeat: repeat; color: #3c763d; padding: 3px 10px; border: 1px solid #dff0d8; } .backend-calendars .ce-blockade { width: 100%; height: 100%; display: flex; background-color: #b1d1b1; font-size: 12px; overflow: hidden; cursor: pointer; } .backend-calendars .ce-blockade:hover { overflow: visible; } .backend-calendars .ce-blockade:hover .ce-blockade-title { text-decoration: underline; color: #fff; } .backend-calendars .ce-blockade .ce-blockade-title { font-weight: 700; font-size: 11px; display: flex; padding: 5px 0 0 2px; } .backend-calendars .ce-blockade .ce-blockade-title img { width: 12px; position: relative; top: -2px; left: 3px; } .backend-calendars .ce-blockade p { padding-left: 5px; margin: 0; font-weight: 600; } .backend-calendars .ce-blockade-content { width: 100%; height: 100%; display: flex; align-items: flex-start; } .backend-calendars .ce-text-content { width: calc(100% - 2px); height: 100%; overflow: hidden; font-weight: 500; line-height: 1.2; padding: 2px 3px 0 3px; } .backend-calendars .ce-status-bar { height: 100%; width: 2px; } .backend-calendars .ce-status-bar.bar-reserved { background-color: #31708f; } .backend-calendars .ce-status-bar.bar-done, .backend-calendars .ce-status-bar.bar-confirmedByPatient { background-color: #93bc1e; } .backend-calendars .ce-status-bar.bar-undone { background-color: #FF5B40; } .backend-calendars .ce-status-bar.bar-blockade { background-color: #555555; } .backend-calendars .ce-free { width: 100%; height: 15px; } .backend-calendars .ce-free span, .backend-calendars .ce-free img { visibility: hidden; } .backend-calendars .ce-free .ce-free-move { display: none; } .backend-calendars .ce-free:hover, .backend-calendars .ce-free.ce-free-hovered { cursor: pointer; border: 1px dashed #3a3a3a; display: flex; justify-content: center; align-items: center; } .backend-calendars .ce-free:hover span, .backend-calendars .ce-free.ce-free-hovered span { font-weight: 600; } .backend-calendars .ce-free:hover img, .backend-calendars .ce-free:hover .ce-free-new { visibility: visible; } .backend-calendars .ce-free:hover img { width: 12px; margin-left: 5px; } .backend-calendars .ce-free.ce-free-hovered .ce-free-move { display: inline-block; visibility: visible; } .backend-calendars .ce-free.ce-free-hovered img, .backend-calendars .ce-free.ce-free-hovered .ce-free-new { display: none; } .edit-form-space-between { display: flex; justify-content: space-between; } .spec-calendar-delete { color: #FF5B40; cursor: pointer; font-size: 14px; margin-right: 15px; } .spec-calendar-delete img { width: 14px; } .visit-move-flex { display: flex; } .visit-move-flex > div { width: 50%; } .visit-move-highlight { color: #93bc1e; font-weight: 600; font-size: 18px; } .visit-move-text:last-of-type { margin-bottom: 6px; } .visit-move-sms-container { display: flex; align-items: center; margin-bottom: 25px; } .visit-move-sms-container input { width: 15px; height: 15px; margin: 0 7px 0 0; position: relative; top: -1px; } .visit-move-sms-container label { margin: 0; font-weight: 500; font-size: 14px; background: none !important; } .services__header { font-size: 14px; } .services__header .services__header__column { display: flex; font-weight: 500; } .service-color__container { display: flex; align-items: center; } .service-color__container label { margin-left: 10px; } .service__label__container { display: flex; align-items: center; margin-bottom: 0 !important; } .services-list__actions { display: flex; align-items: center; justify-content: flex-end; } .services-list__actions .remove { margin-left: 10px; } .services-no-data__container { margin: 20px auto 40px auto; font-weight: 500; line-height: 23px; font-size: 18px; } .services__list { padding: 15px; } .services__container { width: 100%; } .services__container .efizjo-icon { margin: auto !important; } .services__container .add-item-element { margin-top: 10px; margin-bottom: 10px; } .services__add__range { margin-top: 20px; border: 2px dashed #93bc1e; font-size: 16px; text-align: center; color: #93bc1e; font-weight: 600; padding: 10px; cursor: pointer; } .service { font-weight: 600; border-top: 1px solid #ccc; } .service .name { border-left: 2px solid transparent; } .service__feature__title { font-weight: normal; font-size: 14px; margin-bottom: 10px; display: flex; } .service__feature__container { margin: 15px 0 !important; } .service-data--basic { padding-top: 15px; margin-bottom: 0 !important; border-top: 1px solid #ccc; } .service-data--basic__row { display: flex; align-items: center; flex-direction: column; } .new-service__container { background-color: #f5f7f9; padding: 0 15px 15px; } .new-service__container .row { align-items: center; justify-content: center; flex-direction: column; display: flex; } .new-service__container .services__actions { width: 100%; justify-content: flex-end !important; padding-top: 20px; flex-direction: row; } .new-service__container .services__actions .action { margin: 0 10px; } .new-service__container .services__actions .action.update-service, .new-service__container .services__actions .action.add-service { margin-right: 0; } .service__switch__container { position: absolute; bottom: -33px; left: 0; margin-bottom: 0 !important; display: flex; width: 100%; } .service__switch__container .service__switch__container__text { position: relative; left: 10px; bottom: 3px; } .service-data--advanced { margin-bottom: 0 !important; padding-bottom: 20px !important; padding-top: 10px; } @media screen and (min-width: 768px) { .service { padding: 15px 0; } .new-service__container .row { flex-direction: row; } .new-service__container .row.service-data--basic { flex-direction: column; } .service-data--basic__row { flex-direction: row; } } .bundle__list { font-size: 14px; float: left; margin-bottom: 25px; width: 100%; } .bundle__list .visits__history { background: #F5F7F9; } .bundle__list .visits__history__header, .bundle__list .visits__history__details { padding: 15px 0; margin: 0 15px !important; } .bundle__container { float: left; width: 100%; } .bundle__list__element__container { float: left; width: 100%; } .bundle__list__header { padding: 15px 0; border-bottom: 1px solid #ccc; font-weight: 500; } .bundle__list__element { padding: 15px 0; font-weight: 600; border-bottom: 1px solid #ccc; } .bundle__list__element img { margin-bottom: 0 !important; } .bundles__actions { display: flex; align-items: center; justify-content: center; clear: both; } .bundle__list--empty { font-size: 16px; margin: 15px 0; } .bundle__list__element__label { font-weight: 500; margin-bottom: 10px; } .bundle__list__element__block { margin-bottom: 30px; } @media screen and (min-width: 768px) { .bundle__list__element__block { margin-bottom: 0; } } .bundle__details { background: #F5F7F9; padding: 15px 0; } .bundle__details .bundle__details__header { color: #333; font-weight: 500; } .bundle__details .bundle__details__content { font-weight: 600; } .select-bundle-row { margin-bottom: 25px; } .select-bundle-row select { margin-bottom: 0 !important; } #ef-modal-create_bundle_modal label { font-weight: 600; font-size: 14px; width: 100%; } #ef-modal-create_bundle_modal input:not([type='checkbox']), #ef-modal-create_bundle_modal select { height: 42px; border: 1px solid #ccc; border-radius: 0; padding: 0 15px; width: 100%; font-size: 14px; background: transparent; } #ef-modal-create_bundle_modal .box { padding: 0 10px; } #ef-modal-create_bundle_modal .row { margin: 10px 0; } #ef-modal-remove_bundle_modal .box { margin-bottom: 0; } .patient-visits-negative { color: #FF5B40; } .visits__history__header { border-bottom: 1px solid #ccc; font-weight: 500; padding: 15px; } .visits__history__details { padding: 15px; font-weight: 600; } .visits__history__details .visits__history__header__mobile-header { font-weight: 500; } .visits__history__details .visits__history__details__row { margin-bottom: 30px; } .visits__history__details img { margin-bottom: 0 !important; } .visits__history__details { border-bottom: 1px solid #ccc; } .visits__history { float: left; width: 100%; font-size: 14px; } .visits__history__toggle__container { display: flex; align-items: center; justify-content: center; text-transform: uppercase; } .visits__history__toggle__container .efizjo-toggler { margin-top: 15px; } .visits__history__toggle__container .efizjo-toggler .efizjo-toggler__text { color: #95BC23; text-transform: uppercase; line-height: 20px; letter-spacing: 0.27px; font-weight: 600; } @media screen and (min-width: 768px) { .visits__history__details .visits__history__details__row { margin-bottom: 0; } } .header__banner { background: #4c833b; background: linear-gradient(90deg, #4c833b 0%, #18430d 100%); font-weight: 600; } .header__banner .container { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 15px; } .header__banner .header__banner__text { text-align: center; } .header__banner .header__banner__text strong { color: #E1B75D; } .header__banner .header__banner__text a { color: #E1B75D; text-align: center; align-items: center; } .header__banner .header__banner__text a .text { text-decoration: underline; } .header__banner .header__banner__text a span.lnr { font-weight: bold; font-size: 12px; } .header__banner .header__banner__close { cursor: pointer; font-size: 25px; display: flex; } .account-payment-status { display: flex; align-items: center; flex-direction: column; } .account-payment-status .account-payment-status__label { margin: 0 10px; font-size: 14px; color: #333; font-weight: 600; } .account-payment-status .account-payment-status__label-container { display: flex; } .account-payment-status img { margin: 0 !important; } .account-payment-container { display: flex; justify-content: space-between; } .autorefund-container { display: flex; align-items: center; margin-top: 20px; } .autorefund-container #autorefund { height: 18px; margin: 0 10px 0 0; width: auto; } .autorefund-container label { margin: 0; line-height: normal !important; font-size: 14px; } .prepayment-container { font-weight: 600; letter-spacing: 0.27px; } @media screen and (min-width: 550px) { .account-payment-status { flex-direction: row; } } @media screen and (min-width: 992px) { .payments-settings-container .payments-settings-crc { padding-right: 15px !important; } .payments-settings-container .payments-settings-secret { padding-left: 15px !important; } } .payment-finished { padding: 50px; } .payment-finished .actions { flex-direction: column; } .payment-finished .actions .btn { margin: 5px; } .payment-finished .payment-finished__title, .payment-finished .payment-finished__subtitle { text-align: center; } #payment-status-container > div { margin: 10px 0; } @media screen and (min-width: 1024px) { .payment-finished .actions { flex-direction: row; } } .payment-redirect-info { flex-direction: column; } .payment-redirect-info .after-register-title { font-size: 36px; font-weight: 600; } .payment-redirect-info .after-register-subtitle { font-size: 18px; font-weight: 500; margin: 30px 0; } .payment-redirect-info .payment-image-container { margin-bottom: 30px; } @media screen and (min-width: 768px) { #ef-modal-paymentRedirectInfoModal .efmodal-content { padding: 10px 60px; } } .help-box { background-color: #F5F7F9; padding: 15px; font-weight: 600; font-size: 14px; } .p1-settings-container .help-box { display: flex; } .p1-settings-container .help-box .efizjo-tooltip { margin-right: 15px !important; } .p1-settings-container a { color: #93bc1e; } .p1-settings-button { text-transform: uppercase; display: flex; align-items: center; justify-content: flex-start; } .p1-settings-button label:not(.hidden) { display: flex !important; padding: 6px 20px; } .p1-settings-button img { margin-left: 10px; width: 16px; } .p1-checkbox-label { display: flex !important; align-items: center; line-height: initial !important; margin: 10px 0 30px 0; font-size: 14px; } .p1-checkbox-label input { height: auto !important; margin: 0 15px 0 0; } .p1-settings-label { font-weight: 600 !important; font-size: 14px; } .p1-actions { margin-bottom: 15px; } .p1-actions.p1-actions--bordered { border-bottom: 1px solid #ccc; } .p1-pwz-label { margin: 25px 0 15px 0; } .p1-input { width: 100%; height: 42px !important; padding-left: 10px !important; } .p1-input-loaded { font-size: 12px; font-weight: 500; } .p1-specialists { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .p1-help-specialists { margin-top: 15px; } .p1-specialist-row { width: 49%; display: flex; padding: 15px; border: 1px solid #ccc; justify-content: space-between; margin-bottom: 15px; } .p1-specialist-row img { width: 70px; height: 70px; } .p1-specialist-row > div { width: calc(100% - 85px); } .p1-specialist-name { font-size: 14px; font-weight: 600; color: #93bc1e; margin-bottom: 2px; } .p1-specialist-property { text-transform: uppercase; font-size: 12px; font-weight: 700; display: inline-block; padding: 2px 10px; line-height: 15px; } .p1-specialist-property img { width: 12px; height: 12px; margin-right: 6px; } .p1-specialist-property:first-of-type { margin-bottom: 3px; } .p1-specialist-property.positive { background-color: rgba(149, 188, 35, 0.1); color: #95BC23; } .p1-specialist-property.negative { background-color: rgba(85, 85, 85, 0.1); color: #555555; } @media screen and (max-width: 767px) { .p1-specialist-row { width: 100%; } } .p1-filename-container { margin-top: 5px; font-size: 14px; font-weight: 600; display: flex; flex-direction: column; } .p1-filename-container .p1-remove-file { display: flex; align-items: center; color: #FF5B40; cursor: pointer; } .p1-filename-container .p1-remove-file .lnr { margin-left: 2px; } .p1-filename-container .p1-filename--readonly { margin-top: 10px; font-weight: 500; } @media screen and (min-width: 576px) { .p1-filename-container { flex-direction: row; } .p1-filename-container .p1-remove-file { margin-left: 5px; } } @import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"); #efizjo-widget { width: 355px; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1); max-width: 100%; background-color: #fff; padding: 10px; display: flex; justify-content: space-between; position: relative; font-family: 'Rajdhani', sans-serif; margin: 0; } #efizjo-widget-image-container, #efizjo-widget-image { width: 140px; height: 140px; } #efizjo-widget-image-container { position: relative; } #efizjo-widget-score-container { width: 40px; height: 40px; background-color: #93ba21; display: flex; align-items: center; flex-direction: column; justify-content: center; position: absolute; top: 0; right: 0; color: #fff; } #efizjo-widget-score { font-size: 20px; font-weight: 700; line-height: 20px; } #efizjo-widget-score-count { font-size: 8px; font-weight: 700; } #efizjo-widget-data { width: calc(100% - 150px); } #efizjo-widget-name { font-weight: 600; font-size: 16px; margin: 0 0 2px 0; } #efizjo-widget-isverified { font-size: 12px; font-weight: 700; color: #93bc1e; background-color: #F4F9E7; display: flex; width: 160px; justify-content: center; align-items: center; height: 20px; padding-left: 3px; margin-bottom: 5px; } #efizjo-widget-isverified img { width: 12px; margin-right: 7px; display: inline-block; } #efizjo-widget-specialization { font-weight: 500; margin: 0 0 6px 0; } #efizjo-widget-link { width: 100%; height: 42px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; margin-bottom: 7px; background-color: #93bc1e; text-decoration: none; } #efizjo-widget-logo-container { display: flex; justify-content: flex-end; } #efizjo-widget-logo-container img { width: 83px; height: 16px; object-fit: cover; } #efizjo-widget-spacer { min-height: 45px; } #efizjo-widget-close { position: absolute; top: 3px; right: 1px; width: 12px; height: 12px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 10px; user-select: none; font-weight: 700; } #generated-widget #efizjo-widget { position: relative; } #widget-container-efizjo { border-radius: 5px; border: 3px solid #93ba21; background: white; width: 400px; float: left; position: fixed; right: 0; bottom: 0; } #widget-container-efizjo #widget-close { position: absolute; right: 5px; color: black; font-size: 14px; cursor: pointer; } #widget-container-efizjo #widget-content { width: 274px; float: left; height: 75px; } #widget-container-efizjo #widget-content h2, #widget-container-efizjo #widget-content h3 { color: black; } #widget-container-efizjo #widget-container-efizjo-footer { float: left; width: 100%; background-color: #93bd1e; } #widget-container-efizjo #widget-container-efizjo-footer img { float: right; width: 100px; } #widget-container-efizjo img#specialist { float: left; width: 100px; margin: 10px; } #widget-container-efizjo h2 { float: left; font-weight: normal; display: inline; text-align: left; padding: 0; width: 100%; margin: 0; line-height: 38px; font-size: 18px; } #widget-container-efizjo h3 { font-size: 12px; margin: 0; float: left; } #widget-container-efizjo button { background-color: #93bd1e; color: white; padding: 5px 10px; border: none; font-size: 14px; } #widget-container-efizjo .star-note { float: left; } #widget-container-efizjo .star-note span { display: block; width: 17px; height: 17px; margin: 2px 0 0; float: left; background: url("https://efizjoterapia.pl/bundles/mainfizjo/images/icon-stars.png"); } #widget-container-efizjo .star-note .golden-star { background-position: 40px 90px; } #widget-container-efizjo #logo { height: 19px; width: 100px; background: url("https://efizjoterapia.pl/bundles/mainfizjo/images/logo.png") no-repeat; background-size: contain; float: right; } #widget-container-efizjo a { background-color: #93bd1e; color: white; padding: 5px 10px; border: none; font-size: 14px; float: left; } #widget-container-efizjo .golden-star-template, #widget-container-efizjo .empty-star-template { display: none !important; } #generated-widget #widget-container-efizjo { position: relative; }